@charset "UTF-8";
@import "../../material-grid.css";
@import "../../material-icons.css";
.mdl-progress#progress-bar > .progressbar {
  color: #af181c;
}
/**/
html {
  height: 100% !important;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  color: #3f3f3f;
}
/*::-webkit-scrollbar {
    display: none;
}*/
/* Colors assignment                                 */
.top-section,
.mdl-tabs__tab-bar {
  background-color: #ffffff;
  color: #3f3f3f;
}
.mdl-layout__content {
  background-color: #f8f8fa;
}
footer.mdl-mega-footer {
  background-color: #af181c;
  color: #ffffff;
  padding: 6px 40px !important;
}
a:hover,
a.mdl-navigation__link:hover {
  color: #3f3f3f;
}
a.mdl-tabs__tab:hover {
  color: #3f3f3f;
}
a.mdl-button mdl-js-button mdl-button--icon selected-document:hover {
  background-color: #ffffff;
}
#password-reset-desc {
  margin-top: 1em;
}
.dataTables_info,
.pagination .mdl-button,
.action-link {
  color: #3f3f3f;
}
.dataTables_length.mdl-selectfield {
  color: rgba(0, 0, 0, 0.54);
}
#domain-title {
  color: #3f3f3f;
}
/* ------ ------ ------ ------ ------ ------ ------*/
/* Alpin small tweaks to the MDL components        */
.mdl-chip.table-chip {
  background-color: #f8f8fa;
  cursor: pointer;
}
.mdl-tabs__tab-bar .material-icons {
  padding: 2px;
}
.mdl-button--primary {
  font-size: 12px !important;
}
.mdl-button.mdl-button--colored.secondary-action {
  font-size: 13px;
}
.mdl-textfield--expandable .mdl-button--icon {
  top: 0 !important;
}
.mdl-card {
  min-height: 0 !important;
}
.mdl-checkbox.is-upgraded .mdl-checkbox__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  opacity: 0;
  -ms-appearance: radio;
  -moz-appearance: radio;
  -webkit-appearance: radio;
  appearance: radio;
  border: none;
  margin-left: -20px;
}
.mdl-tabs.is-upgraded .mdl-tabs__tab:hover:after {
  height: 2px;
  width: 100%;
  display: block;
  content: " ";
  bottom: 0px;
  left: 0px;
  position: absolute;
  background: rgba(175, 24, 28, 0.2);
  -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
  animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
  transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}
/* ------ ------ ------ ------ ------ ------ ------*/
/* Alpin Custom-defined classes                    */
.message {
  width: 100%;
  margin: 0 auto;
  padding: 16px;
  border-radius: 6px;
}
.message-warning {
  background-color: #FFF9C4;
}
.message-alert {
  background-color: #ffcdcd;
}
.message-success {
  background-color: #c8e6c9;
}
.message-info {
  background-color: #bbdefb;
}
.warning-icon {
  color: #ff8033;
}
.alert-icon {
  color: #f44336;
}
.success-icon {
  color: #4caf50;
}
.info-icon {
  color: #2196f3;
}
h4.no-margin-top {
  margin-top: 0;
}
tr.read-document {
  background-color: #eeeeee;
}
ul.info-list {
  list-style: none;
  padding: 0;
}
li.info-list-item {
  padding-left: 1.3em;
}
li.info-list-item:before {
  vertical-align: middle;
  content: "\E88E";
  font-family: 'Material Icons';
  display: inline-block;
  opacity: 0.7;
  margin-left: -1.3em;
  /* same as padding-left set on li */
  width: 1.3em;
  /* same as padding-left set on li */
  color: #2196f3;
}
.mdl-textfield__label.inline-input,
.mdl-textfield__input.inline-input {
  padding-left: 35px !important;
}
.mdl-textfield__label.inline-input {
  left: 0;
}
.mdl-grid#footer-grid {
  padding-left: 240px !important;
}
.mdl-cell#login-box {
  margin-top: 3em;
}
.mdl-card#login {
  margin-top: 2em;
}
a.action-link {
  display: inline-block;
  position: relative;
}
.action-link:hover::after {
  content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  height: 1em;
  width: 100%;
  border-bottom: 1px solid;
  margin-top: 5px;
}
.mdl-progress#progress-bar {
  width: 100%;
}
.hot-story.mdl-card {
  height: 100% !important;
  width: 100% !important;
}
.header-language-link {
  color: #3f3f3f;
  padding: 15px;
  text-align: right;
  float: right;
}
.vertical-align-middle {
  display: inline-flex;
  vertical-align: middle;
  padding-right: 5px;
  padding-bottom: 3px;
}
.inline-info {
  color: #bbdefb;
  opacity: 0.7 !important;
}
.mdl-card.loginform-card .mdl-card__supporting-text {
  padding: 25px !important;
}
p.card-subtitle {
  margin-bottom: 0;
}
td.action-cell {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.logo-image {
  padding-right: 10px;
}
@media screen and (min-width: 840px) {
  #stories-grid .mdl-cell:nth-child(even) {
    margin-right: 0;
    margin-left: 24px;
  }
  #stories-grid .mdl-cell:nth-child(odd) {
    margin-left: 0;
  }
}
@media screen and (min-width: 840px) {
  #story-detail-grid .mdl-cell:nth-child(even) {
    margin-right: 0;
    margin-left: 24px;
  }
  #story-detail-grid .mdl-cell:nth-child(odd) {
    margin-left: 0;
  }
}
.mdl-card__actions.primary-action {
  padding: 16px !important;
}
.mdl-layout-title.user-title {
  font-size: 14px;
  line-height: 35px !important;
  margin-top: 17px;
}
.topgrid {
  padding-bottom: 10px !important;
}
.bottomgrid {
  padding-top: 10px !important;
}
.clickable-row {
  cursor: pointer;
}
.forgot-password-desc {
  margin-top: 1em;
  margin-bottom: 0em !important;
}
#user-search-card .mdl-grid .mdl-cell:first-child {
  margin-left: 0;
}
#document-search-card .mdl-grid .mdl-cell:last-child {
  margin-right: 0;
}
.document-table {
  table-layout: fixed;
}
.document-table td {
  overflow: hidden;
  max-width: 25%;
  word-wrap: break-word;
}
@media screen and (min-width: 1025px) {
  .document-table td.table-thin-column,
  .document-table th.table-thin-column {
    width: 8% !important;
  }
}
.document-table td.table-large-column,
.document-table th.table-large-column {
  width: 25% !important;
}
.loading-overlay {
  left: 45%;
  top: 30%;
  position: absolute;
}
#error-page-icon {
  font-size: 20em;
}
/* ------ ------ ------ ------ ------ ------ ------*/
/* Alpin MDL-like styling for DataTables           */
.dataTables_length.mdl-selectfield {
  padding: 2px !important;
}
.dataTables_length a {
  border-bottom: none;
}
.pagination .mdl-button {
  min-width: 8%;
}
.dataTables_filter {
  padding: 0 !important;
}
.topgrid .material-icons,
.mdl-button--primary .material-icons {
  font-size: 20px !important;
}
.dataTables_filter .mdl-button {
  bottom: -5px !important;
}
/* ------ ------ ------ ------ ------ ------ ------*/
/* Alpin small tweaks to the Date Picker component        */
.mp-picker-choose-day.active {
  background-color: #3f3f3f !important;
}
.mp-info-second {
  line-height: 1.2 !important;
}
/* Fix to avoid the yellow background of the input when having Chrome autofill */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.mdl-textfield__input:-webkit-autofill {
  border-bottom: 1px solid #e0e0e0;
}
/* Internet Explorer Only                                                       */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html {
    overflow-y: hidden;
  }
  a,
  img {
    border: none;
    outline: none;
  }
  body {
    height: 100% !important;
  }
  .mdl-layout__content {
    display: block !important;
    height: 100%;
    -ms-overflow-style: none;
  }
  .mdl-mega-footer {
    bottom: 0 !important;
    width: 100%;
  }
  .mdl-tabs__tab-bar {
    display: -ms-flexbox;
    -ms-flex-pack: center;
  }
  .mdl-layout__drawer {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
  }
  .mdl-layout.mdl-layout--fixed-drawer {
    height: initial !important;
    position: static !important;
  }
  .mdl-layout__header-row {
    padding-top: 20px !important;
  }
}
/* ------ ------ ------ ------ ------ ------ ------ ------ ------ ------ ------
 * Material Dialog Component
/* ------ ------ ------ ------ ------ ------ ------ ------ ------ ------ ------ */
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%);
}
.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: 400px;
}
.mdl-dialog__title {
  padding: 24px 24px 0;
  margin: 0;
  font-size: 2.5rem;
}
.mdl-dialog__actions {
  padding: 8px 8px 8px 24px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mdl-dialog__actions > * {
  margin-right: 8px;
  height: 36px;
}
.mdl-dialog__actions > *:first-child {
  margin-right: 0;
}
.mdl-dialog__actions--full-width {
  padding: 0 0 8px 0;
}
.mdl-dialog__actions--full-width > * {
  height: 48px;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding-right: 16px;
  margin-right: 0;
  text-align: right;
}
.mdl-dialog__content {
  padding: 20px 24px 24px 24px;
  color: rgba(0, 0, 0, 0.54);
}
/* ------ ------ ------ ------ ------ ------ ------ ------ ------ ------ ------
 * Material date picker
/* ------ ------ ------ ------ ------ ------ ------ ------ ------ ------ ------ */
.mp-picker {
  font-family: 'roboto', sans-serif;
  font-size: 15px;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 2.5px 6px 2px rgba(0, 0, 0, 0.2);
  width: 350px;
  height: 12.5em;
  position: absolute;
  display: table;
  z-index: 100;
}
.mp-picker:before,
.mp-picker:after {
  content: " ";
  display: table;
}
.mp-picker:after {
  clear: both;
}
.mp-picker * {
  box-sizing: border-box;
}
.mp-picker .mp-picker-choose * {
  display: inline-block;
  text-align: center;
  font-weight: 500;
}
.mp-picker .mp-picker-choose a,
.mp-picker .mp-picker-choose a:hover,
.mp-picker .mp-picker-choose a:focus {
  color: rgba(0, 0, 0, 0.87);
  text-decoration: none;
}
.mp-picker .mp-picker-choose [class*="mp-picker-click"] {
  cursor: pointer;
  margin-bottom: 0.6em;
  border-radius: 1em;
  transition: background-color 0.2s ease;
}
.mp-picker .mp-picker-choose [class*="mp-picker-click"].mp-picker-choose-day {
  font-size: 0.8em;
  margin: 0;
  padding: 0.3em 0;
}
.mp-picker .mp-picker-choose [class*="mp-picker-click"].mp-empty {
  background-color: transparent !important;
  cursor: default;
}
.mp-picker .mp-picker-choose [class*="mp-picker-click"]:hover {
  background-color: #e6e6e6;
}
.mp-picker .mp-picker-choose [class*="mp-picker-click"].today {
  color: #af181c;
}
.mp-picker .mp-picker-choose [class*="mp-picker-click"].active {
  color: #ffffff;
  background-color: #3f3f3f;
}
.mp-picker .mp-picker-choose .mp-picker-header {
  margin-bottom: 0.6em;
  font-size: 0.8em;
  opacity: 0.57;
}
.mp-picker .mp-picker-choose .mp-picker-header[class*="mp-picker-header-day"] {
  width: 14.28571429%;
}
.mp-picker[data-theme="dark"] .mp-picker-info {
  background: #555;
}
.mp-picker[data-theme="dark"] .mp-picker-picker {
  background-color: #424242;
  color: #ffffff;
}
.mp-picker[data-theme="dark"] .mp-picker-picker .mp-picker-site .mp-picker-site-button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMy43IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMuNyA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiAjZjRmNGY0OyIgZD0iTTMuNywwLjdMMS40LDNsMi4zLDIuM0wzLDZMMCwzbDMtM0wzLjcsMC43eiIvPg0KPC9nPg0KPC9zdmc+DQo=");
  opacity: 1;
}
.mp-picker[data-theme="dark"] .mp-picker-picker .mp-picker-site .mp-picker-site-button:hover {
  background-color: #565656;
}
.mp-picker[data-theme="dark"] .mp-picker-picker [class*="mp-picker-choose-month"]:hover {
  background-color: #565656;
}
.mp-picker[data-theme="dark"] .mp-picker-picker [class*="mp-picker-choose-month"].today {
  color: #80cbc4;
}
.mp-picker[data-theme="dark"] .mp-picker-picker [class*="mp-picker-choose-month"].active {
  background-color: #80cbc4;
  color: #424242;
}
.mp-picker[data-orientation="portrait"] {
  width: 225px;
  height: 325px;
  display: block;
}
.mp-picker[data-orientation="portrait"] .mp-picker-info {
  display: block;
  width: 100%;
  height: 25%;
}
.mp-picker[data-orientation="portrait"] .mp-picker-info .mp-info-second {
  word-wrap: break-word;
}
.mp-picker[data-orientation="portrait"] .mp-picker-picker {
  display: block;
  width: 100%;
  height: 75%;
}
.mp-picker.mp-datepicker [class*="mp-picker-choose"] span,
.mp-picker.mp-datepicker [class*="mp-picker-choose"] a {
  width: 14.28571429%;
}
.mp-picker.mp-monthpicker [class*="mp-picker-choose"] span,
.mp-picker.mp-monthpicker [class*="mp-picker-choose"] a {
  width: 33.33333333%;
}
.mp-picker.mp-monthpicker[data-orientation="portrait"] .mp-picker-picker {
  padding-top: 2em;
}
.mp-picker .mp-picker-info {
  display: table-cell;
  width: 30%;
  color: #ffffff;
  background: #af181c;
  padding: 1em;
}
.mp-picker .mp-picker-info .mp-info-first {
  color: rgba(255, 255, 255, 0.7);
  width: 100%;
  display: inline-block;
}
.mp-picker .mp-picker-info .mp-info-second {
  font-size: 1.3em;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  display: inline-block;
  font-height: 1.2;
}
.mp-picker .mp-picker-picker {
  display: table-cell;
  width: 70%;
  background: #fafafa;
  color: rgba(0, 0, 0, 0.87);
  padding: 1em;
  overflow: hidden;
}
.mp-picker .mp-picker-picker .mp-picker-site {
  margin-bottom: 1em;
  font-size: 0.8em;
}
.mp-picker .mp-picker-picker .mp-picker-site:before,
.mp-picker .mp-picker-picker .mp-picker-site:after {
  content: " ";
  display: table;
}
.mp-picker .mp-picker-picker .mp-picker-site:after {
  clear: both;
}
.mp-picker .mp-picker-picker .mp-picker-site > * {
  float: left;
}
.mp-picker .mp-picker-picker .mp-picker-site .mp-picker-site-button {
  display: block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMy43IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMuNyA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zLjcsMC43TDEuNCwzbDIuMywyLjNMMyw2TDAsM2wzLTNMMy43LDAuN3oiLz4NCjwvZz4NCjwvc3ZnPg0K");
  background-repeat: no-repeat;
  background-size: 0.5em;
  background-position: center;
  height: 2em;
  width: 2em;
  margin: 0.25em 0;
  cursor: pointer;
  opacity: 0.8;
  transition: background-color 0.2s ease;
  border-radius: 2em;
}
.mp-picker .mp-picker-picker .mp-picker-site .mp-picker-site-button:hover {
  background-color: #e1e1e1;
}
.mp-picker .mp-picker-picker .mp-picker-site .mp-picker-site-next {
  transform: rotate(180deg);
}
.mp-picker .mp-picker-picker .mp-picker-site .mp-picker-site-this {
  width: calc(100% - 4em);
  text-align: center;
  font-weight: 600;
  line-height: 2em;
}
.mp-picker .mp-picker-picker .mp-picker-choose:before,
.mp-picker .mp-picker-picker .mp-picker-choose:after {
  content: " ";
  display: table;
}
.mp-picker .mp-picker-picker .mp-picker-choose:after {
  clear: both;
}
.mp-picker .mp-animate {
  transform: translate(0);
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.mp-picker .mp-animate.mp-picker-site-this {
  transition-timing-function: linear;
}
.mp-picker .mp-animate.mp-animate-right {
  transform: translateX(10%);
  opacity: 0;
}
.mp-picker .mp-animate.mp-animate-left {
  transform: translateX(-10%);
  opacity: 0;
}
/* ------ ------ ------ ------ ------ ------ ------ ------ ------ ------ ------
 * MDL icons
/* ------ ------ ------ ------ ------ ------ ------ ------ ------ ------ ------ */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://rawgit.com/google/material-design-icons/master/iconfont/MaterialIcons-Regular.woff2) format('woff2'), url(https://rawgit.com/google/material-design-icons/master/iconfont/MaterialIcons-Regular.woff) format('woff'), url(https://rawgit.com/google/material-design-icons/master/iconfont/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT 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.
 */
/* 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
 */
/* ==========  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.
 */
/* ==========  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 */
/* TOOLTIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT 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 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT 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
 */
/* ==========  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.
 */
/* ==========  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 */
/* TOOLTIP */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1em;
  line-height: 1.4;
}
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}
/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers:
 */
.hidden {
  display: none !important;
}
/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after,
  *:first-letter {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Remove the unwanted box around FAB buttons */
/* More info: http://goo.gl/IPwKi */
a,
.mdl-accordion,
.mdl-button,
.mdl-card,
.mdl-checkbox,
.mdl-dropdown-menu,
.mdl-icon-toggle,
.mdl-item,
.mdl-radio,
.mdl-slider,
.mdl-switch,
.mdl-tabs__tab {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
/*
 * Make html take up the entire screen
 * Then set touch-action to avoid touch delay on mobile IE
 */
html {
  width: 100%;
  height: 100%;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
/*
* Make body take up the entire screen
* Remove body margin so layout containers don't cause extra overflow.
*/
body {
  width: 100%;
  min-height: 100%;
  margin: 0;
}
/*
 * Main display reset for IE support.
 * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011
 */
main {
  display: block;
}
/*
* Apply no display to elements with the hidden attribute.
* IE 9 and 10 support.
*/
*[hidden] {
  display: none !important;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
html,
body {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}
/**
  * Styles for HTML elements
  */
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  opacity: 0.54;
  font-size: 0.6em;
}
h1 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  margin-top: 24px;
  margin-bottom: 24px;
}
h2 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  margin-top: 24px;
  margin-bottom: 24px;
}
h3 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  margin-top: 24px;
  margin-bottom: 24px;
}
h4 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 24px;
  margin-bottom: 16px;
}
h5 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  margin-top: 24px;
  margin-bottom: 16px;
}
h6 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  margin-top: 24px;
  margin-bottom: 16px;
}
p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  margin-bottom: 16px;
}
a {
  color: #3f3f3f;
  font-weight: 500;
}
blockquote {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  position: relative;
  font-size: 24px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.35;
  letter-spacing: 0.08em;
}
blockquote:before {
  position: absolute;
  left: -0.5em;
  content: '“';
}
blockquote:after {
  content: '�';
  margin-left: -0.05em;
}
mark {
  background-color: #f4ff81;
}
dt {
  font-weight: 700;
}
address {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  font-style: normal;
}
ul,
ol {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}
/**
 * Class Name Styles
 */
.mdl-typography--display-4 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 112px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.04em;
}
.mdl-typography--display-4-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 112px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.04em;
  opacity: 0.54;
}
.mdl-typography--display-3 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
}
.mdl-typography--display-3-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  opacity: 0.54;
}
.mdl-typography--display-2 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
}
.mdl-typography--display-2-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  opacity: 0.54;
}
.mdl-typography--display-1 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
}
.mdl-typography--display-1-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  opacity: 0.54;
}
.mdl-typography--headline {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
}
.mdl-typography--headline-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0.87;
}
.mdl-typography--title {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
}
.mdl-typography--title-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  opacity: 0.87;
}
.mdl-typography--subhead {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
}
.mdl-typography--subhead-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  opacity: 0.87;
}
.mdl-typography--body-2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0;
}
.mdl-typography--body-2-color-contrast {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}
.mdl-typography--body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}
.mdl-typography--body-1-color-contrast {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}
.mdl-typography--body-2-force-preferred-font {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;
}
.mdl-typography--body-2-force-preferred-font-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}
.mdl-typography--body-1-force-preferred-font {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}
.mdl-typography--body-1-force-preferred-font-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}
.mdl-typography--caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}
.mdl-typography--caption-force-preferred-font {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}
.mdl-typography--caption-color-contrast {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.54;
}
.mdl-typography--caption-force-preferred-font-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.54;
}
.mdl-typography--menu {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}
.mdl-typography--menu-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.87;
}
.mdl-typography--button {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
}
.mdl-typography--button-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.87;
}
.mdl-typography--text-left {
  text-align: left;
}
.mdl-typography--text-right {
  text-align: right;
}
.mdl-typography--text-center {
  text-align: center;
}
.mdl-typography--text-justify {
  text-align: justify;
}
.mdl-typography--text-nowrap {
  white-space: nowrap;
}
.mdl-typography--text-lowercase {
  text-transform: lowercase;
}
.mdl-typography--text-uppercase {
  text-transform: uppercase;
}
.mdl-typography--text-capitalize {
  text-transform: capitalize;
}
.mdl-typography--font-thin {
  font-weight: 200 !important;
}
.mdl-typography--font-light {
  font-weight: 300 !important;
}
.mdl-typography--font-regular {
  font-weight: 400 !important;
}
.mdl-typography--font-medium {
  font-weight: 500 !important;
}
.mdl-typography--font-bold {
  font-weight: 700 !important;
}
.mdl-typography--font-black {
  font-weight: 900 !important;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  word-wrap: normal;
  -moz-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-color-text--red {
  color: #f44336 !important;
}
.mdl-color--red {
  background-color: #f44336 !important;
}
.mdl-color-text--red-50 {
  color: #ffebee !important;
}
.mdl-color--red-50 {
  background-color: #ffebee !important;
}
.mdl-color-text--red-100 {
  color: #ffcdd2 !important;
}
.mdl-color--red-100 {
  background-color: #ffcdd2 !important;
}
.mdl-color-text--red-200 {
  color: #ef9a9a !important;
}
.mdl-color--red-200 {
  background-color: #ef9a9a !important;
}
.mdl-color-text--red-300 {
  color: #e57373 !important;
}
.mdl-color--red-300 {
  background-color: #e57373 !important;
}
.mdl-color-text--red-400 {
  color: #ef5350 !important;
}
.mdl-color--red-400 {
  background-color: #ef5350 !important;
}
.mdl-color-text--red-500 {
  color: #f44336 !important;
}
.mdl-color--red-500 {
  background-color: #f44336 !important;
}
.mdl-color-text--red-600 {
  color: #e53935 !important;
}
.mdl-color--red-600 {
  background-color: #e53935 !important;
}
.mdl-color-text--red-700 {
  color: #d32f2f !important;
}
.mdl-color--red-700 {
  background-color: #d32f2f !important;
}
.mdl-color-text--red-800 {
  color: #c62828 !important;
}
.mdl-color--red-800 {
  background-color: #c62828 !important;
}
.mdl-color-text--red-900 {
  color: #b71c1c !important;
}
.mdl-color--red-900 {
  background-color: #b71c1c !important;
}
.mdl-color-text--red-A100 {
  color: #ff8a80 !important;
}
.mdl-color--red-A100 {
  background-color: #ff8a80 !important;
}
.mdl-color-text--red-A200 {
  color: #ff5252 !important;
}
.mdl-color--red-A200 {
  background-color: #ff5252 !important;
}
.mdl-color-text--red-A400 {
  color: #ff1744 !important;
}
.mdl-color--red-A400 {
  background-color: #ff1744 !important;
}
.mdl-color-text--red-A700 {
  color: #d50000 !important;
}
.mdl-color--red-A700 {
  background-color: #d50000 !important;
}
.mdl-color-text--pink {
  color: #e91e63 !important;
}
.mdl-color--pink {
  background-color: #e91e63 !important;
}
.mdl-color-text--pink-50 {
  color: #fce4ec !important;
}
.mdl-color--pink-50 {
  background-color: #fce4ec !important;
}
.mdl-color-text--pink-100 {
  color: #f8bbd0 !important;
}
.mdl-color--pink-100 {
  background-color: #f8bbd0 !important;
}
.mdl-color-text--pink-200 {
  color: #f48fb1 !important;
}
.mdl-color--pink-200 {
  background-color: #f48fb1 !important;
}
.mdl-color-text--pink-300 {
  color: #f06292 !important;
}
.mdl-color--pink-300 {
  background-color: #f06292 !important;
}
.mdl-color-text--pink-400 {
  color: #ec407a !important;
}
.mdl-color--pink-400 {
  background-color: #ec407a !important;
}
.mdl-color-text--pink-500 {
  color: #e91e63 !important;
}
.mdl-color--pink-500 {
  background-color: #e91e63 !important;
}
.mdl-color-text--pink-600 {
  color: #d81b60 !important;
}
.mdl-color--pink-600 {
  background-color: #d81b60 !important;
}
.mdl-color-text--pink-700 {
  color: #c2185b !important;
}
.mdl-color--pink-700 {
  background-color: #c2185b !important;
}
.mdl-color-text--pink-800 {
  color: #ad1457 !important;
}
.mdl-color--pink-800 {
  background-color: #ad1457 !important;
}
.mdl-color-text--pink-900 {
  color: #880e4f !important;
}
.mdl-color--pink-900 {
  background-color: #880e4f !important;
}
.mdl-color-text--pink-A100 {
  color: #ff80ab !important;
}
.mdl-color--pink-A100 {
  background-color: #ff80ab !important;
}
.mdl-color-text--pink-A200 {
  color: #ff4081 !important;
}
.mdl-color--pink-A200 {
  background-color: #ff4081 !important;
}
.mdl-color-text--pink-A400 {
  color: #f50057 !important;
}
.mdl-color--pink-A400 {
  background-color: #f50057 !important;
}
.mdl-color-text--pink-A700 {
  color: #c51162 !important;
}
.mdl-color--pink-A700 {
  background-color: #c51162 !important;
}
.mdl-color-text--purple {
  color: #9c27b0 !important;
}
.mdl-color--purple {
  background-color: #9c27b0 !important;
}
.mdl-color-text--purple-50 {
  color: #f3e5f5 !important;
}
.mdl-color--purple-50 {
  background-color: #f3e5f5 !important;
}
.mdl-color-text--purple-100 {
  color: #e1bee7 !important;
}
.mdl-color--purple-100 {
  background-color: #e1bee7 !important;
}
.mdl-color-text--purple-200 {
  color: #ce93d8 !important;
}
.mdl-color--purple-200 {
  background-color: #ce93d8 !important;
}
.mdl-color-text--purple-300 {
  color: #ba68c8 !important;
}
.mdl-color--purple-300 {
  background-color: #ba68c8 !important;
}
.mdl-color-text--purple-400 {
  color: #ab47bc !important;
}
.mdl-color--purple-400 {
  background-color: #ab47bc !important;
}
.mdl-color-text--purple-500 {
  color: #9c27b0 !important;
}
.mdl-color--purple-500 {
  background-color: #9c27b0 !important;
}
.mdl-color-text--purple-600 {
  color: #8e24aa !important;
}
.mdl-color--purple-600 {
  background-color: #8e24aa !important;
}
.mdl-color-text--purple-700 {
  color: #7b1fa2 !important;
}
.mdl-color--purple-700 {
  background-color: #7b1fa2 !important;
}
.mdl-color-text--purple-800 {
  color: #6a1b9a !important;
}
.mdl-color--purple-800 {
  background-color: #6a1b9a !important;
}
.mdl-color-text--purple-900 {
  color: #4a148c !important;
}
.mdl-color--purple-900 {
  background-color: #4a148c !important;
}
.mdl-color-text--purple-A100 {
  color: #ea80fc !important;
}
.mdl-color--purple-A100 {
  background-color: #ea80fc !important;
}
.mdl-color-text--purple-A200 {
  color: #e040fb !important;
}
.mdl-color--purple-A200 {
  background-color: #e040fb !important;
}
.mdl-color-text--purple-A400 {
  color: #d500f9 !important;
}
.mdl-color--purple-A400 {
  background-color: #d500f9 !important;
}
.mdl-color-text--purple-A700 {
  color: #aa00ff !important;
}
.mdl-color--purple-A700 {
  background-color: #aa00ff !important;
}
.mdl-color-text--deep-purple {
  color: #673ab7 !important;
}
.mdl-color--deep-purple {
  background-color: #673ab7 !important;
}
.mdl-color-text--deep-purple-50 {
  color: #ede7f6 !important;
}
.mdl-color--deep-purple-50 {
  background-color: #ede7f6 !important;
}
.mdl-color-text--deep-purple-100 {
  color: #d1c4e9 !important;
}
.mdl-color--deep-purple-100 {
  background-color: #d1c4e9 !important;
}
.mdl-color-text--deep-purple-200 {
  color: #b39ddb !important;
}
.mdl-color--deep-purple-200 {
  background-color: #b39ddb !important;
}
.mdl-color-text--deep-purple-300 {
  color: #9575cd !important;
}
.mdl-color--deep-purple-300 {
  background-color: #9575cd !important;
}
.mdl-color-text--deep-purple-400 {
  color: #7e57c2 !important;
}
.mdl-color--deep-purple-400 {
  background-color: #7e57c2 !important;
}
.mdl-color-text--deep-purple-500 {
  color: #673ab7 !important;
}
.mdl-color--deep-purple-500 {
  background-color: #673ab7 !important;
}
.mdl-color-text--deep-purple-600 {
  color: #5e35b1 !important;
}
.mdl-color--deep-purple-600 {
  background-color: #5e35b1 !important;
}
.mdl-color-text--deep-purple-700 {
  color: #512da8 !important;
}
.mdl-color--deep-purple-700 {
  background-color: #512da8 !important;
}
.mdl-color-text--deep-purple-800 {
  color: #4527a0 !important;
}
.mdl-color--deep-purple-800 {
  background-color: #4527a0 !important;
}
.mdl-color-text--deep-purple-900 {
  color: #311b92 !important;
}
.mdl-color--deep-purple-900 {
  background-color: #311b92 !important;
}
.mdl-color-text--deep-purple-A100 {
  color: #b388ff !important;
}
.mdl-color--deep-purple-A100 {
  background-color: #b388ff !important;
}
.mdl-color-text--deep-purple-A200 {
  color: #7c4dff !important;
}
.mdl-color--deep-purple-A200 {
  background-color: #7c4dff !important;
}
.mdl-color-text--deep-purple-A400 {
  color: #651fff !important;
}
.mdl-color--deep-purple-A400 {
  background-color: #651fff !important;
}
.mdl-color-text--deep-purple-A700 {
  color: #6200ea !important;
}
.mdl-color--deep-purple-A700 {
  background-color: #6200ea !important;
}
.mdl-color-text--indigo {
  color: #3f51b5 !important;
}
.mdl-color--indigo {
  background-color: #3f51b5 !important;
}
.mdl-color-text--indigo-50 {
  color: #e8eaf6 !important;
}
.mdl-color--indigo-50 {
  background-color: #e8eaf6 !important;
}
.mdl-color-text--indigo-100 {
  color: #c5cae9 !important;
}
.mdl-color--indigo-100 {
  background-color: #c5cae9 !important;
}
.mdl-color-text--indigo-200 {
  color: #9fa8da !important;
}
.mdl-color--indigo-200 {
  background-color: #9fa8da !important;
}
.mdl-color-text--indigo-300 {
  color: #7986cb !important;
}
.mdl-color--indigo-300 {
  background-color: #7986cb !important;
}
.mdl-color-text--indigo-400 {
  color: #5c6bc0 !important;
}
.mdl-color--indigo-400 {
  background-color: #5c6bc0 !important;
}
.mdl-color-text--indigo-500 {
  color: #3f51b5 !important;
}
.mdl-color--indigo-500 {
  background-color: #3f51b5 !important;
}
.mdl-color-text--indigo-600 {
  color: #3949ab !important;
}
.mdl-color--indigo-600 {
  background-color: #3949ab !important;
}
.mdl-color-text--indigo-700 {
  color: #303f9f !important;
}
.mdl-color--indigo-700 {
  background-color: #303f9f !important;
}
.mdl-color-text--indigo-800 {
  color: #283593 !important;
}
.mdl-color--indigo-800 {
  background-color: #283593 !important;
}
.mdl-color-text--indigo-900 {
  color: #1a237e !important;
}
.mdl-color--indigo-900 {
  background-color: #1a237e !important;
}
.mdl-color-text--indigo-A100 {
  color: #8c9eff !important;
}
.mdl-color--indigo-A100 {
  background-color: #8c9eff !important;
}
.mdl-color-text--indigo-A200 {
  color: #536dfe !important;
}
.mdl-color--indigo-A200 {
  background-color: #536dfe !important;
}
.mdl-color-text--indigo-A400 {
  color: #3d5afe !important;
}
.mdl-color--indigo-A400 {
  background-color: #3d5afe !important;
}
.mdl-color-text--indigo-A700 {
  color: #304ffe !important;
}
.mdl-color--indigo-A700 {
  background-color: #304ffe !important;
}
.mdl-color-text--blue {
  color: #2196f3 !important;
}
.mdl-color--blue {
  background-color: #2196f3 !important;
}
.mdl-color-text--blue-50 {
  color: #e3f2fd !important;
}
.mdl-color--blue-50 {
  background-color: #e3f2fd !important;
}
.mdl-color-text--blue-100 {
  color: #bbdefb !important;
}
.mdl-color--blue-100 {
  background-color: #bbdefb !important;
}
.mdl-color-text--blue-200 {
  color: #90caf9 !important;
}
.mdl-color--blue-200 {
  background-color: #90caf9 !important;
}
.mdl-color-text--blue-300 {
  color: #64b5f6 !important;
}
.mdl-color--blue-300 {
  background-color: #64b5f6 !important;
}
.mdl-color-text--blue-400 {
  color: #42a5f5 !important;
}
.mdl-color--blue-400 {
  background-color: #42a5f5 !important;
}
.mdl-color-text--blue-500 {
  color: #2196f3 !important;
}
.mdl-color--blue-500 {
  background-color: #2196f3 !important;
}
.mdl-color-text--blue-600 {
  color: #1e88e5 !important;
}
.mdl-color--blue-600 {
  background-color: #1e88e5 !important;
}
.mdl-color-text--blue-700 {
  color: #1976d2 !important;
}
.mdl-color--blue-700 {
  background-color: #1976d2 !important;
}
.mdl-color-text--blue-800 {
  color: #1565c0 !important;
}
.mdl-color--blue-800 {
  background-color: #1565c0 !important;
}
.mdl-color-text--blue-900 {
  color: #0d47a1 !important;
}
.mdl-color--blue-900 {
  background-color: #0d47a1 !important;
}
.mdl-color-text--blue-A100 {
  color: #82b1ff !important;
}
.mdl-color--blue-A100 {
  background-color: #82b1ff !important;
}
.mdl-color-text--blue-A200 {
  color: #448aff !important;
}
.mdl-color--blue-A200 {
  background-color: #448aff !important;
}
.mdl-color-text--blue-A400 {
  color: #2979ff !important;
}
.mdl-color--blue-A400 {
  background-color: #2979ff !important;
}
.mdl-color-text--blue-A700 {
  color: #2962ff !important;
}
.mdl-color--blue-A700 {
  background-color: #2962ff !important;
}
.mdl-color-text--light-blue {
  color: #03a9f4 !important;
}
.mdl-color--light-blue {
  background-color: #03a9f4 !important;
}
.mdl-color-text--light-blue-50 {
  color: #e1f5fe !important;
}
.mdl-color--light-blue-50 {
  background-color: #e1f5fe !important;
}
.mdl-color-text--light-blue-100 {
  color: #b3e5fc !important;
}
.mdl-color--light-blue-100 {
  background-color: #b3e5fc !important;
}
.mdl-color-text--light-blue-200 {
  color: #81d4fa !important;
}
.mdl-color--light-blue-200 {
  background-color: #81d4fa !important;
}
.mdl-color-text--light-blue-300 {
  color: #4fc3f7 !important;
}
.mdl-color--light-blue-300 {
  background-color: #4fc3f7 !important;
}
.mdl-color-text--light-blue-400 {
  color: #29b6f6 !important;
}
.mdl-color--light-blue-400 {
  background-color: #29b6f6 !important;
}
.mdl-color-text--light-blue-500 {
  color: #03a9f4 !important;
}
.mdl-color--light-blue-500 {
  background-color: #03a9f4 !important;
}
.mdl-color-text--light-blue-600 {
  color: #039be5 !important;
}
.mdl-color--light-blue-600 {
  background-color: #039be5 !important;
}
.mdl-color-text--light-blue-700 {
  color: #0288d1 !important;
}
.mdl-color--light-blue-700 {
  background-color: #0288d1 !important;
}
.mdl-color-text--light-blue-800 {
  color: #0277bd !important;
}
.mdl-color--light-blue-800 {
  background-color: #0277bd !important;
}
.mdl-color-text--light-blue-900 {
  color: #01579b !important;
}
.mdl-color--light-blue-900 {
  background-color: #01579b !important;
}
.mdl-color-text--light-blue-A100 {
  color: #80d8ff !important;
}
.mdl-color--light-blue-A100 {
  background-color: #80d8ff !important;
}
.mdl-color-text--light-blue-A200 {
  color: #40c4ff !important;
}
.mdl-color--light-blue-A200 {
  background-color: #40c4ff !important;
}
.mdl-color-text--light-blue-A400 {
  color: #00b0ff !important;
}
.mdl-color--light-blue-A400 {
  background-color: #00b0ff !important;
}
.mdl-color-text--light-blue-A700 {
  color: #0091ea !important;
}
.mdl-color--light-blue-A700 {
  background-color: #0091ea !important;
}
.mdl-color-text--cyan {
  color: #00bcd4 !important;
}
.mdl-color--cyan {
  background-color: #00bcd4 !important;
}
.mdl-color-text--cyan-50 {
  color: #e0f7fa !important;
}
.mdl-color--cyan-50 {
  background-color: #e0f7fa !important;
}
.mdl-color-text--cyan-100 {
  color: #b2ebf2 !important;
}
.mdl-color--cyan-100 {
  background-color: #b2ebf2 !important;
}
.mdl-color-text--cyan-200 {
  color: #80deea !important;
}
.mdl-color--cyan-200 {
  background-color: #80deea !important;
}
.mdl-color-text--cyan-300 {
  color: #4dd0e1 !important;
}
.mdl-color--cyan-300 {
  background-color: #4dd0e1 !important;
}
.mdl-color-text--cyan-400 {
  color: #26c6da !important;
}
.mdl-color--cyan-400 {
  background-color: #26c6da !important;
}
.mdl-color-text--cyan-500 {
  color: #00bcd4 !important;
}
.mdl-color--cyan-500 {
  background-color: #00bcd4 !important;
}
.mdl-color-text--cyan-600 {
  color: #00acc1 !important;
}
.mdl-color--cyan-600 {
  background-color: #00acc1 !important;
}
.mdl-color-text--cyan-700 {
  color: #0097a7 !important;
}
.mdl-color--cyan-700 {
  background-color: #0097a7 !important;
}
.mdl-color-text--cyan-800 {
  color: #00838f !important;
}
.mdl-color--cyan-800 {
  background-color: #00838f !important;
}
.mdl-color-text--cyan-900 {
  color: #006064 !important;
}
.mdl-color--cyan-900 {
  background-color: #006064 !important;
}
.mdl-color-text--cyan-A100 {
  color: #84ffff !important;
}
.mdl-color--cyan-A100 {
  background-color: #84ffff !important;
}
.mdl-color-text--cyan-A200 {
  color: #18ffff !important;
}
.mdl-color--cyan-A200 {
  background-color: #18ffff !important;
}
.mdl-color-text--cyan-A400 {
  color: #00e5ff !important;
}
.mdl-color--cyan-A400 {
  background-color: #00e5ff !important;
}
.mdl-color-text--cyan-A700 {
  color: #00b8d4 !important;
}
.mdl-color--cyan-A700 {
  background-color: #00b8d4 !important;
}
.mdl-color-text--teal {
  color: #009688 !important;
}
.mdl-color--teal {
  background-color: #009688 !important;
}
.mdl-color-text--teal-50 {
  color: #e0f2f1 !important;
}
.mdl-color--teal-50 {
  background-color: #e0f2f1 !important;
}
.mdl-color-text--teal-100 {
  color: #b2dfdb !important;
}
.mdl-color--teal-100 {
  background-color: #b2dfdb !important;
}
.mdl-color-text--teal-200 {
  color: #80cbc4 !important;
}
.mdl-color--teal-200 {
  background-color: #80cbc4 !important;
}
.mdl-color-text--teal-300 {
  color: #4db6ac !important;
}
.mdl-color--teal-300 {
  background-color: #4db6ac !important;
}
.mdl-color-text--teal-400 {
  color: #26a69a !important;
}
.mdl-color--teal-400 {
  background-color: #26a69a !important;
}
.mdl-color-text--teal-500 {
  color: #009688 !important;
}
.mdl-color--teal-500 {
  background-color: #009688 !important;
}
.mdl-color-text--teal-600 {
  color: #00897b !important;
}
.mdl-color--teal-600 {
  background-color: #00897b !important;
}
.mdl-color-text--teal-700 {
  color: #00796b !important;
}
.mdl-color--teal-700 {
  background-color: #00796b !important;
}
.mdl-color-text--teal-800 {
  color: #00695c !important;
}
.mdl-color--teal-800 {
  background-color: #00695c !important;
}
.mdl-color-text--teal-900 {
  color: #004d40 !important;
}
.mdl-color--teal-900 {
  background-color: #004d40 !important;
}
.mdl-color-text--teal-A100 {
  color: #a7ffeb !important;
}
.mdl-color--teal-A100 {
  background-color: #a7ffeb !important;
}
.mdl-color-text--teal-A200 {
  color: #64ffda !important;
}
.mdl-color--teal-A200 {
  background-color: #64ffda !important;
}
.mdl-color-text--teal-A400 {
  color: #1de9b6 !important;
}
.mdl-color--teal-A400 {
  background-color: #1de9b6 !important;
}
.mdl-color-text--teal-A700 {
  color: #00bfa5 !important;
}
.mdl-color--teal-A700 {
  background-color: #00bfa5 !important;
}
.mdl-color-text--green {
  color: #4caf50 !important;
}
.mdl-color--green {
  background-color: #4caf50 !important;
}
.mdl-color-text--green-50 {
  color: #e8f5e9 !important;
}
.mdl-color--green-50 {
  background-color: #e8f5e9 !important;
}
.mdl-color-text--green-100 {
  color: #c8e6c9 !important;
}
.mdl-color--green-100 {
  background-color: #c8e6c9 !important;
}
.mdl-color-text--green-200 {
  color: #a5d6a7 !important;
}
.mdl-color--green-200 {
  background-color: #a5d6a7 !important;
}
.mdl-color-text--green-300 {
  color: #81c784 !important;
}
.mdl-color--green-300 {
  background-color: #81c784 !important;
}
.mdl-color-text--green-400 {
  color: #66bb6a !important;
}
.mdl-color--green-400 {
  background-color: #66bb6a !important;
}
.mdl-color-text--green-500 {
  color: #4caf50 !important;
}
.mdl-color--green-500 {
  background-color: #4caf50 !important;
}
.mdl-color-text--green-600 {
  color: #43a047 !important;
}
.mdl-color--green-600 {
  background-color: #43a047 !important;
}
.mdl-color-text--green-700 {
  color: #388e3c !important;
}
.mdl-color--green-700 {
  background-color: #388e3c !important;
}
.mdl-color-text--green-800 {
  color: #2e7d32 !important;
}
.mdl-color--green-800 {
  background-color: #2e7d32 !important;
}
.mdl-color-text--green-900 {
  color: #1b5e20 !important;
}
.mdl-color--green-900 {
  background-color: #1b5e20 !important;
}
.mdl-color-text--green-A100 {
  color: #b9f6ca !important;
}
.mdl-color--green-A100 {
  background-color: #b9f6ca !important;
}
.mdl-color-text--green-A200 {
  color: #69f0ae !important;
}
.mdl-color--green-A200 {
  background-color: #69f0ae !important;
}
.mdl-color-text--green-A400 {
  color: #00e676 !important;
}
.mdl-color--green-A400 {
  background-color: #00e676 !important;
}
.mdl-color-text--green-A700 {
  color: #00c853 !important;
}
.mdl-color--green-A700 {
  background-color: #00c853 !important;
}
.mdl-color-text--light-green {
  color: #8bc34a !important;
}
.mdl-color--light-green {
  background-color: #8bc34a !important;
}
.mdl-color-text--light-green-50 {
  color: #f1f8e9 !important;
}
.mdl-color--light-green-50 {
  background-color: #f1f8e9 !important;
}
.mdl-color-text--light-green-100 {
  color: #dcedc8 !important;
}
.mdl-color--light-green-100 {
  background-color: #dcedc8 !important;
}
.mdl-color-text--light-green-200 {
  color: #c5e1a5 !important;
}
.mdl-color--light-green-200 {
  background-color: #c5e1a5 !important;
}
.mdl-color-text--light-green-300 {
  color: #aed581 !important;
}
.mdl-color--light-green-300 {
  background-color: #aed581 !important;
}
.mdl-color-text--light-green-400 {
  color: #9ccc65 !important;
}
.mdl-color--light-green-400 {
  background-color: #9ccc65 !important;
}
.mdl-color-text--light-green-500 {
  color: #8bc34a !important;
}
.mdl-color--light-green-500 {
  background-color: #8bc34a !important;
}
.mdl-color-text--light-green-600 {
  color: #7cb342 !important;
}
.mdl-color--light-green-600 {
  background-color: #7cb342 !important;
}
.mdl-color-text--light-green-700 {
  color: #689f38 !important;
}
.mdl-color--light-green-700 {
  background-color: #689f38 !important;
}
.mdl-color-text--light-green-800 {
  color: #558b2f !important;
}
.mdl-color--light-green-800 {
  background-color: #558b2f !important;
}
.mdl-color-text--light-green-900 {
  color: #33691e !important;
}
.mdl-color--light-green-900 {
  background-color: #33691e !important;
}
.mdl-color-text--light-green-A100 {
  color: #ccff90 !important;
}
.mdl-color--light-green-A100 {
  background-color: #ccff90 !important;
}
.mdl-color-text--light-green-A200 {
  color: #b2ff59 !important;
}
.mdl-color--light-green-A200 {
  background-color: #b2ff59 !important;
}
.mdl-color-text--light-green-A400 {
  color: #76ff03 !important;
}
.mdl-color--light-green-A400 {
  background-color: #76ff03 !important;
}
.mdl-color-text--light-green-A700 {
  color: #64dd17 !important;
}
.mdl-color--light-green-A700 {
  background-color: #64dd17 !important;
}
.mdl-color-text--lime {
  color: #cddc39 !important;
}
.mdl-color--lime {
  background-color: #cddc39 !important;
}
.mdl-color-text--lime-50 {
  color: #f9fbe7 !important;
}
.mdl-color--lime-50 {
  background-color: #f9fbe7 !important;
}
.mdl-color-text--lime-100 {
  color: #f0f4c3 !important;
}
.mdl-color--lime-100 {
  background-color: #f0f4c3 !important;
}
.mdl-color-text--lime-200 {
  color: #e6ee9c !important;
}
.mdl-color--lime-200 {
  background-color: #e6ee9c !important;
}
.mdl-color-text--lime-300 {
  color: #dce775 !important;
}
.mdl-color--lime-300 {
  background-color: #dce775 !important;
}
.mdl-color-text--lime-400 {
  color: #d4e157 !important;
}
.mdl-color--lime-400 {
  background-color: #d4e157 !important;
}
.mdl-color-text--lime-500 {
  color: #cddc39 !important;
}
.mdl-color--lime-500 {
  background-color: #cddc39 !important;
}
.mdl-color-text--lime-600 {
  color: #c0ca33 !important;
}
.mdl-color--lime-600 {
  background-color: #c0ca33 !important;
}
.mdl-color-text--lime-700 {
  color: #afb42b !important;
}
.mdl-color--lime-700 {
  background-color: #afb42b !important;
}
.mdl-color-text--lime-800 {
  color: #9e9d24 !important;
}
.mdl-color--lime-800 {
  background-color: #9e9d24 !important;
}
.mdl-color-text--lime-900 {
  color: #827717 !important;
}
.mdl-color--lime-900 {
  background-color: #827717 !important;
}
.mdl-color-text--lime-A100 {
  color: #f4ff81 !important;
}
.mdl-color--lime-A100 {
  background-color: #f4ff81 !important;
}
.mdl-color-text--lime-A200 {
  color: #eeff41 !important;
}
.mdl-color--lime-A200 {
  background-color: #eeff41 !important;
}
.mdl-color-text--lime-A400 {
  color: #c6ff00 !important;
}
.mdl-color--lime-A400 {
  background-color: #c6ff00 !important;
}
.mdl-color-text--lime-A700 {
  color: #aeea00 !important;
}
.mdl-color--lime-A700 {
  background-color: #aeea00 !important;
}
.mdl-color-text--yellow {
  color: #ffeb3b !important;
}
.mdl-color--yellow {
  background-color: #ffeb3b !important;
}
.mdl-color-text--yellow-50 {
  color: #fffde7 !important;
}
.mdl-color--yellow-50 {
  background-color: #fffde7 !important;
}
.mdl-color-text--yellow-100 {
  color: #fff9c4 !important;
}
.mdl-color--yellow-100 {
  background-color: #fff9c4 !important;
}
.mdl-color-text--yellow-200 {
  color: #fff59d !important;
}
.mdl-color--yellow-200 {
  background-color: #fff59d !important;
}
.mdl-color-text--yellow-300 {
  color: #fff176 !important;
}
.mdl-color--yellow-300 {
  background-color: #fff176 !important;
}
.mdl-color-text--yellow-400 {
  color: #ffee58 !important;
}
.mdl-color--yellow-400 {
  background-color: #ffee58 !important;
}
.mdl-color-text--yellow-500 {
  color: #ffeb3b !important;
}
.mdl-color--yellow-500 {
  background-color: #ffeb3b !important;
}
.mdl-color-text--yellow-600 {
  color: #fdd835 !important;
}
.mdl-color--yellow-600 {
  background-color: #fdd835 !important;
}
.mdl-color-text--yellow-700 {
  color: #fbc02d !important;
}
.mdl-color--yellow-700 {
  background-color: #fbc02d !important;
}
.mdl-color-text--yellow-800 {
  color: #f9a825 !important;
}
.mdl-color--yellow-800 {
  background-color: #f9a825 !important;
}
.mdl-color-text--yellow-900 {
  color: #f57f17 !important;
}
.mdl-color--yellow-900 {
  background-color: #f57f17 !important;
}
.mdl-color-text--yellow-A100 {
  color: #ffff8d !important;
}
.mdl-color--yellow-A100 {
  background-color: #ffff8d !important;
}
.mdl-color-text--yellow-A200 {
  color: #ffff00 !important;
}
.mdl-color--yellow-A200 {
  background-color: #ffff00 !important;
}
.mdl-color-text--yellow-A400 {
  color: #ffea00 !important;
}
.mdl-color--yellow-A400 {
  background-color: #ffea00 !important;
}
.mdl-color-text--yellow-A700 {
  color: #ffd600 !important;
}
.mdl-color--yellow-A700 {
  background-color: #ffd600 !important;
}
.mdl-color-text--amber {
  color: #ffc107 !important;
}
.mdl-color--amber {
  background-color: #ffc107 !important;
}
.mdl-color-text--amber-50 {
  color: #fff8e1 !important;
}
.mdl-color--amber-50 {
  background-color: #fff8e1 !important;
}
.mdl-color-text--amber-100 {
  color: #ffecb3 !important;
}
.mdl-color--amber-100 {
  background-color: #ffecb3 !important;
}
.mdl-color-text--amber-200 {
  color: #ffe082 !important;
}
.mdl-color--amber-200 {
  background-color: #ffe082 !important;
}
.mdl-color-text--amber-300 {
  color: #ffd54f !important;
}
.mdl-color--amber-300 {
  background-color: #ffd54f !important;
}
.mdl-color-text--amber-400 {
  color: #ffca28 !important;
}
.mdl-color--amber-400 {
  background-color: #ffca28 !important;
}
.mdl-color-text--amber-500 {
  color: #ffc107 !important;
}
.mdl-color--amber-500 {
  background-color: #ffc107 !important;
}
.mdl-color-text--amber-600 {
  color: #ffb300 !important;
}
.mdl-color--amber-600 {
  background-color: #ffb300 !important;
}
.mdl-color-text--amber-700 {
  color: #ffa000 !important;
}
.mdl-color--amber-700 {
  background-color: #ffa000 !important;
}
.mdl-color-text--amber-800 {
  color: #ff8f00 !important;
}
.mdl-color--amber-800 {
  background-color: #ff8f00 !important;
}
.mdl-color-text--amber-900 {
  color: #ff6f00 !important;
}
.mdl-color--amber-900 {
  background-color: #ff6f00 !important;
}
.mdl-color-text--amber-A100 {
  color: #ffe57f !important;
}
.mdl-color--amber-A100 {
  background-color: #ffe57f !important;
}
.mdl-color-text--amber-A200 {
  color: #ffd740 !important;
}
.mdl-color--amber-A200 {
  background-color: #ffd740 !important;
}
.mdl-color-text--amber-A400 {
  color: #ffc400 !important;
}
.mdl-color--amber-A400 {
  background-color: #ffc400 !important;
}
.mdl-color-text--amber-A700 {
  color: #ffab00 !important;
}
.mdl-color--amber-A700 {
  background-color: #ffab00 !important;
}
.mdl-color-text--orange {
  color: #ff9800 !important;
}
.mdl-color--orange {
  background-color: #ff9800 !important;
}
.mdl-color-text--orange-50 {
  color: #fff3e0 !important;
}
.mdl-color--orange-50 {
  background-color: #fff3e0 !important;
}
.mdl-color-text--orange-100 {
  color: #ffe0b2 !important;
}
.mdl-color--orange-100 {
  background-color: #ffe0b2 !important;
}
.mdl-color-text--orange-200 {
  color: #ffcc80 !important;
}
.mdl-color--orange-200 {
  background-color: #ffcc80 !important;
}
.mdl-color-text--orange-300 {
  color: #ffb74d !important;
}
.mdl-color--orange-300 {
  background-color: #ffb74d !important;
}
.mdl-color-text--orange-400 {
  color: #ffa726 !important;
}
.mdl-color--orange-400 {
  background-color: #ffa726 !important;
}
.mdl-color-text--orange-500 {
  color: #ff9800 !important;
}
.mdl-color--orange-500 {
  background-color: #ff9800 !important;
}
.mdl-color-text--orange-600 {
  color: #fb8c00 !important;
}
.mdl-color--orange-600 {
  background-color: #fb8c00 !important;
}
.mdl-color-text--orange-700 {
  color: #f57c00 !important;
}
.mdl-color--orange-700 {
  background-color: #f57c00 !important;
}
.mdl-color-text--orange-800 {
  color: #ef6c00 !important;
}
.mdl-color--orange-800 {
  background-color: #ef6c00 !important;
}
.mdl-color-text--orange-900 {
  color: #e65100 !important;
}
.mdl-color--orange-900 {
  background-color: #e65100 !important;
}
.mdl-color-text--orange-A100 {
  color: #ffd180 !important;
}
.mdl-color--orange-A100 {
  background-color: #ffd180 !important;
}
.mdl-color-text--orange-A200 {
  color: #ffab40 !important;
}
.mdl-color--orange-A200 {
  background-color: #ffab40 !important;
}
.mdl-color-text--orange-A400 {
  color: #ff9100 !important;
}
.mdl-color--orange-A400 {
  background-color: #ff9100 !important;
}
.mdl-color-text--orange-A700 {
  color: #ff6d00 !important;
}
.mdl-color--orange-A700 {
  background-color: #ff6d00 !important;
}
.mdl-color-text--deep-orange {
  color: #ff5722 !important;
}
.mdl-color--deep-orange {
  background-color: #ff5722 !important;
}
.mdl-color-text--deep-orange-50 {
  color: #fbe9e7 !important;
}
.mdl-color--deep-orange-50 {
  background-color: #fbe9e7 !important;
}
.mdl-color-text--deep-orange-100 {
  color: #ffccbc !important;
}
.mdl-color--deep-orange-100 {
  background-color: #ffccbc !important;
}
.mdl-color-text--deep-orange-200 {
  color: #ffab91 !important;
}
.mdl-color--deep-orange-200 {
  background-color: #ffab91 !important;
}
.mdl-color-text--deep-orange-300 {
  color: #ff8a65 !important;
}
.mdl-color--deep-orange-300 {
  background-color: #ff8a65 !important;
}
.mdl-color-text--deep-orange-400 {
  color: #ff7043 !important;
}
.mdl-color--deep-orange-400 {
  background-color: #ff7043 !important;
}
.mdl-color-text--deep-orange-500 {
  color: #ff5722 !important;
}
.mdl-color--deep-orange-500 {
  background-color: #ff5722 !important;
}
.mdl-color-text--deep-orange-600 {
  color: #f4511e !important;
}
.mdl-color--deep-orange-600 {
  background-color: #f4511e !important;
}
.mdl-color-text--deep-orange-700 {
  color: #e64a19 !important;
}
.mdl-color--deep-orange-700 {
  background-color: #e64a19 !important;
}
.mdl-color-text--deep-orange-800 {
  color: #d84315 !important;
}
.mdl-color--deep-orange-800 {
  background-color: #d84315 !important;
}
.mdl-color-text--deep-orange-900 {
  color: #bf360c !important;
}
.mdl-color--deep-orange-900 {
  background-color: #bf360c !important;
}
.mdl-color-text--deep-orange-A100 {
  color: #ff9e80 !important;
}
.mdl-color--deep-orange-A100 {
  background-color: #ff9e80 !important;
}
.mdl-color-text--deep-orange-A200 {
  color: #ff6e40 !important;
}
.mdl-color--deep-orange-A200 {
  background-color: #ff6e40 !important;
}
.mdl-color-text--deep-orange-A400 {
  color: #ff3d00 !important;
}
.mdl-color--deep-orange-A400 {
  background-color: #ff3d00 !important;
}
.mdl-color-text--deep-orange-A700 {
  color: #dd2c00 !important;
}
.mdl-color--deep-orange-A700 {
  background-color: #dd2c00 !important;
}
.mdl-color-text--brown {
  color: #795548 !important;
}
.mdl-color--brown {
  background-color: #795548 !important;
}
.mdl-color-text--brown-50 {
  color: #efebe9 !important;
}
.mdl-color--brown-50 {
  background-color: #efebe9 !important;
}
.mdl-color-text--brown-100 {
  color: #d7ccc8 !important;
}
.mdl-color--brown-100 {
  background-color: #d7ccc8 !important;
}
.mdl-color-text--brown-200 {
  color: #bcaaa4 !important;
}
.mdl-color--brown-200 {
  background-color: #bcaaa4 !important;
}
.mdl-color-text--brown-300 {
  color: #a1887f !important;
}
.mdl-color--brown-300 {
  background-color: #a1887f !important;
}
.mdl-color-text--brown-400 {
  color: #8d6e63 !important;
}
.mdl-color--brown-400 {
  background-color: #8d6e63 !important;
}
.mdl-color-text--brown-500 {
  color: #795548 !important;
}
.mdl-color--brown-500 {
  background-color: #795548 !important;
}
.mdl-color-text--brown-600 {
  color: #6d4c41 !important;
}
.mdl-color--brown-600 {
  background-color: #6d4c41 !important;
}
.mdl-color-text--brown-700 {
  color: #5d4037 !important;
}
.mdl-color--brown-700 {
  background-color: #5d4037 !important;
}
.mdl-color-text--brown-800 {
  color: #4e342e !important;
}
.mdl-color--brown-800 {
  background-color: #4e342e !important;
}
.mdl-color-text--brown-900 {
  color: #3e2723 !important;
}
.mdl-color--brown-900 {
  background-color: #3e2723 !important;
}
.mdl-color-text--grey {
  color: #9e9e9e !important;
}
.mdl-color--grey {
  background-color: #9e9e9e !important;
}
.mdl-color-text--grey-50 {
  color: #fafafa !important;
}
.mdl-color--grey-50 {
  background-color: #fafafa !important;
}
.mdl-color-text--grey-100 {
  color: #f5f5f5 !important;
}
.mdl-color--grey-100 {
  background-color: #f5f5f5 !important;
}
.mdl-color-text--grey-200 {
  color: #eeeeee !important;
}
.mdl-color--grey-200 {
  background-color: #eeeeee !important;
}
.mdl-color-text--grey-300 {
  color: #e0e0e0 !important;
}
.mdl-color--grey-300 {
  background-color: #e0e0e0 !important;
}
.mdl-color-text--grey-400 {
  color: #bdbdbd !important;
}
.mdl-color--grey-400 {
  background-color: #bdbdbd !important;
}
.mdl-color-text--grey-500 {
  color: #9e9e9e !important;
}
.mdl-color--grey-500 {
  background-color: #9e9e9e !important;
}
.mdl-color-text--grey-600 {
  color: #757575 !important;
}
.mdl-color--grey-600 {
  background-color: #757575 !important;
}
.mdl-color-text--grey-700 {
  color: #616161 !important;
}
.mdl-color--grey-700 {
  background-color: #616161 !important;
}
.mdl-color-text--grey-800 {
  color: #424242 !important;
}
.mdl-color--grey-800 {
  background-color: #424242 !important;
}
.mdl-color-text--grey-900 {
  color: #212121 !important;
}
.mdl-color--grey-900 {
  background-color: #212121 !important;
}
.mdl-color-text--blue-grey {
  color: #607d8b !important;
}
.mdl-color--blue-grey {
  background-color: #607d8b !important;
}
.mdl-color-text--blue-grey-50 {
  color: #eceff1 !important;
}
.mdl-color--blue-grey-50 {
  background-color: #eceff1 !important;
}
.mdl-color-text--blue-grey-100 {
  color: #cfd8dc !important;
}
.mdl-color--blue-grey-100 {
  background-color: #cfd8dc !important;
}
.mdl-color-text--blue-grey-200 {
  color: #b0bec5 !important;
}
.mdl-color--blue-grey-200 {
  background-color: #b0bec5 !important;
}
.mdl-color-text--blue-grey-300 {
  color: #90a4ae !important;
}
.mdl-color--blue-grey-300 {
  background-color: #90a4ae !important;
}
.mdl-color-text--blue-grey-400 {
  color: #78909c !important;
}
.mdl-color--blue-grey-400 {
  background-color: #78909c !important;
}
.mdl-color-text--blue-grey-500 {
  color: #607d8b !important;
}
.mdl-color--blue-grey-500 {
  background-color: #607d8b !important;
}
.mdl-color-text--blue-grey-600 {
  color: #546e7a !important;
}
.mdl-color--blue-grey-600 {
  background-color: #546e7a !important;
}
.mdl-color-text--blue-grey-700 {
  color: #455a64 !important;
}
.mdl-color--blue-grey-700 {
  background-color: #455a64 !important;
}
.mdl-color-text--blue-grey-800 {
  color: #37474f !important;
}
.mdl-color--blue-grey-800 {
  background-color: #37474f !important;
}
.mdl-color-text--blue-grey-900 {
  color: #263238 !important;
}
.mdl-color--blue-grey-900 {
  background-color: #263238 !important;
}
.mdl-color--black {
  background-color: #000000 !important;
}
.mdl-color-text--black {
  color: #000000 !important;
}
.mdl-color--white {
  background-color: #ffffff !important;
}
.mdl-color-text--white {
  color: #ffffff !important;
}
.mdl-color--primary {
  background-color: #af181C !important;
}
.mdl-color--primary-contrast {
  background-color: #ffffff !important;
}
.mdl-color--primary-dark {
  background-color: #8e0712 !important;
}
.mdl-color--accent {
  background-color: #3f3f3f !important;
}
.mdl-color--accent-contrast {
  background-color: #c7525c !important;
}
.mdl-color-text--primary {
  color: #af181C !important;
}
.mdl-color-text--primary-contrast {
  color: #ffffff !important;
}
.mdl-color-text--primary-dark {
  color: #8e0712 !important;
}
.mdl-color-text--accent {
  color: #3f3f3f !important;
}
.mdl-color-text--accent-contrast {
  color: #c7525c !important;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-ripple {
  background: #000000;
  border-radius: 50%;
  height: 50px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50px;
  overflow: hidden;
}
.mdl-ripple.is-animating {
  transition: width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.mdl-ripple.is-visible {
  opacity: 0.3;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-animation--default {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-animation--fast-out-slow-in {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-animation--linear-out-slow-in {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.mdl-animation--fast-out-linear-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-badge {
  position: relative;
  white-space: nowrap;
  margin-right: 24px;
}
.mdl-badge:not([data-badge]) {
  margin-right: auto;
}
.mdl-badge[data-badge]:after {
  content: attr(data-badge);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: -11px;
  right: -24px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
  font-size: 12px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #3f3f3f;
  color: "";
}
.mdl-button .mdl-badge[data-badge]:after {
  top: -10px;
  right: -5px;
}
.mdl-badge.mdl-badge--no-background[data-badge]:after {
  color: #3f3f3f;
  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: #3f3f3f;
}
.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: #3f3f3f;
  color: #ffffff;
}
.mdl-button--raised.mdl-button--colored:hover {
  background-color: #af181c;
}
.mdl-button--raised.mdl-button--colored:active {
  background-color: #af181c;
}
.mdl-button--raised.mdl-button--colored:focus:not(:active) {
  background-color: #af181c;
}
.mdl-button--raised.mdl-button--colored .mdl-ripple {
  background: #ffffff;
}
.mdl-button--fab {
  border-radius: 50%;
  font-size: 24px;
  height: 56px;
  margin: auto;
  min-width: 56px;
  width: 56px;
  padding: 0;
  overflow: hidden;
  background: rgba(158, 158, 158, 0.2);
  box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
  position: relative;
  line-height: normal;
}
.mdl-button--fab .material-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-12px, -12px);
  transform: translate(-12px, -12px);
  line-height: 24px;
  width: 24px;
}
.mdl-button--fab.mdl-button--mini-fab {
  height: 40px;
  min-width: 40px;
  width: 40px;
}
.mdl-button--fab .mdl-button__ripple-container {
  border-radius: 50%;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
.mdl-button--fab:active {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  background-color: rgba(158, 158, 158, 0.4);
}
.mdl-button--fab:focus:not(:active) {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  background-color: rgba(158, 158, 158, 0.4);
}
.mdl-button--fab.mdl-button--colored {
  background: #ff4081;
  color: #ffffff;
}
.mdl-button--fab.mdl-button--colored:hover {
  background-color: #ff4081;
}
.mdl-button--fab.mdl-button--colored:focus:not(:active) {
  background-color: #ff4081;
}
.mdl-button--fab.mdl-button--colored:active {
  background-color: #ff4081;
}
.mdl-button--fab.mdl-button--colored .mdl-ripple {
  background: #ffffff;
}
.mdl-button--icon {
  border-radius: 50%;
  font-size: 24px;
  height: 32px;
  margin-left: 0;
  margin-right: 0;
  min-width: 32px;
  width: 32px;
  padding: 0;
  overflow: hidden;
  color: inherit;
  line-height: normal;
}
.mdl-button--icon .material-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-12px, -12px);
  transform: translate(-12px, -12px);
  line-height: 24px;
  width: 24px;
}
.mdl-button--icon.mdl-button--mini-icon {
  height: 24px;
  min-width: 24px;
  width: 24px;
}
.mdl-button--icon.mdl-button--mini-icon .material-icons {
  top: 0px;
  left: 0px;
}
.mdl-button--icon .mdl-button__ripple-container {
  border-radius: 50%;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
.mdl-button__ripple-container {
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
  overflow: hidden;
}
.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple,
.mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple {
  background-color: transparent;
}
.mdl-button--primary.mdl-button--primary {
  color: #af181c;
}
.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: #af181c;
}
.mdl-button--accent.mdl-button--accent {
  color: #3f3f3f;
}
.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: #3f3f3f;
}
.mdl-button[disabled][disabled],
.mdl-button.mdl-button--disabled.mdl-button--disabled {
  color: rgba(0, 0, 0, 0.26);
  cursor: default;
  background-color: transparent;
}
.mdl-button--fab[disabled][disabled],
.mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
  background-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.26);
}
.mdl-button--raised[disabled][disabled],
.mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
  background-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
}
.mdl-button--colored[disabled][disabled],
.mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mdl-button .material-icons {
  vertical-align: middle;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-card {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 16px;
  font-weight: 400;
  min-height: 200px;
  overflow: visible;
  width: 330px;
  z-index: 1;
  position: relative;
  background: #ffffff;
  border-radius: 2px;
  box-sizing: border-box;
}
.mdl-card__media {
  background-color: #ff4081;
  background-repeat: repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-origin: padding-box;
  background-attachment: scroll;
  box-sizing: border-box;
}
.mdl-card__title {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #3f3f3f;
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  line-height: normal;
  padding: 16px 16px;
  -webkit-perspective-origin: 165px 56px;
  perspective-origin: 165px 56px;
  -webkit-transform-origin: 165px 56px;
  transform-origin: 165px 56px;
  box-sizing: border-box;
}
.mdl-card__title.mdl-card--border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mdl-card__title-text {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: inherit;
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-weight: 300;
  line-height: normal;
  overflow: hidden;
  -webkit-transform-origin: 149px 48px;
  transform-origin: 149px 48px;
  margin: 0;
}
.mdl-card__subtitle-text {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
  margin: 0;
}
.mdl-card__supporting-text {
  color: rgba(0, 0, 0, 0.54);
  font-size: 1rem;
  line-height: 18px;
  overflow: visible;
  padding: 16px 16px;
}
.mdl-card__supporting-text.mdl-card--border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mdl-card__actions {
  font-size: 16px;
  line-height: normal;
  width: 100%;
  background-color: transparent;
  padding: 8px;
  box-sizing: border-box;
}
.mdl-card__actions.mdl-card--border {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.mdl-card--expand {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.mdl-card__menu {
  position: absolute;
  right: 16px;
  top: 16px;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-checkbox {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 24px;
  margin: 0;
  padding: 0;
}
.mdl-checkbox.is-upgraded {
  padding-left: 24px;
}
.mdl-checkbox__input {
  line-height: 24px;
}
.mdl-checkbox.is-upgraded .mdl-checkbox__input {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}
.mdl-checkbox__box-outline {
  position: absolute;
  top: 3px;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  overflow: hidden;
  border: 2px solid rgba(0, 0, 0, 0.54);
  border-radius: 2px;
  z-index: 2;
}
.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
  border: 2px solid #af181c;
}
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(175, 24, 28, 0.7);
  background-color: rgba(175, 24, 28, 0.7);
}
.mdl-checkbox__tick-outline {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-mask: url("../../images/tick-mask.svg?embed");
  mask: url("../../images/tick-mask.svg?embed");
  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: #af181C url("../../images/mdl/tick.svg?embed");
}
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("../../images/mdl/tick.svg?embed");
}
.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: #af181c;
}
fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container,
.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {
  cursor: auto;
}
fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,
.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
  background: transparent;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-chip {
  height: 32px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  line-height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 16px;
  background-color: #dedede;
  display: inline-block;
  color: rgba(0, 0, 0, 0.87);
  margin: 2px 0;
  font-size: 0;
  white-space: nowrap;
}
.mdl-chip__text {
  font-size: 13px;
  vertical-align: middle;
  display: inline-block;
}
.mdl-chip__action {
  height: 24px;
  width: 24px;
  background: transparent;
  opacity: 0.54;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  margin: 0 0 0 4px;
  font-size: 13px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.87);
  border: none;
  outline: none;
  overflow: hidden;
}
.mdl-chip__contact {
  height: 32px;
  width: 32px;
  border-radius: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  overflow: hidden;
  text-align: center;
  font-size: 18px;
  line-height: 32px;
}
.mdl-chip:focus {
  outline: 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mdl-chip:active {
  background-color: #d6d6d6;
}
.mdl-chip--deletable {
  padding-right: 4px;
}
.mdl-chip--contact {
  padding-left: 0;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-data-table {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-collapse: collapse;
  white-space: nowrap;
  font-size: 13px;
  background-color: #ffffff;
}
.mdl-data-table thead {
  padding-bottom: 3px;
}
.mdl-data-table thead .mdl-data-table__select {
  margin-top: 0;
}
.mdl-data-table tbody tr {
  position: relative;
  height: 48px;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: background-color;
}
.mdl-data-table tbody tr.is-selected {
  background-color: #e0e0e0;
}
.mdl-data-table tbody tr:hover {
  background-color: #eeeeee;
}
.mdl-data-table td,
.mdl-data-table th {
  padding: 0 18px 12px 18px;
  text-align: right;
}
.mdl-data-table td:first-of-type,
.mdl-data-table th:first-of-type {
  padding-left: 24px;
}
.mdl-data-table td:last-of-type,
.mdl-data-table th:last-of-type {
  padding-right: 24px;
}
.mdl-data-table td {
  position: relative;
  vertical-align: middle;
  height: 48px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-top: 12px;
  box-sizing: border-box;
}
.mdl-data-table td .mdl-data-table__select {
  vertical-align: middle;
}
.mdl-data-table th {
  position: relative;
  vertical-align: bottom;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0;
  height: 48px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  padding-bottom: 8px;
  box-sizing: border-box;
}
.mdl-data-table th.mdl-data-table__header--sorted-ascending,
.mdl-data-table th.mdl-data-table__header--sorted-descending {
  color: rgba(0, 0, 0, 0.87);
}
.mdl-data-table th.mdl-data-table__header--sorted-ascending:before,
.mdl-data-table th.mdl-data-table__header--sorted-descending:before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  word-wrap: normal;
  -moz-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  content: "\e5d8";
  margin-right: 5px;
  vertical-align: sub;
}
.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover,
.mdl-data-table th.mdl-data-table__header--sorted-descending:hover {
  cursor: pointer;
}
.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before,
.mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
  color: rgba(0, 0, 0, 0.26);
}
.mdl-data-table th.mdl-data-table__header--sorted-descending:before {
  content: "\e5db";
}
.mdl-data-table__select {
  width: 16px;
}
.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
  text-align: left;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-dialog {
  border: none;
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
  width: 280px;
}
.mdl-dialog__title {
  padding: 24px 24px 0;
  margin: 0;
  font-size: 2.5rem;
}
.mdl-dialog__actions {
  padding: 8px 8px 8px 24px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mdl-dialog__actions > * {
  margin-right: 8px;
  height: 36px;
}
.mdl-dialog__actions > *:first-child {
  margin-right: 0;
}
.mdl-dialog__actions--full-width {
  padding: 0 0 8px 0;
}
.mdl-dialog__actions--full-width > * {
  height: 48px;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding-right: 16px;
  margin-right: 0;
  text-align: right;
}
.mdl-dialog__content {
  padding: 20px 24px 24px 24px;
  color: rgba(0, 0, 0, 0.54);
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-mega-footer {
  padding: 16px 40px;
  color: #ffffff;
  background-color: #af181c;
}
.mdl-mega-footer a {
  color: #ffffff;
}
.mdl-mega-footer a:hover {
  color: #ffffff;
}
.mdl-mega-footer--top-section:after,
.mdl-mega-footer--middle-section:after,
.mdl-mega-footer--bottom-section:after,
.mdl-mega-footer__top-section:after,
.mdl-mega-footer__middle-section:after,
.mdl-mega-footer__bottom-section:after {
  content: '';
  display: block;
  clear: both;
}
.mdl-mega-footer--left-section,
.mdl-mega-footer__left-section {
  margin-bottom: 16px;
}
.mdl-mega-footer--right-section,
.mdl-mega-footer__right-section {
  margin-bottom: 16px;
}
.mdl-mega-footer--right-section a,
.mdl-mega-footer__right-section a {
  display: block;
  margin-bottom: 16px;
  color: inherit;
  text-decoration: none;
}
@media screen and (min-width: 760px) {
  .mdl-mega-footer--left-section,
  .mdl-mega-footer__left-section {
    float: left;
  }
  .mdl-mega-footer--right-section,
  .mdl-mega-footer__right-section {
    float: right;
  }
  .mdl-mega-footer--right-section a,
  .mdl-mega-footer__right-section a {
    display: inline-block;
    margin-left: 16px;
    line-height: 36px;
    vertical-align: middle;
  }
}
.mdl-mega-footer--social-btn,
.mdl-mega-footer__social-btn {
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  background-color: #9e9e9e;
  border: none;
}
.mdl-mega-footer--drop-down-section,
.mdl-mega-footer__drop-down-section {
  display: block;
  position: relative;
}
@media screen and (min-width: 760px) {
  .mdl-mega-footer--drop-down-section,
  .mdl-mega-footer__drop-down-section {
    width: 33%;
  }
  .mdl-mega-footer--drop-down-section:nth-child(1),
  .mdl-mega-footer--drop-down-section:nth-child(2),
  .mdl-mega-footer__drop-down-section:nth-child(1),
  .mdl-mega-footer__drop-down-section:nth-child(2) {
    float: left;
  }
  .mdl-mega-footer--drop-down-section:nth-child(3),
  .mdl-mega-footer__drop-down-section:nth-child(3) {
    float: right;
  }
  .mdl-mega-footer--drop-down-section:nth-child(3):after,
  .mdl-mega-footer__drop-down-section:nth-child(3):after {
    clear: right;
  }
  .mdl-mega-footer--drop-down-section:nth-child(4),
  .mdl-mega-footer__drop-down-section:nth-child(4) {
    clear: right;
    float: right;
  }
  .mdl-mega-footer--middle-section:after,
  .mdl-mega-footer__middle-section:after {
    content: '';
    display: block;
    clear: both;
  }
  .mdl-mega-footer--bottom-section,
  .mdl-mega-footer__bottom-section {
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .mdl-mega-footer--drop-down-section,
  .mdl-mega-footer--drop-down-section:nth-child(3),
  .mdl-mega-footer--drop-down-section:nth-child(4),
  .mdl-mega-footer__drop-down-section,
  .mdl-mega-footer__drop-down-section:nth-child(3),
  .mdl-mega-footer__drop-down-section:nth-child(4) {
    width: 24%;
    float: left;
  }
}
.mdl-mega-footer--heading-checkbox,
.mdl-mega-footer__heading-checkbox {
  position: absolute;
  width: 100%;
  height: 55.8px;
  padding: 32px;
  margin: 0;
  margin-top: -16px;
  cursor: pointer;
  z-index: 1;
  opacity: 0;
}
.mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
.mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
.mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
.mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
  font-family: 'Material Icons';
  content: '\E5CE';
}
.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list {
  display: none;
}
.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
  font-family: 'Material Icons';
  content: '\E5CF';
}
.mdl-mega-footer--heading,
.mdl-mega-footer__heading {
  position: relative;
  width: 100%;
  padding-right: 39.8px;
  margin-bottom: 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 23.8px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #e0e0e0;
}
.mdl-mega-footer--heading:after,
.mdl-mega-footer__heading:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 23.8px;
  height: 23.8px;
  background-size: cover;
}
.mdl-mega-footer--link-list,
.mdl-mega-footer__link-list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 32px;
}
.mdl-mega-footer--link-list:after,
.mdl-mega-footer__link-list:after {
  clear: both;
  display: block;
  content: '';
}
.mdl-mega-footer--link-list li,
.mdl-mega-footer__link-list li {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  line-height: 20px;
}
.mdl-mega-footer--link-list a,
.mdl-mega-footer__link-list a {
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}
@media screen and (min-width: 760px) {
  .mdl-mega-footer--heading-checkbox,
  .mdl-mega-footer__heading-checkbox {
    display: none;
  }
  .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
  .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
  .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
  .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
    content: '';
  }
  .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
  .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
  .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
  .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
  .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
  .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list {
    display: block;
  }
  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
  .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
  .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
    content: '';
  }
}
.mdl-mega-footer--bottom-section,
.mdl-mega-footer__bottom-section {
  padding-top: 16px;
  margin-bottom: 16px;
}
.mdl-logo {
  margin-bottom: 16px;
  color: white;
}
.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,
.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
  float: left;
  margin-bottom: 0;
  margin-right: 16px;
}
@media screen and (min-width: 760px) {
  .mdl-logo {
    float: left;
    margin-bottom: 0;
    margin-right: 16px;
  }
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-mini-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 32px 16px;
  color: #9e9e9e;
  background-color: #424242;
}
.mdl-mini-footer:after {
  content: '';
  display: block;
}
.mdl-mini-footer .mdl-logo {
  line-height: 36px;
}
.mdl-mini-footer--link-list,
.mdl-mini-footer__link-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mdl-mini-footer--link-list li,
.mdl-mini-footer__link-list li {
  margin-bottom: 0;
  margin-right: 16px;
}
@media screen and (min-width: 760px) {
  .mdl-mini-footer--link-list li,
  .mdl-mini-footer__link-list li {
    line-height: 36px;
  }
}
.mdl-mini-footer--link-list a,
.mdl-mini-footer__link-list a {
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}
.mdl-mini-footer--left-section,
.mdl-mini-footer__left-section {
  display: inline-block;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
.mdl-mini-footer--right-section,
.mdl-mini-footer__right-section {
  display: inline-block;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.mdl-mini-footer--social-btn,
.mdl-mini-footer__social-btn {
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  background-color: #9e9e9e;
  border: none;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-icon-toggle {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0;
}
.mdl-icon-toggle__input {
  line-height: 32px;
}
.mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}
.mdl-icon-toggle__label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 32px;
  width: 32px;
  min-width: 32px;
  color: #616161;
  border-radius: 50%;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  background-color: transparent;
  will-change: background-color;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-icon-toggle__label.material-icons {
  line-height: 32px;
  font-size: 24px;
}
.mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
  color: #af181c;
}
.mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
  color: rgba(0, 0, 0, 0.26);
  cursor: auto;
  transition: none;
}
.mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
  background-color: rgba(0, 0, 0, 0.12);
}
.mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
  background-color: rgba(63, 81, 181, 0.26);
}
.mdl-icon-toggle__ripple-container {
  position: absolute;
  z-index: 2;
  top: -2px;
  left: -2px;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
.mdl-icon-toggle__ripple-container .mdl-ripple {
  background: #616161;
}
.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {
  cursor: auto;
}
.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
  background: transparent;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-list {
  display: block;
  padding: 8px 0;
  list-style: none;
}
.mdl-list__item {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  line-height: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 48px;
  box-sizing: border-box;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px;
  cursor: default;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
}
.mdl-list__item .mdl-list__item-primary-content {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  text-decoration: none;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
  margin-right: 32px;
}
.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {
  margin-right: 16px;
}
.mdl-list__item .mdl-list__item-secondary-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-left: 16px;
}
.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label {
  display: inline;
}
.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.54);
}
.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {
  padding: 0 0 0 16px;
}
.mdl-list__item-icon,
.mdl-list__item-icon.material-icons {
  height: 24px;
  width: 24px;
  font-size: 24px;
  box-sizing: border-box;
  color: #757575;
}
.mdl-list__item-avatar,
.mdl-list__item-avatar.material-icons {
  height: 40px;
  width: 40px;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: #757575;
  font-size: 40px;
  color: white;
}
.mdl-list__item--two-line {
  height: 72px;
}
.mdl-list__item--two-line .mdl-list__item-primary-content {
  height: 36px;
  line-height: 20px;
  display: block;
}
.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar {
  float: left;
}
.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon {
  float: left;
  margin-top: 6px;
}
.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content {
  height: 36px;
}
.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.54);
  display: block;
  padding: 0;
}
.mdl-list__item--three-line {
  height: 88px;
}
.mdl-list__item--three-line .mdl-list__item-primary-content {
  height: 52px;
  line-height: 20px;
  display: block;
}
.mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar,
.mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon {
  float: left;
}
.mdl-list__item--three-line .mdl-list__item-secondary-content {
  height: 52px;
}
.mdl-list__item--three-line .mdl-list__item-text-body {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  line-height: 18px;
  height: 52px;
  color: rgba(0, 0, 0, 0.54);
  display: block;
  padding: 0;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-menu__container {
  display: block;
  margin: 0;
  padding: 0;
  border: none;
  position: absolute;
  overflow: visible;
  height: 0;
  width: 0;
  visibility: hidden;
  z-index: -1;
}
.mdl-menu__container.is-visible,
.mdl-menu__container.is-animating {
  z-index: 999;
  visibility: visible;
}
.mdl-menu__outline {
  display: block;
  background: #ffffff;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  will-change: transform;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1;
}
.mdl-menu__container.is-visible .mdl-menu__outline {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  z-index: 999;
}
.mdl-menu__outline.mdl-menu--bottom-right {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.mdl-menu__outline.mdl-menu--top-left {
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.mdl-menu__outline.mdl-menu--top-right {
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.mdl-menu {
  position: absolute;
  list-style: none;
  top: 0;
  left: 0;
  height: auto;
  width: auto;
  min-width: 124px;
  padding: 8px 0;
  margin: 0;
  opacity: 0;
  clip: rect(0 0 0 0);
  z-index: -1;
}
.mdl-menu__container.is-visible .mdl-menu {
  opacity: 1;
  z-index: 999;
}
.mdl-menu.is-animating {
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-menu.mdl-menu--bottom-right {
  left: auto;
  right: 0;
}
.mdl-menu.mdl-menu--top-left {
  top: auto;
  bottom: 0;
}
.mdl-menu.mdl-menu--top-right {
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
}
.mdl-menu.mdl-menu--unaligned {
  top: auto;
  left: auto;
}
.mdl-menu__item {
  display: block;
  border: none;
  color: rgba(0, 0, 0, 0.87);
  background-color: transparent;
  text-align: left;
  margin: 0;
  padding: 0 16px;
  outline-color: #bdbdbd;
  position: relative;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  text-decoration: none;
  cursor: pointer;
  height: 48px;
  line-height: 48px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mdl-menu__container.is-visible .mdl-menu__item {
  opacity: 1;
}
.mdl-menu__item::-moz-focus-inner {
  border: 0;
}
.mdl-menu__item--full-bleed-divider {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mdl-menu__item[disabled],
.mdl-menu__item[data-mdl-disabled] {
  color: #bdbdbd;
  background-color: transparent;
  cursor: auto;
}
.mdl-menu__item[disabled]:hover,
.mdl-menu__item[data-mdl-disabled]:hover {
  background-color: transparent;
}
.mdl-menu__item[disabled]:focus,
.mdl-menu__item[data-mdl-disabled]:focus {
  background-color: transparent;
}
.mdl-menu__item[disabled] .mdl-ripple,
.mdl-menu__item[data-mdl-disabled] .mdl-ripple {
  background: transparent;
}
.mdl-menu__item:hover {
  background-color: #eeeeee;
}
.mdl-menu__item:focus {
  outline: none;
  background-color: #eeeeee;
}
.mdl-menu__item:active {
  background-color: #e0e0e0;
}
.mdl-menu__item--ripple-container {
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
  overflow: hidden;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-progress {
  display: block;
  position: relative;
  height: 4px;
  width: 500px;
  max-width: 100%;
}
.mdl-progress > .bar {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0%;
  transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-progress > .progressbar {
  background-color: #3f3f3f;
  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;
}
.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: #3f3f3f;
  -webkit-animation-name: indeterminate1;
  animation-name: indeterminate1;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.mdl-progress.mdl-progress--indeterminate > .bar3,
.mdl-progress.mdl-progress__indeterminate > .bar3 {
  background-image: none;
  background-color: #3f3f3f;
  -webkit-animation-name: indeterminate2;
  animation-name: indeterminate2;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
@-webkit-keyframes indeterminate1 {
  0% {
    left: 0%;
    width: 0%;
  }
  50% {
    left: 25%;
    width: 75%;
  }
  75% {
    left: 100%;
    width: 0%;
  }
}
@keyframes indeterminate1 {
  0% {
    left: 0%;
    width: 0%;
  }
  50% {
    left: 25%;
    width: 75%;
  }
  75% {
    left: 100%;
    width: 0%;
  }
}
@-webkit-keyframes indeterminate2 {
  0% {
    left: 0%;
    width: 0%;
  }
  50% {
    left: 0%;
    width: 0%;
  }
  75% {
    left: 0%;
    width: 25%;
  }
  100% {
    left: 100%;
    width: 0%;
  }
}
@keyframes indeterminate2 {
  0% {
    left: 0%;
    width: 0%;
  }
  50% {
    left: 0%;
    width: 0%;
  }
  75% {
    left: 0%;
    width: 25%;
  }
  100% {
    left: 100%;
    width: 0%;
  }
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-navigation {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  box-sizing: border-box;
}
.mdl-navigation__link {
  color: #424242;
  text-decoration: none;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}
.mdl-navigation__link .material-icons {
  vertical-align: middle;
}
.mdl-layout {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
.mdl-layout.is-small-screen .mdl-layout--large-screen-only {
  display: none;
}
.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
  display: none;
}
.mdl-layout__container {
  position: absolute;
  width: 100%;
  height: 100%;
}
.mdl-layout__title,
.mdl-layout-title {
  display: block;
  position: relative;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  font-weight: 400;
  box-sizing: border-box;
}
.mdl-layout-spacer {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.mdl-layout__drawer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 240px;
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  border-right: 1px solid #e0e0e0;
  background: #fafafa;
  -webkit-transform: translateX(-250px);
  transform: translateX(-250px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  will-change: transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  color: #424242;
  overflow: visible;
  overflow-y: auto;
  z-index: 5;
}
.mdl-layout__drawer.is-visible {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content {
  overflow: hidden;
}
.mdl-layout__drawer > * {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.mdl-layout__drawer > .mdl-layout__title,
.mdl-layout__drawer > .mdl-layout-title {
  line-height: 64px;
  padding-left: 40px;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__drawer > .mdl-layout__title,
  .mdl-layout__drawer > .mdl-layout-title {
    line-height: 56px;
    padding-left: 16px;
  }
}
.mdl-layout__drawer .mdl-navigation {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding-top: 16px;
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
  display: block;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 16px 40px;
  margin: 0;
  color: #757575;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    padding: 16px 16px;
  }
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
  background-color: #e0e0e0;
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
  background-color: #e0e0e0;
  color: #af181c;
}
@media screen and (min-width: 1025px) {
  .mdl-layout--fixed-drawer > .mdl-layout__drawer {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.mdl-layout__drawer-button {
  display: block;
  position: absolute;
  height: 48px;
  width: 48px;
  border: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  font-size: 26px;
  line-height: 56px;
  font-family: Helvetica, Arial, sans-serif;
  margin: 8px 12px;
  top: 0;
  left: 0;
  color: #ffffff;
  z-index: 4;
}
.mdl-layout__header .mdl-layout__drawer-button {
  position: absolute;
  color: #af181c;
  background-color: inherit;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header .mdl-layout__drawer-button {
    margin: 4px;
  }
}
@media screen and (max-width: 1024px) {
  .mdl-layout__drawer-button {
    margin: 4px;
    color: rgba(0, 0, 0, 0.5);
  }
}
@media screen and (min-width: 1025px) {
  .mdl-layout__drawer-button {
    line-height: 54px;
  }
  .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button,
  .mdl-layout--fixed-drawer > .mdl-layout__drawer-button,
  .mdl-layout--no-drawer-button .mdl-layout__drawer-button {
    display: none;
  }
}
.mdl-layout__header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  box-sizing: border-box;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  min-height: 64px;
  max-height: 1000px;
  z-index: 3;
  background-color: #ffffff;
  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(100% - 240px);
}
@media screen and (min-width: 1025px) {
  .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {
    padding-left: 40px;
  }
}
.mdl-layout__header > .mdl-layout-icon {
  position: absolute;
  left: 40px;
  top: 16px;
  height: 32px;
  width: 32px;
  overflow: hidden;
  z-index: 3;
  display: block;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header > .mdl-layout-icon {
    left: 16px;
    top: 12px;
  }
}
.mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon {
  display: none;
}
.mdl-layout__header.is-compact {
  max-height: 64px;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header.is-compact {
    max-height: 56px;
  }
}
.mdl-layout__header.is-compact.has-tabs {
  height: 112px;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header.is-compact.has-tabs {
    min-height: 104px;
  }
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header {
    display: none;
  }
  .mdl-layout--fixed-header > .mdl-layout__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.mdl-layout__header--transparent.mdl-layout__header--transparent {
  background-color: transparent;
  box-shadow: none;
}
.mdl-layout__header--seamed {
  box-shadow: none;
}
.mdl-layout__header--scroll {
  box-shadow: none;
}
.mdl-layout__header--waterfall {
  box-shadow: none;
  overflow: hidden;
}
.mdl-layout__header--waterfall.is-casting-shadow {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.mdl-layout__header-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 64px;
  margin: 0;
  padding: 0 40px 0 80px;
}
.mdl-layout--no-drawer-button .mdl-layout__header-row {
  padding-left: 40px;
}
@media screen and (min-width: 1025px) {
  .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {
    padding-left: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header-row {
    height: 56px;
    padding: 0 16px 0 72px;
  }
  .mdl-layout--no-drawer-button .mdl-layout__header-row {
    padding-left: 16px;
  }
}
.mdl-layout__header-row > * {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.mdl-layout__header--scroll .mdl-layout__header-row {
  width: 100%;
}
.mdl-layout__header-row .mdl-navigation {
  margin: 0;
  padding: 0;
  height: 64px;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header-row .mdl-navigation {
    height: 56px;
  }
}
.mdl-layout__header-row .mdl-navigation__link {
  display: block;
  color: #3f3f3f;
  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;
}
.mdl-layout__content {
  -ms-flex: 0 1 auto;
  position: relative;
  display: inline-block;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
}
.mdl-layout--fixed-drawer > .mdl-layout__content {
  margin-left: 240px;
}
.mdl-layout__container.has-scrolling-header .mdl-layout__content {
  overflow: visible;
}
@media screen and (max-width: 1024px) {
  .mdl-layout--fixed-drawer > .mdl-layout__content {
    margin-left: 0;
  }
  .mdl-layout__container.has-scrolling-header .mdl-layout__content {
    overflow-y: auto;
    overflow-x: hidden;
  }
}
.mdl-layout__tab-bar {
  height: 96px;
  margin: 0;
  width: calc(100% - 112px);
  padding: 0 0 0 56px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
  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(100% - 32px);
}
@media screen and (min-width: 1025px) {
  .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar {
    padding-left: 16px;
    width: calc(100% - 32px);
  }
}
@media screen and (max-width: 1024px) {
  .mdl-layout__tab-bar {
    width: calc(100% - 60px);
    padding: 0 0 0 60px;
  }
  .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
    width: calc(100% - 8px);
    padding-left: 4px;
  }
}
.mdl-layout--fixed-tabs .mdl-layout__tab-bar {
  padding: 0;
  overflow: hidden;
  width: 100%;
}
.mdl-layout__tab-bar-container {
  position: relative;
  height: 48px;
  width: 100%;
  border: none;
  margin: 0;
  z-index: 2;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
}
.mdl-layout__container > .mdl-layout__tab-bar-container {
  position: absolute;
  top: 0;
  left: 0;
}
.mdl-layout__tab-bar-button {
  display: inline-block;
  position: absolute;
  top: 0;
  height: 48px;
  width: 56px;
  z-index: 4;
  text-align: center;
  background-color: #ffffff;
  color: transparent;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button,
.mdl-layout--no-drawer-button .mdl-layout__tab-bar-button {
  width: 16px;
}
.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons,
.mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {
  position: relative;
  left: -4px;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__tab-bar-button {
    width: 60px;
  }
}
.mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
  display: none;
}
.mdl-layout__tab-bar-button .material-icons {
  line-height: 48px;
}
.mdl-layout__tab-bar-button.is-active {
  color: #ffffff;
}
.mdl-layout__tab-bar-left-button {
  left: 0;
}
.mdl-layout__tab-bar-right-button {
  right: 0;
}
.mdl-layout__tab {
  margin: 0;
  border: none;
  padding: 0 24px 0 24px;
  float: left;
  position: relative;
  display: block;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-decoration: none;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__tab {
    padding: 0 12px 0 12px;
  }
}
.mdl-layout--fixed-tabs .mdl-layout__tab {
  float: none;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0;
}
.mdl-layout.is-upgraded .mdl-layout__tab.is-active {
  color: #ffffff;
}
.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
  height: 2px;
  width: 100%;
  display: block;
  content: " ";
  bottom: 0;
  left: 0;
  position: absolute;
  background: #ff4081;
  -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
  animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
  transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}
.mdl-layout__tab .mdl-layout__tab-ripple-container {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  overflow: hidden;
}
.mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
  background-color: #ffffff;
}
.mdl-layout__tab-panel {
  display: block;
}
.mdl-layout.is-upgraded .mdl-layout__tab-panel {
  display: none;
}
.mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {
  display: block;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-radio {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  height: 24px;
  margin: 0;
  padding-left: 0;
}
.mdl-radio.is-upgraded {
  padding-left: 24px;
}
.mdl-radio__button {
  line-height: 24px;
}
.mdl-radio.is-upgraded .mdl-radio__button {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}
.mdl-radio__outer-circle {
  position: absolute;
  top: 4px;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  border: 2px solid rgba(0, 0, 0, 0.54);
  border-radius: 50%;
  z-index: 2;
}
.mdl-radio.is-checked .mdl-radio__outer-circle {
  border: 2px solid #af181c;
}
.mdl-radio__outer-circle fieldset[disabled] .mdl-radio,
.mdl-radio.is-disabled .mdl-radio__outer-circle {
  border: 2px solid rgba(0, 0, 0, 0.26);
  cursor: auto;
}
.mdl-radio__inner-circle {
  position: absolute;
  z-index: 1;
  margin: 0;
  top: 8px;
  left: 4px;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  cursor: pointer;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  border-radius: 50%;
  background: #af181c;
}
.mdl-radio.is-checked .mdl-radio__inner-circle {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
.mdl-radio.is-disabled .mdl-radio__inner-circle {
  background: rgba(0, 0, 0, 0.26);
  cursor: auto;
}
.mdl-radio.is-focused .mdl-radio__inner-circle {
  box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1);
}
.mdl-radio__label {
  cursor: pointer;
}
fieldset[disabled] .mdl-radio .mdl-radio__label,
.mdl-radio.is-disabled .mdl-radio__label {
  color: rgba(0, 0, 0, 0.26);
  cursor: auto;
}
.mdl-radio__ripple-container {
  position: absolute;
  z-index: 2;
  top: -9px;
  left: -13px;
  box-sizing: border-box;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
.mdl-radio__ripple-container .mdl-ripple {
  background: #af181c;
}
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(100% - 40px);
  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: #af181c;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  z-index: 1;
  cursor: pointer;
  /**************************** Tracks ****************************/
  /**************************** Thumbs ****************************/
  /**************************** 0-value ****************************/
  /**************************** Disabled ****************************/
}
.mdl-slider.is-upgraded::-moz-focus-outer {
  border: 0;
}
.mdl-slider.is-upgraded::-ms-tooltip {
  display: none;
}
.mdl-slider.is-upgraded::-webkit-slider-runnable-track {
  background: transparent;
}
.mdl-slider.is-upgraded::-moz-range-track {
  background: transparent;
  border: none;
}
.mdl-slider.is-upgraded::-ms-track {
  background: none;
  color: transparent;
  height: 2px;
  width: 100%;
  border: none;
}
.mdl-slider.is-upgraded::-ms-fill-lower {
  padding: 0;
  background: linear-gradient(to right, transparent, transparent 16px, #3f51b5 16px, #3f51b5 0);
}
.mdl-slider.is-upgraded::-ms-fill-upper {
  padding: 0;
  background: linear-gradient(to left, transparent, transparent 16px, rgba(0, 0, 0, 0.26) 16px, rgba(0, 0, 0, 0.26) 0);
}
.mdl-slider.is-upgraded::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border-radius: 50%;
  background: #af181c;
  border: none;
  transition: border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-slider.is-upgraded::-moz-range-thumb {
  -moz-appearance: none;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border-radius: 50%;
  background-image: none;
  background: #af181c;
  border: none;
}
.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
  box-shadow: 0 0 0 10px rgba(63, 81, 181, 0.26);
}
.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
  box-shadow: 0 0 0 10px rgba(63, 81, 181, 0.26);
}
.mdl-slider.is-upgraded:active::-webkit-slider-thumb {
  background-image: none;
  background: #af181c;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.mdl-slider.is-upgraded:active::-moz-range-thumb {
  background-image: none;
  background: #af181c;
  transform: scale(1.5);
}
.mdl-slider.is-upgraded::-ms-thumb {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  background: #af181c;
  transform: scale(0.375);
  transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
  background: radial-gradient(circle closest-side, #3f51b5 0%, #3f51b5 37.5%, rgba(63, 81, 181, 0.26) 37.5%, rgba(63, 81, 181, 0.26) 100%);
  transform: scale(1);
}
.mdl-slider.is-upgraded:active::-ms-thumb {
  background: #af181c;
  transform: scale(0.5625);
}
.mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
  border: 2px solid rgba(0, 0, 0, 0.26);
  background: transparent;
}
.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
  border: 2px solid rgba(0, 0, 0, 0.26);
  background: transparent;
}
.mdl-slider.is-upgraded.is-lowest-value + .mdl-slider__background-flex > .mdl-slider__background-upper {
  left: 6px;
}
.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
  background: rgba(0, 0, 0, 0.12);
}
.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
  background: rgba(0, 0, 0, 0.12);
}
.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
  border: 1.6px solid rgba(0, 0, 0, 0.26);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.mdl-slider.is-upgraded.is-lowest-value:active + .mdl-slider__background-flex > .mdl-slider__background-upper {
  left: 9px;
}
.mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
  border: 1.5px solid rgba(0, 0, 0, 0.26);
  transform: scale(1.5);
}
.mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
  background: radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(0, 0, 0, 0.26) 66.67%, rgba(0, 0, 0, 0.26) 100%);
}
.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
  background: radial-gradient(circle closest-side, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 25%, rgba(0, 0, 0, 0.26) 25%, rgba(0, 0, 0, 0.26) 37.5%, rgba(0, 0, 0, 0.12) 37.5%, rgba(0, 0, 0, 0.12) 100%);
  transform: scale(1);
}
.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
  transform: scale(0.5625);
  background: radial-gradient(circle closest-side, transparent 0%, transparent 77.78%, rgba(0, 0, 0, 0.26) 77.78%, rgba(0, 0, 0, 0.26) 100%);
}
.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
  background: transparent;
}
.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
  margin-left: 6px;
}
.mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
  margin-left: 9px;
}
.mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb,
.mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb,
.mdl-slider.is-upgraded:disabled::-webkit-slider-thumb {
  -webkit-transform: scale(0.667);
  transform: scale(0.667);
  background: rgba(0, 0, 0, 0.26);
}
.mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb,
.mdl-slider.is-upgraded:disabled:active::-moz-range-thumb,
.mdl-slider.is-upgraded:disabled::-moz-range-thumb {
  transform: scale(0.667);
  background: rgba(0, 0, 0, 0.26);
}
.mdl-slider.is-upgraded:disabled + .mdl-slider__background-flex > .mdl-slider__background-lower {
  background-color: rgba(0, 0, 0, 0.26);
  left: -6px;
}
.mdl-slider.is-upgraded:disabled + .mdl-slider__background-flex > .mdl-slider__background-upper {
  left: 6px;
}
.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb {
  border: 3px solid rgba(0, 0, 0, 0.26);
  background: transparent;
  -webkit-transform: scale(0.667);
  transform: scale(0.667);
}
.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb {
  border: 3px solid rgba(0, 0, 0, 0.26);
  background: transparent;
  transform: scale(0.667);
}
.mdl-slider.is-upgraded.is-lowest-value:disabled:active + .mdl-slider__background-flex > .mdl-slider__background-upper {
  left: 6px;
}
.mdl-slider.is-upgraded:disabled:focus::-ms-thumb,
.mdl-slider.is-upgraded:disabled:active::-ms-thumb,
.mdl-slider.is-upgraded:disabled::-ms-thumb {
  transform: scale(0.25);
  background: rgba(0, 0, 0, 0.26);
}
.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb {
  transform: scale(0.25);
  background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.26) 50%, rgba(0, 0, 0, 0.26) 100%);
}
.mdl-slider.is-upgraded:disabled::-ms-fill-lower {
  margin-right: 6px;
  background: linear-gradient(to right, transparent, transparent 25px, rgba(0, 0, 0, 0.26) 25px, rgba(0, 0, 0, 0.26) 0);
}
.mdl-slider.is-upgraded:disabled::-ms-fill-upper {
  margin-left: 6px;
}
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {
  margin-left: 6px;
}
.mdl-slider__ie-container {
  height: 18px;
  overflow: visible;
  border: none;
  margin: none;
  padding: none;
}
.mdl-slider__container {
  height: 18px;
  position: relative;
  background: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.mdl-slider__background-flex {
  background: transparent;
  position: absolute;
  height: 2px;
  width: calc(100% - 52px);
  top: 50%;
  left: 0;
  margin: 0 26px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border: 0;
  padding: 0;
  -webkit-transform: translate(0, -1px);
  transform: translate(0, -1px);
}
.mdl-slider__background-lower {
  background: #af181c;
  -webkit-flex: 0;
  -ms-flex: 0;
  flex: 0;
  position: relative;
  border: 0;
  padding: 0;
}
.mdl-slider__background-upper {
  background: rgba(0, 0, 0, 0.26);
  -webkit-flex: 0;
  -ms-flex: 0;
  flex: 0;
  position: relative;
  border: 0;
  padding: 0;
  transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-snackbar {
  position: fixed;
  bottom: 0;
  left: 50%;
  cursor: default;
  background-color: #323232;
  z-index: 3;
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  will-change: transform;
  -webkit-transform: translate(0, 80px);
  transform: translate(0, 80px);
  transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
  pointer-events: none;
}
@media (max-width: 479px) {
  .mdl-snackbar {
    width: 100%;
    left: 0;
    min-height: 48px;
    max-height: 80px;
  }
}
@media (min-width: 480px) {
  .mdl-snackbar {
    min-width: 288px;
    max-width: 568px;
    border-radius: 2px;
    -webkit-transform: translate(-50%, 80px);
    transform: translate(-50%, 80px);
  }
}
.mdl-snackbar--active {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  pointer-events: auto;
  transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
}
@media (min-width: 480px) {
  .mdl-snackbar--active {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
.mdl-snackbar__text {
  padding: 14px 12px 14px 24px;
  vertical-align: middle;
  color: white;
  float: left;
}
.mdl-snackbar__action {
  background: transparent;
  border: none;
  color: #ff4081;
  float: right;
  padding: 14px 24px 14px 12px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
  overflow: hidden;
  outline: none;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.mdl-snackbar__action::-moz-focus-inner {
  border: 0;
}
.mdl-snackbar__action:not([aria-hidden]) {
  opacity: 1;
  pointer-events: auto;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-spinner {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 28px;
}
.mdl-spinner:not(.is-upgraded).is-active:after {
  content: "Loading...";
}
.mdl-spinner.is-upgraded.is-active {
  -webkit-animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
  animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
}
@-webkit-keyframes mdl-spinner__container-rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes mdl-spinner__container-rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.mdl-spinner__layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.mdl-spinner__layer-1 {
  border-color: #af181c;
}
.mdl-spinner--single-color .mdl-spinner__layer-1 {
  border-color: #af181c;
}
.mdl-spinner.is-active .mdl-spinner__layer-1 {
  -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.mdl-spinner__layer-2 {
  border-color: #f44336;
}
.mdl-spinner--single-color .mdl-spinner__layer-2 {
  border-color: #af181c;
}
.mdl-spinner.is-active .mdl-spinner__layer-2 {
  -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.mdl-spinner__layer-3 {
  border-color: #af181c;
}
.mdl-spinner--single-color .mdl-spinner__layer-3 {
  border-color: #af181c;
}
.mdl-spinner.is-active .mdl-spinner__layer-3 {
  -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.mdl-spinner__layer-4 {
  border-color: #af181c;
}
.mdl-spinner--single-color .mdl-spinner__layer-4 {
  border-color: #af181c;
}
.mdl-spinner.is-active .mdl-spinner__layer-4 {
  -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
@-webkit-keyframes mdl-spinner__fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg);
  }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg);
  }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg);
  }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
  }
  to {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}
@keyframes mdl-spinner__fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg);
  }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg);
  }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg);
  }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
  }
  to {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}
/**
* HACK: Even though the intention is to have the current .mdl-spinner__layer-N
* at `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome
* to do proper subpixel rendering for the elements being animated. This is
* especially visible in Chrome 39 on Ubuntu 14.04. See:
*
* - https://github.com/Polymer/paper-spinner/issues/9
* - https://code.google.com/p/chromium/issues/detail?id=436255
*/
@-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
  from {
    opacity: 0.99;
  }
  25% {
    opacity: 0.99;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 0.99;
  }
  100% {
    opacity: 0.99;
  }
}
@keyframes mdl-spinner__layer-1-fade-in-out {
  from {
    opacity: 0.99;
  }
  25% {
    opacity: 0.99;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 0.99;
  }
  100% {
    opacity: 0.99;
  }
}
@-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
  from {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 0.99;
  }
  50% {
    opacity: 0.99;
  }
  51% {
    opacity: 0;
  }
}
@keyframes mdl-spinner__layer-2-fade-in-out {
  from {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 0.99;
  }
  50% {
    opacity: 0.99;
  }
  51% {
    opacity: 0;
  }
}
@-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0.99;
  }
  75% {
    opacity: 0.99;
  }
  76% {
    opacity: 0;
  }
}
@keyframes mdl-spinner__layer-3-fade-in-out {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0.99;
  }
  75% {
    opacity: 0.99;
  }
  76% {
    opacity: 0;
  }
}
@-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
  from {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 0.99;
  }
  90% {
    opacity: 0.99;
  }
  100% {
    opacity: 0;
  }
}
@keyframes mdl-spinner__layer-4-fade-in-out {
  from {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 0.99;
  }
  90% {
    opacity: 0.99;
  }
  100% {
    opacity: 0;
  }
}
/**
* Patch the gap that appear between the two adjacent
* div.mdl-spinner__circle-clipper while the spinner is rotating
* (appears on Chrome 38, Safari 7.1, and IE 11).
*
* Update: the gap no longer appears on Chrome when .mdl-spinner__layer-N's
* opacity is 0.99, but still does on Safari and IE.
*/
.mdl-spinner__gap-patch {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}
.mdl-spinner__gap-patch .mdl-spinner__circle {
  width: 1000%;
  left: -450%;
}
.mdl-spinner__circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}
.mdl-spinner__circle-clipper.mdl-spinner__left {
  float: left;
}
.mdl-spinner__circle-clipper.mdl-spinner__right {
  float: right;
}
.mdl-spinner__circle-clipper .mdl-spinner__circle {
  width: 200%;
}
.mdl-spinner__circle {
  box-sizing: border-box;
  height: 100%;
  border-width: 3px;
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  -webkit-animation: none;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mdl-spinner__left .mdl-spinner__circle {
  border-right-color: transparent !important;
  -webkit-transform: rotate(129deg);
  transform: rotate(129deg);
}
.mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
  -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.mdl-spinner__right .mdl-spinner__circle {
  left: -100%;
  border-left-color: transparent !important;
  -webkit-transform: rotate(-129deg);
  transform: rotate(-129deg);
}
.mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
  -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
@-webkit-keyframes mdl-spinner__left-spin {
  from {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
}
@keyframes mdl-spinner__left-spin {
  from {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
}
@-webkit-keyframes mdl-spinner__right-spin {
  from {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
}
@keyframes mdl-spinner__right-spin {
  from {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-switch {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 24px;
  margin: 0;
  padding: 0;
  overflow: visible;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mdl-switch.is-upgraded {
  padding-left: 28px;
}
.mdl-switch__input {
  line-height: 24px;
}
.mdl-switch.is-upgraded .mdl-switch__input {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}
.mdl-switch__track {
  background: rgba(0, 0, 0, 0.26);
  position: absolute;
  left: 0;
  top: 5px;
  height: 14px;
  width: 36px;
  border-radius: 14px;
  cursor: pointer;
}
.mdl-switch.is-checked .mdl-switch__track {
  background: rgba(63, 63, 63, 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: #af181c;
  left: 16px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}
.mdl-switch__thumb fieldset[disabled] .mdl-switch,
.mdl-switch.is-disabled .mdl-switch__thumb {
  background: #bdbdbd;
  cursor: auto;
}
.mdl-switch__focus-helper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-4px, -4px);
  transform: translate(-4px, -4px);
  display: inline-block;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
}
.mdl-switch.is-focused .mdl-switch__focus-helper {
  box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
}
.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
  box-shadow: 0 0 0px 20px rgba(63, 81, 181, 0.26);
  background-color: rgba(63, 81, 181, 0.26);
}
.mdl-switch__label {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  left: 24px;
}
.mdl-switch__label fieldset[disabled] .mdl-switch,
.mdl-switch.is-disabled .mdl-switch__label {
  color: #bdbdbd;
  cursor: auto;
}
.mdl-switch__ripple-container {
  position: absolute;
  z-index: 2;
  top: -12px;
  left: -14px;
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
  transition-duration: 0.4s;
  transition-timing-function: step-end;
  transition-property: left;
}
.mdl-switch__ripple-container .mdl-ripple {
  background: #af181c;
}
.mdl-switch__ripple-container fieldset[disabled] .mdl-switch,
.mdl-switch.is-disabled .mdl-switch__ripple-container {
  cursor: auto;
}
fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple,
.mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {
  background: transparent;
}
.mdl-switch.is-checked .mdl-switch__ripple-container {
  left: 2px;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-tabs {
  display: block;
  width: 100%;
}
.mdl-tabs__tab-bar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 48px;
  padding: 0 0 0 0;
  margin: 0;
  border-bottom: 1px solid #e0e0e0;
}
.mdl-tabs__tab {
  margin: 0;
  border: none;
  padding: 0 24px 0 24px;
  float: left;
  position: relative;
  display: block;
  text-decoration: none;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(63, 63, 63, 0.7);
  overflow: hidden;
}
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
  color: #3f3f3f;
}
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
  height: 2px;
  width: 100%;
  display: block;
  content: " ";
  bottom: 0px;
  left: 0px;
  position: absolute;
  background: #af181c;
  -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
  animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
  transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}
.mdl-tabs__tab .mdl-tabs__ripple-container {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  z-index: 1;
  overflow: hidden;
}
.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
  background: #af181c;
}
.mdl-tabs__panel {
  display: block;
}
.mdl-tabs.is-upgraded .mdl-tabs__panel {
  display: none;
}
.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
  display: block;
}
@-webkit-keyframes border-expand {
  0% {
    opacity: 0;
    width: 0;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}
@keyframes border-expand {
  0% {
    opacity: 0;
    width: 0;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-textfield {
  position: relative;
  font-size: 16px;
  display: inline-block;
  box-sizing: border-box;
  width: 300px;
  max-width: 100%;
  margin: 0;
  padding: 20px 0;
}
.mdl-textfield .mdl-button {
  position: absolute;
  bottom: 20px;
}
.mdl-textfield--align-right {
  text-align: right;
}
.mdl-textfield--full-width {
  width: 100%;
}
.mdl-textfield--expandable {
  min-width: 32px;
  width: auto;
  min-height: 32px;
}
.mdl-textfield--expandable .mdl-button--icon {
  top: 16px;
}
.mdl-textfield__input {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  display: block;
  font-size: 16px;
  font-family: "Helvetica", "Arial", sans-serif;
  margin: 0;
  padding: 4px 0;
  width: 100%;
  background: none;
  text-align: left;
  color: inherit;
}
.mdl-textfield__input[type="number"] {
  -moz-appearance: textfield;
}
.mdl-textfield__input[type="number"]::-webkit-inner-spin-button,
.mdl-textfield__input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.mdl-textfield.is-focused .mdl-textfield__input {
  outline: none;
}
.mdl-textfield.is-invalid .mdl-textfield__input {
  border-color: #d50000;
  box-shadow: none;
}
fieldset[disabled] .mdl-textfield .mdl-textfield__input,
.mdl-textfield.is-disabled .mdl-textfield__input {
  background-color: transparent;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.52);
}
.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: #3f3f3f;
  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: #3f3f3f;
  bottom: 20px;
  content: '';
  height: 2px;
  left: 45%;
  position: absolute;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
  width: 10px;
}
.mdl-textfield.is-focused .mdl-textfield__label:after {
  left: 0;
  visibility: visible;
  width: 100%;
}
.mdl-textfield.is-invalid .mdl-textfield__label:after {
  background-color: #d50000;
}
.mdl-textfield__error {
  color: #d50000;
  position: absolute;
  font-size: 12px;
  margin-top: 3px;
  visibility: hidden;
  display: block;
}
.mdl-textfield.is-invalid .mdl-textfield__error {
  visibility: visible;
}
.mdl-textfield__expandable-holder {
  position: relative;
  margin-left: 32px;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-block;
  max-width: 0.1px;
}
.mdl-textfield.is-focused .mdl-textfield__expandable-holder,
.mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
  max-width: 600px;
}
.mdl-textfield__expandable-holder .mdl-textfield__label:after {
  bottom: 0;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-tooltip {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  z-index: 999;
  background: rgba(97, 97, 97, 0.9);
  border-radius: 2px;
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  max-width: 170px;
  position: fixed;
  top: -500px;
  left: -500px;
  padding: 8px;
  text-align: center;
}
.mdl-tooltip.is-active {
  -webkit-animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
  animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}
.mdl-tooltip--large {
  line-height: 14px;
  font-size: 14px;
  padding: 16px;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
  }
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-shadow--2dp {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mdl-shadow--3dp {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}
.mdl-shadow--4dp {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.mdl-shadow--6dp {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}
.mdl-shadow--8dp {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
.mdl-shadow--16dp {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.mdl-shadow--24dp {
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*
* NOTE: Some rules here are applied using duplicate selectors.
* This is on purpose to increase their specificity when applied.
* For example: `.mdl-cell--1-col-phone.mdl-cell--1-col-phone`
*/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-grid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 auto 0 auto;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.mdl-grid.mdl-grid--no-spacing {
  padding: 0;
}
.mdl-cell {
  box-sizing: border-box;
}
.mdl-cell--top {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.mdl-cell--middle {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.mdl-cell--bottom {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.mdl-cell--stretch {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}
.mdl-grid.mdl-grid--no-spacing > .mdl-cell {
  margin: 0;
}
.mdl-cell--order-1 {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.mdl-cell--order-2 {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
.mdl-cell--order-3 {
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}
.mdl-cell--order-4 {
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
}
.mdl-cell--order-5 {
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}
.mdl-cell--order-6 {
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}
.mdl-cell--order-7 {
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7;
}
.mdl-cell--order-8 {
  -webkit-order: 8;
  -ms-flex-order: 8;
  order: 8;
}
.mdl-cell--order-9 {
  -webkit-order: 9;
  -ms-flex-order: 9;
  order: 9;
}
.mdl-cell--order-10 {
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
}
.mdl-cell--order-11 {
  -webkit-order: 11;
  -ms-flex-order: 11;
  order: 11;
}
.mdl-cell--order-12 {
  -webkit-order: 12;
  -ms-flex-order: 12;
  order: 12;
}
@media (max-width: 479px) {
  .mdl-grid {
    padding: 8px;
  }
  .mdl-cell {
    margin: 8px;
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell {
    width: 100%;
  }
  .mdl-cell--hide-phone {
    display: none !important;
  }
  .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .mdl-cell--1-col,
  .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
    width: calc(25% - 16px);
  }
  .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(50% - 16px);
  }
  .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(75% - 16px);
  }
  .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(100% - 16px);
  }
  .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(100% - 16px);
  }
  .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(100% - 16px);
  }
  .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(100% - 16px);
  }
  .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(100% - 16px);
  }
  .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(100% - 16px);
  }
  .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(100% - 16px);
  }
  .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(100% - 16px);
  }
  .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(100% - 16px);
  }
  .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(25% + 8px);
  }
  .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(50% + 8px);
  }
  .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(75% + 8px);
  }
  .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(50% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell {
    width: 50%;
  }
  .mdl-cell--hide-tablet {
    display: none !important;
  }
  .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .mdl-cell--1-col,
  .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
    width: calc(12.5% - 16px);
  }
  .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(25% - 16px);
  }
  .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(37.5% - 16px);
  }
  .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(50% - 16px);
  }
  .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(62.5% - 16px);
  }
  .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(75% - 16px);
  }
  .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(87.5% - 16px);
  }
  .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(100% - 16px);
  }
  .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(100% - 16px);
  }
  .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(100% - 16px);
  }
  .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(100% - 16px);
  }
  .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(100% - 16px);
  }
  .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(12.5% + 8px);
  }
  .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(25% + 8px);
  }
  .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(37.5% + 8px);
  }
  .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(50% + 8px);
  }
  .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(62.5% + 8px);
  }
  .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(75% + 8px);
  }
  .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(87.5% + 8px);
  }
  .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(33.33333333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell {
    width: 33.33333333%;
  }
  .mdl-cell--hide-desktop {
    display: none !important;
  }
  .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .mdl-cell--1-col,
  .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
    width: calc(8.33333333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--1-col,
  .mdl-grid--no-spacing > .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
    width: 8.33333333%;
  }
  .mdl-cell--2-col,
  .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
    width: calc(16.66666667% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--2-col,
  .mdl-grid--no-spacing > .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
    width: 16.66666667%;
  }
  .mdl-cell--3-col,
  .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
    width: calc(25% - 16px);
  }
  .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(33.33333333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--4-col,
  .mdl-grid--no-spacing > .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
    width: 33.33333333%;
  }
  .mdl-cell--5-col,
  .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
    width: calc(41.66666667% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--5-col,
  .mdl-grid--no-spacing > .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
    width: 41.66666667%;
  }
  .mdl-cell--6-col,
  .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
    width: calc(50% - 16px);
  }
  .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(58.33333333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--7-col,
  .mdl-grid--no-spacing > .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
    width: 58.33333333%;
  }
  .mdl-cell--8-col,
  .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
    width: calc(66.66666667% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--8-col,
  .mdl-grid--no-spacing > .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
    width: 66.66666667%;
  }
  .mdl-cell--9-col,
  .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
    width: calc(75% - 16px);
  }
  .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(83.33333333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--10-col,
  .mdl-grid--no-spacing > .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
    width: 83.33333333%;
  }
  .mdl-cell--11-col,
  .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
    width: calc(91.66666667% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--11-col,
  .mdl-grid--no-spacing > .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
    width: 91.66666667%;
  }
  .mdl-cell--12-col,
  .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
    width: calc(100% - 16px);
  }
  .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(8.33333333% + 8px);
  }
  .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.33333333%;
  }
  .mdl-cell--2-offset,
  .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
    margin-left: calc(16.66666667% + 8px);
  }
  .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.66666667%;
  }
  .mdl-cell--3-offset,
  .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
    margin-left: calc(25% + 8px);
  }
  .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(33.33333333% + 8px);
  }
  .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.33333333%;
  }
  .mdl-cell--5-offset,
  .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
    margin-left: calc(41.66666667% + 8px);
  }
  .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.66666667%;
  }
  .mdl-cell--6-offset,
  .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
    margin-left: calc(50% + 8px);
  }
  .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(58.33333333% + 8px);
  }
  .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.33333333%;
  }
  .mdl-cell--8-offset,
  .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
    margin-left: calc(66.66666667% + 8px);
  }
  .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.66666667%;
  }
  .mdl-cell--9-offset,
  .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
    margin-left: calc(75% + 8px);
  }
  .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(83.33333333% + 8px);
  }
  .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.33333333%;
  }
  .mdl-cell--11-offset,
  .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
    margin-left: calc(91.66666667% + 8px);
  }
  .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.66666667%;
  }
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT 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
 */
/* ==========  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.
 */
/* ==========  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 */
/* TOOLTIP */
.mdl-grid {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 auto 0 auto;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.mdl-grid.mdl-grid--no-spacing {
  padding: 0;
}
.mdl-cell {
  box-sizing: border-box;
}
.mdl-cell--top {
  -webkit-align-self: flex-start;
  align-self: flex-start;
}
.mdl-cell--middle {
  -webkit-align-self: center;
  align-self: center;
}
.mdl-cell--bottom {
  -webkit-align-self: flex-end;
  align-self: flex-end;
}
.mdl-cell--stretch {
  -webkit-align-self: stretch;
  align-self: stretch;
}
.mdl-grid.mdl-grid--no-spacing > .mdl-cell {
  margin: 0;
}
@media (max-width: 479px) {
  .mdl-grid {
    padding: 8px;
  }
  .mdl-cell {
    margin: 8px;
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell {
    width: 100%;
  }
  .mdl-cell--hide-phone {
    display: none !important;
  }
  .mdl-cell--1-col,
  .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
    width: calc(25% - 16px);
  }
  .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(50% - 16px);
  }
  .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(75% - 16px);
  }
  .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(100% - 16px);
  }
  .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(100% - 16px);
  }
  .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(100% - 16px);
  }
  .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(100% - 16px);
  }
  .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(100% - 16px);
  }
  .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(100% - 16px);
  }
  .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(100% - 16px);
  }
  .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(100% - 16px);
  }
  .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(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--12-col,
  .mdl-grid--no-spacing > .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
    width: 100%;
  }
}
@media (min-width: 480px) and (max-width: 839px) {
  .mdl-grid {
    padding: 8px;
  }
  .mdl-cell {
    margin: 8px;
    width: calc(50% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell {
    width: 50%;
  }
  .mdl-cell--hide-tablet {
    display: none !important;
  }
  .mdl-cell--1-col,
  .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
    width: calc(12.5% - 16px);
  }
  .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(25% - 16px);
  }
  .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(37.5% - 16px);
  }
  .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(50% - 16px);
  }
  .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(62.5% - 16px);
  }
  .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(75% - 16px);
  }
  .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(87.5% - 16px);
  }
  .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(100% - 16px);
  }
  .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(100% - 16px);
  }
  .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(100% - 16px);
  }
  .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(100% - 16px);
  }
  .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(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--12-col,
  .mdl-grid--no-spacing > .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
    width: 100%;
  }
}
@media (min-width: 840px) {
  .mdl-grid {
    padding: 8px;
  }
  .mdl-cell {
    margin: 8px;
    width: calc(33.33333333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell {
    width: 33.33333333%;
  }
  .mdl-cell--hide-desktop {
    display: none !important;
  }
  .mdl-cell--1-col,
  .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
    width: calc(8.33333333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--1-col,
  .mdl-grid--no-spacing > .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
    width: 8.33333333%;
  }
  .mdl-cell--2-col,
  .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
    width: calc(16.66666667% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--2-col,
  .mdl-grid--no-spacing > .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
    width: 16.66666667%;
  }
  .mdl-cell--3-col,
  .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
    width: calc(25% - 16px);
  }
  .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(33.33333333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--4-col,
  .mdl-grid--no-spacing > .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
    width: 33.33333333%;
  }
  .mdl-cell--5-col,
  .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
    width: calc(41.66666667% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--5-col,
  .mdl-grid--no-spacing > .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
    width: 41.66666667%;
  }
  .mdl-cell--6-col,
  .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
    width: calc(50% - 16px);
  }
  .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(58.33333333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--7-col,
  .mdl-grid--no-spacing > .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
    width: 58.33333333%;
  }
  .mdl-cell--8-col,
  .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
    width: calc(66.66666667% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--8-col,
  .mdl-grid--no-spacing > .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
    width: 66.66666667%;
  }
  .mdl-cell--9-col,
  .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
    width: calc(75% - 16px);
  }
  .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(83.33333333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--10-col,
  .mdl-grid--no-spacing > .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
    width: 83.33333333%;
  }
  .mdl-cell--11-col,
  .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
    width: calc(91.66666667% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--11-col,
  .mdl-grid--no-spacing > .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
    width: 91.66666667%;
  }
  .mdl-cell--12-col,
  .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--12-col,
  .mdl-grid--no-spacing > .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
    width: 100%;
  }
}
.oxy-breadcrumb {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.oxy-breadcrumb__item {
  display: inline;
}
.oxy-breadcrumb__item + .oxy-breadcrumb__item:before {
  content: " / ";
}
.oxy-breadcrumb__item a {
  text-decoration: none;
  color: #3f3f3f;
  transition: all 0.2s;
}
.oxy-breadcrumb__item a:hover {
  color: #af181c;
}
.oxy-breadcrumb__item span {
  opacity: 0.5;
}
.oxy-card-post {
  transition: all 0.3s;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  min-height: initial;
}
.oxy-card-post:hover {
  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);
}
.oxy-card-post--row {
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media (max-width: 479px) {
  .oxy-card-post--row {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
  }
}
.oxy-card-post__media {
  overflow: hidden;
  position: relative;
  min-height: 84px;
}
.oxy-card-post__image {
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  z-index: 1;
  max-width: 100%;
  position: relative;
}
.oxy-card-post:hover .oxy-card-post__image {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.oxy-card-post__avatar {
  padding: 16px 16px;
  border-radius: 50%;
  max-width: 100%;
}
.oxy-card-post__title {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 3;
  color: #ffffff;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
}
.oxy-card-post__title > * {
  -webkit-align-self: flex-start;
  align-self: flex-start;
}
.oxy-card-post__title.oxy-card-post__title--darker {
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
}
.oxy-card-post__title.oxy-card-post__title--inverse {
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
  color: #333333;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
}
.oxy-card-post__title-text {
  height: 28px;
  width: 100%;
  line-height: 28px;
}
.oxy-card-post__title-text a {
  display: block;
  text-decoration: none;
  color: inherit;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: lighter;
}
.oxy-card-post__info {
  font-size: 12px;
  line-height: 24px;
  display: block;
}
.oxy-card-post__info a {
  color: inherit;
  text-decoration: none;
}
.oxy-card__supporting-text {
  line-height: 23px;
  width: 100%;
  box-sizing: border-box;
}
.oxy-card__supporting-text .mdl-card__title {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 0 0 16px;
}
.oxy-card__supporting-text .mdl-card__title-text {
  -webkit-align-self: flex-start;
  align-self: flex-start;
}
.oxy-card-post-actions {
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.oxy-card-post-tags {
  font-size: 14px;
  opacity: 0.5;
  -webkit-flex: 1 0;
  flex: 1 0;
}
.oxy-card-post-tags a {
  color: inherit;
  text-decoration: none;
  font-style: italic;
}
.oxy-card-post-tags a:hover {
  color: #448aff;
}
.oxy-card-testimonial {
  transition: all 0.3s;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  background-color: #448aff;
}
.oxy-card-testimonial:hover {
  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);
}
.oxy-card-testimonial__media {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  background: transparent;
}
.oxy-card-testimonial__avatar {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.2);
  margin: 22px 16px 16px;
  transition: all 0.2s;
  overflow: hidden;
}
.oxy-card-testimonial__avatar img {
  width: 100%;
  transition: all 0.2s;
  position: relative;
  border-radius: 50%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.oxy-card-testimonial:hover .oxy-card-testimonial__avatar {
  box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.oxy-card-testimonial:hover .oxy-card-testimonial__avatar img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.oxy-card-testimonial__text {
  color: #fff;
  font-size: 18px;
  font-style: italic;
  font-weight: lighter;
  line-height: 1.5em;
  padding: 16px 16px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}
.oxy-card-testimonial__title {
  -webkit-flex-direction: column;
  flex-direction: column;
  color: #fff;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  padding-top: 36px;
  position: relative;
}
.oxy-card-testimonial__title a {
  color: #fff;
}
.oxy-card-testimonial__title span {
  opacity: 0.7;
  text-transform: none;
  font-weight: normal;
}
.oxy-card-testimonial__title:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 36px;
  height: 1px;
  background: #fff;
  transition: all 0.2s;
  opacity: 0.5;
}
.oxy-card-testimonial:hover .oxy-card-testimonial__title:after {
  width: 72px;
}
.oxy-card-contact {
  transition: all 0.3s;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
}
.oxy-card-contact:hover {
  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);
}
.oxy-card-contact .mdl-grid {
  max-width: 100%;
}
.oxy-card-contact .mdl-card__supporting-text {
  width: 100%;
  box-sizing: border-box;
}
.oxy-color-primary {
  background: #af181c;
  color: #ffffff;
}
.oxy-color-primary a {
  color: #ffffff;
}
.oxy-color-primary .mdl-textfield__label,
.oxy-color-primary .mdl-textfield__input {
  color: #ffffff;
  border-bottom-color: #ffffff;
}
.oxy-color-primary .oxy-divider__border {
  background: #ffffff;
}
.oxy-color-accent {
  color: #ffffff;
  background: #448aff;
}
.oxy-color-accent a {
  color: #ffffff;
}
.oxy-color-accent .mdl-textfield__label,
.oxy-color-accent .mdl-textfield__input {
  color: #ffffff;
  border-bottom-color: #ffffff;
}
.oxy-color-accent .oxy-divider__border {
  background: #ffffff;
}
.oxy-color-light {
  color: #ffffff;
}
.oxy-color-light a {
  color: #ffffff;
}
.oxy-color-light .mdl-textfield__label,
.oxy-color-light .mdl-textfield__input {
  color: #ffffff;
  border-bottom-color: #ffffff;
}
.oxy-color-light .oxy-divider__border {
  background: #ffffff;
}
.oxy-colorpicker {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.oxy-colorpicker .oxy-colorpicker__color-block {
  height: 110px;
  min-width: 100px;
  -webkit-flex: 1 0;
  flex: 1 0;
  transition: all 0.3s;
  position: relative;
  cursor: pointer;
}
.oxy-colorpicker .oxy-colorpicker__label {
  width: 10px;
  height: 20px;
  position: absolute;
  color: #ffffff;
  line-height: 20px;
  bottom: 6px;
  right: 20px;
  font-size: 10px;
  transition: all 0.2s;
  opacity: 0;
}
.oxy-colorpicker .oxy-colorpicker__label:after {
  content: "\E5CA";
  font-family: 'Material Icons';
  display: block;
  position: absolute;
  left: 100%;
  bottom: 0;
  transition: all 0.2s;
  font-size: 16px;
  line-height: 20px;
  opacity: 0;
  -webkit-transform: translateX(30px) rotate(180deg);
  transform: translateX(30px) rotate(180deg);
}
.oxy-colorpicker .oxy-colorpicker__color-block--selected {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
  border-radius: 4px;
  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);
  z-index: 1;
}
.oxy-colorpicker .oxy-colorpicker__color-block--selected .oxy-colorpicker__label {
  opacity: 1;
}
.oxy-colorpicker .oxy-colorpicker__color-block--selected .oxy-colorpicker__label:after {
  opacity: 1;
  -webkit-transform: translateX(0px) rotate(0deg);
  transform: translateX(0px) rotate(0deg);
}
.oxy-colorpicker .oxy-colorpicker__color-block--disabled {
  opacity: 0.5;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  cursor: default;
}
.oxy-comment-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.oxy-comment-list__item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media (max-width: 479px) {
  .oxy-comment-list__item {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
  }
}
.oxy-comment-list__avatar {
  padding: 16px 16px;
}
.oxy-comment-list__avatar img {
  max-width: 60px;
  border-radius: 50%;
}
@media (max-width: 479px) {
  .oxy-comment-list__avatar {
    padding-bottom: 0;
  }
}
.oxy-comment-list__body {
  padding: 16px 0 16px;
  -webkit-flex: 1 0;
  flex: 1 0;
}
.oxy-comment-list__body .oxy-comment-list__body {
  padding-right: 0;
}
@media (max-width: 479px) {
  .oxy-comment-list__body {
    padding-top: 8px;
    padding-left: 0;
    padding-right: 16px;
  }
}
.oxy-comment-list__title {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.oxy-comment-list__title-text {
  font-size: 16px;
  margin: 0;
}
.oxy-comment-list__title-text a {
  color: inherit;
  text-decoration: none;
}
.oxy-comment-list__title-text a:hover {
  color: #448aff;
}
.oxy-comment-list__body-text {
  color: rgba(0, 0, 0, 0.54);
  font-size: 13px;
  line-height: 18px;
}
.oxy-data-table td,
.oxy-data-table th {
  padding: 16px;
}
.oxy-data-table--center td,
.oxy-data-table--center th {
  text-align: center;
}
.oxy-data-table--left td,
.oxy-data-table--left th {
  text-align: left;
}
.oxy-data-table--right td,
.oxy-data-table--right th {
  text-align: right;
}
.oxy-data-table--middle td,
.oxy-data-table--middle th {
  vertical-align: middle;
}
.oxy-data-table--top td,
.oxy-data-table--top th {
  vertical-align: top;
}
.oxy-data-table--bottom td,
.oxy-data-table--bottom th {
  vertical-align: bottom;
}
@media (max-width: 479px) {
  .oxy-data-table {
    display: block;
    overflow-x: scroll;
  }
}
.oxy-data-table tfoot td {
  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;
}
.oxy-divider {
  position: relative;
  height: 1px;
}
.oxy-divider__border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  max-width: 100%;
  height: 100%;
  background: #af181c;
}
.oxy-divider--center .oxy-divider__border {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.oxy-divider--right .oxy-divider__border {
  left: auto;
  right: 0;
}
.oxy-divider--accent .oxy-divider__border {
  background: #448aff;
}
@media screen and (min-width: 840px) {
  .mdl-grid--no-fullwidth {
    width: 1170px;
    max-width: 90%;
  }
}
.mdl-grid .mdl-cell {
  position: relative;
}
.mdl-grid .mdl-grid {
  margin: 0;
  padding: 0;
  position: relative;
}
@media (max-width: 479px) {
  .mdl-grid .mdl-grid.mdl-cell--1-col {
    width: calc(25% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--1-col {
    width: 25%;
  }
  .mdl-grid .mdl-grid.mdl-cell--1-col-phone.mdl-cell--1-col-phone {
    width: calc(25% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--1-col-phone.mdl-cell--1-col-phone {
    width: 25%;
  }
  .mdl-cell--1-order-phone {
    -webkit-order: 1;
    order: 1;
  }
  .mdl-grid .mdl-grid.mdl-cell--2-col {
    width: calc(50% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--2-col {
    width: 50%;
  }
  .mdl-grid .mdl-grid.mdl-cell--2-col-phone.mdl-cell--2-col-phone {
    width: calc(50% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--2-col-phone.mdl-cell--2-col-phone {
    width: 50%;
  }
  .mdl-cell--2-order-phone {
    -webkit-order: 2;
    order: 2;
  }
  .mdl-grid .mdl-grid.mdl-cell--3-col {
    width: calc(75% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--3-col {
    width: 75%;
  }
  .mdl-grid .mdl-grid.mdl-cell--3-col-phone.mdl-cell--3-col-phone {
    width: calc(75% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--3-col-phone.mdl-cell--3-col-phone {
    width: 75%;
  }
  .mdl-cell--3-order-phone {
    -webkit-order: 3;
    order: 3;
  }
  .mdl-grid .mdl-grid.mdl-cell--4-col {
    width: calc(100% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--4-col {
    width: 100%;
  }
  .mdl-grid .mdl-grid.mdl-cell--4-col-phone.mdl-cell--4-col-phone {
    width: calc(100% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--4-col-phone.mdl-cell--4-col-phone {
    width: 100%;
  }
  .mdl-cell--4-order-phone {
    -webkit-order: 4;
    order: 4;
  }
}
@media (min-width: 480px) and (max-width: 839px) {
  .mdl-grid .mdl-grid.mdl-cell--1-col {
    width: calc(12.5% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--1-col {
    width: 12.5%;
  }
  .mdl-grid .mdl-grid.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
    width: calc(12.5% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
    width: 12.5%;
  }
  .mdl-cell--1-order-tablet {
    -webkit-order: 1;
    order: 1;
  }
  .mdl-grid .mdl-grid.mdl-cell--2-col {
    width: calc(25% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--2-col {
    width: 25%;
  }
  .mdl-grid .mdl-grid.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
    width: calc(25% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
    width: 25%;
  }
  .mdl-cell--2-order-tablet {
    -webkit-order: 2;
    order: 2;
  }
  .mdl-grid .mdl-grid.mdl-cell--3-col {
    width: calc(37.5% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--3-col {
    width: 37.5%;
  }
  .mdl-grid .mdl-grid.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
    width: calc(37.5% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
    width: 37.5%;
  }
  .mdl-cell--3-order-tablet {
    -webkit-order: 3;
    order: 3;
  }
  .mdl-grid .mdl-grid.mdl-cell--4-col {
    width: calc(50% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--4-col {
    width: 50%;
  }
  .mdl-grid .mdl-grid.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
    width: calc(50% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
    width: 50%;
  }
  .mdl-cell--4-order-tablet {
    -webkit-order: 4;
    order: 4;
  }
  .mdl-grid .mdl-grid.mdl-cell--5-col {
    width: calc(62.5% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--5-col {
    width: 62.5%;
  }
  .mdl-grid .mdl-grid.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
    width: calc(62.5% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
    width: 62.5%;
  }
  .mdl-cell--5-order-tablet {
    -webkit-order: 5;
    order: 5;
  }
  .mdl-grid .mdl-grid.mdl-cell--6-col {
    width: calc(75% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--6-col {
    width: 75%;
  }
  .mdl-grid .mdl-grid.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
    width: calc(75% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
    width: 75%;
  }
  .mdl-cell--6-order-tablet {
    -webkit-order: 6;
    order: 6;
  }
  .mdl-grid .mdl-grid.mdl-cell--7-col {
    width: calc(87.5% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--7-col {
    width: 87.5%;
  }
  .mdl-grid .mdl-grid.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
    width: calc(87.5% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
    width: 87.5%;
  }
  .mdl-cell--7-order-tablet {
    -webkit-order: 7;
    order: 7;
  }
  .mdl-grid .mdl-grid.mdl-cell--8-col {
    width: calc(100% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--8-col {
    width: 100%;
  }
  .mdl-grid .mdl-grid.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
    width: calc(100% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
    width: 100%;
  }
  .mdl-cell--8-order-tablet {
    -webkit-order: 8;
    order: 8;
  }
}
@media (min-width: 840px) {
  .mdl-grid .mdl-grid.mdl-cell--1-col {
    width: calc(8.33333333% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--1-col {
    width: 8.33333333%;
  }
  .mdl-grid .mdl-grid.mdl-cell--1-col-desktop {
    width: calc(8.33333333% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--1-col-desktop {
    width: 8.33333333%;
  }
  .mdl-grid .mdl-grid.mdl-cell--2-col {
    width: calc(16.66666667% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--2-col {
    width: 16.66666667%;
  }
  .mdl-grid .mdl-grid.mdl-cell--2-col-desktop {
    width: calc(16.66666667% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--2-col-desktop {
    width: 16.66666667%;
  }
  .mdl-grid .mdl-grid.mdl-cell--3-col {
    width: calc(25% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--3-col {
    width: 25%;
  }
  .mdl-grid .mdl-grid.mdl-cell--3-col-desktop {
    width: calc(25% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--3-col-desktop {
    width: 25%;
  }
  .mdl-grid .mdl-grid.mdl-cell--4-col {
    width: calc(33.33333333% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--4-col {
    width: 33.33333333%;
  }
  .mdl-grid .mdl-grid.mdl-cell--4-col-desktop {
    width: calc(33.33333333% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--4-col-desktop {
    width: 33.33333333%;
  }
  .mdl-grid .mdl-grid.mdl-cell--5-col {
    width: calc(41.66666667% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--5-col {
    width: 41.66666667%;
  }
  .mdl-grid .mdl-grid.mdl-cell--5-col-desktop {
    width: calc(41.66666667% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--5-col-desktop {
    width: 41.66666667%;
  }
  .mdl-grid .mdl-grid.mdl-cell--6-col {
    width: calc(50% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--6-col {
    width: 50%;
  }
  .mdl-grid .mdl-grid.mdl-cell--6-col-desktop {
    width: calc(50% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--6-col-desktop {
    width: 50%;
  }
  .mdl-grid .mdl-grid.mdl-cell--7-col {
    width: calc(58.33333333% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--7-col {
    width: 58.33333333%;
  }
  .mdl-grid .mdl-grid.mdl-cell--7-col-desktop {
    width: calc(58.33333333% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--7-col-desktop {
    width: 58.33333333%;
  }
  .mdl-grid .mdl-grid.mdl-cell--8-col {
    width: calc(66.66666667% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--8-col {
    width: 66.66666667%;
  }
  .mdl-grid .mdl-grid.mdl-cell--8-col-desktop {
    width: calc(66.66666667% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--8-col-desktop {
    width: 66.66666667%;
  }
  .mdl-grid .mdl-grid.mdl-cell--9-col {
    width: calc(75% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--9-col {
    width: 75%;
  }
  .mdl-grid .mdl-grid.mdl-cell--9-col-desktop {
    width: calc(75% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--9-col-desktop {
    width: 75%;
  }
  .mdl-grid .mdl-grid.mdl-cell--10-col {
    width: calc(83.33333333% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--10-col {
    width: 83.33333333%;
  }
  .mdl-grid .mdl-grid.mdl-cell--10-col-desktop {
    width: calc(83.33333333% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--10-col-desktop {
    width: 83.33333333%;
  }
  .mdl-grid .mdl-grid.mdl-cell--11-col {
    width: calc(91.66666667% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--11-col {
    width: 91.66666667%;
  }
  .mdl-grid .mdl-grid.mdl-cell--11-col-desktop {
    width: calc(91.66666667% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--11-col-desktop {
    width: 91.66666667%;
  }
  .mdl-grid .mdl-grid.mdl-cell--12-col {
    width: calc(100% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--12-col {
    width: 100%;
  }
  .mdl-grid .mdl-grid.mdl-cell--12-col-desktop {
    width: calc(100% - 0px);
  }
  .mdl-grid--no-spacing > .mdl-grid .mdl-grid.mdl-cell--12-col-desktop {
    width: 100%;
  }
}
.oxy-layout__header {
  transition-property: max-height, box-shadow, background-color;
}
.oxy-layout__header .mdl-layout__drawer-button {
  transition: background-color 0.2s;
}
.oxy-layout__header--transparent,
.oxy-layout__header--transparent-large-screen-only {
  position: absolute;
}
.oxy-layout__header--transparent:not(.oxy-layout__header--scrolled) {
  background-color: transparent;
  box-shadow: none;
}
.oxy-layout__header--transparent:not(.oxy-layout__header--scrolled) .mdl-layout__drawer-button {
  background-color: transparent;
}
@media screen and (min-width: 1025px) {
  .oxy-layout__header--transparent-large-screen-only:not(.oxy-layout__header--scrolled) {
    background-color: transparent;
    box-shadow: none;
  }
  .oxy-layout__header--transparent-large-screen-only:not(.oxy-layout__header--scrolled) .mdl-layout__drawer-button {
    background-color: transparent;
  }
}
.oxy-layout__divider {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mdl-layout__drawer--right {
  left: 100%;
  position: fixed;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  z-index: 101;
}
.mdl-layout__drawer--right .mdl-layout-title {
  padding-left: 16px;
}
.mdl-layout__drawer--right.is-visible {
  -webkit-transform: translateX(-240px);
  transform: translateX(-240px);
}
.mdl-layout__drawer .mdl-navigation {
  padding-top: 0;
}
.mdl-navigation__link {
  position: relative;
}
.mdl-navigation__link-divider {
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
}
.mdl-navigation__link--submenu {
  position: relative;
}
.mdl-navigation__link--submenu:after {
  position: absolute;
  font-family: 'Material Icons';
  content: "\E5C5";
  font-size: 16px;
  z-index: 1;
  right: 0px;
  top: 6px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  transition: all 0.5s;
  text-align: center;
}
.mdl-navigation__link--submenu.is-open:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.mdl-navigation__submenu {
  transition: all 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  overflow: hidden;
  max-height: 0;
  background: transparent;
}
.is-open + .mdl-navigation__submenu {
  max-height: 1000px;
  background: rgba(0, 0, 0, 0.075);
}
.mdl-navigation__submenu__link {
  transition: all 0.3s;
}
.is-open + .mdl-navigation__submenu .mdl-navigation__submenu__link {
  text-indent: 1em;
}
.mdl-navigation__icon {
  font-size: 14px;
  position: absolute;
  height: 52px;
  left: 12px;
  top: 0;
  line-height: 52px;
}
@media screen and (max-width: 1024px) {
  .mdl-navigation__icon {
    position: relative;
    height: auto;
    left: 0;
    top: 0;
    line-height: 1;
    margin-right: 10px;
    vertical-align: middle;
  }
}
.mdl-navigation__submenu__link:nth-child(1) {
  transition-delay: 0.2s;
}
.mdl-navigation__submenu__link:nth-child(2) {
  transition-delay: 0.3s;
}
.mdl-navigation__submenu__link:nth-child(3) {
  transition-delay: 0.4s;
}
.mdl-navigation__submenu__link:nth-child(4) {
  transition-delay: 0.5s;
}
.mdl-navigation__submenu__link:nth-child(5) {
  transition-delay: 0.6s;
}
.mdl-navigation__submenu__link:nth-child(6) {
  transition-delay: 0.7s;
}
.mdl-navigation__submenu__link:nth-child(7) {
  transition-delay: 0.8s;
}
.mdl-navigation__submenu__link:nth-child(8) {
  transition-delay: 0.9s;
}
.mdl-navigation__submenu__link:nth-child(9) {
  transition-delay: 1s;
}
.mdl-navigation__submenu__link:nth-child(10) {
  transition-delay: 1.1s;
}
.mdl-navigation__submenu__link:nth-child(11) {
  transition-delay: 1.2s;
}
.mdl-navigation__submenu__link:nth-child(12) {
  transition-delay: 1.3s;
}
.mdl-navigation__submenu__link:nth-child(13) {
  transition-delay: 1.4s;
}
.mdl-navigation__submenu__link:nth-child(14) {
  transition-delay: 1.5s;
}
.mdl-navigation__submenu__link:nth-child(15) {
  transition-delay: 1.6s;
}
.mdl-navigation__submenu__link:nth-child(16) {
  transition-delay: 1.7s;
}
.mdl-navigation__submenu__link:nth-child(17) {
  transition-delay: 1.8s;
}
.mdl-navigation__submenu__link:nth-child(18) {
  transition-delay: 1.9s;
}
.mdl-navigation__submenu__link:nth-child(19) {
  transition-delay: 2s;
}
.mdl-navigation__submenu__link:nth-child(20) {
  transition-delay: 2.1s;
}
.oxy-list {
  display: block;
  padding: 8px 0;
  margin: 0;
  list-style-type: none;
  overflow: auto;
}
.oxy-list__item {
  padding: 0 16px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  min-height: 48px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.oxy-list--full-width .oxy-list__item {
  padding: 0;
}
.oxy-list__item--top {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.oxy-list__item--bottom {
  -webkit-align-items: flex-bottom;
  align-items: flex-bottom;
}
.oxy-list__icon {
  display: block;
  width: 40px;
  height: 40px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 16px;
  box-sizing: content-box;
}
.oxy-list__icon img {
  max-width: 100%;
}
.oxy-list__item--top .oxy-list__icon {
  padding-top: 8px;
}
.oxy-list__item-text {
  -webkit-flex: 1;
  flex: 1;
  padding: 16px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.oxy-list__title {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.74);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.oxy-list__title a {
  font-weight: 400;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.74);
}
.oxy-list__subtitle {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.54);
}
.material-icons.mdl-18 {
  font-size: 18px;
}
.material-icons.mdl-24 {
  font-size: 24px;
}
.material-icons.mdl-36 {
  font-size: 36px;
}
.material-icons.mdl-48 {
  font-size: 48px;
}
.material-icons.mdl-dark {
  color: rgba(0, 0, 0, 0.54);
}
.material-icons.mdl-dark.mdl-inactive {
  color: rgba(0, 0, 0, 0.26);
}
.material-icons.mdl-light {
  color: white;
}
.material-icons.mdl-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}
.oxy-pager {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.oxy-background-parallax {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 0;
}
.oxy-background-parallax img {
  position: absolute;
  left: 50%;
  display: none;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media (max-width: 839px) {
  .oxy-background-parallax img {
    -webkit-transform: translate3d(-50%, 0, 0) !important;
    transform: translate3d(-50%, 0, 0) !important;
  }
}
.oxy-photo-blur-0 {
  -webkit-filter: blur(0px);
  filter: blur(0px);
}
.oxy-photo-blur-1 {
  -webkit-filter: blur(1px);
  filter: blur(1px);
}
.oxy-photo-blur-2 {
  -webkit-filter: blur(2px);
  filter: blur(2px);
}
.oxy-photo-blur-3 {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}
.oxy-photo-blur-4 {
  -webkit-filter: blur(4px);
  filter: blur(4px);
}
.oxy-photo-blur-5 {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
.oxy-photo-blur-6 {
  -webkit-filter: blur(6px);
  filter: blur(6px);
}
.oxy-photo-blur-7 {
  -webkit-filter: blur(7px);
  filter: blur(7px);
}
.oxy-photo-blur-8 {
  -webkit-filter: blur(8px);
  filter: blur(8px);
}
.oxy-photo-blur-9 {
  -webkit-filter: blur(9px);
  filter: blur(9px);
}
.oxy-photo-blur-10 {
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.oxy-pagination {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.oxy-pagination__item {
  display: inline-block;
}
.oxy-pagination__link {
  width: 40px;
  height: 40px;
  line-height: 40px;
  min-width: 40px;
  border-radius: 50%;
  box-sizing: border-box;
  opacity: 0.4;
}
.oxy-pagination__link .material-icons {
  line-height: 40px;
  font-size: 18px;
}
.oxy-pagination__link:hover {
  color: #ffffff;
  background: #af181c;
  opacity: 1;
}
.oxy-pagination__link--current {
  opacity: 1;
}
.oxy-pagination__link--current:hover {
  color: #000000;
  background-color: transparent;
  cursor: default;
}
.oxy-section {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.oxy-section__background {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}
.oxy-section__background img {
  position: absolute;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.oxy-section__background--top-align img {
  top: 0;
}
.oxy-section__background--bottom-align img {
  bottom: 0;
}
.oxy-section__background--middle-align img {
  top: 0;
  -webkit-transform: translate3d(-50%, -25%, 0);
  transform: translate3d(-50%, -25%, 0);
}
.oxy-section__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
}
.oxy-section__overlay--color-0 {
  background-color: transparent;
}
.oxy-section__overlay--color-5 {
  background-color: rgba(0, 0, 0, 0.05);
}
.oxy-section__overlay--color-10 {
  background-color: rgba(0, 0, 0, 0.1);
}
.oxy-section__overlay--color-15 {
  background-color: rgba(0, 0, 0, 0.15);
}
.oxy-section__overlay--color-20 {
  background-color: rgba(0, 0, 0, 0.2);
}
.oxy-section__overlay--color-25 {
  background-color: rgba(0, 0, 0, 0.25);
}
.oxy-section__overlay--color-30 {
  background-color: rgba(0, 0, 0, 0.3);
}
.oxy-section__overlay--color-35 {
  background-color: rgba(0, 0, 0, 0.35);
}
.oxy-section__overlay--color-40 {
  background-color: rgba(0, 0, 0, 0.4);
}
.oxy-section__overlay--color-45 {
  background-color: rgba(0, 0, 0, 0.45);
}
.oxy-section__overlay--color-50 {
  background-color: rgba(0, 0, 0, 0.5);
}
.oxy-section__overlay--color-55 {
  background-color: rgba(0, 0, 0, 0.55);
}
.oxy-section__overlay--color-60 {
  background-color: rgba(0, 0, 0, 0.6);
}
.oxy-section__overlay--color-65 {
  background-color: rgba(0, 0, 0, 0.65);
}
.oxy-section__overlay--color-70 {
  background-color: rgba(0, 0, 0, 0.7);
}
.oxy-section__overlay--color-75 {
  background-color: rgba(0, 0, 0, 0.75);
}
.oxy-section__overlay--color-80 {
  background-color: rgba(0, 0, 0, 0.8);
}
.oxy-section__overlay--color-85 {
  background-color: rgba(0, 0, 0, 0.85);
}
.oxy-section__overlay--color-90 {
  background-color: rgba(0, 0, 0, 0.9);
}
.oxy-section__overlay--color-95 {
  background-color: rgba(0, 0, 0, 0.95);
}
.oxy-section__overlay--color-100 {
  background-color: black;
}
.oxy-section__overlay--gradient-from-bottom-0 {
  background: linear-gradient(to top, transparent 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-bottom-5 {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-bottom-10 {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-bottom-15 {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.15) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-bottom-20 {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-bottom-25 {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-bottom-30 {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-bottom-35 {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.35) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-bottom-40 {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-bottom-45 {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-bottom-50 {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-bottom-55 {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-bottom-60 {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-bottom-65 {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-bottom-70 {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-bottom-75 {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-bottom-80 {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-bottom-85 {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-bottom-90 {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-bottom-95 {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-bottom-100 {
  background: linear-gradient(to top, black 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-top-0 {
  background: linear-gradient(to bottom, transparent 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-top-5 {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-top-10 {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-top-15 {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-top-20 {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-top-25 {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-top-30 {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-top-35 {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-top-40 {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-top-45 {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-top-50 {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-top-55 {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-top-60 {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-top-65 {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-top-70 {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-top-75 {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-top-80 {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-top-85 {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-top-90 {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-top-95 {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.95) 0%, transparent 100%);
}
.oxy-section__overlay--gradient-from-top-100 {
  background: linear-gradient(to bottom, black 0%, transparent 100%);
}
.oxy-section__content {
  position: relative;
  z-index: 4;
}
/*.mdl-selectfield {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 300px;
  max-width: 100%;
  margin: 0;
  padding: 20px 0;
  font-size: 13px;
}

.mdl-selectfield:after {
  background-color: @accent;
  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-selectfield:before {
  display: block;
  content: "\E5C5";
  font-family: 'Material Icons';
  position: absolute;
  right: 0px;
  line-height: 28px;
  font-size: 18px;
}

.mdl-selectfield:focus {
  outline: none;
}

.mdl-selectfield:focus:after {
  left: 0;
  visibility: visible;
  width: 100%;
  outline: none;
}

.mdl-selectfield--full-width {
  width: 100%;
}

.mdl-selectfield select {
  display: none;
}

.mdl-selectfield .mdl-menu__container {
  -webkit-transform: translateY(-46px);
          transform: translateY(-46px);
  max-height: 255px;
}

.mdl-selectfield .mdl-menu__container .mdl-menu__outline {
  max-height: 255px;
}

.mdl-selectfield .mdl-menu__container .mdl-select__menu {
  min-height: 100%;
  max-height: 255px;
  overflow-y: scroll;
  overflow-x: visible;
  box-sizing: border-box;
}

 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .mdl-selectfield .mdl-menu__container .mdl-select__menu {
    min-height: 100%;
    max-height: 255px;
    box-sizing: border-box;
    overflow: scroll;
  }
}

.mdl-selectfield .mdl-menu__container, .mdl-selectfield .mdl-menu__outline, .mdl-selectfield .mdl-menu {
  min-width: 100%;
}

.mdl-select__button {
  position: static;
  border-bottom: 1px solid rgba(0,0,0, 0.12);
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  padding: 4px 0;
  width: 100%;
  background: none;
  text-align: left;
  text-transform: none;
  color: inherit;
  height: auto;
  line-height: normal;
}

.mdl-select__button:hover {
  background: none;
}*/
.mdl-gen__style-link {
  display: block;
  text-align: center;
  background-color: white;
  color: #03a9f4;
  border: 2px solid rgba(0, 0, 0, 0.05);
}
body {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
a {
  text-decoration: none;
}
.oxy-typography-line-height-short {
  line-height: 1;
}
.oxy-typography-line-height-normal {
  line-height: 1.5;
}
.oxy-typography-line-height-tall {
  line-height: 2;
}
.oxy-image-responsive {
  max-width: 100%;
}
.oxy-animation {
  opacity: 0;
}
.oxy-full-height {
  height: 100%;
  box-sizing: border-box;
}
.oxy-full-width {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.oxy-margin-normal {
  margin: 16px;
}
.oxy-margin--300 {
  margin: -300px !important;
}
.oxy-margin-top--300 {
  margin-top: -300px !important;
}
.oxy-margin-left--300 {
  margin-left: -300px !important;
}
.oxy-margin-bottom--300 {
  margin-bottom: -300px !important;
}
.oxy-margin-right--300 {
  margin-right: -300px !important;
}
.oxy-margin--290 {
  margin: -290px !important;
}
.oxy-margin-top--290 {
  margin-top: -290px !important;
}
.oxy-margin-left--290 {
  margin-left: -290px !important;
}
.oxy-margin-bottom--290 {
  margin-bottom: -290px !important;
}
.oxy-margin-right--290 {
  margin-right: -290px !important;
}
.oxy-margin--280 {
  margin: -280px !important;
}
.oxy-margin-top--280 {
  margin-top: -280px !important;
}
.oxy-margin-left--280 {
  margin-left: -280px !important;
}
.oxy-margin-bottom--280 {
  margin-bottom: -280px !important;
}
.oxy-margin-right--280 {
  margin-right: -280px !important;
}
.oxy-margin--270 {
  margin: -270px !important;
}
.oxy-margin-top--270 {
  margin-top: -270px !important;
}
.oxy-margin-left--270 {
  margin-left: -270px !important;
}
.oxy-margin-bottom--270 {
  margin-bottom: -270px !important;
}
.oxy-margin-right--270 {
  margin-right: -270px !important;
}
.oxy-margin--260 {
  margin: -260px !important;
}
.oxy-margin-top--260 {
  margin-top: -260px !important;
}
.oxy-margin-left--260 {
  margin-left: -260px !important;
}
.oxy-margin-bottom--260 {
  margin-bottom: -260px !important;
}
.oxy-margin-right--260 {
  margin-right: -260px !important;
}
.oxy-margin--250 {
  margin: -250px !important;
}
.oxy-margin-top--250 {
  margin-top: -250px !important;
}
.oxy-margin-left--250 {
  margin-left: -250px !important;
}
.oxy-margin-bottom--250 {
  margin-bottom: -250px !important;
}
.oxy-margin-right--250 {
  margin-right: -250px !important;
}
.oxy-margin--240 {
  margin: -240px !important;
}
.oxy-margin-top--240 {
  margin-top: -240px !important;
}
.oxy-margin-left--240 {
  margin-left: -240px !important;
}
.oxy-margin-bottom--240 {
  margin-bottom: -240px !important;
}
.oxy-margin-right--240 {
  margin-right: -240px !important;
}
.oxy-margin--230 {
  margin: -230px !important;
}
.oxy-margin-top--230 {
  margin-top: -230px !important;
}
.oxy-margin-left--230 {
  margin-left: -230px !important;
}
.oxy-margin-bottom--230 {
  margin-bottom: -230px !important;
}
.oxy-margin-right--230 {
  margin-right: -230px !important;
}
.oxy-margin--220 {
  margin: -220px !important;
}
.oxy-margin-top--220 {
  margin-top: -220px !important;
}
.oxy-margin-left--220 {
  margin-left: -220px !important;
}
.oxy-margin-bottom--220 {
  margin-bottom: -220px !important;
}
.oxy-margin-right--220 {
  margin-right: -220px !important;
}
.oxy-margin--210 {
  margin: -210px !important;
}
.oxy-margin-top--210 {
  margin-top: -210px !important;
}
.oxy-margin-left--210 {
  margin-left: -210px !important;
}
.oxy-margin-bottom--210 {
  margin-bottom: -210px !important;
}
.oxy-margin-right--210 {
  margin-right: -210px !important;
}
.oxy-margin--200 {
  margin: -200px !important;
}
.oxy-margin-top--200 {
  margin-top: -200px !important;
}
.oxy-margin-left--200 {
  margin-left: -200px !important;
}
.oxy-margin-bottom--200 {
  margin-bottom: -200px !important;
}
.oxy-margin-right--200 {
  margin-right: -200px !important;
}
.oxy-margin--190 {
  margin: -190px !important;
}
.oxy-margin-top--190 {
  margin-top: -190px !important;
}
.oxy-margin-left--190 {
  margin-left: -190px !important;
}
.oxy-margin-bottom--190 {
  margin-bottom: -190px !important;
}
.oxy-margin-right--190 {
  margin-right: -190px !important;
}
.oxy-margin--180 {
  margin: -180px !important;
}
.oxy-margin-top--180 {
  margin-top: -180px !important;
}
.oxy-margin-left--180 {
  margin-left: -180px !important;
}
.oxy-margin-bottom--180 {
  margin-bottom: -180px !important;
}
.oxy-margin-right--180 {
  margin-right: -180px !important;
}
.oxy-margin--170 {
  margin: -170px !important;
}
.oxy-margin-top--170 {
  margin-top: -170px !important;
}
.oxy-margin-left--170 {
  margin-left: -170px !important;
}
.oxy-margin-bottom--170 {
  margin-bottom: -170px !important;
}
.oxy-margin-right--170 {
  margin-right: -170px !important;
}
.oxy-margin--160 {
  margin: -160px !important;
}
.oxy-margin-top--160 {
  margin-top: -160px !important;
}
.oxy-margin-left--160 {
  margin-left: -160px !important;
}
.oxy-margin-bottom--160 {
  margin-bottom: -160px !important;
}
.oxy-margin-right--160 {
  margin-right: -160px !important;
}
.oxy-margin--150 {
  margin: -150px !important;
}
.oxy-margin-top--150 {
  margin-top: -150px !important;
}
.oxy-margin-left--150 {
  margin-left: -150px !important;
}
.oxy-margin-bottom--150 {
  margin-bottom: -150px !important;
}
.oxy-margin-right--150 {
  margin-right: -150px !important;
}
.oxy-margin--140 {
  margin: -140px !important;
}
.oxy-margin-top--140 {
  margin-top: -140px !important;
}
.oxy-margin-left--140 {
  margin-left: -140px !important;
}
.oxy-margin-bottom--140 {
  margin-bottom: -140px !important;
}
.oxy-margin-right--140 {
  margin-right: -140px !important;
}
.oxy-margin--130 {
  margin: -130px !important;
}
.oxy-margin-top--130 {
  margin-top: -130px !important;
}
.oxy-margin-left--130 {
  margin-left: -130px !important;
}
.oxy-margin-bottom--130 {
  margin-bottom: -130px !important;
}
.oxy-margin-right--130 {
  margin-right: -130px !important;
}
.oxy-margin--120 {
  margin: -120px !important;
}
.oxy-margin-top--120 {
  margin-top: -120px !important;
}
.oxy-margin-left--120 {
  margin-left: -120px !important;
}
.oxy-margin-bottom--120 {
  margin-bottom: -120px !important;
}
.oxy-margin-right--120 {
  margin-right: -120px !important;
}
.oxy-margin--110 {
  margin: -110px !important;
}
.oxy-margin-top--110 {
  margin-top: -110px !important;
}
.oxy-margin-left--110 {
  margin-left: -110px !important;
}
.oxy-margin-bottom--110 {
  margin-bottom: -110px !important;
}
.oxy-margin-right--110 {
  margin-right: -110px !important;
}
.oxy-margin--100 {
  margin: -100px !important;
}
.oxy-margin-top--100 {
  margin-top: -100px !important;
}
.oxy-margin-left--100 {
  margin-left: -100px !important;
}
.oxy-margin-bottom--100 {
  margin-bottom: -100px !important;
}
.oxy-margin-right--100 {
  margin-right: -100px !important;
}
.oxy-margin--90 {
  margin: -90px !important;
}
.oxy-margin-top--90 {
  margin-top: -90px !important;
}
.oxy-margin-left--90 {
  margin-left: -90px !important;
}
.oxy-margin-bottom--90 {
  margin-bottom: -90px !important;
}
.oxy-margin-right--90 {
  margin-right: -90px !important;
}
.oxy-margin--80 {
  margin: -80px !important;
}
.oxy-margin-top--80 {
  margin-top: -80px !important;
}
.oxy-margin-left--80 {
  margin-left: -80px !important;
}
.oxy-margin-bottom--80 {
  margin-bottom: -80px !important;
}
.oxy-margin-right--80 {
  margin-right: -80px !important;
}
.oxy-margin--70 {
  margin: -70px !important;
}
.oxy-margin-top--70 {
  margin-top: -70px !important;
}
.oxy-margin-left--70 {
  margin-left: -70px !important;
}
.oxy-margin-bottom--70 {
  margin-bottom: -70px !important;
}
.oxy-margin-right--70 {
  margin-right: -70px !important;
}
.oxy-margin--60 {
  margin: -60px !important;
}
.oxy-margin-top--60 {
  margin-top: -60px !important;
}
.oxy-margin-left--60 {
  margin-left: -60px !important;
}
.oxy-margin-bottom--60 {
  margin-bottom: -60px !important;
}
.oxy-margin-right--60 {
  margin-right: -60px !important;
}
.oxy-margin--50 {
  margin: -50px !important;
}
.oxy-margin-top--50 {
  margin-top: -50px !important;
}
.oxy-margin-left--50 {
  margin-left: -50px !important;
}
.oxy-margin-bottom--50 {
  margin-bottom: -50px !important;
}
.oxy-margin-right--50 {
  margin-right: -50px !important;
}
.oxy-margin--40 {
  margin: -40px !important;
}
.oxy-margin-top--40 {
  margin-top: -40px !important;
}
.oxy-margin-left--40 {
  margin-left: -40px !important;
}
.oxy-margin-bottom--40 {
  margin-bottom: -40px !important;
}
.oxy-margin-right--40 {
  margin-right: -40px !important;
}
.oxy-margin--30 {
  margin: -30px !important;
}
.oxy-margin-top--30 {
  margin-top: -30px !important;
}
.oxy-margin-left--30 {
  margin-left: -30px !important;
}
.oxy-margin-bottom--30 {
  margin-bottom: -30px !important;
}
.oxy-margin-right--30 {
  margin-right: -30px !important;
}
.oxy-margin--20 {
  margin: -20px !important;
}
.oxy-margin-top--20 {
  margin-top: -20px !important;
}
.oxy-margin-left--20 {
  margin-left: -20px !important;
}
.oxy-margin-bottom--20 {
  margin-bottom: -20px !important;
}
.oxy-margin-right--20 {
  margin-right: -20px !important;
}
.oxy-margin--10 {
  margin: -10px !important;
}
.oxy-margin-top--10 {
  margin-top: -10px !important;
}
.oxy-margin-left--10 {
  margin-left: -10px !important;
}
.oxy-margin-bottom--10 {
  margin-bottom: -10px !important;
}
.oxy-margin-right--10 {
  margin-right: -10px !important;
}
.oxy-margin-0 {
  margin: 0px !important;
}
.oxy-margin-top-0 {
  margin-top: 0px !important;
}
.oxy-margin-left-0 {
  margin-left: 0px !important;
}
.oxy-margin-bottom-0 {
  margin-bottom: 0px !important;
}
.oxy-margin-right-0 {
  margin-right: 0px !important;
}
.oxy-margin-10 {
  margin: 10px !important;
}
.oxy-margin-top-10 {
  margin-top: 10px !important;
}
.oxy-margin-left-10 {
  margin-left: 10px !important;
}
.oxy-margin-bottom-10 {
  margin-bottom: 10px !important;
}
.oxy-margin-right-10 {
  margin-right: 10px !important;
}
.oxy-margin-20 {
  margin: 20px !important;
}
.oxy-margin-top-20 {
  margin-top: 20px !important;
}
.oxy-margin-left-20 {
  margin-left: 20px !important;
}
.oxy-margin-bottom-20 {
  margin-bottom: 20px !important;
}
.oxy-margin-right-20 {
  margin-right: 20px !important;
}
.oxy-margin-30 {
  margin: 30px !important;
}
.oxy-margin-top-30 {
  margin-top: 30px !important;
}
.oxy-margin-left-30 {
  margin-left: 30px !important;
}
.oxy-margin-bottom-30 {
  margin-bottom: 30px !important;
}
.oxy-margin-right-30 {
  margin-right: 30px !important;
}
.oxy-margin-40 {
  margin: 40px !important;
}
.oxy-margin-top-40 {
  margin-top: 40px !important;
}
.oxy-margin-left-40 {
  margin-left: 40px !important;
}
.oxy-margin-bottom-40 {
  margin-bottom: 40px !important;
}
.oxy-margin-right-40 {
  margin-right: 40px !important;
}
.oxy-margin-50 {
  margin: 50px !important;
}
.oxy-margin-top-50 {
  margin-top: 50px !important;
}
.oxy-margin-left-50 {
  margin-left: 50px !important;
}
.oxy-margin-bottom-50 {
  margin-bottom: 50px !important;
}
.oxy-margin-right-50 {
  margin-right: 50px !important;
}
.oxy-margin-60 {
  margin: 60px !important;
}
.oxy-margin-top-60 {
  margin-top: 60px !important;
}
.oxy-margin-left-60 {
  margin-left: 60px !important;
}
.oxy-margin-bottom-60 {
  margin-bottom: 60px !important;
}
.oxy-margin-right-60 {
  margin-right: 60px !important;
}
.oxy-margin-70 {
  margin: 70px !important;
}
.oxy-margin-top-70 {
  margin-top: 70px !important;
}
.oxy-margin-left-70 {
  margin-left: 70px !important;
}
.oxy-margin-bottom-70 {
  margin-bottom: 70px !important;
}
.oxy-margin-right-70 {
  margin-right: 70px !important;
}
.oxy-margin-80 {
  margin: 80px !important;
}
.oxy-margin-top-80 {
  margin-top: 80px !important;
}
.oxy-margin-left-80 {
  margin-left: 80px !important;
}
.oxy-margin-bottom-80 {
  margin-bottom: 80px !important;
}
.oxy-margin-right-80 {
  margin-right: 80px !important;
}
.oxy-margin-90 {
  margin: 90px !important;
}
.oxy-margin-top-90 {
  margin-top: 90px !important;
}
.oxy-margin-left-90 {
  margin-left: 90px !important;
}
.oxy-margin-bottom-90 {
  margin-bottom: 90px !important;
}
.oxy-margin-right-90 {
  margin-right: 90px !important;
}
.oxy-margin-100 {
  margin: 100px !important;
}
.oxy-margin-top-100 {
  margin-top: 100px !important;
}
.oxy-margin-left-100 {
  margin-left: 100px !important;
}
.oxy-margin-bottom-100 {
  margin-bottom: 100px !important;
}
.oxy-margin-right-100 {
  margin-right: 100px !important;
}
.oxy-margin-110 {
  margin: 110px !important;
}
.oxy-margin-top-110 {
  margin-top: 110px !important;
}
.oxy-margin-left-110 {
  margin-left: 110px !important;
}
.oxy-margin-bottom-110 {
  margin-bottom: 110px !important;
}
.oxy-margin-right-110 {
  margin-right: 110px !important;
}
.oxy-margin-120 {
  margin: 120px !important;
}
.oxy-margin-top-120 {
  margin-top: 120px !important;
}
.oxy-margin-left-120 {
  margin-left: 120px !important;
}
.oxy-margin-bottom-120 {
  margin-bottom: 120px !important;
}
.oxy-margin-right-120 {
  margin-right: 120px !important;
}
.oxy-margin-130 {
  margin: 130px !important;
}
.oxy-margin-top-130 {
  margin-top: 130px !important;
}
.oxy-margin-left-130 {
  margin-left: 130px !important;
}
.oxy-margin-bottom-130 {
  margin-bottom: 130px !important;
}
.oxy-margin-right-130 {
  margin-right: 130px !important;
}
.oxy-margin-140 {
  margin: 140px !important;
}
.oxy-margin-top-140 {
  margin-top: 140px !important;
}
.oxy-margin-left-140 {
  margin-left: 140px !important;
}
.oxy-margin-bottom-140 {
  margin-bottom: 140px !important;
}
.oxy-margin-right-140 {
  margin-right: 140px !important;
}
.oxy-margin-150 {
  margin: 150px !important;
}
.oxy-margin-top-150 {
  margin-top: 150px !important;
}
.oxy-margin-left-150 {
  margin-left: 150px !important;
}
.oxy-margin-bottom-150 {
  margin-bottom: 150px !important;
}
.oxy-margin-right-150 {
  margin-right: 150px !important;
}
.oxy-margin-160 {
  margin: 160px !important;
}
.oxy-margin-top-160 {
  margin-top: 160px !important;
}
.oxy-margin-left-160 {
  margin-left: 160px !important;
}
.oxy-margin-bottom-160 {
  margin-bottom: 160px !important;
}
.oxy-margin-right-160 {
  margin-right: 160px !important;
}
.oxy-margin-170 {
  margin: 170px !important;
}
.oxy-margin-top-170 {
  margin-top: 170px !important;
}
.oxy-margin-left-170 {
  margin-left: 170px !important;
}
.oxy-margin-bottom-170 {
  margin-bottom: 170px !important;
}
.oxy-margin-right-170 {
  margin-right: 170px !important;
}
.oxy-margin-180 {
  margin: 180px !important;
}
.oxy-margin-top-180 {
  margin-top: 180px !important;
}
.oxy-margin-left-180 {
  margin-left: 180px !important;
}
.oxy-margin-bottom-180 {
  margin-bottom: 180px !important;
}
.oxy-margin-right-180 {
  margin-right: 180px !important;
}
.oxy-margin-190 {
  margin: 190px !important;
}
.oxy-margin-top-190 {
  margin-top: 190px !important;
}
.oxy-margin-left-190 {
  margin-left: 190px !important;
}
.oxy-margin-bottom-190 {
  margin-bottom: 190px !important;
}
.oxy-margin-right-190 {
  margin-right: 190px !important;
}
.oxy-margin-200 {
  margin: 200px !important;
}
.oxy-margin-top-200 {
  margin-top: 200px !important;
}
.oxy-margin-left-200 {
  margin-left: 200px !important;
}
.oxy-margin-bottom-200 {
  margin-bottom: 200px !important;
}
.oxy-margin-right-200 {
  margin-right: 200px !important;
}
.oxy-margin-210 {
  margin: 210px !important;
}
.oxy-margin-top-210 {
  margin-top: 210px !important;
}
.oxy-margin-left-210 {
  margin-left: 210px !important;
}
.oxy-margin-bottom-210 {
  margin-bottom: 210px !important;
}
.oxy-margin-right-210 {
  margin-right: 210px !important;
}
.oxy-margin-220 {
  margin: 220px !important;
}
.oxy-margin-top-220 {
  margin-top: 220px !important;
}
.oxy-margin-left-220 {
  margin-left: 220px !important;
}
.oxy-margin-bottom-220 {
  margin-bottom: 220px !important;
}
.oxy-margin-right-220 {
  margin-right: 220px !important;
}
.oxy-margin-230 {
  margin: 230px !important;
}
.oxy-margin-top-230 {
  margin-top: 230px !important;
}
.oxy-margin-left-230 {
  margin-left: 230px !important;
}
.oxy-margin-bottom-230 {
  margin-bottom: 230px !important;
}
.oxy-margin-right-230 {
  margin-right: 230px !important;
}
.oxy-margin-240 {
  margin: 240px !important;
}
.oxy-margin-top-240 {
  margin-top: 240px !important;
}
.oxy-margin-left-240 {
  margin-left: 240px !important;
}
.oxy-margin-bottom-240 {
  margin-bottom: 240px !important;
}
.oxy-margin-right-240 {
  margin-right: 240px !important;
}
.oxy-margin-250 {
  margin: 250px !important;
}
.oxy-margin-top-250 {
  margin-top: 250px !important;
}
.oxy-margin-left-250 {
  margin-left: 250px !important;
}
.oxy-margin-bottom-250 {
  margin-bottom: 250px !important;
}
.oxy-margin-right-250 {
  margin-right: 250px !important;
}
.oxy-margin-260 {
  margin: 260px !important;
}
.oxy-margin-top-260 {
  margin-top: 260px !important;
}
.oxy-margin-left-260 {
  margin-left: 260px !important;
}
.oxy-margin-bottom-260 {
  margin-bottom: 260px !important;
}
.oxy-margin-right-260 {
  margin-right: 260px !important;
}
.oxy-margin-270 {
  margin: 270px !important;
}
.oxy-margin-top-270 {
  margin-top: 270px !important;
}
.oxy-margin-left-270 {
  margin-left: 270px !important;
}
.oxy-margin-bottom-270 {
  margin-bottom: 270px !important;
}
.oxy-margin-right-270 {
  margin-right: 270px !important;
}
.oxy-margin-280 {
  margin: 280px !important;
}
.oxy-margin-top-280 {
  margin-top: 280px !important;
}
.oxy-margin-left-280 {
  margin-left: 280px !important;
}
.oxy-margin-bottom-280 {
  margin-bottom: 280px !important;
}
.oxy-margin-right-280 {
  margin-right: 280px !important;
}
.oxy-margin-290 {
  margin: 290px !important;
}
.oxy-margin-top-290 {
  margin-top: 290px !important;
}
.oxy-margin-left-290 {
  margin-left: 290px !important;
}
.oxy-margin-bottom-290 {
  margin-bottom: 290px !important;
}
.oxy-margin-right-290 {
  margin-right: 290px !important;
}
.oxy-margin-300 {
  margin: 300px !important;
}
.oxy-margin-top-300 {
  margin-top: 300px !important;
}
.oxy-margin-left-300 {
  margin-left: 300px !important;
}
.oxy-margin-bottom-300 {
  margin-bottom: 300px !important;
}
.oxy-margin-right-300 {
  margin-right: 300px !important;
}
.oxy-padding-normal {
  padding: 16px;
}
.oxy-padding-0 {
  padding: 0px !important;
}
.oxy-padding-top-0 {
  padding-top: 0px !important;
}
.oxy-padding-left-0 {
  padding-left: 0px !important;
}
.oxy-padding-bottom-0 {
  padding-bottom: 0px !important;
}
.oxy-padding-right-0 {
  padding-right: 0px !important;
}
.oxy-padding-10 {
  padding: 10px !important;
}
.oxy-padding-top-10 {
  padding-top: 10px !important;
}
.oxy-padding-left-10 {
  padding-left: 10px !important;
}
.oxy-padding-bottom-10 {
  padding-bottom: 10px !important;
}
.oxy-padding-right-10 {
  padding-right: 10px !important;
}
.oxy-padding-20 {
  padding: 20px !important;
}
.oxy-padding-top-20 {
  padding-top: 20px !important;
}
.oxy-padding-left-20 {
  padding-left: 20px !important;
}
.oxy-padding-bottom-20 {
  padding-bottom: 20px !important;
}
.oxy-padding-right-20 {
  padding-right: 20px !important;
}
.oxy-padding-30 {
  padding: 30px !important;
}
.oxy-padding-top-30 {
  padding-top: 30px !important;
}
.oxy-padding-left-30 {
  padding-left: 30px !important;
}
.oxy-padding-bottom-30 {
  padding-bottom: 30px !important;
}
.oxy-padding-right-30 {
  padding-right: 30px !important;
}
.oxy-padding-40 {
  padding: 40px !important;
}
.oxy-padding-top-40 {
  padding-top: 40px !important;
}
.oxy-padding-left-40 {
  padding-left: 40px !important;
}
.oxy-padding-bottom-40 {
  padding-bottom: 40px !important;
}
.oxy-padding-right-40 {
  padding-right: 40px !important;
}
.oxy-padding-50 {
  padding: 50px !important;
}
.oxy-padding-top-50 {
  padding-top: 50px !important;
}
.oxy-padding-left-50 {
  padding-left: 50px !important;
}
.oxy-padding-bottom-50 {
  padding-bottom: 50px !important;
}
.oxy-padding-right-50 {
  padding-right: 50px !important;
}
.oxy-padding-60 {
  padding: 60px !important;
}
.oxy-padding-top-60 {
  padding-top: 60px !important;
}
.oxy-padding-left-60 {
  padding-left: 60px !important;
}
.oxy-padding-bottom-60 {
  padding-bottom: 60px !important;
}
.oxy-padding-right-60 {
  padding-right: 60px !important;
}
.oxy-padding-70 {
  padding: 70px !important;
}
.oxy-padding-top-70 {
  padding-top: 70px !important;
}
.oxy-padding-left-70 {
  padding-left: 70px !important;
}
.oxy-padding-bottom-70 {
  padding-bottom: 70px !important;
}
.oxy-padding-right-70 {
  padding-right: 70px !important;
}
.oxy-padding-80 {
  padding: 80px !important;
}
.oxy-padding-top-80 {
  padding-top: 80px !important;
}
.oxy-padding-left-80 {
  padding-left: 80px !important;
}
.oxy-padding-bottom-80 {
  padding-bottom: 80px !important;
}
.oxy-padding-right-80 {
  padding-right: 80px !important;
}
.oxy-padding-90 {
  padding: 90px !important;
}
.oxy-padding-top-90 {
  padding-top: 90px !important;
}
.oxy-padding-left-90 {
  padding-left: 90px !important;
}
.oxy-padding-bottom-90 {
  padding-bottom: 90px !important;
}
.oxy-padding-right-90 {
  padding-right: 90px !important;
}
.oxy-padding-100 {
  padding: 100px !important;
}
.oxy-padding-top-100 {
  padding-top: 100px !important;
}
.oxy-padding-left-100 {
  padding-left: 100px !important;
}
.oxy-padding-bottom-100 {
  padding-bottom: 100px !important;
}
.oxy-padding-right-100 {
  padding-right: 100px !important;
}
.oxy-padding-110 {
  padding: 110px !important;
}
.oxy-padding-top-110 {
  padding-top: 110px !important;
}
.oxy-padding-left-110 {
  padding-left: 110px !important;
}
.oxy-padding-bottom-110 {
  padding-bottom: 110px !important;
}
.oxy-padding-right-110 {
  padding-right: 110px !important;
}
.oxy-padding-120 {
  padding: 120px !important;
}
.oxy-padding-top-120 {
  padding-top: 120px !important;
}
.oxy-padding-left-120 {
  padding-left: 120px !important;
}
.oxy-padding-bottom-120 {
  padding-bottom: 120px !important;
}
.oxy-padding-right-120 {
  padding-right: 120px !important;
}
.oxy-padding-130 {
  padding: 130px !important;
}
.oxy-padding-top-130 {
  padding-top: 130px !important;
}
.oxy-padding-left-130 {
  padding-left: 130px !important;
}
.oxy-padding-bottom-130 {
  padding-bottom: 130px !important;
}
.oxy-padding-right-130 {
  padding-right: 130px !important;
}
.oxy-padding-140 {
  padding: 140px !important;
}
.oxy-padding-top-140 {
  padding-top: 140px !important;
}
.oxy-padding-left-140 {
  padding-left: 140px !important;
}
.oxy-padding-bottom-140 {
  padding-bottom: 140px !important;
}
.oxy-padding-right-140 {
  padding-right: 140px !important;
}
.oxy-padding-150 {
  padding: 150px !important;
}
.oxy-padding-top-150 {
  padding-top: 150px !important;
}
.oxy-padding-left-150 {
  padding-left: 150px !important;
}
.oxy-padding-bottom-150 {
  padding-bottom: 150px !important;
}
.oxy-padding-right-150 {
  padding-right: 150px !important;
}
.oxy-padding-160 {
  padding: 160px !important;
}
.oxy-padding-top-160 {
  padding-top: 160px !important;
}
.oxy-padding-left-160 {
  padding-left: 160px !important;
}
.oxy-padding-bottom-160 {
  padding-bottom: 160px !important;
}
.oxy-padding-right-160 {
  padding-right: 160px !important;
}
.oxy-padding-170 {
  padding: 170px !important;
}
.oxy-padding-top-170 {
  padding-top: 170px !important;
}
.oxy-padding-left-170 {
  padding-left: 170px !important;
}
.oxy-padding-bottom-170 {
  padding-bottom: 170px !important;
}
.oxy-padding-right-170 {
  padding-right: 170px !important;
}
.oxy-padding-180 {
  padding: 180px !important;
}
.oxy-padding-top-180 {
  padding-top: 180px !important;
}
.oxy-padding-left-180 {
  padding-left: 180px !important;
}
.oxy-padding-bottom-180 {
  padding-bottom: 180px !important;
}
.oxy-padding-right-180 {
  padding-right: 180px !important;
}
.oxy-padding-190 {
  padding: 190px !important;
}
.oxy-padding-top-190 {
  padding-top: 190px !important;
}
.oxy-padding-left-190 {
  padding-left: 190px !important;
}
.oxy-padding-bottom-190 {
  padding-bottom: 190px !important;
}
.oxy-padding-right-190 {
  padding-right: 190px !important;
}
.oxy-padding-200 {
  padding: 200px !important;
}
.oxy-padding-top-200 {
  padding-top: 200px !important;
}
.oxy-padding-left-200 {
  padding-left: 200px !important;
}
.oxy-padding-bottom-200 {
  padding-bottom: 200px !important;
}
.oxy-padding-right-200 {
  padding-right: 200px !important;
}
.oxy-opacity-0 {
  opacity: 0 !important;
}
.oxy-opacity-10 {
  opacity: 0.1 !important;
}
.oxy-opacity-20 {
  opacity: 0.2 !important;
}
.oxy-opacity-30 {
  opacity: 0.3 !important;
}
.oxy-opacity-40 {
  opacity: 0.4 !important;
}
.oxy-opacity-50 {
  opacity: 0.5 !important;
}
.oxy-opacity-60 {
  opacity: 0.6 !important;
}
.oxy-opacity-70 {
  opacity: 0.7 !important;
}
.oxy-opacity-80 {
  opacity: 0.8 !important;
}
.oxy-opacity-89 {
  opacity: 0.9 !important;
}
.oxy-opacity-99 {
  opacity: 1 !important;
}
.oxy-overlay-0 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-0:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: -1;
}
.oxy-overlay-5 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-5:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
  z-index: -1;
}
.oxy-overlay-10 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-10:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  z-index: -1;
}
.oxy-overlay-15 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-15:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  z-index: -1;
}
.oxy-overlay-20 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-20:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: -1;
}
.oxy-overlay-25 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-25:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  z-index: -1;
}
.oxy-overlay-30 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-30:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: -1;
}
.oxy-overlay-35 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-35:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.35);
  z-index: -1;
}
.oxy-overlay-40 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-40:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: -1;
}
.oxy-overlay-44 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-44:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  z-index: -1;
}
.oxy-overlay-49 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-49:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
.oxy-overlay-54 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-54:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
  z-index: -1;
}
.oxy-overlay-60 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-60:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: -1;
}
.oxy-overlay-65 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-65:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  z-index: -1;
}
.oxy-overlay-70 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-70:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: -1;
}
.oxy-overlay-75 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-75:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  z-index: -1;
}
.oxy-overlay-80 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-80:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: -1;
}
.oxy-overlay-85 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-85:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  z-index: -1;
}
.oxy-overlay-90 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-90:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: -1;
}
.oxy-overlay-95 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-95:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.95);
  z-index: -1;
}
.oxy-overlay-gradient-0 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-gradient-0:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, transparent 0%, transparent 100%);
}
.oxy-overlay-gradient-5 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-gradient-5:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, transparent 100%);
}
.oxy-overlay-gradient-10 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-gradient-10:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
}
.oxy-overlay-gradient-15 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-gradient-15:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.15) 0%, transparent 100%);
}
.oxy-overlay-gradient-20 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-gradient-20:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
}
.oxy-overlay-gradient-25 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-gradient-25:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, transparent 100%);
}
.oxy-overlay-gradient-30 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-gradient-30:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
}
.oxy-overlay-gradient-35 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-gradient-35:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.35) 0%, transparent 100%);
}
.oxy-overlay-gradient-40 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-gradient-40:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
}
.oxy-overlay-gradient-44 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-gradient-44:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, transparent 100%);
}
.oxy-overlay-gradient-49 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-gradient-49:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
}
.oxy-overlay-gradient-54 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-gradient-54:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, transparent 100%);
}
.oxy-overlay-gradient-60 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-gradient-60:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, transparent 100%);
}
.oxy-overlay-gradient-65 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-gradient-65:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
}
.oxy-overlay-gradient-70 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-gradient-70:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
}
.oxy-overlay-gradient-75 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-gradient-75:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, transparent 100%);
}
.oxy-overlay-gradient-80 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-gradient-80:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
}
.oxy-overlay-gradient-85 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-gradient-85:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);
}
.oxy-overlay-gradient-90 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-gradient-90:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
}
.oxy-overlay-gradient-95 {
  position: relative;
  z-index: 1;
}
.oxy-overlay-gradient-95:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, transparent 100%);
}
.oxy-display-block {
  display: block !important;
}
.oxy-display-inline-block {
  display: inline-block !important;
}
.oxy-display-inline {
  display: inline !important;
}
.oxy-float-left {
  float: left !important;
}
.oxy-float-right {
  float: right !important;
}
.oxy-clear:before,
.oxy-clear:after {
  content: " ";
  display: table;
}
.oxy-clear:after {
  clear: both;
}
.oxy-make-round {
  border-radius: 50%;
}
.oxy-flex-justify-start {
  -webkit-justify-content: flex-start !important;
  justify-content: flex-start !important;
}
.oxy-flex-justify-end {
  -webkit-justify-content: flex-end !important;
  justify-content: flex-end !important;
}
.oxy-flex-justify-center {
  -webkit-justify-content: center !important;
  justify-content: center !important;
}
.oxy-flex-align-start {
  -webkit-align-items: flex-start !important;
  align-items: flex-start !important;
}
.oxy-flex-align-end {
  -webkit-align-items: flex-end !important;
  align-items: flex-end !important;
}
.oxy-flex-align-center {
  -webkit-align-items: center !important;
  align-items: center !important;
}
.oxy-widget {
  max-width: 100%;
  margin-bottom: 16px;
  width: initial;
}
.oxy-widget__content {
  width: 100%;
  box-sizing: border-box;
}
.oxy-widget__content .oxy-list,
.oxy-widget__content .oxy-list__item {
  padding: 0;
}
.oxy-widget__content .mdl-slider,
.oxy-widget__content .mdl-slider__background-flex {
  margin: 0;
  width: 100%;
}
.oxy-widget__content .mdl-textfield {
  width: 100%;
  max-width: initial;
}
.oxy-alert {
  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);
  display: -webkit-flex;
  display: flex;
}
.oxy-alert--text,
.oxy-alert--action {
  padding: 16px;
}
.oxy-alert--text {
  -webkit-flex: 1 0;
  flex: 1 0;
  -webkit-align-self: center;
  align-self: center;
}
.oxy-alert p {
  margin: 0;
}
.oxy-alert--danger {
  background-color: #e57373;
  color: #ffffff;
}
.oxy-alert--success {
  background-color: #81c784;
  color: #ffffff;
}
.oxy-alert--primary {
  background: #af181c;
  color: #ffffff;
}
.oxy-alert--accent {
  background: #448aff;
  color: #ffffff;
}
.mdl-button .fa {
  font-size: 16px;
}
.mdl-mega-footer--heading,
.mdl-mega-footer__heading {
  color: #ffffff;
}
.mdl-mega-footer__widget {
  margin-bottom: 32px;
}
.mdl-mega-footer--link-list p,
.mdl-mega-footer--link-list a,
.mdl-mega-footer__link-list a,
.mdl-mega-footer__widget p,
.mdl-mega-footer__widget a {
  color: inherit;
  font-weight: normal;
  white-space: initial;
}
.mdl-mega-footer--link-list li {
  margin-bottom: 8px;
}
.mdl-mega-footer--link-list--bordered li {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.mdl-mega-footer--link-list--bordered li:last-child {
  border-bottom: 0;
}
.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__widget,
.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__widget {
  display: none;
}
@media screen and (min-width: 760px) {
  .mdl-mega-footer--drop-down-section,
  .mdl-mega-footer__drop-down-section {
    width: 50%;
  }
  .mdl-mega-footer--drop-down-section:nth-child(3),
  .mdl-mega-footer__drop-down-section:nth-child(3) {
    clear: both;
    float: left;
  }
  .mdl-mega-footer--drop-down-section:nth-child(4),
  .mdl-mega-footer__drop-down-section:nth-child(4) {
    clear: none;
    float: left;
  }
  .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__widget,
  .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__widget {
    display: block;
  }
  .mdl-mega-footer__widget,
  .mdl-mega-footer--link-list {
    padding-right: 40px;
  }
}
@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--drop-down-section:nth-child(3),
  .mdl-mega-footer--drop-down-section:nth-child(4),
  .mdl-mega-footer--drop-down-section:nth-child(3):nth-child(3),
  .mdl-mega-footer--drop-down-section:nth-child(3):nth-child(4),
  .mdl-mega-footer--drop-down-section:nth-child(4):nth-child(3),
  .mdl-mega-footer--drop-down-section:nth-child(4):nth-child(4),
  .mdl-mega-footer__drop-down-section:nth-child(3),
  .mdl-mega-footer__drop-down-section:nth-child(4),
  .mdl-mega-footer__drop-down-section:nth-child(3):nth-child(3),
  .mdl-mega-footer__drop-down-section:nth-child(3):nth-child(4),
  .mdl-mega-footer__drop-down-section:nth-child(4):nth-child(3),
  .mdl-mega-footer__drop-down-section:nth-child(4):nth-child(4) {
    clear: none;
  }
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
.oxy-bigtext span {
  line-height: 1;
}
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Default Style Settings -

Screen Stylesheet

version:    5.0.0
date:       18/03/15
author:   themepunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
@font-face {
  font-family: 'revicons';
  src: url("../rs-plugin/fonts/revicons.eot?5510888");
  src: url("../rs-plugin/fonts/revicons.eot?5510888#iefix") format("embedded-opentype"), url("../rs-plugin/fonts/revicons.woff?5510888") format("woff"), url("../rs-plugin/fonts/revicons.ttf?5510888") format("truetype"), url("../rs-plugin/fonts/revicons.svg?5510888#revicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="revicon-"]:before,
[class*=" revicon-"]:before {
  font-family: "revicons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.revicon-search-1:before {
  content: '\e802';
}
/* 'î ‚' */
.revicon-pencil-1:before {
  content: '\e831';
}
/* 'î ±' */
.revicon-picture-1:before {
  content: '\e803';
}
/* 'î ƒ' */
.revicon-cancel:before {
  content: '\e80a';
}
/* 'î Š' */
.revicon-info-circled:before {
  content: '\e80f';
}
/* 'î �' */
.revicon-trash:before {
  content: '\e801';
}
/* 'î �' */
.revicon-left-dir:before {
  content: '\e817';
}
/* 'î �' */
.revicon-right-dir:before {
  content: '\e818';
}
/* 'î ˜' */
.revicon-down-open:before {
  content: '\e83b';
}
/* 'î »' */
.revicon-left-open:before {
  content: '\e819';
}
/* 'î ™' */
.revicon-right-open:before {
  content: '\e81a';
}
/* 'î š' */
.revicon-angle-left:before {
  content: '\e820';
}
/* 'î  ' */
.revicon-angle-right:before {
  content: '\e81d';
}
/* 'î �' */
.revicon-left-big:before {
  content: '\e81f';
}
/* 'î Ÿ' */
.revicon-right-big:before {
  content: '\e81e';
}
/* 'î ž' */
.revicon-magic:before {
  content: '\e807';
}
/* 'î ‡' */
.revicon-picture:before {
  content: '\e800';
}
/* 'î €' */
.revicon-export:before {
  content: '\e80b';
}
/* 'î ‹' */
.revicon-cog:before {
  content: '\e832';
}
/* 'î ²' */
.revicon-login:before {
  content: '\e833';
}
/* 'î ³' */
.revicon-logout:before {
  content: '\e834';
}
/* 'î ´' */
.revicon-video:before {
  content: '\e805';
}
/* 'î …' */
.revicon-arrow-combo:before {
  content: '\e827';
}
/* 'î §' */
.revicon-left-open-1:before {
  content: '\e82a';
}
/* 'î ª' */
.revicon-right-open-1:before {
  content: '\e82b';
}
/* 'î «' */
.revicon-left-open-mini:before {
  content: '\e822';
}
/* 'î ¢' */
.revicon-right-open-mini:before {
  content: '\e823';
}
/* 'î £' */
.revicon-left-open-big:before {
  content: '\e824';
}
/* 'î ¤' */
.revicon-right-open-big:before {
  content: '\e825';
}
/* 'î ¥' */
.revicon-left:before {
  content: '\e836';
}
/* 'î ¶' */
.revicon-right:before {
  content: '\e826';
}
/* 'î ¦' */
.revicon-ccw:before {
  content: '\e808';
}
/* 'î ˆ' */
.revicon-arrows-ccw:before {
  content: '\e806';
}
/* 'î †' */
.revicon-palette:before {
  content: '\e829';
}
/* 'î ©' */
.revicon-list-add:before {
  content: '\e80c';
}
/* '' */
.revicon-doc:before {
  content: '\e809';
}
/* 'î ‰' */
.revicon-left-open-outline:before {
  content: '\e82e';
}
/* 'î ®' */
.revicon-left-open-2:before {
  content: '\e82c';
}
/* 'î ¬' */
.revicon-right-open-outline:before {
  content: '\e82f';
}
/* 'î ¯' */
.revicon-right-open-2:before {
  content: '\e82d';
}
/* 'î ­' */
.revicon-equalizer:before {
  content: '\e83a';
}
/* 'î º' */
.revicon-layers-alt:before {
  content: '\e804';
}
/* 'î „' */
.revicon-popup:before {
  content: '\e828';
}
/* 'î ¨' */
/******************************
  - BASIC STYLES    -
******************************/
.rev_slider_wrapper {
  position: relative;
  z-index: 0;
}
.rev_slider {
  position: relative;
  overflow: visible;
}
.tp-overflow-hidden {
  overflow: hidden;
}
.tp-simpleresponsive img,
.rev_slider img {
  max-width: none !important;
  transition: none 0;
  margin: 0px;
  padding: 0px;
  border-width: 0px;
  border: none;
}
.rev_slider .no-slides-text {
  font-weight: bold;
  text-align: center;
  padding-top: 80px;
}
.rev_slider > ul,
.rev_slider_wrapper > ul,
.tp-revslider-mainul > li,
.rev_slider > ul > li,
.rev_slider > ul > li:before,
.tp-revslider-mainul > li:before,
.tp-simpleresponsive > ul,
.tp-simpleresponsive > ul > li,
.tp-simpleresponsive > ul > li:before,
.tp-revslider-mainul > li,
.tp-simpleresponsive > ul > li {
  list-style: none !important;
  position: absolute;
  margin: 0px !important;
  padding: 0px !important;
  overflow-x: visible;
  overflow-y: visible;
  list-style-type: none !important;
  background-image: none;
  background-position: 0px 0px;
  text-indent: 0em;
  top: 0px;
  left: 0px;
}
.tp-revslider-mainul > li,
.rev_slider > ul > li,
.rev_slider > ul > li:before,
.tp-revslider-mainul > li:before,
.tp-simpleresponsive > ul > li,
.tp-simpleresponsive > ul > li:before,
.tp-revslider-mainul > li,
.tp-simpleresponsive > ul > li {
  visibility: hidden;
}
.tp-revslider-slidesli,
.tp-revslider-mainul {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.rev_slider .tp-caption,
.rev_slider .caption {
  position: relative;
  visibility: hidden;
  white-space: nowrap;
  display: block;
}
/* CAROUSEL FUNCTIONS */
.tp-carousel-wrapper {
  cursor: url(../rs-plugin/assets/openhand.cur), move;
}
.tp-carousel-wrapper.dragged {
  cursor: url(../rs-plugin/assets/closedhand.cur), move;
}
/* ADDED FOR SLIDELINK MANAGEMENT */
.tp-caption {
  z-index: 1;
}
.tp_inner_padding {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  max-height: none !important;
}
.tp-caption {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  position: absolute;
  -webkit-font-smoothing: antialiased !important;
}
.tp-forcenotvisible,
.tp-hide-revslider,
.tp-caption.tp-hidden-caption {
  visibility: hidden !important;
  display: none !important;
}
.rev_slider embed,
.rev_slider iframe,
.rev_slider object,
.rev_slider video {
  max-width: none !important;
}
/**********************************************
  - FULLSCREEN AND FULLWIDHT CONTAINERS -
**********************************************/
.rev_slider_wrapper {
  width: 100%;
}
.fullscreen-container {
  position: relative;
  padding: 0;
}
.fullwidthbanner-container {
  position: relative;
  padding: 0;
  overflow: hidden;
}
.fullwidthbanner-container .fullwidthabanner {
  width: 100%;
  position: relative;
}
/*********************************
  - SPECIAL TP CAPTIONS -
**********************************/
.tp-static-layers {
  position: absolute;
  z-index: 505;
  top: 0px;
  left: 0px;
}
.tp-caption .frontcorner {
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 0px solid transparent;
  border-top: 40px solid #00A8FF;
  position: absolute;
  left: -40px;
  top: 0px;
}
.tp-caption .backcorner {
  width: 0;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 40px solid #00A8FF;
  position: absolute;
  right: 0px;
  top: 0px;
}
.tp-caption .frontcornertop {
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 40px solid #00A8FF;
  position: absolute;
  left: -40px;
  top: 0px;
}
.tp-caption .backcornertop {
  width: 0;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 40px solid transparent;
  border-top: 40px solid #00A8FF;
  position: absolute;
  right: 0px;
  top: 0px;
}
.tp-layer-inner-rotation {
  position: relative !important;
}
/***********************************************
  - SPECIAL ALTERNATIVE IMAGE SETTINGS  -
***********************************************/
img.tp-slider-alternative-image {
  width: 100%;
  height: auto;
}
/******************************
  - IE8 HACKS -
*******************************/
.noFilterClass {
  -webkit-filter: none !important;
  filter: none !important;
}
/********************************
  - FULLSCREEN VIDEO  -
*********************************/
.rs-background-video-layer {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  visibility: hidden;
  z-index: 0;
}
.tp-caption.coverscreenvideo {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: absolute;
}
.caption.fullscreenvideo,
.tp-caption.fullscreenvideo {
  left: 0px;
  top: 0px;
  position: absolute;
  width: 100%;
  height: 100%;
}
.caption.fullscreenvideo iframe,
.caption.fullscreenvideo video,
.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe video {
  width: 100% !important;
  height: 100% !important;
  display: none;
}
.fullcoveredvideo video,
.fullscreenvideo video {
  background: #000;
}
.fullcoveredvideo .tp-poster {
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.videoisplaying .html5vid .tp-poster {
  display: none;
}
.tp-video-play-button {
  background: #000;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #FFF;
  z-index: 3;
  margin-top: -25px;
  margin-left: -25px;
  line-height: 50px !important;
  text-align: center;
  cursor: pointer;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  z-index: 4;
  opacity: 0;
  transition: opacity 300ms ease-out !important;
}
.tp-caption .html5vid {
  width: 100% !important;
  height: 100% !important;
}
.tp-video-play-button i {
  width: 50px;
  height: 50px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  line-height: 50px !important;
  font-size: 40px !important;
}
.tp-caption:hover .tp-video-play-button {
  opacity: 1;
}
.tp-caption .tp-revstop {
  display: none;
  border-left: 5px solid #fff !important;
  border-right: 5px solid #fff !important;
  margin-top: 15px !important;
  line-height: 20px !important;
  vertical-align: top;
  font-size: 25px !important;
}
.videoisplaying .revicon-right-dir {
  display: none;
}
.videoisplaying .tp-revstop {
  display: inline-block;
}
.videoisplaying .tp-video-play-button {
  display: none;
}
.tp-caption:hover .tp-video-play-button {
  display: block;
}
.fullcoveredvideo .tp-video-play-button {
  display: none !important;
}
.fullscreenvideo .fullscreenvideo video {
  object-fit: contain !important;
}
.fullscreenvideo .fullcoveredvideo video {
  object-fit: cover !important;
}
.tp-video-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px;
  opacity: 0;
  transition: opacity 0.3s;
  background-image: linear-gradient(bottom, black 13%, #323232 100%);
  background-image: -ms-linear-gradient(bottom, black 13%, #323232 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.13, black), color-stop(1, #323232));
  display: table;
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.tp-caption:hover .tp-video-controls {
  opacity: 0.9;
}
.tp-video-button {
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  color: #EEE;
  border-radius: 3px;
  cursor: pointer;
  line-height: 12px;
  font-size: 12px;
  color: #fff;
  padding: 0px;
  margin: 0px;
  outline: none;
}
.tp-video-button:hover {
  cursor: pointer;
}
.tp-video-button-wrap,
.tp-video-seek-bar-wrap,
.tp-video-vol-bar-wrap {
  padding: 0px 5px;
  display: table-cell;
}
.tp-video-seek-bar-wrap {
  width: 80%;
}
.tp-video-vol-bar-wrap {
  width: 20%;
}
.tp-volume-bar,
.tp-seek-bar {
  width: 100%;
  cursor: pointer;
  outline: none;
  line-height: 12px;
  margin: 0;
  padding: 0;
}
.rs-fullvideo-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: absolute;
  background: transparent;
  z-index: 5;
}
/********************************
  - DOTTED OVERLAYS -
*********************************/
.tp-dottedoverlay {
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 3;
}
.tp-dottedoverlay.twoxtwo {
  background: url(../rs-plugin/assets/gridtile.png);
}
.tp-dottedoverlay.twoxtwowhite {
  background: url(../rs-plugin/assets/gridtile_white.png);
}
.tp-dottedoverlay.threexthree {
  background: url(../rs-plugin/assets/gridtile_3x3.png);
}
.tp-dottedoverlay.threexthreewhite {
  background: url(../rs-plugin/assets/gridtile_3x3_white.png);
}
/******************************
  - SHADOWS   -
******************************/
.tp-shadowcover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  position: absolute;
  z-index: -1;
}
.tp-shadow1 {
  box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.8);
}
.tp-shadow2:before,
.tp-shadow2:after,
.tp-shadow3:before,
.tp-shadow4:after {
  z-index: -2;
  position: absolute;
  content: "";
  bottom: 10px;
  left: 10px;
  width: 50%;
  top: 85%;
  max-width: 300px;
  background: transparent;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.8);
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.tp-shadow2:after,
.tp-shadow4:after {
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
.tp-shadow5 {
  position: relative;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.tp-shadow5:before,
.tp-shadow5:after {
  content: "";
  position: absolute;
  z-index: -2;
  box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.6);
  top: 30%;
  bottom: 0;
  left: 20px;
  right: 20px;
  border-radius: 5px;
}
/******************************
  - BUTTONS -
*******************************/
.tp-button {
  padding: 6px 13px 5px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  height: 30px;
  cursor: pointer;
  color: #fff !important;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6) !important;
  font-size: 15px;
  line-height: 45px !important;
  background: url(../rs-plugin/images/gradient/g30.png) repeat-x top;
  font-family: arial, sans-serif;
  font-weight: bold;
  letter-spacing: -1px;
  text-decoration: none;
}
.tp-button.big {
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
  font-weight: bold;
  padding: 9px 20px;
  font-size: 19px;
  line-height: 57px !important;
  background: url(../rs-plugin/images/gradient/g40.png) repeat-x top;
}
.purchase:hover,
.tp-button:hover,
.tp-button.big:hover {
  background-position: bottom, 15px 11px;
}
/*  BUTTON COLORS */
.tp-button.green,
.tp-button:hover.green,
.purchase.green,
.purchase:hover.green {
  background-color: #21a117;
  box-shadow: 0px 3px 0px 0px #104d0b;
}
.tp-button.blue,
.tp-button:hover.blue,
.purchase.blue,
.purchase:hover.blue {
  background-color: #1d78cb;
  box-shadow: 0px 3px 0px 0px #0f3e68;
}
.tp-button.red,
.tp-button:hover.red,
.purchase.red,
.purchase:hover.red {
  background-color: #cb1d1d;
  box-shadow: 0px 3px 0px 0px #7c1212;
}
.tp-button.orange,
.tp-button:hover.orange,
.purchase.orange,
.purchase:hover.orange {
  background-color: #ff7700;
  box-shadow: 0px 3px 0px 0px #a34c00;
}
.tp-button.darkgrey,
.tp-button.grey,
.tp-button:hover.darkgrey,
.tp-button:hover.grey,
.purchase.darkgrey,
.purchase:hover.darkgrey {
  background-color: #555;
  box-shadow: 0px 3px 0px 0px #222;
}
.tp-button.lightgrey,
.tp-button:hover.lightgrey,
.purchase.lightgrey,
.purchase:hover.lightgrey {
  background-color: #888;
  box-shadow: 0px 3px 0px 0px #555;
}
/* TP BUTTONS DESKTOP SIZE */
.rev-btn,
.rev-btn:visited {
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  line-height: 44px;
  font-size: 17px;
  font-weight: 500;
  padding: 12px 35px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: "Roboto", sans-serif;
  cursor: pointer;
}
.rev-btn.rev-uppercase,
.rev-btn.rev-uppercase:visited {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 15px;
  font-weight: 900;
}
.rev-btn.rev-withicon i {
  font-size: 15px;
  font-weight: normal;
  position: relative;
  top: 0px;
  -webkit-transition: all 0.2s ease-out !important;
  -moz-transition: all 0.2s ease-out !important;
  -o-transition: all 0.2s ease-out !important;
  -ms-transition: all 0.2s ease-out !important;
  margin-left: 10px !important;
}
.rev-btn.rev-hiddenicon i {
  font-size: 15px;
  font-weight: normal;
  position: relative;
  top: 0px;
  -webkit-transition: all 0.2s ease-out !important;
  -moz-transition: all 0.2s ease-out !important;
  -o-transition: all 0.2s ease-out !important;
  -ms-transition: all 0.2s ease-out !important;
  opacity: 0;
  margin-left: 0px !important;
  width: 0px !important;
}
.rev-btn.rev-hiddenicon:hover i {
  opacity: 1 !important;
  margin-left: 10px !important;
  width: auto !important;
}
/* REV BUTTONS MEDIUM */
.rev-btn.rev-medium,
.rev-btn.rev-medium:visited {
  line-height: 36px;
  font-size: 14px;
  padding: 10px 30px;
}
.rev-btn.rev-medium.rev-withicon i {
  font-size: 14px;
  top: 0px;
}
.rev-btn.rev-medium.rev-hiddenicon i {
  font-size: 14px;
  top: 0px;
}
/* REV BUTTONS SMALL */
.rev-btn.rev-small,
.rev-btn.rev-small:visited {
  line-height: 28px;
  font-size: 12px;
  padding: 7px 20px;
}
.rev-btn.rev-small.rev-withicon i {
  font-size: 12px;
  top: 0px;
}
.rev-btn.rev-small.rev-hiddenicon i {
  font-size: 12px;
  top: 0px;
}
/* ROUNDING OPTIONS */
.rev-maxround {
  border-radius: 30px;
}
.rev-minround {
  border-radius: 3px;
}
/* BURGER BUTTON */
.rev-burger {
  position: relative;
  width: 60px;
  height: 60px;
  box-sizing: border-box;
  padding: 22px 0 0 14px;
  border-radius: 50%;
  border: 1px solid rgba(51, 51, 51, 0.25);
  tap-highlight-color: transparent;
  cursor: pointer;
}
.rev-burger span {
  display: block;
  width: 30px;
  height: 3px;
  background: #333;
  transition: 0.7s;
  pointer-events: none;
  -webkit-transform-style: flat !important;
  transform-style: flat !important;
}
.rev-burger span:nth-child(2) {
  margin: 3px 0;
}
#dialog_addbutton .rev-burger:hover :first-child,
.open .rev-burger :first-child,
.open.rev-burger :first-child {
  transform: translateY(6px) rotate(-45deg);
  -webkit-transform: translateY(6px) rotate(-45deg);
}
#dialog_addbutton .rev-burger:hover :nth-child(2),
.open .rev-burger :nth-child(2),
.open.rev-burger :nth-child(2) {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  opacity: 0;
}
#dialog_addbutton .rev-burger:hover :last-child,
.open .rev-burger :last-child,
.open.rev-burger :last-child {
  transform: translateY(-6px) rotate(-135deg);
  -webkit-transform: translateY(-6px) rotate(-135deg);
}
.rev-burger.revb-white {
  border: 2px solid rgba(255, 255, 255, 0.2);
}
.rev-burger.revb-white span {
  background: #fff;
}
.rev-burger.revb-whitenoborder {
  border: 0;
}
.rev-burger.revb-whitenoborder span {
  background: #fff;
}
.rev-burger.revb-darknoborder {
  border: 0;
}
.rev-burger.revb-darknoborder span {
  background: #333;
}
.rev-burger.revb-whitefull {
  background: #fff;
  border: none;
}
.rev-burger.revb-whitefull span {
  background: #333;
}
.rev-burger.revb-darkfull {
  background: #333;
  border: none;
}
.rev-burger.revb-darkfull span {
  background: #fff;
}
/* SCROLL DOWN BUTTON */
@-webkit-keyframes rev-ani-mouse {
  0% {
    opacity: 1;
    top: 29%;
  }
  15% {
    opacity: 1;
    top: 50%;
  }
  50% {
    opacity: 0;
    top: 50%;
  }
  100% {
    opacity: 0;
    top: 29%;
  }
}
@keyframes rev-ani-mouse {
  0% {
    opacity: 1;
    top: 29%;
  }
  15% {
    opacity: 1;
    top: 50%;
  }
  50% {
    opacity: 0;
    top: 50%;
  }
  100% {
    opacity: 0;
    top: 29%;
  }
}
.rev-scroll-btn {
  display: inline-block;
  position: relative;
  left: 0;
  right: 0;
  text-align: center;
  cursor: pointer;
  width: 35px;
  height: 55px;
  box-sizing: border-box;
  border: 3px solid white;
  border-radius: 23px;
}
.rev-scroll-btn > * {
  display: inline-block;
  line-height: 18px;
  font-size: 13px;
  font-weight: normal;
  color: #7f8c8d;
  color: #ffffff;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 2px;
}
.rev-scroll-btn > *:hover,
.rev-scroll-btn > *:focus,
.rev-scroll-btn > *.active {
  color: #ffffff;
}
.rev-scroll-btn > *:hover,
.rev-scroll-btn > *:focus,
.rev-scroll-btn > *:active,
.rev-scroll-btn > *.active {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.rev-scroll-btn.revs-fullwhite {
  background: #fff;
}
.rev-scroll-btn.revs-fullwhite span {
  background: #333;
}
.rev-scroll-btn.revs-fulldark {
  background: #333;
  border: none;
}
.rev-scroll-btn.revs-fulldark span {
  background: #fff;
}
.rev-scroll-btn span {
  position: absolute;
  display: block;
  top: 29%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  background: white;
  border-radius: 50%;
  -webkit-animation: rev-ani-mouse 2.5s linear infinite;
  animation: rev-ani-mouse 2.5s linear infinite;
}
.rev-scroll-btn.revs-dark {
  border-color: #333;
}
.rev-scroll-btn.revs-dark span {
  background: #333;
}
.rev-control-btn {
  position: relative;
  display: inline-block;
  z-index: 5;
  color: #FFF;
  font-size: 20px;
  line-height: 60px;
  font-weight: 400;
  font-style: normal;
  font-family: Raleway;
  text-decoration: none;
  text-align: center;
  background-color: #000;
  border-radius: 50px;
  text-shadow: none;
  background-color: rgba(0, 0, 0, 0.5);
  width: 60px;
  height: 60px;
  box-sizing: border-box;
  cursor: pointer;
}
.rev-cbutton-dark-sr {
  border-radius: 3px;
}
.rev-cbutton-light {
  color: #333;
  background-color: rgba(255, 255, 255, 0.75);
}
.rev-cbutton-light-sr {
  color: #333;
  border-radius: 3;
  background-color: rgba(255, 255, 255, 0.75);
}
.rev-sbutton {
  line-height: 37px;
  width: 37px;
  height: 37px;
}
.rev-sbutton-blue {
  background-color: #3B5998;
}
.rev-sbutton-lightblue {
  background-color: #00A0D1;
}
.rev-sbutton-red {
  background-color: #DD4B39;
}
/************************************
- TP BANNER TIMER   -
*************************************/
.tp-bannertimer {
  visibility: hidden;
  width: 100%;
  height: 5px;
  /*background:url(../rs-plugin/assets/timer.png);*/
  background: #fff;
  background: rgba(0, 0, 0, 0.15);
  position: absolute;
  z-index: 200;
  top: 0px;
}
.tp-bannertimer.tp-bottom {
  top: auto;
  bottom: 0px !important;
  height: 5px;
}
/*********************************************
- BASIC SETTINGS FOR THE BANNER -
***********************************************/
.tp-simpleresponsive img {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
/*  CAPTION SLIDELINK   **/
.caption.slidelink a div,
.tp-caption.slidelink a div {
  width: 3000px;
  height: 1500px;
  background: url(../rs-plugin/assets/coloredbg.png) repeat;
}
.tp-caption.slidelink a span {
  background: url(../rs-plugin/assets/coloredbg.png) repeat;
}
.tp-shape {
  width: 100%;
  height: 100%;
}
/******************************
  - LOADER FORMS  -
********************************/
.tp-loader {
  top: 50%;
  left: 50%;
  z-index: 10000;
  position: absolute;
}
.tp-loader.spinner0 {
  width: 40px;
  height: 40px;
  background-color: #fff;
  background: url(../rs-plugin/assets/loader.gif) no-repeat center center;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  margin-top: -20px;
  margin-left: -20px;
  -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
  animation: tp-rotateplane 1.2s infinite ease-in-out;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.tp-loader.spinner1 {
  width: 40px;
  height: 40px;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  margin-top: -20px;
  margin-left: -20px;
  -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
  animation: tp-rotateplane 1.2s infinite ease-in-out;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.tp-loader.spinner5 {
  background: url(../rs-plugin/assets/loader.gif) no-repeat 10px 10px;
  background-color: #fff;
  margin: -22px -22px;
  width: 44px;
  height: 44px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
@-webkit-keyframes tp-rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes tp-rotateplane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.tp-loader.spinner2 {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  background-color: #ff0000;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  border-radius: 100%;
  -webkit-animation: tp-scaleout 1s infinite ease-in-out;
  animation: tp-scaleout 1s infinite ease-in-out;
}
@-webkit-keyframes tp-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes tp-scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
.tp-loader.spinner3 {
  margin: -9px 0px 0px -35px;
  width: 70px;
  text-align: center;
}
.tp-loader.spinner3 .bounce1,
.tp-loader.spinner3 .bounce2,
.tp-loader.spinner3 .bounce3 {
  width: 18px;
  height: 18px;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
  animation: tp-bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.tp-loader.spinner3 .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.tp-loader.spinner3 .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes tp-bouncedelay {
  0% {
    -webkit-transform: scale(0);
  }
  80% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes tp-bouncedelay {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  80% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.tp-loader.spinner4 {
  margin: -20px 0px 0px -20px;
  width: 40px;
  height: 40px;
  text-align: center;
  -webkit-animation: tp-rotate 2s infinite linear;
  animation: tp-rotate 2s infinite linear;
}
.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: tp-bounce 2s infinite ease-in-out;
  animation: tp-bounce 2s infinite ease-in-out;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
.tp-loader.spinner4 .dot2 {
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
@-webkit-keyframes tp-rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes tp-rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes tp-bounce {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes tp-bounce {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/***********************************************
  -  STANDARD NAVIGATION SETTINGS
***********************************************/
.tp-thumbs.navbar,
.tp-bullets.navbar,
.tp-tabs.navbar {
  border: none;
  min-height: 0;
  margin: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.tp-tabs,
.tp-thumbs,
.tp-bullets {
  position: absolute;
  display: block;
  z-index: 1000;
  top: 0px;
  left: 0px;
}
.tp-tab,
.tp-thumb {
  cursor: pointer;
  position: absolute;
  opacity: 0.5;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.tp-videoposter,
.tp-thumb-image,
.tp-tab-image {
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
}
.tp-tab:hover,
.tp-tab.selected,
.tp-thumb:hover,
.tp-thumb.selected {
  opacity: 1;
}
.tp-tab-mask,
.tp-thumb-mask {
  box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
}
.tp-tabs,
.tp-thumbs {
  box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
}
.tp-bullet {
  width: 15px;
  height: 15px;
  position: absolute;
  background: #fff;
  background: rgba(255, 255, 255, 0.3);
  cursor: pointer;
}
.tp-bullet.selected,
.tp-bullet:hover {
  background: #fff;
}
.tp-bannertimer {
  background: #000;
  background: rgba(0, 0, 0, 0.15);
  height: 5px;
}
.tparrows {
  cursor: pointer;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  width: 40px;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 100;
}
.tparrows:hover {
  background: #000;
}
.tparrows:before {
  font-family: "revicons";
  font-size: 15px;
  color: #fff;
  display: block;
  line-height: 40px;
  text-align: center;
}
.tparrows.tp-leftarrow:before {
  content: '\e824';
}
.tparrows.tp-rightarrow:before {
  content: '\e825';
}
/*******************
  - DEBUG MODE -
*******************/
.hglayerinfo {
  position: fixed;
  bottom: 0px;
  left: 0px;
  color: #FFF;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.75);
  padding: 5px 10px;
  z-index: 2000;
  white-space: normal;
}
.hginfo {
  position: absolute;
  top: -2px;
  left: -2px;
  color: #e74c3c;
  font-size: 12px;
  font-weight: 600;
  background: #000;
  padding: 2px 5px;
}
.indebugmode .tp-caption:hover {
  border: 1px dashed #c0392b !important;
}
.helpgrid {
  border: 2px dashed #c0392b;
  position: absolute;
  top: 0px;
  peft: 0px;
  z-index: 0;
}
/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Layer Style Settings -

Screen Stylesheet

version:    5.0.0
date:       18/03/15
author:   themepunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
.tp-caption.Twitter-Content a,
.tp-caption.Twitter-Content a:visited {
  color: #0084B4 !important;
}
.tp-caption.Twitter-Content a:hover {
  color: #0084B4 !important;
  text-decoration: underline !important;
}
.tp-caption.medium_grey,
.medium_grey {
  background-color: #888;
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: Arial;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  margin: 0;
  padding: 2px 4px;
  position: absolute;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  white-space: nowrap;
}
.tp-caption.small_text,
.small_text {
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: Arial;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 0;
  position: absolute;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  white-space: nowrap;
}
.tp-caption.medium_text,
.medium_text {
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: Arial;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  margin: 0;
  position: absolute;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  white-space: nowrap;
}
.tp-caption.large_text,
.large_text {
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: Arial;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
  margin: 0;
  position: absolute;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  white-space: nowrap;
}
.tp-caption.very_large_text,
.very_large_text {
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: Arial;
  font-size: 60px;
  font-weight: 700;
  letter-spacing: -2px;
  line-height: 60px;
  margin: 0;
  position: absolute;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  white-space: nowrap;
}
.tp-caption.very_big_white,
.very_big_white {
  background-color: #000;
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: Arial;
  font-size: 60px;
  font-weight: 800;
  line-height: 60px;
  margin: 0;
  padding: 1px 4px 0;
  position: absolute;
  text-shadow: none;
  white-space: nowrap;
}
.tp-caption.very_big_black,
.very_big_black {
  background-color: #fff;
  border-style: none;
  border-width: 0;
  color: #000;
  font-family: Arial;
  font-size: 60px;
  font-weight: 700;
  line-height: 60px;
  margin: 0;
  padding: 1px 4px 0;
  position: absolute;
  text-shadow: none;
  white-space: nowrap;
}
.tp-caption.modern_medium_fat,
.modern_medium_fat {
  border-style: none;
  border-width: 0;
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 20px;
  margin: 0;
  position: absolute;
  text-shadow: none;
  white-space: nowrap;
}
.tp-caption.modern_medium_fat_white,
.modern_medium_fat_white {
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 20px;
  margin: 0;
  position: absolute;
  text-shadow: none;
  white-space: nowrap;
}
.tp-caption.modern_medium_light,
.modern_medium_light {
  border-style: none;
  border-width: 0;
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 20px;
  margin: 0;
  position: absolute;
  text-shadow: none;
  white-space: nowrap;
}
.tp-caption.modern_big_bluebg,
.modern_big_bluebg {
  background-color: #4e5b6c;
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 36px;
  margin: 0;
  padding: 3px 10px;
  position: absolute;
  text-shadow: none;
}
.tp-caption.modern_big_redbg,
.modern_big_redbg {
  background-color: #de543e;
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 30px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 36px;
  margin: 0;
  padding: 1px 10px 3px;
  position: absolute;
  text-shadow: none;
}
.tp-caption.modern_small_text_dark,
.modern_small_text_dark {
  border-style: none;
  border-width: 0;
  color: #555;
  font-family: Arial;
  font-size: 14px;
  line-height: 22px;
  margin: 0;
  position: absolute;
  text-shadow: none;
  white-space: nowrap;
}
.tp-caption.boxshadow,
.boxshadow {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.tp-caption.black,
.black {
  color: #000;
  text-shadow: none;
}
.tp-caption.noshadow,
.noshadow {
  text-shadow: none;
}
.tp-caption.thinheadline_dark,
.thinheadline_dark {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.85);
  font-family: "Open Sans";
  font-size: 30px;
  font-weight: 300;
  line-height: 30px;
  position: absolute;
  text-shadow: none;
}
.tp-caption.thintext_dark,
.thintext_dark {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.85);
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  position: absolute;
  text-shadow: none;
}
.tp-caption.largeblackbg,
.largeblackbg {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  background-color: #000;
  border-radius: 0;
  color: #fff;
  font-family: "Open Sans";
  font-size: 50px;
  font-weight: 300;
  line-height: 70px;
  padding: 0 20px;
  position: absolute;
  text-shadow: none;
}
.tp-caption.largepinkbg,
.largepinkbg {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  background-color: #db4360;
  border-radius: 0;
  color: #fff;
  font-family: "Open Sans";
  font-size: 50px;
  font-weight: 300;
  line-height: 70px;
  padding: 0 20px;
  position: absolute;
  text-shadow: none;
}
.tp-caption.largewhitebg,
.largewhitebg {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  background-color: #fff;
  border-radius: 0;
  color: #000;
  font-family: "Open Sans";
  font-size: 50px;
  font-weight: 300;
  line-height: 70px;
  padding: 0 20px;
  position: absolute;
  text-shadow: none;
}
.tp-caption.largegreenbg,
.largegreenbg {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  background-color: #67ae73;
  border-radius: 0;
  color: #fff;
  font-family: "Open Sans";
  font-size: 50px;
  font-weight: 300;
  line-height: 70px;
  padding: 0 20px;
  position: absolute;
  text-shadow: none;
}
.tp-caption.excerpt,
.excerpt {
  background-color: black;
  border-color: #fff;
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: Arial;
  font-size: 36px;
  font-weight: 700;
  height: auto;
  letter-spacing: -1.5px;
  line-height: 36px;
  margin: 0;
  padding: 1px 4px 0;
  text-decoration: none;
  text-shadow: none;
  white-space: normal !important;
  width: 150px;
}
.tp-caption.large_bold_grey,
.large_bold_grey {
  background-color: transparent;
  border-color: #ffd658;
  border-style: none;
  border-width: 0;
  color: #666;
  font-family: "Open Sans";
  font-size: 60px;
  font-weight: 800;
  line-height: 60px;
  margin: 0;
  padding: 1px 4px 0;
  text-decoration: none;
  text-shadow: none;
}
.tp-caption.medium_thin_grey,
.medium_thin_grey {
  background-color: transparent;
  border-color: #ffd658;
  border-style: none;
  border-width: 0;
  color: #666;
  font-family: "Open Sans";
  font-size: 34px;
  font-weight: 300;
  line-height: 30px;
  margin: 0;
  padding: 1px 4px 0;
  text-decoration: none;
  text-shadow: none;
}
.tp-caption.small_thin_grey,
.small_thin_grey {
  background-color: transparent;
  border-color: #ffd658;
  border-style: none;
  border-width: 0;
  color: #757575;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin: 0;
  padding: 1px 4px 0;
  text-decoration: none;
  text-shadow: none;
}
.tp-caption.lightgrey_divider,
.lightgrey_divider {
  background-color: #ebebeb;
  background-position: initial initial;
  background-repeat: initial initial;
  border-color: #222;
  border-style: none;
  border-width: 0;
  height: 3px;
  text-decoration: none;
  width: 370px;
}
.tp-caption.large_bold_darkblue,
.large_bold_darkblue {
  background-color: transparent;
  border-color: #ffd658;
  border-style: none;
  border-width: 0;
  color: #34495e;
  font-family: "Open Sans";
  font-size: 58px;
  font-weight: 800;
  line-height: 60px;
  text-decoration: none;
}
.tp-caption.medium_bg_darkblue,
.medium_bg_darkblue {
  background-color: #34495e;
  border-color: #ffd658;
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 800;
  line-height: 20px;
  padding: 10px;
  text-decoration: none;
}
.tp-caption.medium_bold_red,
.medium_bold_red {
  background-color: transparent;
  border-color: #ffd658;
  border-style: none;
  border-width: 0;
  color: #e33a0c;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 800;
  line-height: 30px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.medium_light_red,
.medium_light_red {
  background-color: transparent;
  border-color: #ffd658;
  border-style: none;
  border-width: 0;
  color: #e33a0c;
  font-family: "Open Sans";
  font-size: 21px;
  font-weight: 300;
  line-height: 26px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.medium_bg_red,
.medium_bg_red {
  background-color: #e33a0c;
  border-color: #ffd658;
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 800;
  line-height: 20px;
  padding: 10px;
  text-decoration: none;
}
.tp-caption.medium_bold_orange,
.medium_bold_orange {
  background-color: transparent;
  border-color: #ffd658;
  border-style: none;
  border-width: 0;
  color: #f39c12;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 800;
  line-height: 30px;
  text-decoration: none;
}
.tp-caption.medium_bg_orange,
.medium_bg_orange {
  background-color: #f39c12;
  border-color: #ffd658;
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 800;
  line-height: 20px;
  padding: 10px;
  text-decoration: none;
}
.tp-caption.grassfloor,
.grassfloor {
  background-color: #a0b397;
  border-color: #222;
  border-style: none;
  border-width: 0;
  height: 150px;
  text-decoration: none;
  width: 4000px;
}
.tp-caption.large_bold_white,
.large_bold_white {
  background-color: transparent;
  border-color: #ffd658;
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: "Open Sans";
  font-size: 58px;
  font-weight: 800;
  line-height: 60px;
  text-decoration: none;
}
.tp-caption.medium_light_white,
.medium_light_white {
  background-color: transparent;
  border-color: #ffd658;
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: "Open Sans";
  font-size: 30px;
  font-weight: 300;
  line-height: 36px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.mediumlarge_light_white,
.mediumlarge_light_white {
  background-color: transparent;
  border-color: #ffd658;
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: "Open Sans";
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.mediumlarge_light_white_center,
.mediumlarge_light_white_center {
  background-color: transparent;
  border-color: #ffd658;
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: "Open Sans";
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  padding: 0;
  text-align: center;
  text-decoration: none;
}
.tp-caption.medium_bg_asbestos,
.medium_bg_asbestos {
  background-color: #7f8c8d;
  border-color: #ffd658;
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 800;
  line-height: 20px;
  padding: 10px;
  text-decoration: none;
}
.tp-caption.medium_light_black,
.medium_light_black {
  background-color: transparent;
  border-color: #ffd658;
  border-style: none;
  border-width: 0;
  color: #000;
  font-family: "Open Sans";
  font-size: 30px;
  font-weight: 300;
  line-height: 36px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.large_bold_black,
.large_bold_black {
  background-color: transparent;
  border-color: #ffd658;
  border-style: none;
  border-width: 0;
  color: #000;
  font-family: "Open Sans";
  font-size: 58px;
  font-weight: 800;
  line-height: 60px;
  text-decoration: none;
}
.tp-caption.mediumlarge_light_darkblue,
.mediumlarge_light_darkblue {
  background-color: transparent;
  border-color: #ffd658;
  border-style: none;
  border-width: 0;
  color: #34495e;
  font-family: "Open Sans";
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.small_light_white,
.small_light_white {
  background-color: transparent;
  border-color: #ffd658;
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: "Open Sans";
  font-size: 17px;
  font-weight: 300;
  line-height: 28px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.roundedimage,
.roundedimage {
  border-color: #222;
  border-style: none;
  border-width: 0;
}
.tp-caption.large_bg_black,
.large_bg_black {
  background-color: #000;
  border-color: #ffd658;
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: "Open Sans";
  font-size: 40px;
  font-weight: 800;
  line-height: 40px;
  padding: 10px 20px 15px;
  text-decoration: none;
}
.tp-caption.mediumwhitebg,
.mediumwhitebg {
  background-color: #fff;
  border-color: #000;
  border-style: none;
  border-width: 0;
  color: #000;
  font-family: "Open Sans";
  font-size: 30px;
  font-weight: 300;
  line-height: 30px;
  padding: 5px 15px 10px;
  text-decoration: none;
  text-shadow: none;
}
.tp-caption.maincaption,
.maincaption {
  background-color: transparent;
  border-color: #000;
  border-style: none;
  border-width: 0;
  color: #212a40;
  font-family: roboto;
  font-size: 33px;
  font-weight: 500;
  line-height: 43px;
  text-decoration: none;
  text-shadow: none;
}
.tp-caption.miami_title_60px,
.miami_title_60px {
  background-color: transparent;
  border-color: #000;
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: "Source Sans Pro";
  font-size: 60px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 60px;
  text-decoration: none;
  text-shadow: none;
}
.tp-caption.miami_subtitle,
.miami_subtitle {
  background-color: transparent;
  border-color: #000;
  border-style: none;
  border-width: 0;
  color: rgba(255, 255, 255, 0.65);
  font-family: "Source Sans Pro";
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 24px;
  text-decoration: none;
  text-shadow: none;
}
.tp-caption.divideline30px,
.divideline30px {
  background: #fff;
  background-color: #fff;
  border-color: #222;
  border-style: none;
  border-width: 0;
  height: 2px;
  min-width: 30px;
  text-decoration: none;
}
.tp-caption.Miami_nostyle,
.Miami_nostyle {
  border-color: #222;
  border-style: none;
  border-width: 0;
}
.tp-caption.miami_content_light,
.miami_content_light {
  background-color: transparent;
  border-color: #000;
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: "Source Sans Pro";
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 28px;
  text-decoration: none;
  text-shadow: none;
}
.tp-caption.miami_title_60px_dark,
.miami_title_60px_dark {
  background-color: transparent;
  border-color: #000;
  border-style: none;
  border-width: 0;
  color: #333;
  font-family: "Source Sans Pro";
  font-size: 60px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 60px;
  text-decoration: none;
  text-shadow: none;
}
.tp-caption.miami_content_dark,
.miami_content_dark {
  background-color: transparent;
  border-color: #000;
  border-style: none;
  border-width: 0;
  color: #666;
  font-family: "Source Sans Pro";
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 28px;
  text-decoration: none;
  text-shadow: none;
}
.tp-caption.divideline30px_dark,
.divideline30px_dark {
  background-color: #333;
  border-color: #222;
  border-style: none;
  border-width: 0;
  height: 2px;
  min-width: 30px;
  text-decoration: none;
}
.tp-caption.ellipse70px,
.ellipse70px {
  background-color: rgba(0, 0, 0, 0.14902);
  border-color: #222;
  border-radius: 50px 50px 50px 50px;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  line-height: 1px;
  min-height: 70px;
  min-width: 70px;
  text-decoration: none;
}
.tp-caption.arrowicon,
.arrowicon {
  border-color: #222;
  border-style: none;
  border-width: 0;
  line-height: 1px;
}
.tp-caption.MarkerDisplay,
.MarkerDisplay {
  background-color: transparent;
  border-color: #000;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  font-family: Permanent Marker;
  font-style: normal;
  padding: 0;
  text-decoration: none;
  text-shadow: none;
}
.tp-caption.Restaurant-Display,
.Restaurant-Display {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: Roboto;
  font-size: 120px;
  font-style: normal;
  font-weight: 700;
  line-height: 120px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.Restaurant-Cursive,
.Restaurant-Cursive {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: Nothing you could do;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 30px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.Restaurant-ScrollDownText,
.Restaurant-ScrollDownText {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: Roboto;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 17px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.Restaurant-Description,
.Restaurant-Description {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 3px;
  line-height: 30px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.Restaurant-Price,
.Restaurant-Price {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: #fff;
  font-family: Roboto;
  font-size: 30px;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 3px;
  line-height: 30px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.Restaurant-Menuitem,
.Restaurant-Menuitem {
  background-color: black;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  font-family: Roboto;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 17px;
  padding: 10px 30px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.Furniture-LogoText,
.Furniture-LogoText {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: #e6cfa3;
  font-family: Raleway;
  font-size: 160px;
  font-style: normal;
  font-weight: 300;
  line-height: 150px;
  padding: 0;
  text-decoration: none;
  text-shadow: none;
}
.tp-caption.Furniture-Plus,
.Furniture-Plus {
  background-color: white;
  border-color: transparent;
  border-radius: 30px 30px 30px 30px;
  border-style: none;
  border-width: 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
  color: #e6cfa3;
  font-family: Raleway;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 6px 7px 4px;
  text-decoration: none;
  text-shadow: none;
}
.tp-caption.Furniture-Title,
.Furniture-Title {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: black;
  font-family: Raleway;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 20px;
  padding: 0;
  text-decoration: none;
  text-shadow: none;
}
.tp-caption.Furniture-Subtitle,
.Furniture-Subtitle {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: black;
  font-family: Raleway;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
  padding: 0;
  text-decoration: none;
  text-shadow: none;
}
.tp-caption.Gym-Display,
.Gym-Display {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  font-family: Raleway;
  font-size: 80px;
  font-style: normal;
  font-weight: 900;
  line-height: 70px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.Gym-Subline,
.Gym-Subline {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  font-family: Raleway;
  font-size: 30px;
  font-style: normal;
  font-weight: 100;
  letter-spacing: 5px;
  line-height: 30px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.Gym-SmallText,
.Gym-SmallText {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  font-family: Raleway;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 22;
  padding: 0;
  text-decoration: none;
  text-shadow: none;
}
.tp-caption.Fashion-SmallText,
.Fashion-SmallText {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  font-family: Raleway;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 20px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.Fashion-BigDisplay,
.Fashion-BigDisplay {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: black;
  font-family: Raleway;
  font-size: 60px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 2px;
  line-height: 60px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.Fashion-TextBlock,
.Fashion-TextBlock {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: black;
  font-family: Raleway;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 40px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.Sports-Display,
.Sports-Display {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  font-family: Raleway;
  font-size: 130px;
  font-style: normal;
  font-weight: 100;
  letter-spacing: 13px;
  line-height: 130px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.Sports-DisplayFat,
.Sports-DisplayFat {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  font-family: Raleway;
  font-size: 130px;
  font-style: normal;
  font-weight: 900;
  line-height: 130px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.Sports-Subline,
.Sports-Subline {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: black;
  font-family: Raleway;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 4px;
  line-height: 32px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.Instagram-Caption,
.Instagram-Caption {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
  line-height: 20px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.News-Title,
.News-Title {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  font-family: Roboto Slab;
  font-size: 70px;
  font-style: normal;
  font-weight: 400;
  line-height: 60px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.News-Subtitle,
.News-Subtitle {
  background-color: rgba(255, 255, 255, 0);
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  font-family: Roboto Slab;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.News-Subtitle:hover,
.News-Subtitle:hover {
  background-color: rgba(255, 255, 255, 0);
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: solid;
  border-width: 0;
  color: rgba(255, 255, 255, 0.65);
  text-decoration: none;
}
.tp-caption.Photography-Display,
.Photography-Display {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  font-family: Raleway;
  font-size: 80px;
  font-style: normal;
  font-weight: 100;
  letter-spacing: 5px;
  line-height: 70px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.Photography-Subline,
.Photography-Subline {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: #777777;
  font-family: Raleway;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 3px;
  line-height: 30px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.Photography-ImageHover,
.Photography-ImageHover {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0);
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 22;
  padding: 0;
  text-decoration: none;
}
.tp-caption.Photography-ImageHover:hover,
.Photography-ImageHover:hover {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  text-decoration: none;
}
.tp-caption.Photography-Menuitem,
.Photography-Menuitem {
  background-color: rgba(0, 0, 0, 0.65);
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  font-family: Raleway;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 2px;
  line-height: 20px;
  padding: 3px 5px 3px 8px;
  text-decoration: none;
}
.tp-caption.Photography-Menuitem:hover,
.Photography-Menuitem:hover {
  background-color: rgba(0, 255, 222, 0.65);
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  text-decoration: none;
}
.tp-caption.Photography-Textblock,
.Photography-Textblock {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  font-family: Raleway;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 2px;
  line-height: 30px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.Photography-Subline-2,
.Photography-Subline-2 {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: rgba(255, 255, 255, 0.35);
  font-family: Raleway;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 3px;
  line-height: 30px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.Photography-ImageHover2,
.Photography-ImageHover2 {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0);
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  font-family: Arial;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 22;
  padding: 0;
  text-decoration: none;
}
.tp-caption.Photography-ImageHover2:hover,
.Photography-ImageHover2:hover {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  text-decoration: none;
}
.tp-caption.WebProduct-Title,
.WebProduct-Title {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: #333333;
  font-family: Raleway;
  font-size: 90px;
  font-style: normal;
  font-weight: 100;
  line-height: 90px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.WebProduct-SubTitle,
.WebProduct-SubTitle {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: #999999;
  font-family: Raleway;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.WebProduct-Content,
.WebProduct-Content {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: #999999;
  font-family: Raleway;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  padding: 0;
  text-decoration: none;
}
.tp-caption.WebProduct-Menuitem,
.WebProduct-Menuitem {
  background-color: #333333;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  font-family: Raleway;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 20px;
  padding: 3px 5px 3px 8px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.WebProduct-Menuitem:hover,
.WebProduct-Menuitem:hover {
  background-color: white;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: #999999;
  text-decoration: none;
}
.tp-caption.WebProduct-Title-Light,
.WebProduct-Title-Light {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  font-family: Raleway;
  font-size: 90px;
  font-style: normal;
  font-weight: 100;
  line-height: 90px;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
.tp-caption.WebProduct-SubTitle-Light,
.WebProduct-SubTitle-Light {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: rgba(255, 255, 255, 0.35);
  font-family: Raleway;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
.tp-caption.WebProduct-Content-Light,
.WebProduct-Content-Light {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: rgba(255, 255, 255, 0.65);
  font-family: Raleway;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
.tp-caption.FatRounded,
.FatRounded {
  background-color: rgba(0, 0, 0, 0.5);
  border-color: lightgray;
  border-radius: 50px 50px 50px 50px;
  border-style: none;
  border-width: 0;
  color: white;
  font-family: Raleway;
  font-size: 30px;
  font-style: normal;
  font-weight: 900;
  line-height: 30px;
  padding: 20px 22px 20px 25px;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
}
.tp-caption.FatRounded:hover,
.FatRounded:hover {
  background-color: black;
  border-color: lightgray;
  border-radius: 50px 50px 50px 50px;
  border-style: none;
  border-width: 0;
  color: white;
  text-decoration: none;
}
.tp-caption.NotGeneric-Title,
.NotGeneric-Title {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  font-family: Raleway;
  font-size: 70px;
  font-style: normal;
  font-weight: 800;
  line-height: 70px;
  padding: 10px 0;
  text-decoration: none;
}
.tp-caption.NotGeneric-SubTitle,
.NotGeneric-SubTitle {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  font-family: Raleway;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 4px;
  line-height: 20px;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
.tp-caption.NotGeneric-CallToAction,
.NotGeneric-CallToAction {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.5);
  border-radius: 0 0 0 0;
  border-style: solid;
  border-width: 1px;
  color: white;
  font-family: Raleway;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 3px;
  line-height: 14px;
  padding: 10px 30px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.NotGeneric-CallToAction:hover,
.NotGeneric-CallToAction:hover {
  background-color: transparent;
  border-color: white;
  border-radius: 0 0 0 0;
  border-style: solid;
  border-width: 1px;
  color: white;
  text-decoration: none;
}
.tp-caption.NotGeneric-Icon,
.NotGeneric-Icon {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0);
  border-radius: 0 0 0 0;
  border-style: solid;
  border-width: 0;
  color: white;
  font-family: Raleway;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 3px;
  line-height: 30px;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
.tp-caption.NotGeneric-Menuitem,
.NotGeneric-Menuitem {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.15);
  border-radius: 0 0 0 0;
  border-style: solid;
  border-width: 1px;
  color: white;
  font-family: Raleway;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 3px;
  line-height: 14px;
  padding: 27px 30px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.NotGeneric-Menuitem:hover,
.NotGeneric-Menuitem:hover {
  background-color: transparent;
  border-color: white;
  border-radius: 0 0 0 0;
  border-style: solid;
  border-width: 1px;
  color: white;
  text-decoration: none;
}
.tp-caption.MarkerStyle,
.MarkerStyle {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  font-family: "Permanent Marker";
  font-size: 17px;
  font-style: normal;
  font-weight: 100;
  line-height: 30px;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
.tp-caption.Gym-Menuitem,
.Gym-Menuitem {
  background-color: black;
  border-color: rgba(255, 255, 255, 0);
  border-radius: 3px 3px 3px 3px;
  border-style: solid;
  border-width: 2px;
  color: white;
  font-family: Raleway;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 2px;
  line-height: 20px;
  padding: 3px 5px 3px 8px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.Gym-Menuitem:hover,
.Gym-Menuitem:hover {
  background-color: black;
  border-color: rgba(255, 255, 255, 0.25);
  border-radius: 3px 3px 3px 3px;
  border-style: solid;
  border-width: 2px;
  color: white;
  text-decoration: none;
}
.tp-caption.Newspaper-Button,
.Newspaper-Button {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0.25);
  border-radius: 0 0 0 0;
  border-style: solid;
  border-width: 1px;
  color: white;
  font-family: Roboto;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 17px;
  padding: 12px 35px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.Newspaper-Button:hover,
.Newspaper-Button:hover {
  background-color: white;
  border-color: white;
  border-radius: 0 0 0 0;
  border-style: solid;
  border-width: 1px;
  color: black;
  text-decoration: none;
}
.tp-caption.Newspaper-Subtitle,
.Newspaper-Subtitle {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: #a8d8ee;
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 900;
  line-height: 20px;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
.tp-caption.Newspaper-Title,
.Newspaper-Title {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  font-family: "Roboto Slab";
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: 55px;
  padding: 0 0 10px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.Newspaper-Title-Centered,
.Newspaper-Title-Centered {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  font-family: "Roboto Slab";
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: 55px;
  padding: 0 0 10px;
  text-align: center;
  text-decoration: none;
}
.tp-caption.Hero-Button,
.Hero-Button {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.5);
  border-radius: 0 0 0 0;
  border-style: solid;
  border-width: 1px;
  color: white;
  font-family: Raleway;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 3px;
  line-height: 14px;
  padding: 10px 30px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.Hero-Button:hover,
.Hero-Button:hover {
  background-color: white;
  border-color: white;
  border-radius: 0 0 0 0;
  border-style: solid;
  border-width: 1px;
  color: black;
  text-decoration: none;
}
.tp-caption.Video-Title,
.Video-Title {
  background-color: black;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  font-family: Raleway;
  font-size: 30px;
  font-style: normal;
  font-weight: 900;
  line-height: 30px;
  padding: 5px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.Video-SubTitle,
.Video-SubTitle {
  background-color: rgba(0, 0, 0, 0.35);
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  font-family: Raleway;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 12px;
  padding: 5px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.NotGeneric-Button,
.NotGeneric-Button {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.5);
  border-radius: 0 0 0 0;
  border-style: solid;
  border-width: 1px;
  color: white;
  font-family: Raleway;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 3px;
  line-height: 14px;
  padding: 10px 30px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.NotGeneric-Button:hover,
.NotGeneric-Button:hover {
  background-color: transparent;
  border-color: white;
  border-radius: 0 0 0 0;
  border-style: solid;
  border-width: 1px;
  color: white;
  text-decoration: none;
}
.tp-caption.NotGeneric-BigButton,
.NotGeneric-BigButton {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.15);
  border-radius: 0 0 0 0;
  border-style: solid;
  border-width: 1px;
  color: white;
  font-family: Raleway;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 3px;
  line-height: 14px;
  padding: 27px 30px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.NotGeneric-BigButton:hover,
.NotGeneric-BigButton:hover {
  background-color: transparent;
  border-color: white;
  border-radius: 0 0 0 0;
  border-style: solid;
  border-width: 1px;
  color: white;
  text-decoration: none;
}
.tp-caption.WebProduct-Button,
.WebProduct-Button {
  background-color: #333333;
  border-color: black;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 2px;
  color: white;
  font-family: Raleway;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 48px;
  padding: 0 40px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.WebProduct-Button:hover,
.WebProduct-Button:hover {
  background-color: white;
  border-color: black;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 2px;
  color: #333333;
  text-decoration: none;
}
.tp-caption.Restaurant-Button,
.Restaurant-Button {
  background-color: rgba(10, 10, 10, 0);
  border-color: rgba(255, 255, 255, 0.5);
  border-radius: 0 0 0 0;
  border-style: solid;
  border-width: 2px;
  color: white;
  font-family: Roboto;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 3px;
  line-height: 17px;
  padding: 12px 35px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.Restaurant-Button:hover,
.Restaurant-Button:hover {
  background-color: transparent;
  border-color: #ffe081;
  border-radius: 0 0 0 0;
  border-style: solid;
  border-width: 2px;
  color: white;
  text-decoration: none;
}
.tp-caption.Gym-Button,
.Gym-Button {
  background-color: #8bc027;
  border-color: transparent;
  border-radius: 30px 30px 30px 30px;
  border-style: solid;
  border-width: 0;
  color: white;
  font-family: Raleway;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 15px;
  padding: 13px 35px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.Gym-Button:hover,
.Gym-Button:hover {
  background-color: #72a800;
  border-color: transparent;
  border-radius: 30px 30px 30px 30px;
  border-style: solid;
  border-width: 0;
  color: white;
  text-decoration: none;
}
.tp-caption.Gym-Button-Light,
.Gym-Button-Light {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.25);
  border-radius: 30px 30px 30px 30px;
  border-style: solid;
  border-width: 2px;
  color: white;
  font-family: Raleway;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
  padding: 12px 35px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.Gym-Button-Light:hover,
.Gym-Button-Light:hover {
  background-color: rgba(114, 168, 0, 0);
  border-color: #8bc027;
  border-radius: 30px 30px 30px 30px;
  border-style: solid;
  border-width: 2px;
  color: white;
  text-decoration: none;
}
.tp-caption.Sports-Button-Light,
.Sports-Button-Light {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.5);
  border-radius: 0 0 0 0;
  border-style: solid;
  border-width: 2px;
  color: white;
  font-family: Raleway;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 17px;
  padding: 12px 35px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.Sports-Button-Light:hover,
.Sports-Button-Light:hover {
  background-color: transparent;
  border-color: white;
  border-radius: 0 0 0 0;
  border-style: solid;
  border-width: 2px;
  color: white;
  text-decoration: none;
}
.tp-caption.Sports-Button-Red,
.Sports-Button-Red {
  background-color: #db1c22;
  border-color: rgba(219, 28, 34, 0);
  border-radius: 0 0 0 0;
  border-style: solid;
  border-width: 2px;
  color: white;
  font-family: Raleway;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 17px;
  padding: 12px 35px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.Sports-Button-Red:hover,
.Sports-Button-Red:hover {
  background-color: black;
  border-color: black;
  border-radius: 0 0 0 0;
  border-style: solid;
  border-width: 2px;
  color: white;
  text-decoration: none;
}
.tp-caption.Photography-Button,
.Photography-Button {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.25);
  border-radius: 30px 30px 30px 30px;
  border-style: solid;
  border-width: 1px;
  color: white;
  font-family: Raleway;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 15px;
  padding: 13px 35px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.Photography-Button:hover,
.Photography-Button:hover {
  background-color: transparent;
  border-color: white;
  border-radius: 30px 30px 30px 30px;
  border-style: solid;
  border-width: 1px;
  color: white;
  text-decoration: none;
}
.tp-caption.Newspaper-Button-2,
.Newspaper-Button-2 {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.5);
  border-radius: 3px 3px 3px 3px;
  border-style: solid;
  border-width: 2px;
  color: white;
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 900;
  line-height: 15px;
  padding: 10px 30px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.Newspaper-Button-2:hover,
.Newspaper-Button-2:hover {
  background-color: transparent;
  border-color: white;
  border-radius: 3px 3px 3px 3px;
  border-style: solid;
  border-width: 2px;
  color: white;
  text-decoration: none;
}
.tp-caption.Feature-Tour,
.Feature-Tour {
  background-color: #8bc027;
  border-color: transparent;
  border-radius: 30px 30px 30px 30px;
  border-style: solid;
  border-width: 0;
  color: white;
  font-family: Roboto;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 17px;
  padding: 17px 35px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.Feature-Tour:hover,
.Feature-Tour:hover {
  background-color: #72a800;
  border-color: transparent;
  border-radius: 30px 30px 30px 30px;
  border-style: solid;
  border-width: 0;
  color: white;
  text-decoration: none;
}
.tp-caption.Feature-Examples,
.Feature-Examples {
  background-color: transparent;
  border-color: rgba(33, 42, 64, 0.15);
  border-radius: 30px 30px 30px 30px;
  border-style: solid;
  border-width: 2px;
  color: rgba(33, 42, 64, 0.5);
  font-family: Roboto;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 17px;
  padding: 15px 35px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.Feature-Examples:hover,
.Feature-Examples:hover {
  background-color: transparent;
  border-color: #8bc027;
  border-radius: 30px 30px 30px 30px;
  border-style: solid;
  border-width: 2px;
  color: #8bc027;
  text-decoration: none;
}
.tp-caption.subcaption,
.subcaption {
  background-color: transparent;
  border-color: black;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: #6f7c82;
  font-family: roboto;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
}
.tp-caption.menutab,
.menutab {
  background-color: transparent;
  border-color: black;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: #292e31;
  font-family: roboto;
  font-size: 25px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
}
.tp-caption.menutab:hover,
.menutab:hover {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: #d50000;
  text-decoration: none;
}
.tp-caption.maincontent,
.maincontent {
  background-color: transparent;
  border-color: black;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: #292e31;
  font-family: roboto;
  font-size: 21px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
}
.tp-caption.minitext,
.minitext {
  background-color: transparent;
  border-color: black;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: #b9babb;
  font-family: roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
}
.tp-caption.Feature-Buy,
.Feature-Buy {
  background-color: #009aee;
  border-color: transparent;
  border-radius: 30px 30px 30px 30px;
  border-style: solid;
  border-width: 0;
  color: white;
  font-family: Roboto;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 17px;
  padding: 17px 35px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.Feature-Buy:hover,
.Feature-Buy:hover {
  background-color: #0085d6;
  border-color: transparent;
  border-radius: 30px 30px 30px 30px;
  border-style: solid;
  border-width: 0;
  color: white;
  text-decoration: none;
}
.tp-caption.Feature-Examples-Light,
.Feature-Examples-Light {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.15);
  border-radius: 30px 30px 30px 30px;
  border-style: solid;
  border-width: 2px;
  color: white;
  font-family: Roboto;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 17px;
  padding: 15px 35px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.Feature-Examples-Light:hover,
.Feature-Examples-Light:hover {
  background-color: transparent;
  border-color: white;
  border-radius: 30px 30px 30px 30px;
  border-style: solid;
  border-width: 2px;
  color: white;
  text-decoration: none;
}
.tp-caption.Facebook-Likes,
.Facebook-Likes {
  background-color: #3b5999;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: white;
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  padding: 5px 15px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.Twitter-Favorites,
.Twitter-Favorites {
  background-color: rgba(255, 255, 255, 0);
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: #8899a6;
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
.tp-caption.Twitter-Link,
.Twitter-Link {
  background-color: white;
  border-color: transparent;
  border-radius: 30px 30px 30px 30px;
  border-style: none;
  border-width: 0;
  color: #8799a5;
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 15px;
  padding: 11px 11px 9px;
  text-align: left;
  text-decoration: none;
}
.tp-caption.Twitter-Link:hover,
.Twitter-Link:hover {
  background-color: #0084b4;
  border-color: transparent;
  border-radius: 30px 30px 30px 30px;
  border-style: none;
  border-width: 0;
  color: white;
  text-decoration: none;
}
.tp-caption.Twitter-Retweet,
.Twitter-Retweet {
  background-color: rgba(255, 255, 255, 0);
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: #8899a6;
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
.tp-caption.Twitter-Content,
.Twitter-Content {
  background-color: white;
  border-color: transparent;
  border-radius: 0 0 0 0;
  border-style: none;
  border-width: 0;
  color: #292f33;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  padding: 30px 30px 70px;
  text-align: left;
  text-decoration: none;
}
.revtp-searchform input[type="text"],
.revtp-searchform input[type="email"],
.revtp-form input[type="text"],
.revtp-form input[type="email"] {
  font-family: "Arial", sans-serif;
  font-size: 15px;
  color: #000;
  background-color: #fff;
  line-height: 46px;
  padding: 0 20px;
  cursor: text;
  border: 0;
  width: 400px;
  margin-bottom: 0px;
  transition: background-color 0.5s;
  border-radius: 0px;
}
.tp-caption.BigBold-Title,
.BigBold-Title {
  color: white;
  font-size: 110px;
  line-height: 100px;
  font-weight: 800;
  font-style: normal;
  font-family: Raleway;
  padding: 10px 0px 10px 0;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
  border-style: none;
  border-width: 0px;
  border-radius: 0 0 0 0px;
  text-align: left;
}
.tp-caption.BigBold-SubTitle,
.BigBold-SubTitle {
  color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  font-style: normal;
  font-family: Raleway;
  padding: 0 0 0 0px;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
  border-style: none;
  border-width: 0px;
  border-radius: 0 0 0 0px;
  text-align: left;
  letter-spacing: 1px;
}
.tp-caption.BigBold-Button,
.BigBold-Button {
  color: white;
  font-size: 13px;
  line-height: 13px;
  font-weight: 500;
  font-style: normal;
  font-family: Raleway;
  padding: 15px 50px 15px 50px;
  text-decoration: none;
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.5);
  border-style: solid;
  border-width: 1px;
  border-radius: 0px 0px 0px 0px;
  text-align: left;
  letter-spacing: 1px;
}
.tp-caption.BigBold-Button:hover,
.BigBold-Button:hover {
  color: white;
  text-decoration: none;
  background-color: transparent;
  border-color: white;
  border-style: solid;
  border-width: 1px;
  border-radius: 0px 0px 0px 0px;
}
.tp-caption.FoodCarousel-Content,
.FoodCarousel-Content {
  color: #292e31;
  font-size: 17px;
  line-height: 28px;
  font-weight: 500;
  font-style: normal;
  font-family: Raleway;
  padding: 30px 30px 30px 30px;
  text-decoration: none;
  background-color: white;
  border-color: #292e31;
  border-style: solid;
  border-width: 1px;
  border-radius: 0 0 0 0px;
  text-align: left;
}
.tp-caption.FoodCarousel-Button,
.FoodCarousel-Button {
  color: #292e31;
  font-size: 13px;
  line-height: 13px;
  font-weight: 700;
  font-style: normal;
  font-family: Raleway;
  padding: 15px 70px 15px 50px;
  text-decoration: none;
  background-color: white;
  border-color: #292e31;
  border-style: solid;
  border-width: 1px;
  border-radius: 0px 0px 0px 0px;
  text-align: left;
  letter-spacing: 1px;
}
.tp-caption.FoodCarousel-Button:hover,
.FoodCarousel-Button:hover {
  color: white;
  text-decoration: none;
  background-color: #292e31;
  border-color: #292e31;
  border-style: solid;
  border-width: 1px;
  border-radius: 0px 0px 0px 0px;
}
.tp-caption.FoodCarousel-CloseButton,
.FoodCarousel-CloseButton {
  color: #292e31;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  font-style: normal;
  font-family: Raleway;
  padding: 14px 14px 14px 16px;
  text-decoration: none;
  background-color: transparent;
  border-color: rgba(41, 46, 49, 0);
  border-style: solid;
  border-width: 1px;
  border-radius: 30px 30px 30px 30px;
  text-align: left;
  letter-spacing: 1px;
}
.tp-caption.FoodCarousel-CloseButton:hover,
.FoodCarousel-CloseButton:hover {
  color: white;
  text-decoration: none;
  background-color: #292e31;
  border-color: rgba(41, 46, 49, 0);
  border-style: solid;
  border-width: 1px;
  border-radius: 30px 30px 30px 30px;
}
.tp-caption.Video-SubTitle,
.Video-SubTitle {
  color: white;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  font-style: normal;
  font-family: Raleway;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.35);
  border-color: transparent;
  border-style: none;
  border-width: 0px;
  border-radius: 0 0 0 0px;
  letter-spacing: 2px;
  text-align: left;
}
.tp-caption.Video-Title,
.Video-Title {
  color: white;
  font-size: 30px;
  line-height: 30px;
  font-weight: 900;
  font-style: normal;
  font-family: Raleway;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  background-color: black;
  border-color: transparent;
  border-style: none;
  border-width: 0px;
  border-radius: 0 0 0 0px;
  text-align: left;
}
.tp-caption.Travel-BigCaption,
.Travel-BigCaption {
  color: white;
  font-size: 50px;
  line-height: 50px;
  font-weight: 400;
  font-style: normal;
  font-family: Roboto;
  padding: 0 0 0 0px;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
  border-style: none;
  border-width: 0px;
  border-radius: 0 0 0 0px;
  text-align: left;
}
.tp-caption.Travel-SmallCaption,
.Travel-SmallCaption {
  color: white;
  font-size: 25px;
  line-height: 30px;
  font-weight: 300;
  font-style: normal;
  font-family: Roboto;
  padding: 0 0 0 0px;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
  border-style: none;
  border-width: 0px;
  border-radius: 0 0 0 0px;
  text-align: left;
}
.tp-caption.Travel-CallToAction,
.Travel-CallToAction {
  color: white;
  font-size: 25px;
  line-height: 25px;
  font-weight: 500;
  font-style: normal;
  font-family: Roboto;
  padding: 12px 20px 12px 20px;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.05);
  border-color: white;
  border-style: solid;
  border-width: 2px;
  border-radius: 5px 5px 5px 5px;
  text-align: left;
  letter-spacing: 1px;
}
.tp-caption.Travel-CallToAction:hover,
.Travel-CallToAction:hover {
  color: white;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.15);
  border-color: white;
  border-style: solid;
  border-width: 2px;
  border-radius: 5px 5px 5px 5px;
}
.tp-caption.RotatingWords-TitleWhite,
.RotatingWords-TitleWhite {
  color: white;
  font-size: 70px;
  line-height: 70px;
  font-weight: 800;
  font-style: normal;
  font-family: Raleway;
  padding: 0px 0px 0px 0;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
  border-style: none;
  border-width: 0px;
  border-radius: 0 0 0 0px;
  text-align: left;
}
.tp-caption.RotatingWords-Button,
.RotatingWords-Button {
  color: white;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  font-style: normal;
  font-family: Raleway;
  padding: 20px 50px 20px 50px;
  text-decoration: none;
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.15);
  border-style: solid;
  border-width: 2px;
  border-radius: 0px 0px 0px 0px;
  text-align: left;
  letter-spacing: 3px;
}
.tp-caption.RotatingWords-Button:hover,
.RotatingWords-Button:hover {
  color: white;
  text-decoration: none;
  background-color: transparent;
  border-color: white;
  border-style: solid;
  border-width: 2px;
  border-radius: 0px 0px 0px 0px;
}
.tp-caption.RotatingWords-SmallText,
.RotatingWords-SmallText {
  color: white;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  font-style: normal;
  font-family: Raleway;
  padding: 0 0 0 0px;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
  border-style: none;
  border-width: 0px;
  border-radius: 0 0 0 0px;
  text-align: left;
  text-shadow: none;
}
.tp-caption.ContentZoom-SmallTitle,
.ContentZoom-SmallTitle {
  color: #292e31;
  font-size: 33px;
  line-height: 45px;
  font-weight: 600;
  font-style: normal;
  font-family: Raleway;
  padding: 0 0 0 0px;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
  border-style: none;
  border-width: 0px;
  border-radius: 0 0 0 0px;
  text-align: left;
}
.tp-caption.ContentZoom-SmallSubtitle,
.ContentZoom-SmallSubtitle {
  color: #6f7c82;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  font-style: normal;
  font-family: Raleway;
  padding: 0 0 0 0px;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
  border-style: none;
  border-width: 0px;
  border-radius: 0 0 0 0px;
  text-align: left;
}
.tp-caption.ContentZoom-SmallIcon,
.ContentZoom-SmallIcon {
  color: #292e31;
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  font-style: normal;
  font-family: Raleway;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
  border-style: none;
  border-width: 0px;
  border-radius: 0 0 0 0px;
  text-align: left;
}
.tp-caption.ContentZoom-SmallIcon:hover,
.ContentZoom-SmallIcon:hover {
  color: #6f7c82;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
  border-style: none;
  border-width: 0px;
  border-radius: 0 0 0 0px;
}
.tp-caption.ContentZoom-DetailTitle,
.ContentZoom-DetailTitle {
  color: #292e31;
  font-size: 70px;
  line-height: 70px;
  font-weight: 500;
  font-style: normal;
  font-family: Raleway;
  padding: 0 0 0 0px;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
  border-style: none;
  border-width: 0px;
  border-radius: 0 0 0 0px;
  text-align: left;
}
.tp-caption.ContentZoom-DetailSubTitle,
.ContentZoom-DetailSubTitle {
  color: #6f7c82;
  font-size: 25px;
  line-height: 25px;
  font-weight: 500;
  font-style: normal;
  font-family: Raleway;
  padding: 0 0 0 0px;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
  border-style: none;
  border-width: 0px;
  border-radius: 0 0 0 0px;
  text-align: left;
}
.tp-caption.ContentZoom-DetailContent,
.ContentZoom-DetailContent {
  color: #6f7c82;
  font-size: 17px;
  line-height: 28px;
  font-weight: 500;
  font-style: normal;
  font-family: Raleway;
  padding: 0 0 0 0px;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
  border-style: none;
  border-width: 0px;
  border-radius: 0 0 0 0px;
  text-align: left;
}
.tp-caption.ContentZoom-Button,
.ContentZoom-Button {
  color: #292e31;
  font-size: 13px;
  line-height: 13px;
  font-weight: 700;
  font-style: normal;
  font-family: Raleway;
  padding: 15px 50px 15px 50px;
  text-decoration: none;
  background-color: transparent;
  border-color: rgba(41, 46, 49, 0.5);
  border-style: solid;
  border-width: 1px;
  border-radius: 0px 0px 0px 0px;
  text-align: left;
  letter-spacing: 1px;
}
.tp-caption.ContentZoom-Button:hover,
.ContentZoom-Button:hover {
  color: white;
  text-decoration: none;
  background-color: #292e31;
  border-color: #292e31;
  border-style: solid;
  border-width: 1px;
  border-radius: 0px 0px 0px 0px;
}
.tp-caption.ContentZoom-ButtonClose,
.ContentZoom-ButtonClose {
  color: #292e31;
  font-size: 13px;
  line-height: 13px;
  font-weight: 700;
  font-style: normal;
  font-family: Raleway;
  padding: 14px 14px 14px 16px;
  text-decoration: none;
  background-color: transparent;
  border-color: rgba(41, 46, 49, 0.5);
  border-style: solid;
  border-width: 1px;
  border-radius: 30px 30px 30px 30px;
  text-align: left;
  letter-spacing: 1px;
}
.tp-caption.ContentZoom-ButtonClose:hover,
.ContentZoom-ButtonClose:hover {
  color: white;
  text-decoration: none;
  background-color: #292e31;
  border-color: #292e31;
  border-style: solid;
  border-width: 1px;
  border-radius: 30px 30px 30px 30px;
}
.tp-caption.Newspaper-Title,
.Newspaper-Title {
  color: white;
  font-size: 50px;
  line-height: 55px;
  font-weight: 400;
  font-style: normal;
  font-family: "Roboto Slab";
  padding: 0 0 10px 0;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
  border-style: none;
  border-width: 0px;
  border-radius: 0 0 0 0px;
  text-align: left;
}
.tp-caption.Newspaper-Subtitle,
.Newspaper-Subtitle {
  color: #a8d8ee;
  font-size: 15px;
  line-height: 20px;
  font-weight: 900;
  font-style: normal;
  font-family: Roboto;
  padding: 0 0 0 0px;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
  border-style: none;
  border-width: 0px;
  border-radius: 0 0 0 0px;
  text-align: left;
}
.tp-caption.Newspaper-Button,
.Newspaper-Button {
  color: white;
  font-size: 13px;
  line-height: 17px;
  font-weight: 700;
  font-style: normal;
  font-family: Roboto;
  padding: 12px 35px 12px 35px;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0.25);
  border-style: solid;
  border-width: 1px;
  border-radius: 0px 0px 0px 0px;
  letter-spacing: 2px;
  text-align: left;
}
.tp-caption.Newspaper-Button:hover,
.Newspaper-Button:hover {
  color: black;
  text-decoration: none;
  background-color: white;
  border-color: white;
  border-style: solid;
  border-width: 1px;
  border-radius: 0px 0px 0px 0px;
}
.tp-caption.rtwhitemedium,
.rtwhitemedium {
  font-size: 22px;
  line-height: 26px;
  color: white;
  text-decoration: none;
  background-color: transparent;
  border-width: 0px;
  border-color: black;
  border-style: none;
  text-shadow: none;
}
@media only screen and (max-width: 767px) {
  .revtp-searchform input[type="text"],
  .revtp-searchform input[type="email"],
  .revtp-form input[type="text"],
  .revtp-form input[type="email"] {
    width: 200px !important;
  }
}
.revtp-searchform input[type="submit"],
.revtp-form input[type="submit"] {
  font-family: "Arial", sans-serif;
  line-height: 46px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
  padding: 0 20px;
  border: 0;
  background: #009aee;
  color: #fff;
  border-radius: 0px;
}
/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 HADES SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.hades.tparrows {
  cursor: pointer;
  background: #000;
  background: rgba(0, 0, 0, 0.15);
  width: 100px;
  height: 100px;
  position: absolute;
  display: block;
  z-index: 100;
}
.hades.tparrows:before {
  font-family: "revicons";
  font-size: 30px;
  color: #fff;
  display: block;
  line-height: 100px;
  text-align: center;
  transition: background 0.3s, color 0.3s;
}
.hades.tparrows.tp-leftarrow:before {
  content: "\e824";
}
.hades.tparrows.tp-rightarrow:before {
  content: "\e825";
}
.hades.tparrows:hover:before {
  color: #aaa;
  background: #fff;
  background: white;
}
.hades .tp-arr-allwrapper {
  position: absolute;
  left: 100%;
  top: 0px;
  background: #888;
  width: 100px;
  height: 100px;
  transition: all 0.3s;
  -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transform: rotatey(-90deg);
  transform: rotatey(-90deg);
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.hades.tp-rightarrow .tp-arr-allwrapper {
  left: auto;
  right: 100%;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: rotatey(90deg);
  transform: rotatey(90deg);
}
.hades:hover .tp-arr-allwrapper {
  -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transform: rotatey(0deg);
  transform: rotatey(0deg);
}
.hades .tp-arr-imgholder {
  background-size: cover;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
/* BULLETS */
.hades.tp-bullets:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  padding: 10px;
  margin-left: -10px;
  margin-top: -10px;
  box-sizing: content-box;
}
.hades .tp-bullet {
  width: 3px;
  height: 3px;
  position: absolute;
  background: #888;
  cursor: pointer;
  border: 5px solid #fff;
  box-sizing: content-box;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
  -webkit-perspective: 400;
  perspective: 400;
  -webkit-transform: translatez(0.01px);
  transform: translatez(0.01px);
}
.hades .tp-bullet:hover,
.hades .tp-bullet.selected {
  background: #555;
}
.hades .tp-bullet-image {
  position: absolute;
  top: -80px;
  left: -60px;
  width: 120px;
  height: 60px;
  background-position: center center;
  background-size: cover;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  -webkit-transform-style: flat;
  transform-style: flat;
  perspective: 600;
  -webkit-perspective: 600;
  transform: rotatex(-90deg);
  -webkit-transform: rotatex(-90deg);
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
  transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
}
.hades .tp-bullet:hover .tp-bullet-image {
  display: block;
  opacity: 1;
  transform: rotatex(0deg);
  -webkit-transform: rotatex(0deg);
  visibility: visible;
}
/* THUMBS */
.hades .tp-thumb {
  opacity: 1;
}
.hades .tp-thumb-img-wrap {
  border-radius: 50%;
  padding: 3px;
  display: inline-block;
  background: #000;
  background-color: rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0px;
  box-sizing: border-box;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.hades .tp-thumb-image {
  padding: 3px;
  border-radius: 50%;
  display: block;
  box-sizing: border-box;
  position: relative;
  box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25);
}
.hades .tp-thumb-title:after {
  content: " ";
  position: absolute;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent;
  bottom: -8px;
}
/* TABS */
.hades .tp-tab {
  opacity: 1;
}
.hades .tp-tab-title {
  display: block;
  color: #333;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  line-height: 25px;
}
.hades .tp-tab-price {
  display: block;
  text-align: center;
  color: #999;
  font-size: 16px;
  margin-top: 10px;
  line-height: 20px;
}
.hades .tp-tab-button {
  display: inline-block;
  margin-top: 15px;
  text-align: center;
  padding: 5px 15px;
  color: #fff;
  font-size: 14px;
  background: #219bd7;
  border-radius: 4px;
  font-weight: 400;
}
.hades .tp-tab-inner {
  text-align: center;
}
.oxy-button-add-product {
  overflow: visible;
  transition: color 0.2s ease-in 0.2s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.oxy-button-add-product:before {
  display: block;
  content: "\E5CA";
  font-family: 'Material Icons';
  position: absolute;
  left: -24px;
  font-size: 16px;
  line-height: 32px;
  top: 0;
  opacity: 0;
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
  transition: opacity 0.2s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out 0.15s, color 0.2s ease-in 0.2s;
  transition: opacity 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0.15s, color 0.2s ease-in 0.2s;
}
.oxy-button-add-product--clone {
  color: #ffffff !important;
  background: #448aff;
  display: block;
  position: absolute;
  z-index: 100;
}
.oxy-button-add-product--clone:before {
  display: none;
}
.oxy-button-add-product--added {
  color: #448aff;
}
.oxy-button-add-product--added:before {
  color: #448aff;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.oxy-button-fab {
  position: fixed;
  bottom: 16px;
  right: 16px;
  z-index: 100;
}
.oxy-button-fab__badge[data-badge]:after {
  color: #448aff;
  background: #ffffff;
  top: 8px;
  right: 8px;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  width: 18px;
  height: 18px;
}
.oxy-card-order {
  transition: all 0.3s;
  overflow: visible;
  max-width: 100%;
  width: 100%;
}
.oxy-card-order:hover {
  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);
}
.oxy-card-order__summary-table {
  border: 0;
  border-top-collapse: initial;
  border-bottom-collapse: initial;
}
.oxy-card-order__summary-table thead th,
.oxy-card-order__summary-table tfoot td {
  font-size: 14px;
}
.oxy-card-order__summary-table tbody {
  opacity: 0.8;
  color: rgba(0, 0, 0, 0.54);
}
.oxy-card-order__summary-table td,
.oxy-card-order__summary-table th {
  border-bottom: 0;
  border-color: rgba(0, 0, 0, 0.1);
}
.oxy-card-order__summary-table td:first-child,
.oxy-card-order__summary-table th:first-child {
  text-align: left;
}
.oxy-card-product {
  transition: all 0.3s;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
}
.oxy-card-product:hover {
  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);
}
.oxy-card-product__media {
  overflow: hidden;
}
.oxy-card-product__image {
  display: block;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  z-index: 1;
  max-width: 100%;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.oxy-card-product__image:last-child {
  position: absolute;
  top: 0;
  opacity: 0;
  z-index: 2;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.oxy-card-product__media:hover .oxy-card-product__image:last-child {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.oxy-card-product__media {
  position: relative;
}
.oxy-card-product__title {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 3;
  color: #ffffff;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
}
.oxy-card-product__title > * {
  -webkit-align-self: flex-start;
  align-self: flex-start;
}
.oxy-card-product__title.oxy-card-product__title--darker {
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
}
.oxy-card-product__title.oxy-card-product__title--inverse {
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
  color: #333333;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
}
.oxy-card-product__title-text {
  height: 28px;
  width: 100%;
  line-height: 28px;
}
.oxy-card-product__title-text a {
  display: block;
  text-decoration: none;
  color: inherit;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.oxy-card-product__badge {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.oxy-card-product:hover .oxy-card-product__badge {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.oxy-card-product__tags {
  font-size: 12px;
  line-height: 20px;
}
.oxy-card-product__tags a {
  color: inherit;
  text-decoration: none;
}
.oxy-card-product__rating--animated {
  max-height: 0;
  opacity: 0;
  transition: max-height 0.3s, opacity 0.3s ease-out 0.3s, -webkit-transform 0.2s ease-out 0.3s;
  transition: max-height 0.3s, opacity 0.3s ease-out 0.3s, transform 0.2s ease-out 0.3s;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.oxy-card-product:hover .oxy-card-product__rating--animated {
  max-height: 20px;
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.oxy-card-product-actions {
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.oxy-product-badge {
  position: absolute;
  width: 56px;
  height: 56px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 56px;
  text-align: center;
  top: 12px;
  right: 12px;
  border-radius: 50%;
  background: rgba(68, 138, 255, 0.8);
  color: #ffffff;
  z-index: 2;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.oxy-product-cart__body {
  -webkit-flex: 1 0;
  flex: 1 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.oxy-product-cart__total {
  font-size: 16px;
  text-align: center;
  margin-top: 8px;
  margin-bottom: 8px;
}
.oxy-product-details__options {
  max-width: 300px;
}
.oxy-product-details__options tr td:first-child {
  min-width: 108px;
}
.oxy-product-details__options tr:last-child td:first-child label {
  display: block;
  margin-bottom: 38px;
}
@media (max-width: 479px) {
  .oxy-product-details__options .mdl-selectfield {
    width: 100%;
  }
}
.oxy-product-details__meta {
  color: #888888;
}
.oxy-product-details__meta span {
  padding-right: 10px;
}
.oxy-product-details__meta a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.87);
  transition: all 0.2s;
}
.oxy-product-details__meta a:hover {
  color: #448aff;
}
@media screen and (min-width: 840px) {
  .oxy-product-filters {
    text-align: right;
  }
}
.oxy-product-filters .mdl-select__button {
  font-size: 14px;
  line-height: 1.1;
}
.oxy-product-filters__selectfield {
  padding-top: 0;
  padding-bottom: 0;
  min-width: 100%;
  margin-top: 16px;
}
.oxy-product-filters__selectfield:after {
  bottom: 0;
}
.oxy-product-filters__selectfield:before {
  line-height: 24px;
}
@media screen and (min-width: 840px) {
  .oxy-product-filters__selectfield {
    text-align: right;
    width: auto;
    min-width: 200px;
    margin: 0 0 0 24px;
  }
}
.oxy-product-price {
  display: block;
}
.oxy-product-price del {
  opacity: 0.5;
  margin-right: 6px;
}
.oxy-product-price ins {
  text-decoration: none;
}
.oxy-product-slider {
  position: relative;
  padding-left: 96px;
}
@media (max-width: 839px) {
  .oxy-product-slider {
    padding-left: 0;
  }
}
.oxy-product-slider__slides ul,
.oxy-product-slider__slides ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.oxy-product-slider__slides .flex-control-thumbs {
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
}
.oxy-product-slider__slides .flex-control-thumbs img {
  max-width: 100%;
  margin-bottom: 16px;
  opacity: 0.4;
  transition: opacity 0.3s;
  cursor: pointer;
  position: relative;
  padding: 2px;
  box-sizing: border-box;
  display: block;
}
.oxy-product-slider__slides .flex-control-thumbs img.flex-active {
  opacity: 1;
  box-shadow: 0px 0px 0px 2px rgba(68, 138, 255, 0.8) inset;
}
@media (max-width: 839px) {
  .oxy-product-slider__slides .flex-control-thumbs {
    position: relative;
    width: 100%;
  }
  .oxy-product-slider__slides .flex-control-thumbs li {
    float: left;
  }
  .oxy-product-slider__slides .flex-control-thumbs img {
    width: 60px;
    margin-top: 16px;
    margin-right: 16px;
  }
}
.oxy-rating {
  position: relative;
  overflow: hidden;
  font-size: 13px;
  line-height: 20px;
  height: 20px;
  width: calc(5em + 15px);
  letter-spacing: 3px;
  font-weight: normal;
  text-decoration: none;
}
.oxy-rating--medium {
  font-size: 16px;
}
.oxy-rating--big {
  font-size: 18px;
}
.oxy-rating:before,
.oxy-rating span,
.oxy-rating span:before {
  font-family: 'Material Icons';
  top: 0;
  left: 0;
  position: absolute;
  font-weight: normal;
  text-decoration: none;
}
.oxy-rating:before {
  content: "\E83A \E83A \E83A \E83A \E83A";
}
.oxy-rating span {
  overflow: hidden;
  padding-top: 1em;
}
.oxy-rating span:before {
  content: "\E838 \E838 \E838 \E838 \E838";
}
.oxy-rating-set {
  position: relative;
  overflow: hidden;
  font-size: 16px;
  line-height: 20px;
  height: 20px;
  width: calc(5em + 15px);
  letter-spacing: 3px;
  font-weight: normal;
  text-decoration: none;
}
.oxy-rating-set:before {
  font-family: 'Material Icons';
  top: 0;
  left: 0;
  position: absolute;
  font-weight: normal;
  text-decoration: none;
  content: "\E83A \E83A \E83A \E83A \E83A";
  z-index: 0;
}
.oxy-rating-set__star {
  font-family: 'Material Icons';
  top: 0;
  left: 0;
  position: absolute;
  font-weight: normal;
  text-decoration: none;
  height: 24px;
  z-index: 1;
}
.oxy-rating-set__star:after {
  opacity: 0;
  transition: all 0.2s;
  color: #448aff;
  cursor: pointer;
}
.oxy-rating-set__star:hover:after {
  opacity: 1;
}
.oxy-rating-set__star:nth-child(1) {
  width: 1em;
  z-index: 5;
}
.oxy-rating-set__star:nth-child(1):after {
  content: "\E838";
}
.oxy-rating-set__star:nth-child(2) {
  width: 2em;
  z-index: 4;
}
.oxy-rating-set__star:nth-child(2):after {
  content: "\E838 \E838";
}
.oxy-rating-set__star:nth-child(3) {
  width: 3em;
  z-index: 3;
}
.oxy-rating-set__star:nth-child(3):after {
  content: "\E838 \E838 \E838";
}
.oxy-rating-set__star:nth-child(4) {
  width: 3em;
  z-index: 2;
}
.oxy-rating-set__star:nth-child(4):after {
  content: "\E838 \E838 \E838 \E838";
}
.oxy-rating-set__star:nth-child(5) {
  width: 3em;
  z-index: 1;
}
.oxy-rating-set__star:nth-child(5):after {
  content: "\E838 \E838 \E838 \E838 \E838";
}
.oxy-quantity {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
}
.oxy-quantity .mdl-textfield {
  width: 48px;
}
.oxy-quantity input[type="number"] {
  text-align: center;
  max-width: 100%;
  -moz-appearance: textfield;
}
.oxy-quantity input[type="number"]::-webkit-inner-spin-button,
.oxy-quantity input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.oxy-quantity input[type="button"] {
  border-radius: 50%;
  height: 32px;
  margin-left: 0;
  margin-right: 0;
  min-width: 32px;
  width: 32px;
  padding: 0;
  overflow: hidden;
  color: inherit;
  line-height: normal;
  background: none;
  border: none;
  font-size: 16px;
}
.oxy-quantity input[type="button"]:focus {
  outline: none;
}
.oxy-quantity input[type="button"]:hover {
  background-color: rgba(158, 158, 158, 0.2);
  cursor: pointer;
}
.oxy-quantity input[type="button"]:focus:not(:active) {
  background-color: rgba(0, 0, 0, 0.12);
}
.oxy-quantity input[type="button"]:active {
  background-color: rgba(158, 158, 158, 0.4);
}
.mdl-checkbox__tick-outline {
  -webkit-mask: url("../../images/mdl/tick-mask.svg");
  mask: url("../../images/mdl/tick-mask.svg");
}
.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
  background-image: url("../../images/mdl/tick.svg");
}
.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
  background-image: url("../../images/mdl/tick.svg");
}
/* Always display the scrollbar for the mdl select field*/
.mdl-selectfield__list-option-box {
  -ms-overflow-style: scrollbar;
  overflow-y: visible !important;
}
/*
 * Styling for DatePicker component 
 * NOTE: not official MDL
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mddtp-button {
  height: 36px;
  min-width: 64px;
  border: none;
  background-color: transparent;
  border-radius: 3px;
  display: inline-block;
  padding: 0 8px;
  margin-right: 8px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
  font-size: 15px;
  text-transform: uppercase;
  outline: none;
  cursor: pointer;
  color: #3f3f3f;
  -webkit-appearance: button;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.mddtp-button:hover,
.mddtp-button:focus {
  background-color: #e0e0e0;
}
.mddtp-button:active {
  background-color: #bdbdbd;
}
.mddtp-button:disabled {
  color: rgba(0, 0, 0, 0.26);
  cursor: not-allowed;
}
.mddtp-picker {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
  min-width: 280px;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  display: table;
  border-radius: 3px;
  line-height: normal;
  overflow: hidden;
  z-index: 99999;
}
.mddtp-picker .mddtp-picker__header {
  width: 100px;
  background-color: #af181c;
  padding: 24px 24px 20px;
}
.mddtp-picker .mddtp-picker__header .mddtp-picker__title {
  color: rgba(255, 255, 255, 0.7);
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 28px;
  font-weight: 700;
}
.mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.mddtp-picker .mddtp-picker__header .mddtp-picker__title,
.mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle {
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
  cursor: pointer;
}
.mddtp-picker .mddtp-picker__header .mddtp-picker__color--active {
  color: white;
}
.mddtp-picker .mddtp-picker__body {
  position: relative;
  background-color: #fff;
}
.mddtp-picker .mddtp-picker__body .mddtp-picker__action {
  margin-top: 24px;
  padding: 8px 0;
  text-align: right;
}
.mddtp-picker .mddtp-picker__header,
.mddtp-picker .mddtp-picker__body {
  display: table-cell;
  vertical-align: top;
  height: 100%;
}
.mddtp-picker-date .mddtp-picker__left {
  background: url("../images/ic_keyboard_arrow_left_black_24px.svg");
  left: 4px;
}
.mddtp-picker-date .mddtp-picker__right {
  background: url("../images/ic_keyboard_arrow_right_black_24px.svg");
  right: 4px;
}
.mddtp-picker-date .mddtp-picker__left,
.mddtp-picker-date .mddtp-picker__right {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0;
  height: 48px;
  width: 48px;
  min-width: 48px;
  top: 4px;
  border-radius: 50%;
}
.mddtp-picker-date .mddtp-picker__left:hover,
.mddtp-picker-date .mddtp-picker__left:hover,
.mddtp-picker-date .mddtp-picker__left:focus,
.mddtp-picker-date .mddtp-picker__left:focus,
.mddtp-picker-date .mddtp-picker__right:hover,
.mddtp-picker-date .mddtp-picker__right:hover,
.mddtp-picker-date .mddtp-picker__right:focus,
.mddtp-picker-date .mddtp-picker__right:focus {
  background-color: #e0e0e0;
}
.mddtp-picker-date .mddtp-picker__left:active,
.mddtp-picker-date .mddtp-picker__left:active,
.mddtp-picker-date .mddtp-picker__right:active,
.mddtp-picker-date .mddtp-picker__right:active {
  background-color: #bdbdbd;
}
.mddtp-picker-date .mddtp-picker__left:disabled,
.mddtp-picker-date .mddtp-picker__left:disabled,
.mddtp-picker-date .mddtp-picker__right:disabled,
.mddtp-picker-date .mddtp-picker__right:disabled {
  background-repeat: no-repeat;
  background-position: center;
}
.mddtp-picker-date .mddtp-picker__left:disabled {
  background-image: url("../images/ic_keyboard_arrow_left_black_disabled_24px.svg");
}
.mddtp-picker-date .mddtp-picker__right:disabled {
  background-image: url("../images/ic_keyboard_arrow_right_black_disabled_24px.svg");
}
.mddtp-picker__body .mddtp-picker__viewHolder {
  width: 314px;
  overflow: hidden;
}
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__views {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  width: 2000px;
}
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view {
  display: inline-block;
  width: 314px;
  text-align: center;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  transition: 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view .mddtp-picker__month {
  display: inline-block;
  padding: 18px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87);
}
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view--left {
  -webkit-transform: translate3d(-200%, 0, 0);
  transform: translate3d(-200%, 0, 0);
}
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view--right {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view--pause {
  transition: none;
}
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid {
  padding: 8px 14px 0;
}
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span {
  display: inline-block;
  font-size: 13px;
  margin: 2px;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
}
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--today {
  color: #af181c;
  font-weight: 600;
}
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--selected {
  background-color: #af181c;
  color: #fff;
}
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--disabled {
  color: rgba(0, 0, 0, 0.26);
  cursor: not-allowed;
}
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr {
  padding: 2px 0;
}
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr .mddtp-picker__cell {
  pointer-events: all;
  cursor: pointer;
}
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__th span {
  color: rgba(0, 0, 0, 0.54);
}
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr span.mddtp-picker__cell:hover {
  background-color: rgba(175, 24, 28, 0.5);
  color: #fff;
}
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr span.mddtp-picker__cell--selected:hover {
  background-color: #af181c;
  color: #fff;
}
.mddtp-picker__years {
  position: absolute;
  left: 0;
  top: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: calc(100% - 52px);
  text-align: center;
  overflow: auto;
}
.mddtp-picker__years li {
  font-size: 16px;
  padding: 8px 0;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
}
.mddtp-picker__years .mddtp-picker__li--current {
  font-size: 21px;
  color: #af181c;
}
.mddtp-picker__years--invisible {
  display: none;
}
.mddtp-picker-time .mddtp-picker__header {
  vertical-align: middle;
  width: 125px;
}
.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title {
  text-align: right;
  font-size: 0;
}
.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title span {
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  margin: 0 2px;
}
.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle {
  margin-top: 8px;
  text-align: center;
}
.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle div {
  margin-top: 2px;
}
.mddtp-picker__circularHolder {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 20px;
  border-radius: 50%;
  background-color: #eeeeee;
}
.mddtp-picker__circularView {
  position: absolute;
  width: 100%;
  height: 100%;
}
.mddtp-picker__circularView .mddtp-picker__cell {
  position: absolute;
  width: 50%;
  top: calc(50% - 18px);
  left: 50%;
  text-align: right;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}
.mddtp-picker__circularView .mddtp-picker__cell span {
  display: inline-block;
  cursor: pointer;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  margin-right: 8px;
}
.mddtp-picker__circularView .mddtp-picker__cell--selected span,
.mddtp-picker__circularView .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr .mddtp-picker__cell:hover span,
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr .mddtp-picker__circularView .mddtp-picker__cell:hover span {
  color: #fff;
}
.mddtp-picker__circularView--hidden {
  display: none;
}
.mddtp-picker__circle--fake {
  position: absolute;
  border-radius: 50%;
  height: 36px;
  width: 36px;
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -webkit-grab;
}
.mddtp-picker__circle--fake.is-pointer-down,
.mddtp-picker__circle--fake:active {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}
.mddtp-picker__selection {
  position: absolute;
  left: 50%;
  top: calc(50% - 18px);
  width: 50%;
  font-size: 0;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  transition: 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
.mddtp-picker__selection span {
  display: inline-block;
  background-color: #af181c;
  height: 2px;
  vertical-align: middle;
}
.mddtp-picker__selection span.mddtp-picker__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.mddtp-picker__selection span.mddtp-picker__line {
  width: calc(100% - 52px);
}
.mddtp-picker__selection span.mddtp-picker__circle {
  border-radius: 50%;
  height: 36px;
  width: 36px;
}
.mddtp-picker__selection--quick {
  transition: none;
}
.mddtp-picker__cell--rotate-1 {
  -webkit-transform: rotate(-87deg);
  -ms-transform: rotate(-87deg);
  transform: rotate(-87deg);
}
.mddtp-picker__cell--rotate-1 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(87deg);
  -ms-transform: rotate(87deg);
  transform: rotate(87deg);
}
.mddtp-picker__cell--rotate-2 {
  -webkit-transform: rotate(-84deg);
  -ms-transform: rotate(-84deg);
  transform: rotate(-84deg);
}
.mddtp-picker__cell--rotate-2 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(84deg);
  -ms-transform: rotate(84deg);
  transform: rotate(84deg);
}
.mddtp-picker__cell--rotate-3 {
  -webkit-transform: rotate(-81deg);
  -ms-transform: rotate(-81deg);
  transform: rotate(-81deg);
}
.mddtp-picker__cell--rotate-3 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(81deg);
  -ms-transform: rotate(81deg);
  transform: rotate(81deg);
}
.mddtp-picker__cell--rotate-4 {
  -webkit-transform: rotate(-78deg);
  -ms-transform: rotate(-78deg);
  transform: rotate(-78deg);
}
.mddtp-picker__cell--rotate-4 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(78deg);
  -ms-transform: rotate(78deg);
  transform: rotate(78deg);
}
.mddtp-picker__cell--rotate-5 {
  -webkit-transform: rotate(-75deg);
  -ms-transform: rotate(-75deg);
  transform: rotate(-75deg);
}
.mddtp-picker__cell--rotate-5 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(75deg);
  -ms-transform: rotate(75deg);
  transform: rotate(75deg);
}
.mddtp-picker__cell--rotate-6 {
  -webkit-transform: rotate(-72deg);
  -ms-transform: rotate(-72deg);
  transform: rotate(-72deg);
}
.mddtp-picker__cell--rotate-6 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  transform: rotate(72deg);
}
.mddtp-picker__cell--rotate-7 {
  -webkit-transform: rotate(-69deg);
  -ms-transform: rotate(-69deg);
  transform: rotate(-69deg);
}
.mddtp-picker__cell--rotate-7 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(69deg);
  -ms-transform: rotate(69deg);
  transform: rotate(69deg);
}
.mddtp-picker__cell--rotate-8 {
  -webkit-transform: rotate(-66deg);
  -ms-transform: rotate(-66deg);
  transform: rotate(-66deg);
}
.mddtp-picker__cell--rotate-8 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(66deg);
  -ms-transform: rotate(66deg);
  transform: rotate(66deg);
}
.mddtp-picker__cell--rotate-9 {
  -webkit-transform: rotate(-63deg);
  -ms-transform: rotate(-63deg);
  transform: rotate(-63deg);
}
.mddtp-picker__cell--rotate-9 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(63deg);
  -ms-transform: rotate(63deg);
  transform: rotate(63deg);
}
.mddtp-picker__cell--rotate-10 {
  -webkit-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.mddtp-picker__cell--rotate-10 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.mddtp-picker__cell--rotate-11 {
  -webkit-transform: rotate(-57deg);
  -ms-transform: rotate(-57deg);
  transform: rotate(-57deg);
}
.mddtp-picker__cell--rotate-11 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(57deg);
  -ms-transform: rotate(57deg);
  transform: rotate(57deg);
}
.mddtp-picker__cell--rotate-12 {
  -webkit-transform: rotate(-54deg);
  -ms-transform: rotate(-54deg);
  transform: rotate(-54deg);
}
.mddtp-picker__cell--rotate-12 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  transform: rotate(54deg);
}
.mddtp-picker__cell--rotate-13 {
  -webkit-transform: rotate(-51deg);
  -ms-transform: rotate(-51deg);
  transform: rotate(-51deg);
}
.mddtp-picker__cell--rotate-13 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(51deg);
  -ms-transform: rotate(51deg);
  transform: rotate(51deg);
}
.mddtp-picker__cell--rotate-14 {
  -webkit-transform: rotate(-48deg);
  -ms-transform: rotate(-48deg);
  transform: rotate(-48deg);
}
.mddtp-picker__cell--rotate-14 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(48deg);
  -ms-transform: rotate(48deg);
  transform: rotate(48deg);
}
.mddtp-picker__cell--rotate-15 {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mddtp-picker__cell--rotate-15 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mddtp-picker__cell--rotate-16 {
  -webkit-transform: rotate(-42deg);
  -ms-transform: rotate(-42deg);
  transform: rotate(-42deg);
}
.mddtp-picker__cell--rotate-16 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(42deg);
  -ms-transform: rotate(42deg);
  transform: rotate(42deg);
}
.mddtp-picker__cell--rotate-17 {
  -webkit-transform: rotate(-39deg);
  -ms-transform: rotate(-39deg);
  transform: rotate(-39deg);
}
.mddtp-picker__cell--rotate-17 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(39deg);
  -ms-transform: rotate(39deg);
  transform: rotate(39deg);
}
.mddtp-picker__cell--rotate-18 {
  -webkit-transform: rotate(-36deg);
  -ms-transform: rotate(-36deg);
  transform: rotate(-36deg);
}
.mddtp-picker__cell--rotate-18 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  transform: rotate(36deg);
}
.mddtp-picker__cell--rotate-19 {
  -webkit-transform: rotate(-33deg);
  -ms-transform: rotate(-33deg);
  transform: rotate(-33deg);
}
.mddtp-picker__cell--rotate-19 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(33deg);
  -ms-transform: rotate(33deg);
  transform: rotate(33deg);
}
.mddtp-picker__cell--rotate-20 {
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
.mddtp-picker__cell--rotate-20 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.mddtp-picker__cell--rotate-21 {
  -webkit-transform: rotate(-27deg);
  -ms-transform: rotate(-27deg);
  transform: rotate(-27deg);
}
.mddtp-picker__cell--rotate-21 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(27deg);
  -ms-transform: rotate(27deg);
  transform: rotate(27deg);
}
.mddtp-picker__cell--rotate-22 {
  -webkit-transform: rotate(-24deg);
  -ms-transform: rotate(-24deg);
  transform: rotate(-24deg);
}
.mddtp-picker__cell--rotate-22 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(24deg);
  -ms-transform: rotate(24deg);
  transform: rotate(24deg);
}
.mddtp-picker__cell--rotate-23 {
  -webkit-transform: rotate(-21deg);
  -ms-transform: rotate(-21deg);
  transform: rotate(-21deg);
}
.mddtp-picker__cell--rotate-23 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(21deg);
  -ms-transform: rotate(21deg);
  transform: rotate(21deg);
}
.mddtp-picker__cell--rotate-24 {
  -webkit-transform: rotate(-18deg);
  -ms-transform: rotate(-18deg);
  transform: rotate(-18deg);
}
.mddtp-picker__cell--rotate-24 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  transform: rotate(18deg);
}
.mddtp-picker__cell--rotate-25 {
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.mddtp-picker__cell--rotate-25 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}
.mddtp-picker__cell--rotate-26 {
  -webkit-transform: rotate(-12deg);
  -ms-transform: rotate(-12deg);
  transform: rotate(-12deg);
}
.mddtp-picker__cell--rotate-26 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(12deg);
  -ms-transform: rotate(12deg);
  transform: rotate(12deg);
}
.mddtp-picker__cell--rotate-27 {
  -webkit-transform: rotate(-9deg);
  -ms-transform: rotate(-9deg);
  transform: rotate(-9deg);
}
.mddtp-picker__cell--rotate-27 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(9deg);
  -ms-transform: rotate(9deg);
  transform: rotate(9deg);
}
.mddtp-picker__cell--rotate-28 {
  -webkit-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  transform: rotate(-6deg);
}
.mddtp-picker__cell--rotate-28 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  transform: rotate(6deg);
}
.mddtp-picker__cell--rotate-29 {
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.mddtp-picker__cell--rotate-29 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}
.mddtp-picker__cell--rotate-30 {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.mddtp-picker__cell--rotate-30 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.mddtp-picker__cell--rotate-31 {
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}
.mddtp-picker__cell--rotate-31 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.mddtp-picker__cell--rotate-32 {
  -webkit-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  transform: rotate(6deg);
}
.mddtp-picker__cell--rotate-32 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  transform: rotate(-6deg);
}
.mddtp-picker__cell--rotate-33 {
  -webkit-transform: rotate(9deg);
  -ms-transform: rotate(9deg);
  transform: rotate(9deg);
}
.mddtp-picker__cell--rotate-33 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-9deg);
  -ms-transform: rotate(-9deg);
  transform: rotate(-9deg);
}
.mddtp-picker__cell--rotate-34 {
  -webkit-transform: rotate(12deg);
  -ms-transform: rotate(12deg);
  transform: rotate(12deg);
}
.mddtp-picker__cell--rotate-34 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-12deg);
  -ms-transform: rotate(-12deg);
  transform: rotate(-12deg);
}
.mddtp-picker__cell--rotate-35 {
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}
.mddtp-picker__cell--rotate-35 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.mddtp-picker__cell--rotate-36 {
  -webkit-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  transform: rotate(18deg);
}
.mddtp-picker__cell--rotate-36 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-18deg);
  -ms-transform: rotate(-18deg);
  transform: rotate(-18deg);
}
.mddtp-picker__cell--rotate-37 {
  -webkit-transform: rotate(21deg);
  -ms-transform: rotate(21deg);
  transform: rotate(21deg);
}
.mddtp-picker__cell--rotate-37 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-21deg);
  -ms-transform: rotate(-21deg);
  transform: rotate(-21deg);
}
.mddtp-picker__cell--rotate-38 {
  -webkit-transform: rotate(24deg);
  -ms-transform: rotate(24deg);
  transform: rotate(24deg);
}
.mddtp-picker__cell--rotate-38 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-24deg);
  -ms-transform: rotate(-24deg);
  transform: rotate(-24deg);
}
.mddtp-picker__cell--rotate-39 {
  -webkit-transform: rotate(27deg);
  -ms-transform: rotate(27deg);
  transform: rotate(27deg);
}
.mddtp-picker__cell--rotate-39 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-27deg);
  -ms-transform: rotate(-27deg);
  transform: rotate(-27deg);
}
.mddtp-picker__cell--rotate-40 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.mddtp-picker__cell--rotate-40 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
.mddtp-picker__cell--rotate-41 {
  -webkit-transform: rotate(33deg);
  -ms-transform: rotate(33deg);
  transform: rotate(33deg);
}
.mddtp-picker__cell--rotate-41 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-33deg);
  -ms-transform: rotate(-33deg);
  transform: rotate(-33deg);
}
.mddtp-picker__cell--rotate-42 {
  -webkit-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  transform: rotate(36deg);
}
.mddtp-picker__cell--rotate-42 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-36deg);
  -ms-transform: rotate(-36deg);
  transform: rotate(-36deg);
}
.mddtp-picker__cell--rotate-43 {
  -webkit-transform: rotate(39deg);
  -ms-transform: rotate(39deg);
  transform: rotate(39deg);
}
.mddtp-picker__cell--rotate-43 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-39deg);
  -ms-transform: rotate(-39deg);
  transform: rotate(-39deg);
}
.mddtp-picker__cell--rotate-44 {
  -webkit-transform: rotate(42deg);
  -ms-transform: rotate(42deg);
  transform: rotate(42deg);
}
.mddtp-picker__cell--rotate-44 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-42deg);
  -ms-transform: rotate(-42deg);
  transform: rotate(-42deg);
}
.mddtp-picker__cell--rotate-45 {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mddtp-picker__cell--rotate-45 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mddtp-picker__cell--rotate-46 {
  -webkit-transform: rotate(48deg);
  -ms-transform: rotate(48deg);
  transform: rotate(48deg);
}
.mddtp-picker__cell--rotate-46 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-48deg);
  -ms-transform: rotate(-48deg);
  transform: rotate(-48deg);
}
.mddtp-picker__cell--rotate-47 {
  -webkit-transform: rotate(51deg);
  -ms-transform: rotate(51deg);
  transform: rotate(51deg);
}
.mddtp-picker__cell--rotate-47 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-51deg);
  -ms-transform: rotate(-51deg);
  transform: rotate(-51deg);
}
.mddtp-picker__cell--rotate-48 {
  -webkit-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  transform: rotate(54deg);
}
.mddtp-picker__cell--rotate-48 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-54deg);
  -ms-transform: rotate(-54deg);
  transform: rotate(-54deg);
}
.mddtp-picker__cell--rotate-49 {
  -webkit-transform: rotate(57deg);
  -ms-transform: rotate(57deg);
  transform: rotate(57deg);
}
.mddtp-picker__cell--rotate-49 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-57deg);
  -ms-transform: rotate(-57deg);
  transform: rotate(-57deg);
}
.mddtp-picker__cell--rotate-50 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.mddtp-picker__cell--rotate-50 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.mddtp-picker__cell--rotate-51 {
  -webkit-transform: rotate(63deg);
  -ms-transform: rotate(63deg);
  transform: rotate(63deg);
}
.mddtp-picker__cell--rotate-51 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-63deg);
  -ms-transform: rotate(-63deg);
  transform: rotate(-63deg);
}
.mddtp-picker__cell--rotate-52 {
  -webkit-transform: rotate(66deg);
  -ms-transform: rotate(66deg);
  transform: rotate(66deg);
}
.mddtp-picker__cell--rotate-52 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-66deg);
  -ms-transform: rotate(-66deg);
  transform: rotate(-66deg);
}
.mddtp-picker__cell--rotate-53 {
  -webkit-transform: rotate(69deg);
  -ms-transform: rotate(69deg);
  transform: rotate(69deg);
}
.mddtp-picker__cell--rotate-53 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-69deg);
  -ms-transform: rotate(-69deg);
  transform: rotate(-69deg);
}
.mddtp-picker__cell--rotate-54 {
  -webkit-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  transform: rotate(72deg);
}
.mddtp-picker__cell--rotate-54 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-72deg);
  -ms-transform: rotate(-72deg);
  transform: rotate(-72deg);
}
.mddtp-picker__cell--rotate-55 {
  -webkit-transform: rotate(75deg);
  -ms-transform: rotate(75deg);
  transform: rotate(75deg);
}
.mddtp-picker__cell--rotate-55 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-75deg);
  -ms-transform: rotate(-75deg);
  transform: rotate(-75deg);
}
.mddtp-picker__cell--rotate-56 {
  -webkit-transform: rotate(78deg);
  -ms-transform: rotate(78deg);
  transform: rotate(78deg);
}
.mddtp-picker__cell--rotate-56 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-78deg);
  -ms-transform: rotate(-78deg);
  transform: rotate(-78deg);
}
.mddtp-picker__cell--rotate-57 {
  -webkit-transform: rotate(81deg);
  -ms-transform: rotate(81deg);
  transform: rotate(81deg);
}
.mddtp-picker__cell--rotate-57 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-81deg);
  -ms-transform: rotate(-81deg);
  transform: rotate(-81deg);
}
.mddtp-picker__cell--rotate-58 {
  -webkit-transform: rotate(84deg);
  -ms-transform: rotate(84deg);
  transform: rotate(84deg);
}
.mddtp-picker__cell--rotate-58 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-84deg);
  -ms-transform: rotate(-84deg);
  transform: rotate(-84deg);
}
.mddtp-picker__cell--rotate-59 {
  -webkit-transform: rotate(87deg);
  -ms-transform: rotate(87deg);
  transform: rotate(87deg);
}
.mddtp-picker__cell--rotate-59 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-87deg);
  -ms-transform: rotate(-87deg);
  transform: rotate(-87deg);
}
.mddtp-picker__cell--rotate-60 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.mddtp-picker__cell--rotate-60 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.mddtp-picker__cell--rotate-61 {
  -webkit-transform: rotate(93deg);
  -ms-transform: rotate(93deg);
  transform: rotate(93deg);
}
.mddtp-picker__cell--rotate-61 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-93deg);
  -ms-transform: rotate(-93deg);
  transform: rotate(-93deg);
}
.mddtp-picker__cell--rotate-62 {
  -webkit-transform: rotate(96deg);
  -ms-transform: rotate(96deg);
  transform: rotate(96deg);
}
.mddtp-picker__cell--rotate-62 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-96deg);
  -ms-transform: rotate(-96deg);
  transform: rotate(-96deg);
}
.mddtp-picker__cell--rotate-63 {
  -webkit-transform: rotate(99deg);
  -ms-transform: rotate(99deg);
  transform: rotate(99deg);
}
.mddtp-picker__cell--rotate-63 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-99deg);
  -ms-transform: rotate(-99deg);
  transform: rotate(-99deg);
}
.mddtp-picker__cell--rotate-64 {
  -webkit-transform: rotate(102deg);
  -ms-transform: rotate(102deg);
  transform: rotate(102deg);
}
.mddtp-picker__cell--rotate-64 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-102deg);
  -ms-transform: rotate(-102deg);
  transform: rotate(-102deg);
}
.mddtp-picker__cell--rotate-65 {
  -webkit-transform: rotate(105deg);
  -ms-transform: rotate(105deg);
  transform: rotate(105deg);
}
.mddtp-picker__cell--rotate-65 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-105deg);
  -ms-transform: rotate(-105deg);
  transform: rotate(-105deg);
}
.mddtp-picker__cell--rotate-66 {
  -webkit-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  transform: rotate(108deg);
}
.mddtp-picker__cell--rotate-66 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-108deg);
  -ms-transform: rotate(-108deg);
  transform: rotate(-108deg);
}
.mddtp-picker__cell--rotate-67 {
  -webkit-transform: rotate(111deg);
  -ms-transform: rotate(111deg);
  transform: rotate(111deg);
}
.mddtp-picker__cell--rotate-67 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-111deg);
  -ms-transform: rotate(-111deg);
  transform: rotate(-111deg);
}
.mddtp-picker__cell--rotate-68 {
  -webkit-transform: rotate(114deg);
  -ms-transform: rotate(114deg);
  transform: rotate(114deg);
}
.mddtp-picker__cell--rotate-68 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-114deg);
  -ms-transform: rotate(-114deg);
  transform: rotate(-114deg);
}
.mddtp-picker__cell--rotate-69 {
  -webkit-transform: rotate(117deg);
  -ms-transform: rotate(117deg);
  transform: rotate(117deg);
}
.mddtp-picker__cell--rotate-69 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-117deg);
  -ms-transform: rotate(-117deg);
  transform: rotate(-117deg);
}
.mddtp-picker__cell--rotate-70 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.mddtp-picker__cell--rotate-70 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-120deg);
  -ms-transform: rotate(-120deg);
  transform: rotate(-120deg);
}
.mddtp-picker__cell--rotate-71 {
  -webkit-transform: rotate(123deg);
  -ms-transform: rotate(123deg);
  transform: rotate(123deg);
}
.mddtp-picker__cell--rotate-71 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-123deg);
  -ms-transform: rotate(-123deg);
  transform: rotate(-123deg);
}
.mddtp-picker__cell--rotate-72 {
  -webkit-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  transform: rotate(126deg);
}
.mddtp-picker__cell--rotate-72 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-126deg);
  -ms-transform: rotate(-126deg);
  transform: rotate(-126deg);
}
.mddtp-picker__cell--rotate-73 {
  -webkit-transform: rotate(129deg);
  -ms-transform: rotate(129deg);
  transform: rotate(129deg);
}
.mddtp-picker__cell--rotate-73 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-129deg);
  -ms-transform: rotate(-129deg);
  transform: rotate(-129deg);
}
.mddtp-picker__cell--rotate-74 {
  -webkit-transform: rotate(132deg);
  -ms-transform: rotate(132deg);
  transform: rotate(132deg);
}
.mddtp-picker__cell--rotate-74 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-132deg);
  -ms-transform: rotate(-132deg);
  transform: rotate(-132deg);
}
.mddtp-picker__cell--rotate-75 {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.mddtp-picker__cell--rotate-75 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.mddtp-picker__cell--rotate-76 {
  -webkit-transform: rotate(138deg);
  -ms-transform: rotate(138deg);
  transform: rotate(138deg);
}
.mddtp-picker__cell--rotate-76 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-138deg);
  -ms-transform: rotate(-138deg);
  transform: rotate(-138deg);
}
.mddtp-picker__cell--rotate-77 {
  -webkit-transform: rotate(141deg);
  -ms-transform: rotate(141deg);
  transform: rotate(141deg);
}
.mddtp-picker__cell--rotate-77 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-141deg);
  -ms-transform: rotate(-141deg);
  transform: rotate(-141deg);
}
.mddtp-picker__cell--rotate-78 {
  -webkit-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  transform: rotate(144deg);
}
.mddtp-picker__cell--rotate-78 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-144deg);
  -ms-transform: rotate(-144deg);
  transform: rotate(-144deg);
}
.mddtp-picker__cell--rotate-79 {
  -webkit-transform: rotate(147deg);
  -ms-transform: rotate(147deg);
  transform: rotate(147deg);
}
.mddtp-picker__cell--rotate-79 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-147deg);
  -ms-transform: rotate(-147deg);
  transform: rotate(-147deg);
}
.mddtp-picker__cell--rotate-80 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.mddtp-picker__cell--rotate-80 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-150deg);
  -ms-transform: rotate(-150deg);
  transform: rotate(-150deg);
}
.mddtp-picker__cell--rotate-81 {
  -webkit-transform: rotate(153deg);
  -ms-transform: rotate(153deg);
  transform: rotate(153deg);
}
.mddtp-picker__cell--rotate-81 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-153deg);
  -ms-transform: rotate(-153deg);
  transform: rotate(-153deg);
}
.mddtp-picker__cell--rotate-82 {
  -webkit-transform: rotate(156deg);
  -ms-transform: rotate(156deg);
  transform: rotate(156deg);
}
.mddtp-picker__cell--rotate-82 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-156deg);
  -ms-transform: rotate(-156deg);
  transform: rotate(-156deg);
}
.mddtp-picker__cell--rotate-83 {
  -webkit-transform: rotate(159deg);
  -ms-transform: rotate(159deg);
  transform: rotate(159deg);
}
.mddtp-picker__cell--rotate-83 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-159deg);
  -ms-transform: rotate(-159deg);
  transform: rotate(-159deg);
}
.mddtp-picker__cell--rotate-84 {
  -webkit-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  transform: rotate(162deg);
}
.mddtp-picker__cell--rotate-84 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-162deg);
  -ms-transform: rotate(-162deg);
  transform: rotate(-162deg);
}
.mddtp-picker__cell--rotate-85 {
  -webkit-transform: rotate(165deg);
  -ms-transform: rotate(165deg);
  transform: rotate(165deg);
}
.mddtp-picker__cell--rotate-85 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-165deg);
  -ms-transform: rotate(-165deg);
  transform: rotate(-165deg);
}
.mddtp-picker__cell--rotate-86 {
  -webkit-transform: rotate(168deg);
  -ms-transform: rotate(168deg);
  transform: rotate(168deg);
}
.mddtp-picker__cell--rotate-86 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-168deg);
  -ms-transform: rotate(-168deg);
  transform: rotate(-168deg);
}
.mddtp-picker__cell--rotate-87 {
  -webkit-transform: rotate(171deg);
  -ms-transform: rotate(171deg);
  transform: rotate(171deg);
}
.mddtp-picker__cell--rotate-87 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-171deg);
  -ms-transform: rotate(-171deg);
  transform: rotate(-171deg);
}
.mddtp-picker__cell--rotate-88 {
  -webkit-transform: rotate(174deg);
  -ms-transform: rotate(174deg);
  transform: rotate(174deg);
}
.mddtp-picker__cell--rotate-88 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-174deg);
  -ms-transform: rotate(-174deg);
  transform: rotate(-174deg);
}
.mddtp-picker__cell--rotate-89 {
  -webkit-transform: rotate(177deg);
  -ms-transform: rotate(177deg);
  transform: rotate(177deg);
}
.mddtp-picker__cell--rotate-89 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-177deg);
  -ms-transform: rotate(-177deg);
  transform: rotate(-177deg);
}
.mddtp-picker__cell--rotate-90 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.mddtp-picker__cell--rotate-90 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.mddtp-picker__cell--rotate-91 {
  -webkit-transform: rotate(183deg);
  -ms-transform: rotate(183deg);
  transform: rotate(183deg);
}
.mddtp-picker__cell--rotate-91 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-183deg);
  -ms-transform: rotate(-183deg);
  transform: rotate(-183deg);
}
.mddtp-picker__cell--rotate-92 {
  -webkit-transform: rotate(186deg);
  -ms-transform: rotate(186deg);
  transform: rotate(186deg);
}
.mddtp-picker__cell--rotate-92 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-186deg);
  -ms-transform: rotate(-186deg);
  transform: rotate(-186deg);
}
.mddtp-picker__cell--rotate-93 {
  -webkit-transform: rotate(189deg);
  -ms-transform: rotate(189deg);
  transform: rotate(189deg);
}
.mddtp-picker__cell--rotate-93 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-189deg);
  -ms-transform: rotate(-189deg);
  transform: rotate(-189deg);
}
.mddtp-picker__cell--rotate-94 {
  -webkit-transform: rotate(192deg);
  -ms-transform: rotate(192deg);
  transform: rotate(192deg);
}
.mddtp-picker__cell--rotate-94 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-192deg);
  -ms-transform: rotate(-192deg);
  transform: rotate(-192deg);
}
.mddtp-picker__cell--rotate-95 {
  -webkit-transform: rotate(195deg);
  -ms-transform: rotate(195deg);
  transform: rotate(195deg);
}
.mddtp-picker__cell--rotate-95 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-195deg);
  -ms-transform: rotate(-195deg);
  transform: rotate(-195deg);
}
.mddtp-picker__cell--rotate-96 {
  -webkit-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  transform: rotate(198deg);
}
.mddtp-picker__cell--rotate-96 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-198deg);
  -ms-transform: rotate(-198deg);
  transform: rotate(-198deg);
}
.mddtp-picker__cell--rotate-97 {
  -webkit-transform: rotate(201deg);
  -ms-transform: rotate(201deg);
  transform: rotate(201deg);
}
.mddtp-picker__cell--rotate-97 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-201deg);
  -ms-transform: rotate(-201deg);
  transform: rotate(-201deg);
}
.mddtp-picker__cell--rotate-98 {
  -webkit-transform: rotate(204deg);
  -ms-transform: rotate(204deg);
  transform: rotate(204deg);
}
.mddtp-picker__cell--rotate-98 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-204deg);
  -ms-transform: rotate(-204deg);
  transform: rotate(-204deg);
}
.mddtp-picker__cell--rotate-99 {
  -webkit-transform: rotate(207deg);
  -ms-transform: rotate(207deg);
  transform: rotate(207deg);
}
.mddtp-picker__cell--rotate-99 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-207deg);
  -ms-transform: rotate(-207deg);
  transform: rotate(-207deg);
}
.mddtp-picker__cell--rotate-100 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
.mddtp-picker__cell--rotate-100 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-210deg);
  -ms-transform: rotate(-210deg);
  transform: rotate(-210deg);
}
.mddtp-picker__cell--rotate-101 {
  -webkit-transform: rotate(213deg);
  -ms-transform: rotate(213deg);
  transform: rotate(213deg);
}
.mddtp-picker__cell--rotate-101 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-213deg);
  -ms-transform: rotate(-213deg);
  transform: rotate(-213deg);
}
.mddtp-picker__cell--rotate-102 {
  -webkit-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  transform: rotate(216deg);
}
.mddtp-picker__cell--rotate-102 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-216deg);
  -ms-transform: rotate(-216deg);
  transform: rotate(-216deg);
}
.mddtp-picker__cell--rotate-103 {
  -webkit-transform: rotate(219deg);
  -ms-transform: rotate(219deg);
  transform: rotate(219deg);
}
.mddtp-picker__cell--rotate-103 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-219deg);
  -ms-transform: rotate(-219deg);
  transform: rotate(-219deg);
}
.mddtp-picker__cell--rotate-104 {
  -webkit-transform: rotate(222deg);
  -ms-transform: rotate(222deg);
  transform: rotate(222deg);
}
.mddtp-picker__cell--rotate-104 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-222deg);
  -ms-transform: rotate(-222deg);
  transform: rotate(-222deg);
}
.mddtp-picker__cell--rotate-105 {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
.mddtp-picker__cell--rotate-105 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg);
}
.mddtp-picker__cell--rotate-106 {
  -webkit-transform: rotate(228deg);
  -ms-transform: rotate(228deg);
  transform: rotate(228deg);
}
.mddtp-picker__cell--rotate-106 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-228deg);
  -ms-transform: rotate(-228deg);
  transform: rotate(-228deg);
}
.mddtp-picker__cell--rotate-107 {
  -webkit-transform: rotate(231deg);
  -ms-transform: rotate(231deg);
  transform: rotate(231deg);
}
.mddtp-picker__cell--rotate-107 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-231deg);
  -ms-transform: rotate(-231deg);
  transform: rotate(-231deg);
}
.mddtp-picker__cell--rotate-108 {
  -webkit-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  transform: rotate(234deg);
}
.mddtp-picker__cell--rotate-108 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-234deg);
  -ms-transform: rotate(-234deg);
  transform: rotate(-234deg);
}
.mddtp-picker__cell--rotate-109 {
  -webkit-transform: rotate(237deg);
  -ms-transform: rotate(237deg);
  transform: rotate(237deg);
}
.mddtp-picker__cell--rotate-109 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-237deg);
  -ms-transform: rotate(-237deg);
  transform: rotate(-237deg);
}
.mddtp-picker__cell--rotate-110 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.mddtp-picker__cell--rotate-110 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-240deg);
  -ms-transform: rotate(-240deg);
  transform: rotate(-240deg);
}
.mddtp-picker__cell--rotate-111 {
  -webkit-transform: rotate(243deg);
  -ms-transform: rotate(243deg);
  transform: rotate(243deg);
}
.mddtp-picker__cell--rotate-111 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-243deg);
  -ms-transform: rotate(-243deg);
  transform: rotate(-243deg);
}
.mddtp-picker__cell--rotate-112 {
  -webkit-transform: rotate(246deg);
  -ms-transform: rotate(246deg);
  transform: rotate(246deg);
}
.mddtp-picker__cell--rotate-112 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-246deg);
  -ms-transform: rotate(-246deg);
  transform: rotate(-246deg);
}
.mddtp-picker__cell--rotate-113 {
  -webkit-transform: rotate(249deg);
  -ms-transform: rotate(249deg);
  transform: rotate(249deg);
}
.mddtp-picker__cell--rotate-113 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-249deg);
  -ms-transform: rotate(-249deg);
  transform: rotate(-249deg);
}
.mddtp-picker__cell--rotate-114 {
  -webkit-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  transform: rotate(252deg);
}
.mddtp-picker__cell--rotate-114 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-252deg);
  -ms-transform: rotate(-252deg);
  transform: rotate(-252deg);
}
.mddtp-picker__cell--rotate-115 {
  -webkit-transform: rotate(255deg);
  -ms-transform: rotate(255deg);
  transform: rotate(255deg);
}
.mddtp-picker__cell--rotate-115 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-255deg);
  -ms-transform: rotate(-255deg);
  transform: rotate(-255deg);
}
.mddtp-picker__cell--rotate-116 {
  -webkit-transform: rotate(258deg);
  -ms-transform: rotate(258deg);
  transform: rotate(258deg);
}
.mddtp-picker__cell--rotate-116 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-258deg);
  -ms-transform: rotate(-258deg);
  transform: rotate(-258deg);
}
.mddtp-picker__cell--rotate-117 {
  -webkit-transform: rotate(261deg);
  -ms-transform: rotate(261deg);
  transform: rotate(261deg);
}
.mddtp-picker__cell--rotate-117 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-261deg);
  -ms-transform: rotate(-261deg);
  transform: rotate(-261deg);
}
.mddtp-picker__cell--rotate-118 {
  -webkit-transform: rotate(264deg);
  -ms-transform: rotate(264deg);
  transform: rotate(264deg);
}
.mddtp-picker__cell--rotate-118 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-264deg);
  -ms-transform: rotate(-264deg);
  transform: rotate(-264deg);
}
.mddtp-picker__cell--rotate-119 {
  -webkit-transform: rotate(267deg);
  -ms-transform: rotate(267deg);
  transform: rotate(267deg);
}
.mddtp-picker__cell--rotate-119 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-267deg);
  -ms-transform: rotate(-267deg);
  transform: rotate(-267deg);
}
.mddtp-picker__cell--rotate-120 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.mddtp-picker__cell--rotate-120 span:not(.mddtp-picker__line) {
  -webkit-transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
  transform: rotate(-270deg);
}
.mddtp-picker.zoomIn,
.mddtp-picker__viewHolder.zoomIn,
.mddtp-picker__years.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
.mddtp-picker.zoomOut,
.mddtp-picker__viewHolder.zoomOut,
.mddtp-picker__years.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
.mddtp-picker.animated,
.mddtp-picker__viewHolder.animated,
.mddtp-picker__years.animated {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@media screen and (max-device-width: 425px) and (orientation: portrait) {
  .mddtp-picker {
    display: block;
  }
  .mddtp-picker .mddtp-picker__header .mddtp-picker__title,
  .mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle {
    margin: 0;
  }
  .mddtp-picker .mddtp-picker__header .mddtp-picker__title span {
    display: inline-block;
  }
  .mddtp-picker .mddtp-picker__header,
  .mddtp-picker .mddtp-picker__body {
    display: block;
    height: 100%;
    width: 100%;
  }
  .mddtp-picker.mddtp-picker-date .mddtp-picker__title div {
    display: inline-block;
  }
  .mddtp-picker.mddtp-picker-date .mddtp-picker__title div#mddtp-date__titleMonth {
    margin-left: 8px;
  }
  .mddtp-picker.mddtp-picker-time .mddtp-picker__header {
    text-align: right;
    width: calc(100% - 48px);
  }
  .mddtp-picker.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title {
    display: inline-block;
  }
  .mddtp-picker.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle {
    display: inline-block;
    margin-left: 16px;
  }
  .mddtp-picker.mddtp-picker-time .mddtp-picker__body {
    padding-top: 20px;
  }
  .mddtp-picker.mddtp-picker-time .mddtp-picker__circularHolder {
    margin-top: 0;
  }
}
@media screen and (max-width: 415px) {
  .mddtp-picker {
    display: block;
  }
  .mddtp-picker .mddtp-picker__header .mddtp-picker__title,
  .mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle {
    margin: 0;
  }
  .mddtp-picker .mddtp-picker__header .mddtp-picker__title span {
    display: inline-block;
  }
  .mddtp-picker .mddtp-picker__header,
  .mddtp-picker .mddtp-picker__body {
    display: block;
    height: 100%;
    width: 100%;
  }
  .mddtp-picker.mddtp-picker-date .mddtp-picker__title div {
    display: inline-block;
  }
  .mddtp-picker.mddtp-picker-date .mddtp-picker__title div#mddtp-date__titleMonth {
    margin-left: 8px;
  }
  .mddtp-picker.mddtp-picker-time .mddtp-picker__header {
    text-align: right;
    width: calc(100% - 48px);
  }
  .mddtp-picker.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title {
    display: inline-block;
  }
  .mddtp-picker.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle {
    display: inline-block;
    margin-left: 16px;
  }
  .mddtp-picker.mddtp-picker-time .mddtp-picker__body {
    padding-top: 20px;
  }
  .mddtp-picker.mddtp-picker-time .mddtp-picker__circularHolder {
    margin-top: 0;
  }
}
.mddtp-picker--portrait {
  display: block;
}
.mddtp-picker--portrait .mddtp-picker__header .mddtp-picker__title,
.mddtp-picker--portrait .mddtp-picker__header .mddtp-picker__subtitle {
  margin: 0;
}
.mddtp-picker--portrait .mddtp-picker__header .mddtp-picker__title span {
  display: inline-block;
}
.mddtp-picker--portrait .mddtp-picker__header,
.mddtp-picker--portrait .mddtp-picker__body {
  display: block;
  height: 100%;
  width: 100%;
}
.mddtp-picker--portrait.mddtp-picker-date .mddtp-picker__title div {
  display: inline-block;
}
.mddtp-picker--portrait.mddtp-picker-date .mddtp-picker__title div#mddtp-date__titleMonth {
  margin-left: 8px;
}
.mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__header {
  text-align: right;
  width: calc(100% - 48px);
}
.mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title {
  display: inline-block;
}
.mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle {
  display: inline-block;
  margin-left: 16px;
}
.mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__body {
  padding-top: 20px;
}
.mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__circularHolder {
  margin-top: 0;
}
.mddtp-picker--inactive {
  display: none;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}