@charset "UTF-8";
/**
 * 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 */
/**
 * 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;
  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-text--bblue {
  color: #1F94CE !important;
}
.mdl-color--bblue {
  background-color: #1F94CE !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;
  transform: translate(-50%, -50%);
  width: 50px;
  overflow: hidden;
}
.mdl-ripple.is-animating {
  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);
}
.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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: 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%;
  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--medium-fab {
  height: 50px;
  min-width: 50px;
  width: 50px;
}
.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: #53ADE7;
  color: #ffffff;
}
.mdl-button--fab.mdl-button--colored:hover {
  background-color: #27536F;
}
.mdl-button--fab.mdl-button--colored:focus:not(:active) {
  background-color: #53ADE7;
}
.mdl-button--fab.mdl-button--colored:active {
  background-color: #53ADE7;
}
.mdl-button--fab.mdl-button--colored .mdl-ripple {
  background: #27536F;
}
.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%;
  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: -ms-flexbox;
  display: flex;
  -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 {
  -ms-flex-align: center;
  align-items: center;
  color: #000000;
  display: block;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  line-height: normal;
  padding: 16px 16px;
  perspective-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 {
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: inherit;
  display: block;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  font-weight: 300;
  line-height: normal;
  overflow: hidden;
  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 {
  -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;*/
  /*Usman*/
  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 #53ADE7;
}
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(0, 143, 199, 0.26);
  background-color: rgba(0, 143, 199, 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: #53ADE7 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: #53ADE7;
}
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;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -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;
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -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: -ms-flexbox;
  display: flex;
  -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;
  -ms-flex-order: 0;
  order: 0;
}
.mdl-mini-footer--right-section,
.mdl-mini-footer__right-section {
  display: inline-block;
  -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(0, 143, 199, 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: -ms-flexbox;
  display: flex;
  min-height: 48px;
  box-sizing: border-box;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -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 {
  -ms-flex-order: 0;
  order: 0;
  -ms-flex-positive: 2;
  flex-grow: 2;
  text-decoration: none;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  -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;
  transform: scale(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: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1;
}
.mdl-menu__container.is-visible .mdl-menu__outline {
  opacity: 1;
  transform: scale(1);
  z-index: 999;
}
.mdl-menu__outline.mdl-menu--bottom-right {
  transform-origin: 100% 0;
}
.mdl-menu__outline.mdl-menu--top-left {
  transform-origin: 0 100%;
}
.mdl-menu__outline.mdl-menu--top-right {
  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;
  animation-name: indeterminate1;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.mdl-progress.mdl-progress--indeterminate > .bar3,
.mdl-progress.mdl-progress__indeterminate > .bar3 {
  background-image: none;
  background-color: #3f51b5;
  animation-name: indeterminate2;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes indeterminate1 {
  0% {
    left: 0%;
    width: 0%;
  }
  50% {
    left: 25%;
    width: 75%;
  }
  75% {
    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: -ms-flexbox;
  display: flex;
  -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: -ms-flexbox;
  display: flex;
  -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 {
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.mdl-layout__drawer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -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;
  transform: translateX(-250px);
  transform-style: preserve-3d;
  will-change: transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: transform;
  color: #424242;
  overflow: visible;
  overflow-y: auto;
  z-index: 5;
}
.mdl-layout__drawer.is-visible {
  transform: translateX(0);
}
.mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content {
  overflow: hidden;
}
.mdl-layout__drawer > * {
  -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 {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding-top: 16px;
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
  display: block;
  -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 {
    transform: translateX(0);
  }
}
.mdl-layout__drawer-button {
  display: block;
  position: absolute;
  height: 48px;
  width: 48px;
  border: 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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  box-sizing: border-box;
  -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: -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 {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.mdl-layout__header-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -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 > * {
  -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;
  -ms-flex-direction: row;
  flex-direction: row;
  -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;*/
  -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: -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;
  -ms-flex-positive: 0;
  flex-grow: 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;
  -ms-flex-positive: 0;
  flex-grow: 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;
  -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;
  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 #1F94CE;
}
.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: transform;
  transform: scale(0, 0);
  border-radius: 50%;
  background: #1F94CE;
}
.mdl-radio.is-checked .mdl-radio__inner-circle {
  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;
  -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: 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);
}
.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(0, 143, 199, 0.26);
}
.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
  box-shadow: 0 0 0 10px rgba(0, 143, 199, 0.26);
}
.mdl-slider.is-upgraded:active::-webkit-slider-thumb {
  background-image: none;
  background: #3f51b5;
  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: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s 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(0, 143, 199, 0.26) 37.5%, rgba(0, 143, 199, 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);
  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 {
  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;
  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: -ms-flexbox;
  display: flex;
  -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: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border: 0;
  padding: 0;
  transform: translate(0, -1px);
}
.mdl-slider__background-lower {
  background: #3f51b5;
  -ms-flex: 0;
  flex: 0;
  position: relative;
  border: 0;
  padding: 0;
}
.mdl-slider__background-upper {
  background: rgba(0, 0, 0, 0.26);
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  will-change: transform;
  transform: translate(0, 80px);
  transition: 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;
    transform: translate(-50%, 80px);
  }
}
.mdl-snackbar--active {
  transform: translate(0, 0);
  pointer-events: auto;
  transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1);
}
@media (min-width: 480px) {
  .mdl-snackbar--active {
    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;
  -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 {
  animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
}
@keyframes mdl-spinner__container-rotate {
  to {
    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: #1f94ce;
}
.mdl-spinner.is-active .mdl-spinner__layer-1 {
  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: #1f94ce;
}
.mdl-spinner.is-active .mdl-spinner__layer-2 {
  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: #1f94ce;
}
.mdl-spinner.is-active .mdl-spinner__layer-3 {
  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: #1f94ce;
}
.mdl-spinner.is-active .mdl-spinner__layer-4 {
  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;
}
@keyframes mdl-spinner__fill-unfill-rotate {
  12.5% {
    transform: rotate(135deg);
  }
  25% {
    transform: rotate(270deg);
  }
  37.5% {
    transform: rotate(405deg);
  }
  50% {
    transform: rotate(540deg);
  }
  62.5% {
    transform: rotate(675deg);
  }
  75% {
    transform: rotate(810deg);
  }
  87.5% {
    transform: rotate(945deg);
  }
  to {
    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
*/
@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-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-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-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%;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mdl-spinner__left .mdl-spinner__circle {
  border-right-color: transparent !important;
  transform: rotate(129deg);
}
.mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
  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;
  transform: rotate(-129deg);
}
.mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
  animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
@keyframes mdl-spinner__left-spin {
  from {
    transform: rotate(130deg);
  }
  50% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(130deg);
  }
}
@keyframes mdl-spinner__right-spin {
  from {
    transform: rotate(-130deg);
  }
  50% {
    transform: rotate(5deg);
  }
  to {
    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(0, 143, 199, 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: #53ADE7;
  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%;
  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(0, 143, 199, 0.26);
  background-color: rgba(0, 143, 199, 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: #53ADE7;
  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: #53ADE7;
}
.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;*/
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 38px;
  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: 38px;
  line-height: 38px;
  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: #53ADE7;
}
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
  height: 2px;
  width: 100%;
  display: block;
  content: " ";
  bottom: 0px;
  left: 0px;
  position: absolute;
  background: #53ADE7;
  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: #53ADE7;
}
.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;
}
@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: #1F94CE;
  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: #1F94CE;
  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 {
  line-height: 1em;
  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 {
  transform: scale(0);
  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 {
  animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}
.mdl-tooltip--large {
  line-height: 14px;
  font-size: 14px;
  padding: 16px;
}
@keyframes pulse {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(0.99);
  }
  100% {
    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: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 auto 0 auto;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.mdl-grid.mdl-grid--no-spacing {
  padding: 0;
}
.mdl-cell {
  box-sizing: border-box;
}
.mdl-cell--top {
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.mdl-cell--middle {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.mdl-cell--bottom {
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.mdl-cell--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 {
  -ms-flex-order: 1;
  order: 1;
}
.mdl-cell--order-2 {
  -ms-flex-order: 2;
  order: 2;
}
.mdl-cell--order-3 {
  -ms-flex-order: 3;
  order: 3;
}
.mdl-cell--order-4 {
  -ms-flex-order: 4;
  order: 4;
}
.mdl-cell--order-5 {
  -ms-flex-order: 5;
  order: 5;
}
.mdl-cell--order-6 {
  -ms-flex-order: 6;
  order: 6;
}
.mdl-cell--order-7 {
  -ms-flex-order: 7;
  order: 7;
}
.mdl-cell--order-8 {
  -ms-flex-order: 8;
  order: 8;
}
.mdl-cell--order-9 {
  -ms-flex-order: 9;
  order: 9;
}
.mdl-cell--order-10 {
  -ms-flex-order: 10;
  order: 10;
}
.mdl-cell--order-11 {
  -ms-flex-order: 11;
  order: 11;
}
.mdl-cell--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 {
    -ms-flex-order: 1;
    order: 1;
  }
  .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
    -ms-flex-order: 2;
    order: 2;
  }
  .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
    -ms-flex-order: 3;
    order: 3;
  }
  .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
    -ms-flex-order: 4;
    order: 4;
  }
  .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
    -ms-flex-order: 5;
    order: 5;
  }
  .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
    -ms-flex-order: 6;
    order: 6;
  }
  .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
    -ms-flex-order: 7;
    order: 7;
  }
  .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
    -ms-flex-order: 8;
    order: 8;
  }
  .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
    -ms-flex-order: 9;
    order: 9;
  }
  .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
    -ms-flex-order: 10;
    order: 10;
  }
  .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
    -ms-flex-order: 11;
    order: 11;
  }
  .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
    -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 {
    -ms-flex-order: 1;
    order: 1;
  }
  .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
    -ms-flex-order: 2;
    order: 2;
  }
  .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
    -ms-flex-order: 3;
    order: 3;
  }
  .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
    -ms-flex-order: 4;
    order: 4;
  }
  .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
    -ms-flex-order: 5;
    order: 5;
  }
  .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
    -ms-flex-order: 6;
    order: 6;
  }
  .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
    -ms-flex-order: 7;
    order: 7;
  }
  .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
    -ms-flex-order: 8;
    order: 8;
  }
  .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
    -ms-flex-order: 9;
    order: 9;
  }
  .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
    -ms-flex-order: 10;
    order: 10;
  }
  .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
    -ms-flex-order: 11;
    order: 11;
  }
  .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
    -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 {
    -ms-flex-order: 1;
    order: 1;
  }
  .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
    -ms-flex-order: 2;
    order: 2;
  }
  .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
    -ms-flex-order: 3;
    order: 3;
  }
  .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
    -ms-flex-order: 4;
    order: 4;
  }
  .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
    -ms-flex-order: 5;
    order: 5;
  }
  .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
    -ms-flex-order: 6;
    order: 6;
  }
  .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
    -ms-flex-order: 7;
    order: 7;
  }
  .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
    -ms-flex-order: 8;
    order: 8;
  }
  .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
    -ms-flex-order: 9;
    order: 9;
  }
  .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
    -ms-flex-order: 10;
    order: 10;
  }
  .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
    -ms-flex-order: 11;
    order: 11;
  }
  .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
    -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%;
  }
}
.custom_width_252px {
  width: 252px !important;
}
.getmdl-select .mdl-icon-toggle__label {
  float: right;
  margin-top: -30px;
  color: rgba(0, 0, 0, 0.4);
}
.getmdl-select.is-focused .mdl-icon-toggle__label {
  color: #1F94CE;
}
.getmdl-select .mdl-menu__container {
  width: 100% !important;
  overflow: hidden;
}
.getmdl-select .mdl-menu__container .mdl-menu .mdl-menu__item {
  font-size: 16px;
}
.getmdl-select__fullwidth .mdl-menu {
  width: 100%;
}
.getmdl-select__fix-height .mdl-menu__container {
  overflow-y: auto;
  max-height: 300px !important;
}
.getmdl-select__fix-height .mdl-menu.mdl-menu--top-left {
  bottom: auto;
  top: 0;
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/
.lSSlideOuter {
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.lightSlider:before,
.lightSlider:after {
  content: " ";
  display: table;
}
.lightSlider {
  overflow: hidden;
  margin: 0;
}
.lSSlideWrapper {
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.lSSlideWrapper > .lightSlider:after {
  clear: both;
}
.lSSlideWrapper .lSSlide {
  transform: translate(0px, 0px);
  -webkit-transition: all 1s;
  transition-property: transform,height;
  transition-duration: inherit !important;
  transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
  position: relative;
}
.lSSlideWrapper .lSFade > * {
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 9;
  margin-right: 0;
  width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
  opacity: 0;
  transition-delay: 0s;
  transition-duration: inherit !important;
  transition-property: opacity;
  transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
  z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
  opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/
/* Pager */
.lSSlideOuter .lSPager.lSpg {
  margin: 10px 0 0;
  padding: 0;
  text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
  cursor: pointer;
  display: inline-block;
  padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
  background-color: #222222;
  border-radius: 30px;
  display: inline-block;
  height: 8px;
  overflow: hidden;
  text-indent: -999em;
  width: 8px;
  position: relative;
  z-index: 99;
  transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a,
.lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: #428bca;
}
.lSSlideOuter .media {
  opacity: 0.8;
}
.lSSlideOuter .media.active {
  opacity: 1;
}
/* End of pager */
/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
  list-style: none outside none;
  padding-left: 0;
  margin: 0;
  overflow: hidden;
  transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
  overflow: hidden;
  transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
  position: relative;
}
.thumnb-active {
  display: none;
}
.lSSlideOuter .lSPager.lSGallery li.active .thumnb-active {
  display: block;
  height: 4px;
  bottom: 0;
  width: 100%;
}
.lSSlideOuter .lSPager.lSGallery img {
  display: block;
  height: auto;
  max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before,
.lSSlideOuter .lSPager.lSGallery:after {
  content: " ";
  display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
  clear: both;
}
/* End of Gallery*/
/* slider actions */
.lSAction > a {
  width: 32px;
  display: block;
  top: 50%;
  height: 32px;
  background-image: url('/assets/images/img/controls.png');
  cursor: pointer;
  position: absolute;
  z-index: 99;
  margin-top: -16px;
  opacity: 0.5;
  transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
  opacity: 1;
}
.lSAction > .lSPrev {
  background-position: 0 0;
  left: 10px;
}
.lSAction > .lSNext {
  background-position: -32px 0;
  right: 10px;
}
.lSAction > a.disabled {
  pointer-events: none;
}
.cS-hidden {
  height: 1px;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
}
/* vertical */
.lSSlideOuter.vertical {
  position: relative;
}
.lSSlideOuter.vertical.noPager {
  padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
  position: absolute !important;
  right: 0;
  top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
  width: 100% !important;
  max-width: none !important;
}
/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
  left: 50%;
  margin-left: -14px;
  margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
  background-position: 31px -31px;
  bottom: 10px;
  top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
  background-position: 0 -31px;
  bottom: auto;
  top: 10px;
}
/* vertical */
/* Rtl */
.lSSlideOuter.lSrtl {
  direction: rtl;
}
.lSSlideOuter .lightSlider,
.lSSlideOuter .lSPager {
  padding-left: 0;
  list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider,
.lSSlideOuter.lSrtl .lSPager {
  padding-right: 0;
}
.lSSlideOuter .lightSlider > *,
.lSSlideOuter .lSGallery li {
  float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,
.lSSlideOuter.lSrtl .lSGallery li {
  float: right !important;
}
/* Rtl */
@keyframes rightEnd {
  0% {
    left: 0;
  }
  50% {
    left: -15px;
  }
  100% {
    left: 0;
  }
}
@keyframes topEnd {
  0% {
    top: 0;
  }
  50% {
    top: -15px;
  }
  100% {
    top: 0;
  }
}
@keyframes leftEnd {
  0% {
    left: 0;
  }
  50% {
    left: 15px;
  }
  100% {
    left: 0;
  }
}
@keyframes bottomEnd {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -15px;
  }
  100% {
    bottom: 0;
  }
}
.lSSlideOuter .rightEnd {
  animation: rightEnd 0.3s;
  position: relative;
}
.lSSlideOuter .leftEnd {
  animation: leftEnd 0.3s;
  position: relative;
}
.lSSlideOuter.vertical .rightEnd {
  animation: topEnd 0.3s;
  position: relative;
}
.lSSlideOuter.vertical .leftEnd {
  animation: bottomEnd 0.3s;
  position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
  animation: leftEnd 0.3s;
  position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
  animation: rightEnd 0.3s;
  position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
@font-face {
  font-family: 'lg';
  src: url("../fonts/lg.eot?n1z373");
  src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.lg-icon {
  font-family: 'lg';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next,
.lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 50%;
  color: white;
  cursor: pointer;
  display: block;
  font-size: 14px;
  margin-top: -10px;
  padding: 15px 15px;
  position: absolute;
  top: 50%;
  z-index: 1080;
  border: none;
  outline: none;
}
.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
  color: #FFF;
}
.lg-actions .lg-next {
  right: 15px;
}
.lg-actions .lg-next:before {
  /*content: "\25b6";*/
}
.lg-actions .lg-prev {
  left: 15px;
}
.lg-actions .lg-prev:after {
  /*content: "\25c0";*/
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  animation: lg-left-end 0.3s;
  position: relative;
}
.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
  color: #FFF;
}
.lg-toolbar .lg-close:after {
  /*content: "\e070";*/
}
.lg-toolbar .lg-download:after {
  content: "\e0f2";
}
.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}
#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}
.lg-toolbar,
.lg-prev,
.lg-next {
  opacity: 1;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}
.lg-hide-items .lg-prev {
  opacity: 0;
  transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
  opacity: 0;
  transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
  opacity: 0;
  transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
  transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px;
}
@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
  transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
  color: #FFF;
}
.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}
.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}
.lg-outer .lg-has-vimeo .lg-video-play {
  background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible;
}
.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}
.lg-autoplay-button:after {
  content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  transform: scale3d(1, 1, 1);
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#lg-zoom-in:after {
  content: "\e311";
}
#lg-actual-size {
  font-size: 20px;
}
#lg-actual-size:after {
  content: "\e033";
}
#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}
#lg-zoom-out:after {
  content: "\e312";
}
.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}
.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}
.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}
.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}
.lg-outer .lg-pager:hover,
.lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}
.lg-fullscreen:after {
  content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}
.lg-outer #lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown,
.lg-outer.lg-dropdown-active #lg-dropdown-overlay {
  transition-delay: 0s;
  transform: translate3d(0, 0px, 0);
  opacity: 1;
  visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
  color: #FFF;
}
.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 5px, 0);
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #FFF;
  right: 16px;
  top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
  margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a,
.lg-outer .lg-dropdown > li:hover .lg-icon {
  color: #333;
}
.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto;
}
.lg-outer #lg-share {
  position: relative;
}
.lg-outer #lg-share:after {
  content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
  color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
  content: "\e901";
}
.lg-outer #lg-share-twitter .lg-icon {
  color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
  content: "\e904";
}
.lg-outer #lg-share-googleplus .lg-icon {
  color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
  content: "\e902";
}
.lg-outer #lg-share-pinterest .lg-icon {
  color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
  content: "\e903";
}
.lg-group:after {
  content: "";
  display: table;
  clear: both;
}
.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  box-sizing: border-box;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-current {
  transition-duration: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}
.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.lg-outer .lg-item {
  background: url("/assets/images/img/loading.gif") no-repeat scroll center center transparent;
  display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-empty-html {
  display: none;
}
.lg-outer.lg-hide-download #lg-download {
  display: none;
}
.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
  opacity: .9;
}
.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
/* No Js */
.no-js .owl-carousel {
  display: block;
}
/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}
/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}
/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*='owl-'] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}
/*! jQuery UI - v1.12.1 - 2017-08-30
* http://jqueryui.com
* Includes: theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}
.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}
.ui-widget-content a {
  color: #333333;
}
.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}
.ui-widget-header a {
  color: #333333;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}
.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}
.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  /* support: IE8 */
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  /* support: IE8 */
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
  /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png");
}
/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}
.ui-icon-caret-1-n {
  background-position: 0 0;
}
.ui-icon-caret-1-ne {
  background-position: -16px 0;
}
.ui-icon-caret-1-e {
  background-position: -32px 0;
}
.ui-icon-caret-1-se {
  background-position: -48px 0;
}
.ui-icon-caret-1-s {
  background-position: -65px 0;
}
.ui-icon-caret-1-sw {
  background-position: -80px 0;
}
.ui-icon-caret-1-w {
  background-position: -96px 0;
}
.ui-icon-caret-1-nw {
  background-position: -112px 0;
}
.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}
.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .3;
  filter: alpha(opacity=30);
  /* support: IE8 */
}
.ui-widget-shadow {
  box-shadow: 0px 0px 5px #666666;
}
dialog {
  position: absolute;
  left: 0;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  margin: auto;
  border: solid;
  padding: 1em;
  background: white;
  color: black;
  display: block;
}
dialog:not([open]) {
  display: none;
}
dialog + .backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
}
._dialog_overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
dialog.fixed {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}
/*
@colorGrey0: #434343;
@colorGrey1: #5C5C5C;
@colorGrey2: #3E3E3E;
@colorGrey3: #535353;
@colorGrey4: #505050;
@colorGrey5: #868686;
@colorGrey6: #777777;
@colorGrey7: #AFAFAF;
*/
html {
  box-sizing: border-box;
  font-size: 100%;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.8;
}
@media only screen and (min-width: 544px), print {
  html {
    font-size: 1em;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1024px), print {
  html {
    font-size: 1em;
  }
}
@media only screen and (min-width: 920px), print {
  html {
    font-size: 1em;
  }
}
@media only screen and (min-width: 1200px), print {
  html {
    font-size: 1em;
  }
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
body {
  background-color: #fff;
  color: #434343;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}
/**
 * Typography
 */
/* tasa-orbiter-regular - latin */
@font-face {
  font-family: 'TASA Orbiter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/styles/fonts/tasaorbiter/tasa-orbiter-v2-latin-regular.woff2') format('woff2'), url('/assets/styles/fonts/tasaorbiter/TASAOrbiter-Regular.ttf') format('truetype');
}
/* tasa-orbiter-500 - latin */
@font-face {
  font-family: 'TASA Orbiter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/styles/fonts/tasaorbiter/tasa-orbiter-v2-latin-500.woff2') format('woff2'), url('/assets/styles/fonts/tasaorbiter/TASAOrbiter-Medium.ttf') format('truetype');
}
/* tasa-orbiter-600 - latin */
@font-face {
  font-family: 'TASA Orbiter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/styles/fonts/tasaorbiter/tasa-orbiter-v2-latin-600.woff2') format('woff2'), url('/assets/styles/fonts/tasaorbiter/TASAOrbiter-SemiBold.ttf') format('truetype');
}
/* tasa-orbiter-700 - latin */
@font-face {
  font-family: 'TASA Orbiter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/styles/fonts/tasaorbiter/tasa-orbiter-v2-latin-700.woff2') format('woff2'), url('/assets/styles/fonts/tasaorbiter/TASAOrbiter-Bold.ttf') format('truetype');
}
/* tasa-orbiter-800 - latin */
@font-face {
  font-family: 'TASA Orbiter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/assets/styles/fonts/tasaorbiter/tasa-orbiter-v2-latin-800.woff2') format('woff2'), url('/assets/styles/fonts/tasaorbiter/TASAOrbiter-ExtraBold.ttf') format('truetype');
}
p {
  margin-bottom: 1em;
  font-size: 1rem;
  line-height: 1.4375rem;
}
@media only screen and (min-width: 64em), print {
  p {
    font-size: 1.0625rem;
    line-height: 1.5rem;
  }
}
ol,
ul,
dl {
  margin-bottom: 1em;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}
/**
 * Links
 */
a {
  color: #000000;
  text-decoration: none;
}
a:hover {
  color: #75BAE7;
  text-decoration: underline;
}
/**
 * Elements
 */
*:focus {
  outline: none;
}
img {
  max-width: 100%;
  vertical-align: middle;
}
.icon,
svg.icon {
  width: 18px;
  height: 18px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #dbdbdb;
  margin: 2.5em 0;
  padding: 0;
}
figure {
  margin: 0;
}
select,
option {
  color: #515151 !important;
  border-radius: 1px;
}
select:focus,
option:focus {
  outline: none;
}
/**
 * Tables
 */
table {
  width: 100%;
  max-width: 100%;
  margin: 0 0 1em 0;
}
table th,
table td {
  padding: .5em;
  vertical-align: top;
  text-align: left;
}
table th {
  background: #9b9b9b;
  font-weight: normal;
}
table td {
  border-bottom: 1px solid #9b9b9b;
}
/**
 * Print styles.
 * Inlined to avoid required HTTP connection.
 */
@media print {
  @page {
    margin: 0.5cm;
  }
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  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;
  }
  #epi-quickNavigator {
    display: none !important;
  }
}
.alert-error {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  border-radius: 4px;
  padding: 10px;
  margin-top: 20px;
  box-shadow: 0 0 10px rgba(114, 28, 36, 0.2);
  -ms-flex-align: center;
      align-items: center;
  font-family: Arial, sans-serif;
}
.alert-error svg {
  margin-right: 10px;
  width: 24px;
  height: 24px;
}
.alert-error p {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
}
.Badge {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid #000000;
  border-radius: 50px;
  padding: 2px 12px;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 0.75rem;
  color: #000000;
  background: #ffffff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.Badge--small {
  font-size: 0.6875rem;
  padding: 2px 8px;
}
.Badge--date {
  border-radius: 67px;
  padding: 4px 16px;
  font-size: 1rem;
  font-weight: 500;
}
@media only screen and (min-width: 64em), print {
  .Badge--date {
    font-size: 1.0625rem;
  }
}
.Badge--reserve {
  font-size: 0.75rem;
  padding: 0px 8px;
}
.Badge--price {
  padding: 0 8px;
  font-weight: 400;
  min-width: 140px;
  text-align: center;
}
.Badge--price strong {
  font-weight: 600;
}
.Badge--eventOngoing {
  font-size: 1rem;
  padding: 0 14px;
}
@media only screen and (min-width: 64em), print {
  .Badge--eventOngoing {
    font-size: 1.0625rem;
  }
}
/*#

Styling for links and button elements.

Examples:
<div>
    <button class="Button Button--gradient">Button</button>
    <a href="#" class="Button Button--gradient">Link Button</a>
</div>
<div><br /></div>
<div>
    <button class="Button Button--gradient Button--upper Button--padding">Sok</button>
    <a href="#" class="Button Button--gradient Button--upper Button--padding">Sok</a>
</div>

<div><br /></div>
<div>
    <button class="Button Button--gradientLarge">Button</button>
    <a href="#" class="Button Button--gradientLarge">Link Button</a>
</div>
<div><br /></div>
<div>
    <button class="Button Button--square">Button</button>
    <a href="#" class="Button Button--square">Link Button</a>
</div>

<div><br /></div>
<div>
    <button class="Button Button--squareGreen">Button</button>
    <a href="#" class="Button Button--squareGreen">Link Button</a>
</div>
<div><br /></div>
<div>
    <button class="Button Button--square">Compare <i class="Icon Icon--checkmark"></i></button>
    <a href="#" class="Button Button--square">Compare <i class="Icon Icon--checkmark"></i></a>
     <a href="#" class="Button Button--square active">Compare <i class="Icon Icon--checkmark"></i></a>
</div>

<div><br /></div>
<div style="background: #E9E7EA; padding:5px;">
    <button class="Button Button--transparant">Button</button>
    <a href="#" class="Button Button--transparant">Button</a>

</div>

<div><br /></div>
<div>
    <button class="Button Button--transparantGreen">Button</button>
    <a href="#" class="Button Button--transparantGreen">Button</a>

</div>
*/
.Button {
  -webkit-appearance: none;
  cursor: pointer;
  line-height: 1em;
  margin: 0;
  padding: .5em 1.3em;
  font-size: inherit;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  background: none;
  border: none;
  color: #ffffff;
  border-radius: 10px;
  display: inline-block;
  transition: all 0.2s ease;
}
.Button * {
  transition: all 0.2s ease;
}
.Button:hover {
  color: #ffffff;
  text-decoration: none;
}
.buttonCircle {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: none;
  background: #000000;
  color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.2s ease;
}
.buttonCircle * {
  transition: all 0.2s ease;
}
.buttonCircle:hover {
  background: #767470;
  text-decoration: none;
  color: #ffffff;
}
#dealers .Button {
  padding: 0.5em;
  font-size: 0.95em;
}
@media only screen and (min-width: 64em), print {
  #dealers .Button {
    font-size: 1em;
  }
}
.sell_car.Button {
  top: 9px;
  right: 78px;
}
@media only screen and (min-width: 26.25em), print {
  .sell_car.Button {
    right: 85px;
  }
}
@media only screen and (min-width: 34em), print {
  .sell_car.Button {
    top: 7px;
    right: 135px;
  }
}
@media only screen and (min-width: 64em), print {
  .sell_car.Button {
    top: 9px;
    padding-top: 0.55em !important;
  }
}
@media only screen and (min-width: 57.5em), print {
  .sell_car.Button {
    right: 140px;
  }
}
.sell_car.Button:hover {
  background: #75BAE7;
}
.Button--gradient,
.Button--primary {
  background: #53ADE7;
  border: 2px solid #53ADE7;
}
.Button--gradient:hover,
.Button--primary:hover {
  background: #27536F;
  border-color: #27536F;
}
.Button--gradientLarge {
  background: #53ADE7;
  border: 2px solid #53ADE7;
  padding: 1rem 1.5rem;
  border-radius: 15px;
  font-size: 1.5rem;
}
.Button--gradientLarge:hover {
  background: #27536F;
  border-color: #27536F;
}
.Button--square {
  border-radius: 8px;
  border: 2px solid #A6A6A6;
  color: #000000;
  background: transparent;
}
.Button--square i {
  font-size: 10px;
}
@media only screen and (min-width: 64em), print {
  .Button--square i {
    color: #A6A6A6;
    font-size: 14px;
  }
}
.Button--square:hover {
  border-color: #767470;
  color: #A6A6A6;
  background: transparent;
}
.Button--square:hover i {
  color: #767470;
}
.Button--square.active,
.Button--square:active {
  background: #53ADE7;
  border-color: #53ADE7;
  color: #ffffff;
}
.Button--square.active i,
.Button--square:active i {
  color: #ffffff;
}
.Button--square.active i:hover,
.Button--square:active i:hover {
  color: #ffffff;
}
.Button--outlined {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #000000;
  background: transparent;
  border: 1px solid #000000;
  border-radius: 50px;
  padding: 0.375rem 0.75rem;
  text-decoration: none;
  white-space: nowrap;
}
.Button--outlined .material-icons {
  color: #000000;
}
.Button--outlined:hover {
  color: #A6A6A6;
  border-color: #A6A6A6;
}
.Button--outlined:hover .material-icons {
  color: #A6A6A6;
}
.Button--outlinedCta {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #000000;
  background: transparent;
  border: 1px solid #000000;
  border-radius: 50px;
  padding: 0.75rem 1.5rem;
  text-decoration: none;
  white-space: nowrap;
}
.Button--outlinedCta .material-icons {
  color: #000000;
}
.Button--outlinedCta:hover {
  color: #A6A6A6;
  border-color: #A6A6A6;
}
.Button--outlinedCta:hover .material-icons {
  color: #A6A6A6;
}
.Button--rounded {
  border-radius: 50px !important;
  border: 1px solid #000000;
  color: #000000;
  background: transparent;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-weight: 400;
  padding: 0.375rem 0.75rem;
}
.Button--rounded .material-icons {
  color: #000000;
}
.Button--rounded:hover {
  border-color: #27536F;
  color: #27536F;
  background: transparent;
}
.Button--rounded:hover .material-icons {
  color: #27536F;
}
.Button--rounded.active,
.Button--rounded:active {
  background: #53ADE7;
  border-color: #53ADE7;
  color: #ffffff;
}
.Button--rounded.active .material-icons,
.Button--rounded:active .material-icons {
  color: #ffffff;
}
.Button--rounded.active .material-icons:hover,
.Button--rounded:active .material-icons:hover {
  color: #ffffff;
}
.Button--roundedBlue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #ffffff;
  background: #53ADE7;
  border: none;
  border-radius: 50px;
  padding: 0.375rem 0.75rem;
  text-decoration: none;
  white-space: nowrap;
  text-transform: none;
}
.Button--roundedBlue .material-icons {
  color: #ffffff;
}
.Button--roundedBlue:hover {
  background: #27536F;
  color: #ffffff;
}
.Button--roundedBlue:hover .material-icons {
  color: #ffffff;
}
.Button--roundedBlue.Button--lg {
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  height: auto;
  width: 135px;
}
.Button--roundedBlueArrow {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  width: 135px;
  padding: 0.75rem 2rem 0.75rem 1rem;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  color: #ffffff;
  background: #53ADE7;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
}
.Button--roundedBlueArrow .material-icons {
  position: absolute;
  right: 0.75rem;
  font-size: 18px;
  line-height: 1;
}
.Button--roundedBlueArrow:hover {
  background: #27536F;
}
.Button--roundedBlueArrow.Button--lg {
  width: auto;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding: 0.75rem 1.5rem;
  padding-right: 3.125rem;
  font-size: 1rem;
}
.Button--roundedBlueArrow.Button--lg .material-icons {
  right: 1rem;
  font-size: 20px;
}
.Button--squareBlue {
  border-radius: 8px;
  background: #53ADE7;
  border: 1px solid #53ADE7;
}
.Button--squareBlue:hover {
  background: #27536F;
}
.Button--squareGreen {
  border-radius: 8px;
  background: #53ADE7;
  border: 1px solid #53ADE7;
}
.Button--squareGreen:hover {
  background: #75BAE7;
}
.Button--roundedGreen {
  border-radius: 50px;
  background: #75BAE7;
  border: 1px solid #75BAE7;
}
.Button--roundedGreen:hover {
  background: #75BAE7;
  border: 1px solid #53ADE7;
}
.Button--squareGrey {
  border-radius: 0;
  background: #e9e7ea;
  border: 1px solid #e9e7ea;
  color: #E3E3E3;
}
.Button--squareGrey:hover {
  background: #9b9b9b;
  border: 1px solid #9b9b9b;
}
.Button--transparant {
  border: 2px solid #ffffff;
  color: #ffffff;
}
.Button--transparant:hover {
  background: #53ADE7;
  border-color: #53ADE7;
}
.Button--transparantGreen {
  border: 2px solid #75BAE7;
  color: #53ADE7;
}
.Button--transparantGreen:hover {
  background: #53ADE7;
  border-color: #53ADE7;
  color: #ffffff;
}
.Button--transparantGreenNoHover {
  border: 2px solid #75BAE7;
  color: #53ADE7;
}
.Button--transparantGreenNoHover:hover {
  color: #53ADE7;
}
.Button--transparantGreenHover {
  border: 1px solid #75BAE7;
  color: #53ADE7;
  background: #ffffff;
}
.Button--transparantGreenHover:hover {
  color: #27536F;
}
.Button--black {
  background: #000000;
  border: 2px solid #000000;
  color: #ffffff;
  border-radius: 8px;
}
.Button--black:hover {
  background: #27536F;
  border-color: #27536F;
  color: #ffffff;
}
.Button--pill {
  background: #000000;
  border: 1px solid #000000;
  color: #ffffff;
  border-radius: 50px;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-weight: 400;
  padding: 1rem 2rem;
}
.Button--pill:hover {
  background: #27536F;
  border-color: #27536F;
  color: #ffffff;
}
.Button--heroOutline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border-radius: 50px;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-weight: 400;
  padding: 1rem 1.5rem;
  text-align: center;
}
.Button--heroOutline .material-icons {
  color: #ffffff;
}
.Button--heroOutline:hover {
  background: rgba(255, 255, 255, 0.4);
  color: #ffffff;
}
.Button--heroOutline:hover .material-icons {
  color: #ffffff;
}
.Button--lg {
  padding: 0.75rem 2.5rem;
  font-size: 1rem;
}
.Button--withArrow {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 0.75rem;
  padding-left: 1.25rem;
  padding-right: 1rem;
  text-align: left;
}
.Button--withArrow > span {
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Button--withArrow .material-icons {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 18px;
  line-height: 1;
}
.Button--withArrow.Button--lg {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.Button--outlinedCta.Button--withArrow {
  padding: 0.75rem 1.5rem;
}
.Button--outlined.Button--withArrow {
  padding-left: 0.75rem;
  padding-right: 1rem;
}
.Button--heroOutline.Button--withArrow {
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
}
.Button--upper {
  text-transform: uppercase;
}
.Button--padding {
  padding: .5em 3em;
}
.Button--paddingVmd {
  padding: 1em 2em;
}
.Button--padding-sm {
  padding: .5em 1em;
}
.Header-menuButton {
  font-size: 0.9375rem;
  color: #000000;
  border: none;
  padding: 0.25em 0.41666667em 0.41666667em 0.41666667em;
}
.Header-menuButton:hover {
  color: #767470;
}
@media only screen and (min-width: 26.25em), print {
  .Header-menuButton {
    padding-right: 1.25em;
  }
}
.Button--shadow {
  box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.25);
}
.Button-wrapper-list {
  margin-left: 0.625em;
}
@media only screen and (min-width: 26.25em), print {
  .Button-wrapper-list {
    padding-left: 0.625em;
  }
}
.Button--trading {
  width: 70% !important;
  margin-left: 15%;
  margin-right: 15%;
}
@media only screen and (min-width: 34em), print {
  .Button--trading {
    width: 90% !important;
    margin-left: 0;
    margin-right: 0 ;
  }
}
@media only screen and (min-width: 64em), print {
  .Button--trading {
    width: 80% !important;
  }
}
@media only screen and (min-width: 57.5em), print {
  .Button--trading {
    width: 70% !important;
  }
}
.Button--minPadding {
  padding: .5em;
}
@media only screen and (min-width: 26.25em), print {
  .Button--minPadding {
    padding: .5em .5em;
  }
}
.Button--dealerlist {
  width: 9em !important;
}
.Button--dealerlist:disabled {
  background-color: #e8e8e8;
}
/*#

Give a short description of the component's use case and its options. 
Markdown is allowed for rich editing.

Examples:

<div>
    <!-- replace this comment with example HTML -->    
</div>

✔

*/
.Checkbox {
  position: relative;
  display: inline-block;
}
.Checkbox .Checkbox-input:disabled + .Checkbox-label,
.Checkbox.is-disabled .Checkbox-label {
  opacity: 0.5;
  cursor: default;
}
.Checkbox-input {
  opacity: 0;
  position: absolute;
}
.Checkbox-input:checked + .Checkbox-label:after {
  transform: scale(0.7);
  opacity: 1;
}
.Checkbox-input:focus + .Checkbox-label:before {
  box-shadow: 0 0 1px 1px #53ADE7;
}
.Checkbox-label {
  padding-left: 1.5em;
  position: relative;
  cursor: pointer;
}
.Checkbox-label:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: .2em;
  width: 1em;
  height: 1em;
  display: block;
  background: white;
  border: 2px solid #9b9b9b;
  border-radius: 3px;
}
.Checkbox-label:after {
  content: '';
  position: absolute;
  left: 0;
  top: .2em;
  width: 1em;
  height: 1em;
  display: inline-block;
  z-index: 1;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE4MS4yIDI3MyAxNyAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxODEuMiAyNzMgMTcgMTYiPjxwYXRoIGQ9Ik0tMzA2LjMgNTEuMmwtMTEzLTExM2MtOC42LTguNi0yNC04LjYtMzQuMyAwbC01MDYuOSA1MDYuOS0yMTIuNC0yMTIuNGMtOC42LTguNi0yNC04LjYtMzQuMyAwbC0xMTMgMTEzYy04LjYgOC42LTguNiAyNCAwIDM0LjNsMjMxLjIgMjMxLjIgMTEzIDExM2M4LjYgOC42IDI0IDguNiAzNC4zIDBsMTEzLTExMyA1MjQtNTI0YzctMTAuMyA3LTI1LjctMS42LTM2eiIvPjxwYXRoIGZpbGw9IiMzNzM3MzciIGQ9Ik0xOTcuNiAyNzcuMmwtMS42LTEuNmMtLjEtLjEtLjMtLjEtLjUgMGwtNy40IDcuNC0zLjEtMy4xYy0uMS0uMS0uMy0uMS0uNSAwbC0xLjYgMS42Yy0uMS4xLS4xLjMgMCAuNWwzLjMgMy4zIDEuNiAxLjZjLjEuMS4zLjEuNSAwbDEuNi0xLjYgNy42LTcuNmMuMy0uMS4zLS4zLjEtLjV6Ii8+PHBhdGggZD0iTTExODcuMSAxNDMuN2wtNTYuNS01Ni41Yy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTI1My41IDI1My41LTEwNi4yLTEwNi4yYy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTU2LjUgNTYuNWMtNS4xIDUuMS01LjEgMTIgMCAxNy4xbDExNC43IDExNC43IDU2LjUgNTYuNWM1LjEgNS4xIDEyIDUuMSAxNy4xIDBsNTYuNS01Ni41IDI2Mi0yNjJjNS4yLTMuNCA1LjItMTIgLjEtMTcuMXpNMTYzNC4xIDE2OS40bC0zNy43LTM3LjdjLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0xNjkuNSAxNjkuNS03MC4yLTcxLjljLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0zNy43IDM3LjdjLTMuNCAzLjQtMy40IDguNiAwIDEybDc3LjEgNzcuMSAzNy43IDM3LjdjMy40IDMuNCA4LjYgMy40IDEyIDBsMzcuNy0zNy43IDE3NC43LTE3Ni40YzEuNi0xLjcgMS42LTYuOS0uMS0xMC4zeiIvPjwvc3ZnPg==') no-repeat center center;
  transition: all .15s ease;
  transform: scale(0);
  opacity: 0;
}
.CheckboxOption-indicator:after {
  display: inline-block;
  width: 22px;
  height: 22px;
  border: 1px solid #515151;
  content: "\2611";
  color: #fff;
  padding: 5px 4px;
  font-size: 11px;
  font-weight: 700;
}
.CheckboxOption-indicator.is-active:after {
  background: #53ADE7;
  border: 1px solid #53ADE7;
}
.round.CheckboxOption-indicator.is-active:after {
  border-radius: 50%;
}
.Divider {
  border: none;
  border-top: 2px solid #53ADE7;
  margin: 1.5rem 0;
}
/*#

Fade out content

Examples:
 
<div style="width:500px;">
      <div class="Fade js-fade" data-module="toggler" data-toggler="contentElement: '.js-fade', cssClass: 'Fade-show'">
        <p class="Fade-text">
            Aliquam hendrerit lectus magna, sit amet molestie ex convallis eu. Sed commodo, erat sed laoreet faucibus, justo nisi lacinia nisl, eu elementum orci quam in leo. Mauris nec tellus diam. Mauris laoreet leo sit amet diam faucibus porttitor. Sed a leo nulla. Cras nisl magna, tincidunt eu consequat nec, sodales a sem. Vestibulum viverra eget magna vel rutrum. Cras hendrerit egestas lorem, nec porttitor ante ultricies nec. Integer efficitur quis lorem at dapibus. Vestibulum non libero purus.
    Nunc viverra dictum ante at euismod. Maecenas in malesuada nisi, non sodales metus. Nulla rhoncus lectus eu hendrerit facilisis. Nulla vitae dui mattis, vestibulum tellus ut, molestie lorem. Quisque ac aliquet tortor. Suspendisse at tincidunt justo. Quisque ac enim quis nisi congue blandit. Aliquam eu dignissim neque. Nulla venenatis efficitur nisl quis porta. Etiam euismod ex tellus, ultricies volutpat sem dapibus in. Donec molestie venenatis sodales. Suspendisse at mauris porttitor, pretium est imperdiet, lobortis justo. Aenean cursus placerat tortor ut dapibus. Donec consectetur fringilla velit a tincidunt.
        </p>
        <div class="Fade-shadow"></div>
    </div>
    <div><br></div>
    <h2>with button (no padding):</h2>
      <div><br></div>
     <div class="Fade js-fade">
            <p class="FadeText-solid u-marginTz">
                Aliquam hendrerit lectus magna, sit amet molestie ex convallis eu. Sed commodo, erat sed laoreet faucibus, justo nisi lacinia nisl, eu elementum orci quam in leo. Mauris nec tellus diam. Mauris laoreet leo sit amet diam faucibus porttitor. Sed a leo nulla. Cras nisl magna, tincidunt eu consequat nec, sodales a sem. Vestibulum viverra eget magna vel rutrum. Cras hendrerit egestas lorem, nec porttitor ante ultricies nec. Integer efficitur quis lorem at dapibus. Vestibulum non libero purus.
                    Nunc viverra dictum ante at euismod. Maecenas in malesuada nisi, non sodales metus. Nulla rhoncus lectus eu hendrerit facilisis. Nulla vitae dui mattis, vestibulum tellus ut, molestie lorem. Quisque ac aliquet tortor. Suspendisse at tincidunt justo. Quisque ac enim quis nisi congue blandit. Aliquam eu dignissim neque. Nulla venenatis efficitur nisl quis porta. Etiam euismod ex tellus, ultricies volutpat sem dapibus in. Donec molestie venenatis sodales. Suspendisse at mauris porttitor, pretium est imperdiet, lobortis justo. Aenean cursus placerat tortor ut dapibus. Donec consectetur fringilla velit a tincidunt.
            </p>
            <div class="Fade-shadow"></div>
        </div>
        <a href="#" class="Button Button--transparantGreen" data-module="toggler" data-toggler="contentElement: '.js-fade', cssClass: 'Fade-show', addClassToSelf: true"><span class="Fade-more js-fade">Läs mer</span><span class="Fade-less js-fade">Dölj text</span></a>


</div>
*/
.Fade {
  position: relative;
  height: 135px;
  overflow: hidden;
}
.DealerInfo .Fade {
  height: 250px;
}
.Fade-space {
  margin-bottom: 2.5em;
}
@media only screen and (min-width: 64em), print {
  .Fade-space {
    padding: 0 3.75em;
  }
}
@media only screen and (min-width: 57.5em), print {
  .Fade-text {
    padding: 0 3.75em;
  }
}
.FadeText-solid {
  padding: 0;
}
.Fade-show {
  height: auto !important;
}
.Fade-show .Fade-shadow {
  display: none;
}
.Fade-shadow {
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  height: 90px;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.Fade-less {
  display: none;
}
.Fade-less.Fade-show {
  display: inline;
}
.Fade-more {
  display: inline;
}
.Fade-more.Fade-show {
  display: none;
}
/*#

Give a short description of the component's use case and its options.
Markdown is allowed for rich editing.

Examples:

<div>
    <h1>Heading 1</h1>
    <h2>Heading 2</h2>
    <h3>Heading 3</h3>
    <h4>Heading 4</h4>
    <h5>Heading 5</h5>
    <h6>Heading 6</h6>
</div>

*/
.Heading,
.Heading--h1,
h1,
.Heading--h2,
h2,
.Heading--h3,
h3,
.Heading--h4,
h4,
.Heading--h5,
h5,
.Heading--h6,
h6 {
  margin-top: 0;
  margin-bottom: .5em;
  color: #262626;
  font-weight: 400;
}
a:hover .Heading,
a:hover .Heading--h1,
a:hover h1,
a:hover .Heading--h2,
a:hover h2,
a:hover .Heading--h3,
a:hover h3,
a:hover .Heading--h4,
a:hover h4,
a:hover .Heading--h5,
a:hover h5,
a:hover .Heading--h6,
a:hover h6 {
  color: #75BAE7;
}
.Heading--h1,
h1 {
  font-size: 2.75em;
}
.Heading--h1--small {
  font-size: 1em;
  color: #404040;
  margin-bottom: 2em;
}
.Heading--h2,
h2 {
  font-size: 1.875em;
}
.Heading--h3,
h3 {
  font-size: 1.5625em;
}
.Heading--h4,
h4 {
  font-size: 1.375em;
  font-weight: 400;
}
.Heading--h5,
h5 {
  font-size: 1em;
}
.Heading--h6,
h6 {
  font-size: 0.875em;
}
.normalHeading {
  line-height: 1.2em;
}
@media only screen and (min-width: 34em), print {
  .normalHeading {
    line-height: inherit;
  }
}
.sectionHeading {
  line-height: 1.2em;
  clear: both;
  text-align: center;
}
@media only screen and (min-width: 34em), print {
  .sectionHeading {
    line-height: inherit;
    clear: none;
  }
}
.sectionHeading-alt {
  clear: both;
  font-size: 1em;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  margin-top: -5px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 34em), print {
  .sectionHeading-alt {
    line-height: inherit;
    clear: none;
  }
}
.sectionHeading-object {
  font-size: 1.1em;
  line-height: 1em;
  clear: both;
  text-align: center;
}
@media only screen and (min-width: 34em), print {
  .sectionHeading-object {
    line-height: inherit;
    clear: none;
    font-size: 1.3em;
    line-height: 1.3em;
  }
}
@media only screen and (min-width: 64em), print {
  .sectionHeading-object {
    line-height: inherit;
    clear: none;
    font-size: 1.4em;
    line-height: 1.4em;
  }
}
.sectionHeading-trading {
  text-align: center !important;
}
@media only screen and (min-width: 34em), print {
  .sectionHeading-trading {
    text-align: left !important;
  }
}
/*#
Go to https://icomoon.io and upload youre JSON file

Icons
<div style="width:210px; display:inline-block;">
   <span class="Icon Icon--pictures"></span>
</div>
*/
/** VARIABLES FROM ICOMOON */
/** STYLE.LESS FROM ICOMOON */
@font-face {
  font-family: 'BilwebIcons';
  src: url('/assets/styles/fonts/icons/BilwebIcons.eot?q1oy24');
  src: url('/assets/styles/fonts/icons/BilwebIcons.eot?q1oy24#iefix') format('embedded-opentype'), url('/assets/styles/fonts/icons/BilwebIcons.ttf?q1oy24') format('truetype'), url('/assets/styles/fonts/icons/BilwebIcons.woff?q1oy24') format('woff'), url('/assets/styles/fonts/icons/BilwebIcons.svg?q1oy24#BilwebIcons') format('svg');
  font-weight: normal;
  font-style: normal;
}
.Icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'BilwebIcons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Icon--caravan:before {
  content: "\e900";
}
.Icon--atv:before {
  content: "\e901";
}
.Icon--transport:before {
  content: "\e902";
}
.Icon--car:before {
  content: "\e909";
}
.Icon--rv:before {
  content: "\e90c";
}
.Icon--cross:before {
  content: "\2613";
}
.Icon--sort-down:before {
  content: "\25bc";
}
.Icon--sort-up:before {
  content: "\25b2";
}
.Icon--save-star:before {
  content: "\2606";
}
.Icon--save-heart:before {
  content: "\2661";
}
.Icon--save-heart-filled:before {
  content: "\2764";
}
.Icon--save-star-filled:before {
  content: "\2605";
}
.Icon--sort-mobile:before {
  content: "\1f53d";
}
.Icon--pictures:before {
  content: "\1f697";
}
.Icon--arrow-right:before {
  content: "\25b6";
}
.Icon--arrow-down:before {
  content: "\e90a";
}
.Icon--arrow-up:before {
  content: "\e90b";
}
.Icon--arrow-left:before {
  content: "\25c0";
}
.Icon--search:before {
  content: "\1f50d";
}
.Icon--tab-mob:before {
  content: "\e912";
}
.Icon--gasoline:before {
  content: "\e903";
}
.Icon--diesel:before {
  content: "\e904";
}
.Icon--electric:before {
  content: "\e905";
}
.Icon--etanol:before {
  content: "\e906";
}
.Icon--hybrid:before {
  content: "\e907";
}
.Icon--naturgas:before {
  content: "\e908";
}
.Icon--menu:before {
  content: "\2630";
}
.Icon--tabMosaic:before {
  content: "\e910";
}
.Icon--tabRow:before {
  content: "\e911";
}
.Icon--checkmark:before {
  content: "\2611";
}
.Icon--mobile:before {
  content: "\e90d";
}
.Icon--envelop:before {
  content: "\e90e";
}
.fix-position-envelop {
  position: relative;
  top: 1px;
  left: -4px;
}
.fix-position-mobile {
  position: relative;
  top: 1px;
  left: -6px;
}
/** Bilweb specified classes */
.iconText {
  font-size: 0.5625em;
  text-transform: uppercase;
  text-align: center;
  margin: auto;
}
@media only screen and (min-width: 34em), print {
  .iconText {
    font-size: 0.6875em;
  }
}
.IconCheckmark--green {
  color: #53ADE7 !important;
}
.goToObject {
  cursor: pointer;
}
.goToDealer {
  cursor: pointer;
}
/*#

Listing content in either horizontal or vertical direction, while supporting all gutter sizes. It is often used in combination with a ``UL/OL`` tag but it is not required.

Examples:

<div>
    <b>List:</b>
    <ul class="List">
        <li class="List-item">Item 1</li>
        <li class="List-item">Item 2</li>
    </ul>

    <b>List--gutterVxlg:</b>
    <ul class="List List--gutterVxlg">
        <li class="List-item">Item 1</li>
        <li class="List-item">Item 2</li>
    </ul>

    <b>List-horizontal & List--center & List--bordered:</b>
    <ul class="List List--bordered List--horizontal List--center">
        <li class="List-item"><a href="#">Item 1</a></li>
        <li class="List-item"><a href="#">Item 2</a></li>
        <li class="List-item"><a href="#">Item 3</a></li>
    </ul>
</div>
*/
.List {
  padding-left: 0;
  list-style: none;
}
.List-item {
  padding-top: 0.20833333em;
  padding-bottom: 0.20833333em;
}
.List .List-item:first-child {
  padding-top: 0;
}
.List .List-item:last-child {
  padding-bottom: 0;
}
.List--center {
  text-align: center;
}
.List--right {
  text-align: right;
}
.List--bordered > .List-item {
  border-bottom: 1px solid #e9e7ea;
}
.List--bordered > .List-item:last-child {
  border-bottom: none;
}
.List--bordered.List--allbordered > .List-item:last-child {
  border-bottom: 1px solid #e9e7ea;
  padding-bottom: 0.20833333em;
}
.List--horizontal {
  margin-left: -0.625em;
  margin-right: -0.625em;
}
.List--horizontal .List-item {
  display: inline-block;
  margin-right: -0.25em;
  padding-right: 0.625em;
  padding-left: 0.625em;
}
.List--horizontal .List-item:last-child {
  padding-right: 0;
}
.List--horizontal.List--bordered {
  /*& > .List-item {
            border-right: 1px solid @List-borderColor;
            border-bottom: none;

            &:last-child {
                border-right: none;
            }
        }*/
}
/*
    Vertical gutters (top, bottom)
*/
.List--gutterVxsm > .List-item {
  padding-top: 0.20833333em;
  padding-bottom: 0.20833333em;
}
.List--gutterVsm > .List-item {
  padding-top: 0.3125em;
  padding-bottom: 0.3125em;
}
.List--gutterVmd > .List-item {
  padding-top: 0.625em;
  padding-bottom: 0.625em;
}
.List--gutterVlg > .List-item {
  padding-top: 1.25em;
  padding-bottom: 1.25em;
}
.List--gutterVxlg > .List-item {
  padding-top: 1.875em;
  padding-bottom: 1.875em;
}
/*
    Horizontal gutters (top, bottom)
*/
.List--gutterHxsm {
  margin-right: -0.20833333em;
  margin-left: -0.20833333em;
}
.List--gutterHxsm > .List-item {
  padding-right: 0.20833333em;
  padding-left: 0.20833333em;
}
.List--gutterHsm > .List-item {
  margin-right: -0.3125em;
  margin-left: -0.3125em;
}
.List--gutterHsm > .List-item > .List-item {
  padding-right: 0.3125em;
  padding-left: 0.3125em;
}
.List--gutterHmd {
  margin-right: -0.625em;
  margin-left: -0.625em;
}
.List--gutterHmd > .List-item {
  padding-right: 0.625em;
  padding-left: 0.625em;
}
.List--gutterHlg {
  margin-right: -1.25em;
  margin-left: -1.25em;
}
.List--gutterHlg > .List-item {
  padding-right: 1.25em;
  padding-left: 1.25em;
}
.List--gutterHxlg {
  margin-right: -1.875em;
  margin-left: -1.875em;
}
.List--gutterHxlg > .List-item {
  padding-right: 1.875em;
  padding-left: 1.875em;
}
.ListResponsive-toggler {
  max-height: 0;
  overflow: hidden;
}
.ListResponsive-toggler.is-active {
  max-height: 900px;
}
@media only screen and (min-width: 64em), print {
  .ListResponsive-toggler {
    max-height: 999px;
  }
}
@media only screen and (min-width: 64em), print {
  .top_cities .ListResponsive-toggler {
    max-height: 0;
  }
}
@media only screen and (min-width: 34em), print {
  .top_cities .ListResponsive-toggler {
    max-height: 999px;
  }
}
.List-textToggler {
  display: block;
}
.List-textToggler:after {
  content: "Visa fler";
}
.List-textToggler.is-active:after {
  content: "Visa färre";
}
.List-equipmentLink {
  color: #808080;
  font-size: 0.875em;
}
.List-button-active {
  height: 1.6em;
  padding: 0px 7px 0px 4px !important;
  box-shadow: 0 0 0 0 !important;
  -webkit-appearance: none;
  cursor: pointer;
  line-height: 1em;
  margin: 0;
  padding: .5em 1.3em;
  font-size: inherit;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  background: none;
  border: none;
  color: #ffffff;
  border-radius: 10px;
  display: inline-block;
  transition: all 0.2s ease;
  border-radius: 8px;
  background: #53ADE7;
  border: 1px solid #53ADE7;
  color: #fff;
}
.List-button-active * {
  transition: all 0.2s ease;
}
.List-button-active:hover {
  color: #ffffff;
  text-decoration: none;
}
.List-button-active:hover {
  background: #27536F;
}
.List-button-active .List-star {
  position: relative;
  top: 0.07em;
  font-size: 1.2em;
  color: #fff;
}
.List-button-active .List-text {
  position: relative;
  font-size: 0.8em;
  top: -0.2em;
  color: #fff;
}
.List-button-not-active {
  height: 1.6em;
  padding: 0px 7px 0px 4px !important;
  box-shadow: 0 0 0 0 !important;
  -webkit-appearance: none;
  cursor: pointer;
  line-height: 1em;
  margin: 0;
  padding: .5em 1.3em;
  font-size: inherit;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  background: none;
  border: none;
  color: #ffffff;
  border-radius: 10px;
  display: inline-block;
  transition: all 0.2s ease;
  border-radius: 0;
  background: #e9e7ea;
  border: 1px solid #e9e7ea;
  color: #E3E3E3;
  color: #434343;
}
.List-button-not-active * {
  transition: all 0.2s ease;
}
.List-button-not-active:hover {
  color: #ffffff;
  text-decoration: none;
}
.List-button-not-active:hover {
  background: #9b9b9b;
  border: 1px solid #9b9b9b;
}
.List-button-not-active .List-star {
  position: relative;
  top: 0.07em;
  font-size: 1.2em;
  color: #a7a7a7;
}
.List-button-not-active .List-text {
  position: relative;
  font-size: 0.8em;
  top: -0.2em;
  color: #a7a7a7;
}
.Loading {
  opacity: 0.50;
}
.Nav {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 64em), print {
  .Nav {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
    gap: 1.5rem 3rem;
    margin-bottom: 6rem;
  }
}
.Nav-toggle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 1rem;
  font-weight: 600;
  color: #27536F;
  text-decoration: underline;
  text-underline-offset: 4px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
}
@media only screen and (min-width: 64em), print {
  .Nav-toggle {
    font-size: 1.0625rem;
  }
}
.Nav-toggle::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #27536F;
  border-bottom: 2px solid #27536F;
  transform: rotate(45deg);
  margin-left: 6px;
  margin-bottom: 3px;
  transition: transform 0.2s;
}
.is-open .Nav-toggle::after {
  transform: rotate(-135deg);
  margin-bottom: -2px;
}
@media only screen and (min-width: 64em), print {
  .Nav-toggle {
    display: none;
  }
}
.Nav-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  z-index: 10;
  background: #ECE9E4;
  border-radius: 10px;
  padding: 0.75rem 1rem;
  text-align: center;
  min-width: 167px;
}
.is-open .Nav-dropdown {
  display: block;
}
@media only screen and (min-width: 64em), print {
  .Nav-dropdown {
    display: -ms-flexbox;
    display: flex;
    position: static;
    background: none;
    border-radius: 0;
    padding: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
    gap: 1rem 2rem;
  }
}
.Nav-link {
  font-size: 1rem;
  font-weight: 500;
  color: #27536F;
  text-decoration: none;
  display: block;
  line-height: 24px;
}
@media only screen and (min-width: 64em), print {
  .Nav-link {
    font-size: 1.0625rem;
  }
}
.Nav-link:hover {
  color: #75BAE7;
}
.Nav-link.is-active {
  display: none;
}
@media only screen and (min-width: 64em), print {
  .Nav-link.is-active {
    display: inline;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 4px;
  }
}
@media only screen and (min-width: 64em), print {
  .Nav-link {
    display: inline;
  }
}
.pagination {
  display: -ms-flexbox;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: 5px;
  line-height: 1.25;
  color: #000;
  background-color: #fff;
  border: 1px solid #d8e2ef;
  border-radius: 50%;
  min-width: 31px;
}
.page-link:hover {
  z-index: 2;
  color: #fff;
  text-decoration: none;
  background-color: #1AB0ED;
  border-color: #fff;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(44, 123, 229, 0.25);
}
.page-item:first-child .page-link {
  margin-left: 0;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #1AB0ED;
  border-color: #fff;
}
.page-item.disabled .page-link {
  color: #748194;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #d8e2ef;
}
.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
/*#

This is a "fake" radiobutton build with a span

Examples:

<div>
  
            <span class="radioOption-indicator Icon"></span>
            <span class="is-active radioOption-indicator  Icon"></span>

</div>


*/
.radioOption-indicator:after {
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  border: 1px solid #515151;
  content: "\2611";
  color: #fff;
  padding: 5px 4px;
  font-size: 11px;
  font-weight: 700;
}
.radioOption-indicator.is-active:after {
  background: #53ADE7;
  border: 1px solid #53ADE7;
}
/*#
Custom styling for Select drodowns. Supports focus and disabled states.
Examples:
<div>
    <span class="Select u-sm-size1of3X">
        <select class="Select-input">
            <option>Select an option</option>
            <option>Invoice</option>
            <option>Emergency</option>
            <option>Question</option>
            <option>A very long item is here that will never end</option>
            <option>Other</option>
        </select>
    </span>
</div>
*/
/*
    
   
   
    background-image: url('/assets/images/selectArrow.png');
    background-repeat: no-repeat;
    background-position: right center;
    border: none;*/
.Select {
  position: relative;
  padding: 0;
  display: inline-block;
  background: #fff;
  border: none;
  border-radius: 5px;
  box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.42);
  -webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.42);
  -moz-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.42);
}
.Select:after {
  content: "";
  position: absolute;
  width: 2.2em;
  top: 1px;
  bottom: 1px;
  right: 1px;
  background-image: url('/assets/images/selectArrow.png');
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 31px 23px;
  background-position: center;
  pointer-events: none;
  z-index: 2;
}
.Select-input {
  width: 100%;
  margin: 0;
  background: none;
  border: 1px solid transparent;
  outline: none;
  cursor: pointer;
  padding: 0.14em 2em 0.14em 0.6em;
  border-radius: 5px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.Select-input:hover {
  box-shadow: 0 0 1px 1px #cfcfcf;
}
.Select-input:focus {
  outline: none;
}
.Select-input:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.Select-input:disabled:hover {
  box-shadow: none;
}
.is-no-appearance .Select {
  overflow: hidden;
}
.is-no-appearance .Select-input {
  width: calc(100% + 60px);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .Select-input::-ms-expand {
    display: none;
  }
  .Select-input:focus::-ms-value {
    background: transparent;
    color: #434343;
  }
}
/*#

Styling for tabs.

Examples:
<div style="width:500px;">
   <div class="tabs" data-module="tabs">
            <ul class="tabs-handles tabs-handles-card ">
                 <li class="tabs-handle" data-name="tab-one"><span class="u-hidden u-sm-inline Icon Icon--tabMosaic"></span><span class="u-inline u-sm-hidden Icon Icon--tab-mob"></span></li>
                 <li class="tabs-handle" data-name="tab-two"><span class="Icon Icon--tabRow"></span></li>
            </ul>

            <div class="tabs-panels">
                <div class="tabs-panel">
                    panel 1
                </div>

                <div class="tabs-panel">
                     panel 2
                </div>
            </div>
        </div>
</div>
*/
.tabs-panels {
  padding: 0;
}
@media only screen and (min-width: 34em), print {
  .tabs-panels {
    padding: 0;
  }
}
.tabs {
  position: relative;
}
.tabs-handles-card-list {
  position: absolute!important;
  right: 0px!important;
  top: -69px !important;
  text-align: left!important;
}
@media only screen and (min-width: 34em), print {
  .tabs-handles-card-list {
    top: -63px !important;
    right: -33px !important;
    padding-left: 2.5em !important;
    padding-right: 2.5em !important;
  }
}
.tabs-handles-card {
  position: relative;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
  -webkit-padding-start: 0px;
          padding-inline-start: 0px;
}
.tabs-handles-card li {
  list-style: none;
  display: inline-block;
  color: #515151;
  padding-left: 1.5em;
  padding-right: 1.5em;
  margin: 0px;
  cursor: pointer;
  font-size: 14px;
  position: relative;
  top: 1px;
}
.tabs-handles-card li:hover,
.tabs-handles-card li.is-active {
  color: #000000;
  border-bottom: 2px solid #000000;
}
.tabs-panel {
  display: none;
}
.tabs-panel.is-active {
  display: block;
}
.tabs-row {
  margin-left: -15px;
  margin-right: -15px;
}
@media only screen and (min-width: 26.25em), print {
  .tabs-row {
    margin-left: -23px;
    margin-right: -23px;
  }
}
@media only screen and (min-width: 34em), print {
  .tabs-row {
    margin-left: 0;
    margin-right: 0;
  }
}
.Text--align--center {
  text-align: center;
}
.sm-Text--align--center {
  text-align: center;
}
@media only screen and (min-width: 34em), print {
  .sm-Text--align--center {
    text-align: left;
  }
}
.Grey-trust-background {
  background-color: #f5f5f5;
}
@media only screen and (min-width: 26.25em), print {
  .Grey-trust-background {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
}
@media only screen and (min-width: 57.5em), print {
  .Grey-trust-background {
    margin-left: 0!important;
    margin-right: 0!important;
  }
}
.Title--subheader {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0.5rem 0;
  line-height: normal;
}
@media only screen and (min-width: 64em), print {
  .Title--subheader {
    font-size: 1.5rem;
  }
}
/*#

Styling for Trust symbol elements.

Examples:
<div style="width:1024px;">
  <div class="Trust-toggler u-lg-hidden" data-module="toggler" data-toggler="contentElement: '.js-showTrust', cssClass: 'is-active', addClassToSelf: true">
    <span>Fördelar med att köpa bilen av Bilweb’s anslutna bilhandlare</span>
</div>
<div class="Trust-wrapper js-showTrust">
    <div class="Grid Grid--gutterHmd Grid--gutterVsm">
        <div class="Grid-cell u-sm-size1of3 u-lg-size1of5">
            <div class="Trust">
                <div class="Tust-imageWrapper">
                    <img class="Trust-image" src="/assets/images/professionella_icon.svg" width="43">
                </div>
                <h3 class="Trust-heading">Professionella</h3>
                <p class="Trust-text">Begagnade fordon är testade, varudeklara-tion, testprotokoll medföljer</p>
            </div>
        </div>
        <div class="Grid-cell u-sm-size1of3 u-lg-size1of5">
            <div class="Trust">
                <div class="Tust-imageWrapper">
                    <img class="Trust-image" src="/assets/images/testade_icon.svg" width="43">
                </div>
                <h3 class="Trust-heading">Testade</h3>
                <p class="Trust-text">Begagnade fordon är testade, varudeklara-tion, testprotokoll medföljer</p>
            </div>
        </div>
        <div class="Grid-cell u-sm-size1of3 u-lg-size1of5">
            <div class="Trust">
                <div class="Tust-imageWrapper">
                    <img class="Trust-image" src="/assets/images/garanti_icon.svg" width="43">
                </div>
                <h3 class="Trust-heading">Garanti</h3>
                <p class="Trust-text">Begagnade fordon är testade, varudeklara-tion, testprotokoll medföljer</p>
            </div>
        </div>
        <div class="Grid-cell u-sm-size1of3 u-lg-size1of5">
            <div class="Trust">
                <div class="Tust-imageWrapper">
                    <img class="Trust-image" src="/assets/images/inga_dolda_icon.svg" width="43">
                </div>
                <h3 class="Trust-heading">Inga dolda avgifter</h3>
                <p class="Trust-text">Begagnade fordon är testade, varudeklara-tion, testprotokoll medföljer</p>
            </div>
        </div>
        <div class="Grid-cell u-sm-size1of3 u-lg-size1of5">
            <div class="Trust">
                <div class="Tust-imageWrapper">
                    <img class="Trust-image" src="/assets/images/skuldfri_icon.svg" width="43">
                </div>
                <h3 class="Trust-heading">Skuldfri</h3>
                <p class="Trust-text">Begagnade fordon är testade, varudeklara-tion, testprotokoll medföljer</p>
            </div>
        </div>
    </div>
</div>
<div class="Trust-bottomLine u-lg-hidden">
    <div class="Trust-bottomArrow js-showTrust"></div>
</div>

</div>

*/
.Trust {
  background: #f5f5f5;
  padding: 1.25em 3.75em;
  width: 100%;
}
@media only screen and (min-width: 34em), print {
  .Trust {
    padding: 0.625em 1.25em 1.25em;
  }
}
.Trust-AdvantageIcons {
  width: auto !important;
}
.Trust--noBg {
  background: transparent;
}
.Trust-heading {
  text-align: center;
  font-size: 1em;
}
.Trust-headingDisplay {
  text-align: center;
  font-size: 0.75em;
}
@media only screen and (min-width: 64em), print {
  .Trust-headingDisplay {
    font-size: 0.75em;
  }
}
@media only screen and (min-width: 57.5em), print {
  .Trust-headingDisplay {
    font-size: 0.6875em;
  }
}
@media only screen and (min-width: 67.1875em) {
  .Trust-headingDisplay {
    font-size: 0.75em;
  }
}
.Trust-image {
  margin: 0 auto;
  display: block;
  height: 100%;
}
.Trust-text {
  font-size: 0.875em;
  margin: 0;
  text-align: center;
}
@media only screen and (min-width: 57.5em), print {
  .Trust-text {
    text-align: left;
  }
}
.Trust-Display {
  color: #fff;
  padding: 0;
  margin: 0;
}
.Tust-imageWrapper {
  height: 65px;
  display: -ms-flexbox;
  display: flex;
}
.Trust-imageWrapperDisplay {
  height: 48px;
}
/* for ie */
.is-no-flexbox .Trust-wrapper .Trust {
  min-height: 230px;
}
.is-no-flexbox .Trust-wrapper .Trust .Tust-imageWrapper {
  display: inline;
  margin-top: 1.25em;
}
.is-no-flexbox .Trust-wrapper .Trust .Tust-imageWrapper .Trust-image {
  margin: 1.25em auto 0.625em;
}
.is-no-flexbox .objectbanner-content .Trust {
  margin-bottom: 0.625em;
}
.is-no-flexbox .objectbanner-content .Trust .Trust-image {
  margin-bottom: 0;
}
/* End ie fixes*/
.Trust--inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0;
  margin-bottom: 1.25em;
}
.Trust--inline .Tust-imageWrapper {
  display: inline-block;
  height: auto;
}
.Trust--inline .Trust-heading {
  text-align: left;
  display: inline-block;
  margin: 0 0 0 10px;
}
.Trust-toggler {
  text-align: center;
  margin: 0;
  padding: 0.625em 2.5em 0;
  font-size: 1.125em;
  line-height: 18px;
}
.Trust-toggler.is-active {
  background: #53ADE7;
  color: #fff;
  padding-bottom: 0.625em;
}
.Trust-wrapper {
  display: none;
  margin: 0;
}
.Trust-wrapper.is-active {
  display: block;
}
@media only screen and (min-width: 34em), print {
  .Trust-wrapper {
    margin: 1.25em 0;
  }
}
@media only screen and (min-width: 57.5em), print {
  .Trust-wrapper {
    display: block!important;
    margin: 2.5em 0;
    padding: 0 1.25em;
  }
}
.Trust-bottomLine {
  border-bottom: 1px solid #53ADE7;
  margin: 0 -0.625em 1.25em;
}
.Trust-bottomArrow {
  background: #fff;
  width: 15px;
  height: 15px;
  border-right: 1px solid #53ADE7;
  border-bottom: 1px solid #53ADE7;
  transform: rotate(45deg);
  margin: 0 auto;
  top: 8px;
  position: relative;
}
.Trust-bottomArrow.is-active {
  display: block!important;
  border-right: 1px solid #53ADE7;
  border-bottom: 1px solid #53ADE7;
  transform: rotate(225deg);
}
/*#

Unified breadcrumb navigation component used across all pages.

Example:

<nav class="Breadcrumb">
    <a href="/">Startsida</a>
    <span>/</span>
    <a href="/auktion">Auktion</a>
    <span>/</span>
    <span>Februariauktion 4 2026</span>
</nav>

*/
.Breadcrumb {
  font-size: 0.8125rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}
@media only screen and (min-width: 64em), print {
  .Breadcrumb {
    padding-top: 1.5rem;
  }
}
.Breadcrumb a {
  color: #27536F;
  font-weight: 500;
  text-decoration: none;
}
.Breadcrumb a:hover {
  text-decoration: underline;
}
.Breadcrumb span {
  color: #000000;
}
/*#

Styling for cards, example a car card.

Examples:
  Box display
 <div style="max-width:300px;">
    <div class="Card">
        <div class="Card-content">
            <h3 class="Card-heading">This is a card that you can fill</h3>
            <div class="Card-price">
                <p class="Card-mainPrice">224 900 kr</p>
                <span class="Card-monthPrice">(2321 kr/mån)</span>
            </div>
            <span class="Card-firm">Bilhandlarnamn, ort </span>
            <dl class="Card-carData">
                <dt>Mil:</dt>
                <dd>11 500</dd>
                <dt>Ar:</dt>
                <dd>2012</dd>
                <dt>Drivmedel:</dt>
                <dd><span class="fuelType">b</span>/<span class="fuelType">e</span></dd>
            </dl>
            <div>
                <span class="Card-network">MRF-ansluten handlare</span> <a href class="Card-history">Bilens historik (3)</a>
            </div>
        </div>
     </div>
</div>
Row display
<div style="max-width:945px;">
     <div class="Card">
        <div class="Grid">
             <div class="Grid-cell u-sm-size1of5">
                     <div class="Card-ImageFrame Card-ImageFrame--row">
                            <div class="Card-image">
                                <img src="/assets/images/temp/priusCard.jpg">
                            </div>
                         <div class="ImageInfoBox ImageInfoBox--row">
                            <div class="ImageInfoBox-date"><span>7 okt 19:14</span></div>
                            <div class="ImageInfoBox-moreImages">
                                <a href="#">Se alla</a>
                                <i class="Icon Icon--pictures"></i>
                            </div>
                         </div>
                    </div>
               </div>
               <div class="Grid-cell u-sm-size3of5">
                    <div class="Card-content Card-content--row">
                        <h3 class="Card-heading">Hyundai TUCSON Tucson 2.0 CRDi A6 4WD Premium</h3>
                        <span class="Card-firm">Bilhandlarnamn, ort </span>
                        <dl class="Card-carData Card-carData--row">
                            <dt>Mil:</dt>
                            <dd>11 500</dd>
                            <dt>Ar:</dt>
                            <dd>2012</dd>
                            <dt>Drivmedel:</dt>
                            <dd><span class="Icon Icon--gasoline"></span>/<span class="Icon Icon--etanol"></span></dd>
                        </dl>
                         <div class="Card-price Card-price--row">
                            <p class="Card-mainPrice Card-mainPrice-row">224 900 kr</p>
                            <span class="Card-monthPrice">(2321 kr/mån)</span>
                        </div>
                 </div>
             </div>
             <div class="Grid-cell u-sm-size1of5 u-posRelative">
                <div class="u-marginAsm">
                    <span class="Card-network Card-network--row">MRF-ansluten handlare</span> <a href class="Card-history Card-history--row">Bilens historik (3)</a>
                </div>
                <div class="Button--vertical">
                    <a href="#" class="Button Button--square">Compare<i class="Icon Icon--checkmark u-marginLxsm"></i></a>
                    <a href="#" class="Button Button--squareGreen">Button</a>
                </div>
            </div>

        </div>
     </div>
</div>
Trader card
 <div style="max-width:300px;">
    <div class="Card">
    <div class="Card-ImageFrame">
        <div class="Card-image CardImage--boarder">
            <img src="/assets/images/temp/logotype.jpg" />
        </div>
    </div>
    <div class="Card-content">
        <h3 class="Card-heading">Eklund och Franssen Bil AB i Upplands Vasby</h3>
        <span class="Card-firm">Ortsnamn</span>
        <div class="Card-inStock">
            <p class="Card-stockItem">1475</p>
            <span class="">bilar i lager</span>
        </div>
        <div>
            <span class="Card-network"><img class="u-marginRmd" src="/assets/images/temp/mrf-noText.png" />MRF-ansluten handlare</span>
        </div>
    </div>
    <div class="Button--horisont">
        <a href="#" class="Button Button--square Button--Split">Link</a>
        <a href="#" class="Button Button--squareGreen Button--Split">Se handlare</a>
    </div>
</div>
 </div>
*/
.Card {
  width: 100%;
  /*background: @colorGrey1;*/
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
}
.Card-row {
  padding-bottom: 7px;
  padding-top: 3px;
}
@media only screen and (min-width: 34em), print {
  .Card-row {
    padding: 0;
  }
}
.Card-Wrapper {
  max-width: 100%;
}
.Card-content {
  padding: 1.1em 1em;
  -ms-flex: auto;
      flex: auto;
  -webkit-flex: auto;
  -ms-flex-: auto;
}
.Card-ImageFrame {
  position: relative;
  -ms-flex-negative: 0;
}
.Card-DealerLogo {
  height: 13em;
  line-height: 13em;
}
.Card-DealerLogo .Card-image {
  text-align: center;
}
.Card-DealerLogo .Card-image img {
  width: auto;
  max-height: 11em;
}
#dealer_list .Card-DealerLogo {
  height: 3.7em;
  line-height: 5.4em;
}
@media only screen and (min-width: 34em), print {
  #dealer_list .Card-DealerLogo {
    height: 7.5em;
    line-height: 7.5em;
  }
}
@media only screen and (max-width: 419px), print {
  #dealer_list .Card-DealerLogo {
    height: 3.2em;
    line-height: 4.3em;
  }
}
#dealer_list .Card-DealerLogo .Card-image img {
  width: 100%;
  height: auto;
}
.Card-image {
  width: 100%;
  height: 100%;
}
.Card-image img {
  width: 100%;
}
@media only screen and (min-width: 34em), print {
  .Card-image {
    padding-top: 0;
    padding-left: 0;
  }
}
.CardImage--boarder {
  border-bottom: 4px solid #53ADE7;
}
.Card-heading {
  font-size: 1.125em;
  font-weight: 700;
  color: #515151;
  line-height: 18px;
  margin-bottom: 0;
}
.Card-heading-row {
  padding: 5px 0 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Card-heading a {
  color: #515151;
}
.Card-heading-green a {
  color: #32a845;
}
.Card-price,
.Card-inStock {
  margin-bottom: 0.625em;
}
.Card-mainPrice,
.Card-stockItem {
  color: #53ADE7;
  font-weight: 400;
  font-size: 1em;
  display: inline-block;
  margin: 0 2px 0 0;
}
@media only screen and (min-width: 23.125em), print {
  .Card-mainPrice,
  .Card-stockItem {
    font-size: 1.125em;
  }
}
@media only screen and (min-width: 26.25em), print {
  .Card-mainPrice,
  .Card-stockItem {
    margin: 0 10px 0 0;
  }
}
@media only screen and (min-width: 26.25em), print {
  .Card-stockItem {
    margin: 0 2px 0 0;
  }
}
.Card-monthPrice {
  font-size: 1em;
}
.Card-firm {
  font-size: 1.125em;
  display: block;
}
.Card-carData {
  margin: 0;
}
.Card-carData * {
  display: inline-block;
}
.Card-carData dt {
  font-size: 0.75em;
  font-weight: 900;
}
.Card-carData dd {
  font-size: 15px;
  margin-left: 2px;
}
.Card-carData dd .Icon {
  color: #515151;
}
.Card-network {
  font-size: 0.875em;
}
.Card-history {
  font-size: 0.875em;
}
/* row */
.Card-ImageFrame--row {
  display: inline-block;
  padding: 7px 0 10px 10px;
}
@media only screen and (min-width: 26.25em), print {
  .Card-ImageFrame--row {
    padding: 7px 0 10px 10px;
  }
}
@media only screen and (min-width: 34em), print {
  .Card-ImageFrame--row {
    padding: 0;
  }
}
.Card-ImageFrame--row img {
  vertical-align: bottom;
  width: 100%;
}
.Card-content-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-bottom: 10px;
}
.Card-content--row {
  display: inline-block;
  padding: 4px 0.625em 0 0.625em;
  line-height: 1.4em;
}
@media only screen and (min-width: 23.125em), print {
  .Card-content--row {
    padding: 0.625em 0 0.625em 0.625em;
    line-height: 1.5em;
    font-size: 15px;
  }
}
@media only screen and (min-width: 26.25em), print {
  .Card-content--row {
    padding: 0.625em 0 0.625em 1.25em;
    line-height: 1.6em;
    font-size: 16px;
  }
}
@media only screen and (min-width: 34em), print {
  .Card-content--row {
    height: 100%;
  }
}
.Card-content--row dt {
  font-size: 9px;
  font-weight: 900;
}
@media only screen and (min-width: 26.25em), print {
  .Card-content--row dt {
    font-size: 0.75em;
  }
}
.Card-content--row dd {
  font-size: 8px;
  margin-left: 2px;
  margin-right: 0px;
}
@media only screen and (min-width: 26.25em), print {
  .Card-content--row dd {
    font-size: 15px;
    margin-right: 5px;
  }
}
.Card-content--row .Card-price {
  margin-bottom: 0;
}
.Card-carData--row {
  display: block;
  font-size: 0.875em;
  line-height: 1.4em;
}
@media only screen and (min-width: 23.125em), print {
  .Card-carData--row {
    font-size: 1em;
  }
}
@media only screen and (min-width: 23.125em), print {
  .Card-carData--row {
    font-size: 1em;
  }
}
.Card-price--row,
.CardinStock--row,
.Card-content--row dl {
  display: inline-block;
  /*border-bottom: 1px solid @colorGrey2;*/
  width: 100%;
}
@media only screen and (min-width: 26.25em), print {
  .Card-price--row,
  .CardinStock--row,
  .Card-content--row dl {
    border-bottom: none;
    width: auto;
  }
}
.Card-network--row,
.Card-history--row {
  display: inline-block;
  text-align: left;
  margin-bottom: 2px;
  line-height: 16px;
  font-size: 9px;
  font-size: 1em;
}
@media only screen and (min-width: 64em), print {
  .Card-network--row,
  .Card-history--row {
    display: block;
    text-align: right;
  }
}
.Card .Button--vertical {
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 75em) {
  .Card .Button--vertical {
    width: 75%;
    right: 0;
    position: absolute;
    bottom: 0;
  }
}
/* ie fix */
.is-no-flexbox .Card .Button--vertical {
  bottom: auto;
}
/**/
.Card-small {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 0.625em;
  padding-bottom: 0.625em;
}
@media only screen and (min-width: 26.25em), print {
  .Card-small {
    background: #fff;
  }
}
.Card-small:last-child {
  border: none;
  margin-bottom: 0;
}
/**/
.CardinStock--row {
  margin-bottom: 0.45em;
}
@media only screen and (min-width: 64em), print {
  .CardinStock--row {
    margin-bottom: 0.625em;
  }
}
.CardStockItem--row {
  font-size: 1em;
}
.Cardheading--row {
  font-size: 1em;
  line-height: 1.4em;
  margin-bottom: 0.3em;
  margin-top: 0.5em;
}
@media only screen and (min-width: 64em), print {
  .Cardheading--row {
    font-size: 1.25em;
    line-height: 24px;
  }
}
.Cardfirm--row {
  display: inline;
}
/* BMW Selection */
.Card-bmwBorder {
  border: 3px solid #53ADE7;
}
.Card-bmwText {
  position: absolute;
  right: auto;
  left: auto;
  top: 0;
  padding: 3px;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  text-align: center;
}
.Card-bmwText span {
  font-size: 0.875em;
  color: #fff;
}
.Card-bmwText--row {
  padding: 2px 2px 2px 6px;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  text-align: left;
}
@media only screen and (min-width: 64em), print {
  .Card-bmwText--row {
    text-align: middle;
    position: absolute;
    left: 0;
    top: 0;
  }
}
.Card-bmwText--row span {
  font-size: 0.6875em;
  color: #fff;
}
.Card-button {
  -ms-flex-align: end;
      align-items: flex-end;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0.5em;
  font-size: 0.875em;
}
@media only screen and (min-width: 26.25em), print {
  .Card-button {
    padding-right: 1.3em;
  }
}
#object-compare-wrapper {
  position: fixed !important;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  /* 1 */
  bottom: 0;
  display: none;
  height: 7em;
  margin: 0 auto;
  width: 100%;
  z-index: 1000;
}
@media (max-width: 920px) {
  #object-compare-wrapper {
    height: 8em;
  }
}
@media (max-width: 630px) {
  #object-compare-wrapper {
    height: 5em;
  }
}
#object-compare {
  background: #f5f5f5 none repeat scroll 0 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
  display: none;
  height: 7em;
  margin: 0 auto;
  padding: 10px;
  width: 58em;
  z-index: 1000;
}
@media (max-width: 920px) {
  #object-compare {
    width: 100%;
    height: 8em;
  }
}
@media (max-width: 630px) {
  #object-compare {
    height: 5em;
  }
}
#object-compare .objects {
  float: left;
  min-width: 343px;
}
#object-compare .object {
  float: left;
  margin-right: 7px;
  text-align: center;
  width: 8em;
}
@media (max-width: 920px) {
  #object-compare .object {
    width: 9em;
  }
}
@media (max-width: 840px) {
  #object-compare .object {
    width: 8em;
  }
}
@media (max-width: 780px) {
  #object-compare .object {
    width: 7em;
  }
}
@media (max-width: 720px) {
  #object-compare .object {
    width: 6em;
  }
}
@media (max-width: 630px) {
  #object-compare .object {
    width: 4em;
  }
}
@media (max-width: 450px) {
  #object-compare .object {
    width: 3em;
    margin-top: 6px;
  }
}
#object-compare .object .object-delete {
  position: relative;
}
#object-compare .object .object-delete img {
  position: absolute;
  right: 23px;
  top: -70px;
  width: 12px !important;
  height: 12px !important;
}
@media (max-width: 780px) {
  #object-compare .object .object-delete img {
    right: 10px;
    top: -69px;
  }
}
@media (max-width: 780px) {
  #object-compare .object .object-delete img {
    right: 10px;
  }
}
@media (max-width: 720px) {
  #object-compare .object .object-delete img {
    right: 2px;
  }
}
@media (max-width: 630px) {
  #object-compare .object .object-delete img {
    right: -3px;
    top: -48px;
  }
}
@media (max-width: 450px) {
  #object-compare .object .object-delete img {
    right: -5px;
    top: -42px;
  }
}
#object-compare .object h3 {
  color: #434343;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 630px) {
  #object-compare .object h3 {
    display: none !important;
  }
}
#object-compare .object img {
  cursor: pointer;
  margin-top: 3px;
}
@media (max-width: 630px) {
  #object-compare .object img {
    height: 41px;
  }
}
@media (max-width: 450px) {
  #object-compare .object img {
    height: 33px;
    widht: 40px;
  }
}
#object-compare .button-wrapper {
  margin-left: 2.5em !important;
  float: left !important;
  width: 8em;
  margin-top: 0.41666667em !important;
}
@media (max-width: 920px) {
  #object-compare .button-wrapper {
    margin-top: 1em !important;
  }
}
@media (max-width: 630px) {
  #object-compare .button-wrapper {
    font-size: xx-small;
    margin-top: 0 !important;
  }
}
@media (max-width: 450px) {
  #object-compare .button-wrapper {
    font-size: xx-small;
    margin-top: 0 !important;
    margin-left: 0.5em !important;
  }
}
#object-compare .compare-button {
  -webkit-appearance: none;
  cursor: pointer;
  line-height: 1em;
  margin: 0;
  padding: .5em 1.3em;
  font-size: inherit;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  background: none;
  border: none;
  color: #ffffff;
  border-radius: 10px;
  display: inline-block;
  transition: all 0.2s ease;
  background: #53ADE7;
  border: 2px solid #53ADE7;
  width: 8em;
}
#object-compare .compare-button * {
  transition: all 0.2s ease;
}
#object-compare .compare-button:hover {
  color: #ffffff;
  text-decoration: none;
}
#object-compare .compare-button:hover {
  background: #27536F;
  border-color: #27536F;
}
#object-compare #button-compare {
  -webkit-appearance: none;
  cursor: pointer;
  line-height: 1em;
  margin: 0;
  padding: .5em 1.3em;
  font-size: inherit;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  background: none;
  border: none;
  color: #ffffff;
  border-radius: 10px;
  display: inline-block;
  transition: all 0.2s ease;
  border: 2px solid #75BAE7;
  color: #53ADE7;
  width: 8em;
  margin-top: 0.625em !important;
}
#object-compare #button-compare * {
  transition: all 0.2s ease;
}
#object-compare #button-compare:hover {
  color: #ffffff;
  text-decoration: none;
}
#object-compare #button-compare:hover {
  background: #53ADE7;
  border-color: #53ADE7;
  color: #ffffff;
}
#object-compare .close {
  float: right;
  margin-top: 6px;
}
@media (max-width: 920px) {
  #object-compare .close {
    position: absolute;
    right: -2px;
    top: -40px;
  }
}
#object-compare .close img {
  cursor: pointer;
  margin-top: 14px;
}
.goToNews {
  cursor: pointer !important;
}
.mob-heightFix {
  height: 100%;
}
@media only screen and (min-width: 64em), print {
  .mob-heightFix {
    height: auto;
  }
}
@media only screen and (min-width: 64em), print {
  .mob-displayFix.u-flex {
    display: block !important;
  }
}
#loading {
  display: none;
}
.cursorPointer {
  cursor: pointer;
}
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 450px;
  margin: 20px auto;
  border-radius: 15px;
}
.terms-popup {
  position: relative;
  background: #FFF;
  width: auto;
  max-width: 450px;
  margin: 20px auto;
}
.terms-popup .popup_content {
  height: 700px;
  overflow-y: scroll;
  padding: 20px;
}
.object-via-email-popup {
  position: relative;
  background: #FFF;
  width: auto;
  max-width: 700px;
  margin: 20px auto;
}
.object-via-email-popup .popup_content {
  height: auto;
  padding: 20px;
}
.author-img {
  position: absolute;
  right: 1.125em;
  bottom: -3em;
  max-width: 6em;
  border: 2px solid #fff;
}
.coworker-img {
  max-width: 6em;
  border: 2px solid #fff;
}
ul li i.Icon.Icon--checkmark {
  margin-left: -1.3em;
  width: 1.3em;
  display: inline-block;
}
.static-page ul {
  font-size: 0.875em;
}
.static-page a {
  font-size: 1em;
}
.static-page .side-nav a {
  font-size: 0.875em;
}
.static-page h2 {
  margin: 0;
}
.ol-pages {
  font-size: 0.875em;
}
.u-foldTopRight {
  position: relative;
}
.u-foldTopRight:after {
  content: "";
  position: absolute;
  top: 0%;
  right: 0%;
  width: 0px;
  height: 0px;
  border-top: 30px solid #fff;
  border-left: 30px solid transparent;
}
.u-foldTopRight:before {
  content: "";
  position: absolute;
  top: 0%;
  right: 0%;
  width: 0px;
  height: 0px;
  border-bottom: 31px solid #DDDDDD;
  border-right: 31px solid transparent;
}
.u-custome-select #selectbox--focus {
  z-index: -110;
}
.u-custome-select #selectbox--focus {
  cursor: pointer !important;
}
.u-custome-select .mdl-menu__container {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.u-heightAuto {
  height: auto !important;
}
.u-overflowVisible {
  overflow: visible !important;
}
.news_mobile_content p,
.news_mobile_content a,
.news_mobile_content ul {
  font-size: .875em!important;
}
/*#

Event calendar page component. Displays a styled list of upcoming events
(trade shows, car meets, rallies) with date, name and location columns.
Responsive: stacks into a card-like layout on mobile, 3-column grid on tablet+.

Examples:

<section class="EventCalendar">
    <div class="Page-container">
        <h1 class="EventCalendar-title">Eventkalender 2025</h1>
        <div class="EventCalendar-table">
            <div class="EventCalendar-headerRow">
                <span class="EventCalendar-headerCell">Datum</span>
                <span class="EventCalendar-headerCell">Event</span>
                <span class="EventCalendar-headerCell">Ort</span>
            </div>
            <div class="EventCalendar-row">
                <span class="EventCalendar-cell EventCalendar-cell--date">9 maj</span>
                <span class="EventCalendar-cell EventCalendar-cell--name">Bilweb Auctions rally</span>
                <span class="EventCalendar-cell EventCalendar-cell--location">Göteborg</span>
            </div>
        </div>
    </div>
</section>

*/
.EventCalendar {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  color: #000000;
  padding: 3.25rem 1.25em;
}
@media only screen and (min-width: 75em) {
  .EventCalendar {
    padding: 3.25rem 0;
  }
}
.EventCalendar-title {
  font-size: 1.25em;
  line-height: 1.35;
  font-weight: 500;
  margin: 0 0 2rem;
}
@media only screen and (min-width: 64em), print {
  .EventCalendar-title {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 64em), print {
  .EventCalendar-title {
    margin: 0 0 40px;
  }
}
.EventCalendar-table {
  border: 1px solid #A6A6A6;
  border-radius: 15px;
  overflow: hidden;
}
.EventCalendar-headerRow {
  display: none;
  background: #53ADE7;
}
@media only screen and (min-width: 64em), print {
  .EventCalendar-headerRow {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 140px 1fr 200px;
        grid-template-columns: 140px 1fr 200px;
    gap: 1rem;
    padding: 14px 1.5rem;
  }
}
.EventCalendar-headerCell {
  display: none;
}
@media only screen and (min-width: 64em), print {
  .EventCalendar-headerCell {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
}
.EventCalendar-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
  padding: 1rem 20px;
  border-bottom: 1px solid #A6A6A6;
  transition: background 0.15s ease;
}
.EventCalendar-row:last-child {
  border-bottom: none;
}
.EventCalendar-row:hover {
  background: #f9f9f9;
}
@media only screen and (min-width: 64em), print {
  .EventCalendar-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 140px 1fr 200px;
        grid-template-columns: 140px 1fr 200px;
    gap: 1rem;
    -ms-flex-align: center;
        align-items: center;
    padding: 18px 1.5rem;
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
.EventCalendar-cell {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.EventCalendar-cell--date {
  font-weight: 600;
}
.EventCalendar-cell--name {
  font-weight: 500;
}
.EventCalendar-cell--location {
  color: #767470;
}
@media only screen and (max-width: 63.99em), print {
  .EventCalendar-cell--name {
    font-size: 1rem;
  }
  .EventCalendar-cell--location {
    font-size: 0.8125rem;
  }
}
.EventCalendar-footer {
  margin-top: 40px;
}
.EventCalendar-text {
  font-size: 1rem;
  font-weight: 400;
  margin: 0 0 1rem;
}
@media only screen and (min-width: 64em), print {
  .EventCalendar-text {
    font-size: 1.0625rem;
  }
}
.EventCalendar-text strong {
  font-weight: 600;
}
.EventCalendar-text a {
  text-decoration: underline;
}
.EventCalendar-text a:hover {
  color: #27536F;
}
.EventCalendar-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 0.75rem;
  margin-top: 1.5rem;
}
@media only screen and (min-width: 64em), print {
  .EventCalendar-actions {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 1rem;
  }
}
.EventCalendar-contact {
  margin-top: 40px;
  padding-top: 1.5rem;
  border-top: 1px solid #A6A6A6;
}
.EventCalendar-contact p {
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
}
@media only screen and (min-width: 64em), print {
  .EventCalendar-contact p {
    font-size: 1.0625rem;
  }
}
.EventCalendar-contact strong {
  font-weight: 600;
}
.EventCalendar-contact a {
  text-decoration: underline;
}
.EventCalendar-contact a:hover {
  color: #27536F;
}
.EventCalendar-callbackForm {
  margin-top: 1.5rem;
  border: 1px solid #A6A6A6;
  border-radius: 15px;
  overflow: hidden;
}
.EventCalendar-callbackFormHeader {
  background: #ECE9E4;
  padding: 0.75rem 20px;
  font-size: 1rem;
  font-weight: 500;
}
.EventCalendar-callbackFormBody {
  padding: 0.5rem 20px 20px;
}
.FaqPage {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  color: #000000;
}
.FaqPage .Breadcrumb {
  margin-bottom: 0;
  padding-bottom: 1rem;
}
.FaqPage .PageHero-intro {
  margin-top: 6rem;
  margin-bottom: 4.5rem;
}
@media only screen and (min-width: 64em), print {
  .FaqPage .PageHero-intro {
    margin-bottom: 6rem;
  }
}
.FaqPage-accordion {
  max-width: 1075px;
  margin: 0 auto;
  margin-top: 1.5rem;
}
.FaqPage-accordion hr.Divider {
  margin: 0.5rem 0;
}
.FaqPage-question {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 1rem;
  padding: 0.5rem 0;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.45;
}
@media only screen and (min-width: 64em), print {
  .FaqPage-question {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4375rem;
  }
}
@media only screen and (min-width: 64em), print and only screen and (min-width: 64em), print {
  .FaqPage-question {
    font-size: 1.0625rem;
  }
}
.FaqPage-toggle {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  border: 1px solid #A6A6A6;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.FaqPage-toggle::after {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  border-right: 1.5px solid #000000;
  border-bottom: 1.5px solid #000000;
  transform: rotate(45deg);
  margin-top: -3px;
  transition: transform 0.3s;
}
.is-active .FaqPage-toggle::after {
  transform: rotate(-135deg);
  margin-top: 3px;
}
.FaqPage-answer {
  font-size: 1rem;
  line-height: 1.45;
  padding: 0 0 1.5rem;
  max-width: 1024px;
}
@media only screen and (min-width: 64em), print {
  .FaqPage-answer {
    font-size: 1rem;
    line-height: 1.4375rem;
  }
}
@media only screen and (min-width: 64em), print and only screen and (min-width: 64em), print {
  .FaqPage-answer {
    font-size: 1.0625rem;
  }
}
.FaqPage-answer p {
  margin: 0 0 1rem;
}
.FaqPage-answer p:last-child {
  margin-bottom: 0;
}
.FaqPage-answer a {
  color: #27536F;
  font-weight: 500;
  text-decoration: none;
}
.FaqPage-answer a:hover {
  color: #75BAE7;
}
.FaqPage-answer ul {
  margin: 0 0 1rem;
  padding-left: 1.5rem;
}
.FaqPage-answer li {
  margin-bottom: 0.5rem;
}
/*#

Styling for Filter.

Examples:
<div style="">
    <div class="Filter">
    <div class="Grid Grid--gutterHmd">
        <div class="Grid-cell u-sm-size3of5">
            <div class="ButtonBar u-marginBmd">
                <a href="#" class="Button Button--transparant ButtonBar-button active">Begagnade</a>
                <a href="#" class="Button Button--transparant ButtonBar-button">Nya</a>
                <a href="#" class="Button Button--transparant ButtonBar-button">Leasing</a>
                <a href="#" class="Button Button--transparant ButtonBar-button">Bilhandlaren</a>
            </div>
            <div class="Grid Grid--gutterHmd u-marginBmd">
                <div class="Grid-cell u-sm-size1of3 u-size1of2">
                    <label class="u-block u-textXSmall u-colorTextLight u-marginBxsm">Märke</label>
                    <select class="Filter-select u-sizeFull u-marginBsm">
                        <option>Välj</option>
                        <option>Volvo</option>
                        <option>Saab</option>
                    </select>
                </div>
                <div class="Grid-cell u-sm-size1of3 u-size1of2">
                    <label class="u-block u-textXSmall u-colorTextLight u-marginBxsm">Modellår</label>
                    <select class="Filter-select u-sizeFull u-marginBsm">
                        <option>Från</option>
                        <option>1980</option>
                        <option>1990</option>
                    </select>
                </div>
                <div class="Grid-cell u-sm-size1of3 u-size1of2">
                    <label class="u-block u-textXSmall u-colorTextLight u-marginBxsm">Miltal</label>
                    <select class="Filter-select u-sizeFull u-marginBsm">
                        <option>Från</option>
                        <option>0</option>
                        <option>500</option>
                        <option>1000</option>
                    </select>
                </div>
                <div class="Grid-cell u-sm-size1of3 u-size1of2">
                    <label class="u-block u-textXSmall u-colorTextLight u-marginBxsm">Modell</label>
                    <select class="Filter-select u-sizeFull u-marginBsm">
                        <option>Välj</option>
                        <option>V60</option>
                        <option>S80</option>
                    </select>
                </div>
                <div class="Grid-cell u-sm-size1of3 u-size1of2">
                    <label class="u-block u-textXSmall u-colorTextLight u-marginBxsm">Modellår</label>
                    <select class="Filter-select u-sizeFull u-marginBsm">
                        <option>Till</option>
                        <option>1980</option>
                        <option>1990</option>
                    </select>
                </div>
                <div class="Grid-cell u-sm-size1of3 u-size1of2">
                    <label class="u-block u-textXSmall u-colorTextLight u-marginBxsm">Miltal</label>
                    <select class="Filter-select u-sizeFull u-marginBsm">
                        <option>Till</option>
                        <option>0</option>
                        <option>500</option>
                        <option>1000</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="Grid-cell u-sm-size2of5 u-posRelative">
            <p class="u-colorTextYellow u-textXXLarge u-textCenter u-marginTz"><span class="js-amountFromText"></span>kr <span class="u-colorTextGrey">till</span> <span class="js-amountToText"></span>kr</p>
            <input type="hidden" class="js-amountFrom" />
            <input type="hidden" class="js-amountTo" />
            <span id="amount" class="u-colorTextYellow u-textXXLarge"></span>
            <div id="slider-range"></div>
            <p class="u-textCenter u-colorTextLight">Justera priset genom att dra i knapparna</p>
        </div>
    </div>
    <div class="Grid Grid--gutterHmd">
        <div class="Grid-cell u-sm-size1of1 u-size1of1">
            <div class="Filter-secondary u-marginTlg u-paddingTlg js-show u-sizeFull u-transitionAmd">
                <div class="Grid Grid--gutterHmd">
                    <div class="Grid-cell u-sm-size1of2 u-size1of2">
                        <div class="Grid Grid--gutterHmd">
                            <div class="Grid-cell u-size1of1 u-marginBmd">
                                <label class="u-block u-textXSmall u-colorTextLight u-marginBxsm">Drivmedel</label>
                                <select class="Filter-select u-size1of1">
                                    <option>Välj</option>
                                    <option>Diesel</option>
                                    <option>Bensin</option>
                                    <option>Etanol</option>
                                </select>
                            </div>
                        </div>
                        <div class="Grid-cell u-size1of1 u-marginBmd">
                            <label class="u-block u-textXSmall u-colorTextLight u-marginBxsm">Färg</label>
                            <select class="Filter-select u-sizeFull">
                                <option>Välj färg</option>
                                <option>Grön</option>
                            </select>
                        </div>
                        <div class="Grid-cell u-size1of1 u-marginBmd">
                            <label class="u-block u-textXSmall u-colorTextLight u-marginBxsm">Lån</label>
                            <select class="Filter-select u-size1of1">
                                <option>Välj lån</option>
                                <option>Massa</option>
                                <option>Lite</option>
                            </select>
                        </div>
                    </div>
                    <div class="Grid-cell u-sm-size1of2 u-size1of2">
                        <div class="Grid Grid--gutterHmd">
                            <div class="Grid-cell u-size1of1 u-marginBmd">
                                <label class="u-block u-textXSmall u-colorTextLight u-marginBxsm">Växellåda</label>
                                <select class="Filter-select u-size1of1">
                                    <option>Välj växellåda</option>
                                    <option>Automat</option>
                                    <option>Manuell</option>
                                </select>
                            </div>
                        </div>
                        <div class="Grid-cell u-size1of1">
                            <label class="u-block u-textXSmall u-colorTextLight u-marginBxsm">Fordonstyp</label>
                            <select class="Filter-select u-size1of1">
                                <option>Välj typ</option>
                                <option>Grön</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="Grid Grid--gutterHmd">
        <div class="Grid-cell u-sm-size3of5">
            <div class="Grid Grid--gutterHmd">
                <div class="Grid-cell u-size1of2 u-marginBmd">
                    <label class="u-block u-textXSmall u-colorTextLight u-marginBxsm">Fritext sök</label>
                    <input type="text" class="Filter-inputText u-sizeFull">
                </div>
                <div class="Grid-cell u-size1of2">
                    <label class="u-block u-textXSmall u-colorTextLight u-marginBxsm">Ort</label>
                    <select class="Filter-select u-sizeFull">
                        <option>Välj Ort</option>
                        <option>Dalarna</option>
                        <option>Stockholm</option>
                        <option>Umeå</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="Grid-cell u-sm-size2of5 u-posRelative">
            <div class="Grid u-sizeFull Filter-buttonBox">
                <div class="Grid-cell u-sm-size1of1 u-textCenter">
                    <p class="Filter-hitCounter u-colorTextYellow">Din sökning kommer ge: <span>35</span> träffar</p>
                </div>
                <div class="Grid-cell u-size1of2 u-textCenter">
                    <a href="#" class="u-textWeightBold u-textLarge u-inlineBlock  u-paddingTxsm" data-module="toggler" data-toggler="contentElement: '.js-show', cssClass: 'FilterSecondary-show'"><span class="Filter-more js-show">Fler val</span><span class="Filter-less js-show">Flärre val</span></a>
                </div>
                <div class="Grid-cell u-size1of2">
                    <button class="Button Button--gradient Button--upper Button--padding  u-sizeFull">Sök</button>
                </div>
            </div>
        </div>
    </div>
</div>

</div>





*/
.Filter {
  background: #f5f5f5;
  position: relative;
  padding: 1.25em;
  margin: 0 -0.625em;
}
@media only screen and (min-width: 34em), print {
  .Filter {
    padding: 1.25em;
  }
}
@media only screen and (min-width: 57.5em), print {
  .Filter {
    padding: 2.5em;
    margin: 0;
  }
}
@media only screen and (min-width: 57.5em), print {
  .Filter-select {
    height: 30px;
  }
}
.Filter-inputText {
  padding: 0.385em 0.2em;
  height: 36px;
  /*
    box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.42);
    -webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.42);
    -moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.42);
    border:none;
    */
}
.Filter input[type=text],
.Filter input[type=password] {
  font-size: 1em;
  border: 1px solid #e9e7ea;
}
.Filter input[type=select] {
  outline: none!important;
}
.Filter-secondary {
  overflow: hidden;
  max-height: 0;
  height: auto;
  margin-top: 0px!important;
  padding-top: 0px!important;
}
.Filter-secondary:after,
.Filter-secondary:before {
  content: '';
  display: table;
}
.Filter-secondary.FilterSecondary-show {
  border-top: 1px solid #e9e7ea;
  max-height: 999px;
  padding-top: 20px!important;
  margin-top: 22px!important;
}
.Filter-buttonBox {
  margin-bottom: 0.625em !important;
}
@media only screen and (min-width: 64em), print {
  .Filter-buttonBox {
    right: 10px;
    position: absolute;
    bottom: 0;
    margin-bottom: 0!important;
  }
}
@media only screen and (min-width: 57.5em), print {
  .Filter-buttonBox {
    right: 10px;
  }
}
.is-no-flexbox .Filter-buttonBox {
  bottom: -50px;
}
.is-no-flexbox .FilterSecondary-show {
  margin-top: 10px!important;
}
.Filter-hitCounter {
  font-size: 1.125em;
}
@media only screen and (min-width: 57.5em), print {
  .Filter-hitCounter {
    font-size: 1.375em;
  }
}
.Filter-more {
  display: block;
}
.Filter-more.FilterSecondary-show {
  display: none;
}
.Filter-less {
  display: none;
}
.Filter-less.FilterSecondary-show {
  display: block;
}
.Filter-dropDown {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  width: auto;
  z-index: 99;
  max-width: 1024px;
}
@media only screen and (min-width: 64em), print {
  .Filter-dropDown {
    position: fixed;
    width: 100%;
    z-index: 100;
  }
}
.Filter-dropDown.is-active {
  padding: 1.25em;
  max-height: 999px;
  box-shadow: 0px 14px 9px -8px rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 64em), print {
  .Filter-dropDown.is-active {
    padding: 2.5em;
    margin: 0 -1.25em;
  }
}
@media only screen and (min-width: 57.5em), print {
  .Filter-dropDown.is-active {
    padding: 2.5em;
    margin: 0 auto;
    width: 96.2%;
  }
}
@media only screen and (min-width: 75em) {
  .Filter-dropDown.is-active {
    margin: 0;
    width: 100%;
  }
}
.Filter-icon {
  color: #E3E3E3;
  font-size: 18px;
  width: 100%;
  text-align: center;
}
.Filter-line {
  border-top: 1px solid #e9e7ea;
  position: relative;
  height: 3px;
}
.Filter-label {
  position: absolute;
  top: -11px;
  text-align: center;
  font-size: 0.875em;
  color: #9b9b9b;
  -webkit-text-decoration-color: #f5f5f5;
          text-decoration-color: #f5f5f5;
}
.Filter-labeltext {
  padding: 0px 7px;
  background: #f5f5f5;
}
.objectType {
  cursor: pointer;
}
.Filter-buttonPosition {
  margin-bottom: 20px!important;
}
@media only screen and (min-width: 64em), print {
  .Filter-buttonPosition {
    margin-bottom: 50px!important;
  }
}
.is-mrf-holder {
  cursor: pointer;
}
.is-mrf-checkbox {
  margin-left: 2px;
  background-color: #fff !important;
  padding-bottom: 5px;
}
.is-mrf-checkbox:after {
  border-color: #c9c8c9 !important;
}
.is-bmw-selection-holder {
  cursor: pointer;
}
.is-bmw-selection-checkbox {
  margin-left: 2px;
  background-color: #fff !important;
  padding-bottom: 5px;
}
.is-bmw-selection-checkbox:after {
  border-color: #c9c8c9 !important;
}
.is-mini-next-holder {
  cursor: pointer;
}
.is-bmw-selection-checkbox {
  margin-left: 2px;
  background-color: #fff !important;
  padding-bottom: 5px;
}
.is-mini-next-checkbox:after {
  border-color: #c9c8c9 !important;
}
.checkbox--round-check {
  cursor: pointer;
  margin: 0px;
  margin-left: 4px;
  top: 3px;
  width: 24px;
  height: 24px;
  position: relative;
  background-repeat: no-repeat;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAADtJREFUeNpifPn8FQM1AAsDA4OYhCiFprx68ZqJgUpg1KBRg0YNGjVo1KChYxALpA6g3CAAAAAA//8DAAIFCKtzLRcHAAAAAElFTkSuQmCC');
}
@media only screen and (min-width: 34em), print {
  .checkbox--round-check {
    margin: auto;
    top: 5px;
  }
}
.checkbox--round-check--active {
  cursor: pointer;
  margin: 0px;
  margin-left: 4px;
  top: 3px;
  width: 24px;
  height: 24px;
  position: relative;
  background-repeat: no-repeat;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAopJREFUeNqsVT1oU1EYPd9L0qSCJLb4MzhYxU4ZVCgoSAXBqbQIQqaCiKMVB5HqYEELBaWIky4K4lClHRw6GWmWLqFYHAxaRcGfwao1bZDSalOPw/3u9+7L3CTwbt77cr5zz3fOjXz/9gNb8UoDODlbAgGAoEAgIAlAIAQBEfgL4CohHoAAUOmdjACQIAhARAiSEBFA9O0gBfTNWlDc1zS0lThEYyRKQCHEGEHs90TcwDGiPnNtlJGvJkUXigv3oe8RMwq4OhAGuCJKIVkULIwRBCoN4u240hCUJopfSjC1yN0XUX0RbFJMI78AUMjkO9oKoEkWAnnCOnLCj4cMKIA40lmc6Z+sDEwNHjwDE840CqZD8UIT8fRdm3xm++1j17OpNgC5VDacqQcS7S8B3ZC5u3+j5/KebbsAVBfnHy48cfX0lCLTI+iuW6JZkCh19Z/aewLAyt/G8NwYxbrqNTJ1nGXc8DqyhUImbwS7813Dh4cc5rXq2NL6r9gHodjeFJqv0v6Bct/T530Tx3f3kMims+NHR5w0j99NzS7OmYrSEloTgiTB4o7u9nQOwP3eW/dqj3a2dx7I7wPwZvn93doDWHTNk7HYiUDLyMvxhcbHq4eGIokuFM+5u2vN9SvV0Y1/G6GzTdLQ2UrKxWriw7OzlUsrfxpWfXP+zqffX0kkU0nxfokSyFQrAHhVr50un39df1tfX57+XJ7+8sISG5rENpROuFHEWxoAfq4tDc5czKVym9gMs63D8oiuOh3OS+0cdGyyubq56hOiWbQMhGdOpNIkI8gwuXp6BjtifLYkQqsHm8QCmbOkRUEr8woYemQBoY+/tRLxR7bXWM8het+5894ps1V/R/8HAM4HPuwBdA9MAAAAAElFTkSuQmCC');
}
@media only screen and (min-width: 34em), print {
  .checkbox--round-check--active {
    margin: auto;
    top: 5px;
  }
}
.checkbox--margin--fix {
  margin-left: 1.25em;
}
.have_mrf-label {
  white-space: nowrap;
  text-align: left;
}
@media only screen and (min-width: 34em), print {
  .have_mrf-label {
    text-align: center;
  }
}
.FinansPage {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  color: #000000;
}
.FinansPage .Breadcrumb {
  padding-bottom: 1rem;
}
.FinansPage .PageHero-intro {
  margin-top: 4.5rem;
}
.FinansPage-sectionTitle {
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 0.5rem;
}
@media only screen and (min-width: 64em), print {
  .FinansPage-sectionTitle {
    font-size: 1.0625rem;
  }
}
.FinansPage-sectionTitle + .Divider {
  margin-top: 0.875rem;
}
.FinansPage-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  gap: 2rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 64em), print {
  .FinansPage-grid {
    -ms-grid-columns: 1fr 1.8fr;
        grid-template-columns: 1fr 1.8fr;
    gap: 3rem;
  }
}
.FinansPage-cell {
  min-width: 0;
}
.FinansPage-body {
  font-size: 1rem;
  line-height: 1.5;
}
@media only screen and (min-width: 64em), print {
  .FinansPage-body {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 64em), print and only screen and (min-width: 64em), print {
  .FinansPage-body {
    font-size: 1.0625rem;
  }
}
.FinansPage-body p {
  margin: 0 0 1rem;
}
.FinansPage-body p:last-child {
  margin-bottom: 0;
}
.FinansPage-body a {
  color: #27536F;
  font-weight: 500;
  text-decoration: none;
}
.FinansPage-body a:hover {
  color: #75BAE7;
}
.FinansPage-calculator iframe {
  width: 100%;
  height: 550px;
  border: 0;
  overflow: hidden;
}
.FinansPage-image {
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 2rem;
}
.FinansPage-image img {
  width: 100%;
  height: 166px;
  display: block;
  object-fit: cover;
}
@media only screen and (min-width: 64em), print {
  .FinansPage-image img {
    height: 487px;
  }
}
/*#

Form styling.

Examples:

<div>
    <!-- replace this comment with example HTML -->    
</div>

*/
#contact-dealer-form .error {
  background-color: #ffd9c8;
}
.Form {
  margin-bottom: 1.25em;
  width: 100%;
}
.Form.Form--fill {
  background: #f5f5f5;
  padding: 1.25em;
}
.Form.Form--bordered {
  border: 1px solid #e9e7ea;
  background-color: #f5f5f5;
  border-radius: 3px;
  padding: 1.25em;
}
.Form-item {
  display: block;
  width: 100%;
  padding-bottom: 1.25em;
}
.Form-label {
  color: #515151;
  font-size: 0.875em;
  margin-top: 0.5em;
}
.Form-field {
  font-size: 0.875em;
  padding-top: 0.65em;
  padding-bottom: 0.65em;
  padding-left: 0.3em;
  padding-right: 0.3em;
}
.Form-label {
  padding: 0.41666667em;
  padding-top: 0;
  padding-left: 0;
}
@media only screen and (min-width: 34em), print {
  .Form--horizontal {
    display: table;
    caption-side: bottom;
  }
  .Form--horizontal .Form-item {
    display: table-row;
    padding: 0;
  }
  .Form--horizontal .Form-item.Form-item--submit {
    display: table-caption;
    width: 100%;
    padding-top: 0.625em;
  }
  .Form--horizontal .Form-item.Form-item--submit .Form-field {
    display: block;
    text-align: center;
  }
  .Form--horizontal .Form-label,
  .Form--horizontal .Form-field {
    display: table-cell;
    vertical-align: top;
    padding: 0.625em 0;
  }
  .Form--horizontal .Form-label {
    padding-right: 1.25em;
  }
}
#admin {
  /**
     * Select
     */
  /**
    * Show scrollbars in divs
    */
  /**
     * Input
     */
  /**
     * Textarea
     */
  /**
     * Label
     */
  /**
     * Label checkbox
     */
  /**
     * Error
     */
  /**
     * Button
     */
  /**
     * Action bar
     */
  /**
     * Layout
     */
  /**
     * IE placeholder
     */
  /**
     * Flat button
     */
  /**
     * Round button
     */
  /**
     * Flat select
     */
  /**
     * Flat select date range
     */
  /**
     * Flat input
     */
  /**
     * Large option block
     */
  /**
     * Large radio block
     */
  /* ! Option list */
}
#admin .select {
  height: 30px;
  border-radius: 3px;
  display: inline-block;
  background: #fff;
  font-size: 12px;
  line-height: 26px;
}
#admin .select > span {
  height: 26px;
  width: 100%;
  padding: 0 24px 0 10px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
#admin .select.disabled {
  background: #eee;
  color: #999;
}
#admin .select:after {
  height: 0;
  width: 0;
  border-top: 6px solid #000;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  margin-top: -3px;
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
}
#admin .select.disabled:after {
  border-top-color: #999;
}
#admin .select select {
  height: 30px;
  width: 100%;
  border: 0;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 13px;
  line-height: 26px;
  vertical-align: top;
}
#admin .select .value {
  color: #999;
}
#admin .select.multiple ul {
  max-height: 190px;
  border-radius: 3px;
  display: none;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 101;
  position: absolute;
  left: 0;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}
#admin .select.multiple ul.down {
  top: 0;
  width: 210px;
}
#admin .filter-multi-select {
  width: 200px !important;
}
#admin .select.multiple ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
#admin .select.multiple ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(90, 90, 90, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
#admin .select.multiple ul.up {
  bottom: 0;
}
#admin .select.multiple ul li label {
  width: auto;
  padding: 0 5px;
  display: inline-block;
  font-size: 12px;
  white-space: nowrap;
}
#admin .select.multiple ul li label input[type=checkbox] {
  margin-right: 3px;
}
#admin input[type=text],
#admin input[type=phone],
#admin input[type=email],
#admin input[type=password],
#admin textarea {
  height: 30px;
  border: 0;
  padding: 0 10px;
  margin: 0 0 10px 0;
  border-radius: 3px;
  background: #fff;
  vertical-align: middle;
}
#admin textarea {
  height: auto;
  padding: 10px;
  resize: none;
}
#admin label {
  font-size: 15px;
}
#admin .checkbox {
  height: 26px;
  display: block;
  font-size: 15px;
  line-height: 26px;
  vertical-align: middle;
}
#admin .error {
  background-color: #fde3e3 !important;
}
#admin .button {
  height: 36px;
  border: 0;
  border-radius: 3px;
  border: 1px solid #419942;
  padding: 0 15px;
  cursor: pointer;
  float: right;
  background: #35b44a;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #35b44a 0%, #2a923c 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35b44a', endColorstr='#2a923c', GradientType=0);
  /* IE6-9 */
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
#admin .button.full {
  width: 100%;
  text-align: center;
}
#admin a.button {
  line-height: 36px;
}
#admin a.button:hover {
  color: #fff;
}
#admin .button.small {
  padding: 0 5px;
  font-size: 13px;
}
#admin .action-bar {
  margin-bottom: 20px;
  height: 32px;
  width: 100%;
  padding-bottom: 20px;
}
#admin .action-bar .left {
  float: left;
}
#admin .action-bar .right {
  float: right;
}
#admin .action-bar input {
  float: left;
}
#admin .form {
  width: 100%;
}
#admin .form.two-col .form-row {
  width: 50%;
  float: left;
}
#admin .form-row label {
  padding-bottom: 5px;
  display: block;
}
#admin .form-row label .req {
  color: red;
}
#admin .form-row input[type=text],
#admin .form-row input[type=phone],
#admin .form-row input[type=email],
#admin .form-row input[type=password],
#admin .form-row textarea {
  width: 300px;
  border: 1px solid #ccc;
}
#admin .form-row select,
#admin .form-row input[type=checkbox] {
  margin-bottom: 10px;
}
#admin .checkbox-list {
  width: 100%;
}
#admin .checkbox-list label {
  width: 50%;
  display: block;
  float: left;
}
#admin .form-actions {
  padding: 20px;
  width: 100%;
  margin: 20px 0;
  border-radius: 5px;
  display: block;
  background: #ddd;
}
#admin input.placeholder,
#admin textarea.placeholder {
  color: #aaa;
  font-size: 12px;
}
#admin .flat-button {
  height: 32px;
  padding: 0 15px;
  border-radius: 3px;
  display: inline-block;
  background: #3d87cf;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  border: 0;
  cursor: pointer;
  color: #fff !important;
  font-size: 14px;
  font-weight: normal;
  line-height: 32px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
#admin .flat-button:disabled {
  background: #eee;
}
#admin .flat-button:disabled:hover {
  background: #eee;
}
#admin .flat-button.big {
  height: 40px;
  font-size: 16px;
  line-height: 40px;
}
#admin button.flat-button {
  border: 0;
  margin: 0;
}
#admin .flat-button:hover {
  background: #4F98E0;
  color: #fff;
}
#admin .flat-button.white {
  background: #fff;
  color: #262626 !important;
  text-shadow: none;
  font-weight: normal;
}
#admin .flat-button.white:hover,
#admin .flat-button.white.active {
  background: #eee;
  color: #262626;
}
#admin .flat-button.red {
  background: #cc6666;
}
#admin .flat-button.red:hover {
  background: #ff6666;
}
#admin .round-button {
  width: 18px;
  height: 18px;
  border-radius: 9px;
  display: inline-block;
  background: #282828;
  color: #fff !important;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
}
#admin .round-button:hover {
  color: #fff;
}
#admin .flat-select {
  height: 32px;
  padding: 0 0 0 10px;
  border: 1px solid #d9d9d9;
  border-bottom-color: #999;
  border-radius: 3px;
  display: inline-block;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  color: #262626;
  font-size: 13px;
  font-weight: bold;
  line-height: 30px;
}
#admin .flat-select:before,
#admin .flat-select:after {
  border: 6px solid transparent;
  border-left-width: 4px;
  border-right-width: 4px;
  border-bottom-color: #bbb;
  content: " ";
  display: block;
  position: absolute;
  top: 1px;
  right: 10px;
}
#admin .flat-select:after {
  border-top-color: #bbb;
  border-bottom-color: transparent;
  top: 18px;
}
#admin .flat-select select {
  height: 32px;
  width: 100%;
  border: 0;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 13px;
  line-height: 26px;
  vertical-align: top;
}
#admin .flat-select.select-date-range {
  width: 220px;
  padding-right: 40px;
}
#admin .flat-select.select-date-range:before {
  display: none;
}
#admin .flat-select.select-date-range:after {
  height: 20px;
  width: 20px;
  border: 0;
  top: 5px;
  right: 10px;
  background: url(../img/admin-icon/calendar-gray.png) center center no-repeat;
}
#admin .flat-select.select-date-range > a {
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
#admin .flat-select.select-date-range > div {
  width: 100%;
  padding: 8px 5px 5px 5px;
  border: 1px solid #ddd;
  border-top: 0;
  border-radius: 0 0 3px 3px;
  display: none;
  z-index: 100;
  position: absolute;
  top: 32px;
  left: 0;
  background: #f5f5f5;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#admin .flat-select.select-date-range > div input {
  width: 93px;
  margin: 0;
  border: 1px solid #ddd;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
#admin .flat-select.select-date-range > div .separator {
  height: 32px;
  width: 20px;
  display: block;
  float: left;
  text-align: center;
}
#admin .flat-input[type=text],
#admin .flat-input[type=password],
#admin textarea.flat-input {
  height: 32px;
  padding: 0 10px;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px #fff;
  color: #262626;
  font-size: 13px;
  vertical-align: middle;
}
#admin .flat-input.suffix {
  padding: 0 30px 0 10px;
}
#admin .flat-input.small {
  width: 33% !important;
}
#admin .flat-input.medium {
  width: 65% !important;
}
#admin .flat-input.disabled,
#admin .flat-select.disabled {
  background: #f1f1f1;
}
#admin .flat-input.disabled {
  box-shadow: none;
}
#admin textarea.flat-input {
  height: auto;
  padding: 10px;
}
#admin .input-suffix {
  width: 32px;
  height: 32px;
  display: block;
  content: " ";
  position: absolute;
  bottom: 10px;
  right: 20px;
  color: #999;
  font-size: 13px;
  text-align: center;
  line-height: 32px;
}
#admin .large-option-block {
  width: 220px;
  height: 220px;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  cursor: pointer;
  display: block;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  display: block !important;
}
#admin .large-option-block.checked {
  background-color: #f9f9f9;
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
}
#admin .large-option-block input {
  opacity: 0;
}
#admin .large-option-block.photo {
  background-image: url(../img/admin-icon/photo.png);
  background-position: center center;
  background-repeat: no-repeat;
}
#admin .large-option-block.photo span {
  height: 20px;
  width: 100%;
  position: absolute;
  top: 125px;
  left: 0;
  text-align: center;
}
#admin .large-radio-block {
  height: 73px;
  margin-bottom: 20px;
  border-radius: 5px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
#admin .large-radio-block label {
  height: 73px;
  width: 117px;
  border: 1px solid #d9d9d9;
  border-right-width: 0;
  cursor: pointer;
  display: block;
  float: left;
  background: #fff;
}
#admin .large-radio-block label.selected {
  width: 117px;
  border-top-color: #b1b1b1;
  border-bottom-color: #b1b1b1;
  background-color: #f9f9f9;
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1);
}
#admin .large-radio-block label input {
  cursor: pointer;
  opacity: 0;
}
#admin .large-radio-block label:first-child {
  border-radius: 5px 0 0 5px;
}
#admin .large-radio-block label:last-child {
  border-radius: 0 5px 5px 0;
  border-right-width: 1px;
}
#admin .large-radio-block.type span {
  width: 100%;
  margin-top: 18px;
  padding-top: 24px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/search-icon/car.png) center top no-repeat;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
#admin .large-radio-block.type span.transport {
  background-image: url(../img/search-icon/transport.png);
}
#admin .large-radio-block.type span.housewagon {
  background-image: url(../img/search-icon/housewagon.png);
}
#admin .large-radio-block.type span.mc {
  background-image: url(../img/search-icon/mc.png);
}
#admin ul.option-list {
  font-size: 14px;
  list-style-type: none;
  margin: 20px 0;
  overflow: hidden;
}
#admin ul.option-list li {
  cursor: pointer;
  display: block;
  float: left;
  margin: 5px 20px 20px 0;
  text-align: center;
  width: 140px;
}
#admin ul.option-list li [type=radio] {
  display: none;
}
#admin ul.option-list li:before {
  border-radius: 3px;
  background-image: url(../img/admin/icons.png );
  background-color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  content: '';
  display: inline-block;
  margin: 5px;
}
#admin ul.option-list li.selected:before {
  border-radius: 5px;
  border: 3px solid #3d87cf;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
  margin: 2px;
}
#admin ul.option-list.ads li {
  margin: 5px 5px 5px 0;
  width: 110px;
}
#admin ul.option-list.ads li:before {
  height: 100px;
  width: 80px;
}
#admin ul.option-list .ad.magazine:before {
  background-position: 0 -620px;
}
#admin ul.option-list .ad.multiple:before {
  background-position: -80px -620px;
}
#admin ul.option-list .ad.halfpage:before {
  background-position: -160px -620px;
}
#admin ul.option-list .ad.halfpage_multiple:before {
  background-position: -240px -620px;
}
#admin #motorborsen-form {
  background: #d8d8d8;
  border-bottom: 2px solid #bfbfbf;
  position: absolute;
  width: 940px;
}
#admin #motorborsen-form .inner {
  position: relative;
}
#admin #motorborsen-form .inner:before {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #d8d8d8;
  content: '';
  display: block;
  height: 0;
  left: 60px;
  position: absolute;
  top: -25px;
  width: 0;
}
#admin #motorborsen-form .small {
  font-size: 12px;
}
#admin #motorborsen-form {
  padding: 15px;
}
#admin #motorborsen-form .close-form {
  background: url(../img/admin/icons.png ) 0 -20px;
  display: block;
  height: 20px;
  opacity: 0.4;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  z-index: 100;
}
#admin #motorborsen-form .close-form:hover {
  opacity: 1;
}
#admin #motorborsen-form .left,
#admin #motorborsen-form .right {
  overflow: hidden;
  margin-bottom: 10px;
}
#admin #motorborsen-form .left {
  float: left;
  border-right: 2px solid #bababc;
}
#admin #motorborsen-form .right {
  float: right;
  margin-left: 10px;
  width: 48%;
}
#admin #motorborsen-form label {
  display: block;
  margin: 20px 0;
}
#admin #motorborsen-form .flat-select {
  width: 430px;
}
#admin #motorborsen-form .flat-button {
  float: right;
}
#admin #motorborsen-form .summary {
  float: right;
  margin: 7px 20px 0 0;
}
#admin #motorborsen-list tr {
  cursor: pointer;
}
#admin #motorborsen-list tr.edit td {
  padding-top: 20px;
  padding-bottom: 275px;
}
.InputAddOn {
  display: -ms-flexbox;
  display: flex;
  border-radius: 4px;
}
input.InputAddOn-field {
  -ms-flex: 1;
      flex: 1;
  border-radius: 4px 0 0 4px;
  border-right: 0 !important;
}
input.InputAddOn-field::-webkit-input-placeholder {
  color: #a7a7a7;
}
input.InputAddOn-field:-moz-placeholder {
  color: #a7a7a7;
  opacity: 1;
}
input.InputAddOn-field::-moz-placeholder {
  color: #a7a7a7;
  opacity: 1;
}
input.InputAddOn-field:-ms-input-placeholder {
  color: #a7a7a7;
}
input.InputAddOn-field::-ms-input-placeholder {
  color: #a7a7a7;
}
.InputAddon-item {
  border-radius: 0 4px 4px 0;
  border: 1px solid #e9e7ea;
  border-left: none;
}
.js-showForm {
  display: none;
}
.js-showForm.is-active {
  display: block;
}
.mdl-textfield__input:-webkit-autofill,
.mdl-textfield__input:-webkit-autofill:hover,
.mdl-textfield__input:-webkit-autofill:focus,
.mdl-textfield__input:-webkit-autofill:active {
  box-shadow: 0 0 0 1000px white inset !important;
  -webkit-text-fill-color: inherit !important;
}
/*#
  **Core grid component**
 
  The Grid-cell should be combined with a utils-size class for the specific breakpoint you want to target.
  
  DO NOT apply dimension or offset utilities to the `Grid` element. All cell
  widths and offsets should be applied to child grid cells.
  
  **Example uses:**
 
  <div class="Grid Grid--withGutter [Grid--alignCenter|Grid--alignRight|Grid--withGutter]">
    <div class="Grid-cell [Grid-cell--center] u-size1of2">1of2</div>
    <div class="Grid-cell u-size1of2">1of2</div>
    <div class="Grid-cell u-size1of3">1of3</div>
    <div class="Grid-cell u-size2of3">2of3</div>
  </div>
 */
.Grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  -ms-flex-negative: 0;
  flex-flow: row wrap;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.Grid-cell {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  box-sizing: inherit;
}
.Grid-cell--fit {
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
}
.Grid-cell--center {
  display: block !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
.Grid--alignCenter {
  -ms-flex-pack: center;
      justify-content: center;
}
.Grid--alignRight {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.Grid--alignMiddle {
  -ms-flex-align: center;
      align-items: center;
}
.Grid--alignBottom {
  -ms-flex-align: end;
      align-items: flex-end;
}
.Grid--fit > .Grid-cell {
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
}
.Grid--equalHeight > .Grid-cell {
  display: -ms-flexbox;
  display: flex;
}
/** 
 * Browser fallback for Flexible Box Layout. 
 * Can also be forced using .Grid--simple. 
 */
.is-no-flexbox .Grid,
.Grid--simple {
  display: block;
  font-size: 0;
  margin: 0;
  padding: 0;
  text-align: left;
}
.is-no-flexbox .Grid > .Grid-cell,
.Grid--simple > .Grid-cell {
  -ms-flex: none;
      flex: none;
  box-sizing: border-box;
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
  text-align: left;
  vertical-align: top;
  width: 100%;
}
.is-no-flexbox .Grid.Grid--alignCenter,
.Grid--simple.Grid--alignCenter {
  text-align: center;
}
.is-no-flexbox .Grid.Grid--alignRight,
.Grid--simple.Grid--alignRight {
  text-align: right;
}
.is-no-flexbox .Grid.Grid--alignMiddle > .Grid-cell,
.Grid--simple.Grid--alignMiddle > .Grid-cell {
  vertical-align: middle;
}
.is-no-flexbox .Grid.Grid--alignBottom > .Grid-cell,
.Grid--simple.Grid--alignBottom > .Grid-cell {
  vertical-align: bottom;
}
.is-no-flexbox .Grid.Grid--fit,
.Grid--simple.Grid--fit {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0 !important;
}
.is-no-flexbox .Grid.Grid--fit > .Grid-cell,
.Grid--simple.Grid--fit > .Grid-cell {
  display: table-cell;
  width: auto;
}
.is-no-flexbox .Grid.Grid--fit > .Grid-cell:first-child,
.Grid--simple.Grid--fit > .Grid-cell:first-child {
  padding-left: 0;
}
.is-no-flexbox .Grid.Grid--fit > .Grid-cell:last-child,
.Grid--simple.Grid--fit > .Grid-cell:last-child {
  padding-right: 0;
}
@media only screen and (min-width: 57.5em), print {
  .Grid--indentmd {
    margin: 2.5em 0;
    padding: 0 2.5em;
  }
}
@media only screen and (min-width: 57.5em), print {
  .Grid--indentlg {
    padding: 0 7em 0 4em!important;
  }
}
@media only screen and (min-width: 57.5em), print {
  .Grid--pushUpmd {
    top: -100px;
  }
}
@media only screen and (min-width: 57.5em), print {
  .Grid--pushUplg {
    top: -150px;
  }
}
/**
 * Grid Gutter Sizes
 * Wrap in .Grid to increase specificity. 
 * All gutters are in Pixels to support both Flexbox and Simple mode.
 * 
 * Format: Grid--gutter[direction:A|V|H][size:xsm|sm|md|lg|xlg]
 * Examples: Grid--gutterA (All), Grid--gutterH (Horizontal), Grid--gutterHlg (large horizontal gutter)
 * 
 * Gutter directions:
 *	  A = all (right, left, top, bottom)
 *    H = horizontal (right, left)
 *    V = vertical (top, bottom)
 *	
 * Gutter sizes:
 *    xsm = xsmall
 *	  sm  = small
 *	  md  = medium
 *	  lg  = large
 *	  xlg = xlarge
 */
.Grid {
  /**
     * Horizontal gutters (left & right)
     */
  /**
     * Vertical gutters (top & bottom)
     */
}
.Grid.Grid--gutterH,
.Grid.Grid--gutterA {
  margin-left: -10px;
  margin-right: -10px;
}
.Grid.Grid--gutterH > .Grid-cell,
.Grid.Grid--gutterA > .Grid-cell {
  padding-left: 10px;
  padding-right: 10px;
}
.Grid.Grid--gutterHxsm,
.Grid.Grid--gutterAxsm {
  margin-left: -3.33333333px;
  margin-right: -3.33333333px;
}
.Grid.Grid--gutterHxsm > .Grid-cell,
.Grid.Grid--gutterAxsm > .Grid-cell {
  padding-left: 3.33333333px;
  padding-right: 3.33333333px;
}
.Grid.Grid--gutterHsm,
.Grid.Grid--gutterAsm {
  margin-left: -5px;
  margin-right: -5px;
}
.Grid.Grid--gutterHsm > .Grid-cell,
.Grid.Grid--gutterAsm > .Grid-cell {
  padding-left: 5px;
  padding-right: 5px;
}
.Grid.Grid--gutterHmd,
.Grid.Grid--gutterAmd {
  margin-left: -10px;
  margin-right: -10px;
}
.Grid.Grid--gutterHmd > .Grid-cell,
.Grid.Grid--gutterAmd > .Grid-cell {
  padding-left: 10px;
  padding-right: 10px;
}
.Grid.Grid--gutterHlg,
.Grid.Grid--gutterAlg {
  margin-left: -20px;
  margin-right: -20px;
}
.Grid.Grid--gutterHlg > .Grid-cell,
.Grid.Grid--gutterAlg > .Grid-cell {
  padding-left: 20px;
  padding-right: 20px;
}
.Grid.Grid--gutterHxlg,
.Grid.Grid--gutterAxlg {
  margin-left: -30px;
  margin-right: -30px;
}
.Grid.Grid--gutterHxlg > .Grid-cell,
.Grid.Grid--gutterAxlg > .Grid-cell {
  padding-left: 30px;
  padding-right: 30px;
}
.Grid.Grid--gutterV,
.Grid.Grid--gutterA {
  margin-top: -10px;
  margin-bottom: -10px;
}
.Grid.Grid--gutterV > .Grid-cell,
.Grid.Grid--gutterA > .Grid-cell {
  padding-top: 10px;
  padding-bottom: 10px;
}
.Grid.Grid--gutterVxsm,
.Grid.Grid--gutterAxsm {
  margin-top: -3.33333333px;
  margin-bottom: -3.33333333px;
}
.Grid.Grid--gutterVxsm > .Grid-cell,
.Grid.Grid--gutterAxsm > .Grid-cell {
  padding-top: 3.33333333px;
  padding-bottom: 3.33333333px;
}
.Grid.Grid--gutterVsm,
.Grid.Grid--gutterAsm {
  margin-top: -5px;
  margin-bottom: -5px;
}
.Grid.Grid--gutterVsm > .Grid-cell,
.Grid.Grid--gutterAsm > .Grid-cell {
  padding-top: 5px;
  padding-bottom: 5px;
}
.Grid.Grid--gutterVmd,
.Grid.Grid--gutterAmd {
  margin-top: -10px;
  margin-bottom: -10px;
}
.Grid.Grid--gutterVmd > .Grid-cell,
.Grid.Grid--gutterAmd > .Grid-cell {
  padding-top: 10px;
  padding-bottom: 10px;
}
.Grid.Grid--gutterVlg,
.Grid.Grid--gutterAlg {
  margin-top: -20px;
  margin-bottom: -20px;
}
.Grid.Grid--gutterVlg > .Grid-cell,
.Grid.Grid--gutterAlg > .Grid-cell {
  padding-top: 20px;
  padding-bottom: 20px;
}
.Grid.Grid--gutterVxlg,
.Grid.Grid--gutterAxlg {
  margin-top: -30px;
  margin-bottom: -30px;
}
.Grid.Grid--gutterVxlg > .Grid-cell,
.Grid.Grid--gutterAxlg > .Grid-cell {
  padding-top: 30px;
  padding-bottom: 30px;
}
.Hero {
  position: relative;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 57.5em), print {
  .Hero {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.Hero-wrapper {
  position: relative;
  min-height: 56vh;
  max-height: none;
  overflow: hidden;
  margin: 0.5rem 0 0;
  border-radius: 15px;
}
@media only screen and (min-width: 64em), print {
  .Hero-wrapper {
    height: 803px;
  }
}
.Hero-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 15px;
  overflow: hidden;
}
.Hero-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
@media (prefers-reduced-motion: reduce) {
  .Hero-image {
    display: none;
  }
}
.Hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  opacity: 0.6;
  mix-blend-mode: multiply;
  border-radius: 15px;
}
.Hero-content {
  position: relative;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  min-height: 56vh;
  text-align: center;
  padding: 0 1rem;
}
@media only screen and (min-width: 64em), print {
  .Hero-content {
    min-height: 100%;
    padding: 0 3rem;
  }
}
.Hero-subtitle {
  margin: 0;
  padding: 6rem 0 1.25rem;
  font-size: 1rem;
  line-height: 1.4375rem;
  color: #ECE9E4;
  font-weight: 400;
  max-width: 650px;
}
@media only screen and (min-width: 64em), print {
  .Hero-subtitle {
    font-size: 1.125rem;
  }
}
.Hero-tagline {
  margin: 0;
  padding: 0;
  font-size: 2.0625rem;
  line-height: 2.6875rem;
  color: #ECE9E4;
  font-weight: 400;
  max-width: 750px;
}
@media only screen and (min-width: 64em), print {
  .Hero-tagline {
    font-size: 2.3125rem;
    line-height: 2.9375rem;
    max-width: 1000px;
  }
}
.Hero-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 0.75rem;
  margin: 0;
  padding: 3rem 0 6rem;
}
.Hero-buttons .Button {
  min-width: 264px;
  height: 51px;
}
@media only screen and (min-width: 57.5em), print {
  .Hero-buttons {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 0.75rem;
    padding-top: 4.5rem;
  }
}
.Hero-buttons--inline {
  -ms-flex-pack: center;
      justify-content: center;
}
.Hero-buttons--inline .Button {
  min-width: auto;
  width: auto;
  height: auto;
}
.InfoSection {
  padding-top: 1.5rem;
  background: #ffffff;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  color: #000000;
}
.InfoSection-title {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 64em), print {
  .InfoSection-title {
    font-size: 1.5rem;
  }
}
.InfoCards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  gap: 1rem;
}
@media only screen and (min-width: 64em), print {
  .InfoCards {
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
  }
}
.InfoCard {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background: #ffffff;
  border-radius: 15px;
  overflow: hidden;
}
.InfoCard-imageWrapper {
  aspect-ratio: 0.78313253;
  overflow: hidden;
  border-radius: 15px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.InfoCard-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.InfoCard-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 0.75rem 0 1rem;
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
}
.InfoCard-icon {
  width: 48px;
  height: 48px;
  margin: 0 auto 1rem;
}
.InfoCard-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.InfoCard-title {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0.125rem 0;
  padding: 0;
}
@media only screen and (min-width: 64em), print {
  .InfoCard-title {
    font-size: 1.5rem;
  }
}
.InfoCard-text {
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  padding: 0;
  width: 345px;
}
@media only screen and (min-width: 64em), print {
  .InfoCard-text {
    font-size: 1.0625rem;
  }
}
@media only screen and (min-width: 64em), print {
  .InfoCard-text {
    width: auto;
  }
}
.InfoCard-link {
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
}
.InfoCard-link:hover {
  color: #27536F;
}
.InfoCard-inlineLink {
  text-decoration: underline;
}
.InfoCard-inlineLink:hover {
  color: #27536F;
}
.WorldMapSection {
  margin: -15px 0 -0.1rem;
  background: #ffffff;
  padding-top: 0;
  position: relative;
  border-radius: 15px;
}
@media only screen and (min-width: 75em) {
  .WorldMapSection {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}
.WorldMapSection-wrapper {
  position: relative;
  width: 100%;
  z-index: 2;
}
.WorldMapSection-mapContainer {
  border-radius: 15px;
  overflow: hidden;
}
.WorldMapSection-image {
  width: 1159px;
  height: auto;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  transform: translateY(70px);
}
@media only screen and (min-width: 64em), print {
  .WorldMapSection-image {
    transform: translateY(-10px);
  }
}
@media only screen and (min-width: 75em) {
  .WorldMapSection-image {
    height: 734px;
  }
}
.WorldMapSection-content {
  padding: 2rem 1.5rem;
  border-radius: 15px;
  text-align: center;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin: -20% 0 0;
  position: relative;
}
.WorldMapSection-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ECE9E4;
  border-radius: 15px;
  z-index: 1;
}
@media only screen and (min-width: 64em), print {
  .WorldMapSection-content {
    padding: 3rem 2rem;
    margin-top: -55%;
  }
}
@media only screen and (min-width: 75em) {
  .WorldMapSection-content {
    margin-top: -465px;
  }
}
.WorldMapSection-text {
  font-size: 1.5625rem;
  font-weight: 500;
  line-height: 2.1875rem;
  margin: 0 0 0.75rem;
  padding-top: 0;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  color: #000000;
  text-align: center;
  max-width: 1075px;
  position: relative;
  z-index: 3;
}
.WorldMapSection-text:first-child {
  padding-top: 0.75rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 64em), print {
  .WorldMapSection-text:first-child {
    padding-top: 3rem;
    margin-bottom: 3rem;
  }
}
@media only screen and (min-width: 64em), print {
  .WorldMapSection-text {
    font-size: 2.3125rem;
    line-height: 2.9375rem;
    margin: 0 0 1.25rem;
  }
}
.WorldMapSection-text:last-child {
  margin-bottom: 1rem;
}
.QuoteSlideshow {
  position: relative;
  overflow: hidden;
  margin: 0.75rem 0 0;
  border-radius: 15px;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-height: 320px;
}
@media only screen and (min-width: 64em), print {
  .QuoteSlideshow {
    min-height: 405px;
  }
}
@media only screen and (min-width: 75em) {
  .QuoteSlideshow {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}
.QuoteSlideshow-slides {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.QuoteSlideshow-slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.QuoteSlideshow-slide.is-active {
  opacity: 1;
}
.QuoteSlideshow-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 15px;
  overflow: hidden;
}
.QuoteSlideshow-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.QuoteSlideshow-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 15px;
  opacity: 0.5;
  background: #000000;
  mix-blend-mode: multiply;
}
.QuoteSlideshow-content {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1075px;
  margin: 0 auto;
  padding: 3rem 1.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 2rem;
  text-align: center;
}
@media only screen and (min-width: 64em), print {
  .QuoteSlideshow-content {
    padding: 6rem 3rem;
  }
}
.QuoteSlideshow-quote {
  font-size: 1.5625rem;
  line-height: 2.1875rem;
  font-weight: 500;
  color: #ECE9E4;
  margin: 0;
  padding: 0;
  border: none;
  font-style: normal;
  max-width: 900px;
  width: 370px;
}
@media only screen and (min-width: 64em), print {
  .QuoteSlideshow-quote {
    font-size: 2.3125rem;
    line-height: 2.9375rem;
    width: auto;
  }
}
.QuoteSlideshow-author {
  font-size: 1rem;
  font-weight: 500;
  color: #ECE9E4;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0;
  width: 245px;
}
@media only screen and (min-width: 64em), print {
  .QuoteSlideshow-author {
    font-size: 1.125rem;
    width: auto;
  }
}
.QuoteSlideshow-dots {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (min-width: 64em), print {
  .QuoteSlideshow-dots {
    bottom: 3rem;
  }
}
.QuoteSlideshow-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  background: #ECE9E4;
  opacity: 0.5;
  cursor: pointer;
  padding: 0;
  transition: opacity 0.2s ease;
}
.QuoteSlideshow-dot.is-active {
  opacity: 1;
}
.QuoteSlideshow-dot:hover {
  opacity: 0.8;
}
.TestimonialSection {
  padding: 0 0 1.5rem;
  background: #ffffff;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  color: #000000;
}
.TestimonialSection-content {
  border: 1px solid #000000;
  border-radius: 15px;
  padding: 0.75rem;
}
.TestimonialSection-title {
  padding-top: 0.5rem;
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0 0 1.5rem;
  text-align: center;
}
@media only screen and (min-width: 64em), print {
  .TestimonialSection-title {
    font-size: 1.5rem;
  }
}
.NewsSection {
  padding: 1rem 0 1.5rem;
  background: #ffffff;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  color: #000000;
}
@media only screen and (min-width: 64em), print {
  .NewsSection {
    padding: 3.25rem 0 1.5rem;
  }
}
.NewsSection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin: 1.5rem 0;
}
.NewsSection-title {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 0;
}
@media only screen and (min-width: 64em), print {
  .NewsSection-title {
    font-size: 1.5rem;
  }
}
.FeatureBoxes {
  padding: 1rem 0 1.5rem;
  background: #ffffff;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  color: #000000;
}
@media only screen and (min-width: 64em), print {
  .FeatureBoxes {
    padding: 3.25rem 0 1.5rem;
  }
}
.FeatureBoxes-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media only screen and (min-width: 64em), print {
  .FeatureBoxes-grid {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}
.FeatureBox {
  background: #ffffff;
  border-radius: 15px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.FeatureBox > .Button {
  margin-top: auto;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
@media only screen and (min-width: 64em), print {
  .FeatureBox > .Button {
    margin-left: 0;
    margin-right: 0;
  }
}
.FeatureBox-imageWrapper {
  aspect-ratio: 1.08641975;
  overflow: hidden;
  border-radius: 15px;
  margin-bottom: 1rem;
}
.FeatureBox-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.FeatureBox-imageWrapper--withBanner {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.FeatureBox-imageWrapper--withBanner .FeatureBox-image {
  -ms-flex: 1;
      flex: 1;
  min-height: 0;
  border-radius: 15px 15px 0 0;
  transform-origin: center center;
}
.FeatureBox-imageWrapper--withBanner::after {
  content: '';
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 85px;
  background: #EC0002;
  border-radius: 0 0 15px 15px;
}
.FeatureBox-banner {
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 201px;
  height: 113px;
  object-fit: contain;
  z-index: 1;
}
.FeatureBox-title {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0 0 0.25rem;
  padding: 0;
}
@media only screen and (min-width: 64em), print {
  .FeatureBox-title {
    font-size: 1.5rem;
  }
}
.FeatureBox-text {
  font-size: 1rem;
  font-weight: 400;
  margin: 0 0 1.5rem;
}
@media only screen and (min-width: 64em), print {
  .FeatureBox-text {
    font-size: 1.0625rem;
  }
}
.is_404 {
  background-color: #ffd9c8;
  width: 100%;
  padding: 2em;
  margin: 0;
}
.is_404 p {
  margin: 0;
}
.is_404 h5 {
  margin-bottom: 0.2em;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.EventSection {
  padding: 2rem 0.75rem;
  background: #ECE9E4;
  border-radius: 15px;
  margin: 0.75rem 0 0;
  min-height: 405px;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  color: #000000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
@media only screen and (min-width: 64em), print {
  .EventSection {
    padding: 3.25rem 1.5rem;
  }
}
@media only screen and (min-width: 57.5em), print {
  .EventSection {
    padding: 3.25rem 3rem;
  }
}
@media only screen and (min-width: 75em) {
  .EventSection {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}
.EventSection .Page-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media only screen and (min-width: 64em), print {
  .EventSection .Page-container {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: start;
        align-items: flex-start;
  }
}
.EventSection-content {
  -ms-flex: 1;
      flex: 1;
}
@media only screen and (min-width: 64em), print {
  .EventSection-content {
    max-width: 482px;
  }
}
.EventSection-imageWrapper {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  aspect-ratio: 2.06439394;
  overflow: hidden;
  border-radius: 15px;
  margin-top: 1.5rem;
}
@media only screen and (min-width: 64em), print {
  .EventSection-imageWrapper {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    margin-top: 0;
    margin-left: 3rem;
  }
}
.EventSection-image {
  width: 100%;
  height: auto;
  border-radius: 15px;
  display: block;
}
.EventSection-title {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
}
@media only screen and (min-width: 64em), print {
  .EventSection-title {
    font-size: 1.5rem;
  }
}
.EventSection-text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 0;
}
@media only screen and (min-width: 64em), print {
  .EventSection-text {
    font-size: 1.0625rem;
  }
}
.EventSection-content .Button {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 64em), print {
  .EventSection-content .Button {
    margin-top: 3rem;
  }
}
.CategorySection {
  padding: 3.25rem 0 1.5rem;
  background: #ffffff;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  color: #000000;
}
.CategoryGrid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 1rem;
}
@media only screen and (min-width: 64em), print {
  .CategoryGrid {
    gap: 2rem;
  }
}
.CategoryItem {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  text-decoration: none;
  padding: 1rem;
  border-radius: 15px;
  transition: background-color 0.2s ease;
}
.CategoryItem:hover {
  background: #ffffff;
  color: #53ADE7;
}
.CategoryItem-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 64em), print {
  .CategoryItem-icon {
    width: 64px;
    height: 64px;
  }
}
.CategoryItem-label {
  font-size: 0.8125rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.BottomHero {
  position: relative;
  height: 50vh;
  min-height: 400px;
  max-height: 500px;
  overflow: hidden;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
}
.BottomHero-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 15px;
  overflow: hidden;
}
.BottomHero-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.BottomHero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  opacity: 0.5;
  mix-blend-mode: multiply;
  border-radius: 15px;
}
.BottomHero-content {
  position: relative;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: start;
      align-items: flex-start;
  height: 100%;
  padding: 2rem;
  color: #ECE9E4;
}
@media only screen and (min-width: 64em), print {
  .BottomHero-content {
    padding: 3rem;
  }
}
.BottomHero-logo {
  margin-bottom: 1rem;
}
.BottomHero-logo img {
  height: 40px;
  width: auto;
}
@media only screen and (min-width: 64em), print {
  .BottomHero-logo img {
    height: 50px;
  }
}
.BottomHero-tagline {
  font-size: 1.5625rem;
  font-weight: 500;
  margin: 0 0 0.5rem;
  color: #ECE9E4;
}
@media only screen and (min-width: 64em), print {
  .BottomHero-tagline {
    font-size: 1.5rem;
  }
}
.BottomHero-text {
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  color: #ECE9E4;
}
@media only screen and (min-width: 64em), print {
  .BottomHero-text {
    font-size: 1.0625rem;
  }
}
.InfoSection-title,
.InfoCard-title,
.InfoCard-text,
.WorldMapSection-text,
.QuoteSlideshow-quote,
.QuoteSlideshow-author,
.TestimonialSection-title,
.NewsSection-title,
.NewsCard-title,
.NewsCard-excerpt,
.EventSection-title,
.EventSection-text,
.FeatureBox-title,
.FeatureBox-text {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
@media only screen and (min-width: 64em), print {
  .InfoSection-title,
  .InfoCard-title,
  .InfoCard-text,
  .WorldMapSection-text,
  .QuoteSlideshow-quote,
  .QuoteSlideshow-author,
  .TestimonialSection-title,
  .NewsSection-title,
  .NewsCard-title,
  .NewsCard-excerpt,
  .EventSection-title,
  .EventSection-text,
  .FeatureBox-title,
  .FeatureBox-text {
    padding-left: 0;
    padding-right: 0;
  }
}
.KopaPage {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  color: #000000;
}
.KopaPage .Breadcrumb {
  padding-bottom: 1rem;
}
.KopaPage .Nav {
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 64em), print {
  .KopaPage .Nav {
    margin-top: 2rem;
    margin-bottom: 3rem;
  }
}
.KopaPage-heroImage {
  border-radius: 15px;
  overflow: hidden;
  margin: 0 0 1rem;
}
.KopaPage-heroImage img {
  width: 100%;
  height: auto;
  display: block;
}
.KopaPage-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  gap: 0;
  -ms-flex-align: start;
      align-items: start;
  margin-bottom: 3.25rem;
}
@media only screen and (max-width: 63.99em), print {
  .KopaPage-grid .KopaPage-cell:nth-child(1) {
    -ms-flex-order: 1;
        order: 1;
  }
  .KopaPage-grid .KopaPage-cell:nth-child(2) {
    -ms-flex-order: 2;
        order: 2;
  }
  .KopaPage-grid .KopaPage-cell:nth-child(3) {
    -ms-flex-order: 3;
        order: 3;
  }
  .KopaPage-grid .KopaPage-cell:nth-child(4) {
    -ms-flex-order: 5;
        order: 5;
  }
  .KopaPage-grid .KopaPage-cell:nth-child(5) {
    -ms-flex-order: 4;
        order: 4;
  }
  .KopaPage-grid .KopaPage-cell:nth-child(6) {
    -ms-flex-order: 6;
        order: 6;
  }
  .KopaPage-grid .KopaPage-cell:nth-child(7) {
    -ms-flex-order: 7;
        order: 7;
  }
  .KopaPage-grid .KopaPage-cell:nth-child(8) {
    -ms-flex-order: 9;
        order: 9;
  }
  .KopaPage-grid .KopaPage-cell:nth-child(9) {
    -ms-flex-order: 8;
        order: 8;
  }
  .KopaPage-grid .KopaPage-cell:nth-child(10) {
    -ms-flex-order: 10;
        order: 10;
  }
}
@media only screen and (min-width: 64em), print {
  .KopaPage-grid {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    gap: 0 1.5rem;
  }
}
.KopaPage-cell {
  min-width: 0;
}
.KopaPage-sectionBody {
  font-size: 1rem;
  margin-bottom: 42px;
}
@media only screen and (min-width: 64em), print {
  .KopaPage-sectionBody {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 64em), print and only screen and (min-width: 64em), print {
  .KopaPage-sectionBody {
    font-size: 1.0625rem;
  }
}
.KopaPage-sectionBody p {
  margin: 0 0 24px;
}
.KopaPage-sectionBody p:last-child {
  margin-bottom: 0;
}
.KopaPage-image {
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 1rem;
  line-height: 0;
}
.KopaPage-image img {
  width: 100%;
  height: 140px;
  display: block;
  object-fit: cover;
}
@media only screen and (min-width: 64em), print {
  .KopaPage-image img {
    height: auto;
    object-fit: initial;
  }
}
.KopaPage-link {
  color: #27536F;
  font-weight: 500;
  text-decoration: none;
}
.KopaPage-link:hover {
  color: #75BAE7;
}
.KopaPage-heading,
.KopaPage-intro,
.KopaPage-sectionBody {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
@media only screen and (min-width: 64em), print {
  .KopaPage-heading,
  .KopaPage-intro,
  .KopaPage-sectionBody {
    padding-left: 0;
    padding-right: 0;
  }
}
.LoginPage {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  color: #000000;
  padding: 4.5rem 0;
}
.LoginPage-grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4.5rem;
  max-width: 1200px;
  margin: 0 auto;
}
.LoginPage-formSection {
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
}
.LoginPage-title {
  font-size: 2.0625rem;
  line-height: 2.6875rem;
  font-weight: 500;
  text-align: center;
  margin: 0 0 2rem;
}
@media only screen and (min-width: 64em), print {
  .LoginPage-title {
    font-size: 2.3125rem;
    line-height: 2.9375rem;
  }
}
.LoginPage-error {
  color: #fd0011;
  font-size: 0.8125rem;
  margin-bottom: 1rem;
}
.LoginPage-formGroup {
  margin-bottom: 0.5rem;
}
.LoginPage .mdl-textfield__input {
  border-bottom: 2px solid #53ADE7;
  padding-bottom: 0.75rem;
}
.LoginPage-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 1rem;
  margin-top: 2rem;
}
@media only screen and (min-width: 64em), print {
  .LoginPage-actions {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-top: 1rem;
  }
}
.LoginPage .LoginPage-actions button.Button--roundedBlue.Button--lg.Button--withArrow .material-icons {
  color: #ffffff;
}
.LoginPage-forgotLink {
  font-size: 1rem;
  font-weight: 400;
  color: #27536F;
  text-decoration: none;
}
@media only screen and (min-width: 64em), print {
  .LoginPage-forgotLink {
    font-size: 1.0625rem;
  }
}
.LoginPage-forgotLink:hover {
  color: #27536F;
}
.LoginPage-membership {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  gap: 0;
  margin: 2rem auto 0;
  border-radius: 15px;
  overflow: hidden;
  background: #ECE9E4;
}
@media only screen and (min-width: 64em), print {
  .LoginPage-membership {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
}
.LoginPage-ctaSection {
  padding: 3rem 3rem 3rem 3rem;
  min-width: 0;
}
@media only screen and (max-width: 63.99em), print {
  .LoginPage-ctaSection {
    overflow-x: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
  }
}
.LoginPage-ctaTitle {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0 0 1.5rem;
}
@media only screen and (max-width: 63.99em), print {
  .LoginPage-ctaTitle {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
@media only screen and (min-width: 64em), print {
  .LoginPage-ctaTitle {
    font-size: 1.5rem;
  }
}
.LoginPage-ctaText {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.45;
  margin: 0 0 1.5rem;
}
@media only screen and (min-width: 64em), print {
  .LoginPage-ctaText {
    font-size: 1rem;
    line-height: 1.45;
  }
}
@media only screen and (min-width: 64em), print and only screen and (min-width: 64em), print {
  .LoginPage-ctaText {
    font-size: 1.0625rem;
  }
}
.LoginPage-ctaListTitle {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 0.25rem;
}
@media only screen and (max-width: 63.99em), print {
  .LoginPage-ctaListTitle {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
@media only screen and (min-width: 64em), print {
  .LoginPage-ctaListTitle {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 64em), print and only screen and (min-width: 64em), print {
  .LoginPage-ctaListTitle {
    font-size: 1.0625rem;
  }
}
.LoginPage-ctaList {
  list-style: none;
  padding: 0;
  margin: 0 0 2rem;
}
.LoginPage-ctaListItem {
  font-size: 1rem;
  font-weight: 400;
  padding: 0 0 0 1rem;
  line-height: 1.45;
  position: relative;
}
@media only screen and (min-width: 64em), print {
  .LoginPage-ctaListItem {
    font-size: 1rem;
    line-height: 1.45;
  }
}
@media only screen and (min-width: 64em), print and only screen and (min-width: 64em), print {
  .LoginPage-ctaListItem {
    font-size: 1.0625rem;
  }
}
.LoginPage-ctaListItem::before {
  content: '·';
  position: absolute;
  left: 4px;
  font-weight: 700;
}
.LoginPage-ctaSection .Button--rounded.Button--lg.Button--withArrow {
  color: #000000;
  border-color: #000000;
  background: transparent;
  font-size: 1rem;
  font-weight: 400;
}
.LoginPage-ctaSection .Button--rounded.Button--lg.Button--withArrow .material-icons {
  color: #000000;
}
@media only screen and (max-width: 63.99em), print {
  .LoginPage-ctaSection .Button--rounded.Button--lg.Button--withArrow {
    white-space: nowrap;
  }
}
.LoginPage-ctaSection .Button--rounded.Button--lg.Button--withArrow:hover {
  color: #A6A6A6;
  border-color: #A6A6A6;
  background: transparent;
}
.LoginPage-ctaSection .Button--rounded.Button--lg.Button--withArrow:hover .material-icons {
  color: #A6A6A6;
}
.LoginPage-hero {
  margin: 0;
  position: relative;
  min-height: 300px;
  width: 100%;
  height: 100%;
}
.LoginPage-heroImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 63.99em), print {
  .LoginPage-heroImage {
    position: relative;
    aspect-ratio: 1.77777778;
  }
}
.LoginPage-trustpilot {
  padding: 2rem 0;
  text-align: center;
}
.LoginPage-trustpilotTitle {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0 0 1.5rem;
}
@media only screen and (min-width: 64em), print {
  .LoginPage-trustpilotTitle {
    font-size: 1.5rem;
  }
}
.LoginPopup {
  position: relative;
  background: #ffffff;
  width: auto;
  max-width: 440px;
  margin: 20px auto;
  border-radius: 15px;
  overflow: hidden;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  color: #000000;
}
.LoginPopup-header {
  padding: 1.5rem 1.5rem 1rem;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.5;
}
.LoginPopup-body {
  padding: 0 1.5rem 1.5rem;
}
.LoginPopup-body p {
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  color: #767470;
}
@media only screen and (min-width: 64em), print {
  .LoginPopup-body p {
    font-size: 1.0625rem;
  }
}
.LoginPopup-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #ECE9E4;
}
.LoginPopup-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: #ECE9E4;
  color: #000000;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  transition: background 0.2s ease;
  padding: 0;
  line-height: 1;
  font-size: 18px;
}
.LoginPopup-close:hover {
  background: #e1ddd5;
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  display: none;
}
@media only screen and (min-width: 64em), print {
  button.mfp-close,
  button.mfp-arrow {
    display: block;
    color: white;
    margin-top: 0;
    margin-right: 0;
  }
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
/** mdl ripple effect not working on iOS 13 **/
/* Here's custom ripple solution */
.custom-ripple {
  background-position: center !important;
  transition: background 0.8s;
}
.custom-ripple:hover {
  background: #0b87c4 radial-gradient(circle, transparent 1%, #0b87c4 1%) center / 15000% !important;
}
.custom-ripple:active {
  background-color: #0b87c4 !important;
  background-size: 100%;
  transition: background 0s;
}
/*#

The Media component is used for splitting content into a fixed width column and a fluid column that works nicely with for different screen widths.

Based on the Flag object by CSS Wizardry, but renamed to Media because it's more common name for this layout.
http://csswizardry.com/2013/05/the-flag-object/

<div class="Media Media--top">
    <div class="Media-side">
        <img src="../../assets/images/temp/bmw1.jpg"  width="100"  />
    </div>
    <div class="Media-body">
        <p>This is the body of the Media object. You can change the alignment of the body to be either middle (default), top or bottom.</p>
        
        <div class="Media Media--top">
            <div class="Media-side">
                <img src="../../assets/images/temp/bmw1.jpg" width="100" />
            </div>
            <div class="Media-body">
                <p>Nested Media object works as well.</p>
            </div>
        </div>
    </div>
</div>
*/
.Media {
  display: table;
  width: 100%;
}
.Media-side,
.Media-body {
  display: table-cell;
  vertical-align: middle;
}
.Media--top .Media-side,
.Media--top .Media-body {
  vertical-align: top;
}
.Media--bottom .Media-side,
.Media--bottom .Media-body {
  vertical-align: bottom;
}
.Media--right .Media-side {
  display: table-cell;
}
.Media-side {
  padding-right: 1.25em;
}
.Media-side > img {
  display: block;
  max-width: none;
}
.Media--right .Media-side {
  padding-right: 0;
  padding-left: 1.25em;
}
.Media-body {
  width: 100%;
}
.Media--equal .Media-body {
  width: auto;
}
.main-menu .mdl-menu__item {
  height: 32px;
  line-height: 32px;
  font-size: 0.875em;
  padding-left: 1.35em;
  padding-right: 1.35em;
}
.main-menu .mdl-menu__item:first-child {
  margin-top: .325em;
}
.main-menu .mdl-menu__item:last-child {
  margin-bottom: .325em;
}
.main-menu .mdl-menu__item a {
  font-size: 1em;
}
.main-menu .topMargin {
  margin-top: 1.3em;
}
/*#
  **Core modal component**
 
<!-- leads-modal -->
<div id="leads-modal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Header</h4>
      </div>
      <div class="modal-body">
        <p>Some text in the modal.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>
 */
.Modal {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: none;
  padding: 1em;
}
.Modal.Modal--active {
  display: block;
}
.Modal-dialog {
  box-sizing: border-box;
  position: relative;
  background: #fbfaf9;
  margin: 15% auto 0;
  margin: 1vh auto 0;
  border-radius: 0.5em;
  z-index: 11;
  width: 100%;
  max-width: 550px;
  padding: 1em;
}
@media only screen and (min-width: 64em), print {
  .Modal-dialog {
    margin: 2vh auto 0;
  }
}
@media only screen and (min-width: 57.5em), print {
  .Modal-dialog {
    margin: 3vh auto 0;
  }
}
@media only screen and (min-width: 75em) {
  .Modal-dialog {
    margin: 7vh auto 0;
  }
}
@media only screen and (min-width: 67.1875em) {
  .Modal-dialog {
    margin: 15vh auto 0;
  }
}
.Modal-heading {
  margin-top: 0;
  margin-bottom: 0.2em;
}
.Modal-content {
  max-height: 50vh;
  overflow: auto;
  overflow-x: hidden;
}
.Modal-footer {
  background: #ebe8e2;
  margin-top: 1em;
  padding: .8em;
  border-bottom-left-radius: .5em;
  border-bottom-right-radius: .5em;
  text-align: right;
}
.Modal-close {
  position: absolute;
  top: .5em;
  right: .6em;
  font-size: 1.6em;
  text-decoration: none;
  padding: 0.1em 0.3em 0.1em;
  background: #ebe8e2;
  line-height: 1em;
  border-radius: 50%;
  color: #333;
}
.Modal-close:hover {
  background: #ebe8e2;
}
.MyPages {
  max-width: 1075px;
  margin: 0 auto;
}
.MyPages-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 0.75rem;
  margin-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e0e0e0;
}
.MyPages-formPage .MyPages-header {
  border-bottom: none;
  padding-bottom: 0;
}
.MyPages-title {
  font-size: 2.3125rem;
  line-height: 2.9375rem;
  font-weight: 500;
  margin: 0;
}
@media only screen and (max-width: 63.99em), print {
  .MyPages-title {
    font-size: 2.0625rem;
    line-height: 2.6875rem;
  }
}
.MyPages-logoutBtn {
  display: none;
  min-height: 45px;
  height: 45px;
  width: 128px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
@media only screen and (min-width: 64em), print {
  .MyPages-logoutBtn {
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.MyPages .MyPages-actions .Button--roundedBlueArrow,
.MyPages .MyPages-actions .Button--outlinedCta,
.MyPages .MyPages-actions button.Button--roundedBlueArrow {
  min-height: 45px;
  height: 45px;
  -ms-flex-align: center;
      align-items: center;
}
.MyPages .Button--outlinedCta {
  padding: 0.75rem 1.5rem;
}
.MyPages .MyPages-actions .Button--roundedBlueArrow {
  -ms-flex-pack: center;
      justify-content: center;
}
.MyPages-section {
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 63.99em), print {
  .MyPages-section {
    margin-bottom: 1rem;
  }
}
.MyPages-sectionHeader {
  background: #ECE9E4;
  border-radius: 15px 15px 0 0;
  padding: 1rem 1.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.MyPages-sectionHeader h2 {
  font-size: 1.25em;
  line-height: 1.35;
  font-weight: 500;
  margin: 0;
}
@media only screen and (min-width: 64em), print {
  .MyPages-sectionHeader h2 {
    font-size: 1.5rem;
  }
}
.MyPages-sectionToggle {
  width: 12px;
  height: 12px;
  cursor: pointer;
  padding: 8px;
  box-sizing: content-box;
  transition: transform .25s ease;
  transform: rotate(90deg);
}
.is-collapsed .MyPages-sectionToggle {
  transform: rotate(0deg);
}
.MyPages-sectionBody {
  background: #F9F8F5;
  padding: 1.5rem;
}
@media only screen and (min-width: 64em), print {
  .MyPages-sectionBody {
    padding: 1.5rem 2rem 2rem;
  }
}
.is-collapsed .MyPages-sectionBody {
  display: none;
}
.MyPages-accountGrid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 1.5rem;
}
@media only screen and (min-width: 64em), print {
  .MyPages-accountGrid {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 3rem;
  }
}
.MyPages-accountCol {
  -ms-flex: 1;
      flex: 1;
}
.MyPages-accountInfo {
  font-size: 1rem;
  line-height: 1.45;
}
.MyPages-accountInfo p {
  margin: 0 0 2px;
}
.MyPages-accountInfo .MyPages-auctionId {
  margin-bottom: 1rem;
}
.MyPages-accountInfo .MyPages-auctionId strong {
  font-weight: 700;
}
.MyPages-toggleRow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.MyPages-toggleLabel {
  font-size: 1rem;
  line-height: 1.45;
  -ms-flex: 1;
      flex: 1;
}
.MyPages-toggleLabel strong {
  font-weight: 700;
  display: block;
}
.MyPages-toggleLabel small,
.MyPages-toggleLabel small.u-colorTextLight {
  line-height: 1.45;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  display: block;
  margin: 1rem 0;
}
.MyPages-toggle {
  position: relative;
  width: 35px;
  height: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 5px;
}
.MyPages-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}
.MyPages-toggle .MyPages-toggleTrack {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #A6A6A6;
  border-radius: 100px;
  transition: background .2s;
  cursor: pointer;
}
.MyPages-toggle .MyPages-toggleTrack::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  top: -3px;
  left: 0;
  transition: transform .2s;
}
.MyPages-toggle input:checked + .MyPages-toggleTrack {
  background: #75BAE7;
}
.MyPages-toggle input:checked + .MyPages-toggleTrack::after {
  transform: translateX(17px);
}
.MyPages-bodyText {
  font-size: 1rem;
  line-height: 1.45;
  margin: 0 0 1.5rem;
}
.MyPages-bodyText strong {
  font-weight: 700;
}
.MyPages-regards {
  font-size: 1rem;
  line-height: 1.45;
  margin: 1rem 0 1.5rem;
}
@media only screen and (min-width: 64em), print {
  .MyPages-formPage {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
}
.MyPages-section--form {
  margin-bottom: 2rem;
}
.MyPages-formCard {
  background: #ffffff;
  border: 1px solid #E3E3E3;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.MyPages-formCard .MyPages-formCard-title {
  font-size: 1.25em;
  line-height: 1.35;
  font-weight: 400;
  margin: 0;
  padding: 1rem 0.75rem;
  border-bottom: 1px solid #E3E3E3;
  color: #000000;
}
@media only screen and (min-width: 64em), print {
  .MyPages-formCard .MyPages-formCard-title {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 64em), print {
  .MyPages-formCard .MyPages-formCard-title {
    padding: 1rem 1rem;
  }
}
.MyPages-formCard-body {
  padding: 1.5rem 0.75rem;
}
@media only screen and (min-width: 64em), print {
  .MyPages-formCard-body {
    padding: 2rem 1rem;
  }
}
.MyPages-formCard-body .mdl-textfield__input:-webkit-autofill,
.MyPages-formCard-body .mdl-textfield__input:-webkit-autofill:hover,
.MyPages-formCard-body .mdl-textfield__input:-webkit-autofill:focus,
.MyPages-formCard-body .mdl-textfield__input:-webkit-autofill:active {
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  -webkit-text-fill-color: inherit !important;
}
.MyPages-sectionBody .mdl-textfield__input:-webkit-autofill,
.MyPages-sectionBody .mdl-textfield__input:-webkit-autofill:hover,
.MyPages-sectionBody .mdl-textfield__input:-webkit-autofill:focus,
.MyPages-sectionBody .mdl-textfield__input:-webkit-autofill:active {
  box-shadow: 0 0 0 1000px #F9F8F5 inset !important;
  -webkit-text-fill-color: inherit !important;
}
.MyPages-formGrid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.MyPages-formRow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 1.5rem;
}
@media only screen and (min-width: 64em), print {
  .MyPages-formRow {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 1rem;
  }
}
@media only screen and (min-width: 64em), print {
  .MyPages-formRow--zipCity {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2fr;
        grid-template-columns: 1fr 2fr;
  }
}
.MyPages-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.5rem;
}
/*#
Featured news card molecule – shared between Home and NewsPage.

Used for the main featured article with meta, title, excerpt, image/video, optional body, and CTA button.

Example:
<article class="NewsCard NewsCard--featured">
  <div class="NewsCard-content">...</div>
  <div class="NewsCard-imageWrapper">...</div>
  <div class="NewsCard-body">...</div> <!-- optional -->
  <a class="Button">...</a>
</article>
*/
.NewsCard {
  background: #ffffff;
  border-radius: 15px;
  overflow: hidden;
}
.NewsCard--featured {
  max-width: 100%;
  text-align: center;
  margin-bottom: 3.25rem;
}
.NewsCard--featured .NewsCard-content {
  text-align: center;
}
.NewsCard--featured .NewsCard-meta,
.NewsCard--featured .NewsCard-title,
.NewsCard--featured .NewsCard-excerpt {
  text-align: center;
}
.NewsCard--featured .NewsCard-title {
  font-size: 1.5625rem;
  line-height: 2.1875rem;
}
@media only screen and (min-width: 64em), print {
  .NewsCard--featured .NewsCard-title {
    font-size: 2.3125rem;
    line-height: 2.9375rem;
  }
}
.NewsCard--featured .Button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 2rem;
}
.NewsCard-label {
  font-size: 1.25rem;
  font-weight: 500;
  text-align: left;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 64em), print {
  .NewsCard-label {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.NewsCard-imageWrapper {
  aspect-ratio: 1.77777778;
  overflow: hidden;
  border-radius: 15px;
  margin-bottom: 1.5rem;
}
.NewsCard-imageWrapper iframe {
  width: 100%;
  height: 100%;
}
.NewsCard-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.NewsCard-content {
  padding: 1.5rem;
}
@media only screen and (min-width: 64em), print {
  .NewsCard-content {
    padding: 2rem;
  }
}
.NewsCard-meta {
  font-size: 1rem;
  font-weight: 400;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 1rem;
}
@media only screen and (min-width: 64em), print {
  .NewsCard-meta {
    font-size: 1.125rem;
  }
}
.NewsCard-title {
  font-size: 1.25em;
  line-height: 1.35;
  font-weight: 500;
  margin: 1rem auto;
  margin-top: 1.25rem;
  margin-bottom: 2rem;
  text-align: center;
  max-width: 1075px;
}
@media only screen and (min-width: 64em), print {
  .NewsCard-title {
    font-size: 1.5rem;
  }
}
.NewsCard-link {
  color: inherit;
  text-decoration: none;
}
.NewsCard-link:hover {
  color: #53ADE7;
}
.NewsCard-excerpt {
  font-size: 1rem;
  font-weight: 400;
  margin: 0 auto 1.5rem;
  text-align: center;
  max-width: 1075px;
}
@media only screen and (min-width: 64em), print {
  .NewsCard-excerpt {
    font-size: 1.0625rem;
  }
}
.NewsCard-body {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #000000;
  max-width: 1075px;
  margin: 0 auto 2rem;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  overflow: hidden;
}
@media only screen and (min-width: 64em), print {
  .NewsCard-body {
    font-size: 1.0625rem;
  }
}
.NewsCard-body p {
  font-size: inherit;
  line-height: inherit;
}
@media only screen and (max-width: 63.99em), print {
  .NewsCard-body {
    -webkit-line-clamp: 8;
  }
  .NewsCard-body p {
    font-size: 1rem;
    line-height: 1.44;
  }
}
.NewsPage .Page-container {
  display: flow-root;
}
.NewsPage .PageHero-heading {
  margin-top: 1rem;
}
.NewsPage .Button--outlined {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.NewsPage-video {
  aspect-ratio: 1.77777778;
  width: 100%;
  margin-top: 3rem;
  margin-bottom: 3.25rem;
  border-radius: 15px;
  overflow: hidden;
}
@media only screen and (min-width: 64em), print {
  .NewsPage-video {
    margin-top: 6rem;
  }
}
.NewsPage-video iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
@supports not (aspect-ratio: 16 / 9) {
  .NewsPage-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
  }
  .NewsPage-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
}
.NewsPage-archive {
  margin-bottom: 2rem;
}
.NewsPage-archiveTitle {
  font-size: 1.25em;
  line-height: 1.35;
  font-weight: 500;
  margin-bottom: 0.75rem;
}
@media only screen and (min-width: 64em), print {
  .NewsPage-archiveTitle {
    font-size: 1.5rem;
  }
}
.NewsPage-archiveToolbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 3rem;
  gap: 1.5rem;
}
@media only screen and (max-width: 63.99em), print {
  .NewsPage-archiveToolbar {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: stretch;
        align-items: stretch;
    gap: 1rem;
  }
}
.NewsPage-archiveTabs {
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  border-bottom: none;
}
.NewsPage-archiveSearch {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (max-width: 63.99em), print {
  .NewsPage-archiveSearch {
    width: 100%;
  }
}
.NewsPage-archiveSearch::before {
  content: '';
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  border: 2px solid #A6A6A6;
  border-radius: 50%;
  pointer-events: none;
}
.NewsPage-archiveSearch::after {
  content: '';
  position: absolute;
  left: 27px;
  top: 50%;
  width: 2px;
  height: 7px;
  background: #A6A6A6;
  transform: translateY(3px) rotate(-45deg);
  pointer-events: none;
}
.NewsPage-archiveSearchInput {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  color: #000000;
  border: 1.5px solid #A6A6A6;
  border-radius: 50px;
  padding: 10px 16px 10px 40px;
  outline: none;
  width: 280px;
  background: #ffffff;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.NewsPage-archiveSearchInput::-webkit-input-placeholder {
  color: #A6A6A6;
  font-weight: 400;
}
.NewsPage-archiveSearchInput:-ms-input-placeholder {
  color: #A6A6A6;
  font-weight: 400;
}
.NewsPage-archiveSearchInput::placeholder {
  color: #A6A6A6;
  font-weight: 400;
}
.NewsPage-archiveSearchInput:focus {
  border-color: #27536F;
  box-shadow: 0 0 0 3px rgba(83, 173, 231, 0.15);
}
@media only screen and (max-width: 63.99em), print {
  .NewsPage-archiveSearchInput {
    width: 100%;
  }
}
.NewsPage-archiveTab {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  color: #000000;
}
@media only screen and (min-width: 64em), print {
  .NewsPage-archiveTab {
    font-size: 1.0625rem;
  }
}
.NewsPage-archiveTab--active {
  font-weight: 600;
  color: #27536F;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.NewsPage-archiveTab:hover {
  color: #27536F;
}
.NewsPage-archiveGrid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  column-gap: 1.5rem;
  row-gap: 2rem;
}
@media only screen and (min-width: 64em), print {
  .NewsPage-archiveGrid {
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    column-gap: 1rem;
    row-gap: 3rem;
  }
}
.NewsPage-card {
  min-width: 0;
}
.NewsPage-cardLink {
  display: block;
  text-decoration: none;
  color: #000000;
}
.NewsPage-cardLink:hover {
  color: #000000;
  text-decoration: none;
}
.NewsPage-cardLink:hover .NewsPage-cardTitle {
  color: #75BAE7;
}
.NewsPage-cardImageWrap {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 1rem;
  aspect-ratio: 1.5;
}
.NewsPage-cardImageWrap--video::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.22);
  pointer-events: none;
}
.NewsPage-cardImageWrap--video::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 56px;
  height: 56px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Ccircle cx='28' cy='28' r='28' fill='rgba(255%2C255%2C255%2C0.92)'/%3E%3Cpolygon points='22%2C17 42%2C28 22%2C39' fill='%23111'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
.NewsPage-cardImage {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.NewsPage-cardTitle {
  font-size: 1.25em;
  line-height: 1.35;
  font-weight: 500;
  margin-bottom: 0.5rem;
  transition: color 0.2s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media only screen and (min-width: 64em), print {
  .NewsPage-cardTitle {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 63.99em), print {
  .NewsPage-cardTitle {
    font-size: 1.25rem;
  }
}
.NewsPage-cardExcerpt {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #000000;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
@media only screen and (min-width: 64em), print {
  .NewsPage-cardExcerpt {
    font-size: 1.0625rem;
  }
}
@media only screen and (max-width: 63.99em), print {
  .NewsPage-cardExcerpt {
    font-size: 1rem;
    line-height: 1.44;
  }
}
.NewsPage-showMore {
  text-align: center;
  margin-top: 3rem;
  margin-bottom: 2rem;
}
.NewsPage-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 4.5rem;
  margin-bottom: 4.5rem;
}
.NewsPage-nav .Button--outlined {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.NewsPage-navBtn {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0.5rem;
  font-size: 1rem !important;
}
.NewsPage-navArrow {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: #000000;
}
.NewsPage-navArrow--left {
  border-width: 0 0 1.5px 1.5px;
  transform: rotate(45deg);
}
.NewsPage-navArrow--right {
  border-width: 1.5px 1.5px 0 0;
  transform: rotate(45deg);
}
.NewsPage-article {
  text-align: center;
  margin-bottom: 3.25rem;
  color: #000000;
}
.NewsPage-articleMeta {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #000000;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 64em), print {
  .NewsPage-articleMeta {
    font-size: 1.125rem;
  }
}
.NewsPage-articleTitle {
  font-size: 1.5625rem;
  font-weight: 500;
  line-height: 1.4;
  color: #000000;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 64em), print {
  .NewsPage-articleTitle {
    font-size: 2.3125rem;
    line-height: 1.27;
  }
}
.NewsPage-articleExcerpt {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  max-width: 1075px;
  margin: 0 auto 44px;
}
@media only screen and (min-width: 64em), print {
  .NewsPage-articleExcerpt {
    font-size: 1.0625rem;
  }
}
.NewsPage-articleExcerpt p {
  font-size: inherit;
  line-height: inherit;
}
@media only screen and (max-width: 63.99em), print {
  .NewsPage-articleExcerpt p {
    font-size: 1rem;
    line-height: 1.44;
  }
}
.NewsPage-articleImage {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 3.25rem;
}
.NewsPage-articleImage img {
  display: block;
  width: 100%;
  height: auto;
}
.NewsPage-articleImage iframe {
  display: block;
  width: 100%;
  aspect-ratio: 1.77777778;
  border: 0;
}
.NewsPage-articleBody {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  max-width: 1075px;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (min-width: 64em), print {
  .NewsPage-articleBody {
    font-size: 1.0625rem;
  }
}
.NewsPage-articleBody p {
  font-size: inherit;
  line-height: inherit;
}
@media only screen and (max-width: 63.99em), print {
  .NewsPage-articleBody p {
    font-size: 1rem;
    line-height: 1.44;
  }
}
.NewsPage-articleBody strong {
  font-weight: 600;
}
.NewsPage-articleBody a {
  color: #27536F;
  font-size: inherit;
}
.NewsPage-articleBody a:hover {
  color: #75BAE7;
}
.NewsPage-related {
  margin-bottom: 2rem;
}
.NewsPage-relatedTitle {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 64em), print {
  .NewsPage-relatedTitle {
    font-size: 1.5rem;
  }
}
.NewsPage-relatedTitle--inline {
  margin-bottom: 0;
}
.ObjectList-panel {
  display: block;
  padding: 0;
}
.ObjectList--favorites.Page-section {
  padding-top: 0;
}
.ObjectList--favorites .ObjectList-panel .RowObject .RowObject-content .Badge--reserve {
  margin-top: 0.375rem;
}
.ObjectList--favorites .ObjectList-panel .RowObject .RowObject-image {
  height: 79px !important;
  min-height: 79px !important;
  -ms-flex-item-align: start !important;
      align-self: flex-start !important;
  aspect-ratio: 1.51898734 !important;
}
@media only screen and (min-width: 57.5em), print {
  .ObjectList--favorites .ObjectList-panel .RowObject .RowObject-image {
    height: 118px !important;
    min-height: 118px !important;
    aspect-ratio: 1.50847458 !important;
  }
}
.ObjectList--toplist .ObjectList-title {
  font-size: 1.25rem;
  font-weight: 500;
  color: #000000;
  margin-top: 0.75rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 64em), print {
  .ObjectList--toplist .ObjectList-title {
    font-size: 1.5rem;
  }
}
.ObjectList--toplist .ObjectList-tabs {
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  margin-bottom: 1.5rem;
}
.ObjectList--toplist .ObjectList-tab {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #27536F;
  text-decoration: none;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  text-align: center;
}
.ObjectList--toplist .ObjectList-tab.is-active {
  font-weight: 600;
  color: #27536F;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}
.ObjectList--toplist .ObjectList-tab:hover {
  color: #27536F;
}
@media only screen and (min-width: 64em), print {
  .ObjectList--toplist .ObjectList-tab {
    font-size: 1.0625rem;
  }
}
.ObjectList--toplist .ObjectList-panel {
  display: none;
  padding: 0;
}
.ObjectList--toplist .ObjectList-panel.is-active {
  display: block;
}
.ObjectList--objects {
  padding-top: 0;
}
.slider_nav {
  position: absolute;
  top: 42%;
  width: 100%;
}
.slider_nav button {
  width: 2em;
  height: 4em;
  border: none;
  background: rgba(255, 255, 255, 0.85);
}
.slider_nav button i {
  font-size: 2em;
}
.slider_nav button.left {
  border-bottom-right-radius: 8em;
  border-top-right-radius: 8em;
}
.slider_nav button.left i {
  margin-top: .3em;
  margin-left: -0.3em;
}
.slider_nav button.right {
  border-bottom-left-radius: 8em;
  border-top-left-radius: 8em;
  position: absolute;
  right: 0px;
}
.slider_nav button.right i {
  margin-top: .2em;
  margin-left: -0.05em;
}
.show_media_chips {
  bottom: 10px;
}
.show_media_chips span {
  float: left !important;
  padding: 0.55em .7em;
  border-radius: 4px;
  margin-left: 10px;
}
.author_pic,
.author_pic_small {
  top: -2.5em;
  width: 6.5em;
  height: 6.5em;
  padding: 0.72em;
  border: 2px solid #fff;
}
.author_pic_small {
  top: -1.4em;
  width: 4.5em;
  height: 4.5em;
  padding: 0.5em;
}
.valuator {
  margin-top: -2.5em;
  max-width: 5em;
  border: 2px solid #fff;
}
@media only screen and (min-width: 64em), print {
  .valuator {
    position: relative;
    top: -1.8em;
    margin-top: 0;
  }
}
@media only screen and (max-width: 63.99em), print {
  .pos_fix.u-posRelative,
  .pos_fix.u-posAbsoluteRight {
    position: static !important;
  }
}
@media only screen and (max-width: 63.99em), print {
  .shadow_fix.mdl-shadow--2dp {
    box-shadow: none !important;
  }
}
.font_fix.u-textSmall {
  font-size: 1.125em !important;
}
@media only screen and (max-width: 63.99em), print {
  .mob-paddingHsm {
    padding-left: 0.625em !important;
    padding-right: 0.625em !important;
  }
}
li.slider_height_fix {
  max-height: 507px;
  text-align: center;
}
.gallery-close {
  color: #999;
  cursor: pointer;
  float: right;
  height: 37px !important;
  line-height: 17px !important;
  padding: 10px 0;
  text-align: center;
  width: 40px !important;
  text-decoration: none !important;
  outline: medium none;
  transition: color 0.2s linear;
}
.object_view {
  overflow-x: hidden;
}
.object_view #loader_holder {
  text-align: center;
  padding: 2em;
}
.object_view sup {
  top: -0.27em;
  left: 0.5em;
  font-size: 0.7em;
}
.object_view #bid_abort {
  font-size: 0.8em;
  font-weight: 400;
}
#bid_history span.user_bid {
  background-color: #53ADE7 !important;
  color: #fff !important;
}
@media only screen and (max-width: 63.99em), print {
  .valuator_send_message {
    font-size: 1em;
  }
}
html {
  scroll-behavior: smooth;
}
.OmOssPage-section[id] {
  scroll-margin-top: 100px;
}
.OmOssPage {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  color: #000000;
}
.OmOssPage .Breadcrumb {
  padding-top: 2rem;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 64em), print {
  .OmOssPage .Breadcrumb {
    padding-top: 3rem;
    margin-bottom: 3rem;
  }
}
.Hero--omOss .Button--heroOutline.Button--withArrow {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  padding: 1rem 3rem 0.5rem;
  font-size: 16px;
}
.Hero--omOss .Button--heroOutline.Button--withArrow .material-icons {
  position: static;
  right: auto;
  margin-top: 2px;
  font-size: 16px;
}
.OmOssPage-section {
  padding: 0;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 57.5em), print {
  .OmOssPage-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
        align-items: flex-end;
    margin-bottom: 4.5rem;
    width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw;
  }
}
.OmOssPage .Title--subheader {
  margin-bottom: 0.5rem;
}
.OmOssPage-sectionText {
  margin-bottom: 1rem;
  width: 368px;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
@media only screen and (min-width: 57.5em), print {
  .OmOssPage-sectionText {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 0;
    padding-left: calc(50vw - (1075px / 2));
    padding-right: 2rem;
  }
}
.OmOssPage-sectionImage {
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
  aspect-ratio: 1.19594595;
}
@media only screen and (min-width: 57.5em), print {
  .OmOssPage-sectionImage {
    -ms-flex: 0 0 calc(50% - (50vw - (1075px / 2)));
        flex: 0 0 calc(50% - (50vw - (1075px / 2)));
    max-width: calc(50% - (50vw - (1075px / 2)));
    margin-right: calc(50vw - (1075px / 2));
  }
}
.OmOssPage-sectionImage img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
@media only screen and (min-width: 57.5em), print {
  .OmOssPage-sectionImage img {
    height: auto;
    aspect-ratio: 1.19594595;
  }
}
.OmOssPage-sectionImage--flipped img {
  transform-origin: 40% 90%;
  transform: scaleX(-1) scale(1.5);
}
@media only screen and (min-width: 57.5em), print {
  .OmOssPage-section--reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 57.5em), print {
  .OmOssPage-section--reverse .OmOssPage-sectionText {
    padding-left: 2rem;
    padding-right: calc(50vw - (1075px / 2));
  }
}
@media only screen and (min-width: 57.5em), print {
  .OmOssPage-section--reverse .OmOssPage-sectionImage {
    margin-right: 0;
    margin-left: calc(50vw - (1075px / 2));
  }
}
@media only screen and (min-width: 57.5em), print {
  .OmOssPage-sectionText--right {
    text-align: right;
  }
}
.OmOssPage-sectionBody {
  line-height: 1.4375rem;
}
.OmOssPage-sectionBody p {
  margin: 0 0 1rem;
}
.OmOssPage-sectionBody p:last-child {
  margin-bottom: 0;
}
.OmOssPage-divider {
  border: none;
  border-top: 1px solid #dbdbdb;
  margin: 0 0 3rem;
}
@media only screen and (min-width: 64em), print {
  .OmOssPage-divider {
    margin: 0 0 3.25rem;
  }
}
/*#


Examples:

<div style="clear:both; overflow:hidden;">
<nav class="PageNav PageNav--horizontal PageNav--large Header-primaryNav">
    <ul class="PageNav-list">
        <li class="PageNav-item">
            <a href="#" class="PageNav-itemLink is-active u-transitionAsm">Sök eller köp bil</a>
        </li>
        <li class="PageNav-item">
            <a href="#" class="PageNav-itemLink u-transitionAsm">Sälj bil</a>
        </li>
        <li class="PageNav-item">
            <a href="#" class="PageNav-itemLink u-transitionAsm">Mina bilar</a>
        </li>
    </ul>
</nav>
</div>

*/
.PageNav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  font-weight: 400;
}
.PageNav-item {
  padding: 0;
}
.PageNav-item a {
  font-weight: 400;
}
.PageNav-itemLink {
  color: #464646;
  text-decoration: none;
  font-size: 0.9375em;
}
.PageNav-itemLink:hover {
  color: #515151;
  text-decoration: none;
}
.PageNav-itemLink i {
  color: #7C7C7C;
}
.PageNav--horizontal {
  font-size: 0.75em;
}
.PageNav--horizontal .PageNav-item {
  display: inline-block;
}
.PageNav--horizontal .PageNav-item:last-child {
  margin-right: 0;
}
.PageNav--horizontal .PageNav-itemLink {
  padding: 0.7em;
  display: inline-block;
}
.PageNav--horizontal .PageNav-itemLink.is-active {
  background: #f5f5f5;
}
.PageNav--horizontal .PageNav-itemLink:hover {
  background: #f5f5f5;
}
.PageNav--vertical .PageNav-itemLink {
  display: block;
  padding: 0.625em 0;
}
.PageNav--vertical .PageNav-itemLink.is-active {
  font-weight: bold;
}
.PageNav--large {
  font-size: 1.25em;
}
/**
 * Photos
 */
.photos-grid {
  margin-bottom: 40px;
}
.photos-grid li {
  max-width: 200px;
  max-height: 200px;
  margin-right: 15px;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
  float: left;
  cursor: pointer;
}
.photos-grid .delete {
  width: 30px;
  height: 30px;
  top: 10px;
  right: 10px;
  display: none;
  position: absolute;
  background: #fff;
  text-align: center;
  line-height: 29px;
  border-radius: 50%;
  font-weight: bold;
}
@media only screen and (max-width: 425px) {
  .photos-grid .delete {
    display: block !important;
  }
}
.photos-grid .deletei {
  width: 24px;
  height: 24px;
  margin: -265px 0 0 238px;
  display: none;
  position: absolute;
  background: #fff;
  text-align: center;
  line-height: 24px;
}
.photos-grid img {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.photos-grid .upload {
  border-radius: 5px;
  border: 3px dashed #d8d8d8;
  background: url(../images/icons/photo.png) center center no-repeat;
  font-size: 13px;
  line-height: 180px;
  text-align: center;
  display: list-item;
  position: relative;
  width: 200px;
  height: 200px;
}
.photos-grid .upload.wide {
  width: 300px;
}
.photos-grid .upload.chosen {
  border-color: #000000;
}
.photos-grid .upload:hover {
  border-color: #282828;
}
.photos-grid .upload input {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.loading_li {
  display: none;
}
.loading_li .loading {
  border: medium none;
  box-shadow: none !important;
  left: 70px;
  position: relative;
  top: 70px;
  display: block;
}
.Page-main.RegistrationPage {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  color: #000000;
  padding: 2.5em 1.25em;
}
@media only screen and (min-width: 64em), print {
  .Page-main.RegistrationPage {
    padding: 2.5em 1.25em;
  }
}
@media only screen and (min-width: 75em) {
  .Page-main.RegistrationPage {
    padding: 3rem 0;
  }
}
.Page-main.RegistrationPage .Page-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.RegistrationPage-content {
  width: 100%;
}
.RegistrationPage-formSection {
  width: 100%;
}
.RegistrationPage-title {
  font-size: 2.0625rem;
  line-height: 2.6875rem;
  font-weight: 500;
  text-align: center;
  margin: 1.5rem 0 1rem;
}
@media only screen and (min-width: 64em), print {
  .RegistrationPage-title {
    font-size: 2.3125rem;
    line-height: 2.9375rem;
    text-align: left;
    margin-bottom: 1.5rem;
  }
}
.user-registration-form {
  width: 100%;
}
.user-registration-form .reg-circle {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  min-width: 40px;
  background-color: #000000;
  color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
}
.user-registration-form .green_circle {
  background-color: #29B853;
}
.user-registration-form .green_circle i {
  font-size: 19px !important;
  position: relative;
  top: 2px;
}
.user-registration-form .reg-label {
  font-size: 1.25rem;
  font-weight: 500;
}
.user-registration-form .reg_form_part {
  border-left: none;
  margin-left: 20px;
  padding: 0 0 0 3rem;
  max-width: 533px;
}
@media only screen and (min-width: 64em), print {
  .user-registration-form .reg_form_part {
    padding-left: 4.5rem;
  }
}
.user-registration-form .is-active {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: inherit !important;
  overflow: inherit !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
@media only screen and (min-width: 64em), print {
  .user-registration-form .is-active {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
.user-registration-form .js-showFilter-part-1,
.user-registration-form .js-showFilter-part-2,
.user-registration-form .js-showFilter-part-3 {
  height: 0;
  overflow: hidden;
  padding-top: 1.5rem;
}
@media only screen and (min-width: 64em), print {
  .user-registration-form .js-showFilter-part-1,
  .user-registration-form .js-showFilter-part-2,
  .user-registration-form .js-showFilter-part-3 {
    padding-top: 2rem;
  }
}
.user-registration-form .js-showFilter-part-4 {
  height: 0;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
}
.user-registration-form .mdl-textfield {
  width: 100%;
  padding: 1.5rem 0 0;
}
.user-registration-form .mdl-textfield__input {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  border: none;
  border-bottom: 2px solid #53ADE7;
  padding: 0.5rem 0;
  border-radius: 0;
}
.user-registration-form .mdl-textfield__label {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #767470;
}
.user-registration-form .mdl-textfield__label::after {
  bottom: 0;
  background-color: #53ADE7;
}
.user-registration-form .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.user-registration-form .mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
  color: #767470;
}
.user-registration-form .mdl-textfield__error {
  font-size: 0.8125rem;
  color: #fd0011;
}
.user-registration-form .mdl-menu__outline {
  width: 100% !important;
}
.user-registration-form .mdl-menu__container {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.user-registration-form .mdl-checkbox.is-invalid .mdl-checkbox__box-outline {
  border-color: #fd0011;
}
.user-registration-form .mdl-checkbox.is-invalid .mdl-checkbox__label {
  color: #fd0011;
}
.user-registration-form #selectbox--focus {
  z-index: -110;
  cursor: pointer !important;
}
.user-registration-form #country {
  cursor: pointer !important;
}
.user-registration-form button {
  font-size: 1rem;
}
.user-registration-form button span {
  pointer-events: none;
}
.user-registration-form button.Button--roundedBlueArrow {
  font-size: 1rem;
}
.user-registration-form a {
  color: #767470;
  text-decoration: none;
  font-weight: 400;
  font-size: 1rem;
  margin-left: 0;
}
.user-registration-form a:hover {
  text-decoration: none;
}
.RegistrationPage-stepHeader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2rem;
  position: relative;
  padding: 0.75rem 0;
}
@media only screen and (min-width: 64em), print {
  .RegistrationPage-stepHeader {
    gap: 3rem;
    padding: 1rem 0;
  }
}
.RegistrationPage-stepHeader .reg-circle {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 0 8px #ffffff;
}
#r-part-1,
#r-part-2,
#r-part-3,
#r-part-4 {
  position: relative;
}
#r-part-1::before,
#r-part-2::before,
#r-part-3::before,
#r-part-4::before {
  content: '';
  position: absolute;
  left: 19px;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #000000;
}
#r-part-1::before {
  top: calc(0.75rem + 20px);
}
@media only screen and (min-width: 64em), print {
  #r-part-1::before {
    top: calc(1rem + 20px);
  }
}
#r-part-4::before {
  bottom: auto;
  height: calc(0.75rem + 20px);
}
@media only screen and (min-width: 64em), print {
  #r-part-4::before {
    height: calc(1rem + 20px);
  }
}
.RegistrationPage-radioGroup {
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  margin-bottom: 1.5rem;
  width: 100%;
}
@media only screen and (min-width: 64em), print {
  .RegistrationPage-radioGroup {
    gap: 4.5rem;
  }
}
.RegistrationPage-radio {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  font-size: 1.0625rem;
  font-weight: 400;
}
.RegistrationPage-radio input[type="radio"] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  min-width: 20px;
  border: 2px solid #A6A6A6;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  position: relative;
  margin: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.RegistrationPage-radio input[type="radio"]:checked {
  border-color: #53ADE7;
}
.RegistrationPage-radio input[type="radio"]:checked::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #53ADE7;
}
.RegistrationPage-radio span {
  line-height: 1;
}
.RegistrationPage-selectWrapper {
  position: relative;
  width: 100%;
}
.RegistrationPage-selectWrapper .mdl-textfield {
  width: 100% !important;
}
.RegistrationPage-fieldRow {
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  width: 100%;
}
.RegistrationPage-fieldRow > * {
  -ms-flex: 1;
      flex: 1;
}
.RegistrationPage-fieldFull {
  width: 100%;
}
.RegistrationPage-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 1rem;
  margin-top: 2rem;
  width: 100%;
}
.RegistrationPage-actions .Button--rounded {
  padding: 0.75rem 1.5rem;
  color: #000000;
}
.RegistrationPage-actions .Button--rounded .material-icons {
  color: #000000;
}
.RegistrationPage-actions .Button--rounded:hover {
  color: #27536F;
}
.RegistrationPage-actions .Button--rounded:hover .material-icons {
  color: #27536F;
}
.custom_width_120px {
  width: 120px;
}
#sms_validation_part_1 .Button--roundedBlueArrow,
#sms_validation_part_2 .Button--roundedBlueArrow {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#sms_validation_part_2 {
  display: none;
}
#registration_done {
  position: relative;
  left: 1.2em;
  top: 1em;
}
#registration_done_h {
  top: -0.5em;
  position: relative;
}
.RegistrationPage-spacer {
  height: 6rem;
}
@media only screen and (min-width: 64em), print {
  .RegistrationPage-spacer {
    height: 8rem;
  }
}
.RowObject {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(120px, 40%) minmax(0, 1fr);
      grid-template-columns: minmax(120px, 40%) minmax(0, 1fr);
  grid-template-areas: "image info" "content content";
  row-gap: 0.5rem;
  column-gap: 0;
  padding: 1.25rem 0;
  -ms-flex-align: stretch;
      align-items: stretch;
  border-bottom: 1px solid #e0e0e0;
}
@media only screen and (max-width: 527.99px) {
  .RowObject {
    -ms-grid-columns: minmax(200px, 40%) minmax(0, 1fr);
        grid-template-columns: minmax(200px, 40%) minmax(0, 1fr);
  }
}
.RowObject:last-child {
  border-bottom: none;
}
@media only screen and (min-width: 48em) {
  .RowObject {
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
  }
}
.RowObject-image {
  grid-area: image;
  width: 100%;
  min-width: 0;
  height: 100%;
  max-height: 324px;
  aspect-ratio: 1.50660793;
  border-radius: 10px 0 0 10px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
@media only screen and (max-width: 527.99px) {
  .RowObject-image {
    min-width: 200px;
  }
}
.RowObject-image a {
  -ms-flex: 1;
      flex: 1;
}
.RowObject-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media only screen and (min-width: 48em) {
  .RowObject-image {
    width: auto;
    height: auto;
    max-height: none;
    -ms-flex: 0 0 178px;
        flex: 0 0 178px;
    aspect-ratio: 1.50847458;
    -ms-flex-item-align: start;
        align-self: flex-start;
    border-radius: 10px;
  }
}
.RowObject-content {
  grid-area: content;
  min-width: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media only screen and (min-width: 48em) {
  .RowObject-content {
    width: 529px;
  }
}
.RowObject-content .Badge--reserve {
  margin-top: 1.25rem;
}
@media only screen and (min-width: 48em) {
  .RowObject-content .Badge--reserve {
    margin-top: 1.5rem;
  }
}
.RowObject-infoGrid--myBid {
  display: none;
}
@media only screen and (min-width: 48em) {
  .RowObject-infoGrid--myBid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-order: -1;
        order: -1;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    min-width: 0;
    height: 2.1875rem;
    min-height: 2.1875rem;
    background: #53ADE7;
    border-radius: 8px;
    padding: 0 1rem;
    margin-bottom: 0.5rem;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    gap: 0.75rem;
  }
}
.RowObject-infoGrid--myBid .RowObject-infoItem {
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: baseline;
      align-items: baseline;
  gap: 0.5rem;
}
.RowObject-infoGrid--myBid .RowObject-infoLabel {
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 400;
}
.RowObject-infoGrid--myBid .RowObject-infoValue {
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 600;
}
.RowObject-title {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 1.1875rem;
  line-height: 1;
  font-weight: 500;
  color: #000000;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.RowObject-title h4 {
  margin: 0;
  font: inherit;
  line-height: inherit;
}
.RowObject-title a {
  color: #000000;
  text-decoration: none;
}
.RowObject-title a:hover {
  color: #27536F;
}
@media only screen and (min-width: 48em) {
  .RowObject-title {
    font-size: 1.3125rem;
  }
}
.RowObject-mobileBid {
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 0;
  -ms-flex-align: baseline;
      align-items: baseline;
  line-height: 1;
  font-size: 0.875rem;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
}
@media only screen and (min-width: 48em) {
  .RowObject-mobileBid {
    display: none;
  }
}
@media (max-width: 359px) {
  .RowObject-mobileBid {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    gap: 0.25rem;
  }
}
.RowObject-mobileBid-label {
  color: #4C4C4C;
}
.RowObject-mobileBid-value {
  font-weight: 600;
  color: #000000;
}
.RowObject-mobileMyBid {
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  margin: 0 0 0.75rem 0;
  -ms-flex-align: baseline;
      align-items: baseline;
  line-height: 1;
  font-size: 0.8125rem;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  background: #53ADE7;
  border-radius: 8px;
  min-height: 1.75rem;
  width: 100%;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
@media only screen and (min-width: 48em) {
  .RowObject-mobileMyBid {
    display: none;
  }
}
.RowObject-mobileMyBid-label {
  color: #fff;
  font-weight: 400;
  font-size: 0.8125rem;
}
.RowObject-mobileMyBid-value {
  font-weight: 600;
  color: #fff;
  font-size: 0.8125rem;
}
.RowObject-desc {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  color: #4C4C4C;
  line-height: 19px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: 0.5rem;
}
.RowObject-info {
  grid-area: info;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-width: 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -ms-flex-pack: start;
      justify-content: flex-start;
  gap: 0.5rem;
  background: #ECE9E4;
  border-radius: 0 10px 10px 0;
  padding: 0.75rem 0.75rem;
  position: relative;
}
@media only screen and (min-width: 48em) {
  .RowObject-info {
    padding: 0.75rem 1rem;
    padding-right: 56px;
    -ms-flex: 0 1 319px;
        flex: 0 1 319px;
    -ms-flex-item-align: start;
        align-self: flex-start;
    min-height: 119px;
    border-radius: 10px;
  }
  .RowObject-info:has(.RowObject-infoGrid--myBid) {
    min-height: 140px;
  }
}
@media only screen and (min-width: 48.01em) {
  .RowObject-info {
    min-width: 250px;
  }
}
.RowObject-infoGrid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  min-width: 0;
  gap: 0.5rem;
}
.RowObject-infoGrid > div {
  min-width: 0;
}
@media only screen and (min-width: 48em) {
  .RowObject-infoGrid {
    display: -ms-flexbox;
    display: flex;
    gap: 3rem;
  }
  .RowObject-infoGrid > div {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
  }
}
.RowObject-infoItem {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 0.25rem;
}
.RowObject-infoLabel {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  color: #4C4C4C;
}
.RowObject-infoValue {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #000000;
}
.RowObject-infoLabel--nowrap,
.RowObject-infoValue--nowrap {
  white-space: nowrap;
}
.RowObject-infoSep {
  display: none;
  border: none;
  border-top: 1px solid #d0d0d0;
  margin: auto -1rem 0 -1rem;
}
@media only screen and (min-width: 48em) {
  .RowObject-infoSep {
    display: block;
    margin-right: -56px;
  }
}
.RowObject-meta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  color: #767470;
  gap: 1.5rem;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 26.24em), print {
  .RowObject-meta {
    font-size: 0.75rem;
    gap: 0.75rem;
  }
}
@media (max-width: 420px) {
  .RowObject-meta {
    gap: 0.5rem;
  }
}
.RowObject-meta span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.RowObject-meta .material-icons,
.RowObject-meta .material-icons-outlined {
  font-size: 17px;
  vertical-align: middle;
  margin-right: 0.125rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.RowObject-meta--content {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 48em) {
  .RowObject-meta--content {
    display: none;
  }
}
.RowObject-meta--info {
  display: none;
}
@media only screen and (min-width: 48em) {
  .RowObject-meta--info {
    display: -ms-flexbox;
    display: flex;
  }
}
.RowObject-arrowWrap {
  display: block;
  position: absolute;
  right: 0.75rem;
  bottom: -20.3px;
}
@media only screen and (min-width: 48em) {
  .RowObject-arrowWrap {
    bottom: 22.5px;
  }
}
.RowObject-arrow .material-icons {
  font-size: 22px;
}
.SaljaPage {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  color: #000000;
}
.SaljaPage .Breadcrumb {
  margin-bottom: 0;
  padding-bottom: 1rem;
}
.SaljaPage .PageHero-ctas {
  margin-bottom: 3rem;
}
@media only screen and (min-width: 64em), print {
  .SaljaPage .PageHero-ctas {
    margin-bottom: 4.5rem;
  }
}
@media only screen and (min-width: 64em), print {
  .SaljaPage .Nav {
    margin-bottom: 4.5rem;
  }
}
.SaljaPage-whySellWithUsTitle {
  margin-bottom: 1.5rem;
}
.SaljaPage-whySellWithUsTitle h2 {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0;
  line-height: normal;
}
@media only screen and (min-width: 64em), print {
  .SaljaPage-whySellWithUsTitle h2 {
    font-size: 1.5rem;
  }
}
.SaljaPage-employeeSectionTitle {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 64em), print {
  .SaljaPage-employeeSectionTitle {
    margin-bottom: 1.5rem;
  }
}
.SaljaPage-employeeSectionTitle h2 {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0;
  line-height: normal;
}
@media only screen and (min-width: 64em), print {
  .SaljaPage-employeeSectionTitle h2 {
    font-size: 1.5rem;
  }
}
.SaljaPage-sectionTitle {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 0.625rem;
  line-height: normal;
}
@media only screen and (min-width: 64em), print {
  .SaljaPage-sectionTitle {
    font-size: 1.5rem;
    margin-bottom: 0.625rem;
  }
}
.SaljaPage-stepsSectionTitle {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 64em), print {
  .SaljaPage-stepsSectionTitle {
    margin-bottom: 1.5rem;
  }
}
.SaljaPage-stepsSectionTitle h2 {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0;
  line-height: normal;
}
@media only screen and (min-width: 64em), print {
  .SaljaPage-stepsSectionTitle h2 {
    font-size: 1.5rem;
  }
}
.SaljaPage-features {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 57.5em), print {
  .SaljaPage-features {
    -ms-grid-columns: (1fr)[6];
        grid-template-columns: repeat(6, 1fr);
    margin-bottom: 3.375rem;
  }
}
.SaljaPage-featureCard {
  background: #ECE9E4;
  border-radius: 10px;
  padding: 0.75rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.SaljaPage-featureCard img {
  width: 43px;
  height: 43px;
  margin-bottom: 0.5rem;
  object-fit: contain;
}
.SaljaPage-featureCard--car img {
  width: 60px;
  height: 55px;
}
.SaljaPage-featureText {
  font-size: 1rem;
  font-weight: 500;
  margin-top: auto;
}
.SaljaPage-mapLayout {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 6rem;
}
@media only screen and (min-width: 64em), print {
  .SaljaPage-mapLayout {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    gap: 2rem;
    -ms-flex-align: start;
        align-items: start;
  }
}
.SaljaPage-mapLayout-text {
  display: contents;
}
@media only screen and (min-width: 64em), print {
  .SaljaPage-mapLayout-text {
    display: block;
  }
}
.SaljaPage-mapLayout-salja {
  -ms-flex-order: 0;
      order: 0;
}
.SaljaPage-mapLayout-map {
  -ms-flex-order: 1;
      order: 1;
  text-align: center;
}
@media only screen and (min-width: 64em), print {
  .SaljaPage-mapLayout-map {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    -ms-grid-row: -1;
        grid-row: -1;
    -ms-grid-column: 2;
        grid-column: 2;
    -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
  }
}
.SaljaPage-mapLayout-map img {
  max-width: 238px;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 64em), print {
  .SaljaPage-mapLayout-map img {
    max-width: 464px;
    object-fit: contain;
  }
}
.SaljaPage-mapLayout-naradig {
  -ms-flex-order: 2;
      order: 2;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}
.SaljaPage-mapLayout-naradig .SaljaPage-contentText {
  margin-bottom: 0;
}
.SaljaPage-contentText {
  font-size: 1rem;
  line-height: 1.4375rem;
  margin-bottom: 2.75rem;
}
@media only screen and (min-width: 64em), print {
  .SaljaPage-contentText {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media only screen and (min-width: 64em), print and only screen and (min-width: 64em), print {
  .SaljaPage-contentText {
    font-size: 1.0625rem;
  }
}
.SaljaPage-contentText p {
  margin: 0 0 24px;
}
.SaljaPage-contentText p:last-child {
  margin-bottom: 0;
}
.SaljaPage-contentImage {
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 2.5625rem;
}
.SaljaPage-contentImage img {
  width: 100%;
  height: 165px;
  display: block;
  object-fit: cover;
}
@media only screen and (min-width: 64em), print {
  .SaljaPage-contentImage img {
    height: auto;
    object-fit: initial;
  }
}
.SaljaPage-stepsSection {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 64em), print {
  .SaljaPage-stepsSection {
    margin-bottom: 4.5rem;
  }
}
.SaljaPage-steps {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  gap: 0.5rem;
}
@media only screen and (min-width: 64em), print {
  .SaljaPage-steps {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
}
.SaljaPage-step {
  background: #ECE9E4;
  border-radius: 8px;
  padding: 0 1.5rem 0 2rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2rem;
  min-height: 105px;
}
@media only screen and (min-width: 64em), print {
  .SaljaPage-step {
    border-radius: 50px;
    padding: 0.75rem 1rem 0.75rem 1.5rem;
    gap: 1rem;
  }
}
@media only screen and (min-width: 57.5em), print {
  .SaljaPage-step {
    padding: 0 1.5rem 0 2rem;
    gap: 2rem;
  }
}
.SaljaPage-stepNumber {
  font-size: 1.25em;
  line-height: 1.35;
  font-weight: 500;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (min-width: 64em), print {
  .SaljaPage-stepNumber {
    font-size: 1.5rem;
  }
}
.SaljaPage-stepText {
  margin: 0;
  line-height: normal;
  font-size: 1rem;
  font-weight: 500;
}
@media only screen and (min-width: 64em), print {
  .SaljaPage-stepText {
    font-size: 1.0625rem;
  }
}
.SaljaPage-video {
  margin-bottom: 4.5rem;
}
.SaljaPage-videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 15px;
}
.SaljaPage-videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.SaljaPage-team {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (181px)[auto-fill];
      grid-template-columns: repeat(auto-fill, 181px);
  gap: 0.75rem;
  margin-bottom: 3rem;
  -ms-flex-pack: center;
      justify-content: center;
}
@media only screen and (min-width: 1100px) {
  .SaljaPage-team {
    -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
  }
}
.SaljaPage-contact {
  margin-top: 3.375rem;
  margin-bottom: 4.5rem;
}
.SaljaPage-contact .SaljaPage-sectionTitle {
  margin-bottom: 0.5rem;
}
.SaljaPage-contactBody {
  font-size: 1rem;
  margin-top: 0;
}
.SaljaPage-contactBody p {
  margin: 0;
}
@media only screen and (min-width: 64em), print {
  .SaljaPage-contactBody {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 64em), print and only screen and (min-width: 64em), print {
  .SaljaPage-contactBody {
    font-size: 1.0625rem;
  }
}
.SaljaPage-link {
  color: #27536F;
  font-weight: 500;
  text-decoration: none;
}
.SaljaPage-link:hover {
  color: #75BAE7;
}
.SaljaPage-callForm {
  margin-bottom: 2rem;
  display: none;
}
@media only screen and (min-width: 64em), print {
  .SaljaPage-callForm {
    max-width: 500px;
  }
}
.SaljaPage-callForm.is-active {
  display: block;
}
.SaljaPage-callFormCard {
  border: 1px solid #A6A6A6;
  border-radius: 15px;
  padding: 1.5rem;
}
.SaljaPage-callFormTitle {
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 1rem;
}
.SaljaPage-callFormField {
  margin-bottom: 1rem;
}
.SaljaPage-callFormField label {
  display: block;
  font-size: 0.8125rem;
  color: #767470;
  margin-bottom: 4px;
}
.SaljaPage-callFormField input {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #A6A6A6;
  border-radius: 8px;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  outline: none;
  box-sizing: border-box;
}
.SaljaPage-callFormField input:focus {
  border-color: #53ADE7;
}
.SaljaPage-callFormField.is-invalid input {
  border-color: #fd0011;
}
.SaljaPage-callFormBtn {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  background: #53ADE7;
  border: none;
  border-radius: 50px;
  padding: 0.75rem 1.5rem;
  cursor: pointer;
  transition: background-color 0.2s;
}
.SaljaPage-callFormBtn:hover {
  background: #27536F;
}
.SaljaPage-callFormBtn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.SaljaPage-callFormSuccess {
  display: none;
  background: #e8f5e9;
  border-radius: 15px;
  padding: 1.5rem;
  font-weight: 500;
}
.SaljaPage-callFormSuccess.is-active {
  display: block;
}
/*#
<div style="width:960px;">

    <div class="Slider owl-carousel owl-theme Slider--white u-alignCenter" data-module="slider" data-slider="">
    <div class="Slider-item">
        <img src='/assets/images/temp/bmw1.jpg' onclick='changeImage("../assets/images/temp/bmw1.jpg");'>
    </div>
    <div class="Slider-item">
        <img src='/assets/images/temp/bmw2.jpg' onclick='changeImage("/assets/images/temp/bmw2.jpg");'>
    </div>
    <div class="Slider-item">
        <img src='/assets/images/temp/bmw3.jpg' onclick='changeImage("/assets/images/temp/bmw3.jpg");'>
    </div>
    <div class="Slider-item">
        <img src='/assets/images/temp/bmw5.jpg' onclick='changeImage("/assets/images/temp/bmw5.jpg");'>
    </div>
    <div class="Slider-item">
        <img src='/assets/images/temp/bmw6.jpg' onclick='changeImage("/assets/images/temp/bmw6.jpg");'>
    </div>
    <div class="Slider-item">
        <img src='/assets/images/temp/bmw7.jpg' onclick='changeImage("/assets/images/temp/bmw7.jpg");'>
    </div>
    <div class="Slider-item">
        <img src='/assets/images/temp/bmw1.jpg' onclick='changeImage("/assets/images/temp/bmw1.jpg");'>
    </div>
    <div class="Slider-item">
        <img src='/assets/images/temp/bmw1.jpg' onclick='changeImage("/assets/images/temp/bmw1.jpg");'>
    </div>
    <div class="Slider-item">
        <img src='/assets/images/temp/bmw1.jpg' onclick='changeImage("/assets/images/temp/bmw1.jpg");'>
    </div>
    <div class="Slider-item">
        <img src='/assets/images/temp/bmw1.jpg' onclick='changeImage("/assets/images/temp/bmw1.jpg");'>
    </div>
    <div class="Slider-item">
        <img src='/assets/images/temp/bmw1.jpg' onclick='changeImage("/assets/images/temp/bmw1.jpg");'>
    </div>
</div>


</div>
*/
.Slider {
  margin-bottom: 1.25em;
}
@media only screen and (min-width: 57.5em), print {
  .Slider {
    padding: 0.625em 2.5em 0 2.5em;
    margin-bottom: 2.5em;
    min-height: 125px;
  }
}
.Slider-item {
  position: relative;
}
@media only screen and (min-width: 64em), print {
  .Slider-item {
    margin: 5px;
  }
}
.Slider-item img {
  display: block;
  height: auto;
  width: 100%;
}
#latest_tradein_objects .Slider-item {
  margin: 10px;
}
.Slider-itemOverlay {
  background: rgba(0, 70, 173, 0.2);
  color: #fff;
  padding: 1em 0.5em 1.2em;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
.Slider-itemOverlayHeading {
  color: #fff;
  margin: 0 0 0.2em;
  font-size: 1.375em;
}
@media only screen and (min-width: 64em), print {
  .Slider-itemOverlayHeading {
    font-size: 2em;
  }
}
@media only screen and (min-width: 75em), print {
  .Slider-itemOverlayHeading {
    font-size: 2.875em;
    margin-bottom: 0;
  }
}
.Slider-itemOverlayLead {
  color: #fff;
  font-size: 1em;
  font-weight: 200;
  margin-bottom: 0;
  text-decoration: none;
}
@media only screen and (min-width: 64em), print {
  .Slider-itemOverlayLead {
    font-size: 1.125em;
  }
}
@media only screen and (min-width: 75em), print {
  .Slider-itemOverlayLead {
    font-size: 1.375em;
  }
}
.Slider--pagingBelow .owl-controls {
  position: static;
  text-align: center;
}
.Slider--pagingBelow .owl-controls .owl-pagination {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: inline-block;
  padding: 0.2em 1em;
}
.Slider--pagingBelow .owl-controls .owl-pagination .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
}
.Slider--pagingBelow .owl-controls .owl-pagination .owl-page span {
  background: #869791;
  border-radius: 20px;
  display: block;
  height: 12px;
  margin: 5px 7px;
  filter: alpha(opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
  width: 12px;
}
.Slider--pagingBelow .owl-controls .owl-pagination .owl-page.active span,
.Slider--pagingBelow .owl-controls .owl-pagination .owl-page:hover span {
  background: #fff;
  filter: alpha(opacity=100);
  /*IE7 fix*/
  opacity: 1;
}
.Slider--hidePaging {
  margin-bottom: -1px;
}
.Slider--hidePaging .owl-controls {
  display: none !important;
}
.Slider--full .Slider-item img {
  object-fit: cover;
  max-height: 550px;
}
.is-noObjectFit .Slider--full .Slider-item img {
  max-height: none;
}
@media only screen and (min-width: 75em), print {
  .is-noObjectFit .Slider--full .Slider-item {
    min-height: 500px;
    overflow: hidden;
    position: relative;
  }
  .is-noObjectFit .Slider--full .Slider-item img {
    bottom: -15%;
    position: absolute;
  }
}
/* Prev & next buttons */
.owl-controls .owl-buttons div {
  color: #000000;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 22px;
}
.owl-controls .owl-buttons div:hover {
  color: #75BAE7;
  text-decoration: none;
}
.Slider--white {
  background: #fff;
}
.owl-prev {
  position: absolute;
  left: 0;
  top: 40%;
  opacity: 0.7;
}
@media only screen and (min-width: 64em), print {
  .owl-prev {
    top: 42%;
    opacity: 1;
  }
}
.owl-prev:before {
  content: "\25c0";
}
.owl-next {
  position: absolute;
  right: 0;
  top: 40%;
  opacity: 0.7;
}
@media only screen and (min-width: 64em), print {
  .owl-next {
    top: 34%;
    opacity: 1;
  }
}
.owl-next:after {
  content: "\25b6";
}
/* bx_slider css added by Ayaz*/
.bx-wrapper {
  position: relative;
  margin: 0;
  padding: 0;
  *zoom: 1;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
  margin: auto;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
  background: #aaa;
  /*fix other elements on the page moving (on Chrome)*/
  transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(/assets/images/bx_slider/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
  bottom: 0px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #ccc;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #333;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 0;
  border-radius: 0 4.4em 4.4em 0;
  -moz-border-radius: 0 4.4em 4.4em 0;
  -webkit-border-radius: 0 4.4em 4.4em 0;
}
.bx-wrapper .bx-prev:before {
  content: "\25c0";
  font-size: 1.4em;
  padding-right: 0.4em;
}
.bx-wrapper .bx-next {
  right: 0;
  border-radius: 4.4em 0 0 4.4em;
  -moz-border-radius: 4.4em 0 0 4.4em;
  -webkit-border-radius: 4.4em 0 0 4.4em;
}
.bx-wrapper .bx-next:after {
  content: "\25b6";
  font-size: 1.4em;
  padding-left: 0.5em;
}
.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  background: #f5f5f5;
  color: #000000;
  text-align: center;
  border-radius-left: 50%;
  width: 2.2em;
  height: 4.4em;
  line-height: 4.4em;
  vertical-align: middle;
  margin-top: -2.2em;
  text-decoration: none;
}
.bx-wrapper .bx-controls-direction a:hover {
  color: #75BAE7;
  background: #e8e8e8;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(/assets/images/bx_slider/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(/assets/images/bx_slider/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666\9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}
/*#
Component used to display status messages.

<div class="Status"><p>This is plain status message</p></div>
<div class="Status Status--success"><p>This is a success message</p></div>
<div class="Status Status--info"><p>This is an info message</p></div>
<div class="Status Status--warning"><p>This is a warning message</p></div>

*/
.Status {
  padding: 0.1em 1em;
  margin: 1em 0;
  background-color: #fff;
}
.Status--rounded {
  border-radius: 1em;
}
.Status--padded {
  padding: 1.5em;
  margin: 0px 0px 20px 0px;
}
.Status > ul {
  padding: 0px;
  margin: 5px 0px 0px 0px;
  list-style: inside;
}
.Status--fixedBottom {
  margin: 0;
  position: fixed;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  /* 1 */
  bottom: 0;
  right: 0;
  z-index: 10;
}
.Status--center {
  text-align: center;
}
.Status--transparent {
  background-color: transparent;
}
.Status--tight {
  padding-right: 0;
  padding-left: 0;
}
.Status--condensed {
  padding-right: 0.4em;
  padding-left: 0.4em;
}
.Status--success {
  background-color: #E2F9BE;
}
.Status--info {
  background-color: #FFF6CB;
}
.Status--warning {
  background-color: #ffd9c8;
}
.Status--successflash {
  color: #000000;
  border: 1px solid #D2EAC3;
  background-color: #DCF1D6;
}
.TeamCard {
  min-width: 0;
  background: #ECE9E4;
  border-radius: 15px;
  overflow: hidden;
  width: 181px;
}
@media only screen and (min-width: 1100px) {
  .TeamCard {
    width: 260px;
  }
}
.TeamCard-photoWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  overflow: hidden;
  height: 147px;
}
@media only screen and (min-width: 1100px) {
  .TeamCard-photoWrap {
    height: 260px;
  }
}
.TeamCard-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  filter: grayscale(100%);
}
.TeamCard-info {
  padding: 0.75rem;
  line-height: 13px;
  overflow-wrap: anywhere;
}
@media only screen and (min-width: 1100px) {
  .TeamCard-info {
    padding: 1.25rem;
  }
}
.TeamCard-name {
  font-size: 0.75rem;
  font-weight: 500;
  margin: 0 0 2px;
}
@media only screen and (min-width: 1100px) {
  .TeamCard-name {
    font-size: 1rem;
    font-weight: 500;
    margin: 0 0 2px;
  }
}
.TeamCard-title {
  font-size: 0.75rem;
  color: #767470;
  padding-top: 0.25rem;
  margin: 0 0 0.5rem;
}
@media only screen and (min-width: 1100px) {
  .TeamCard-title {
    font-size: 0.8125rem;
    color: #767470;
    margin: 0 0 1rem;
  }
}
.TeamCard-contact {
  font-size: 0.75rem;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.TeamCard-contact a {
  color: #27536F;
  text-decoration: none;
}
.TeamCard-contact a:hover {
  color: #75BAE7;
}
.TeamCard-contactPhone {
  padding-top: 0.125rem;
}
.TeamPage {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  color: #000000;
}
.TeamPage .Breadcrumb {
  margin-bottom: 0;
  padding-bottom: 1rem;
}
.TeamPage .PageHero-intro {
  margin-bottom: 3rem;
}
@media only screen and (min-width: 64em), print {
  .TeamPage .PageHero-intro {
    margin-bottom: 4.5rem;
  }
}
.TeamPage .PageHero-ctas {
  margin-bottom: 3rem;
}
@media only screen and (min-width: 64em), print {
  .TeamPage .PageHero-ctas {
    margin-bottom: 4.5rem;
  }
}
.TeamPage .Nav {
  margin-bottom: 3rem;
}
@media only screen and (min-width: 64em), print {
  .TeamPage .Nav {
    margin-bottom: 3rem;
  }
}
.TeamPage-section {
  margin-bottom: 0;
}
.TeamPage-sectionHeader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0.75rem 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.TeamPage-sectionTitle {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0;
}
@media only screen and (min-width: 64em), print {
  .TeamPage-sectionTitle {
    font-size: 1.5rem;
  }
}
.TeamPage-sectionToggle {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  border: 1px solid #dbdbdb;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0;
}
.TeamPage-sectionToggle::after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
  transform: rotate(45deg);
  margin-top: -3px;
  transition: transform 0.2s;
}
.is-open .TeamPage-sectionToggle::after {
  transform: rotate(-135deg);
  margin-top: 3px;
}
.TeamPage-sectionBody {
  display: none;
}
.is-open .TeamPage-sectionBody {
  display: block;
}
.TeamPage-team {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (181px)[auto-fill];
      grid-template-columns: repeat(auto-fill, 181px);
  gap: 0.75rem;
  padding: 1rem 0;
  -ms-flex-pack: center;
      justify-content: center;
}
@media only screen and (min-width: 1100px) {
  .TeamPage-team {
    -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
  }
}
.TeamPage-office {
  font-size: 1rem;
  margin-bottom: 2rem;
  line-height: 1.5;
}
@media only screen and (min-width: 64em), print {
  .TeamPage-office {
    font-size: 1.0625rem;
  }
}
.TeamPage-office p {
  font-size: inherit;
  margin-bottom: 1.5rem;
}
.TeamPage-office strong {
  font-weight: 600;
}
.TeamPage-office a {
  color: #27536F;
  font-weight: 500;
  text-decoration: none;
}
.TeamPage-office a:hover {
  color: #75BAE7;
}
.TeamPage-callForm {
  margin-bottom: 2rem;
  display: none;
}
@media only screen and (min-width: 64em), print {
  .TeamPage-callForm {
    max-width: 500px;
  }
}
.TeamPage-callForm.is-active {
  display: block;
}
.TeamPage-callFormCard {
  border: 1px solid #A6A6A6;
  border-radius: 15px;
  padding: 1.5rem;
}
.TeamPage-callFormTitle {
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 1rem;
}
.TeamPage-callFormField {
  margin-bottom: 1rem;
}
.TeamPage-callFormField label {
  display: block;
  font-size: 0.8125rem;
  color: #767470;
  margin-bottom: 4px;
}
.TeamPage-callFormField input {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #A6A6A6;
  border-radius: 8px;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  outline: none;
  box-sizing: border-box;
}
.TeamPage-callFormField input:focus {
  border-color: #53ADE7;
}
.TeamPage-callFormField.is-invalid input {
  border-color: #fd0011;
}
.TeamPage-callFormBtn {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  background: #53ADE7;
  border: none;
  border-radius: 50px;
  padding: 10px 28px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.TeamPage-callFormBtn:hover {
  background: #27536F;
}
.TeamPage-callFormBtn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.TeamPage-callFormSuccess {
  display: none;
  margin-bottom: 2rem;
}
.TeamPage-callFormSuccess strong {
  display: block;
  background: #e8f5e9;
  border-radius: 15px;
  padding: 1.5rem;
}
.TeamPage-callFormSuccess.is-active {
  display: block;
}
.TransportPage {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  color: #000000;
}
.TransportPage .Breadcrumb {
  padding-bottom: 1rem;
}
.TransportPage-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  gap: 3rem;
  margin-bottom: 4.5rem;
}
@media only screen and (min-width: 64em), print {
  .TransportPage-grid {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
  }
}
.TransportPage-partner {
  min-width: 0;
}
.TransportPage-partnerLogo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 62px;
  margin-bottom: 0.75rem;
}
.TransportPage-partnerLogo img {
  max-height: 100%;
  width: auto;
  display: block;
}
.TransportPage-partner .Divider {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.TransportPage-partnerBody {
  font-size: 1rem;
  line-height: 1.5;
}
@media only screen and (min-width: 64em), print {
  .TransportPage-partnerBody {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 64em), print and only screen and (min-width: 64em), print {
  .TransportPage-partnerBody {
    font-size: 1.0625rem;
  }
}
.TransportPage-partnerBody p {
  margin: 0 0 1.5rem;
}
.TransportPage-partnerBody p:last-child {
  margin-bottom: 0;
}
.TransportPage-partnerBody strong {
  font-weight: 600;
}
.TransportPage-partnerBody a {
  font-size: inherit;
}
.TransportPage-link {
  color: #27536F;
  font-weight: 500;
  text-decoration: none;
}
.TransportPage-link:hover {
  color: #75BAE7;
}
.TransportPage-image {
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 2rem;
}
.TransportPage-image img {
  width: 100%;
  height: 166px;
  display: block;
  object-fit: cover;
}
@media only screen and (min-width: 64em), print {
  .TransportPage-image img {
    height: 487px;
  }
}
.VillkorPage {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  color: #000000;
}
.VillkorPage .Breadcrumb {
  margin-bottom: 0;
  padding-bottom: 1rem;
}
.VillkorPage .PageHero-intro {
  margin-bottom: 3rem;
}
@media only screen and (min-width: 64em), print {
  .VillkorPage .PageHero-intro {
    margin-bottom: 4.5rem;
  }
}
.VillkorPage .Divider {
  margin-top: 0;
}
.VillkorPage-tocGrid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  gap: 1.5rem;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 64em), print {
  .VillkorPage-tocGrid {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    gap: 0 1.5rem;
  }
}
.VillkorPage-tocSection {
  min-width: 0;
}
.VillkorPage-tocTitle {
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 0.5rem;
}
@media only screen and (min-width: 64em), print {
  .VillkorPage-tocTitle {
    font-size: 1.0625rem;
  }
}
@media only screen and (max-width: 63.99em), print {
  .VillkorPage-tocTitle {
    font-size: 1rem;
    line-height: 1.45;
  }
}
.VillkorPage-tocTitle--spaced {
  margin-top: 2rem;
}
.VillkorPage-tocList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.VillkorPage-tocItem {
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  line-height: 30px;
  font-weight: 500;
  color: #27536F;
}
@media only screen and (max-width: 63.99em), print {
  .VillkorPage-tocItem {
    font-size: 1rem;
    line-height: 29px;
  }
}
@media only screen and (min-width: 64em), print {
  .VillkorPage-tocItem {
    font-size: 1rem;
    line-height: 30px;
  }
}
@media only screen and (min-width: 64em), print and only screen and (min-width: 64em), print {
  .VillkorPage-tocItem {
    font-size: 1.0625rem;
  }
}
.VillkorPage-tocItem a {
  color: #27536F;
  text-decoration: none;
}
.VillkorPage-tocItem a:hover {
  color: #75BAE7;
}
.VillkorPage-tocNumber {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 28px;
}
.VillkorPage-section {
  margin-bottom: 3rem;
}
.VillkorPage-sectionTitle {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0 0 1rem;
}
@media only screen and (min-width: 64em), print {
  .VillkorPage-sectionTitle {
    font-size: 1.5rem;
  }
}
.VillkorPage-sectionBody {
  font-size: 1rem;
  line-height: 1.45;
}
@media only screen and (min-width: 64em), print {
  .VillkorPage-sectionBody {
    font-size: 1rem;
    line-height: 1.4375rem;
  }
}
@media only screen and (min-width: 64em), print and only screen and (min-width: 64em), print {
  .VillkorPage-sectionBody {
    font-size: 1.0625rem;
  }
}
.VillkorPage-sectionBody p {
  margin: 0 0 1rem;
}
.VillkorPage-sectionBody p:last-child {
  margin-bottom: 0;
}
.VillkorPage-sectionBody a {
  color: #27536F;
}
.VillkorPage-sectionBody a:hover {
  color: #75BAE7;
}
.VillkorPage-sectionBody ul {
  margin: 0 0 1rem;
  padding-left: 1.5rem;
}
.VillkorPage-subTitle {
  font-size: inherit;
  font-weight: 600;
  margin: 1.5rem 0 0;
}
.VillkorPage-subTitle:first-child {
  margin-top: 0;
}
.VillkorPage-sectionIntro {
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 1.5rem;
}
@media only screen and (min-width: 64em), print {
  .VillkorPage-sectionIntro {
    font-size: 1.0625rem;
  }
}
.VillkorPage-numberedContent {
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.VillkorPage-numberedContent-numbers {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 30px;
}
.VillkorPage-numberedContent-numbers p {
  margin: 0 0 1rem;
}
.VillkorPage-numberedContent-numbers p:last-child {
  margin-bottom: 0;
}
.VillkorPage-numberedContent-text {
  min-width: 0;
}
.VillkorPage-numberedContent-text p {
  margin: 0 0 1rem;
}
.VillkorPage-numberedContent-text p:last-child {
  margin-bottom: 0;
}
.VillkorPage-toTop {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-bottom: 2rem;
}
.VillkorPage-toTopBtn {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  background: #000000;
  color: #ffffff;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  border: none;
  border-radius: 50px;
  padding: 0.5rem 1.5rem;
  cursor: pointer;
  text-decoration: none;
}
.VillkorPage-toTopBtn:hover {
  opacity: 0.85;
  color: #ffffff;
  text-decoration: none;
}
.VillkorPage-toTopBtn:hover .material-icons {
  color: #ffffff;
}
.VillkorPage-toTopBtn--mobile {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0.5rem 1.5rem;
  position: fixed;
  bottom: 0.875rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}
.VillkorPage-toTopBtn--mobile.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.VillkorPage-toTopBtn--mobile .material-icons {
  font-size: 32px;
}
@media only screen and (min-width: 64em), print {
  .VillkorPage-toTopBtn--mobile {
    left: calc(20px + (100vw - 1115px) / 2 + 1075px + 1.5rem);
    right: auto;
    transform: none;
  }
}
@media only screen and (min-width: 75em) {
  .VillkorPage-toTopBtn--mobile {
    left: calc((100vw + 1075px) / 2 + 1.5rem);
    right: auto;
  }
}
.VillkorPage-toTopBtn--desktop {
  display: none;
}
.AuctionSection {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  color: #000000;
  padding-bottom: 0;
}
.AuctionSection .Page-container {
  overflow: hidden;
}
@media only screen and (min-width: 64em), print {
  .AuctionSection .Page-container {
    overflow: visible;
  }
}
.AuctionSection--eventPage .Page-container {
  margin-left: 0;
  margin-right: 0;
  max-width: none;
}
.AuctionSection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin: 1.25rem 0;
}
.AuctionSection-title,
.EventPage-sectionTitle {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0;
}
@media only screen and (min-width: 64em), print {
  .AuctionSection-title,
  .EventPage-sectionTitle {
    font-size: 1.5rem;
  }
}
.AuctionSection-nav {
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.AuctionSection-arrow {
  width: 40px;
  height: 40px;
}
.AuctionSection-arrow--prev {
  border-radius: 50%;
  border: none;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background: #ECE9E4;
  color: #000000;
  transition: all 0.2s ease;
}
.AuctionSection-arrow--prev:hover {
  background: #dbd5cc;
}
.AuctionGrid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media only screen and (min-width: 57.5em), print {
  .AuctionGrid {
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
  }
}
.AuctionGrid.owl-carousel {
  display: block;
  width: 135%;
}
@media only screen and (min-width: 64em), print {
  .AuctionGrid.owl-carousel {
    width: 100%;
  }
}
.AuctionGrid.owl-carousel .owl-stage {
  display: -ms-flexbox;
  display: flex;
}
.AuctionGrid.owl-carousel .owl-item {
  display: -ms-flexbox;
  display: flex;
  height: auto;
}
.AuctionGrid.owl-carousel .owl-stage-outer {
  overflow: visible;
}
@media only screen and (min-width: 64em), print {
  .AuctionGrid.owl-carousel .owl-stage-outer {
    overflow: hidden;
  }
}
.AuctionGrid.owl-carousel .owl-dots {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 0.5rem;
  margin-top: 1.25rem;
  width: calc(100% / 1.35);
}
@media only screen and (min-width: 64em), print {
  .AuctionGrid.owl-carousel .owl-dots {
    width: 100%;
  }
}
.AuctionGrid.owl-carousel .owl-dots .owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #A6A6A6;
  border: none;
  cursor: pointer;
  padding: 0;
}
.AuctionGrid.owl-carousel .owl-dots .owl-dot.active {
  background: #000000;
}
.AuctionCard {
  background: #ECE9E4;
  border-radius: 15px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.AuctionCard:hover,
.AuctionCard:focus,
.AuctionCard:active {
  text-decoration: none;
  color: inherit;
}
.AuctionCard-imageWrapper {
  position: relative;
  aspect-ratio: 1.33333333;
  overflow: hidden;
}
.AuctionCard-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.AuctionCard-overlayIcons {
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  z-index: 1;
}
.AuctionCard-overlayIcon {
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.85);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #000000;
  transition: background 0.2s ease, color 0.2s ease;
  border: none;
  padding: 6px;
  cursor: pointer;
}
.AuctionCard-overlayIcon:hover {
  background: #ffffff;
}
.AuctionCard-overlayIcon--favorite.is-saved {
  background: #000000;
  color: #ECE9E4;
}
.AuctionCard-overlayIcon--favorite.is-saved svg {
  fill: #ECE9E4;
}
.AuctionCard-overlayIcon--favorite.is-saved:hover {
  background: #000000;
}
.AuctionCard-content {
  padding: 0.75rem 1.25rem 0.75rem;
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.AuctionCard-title {
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 0.5rem;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.2s ease, text-underline-offset 0.2s ease, -webkit-text-decoration-color 0.2s ease;
  transition: color 0.2s ease, text-decoration-color 0.2s ease, text-underline-offset 0.2s ease;
  transition: color 0.2s ease, text-decoration-color 0.2s ease, text-underline-offset 0.2s ease, -webkit-text-decoration-color 0.2s ease;
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
  text-underline-offset: 2px;
}
.AuctionCard:hover .AuctionCard-title {
  -webkit-text-decoration-color: currentColor;
          text-decoration-color: currentColor;
}
.AuctionCard-description {
  font-size: 0.75rem;
  font-weight: 400;
  color: #4a4a4a;
  margin: 0 0 0.5rem;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  pointer-events: none;
}
.AuctionCard-priceInfo {
  -ms-flex-item-align: start;
      align-self: flex-start;
  pointer-events: none;
  margin-top: auto;
}
.AuctionSection {
  padding-left: 0;
  padding-right: 0;
}
.AuctionSection .AuctionGrid:not(.owl-carousel) {
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
}
.Page-main > .AuctionSection:first-of-type {
  padding-top: 1.1875rem;
}
@media only screen and (min-width: 64em), print {
  .Page-main > .AuctionSection:first-of-type {
    padding-top: 2.6875rem;
  }
}
.EventPage {
  max-width: 1075px;
  margin: 0 auto;
}
@media only screen and (min-width: 64em), print {
  .EventPage .Breadcrumb {
    margin-bottom: 1rem;
  }
}
.EventPage .PageHero-intro {
  color: #000000;
  margin-top: 1.5rem;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 64em), print {
  .EventPage .PageHero-intro {
    margin-top: 2rem;
    margin-bottom: 4.5rem;
  }
}
.AuctionSection--eventPage.Page-section {
  padding-top: 1.25rem;
}
@media only screen and (min-width: 64em), print {
  .AuctionSection--eventPage.Page-section {
    padding-top: 1.5rem;
  }
}
@media only screen and (min-width: 64em), print {
  .AuctionSection--eventPage .AuctionSection--upcoming .AuctionSection-nav {
    display: none;
  }
}
@media only screen and (min-width: 64em), print {
  .AuctionSection--eventPage .AuctionGrid:not(.owl-carousel) {
    gap: 0.75rem;
  }
}
@media (min-width: 544px) and (max-width: 767px) {
  .AuctionSection--eventPage .AuctionGrid.owl-carousel {
    width: 100%;
  }
  .AuctionSection--eventPage .AuctionGrid.owl-carousel .owl-stage-outer {
    overflow: hidden;
  }
  .AuctionSection--eventPage .AuctionGrid.owl-carousel .owl-dots {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) and (max-width: 63.99em), print {
  .AuctionSection--eventPage .AuctionGrid.owl-carousel {
    width: 100%;
  }
  .AuctionSection--eventPage .AuctionGrid.owl-carousel .owl-stage-outer {
    overflow: hidden;
  }
  .AuctionSection--eventPage .AuctionGrid.owl-carousel .owl-dots {
    width: 100%;
  }
}
.EventPage-search {
  width: 335px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.EventPage-searchInner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0.5rem;
  border: 1px solid #000000;
  border-radius: 50px;
  padding: 0.25rem 0.25rem 0.25rem 1rem;
  background: #ffffff;
}
.EventPage-searchInner:focus-within {
  border-color: #53ADE7;
}
.EventPage-searchInput {
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
  height: 36px;
  border: none;
  background: transparent;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #000000;
  outline: none;
}
.EventPage-searchInput::-webkit-input-placeholder {
  color: #A6A6A6;
}
.EventPage-searchInput:-ms-input-placeholder {
  color: #A6A6A6;
}
.EventPage-searchInput::placeholder {
  color: #A6A6A6;
}
.EventPage-searchBtn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 36px;
  padding: 0 1.25rem;
  border: none;
  border-radius: 50px;
  background: #000000;
  color: #ffffff;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s ease;
}
.EventPage-searchBtn:hover {
  background: #767470;
}
.EventPage-sectionHeader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 1.25rem;
}
.EventPage-sectionTitle {
  font-size: 1.25rem;
  font-weight: 500;
  color: #000000;
  margin: 0;
}
@media only screen and (min-width: 64em), print {
  .EventPage-sectionTitle {
    font-size: 1.5rem;
  }
}
.EventPage-ongoingCard-wrapper {
  position: relative;
}
.EventPage-ongoingCard {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  height: auto;
  min-height: 400px;
  border-radius: 15px;
  overflow: hidden;
}
@media only screen and (min-width: 48em) and (max-width: 63.99em), print {
  .EventPage-ongoingCard {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    height: 334px;
    min-height: unset;
  }
}
@media only screen and (min-width: 64em), print {
  .EventPage-ongoingCard {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    height: 334px;
    min-height: unset;
  }
}
.EventPage-ongoingCard-image {
  position: relative;
  overflow: hidden;
  min-height: 230px;
}
.EventPage-ongoingCard-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media only screen and (min-width: 48em) and (max-width: 63.99em), print {
  .EventPage-ongoingCard-image {
    min-height: unset;
  }
}
@media only screen and (min-width: 64em), print {
  .EventPage-ongoingCard-image {
    min-height: unset;
  }
}
.EventPage-ongoingCard-content {
  background: #ECE9E4;
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 1rem;
  height: 100%;
}
@media only screen and (min-width: 48em) and (max-width: 63.99em), print {
  .EventPage-ongoingCard-content {
    padding: 3rem;
  }
}
@media only screen and (min-width: 64em), print {
  .EventPage-ongoingCard-content {
    padding: 3rem;
  }
}
.EventPage-ongoingCard-title {
  font-size: 1.25rem;
  font-weight: 500;
  color: #000000;
  margin: 0;
}
@media only screen and (min-width: 64em), print {
  .EventPage-ongoingCard-title {
    font-size: 1.5rem;
  }
}
.EventPage-ongoingCard-desc {
  font-size: 1rem;
  color: #000000;
  margin: 0;
  line-height: 1.5rem;
  max-width: 90%;
}
@media only screen and (min-width: 64em), print {
  .EventPage-ongoingCard-desc {
    font-size: 1.0625rem;
    margin-top: 0.75rem;
    max-width: 70%;
  }
}
.EventPage-ongoingCard-content .Button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: auto;
}
.EventPage-ongoingCard .Button--outlined {
  padding: 8px 18px;
  font-size: 1rem;
  line-height: 1.4;
  border-radius: 50px;
  font-weight: 500;
}
@media only screen and (min-width: 48em) and (max-width: 63.99em), print {
  .EventPage-ongoingCard .Button--outlined {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 64em), print {
  .EventPage-ongoingCard .Button--outlined {
    padding: 10px 20px;
    font-size: 1.0625rem;
  }
}
.EventPage-ongoingCard-buttonIcon {
  font-size: 18px;
  margin-left: 0.25rem;
  vertical-align: middle;
}
.EventPage-ongoingCard-badge {
  position: absolute;
  width: 59px;
  height: 59px;
  border-radius: 11px;
  background: #53ADE7;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 0.25rem;
  z-index: 10;
  top: -29.5px;
  right: 1rem;
}
@media only screen and (min-width: 48em) and (max-width: 63.99em), print {
  .EventPage-ongoingCard-badge {
    width: 80px;
    height: 80px;
    border-radius: 15px;
    top: -40px;
    right: 1rem;
  }
}
@media only screen and (min-width: 64em), print {
  .EventPage-ongoingCard-badge {
    width: 80px;
    height: 80px;
    border-radius: 15px;
    top: 3rem;
    right: 3rem;
  }
}
.EventPage-badge-icon {
  width: 29px;
  height: 29px;
  fill: #ffffff;
}
@media only screen and (min-width: 48em) and (max-width: 63.99em), print {
  .EventPage-badge-icon {
    width: 39px;
    height: 39px;
  }
}
@media only screen and (min-width: 64em), print {
  .EventPage-badge-icon {
    width: 39px;
    height: 39px;
  }
}
.EventPage-badge-text {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 8px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  line-height: 1;
}
@media only screen and (min-width: 64em), print {
  .EventPage-badge-text {
    font-size: 11px;
  }
}
.EventPage-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-top: 1rem;
}
@media only screen and (min-width: 57.5em), print {
  .EventPage-grid {
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
  }
}
.EventCard {
  background: #ECE9E4;
  border-radius: 15px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.EventCard-image {
  width: 100%;
  aspect-ratio: 1.52631579;
  overflow: hidden;
}
.EventCard-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.EventCard-content {
  padding: 0.75rem 1rem 0 1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1;
}
@media only screen and (min-width: 64em), print {
  .EventCard-content {
    padding: 1.5rem 1.5rem 0 1.5rem;
  }
}
.EventCard-actions {
  padding: 1rem 0.75rem 1rem 0.75rem;
}
.EventCard-actions .Button {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 0.875rem;
}
.EventCard-actions .Button--outlined {
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.4;
  border-radius: 50px;
  font-weight: 500;
  max-width: 100%;
  white-space: nowrap;
}
.EventCard-actions .Button--outlined > span {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  overflow: visible;
  text-overflow: clip;
}
.EventCard-actions .Button--outlined .EventCard-buttonIcon {
  font-size: 14px;
}
@media only screen and (min-width: 48em) and (max-width: 63.99em), print {
  .EventCard-actions .Button--outlined .EventCard-buttonIcon {
    font-size: 16px;
  }
}
@media only screen and (min-width: 64em), print {
  .EventCard-actions {
    padding: 2rem 0.75rem 1.5rem 1.25rem;
  }
  .EventCard-actions .Button {
    font-size: 1rem;
  }
}
.EventCard-title {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #000000;
  margin: 0 0 0.5rem;
  line-height: 1.3;
}
.EventCard-title a {
  color: #000000;
  text-decoration: none;
}
.EventCard-title a:hover {
  color: #27536F;
}
@media only screen and (min-width: 64em), print {
  .EventCard-title {
    font-size: 1.25rem;
  }
}
.EventCard-date {
  font-size: 0.75rem;
  font-weight: 500;
  color: #000000;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 64em), print {
  .EventCard-date {
    font-size: 1rem;
  }
}
.EventCard-desc {
  font-size: 0.75rem;
  font-weight: 400;
  color: #4C4C4C;
  line-height: 14px;
  margin: 0;
  -ms-flex: 1;
      flex: 1;
}
@media only screen and (min-width: 64em), print {
  .EventCard-desc {
    font-size: 1rem;
    line-height: 19px;
  }
}
.EventCard-ctaFull {
  display: none;
}
@media only screen and (min-width: 34em), print {
  .EventCard-ctaFull {
    display: inline;
  }
}
.EventCard-ctaMobile {
  display: inline;
}
@media only screen and (min-width: 34em), print {
  .EventCard-ctaMobile {
    display: none;
  }
}
.EventPage-carousel {
  position: relative;
}
.EventPage-carousel-viewport {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.EventPage-carousel-viewport::-webkit-scrollbar {
  display: none;
}
@media only screen and (min-width: 64em), print {
  .EventPage-carousel-viewport {
    overflow: hidden;
    -webkit-scroll-snap-type: none;
        -ms-scroll-snap-type: none;
            scroll-snap-type: none;
  }
}
.EventPage-carousel-track {
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  transition: none;
}
@media only screen and (min-width: 64em), print {
  .EventPage-carousel-track {
    transition: transform 0.4s ease;
  }
}
.EventPage-carousel-track .EventCard {
  -ms-flex: 0 0 85%;
      flex: 0 0 85%;
  min-width: 0;
  scroll-snap-align: start;
}
@media only screen and (min-width: 64em), print {
  .EventPage-carousel-track .EventCard {
    scroll-snap-align: none;
    -ms-flex: 0 0 calc((100% - 1rem) / 2);
        flex: 0 0 calc((100% - 1rem) / 2);
  }
}
@media only screen and (min-width: 57.5em), print {
  .EventPage-carousel-track .EventCard {
    -ms-flex: 0 0 calc((100% - 1rem * 2) / 3);
        flex: 0 0 calc((100% - 1rem * 2) / 3);
  }
}
.EventPage-carouselArrows {
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -ms-flex-align: center;
      align-items: center;
}
.EventPage-carouselArrow {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #000000;
  background: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
  transition: background 0.2s;
  padding: 0;
}
.EventPage-carouselArrow .material-icons {
  font-size: 16px;
}
.EventPage-carouselArrow:hover {
  background: #ECE9E4;
}
.EventPage-carouselArrow:disabled,
.EventPage-carouselArrow.is-disabled {
  opacity: 0.3;
  cursor: default;
}
.EventPage-dots {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
@media only screen and (min-width: 34em), print {
  .EventPage-dots {
    display: none;
  }
}
.EventPage-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ccc;
  border: none;
  padding: 0;
  cursor: pointer;
}
.EventPage-dot.is-active {
  background: #000000;
}
.ToplistRow {
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
  padding: 1.25rem 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #e0e0e0;
}
.ToplistRow:last-child {
  border-bottom: none;
}
@media only screen and (min-width: 64em), print {
  .ToplistRow {
    gap: 1rem;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.ToplistRow-image {
  -ms-flex: 0 0 120px;
      flex: 0 0 120px;
  border-radius: 10px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
}
.ToplistRow-image a {
  -ms-flex: 1;
      flex: 1;
}
.ToplistRow-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media only screen and (min-width: 64em), print {
  .ToplistRow-image {
    -ms-flex: 0 0 178px;
        flex: 0 0 178px;
  }
}
.ToplistRow-content {
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media only screen and (min-width: 64em), print {
  .ToplistRow-content {
    -ms-flex: 0 0 529px;
        flex: 0 0 529px;
    width: 529px;
  }
}
.ToplistRow-content .Badge--reserve {
  margin-top: auto;
}
@media only screen and (min-width: 64em), print {
  .ToplistRow-content .Badge--reserve {
    margin-top: 0.75rem;
  }
}
.ToplistRow-title {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 500;
  color: #000000;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ToplistRow-title h4 {
  margin: 0;
  font: inherit;
  line-height: inherit;
}
.ToplistRow-title a {
  color: #000000;
  text-decoration: none;
}
.ToplistRow-title a:hover {
  color: #27536F;
}
@media only screen and (min-width: 64em), print {
  .ToplistRow-title {
    font-size: 1.3125rem;
  }
}
.ToplistRow-mobileBid {
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  padding-top: 0.5rem;
  -ms-flex-align: baseline;
      align-items: baseline;
  line-height: 1;
  font-size: 0.875rem;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
}
@media only screen and (min-width: 64em), print {
  .ToplistRow-mobileBid {
    display: none;
  }
}
.ToplistRow-mobileBid-label {
  color: #4C4C4C;
}
.ToplistRow-mobileBid-value {
  font-weight: 600;
  color: #000000;
}
.ToplistRow-desc {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  color: #4C4C4C;
  line-height: 19px;
  display: none;
}
@media only screen and (min-width: 64em), print {
  .ToplistRow-desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-top: 0.5rem;
  }
}
.ToplistRow-info {
  display: none;
}
@media only screen and (min-width: 64em), print {
  .ToplistRow-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex: 0 1 319px;
        flex: 0 1 319px;
    min-width: 0;
    min-height: 119px;
    max-height: 119px;
    -ms-flex-pack: center;
        justify-content: center;
    gap: 0.5rem;
    background: #ECE9E4;
    border-radius: 10px;
    padding: 0.75rem 1rem;
    padding-right: 56px;
    position: relative;
  }
}
.ToplistRow-infoGrid {
  display: none;
}
@media only screen and (min-width: 64em), print {
  .ToplistRow-infoGrid {
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
  }
}
.ToplistRow-infoItem {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 0.25rem;
}
.ToplistRow-infoLabel {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 0.8125rem;
  color: #4C4C4C;
}
.ToplistRow-infoValue {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #000000;
}
.ToplistRow-infoSep {
  display: none;
  border: none;
  border-top: 1px solid #d0d0d0;
  margin: 0 -56px 0 -1rem;
}
@media only screen and (min-width: 64em), print {
  .ToplistRow-infoSep {
    display: block;
  }
}
.ToplistRow-meta {
  display: none;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 0.8125rem;
  color: #767470;
  gap: 1rem;
}
@media only screen and (min-width: 64em), print {
  .ToplistRow-meta {
    display: -ms-flexbox;
    display: flex;
  }
}
.ToplistRow-meta .material-icons,
.ToplistRow-meta .material-icons-outlined {
  font-size: 17px;
  vertical-align: middle;
  margin-right: 0.125rem;
}
.ToplistRow-arrowWrap {
  display: none;
}
@media only screen and (min-width: 64em), print {
  .ToplistRow-arrowWrap {
    display: block;
    position: absolute;
    right: 0.75rem;
    bottom: 1.5rem;
  }
}
.ToplistRow-arrow .material-icons {
  font-size: 22px;
}
.EventPage-loadMore {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 2rem 0;
}
.EventPage-loadMoreBtn {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0.5rem;
  border: 1px solid #000000;
  border-radius: 50px;
  padding: 0.75rem 2rem;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #000000;
  background: #ffffff;
  cursor: pointer;
  transition: background 0.2s ease;
}
@media only screen and (min-width: 64em), print {
  .EventPage-loadMoreBtn {
    font-size: 1.0625rem;
  }
}
.EventPage-loadMoreBtn:hover {
  background: #ECE9E4;
}
.EventPage-loadMoreBtn.is-loading {
  opacity: 0.5;
  cursor: wait;
}
.ObjectListPage-inner {
  max-width: 1075px;
  margin: 0 auto;
}
.ObjectListPage-header {
  padding: 1rem 0 0.75rem;
  border-bottom: 1px solid #e0e0e0;
}
@media only screen and (min-width: 64em), print {
  .ObjectListPage-header {
    padding: 1.5rem 0 1rem;
  }
}
.ObjectListPage-title {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #000000;
  margin: 0;
  font-size: 1.25em;
  line-height: 1.35;
}
@media only screen and (min-width: 64em), print {
  .ObjectListPage-title {
    font-size: 1.5rem;
  }
}
.ObjectListPage-date {
  display: block;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 0.8125rem;
  color: #4C4C4C;
}
.ObjectListPage-date strong {
  color: #000000;
}
.ObjectListPage-livecastLink {
  display: inline-block;
  margin-top: 0.5rem;
  font-size: 0.8125rem;
  color: #27536F;
  font-weight: 500;
  text-decoration: none;
}
.ObjectListPage-livecastLink:hover {
  text-decoration: underline;
}
.ObjectListPage-filters--desktop {
  display: none;
  padding: 1rem 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
@media only screen and (min-width: 64em), print {
  .ObjectListPage-filters--desktop {
    display: -ms-flexbox;
    display: flex;
  }
}
.ObjectListPage-filters--mobile {
  display: block;
  padding: 1rem 0;
}
@media only screen and (min-width: 64em), print {
  .ObjectListPage-filters--mobile {
    display: none;
  }
}
.ObjectListPage-select {
  padding: 0;
  width: 100%;
}
.ObjectListPage-selectInput {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #000000;
  border-radius: 50px;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #000000;
  background: #ffffff;
}
.ObjectListPage-desc {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 0.8125rem;
  color: #4C4C4C;
  line-height: 1.6;
  margin: 0;
  padding-bottom: 0.75rem;
}
.ObjectListPage-tabs {
  margin-top: 0.75rem;
}
@media only screen and (min-width: 64em), print {
  .ObjectListPage-tabs {
    margin-top: 1rem;
  }
}
.ObjectListPage-tabBar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 2rem;
  border-bottom: none !important;
  padding: 0;
  height: auto;
}
.ObjectListPage-tab {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #000000;
  text-decoration: none;
  text-transform: none;
  padding: 0.75rem 0;
  border: none;
  border-radius: 0;
  background: none;
  height: auto;
  line-height: 1.4;
  float: none;
}
.ObjectListPage-tab.is-active {
  font-weight: 600;
  color: #27536F;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}
.ObjectListPage-tab.is-active::after {
  display: none !important;
}
.ObjectListPage-tab:hover {
  color: #27536F;
  text-decoration: none;
}
@media only screen and (min-width: 64em), print {
  .ObjectListPage-tab {
    font-size: 1.0625rem;
  }
}
.ObjectListPage-livecast {
  padding: 3.25rem 0;
}
.ObjectListPage-livecastTitle {
  font-size: 1.25rem;
  font-weight: 500;
  color: #000000;
  margin: 0 0 1.5rem;
  text-align: center;
}
@media only screen and (min-width: 64em), print {
  .ObjectListPage-livecastTitle {
    font-size: 1.5rem;
  }
}
.ObjectListPage-livecastVideo {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: 0 auto 3rem;
  border-radius: 15px;
  overflow: hidden;
  aspect-ratio: 1.77777778;
}
.ObjectListPage-livecastVideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.ObjectListPage-livecastVideo:last-child {
  margin-bottom: 0;
}
.Footer {
  background-color: #000000;
  background-image: url('/assets/images/footer/john-towner-3Kv48NS4WUU-unsplash.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  color: #ECE9E4;
  margin: 0.75rem 0 0;
  border-radius: 15px;
  min-height: 864px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media only screen and (min-width: 64em), print {
  .Footer {
    margin: 0.625em 1.5rem 1rem;
    width: calc(97%);
    background-position: center 100%;
  }
}
@media only screen and (min-width: 57.5em), print {
  .Footer {
    margin-top: 4.5rem;
    min-height: 485px;
  }
}
.Footer::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 15px;
  z-index: 0;
}
.Footer * {
  color: #ECE9E4;
}
.Footer > * {
  position: relative;
  z-index: 1;
}
.Footer a {
  color: #ECE9E4;
  text-decoration: none;
  transition: color 0.2s ease;
}
.Footer a:hover {
  color: #75BAE7;
}
.Footer-container {
  margin: 0 auto;
  padding: 2rem 1.25em;
  position: relative;
  z-index: 1;
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 64em), print {
  .Footer-container {
    padding: 3rem 1.25em;
  }
}
.Footer-logoSection {
  margin-bottom: 2.5em;
  padding-top: 0.625em;
}
@media only screen and (min-width: 64em), print {
  .Footer-logoSection {
    padding-top: 1.25em;
  }
}
.Footer-logo img {
  width: 121px;
  height: 59px;
  object-fit: contain;
}
.Footer-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1;
}
@media only screen and (min-width: 57.5em), print {
  .Footer-content {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 3.75em;
  }
}
.Footer-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media only screen and (min-width: 57.5em), print {
  .Footer-left {
    -ms-flex: 0 1 482.5px;
        flex: 0 1 482.5px;
    max-width: 482.5px;
  }
}
.Footer-right {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  min-width: 0;
}
.Footer-title {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1rem;
  line-height: 1.3;
}
@media only screen and (min-width: 64em), print {
  .Footer-title {
    font-size: 1.5rem;
    line-height: 1.4;
  }
}
@media only screen and (min-width: 57.5em), print {
  .Footer-title {
    white-space: nowrap;
  }
}
.Footer-description {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  width: 480px;
  max-width: 100%;
  margin-top: 1.5rem;
  margin-bottom: 0;
}
@media only screen and (min-width: 57.5em), print {
  .Footer-description {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 57.5em), print and only screen and (min-width: 64em), print {
  .Footer-description {
    font-size: 1.0625rem;
  }
}
.Footer-columns {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  row-gap: 0.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 64em), print {
  .Footer-columns {
    -ms-grid-columns: (auto)[2];
        grid-template-columns: repeat(2, auto);
    column-gap: 3.75em;
    row-gap: 0.41666667em;
  }
}
@media only screen and (min-width: 57.5em), print {
  .Footer-columns {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    column-gap: 2.5em;
  }
}
@media only screen and (min-width: 75em) {
  .Footer-columns {
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
  }
}
.Footer-column {
  min-width: 150px;
}
.Footer-columnList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.Footer-columnList li {
  margin-bottom: 0.25rem;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.67;
}
@media only screen and (min-width: 57.5em), print {
  .Footer-columnList li {
    white-space: nowrap;
  }
}
.Footer-columnList li:last-child {
  margin-bottom: 0;
}
.Footer-columnList a {
  display: inline-block;
}
.Footer-bottom {
  font-size: 0.8125rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 1.25em;
}
@media only screen and (min-width: 57.5em), print {
  .Footer-bottom {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    gap: 3.75em;
  }
}
.Footer-bottom-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 1.25em;
}
@media only screen and (min-width: 57.5em), print {
  .Footer-bottom-row {
    display: contents;
  }
}
.Footer-company {
  font-size: 0.8125rem;
  max-width: 240px;
}
@media only screen and (min-width: 57.5em), print {
  .Footer-company {
    -ms-flex: 0 1 482.5px;
        flex: 0 1 482.5px;
    max-width: 482.5px;
  }
}
.Footer-company p {
  color: #ECE9E4;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
}
.Footer-socialIcons {
  display: -ms-flexbox;
  display: flex;
  gap: 1.25em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (min-width: 64em), print {
  .Footer-socialIcons {
    padding-bottom: 1rem;
  }
}
.Footer-socialIcon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 26px;
  height: 25px;
  transition: opacity 0.2s ease;
}
.Footer-socialIcon:hover {
  opacity: 0.8;
}
.Footer-socialIconImage {
  display: block;
  width: 26px;
  height: 25px;
  object-fit: contain;
}
.Footer-copyright {
  font-weight: 400;
  line-height: 1.5;
}
@media only screen and (min-width: 57.5em), print {
  .Footer-copyright {
    margin-left: auto;
    text-align: right;
    white-space: nowrap;
  }
}
/*#

Give a short description of the component's use case and its options.
Markdown is allowed for rich editing.

Examples:

<div>
        <header class="Header">
        <div class="Header-fixed u-sizeFull u-colorBgWhite u-zindexMd">
            <div class="Header-primary">
                <div class="Page-container Header-primaryContainer">
                    <div class="Header-logo">
                        <a href="#">
                            <img src="/assets/images/logo/logoUSP.png" class="Header-logoImage u-marginRlg" /><img src="~/assets/images/Logo/logoSmall.png" class="Header-logoImageMob u-marginRxlg" /></a>
                    </div>

                    <nav class="PageNav PageNav--horizontal PageNav--large Header-primaryNav">
                        <ul class="PageNav-list">
                            <li class="PageNav-item">
                                <a href="#" class="PageNav-itemLink is-active u-transitionAsm">Sök eller köp bil</a>
                            </li>
                            <li class="PageNav-item">
                                <a href="#" class="PageNav-itemLink u-transitionAsm">Sälj bil</a>
                            </li>
                            <li class="PageNav-item">
                                <a href="#" class="PageNav-itemLink u-transitionAsm">Mina bilar</a>
                            </li>
                        </ul>
                    </nav>


                    <div class="Header-secondary">
                        <div class="Page-container">
                            <nav class="PageNav PageNav--small Header-secondaryNav">
                                <ul class="PageNav-list">
                                    <li class="PageNav-item">
                                        <a href="#" class="PageNav-itemLink">Annonsera</a>
                                    </li>
                                    <li class="PageNav-item">
                                        <a href="#" class="PageNav-itemLink">Kontakt</a>
                                    </li>
                                </ul>
                                <ul class="PageNav-list">
                                    <li class="PageNav-item">
                                        <a href="#" class="PageNav-itemLink">Om Bilweb</a>
                                    </li>
                                    <li class="PageNav-item">
                                        <a href="#" class="PageNav-itemLink">Logga in</a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>

                     <div class="Header-MobButtons">
                        <button class="Button Header-menuButton"><span class="Icon Icon--search"></span></button>
                        <button class="Button Header-menuButton"  data-module="toggler" data-toggler="contentElement: '.js-showMenu', cssClass: 'is-active', addClassToSelf: true"><i class="Icon Icon--menu"></i></button>
                    </div>
                </div>
            </div>

            <div class="Header-navMobile js-showMenu">
                <nav class="PageNav PageNav--vertical PageNav-mobile u-textWeightBold">
                    <ul class="PageNav-list PageNavList-mobile">
                        <li class="PageNav-item PageNavItem-mobile">
                            <a href="#" class="PageNav-itemLink is-active u-transitionAsm">Sök eller köp bil</a>
                        </li>
                        <li class="PageNav-item PageNavItem-mobile">
                            <a href="#" class="PageNav-itemLink u-transitionAsm">Sälj bil</a>
                        </li>
                        <li class="PageNav-item PageNavItem-mobile">
                            <a href="#" class="PageNav-itemLink u-transitionAsm">Mina bilar</a>
                        </li>
                    </ul>
                </nav>

                <nav class="PageNav PageNav-mobile PageNavMobile-secondaryNav ">
                    <ul class="PageNav-list PageNavList-mobile">
                        <li class="PageNav-item PageNavItem-mobile">
                            <a href="#" class="PageNav-itemLink">Annonsera</a>
                        </li>
                        <li class="PageNav-item  PageNavItem-mobile">
                            <a href="#" class="PageNav-itemLink">Kontakt</a>
                        </li>

                        <li class="PageNav-item  PageNavItem-mobile">
                            <a href="#" class="PageNav-itemLink">Om Bilweb</a>
                        </li>
                        <li class="PageNav-item  PageNavItem-mobile">
                            <a href="#" class="PageNav-itemLink">Logga in</a>
                        </li>
                    </ul>
                </nav>

            </div>
        </div>
    </header>
</div>
*/
.Header {
  padding: 0;
  background: #ffffff;
  min-height: 0;
  position: relative;
  z-index: 100;
}
@media only screen and (min-width: 57.5em), print {
  .Header {
    min-height: 0;
    padding: 0;
  }
}
.Header-fixed {
  position: relative;
  z-index: 100 !important;
  background: #ffffff;
}
@media only screen and (min-width: 57.5em), print {
  .Header-fixed {
    padding: 0;
  }
}
.Header-secondary {
  display: none;
  padding: 0;
  text-align: right;
}
.Header-secondary .PageNav-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
}
.Header-secondary .PageNav-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (min-width: 57.5em), print {
  .Header-secondary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
}
.Header-primary {
  padding: 0;
}
@media only screen and (min-width: 57.5em), print {
  .Header-primary {
    padding: 6px 1.5rem 0;
    margin-bottom: 0;
  }
}
.Header-primary i {
  margin-right: 2px;
  color: #767470;
}
@media only screen and (min-width: 34em), print {
  .Header-primary i {
    margin-right: 4px;
  }
}
@media only screen and (min-width: 64em), print {
  .Header-primary i {
    margin-right: 6px;
  }
}
.Header-primaryContainer {
  padding: 1rem 1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-width: 1075px;
  margin: 0 auto;
}
@media only screen and (min-width: 57.5em), print {
  .Header-primaryContainer {
    padding: 0.5rem 0;
  }
}
@media only screen and (max-width: 57.49em), print {
  .Header-primaryContainer .Header-primaryNav {
    display: none;
    width: 0;
    -ms-flex: 0;
        flex: 0;
  }
  .Header-primaryContainer .Header-actions {
    -ms-flex-order: 2;
        order: 2;
    margin-left: auto;
    margin-right: 0;
  }
  .Header-primaryContainer .Header-MobButtons {
    -ms-flex-order: 3;
        order: 3;
    margin-left: 1.5rem;
  }
}
.Header-logo {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.Header-logoImage {
  display: none;
  height: 59px;
  width: 121px;
}
@media only screen and (min-width: 57.5em), print {
  .Header-logoImage {
    display: block;
  }
}
.Header-logoImageMob {
  display: block;
  width: 75px;
}
@media only screen and (min-width: 57.5em), print {
  .Header-logoImageMob {
    display: none;
  }
}
.Header-primaryNav {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  text-align: center;
  display: none;
  width: 0;
  -ms-flex: 0 0 0px;
      flex: 0 0 0;
}
.Header-primaryNav .PageNav-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
}
.Header-primaryNav .PageNav-item {
  display: inline-block;
}
.Header-primaryNav .PageNav-itemLink {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #000000;
  padding: 0.5rem 1rem;
  text-decoration: none;
  transition: color 0.2s ease;
  background: none !important;
}
.Header-primaryNav .PageNav-itemLink:hover {
  color: #53ADE7;
  text-decoration: underline;
  background: none !important;
}
.Header-primaryNav .PageNav-itemLink:focus,
.Header-primaryNav .PageNav-itemLink:active {
  background: none !important;
}
@media only screen and (min-width: 57.5em), print {
  .Header-primaryNav {
    display: block;
    width: auto;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
}
.Header-MobButtons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0.625em;
  margin-left: 1.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (min-width: 57.5em), print {
  .Header-MobButtons {
    display: none;
    margin-left: 0.5rem;
  }
}
.Header-MobButtons .Header-menuButton,
.Header-MobButtons .borderColor {
  display: none !important;
}
.Header-MobButtons .c-hamburger {
  display: block !important;
  margin: 0;
  float: none;
}
.Header-navMobile {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  z-index: 9999;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media only screen and (min-width: 57.5em), print {
  .Header-navMobile {
    display: none !important;
  }
}
.Header-navMobile.is-active {
  opacity: 1;
  visibility: visible;
}
.Header-navMobileTop {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 1rem 1rem;
}
.Header-navMobileLogo {
  width: 69px;
  height: auto;
}
.Header-navMobileClose {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  color: #ffffff;
  -webkit-tap-highlight-color: transparent;
}
.Header-navMobileClose:active {
  background: none;
}
.Header-navMobileClose .material-icons {
  font-size: 24px;
}
.Header-navMobileMenu {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding: 4.5rem 1.5rem 0;
  overflow-y: auto;
}
.Header-navMobileLink {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0.5rem;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: #ffffff;
  text-decoration: none;
  padding: 0.5rem 0;
  background: none;
  border: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.Header-navMobileLink:hover,
.Header-navMobileLink:focus {
  color: #75BAE7;
  background: none;
}
.Header-navMobileLink:active {
  color: #75BAE7;
  background: none;
}
.Header-navMobileLink.is-current {
  color: #75BAE7;
  text-decoration: underline;
}
.Header-navMobileSubmenu.is-open > .Header-navMobileLink--toggle {
  color: #75BAE7;
}
.Header-navMobileSubmenu.is-open > .Header-navMobileLink--toggle .Header-navMobileLink-text {
  text-decoration: underline;
}
.Header-navMobileSubmenu {
  text-align: center;
  width: 100%;
}
.Header-navMobileArrow {
  font-size: 14px;
  transition: transform 0.2s ease;
  color: #ffffff;
  transform: rotate(-90deg);
}
.is-open .Header-navMobileArrow {
  transform: rotate(90deg);
}
.Header-navMobileSubmenuContent a {
  display: block;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 1.0625rem;
  font-weight: 500;
  color: #ffffff;
  text-decoration: none;
  line-height: 32px;
  padding: 0;
}
.Header-navMobileSubmenuContent a:hover {
  color: #75BAE7;
}
.Header-navMobileFooter {
  text-align: center;
  padding: 1.5rem 1rem 3rem;
}
.Header-navMobileSocial {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.Header-navMobileSocial img {
  width: 26px;
  height: 25px;
}
.Header-navMobileCopyright {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 0.8125rem;
  color: #ffffff;
  line-height: 18px;
  margin: 0;
}
/**/
.c-hamburger {
  display: block;
  position: relative;
  overflow: visible;
  margin: 0 0 0 8px;
  padding: 0;
  width: 30px;
  height: 28px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: opacity 0.3s;
  float: right;
  background: transparent;
}
.c-hamburger:focus {
  outline: none;
}
.c-hamburger-icon {
  display: block;
  width: 24px;
  height: 24px;
  color: #000000;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.c-hamburger--htx .c-hamburger-icon {
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.c-hamburger--htx.is-active .c-hamburger-icon {
  opacity: 0.7;
}
.u-srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
/* ie fixes  */
.is-no-flexbox .Header-logo,
.is-no-flexbox .Header-primaryNav,
.is-no-flexbox .Header-secondary {
  display: inline-block;
}
/**/
.Header-shadow {
  box-shadow: 0 3px 15px 0px rgba(0, 0, 0, 0.3);
  /*@media @bpLarge {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }*/
}
.Header-langSelector {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #000000;
  text-decoration: none;
  padding: 0.5rem 4px;
  cursor: pointer;
}
.Header-langSelector:hover {
  color: #27536F;
  text-decoration: none;
}
.Header-langSelector .Header-langItem {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}
.Header-langSelector .Header-langArrow {
  margin-left: 2px;
  margin-right: 0;
  font-size: 12px;
  line-height: 1;
  color: #000000 !important;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  transition: transform 0.2s ease;
  transform: rotate(-90deg) translateX(2px);
}
.language_menu.mdl-menu {
  width: 110px;
  min-width: 110px;
  border-radius: 10px;
  background: #ECE9E4;
  padding: 0.5rem 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.language_menu.mdl-menu .mdl-menu__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #4C4C4C;
  padding: 4px 0.75rem;
  height: auto;
  line-height: 1.4;
  min-height: 0;
  text-align: center;
  background: transparent;
}
.language_menu.mdl-menu .mdl-menu__item .Header-langItem {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
}
.language_menu.mdl-menu .mdl-menu__item:hover {
  background: transparent;
  color: #53ADE7;
  text-decoration: underline;
}
.mdl-menu[for="loggout_menu"] {
  border-radius: 10px !important;
  background: #ECE9E4 !important;
  padding: 0.5rem 0 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
  overflow: hidden !important;
}
.mdl-menu[for="loggout_menu"] .mdl-menu__item {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 0.8125rem !important;
  font-weight: 500;
  color: #000000 !important;
  padding: 0.5rem 0.75rem !important;
  height: auto !important;
  line-height: 1.4 !important;
  min-height: 0 !important;
  background: transparent !important;
}
.mdl-menu[for="loggout_menu"] .mdl-menu__item a {
  color: #000000 !important;
  text-decoration: none !important;
}
.mdl-menu[for="loggout_menu"] .mdl-menu__item:hover {
  background: transparent !important;
  color: #53ADE7 !important;
}
.mdl-menu[for="loggout_menu"] .mdl-menu__item:hover a {
  color: #53ADE7 !important;
  text-decoration: underline !important;
}
.mdl-menu__container {
  border-radius: 10px !important;
  overflow: hidden !important;
  transition: none !important;
}
.mdl-menu__container .mdl-menu__outline {
  border-radius: 10px !important;
  transition: none !important;
}
.mdl-menu__container.is-visible {
  clip: auto !important;
}
.mdl-menu__container.is-visible .mdl-menu {
  transition: none !important;
  animation: none !important;
  clip: auto !important;
}
.Header-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0.75rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.Header-actions .Button--outlined,
.Header-actions .Button--roundedBlue {
  font-size: 0.9375rem;
}
@media only screen and (max-width: 57.49em), print {
  .Header-actions .Button--outlined {
    display: none;
  }
}
@media only screen and (max-width: 57.49em), print {
  .Header-actions .Header-langSelector {
    display: none;
  }
}
.Header-fixed.is-scrolled {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: transparent !important;
  background-color: transparent !important;
}
.Header-fixed.is-scrolled .Header-primary {
  padding: 1.5rem;
  background: transparent !important;
}
@media only screen and (min-width: 57.5em), print {
  .Header-fixed.is-scrolled .Header-primary {
    padding: 1.5rem;
  }
}
.Header-fixed.is-scrolled .Header-primaryContainer {
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 50px;
  padding: 0.5rem 1rem;
  max-width: 1075px;
  height: 51px;
  position: relative;
}
.Header-fixed.is-scrolled .Header-primaryContainer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 2.23%, rgba(255, 255, 255, 0) 74.06%);
  pointer-events: none;
  mix-blend-mode: multiply;
}
.Header-fixed.is-scrolled .Header-logoImage {
  height: 34px;
  width: 69px;
}
.Header-fixed.is-scrolled .Header-primaryNav .PageNav-itemLink {
  color: #000000;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: normal;
  padding: 0.5rem 0.75rem;
}
.Header-fixed.is-scrolled .Header-primaryNav .PageNav-itemLink:hover {
  color: #53ADE7;
  text-decoration: underline;
}
.Header-fixed.is-scrolled .Header-langSelector {
  color: #000000;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: normal;
  padding: 0.5rem 4px;
}
.ObjectViewPage {
  max-width: 1075px;
  margin: 0 auto;
  overflow: hidden;
}
.ObjectViewPage-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0.75rem 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
@media only screen and (max-width: 33.99em), print {
  .ObjectViewPage-header {
    padding: 0.5rem 0;
  }
}
.ObjectViewPage-nav {
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (max-width: 33.99em), print {
  .ObjectViewPage-nav {
    gap: 4px;
  }
}
.ObjectViewPage-nav .Button.Button--outlined {
  height: 32px;
  padding: 0 15px;
  font-size: 1rem;
  min-height: 0;
  gap: 0;
}
.ObjectViewPage-nav .Button.Button--outlined .material-icons {
  font-size: 20px;
  width: 20px;
  height: 20px;
  line-height: 1;
}
@media only screen and (max-width: 33.99em), print {
  .ObjectViewPage-nav .Button.Button--outlined {
    padding: 0 10px;
    font-size: 0.875rem;
  }
}
.ObjectViewPage-main {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr);
      grid-template-columns: minmax(0, 1fr);
  gap: 0.75rem;
  margin-top: 0.75rem;
}
@media only screen and (min-width: 34em), print {
  .ObjectViewPage-main {
    gap: 0.75rem;
    margin-top: 1rem;
  }
}
@media only screen and (min-width: 64em), print {
  .ObjectViewPage-main {
    -ms-grid-columns: minmax(0, 1fr) 349px;
        grid-template-columns: minmax(0, 1fr) 349px;
  }
}
.ObjectViewPage-left {
  min-width: 0;
  overflow: hidden;
}
.ObjectViewPage-imageWrap {
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.ObjectViewPage-imageWrap .lSSlideOuter {
  width: 100% !important;
  max-width: 100% !important;
}
.ObjectViewPage-imageWrap .lSSlideWrapper {
  max-width: 100% !important;
  max-height: none;
}
.ObjectViewPage-imageWrap #image-gallery li.slider_height_fix {
  max-height: none;
  text-align: center;
  overflow: hidden;
}
.ObjectViewPage-imageWrap #image-gallery li.slider_height_fix img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.ObjectViewPage-mediaChips {
  position: absolute;
  bottom: 12px;
  left: 12px;
  z-index: 2;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  padding-top: 8px;
}
.ObjectViewPage-mediaChip {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
  background: #ECE9E4;
  border-radius: 50px;
  padding: 6px 8px;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  color: #000000;
  cursor: pointer;
  transition: background 0.2s;
  white-space: nowrap;
  line-height: 1;
}
.ObjectViewPage-mediaChip:hover {
  background: #e1ddd5;
}
.ObjectViewPage-mediaChip span {
  font-size: 0.875rem;
}
@media only screen and (max-width: 33.99em), print {
  .ObjectViewPage-mediaChip span {
    font-size: 0.75rem;
  }
}
.ObjectViewPage-title {
  font-size: 1.5rem;
  line-height: 1.35;
  font-weight: 500;
  color: #000000;
  margin: 1rem 0 0.5rem;
}
@media only screen and (max-width: 33.99em), print {
  .ObjectViewPage-title {
    font-size: 1.25rem;
    margin: 0.75rem 0 0.5rem;
  }
}
.ObjectViewPage-shortDesc {
  font-size: 1.0625rem;
  line-height: 1.6;
  color: #000000;
  margin: 0;
}
@media only screen and (max-width: 33.99em), print {
  .ObjectViewPage-shortDesc {
    font-size: 0.875rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
}
.ObjectViewPage-right {
  max-width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 64em), print {
  .ObjectViewPage-right {
    -ms-grid-column: 2;
        grid-column: 2;
    -ms-grid-row-span: 20;
    -ms-grid-row: 1;
        grid-row: 1 / span 20;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
  }
}
.ObjectViewPage-infoCard {
  background: #ECE9E4;
  border-radius: 15px;
  padding: 1rem;
}
@media only screen and (max-width: 33.99em), print {
  .ObjectViewPage-infoCard {
    border-radius: 10px;
    padding: 0.75rem;
  }
}
.ObjectViewPage-myBid {
  background: #53ADE7;
  color: #ffffff;
  border-radius: 15px 15px 0 0;
  padding: 0.75rem 1rem;
  margin: -1rem -1rem 0.75rem -1rem;
  font-size: 0.9375rem;
  font-weight: 500;
}
@media only screen and (max-width: 33.99em), print {
  .ObjectViewPage-myBid {
    border-radius: 10px 10px 0 0;
    padding: 0.5rem 0.75rem;
    margin: -0.75rem -0.75rem 0.5rem -0.75rem;
  }
}
.ObjectViewPage-myBid span {
  font-size: 1.125rem;
  font-weight: 700;
}
.ObjectViewPage-infoRow {
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  padding: 0.5rem 0;
}
@media only screen and (max-width: 33.99em), print {
  .ObjectViewPage-infoRow {
    gap: 0.75rem;
  }
}
.ObjectViewPage-infoCell {
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
}
.ObjectViewPage-infoLabel {
  font-size: 0.875rem;
  color: #4C4C4C;
  line-height: 1.4;
}
.ObjectViewPage-infoValue {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #000000;
  line-height: 1.4;
}
.ObjectViewPage-infoSep {
  border: none;
  border-top: 1px solid #ccc;
  margin: 0.25rem 0;
}
.ObjectViewPage-monthlyCost {
  font-size: 0.875rem;
  color: #27536F;
  font-weight: 500;
  text-decoration: none;
}
.ObjectViewPage-monthlyCost:hover {
  text-decoration: underline;
}
.ObjectViewPage-metaValue {
  font-size: 0.875rem;
  color: #767470;
  line-height: 1.4;
}
.ObjectViewPage-bidSection {
  margin-top: 0.75rem;
}
.ObjectViewPage-bidLabel {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #000000;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 33.99em), print {
  .ObjectViewPage-bidLabel {
    font-size: 0.8125rem;
  }
}
.ObjectViewPage-bidInputWrap {
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #000000;
  border-radius: 50px;
  overflow: hidden;
  background: #ffffff;
}
.ObjectViewPage-bidInput {
  -ms-flex: 1;
      flex: 1;
  border: none;
  padding: 10px 0px;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #000000;
  outline: none;
  background: transparent;
  min-width: 0;
  text-align: right;
}
.ObjectViewPage-bidSuffix {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 11px 18px 10px 10px;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #767470;
  white-space: nowrap;
}
.ObjectViewPage-bidBtn {
  width: 100%;
  margin-top: 0.75rem;
  padding: 12px 24px;
  border: none;
  border-radius: 50px;
  background: #53ADE7;
  color: #ffffff;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 6px;
  min-height: 44px;
}
.ObjectViewPage-bidBtn:hover {
  background: #27536F;
}
.ObjectViewPage-bidBtn .material-icons {
  font-size: 16px;
}
.ObjectViewPage-bidDisclaimer {
  font-size: 0.875rem;
  color: #767470;
  margin-top: 1rem;
  line-height: 1.4;
}
@media only screen and (max-width: 33.99em), print {
  .ObjectViewPage-bidDisclaimer {
    font-size: 0.75rem;
  }
}
.ObjectViewPage-bidHistory {
  margin-top: 0.75rem;
  margin-bottom: 1.5rem;
}
.ObjectViewPage-bidHistoryLabel {
  font-size: 0.875rem;
  color: #4C4C4C;
  margin-bottom: 0.5rem;
}
.ObjectViewPage-bidHistoryRow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-size: 0.875rem;
  color: #767470;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px;
}
.ObjectViewPage-bidHistoryUser {
  min-width: 60px;
  width: 60px;
}
.ObjectViewPage-bidHistoryUser span {
  display: inline-block;
  min-width: 60px;
  text-align: center;
  font-size: 0.8125rem;
  padding: 2px 4px;
  border-radius: 4px;
  color: #767470 !important;
  background-color: #E0DEDA !important;
}
.ObjectViewPage-bidHistoryUser span.user_bid {
  background-color: #53ADE7 !important;
  color: #fff !important;
}
#bid_history {
  margin-bottom: 10px;
}
.ObjectViewPage #bid_history span.user_bid {
  background-color: #53ADE7 !important;
  color: #fff !important;
}
.ObjectViewPage-bidHistoryAmount {
  text-align: right;
  color: #4C4C4C;
}
.bud_confirm #bid_abort,
.bud_confirm .open-terms-popup {
  color: #27536F;
}
.ObjectViewPage-bidConfirm {
  background: #ffffff;
  border-radius: 15px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: solid;
  border-width: 1px;
  border-color: #d0d0d0;
  overflow: hidden;
}
.ObjectViewPage-bidConfirm .u-colorBgGrey {
  background: #ECE9E4 !important;
  padding-bottom: 1rem !important;
}
.ObjectViewPage-bidConfirm #confirmation_holder {
  background: #ffffff !important;
  position: relative;
  margin-top: -10px;
}
.ObjectViewPage-bidConfirm .Button,
.ObjectViewPage-bidConfirm .mdl-button {
  text-transform: none !important;
}
@media only screen and (max-width: 33.99em), print {
  .ObjectViewPage-bidConfirm {
    border-radius: 10px;
  }
  .ObjectViewPage-bidConfirm #confirmation_holder {
    border-radius: 10px 10px 0 0;
  }
}
.ObjectViewPage-actions {
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  padding-top: 0.75rem;
}
@media only screen and (max-width: 33.99em), print {
  .ObjectViewPage-actions {
    gap: 1.5rem;
  }
}
.ObjectViewPage-actionItem {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  color: #4C4C4C;
  background: none;
  border: none;
  padding: 0;
  text-decoration: none;
}
.ObjectViewPage-actionItem span {
  font-size: 0.875rem;
}
.ObjectViewPage-ctaBox {
  background: #ECE9E4;
  border-radius: 15px;
  padding: 1rem;
  margin-top: 1rem;
  font-size: 0.875rem;
}
.ObjectViewPage-ctaBox strong {
  display: block;
  margin-bottom: 0.5rem;
  line-height: 1.3;
}
.ObjectViewPage-ctaBox a {
  color: #27536F;
  font-weight: 500;
  text-decoration: none;
}
.ObjectViewPage-ctaBox a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 33.99em), print {
  .ObjectViewPage-ctaBox {
    padding: 0.75rem;
    border-radius: 10px;
  }
}
.ObjectViewPage-evaluators {
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  margin-top: 2rem;
}
@media only screen and (min-width: 64em), print {
  .ObjectViewPage-evaluators {
    -ms-grid-column: 1;
        grid-column: 1;
  }
}
@media only screen and (max-width: 33.99em), print {
  .ObjectViewPage-evaluators {
    margin-top: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.ObjectViewPage-evaluatorsList {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 2rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 33.99em), print {
  .ObjectViewPage-evaluatorsList {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 1rem;
  }
}
.ObjectViewPage-evaluator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 1rem;
}
.ObjectViewPage-evaluator:last-child {
  padding-right: 4.5rem;
}
.ObjectViewPage-evaluatorImg {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  object-fit: cover;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (max-width: 33.99em), print {
  .ObjectViewPage-evaluatorImg {
    width: 56px;
    height: 56px;
  }
}
.ObjectViewPage-evaluatorName {
  font-size: 1rem;
  font-weight: 500;
  color: #000000;
}
.ObjectViewPage-evaluatorTitle {
  font-size: 0.8125rem;
  color: #4C4C4C;
  margin-top: -2px;
}
.ObjectViewPage-evaluatorEmail {
  font-size: 0.75rem;
  font-weight: 500;
  color: #27536F;
  text-decoration: none;
}
.ObjectViewPage-evaluatorEmail:hover {
  text-decoration: underline;
}
.ObjectViewPage-quote {
  background: #ECE9E4;
  border-radius: 15px;
  padding: 1.5rem;
  margin-top: 1.5rem;
  font-style: italic;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: #000000;
}
@media only screen and (min-width: 64em), print {
  .ObjectViewPage-quote {
    -ms-grid-column: 1;
        grid-column: 1;
  }
}
@media only screen and (max-width: 33.99em), print {
  .ObjectViewPage-quote {
    padding: 1rem;
    border-radius: 10px;
  }
}
.ObjectViewPage-content {
  margin-top: 2rem;
}
@media only screen and (min-width: 64em), print {
  .ObjectViewPage-content {
    -ms-grid-column: 1;
        grid-column: 1;
  }
}
@media only screen and (max-width: 33.99em), print {
  .ObjectViewPage-content {
    margin-top: 1.5rem;
  }
}
.ObjectViewPage-section {
  margin-top: 2rem;
}
.ObjectViewPage-section:first-child {
  margin-top: 0;
}
@media only screen and (max-width: 33.99em), print {
  .ObjectViewPage-section {
    margin-top: 1.5rem;
  }
}
.ObjectViewPage-sectionTitle {
  font-size: 1.5rem;
  line-height: 1.35;
  font-weight: 500;
  color: #000000;
  margin: 0 0 1rem;
}
@media only screen and (max-width: 33.99em), print {
  .ObjectViewPage-sectionTitle {
    font-size: 1.25rem;
    margin: 0 0 0.75rem;
  }
}
.ObjectViewPage-sectionText {
  font-size: 1.0625rem;
  line-height: 1.6;
  color: #000000;
}
.ObjectViewPage-sectionText ul {
  padding-left: 20px;
}
.ObjectViewPage-sectionText li {
  margin-bottom: 4px;
}
.ObjectViewPage-techGrid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  gap: 0;
}
@media only screen and (min-width: 64em), print {
  .ObjectViewPage-techGrid {
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
  }
}
.ObjectViewPage-techItem {
  border-bottom: 1px solid #d0d0d0;
  padding: 0.75rem 0;
}
.ObjectViewPage-techLabel {
  font-size: 0.875rem;
  color: #4C4C4C;
  line-height: 1.4;
}
.ObjectViewPage-techValue {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #000000;
  line-height: 1.4;
}
.ObjectViewPage-onSite {
  background: #ECE9E4;
  border-radius: 15px;
  padding: 1rem;
  font-size: 0.9375rem;
  color: #000000;
  line-height: 1.6;
}
.ObjectViewPage-onSite p:first-child {
  margin-top: 0;
}
.ObjectViewPage-onSite p:last-child {
  margin-bottom: 0;
}
.ObjectViewPage-onSite strong {
  display: block;
}
@media only screen and (max-width: 33.99em), print {
  .ObjectViewPage-onSite {
    padding: 0.75rem;
    border-radius: 10px;
  }
}
.ObjectViewPage-notifyBtn {
  display: block;
  width: 100%;
  margin-top: 1rem;
  padding: 12px 24px;
  border: none;
  border-radius: 50px;
  background: #53ADE7;
  color: #ffffff;
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  transition: background 0.2s;
}
.ObjectViewPage-notifyBtn:hover {
  background: #27536F;
  color: #ffffff;
  text-decoration: none;
}
.ObjectViewPage-title,
.ObjectViewPage-shortDesc,
.ObjectViewPage-sectionTitle,
.ObjectViewPage-sectionText {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
@media only screen and (min-width: 64em), print {
  .ObjectViewPage-title,
  .ObjectViewPage-shortDesc,
  .ObjectViewPage-sectionTitle,
  .ObjectViewPage-sectionText {
    padding-left: 0;
    padding-right: 0;
  }
}
/*#

Give a short description of the component's use case and its options.
Markdown is allowed for rich editing.

Examples:

<div>
    <!-- replace this comment with example HTML -->
</div>

*/
.Page {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 100vh;
  padding: 0;
}
.Page-main:last-of-type {
  -ms-flex: 1;
      flex: 1;
}
.Page-container {
  max-width: 1075px;
  margin-left: auto;
  margin-right: auto;
}
.Page-textContent {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
@media only screen and (min-width: 64em), print {
  .Page-textContent {
    padding-left: 0;
    padding-right: 0;
  }
}
.Page-main {
  padding: 0 0.875rem;
}
@media only screen and (min-width: 64em), print {
  .Page-main {
    padding: 0 1.25em;
  }
}
@media only screen and (min-width: 75em) {
  .Page-main {
    padding: 0;
  }
}
.Page-section {
  padding-top: 1.75rem;
}
@media only screen and (min-width: 64em), print {
  .Page-section {
    padding-top: 3.25rem;
  }
}
/* css for staff page */
.Staff_header {
  background-color: #f9f9f9;
  padding: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.Staff_profile-img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 4px solid #ffffff;
  margin-right: 20px;
}
.Staff_header-info h1 {
  margin: 0;
  font-size: 1.75rem;
}
.Staff_header-info h2 {
  margin: 5px 0;
  font-size: 1.125rem;
  font-weight: normal;
}
.Staff_header-info a {
  text-decoration: none;
}
.Staff_header-info a:hover {
  text-decoration: underline;
}
.Staff_content {
  padding: 20px;
}
.Staff_content h3 {
  color: #1ab0ed;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 5px;
  margin-bottom: 15px;
  font-size: 1.25rem;
}
.Staff_content p {
  line-height: 1.6;
}
.Staff_content ul {
  list-style: none;
  padding: 0;
}
.Staff_content li {
  background: #f9f9f9;
  margin-bottom: 8px;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #e6e6e6;
}
/* END OF - css for staff page */
.PageHero-heading {
  font-size: 2.0625rem;
  line-height: 2.6875rem;
  font-weight: 500;
  text-align: center;
  max-width: 1075px;
  margin: 0 auto;
}
@media only screen and (min-width: 64em), print {
  .PageHero-heading {
    font-size: 2.3125rem;
    line-height: 2.9375rem;
  }
}
.PageHero-intro {
  font-size: 1rem;
  text-align: center;
  max-width: 712px;
  margin: 2rem auto;
}
.PageHero-intro a {
  color: #27536F;
  font-weight: 500;
  text-decoration: none;
}
.PageHero-intro a:hover {
  color: #75BAE7;
}
@media only screen and (min-width: 64em), print {
  .PageHero-intro {
    font-size: 1rem;
    margin: 3rem auto;
  }
}
@media only screen and (min-width: 64em), print and only screen and (min-width: 64em), print {
  .PageHero-intro {
    font-size: 1.0625rem;
  }
}
.PageHero-content {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 64em), print {
  .PageHero-content {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
.PageHero-ctas {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 1rem 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 64em), print {
  .PageHero-ctas {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
/**
 * Vertical alignment utilities
 * Depends on an appropriate `display` value.
 */
.u-alignInherit {
  vertical-align: inherit !important;
}
.u-alignBaseline {
  vertical-align: baseline !important;
}
.u-alignBottom {
  vertical-align: bottom !important;
}
.u-alignMiddle {
  vertical-align: middle !important;
}
.u-alignTop {
  vertical-align: top !important;
}
.u-alignCenter {
  margin-left: auto !important;
  margin-right: auto !important;
}
/**
 * set borders on elements
 */
.u-borderA {
  border: 1px solid #dbdbdb;
}
.u-borderV {
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}
.u-borderH {
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
}
.u-borderT {
  border-top: 1px solid #dbdbdb;
}
.u-borderB {
  border-bottom: 1px solid #dbdbdb;
}
.u-borderL {
  border-left: 1px solid #dbdbdb;
}
.u-borderR {
  border-right: 1px solid #dbdbdb;
}
.u-borderAz {
  border: 0px !important;
}
.u-borderVz {
  border-top: 0px !important;
  border-bottom: 0px !important;
}
.u-borderHz {
  border-left: 0px !important;
  border-right: 0px !important;
}
.u-borderTz {
  border-top: 0px !important;
}
.u-borderBz {
  border-bottom: 0px !important;
}
.u-borderLz {
  border-left: 0px !important;
}
.u-borderRz {
  border-right: 0px !important;
}
.u-border--sm {
  border-width: 2px !important;
}
.u-border--xlarge {
  border-width: 7px!important;
}
.u-border--green {
  border-color: #53ADE7 !important;
}
.u-borderRadiusz {
  border-radius: 0;
}
.u-borderRadiusCircle {
  border-radius: 50%;
}
.u-borderRoundsm {
  border-radius: 3px;
}
.u-borderRoundmd {
  border-radius: 5px;
}
.u-borderRoundBsm {
  border-radius: 0 0 3px 3px;
}
.u-borderRoundBmd {
  border-radius: 0 0 5px 5px;
}
@media only screen and (min-width: 64em), print {
  .u-md-borderRoundTmd {
    border-radius: 5px 5px 0 0;
  }
}
.u-borderWidth1 {
  border-width: 1px;
}
.u-borderWhite {
  border-color: #fff !important;
}
@media only screen and (min-width: 64em), print {
  .u-md-borderA {
    border: 1px solid #dbdbdb !important;
  }
}
/**
 * Add classes for common colors.
 */
.u-colorText {
  color: #434343;
}
.u-colorTextLight {
  color: #868686;
}
.u-colorTextLighter {
  color: #a7a7a7;
}
.u-colorTextGrey {
  color: #515151 !important;
}
.u-colorTextBlack {
  color: #000000;
}
.u-colorTextYellow {
  color: #F7C01B;
}
.u-colorTextGreen {
  color: #53ADE7 !important;
}
.u-colorTextwhite {
  color: #fff;
}
.u-colorTextRed {
  color: #fd0011;
}
.u-colorWhite {
  color: #fff !important;
}
.u-colorBlue {
  color: #1AB0ED !important;
}
.u-colorBgGrey0 {
  background-color: #f9f9f9 !important;
}
.u-colorBgGrey3 {
  background-color: #9b9b9b !important;
}
.u-colorBgGrey4 {
  background-color: #E3E3E3 !important;
}
.u-colorBgGrey {
  background-color: #f5f5f5;
}
.u-colorBgWhite {
  background: #fff!important;
}
.u-colorBgGreen {
  background-color: #53ADE7;
}
.u-colorBgLighterGreen {
  background-color: #75BAE7;
}
.u-colorBgRed {
  background-color: #b33528;
}
.u-colorBgSteelBlue {
  background-color: #81889B !important;
}
.u-colorBgBlue {
  background-color: #53ADE7 !important;
}
.u-colorBgPureRed {
  background-color: #ff0000;
}
/**
 * Display-type utilities
 */
.u-hidden,
.u-xsm-inline,
.u-xsm-inlineBlock,
.u-xsm-block,
.u-xsm-tableCell,
.u-xsm-flex,
.u-sm-inline,
.u-sm-inlineBlock,
.u-sm-block,
.u-sm-tableCell,
.u-sm-flex,
.u-md-inline,
.u-md-inlineBlock,
.u-md-block,
.u-md-tableCell,
.u-md-flex,
.u-lg-inline,
.u-lg-inlineBlock,
.u-lg-block,
.u-lg-tableCell,
.u-lg-flex,
.u-xlg-inline,
.u-xlg-inlineBlock,
.u-xlg-block,
.u-xlg-tableCell,
.u-xlg-flex {
  display: none !important;
}
.u-visibilityHidden {
  visibility: hidden;
}
.u-visibilityVisible {
  visibility: visible;
}
/**
 * Completely remove from the flow but leave available to screen readers.
 */
.u-hiddenVisually {
  position: absolute !important;
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
}
.u-block {
  display: block !important;
}
.u-inline {
  display: inline !important;
}
/**
 * 1. Fix for Firefox bug: an image styled `max-width:100%` within an
 * inline-block will display at its default size, and not limit its width to
 * 100% of an ancestral container.
 */
.u-inlineBlock {
  display: inline-block !important;
  max-width: 100%;
  /* 1 */
}
.u-table {
  display: table !important;
}
.u-tableRow {
  display: table-row !important;
}
.u-tableCell {
  display: table-cell !important;
}
.u-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.u-flex-1 {
  -ms-flex: 1 !important;
      flex: 1 !important;
}
/* z-index */
.u-zindexsm {
  z-index: 5;
}
.u-zindexMd {
  z-index: 10;
}
/**
 * Show/hide depending on Media Query breakpoints. 
 */
@media only screen and (min-width: 26.25em), print {
  .u-xsm-hidden {
    display: none !important;
  }
  .u-xsm-block {
    display: block !important;
  }
  .u-xsm-inline {
    display: inline !important;
  }
  .u-xsm-inlineBlock {
    display: inline-block !important;
    max-width: 100%;
    /* 1 */
  }
  .u-xsm-tableCell {
    display: table-cell !important;
  }
  .u-xsm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .is-no-flexbox .u-xsm-flex {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 34em), print {
  .u-sm-hidden {
    display: none !important;
  }
  .u-sm-block {
    display: block !important;
  }
  .u-sm-inline {
    display: inline !important;
  }
  .u-sm-inlineBlock {
    display: inline-block !important;
    max-width: 100%;
    /* 1 */
  }
  .u-sm-tableCell {
    display: table-cell !important;
  }
  .u-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .is-no-flexbox .u-sm-flex {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 64em), print {
  .u-md-hidden {
    display: none !important;
  }
  .u-md-block {
    display: block !important;
  }
  .u-md-inline {
    display: inline !important;
  }
  .u-md-inlineBlock {
    display: inline-block !important;
    max-width: 100%;
    /* 1 */
  }
  .u-md-tableCell {
    display: table-cell !important;
  }
  .u-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .is-no-flexbox .u-md-flex {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 57.5em), print {
  .u-lg-hidden {
    display: none !important;
  }
  .u-lg-block {
    display: block !important;
  }
  .u-lg-inline {
    display: inline !important;
  }
  .u-lg-inlineBlock {
    display: inline-block !important;
    max-width: 100%;
    /* 1 */
  }
  .u-lg-tableCell {
    display: table-cell !important;
  }
  .u-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .is-no-flexbox .u-lg-flex {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-xlg-hidden {
    display: none !important;
  }
  .u-xlg-block {
    display: block !important;
  }
  .u-xlg-inline {
    display: inline !important;
  }
  .u-xlg-inlineBlock {
    display: inline-block !important;
    max-width: 100%;
    /* 1 */
  }
  .u-xlg-tableCell {
    display: table-cell !important;
  }
  .u-xlg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .is-no-flexbox .u-xlg-flex {
    display: inline-block !important;
  }
}
/**
 * Contain floats
 *
 * Make an element expand to contain floated children.
 * Uses pseudo-elements (micro clearfix).
 *
 * 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 the
 *    element.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.u-cf:before,
.u-cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.u-cf:after {
  clear: both;
}
/**
 * New block formatting context
 *
 * This affords some useful properties to the element. It won't wrap under
 * floats. Will also contain any floated children.

 * N.B. This will clip overflow. Use the alternative method below if this is
 * problematic.
 */
.u-nbfc {
  overflow: hidden !important;
}
/**
 * Floats
 */
.u-pullLeft {
  float: left !important;
}
.u-pullRight {
  float: right !important;
}
.u-clear {
  clear: both;
}
/**
 * Clean link
 *
 * A link without any text-decoration at all.
 */
.u-linkClean,
.u-linkClean:hover,
.u-linkClean:focus,
.u-linkClean:active {
  text-decoration: underline !important;
  color: #434343 !important;
}
/**
 * Link complex
 *
 * A common pattern is to have a link with several pieces of text and/or an
 * icon, where only one piece of text should display the underline when the
 * link is the subject of user interaction.
 *
 * Example HTML:
 *
 * <a class="u-linkComplex" href="#">
 *   Link complex
 *   <span class="u-linkComplexTarget">target</span>
 * </a>
 */
.u-linkComplex,
.u-linkComplex:hover,
.u-linkComplex:focus,
.u-linkComplex:active {
  text-decoration: none !important;
}
.u-linkComplex:hover .u-linkComplexTarget,
.u-linkComplex:focus .u-linkComplexTarget,
.u-linkComplex:active .u-linkComplexTarget {
  text-decoration: underline !important;
}
/**
 * Block-level link
 *
 * Combination of traits commonly used in vertical navigation lists.
 */
.u-linkBlock,
.u-linkBlock:hover,
.u-linkBlock:focus,
.u-linkBlock:active {
  display: block !important;
  text-decoration: none !important;
}
/**
 * Changes a link to look like plain text.
 */
.u-linkText,
.u-linkText:hover,
.u-linkText:focus,
.u-linkText:active {
  color: #434343;
}
/* 
 * Offset Before 
 * .u-xx-before1of2 
 */
.u-before1of12 {
  margin-left: 8.33333333% !important;
}
.u-before1of10 {
  margin-left: 10% !important;
}
.u-before1of8 {
  margin-left: 12.5% !important;
}
.u-before1of6,
.u-before2of12 {
  margin-left: 16.66666667% !important;
}
.u-before1of5,
.u-before2of10 {
  margin-left: 20% !important;
}
.u-before1of4,
.u-before2of8,
.u-before3of12 {
  margin-left: 25% !important;
}
.u-before3of10 {
  margin-left: 30% !important;
}
.u-before1of3,
.u-before2of6,
.u-before4of12 {
  margin-left: 33.33333333% !important;
}
.u-before3of8 {
  margin-left: 37.5% !important;
}
.u-before2of5,
.u-before4of10 {
  margin-left: 40% !important;
}
.u-before5of12 {
  margin-left: 41.66666667% !important;
}
.u-before1of2,
.u-before2of4,
.u-before3of6,
.u-before4of8,
.u-before5of10,
.u-before6of12 {
  margin-left: 50% !important;
}
.u-before7of12 {
  margin-left: 58.33333333% !important;
}
.u-before3of5,
.u-before6of10 {
  margin-left: 60% !important;
}
.u-before5of8 {
  margin-left: 62.5% !important;
}
.u-before2of3,
.u-before4of6,
.u-before8of12 {
  margin-left: 66.66666667% !important;
}
.u-before7of10 {
  margin-left: 70% !important;
}
.u-before3of4,
.u-before6of8,
.u-before9of12 {
  margin-left: 75% !important;
}
.u-before4of5,
.u-before8of10 {
  margin-left: 80% !important;
}
.u-before5of6,
.u-before10of12 {
  margin-left: 83.33333333% !important;
}
.u-before7of8 {
  margin-left: 87.5% !important;
}
.u-before9of10 {
  margin-left: 90% !important;
}
.u-before11of12 {
  margin-left: 91.66666667% !important;
}
@media only screen and (min-width: 26.25em), print {
  .u-xsm-before1of12 {
    margin-left: 8.33333333% !important;
  }
  .u-xsm-before1of10 {
    margin-left: 10% !important;
  }
  .u-xsm-before1of8 {
    margin-left: 12.5% !important;
  }
  .u-xsm-before1of6,
  .u-xsm-before2of12 {
    margin-left: 16.66666667% !important;
  }
  .u-xsm-before1of5,
  .u-xsm-before2of10 {
    margin-left: 20% !important;
  }
  .u-xsm-before1of4,
  .u-xsm-before2of8,
  .u-xsm-before3of12 {
    margin-left: 25% !important;
  }
  .u-xsm-before3of10 {
    margin-left: 30% !important;
  }
  .u-xsm-before1of3,
  .u-xsm-before2of6,
  .u-xsm-before4of12 {
    margin-left: 33.33333333% !important;
  }
  .u-xsm-before3of8 {
    margin-left: 37.5% !important;
  }
  .u-xsm-before2of5,
  .u-xsm-before4of10 {
    margin-left: 40% !important;
  }
  .u-xsm-before5of12 {
    margin-left: 41.66666667% !important;
  }
  .u-xsm-before1of2,
  .u-xsm-before2of4,
  .u-xsm-before3of6,
  .u-xsm-before4of8,
  .u-xsm-before5of10,
  .u-xsm-before6of12 {
    margin-left: 50% !important;
  }
  .u-xsm-before7of12 {
    margin-left: 58.33333333% !important;
  }
  .u-xsm-before3of5,
  .u-xsm-before6of10 {
    margin-left: 60% !important;
  }
  .u-xsm-before5of8 {
    margin-left: 62.5% !important;
  }
  .u-xsm-before2of3,
  .u-xsm-before4of6,
  .u-xsm-before8of12 {
    margin-left: 66.66666667% !important;
  }
  .u-xsm-before7of10 {
    margin-left: 70% !important;
  }
  .u-xsm-before3of4,
  .u-xsm-before6of8,
  .u-xsm-before9of12 {
    margin-left: 75% !important;
  }
  .u-xsm-before4of5,
  .u-xsm-before8of10 {
    margin-left: 80% !important;
  }
  .u-xsm-before5of6,
  .u-xsm-before10of12 {
    margin-left: 83.33333333% !important;
  }
  .u-xsm-before7of8 {
    margin-left: 87.5% !important;
  }
  .u-xsm-before9of10 {
    margin-left: 90% !important;
  }
  .u-xsm-before11of12 {
    margin-left: 91.66666667% !important;
  }
}
@media only screen and (min-width: 34em), print {
  .u-sm-before1of12 {
    margin-left: 8.33333333% !important;
  }
  .u-sm-before1of10 {
    margin-left: 10% !important;
  }
  .u-sm-before1of8 {
    margin-left: 12.5% !important;
  }
  .u-sm-before1of6,
  .u-sm-before2of12 {
    margin-left: 16.66666667% !important;
  }
  .u-sm-before1of5,
  .u-sm-before2of10 {
    margin-left: 20% !important;
  }
  .u-sm-before1of4,
  .u-sm-before2of8,
  .u-sm-before3of12 {
    margin-left: 25% !important;
  }
  .u-sm-before3of10 {
    margin-left: 30% !important;
  }
  .u-sm-before1of3,
  .u-sm-before2of6,
  .u-sm-before4of12 {
    margin-left: 33.33333333% !important;
  }
  .u-sm-before3of8 {
    margin-left: 37.5% !important;
  }
  .u-sm-before2of5,
  .u-sm-before4of10 {
    margin-left: 40% !important;
  }
  .u-sm-before5of12 {
    margin-left: 41.66666667% !important;
  }
  .u-sm-before1of2,
  .u-sm-before2of4,
  .u-sm-before3of6,
  .u-sm-before4of8,
  .u-sm-before5of10,
  .u-sm-before6of12 {
    margin-left: 50% !important;
  }
  .u-sm-before7of12 {
    margin-left: 58.33333333% !important;
  }
  .u-sm-before3of5,
  .u-sm-before6of10 {
    margin-left: 60% !important;
  }
  .u-sm-before5of8 {
    margin-left: 62.5% !important;
  }
  .u-sm-before2of3,
  .u-sm-before4of6,
  .u-sm-before8of12 {
    margin-left: 66.66666667% !important;
  }
  .u-sm-before7of10 {
    margin-left: 70% !important;
  }
  .u-sm-before3of4,
  .u-sm-before6of8,
  .u-sm-before9of12 {
    margin-left: 75% !important;
  }
  .u-sm-before4of5,
  .u-sm-before8of10 {
    margin-left: 80% !important;
  }
  .u-sm-before5of6,
  .u-sm-before10of12 {
    margin-left: 83.33333333% !important;
  }
  .u-sm-before7of8 {
    margin-left: 87.5% !important;
  }
  .u-sm-before9of10 {
    margin-left: 90% !important;
  }
  .u-sm-before11of12 {
    margin-left: 91.66666667% !important;
  }
}
@media only screen and (min-width: 64em), print {
  .u-md-before1of12 {
    margin-left: 8.33333333% !important;
  }
  .u-md-before1of10 {
    margin-left: 10% !important;
  }
  .u-md-before1of8 {
    margin-left: 12.5% !important;
  }
  .u-md-before1of6,
  .u-md-before2of12 {
    margin-left: 16.66666667% !important;
  }
  .u-md-before1of5,
  .u-md-before2of10 {
    margin-left: 20% !important;
  }
  .u-md-before1of4,
  .u-md-before2of8,
  .u-md-before3of12 {
    margin-left: 25% !important;
  }
  .u-md-before3of10 {
    margin-left: 30% !important;
  }
  .u-md-before1of3,
  .u-md-before2of6,
  .u-md-before4of12 {
    margin-left: 33.33333333% !important;
  }
  .u-md-before3of8 {
    margin-left: 37.5% !important;
  }
  .u-md-before2of5,
  .u-md-before4of10 {
    margin-left: 40% !important;
  }
  .u-md-before5of12 {
    margin-left: 41.66666667% !important;
  }
  .u-md-before1of2,
  .u-md-before2of4,
  .u-md-before3of6,
  .u-md-before4of8,
  .u-md-before5of10,
  .u-md-before6of12 {
    margin-left: 50% !important;
  }
  .u-md-before7of12 {
    margin-left: 58.33333333% !important;
  }
  .u-md-before3of5,
  .u-md-before6of10 {
    margin-left: 60% !important;
  }
  .u-md-before5of8 {
    margin-left: 62.5% !important;
  }
  .u-md-before2of3,
  .u-md-before4of6,
  .u-md-before8of12 {
    margin-left: 66.66666667% !important;
  }
  .u-md-before7of10 {
    margin-left: 70% !important;
  }
  .u-md-before3of4,
  .u-md-before6of8,
  .u-md-before9of12 {
    margin-left: 75% !important;
  }
  .u-md-before4of5,
  .u-md-before8of10 {
    margin-left: 80% !important;
  }
  .u-md-before5of6,
  .u-md-before10of12 {
    margin-left: 83.33333333% !important;
  }
  .u-md-before7of8 {
    margin-left: 87.5% !important;
  }
  .u-md-before9of10 {
    margin-left: 90% !important;
  }
  .u-md-before11of12 {
    margin-left: 91.66666667% !important;
  }
}
@media only screen and (min-width: 57.5em), print {
  .u-lg-before1of12 {
    margin-left: 8.33333333% !important;
  }
  .u-lg-before1of10 {
    margin-left: 10% !important;
  }
  .u-lg-before1of8 {
    margin-left: 12.5% !important;
  }
  .u-lg-before1of6,
  .u-lg-before2of12 {
    margin-left: 16.66666667% !important;
  }
  .u-lg-before1of5,
  .u-lg-before2of10 {
    margin-left: 20% !important;
  }
  .u-lg-before1of4,
  .u-lg-before2of8,
  .u-lg-before3of12 {
    margin-left: 25% !important;
  }
  .u-lg-before3of10 {
    margin-left: 30% !important;
  }
  .u-lg-before1of3,
  .u-lg-before2of6,
  .u-lg-before4of12 {
    margin-left: 33.33333333% !important;
  }
  .u-lg-before3of8 {
    margin-left: 37.5% !important;
  }
  .u-lg-before2of5,
  .u-lg-before4of10 {
    margin-left: 40% !important;
  }
  .u-lg-before5of12 {
    margin-left: 41.66666667% !important;
  }
  .u-lg-before1of2,
  .u-lg-before2of4,
  .u-lg-before3of6,
  .u-lg-before4of8,
  .u-lg-before5of10,
  .u-lg-before6of12 {
    margin-left: 50% !important;
  }
  .u-lg-before7of12 {
    margin-left: 58.33333333% !important;
  }
  .u-lg-before3of5,
  .u-lg-before6of10 {
    margin-left: 60% !important;
  }
  .u-lg-before5of8 {
    margin-left: 62.5% !important;
  }
  .u-lg-before2of3,
  .u-lg-before4of6,
  .u-lg-before8of12 {
    margin-left: 66.66666667% !important;
  }
  .u-lg-before7of10 {
    margin-left: 70% !important;
  }
  .u-lg-before3of4,
  .u-lg-before6of8,
  .u-lg-before9of12 {
    margin-left: 75% !important;
  }
  .u-lg-before4of5,
  .u-lg-before8of10 {
    margin-left: 80% !important;
  }
  .u-lg-before5of6,
  .u-lg-before10of12 {
    margin-left: 83.33333333% !important;
  }
  .u-lg-before7of8 {
    margin-left: 87.5% !important;
  }
  .u-lg-before9of10 {
    margin-left: 90% !important;
  }
  .u-lg-before11of12 {
    margin-left: 91.66666667% !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-xlg-before1of12 {
    margin-left: 8.33333333% !important;
  }
  .u-xlg-before1of10 {
    margin-left: 10% !important;
  }
  .u-xlg-before1of8 {
    margin-left: 12.5% !important;
  }
  .u-xlg-before1of6,
  .u-xlg-before2of12 {
    margin-left: 16.66666667% !important;
  }
  .u-xlg-before1of5,
  .u-xlg-before2of10 {
    margin-left: 20% !important;
  }
  .u-xlg-before1of4,
  .u-xlg-before2of8,
  .u-xlg-before3of12 {
    margin-left: 25% !important;
  }
  .u-xlg-before3of10 {
    margin-left: 30% !important;
  }
  .u-xlg-before1of3,
  .u-xlg-before2of6,
  .u-xlg-before4of12 {
    margin-left: 33.33333333% !important;
  }
  .u-xlg-before3of8 {
    margin-left: 37.5% !important;
  }
  .u-xlg-before2of5,
  .u-xlg-before4of10 {
    margin-left: 40% !important;
  }
  .u-xlg-before5of12 {
    margin-left: 41.66666667% !important;
  }
  .u-xlg-before1of2,
  .u-xlg-before2of4,
  .u-xlg-before3of6,
  .u-xlg-before4of8,
  .u-xlg-before5of10,
  .u-xlg-before6of12 {
    margin-left: 50% !important;
  }
  .u-xlg-before7of12 {
    margin-left: 58.33333333% !important;
  }
  .u-xlg-before3of5,
  .u-xlg-before6of10 {
    margin-left: 60% !important;
  }
  .u-xlg-before5of8 {
    margin-left: 62.5% !important;
  }
  .u-xlg-before2of3,
  .u-xlg-before4of6,
  .u-xlg-before8of12 {
    margin-left: 66.66666667% !important;
  }
  .u-xlg-before7of10 {
    margin-left: 70% !important;
  }
  .u-xlg-before3of4,
  .u-xlg-before6of8,
  .u-xlg-before9of12 {
    margin-left: 75% !important;
  }
  .u-xlg-before4of5,
  .u-xlg-before8of10 {
    margin-left: 80% !important;
  }
  .u-xlg-before5of6,
  .u-xlg-before10of12 {
    margin-left: 83.33333333% !important;
  }
  .u-xlg-before7of8 {
    margin-left: 87.5% !important;
  }
  .u-xlg-before9of10 {
    margin-left: 90% !important;
  }
  .u-xlg-before11of12 {
    margin-left: 91.66666667% !important;
  }
}
/* 
 * Offset After
 * .u-xx-after1of2 
 */
.u-after1of12 {
  margin-right: 8.33333333% !important;
}
.u-after1of10 {
  margin-right: 10% !important;
}
.u-after1of8 {
  margin-right: 12.5% !important;
}
.u-after1of6,
.u-after2of12 {
  margin-right: 16.66666667% !important;
}
.u-after1of5,
.u-after2of10 {
  margin-right: 20% !important;
}
.u-after1of4,
.u-after2of8,
.u-after3of12 {
  margin-right: 25% !important;
}
.u-after3of10 {
  margin-right: 30% !important;
}
.u-after1of3,
.u-after2of6,
.u-after4of12 {
  margin-right: 33.33333333% !important;
}
.u-after3of8 {
  margin-right: 37.5% !important;
}
.u-after2of5,
.u-after4of10 {
  margin-right: 40% !important;
}
.u-after5of12 {
  margin-right: 41.66666667% !important;
}
.u-after1of2,
.u-after2of4,
.u-after3of6,
.u-after4of8,
.u-after5of10,
.u-after6of12 {
  margin-right: 50% !important;
}
.u-after7of12 {
  margin-right: 58.33333333% !important;
}
.u-after3of5,
.u-after6of10 {
  margin-right: 60% !important;
}
.u-after5of8 {
  margin-right: 62.5% !important;
}
.u-after2of3,
.u-after4of6,
.u-after8of12 {
  margin-right: 66.66666667% !important;
}
.u-after7of10 {
  margin-right: 70% !important;
}
.u-after3of4,
.u-after6of8,
.u-after9of12 {
  margin-right: 75% !important;
}
.u-after4of5,
.u-after8of10 {
  margin-right: 80% !important;
}
.u-after5of6,
.u-after10of12 {
  margin-right: 83.33333333% !important;
}
.u-after7of8 {
  margin-right: 87.5% !important;
}
.u-after9of10 {
  margin-right: 90% !important;
}
.u-after11of12 {
  margin-right: 91.66666667% !important;
}
@media only screen and (min-width: 26.25em), print {
  .u-xsm-after1of12 {
    margin-right: 8.33333333% !important;
  }
  .u-xsm-after1of10 {
    margin-right: 10% !important;
  }
  .u-xsm-after1of8 {
    margin-right: 12.5% !important;
  }
  .u-xsm-after1of6,
  .u-xsm-after2of12 {
    margin-right: 16.66666667% !important;
  }
  .u-xsm-after1of5,
  .u-xsm-after2of10 {
    margin-right: 20% !important;
  }
  .u-xsm-after1of4,
  .u-xsm-after2of8,
  .u-xsm-after3of12 {
    margin-right: 25% !important;
  }
  .u-xsm-after3of10 {
    margin-right: 30% !important;
  }
  .u-xsm-after1of3,
  .u-xsm-after2of6,
  .u-xsm-after4of12 {
    margin-right: 33.33333333% !important;
  }
  .u-xsm-after3of8 {
    margin-right: 37.5% !important;
  }
  .u-xsm-after2of5,
  .u-xsm-after4of10 {
    margin-right: 40% !important;
  }
  .u-xsm-after5of12 {
    margin-right: 41.66666667% !important;
  }
  .u-xsm-after1of2,
  .u-xsm-after2of4,
  .u-xsm-after3of6,
  .u-xsm-after4of8,
  .u-xsm-after5of10,
  .u-xsm-after6of12 {
    margin-right: 50% !important;
  }
  .u-xsm-after7of12 {
    margin-right: 58.33333333% !important;
  }
  .u-xsm-after3of5,
  .u-xsm-after6of10 {
    margin-right: 60% !important;
  }
  .u-xsm-after5of8 {
    margin-right: 62.5% !important;
  }
  .u-xsm-after2of3,
  .u-xsm-after4of6,
  .u-xsm-after8of12 {
    margin-right: 66.66666667% !important;
  }
  .u-xsm-after7of10 {
    margin-right: 70% !important;
  }
  .u-xsm-after3of4,
  .u-xsm-after6of8,
  .u-xsm-after9of12 {
    margin-right: 75% !important;
  }
  .u-xsm-after4of5,
  .u-xsm-after8of10 {
    margin-right: 80% !important;
  }
  .u-xsm-after5of6,
  .u-xsm-after10of12 {
    margin-right: 83.33333333% !important;
  }
  .u-xsm-after7of8 {
    margin-right: 87.5% !important;
  }
  .u-xsm-after9of10 {
    margin-right: 90% !important;
  }
  .u-xsm-after11of12 {
    margin-right: 91.66666667% !important;
  }
}
@media only screen and (min-width: 34em), print {
  .u-sm-after1of12 {
    margin-right: 8.33333333% !important;
  }
  .u-sm-after1of10 {
    margin-right: 10% !important;
  }
  .u-sm-after1of8 {
    margin-right: 12.5% !important;
  }
  .u-sm-after1of6,
  .u-sm-after2of12 {
    margin-right: 16.66666667% !important;
  }
  .u-sm-after1of5,
  .u-sm-after2of10 {
    margin-right: 20% !important;
  }
  .u-sm-after1of4,
  .u-sm-after2of8,
  .u-sm-after3of12 {
    margin-right: 25% !important;
  }
  .u-sm-after3of10 {
    margin-right: 30% !important;
  }
  .u-sm-after1of3,
  .u-sm-after2of6,
  .u-sm-after4of12 {
    margin-right: 33.33333333% !important;
  }
  .u-sm-after3of8 {
    margin-right: 37.5% !important;
  }
  .u-sm-after2of5,
  .u-sm-after4of10 {
    margin-right: 40% !important;
  }
  .u-sm-after5of12 {
    margin-right: 41.66666667% !important;
  }
  .u-sm-after1of2,
  .u-sm-after2of4,
  .u-sm-after3of6,
  .u-sm-after4of8,
  .u-sm-after5of10,
  .u-sm-after6of12 {
    margin-right: 50% !important;
  }
  .u-sm-after7of12 {
    margin-right: 58.33333333% !important;
  }
  .u-sm-after3of5,
  .u-sm-after6of10 {
    margin-right: 60% !important;
  }
  .u-sm-after5of8 {
    margin-right: 62.5% !important;
  }
  .u-sm-after2of3,
  .u-sm-after4of6,
  .u-sm-after8of12 {
    margin-right: 66.66666667% !important;
  }
  .u-sm-after7of10 {
    margin-right: 70% !important;
  }
  .u-sm-after3of4,
  .u-sm-after6of8,
  .u-sm-after9of12 {
    margin-right: 75% !important;
  }
  .u-sm-after4of5,
  .u-sm-after8of10 {
    margin-right: 80% !important;
  }
  .u-sm-after5of6,
  .u-sm-after10of12 {
    margin-right: 83.33333333% !important;
  }
  .u-sm-after7of8 {
    margin-right: 87.5% !important;
  }
  .u-sm-after9of10 {
    margin-right: 90% !important;
  }
  .u-sm-after11of12 {
    margin-right: 91.66666667% !important;
  }
}
@media only screen and (min-width: 64em), print {
  .u-md-after1of12 {
    margin-right: 8.33333333% !important;
  }
  .u-md-after1of10 {
    margin-right: 10% !important;
  }
  .u-md-after1of8 {
    margin-right: 12.5% !important;
  }
  .u-md-after1of6,
  .u-md-after2of12 {
    margin-right: 16.66666667% !important;
  }
  .u-md-after1of5,
  .u-md-after2of10 {
    margin-right: 20% !important;
  }
  .u-md-after1of4,
  .u-md-after2of8,
  .u-md-after3of12 {
    margin-right: 25% !important;
  }
  .u-md-after3of10 {
    margin-right: 30% !important;
  }
  .u-md-after1of3,
  .u-md-after2of6,
  .u-md-after4of12 {
    margin-right: 33.33333333% !important;
  }
  .u-md-after3of8 {
    margin-right: 37.5% !important;
  }
  .u-md-after2of5,
  .u-md-after4of10 {
    margin-right: 40% !important;
  }
  .u-md-after5of12 {
    margin-right: 41.66666667% !important;
  }
  .u-md-after1of2,
  .u-md-after2of4,
  .u-md-after3of6,
  .u-md-after4of8,
  .u-md-after5of10,
  .u-md-after6of12 {
    margin-right: 50% !important;
  }
  .u-md-after7of12 {
    margin-right: 58.33333333% !important;
  }
  .u-md-after3of5,
  .u-md-after6of10 {
    margin-right: 60% !important;
  }
  .u-md-after5of8 {
    margin-right: 62.5% !important;
  }
  .u-md-after2of3,
  .u-md-after4of6,
  .u-md-after8of12 {
    margin-right: 66.66666667% !important;
  }
  .u-md-after7of10 {
    margin-right: 70% !important;
  }
  .u-md-after3of4,
  .u-md-after6of8,
  .u-md-after9of12 {
    margin-right: 75% !important;
  }
  .u-md-after4of5,
  .u-md-after8of10 {
    margin-right: 80% !important;
  }
  .u-md-after5of6,
  .u-md-after10of12 {
    margin-right: 83.33333333% !important;
  }
  .u-md-after7of8 {
    margin-right: 87.5% !important;
  }
  .u-md-after9of10 {
    margin-right: 90% !important;
  }
  .u-md-after11of12 {
    margin-right: 91.66666667% !important;
  }
}
@media only screen and (min-width: 57.5em), print {
  .u-lg-after1of12 {
    margin-right: 8.33333333% !important;
  }
  .u-lg-after1of10 {
    margin-right: 10% !important;
  }
  .u-lg-after1of8 {
    margin-right: 12.5% !important;
  }
  .u-lg-after1of6,
  .u-lg-after2of12 {
    margin-right: 16.66666667% !important;
  }
  .u-lg-after1of5,
  .u-lg-after2of10 {
    margin-right: 20% !important;
  }
  .u-lg-after1of4,
  .u-lg-after2of8,
  .u-lg-after3of12 {
    margin-right: 25% !important;
  }
  .u-lg-after3of10 {
    margin-right: 30% !important;
  }
  .u-lg-after1of3,
  .u-lg-after2of6,
  .u-lg-after4of12 {
    margin-right: 33.33333333% !important;
  }
  .u-lg-after3of8 {
    margin-right: 37.5% !important;
  }
  .u-lg-after2of5,
  .u-lg-after4of10 {
    margin-right: 40% !important;
  }
  .u-lg-after5of12 {
    margin-right: 41.66666667% !important;
  }
  .u-lg-after1of2,
  .u-lg-after2of4,
  .u-lg-after3of6,
  .u-lg-after4of8,
  .u-lg-after5of10,
  .u-lg-after6of12 {
    margin-right: 50% !important;
  }
  .u-lg-after7of12 {
    margin-right: 58.33333333% !important;
  }
  .u-lg-after3of5,
  .u-lg-after6of10 {
    margin-right: 60% !important;
  }
  .u-lg-after5of8 {
    margin-right: 62.5% !important;
  }
  .u-lg-after2of3,
  .u-lg-after4of6,
  .u-lg-after8of12 {
    margin-right: 66.66666667% !important;
  }
  .u-lg-after7of10 {
    margin-right: 70% !important;
  }
  .u-lg-after3of4,
  .u-lg-after6of8,
  .u-lg-after9of12 {
    margin-right: 75% !important;
  }
  .u-lg-after4of5,
  .u-lg-after8of10 {
    margin-right: 80% !important;
  }
  .u-lg-after5of6,
  .u-lg-after10of12 {
    margin-right: 83.33333333% !important;
  }
  .u-lg-after7of8 {
    margin-right: 87.5% !important;
  }
  .u-lg-after9of10 {
    margin-right: 90% !important;
  }
  .u-lg-after11of12 {
    margin-right: 91.66666667% !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-xlg-after1of12 {
    margin-right: 8.33333333% !important;
  }
  .u-xlg-after1of10 {
    margin-right: 10% !important;
  }
  .u-xlg-after1of8 {
    margin-right: 12.5% !important;
  }
  .u-xlg-after1of6,
  .u-xlg-after2of12 {
    margin-right: 16.66666667% !important;
  }
  .u-xlg-after1of5,
  .u-xlg-after2of10 {
    margin-right: 20% !important;
  }
  .u-xlg-after1of4,
  .u-xlg-after2of8,
  .u-xlg-after3of12 {
    margin-right: 25% !important;
  }
  .u-xlg-after3of10 {
    margin-right: 30% !important;
  }
  .u-xlg-after1of3,
  .u-xlg-after2of6,
  .u-xlg-after4of12 {
    margin-right: 33.33333333% !important;
  }
  .u-xlg-after3of8 {
    margin-right: 37.5% !important;
  }
  .u-xlg-after2of5,
  .u-xlg-after4of10 {
    margin-right: 40% !important;
  }
  .u-xlg-after5of12 {
    margin-right: 41.66666667% !important;
  }
  .u-xlg-after1of2,
  .u-xlg-after2of4,
  .u-xlg-after3of6,
  .u-xlg-after4of8,
  .u-xlg-after5of10,
  .u-xlg-after6of12 {
    margin-right: 50% !important;
  }
  .u-xlg-after7of12 {
    margin-right: 58.33333333% !important;
  }
  .u-xlg-after3of5,
  .u-xlg-after6of10 {
    margin-right: 60% !important;
  }
  .u-xlg-after5of8 {
    margin-right: 62.5% !important;
  }
  .u-xlg-after2of3,
  .u-xlg-after4of6,
  .u-xlg-after8of12 {
    margin-right: 66.66666667% !important;
  }
  .u-xlg-after7of10 {
    margin-right: 70% !important;
  }
  .u-xlg-after3of4,
  .u-xlg-after6of8,
  .u-xlg-after9of12 {
    margin-right: 75% !important;
  }
  .u-xlg-after4of5,
  .u-xlg-after8of10 {
    margin-right: 80% !important;
  }
  .u-xlg-after5of6,
  .u-xlg-after10of12 {
    margin-right: 83.33333333% !important;
  }
  .u-xlg-after7of8 {
    margin-right: 87.5% !important;
  }
  .u-xlg-after9of10 {
    margin-right: 90% !important;
  }
  .u-xlg-after11of12 {
    margin-right: 91.66666667% !important;
  }
}
.u-posAbsolute {
  position: absolute !important;
}
/**
 * Pins to all corners by default. But when a width and/or height are
 * provided, the element will be centered in its nearest relatively-positioned
 * ancestor.
 */
.u-posAbsoluteCenter {
  bottom: 0 !important;
  left: 0 !important;
  margin: auto !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
}
/**
 * 1. Make sure fixed elements are promoted into a new layer, for performance
 *    reasons.
 */
.u-posFixed {
  position: fixed !important;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  /* 1 */
}
.u-posRelative {
  position: relative !important;
}
.u-posStatic {
  position: static !important;
}
.u-posAbsoluteBottom {
  position: absolute;
  bottom: 0;
}
.u-posAbsoluteTop {
  position: absolute;
  top: 5px;
}
.u-posAbsoluteRight {
  position: absolute;
  right: 0;
}
.u-spaceAround {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.u-spaceBetween {
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media print {
  .u-printHide {
    display: none !important;
  }
  .u-printSizeFull {
    width: 100% !important;
    display: block !important;
  }
}
/*
    Size Utility

    This generates size classes that can be used with the Grid component.
    The classes are only active from a specified breakpoint.

    For example if you apply .u-md-size1of2 to an element
    it will get width 50% when the screen-width is larger than medium width (@bpMedium).

    Adding another class of .u-lg-size1of4 would mean the element gets 25% when @bpLarge breakpoint gets active.
*/
.u-sizeFull {
  width: 100% !important;
}
.u-minSizeSmall {
  min-width: 6em !important;
}
.u-minSizeMedium {
  min-width: 10em !important;
}
.u-minSizeLarge {
  min-width: 15em !important;
}
.u-sizeAuto {
  width: auto !important;
}
/**
 * Size utilities
 * .u-size1of4
 * .u-sm-size1of4
 */
/* Intrinsic widths
   ========================================================================== */
/**
     * Make an element the width of its parent.
     */
.u-sizeFull,
.u-size1of1 {
  width: 100% !important;
}
/**
     * Make an element fill the remaining space.
     * N.B. This will hide overflow.
     */
.u-sizeFill {
  display: block !important;
  overflow: hidden !important;
  width: auto !important;
}
/* Proportional widths
       ========================================================================== */
/**
     * Specify the proportional width of an object.
     * Intentional redundancy build into each set of unit classes.
     * Supports: 2, 3, 4, 5, 6, 8, 10, 12 part
     *
     * 1. Use `flex-basis: auto` with a width to avoid box-sizing bug in IE10/11
     *    http://git.io/vllMD
     */
[class*="u-size"] {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  /* 1 */
  -webkit-flex-basis: auto !important;
  /* 1 */
  -ms-flex-basis: auto !important;
  /* 1 */
}
.u-size1of12 {
  width: 8.33333333% !important;
}
.u-size1of10 {
  width: 10% !important;
}
.u-size1of8 {
  width: 12.5% !important;
}
.u-size1of6,
.u-size2of12 {
  width: 16.66666667% !important;
}
.u-size1of5,
.u-size2of10 {
  width: 20% !important;
}
.u-size1of4,
.u-size2of8,
.u-size3of12 {
  width: 25% !important;
}
.u-size3of10 {
  width: 30% !important;
}
.u-size1of3,
.u-size2of6,
.u-size4of12 {
  width: 33.33333333% !important;
}
.u-size3of8 {
  width: 37.5% !important;
}
.u-size2of5,
.u-size4of10 {
  width: 40% !important;
}
.u-size5of12 {
  width: 41.66666667% !important;
}
.u-size1of2,
.u-size2of4,
.u-size3of6,
.u-size4of8,
.u-size5of10,
.u-size6of12 {
  width: 50% !important;
}
.u-size7of12 {
  width: 58.33333333% !important;
}
.u-size3of5,
.u-size6of10 {
  width: 60% !important;
}
.u-size5of8 {
  width: 62.5% !important;
}
.u-size2of3,
.u-size4of6,
.u-size8of12 {
  width: 66.66666667% !important;
}
.u-size7of10 {
  width: 70% !important;
}
.u-size3of4,
.u-size6of8,
.u-size9of12 {
  width: 75% !important;
}
.u-size4of5,
.u-size8of10 {
  width: 80% !important;
}
.u-size5of6,
.u-size10of12 {
  width: 83.33333333% !important;
}
.u-size7of8 {
  width: 87.5% !important;
}
.u-size6of9 {
  width: 66.66666667% !important;
}
.u-size3of9 {
  width: 33.33333333% !important;
}
.u-size9of10 {
  width: 90% !important;
}
.u-size11of12 {
  width: 91.66666667% !important;
}
@media only screen and (min-width: 26.25em), print {
  /* Intrinsic widths
   ========================================================================== */
  /**
     * Make an element the width of its parent.
     */
  .u-xsm-sizeFull,
  .u-xsm-size1of1 {
    width: 100% !important;
  }
  /**
     * Make an element fill the remaining space.
     * N.B. This will hide overflow.
     */
  .u-xsm-sizeFill {
    display: block !important;
    overflow: hidden !important;
    width: auto !important;
  }
  /* Proportional widths
       ========================================================================== */
  /**
     * Specify the proportional width of an object.
     * Intentional redundancy build into each set of unit classes.
     * Supports: 2, 3, 4, 5, 6, 8, 10, 12 part
     *
     * 1. Use `flex-basis: auto` with a width to avoid box-sizing bug in IE10/11
     *    http://git.io/vllMD
     */
  [class*="u-xsm-size"] {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    /* 1 */
    -webkit-flex-basis: auto !important;
    /* 1 */
    -ms-flex-basis: auto !important;
    /* 1 */
  }
  .u-xsm-size1of12 {
    width: 8.33333333% !important;
  }
  .u-xsm-size1of10 {
    width: 10% !important;
  }
  .u-xsm-size1of8 {
    width: 12.5% !important;
  }
  .u-xsm-size1of6,
  .u-xsm-size2of12 {
    width: 16.66666667% !important;
  }
  .u-xsm-size1of5,
  .u-xsm-size2of10 {
    width: 20% !important;
  }
  .u-xsm-size1of4,
  .u-xsm-size2of8,
  .u-xsm-size3of12 {
    width: 25% !important;
  }
  .u-xsm-size3of10 {
    width: 30% !important;
  }
  .u-xsm-size1of3,
  .u-xsm-size2of6,
  .u-xsm-size4of12 {
    width: 33.33333333% !important;
  }
  .u-xsm-size3of8 {
    width: 37.5% !important;
  }
  .u-xsm-size2of5,
  .u-xsm-size4of10 {
    width: 40% !important;
  }
  .u-xsm-size5of12 {
    width: 41.66666667% !important;
  }
  .u-xsm-size1of2,
  .u-xsm-size2of4,
  .u-xsm-size3of6,
  .u-xsm-size4of8,
  .u-xsm-size5of10,
  .u-xsm-size6of12 {
    width: 50% !important;
  }
  .u-xsm-size7of12 {
    width: 58.33333333% !important;
  }
  .u-xsm-size3of5,
  .u-xsm-size6of10 {
    width: 60% !important;
  }
  .u-xsm-size5of8 {
    width: 62.5% !important;
  }
  .u-xsm-size2of3,
  .u-xsm-size4of6,
  .u-xsm-size8of12 {
    width: 66.66666667% !important;
  }
  .u-xsm-size7of10 {
    width: 70% !important;
  }
  .u-xsm-size3of4,
  .u-xsm-size6of8,
  .u-xsm-size9of12 {
    width: 75% !important;
  }
  .u-xsm-size4of5,
  .u-xsm-size8of10 {
    width: 80% !important;
  }
  .u-xsm-size5of6,
  .u-xsm-size10of12 {
    width: 83.33333333% !important;
  }
  .u-xsm-size7of8 {
    width: 87.5% !important;
  }
  .u-xsm-size6of9 {
    width: 66.66666667% !important;
  }
  .u-xsm-size3of9 {
    width: 33.33333333% !important;
  }
  .u-xsm-size9of10 {
    width: 90% !important;
  }
  .u-xsm-size11of12 {
    width: 91.66666667% !important;
  }
}
@media only screen and (min-width: 34em), print {
  /* Intrinsic widths
   ========================================================================== */
  /**
     * Make an element the width of its parent.
     */
  .u-sm-sizeFull,
  .u-sm-size1of1 {
    width: 100% !important;
  }
  /**
     * Make an element fill the remaining space.
     * N.B. This will hide overflow.
     */
  .u-sm-sizeFill {
    display: block !important;
    overflow: hidden !important;
    width: auto !important;
  }
  /* Proportional widths
       ========================================================================== */
  /**
     * Specify the proportional width of an object.
     * Intentional redundancy build into each set of unit classes.
     * Supports: 2, 3, 4, 5, 6, 8, 10, 12 part
     *
     * 1. Use `flex-basis: auto` with a width to avoid box-sizing bug in IE10/11
     *    http://git.io/vllMD
     */
  [class*="u-sm-size"] {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    /* 1 */
    -webkit-flex-basis: auto !important;
    /* 1 */
    -ms-flex-basis: auto !important;
    /* 1 */
  }
  .u-sm-size1of12 {
    width: 8.33333333% !important;
  }
  .u-sm-size1of10 {
    width: 10% !important;
  }
  .u-sm-size1of8 {
    width: 12.5% !important;
  }
  .u-sm-size1of6,
  .u-sm-size2of12 {
    width: 16.66666667% !important;
  }
  .u-sm-size1of5,
  .u-sm-size2of10 {
    width: 20% !important;
  }
  .u-sm-size1of4,
  .u-sm-size2of8,
  .u-sm-size3of12 {
    width: 25% !important;
  }
  .u-sm-size3of10 {
    width: 30% !important;
  }
  .u-sm-size1of3,
  .u-sm-size2of6,
  .u-sm-size4of12 {
    width: 33.33333333% !important;
  }
  .u-sm-size3of8 {
    width: 37.5% !important;
  }
  .u-sm-size2of5,
  .u-sm-size4of10 {
    width: 40% !important;
  }
  .u-sm-size5of12 {
    width: 41.66666667% !important;
  }
  .u-sm-size1of2,
  .u-sm-size2of4,
  .u-sm-size3of6,
  .u-sm-size4of8,
  .u-sm-size5of10,
  .u-sm-size6of12 {
    width: 50% !important;
  }
  .u-sm-size7of12 {
    width: 58.33333333% !important;
  }
  .u-sm-size3of5,
  .u-sm-size6of10 {
    width: 60% !important;
  }
  .u-sm-size5of8 {
    width: 62.5% !important;
  }
  .u-sm-size2of3,
  .u-sm-size4of6,
  .u-sm-size8of12 {
    width: 66.66666667% !important;
  }
  .u-sm-size7of10 {
    width: 70% !important;
  }
  .u-sm-size3of4,
  .u-sm-size6of8,
  .u-sm-size9of12 {
    width: 75% !important;
  }
  .u-sm-size4of5,
  .u-sm-size8of10 {
    width: 80% !important;
  }
  .u-sm-size5of6,
  .u-sm-size10of12 {
    width: 83.33333333% !important;
  }
  .u-sm-size7of8 {
    width: 87.5% !important;
  }
  .u-sm-size6of9 {
    width: 66.66666667% !important;
  }
  .u-sm-size3of9 {
    width: 33.33333333% !important;
  }
  .u-sm-size9of10 {
    width: 90% !important;
  }
  .u-sm-size11of12 {
    width: 91.66666667% !important;
  }
}
@media only screen and (min-width: 64em), print {
  /* Intrinsic widths
   ========================================================================== */
  /**
     * Make an element the width of its parent.
     */
  .u-md-sizeFull,
  .u-md-size1of1 {
    width: 100% !important;
  }
  /**
     * Make an element fill the remaining space.
     * N.B. This will hide overflow.
     */
  .u-md-sizeFill {
    display: block !important;
    overflow: hidden !important;
    width: auto !important;
  }
  /* Proportional widths
       ========================================================================== */
  /**
     * Specify the proportional width of an object.
     * Intentional redundancy build into each set of unit classes.
     * Supports: 2, 3, 4, 5, 6, 8, 10, 12 part
     *
     * 1. Use `flex-basis: auto` with a width to avoid box-sizing bug in IE10/11
     *    http://git.io/vllMD
     */
  [class*="u-md-size"] {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    /* 1 */
    -webkit-flex-basis: auto !important;
    /* 1 */
    -ms-flex-basis: auto !important;
    /* 1 */
  }
  .u-md-size1of12 {
    width: 8.33333333% !important;
  }
  .u-md-size1of10 {
    width: 10% !important;
  }
  .u-md-size1of8 {
    width: 12.5% !important;
  }
  .u-md-size1of6,
  .u-md-size2of12 {
    width: 16.66666667% !important;
  }
  .u-md-size1of5,
  .u-md-size2of10 {
    width: 20% !important;
  }
  .u-md-size1of4,
  .u-md-size2of8,
  .u-md-size3of12 {
    width: 25% !important;
  }
  .u-md-size3of10 {
    width: 30% !important;
  }
  .u-md-size1of3,
  .u-md-size2of6,
  .u-md-size4of12 {
    width: 33.33333333% !important;
  }
  .u-md-size3of8 {
    width: 37.5% !important;
  }
  .u-md-size2of5,
  .u-md-size4of10 {
    width: 40% !important;
  }
  .u-md-size5of12 {
    width: 41.66666667% !important;
  }
  .u-md-size1of2,
  .u-md-size2of4,
  .u-md-size3of6,
  .u-md-size4of8,
  .u-md-size5of10,
  .u-md-size6of12 {
    width: 50% !important;
  }
  .u-md-size7of12 {
    width: 58.33333333% !important;
  }
  .u-md-size3of5,
  .u-md-size6of10 {
    width: 60% !important;
  }
  .u-md-size5of8 {
    width: 62.5% !important;
  }
  .u-md-size2of3,
  .u-md-size4of6,
  .u-md-size8of12 {
    width: 66.66666667% !important;
  }
  .u-md-size7of10 {
    width: 70% !important;
  }
  .u-md-size3of4,
  .u-md-size6of8,
  .u-md-size9of12 {
    width: 75% !important;
  }
  .u-md-size4of5,
  .u-md-size8of10 {
    width: 80% !important;
  }
  .u-md-size5of6,
  .u-md-size10of12 {
    width: 83.33333333% !important;
  }
  .u-md-size7of8 {
    width: 87.5% !important;
  }
  .u-md-size6of9 {
    width: 66.66666667% !important;
  }
  .u-md-size3of9 {
    width: 33.33333333% !important;
  }
  .u-md-size9of10 {
    width: 90% !important;
  }
  .u-md-size11of12 {
    width: 91.66666667% !important;
  }
}
@media only screen and (min-width: 57.5em), print {
  /* Intrinsic widths
   ========================================================================== */
  /**
     * Make an element the width of its parent.
     */
  .u-lg-sizeFull,
  .u-lg-size1of1 {
    width: 100% !important;
  }
  /**
     * Make an element fill the remaining space.
     * N.B. This will hide overflow.
     */
  .u-lg-sizeFill {
    display: block !important;
    overflow: hidden !important;
    width: auto !important;
  }
  /* Proportional widths
       ========================================================================== */
  /**
     * Specify the proportional width of an object.
     * Intentional redundancy build into each set of unit classes.
     * Supports: 2, 3, 4, 5, 6, 8, 10, 12 part
     *
     * 1. Use `flex-basis: auto` with a width to avoid box-sizing bug in IE10/11
     *    http://git.io/vllMD
     */
  [class*="u-lg-size"] {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    /* 1 */
    -webkit-flex-basis: auto !important;
    /* 1 */
    -ms-flex-basis: auto !important;
    /* 1 */
  }
  .u-lg-size1of12 {
    width: 8.33333333% !important;
  }
  .u-lg-size1of10 {
    width: 10% !important;
  }
  .u-lg-size1of8 {
    width: 12.5% !important;
  }
  .u-lg-size1of6,
  .u-lg-size2of12 {
    width: 16.66666667% !important;
  }
  .u-lg-size1of5,
  .u-lg-size2of10 {
    width: 20% !important;
  }
  .u-lg-size1of4,
  .u-lg-size2of8,
  .u-lg-size3of12 {
    width: 25% !important;
  }
  .u-lg-size3of10 {
    width: 30% !important;
  }
  .u-lg-size1of3,
  .u-lg-size2of6,
  .u-lg-size4of12 {
    width: 33.33333333% !important;
  }
  .u-lg-size3of8 {
    width: 37.5% !important;
  }
  .u-lg-size2of5,
  .u-lg-size4of10 {
    width: 40% !important;
  }
  .u-lg-size5of12 {
    width: 41.66666667% !important;
  }
  .u-lg-size1of2,
  .u-lg-size2of4,
  .u-lg-size3of6,
  .u-lg-size4of8,
  .u-lg-size5of10,
  .u-lg-size6of12 {
    width: 50% !important;
  }
  .u-lg-size7of12 {
    width: 58.33333333% !important;
  }
  .u-lg-size3of5,
  .u-lg-size6of10 {
    width: 60% !important;
  }
  .u-lg-size5of8 {
    width: 62.5% !important;
  }
  .u-lg-size2of3,
  .u-lg-size4of6,
  .u-lg-size8of12 {
    width: 66.66666667% !important;
  }
  .u-lg-size7of10 {
    width: 70% !important;
  }
  .u-lg-size3of4,
  .u-lg-size6of8,
  .u-lg-size9of12 {
    width: 75% !important;
  }
  .u-lg-size4of5,
  .u-lg-size8of10 {
    width: 80% !important;
  }
  .u-lg-size5of6,
  .u-lg-size10of12 {
    width: 83.33333333% !important;
  }
  .u-lg-size7of8 {
    width: 87.5% !important;
  }
  .u-lg-size6of9 {
    width: 66.66666667% !important;
  }
  .u-lg-size3of9 {
    width: 33.33333333% !important;
  }
  .u-lg-size9of10 {
    width: 90% !important;
  }
  .u-lg-size11of12 {
    width: 91.66666667% !important;
  }
}
@media only screen and (min-width: 75em) {
  /* Intrinsic widths
   ========================================================================== */
  /**
     * Make an element the width of its parent.
     */
  .u-xlg-sizeFull,
  .u-xlg-size1of1 {
    width: 100% !important;
  }
  /**
     * Make an element fill the remaining space.
     * N.B. This will hide overflow.
     */
  .u-xlg-sizeFill {
    display: block !important;
    overflow: hidden !important;
    width: auto !important;
  }
  /* Proportional widths
       ========================================================================== */
  /**
     * Specify the proportional width of an object.
     * Intentional redundancy build into each set of unit classes.
     * Supports: 2, 3, 4, 5, 6, 8, 10, 12 part
     *
     * 1. Use `flex-basis: auto` with a width to avoid box-sizing bug in IE10/11
     *    http://git.io/vllMD
     */
  [class*="u-xlg-size"] {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    /* 1 */
    -webkit-flex-basis: auto !important;
    /* 1 */
    -ms-flex-basis: auto !important;
    /* 1 */
  }
  .u-xlg-size1of12 {
    width: 8.33333333% !important;
  }
  .u-xlg-size1of10 {
    width: 10% !important;
  }
  .u-xlg-size1of8 {
    width: 12.5% !important;
  }
  .u-xlg-size1of6,
  .u-xlg-size2of12 {
    width: 16.66666667% !important;
  }
  .u-xlg-size1of5,
  .u-xlg-size2of10 {
    width: 20% !important;
  }
  .u-xlg-size1of4,
  .u-xlg-size2of8,
  .u-xlg-size3of12 {
    width: 25% !important;
  }
  .u-xlg-size3of10 {
    width: 30% !important;
  }
  .u-xlg-size1of3,
  .u-xlg-size2of6,
  .u-xlg-size4of12 {
    width: 33.33333333% !important;
  }
  .u-xlg-size3of8 {
    width: 37.5% !important;
  }
  .u-xlg-size2of5,
  .u-xlg-size4of10 {
    width: 40% !important;
  }
  .u-xlg-size5of12 {
    width: 41.66666667% !important;
  }
  .u-xlg-size1of2,
  .u-xlg-size2of4,
  .u-xlg-size3of6,
  .u-xlg-size4of8,
  .u-xlg-size5of10,
  .u-xlg-size6of12 {
    width: 50% !important;
  }
  .u-xlg-size7of12 {
    width: 58.33333333% !important;
  }
  .u-xlg-size3of5,
  .u-xlg-size6of10 {
    width: 60% !important;
  }
  .u-xlg-size5of8 {
    width: 62.5% !important;
  }
  .u-xlg-size2of3,
  .u-xlg-size4of6,
  .u-xlg-size8of12 {
    width: 66.66666667% !important;
  }
  .u-xlg-size7of10 {
    width: 70% !important;
  }
  .u-xlg-size3of4,
  .u-xlg-size6of8,
  .u-xlg-size9of12 {
    width: 75% !important;
  }
  .u-xlg-size4of5,
  .u-xlg-size8of10 {
    width: 80% !important;
  }
  .u-xlg-size5of6,
  .u-xlg-size10of12 {
    width: 83.33333333% !important;
  }
  .u-xlg-size7of8 {
    width: 87.5% !important;
  }
  .u-xlg-size6of9 {
    width: 66.66666667% !important;
  }
  .u-xlg-size3of9 {
    width: 33.33333333% !important;
  }
  .u-xlg-size9of10 {
    width: 90% !important;
  }
  .u-xlg-size11of12 {
    width: 91.66666667% !important;
  }
}
/* Custom style */
.pullToBottom {
  position: absolute;
  bottom: 20px;
}
@media only screen and (max-width: 63.99em), print {
  .pullToBottom {
    position: relative;
    bottom: 0;
  }
}
/*
	Change the default spacing between and inside components.
	
	Example HTML: 
	
	<div class="u-marginTl u-marginBm"> 			// large margin-top and medium margin-bottom
		<h1 class="u-marginTz">Hello World</h1>		// zero margin-top
	</div>
	
	Directions:
		A = all
		T = top 
		B = bottom
		R = right
		L = left
		H = horizontal (right and left)
		V = vertical (top and bottom)
	
	Sizes:
	  z  = zero
      xsm = xsmall
      sm  = small
      md  = medium
      lg  = large
      xlg = xlarge
*/
/** 
 * Margins, .u-margin{direction}{size}
 */
.u-marginAxxsm {
  margin: 0.3125em !important;
}
.u-marginAxsm {
  margin: 0.41666667em !important;
}
.u-marginAsm {
  margin: 0.625em !important;
}
.u-marginAmd {
  margin: 1.25em !important;
}
.u-marginAlg {
  margin: 2.5em !important;
}
.u-marginAxlg {
  margin: 3.75em !important;
}
.u-marginTxxsm {
  margin-top: 0.3125em !important;
}
.u-marginTxsm {
  margin-top: 0.41666667em !important;
}
.u-marginTsm {
  margin-top: 0.625em !important;
}
.u-marginTmd {
  margin-top: 1.25em !important;
}
.u-marginTlg {
  margin-top: 2.5em !important;
}
.u-marginTxlg {
  margin-top: 3.75em !important;
}
.u-marginBxxsm {
  margin-bottom: 0.3125em !important;
}
.u-marginBxsm {
  margin-bottom: 0.41666667em !important;
}
.u-marginBsm {
  margin-bottom: 0.625em !important;
}
.u-marginBmd {
  margin-bottom: 1.25em !important;
}
.u-marginBlg {
  margin-bottom: 2.5em !important;
}
.u-marginBxlg {
  margin-bottom: 3.75em !important;
}
.u-marginRxxsm {
  margin-right: 0.3125em !important;
}
.u-marginRxsm {
  margin-right: 0.41666667em !important;
}
.u-marginRsm {
  margin-right: 0.625em !important;
}
.u-marginRmd {
  margin-right: 1.25em !important;
}
.u-marginRlg {
  margin-right: 2.5em !important;
}
.u-marginRxlg {
  margin-right: 3.75em !important;
}
.u-marginLxxsm {
  margin-left: 0.3125em !important;
}
.u-marginLxsm {
  margin-left: 0.41666667em !important;
}
.u-marginLsm {
  margin-left: 0.625em !important;
}
.u-marginLmd {
  margin-left: 1.25em !important;
}
.u-marginLlg {
  margin-left: 2.5em !important;
}
.u-marginLxlg {
  margin-left: 3.75em !important;
}
.u-marginHxxsm {
  margin-left: 0.3125em !important;
  margin-right: 0.3125em !important;
}
.u-marginHxsm {
  margin-left: 0.41666667em !important;
  margin-right: 0.41666667em !important;
}
.u-marginHsm {
  margin-left: 0.625em !important;
  margin-right: 0.625em !important;
}
.u-marginHmd {
  margin-left: 1.25em !important;
  margin-right: 1.25em !important;
}
.u-marginHlg {
  margin-left: 2.5em !important;
  margin-right: 2.5em !important;
}
.u-marginHxlg {
  margin-left: 3.75em !important;
  margin-right: 3.75em !important;
}
.u-marginVxxsm {
  margin-top: 0.3125em !important;
  margin-bottom: 0.3125em !important;
}
.u-marginVxsm {
  margin-top: 0.41666667em !important;
  margin-bottom: 0.41666667em !important;
}
.u-marginVsm {
  margin-top: 0.625em !important;
  margin-bottom: 0.625em !important;
}
.u-marginVmd {
  margin-top: 1.25em !important;
  margin-bottom: 1.25em !important;
}
.u-marginVlg {
  margin-top: 2.5em !important;
  margin-bottom: 2.5em !important;
}
.u-marginVxlg {
  margin-top: 3.75em !important;
  margin-bottom: 3.75em !important;
}
.u-marginAz {
  margin: 0 !important;
}
.u-marginTz {
  margin-top: 0 !important;
}
.u-marginBz {
  margin-bottom: 0 !important;
}
.u-marginRz {
  margin-right: 0 !important;
}
.u-marginLz {
  margin-left: 0 !important;
}
.u-marginHz {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.u-marginVz {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/** 
 * Paddings, .u-padding{direction}{size}
 */
.u-paddingAxxsm {
  padding: 0.3125em !important;
}
.u-paddingAxsm {
  padding: 0.41666667em !important;
}
.u-paddingAsm {
  padding: 0.625em !important;
}
.u-paddingAmd {
  padding: 1.25em !important;
}
.u-paddingAlg {
  padding: 2.5em !important;
}
.u-paddingAxlg {
  padding: 3.75em !important;
}
.u-paddingTxxsm {
  padding-top: 0.3125em !important;
}
.u-paddingTxsm {
  padding-top: 0.41666667em !important;
}
.u-paddingTsm {
  padding-top: 0.625em !important;
}
.u-paddingTmd {
  padding-top: 1.25em !important;
}
.u-paddingTlg {
  padding-top: 2.5em !important;
}
.u-paddingTxlg {
  padding-top: 3.75em !important;
}
.u-paddingBxxsm {
  padding-bottom: 0.3125em !important;
}
.u-paddingBxsm {
  padding-bottom: 0.41666667em !important;
}
.u-paddingBsm {
  padding-bottom: 0.625em !important;
}
.u-paddingBmd {
  padding-bottom: 1.25em !important;
}
.u-paddingBlg {
  padding-bottom: 2.5em !important;
}
.u-paddingBxlg {
  padding-bottom: 3.75em !important;
}
.u-paddingRxxsm {
  padding-right: 0.3125em !important;
}
.u-paddingRxsm {
  padding-right: 0.41666667em !important;
}
.u-paddingRsm {
  padding-right: 0.625em !important;
}
.u-paddingRmd {
  padding-right: 1.25em !important;
}
.u-paddingRlg {
  padding-right: 2.5em !important;
}
.u-paddingRxlg {
  padding-right: 3.75em !important;
}
.u-paddingLxxsm {
  padding-left: 0.3125em !important;
}
.u-paddingLxsm {
  padding-left: 0.41666667em !important;
}
.u-paddingLsm {
  padding-left: 0.625em !important;
}
.u-paddingLmd {
  padding-left: 1.25em !important;
}
.u-paddingLlg {
  padding-left: 2.5em !important;
}
.u-paddingLxlg {
  padding-left: 3.75em !important;
}
.u-paddingHxxsm {
  padding-left: 0.3125em !important;
  padding-right: 0.3125em !important;
}
.u-paddingHxsm {
  padding-left: 0.41666667em !important;
  padding-right: 0.41666667em !important;
}
.u-paddingHsm {
  padding-left: 0.625em !important;
  padding-right: 0.625em !important;
}
.u-paddingHmd {
  padding-left: 1.25em !important;
  padding-right: 1.25em !important;
}
.u-paddingHlg {
  padding-left: 2.5em !important;
  padding-right: 2.5em !important;
}
.u-paddingHxlg {
  padding-left: 3.75em !important;
  padding-right: 3.75em !important;
}
.u-paddingVxxsm {
  padding-top: 0.3125em !important;
  padding-bottom: 0.3125em !important;
}
.u-paddingVxsm {
  padding-top: 0.41666667em !important;
  padding-bottom: 0.41666667em !important;
}
.u-paddingVsm {
  padding-top: 0.625em !important;
  padding-bottom: 0.625em !important;
}
.u-paddingVmd {
  padding-top: 1.25em !important;
  padding-bottom: 1.25em !important;
}
.u-paddingVlg {
  padding-top: 2.5em !important;
  padding-bottom: 2.5em !important;
}
.u-paddingVxlg {
  padding-top: 3.75em !important;
  padding-bottom: 3.75em !important;
}
/** 
 * Collapsing margins
 * Negative margins to pull content beyond paddings, using e.g. margin-top: -1em;
 */
.u-paddingAz {
  padding: 0 !important;
}
.u-paddingTz {
  padding-top: 0 !important;
}
.u-paddingBz {
  padding-bottom: 0 !important;
}
.u-paddingRz {
  padding-right: 0 !important;
}
.u-paddingLz {
  padding-left: 0 !important;
}
.u-paddingHz {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.u-paddingVz {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.u-pullHxxsm {
  margin-left: -0.3125em !important;
  margin-right: -0.3125em !important;
}
.u-pullHxsm {
  margin-left: -0.41666667em !important;
  margin-right: -0.41666667em !important;
}
.u-pullHsm {
  margin-left: -0.625em !important;
  margin-right: -0.625em !important;
}
.u-pullHmd {
  margin-left: -1.25em !important;
  margin-right: -1.25em !important;
}
.u-pullHlg {
  margin-left: -2.5em !important;
  margin-right: -2.5em !important;
}
.u-pullHxlg {
  margin-left: -3.75em !important;
  margin-right: -3.75em !important;
}
.u-pullVxxsm {
  margin-top: -0.3125em !important;
  margin-bottom: -0.3125em !important;
}
.u-pullVxsm {
  margin-top: -0.41666667em !important;
  margin-bottom: -0.41666667em !important;
}
.u-pullVsm {
  margin-top: -0.625em !important;
  margin-bottom: -0.625em !important;
}
.u-pullVmd {
  margin-top: -1.25em !important;
  margin-bottom: -1.25em !important;
}
.u-pullVlg {
  margin-top: -2.5em !important;
  margin-bottom: -2.5em !important;
}
.u-pullVxlg {
  margin-top: -3.75em !important;
  margin-bottom: -3.75em !important;
}
.u-pullLxsm {
  margin-left: -0.41666667em;
}
.u-pullLsm {
  margin-left: -0.625em;
}
.u-pullLmd {
  margin-left: -1.25em;
}
.u-pullLlg {
  margin-left: -2.5em;
}
.u-pullLxlg {
  margin-left: -3.75em;
}
.u-pullRxsm {
  margin-right: -0.41666667em;
}
.u-pullRsm {
  margin-right: -0.625em;
}
.u-pullRmd {
  margin-right: -1.25em;
}
.u-pullRlg {
  margin-right: -2.5em;
}
.u-pullRxlg {
  margin-right: -3.75em;
}
.u-pullTxsm {
  margin-top: -0.41666667em;
}
.u-pullTsm {
  margin-top: -0.625em;
}
.u-pullTmd {
  margin-top: -1.25em;
}
.u-pullTlg {
  margin-top: -2.5em;
}
.u-pullTxlg {
  margin-top: -3.75em;
}
/**
 * Mixins used to generate classes.
 */
@media only screen and (max-width: 919px) {
  .u-marginAmdz {
    margin: 0 !important;
  }
}
/**
* Text Font Family
*/
.u-textOpenSansCond {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif !important;
}
.u-textMuseo_sans {
  font-family: 'TASA Orbiter', Helvetica, Arial, sans-serif !important;
}
/**
 * Text font size.
 */
.u-textXXXSmall {
  font-size: 0.625em !important;
}
.u-textXXSmall {
  font-size: 0.6875em !important;
}
.u-textXSmall {
  font-size: 0.75em !important;
}
.u-textSmall {
  font-size: 0.875em !important;
}
.u-textMedium,
.u-textNormal {
  font-size: 1em !important;
}
.u-textLarge {
  font-size: 1.125em !important;
}
.u-textXLarge {
  font-size: 1.25em !important;
}
.u-textXXLarge {
  font-size: 1.375em !important;
}
.u-textXXXLarge {
  font-size: 2.125em !important;
}
.u-textBig {
  font-size: 2.1875em !important;
}
@media only screen and (min-width: 34em), print {
  .u-sm-textXSmall {
    font-size: 0.75em !important;
  }
}
@media only screen and (min-width: 34em), print {
  .u-sm-textSmall {
    font-size: 0.875em !important;
  }
}
@media only screen and (min-width: 34em), print {
  .u-sm-textMedium {
    font-size: 1em !important;
  }
}
@media only screen and (min-width: 34em), print {
  .u-sm-textLarge {
    font-size: 1.125em !important;
  }
}
@media only screen and (min-width: 64em), print {
  .u-md-textXSmall {
    font-size: 0.75em !important;
  }
}
@media only screen and (min-width: 64em), print {
  .u-md-textSmall {
    font-size: 0.875em !important;
  }
}
@media only screen and (min-width: 64em), print {
  .u-md-textMedium {
    font-size: 1em !important;
  }
}
@media only screen and (min-width: 64em), print {
  .u-md-textLarge {
    font-size: 1.125em !important;
  }
}
/**
 * Text font weights
 */
.u-textWeightThin {
  font-weight: 100 !important;
}
.u-textWeightLight {
  font-weight: 400 !important;
}
.u-textWeightNormal {
  font-weight: normal !important;
}
.u-textWeightMedium {
  font-weight: 500 !important;
}
.u-textWeightBold {
  font-weight: 700 !important;
}
.u-textReached {
  color: #1f9238 !important;
  font-weight: 600 !important;
}
.u-textReachedInline {
  margin-left: 4px;
}
u-textWeightXBold {
  font-weight: 900 !important;
}
/**
 * Word breaking
 *
 * Break strings when their length exceeds the width of their container.
 */
.u-textBreak {
  word-wrap: break-word !important;
}
/**
 * Horizontal text alignment
 */
.u-textCenter {
  text-align: center !important;
}
.u-textLeft {
  text-align: left !important;
}
.u-textRight {
  text-align: right !important;
}
/**
 * Prevent whitespace wrapping
 */
.u-textNoWrap {
  white-space: nowrap !important;
}
/**
 * change text transform
 */
.u-textUpper {
  text-transform: uppercase;
}
/* line-height*/
.u-lineHeightNormal {
  line-height: 1em !important;
}
.u-lineHeightMedium {
  line-height: 1.4em !important;
}
/**
 * Text truncation
 *
 * Prevent text from wrapping onto multiple lines, and truncate with an
 * ellipsis.
 *
 * 1. Ensure that the node has a maximum width after which truncation can
 *    occur.
 * 2. Fix for IE 8/9 if `word-wrap: break-word` is in effect on ancestor
 *    nodes.
 */
.u-textTruncate {
  max-width: 100%;
  /* 1 */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  word-wrap: normal !important;
  /* 2 */
}
.u-textTruncate3 {
  display: -webkit-box !important;
  height: 50px;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
/**
* ms IE 11 fix
*/
.u-ms-flex-negative-1 {
  -ms-flex-negative: 1 !important;
}
/**
* Custom Css
*/
.u-textIndentz {
  text-indent: 0 !important;
}
.u-overflowHidden {
  overflow: hidden !important;
}
.u-circleBlue {
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  font-size: 1.5em;
  color: #fff;
  background-color: #1AB0ED;
  line-height: 1.5em;
  text-align: center;
  border: 2px solid #fff;
}
.u-transitionAsm {
  transition: ease-out 0.2s;
}
.u-transitionAmd {
  transition: ease-out 0.5s;
}
.u-transitionMHsm {
  transition: max-height ease-out 0.2s;
}
.u-transitionMHmd {
  transition: max-height ease-out 0.5s;
}
.u-transitionPaddingmd {
  transition: padding ease-out 0.5s;
}
/*
*	Breakpoint based margins & paddings
*
*/
/** 
 * Margins, .u-margin{direction}{size}
 */
@media only screen and (min-width: 23.125em), print {
  .u-xxsm-marginAz {
    margin: 0 !important;
  }
  .u-xxsm-marginTz {
    margin-top: 0 !important;
  }
  .u-xxsm-marginBz {
    margin-bottom: 0 !important;
  }
  .u-xxsm-marginRz {
    margin-right: 0 !important;
  }
  .u-xxsm-marginLz {
    margin-left: 0 !important;
  }
  .u-xxsm-marginHz {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .u-xxsm-marginVz {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media only screen and (min-width: 23.125em), print {
  .u-xxsm-marginAxxsm {
    margin: 0.3125em !important;
  }
  .u-xxsm-marginAxsm {
    margin: 0.41666667em !important;
  }
  .u-xxsm-marginAsm {
    margin: 0.625em !important;
  }
  .u-xxsm-marginAmd {
    margin: 1.25em !important;
  }
  .u-xxsm-marginAlg {
    margin: 2.5em !important;
  }
  .u-xxsm-marginAxlg {
    margin: 3.75em !important;
  }
}
@media only screen and (min-width: 23.125em), print {
  .u-xxsm-marginTxxsm {
    margin-top: 0.3125em !important;
  }
  .u-xxsm-marginTxsm {
    margin-top: 0.41666667em !important;
  }
  .u-xxsm-marginTsm {
    margin-top: 0.625em !important;
  }
  .u-xxsm-marginTmd {
    margin-top: 1.25em !important;
  }
  .u-xxsm-marginTlg {
    margin-top: 2.5em !important;
  }
  .u-xxsm-marginTxlg {
    margin-top: 3.75em !important;
  }
}
@media only screen and (min-width: 23.125em), print {
  .u-xxsm-marginBxxsm {
    margin-bottom: 0.3125em !important;
  }
  .u-xxsm-marginBxsm {
    margin-bottom: 0.41666667em !important;
  }
  .u-xxsm-marginBsm {
    margin-bottom: 0.625em !important;
  }
  .u-xxsm-marginBmd {
    margin-bottom: 1.25em !important;
  }
  .u-xxsm-marginBlg {
    margin-bottom: 2.5em !important;
  }
  .u-xxsm-marginBxlg {
    margin-bottom: 3.75em !important;
  }
}
@media only screen and (min-width: 23.125em), print {
  .u-xxsm-marginRxxsm {
    margin-right: 0.3125em !important;
  }
  .u-xxsm-marginRxsm {
    margin-right: 0.41666667em !important;
  }
  .u-xxsm-marginRsm {
    margin-right: 0.625em !important;
  }
  .u-xxsm-marginRmd {
    margin-right: 1.25em !important;
  }
  .u-xxsm-marginRlg {
    margin-right: 2.5em !important;
  }
  .u-xxsm-marginRxlg {
    margin-right: 3.75em !important;
  }
}
@media only screen and (min-width: 23.125em), print {
  .u-xxsm-marginLxxsm {
    margin-left: 0.3125em !important;
  }
  .u-xxsm-marginLxsm {
    margin-left: 0.41666667em !important;
  }
  .u-xxsm-marginLsm {
    margin-left: 0.625em !important;
  }
  .u-xxsm-marginLmd {
    margin-left: 1.25em !important;
  }
  .u-xxsm-marginLlg {
    margin-left: 2.5em !important;
  }
  .u-xxsm-marginLxlg {
    margin-left: 3.75em !important;
  }
}
@media only screen and (min-width: 23.125em), print {
  .u-xxsm-marginHxxsm {
    margin-left: 0.3125em !important;
    margin-right: 0.3125em !important;
  }
  .u-xxsm-marginHxsm {
    margin-left: 0.41666667em !important;
    margin-right: 0.41666667em !important;
  }
  .u-xxsm-marginHsm {
    margin-left: 0.625em !important;
    margin-right: 0.625em !important;
  }
  .u-xxsm-marginHmd {
    margin-left: 1.25em !important;
    margin-right: 1.25em !important;
  }
  .u-xxsm-marginHlg {
    margin-left: 2.5em !important;
    margin-right: 2.5em !important;
  }
  .u-xxsm-marginHxlg {
    margin-left: 3.75em !important;
    margin-right: 3.75em !important;
  }
}
@media only screen and (min-width: 23.125em), print {
  .u-xxsm-marginVxxsm {
    margin-top: 0.3125em !important;
    margin-bottom: 0.3125em !important;
  }
  .u-xxsm-marginVxsm {
    margin-top: 0.41666667em !important;
    margin-bottom: 0.41666667em !important;
  }
  .u-xxsm-marginVsm {
    margin-top: 0.625em !important;
    margin-bottom: 0.625em !important;
  }
  .u-xxsm-marginVmd {
    margin-top: 1.25em !important;
    margin-bottom: 1.25em !important;
  }
  .u-xxsm-marginVlg {
    margin-top: 2.5em !important;
    margin-bottom: 2.5em !important;
  }
  .u-xxsm-marginVxlg {
    margin-top: 3.75em !important;
    margin-bottom: 3.75em !important;
  }
}
@media only screen and (min-width: 23.125em), print {
  .u-xxsm-paddingAz {
    padding: 0 !important;
  }
  .u-xxsm-paddingTz {
    padding-top: 0 !important;
  }
  .u-xxsm-paddingBz {
    padding-bottom: 0 !important;
  }
  .u-xxsm-paddingRz {
    padding-right: 0 !important;
  }
  .u-xxsm-paddingLz {
    padding-left: 0 !important;
  }
  .u-xxsm-paddingHz {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .u-xxsm-paddingVz {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media only screen and (min-width: 23.125em), print {
  .u-xxsm-paddingAxxsm {
    padding: 0.3125em !important;
  }
  .u-xxsm-paddingAxsm {
    padding: 0.41666667em !important;
  }
  .u-xxsm-paddingAsm {
    padding: 0.625em !important;
  }
  .u-xxsm-paddingAmd {
    padding: 1.25em !important;
  }
  .u-xxsm-paddingAlg {
    padding: 2.5em !important;
  }
  .u-xxsm-paddingAxlg {
    padding: 3.75em !important;
  }
}
@media only screen and (min-width: 23.125em), print {
  .u-xxsm-paddingTxxsm {
    padding-top: 0.3125em !important;
  }
  .u-xxsm-paddingTxsm {
    padding-top: 0.41666667em !important;
  }
  .u-xxsm-paddingTsm {
    padding-top: 0.625em !important;
  }
  .u-xxsm-paddingTmd {
    padding-top: 1.25em !important;
  }
  .u-xxsm-paddingTlg {
    padding-top: 2.5em !important;
  }
  .u-xxsm-paddingTxlg {
    padding-top: 3.75em !important;
  }
}
@media only screen and (min-width: 23.125em), print {
  .u-xxsm-paddingBxxsm {
    padding-bottom: 0.3125em !important;
  }
  .u-xxsm-paddingBxsm {
    padding-bottom: 0.41666667em !important;
  }
  .u-xxsm-paddingBsm {
    padding-bottom: 0.625em !important;
  }
  .u-xxsm-paddingBmd {
    padding-bottom: 1.25em !important;
  }
  .u-xxsm-paddingBlg {
    padding-bottom: 2.5em !important;
  }
  .u-xxsm-paddingBxlg {
    padding-bottom: 3.75em !important;
  }
}
@media only screen and (min-width: 23.125em), print {
  .u-xxsm-paddingRxxsm {
    padding-right: 0.3125em !important;
  }
  .u-xxsm-paddingRxsm {
    padding-right: 0.41666667em !important;
  }
  .u-xxsm-paddingRsm {
    padding-right: 0.625em !important;
  }
  .u-xxsm-paddingRmd {
    padding-right: 1.25em !important;
  }
  .u-xxsm-paddingRlg {
    padding-right: 2.5em !important;
  }
  .u-xxsm-paddingRxlg {
    padding-right: 3.75em !important;
  }
}
@media only screen and (min-width: 23.125em), print {
  .u-xxsm-paddingLxxsm {
    padding-left: 0.3125em !important;
  }
  .u-xxsm-paddingLxsm {
    padding-left: 0.41666667em !important;
  }
  .u-xxsm-paddingLsm {
    padding-left: 0.625em !important;
  }
  .u-xxsm-paddingLmd {
    padding-left: 1.25em !important;
  }
  .u-xxsm-paddingLlg {
    padding-left: 2.5em !important;
  }
  .u-xxsm-paddingLxlg {
    padding-left: 3.75em !important;
  }
}
@media only screen and (min-width: 23.125em), print {
  .u-xxsm-paddingHxxsm {
    padding-left: 0.3125em !important;
    padding-right: 0.3125em !important;
  }
  .u-xxsm-paddingHxsm {
    padding-left: 0.41666667em !important;
    padding-right: 0.41666667em !important;
  }
  .u-xxsm-paddingHsm {
    padding-left: 0.625em !important;
    padding-right: 0.625em !important;
  }
  .u-xxsm-paddingHmd {
    padding-left: 1.25em !important;
    padding-right: 1.25em !important;
  }
  .u-xxsm-paddingHlg {
    padding-left: 2.5em !important;
    padding-right: 2.5em !important;
  }
  .u-xxsm-paddingHxlg {
    padding-left: 3.75em !important;
    padding-right: 3.75em !important;
  }
}
@media only screen and (min-width: 23.125em), print {
  .u-xxsm-paddingVxxsm {
    padding-top: 0.3125em !important;
    padding-bottom: 0.3125em !important;
  }
  .u-xxsm-paddingVxsm {
    padding-top: 0.41666667em !important;
    padding-bottom: 0.41666667em !important;
  }
  .u-xxsm-paddingVsm {
    padding-top: 0.625em !important;
    padding-bottom: 0.625em !important;
  }
  .u-xxsm-paddingVmd {
    padding-top: 1.25em !important;
    padding-bottom: 1.25em !important;
  }
  .u-xxsm-paddingVlg {
    padding-top: 2.5em !important;
    padding-bottom: 2.5em !important;
  }
  .u-xxsm-paddingVxlg {
    padding-top: 3.75em !important;
    padding-bottom: 3.75em !important;
  }
}
@media only screen and (min-width: 26.25em), print {
  .u-xsm-marginAz {
    margin: 0 !important;
  }
  .u-xsm-marginTz {
    margin-top: 0 !important;
  }
  .u-xsm-marginBz {
    margin-bottom: 0 !important;
  }
  .u-xsm-marginRz {
    margin-right: 0 !important;
  }
  .u-xsm-marginLz {
    margin-left: 0 !important;
  }
  .u-xsm-marginHz {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .u-xsm-marginVz {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media only screen and (min-width: 26.25em), print {
  .u-xsm-marginAxxsm {
    margin: 0.3125em !important;
  }
  .u-xsm-marginAxsm {
    margin: 0.41666667em !important;
  }
  .u-xsm-marginAsm {
    margin: 0.625em !important;
  }
  .u-xsm-marginAmd {
    margin: 1.25em !important;
  }
  .u-xsm-marginAlg {
    margin: 2.5em !important;
  }
  .u-xsm-marginAxlg {
    margin: 3.75em !important;
  }
}
@media only screen and (min-width: 26.25em), print {
  .u-xsm-marginTxxsm {
    margin-top: 0.3125em !important;
  }
  .u-xsm-marginTxsm {
    margin-top: 0.41666667em !important;
  }
  .u-xsm-marginTsm {
    margin-top: 0.625em !important;
  }
  .u-xsm-marginTmd {
    margin-top: 1.25em !important;
  }
  .u-xsm-marginTlg {
    margin-top: 2.5em !important;
  }
  .u-xsm-marginTxlg {
    margin-top: 3.75em !important;
  }
}
@media only screen and (min-width: 26.25em), print {
  .u-xsm-marginBxxsm {
    margin-bottom: 0.3125em !important;
  }
  .u-xsm-marginBxsm {
    margin-bottom: 0.41666667em !important;
  }
  .u-xsm-marginBsm {
    margin-bottom: 0.625em !important;
  }
  .u-xsm-marginBmd {
    margin-bottom: 1.25em !important;
  }
  .u-xsm-marginBlg {
    margin-bottom: 2.5em !important;
  }
  .u-xsm-marginBxlg {
    margin-bottom: 3.75em !important;
  }
}
@media only screen and (min-width: 26.25em), print {
  .u-xsm-marginRxxsm {
    margin-right: 0.3125em !important;
  }
  .u-xsm-marginRxsm {
    margin-right: 0.41666667em !important;
  }
  .u-xsm-marginRsm {
    margin-right: 0.625em !important;
  }
  .u-xsm-marginRmd {
    margin-right: 1.25em !important;
  }
  .u-xsm-marginRlg {
    margin-right: 2.5em !important;
  }
  .u-xsm-marginRxlg {
    margin-right: 3.75em !important;
  }
}
@media only screen and (min-width: 26.25em), print {
  .u-xsm-marginLxxsm {
    margin-left: 0.3125em !important;
  }
  .u-xsm-marginLxsm {
    margin-left: 0.41666667em !important;
  }
  .u-xsm-marginLsm {
    margin-left: 0.625em !important;
  }
  .u-xsm-marginLmd {
    margin-left: 1.25em !important;
  }
  .u-xsm-marginLlg {
    margin-left: 2.5em !important;
  }
  .u-xsm-marginLxlg {
    margin-left: 3.75em !important;
  }
}
@media only screen and (min-width: 26.25em), print {
  .u-xsm-marginHxxsm {
    margin-left: 0.3125em !important;
    margin-right: 0.3125em !important;
  }
  .u-xsm-marginHxsm {
    margin-left: 0.41666667em !important;
    margin-right: 0.41666667em !important;
  }
  .u-xsm-marginHsm {
    margin-left: 0.625em !important;
    margin-right: 0.625em !important;
  }
  .u-xsm-marginHmd {
    margin-left: 1.25em !important;
    margin-right: 1.25em !important;
  }
  .u-xsm-marginHlg {
    margin-left: 2.5em !important;
    margin-right: 2.5em !important;
  }
  .u-xsm-marginHxlg {
    margin-left: 3.75em !important;
    margin-right: 3.75em !important;
  }
}
@media only screen and (min-width: 26.25em), print {
  .u-xsm-marginVxxsm {
    margin-top: 0.3125em !important;
    margin-bottom: 0.3125em !important;
  }
  .u-xsm-marginVxsm {
    margin-top: 0.41666667em !important;
    margin-bottom: 0.41666667em !important;
  }
  .u-xsm-marginVsm {
    margin-top: 0.625em !important;
    margin-bottom: 0.625em !important;
  }
  .u-xsm-marginVmd {
    margin-top: 1.25em !important;
    margin-bottom: 1.25em !important;
  }
  .u-xsm-marginVlg {
    margin-top: 2.5em !important;
    margin-bottom: 2.5em !important;
  }
  .u-xsm-marginVxlg {
    margin-top: 3.75em !important;
    margin-bottom: 3.75em !important;
  }
}
@media only screen and (min-width: 26.25em), print {
  .u-xsm-paddingAz {
    padding: 0 !important;
  }
  .u-xsm-paddingTz {
    padding-top: 0 !important;
  }
  .u-xsm-paddingBz {
    padding-bottom: 0 !important;
  }
  .u-xsm-paddingRz {
    padding-right: 0 !important;
  }
  .u-xsm-paddingLz {
    padding-left: 0 !important;
  }
  .u-xsm-paddingHz {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .u-xsm-paddingVz {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media only screen and (min-width: 26.25em), print {
  .u-xsm-paddingAxxsm {
    padding: 0.3125em !important;
  }
  .u-xsm-paddingAxsm {
    padding: 0.41666667em !important;
  }
  .u-xsm-paddingAsm {
    padding: 0.625em !important;
  }
  .u-xsm-paddingAmd {
    padding: 1.25em !important;
  }
  .u-xsm-paddingAlg {
    padding: 2.5em !important;
  }
  .u-xsm-paddingAxlg {
    padding: 3.75em !important;
  }
}
@media only screen and (min-width: 26.25em), print {
  .u-xsm-paddingTxxsm {
    padding-top: 0.3125em !important;
  }
  .u-xsm-paddingTxsm {
    padding-top: 0.41666667em !important;
  }
  .u-xsm-paddingTsm {
    padding-top: 0.625em !important;
  }
  .u-xsm-paddingTmd {
    padding-top: 1.25em !important;
  }
  .u-xsm-paddingTlg {
    padding-top: 2.5em !important;
  }
  .u-xsm-paddingTxlg {
    padding-top: 3.75em !important;
  }
}
@media only screen and (min-width: 26.25em), print {
  .u-xsm-paddingBxxsm {
    padding-bottom: 0.3125em !important;
  }
  .u-xsm-paddingBxsm {
    padding-bottom: 0.41666667em !important;
  }
  .u-xsm-paddingBsm {
    padding-bottom: 0.625em !important;
  }
  .u-xsm-paddingBmd {
    padding-bottom: 1.25em !important;
  }
  .u-xsm-paddingBlg {
    padding-bottom: 2.5em !important;
  }
  .u-xsm-paddingBxlg {
    padding-bottom: 3.75em !important;
  }
}
@media only screen and (min-width: 26.25em), print {
  .u-xsm-paddingRxxsm {
    padding-right: 0.3125em !important;
  }
  .u-xsm-paddingRxsm {
    padding-right: 0.41666667em !important;
  }
  .u-xsm-paddingRsm {
    padding-right: 0.625em !important;
  }
  .u-xsm-paddingRmd {
    padding-right: 1.25em !important;
  }
  .u-xsm-paddingRlg {
    padding-right: 2.5em !important;
  }
  .u-xsm-paddingRxlg {
    padding-right: 3.75em !important;
  }
}
@media only screen and (min-width: 26.25em), print {
  .u-xsm-paddingLxxsm {
    padding-left: 0.3125em !important;
  }
  .u-xsm-paddingLxsm {
    padding-left: 0.41666667em !important;
  }
  .u-xsm-paddingLsm {
    padding-left: 0.625em !important;
  }
  .u-xsm-paddingLmd {
    padding-left: 1.25em !important;
  }
  .u-xsm-paddingLlg {
    padding-left: 2.5em !important;
  }
  .u-xsm-paddingLxlg {
    padding-left: 3.75em !important;
  }
}
@media only screen and (min-width: 26.25em), print {
  .u-xsm-paddingHxxsm {
    padding-left: 0.3125em !important;
    padding-right: 0.3125em !important;
  }
  .u-xsm-paddingHxsm {
    padding-left: 0.41666667em !important;
    padding-right: 0.41666667em !important;
  }
  .u-xsm-paddingHsm {
    padding-left: 0.625em !important;
    padding-right: 0.625em !important;
  }
  .u-xsm-paddingHmd {
    padding-left: 1.25em !important;
    padding-right: 1.25em !important;
  }
  .u-xsm-paddingHlg {
    padding-left: 2.5em !important;
    padding-right: 2.5em !important;
  }
  .u-xsm-paddingHxlg {
    padding-left: 3.75em !important;
    padding-right: 3.75em !important;
  }
}
@media only screen and (min-width: 26.25em), print {
  .u-xsm-paddingVxxsm {
    padding-top: 0.3125em !important;
    padding-bottom: 0.3125em !important;
  }
  .u-xsm-paddingVxsm {
    padding-top: 0.41666667em !important;
    padding-bottom: 0.41666667em !important;
  }
  .u-xsm-paddingVsm {
    padding-top: 0.625em !important;
    padding-bottom: 0.625em !important;
  }
  .u-xsm-paddingVmd {
    padding-top: 1.25em !important;
    padding-bottom: 1.25em !important;
  }
  .u-xsm-paddingVlg {
    padding-top: 2.5em !important;
    padding-bottom: 2.5em !important;
  }
  .u-xsm-paddingVxlg {
    padding-top: 3.75em !important;
    padding-bottom: 3.75em !important;
  }
}
@media only screen and (min-width: 34em), print {
  .u-sm-marginAz {
    margin: 0 !important;
  }
  .u-sm-marginTz {
    margin-top: 0 !important;
  }
  .u-sm-marginBz {
    margin-bottom: 0 !important;
  }
  .u-sm-marginRz {
    margin-right: 0 !important;
  }
  .u-sm-marginLz {
    margin-left: 0 !important;
  }
  .u-sm-marginHz {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .u-sm-marginVz {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media only screen and (min-width: 34em), print {
  .u-sm-marginAxxsm {
    margin: 0.3125em !important;
  }
  .u-sm-marginAxsm {
    margin: 0.41666667em !important;
  }
  .u-sm-marginAsm {
    margin: 0.625em !important;
  }
  .u-sm-marginAmd {
    margin: 1.25em !important;
  }
  .u-sm-marginAlg {
    margin: 2.5em !important;
  }
  .u-sm-marginAxlg {
    margin: 3.75em !important;
  }
}
@media only screen and (min-width: 34em), print {
  .u-sm-marginTxxsm {
    margin-top: 0.3125em !important;
  }
  .u-sm-marginTxsm {
    margin-top: 0.41666667em !important;
  }
  .u-sm-marginTsm {
    margin-top: 0.625em !important;
  }
  .u-sm-marginTmd {
    margin-top: 1.25em !important;
  }
  .u-sm-marginTlg {
    margin-top: 2.5em !important;
  }
  .u-sm-marginTxlg {
    margin-top: 3.75em !important;
  }
}
@media only screen and (min-width: 34em), print {
  .u-sm-marginBxxsm {
    margin-bottom: 0.3125em !important;
  }
  .u-sm-marginBxsm {
    margin-bottom: 0.41666667em !important;
  }
  .u-sm-marginBsm {
    margin-bottom: 0.625em !important;
  }
  .u-sm-marginBmd {
    margin-bottom: 1.25em !important;
  }
  .u-sm-marginBlg {
    margin-bottom: 2.5em !important;
  }
  .u-sm-marginBxlg {
    margin-bottom: 3.75em !important;
  }
}
@media only screen and (min-width: 34em), print {
  .u-sm-marginRxxsm {
    margin-right: 0.3125em !important;
  }
  .u-sm-marginRxsm {
    margin-right: 0.41666667em !important;
  }
  .u-sm-marginRsm {
    margin-right: 0.625em !important;
  }
  .u-sm-marginRmd {
    margin-right: 1.25em !important;
  }
  .u-sm-marginRlg {
    margin-right: 2.5em !important;
  }
  .u-sm-marginRxlg {
    margin-right: 3.75em !important;
  }
}
@media only screen and (min-width: 34em), print {
  .u-sm-marginLxxsm {
    margin-left: 0.3125em !important;
  }
  .u-sm-marginLxsm {
    margin-left: 0.41666667em !important;
  }
  .u-sm-marginLsm {
    margin-left: 0.625em !important;
  }
  .u-sm-marginLmd {
    margin-left: 1.25em !important;
  }
  .u-sm-marginLlg {
    margin-left: 2.5em !important;
  }
  .u-sm-marginLxlg {
    margin-left: 3.75em !important;
  }
}
@media only screen and (min-width: 34em), print {
  .u-sm-marginHxxsm {
    margin-left: 0.3125em !important;
    margin-right: 0.3125em !important;
  }
  .u-sm-marginHxsm {
    margin-left: 0.41666667em !important;
    margin-right: 0.41666667em !important;
  }
  .u-sm-marginHsm {
    margin-left: 0.625em !important;
    margin-right: 0.625em !important;
  }
  .u-sm-marginHmd {
    margin-left: 1.25em !important;
    margin-right: 1.25em !important;
  }
  .u-sm-marginHlg {
    margin-left: 2.5em !important;
    margin-right: 2.5em !important;
  }
  .u-sm-marginHxlg {
    margin-left: 3.75em !important;
    margin-right: 3.75em !important;
  }
}
@media only screen and (min-width: 34em), print {
  .u-sm-marginVxxsm {
    margin-top: 0.3125em !important;
    margin-bottom: 0.3125em !important;
  }
  .u-sm-marginVxsm {
    margin-top: 0.41666667em !important;
    margin-bottom: 0.41666667em !important;
  }
  .u-sm-marginVsm {
    margin-top: 0.625em !important;
    margin-bottom: 0.625em !important;
  }
  .u-sm-marginVmd {
    margin-top: 1.25em !important;
    margin-bottom: 1.25em !important;
  }
  .u-sm-marginVlg {
    margin-top: 2.5em !important;
    margin-bottom: 2.5em !important;
  }
  .u-sm-marginVxlg {
    margin-top: 3.75em !important;
    margin-bottom: 3.75em !important;
  }
}
@media only screen and (min-width: 34em), print {
  .u-sm-paddingAz {
    padding: 0 !important;
  }
  .u-sm-paddingTz {
    padding-top: 0 !important;
  }
  .u-sm-paddingBz {
    padding-bottom: 0 !important;
  }
  .u-sm-paddingRz {
    padding-right: 0 !important;
  }
  .u-sm-paddingLz {
    padding-left: 0 !important;
  }
  .u-sm-paddingHz {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .u-sm-paddingVz {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media only screen and (min-width: 34em), print {
  .u-sm-paddingAxxsm {
    padding: 0.3125em !important;
  }
  .u-sm-paddingAxsm {
    padding: 0.41666667em !important;
  }
  .u-sm-paddingAsm {
    padding: 0.625em !important;
  }
  .u-sm-paddingAmd {
    padding: 1.25em !important;
  }
  .u-sm-paddingAlg {
    padding: 2.5em !important;
  }
  .u-sm-paddingAxlg {
    padding: 3.75em !important;
  }
}
@media only screen and (min-width: 34em), print {
  .u-sm-paddingTxxsm {
    padding-top: 0.3125em !important;
  }
  .u-sm-paddingTxsm {
    padding-top: 0.41666667em !important;
  }
  .u-sm-paddingTsm {
    padding-top: 0.625em !important;
  }
  .u-sm-paddingTmd {
    padding-top: 1.25em !important;
  }
  .u-sm-paddingTlg {
    padding-top: 2.5em !important;
  }
  .u-sm-paddingTxlg {
    padding-top: 3.75em !important;
  }
}
@media only screen and (min-width: 34em), print {
  .u-sm-paddingBxxsm {
    padding-bottom: 0.3125em !important;
  }
  .u-sm-paddingBxsm {
    padding-bottom: 0.41666667em !important;
  }
  .u-sm-paddingBsm {
    padding-bottom: 0.625em !important;
  }
  .u-sm-paddingBmd {
    padding-bottom: 1.25em !important;
  }
  .u-sm-paddingBlg {
    padding-bottom: 2.5em !important;
  }
  .u-sm-paddingBxlg {
    padding-bottom: 3.75em !important;
  }
}
@media only screen and (min-width: 34em), print {
  .u-sm-paddingRxxsm {
    padding-right: 0.3125em !important;
  }
  .u-sm-paddingRxsm {
    padding-right: 0.41666667em !important;
  }
  .u-sm-paddingRsm {
    padding-right: 0.625em !important;
  }
  .u-sm-paddingRmd {
    padding-right: 1.25em !important;
  }
  .u-sm-paddingRlg {
    padding-right: 2.5em !important;
  }
  .u-sm-paddingRxlg {
    padding-right: 3.75em !important;
  }
}
@media only screen and (min-width: 34em), print {
  .u-sm-paddingLxxsm {
    padding-left: 0.3125em !important;
  }
  .u-sm-paddingLxsm {
    padding-left: 0.41666667em !important;
  }
  .u-sm-paddingLsm {
    padding-left: 0.625em !important;
  }
  .u-sm-paddingLmd {
    padding-left: 1.25em !important;
  }
  .u-sm-paddingLlg {
    padding-left: 2.5em !important;
  }
  .u-sm-paddingLxlg {
    padding-left: 3.75em !important;
  }
}
@media only screen and (min-width: 34em), print {
  .u-sm-paddingHxxsm {
    padding-left: 0.3125em !important;
    padding-right: 0.3125em !important;
  }
  .u-sm-paddingHxsm {
    padding-left: 0.41666667em !important;
    padding-right: 0.41666667em !important;
  }
  .u-sm-paddingHsm {
    padding-left: 0.625em !important;
    padding-right: 0.625em !important;
  }
  .u-sm-paddingHmd {
    padding-left: 1.25em !important;
    padding-right: 1.25em !important;
  }
  .u-sm-paddingHlg {
    padding-left: 2.5em !important;
    padding-right: 2.5em !important;
  }
  .u-sm-paddingHxlg {
    padding-left: 3.75em !important;
    padding-right: 3.75em !important;
  }
}
@media only screen and (min-width: 34em), print {
  .u-sm-paddingVxxsm {
    padding-top: 0.3125em !important;
    padding-bottom: 0.3125em !important;
  }
  .u-sm-paddingVxsm {
    padding-top: 0.41666667em !important;
    padding-bottom: 0.41666667em !important;
  }
  .u-sm-paddingVsm {
    padding-top: 0.625em !important;
    padding-bottom: 0.625em !important;
  }
  .u-sm-paddingVmd {
    padding-top: 1.25em !important;
    padding-bottom: 1.25em !important;
  }
  .u-sm-paddingVlg {
    padding-top: 2.5em !important;
    padding-bottom: 2.5em !important;
  }
  .u-sm-paddingVxlg {
    padding-top: 3.75em !important;
    padding-bottom: 3.75em !important;
  }
}
@media only screen and (min-width: 64em), print {
  .u-md-marginAz {
    margin: 0 !important;
  }
  .u-md-marginTz {
    margin-top: 0 !important;
  }
  .u-md-marginBz {
    margin-bottom: 0 !important;
  }
  .u-md-marginRz {
    margin-right: 0 !important;
  }
  .u-md-marginLz {
    margin-left: 0 !important;
  }
  .u-md-marginHz {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .u-md-marginVz {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media only screen and (min-width: 64em), print {
  .u-md-marginAxxsm {
    margin: 0.3125em !important;
  }
  .u-md-marginAxsm {
    margin: 0.41666667em !important;
  }
  .u-md-marginAsm {
    margin: 0.625em !important;
  }
  .u-md-marginAmd {
    margin: 1.25em !important;
  }
  .u-md-marginAlg {
    margin: 2.5em !important;
  }
  .u-md-marginAxlg {
    margin: 3.75em !important;
  }
}
@media only screen and (min-width: 64em), print {
  .u-md-marginTxxsm {
    margin-top: 0.3125em !important;
  }
  .u-md-marginTxsm {
    margin-top: 0.41666667em !important;
  }
  .u-md-marginTsm {
    margin-top: 0.625em !important;
  }
  .u-md-marginTmd {
    margin-top: 1.25em !important;
  }
  .u-md-marginTlg {
    margin-top: 2.5em !important;
  }
  .u-md-marginTxlg {
    margin-top: 3.75em !important;
  }
}
@media only screen and (min-width: 64em), print {
  .u-md-marginBxxsm {
    margin-bottom: 0.3125em !important;
  }
  .u-md-marginBxsm {
    margin-bottom: 0.41666667em !important;
  }
  .u-md-marginBsm {
    margin-bottom: 0.625em !important;
  }
  .u-md-marginBmd {
    margin-bottom: 1.25em !important;
  }
  .u-md-marginBlg {
    margin-bottom: 2.5em !important;
  }
  .u-md-marginBxlg {
    margin-bottom: 3.75em !important;
  }
}
@media only screen and (min-width: 64em), print {
  .u-md-marginRxxsm {
    margin-right: 0.3125em !important;
  }
  .u-md-marginRxsm {
    margin-right: 0.41666667em !important;
  }
  .u-md-marginRsm {
    margin-right: 0.625em !important;
  }
  .u-md-marginRmd {
    margin-right: 1.25em !important;
  }
  .u-md-marginRlg {
    margin-right: 2.5em !important;
  }
  .u-md-marginRxlg {
    margin-right: 3.75em !important;
  }
}
@media only screen and (min-width: 64em), print {
  .u-md-marginLxxsm {
    margin-left: 0.3125em !important;
  }
  .u-md-marginLxsm {
    margin-left: 0.41666667em !important;
  }
  .u-md-marginLsm {
    margin-left: 0.625em !important;
  }
  .u-md-marginLmd {
    margin-left: 1.25em !important;
  }
  .u-md-marginLlg {
    margin-left: 2.5em !important;
  }
  .u-md-marginLxlg {
    margin-left: 3.75em !important;
  }
}
@media only screen and (min-width: 64em), print {
  .u-md-marginHxxsm {
    margin-left: 0.3125em !important;
    margin-right: 0.3125em !important;
  }
  .u-md-marginHxsm {
    margin-left: 0.41666667em !important;
    margin-right: 0.41666667em !important;
  }
  .u-md-marginHsm {
    margin-left: 0.625em !important;
    margin-right: 0.625em !important;
  }
  .u-md-marginHmd {
    margin-left: 1.25em !important;
    margin-right: 1.25em !important;
  }
  .u-md-marginHlg {
    margin-left: 2.5em !important;
    margin-right: 2.5em !important;
  }
  .u-md-marginHxlg {
    margin-left: 3.75em !important;
    margin-right: 3.75em !important;
  }
}
@media only screen and (min-width: 64em), print {
  .u-md-marginVxxsm {
    margin-top: 0.3125em !important;
    margin-bottom: 0.3125em !important;
  }
  .u-md-marginVxsm {
    margin-top: 0.41666667em !important;
    margin-bottom: 0.41666667em !important;
  }
  .u-md-marginVsm {
    margin-top: 0.625em !important;
    margin-bottom: 0.625em !important;
  }
  .u-md-marginVmd {
    margin-top: 1.25em !important;
    margin-bottom: 1.25em !important;
  }
  .u-md-marginVlg {
    margin-top: 2.5em !important;
    margin-bottom: 2.5em !important;
  }
  .u-md-marginVxlg {
    margin-top: 3.75em !important;
    margin-bottom: 3.75em !important;
  }
}
@media only screen and (min-width: 64em), print {
  .u-md-paddingAz {
    padding: 0 !important;
  }
  .u-md-paddingTz {
    padding-top: 0 !important;
  }
  .u-md-paddingBz {
    padding-bottom: 0 !important;
  }
  .u-md-paddingRz {
    padding-right: 0 !important;
  }
  .u-md-paddingLz {
    padding-left: 0 !important;
  }
  .u-md-paddingHz {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .u-md-paddingVz {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media only screen and (min-width: 64em), print {
  .u-md-paddingAxxsm {
    padding: 0.3125em !important;
  }
  .u-md-paddingAxsm {
    padding: 0.41666667em !important;
  }
  .u-md-paddingAsm {
    padding: 0.625em !important;
  }
  .u-md-paddingAmd {
    padding: 1.25em !important;
  }
  .u-md-paddingAlg {
    padding: 2.5em !important;
  }
  .u-md-paddingAxlg {
    padding: 3.75em !important;
  }
}
@media only screen and (min-width: 64em), print {
  .u-md-paddingTxxsm {
    padding-top: 0.3125em !important;
  }
  .u-md-paddingTxsm {
    padding-top: 0.41666667em !important;
  }
  .u-md-paddingTsm {
    padding-top: 0.625em !important;
  }
  .u-md-paddingTmd {
    padding-top: 1.25em !important;
  }
  .u-md-paddingTlg {
    padding-top: 2.5em !important;
  }
  .u-md-paddingTxlg {
    padding-top: 3.75em !important;
  }
}
@media only screen and (min-width: 64em), print {
  .u-md-paddingBxxsm {
    padding-bottom: 0.3125em !important;
  }
  .u-md-paddingBxsm {
    padding-bottom: 0.41666667em !important;
  }
  .u-md-paddingBsm {
    padding-bottom: 0.625em !important;
  }
  .u-md-paddingBmd {
    padding-bottom: 1.25em !important;
  }
  .u-md-paddingBlg {
    padding-bottom: 2.5em !important;
  }
  .u-md-paddingBxlg {
    padding-bottom: 3.75em !important;
  }
}
@media only screen and (min-width: 64em), print {
  .u-md-paddingRxxsm {
    padding-right: 0.3125em !important;
  }
  .u-md-paddingRxsm {
    padding-right: 0.41666667em !important;
  }
  .u-md-paddingRsm {
    padding-right: 0.625em !important;
  }
  .u-md-paddingRmd {
    padding-right: 1.25em !important;
  }
  .u-md-paddingRlg {
    padding-right: 2.5em !important;
  }
  .u-md-paddingRxlg {
    padding-right: 3.75em !important;
  }
}
@media only screen and (min-width: 64em), print {
  .u-md-paddingLxxsm {
    padding-left: 0.3125em !important;
  }
  .u-md-paddingLxsm {
    padding-left: 0.41666667em !important;
  }
  .u-md-paddingLsm {
    padding-left: 0.625em !important;
  }
  .u-md-paddingLmd {
    padding-left: 1.25em !important;
  }
  .u-md-paddingLlg {
    padding-left: 2.5em !important;
  }
  .u-md-paddingLxlg {
    padding-left: 3.75em !important;
  }
}
@media only screen and (min-width: 64em), print {
  .u-md-paddingHxxsm {
    padding-left: 0.3125em !important;
    padding-right: 0.3125em !important;
  }
  .u-md-paddingHxsm {
    padding-left: 0.41666667em !important;
    padding-right: 0.41666667em !important;
  }
  .u-md-paddingHsm {
    padding-left: 0.625em !important;
    padding-right: 0.625em !important;
  }
  .u-md-paddingHmd {
    padding-left: 1.25em !important;
    padding-right: 1.25em !important;
  }
  .u-md-paddingHlg {
    padding-left: 2.5em !important;
    padding-right: 2.5em !important;
  }
  .u-md-paddingHxlg {
    padding-left: 3.75em !important;
    padding-right: 3.75em !important;
  }
}
@media only screen and (min-width: 64em), print {
  .u-md-paddingVxxsm {
    padding-top: 0.3125em !important;
    padding-bottom: 0.3125em !important;
  }
  .u-md-paddingVxsm {
    padding-top: 0.41666667em !important;
    padding-bottom: 0.41666667em !important;
  }
  .u-md-paddingVsm {
    padding-top: 0.625em !important;
    padding-bottom: 0.625em !important;
  }
  .u-md-paddingVmd {
    padding-top: 1.25em !important;
    padding-bottom: 1.25em !important;
  }
  .u-md-paddingVlg {
    padding-top: 2.5em !important;
    padding-bottom: 2.5em !important;
  }
  .u-md-paddingVxlg {
    padding-top: 3.75em !important;
    padding-bottom: 3.75em !important;
  }
}
@media only screen and (min-width: 57.5em), print {
  .u-lg-marginAz {
    margin: 0 !important;
  }
  .u-lg-marginTz {
    margin-top: 0 !important;
  }
  .u-lg-marginBz {
    margin-bottom: 0 !important;
  }
  .u-lg-marginRz {
    margin-right: 0 !important;
  }
  .u-lg-marginLz {
    margin-left: 0 !important;
  }
  .u-lg-marginHz {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .u-lg-marginVz {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media only screen and (min-width: 57.5em), print {
  .u-lg-marginAxxsm {
    margin: 0.3125em !important;
  }
  .u-lg-marginAxsm {
    margin: 0.41666667em !important;
  }
  .u-lg-marginAsm {
    margin: 0.625em !important;
  }
  .u-lg-marginAmd {
    margin: 1.25em !important;
  }
  .u-lg-marginAlg {
    margin: 2.5em !important;
  }
  .u-lg-marginAxlg {
    margin: 3.75em !important;
  }
}
@media only screen and (min-width: 57.5em), print {
  .u-lg-marginTxxsm {
    margin-top: 0.3125em !important;
  }
  .u-lg-marginTxsm {
    margin-top: 0.41666667em !important;
  }
  .u-lg-marginTsm {
    margin-top: 0.625em !important;
  }
  .u-lg-marginTmd {
    margin-top: 1.25em !important;
  }
  .u-lg-marginTlg {
    margin-top: 2.5em !important;
  }
  .u-lg-marginTxlg {
    margin-top: 3.75em !important;
  }
}
@media only screen and (min-width: 57.5em), print {
  .u-lg-marginBxxsm {
    margin-bottom: 0.3125em !important;
  }
  .u-lg-marginBxsm {
    margin-bottom: 0.41666667em !important;
  }
  .u-lg-marginBsm {
    margin-bottom: 0.625em !important;
  }
  .u-lg-marginBmd {
    margin-bottom: 1.25em !important;
  }
  .u-lg-marginBlg {
    margin-bottom: 2.5em !important;
  }
  .u-lg-marginBxlg {
    margin-bottom: 3.75em !important;
  }
}
@media only screen and (min-width: 57.5em), print {
  .u-lg-marginRxxsm {
    margin-right: 0.3125em !important;
  }
  .u-lg-marginRxsm {
    margin-right: 0.41666667em !important;
  }
  .u-lg-marginRsm {
    margin-right: 0.625em !important;
  }
  .u-lg-marginRmd {
    margin-right: 1.25em !important;
  }
  .u-lg-marginRlg {
    margin-right: 2.5em !important;
  }
  .u-lg-marginRxlg {
    margin-right: 3.75em !important;
  }
}
@media only screen and (min-width: 57.5em), print {
  .u-lg-marginLxxsm {
    margin-left: 0.3125em !important;
  }
  .u-lg-marginLxsm {
    margin-left: 0.41666667em !important;
  }
  .u-lg-marginLsm {
    margin-left: 0.625em !important;
  }
  .u-lg-marginLmd {
    margin-left: 1.25em !important;
  }
  .u-lg-marginLlg {
    margin-left: 2.5em !important;
  }
  .u-lg-marginLxlg {
    margin-left: 3.75em !important;
  }
}
@media only screen and (min-width: 57.5em), print {
  .u-lg-marginHxxsm {
    margin-left: 0.3125em !important;
    margin-right: 0.3125em !important;
  }
  .u-lg-marginHxsm {
    margin-left: 0.41666667em !important;
    margin-right: 0.41666667em !important;
  }
  .u-lg-marginHsm {
    margin-left: 0.625em !important;
    margin-right: 0.625em !important;
  }
  .u-lg-marginHmd {
    margin-left: 1.25em !important;
    margin-right: 1.25em !important;
  }
  .u-lg-marginHlg {
    margin-left: 2.5em !important;
    margin-right: 2.5em !important;
  }
  .u-lg-marginHxlg {
    margin-left: 3.75em !important;
    margin-right: 3.75em !important;
  }
}
@media only screen and (min-width: 57.5em), print {
  .u-lg-marginVxxsm {
    margin-top: 0.3125em !important;
    margin-bottom: 0.3125em !important;
  }
  .u-lg-marginVxsm {
    margin-top: 0.41666667em !important;
    margin-bottom: 0.41666667em !important;
  }
  .u-lg-marginVsm {
    margin-top: 0.625em !important;
    margin-bottom: 0.625em !important;
  }
  .u-lg-marginVmd {
    margin-top: 1.25em !important;
    margin-bottom: 1.25em !important;
  }
  .u-lg-marginVlg {
    margin-top: 2.5em !important;
    margin-bottom: 2.5em !important;
  }
  .u-lg-marginVxlg {
    margin-top: 3.75em !important;
    margin-bottom: 3.75em !important;
  }
}
@media only screen and (min-width: 57.5em), print {
  .u-lg-paddingAz {
    padding: 0 !important;
  }
  .u-lg-paddingTz {
    padding-top: 0 !important;
  }
  .u-lg-paddingBz {
    padding-bottom: 0 !important;
  }
  .u-lg-paddingRz {
    padding-right: 0 !important;
  }
  .u-lg-paddingLz {
    padding-left: 0 !important;
  }
  .u-lg-paddingHz {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .u-lg-paddingVz {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media only screen and (min-width: 57.5em), print {
  .u-lg-paddingAxxsm {
    padding: 0.3125em !important;
  }
  .u-lg-paddingAxsm {
    padding: 0.41666667em !important;
  }
  .u-lg-paddingAsm {
    padding: 0.625em !important;
  }
  .u-lg-paddingAmd {
    padding: 1.25em !important;
  }
  .u-lg-paddingAlg {
    padding: 2.5em !important;
  }
  .u-lg-paddingAxlg {
    padding: 3.75em !important;
  }
}
@media only screen and (min-width: 57.5em), print {
  .u-lg-paddingTxxsm {
    padding-top: 0.3125em !important;
  }
  .u-lg-paddingTxsm {
    padding-top: 0.41666667em !important;
  }
  .u-lg-paddingTsm {
    padding-top: 0.625em !important;
  }
  .u-lg-paddingTmd {
    padding-top: 1.25em !important;
  }
  .u-lg-paddingTlg {
    padding-top: 2.5em !important;
  }
  .u-lg-paddingTxlg {
    padding-top: 3.75em !important;
  }
}
@media only screen and (min-width: 57.5em), print {
  .u-lg-paddingBxxsm {
    padding-bottom: 0.3125em !important;
  }
  .u-lg-paddingBxsm {
    padding-bottom: 0.41666667em !important;
  }
  .u-lg-paddingBsm {
    padding-bottom: 0.625em !important;
  }
  .u-lg-paddingBmd {
    padding-bottom: 1.25em !important;
  }
  .u-lg-paddingBlg {
    padding-bottom: 2.5em !important;
  }
  .u-lg-paddingBxlg {
    padding-bottom: 3.75em !important;
  }
}
@media only screen and (min-width: 57.5em), print {
  .u-lg-paddingRxxsm {
    padding-right: 0.3125em !important;
  }
  .u-lg-paddingRxsm {
    padding-right: 0.41666667em !important;
  }
  .u-lg-paddingRsm {
    padding-right: 0.625em !important;
  }
  .u-lg-paddingRmd {
    padding-right: 1.25em !important;
  }
  .u-lg-paddingRlg {
    padding-right: 2.5em !important;
  }
  .u-lg-paddingRxlg {
    padding-right: 3.75em !important;
  }
}
@media only screen and (min-width: 57.5em), print {
  .u-lg-paddingLxxsm {
    padding-left: 0.3125em !important;
  }
  .u-lg-paddingLxsm {
    padding-left: 0.41666667em !important;
  }
  .u-lg-paddingLsm {
    padding-left: 0.625em !important;
  }
  .u-lg-paddingLmd {
    padding-left: 1.25em !important;
  }
  .u-lg-paddingLlg {
    padding-left: 2.5em !important;
  }
  .u-lg-paddingLxlg {
    padding-left: 3.75em !important;
  }
}
@media only screen and (min-width: 57.5em), print {
  .u-lg-paddingHxxsm {
    padding-left: 0.3125em !important;
    padding-right: 0.3125em !important;
  }
  .u-lg-paddingHxsm {
    padding-left: 0.41666667em !important;
    padding-right: 0.41666667em !important;
  }
  .u-lg-paddingHsm {
    padding-left: 0.625em !important;
    padding-right: 0.625em !important;
  }
  .u-lg-paddingHmd {
    padding-left: 1.25em !important;
    padding-right: 1.25em !important;
  }
  .u-lg-paddingHlg {
    padding-left: 2.5em !important;
    padding-right: 2.5em !important;
  }
  .u-lg-paddingHxlg {
    padding-left: 3.75em !important;
    padding-right: 3.75em !important;
  }
}
@media only screen and (min-width: 57.5em), print {
  .u-lg-paddingVxxsm {
    padding-top: 0.3125em !important;
    padding-bottom: 0.3125em !important;
  }
  .u-lg-paddingVxsm {
    padding-top: 0.41666667em !important;
    padding-bottom: 0.41666667em !important;
  }
  .u-lg-paddingVsm {
    padding-top: 0.625em !important;
    padding-bottom: 0.625em !important;
  }
  .u-lg-paddingVmd {
    padding-top: 1.25em !important;
    padding-bottom: 1.25em !important;
  }
  .u-lg-paddingVlg {
    padding-top: 2.5em !important;
    padding-bottom: 2.5em !important;
  }
  .u-lg-paddingVxlg {
    padding-top: 3.75em !important;
    padding-bottom: 3.75em !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-xlg-marginAz {
    margin: 0 !important;
  }
  .u-xlg-marginTz {
    margin-top: 0 !important;
  }
  .u-xlg-marginBz {
    margin-bottom: 0 !important;
  }
  .u-xlg-marginRz {
    margin-right: 0 !important;
  }
  .u-xlg-marginLz {
    margin-left: 0 !important;
  }
  .u-xlg-marginHz {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .u-xlg-marginVz {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-xlg-marginAxxsm {
    margin: 0.3125em !important;
  }
  .u-xlg-marginAxsm {
    margin: 0.41666667em !important;
  }
  .u-xlg-marginAsm {
    margin: 0.625em !important;
  }
  .u-xlg-marginAmd {
    margin: 1.25em !important;
  }
  .u-xlg-marginAlg {
    margin: 2.5em !important;
  }
  .u-xlg-marginAxlg {
    margin: 3.75em !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-xlg-marginTxxsm {
    margin-top: 0.3125em !important;
  }
  .u-xlg-marginTxsm {
    margin-top: 0.41666667em !important;
  }
  .u-xlg-marginTsm {
    margin-top: 0.625em !important;
  }
  .u-xlg-marginTmd {
    margin-top: 1.25em !important;
  }
  .u-xlg-marginTlg {
    margin-top: 2.5em !important;
  }
  .u-xlg-marginTxlg {
    margin-top: 3.75em !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-xlg-marginBxxsm {
    margin-bottom: 0.3125em !important;
  }
  .u-xlg-marginBxsm {
    margin-bottom: 0.41666667em !important;
  }
  .u-xlg-marginBsm {
    margin-bottom: 0.625em !important;
  }
  .u-xlg-marginBmd {
    margin-bottom: 1.25em !important;
  }
  .u-xlg-marginBlg {
    margin-bottom: 2.5em !important;
  }
  .u-xlg-marginBxlg {
    margin-bottom: 3.75em !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-xlg-marginRxxsm {
    margin-right: 0.3125em !important;
  }
  .u-xlg-marginRxsm {
    margin-right: 0.41666667em !important;
  }
  .u-xlg-marginRsm {
    margin-right: 0.625em !important;
  }
  .u-xlg-marginRmd {
    margin-right: 1.25em !important;
  }
  .u-xlg-marginRlg {
    margin-right: 2.5em !important;
  }
  .u-xlg-marginRxlg {
    margin-right: 3.75em !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-xlg-marginLxxsm {
    margin-left: 0.3125em !important;
  }
  .u-xlg-marginLxsm {
    margin-left: 0.41666667em !important;
  }
  .u-xlg-marginLsm {
    margin-left: 0.625em !important;
  }
  .u-xlg-marginLmd {
    margin-left: 1.25em !important;
  }
  .u-xlg-marginLlg {
    margin-left: 2.5em !important;
  }
  .u-xlg-marginLxlg {
    margin-left: 3.75em !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-xlg-marginHxxsm {
    margin-left: 0.3125em !important;
    margin-right: 0.3125em !important;
  }
  .u-xlg-marginHxsm {
    margin-left: 0.41666667em !important;
    margin-right: 0.41666667em !important;
  }
  .u-xlg-marginHsm {
    margin-left: 0.625em !important;
    margin-right: 0.625em !important;
  }
  .u-xlg-marginHmd {
    margin-left: 1.25em !important;
    margin-right: 1.25em !important;
  }
  .u-xlg-marginHlg {
    margin-left: 2.5em !important;
    margin-right: 2.5em !important;
  }
  .u-xlg-marginHxlg {
    margin-left: 3.75em !important;
    margin-right: 3.75em !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-xlg-marginVxxsm {
    margin-top: 0.3125em !important;
    margin-bottom: 0.3125em !important;
  }
  .u-xlg-marginVxsm {
    margin-top: 0.41666667em !important;
    margin-bottom: 0.41666667em !important;
  }
  .u-xlg-marginVsm {
    margin-top: 0.625em !important;
    margin-bottom: 0.625em !important;
  }
  .u-xlg-marginVmd {
    margin-top: 1.25em !important;
    margin-bottom: 1.25em !important;
  }
  .u-xlg-marginVlg {
    margin-top: 2.5em !important;
    margin-bottom: 2.5em !important;
  }
  .u-xlg-marginVxlg {
    margin-top: 3.75em !important;
    margin-bottom: 3.75em !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-xlg-paddingAz {
    padding: 0 !important;
  }
  .u-xlg-paddingTz {
    padding-top: 0 !important;
  }
  .u-xlg-paddingBz {
    padding-bottom: 0 !important;
  }
  .u-xlg-paddingRz {
    padding-right: 0 !important;
  }
  .u-xlg-paddingLz {
    padding-left: 0 !important;
  }
  .u-xlg-paddingHz {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .u-xlg-paddingVz {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-xlg-paddingAxxsm {
    padding: 0.3125em !important;
  }
  .u-xlg-paddingAxsm {
    padding: 0.41666667em !important;
  }
  .u-xlg-paddingAsm {
    padding: 0.625em !important;
  }
  .u-xlg-paddingAmd {
    padding: 1.25em !important;
  }
  .u-xlg-paddingAlg {
    padding: 2.5em !important;
  }
  .u-xlg-paddingAxlg {
    padding: 3.75em !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-xlg-paddingTxxsm {
    padding-top: 0.3125em !important;
  }
  .u-xlg-paddingTxsm {
    padding-top: 0.41666667em !important;
  }
  .u-xlg-paddingTsm {
    padding-top: 0.625em !important;
  }
  .u-xlg-paddingTmd {
    padding-top: 1.25em !important;
  }
  .u-xlg-paddingTlg {
    padding-top: 2.5em !important;
  }
  .u-xlg-paddingTxlg {
    padding-top: 3.75em !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-xlg-paddingBxxsm {
    padding-bottom: 0.3125em !important;
  }
  .u-xlg-paddingBxsm {
    padding-bottom: 0.41666667em !important;
  }
  .u-xlg-paddingBsm {
    padding-bottom: 0.625em !important;
  }
  .u-xlg-paddingBmd {
    padding-bottom: 1.25em !important;
  }
  .u-xlg-paddingBlg {
    padding-bottom: 2.5em !important;
  }
  .u-xlg-paddingBxlg {
    padding-bottom: 3.75em !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-xlg-paddingRxxsm {
    padding-right: 0.3125em !important;
  }
  .u-xlg-paddingRxsm {
    padding-right: 0.41666667em !important;
  }
  .u-xlg-paddingRsm {
    padding-right: 0.625em !important;
  }
  .u-xlg-paddingRmd {
    padding-right: 1.25em !important;
  }
  .u-xlg-paddingRlg {
    padding-right: 2.5em !important;
  }
  .u-xlg-paddingRxlg {
    padding-right: 3.75em !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-xlg-paddingLxxsm {
    padding-left: 0.3125em !important;
  }
  .u-xlg-paddingLxsm {
    padding-left: 0.41666667em !important;
  }
  .u-xlg-paddingLsm {
    padding-left: 0.625em !important;
  }
  .u-xlg-paddingLmd {
    padding-left: 1.25em !important;
  }
  .u-xlg-paddingLlg {
    padding-left: 2.5em !important;
  }
  .u-xlg-paddingLxlg {
    padding-left: 3.75em !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-xlg-paddingHxxsm {
    padding-left: 0.3125em !important;
    padding-right: 0.3125em !important;
  }
  .u-xlg-paddingHxsm {
    padding-left: 0.41666667em !important;
    padding-right: 0.41666667em !important;
  }
  .u-xlg-paddingHsm {
    padding-left: 0.625em !important;
    padding-right: 0.625em !important;
  }
  .u-xlg-paddingHmd {
    padding-left: 1.25em !important;
    padding-right: 1.25em !important;
  }
  .u-xlg-paddingHlg {
    padding-left: 2.5em !important;
    padding-right: 2.5em !important;
  }
  .u-xlg-paddingHxlg {
    padding-left: 3.75em !important;
    padding-right: 3.75em !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-xlg-paddingVxxsm {
    padding-top: 0.3125em !important;
    padding-bottom: 0.3125em !important;
  }
  .u-xlg-paddingVxsm {
    padding-top: 0.41666667em !important;
    padding-bottom: 0.41666667em !important;
  }
  .u-xlg-paddingVsm {
    padding-top: 0.625em !important;
    padding-bottom: 0.625em !important;
  }
  .u-xlg-paddingVmd {
    padding-top: 1.25em !important;
    padding-bottom: 1.25em !important;
  }
  .u-xlg-paddingVlg {
    padding-top: 2.5em !important;
    padding-bottom: 2.5em !important;
  }
  .u-xlg-paddingVxlg {
    padding-top: 3.75em !important;
    padding-bottom: 3.75em !important;
  }
}
/**
 * Mixins used to generate classes.
 */