@charset "UTF-8";
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT 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.
 */
/*------------------------------------*    $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-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
 */
/* ==========  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-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: rgb(255,64,129);
  color: rgb(255,255,255);
}

.mdl-button .mdl-badge[data-badge]:after {
  top: -10px;
  right: -5px;
}

.mdl-badge.mdl-badge--no-background[data-badge]:after {
  color: rgb(255,64,129);
  background: rgba(255,255,255,0.2);
  box-shadow: 0 0 1px gray;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT 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 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT 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 */
.mdl-button {
  background: transparent;
  border: none;
  border-radius: 2px;
  color: rgb(0,0,0);
  position: relative;
  height: 36px;
  min-width: 64px;
  padding: 0 8px;
  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, transform;
  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.20);
}

.mdl-button:focus:not(:active) {
  background-color: rgba(0,0,0, 0.12);
}

.mdl-button:active {
  background-color: rgba(158,158,158, 0.40);
}

.mdl-button.mdl-button--colored {
  color: rgb(98,32,102);
}

.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.20);
  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.40);
}

.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.40);
}

.mdl-button--raised.mdl-button--colored {
  background: rgb(98,32,102);
  color: rgb(255,255,255);
}

.mdl-button--raised.mdl-button--colored:hover {
  background-color: rgb(98,32,102);
}

.mdl-button--raised.mdl-button--colored:active {
  background-color: rgb(98,32,102);
}

.mdl-button--raised.mdl-button--colored:focus:not(:active) {
  background-color: rgb(98,32,102);
}

.mdl-button--raised.mdl-button--colored .mdl-ripple {
  background: rgb(255,255,255);
}

.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.20);
  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);
  -ms-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.40);
}

.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.40);
}

.mdl-button--fab.mdl-button--colored {
  background: rgb(255,64,129);
  color: rgb(255,255,255);
}

.mdl-button--fab.mdl-button--colored:hover {
  background-color: rgb(255,64,129);
}

.mdl-button--fab.mdl-button--colored:focus:not(:active) {
  background-color: rgb(255,64,129);
}

.mdl-button--fab.mdl-button--colored:active {
  background-color: rgb(255,64,129);
}

.mdl-button--fab.mdl-button--colored .mdl-ripple {
  background: rgb(255,255,255);
}

.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);
  -ms-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: rgb(98,32,102);
}

.mdl-button--primary.mdl-button--primary .mdl-ripple {
  background: rgb(255,255,255);
}

.mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab {
  color: rgb(255,255,255);
  background-color: rgb(98,32,102);
}

.mdl-button--accent.mdl-button--accent {
  color: rgb(255,64,129);
}

.mdl-button--accent.mdl-button--accent .mdl-ripple {
  background: rgb(255,255,255);
}

.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
  color: rgb(255,255,255);
  background-color: rgb(255,64,129);
}

.mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled {
  color: rgba(0,0,0, 0.26);
  cursor: auto;
  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);
  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[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: 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--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
 */
/* ==========  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-card {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 16px;
  font-weight: 400;
  min-height: 200px;
  overflow: hidden;
  width: 330px;
  z-index: 1;
  position: relative;
  background: rgb(255,255,255);
  border-radius: 2px;
  box-sizing: border-box;
}

.mdl-card__media {
  background-color: rgb(255,64,129);
  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: rgb(0,0,0);
  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;
  -ms-transform-origin: 165px 56px;
  transform-origin: 165px 56px;
  box-sizing: border-box;
}

.mdl-card__title.mdl-card--border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mdl-card__title-text {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: inherit;
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  font-weight: 300;
  line-height: normal;
  overflow: hidden;
  -webkit-transform-origin: 149px 48px;
  -ms-transform-origin: 149px 48px;
  transform-origin: 149px 48px;
  margin: 0;
}

.mdl-card__subtitle-text {
  font-size: 14px;
  color: grey;
  margin: 0;
}

.mdl-card__supporting-text {
  color: rgba(0,0,0, 0.54);
  font-size: 13px;
  line-height: 18px;
  overflow: hidden;
  padding: 16px 16px;
  width: 90%;
}

.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
 */
/* ==========  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 */
.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 rgb(98,32,102);
}

.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(98,32,102, 0.26);
  background-color: rgba(98,32,102, 0.26);
}

.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: rgb(98,32,102) url("/images/tick.svg?embed");
}

.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
  background: rgba(0,0,0, 0.26) url("/images/tick.svg?embed");
}

.mdl-checkbox__label {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}

.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: rgb(98,32,102);
}

.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {
  cursor: auto;
}

.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
 */
/* ==========  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 */
.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: rgb(255,255,255);
}

.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 0 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: top;
  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: top;
  position: absolute;
  left: 24px;
}

.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__select {
  position: absolute;
  bottom: 8px;
  left: 24px;
}

.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
 */
/* ==========  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-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: rgb(158,158,158);
  background-color: rgb(66,66,66);
}

.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: rgb(158,158,158);
  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
 */
/* ==========  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 */
.mdl-mega-footer {
  padding: 16px 40px;
  color: rgb(158,158,158);
  background-color: rgb(66,66,66);
}

.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: rgb(158,158,158);
  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 ~ ul,
.mdl-mega-footer__heading-checkbox:checked ~ ul {
  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: rgb(224,224,224);
}

.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 {
    background-image: none;
  }
  .mdl-mega-footer--heading-checkbox:checked ~ ul,
  .mdl-mega-footer__heading-checkbox:checked ~ ul {
    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.
 */
/*
* 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: -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;
}

@media (max-width: 767px) {
  .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(8.33333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
  .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
    width: 8.33333%;
  }
  .mdl-cell--2-col,
  .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
    width: calc(16.66667% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
  .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
    width: 16.66667%;
  }
  .mdl-cell--3-col,
  .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
    width: calc(25% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
  .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
    width: 25%;
  }
  .mdl-cell--4-col,
  .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
    width: calc(33.33333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
  .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
    width: 33.33333%;
  }
  .mdl-cell--5-col,
  .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
    width: calc(41.66667% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
  .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
    width: 41.66667%;
  }
  .mdl-cell--6-col,
  .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
    width: calc(50% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
  .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
    width: 50%;
  }
  .mdl-cell--7-col,
  .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
    width: calc(58.33333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
  .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
    width: 58.33333%;
  }
  .mdl-cell--8-col,
  .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
    width: calc(66.66667% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
  .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
    width: 66.66667%;
  }
  .mdl-cell--9-col,
  .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
    width: calc(75% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
  .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
    width: 75%;
  }
  .mdl-cell--10-col,
  .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
    width: calc(83.33333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
  .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
    width: 83.33333%;
  }
  .mdl-cell--11-col,
  .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
    width: calc(91.66667% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
  .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
    width: 91.66667%;
  }
  .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(8.33333% + 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: 8.33333%;
  }
  .mdl-cell--2-offset,
  .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
    margin-left: calc(16.66667% + 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: 16.66667%;
  }
  .mdl-cell--3-offset,
  .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
    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-phone.mdl-cell--3-offset-phone {
    margin-left: 25%;
  }
  .mdl-cell--4-offset,
  .mdl-cell--4-offset-phone.mdl-cell--4-offset-phone {
    margin-left: calc(33.33333% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing >
  .mdl-cell--4-offset-phone.mdl-cell--4-offset-phone {
    margin-left: 33.33333%;
  }
  .mdl-cell--5-offset,
  .mdl-cell--5-offset-phone.mdl-cell--5-offset-phone {
    margin-left: calc(41.66667% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing >
  .mdl-cell--5-offset-phone.mdl-cell--5-offset-phone {
    margin-left: 41.66667%;
  }
  .mdl-cell--6-offset,
  .mdl-cell--6-offset-phone.mdl-cell--6-offset-phone {
    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-phone.mdl-cell--6-offset-phone {
    margin-left: 50%;
  }
  .mdl-cell--7-offset,
  .mdl-cell--7-offset-phone.mdl-cell--7-offset-phone {
    margin-left: calc(58.33333% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing >
  .mdl-cell--7-offset-phone.mdl-cell--7-offset-phone {
    margin-left: 58.33333%;
  }
  .mdl-cell--8-offset,
  .mdl-cell--8-offset-phone.mdl-cell--8-offset-phone {
    margin-left: calc(66.66667% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .mdl-grid.mdl-grid--no-spacing >
  .mdl-cell--8-offset-phone.mdl-cell--8-offset-phone {
    margin-left: 66.66667%;
  }
  .mdl-cell--9-offset,
  .mdl-cell--9-offset-phone.mdl-cell--9-offset-phone {
    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-phone.mdl-cell--9-offset-phone {
    margin-left: 75%;
  }
  .mdl-cell--10-offset,
  .mdl-cell--10-offset-phone.mdl-cell--10-offset-phone {
    margin-left: calc(83.33333% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .mdl-grid.mdl-grid--no-spacing >
  .mdl-cell--10-offset-phone.mdl-cell--10-offset-phone {
    margin-left: 83.33333%;
  }
  .mdl-cell--11-offset,
  .mdl-cell--11-offset-phone.mdl-cell--11-offset-phone {
    margin-left: calc(91.66667% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .mdl-grid.mdl-grid--no-spacing >
  .mdl-cell--11-offset-phone.mdl-cell--11-offset-phone {
    margin-left: 91.66667%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .mdl-grid {
    padding: 8px;
  }
  .mdl-cell {
    margin: 8px;
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell {
    width: 100%;
  }
  .mdl-cell--hide-tablet {
    display: none !important;
  }
  .mdl-cell--1-col,
  .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
    width: calc(8.33333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
  .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
    width: 8.33333%;
  }
  .mdl-cell--2-col,
  .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
    width: calc(16.66667% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
  .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
    width: 16.66667%;
  }
  .mdl-cell--3-col,
  .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
    width: calc(25% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
  .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
    width: 25%;
  }
  .mdl-cell--4-col,
  .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
    width: calc(33.33333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
  .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
    width: 33.33333%;
  }
  .mdl-cell--5-col,
  .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
    width: calc(41.66667% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
  .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
    width: 41.66667%;
  }
  .mdl-cell--6-col,
  .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
    width: calc(50% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
  .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
    width: 50%;
  }
  .mdl-cell--7-col,
  .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
    width: calc(58.33333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
  .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
    width: 58.33333%;
  }
  .mdl-cell--8-col,
  .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
    width: calc(66.66667% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
  .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
    width: 66.66667%;
  }
  .mdl-cell--9-col,
  .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
    width: calc(75% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
  .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
    width: 75%;
  }
  .mdl-cell--10-col,
  .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
    width: calc(83.33333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
  .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
    width: 83.33333%;
  }
  .mdl-cell--11-col,
  .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
    width: calc(91.66667% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
  .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
    width: 91.66667%;
  }
  .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(8.33333% + 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: 8.33333%;
  }
  .mdl-cell--2-offset,
  .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
    margin-left: calc(16.66667% + 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: 16.66667%;
  }
  .mdl-cell--3-offset,
  .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
    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-tablet.mdl-cell--3-offset-tablet {
    margin-left: 25%;
  }
  .mdl-cell--4-offset,
  .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
    margin-left: calc(33.33333% + 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: 33.33333%;
  }
  .mdl-cell--5-offset,
  .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
    margin-left: calc(41.66667% + 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: 41.66667%;
  }
  .mdl-cell--6-offset,
  .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
    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-tablet.mdl-cell--6-offset-tablet {
    margin-left: 50%;
  }
  .mdl-cell--7-offset,
  .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
    margin-left: calc(58.33333% + 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: 58.33333%;
  }
  .mdl-cell--8-offset,
  .mdl-cell--8-offset-tablet.mdl-cell--8-offset-tablet {
    margin-left: calc(66.66667% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .mdl-grid.mdl-grid--no-spacing >
  .mdl-cell--8-offset-tablet.mdl-cell--8-offset-tablet {
    margin-left: 66.66667%;
  }
  .mdl-cell--9-offset,
  .mdl-cell--9-offset-tablet.mdl-cell--9-offset-tablet {
    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-tablet.mdl-cell--9-offset-tablet {
    margin-left: 75%;
  }
  .mdl-cell--10-offset,
  .mdl-cell--10-offset-tablet.mdl-cell--10-offset-tablet {
    margin-left: calc(83.33333% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .mdl-grid.mdl-grid--no-spacing >
  .mdl-cell--10-offset-tablet.mdl-cell--10-offset-tablet {
    margin-left: 83.33333%;
  }
  .mdl-cell--11-offset,
  .mdl-cell--11-offset-tablet.mdl-cell--11-offset-tablet {
    margin-left: calc(91.66667% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .mdl-grid.mdl-grid--no-spacing >
  .mdl-cell--11-offset-tablet.mdl-cell--11-offset-tablet {
    margin-left: 91.66667%;
  }
}

@media (min-width: 1025px) {
  .mdl-grid {
    padding: 8px;
  }
  .mdl-cell {
    margin: 8px;
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell {
    width: 100%;
  }
  .mdl-cell--hide-desktop {
    display: none !important;
  }
  .mdl-cell--1-col,
  .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
    width: calc(8.33333% - 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.33333%;
  }
  .mdl-cell--2-col,
  .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
    width: calc(16.66667% - 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.66667%;
  }
  .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.33333% - 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.33333%;
  }
  .mdl-cell--5-col,
  .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
    width: calc(41.66667% - 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.66667%;
  }
  .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.33333% - 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.33333%;
  }
  .mdl-cell--8-col,
  .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
    width: calc(66.66667% - 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.66667%;
  }
  .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.33333% - 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.33333%;
  }
  .mdl-cell--11-col,
  .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
    width: calc(91.66667% - 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.66667%;
  }
  .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.33333% + 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.33333%;
  }
  .mdl-cell--2-offset,
  .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
    margin-left: calc(16.66667% + 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.66667%;
  }
  .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.33333% + 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.33333%;
  }
  .mdl-cell--5-offset,
  .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
    margin-left: calc(41.66667% + 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.66667%;
  }
  .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.33333% + 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.33333%;
  }
  .mdl-cell--8-offset,
  .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
    margin-left: calc(66.66667% + 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.66667%;
  }
  .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.33333% + 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.33333%;
  }
  .mdl-cell--11-offset,
  .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
    margin-left: calc(91.66667% + 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.66667%;
  }
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT 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 */
.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: rgb(97,97,97);
  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: rgb(98,32,102);
}

.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(98,32,102, 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: rgb(97,97,97);
}

.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
 */
/* ==========  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 */
.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: rgb(66,66,66);
  text-decoration: none;
  font-weight: 500;
  font-size: 13px;
  margin: 0;
}

.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 {
  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 rgb(224,224,224);
  background: rgb(250,250,250);
  -webkit-transform: translateX(-250px);
  -ms-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: rgb(66,66,66);
  overflow: visible;
  overflow-y: auto;
  z-index: 5;
}

.mdl-layout__drawer.is-visible {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.mdl-layout__drawer > * {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.mdl-layout__drawer > .mdl-layout-title {
  line-height: 64px;
  padding-left: 40px;
}

@media screen and (max-width: 1024px) {
  .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: rgb(224,224,224);
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
  background-color: rgb(0,0,0);
  color: rgb(98,32,102);
}

@media screen and (min-width: 1025px) {
  .mdl-layout--fixed-drawer > .mdl-layout__drawer {
    -webkit-transform: translateX(0);
    -ms-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: 50px;
  font-family: Helvetica, Arial, sans-serif;
  margin: 10px 12px;
  top: 0;
  left: 0;
  color: rgb(255,255,255);
  z-index: 4;
}

.mdl-layout__header .mdl-layout__drawer-button {
  position: absolute;
  color: rgb(255,255,255);
  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--fixed-drawer > .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: rgb(98,32,102);
  color: rgb(255,255,255);
  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:not(.is-small-screen) > .mdl-layout__header {
  margin-left: 240px;
  width: calc(100% - 240px);
}

@media screen and (min-width: 1024px) {
  .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-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;
}

@media screen and (max-width: 1024px) {
  .mdl-layout__header-row {
    height: 56px;
    padding: 0 16px 0 72px;
  }
}

.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: rgb(255,255,255);
  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__drawer.is-visible ~ .mdl-layout__obfuscator {
  background-color: rgba(0, 0, 0, 0.5);
  visibility: visible;
}

.mdl-layout__content {
  -ms-flex: 0 1 auto;
  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: rgb(98,32,102);
  overflow-y: hidden;
  overflow-x: scroll;
}

.mdl-layout__tab-bar::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 1024px) {
  .mdl-layout__tab-bar {
    width: calc(100% - 60px);
    padding: 0 0 0 60px;
  }
}

.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: rgb(98,32,102);
  color: transparent;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media screen and (max-width: 1024px) {
  .mdl-layout__tab-bar-button {
    display: none;
    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: rgb(255,255,255);
}

.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: rgb(255,255,255);
}

.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
  height: 2px;
  width: 100%;
  display: block;
  content: " ";
  bottom: 0;
  left: 0;
  position: absolute;
  background: rgb(255,64,129);
  -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: rgb(255,255,255);
}

.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
 */
/* ==========  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 */
.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: rgb(255,255,255);
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 0 0;
  -ms-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);
  -ms-transform: scale(1);
  transform: scale(1);
  z-index: 999;
}

.mdl-menu__outline.mdl-menu--bottom-right {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.mdl-menu__outline.mdl-menu--top-left {
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.mdl-menu__outline.mdl-menu--top-right {
  -webkit-transform-origin: 100% 100%;
  -ms-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: rgb(189,189,189);
  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[disabled] {
  color: rgb(189,189,189);
  background-color: transparent;
  cursor: auto;
}

.mdl-menu__item[disabled]:hover {
  background-color: transparent;
}

.mdl-menu__item[disabled]:focus {
  background-color: transparent;
}

.mdl-menu__item[disabled] .mdl-ripple {
  background: transparent;
}

.mdl-menu__item:hover {
  background-color: rgb(238,238,238);
}

.mdl-menu__item:focus {
  outline: none;
  background-color: rgb(238,238,238);
}

.mdl-menu__item:active {
  background-color: rgb(224,224,224);
}

.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
 */
/* ==========  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-color-text--red {
  color: rgb(244,67,54) !important;
}

.mdl-color--red {
  background-color: rgb(244,67,54) !important;
}

.mdl-color-text--red-50 {
  color: rgb(255,235,238) !important;
}

.mdl-color--red-50 {
  background-color: rgb(255,235,238) !important;
}

.mdl-color-text--red-100 {
  color: rgb(255,205,210) !important;
}

.mdl-color--red-100 {
  background-color: rgb(255,205,210) !important;
}

.mdl-color-text--red-200 {
  color: rgb(239,154,154) !important;
}

.mdl-color--red-200 {
  background-color: rgb(239,154,154) !important;
}

.mdl-color-text--red-300 {
  color: rgb(229,115,115) !important;
}

.mdl-color--red-300 {
  background-color: rgb(229,115,115) !important;
}

.mdl-color-text--red-400 {
  color: rgb(239,83,80) !important;
}

.mdl-color--red-400 {
  background-color: rgb(239,83,80) !important;
}

.mdl-color-text--red-500 {
  color: rgb(244,67,54) !important;
}

.mdl-color--red-500 {
  background-color: rgb(244,67,54) !important;
}

.mdl-color-text--red-600 {
  color: rgb(229,57,53) !important;
}

.mdl-color--red-600 {
  background-color: rgb(229,57,53) !important;
}

.mdl-color-text--red-700 {
  color: rgb(211,47,47) !important;
}

.mdl-color--red-700 {
  background-color: rgb(211,47,47) !important;
}

.mdl-color-text--red-800 {
  color: rgb(198,40,40) !important;
}

.mdl-color--red-800 {
  background-color: rgb(198,40,40) !important;
}

.mdl-color-text--red-900 {
  color: rgb(183,28,28) !important;
}

.mdl-color--red-900 {
  background-color: rgb(183,28,28) !important;
}

.mdl-color-text--red-A100 {
  color: rgb(255,138,128) !important;
}

.mdl-color--red-A100 {
  background-color: rgb(255,138,128) !important;
}

.mdl-color-text--red-A200 {
  color: rgb(255,82,82) !important;
}

.mdl-color--red-A200 {
  background-color: rgb(255,82,82) !important;
}

.mdl-color-text--red-A400 {
  color: rgb(255,23,68) !important;
}

.mdl-color--red-A400 {
  background-color: rgb(255,23,68) !important;
}

.mdl-color-text--red-A700 {
  color: rgb(213,0,0) !important;
}

.mdl-color--red-A700 {
  background-color: rgb(213,0,0) !important;
}

.mdl-color-text--pink {
  color: rgb(233,30,99) !important;
}

.mdl-color--pink {
  background-color: rgb(233,30,99) !important;
}

.mdl-color-text--pink-50 {
  color: rgb(252,228,236) !important;
}

.mdl-color--pink-50 {
  background-color: rgb(252,228,236) !important;
}

.mdl-color-text--pink-100 {
  color: rgb(248,187,208) !important;
}

.mdl-color--pink-100 {
  background-color: rgb(248,187,208) !important;
}

.mdl-color-text--pink-200 {
  color: rgb(244,143,177) !important;
}

.mdl-color--pink-200 {
  background-color: rgb(244,143,177) !important;
}

.mdl-color-text--pink-300 {
  color: rgb(240,98,146) !important;
}

.mdl-color--pink-300 {
  background-color: rgb(240,98,146) !important;
}

.mdl-color-text--pink-400 {
  color: rgb(236,64,122) !important;
}

.mdl-color--pink-400 {
  background-color: rgb(236,64,122) !important;
}

.mdl-color-text--pink-500 {
  color: rgb(233,30,99) !important;
}

.mdl-color--pink-500 {
  background-color: rgb(233,30,99) !important;
}

.mdl-color-text--pink-600 {
  color: rgb(216,27,96) !important;
}

.mdl-color--pink-600 {
  background-color: rgb(216,27,96) !important;
}

.mdl-color-text--pink-700 {
  color: rgb(194,24,91) !important;
}

.mdl-color--pink-700 {
  background-color: rgb(194,24,91) !important;
}

.mdl-color-text--pink-800 {
  color: rgb(173,20,87) !important;
}

.mdl-color--pink-800 {
  background-color: rgb(173,20,87) !important;
}

.mdl-color-text--pink-900 {
  color: rgb(136,14,79) !important;
}

.mdl-color--pink-900 {
  background-color: rgb(136,14,79) !important;
}

.mdl-color-text--pink-A100 {
  color: rgb(255,128,171) !important;
}

.mdl-color--pink-A100 {
  background-color: rgb(255,128,171) !important;
}

.mdl-color-text--pink-A200 {
  color: rgb(255,64,129) !important;
}

.mdl-color--pink-A200 {
  background-color: rgb(255,64,129) !important;
}

.mdl-color-text--pink-A400 {
  color: rgb(245,0,87) !important;
}

.mdl-color--pink-A400 {
  background-color: rgb(245,0,87) !important;
}

.mdl-color-text--pink-A700 {
  color: rgb(197,17,98) !important;
}

.mdl-color--pink-A700 {
  background-color: rgb(197,17,98) !important;
}

.mdl-color-text--purple {
  color: rgb(156,39,176) !important;
}

.mdl-color--purple {
  background-color: rgb(156,39,176) !important;
}

.mdl-color-text--purple-50 {
  color: rgb(243,229,245) !important;
}

.mdl-color--purple-50 {
  background-color: rgb(243,229,245) !important;
}

.mdl-color-text--purple-100 {
  color: rgb(225,190,231) !important;
}

.mdl-color--purple-100 {
  background-color: rgb(225,190,231) !important;
}

.mdl-color-text--purple-200 {
  color: rgb(206,147,216) !important;
}

.mdl-color--purple-200 {
  background-color: rgb(206,147,216) !important;
}

.mdl-color-text--purple-300 {
  color: rgb(186,104,200) !important;
}

.mdl-color--purple-300 {
  background-color: rgb(186,104,200) !important;
}

.mdl-color-text--purple-400 {
  color: rgb(171,71,188) !important;
}

.mdl-color--purple-400 {
  background-color: rgb(171,71,188) !important;
}

.mdl-color-text--purple-500 {
  color: rgb(156,39,176) !important;
}

.mdl-color--purple-500 {
  background-color: rgb(156,39,176) !important;
}

.mdl-color-text--purple-600 {
  color: rgb(142,36,170) !important;
}

.mdl-color--purple-600 {
  background-color: rgb(142,36,170) !important;
}

.mdl-color-text--purple-700 {
  color: rgb(123,31,162) !important;
}

.mdl-color--purple-700 {
  background-color: rgb(123,31,162) !important;
}

.mdl-color-text--purple-800 {
  color: rgb(106,27,154) !important;
}

.mdl-color--purple-800 {
  background-color: rgb(106,27,154) !important;
}

.mdl-color-text--purple-900 {
  color: rgb(74,20,140) !important;
}

.mdl-color--purple-900 {
  background-color: rgb(74,20,140) !important;
}

.mdl-color-text--purple-A100 {
  color: rgb(234,128,252) !important;
}

.mdl-color--purple-A100 {
  background-color: rgb(234,128,252) !important;
}

.mdl-color-text--purple-A200 {
  color: rgb(224,64,251) !important;
}

.mdl-color--purple-A200 {
  background-color: rgb(224,64,251) !important;
}

.mdl-color-text--purple-A400 {
  color: rgb(213,0,249) !important;
}

.mdl-color--purple-A400 {
  background-color: rgb(213,0,249) !important;
}

.mdl-color-text--purple-A700 {
  color: rgb(170,0,255) !important;
}

.mdl-color--purple-A700 {
  background-color: rgb(170,0,255) !important;
}

.mdl-color-text--deep-purple {
  color: rgb(103,58,183) !important;
}

.mdl-color--deep-purple {
  background-color: rgb(103,58,183) !important;
}

.mdl-color-text--deep-purple-50 {
  color: rgb(237,231,246) !important;
}

.mdl-color--deep-purple-50 {
  background-color: rgb(237,231,246) !important;
}

.mdl-color-text--deep-purple-100 {
  color: rgb(209,196,233) !important;
}

.mdl-color--deep-purple-100 {
  background-color: rgb(209,196,233) !important;
}

.mdl-color-text--deep-purple-200 {
  color: rgb(179,157,219) !important;
}

.mdl-color--deep-purple-200 {
  background-color: rgb(179,157,219) !important;
}

.mdl-color-text--deep-purple-300 {
  color: rgb(149,117,205) !important;
}

.mdl-color--deep-purple-300 {
  background-color: rgb(149,117,205) !important;
}

.mdl-color-text--deep-purple-400 {
  color: rgb(126,87,194) !important;
}

.mdl-color--deep-purple-400 {
  background-color: rgb(126,87,194) !important;
}

.mdl-color-text--deep-purple-500 {
  color: rgb(103,58,183) !important;
}

.mdl-color--deep-purple-500 {
  background-color: rgb(103,58,183) !important;
}

.mdl-color-text--deep-purple-600 {
  color: rgb(94,53,177) !important;
}

.mdl-color--deep-purple-600 {
  background-color: rgb(94,53,177) !important;
}

.mdl-color-text--deep-purple-700 {
  color: rgb(81,45,168) !important;
}

.mdl-color--deep-purple-700 {
  background-color: rgb(81,45,168) !important;
}

.mdl-color-text--deep-purple-800 {
  color: rgb(69,39,160) !important;
}

.mdl-color--deep-purple-800 {
  background-color: rgb(69,39,160) !important;
}

.mdl-color-text--deep-purple-900 {
  color: rgb(49,27,146) !important;
}

.mdl-color--deep-purple-900 {
  background-color: rgb(49,27,146) !important;
}

.mdl-color-text--deep-purple-A100 {
  color: rgb(179,136,255) !important;
}

.mdl-color--deep-purple-A100 {
  background-color: rgb(179,136,255) !important;
}

.mdl-color-text--deep-purple-A200 {
  color: rgb(124,77,255) !important;
}

.mdl-color--deep-purple-A200 {
  background-color: rgb(124,77,255) !important;
}

.mdl-color-text--deep-purple-A400 {
  color: rgb(101,31,255) !important;
}

.mdl-color--deep-purple-A400 {
  background-color: rgb(101,31,255) !important;
}

.mdl-color-text--deep-purple-A700 {
  color: rgb(98,0,234) !important;
}

.mdl-color--deep-purple-A700 {
  background-color: rgb(98,0,234) !important;
}

.mdl-color-text--indigo {
  color: rgb(63,81,181) !important;
}

.mdl-color--indigo {
  background-color: rgb(63,81,181) !important;
}

.mdl-color-text--indigo-50 {
  color: rgb(232,234,246) !important;
}

.mdl-color--indigo-50 {
  background-color: rgb(232,234,246) !important;
}

.mdl-color-text--indigo-100 {
  color: rgb(197,202,233) !important;
}

.mdl-color--indigo-100 {
  background-color: rgb(197,202,233) !important;
}

.mdl-color-text--indigo-200 {
  color: rgb(159,168,218) !important;
}

.mdl-color--indigo-200 {
  background-color: rgb(159,168,218) !important;
}

.mdl-color-text--indigo-300 {
  color: rgb(121,134,203) !important;
}

.mdl-color--indigo-300 {
  background-color: rgb(121,134,203) !important;
}

.mdl-color-text--indigo-400 {
  color: rgb(92,107,192) !important;
}

.mdl-color--indigo-400 {
  background-color: rgb(92,107,192) !important;
}

.mdl-color-text--indigo-500 {
  color: rgb(63,81,181) !important;
}

.mdl-color--indigo-500 {
  background-color: rgb(63,81,181) !important;
}

.mdl-color-text--indigo-600 {
  color: rgb(57,73,171) !important;
}

.mdl-color--indigo-600 {
  background-color: rgb(57,73,171) !important;
}

.mdl-color-text--indigo-700 {
  color: rgb(48,63,159) !important;
}

.mdl-color--indigo-700 {
  background-color: rgb(48,63,159) !important;
}

.mdl-color-text--indigo-800 {
  color: rgb(40,53,147) !important;
}

.mdl-color--indigo-800 {
  background-color: rgb(40,53,147) !important;
}

.mdl-color-text--indigo-900 {
  color: rgb(26,35,126) !important;
}

.mdl-color--indigo-900 {
  background-color: rgb(26,35,126) !important;
}

.mdl-color-text--indigo-A100 {
  color: rgb(140,158,255) !important;
}

.mdl-color--indigo-A100 {
  background-color: rgb(140,158,255) !important;
}

.mdl-color-text--indigo-A200 {
  color: rgb(83,109,254) !important;
}

.mdl-color--indigo-A200 {
  background-color: rgb(83,109,254) !important;
}

.mdl-color-text--indigo-A400 {
  color: rgb(61,90,254) !important;
}

.mdl-color--indigo-A400 {
  background-color: rgb(61,90,254) !important;
}

.mdl-color-text--indigo-A700 {
  color: rgb(48,79,254) !important;
}

.mdl-color--indigo-A700 {
  background-color: rgb(48,79,254) !important;
}

.mdl-color-text--blue {
  color: rgb(33,150,243) !important;
}

.mdl-color--blue {
  background-color: rgb(33,150,243) !important;
}

.mdl-color-text--blue-50 {
  color: rgb(227,242,253) !important;
}

.mdl-color--blue-50 {
  background-color: rgb(227,242,253) !important;
}

.mdl-color-text--blue-100 {
  color: rgb(187,222,251) !important;
}

.mdl-color--blue-100 {
  background-color: rgb(187,222,251) !important;
}

.mdl-color-text--blue-200 {
  color: rgb(144,202,249) !important;
}

.mdl-color--blue-200 {
  background-color: rgb(144,202,249) !important;
}

.mdl-color-text--blue-300 {
  color: rgb(100,181,246) !important;
}

.mdl-color--blue-300 {
  background-color: rgb(100,181,246) !important;
}

.mdl-color-text--blue-400 {
  color: rgb(66,165,245) !important;
}

.mdl-color--blue-400 {
  background-color: rgb(66,165,245) !important;
}

.mdl-color-text--blue-500 {
  color: rgb(33,150,243) !important;
}

.mdl-color--blue-500 {
  background-color: rgb(33,150,243) !important;
}

.mdl-color-text--blue-600 {
  color: rgb(30,136,229) !important;
}

.mdl-color--blue-600 {
  background-color: rgb(30,136,229) !important;
}

.mdl-color-text--blue-700 {
  color: rgb(25,118,210) !important;
}

.mdl-color--blue-700 {
  background-color: rgb(25,118,210) !important;
}

.mdl-color-text--blue-800 {
  color: rgb(21,101,192) !important;
}

.mdl-color--blue-800 {
  background-color: rgb(21,101,192) !important;
}

.mdl-color-text--blue-900 {
  color: rgb(13,71,161) !important;
}

.mdl-color--blue-900 {
  background-color: rgb(13,71,161) !important;
}

.mdl-color-text--blue-A100 {
  color: rgb(130,177,255) !important;
}

.mdl-color--blue-A100 {
  background-color: rgb(130,177,255) !important;
}

.mdl-color-text--blue-A200 {
  color: rgb(68,138,255) !important;
}

.mdl-color--blue-A200 {
  background-color: rgb(68,138,255) !important;
}

.mdl-color-text--blue-A400 {
  color: rgb(41,121,255) !important;
}

.mdl-color--blue-A400 {
  background-color: rgb(41,121,255) !important;
}

.mdl-color-text--blue-A700 {
  color: rgb(41,98,255) !important;
}

.mdl-color--blue-A700 {
  background-color: rgb(41,98,255) !important;
}

.mdl-color-text--light-blue {
  color: rgb(3,169,244) !important;
}

.mdl-color--light-blue {
  background-color: rgb(3,169,244) !important;
}

.mdl-color-text--light-blue-50 {
  color: rgb(225,245,254) !important;
}

.mdl-color--light-blue-50 {
  background-color: rgb(225,245,254) !important;
}

.mdl-color-text--light-blue-100 {
  color: rgb(179,229,252) !important;
}

.mdl-color--light-blue-100 {
  background-color: rgb(179,229,252) !important;
}

.mdl-color-text--light-blue-200 {
  color: rgb(129,212,250) !important;
}

.mdl-color--light-blue-200 {
  background-color: rgb(129,212,250) !important;
}

.mdl-color-text--light-blue-300 {
  color: rgb(79,195,247) !important;
}

.mdl-color--light-blue-300 {
  background-color: rgb(79,195,247) !important;
}

.mdl-color-text--light-blue-400 {
  color: rgb(41,182,246) !important;
}

.mdl-color--light-blue-400 {
  background-color: rgb(41,182,246) !important;
}

.mdl-color-text--light-blue-500 {
  color: rgb(3,169,244) !important;
}

.mdl-color--light-blue-500 {
  background-color: rgb(3,169,244) !important;
}

.mdl-color-text--light-blue-600 {
  color: rgb(3,155,229) !important;
}

.mdl-color--light-blue-600 {
  background-color: rgb(3,155,229) !important;
}

.mdl-color-text--light-blue-700 {
  color: rgb(2,136,209) !important;
}

.mdl-color--light-blue-700 {
  background-color: rgb(2,136,209) !important;
}

.mdl-color-text--light-blue-800 {
  color: rgb(2,119,189) !important;
}

.mdl-color--light-blue-800 {
  background-color: rgb(2,119,189) !important;
}

.mdl-color-text--light-blue-900 {
  color: rgb(1,87,155) !important;
}

.mdl-color--light-blue-900 {
  background-color: rgb(1,87,155) !important;
}

.mdl-color-text--light-blue-A100 {
  color: rgb(128,216,255) !important;
}

.mdl-color--light-blue-A100 {
  background-color: rgb(128,216,255) !important;
}

.mdl-color-text--light-blue-A200 {
  color: rgb(64,196,255) !important;
}

.mdl-color--light-blue-A200 {
  background-color: rgb(64,196,255) !important;
}

.mdl-color-text--light-blue-A400 {
  color: rgb(0,176,255) !important;
}

.mdl-color--light-blue-A400 {
  background-color: rgb(0,176,255) !important;
}

.mdl-color-text--light-blue-A700 {
  color: rgb(0,145,234) !important;
}

.mdl-color--light-blue-A700 {
  background-color: rgb(0,145,234) !important;
}

.mdl-color-text--cyan {
  color: rgb(0,188,212) !important;
}

.mdl-color--cyan {
  background-color: rgb(0,188,212) !important;
}

.mdl-color-text--cyan-50 {
  color: rgb(224,247,250) !important;
}

.mdl-color--cyan-50 {
  background-color: rgb(224,247,250) !important;
}

.mdl-color-text--cyan-100 {
  color: rgb(178,235,242) !important;
}

.mdl-color--cyan-100 {
  background-color: rgb(178,235,242) !important;
}

.mdl-color-text--cyan-200 {
  color: rgb(128,222,234) !important;
}

.mdl-color--cyan-200 {
  background-color: rgb(128,222,234) !important;
}

.mdl-color-text--cyan-300 {
  color: rgb(77,208,225) !important;
}

.mdl-color--cyan-300 {
  background-color: rgb(77,208,225) !important;
}

.mdl-color-text--cyan-400 {
  color: rgb(38,198,218) !important;
}

.mdl-color--cyan-400 {
  background-color: rgb(38,198,218) !important;
}

.mdl-color-text--cyan-500 {
  color: rgb(0,188,212) !important;
}

.mdl-color--cyan-500 {
  background-color: rgb(0,188,212) !important;
}

.mdl-color-text--cyan-600 {
  color: rgb(0,172,193) !important;
}

.mdl-color--cyan-600 {
  background-color: rgb(0,172,193) !important;
}

.mdl-color-text--cyan-700 {
  color: rgb(0,151,167) !important;
}

.mdl-color--cyan-700 {
  background-color: rgb(0,151,167) !important;
}

.mdl-color-text--cyan-800 {
  color: rgb(0,131,143) !important;
}

.mdl-color--cyan-800 {
  background-color: rgb(0,131,143) !important;
}

.mdl-color-text--cyan-900 {
  color: rgb(0,96,100) !important;
}

.mdl-color--cyan-900 {
  background-color: rgb(0,96,100) !important;
}

.mdl-color-text--cyan-A100 {
  color: rgb(132,255,255) !important;
}

.mdl-color--cyan-A100 {
  background-color: rgb(132,255,255) !important;
}

.mdl-color-text--cyan-A200 {
  color: rgb(24,255,255) !important;
}

.mdl-color--cyan-A200 {
  background-color: rgb(24,255,255) !important;
}

.mdl-color-text--cyan-A400 {
  color: rgb(0,229,255) !important;
}

.mdl-color--cyan-A400 {
  background-color: rgb(0,229,255) !important;
}

.mdl-color-text--cyan-A700 {
  color: rgb(0,184,212) !important;
}

.mdl-color--cyan-A700 {
  background-color: rgb(0,184,212) !important;
}

.mdl-color-text--teal {
  color: rgb(0,150,136) !important;
}

.mdl-color--teal {
  background-color: rgb(0,150,136) !important;
}

.mdl-color-text--teal-50 {
  color: rgb(224,242,241) !important;
}

.mdl-color--teal-50 {
  background-color: rgb(224,242,241) !important;
}

.mdl-color-text--teal-100 {
  color: rgb(178,223,219) !important;
}

.mdl-color--teal-100 {
  background-color: rgb(178,223,219) !important;
}

.mdl-color-text--teal-200 {
  color: rgb(128,203,196) !important;
}

.mdl-color--teal-200 {
  background-color: rgb(128,203,196) !important;
}

.mdl-color-text--teal-300 {
  color: rgb(77,182,172) !important;
}

.mdl-color--teal-300 {
  background-color: rgb(77,182,172) !important;
}

.mdl-color-text--teal-400 {
  color: rgb(38,166,154) !important;
}

.mdl-color--teal-400 {
  background-color: rgb(38,166,154) !important;
}

.mdl-color-text--teal-500 {
  color: rgb(0,150,136) !important;
}

.mdl-color--teal-500 {
  background-color: rgb(0,150,136) !important;
}

.mdl-color-text--teal-600 {
  color: rgb(0,137,123) !important;
}

.mdl-color--teal-600 {
  background-color: rgb(0,137,123) !important;
}

.mdl-color-text--teal-700 {
  color: rgb(0,121,107) !important;
}

.mdl-color--teal-700 {
  background-color: rgb(0,121,107) !important;
}

.mdl-color-text--teal-800 {
  color: rgb(0,105,92) !important;
}

.mdl-color--teal-800 {
  background-color: rgb(0,105,92) !important;
}

.mdl-color-text--teal-900 {
  color: rgb(0,77,64) !important;
}

.mdl-color--teal-900 {
  background-color: rgb(0,77,64) !important;
}

.mdl-color-text--teal-A100 {
  color: rgb(167,255,235) !important;
}

.mdl-color--teal-A100 {
  background-color: rgb(167,255,235) !important;
}

.mdl-color-text--teal-A200 {
  color: rgb(100,255,218) !important;
}

.mdl-color--teal-A200 {
  background-color: rgb(100,255,218) !important;
}

.mdl-color-text--teal-A400 {
  color: rgb(29,233,182) !important;
}

.mdl-color--teal-A400 {
  background-color: rgb(29,233,182) !important;
}

.mdl-color-text--teal-A700 {
  color: rgb(0,191,165) !important;
}

.mdl-color--teal-A700 {
  background-color: rgb(0,191,165) !important;
}

.mdl-color-text--green {
  color: rgb(76,175,80) !important;
}

.mdl-color--green {
  background-color: rgb(76,175,80) !important;
}

.mdl-color-text--green-50 {
  color: rgb(232,245,233) !important;
}

.mdl-color--green-50 {
  background-color: rgb(232,245,233) !important;
}

.mdl-color-text--green-100 {
  color: rgb(200,230,201) !important;
}

.mdl-color--green-100 {
  background-color: rgb(200,230,201) !important;
}

.mdl-color-text--green-200 {
  color: rgb(165,214,167) !important;
}

.mdl-color--green-200 {
  background-color: rgb(165,214,167) !important;
}

.mdl-color-text--green-300 {
  color: rgb(129,199,132) !important;
}

.mdl-color--green-300 {
  background-color: rgb(129,199,132) !important;
}

.mdl-color-text--green-400 {
  color: rgb(102,187,106) !important;
}

.mdl-color--green-400 {
  background-color: rgb(102,187,106) !important;
}

.mdl-color-text--green-500 {
  color: rgb(76,175,80) !important;
}

.mdl-color--green-500 {
  background-color: rgb(76,175,80) !important;
}

.mdl-color-text--green-600 {
  color: rgb(67,160,71) !important;
}

.mdl-color--green-600 {
  background-color: rgb(67,160,71) !important;
}

.mdl-color-text--green-700 {
  color: rgb(56,142,60) !important;
}

.mdl-color--green-700 {
  background-color: rgb(56,142,60) !important;
}

.mdl-color-text--green-800 {
  color: rgb(46,125,50) !important;
}

.mdl-color--green-800 {
  background-color: rgb(46,125,50) !important;
}

.mdl-color-text--green-900 {
  color: rgb(27,94,32) !important;
}

.mdl-color--green-900 {
  background-color: rgb(27,94,32) !important;
}

.mdl-color-text--green-A100 {
  color: rgb(185,246,202) !important;
}

.mdl-color--green-A100 {
  background-color: rgb(185,246,202) !important;
}

.mdl-color-text--green-A200 {
  color: rgb(105,240,174) !important;
}

.mdl-color--green-A200 {
  background-color: rgb(105,240,174) !important;
}

.mdl-color-text--green-A400 {
  color: rgb(0,230,118) !important;
}

.mdl-color--green-A400 {
  background-color: rgb(0,230,118) !important;
}

.mdl-color-text--green-A700 {
  color: rgb(0,200,83) !important;
}

.mdl-color--green-A700 {
  background-color: rgb(0,200,83) !important;
}

.mdl-color-text--light-green {
  color: rgb(139,195,74) !important;
}

.mdl-color--light-green {
  background-color: rgb(139,195,74) !important;
}

.mdl-color-text--light-green-50 {
  color: rgb(241,248,233) !important;
}

.mdl-color--light-green-50 {
  background-color: rgb(241,248,233) !important;
}

.mdl-color-text--light-green-100 {
  color: rgb(220,237,200) !important;
}

.mdl-color--light-green-100 {
  background-color: rgb(220,237,200) !important;
}

.mdl-color-text--light-green-200 {
  color: rgb(197,225,165) !important;
}

.mdl-color--light-green-200 {
  background-color: rgb(197,225,165) !important;
}

.mdl-color-text--light-green-300 {
  color: rgb(174,213,129) !important;
}

.mdl-color--light-green-300 {
  background-color: rgb(174,213,129) !important;
}

.mdl-color-text--light-green-400 {
  color: rgb(156,204,101) !important;
}

.mdl-color--light-green-400 {
  background-color: rgb(156,204,101) !important;
}

.mdl-color-text--light-green-500 {
  color: rgb(139,195,74) !important;
}

.mdl-color--light-green-500 {
  background-color: rgb(139,195,74) !important;
}

.mdl-color-text--light-green-600 {
  color: rgb(124,179,66) !important;
}

.mdl-color--light-green-600 {
  background-color: rgb(124,179,66) !important;
}

.mdl-color-text--light-green-700 {
  color: rgb(104,159,56) !important;
}

.mdl-color--light-green-700 {
  background-color: rgb(104,159,56) !important;
}

.mdl-color-text--light-green-800 {
  color: rgb(85,139,47) !important;
}

.mdl-color--light-green-800 {
  background-color: rgb(85,139,47) !important;
}

.mdl-color-text--light-green-900 {
  color: rgb(51,105,30) !important;
}

.mdl-color--light-green-900 {
  background-color: rgb(51,105,30) !important;
}

.mdl-color-text--light-green-A100 {
  color: rgb(204,255,144) !important;
}

.mdl-color--light-green-A100 {
  background-color: rgb(204,255,144) !important;
}

.mdl-color-text--light-green-A200 {
  color: rgb(178,255,89) !important;
}

.mdl-color--light-green-A200 {
  background-color: rgb(178,255,89) !important;
}

.mdl-color-text--light-green-A400 {
  color: rgb(118,255,3) !important;
}

.mdl-color--light-green-A400 {
  background-color: rgb(118,255,3) !important;
}

.mdl-color-text--light-green-A700 {
  color: rgb(100,221,23) !important;
}

.mdl-color--light-green-A700 {
  background-color: rgb(100,221,23) !important;
}

.mdl-color-text--lime {
  color: rgb(205,220,57) !important;
}

.mdl-color--lime {
  background-color: rgb(205,220,57) !important;
}

.mdl-color-text--lime-50 {
  color: rgb(249,251,231) !important;
}

.mdl-color--lime-50 {
  background-color: rgb(249,251,231) !important;
}

.mdl-color-text--lime-100 {
  color: rgb(240,244,195) !important;
}

.mdl-color--lime-100 {
  background-color: rgb(240,244,195) !important;
}

.mdl-color-text--lime-200 {
  color: rgb(230,238,156) !important;
}

.mdl-color--lime-200 {
  background-color: rgb(230,238,156) !important;
}

.mdl-color-text--lime-300 {
  color: rgb(220,231,117) !important;
}

.mdl-color--lime-300 {
  background-color: rgb(220,231,117) !important;
}

.mdl-color-text--lime-400 {
  color: rgb(212,225,87) !important;
}

.mdl-color--lime-400 {
  background-color: rgb(212,225,87) !important;
}

.mdl-color-text--lime-500 {
  color: rgb(205,220,57) !important;
}

.mdl-color--lime-500 {
  background-color: rgb(205,220,57) !important;
}

.mdl-color-text--lime-600 {
  color: rgb(192,202,51) !important;
}

.mdl-color--lime-600 {
  background-color: rgb(192,202,51) !important;
}

.mdl-color-text--lime-700 {
  color: rgb(175,180,43) !important;
}

.mdl-color--lime-700 {
  background-color: rgb(175,180,43) !important;
}

.mdl-color-text--lime-800 {
  color: rgb(158,157,36) !important;
}

.mdl-color--lime-800 {
  background-color: rgb(158,157,36) !important;
}

.mdl-color-text--lime-900 {
  color: rgb(130,119,23) !important;
}

.mdl-color--lime-900 {
  background-color: rgb(130,119,23) !important;
}

.mdl-color-text--lime-A100 {
  color: rgb(244,255,129) !important;
}

.mdl-color--lime-A100 {
  background-color: rgb(244,255,129) !important;
}

.mdl-color-text--lime-A200 {
  color: rgb(238,255,65) !important;
}

.mdl-color--lime-A200 {
  background-color: rgb(238,255,65) !important;
}

.mdl-color-text--lime-A400 {
  color: rgb(198,255,0) !important;
}

.mdl-color--lime-A400 {
  background-color: rgb(198,255,0) !important;
}

.mdl-color-text--lime-A700 {
  color: rgb(174,234,0) !important;
}

.mdl-color--lime-A700 {
  background-color: rgb(174,234,0) !important;
}

.mdl-color-text--yellow {
  color: rgb(255,235,59) !important;
}

.mdl-color--yellow {
  background-color: rgb(255,235,59) !important;
}

.mdl-color-text--yellow-50 {
  color: rgb(255,253,231) !important;
}

.mdl-color--yellow-50 {
  background-color: rgb(255,253,231) !important;
}

.mdl-color-text--yellow-100 {
  color: rgb(255,249,196) !important;
}

.mdl-color--yellow-100 {
  background-color: rgb(255,249,196) !important;
}

.mdl-color-text--yellow-200 {
  color: rgb(255,245,157) !important;
}

.mdl-color--yellow-200 {
  background-color: rgb(255,245,157) !important;
}

.mdl-color-text--yellow-300 {
  color: rgb(255,241,118) !important;
}

.mdl-color--yellow-300 {
  background-color: rgb(255,241,118) !important;
}

.mdl-color-text--yellow-400 {
  color: rgb(255,238,88) !important;
}

.mdl-color--yellow-400 {
  background-color: rgb(255,238,88) !important;
}

.mdl-color-text--yellow-500 {
  color: rgb(255,235,59) !important;
}

.mdl-color--yellow-500 {
  background-color: rgb(255,235,59) !important;
}

.mdl-color-text--yellow-600 {
  color: rgb(253,216,53) !important;
}

.mdl-color--yellow-600 {
  background-color: rgb(253,216,53) !important;
}

.mdl-color-text--yellow-700 {
  color: rgb(251,192,45) !important;
}

.mdl-color--yellow-700 {
  background-color: rgb(251,192,45) !important;
}

.mdl-color-text--yellow-800 {
  color: rgb(249,168,37) !important;
}

.mdl-color--yellow-800 {
  background-color: rgb(249,168,37) !important;
}

.mdl-color-text--yellow-900 {
  color: rgb(245,127,23) !important;
}

.mdl-color--yellow-900 {
  background-color: rgb(245,127,23) !important;
}

.mdl-color-text--yellow-A100 {
  color: rgb(255,255,141) !important;
}

.mdl-color--yellow-A100 {
  background-color: rgb(255,255,141) !important;
}

.mdl-color-text--yellow-A200 {
  color: rgb(255,255,0) !important;
}

.mdl-color--yellow-A200 {
  background-color: rgb(255,255,0) !important;
}

.mdl-color-text--yellow-A400 {
  color: rgb(255,234,0) !important;
}

.mdl-color--yellow-A400 {
  background-color: rgb(255,234,0) !important;
}

.mdl-color-text--yellow-A700 {
  color: rgb(255,214,0) !important;
}

.mdl-color--yellow-A700 {
  background-color: rgb(255,214,0) !important;
}

.mdl-color-text--amber {
  color: rgb(255,193,7) !important;
}

.mdl-color--amber {
  background-color: rgb(255,193,7) !important;
}

.mdl-color-text--amber-50 {
  color: rgb(255,248,225) !important;
}

.mdl-color--amber-50 {
  background-color: rgb(255,248,225) !important;
}

.mdl-color-text--amber-100 {
  color: rgb(255,236,179) !important;
}

.mdl-color--amber-100 {
  background-color: rgb(255,236,179) !important;
}

.mdl-color-text--amber-200 {
  color: rgb(255,224,130) !important;
}

.mdl-color--amber-200 {
  background-color: rgb(255,224,130) !important;
}

.mdl-color-text--amber-300 {
  color: rgb(255,213,79) !important;
}

.mdl-color--amber-300 {
  background-color: rgb(255,213,79) !important;
}

.mdl-color-text--amber-400 {
  color: rgb(255,202,40) !important;
}

.mdl-color--amber-400 {
  background-color: rgb(255,202,40) !important;
}

.mdl-color-text--amber-500 {
  color: rgb(255,193,7) !important;
}

.mdl-color--amber-500 {
  background-color: rgb(255,193,7) !important;
}

.mdl-color-text--amber-600 {
  color: rgb(255,179,0) !important;
}

.mdl-color--amber-600 {
  background-color: rgb(255,179,0) !important;
}

.mdl-color-text--amber-700 {
  color: rgb(255,160,0) !important;
}

.mdl-color--amber-700 {
  background-color: rgb(255,160,0) !important;
}

.mdl-color-text--amber-800 {
  color: rgb(255,143,0) !important;
}

.mdl-color--amber-800 {
  background-color: rgb(255,143,0) !important;
}

.mdl-color-text--amber-900 {
  color: rgb(255,111,0) !important;
}

.mdl-color--amber-900 {
  background-color: rgb(255,111,0) !important;
}

.mdl-color-text--amber-A100 {
  color: rgb(255,229,127) !important;
}

.mdl-color--amber-A100 {
  background-color: rgb(255,229,127) !important;
}

.mdl-color-text--amber-A200 {
  color: rgb(255,215,64) !important;
}

.mdl-color--amber-A200 {
  background-color: rgb(255,215,64) !important;
}

.mdl-color-text--amber-A400 {
  color: rgb(255,196,0) !important;
}

.mdl-color--amber-A400 {
  background-color: rgb(255,196,0) !important;
}

.mdl-color-text--amber-A700 {
  color: rgb(255,171,0) !important;
}

.mdl-color--amber-A700 {
  background-color: rgb(255,171,0) !important;
}

.mdl-color-text--orange {
  color: rgb(255,152,0) !important;
}

.mdl-color--orange {
  background-color: rgb(255,152,0) !important;
}

.mdl-color-text--orange-50 {
  color: rgb(255,243,224) !important;
}

.mdl-color--orange-50 {
  background-color: rgb(255,243,224) !important;
}

.mdl-color-text--orange-100 {
  color: rgb(255,224,178) !important;
}

.mdl-color--orange-100 {
  background-color: rgb(255,224,178) !important;
}

.mdl-color-text--orange-200 {
  color: rgb(255,204,128) !important;
}

.mdl-color--orange-200 {
  background-color: rgb(255,204,128) !important;
}

.mdl-color-text--orange-300 {
  color: rgb(255,183,77) !important;
}

.mdl-color--orange-300 {
  background-color: rgb(255,183,77) !important;
}

.mdl-color-text--orange-400 {
  color: rgb(255,167,38) !important;
}

.mdl-color--orange-400 {
  background-color: rgb(255,167,38) !important;
}

.mdl-color-text--orange-500 {
  color: rgb(255,152,0) !important;
}

.mdl-color--orange-500 {
  background-color: rgb(255,152,0) !important;
}

.mdl-color-text--orange-600 {
  color: rgb(251,140,0) !important;
}

.mdl-color--orange-600 {
  background-color: rgb(251,140,0) !important;
}

.mdl-color-text--orange-700 {
  color: rgb(245,124,0) !important;
}

.mdl-color--orange-700 {
  background-color: rgb(245,124,0) !important;
}

.mdl-color-text--orange-800 {
  color: rgb(239,108,0) !important;
}

.mdl-color--orange-800 {
  background-color: rgb(239,108,0) !important;
}

.mdl-color-text--orange-900 {
  color: rgb(230,81,0) !important;
}

.mdl-color--orange-900 {
  background-color: rgb(230,81,0) !important;
}

.mdl-color-text--orange-A100 {
  color: rgb(255,209,128) !important;
}

.mdl-color--orange-A100 {
  background-color: rgb(255,209,128) !important;
}

.mdl-color-text--orange-A200 {
  color: rgb(255,171,64) !important;
}

.mdl-color--orange-A200 {
  background-color: rgb(255,171,64) !important;
}

.mdl-color-text--orange-A400 {
  color: rgb(255,145,0) !important;
}

.mdl-color--orange-A400 {
  background-color: rgb(255,145,0) !important;
}

.mdl-color-text--orange-A700 {
  color: rgb(255,109,0) !important;
}

.mdl-color--orange-A700 {
  background-color: rgb(255,109,0) !important;
}

.mdl-color-text--deep-orange {
  color: rgb(255,87,34) !important;
}

.mdl-color--deep-orange {
  background-color: rgb(255,87,34) !important;
}

.mdl-color-text--deep-orange-50 {
  color: rgb(251,233,231) !important;
}

.mdl-color--deep-orange-50 {
  background-color: rgb(251,233,231) !important;
}

.mdl-color-text--deep-orange-100 {
  color: rgb(255,204,188) !important;
}

.mdl-color--deep-orange-100 {
  background-color: rgb(255,204,188) !important;
}

.mdl-color-text--deep-orange-200 {
  color: rgb(255,171,145) !important;
}

.mdl-color--deep-orange-200 {
  background-color: rgb(255,171,145) !important;
}

.mdl-color-text--deep-orange-300 {
  color: rgb(255,138,101) !important;
}

.mdl-color--deep-orange-300 {
  background-color: rgb(255,138,101) !important;
}

.mdl-color-text--deep-orange-400 {
  color: rgb(255,112,67) !important;
}

.mdl-color--deep-orange-400 {
  background-color: rgb(255,112,67) !important;
}

.mdl-color-text--deep-orange-500 {
  color: rgb(255,87,34) !important;
}

.mdl-color--deep-orange-500 {
  background-color: rgb(255,87,34) !important;
}

.mdl-color-text--deep-orange-600 {
  color: rgb(244,81,30) !important;
}

.mdl-color--deep-orange-600 {
  background-color: rgb(244,81,30) !important;
}

.mdl-color-text--deep-orange-700 {
  color: rgb(230,74,25) !important;
}

.mdl-color--deep-orange-700 {
  background-color: rgb(230,74,25) !important;
}

.mdl-color-text--deep-orange-800 {
  color: rgb(216,67,21) !important;
}

.mdl-color--deep-orange-800 {
  background-color: rgb(216,67,21) !important;
}

.mdl-color-text--deep-orange-900 {
  color: rgb(191,54,12) !important;
}

.mdl-color--deep-orange-900 {
  background-color: rgb(191,54,12) !important;
}

.mdl-color-text--deep-orange-A100 {
  color: rgb(255,158,128) !important;
}

.mdl-color--deep-orange-A100 {
  background-color: rgb(255,158,128) !important;
}

.mdl-color-text--deep-orange-A200 {
  color: rgb(255,110,64) !important;
}

.mdl-color--deep-orange-A200 {
  background-color: rgb(255,110,64) !important;
}

.mdl-color-text--deep-orange-A400 {
  color: rgb(255,61,0) !important;
}

.mdl-color--deep-orange-A400 {
  background-color: rgb(255,61,0) !important;
}

.mdl-color-text--deep-orange-A700 {
  color: rgb(221,44,0) !important;
}

.mdl-color--deep-orange-A700 {
  background-color: rgb(221,44,0) !important;
}

.mdl-color-text--brown {
  color: rgb(121,85,72) !important;
}

.mdl-color--brown {
  background-color: rgb(121,85,72) !important;
}

.mdl-color-text--brown-50 {
  color: rgb(239,235,233) !important;
}

.mdl-color--brown-50 {
  background-color: rgb(239,235,233) !important;
}

.mdl-color-text--brown-100 {
  color: rgb(215,204,200) !important;
}

.mdl-color--brown-100 {
  background-color: rgb(215,204,200) !important;
}

.mdl-color-text--brown-200 {
  color: rgb(188,170,164) !important;
}

.mdl-color--brown-200 {
  background-color: rgb(188,170,164) !important;
}

.mdl-color-text--brown-300 {
  color: rgb(161,136,127) !important;
}

.mdl-color--brown-300 {
  background-color: rgb(161,136,127) !important;
}

.mdl-color-text--brown-400 {
  color: rgb(141,110,99) !important;
}

.mdl-color--brown-400 {
  background-color: rgb(141,110,99) !important;
}

.mdl-color-text--brown-500 {
  color: rgb(121,85,72) !important;
}

.mdl-color--brown-500 {
  background-color: rgb(121,85,72) !important;
}

.mdl-color-text--brown-600 {
  color: rgb(109,76,65) !important;
}

.mdl-color--brown-600 {
  background-color: rgb(109,76,65) !important;
}

.mdl-color-text--brown-700 {
  color: rgb(93,64,55) !important;
}

.mdl-color--brown-700 {
  background-color: rgb(93,64,55) !important;
}

.mdl-color-text--brown-800 {
  color: rgb(78,52,46) !important;
}

.mdl-color--brown-800 {
  background-color: rgb(78,52,46) !important;
}

.mdl-color-text--brown-900 {
  color: rgb(62,39,35) !important;
}

.mdl-color--brown-900 {
  background-color: rgb(62,39,35) !important;
}

.mdl-color-text--grey {
  color: rgb(158,158,158) !important;
}

.mdl-color--grey {
  background-color: rgb(158,158,158) !important;
}

.mdl-color-text--grey-50 {
  color: rgb(250,250,250) !important;
}

.mdl-color--grey-50 {
  background-color: rgb(250,250,250) !important;
}

.mdl-color-text--grey-100 {
  color: rgb(245,245,245) !important;
}

.mdl-color--grey-100 {
  background-color: rgb(245,245,245) !important;
}

.mdl-color-text--grey-200 {
  color: rgb(238,238,238) !important;
}

.mdl-color--grey-200 {
  background-color: rgb(238,238,238) !important;
}

.mdl-color-text--grey-300 {
  color: rgb(224,224,224) !important;
}

.mdl-color--grey-300 {
  background-color: rgb(224,224,224) !important;
}

.mdl-color-text--grey-400 {
  color: rgb(189,189,189) !important;
}

.mdl-color--grey-400 {
  background-color: rgb(189,189,189) !important;
}

.mdl-color-text--grey-500 {
  color: rgb(158,158,158) !important;
}

.mdl-color--grey-500 {
  background-color: rgb(158,158,158) !important;
}

.mdl-color-text--grey-600 {
  color: rgb(117,117,117) !important;
}

.mdl-color--grey-600 {
  background-color: rgb(117,117,117) !important;
}

.mdl-color-text--grey-700 {
  color: rgb(97,97,97) !important;
}

.mdl-color--grey-700 {
  background-color: rgb(97,97,97) !important;
}

.mdl-color-text--grey-800 {
  color: rgb(66,66,66) !important;
}

.mdl-color--grey-800 {
  background-color: rgb(66,66,66) !important;
}

.mdl-color-text--grey-900 {
  color: rgb(33,33,33) !important;
}

.mdl-color--grey-900 {
  background-color: rgb(33,33,33) !important;
}

.mdl-color-text--blue-grey {
  color: rgb(96,125,139) !important;
}

.mdl-color--blue-grey {
  background-color: rgb(96,125,139) !important;
}

.mdl-color-text--blue-grey-50 {
  color: rgb(236,239,241) !important;
}

.mdl-color--blue-grey-50 {
  background-color: rgb(236,239,241) !important;
}

.mdl-color-text--blue-grey-100 {
  color: rgb(207,216,220) !important;
}

.mdl-color--blue-grey-100 {
  background-color: rgb(207,216,220) !important;
}

.mdl-color-text--blue-grey-200 {
  color: rgb(176,190,197) !important;
}

.mdl-color--blue-grey-200 {
  background-color: rgb(176,190,197) !important;
}

.mdl-color-text--blue-grey-300 {
  color: rgb(144,164,174) !important;
}

.mdl-color--blue-grey-300 {
  background-color: rgb(144,164,174) !important;
}

.mdl-color-text--blue-grey-400 {
  color: rgb(120,144,156) !important;
}

.mdl-color--blue-grey-400 {
  background-color: rgb(120,144,156) !important;
}

.mdl-color-text--blue-grey-500 {
  color: rgb(96,125,139) !important;
}

.mdl-color--blue-grey-500 {
  background-color: rgb(96,125,139) !important;
}

.mdl-color-text--blue-grey-600 {
  color: rgb(84,110,122) !important;
}

.mdl-color--blue-grey-600 {
  background-color: rgb(84,110,122) !important;
}

.mdl-color-text--blue-grey-700 {
  color: rgb(69,90,100) !important;
}

.mdl-color--blue-grey-700 {
  background-color: rgb(69,90,100) !important;
}

.mdl-color-text--blue-grey-800 {
  color: rgb(55,71,79) !important;
}

.mdl-color--blue-grey-800 {
  background-color: rgb(55,71,79) !important;
}

.mdl-color-text--blue-grey-900 {
  color: rgb(38,50,56) !important;
}

.mdl-color--blue-grey-900 {
  background-color: rgb(38,50,56) !important;
}

.mdl-color--black {
  background-color: rgb(0,0,0) !important;
}

.mdl-color-text--black {
  color: rgb(0,0,0) !important;
}

.mdl-color--white {
  background-color: rgb(255,255,255) !important;
}

.mdl-color-text--white {
  color: rgb(255,255,255) !important;
}

.mdl-color--primary {
  background-color: rgb(98,32,102) !important;
}

.mdl-color--primary-contrast {
  background-color: rgb(255,255,255) !important;
}

.mdl-color--primary-dark {
  background-color: rgb(48,63,159) !important;
}

.mdl-color--accent {
  background-color: rgb(255,64,129) !important;
}

.mdl-color--accent-contrast {
  background-color: rgb(255,255,255) !important;
}

.mdl-color-text--primary {
  color: rgb(98,32,102) !important;
}

.mdl-color-text--primary-contrast {
  color: rgb(255,255,255) !important;
}

.mdl-color-text--primary-dark {
  color: rgb(48,63,159) !important;
}

.mdl-color-text--accent {
  color: rgb(255,64,129) !important;
}

.mdl-color-text--accent-contrast {
  color: rgb(255,255,255) !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
 */
/* ==========  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-progress {
  display: block;
  position: relative;
  height: 4px;
  width: 500px;
}

.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: rgb(98,32,102);
  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, rgb(98,32,102), rgb(98,32,102));
  z-index: 0;
  left: 0;
}

.mdl-progress > .auxbar {
  right: 0;
}

@supports (-webkit-appearance: none) {
  .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
    background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(98,32,102), rgb(98,32,102));
    -webkit-mask: url("/images/buffer.svg?embed");
    mask: url("/images/buffer.svg?embed");
  }
}

.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, rgb(98,32,102), rgb(98,32,102));
}

.mdl-progress.mdl-progress__indeterminate > .bar1 {
  background-color: rgb(98,32,102);
  -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 {
  background-image: none;
  background-color: rgb(98,32,102);
  -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
 */
/* ==========  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 */
.mdl-radio {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  box-sizing: border-box;
  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 rgb(98,32,102);
}

.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: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  border-radius: 50%;
  background: rgb(98,32,102);
}

.mdl-radio.is-checked .mdl-radio__inner-circle {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.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;
}

.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: rgb(98,32,102);
}

.mdl-radio.is-disabled .mdl-radio__ripple-container {
  cursor: auto;
}

.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
 */
/* ==========  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, .ais-range-slider:before, #polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-dataset-products .aa-suggestions:before, #polarcore #algolia_instant_selector .infos:before,
.clearfix:after,
.ais-range-slider:after,
#polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-dataset-products .aa-suggestions:after,
#polarcore #algolia_instant_selector .infos:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after, .ais-range-slider:after, #polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-dataset-products .aa-suggestions:after, #polarcore #algolia_instant_selector .infos: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,
  *:first-line {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  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);
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT 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, .ais-range-slider:before, #polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-dataset-products .aa-suggestions:before, #polarcore #algolia_instant_selector .infos:before,
.clearfix:after,
.ais-range-slider:after,
#polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-dataset-products .aa-suggestions:after,
#polarcore #algolia_instant_selector .infos:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after, .ais-range-slider:after, #polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-dataset-products .aa-suggestions:after, #polarcore #algolia_instant_selector .infos: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,
  *:first-line {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  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
 */
/* ==========  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-ripple {
  background: rgb(0,0,0);
  border-radius: 50%;
  height: 50px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-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
 */
/* ==========  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 */
.mdl-shadow--2dp, #polarcore .header-nav #nav .nav-primary > li > ul, body.sticky--dirty .header, #polarcore .product-view #shipping_alternatives > dl {
  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, #polarcore #algolia-autocomplete-container .aa-dropdown-menu {
  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);
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT 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 */
_:-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: rgb(98,32,102);
  -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, rgb(98,32,102) 16px, rgb(98,32,102) 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: rgb(98,32,102);
  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: rgb(98,32,102);
  border: none;
}

.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
  box-shadow: 0 0 0 10px rgba(98,32,102, 0.26);
}

.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
  box-shadow: 0 0 0 10px rgba(98,32,102, 0.26);
}

.mdl-slider.is-upgraded:active::-webkit-slider-thumb {
  background-image: none;
  background: rgb(98,32,102);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

.mdl-slider.is-upgraded:active::-moz-range-thumb {
  background-image: none;
  background: rgb(98,32,102);
  transform: scale(1.5);
}

.mdl-slider.is-upgraded::-ms-thumb {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  background: rgb(98,32,102);
  -ms-transform: scale(0.375);
  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, rgb(98,32,102) 0%, rgb(98,32,102) 37.5%, rgba(98,32,102, 0.26) 37.5%, rgba(98,32,102, 0.26) 100%);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mdl-slider.is-upgraded:active::-ms-thumb {
  background: rgb(98,32,102);
  -ms-transform: scale(0.5625);
  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%);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
  -ms-transform: scale(0.5625);
  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 {
  -ms-transform: scale(0.25);
  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 {
  -ms-transform: scale(0.25);
  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);
  -ms-transform: translate(0, -1px);
  transform: translate(0, -1px);
}

.mdl-slider__background-lower {
  background: rgb(98,32,102);
  -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
 */
/* ==========  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-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.23529ms linear infinite;
  animation: mdl-spinner__container-rotate 1568.23529ms 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: rgb(66,165,245);
}

.mdl-spinner--single-color .mdl-spinner__layer-1 {
  border-color: rgb(98,32,102);
}

.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: rgb(244,67,54);
}

.mdl-spinner--single-color .mdl-spinner__layer-2 {
  border-color: rgb(98,32,102);
}

.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: rgb(253,216,53);
}

.mdl-spinner--single-color .mdl-spinner__layer-3 {
  border-color: rgb(98,32,102);
}

.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: rgb(76,175,80);
}

.mdl-spinner--single-color .mdl-spinner__layer-4 {
  border-color: rgb(98,32,102);
}

.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__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);
  -ms-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);
  -ms-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
 */
/* ==========  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 */
.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(98,32,102, 0.5);
}

.mdl-switch.is-disabled .mdl-switch__track {
  background: rgba(0,0,0, 0.12);
  cursor: auto;
}

.mdl-switch__thumb {
  background: rgb(250,250,250);
  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: rgb(98,32,102);
  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.is-disabled .mdl-switch__thumb {
  background: rgb(189,189,189);
  cursor: auto;
}

.mdl-switch__focus-helper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-4px, -4px);
  -ms-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(98,32,102, 0.26);
  background-color: rgba(98,32,102, 0.26);
}

.mdl-switch__label {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  left: 24px;
}

.mdl-switch.is-disabled .mdl-switch__label {
  color: rgb(189,189,189);
  cursor: auto;
}

.mdl-switch__ripple-container {
  position: absolute;
  z-index: 2;
  top: -12px;
  left: -14px;
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
  transition-duration: 0.40s;
  transition-timing-function: step-end;
  transition-property: left;
}

.mdl-switch__ripple-container .mdl-ripple {
  background: rgb(98,32,102);
}

.mdl-switch.is-disabled .mdl-switch__ripple-container {
  cursor: auto;
}

.mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {
  background: transparent;
}

.mdl-switch.is-checked .mdl-switch__ripple-container {
  cursor: auto;
  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
 */
/* ==========  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-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 rgb(224,224,224);
}

.mdl-tabs__tab {
  margin: 0;
  border: none;
  padding: 0 24px 0 24px;
  float: left;
  position: relative;
  display: block;
  text-decoration: none;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(0,0,0, 0.54);
  overflow: hidden;
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
  color: rgba(0,0,0, 0.87);
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
  height: 2px;
  width: 100%;
  display: block;
  content: " ";
  bottom: 0px;
  left: 0px;
  position: absolute;
  background: rgb(98,32,102);
  -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: rgb(98,32,102);
}

.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
 */
/* ==========  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 */
.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__input {
  border: none;
  border-bottom: 1px solid rgba(0,0,0, 0.12);
  display: block;
  font-size: 16px;
  margin: 0;
  padding: 4px 0;
  width: 100%;
  background: none;
  text-align: left;
  color: inherit;
}

.mdl-textfield.is-focused .mdl-textfield__input {
  outline: none;
}

.mdl-textfield.is-invalid .mdl-textfield__input {
  border-color: rgb(222, 50, 38);
  box-shadow: none;
}

.mdl-textfield.is-disabled .mdl-textfield__input {
  background-color: transparent;
  border-bottom: 1px dotted rgba(0,0,0, 0.12);
  color: rgba(0,0,0, 0.26);
}

.mdl-textfield textarea.mdl-textfield__input {
  display: block;
}

.mdl-textfield__label {
  bottom: 0;
  color: rgba(0,0,0, 0.26);
  font-size: 16px;
  left: 0;
  right: 0;
  pointer-events: none;
  position: absolute;
  display: block;
  top: 24px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}

.mdl-textfield.is-dirty .mdl-textfield__label {
  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.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 {
  color: rgb(98,32,102);
  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 {
  top: -16px;
}

.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
  color: rgb(222, 50, 38);
  font-size: 12px;
}

.mdl-textfield__label:after {
  background-color: rgb(98,32,102);
  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: rgb(222, 50, 38);
}

.mdl-textfield__error {
  color: rgb(222, 50, 38);
  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 {
  display: inline-block;
  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
 */
/* ==========  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-tooltip {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  will-change: transform;
  z-index: 999;
  background: rgba(97,97,97, 0.9);
  border-radius: 2px;
  color: rgb(255,255,255);
  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
 */
/* ==========  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 */
html, body {
  font-family: "Roboto", "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: #622066;
  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;
}

/* GLOBALS - _globals.scss */
/* GENERAL - _general.scss */
* {
  box-sizing: border-box;
}

body {
  background: #fff;
}

.main {
  padding: 0 0.5rem 0.5rem;
}

.page {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
}

.mdl-layout__content {
  z-index: initial;
}

.main-container {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  width: 100%;
  background: white;
}

@media only screen and (min-width: 768px) {
  .main-container {
    padding: 0 1rem;
  }
}

@media only screen and (min-width: 1025px) {
  .main-container {
    padding: 0;
  }
}

.content-width {
  max-width: 1200px;
  margin: 0 auto;
}

ul, ol, li, dd, dt {
  list-style: none;
  margin: 0;
  padding: 0;
}

main button, .button {
  background: #622066;
  color: white;
  padding: 1em;
  border: none;
  outline: none;
  text-transform: uppercase;
}

main button:hover, .button:hover {
  transition: ease 0.2s background;
  cursor: pointer;
  background: #4f1a53;
}

img {
  max-width: 100%;
  height: auto;
}

.col-wrapper {
  position: relative;
  clear: both;
}

a.button, a.link-wishlist, a.link-compare,
a.link-learn {
  text-decoration: none;
}

a {
  text-decoration: none;
  color: #622066;
}

a:hover {
  color: #050205;
}

.polar-language-box {
  position: relative;
  margin-top: 2px;
}

.polar-language-box .polar-language-button {
  font-size: 0.9rem;
  margin-top: 0.5em;
  color: #9E9E9E;
  vertical-align: center;
}

.polar-language-box .polar-language-button::after {
  content: ' \25BE ';
}

.polar-language-box .polar-language-list {
  display: none;
  position: absolute;
  background: white;
  border: 1px solid #EEEEEE;
}

.polar-language-box .polar-language-list .polar-language-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.polar-language-box .polar-language-list .polar-language-flex li:hover {
  background: #f2f2f2;
}

.messages {
  padding: 1em 0em;
}

.messages > li {
  padding: 1em;
  background: #FAFAFA;
  border: 1px solid #F0F0F0;
  color: #424242;
}

.messages .success-msg {
  background: #66BB6A;
  color: white;
}

.messages .error-msg {
  background: #EF5350;
  color: white;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (min-width: 1025px) {
  .messages .error-msg::before {
    font-family: "Material Icons";
    text-rendering: optimizelegibility;
    font-feature-settings: "liga";
    font-style: normal;
    text-transform: none;
    line-height: 1;
    display: block;
    overflow: hidden;
    -moz-osx-font-smoothing: grayscale;
    content: '\E000';
    width: auto;
    font-size: 3em;
    margin: 0;
  }
}

.messages .error-msg > ul {
  width: auto;
  margin-left: 1rem;
  margin-top: auto;
  margin-bottom: auto;
}

.messages .notice-msg {
  background: #FDD835;
  color: #424242;
}

.error {
  padding: 1em;
  background: #EF5350;
  color: white;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (min-width: 1025px) {
  .error::before {
    font-family: "Material Icons";
    text-rendering: optimizelegibility;
    font-feature-settings: "liga";
    font-style: normal;
    text-transform: none;
    line-height: 1;
    display: block;
    overflow: hidden;
    -moz-osx-font-smoothing: grayscale;
    content: '\E000';
    width: 5rem;
    font-size: 3em;
    margin: 0;
  }
}

.error > ul {
  width: auto;
  margin: 0;
}

.mdl-textfield {
  width: 100%;
}

.mdl-checkbox__tick-outline {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-mask: url("polarcore/default/css/images/tick-mask.svg?embed");
  mask: url("polarcore/default/css/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: rgb(98,32,102) url("polarcore/default/css/images/tick.svg?embed");
}

.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
  background: rgba(0,0,0, 0.26) url("polarcore/default/css/images/tick.svg?embed");
}

#map-popup {
  position: absolute;
  z-index: 200;
  width: 30%;
  background: white;
  border: 1px solid #e6e6e6;
  padding: 2rem;
}

#map-popup .btn-cart {
  background: #00C853;
  padding: 0.5em 1em;
  border: 0;
  width: 100%;
  text-align: center;
  font-size: 1.2rem;
  font-weight: lighter;
  color: white;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

#map-popup .btn-cart i.material-icons {
  position: relative;
  top: 0.25em;
  padding-bottom: 0.25em;
}

#map-popup .btn-cart:hover {
  cursor: pointer;
  background: #00c351;
}

input.mdl-textfield__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media only screen and (max-width: 767px) {
  .catalogsearch-result-index aside.col-left {
    min-height: 3rem;
  }
  .catalogsearch-result-index .page-title h1 {
    font-size: 1.4rem;
    text-align: center;
    margin-top: 2rem;
  }
  .catalogsearch-result-index .toolbar .sorter .sort-by .mobile-sort {
    width: 100%;
  }
  .catalogsearch-result-index .toolbar .sorter .sort-by .nuva-dropdown-wrapper .nuva-dropdown {
    width: 100%;
  }
}

.mdl-checkbox__box-outline {
  top: 15%;
  left: -1%;
}

/* ANIMATION.scss */
@-webkit-keyframes showsearch {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@keyframes showsearch {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@-webkit-keyframes hidesearch {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0x);
    transform: translateX(0x);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}

@keyframes hidesearch {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0x);
    transform: translateX(0x);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}

/* ACCOUNT - _account.scss */
.customer-account-login h1 {
  margin: 0;
}

.customer-account-login .new-users, .customer-account-login .registered-users {
  background: #FAFAFA;
  padding: 1rem 2rem;
}

.customer-account-login .new-users h2, .customer-account-login .registered-users h2 {
  margin-top: 0;
  margin-bottom: 0;
}

.customer-account-login .new-users a.mdl-button, .customer-account-login .registered-users a.mdl-button {
  color: #000;
}

.customer-account-login ul.benefits {
  padding-left: 2em;
  margin-bottom: 1em;
}

.customer-account-login ul.benefits li {
  list-style: square;
}

.customer-account-login .forgot-password {
  margin-left: 0;
  margin-bottom: 1rem;
}

.customer-account-login .registered-users a.mdl-button {
  float: right;
  clear: left;
}

.customer-account #my-downloadable-products-table, .customer-account .data-table {
  width: 100%;
}

.customer-account .data-table th {
  text-align: left;
}

.customer-account .data-table .button {
  display: inline-block;
  white-space: nowrap;
  padding-top: .8em;
  padding-bottom: .8em;
}

.customer-account .data-table .button:hover {
  color: #fff;
}

.customer-account #reorder-validate-detail {
  padding: 1rem 0;
}

.customer-account #reorder-validate-detail li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.customer-account #reorder-validate-detail li input.checkbox {
  width: 10%;
}

.customer-account #reorder-validate-detail li .product-name, .customer-account #reorder-validate-detail li #polarcore .product-view .product-name-mobile, #polarcore .product-view .customer-account #reorder-validate-detail li .product-name-mobile {
  width: 90%;
}

.customer-account h2 {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

.customer-account h3 {
  padding-top: 0.5rem;
  margin: 0;
  font-size: 1.3rem;
}

@media only screen and (min-width: 768px) {
  .customer-account .col-left {
    margin-top: 42px;
  }
}

.customer-account .form-list {
  margin-bottom: 1em;
}

.remember-me-popup {
  display: none;
}

/* BREADCRUMBS - _breadcrumbs.scss */
@media only screen and (max-width: 767px) {
  .breadcrumbs {
    padding: 0.75rem 0;
    overflow: hidden;
    height: 3.5rem;
  }
}

@media only screen and (min-width: 768px) {
  .breadcrumbs {
    padding: 0.25rem 0rem;
  }
}

.breadcrumbs ul {
  padding: 0;
  margin: 0;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .breadcrumbs ul {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scolling: touch;
    white-space: nowrap;
  }
}

.breadcrumbs li {
  display: inline-block;
  vertical-align: middle;
  list-style: none;
  margin-bottom: 0.5rem;
}

@media only screen and (max-width: 767px) {
  .breadcrumbs li {
    padding-left: 0;
    white-space: nowrap;
  }
  .breadcrumbs li:after {
    font-family: "Material Icons";
    text-rendering: optimizelegibility;
    font-feature-settings: "liga";
    font-style: normal;
    text-transform: none;
    line-height: 1;
    display: block;
    overflow: hidden;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: relative;
    top: 0.2rem;
    content: '\E315';
    font-weight: bold;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .breadcrumbs li:last-child {
    background-color: transparent;
    padding-right: 0;
  }
  .breadcrumbs li:last-child strong {
    padding-right: 0rem;
  }
  .breadcrumbs li:last-child:after {
    content: '';
  }
  .breadcrumbs li > a {
    background: #f0f0f0;
  }
  .breadcrumbs li > a, .breadcrumbs li > strong {
    display: inline-block;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.breadcrumbs li strong {
  text-transform: uppercase;
  padding-left: 0;
}

@media only screen and (min-width: 768px) {
  .breadcrumbs li > a {
    font-weight: lighter;
  }
  .breadcrumbs li:last-of-type {
    padding-left: 1rem;
  }
}

.breadcrumbs li .mdl-button {
  min-width: auto;
}

.breadcrumbs li.home {
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .breadcrumbs li.home {
    padding-left: 0;
  }
}

.breadcrumbs li > span {
  color: #BDBDBD;
  margin-left: 0.25rem;
}

@media only screen and (max-width: 767px) {
  .breadcrumbs li > span {
    display: none;
  }
}

.breadcrumbs li > strong {
  color: #752679;
  color: black;
  font-weight: 500;
}

/* CART - _cart.scss */
.checkout-cart-index main .page-title h1 {
  text-transform: uppercase;
  font-weight: 200;
}

.checkout-cart-index main .products-grid button.btn-cart {
  background: #00C853;
  padding: 0.5em 1em;
  border: 0;
  width: 100%;
  text-align: center;
  font-size: 1.2rem;
  font-weight: lighter;
  color: white;
  margin-bottom: 1rem;
  margin-top: 1rem;
  display: block;
  font-size: 1.1rem;
}

.checkout-cart-index main .products-grid button.btn-cart i.material-icons {
  position: relative;
  top: 0.25em;
  padding-bottom: 0.25em;
}

.checkout-cart-index main .products-grid button.btn-cart:hover {
  cursor: pointer;
  background: #00c351;
}

.checkout-cart-index main .products-grid button.btn-cart:before {
  font-family: "Material Icons";
  text-rendering: optimizelegibility;
  font-feature-settings: "liga";
  font-style: normal;
  text-transform: none;
  line-height: 1;
  display: block;
  overflow: hidden;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
  vertical-align: bottom;
  content: '\E854';
  margin-right: 1rem;
}

.checkout-cart-index main .cart h1 {
  margin: 0;
  padding: 0;
  margin-top: 0.5rem;
  float: left;
  text-transform: uppercase;
  font-weight: 300;
}

@media only screen and (max-width: 767px) {
  .checkout-cart-index main .cart .checkout-types.top {
    display: none;
  }
}

.checkout-cart-index main .cart .top .btn-checkout {
  display: none;
}

.checkout-cart-index main .cart .btn-checkout {
  background: #00C853;
  color: white;
  width: 100%;
  margin-top: 1rem;
  float: right;
  clear: both;
  padding: 1rem 2rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  transition: ease 0.2s background;
}

.checkout-cart-index main .cart .btn-checkout span {
  margin: auto 0;
  font-size: 1.2rem;
}

.checkout-cart-index main .cart .btn-checkout span > :after {
  font-family: "Material Icons";
  text-rendering: optimizelegibility;
  font-feature-settings: "liga";
  font-style: normal;
  text-transform: none;
  line-height: 1;
  display: block;
  overflow: hidden;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
  margin-left: 0.5rem;
  content: "";
  font-size: 1.5rem;
  font-weight: bold;
  vertical-align: bottom;
}

.checkout-cart-index main .cart .btn-checkout:hover {
  background: #00af48;
}

.checkout-cart-index main #shopping-cart-table li {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 1em 0em;
  padding: 0.5em;
  background: #FAFAFA;
}

@media only screen and (min-width: 768px) {
  .checkout-cart-index main #shopping-cart-table li {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .checkout-cart-index main #shopping-cart-table li > * {
    margin: auto 1em;
  }
}

.checkout-cart-index main #shopping-cart-table li .downloadable-options {
  padding: 1rem;
}

.checkout-cart-index main #shopping-cart-table li .downloadable-options dt {
  display: block;
}

.checkout-cart-index main #shopping-cart-table li .downloadable-options dd {
  display: inline-block;
}

.checkout-cart-index main #shopping-cart-table li .product-image {
  width: 25%;
  margin: auto 0;
}

@media only screen and (min-width: 768px) {
  .checkout-cart-index main #shopping-cart-table li .product-image img {
    height: 8em;
    width: 8em;
  }
}

.checkout-cart-index main #shopping-cart-table li .product-info {
  width: 75%;
  padding-left: 0.75rem;
}

.checkout-cart-index main #shopping-cart-table li .product-info .product-name, .checkout-cart-index main #shopping-cart-table li .product-info #polarcore .product-view .product-name-mobile, #polarcore .product-view .checkout-cart-index main #shopping-cart-table li .product-info .product-name-mobile {
  font-size: 1.2rem;
  font-weight: lighter;
  color: #424242;
  line-height: 1.8rem;
}

@media only screen and (max-width: 767px) {
  .checkout-cart-index main #shopping-cart-table li .product-info .product-name, .checkout-cart-index main #shopping-cart-table li .product-info #polarcore .product-view .product-name-mobile, #polarcore .product-view .checkout-cart-index main #shopping-cart-table li .product-info .product-name-mobile {
    padding-right: 2.2rem;
  }
}

.checkout-cart-index main #shopping-cart-table li .product-info .short-description {
  display: none;
}

@media only screen and (min-width: 768px) {
  .checkout-cart-index main #shopping-cart-table li .product-info {
    width: 55%;
    padding-left: 0;
  }
  .checkout-cart-index main #shopping-cart-table li .product-info .product-name, .checkout-cart-index main #shopping-cart-table li .product-info #polarcore .product-view .product-name-mobile, #polarcore .product-view .checkout-cart-index main #shopping-cart-table li .product-info .product-name-mobile {
    font-size: 1.2rem;
    font-weight: lighter;
    color: #424242;
    line-height: 1.8rem;
    margin-top: 0.8em;
    margin-bottom: 0.8em;
  }
  .checkout-cart-index main #shopping-cart-table li .product-info .short-description {
    display: block;
  }
}

.checkout-cart-index main #shopping-cart-table li .price-summary {
  width: 100%;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.checkout-cart-index main #shopping-cart-table li .price-summary .qty-price-combo {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  border-bottom: #ccc solid 2px;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}

@media only screen and (max-width: 767px) {
  .checkout-cart-index main #shopping-cart-table li .price-summary .qty-price-combo {
    padding-right: 1rem;
  }
}

.checkout-cart-index main #shopping-cart-table li .price-summary .qty-price-combo .cart-price {
  margin: auto 0;
  padding-left: 1rem;
}

.checkout-cart-index main #shopping-cart-table li .price-summary .qty-price-combo .cart-price:before {
  content: 'x';
  padding: 0 0.5rem;
}

.checkout-cart-index main #shopping-cart-table li .price-summary input.qty {
  width: 3rem;
  text-align: center;
}

.checkout-cart-index main #shopping-cart-table li .price-summary .cart-price:last-child {
  font-weight: bold;
  font-size: 1.4rem;
}

@media only screen and (min-width: 768px) {
  .checkout-cart-index main #shopping-cart-table li .price-summary {
    width: 30%;
    text-align: right;
  }
  .checkout-cart-index main #shopping-cart-table li .price-summary input.qty {
    float: right;
  }
}

.checkout-cart-index main #shopping-cart-table li .actions {
  height: auto;
  width: auto;
}

.checkout-cart-index main #shopping-cart-table li .btn-remove {
  position: absolute;
  top: 0rem;
  right: 0rem;
  padding: 1rem;
}

@media only screen and (min-width: 768px) {
  .checkout-cart-index main #shopping-cart-table li .btn-remove {
    right: -3rem;
    top: 0rem;
    padding: 0.25rem;
    background: #FAFAFA;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
}

.checkout-cart-index main #shopping-cart-table .cart-footer {
  padding: 0.5rem 0;
  display: block;
  background: none;
}

.checkout-cart-index main #shopping-cart-table .cart-footer #empty_cart_button, .checkout-cart-index main #shopping-cart-table .cart-footer .btn-update {
  background: #F0F0F0;
  color: #3B3E40;
}

.checkout-cart-index main #shopping-cart-table .cart-footer #empty_cart_button:hover, .checkout-cart-index main #shopping-cart-table .cart-footer .btn-update:hover {
  background: #e3e3e3;
}

.checkout-cart-index main #shopping-cart-table .cart-footer button {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .checkout-cart-index main #shopping-cart-table .cart-footer button {
    width: auto;
  }
  .checkout-cart-index main #shopping-cart-table .cart-footer button.btn-update {
    float: right;
    margin: 0;
  }
  .checkout-cart-index main #shopping-cart-table .cart-footer button.btn-continue {
    margin-left: 0;
  }
}

.checkout-cart-index main #shopping-cart-table .link-edit {
  display: none;
}

.checkout-cart-index main #shopping-cart-table .link-wishlist.use-ajax {
  display: none;
}

.checkout-cart-index main .item-options {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0.25rem 0;
}

.checkout-cart-index main .item-options .option {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 1em;
}

.checkout-cart-index main .item-options .option dt {
  margin-right: 0.2em;
}

.checkout-cart-index main .cart-table {
  width: 100%;
}

.checkout-cart-index main .cart-links a {
  color: white;
  font-size: 0.8rem;
  background: #622066;
  padding: 0.5rem;
  margin: 0.3rem;
}

.checkout-cart-index main .btn-remove span {
  display: none;
}

.checkout-cart-index main .btn-remove .material-icons {
  position: relative;
  top: 0.1em;
}

.checkout-cart-index main .checkout-types li {
  float: right;
}

.checkout-cart-index main .cart-total-price-wrapper {
  text-align: right;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 1rem;
}

.checkout-cart-index main .cart-total-price-wrapper .cart-totals {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  float: right;
  text-transform: uppercase;
  padding-bottom: 1.5rem;
}

.checkout-cart-index main .cart-total-price-wrapper .cart-totals .a-right {
  padding: 0.2rem 0em;
  font-size: 1rem;
  text-align: right;
}

.checkout-cart-index main .cart-total-price-wrapper .cart-totals .a-right .price {
  padding-left: 1rem;
  font-size: 1.5rem;
  font-weight: lighter;
  display: block;
}

.checkout-cart-index main .cart-total-price-wrapper .cart-totals tfoot .a-right .price {
  font-size: 1.8rem;
}

.checkout-cart-index main .cart-total-price-wrapper #show-discount-form {
  float: right;
  margin-bottom: 1rem;
  display: inline-block;
}

.checkout-cart-index main .cart-total-price-wrapper #show-discount-form:hover {
  cursor: pointer;
}

#shopping-cart-totals-table {
  width: 100%;
}

#discount-coupon-form {
  display: none;
  float: right;
  clear: both;
}

#discount-coupon-form .discount h2 {
  display: none;
  margin: 0;
}

#discount-coupon-form .discount .button-wrapper {
  margin: 0;
}

.crosssell {
  width: 100%;
}

.crosssell .product-name, .crosssell #polarcore .product-view .product-name-mobile, #polarcore .product-view .crosssell .product-name-mobile {
  min-height: 4rem;
}

#polarcore .crosssell .products-grid .item {
  padding: 3px;
}

#polarcore .crosssell .products-grid .item .price-box {
  height: 40px;
}

/* CHECKOUT - _checkout_scss */
.order-review .backorder-info {
  display: none;
}

.checkout-onepage-index #checkout-progress-wrapper {
  text-transform: uppercase;
}

.checkout-onepage-index #checkout-progress-wrapper dt.complete, .checkout-onepage-index #checkout-progress-wrapper dt {
  color: #444;
  font-size: 1.2rem;
  font-weight: 300;
}

.checkout-onepage-index #checkout-progress-wrapper dd.complete {
  color: #666;
  margin: 1rem 0;
}

.checkout-onepage-index #checkout-progress-wrapper dd.complete address {
  line-height: 1.5;
}

.checkout-onepage-index h1 {
  text-transform: uppercase;
  font-weight: 300;
}

.checkout-onepage-index .section .step-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  text-transform: uppercase;
}

.checkout-onepage-index .section .step-title h2 {
  font-weight: 200;
  display: inline;
  margin: 0.5rem 0;
  color: #ccc;
  line-height: 1.2em;
}

.checkout-onepage-index .section .step-title .number {
  display: inline;
  margin: auto 0;
  padding: 1rem;
}

.checkout-onepage-index .section .step-title a {
  display: none;
}

.checkout-onepage-index .section.active {
  padding: 1rem;
  border: 5px solid #F0F0F0;
}

.checkout-onepage-index .section.active h2 {
  color: #444;
}

.checkout-onepage-index .section.active .step {
  display: block;
}

.checkout-onepage-index .section .col2-set {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.checkout-onepage-index .section .col2-set .col-1, .checkout-onepage-index .section .col2-set .col-2 {
  width: 100%;
  padding: 1rem;
}

.checkout-onepage-index .section .col2-set .col-1 form, .checkout-onepage-index .section .col2-set .col-2 form {
  margin-bottom: 1rem;
}

.checkout-onepage-index .section .col2-set .col-1 h3, .checkout-onepage-index .section .col2-set .col-2 h3 {
  font-size: 1.5rem;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1.4em;
}

@media only screen and (min-width: 1025px) {
  .checkout-onepage-index .section .col2-set {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .checkout-onepage-index .section .col2-set .col-1 {
    width: 50%;
  }
  .checkout-onepage-index .section .col2-set .col-2 {
    width: 50%;
  }
}

.checkout-onepage-index .section.active {
  display: block;
}

.checkout-onepage-index #checkout-review-table {
  width: 100%;
  text-transform: uppercase;
}

.checkout-onepage-index #checkout-review-table tbody td {
  padding: 0 0.5rem;
}

.checkout-onepage-index #checkout-review-table tbody td:first-child {
  padding: 0;
}

.checkout-onepage-index #checkout-review-table tbody td .backorder-info {
  display: block;
}

.checkout-onepage-index #review-buttons-container .btn-checkout {
  margin: 1rem 0;
}

.checkout-onepage-index .mdl-textfield .validation-advice {
  font-size: 0.7rem;
}

/* CATEGORY - _category.scss */
@media only screen and (min-width: 768px) {
  #narrow-by-list {
    border-right: 2px #fefefe solid;
    padding-right: 1rem;
    margin-top: 0;
  }
}

#narrow-by-list dd {
  margin: 0;
}

#narrow-by-list dd ol {
  padding: 0;
  margin-bottom: 1rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #EEE;
}

#narrow-by-list dd a {
  color: #333;
  text-decoration: none;
}

#narrow-by-list dd a .count {
  font-size: 0.8rem;
  color: #666;
}

#narrow-by-list dd li {
  list-style: none;
}

#narrow-by-list dt {
  color: #555;
  font-size: 1.2rem;
  margin-bottom: 0.25rem;
  text-transform: inherit;
}

.category-title {
  clear: both;
  text-align: center;
  padding-left: 1rem;
  margin-top: 1rem;
}

@media only screen and (min-width: 768px) {
  .category-title {
    text-align: left;
  }
}

.category-title h1 {
  color: #444;
  font-size: 2.4rem;
  margin: 0;
}

.category-description {
  display: none;
  font-size: 1.1em;
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
}

@media only screen and (min-width: 768px) {
  .category-description {
    display: block;
  }
}

.category-image {
  display: none;
}

@media only screen and (min-width: 768px) {
  .category-image {
    display: block;
  }
}

ul.catblocks {
  padding-left: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}

ul.catblocks li {
  margin: auto;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  text-align: center;
}

ul.catblocks li a {
  text-decoration: none;
  color: #333;
  font-weight: bold;
}

ul.catblocks li a:hover {
  color: #000;
}

ul.catblocks li span {
  display: block;
  color: #333;
  padding-top: 1em;
  padding-bottom: 2em;
}

.toolbar {
  margin: 1.25rem -0.5rem;
  /* background: #FAFAFA; */
  text-transform: inherit;
}

@media only screen and (min-width: 768px) {
  .toolbar {
    margin: 0 0 2em 0;
    padding: 0.5em;
  }
  .toolbar .amount::after {
    display: none;
    /* Hidden by default */
    content: "|";
    margin-left: 0.3em;
    margin-right: 0.3em;
  }
  .toolbar .view-mode::after {
    content: "|";
    margin-right: 0.3em;
  }
}

.toolbar .amount {
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
  display: inline-block;
  font-weight: lighter;
  color: #333;
}

.toolbar .limiter {
  display: none;
  /* Hidden by default */
  /* display: inline-block; */
}

.toolbar .sorter {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .toolbar .sorter {
    display: block;
  }
}

.toolbar .sorter .view-mode {
  display: none;
  /* Hidden by default */
  /* display: $display-view-mode; */
  float: left;
}

.toolbar .sorter .view-mode label {
  display: none;
}

.toolbar .sorter .sort-by {
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
  float: none;
}

@media only screen and (min-width: 768px) {
  .toolbar .sorter .sort-by {
    float: right;
  }
}

.toolbar .sorter .sort-by select {
  display: none;
  text-transform: inherit;
}

@media only screen and (min-width: 768px) {
  .toolbar .sorter .sort-by label {
    display: inline !important;
    margin-right: 0.5rem;
  }
}

.toolbar .sorter .sort-by .desc, .toolbar .sorter .sort-by .asc {
  display: none;
  /* Hidden by default */
  text-decoration: none;
}

.toolbar .sorter .sort-by .asc::after {
  content: ' \25B4';
}

.toolbar .sorter .sort-by .desc::after {
  content: ' \25BE';
}

@media only screen and (max-width: 767px) {
  .toolbar .sorter .sort-by .nuva-dropdown-wrapper {
    position: static;
  }
}

.toolbar .sorter .sort-by .nuva-dropdown-wrapper .nuva-dropdown {
  width: 150px;
  left: auto;
  right: 8px;
}

@media only screen and (max-width: 767px) {
  .toolbar .sorter .sort-by .nuva-dropdown-wrapper .nuva-dropdown {
    top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .toolbar .sorter .sort-by .nuva-dropdown-wrapper {
    float: right;
    width: 100%;
    margin-top: -3rem;
  }
  .toolbar .sorter .sort-by .nuva-dropdown-wrapper .nuva-dropdown {
    width: 47.5%;
  }
  .toolbar .sorter .sort-by .nuva-dropdown-wrapper .nuva-dropdown li {
    padding: 0.5rem;
  }
}

.toolbar .sorter a.desc span, .toolbar .sorter a.asc span {
  display: none;
}

.toolbar .sorter > div {
  width: 100%;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .toolbar .sorter > div {
    width: auto;
  }
}

.toolbar .pager {
  clear: both;
  display: none;
}

.toolbar .pager .pages > ol {
  list-style: none;
  text-align: center;
}

.toolbar .pager .pages > ol li {
  margin-right: 1em;
  display: inline-block;
}

.toolbar .pager .pages strong {
  display: none;
}

.toolbar-bottom .toolbar {
  background: none;
  padding: 0;
}

.toolbar-bottom .toolbar .pager {
  display: block;
  background: #FAFAFA;
  padding: 0.5rem;
}

.toolbar-bottom .toolbar .sorter {
  display: none;
}

/* Polarcore SlideToggle */
@media only screen and (max-width: 767px) {
  .col-wrapper aside.sidebar .block-title {
    height: 3.25rem;
    width: 100%;
    line-height: 1.75rem;
    margin: 0;
    text-align: center;
    background: #622066;
    color: #fff;
    padding: 0.75rem 1rem;
    text-transform: uppercase;
    border: 1px solid #622066;
  }
  .col-wrapper aside.sidebar .block-title:hover {
    color: #fff;
  }
  .col-wrapper aside.sidebar .block-title span {
    width: 100%;
  }
  .col-wrapper aside.sidebar .block-subtitle--filter {
    width: 47.5%;
    height: 3.25rem;
    line-height: 1.75rem;
    margin: 0;
    text-align: center;
    background: #622066;
    color: #fff;
    padding: 0.75rem 1rem;
    text-transform: uppercase;
    border: 1px solid #622066;
  }
  .col-wrapper aside.sidebar .block-subtitle--filter:hover {
    color: #fff;
  }
  .col-wrapper aside.sidebar .block-subtitle--filter span {
    width: 100%;
  }
  .col-wrapper aside.sidebar .block-subtitle--filter:before {
    content: "\E152";
    font-family: "Material Icons";
    text-rendering: optimizelegibility;
    font-feature-settings: "liga";
    font-style: normal;
    text-transform: none;
    line-height: 1;
    display: block;
    overflow: hidden;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.25rem;
    margin-right: 0.5rem;
    display: inline-block;
    vertical-align: text-bottom;
    border: 1px solid #622066;
  }
}

/* FOOTER - _footer.scss */
.footer-container {
  background: #622066;
  color: white;
  margin-top: 3rem;
}

.footer {
  width: 100%;
  max-width: 100%;
}

.footer h2 {
  text-transform: uppercase;
  color: #c0c0c0;
  font-size: 1.2rem;
  letter-spacing: 4px;
  font-weight: 300;
}

.footer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.footer a {
  text-decoration: none;
  color: white;
}

.footer a:hover {
  color: #ccc;
}

.footer .block-title {
  color: #5C657D;
  font-size: 1.3rem;
  line-height: 2.5rem;
}

.footer .footer-logos {
  text-align: center;
  padding: 1.5rem 0;
  width: 100%;
}

.footer .footer-logos img {
  height: 25px;
  width: auto;
  min-width: auto;
  padding-right: 0.5rem;
}

.footer .copyright {
  padding: 1rem;
  width: 100%;
  text-align: center;
  color: white;
  background: #622066;
  font-size: 11px;
}

.footer .newsletter {
  background: white;
  padding: 0rem 1rem;
  border-radius: 4px;
}

.footer .newsletter .button {
  padding: 1em;
  border-radius: 4px;
}

.footer #newsletter-validate-detail {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.footer #newsletter-validate-detail .button {
  margin-left: 0.5rem;
  margin-top: auto;
  margin-bottom: auto;
}

@media only screen and (min-width: 1025px) {
  .footer .footer-right {
    padding-left: 1rem;
  }
}

.footer .footer-middle {
  padding: 0 1rem;
  text-align: center;
}

.footer .footer-right, .footer .footer-left {
  text-align: center;
}

@media only screen and (min-width: 1025px) {
  .footer .footer-right, .footer .footer-left {
    text-align: left;
  }
}

/* FORM - _form.scss */
input {
  padding: 0.8em;
  border: 1px solid #EEEEEE;
  outline: none;
}

textarea {
  padding: 0.8em;
  border: 1px solid #EEEEEE;
  min-width: 32rem;
  min-height: 16rem;
}

.validation-advice {
  position: absolute;
  font-size: 0.8em;
  color: #E57373;
}

/* HEADER NAV - _header-nav.scss */
.header-nav {
  display: none;
  background: #622066;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
  .header-nav {
    display: block;
  }
}

.header-nav #nav .nav-primary {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.header-nav #nav .nav-primary::after {
  clear: both;
  content: "";
  display: table;
}

.header-nav #nav .nav-primary .active {
  background: #2a0e2c;
}

.header-nav #nav .nav-primary .level1 .has-children:before {
  content: " + ";
  float: right;
}

.header-nav #nav .nav-primary li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  white-space: nowrap;
}

.header-nav #nav .nav-primary li a {
  padding: 0.75rem 1rem;
  text-align: center;
  color: #FFF;
  font-weight: 100;
  text-decoration: none;
  font-size: 1.05rem;
  display: inline-block;
  width: 100%;
  text-align: left;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .header-nav #nav .nav-primary li a {
    padding: 0.75rem;
    font-size: 1rem;
  }
}

.header-nav #nav .nav-primary li.menu-active, .header-nav #nav .nav-primary li:hover {
  background: #050205;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.header-nav #nav .nav-primary li:focus {
  background: #050205;
}

.header-nav #nav .nav-primary > li ul {
  padding: 0;
  margin: 0;
  display: none;
  position: absolute;
  top: 100%;
  background: #622066;
  border-top: solid 2px #4f1a53;
  border-bottom: solid 2px #050205;
}

.header-nav #nav .nav-primary > li ul li:hover {
  background: #050205;
}

.header-nav #nav .nav-primary li > ul {
  display: none;
  z-index: 3000;
}

.header-nav #nav .nav-primary li > ul ul {
  position: absolute;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  top: 0;
  left: 100%;
}

.header-nav #nav .nav-primary li.menu-active > ul,
.header-nav #nav .nav-primary li:hover > ul {
  display: block;
}

.nav-home-icon {
  vertical-align: middle;
}

/* HEADER - _header.scss */
#header .header-content {
  padding: 1.25rem 0 0.25rem;
  text-align: center;
  background: white;
}

#header .header-content .search-button {
  float: left;
  margin-left: 4rem;
  margin-top: -0.1rem;
}

@media only screen and (max-width: 767px) {
  #header .header-content .search-button {
    color: black;
  }
}

@media only screen and (min-width: 768px) {
  #header .header-content {
    padding: 1rem;
  }
}

#header .header-content .logo {
  display: block;
  width: 60%;
  margin-left: 20%;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  #header .header-content .logo {
    display: inline-block;
    float: left;
    width: 180px;
    margin-left: auto;
  }
}

#header .header-content .logo img.logo-large {
  display: none;
}

#header .header-content .logo img.logo-small {
  width: 10rem;
  margin-top: -1rem;
}

@media only screen and (min-width: 768px) {
  #header .header-content .logo img.logo-small {
    display: none;
  }
  #header .header-content .logo img.logo-large {
    display: block;
    max-width: 100%;
  }
}

#header .header-content .header-minicart, #polarcore #header .header-content .header-wishlist {
  position: absolute;
  margin: 1rem 0;
  text-align: left;
  right: 0;
  top: 0;
  width: 48px;
  height: 48px;
}

#header .header-content .header-minicart .cart-icon, #polarcore #header .header-content .header-wishlist .cart-icon {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: #000;
  width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
  margin-top: 1.1rem;
}

#header .header-content .header-minicart .cart-icon .count, #polarcore #header .header-content .header-wishlist .cart-icon .count {
  position: absolute;
  color: #FFF;
  background: #00C853;
  padding: 0rem 0.3rem;
  line-height: 1rem;
  right: 0rem;
  top: -0.5rem;
  border-radius: 12%;
  font-size: 0.7rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#header .header-content .header-minicart .cart-icon .count span, #polarcore #header .header-content .header-wishlist .cart-icon .count span {
  margin: auto;
}

#header .header-content .header-minicart .cart-details, #polarcore #header .header-content .header-wishlist .cart-details {
  display: none;
  color: #424242;
  float: left;
}

#header .header-content .header-minicart .cart-details .cart, #polarcore #header .header-content .header-wishlist .cart-details .cart {
  font-size: 1.2em;
}

#header .header-content .header-minicart .cart-details .subtotal, #polarcore #header .header-content .header-wishlist .cart-details .subtotal {
  font-size: 0.85em;
}

#header .header-content .header-minicart .cart-details .subtotal .label, #polarcore #header .header-content .header-wishlist .cart-details .subtotal .label {
  font-weight: 600;
}

@media only screen and (min-width: 768px) {
  #header .header-content .header-minicart, #polarcore #header .header-content .header-wishlist {
    position: static;
    top: auto;
    right: auto;
    float: right;
    height: auto;
    width: auto;
  }
  #header .header-content .header-minicart .cart-icon, #polarcore #header .header-content .header-wishlist .cart-icon {
    float: left;
    margin-top: 1rem;
  }
  #header .header-content .header-minicart .cart-details, #polarcore #header .header-content .header-wishlist .cart-details {
    display: block;
  }
}

@media screen and (min-width: 767px) and (max-width: 1200px) {
  #header .header-content .header-minicart, #polarcore #header .header-content .header-wishlist {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

#header .header-content .header-minicart::after, #polarcore #header .header-content .header-wishlist::after {
  clear: both;
  content: "";
  display: table;
}

@media only screen and (min-width: 768px) {
  #header .header-content .header-search {
    display: inline-block;
    width: 40%;
    vertical-align: middle;
  }
}

#header .header-content .header-search #search_autocomplete {
  background: white;
  z-index: 20;
  border: 1px solid #F0F0F0;
  padding: 1rem 0;
  color: #333;
  text-align: left;
}

#header .header-content .header-search #search_autocomplete li {
  padding-left: 1rem;
}

#header .header-content .header-search #search_autocomplete .selected {
  background: #F0F0F0;
}

#header .header-content .header-search #search_autocomplete .amount {
  display: none;
}

#header .header-content .header-search .input-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  margin-left: -1rem;
}

#header .header-content .header-search .input-box label {
  color: #9E9E9E;
  font-size: 14px;
}

#header .header-content .header-search .input-box input#search {
  width: 100%;
  font-size: 1rem;
}

#header .header-content .header-search .input-box button.search-button {
  vertical-align: middle;
  height: 40px;
  margin-left: -0.25rem;
  font-size: 1.75rem;
  margin-top: 1rem;
  outline: none;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: #622066;
}

#header .header-content .header-search .input-box button.search-button i {
  vertical-align: middle;
  font-size: inherit;
  margin-top: -0.5rem;
}

#header .header-content .header-search .input-box button.search-button:hover {
  color: #3d143f;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  #header .header-content .header-minicart, #polarcore #header .header-content .header-wishlist {
    z-index: 2;
    margin-right: 0;
    margin-top: 0.2rem;
  }
  #header .header-content .header-search {
    position: absolute;
    padding: 1rem 2rem;
    display: none;
    width: 100%;
    background: #fafafa;
    z-index: 999;
    margin-top: 0.25rem;
  }
  #header .header-content .header-search #search_mini_form {
    width: 100%;
    margin: auto;
  }
  #header .header-content .header-search #search_mini_form .search-wrapper {
    width: 100%;
    margin-left: 0;
  }
}

#header .header-content .show-search, #polarcore #header .header-content .header-search {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: showsearch 0.4s ease;
  animation: showsearch 0.4s ease;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-top: 2px solid #622066;
}

/* MOBILE NAV - _mobile-nav.scss */
.mdl-layout__container {
  position: relative;
  width: auto;
  height: auto;
}

.mdl-layout__container .mdl-layout {
  overflow-y: visible;
  overflow-x: visible;
}

.mdl-layout__drawer-button {
  display: block;
  width: auto;
  max-height: 3rem;
  line-height: auto;
  color: black;
}

.mdl-layout__drawer-button .menu-label {
  margin-top: -2.8rem;
  font-size: 0.54rem;
  position: relative;
  display: block;
}

@media only screen and (min-width: 768px) {
  .mdl-layout__drawer-button .menu-label {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .mdl-layout__drawer-button {
    display: none;
  }
}

.mdl-layout__drawer-button i.material-icons {
  padding: 0.5rem;
  font-size: 2rem;
}

.popup-open {
  overflow: hidden;
  position: fixed;
}

.popup-open .mdl-layout__drawer-button {
  z-index: initial;
}

.mdl-layout__drawer {
  position: fixed;
  overflow-y: auto;
  border-right: none;
  z-index: 100;
  background: #2c313e;
}

.mdl-layout__drawer .mdl-layout__drawer__home {
  position: absolute;
  top: 0.35rem;
  left: 0.5rem;
  font-size: 2rem;
  padding: 0.25rem;
  color: white;
}

.mdl-layout__drawer .mdl-layout__drawer__title {
  margin: 0;
  padding: 1rem 0;
  font-size: 1.25rem;
  font-weight: 300;
  letter-spacing: 0.5px;
  text-align: center;
  text-transform: uppercase;
  background-color: #622066;
  color: white;
}

.mdl-layout__drawer .mdl-layout__drawer__close {
  position: absolute;
  top: 0.35rem;
  right: 0.5rem;
  font-size: 2rem;
  padding: 0.25rem;
  color: white;
}

.mdl-layout__drawer #nav-mobile {
  padding: 0 !important;
  background: #FFF;
}

.mdl-layout__drawer #nav-mobile .has-children:after {
  content: " + ";
  float: right;
}

.mdl-layout__drawer #nav-mobile .open > .has-children:after {
  content: " × ";
  float: right;
}

.mdl-layout__drawer > ul li ul, .mdl-layout__drawer .nav-primary li ul {
  display: none;
  background-color: #f4f4f4;
  /* Level 2 Indentation*/
}

.mdl-layout__drawer > ul li ul > li > a, .mdl-layout__drawer .nav-primary li ul > li > a {
  padding-left: 1.5rem;
}

.mdl-layout__drawer > ul li ul > li > ul > li > a, .mdl-layout__drawer .nav-primary li ul > li > ul > li > a {
  padding-left: 3rem;
}

.mdl-layout__drawer > ul li a, .mdl-layout__drawer .nav-primary li a {
  display: block;
  padding: 1rem;
  font-size: 1.1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.mdl-layout__drawer > ul li.open, .mdl-layout__drawer > ul li.open > a, .mdl-layout__drawer .nav-primary li.open, .mdl-layout__drawer .nav-primary li.open > a {
  border-bottom: 1px solid #622066;
}

.mdl-layout__drawer > ul li.nav-home, .mdl-layout__drawer .nav-primary li.nav-home {
  display: none;
}

ul.top-links__mobile {
  background: #2c313e;
}

ul.top-links__mobile:first-of-type {
  border-top: 3px solid #622066;
}

ul.top-links__mobile li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

/* PRODUCT-GRID - _product-grid.scss */
.products-grid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 0;
  position: relative;
  clear: both;
}

.products-grid .actions {
  display: none;
  text-align: center;
}

.products-grid .actions .add-to-links {
  list-style: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  display: none;
  padding-top: 2rem;
}

.products-grid .actions .add-to-links li {
  padding-right: 1em;
}

@media only screen and (max-width: 767px) {
  .products-grid .actions .add-to-links .inner span {
    display: none;
  }
}

.products-grid .actions .add-to-links li {
  float: left;
}

.products-grid .actions .add-to-links li:last-child {
  padding-right: 0;
}

.products-grid .actions .add-to-links li .inner {
  display: block;
}

.products-grid .actions .add-to-links li .inner span {
  display: none;
}

.products-grid button.btn-cart {
  display: none;
}

.products-grid .combo-box {
  width: 100%;
}

.products-grid .combo-box .review-wrapper {
  width: 100%;
  text-align: center;
}

.products-grid .combo-box .review-wrapper .amount {
  position: relative;
  bottom: 0.1rem;
}

.products-grid .configurable-swatch-list {
  list-style: none;
  padding: 0;
  text-align: center;
}

.products-grid .configurable-swatch-list li {
  display: inline-block;
}

.products-grid .configurable-swatch-list li .swatch-label img {
  border: 1px #EEE solid;
}

.products-grid .item {
  list-style: none;
  padding: 3px;
  background: transparent;
  will-change: box-shadow;
  transition: box-shadow 0.15s ease;
}

@media only screen and (min-width: 768px) {
  .products-grid .item:hover {
    box-shadow: 0px 0px 0px 3px #f0f0f0;
  }
}

.products-grid .item .inner-item .image-wrapper {
  position: relative;
  text-align: center;
}

.products-grid .item .inner-item .image-wrapper .special-label {
  background-color: #FFC629;
  color: #212121;
  text-transform: uppercase;
  width: 200px;
  position: absolute;
  top: 22px;
  right: -64px;
  left: auto;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  letter-spacing: 1px;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  padding: 2px 50px;
  white-space: nowrap;
  z-index: 1;
}

.products-grid .item .product-info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1em;
  margin-bottom: 1em;
}

.products-grid .item .product-info .review-wrapper {
  width: auto;
  font-size: 0.8em;
  position: absolute;
  right: 0;
  top: 2px;
}

.products-grid .item .product-info .review-wrapper .rating-box {
  display: inline-block;
}

.products-grid .item .product-info .review-wrapper .rating-box i {
  position: relative;
  top: 0.1em;
  color: #fed227;
  font-size: 1.5em;
}

.products-grid .item .product-info .product-name, .products-grid .item .product-info #polarcore .product-view .product-name-mobile, #polarcore .product-view .products-grid .item .product-info .product-name-mobile {
  text-align: center;
  text-decoration: none;
  font-size: 1.2rem;
  line-height: 1.5rem;
  margin: 0;
  padding-bottom: 0.5rem;
}

.products-grid .item .product-info .product-name a, .products-grid .item .product-info #polarcore .product-view .product-name-mobile a, #polarcore .product-view .products-grid .item .product-info .product-name-mobile a {
  color: #424242;
  text-decoration: none;
}

.products-grid .item .product-info .product-name a:hover, .products-grid .item .product-info #polarcore .product-view .product-name-mobile a:hover, #polarcore .product-view .products-grid .item .product-info .product-name-mobile a:hover {
  color: #828282;
}

.products-grid .item .price-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: left;
  -ms-flex-align: left;
  align-items: left;
  height: auto;
}

.products-grid .item .price-box .price {
  margin: 0;
  font-size: 1.2rem;
  font-style: lighter;
}

.products-grid .item .price-box .price-label {
  display: none;
  color: #757575;
}

.products-grid .item .price-box .regular-price {
  font-weight: bold;
  margin: 0;
  color: #000;
}

.products-grid .item .price-box .old-price {
  color: #757575;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
  margin: 0;
  line-height: 1.25;
}

.products-grid .item .price-box .old-price .price-label {
  margin-right: 2px;
  font-size: 13px;
  letter-spacing: .5px;
}

.products-grid .item .price-box .old-price .price {
  text-decoration: line-through;
}

.products-grid .item .price-box .special-price {
  font-weight: bold;
  margin: 0;
  color: #cc0000;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.products-grid .item .price-box .special-price .price-label {
  margin-right: 2px;
  font-size: 13px;
  letter-spacing: .5px;
  font-weight: normal;
}

.products-grid .item .price-box .price-from {
  margin: 0;
  font-size: 1rem;
  color: #757575;
}

.products-grid .item .price-box .price-from .price-label {
  text-transform: uppercase;
  display: inline;
}

.products-grid .item .price-box .price-to {
  margin: 0;
  display: none;
  color: #757575;
}

.products-grid .item .price-box .minimal-price {
  font-weight: bold;
  margin: 0;
  color: #757575;
}

.products-grid .item .price-box .minimal-price-link {
  padding-left: 0;
}

@media only screen and (min-width: 1025px) {
  .products-grid .item .price-box .minimal-price-link {
    padding-left: 0.5rem;
  }
}

.products-grid .item .price-box .minimal-price-link .label {
  display: none;
}

.products-grid .item .price-box .map-link {
  margin: 0;
  font-size: 1rem;
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
  padding-left: 0;
}

@media only screen and (min-width: 1025px) {
  .products-grid .item .price-box .map-link {
    padding-left: 0.5rem;
  }
}

.products-grid .item .product-info {
  text-align: left;
}

.products-grid .item .product-info .actions .button.view-details {
  display: none;
}

.products-grid .item .price-label {
  display: none;
  text-transform: uppercase;
}

.products-grid .item.special-member .old-price .price-label, .products-grid .item.special-intro .old-price .price-label, .products-grid .item.special-price .old-price .price-label {
  display: inline;
}

.products-grid .item.special-member .special-price .price-label {
  display: inline;
}

.products-grid .item.special-new .inner-item .image-wrapper .special-label, .products-grid .item.special-parti-general .inner-item .image-wrapper .special-label {
  background-color: #622066;
  color: #fff;
}

.products-grid .item.item--large .inner-item .image-wrapper .special-label {
  top: 24px;
  right: -60px;
  padding: 2px 50px;
}

/* PRODUCT-LIST - _product_list.scss */
.products-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  padding: 0;
  position: relative;
  clear: both;
}

.products-list .link-compare .material-icons, .products-list .link-wishlist .material-icons {
  top: 0.25em;
  position: relative;
}

.products-list .add-to-links {
  list-style: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}

.products-list .add-to-links li {
  padding-right: 1em;
}

@media only screen and (max-width: 767px) {
  .products-list .add-to-links .inner span {
    display: none;
  }
}

.products-list button.btn-cart {
  background: #00C853;
  padding: 0.5em 1em;
  border: 0;
  width: 100%;
  text-align: center;
  font-size: 1.2rem;
  font-weight: lighter;
  color: white;
  margin-bottom: 1rem;
  margin-top: 1rem;
  display: inline;
}

.products-list button.btn-cart i.material-icons {
  position: relative;
  top: 0.25em;
  padding-bottom: 0.25em;
}

.products-list button.btn-cart:hover {
  cursor: pointer;
  background: #00c351;
}

@media only screen and (min-width: 768px) {
  .products-list button.btn-cart {
    max-width: 50%;
  }
}

.products-list button.btn-cart span.inner {
  position: relative;
  top: -0.2em;
}

.products-list .configurable-swatch-list {
  list-style: none;
  padding: 0;
  clear: both;
}

.products-list .configurable-swatch-list li {
  float: left;
  display: inline-block;
  padding-left: 0.2rem;
}

.products-list .configurable-swatch-list li .swatch-label img {
  border: 1px #EEE solid;
}

.products-list .item {
  list-style: none;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 1em;
  background: transparent;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: #EEEEEE solid 1px;
}

@media only screen and (max-width: 767px) {
  .products-list .item {
    padding-left: 0;
  }
}

.products-list .item .image-wrapper {
  position: relative;
  width: 25%;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

@media only screen and (min-width: 768px) {
  .products-list .item .image-wrapper {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}

.products-list .item .product-name, .products-list .item #polarcore .product-view .product-name-mobile, #polarcore .product-view .products-list .item .product-name-mobile {
  text-align: left;
  text-decoration: none;
  font-size: 1.6rem;
  line-height: 2.2rem;
  margin: 0;
  padding-bottom: 0.5rem;
}

@media only screen and (min-width: 768px) {
  .products-list .item .product-name, .products-list .item #polarcore .product-view .product-name-mobile, #polarcore .product-view .products-list .item .product-name-mobile {
    font-size: 2rem;
    line-height: 2.8rem;
  }
}

.products-list .item .product-name a, .products-list .item #polarcore .product-view .product-name-mobile a, #polarcore .product-view .products-list .item .product-name-mobile a {
  margin: 0;
  color: #424242;
  font-weight: 400;
  text-decoration: none;
}

.products-list .item .product-name a:hover, .products-list .item #polarcore .product-view .product-name-mobile a:hover, #polarcore .product-view .products-list .item .product-name-mobile a:hover {
  color: #828282;
}

.products-list .item .ratings {
  clear: both;
}

.products-list .item .ratings .rating-links a:first-child:after {
  content: '\a';
  white-space: pre;
}

.products-list .item .ratings .rating-box {
  display: inline-block;
}

.products-list .item .ratings .amount {
  position: absolute;
}

.products-list .item .ratings i {
  color: #fed227;
}

.products-list .item .price-box {
  width: 100%;
  margin-top: 1rem;
  min-height: 3rem;
}

.products-list .item .price-box .price {
  font-size: 1.6rem;
  font-style: lighter;
}

.products-list .item .price-box .regular-price {
  color: #000;
}

.products-list .item .price-box .old-price {
  text-decoration: line-through;
  margin: 0;
  color: #757575;
}

.products-list .item .price-box .old-price .price-label {
  display: none;
}

.products-list .item .price-box .old-price .price {
  font-size: 1.2rem;
}

.products-list .item .price-box .special-price {
  font-weight: bold;
  margin: 0;
  margin-top: 0.8em;
  color: #cc0000;
}

.products-list .item .price-box .special-price .price-label {
  display: none;
}

.products-list .item .price-box .special-price .price {
  font-size: 1.6rem;
}

.products-list .item .price-box .price-to, .products-list .item .price-box .price-from {
  width: 50%;
  font-size: 1.2rem;
  float: left;
}

.products-list .item .price-box .price-to .price, .products-list .item .price-box .price-from .price {
  font-size: 1.2rem;
  font-weight: bold;
}

.products-list .item .product-shop {
  width: 75%;
  padding: 0 1em;
}

.products-list .item p.action {
  margin-bottom: 0;
}

.products-list .item p.action .button.view-details {
  display: none;
}

/* PRODUCT - _product.scss */
.product-view {
  position: relative;
}

.product-view.is-loading:after {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.85);
  background-image: url(polarcore/default/images/ripple.svg);
  background-position: 50% 270px;
  background-repeat: no-repeat;
  z-index: 555;
}

.product-view .select.input-box {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #E0E0E0;
  max-width: 100%;
  background: white;
  margin-bottom: 1rem;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .product-view .select.input-box {
    max-width: 50%;
  }
}

.product-view .select.input-box:after {
  font-family: "Material Icons";
  text-rendering: optimizelegibility;
  font-feature-settings: "liga";
  font-style: normal;
  text-transform: none;
  line-height: 1;
  display: block;
  overflow: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  right: 0rem;
  font-size: 1.2rem;
  content: '\E313';
  margin: auto;
  color: #444;
  height: 2.5rem;
  line-height: 2.5rem;
  vertical-align: middle;
  padding: 0rem 0.5rem;
  background: rgba(0, 0, 0, 0.05);
}

.product-view .select.input-box select {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  outline: none;
  padding-right: 32px;
  background: transparent;
  width: 100%;
  height: 2.5rem;
}

@media only screen and (min-width: 768px) {
  .product-view .select.input-box select {
    padding: 0 32px 0 0.75rem;
  }
}

.product-view .select.input-box select:hover {
  cursor: pointer;
  background: #fcfcfc;
}

.product-view .select.input-box select:disabled {
  background: #c7c7c7;
  color: #444;
}

.product-view .add-to-cart-wrapper .swatch-attr .input-box {
  background: transparent;
  border: 0;
}

.product-view .add-to-cart-wrapper .swatch-attr .input-box:after {
  content: '';
  display: none;
}

.product-view .add-to-cart-wrapper .swatch-attr .input-box select:hover {
  cursor: pointer;
  background: transparent;
}

.product-view .add-to-cart-wrapper .swatch-attr .input-box select:disabled {
  background: transparent;
}

.product-view .product-shop .inner.grouped {
  background: transparent;
  padding: 0;
}

.product-view .product-shop .inner.grouped .grouped-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 1rem;
}

.product-view .product-shop .inner.grouped .grouped-item div[id*="options_item"] {
  position: relative;
}

.product-view .product-shop .inner.grouped .grouped-item div[id*="options_item"] .validation-advice {
  width: 50%;
  text-align: right;
}

.product-view .product-shop .inner.grouped .grouped-item .product-image {
  width: 25%;
}

.product-view .product-shop .inner.grouped .grouped-item .product-info {
  width: 75%;
  padding: 0.5rem;
}

.product-view .product-shop .inner.grouped .grouped-item .product-info .product-name, #polarcore .product-view .product-shop .inner.grouped .grouped-item .product-info .product-name-mobile {
  width: 75%;
  font-size: 1.2rem;
  margin: 0;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
}

@media only screen and (min-width: 768px) {
  .product-view .product-shop .inner.grouped .grouped-item .product-info .product-name, #polarcore .product-view .product-shop .inner.grouped .grouped-item .product-info .product-name-mobile {
    line-height: 1.25rem;
    margin-right: 25%;
    font-weight: 700;
  }
}

.product-view .product-shop .inner.grouped .grouped-item .product-info .product-name a, #polarcore .product-view .product-shop .inner.grouped .grouped-item .product-info .product-name-mobile a {
  font-weight: inherit;
  color: inherit;
}

.product-view .product-shop .inner.grouped .grouped-item .price-box {
  text-align: left;
  font-size: 1.2rem;
}

@media only screen and (min-width: 768px) {
  .product-view .product-shop .inner.grouped .grouped-item .price-box {
    position: absolute;
    right: 0;
    top: 0.2rem;
    text-align: right;
  }
}

.product-view .product-shop .inner.bundle .mdl-checkbox {
  height: auto;
}

.product-view .product-shop .inner.bundle .price-info .price-box {
  padding: 0;
}

.product-view .product-shop .inner.bundle .price-info .price-box .minimal-price,
.product-view .product-shop .inner.bundle .price-info .price-box .price-from,
.product-view .product-shop .inner.bundle .price-info .price-box .price-to {
  margin-bottom: 0;
}

.product-view .product-shop .inner.bundle .price-info .price-box .price-label {
  display: initial;
}

.product-view .product-shop .inner.bundle .wrapper .extra-info::after {
  clear: both;
  content: "";
  display: table;
}

.product-view .product-shop .inner.bundle .wrapper .extra-info .availability {
  margin-bottom: 0;
}

.product-view .product-shop .inner.bundle .wrapper .add-to-cart-wrapper .price-box-bundle,
.product-view .product-shop .inner.bundle .wrapper .add-to-cart-wrapper .availability {
  display: none;
}

.product-view .product-shop .inner.bundle .wrapper .add-to-cart-wrapper .product-options .mdl-checkbox__label,
.product-view .product-shop .inner.bundle .wrapper .add-to-cart-wrapper .product-options .mdl-radio__label {
  font-size: 1rem;
}

.product-view .product-shop .inner.bundle .wrapper .add-to-cart-wrapper .product-options dl {
  margin-top: 0;
  margin-bottom: 2rem;
}

.product-view .product-shop .inner.bundle .wrapper .add-to-cart-wrapper .product-options select {
  padding-right: calc(2.275rem + 0.75rem);
}

.product-view .product-shop .inner.bundle .wrapper .add-to-cart-wrapper .product-options select[multiple="multiple"] {
  padding-right: 6px;
}

.product-view .product-shop .inner.bundle .wrapper .add-to-cart-wrapper .product-options .qty-holder {
  width: 100%;
  max-width: 75px;
}

.product-view .product-shop .inner.bundle .wrapper .add-to-cart-wrapper .product-options .qty-holder .mdl-textfield__error {
  white-space: nowrap;
}

.product-view .product-shop .inner.bundle .wrapper .add-to-cart-wrapper .product-options .input-box {
  margin-bottom: 0.5rem;
}

.product-view .product-shop .inner.bundle .wrapper .add-to-cart-wrapper .product-options .input-box--single {
  margin-bottom: 0.5rem;
}

.product-view .product-shop .inner.bundle .wrapper .add-to-cart-wrapper .product-options .input-radio {
  margin-bottom: 0.5rem;
}

@media only screen and (max-width: 767px) {
  .product-view .mdl-grid {
    padding: 0;
  }
}

.product-view .mini-products-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.product-view .mini-products-list .product {
  padding: 1rem;
}

.product-view .similar .mini-products-list .item {
  width: 60px;
  margin: .5rem 1rem .5rem 0;
}

.product-view .similar .mini-products-list .item:first-child {
  border: 1px solid #622066;
}

.product-view .similar .mini-products-list .item .product {
  padding: 0;
  margin: 0;
}

.product-view .similar .mini-products-list .item .product.unavailable {
  opacity: .35;
}

.product-view .similar .mini-products-list .item .product img {
  max-width: 100%;
  height: auto;
}

.product-view .product-name, #polarcore .product-view .product-name-mobile {
  font-weight: lighter;
  line-height: 1.5em;
}

.product-view .short-description {
  margin-bottom: 2em;
}

.product-view .questions {
  margin-bottom: 1.25rem;
}

.product-view .questions a {
  color: #622066;
  text-decoration: underline;
}

.product-view .product-image-gallery .gallery-image {
  display: none;
}

.product-view .product-image-gallery .visible {
  display: block;
}

.product-view .product-image-thumbs {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.product-view .mini-description {
  position: relative;
  top: -1rem;
  min-height: 1rem;
}

.product-view .mini-description .sku-wrapper {
  margin-top: 0.4rem;
  float: right;
}

.product-view .mini-description .sku {
  color: #BBB;
}

.product-view .mini-description .article-sku-label {
  padding-left: 1rem;
  padding-right: 0.25rem;
  color: #BBB;
}

.product-view .mini-description .ratings {
  font-size: 1rem;
  display: inline;
}

.product-view .mini-description .ratings .rating-box {
  display: inline-block;
}

.product-view .mini-description .ratings .rating-box i {
  position: relative;
  top: 0.3em;
  color: #fed227;
  font-size: 1.5rem;
}

.product-view .member-description {
  background-color: #FFC629;
  padding: 6px 10px;
  font-size: 14px;
}

@media only screen and (min-width: 768px) {
  .product-view .member-description {
    font-size: 16px;
  }
}

.product-view .member-description a {
  text-decoration: underline;
}

.product-view .member-description a:hover {
  text-decoration: none;
}

.product-view .inner .member-description {
  background-color: transparent;
  padding: 0;
}

.product-view .product-shop.special-member .price-info .old-price .price-label, .product-view .product-shop.special-intro .price-info .old-price .price-label, .product-view .product-shop.special-price .price-info .old-price .price-label {
  display: inline;
}

.product-view .product-shop.special-member .price-info .price-label {
  font-size: 16px;
  text-transform: uppercase;
}

.product-view .product-shop.special-member .price-info .special-price .price-label {
  display: inline;
}

.product-view .price-info {
  font-size: 1.6rem;
  text-align: left;
  float: left;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .product-view .price-info {
    float: right;
    width: auto;
    text-align: right;
  }
}

.product-view .price-info .price-label {
  display: none;
  margin-right: 5px;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: normal;
  text-transform: uppercase;
}

.product-view .price-info.member-price .price-label {
  display: inline;
  font-size: 12px;
  letter-spacing: 0;
}

@media only screen and (min-width: 1025px) {
  .product-view .price-info.member-price .price-label {
    font-size: 16px;
    letter-spacing: 1px;
  }
}

.product-view .price-info .price {
  font-weight: 500;
}

.product-view .price-info .price-box {
  display: inline-block;
  float: left;
  width: initial;
  margin-bottom: 0;
  text-align: right;
}

.product-view .price-info .old-price, .product-view .price-info .special-price, .product-view .price-info .regular-price {
  margin: 0;
  color: #000;
  padding: 0.2rem;
}

.product-view .price-info .regular-price,
.product-view .price-info .full-product-price {
  font-size: 18px;
  line-height: 1;
  margin-top: 13px;
}

@media only screen and (min-width: 468px) {
  .product-view .price-info .regular-price,
  .product-view .price-info .full-product-price {
    font-size: 22px;
  }
}

@media only screen and (min-width: 1024px) {
  .product-view .price-info .regular-price,
  .product-view .price-info .full-product-price {
    font-size: 34px;
  }
}

.product-view .price-info .price-as-configured {
  margin-bottom: 0;
}

.product-view .price-info .full-product-price {
  display: inline-block;
}

.product-view .price-info .old-price {
  color: #757575;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.product-view .price-info .old-price .price {
  font-size: 1.3rem;
  text-decoration: line-through;
}

.product-view .price-info .special-price {
  color: #757575;
  font-size: 2rem;
  font-weight: 800;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

.product-view .price-info .special-price .price {
  color: #cc0000;
}

.product-view .price-info.member-price .old-price .price {
  font-size: 1.15rem;
}

@media only screen and (min-width: 1025px) {
  .product-view .price-info.member-price .old-price .price {
    font-size: 1.3rem;
  }
}

.product-view .price-info.member-price .special-price {
  font-size: 1.6rem;
}

@media only screen and (min-width: 1025px) {
  .product-view .price-info.member-price .special-price {
    font-size: 2rem;
  }
}

.product-view .price-info .tier-prices {
  padding-bottom: 1rem;
}

.product-view .price-info .map-info a {
  font-size: 0.9rem;
}

.product-view .price-info .map-info .msrp-price-hide-message {
  font-size: 0.9rem;
  clear: both;
  float: right;
}

.product-view .price-info .map-info .msrp-price-hide-message::after {
  clear: both;
  content: "";
  display: table;
}

.product-view .price-info .map-info .old-price {
  float: right;
  clear: both;
}

@media only screen and (max-width: 1023px) {
  .product-view .payever-finance-express .payever-form-table-control {
    font-size: 14px;
    padding-left: 8px;
    padding-right: 20px;
  }
  .product-view .payever-finance-express .payever-form-table-label {
    font-size: 11px;
    left: 8px;
    right: 8px;
  }
  .product-view .payever-finance-express.payever-banner-and-rate .payever-footer-effective-rate {
    display: block;
  }
}

@media only screen and (max-width: 467px) {
  .product-view .payever-finance-express .payever-form-table-control {
    font-size: 13px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .product-view .payever-finance-express .payever-form-table-label {
    font-size: 10px;
    left: 5px;
    right: 5px;
  }
}

.product-view select {
  display: block;
  padding: 0 6px;
  width: 100%;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  background-color: #fff;
  color: #212121;
}

@media only screen and (max-width: 767px) {
  .product-view select {
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) {
  .product-view select {
    width: auto;
  }
}

.product-view img {
  transition: ease 0.2s;
}

.product-view #color_label, .product-view #size_label {
  font-weight: lighter;
}

.product-view .required {
  color: #424242;
}

.product-view .required em {
  padding-right: 0.25em;
  display: none;
}

.product-view p.required {
  display: none;
}

.product-view dd.swatch-attr {
  padding: 0;
  margin: 0;
}

.product-view .configurable-swatch-list {
  list-style: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
}

.product-view .configurable-swatch-list li {
  width: 2em;
  height: 2em;
  padding: 0em;
  margin-right: 0.3em;
  margin-bottom: 1em;
}

.product-view .configurable-swatch-list li.selected .swatch-label img {
  border-radius: 50%;
}

.product-view .configurable-swatch-list .x {
  display: none;
}

.product-view .configurable-swatch-list .not-available {
  position: relative;
}

.product-view .configurable-swatch-list .not-available::after {
  color: #757575;
  top: -0.1em;
  left: 0.1em;
  font-weight: bold;
  font-size: 2em;
  position: absolute;
  content: '/';
  z-index: -3;
  padding: 0.1em;
}

.product-view .configurable-swatch-list .not-available img {
  opacity: 0.6;
}

.product-view .configurable-swatch-list .not-available a, .product-view .configurable-swatch-list .not-available a:hover {
  color: grey;
}

.product-view #configurable_swatch_size .selected .swatch-label {
  border-bottom: 2px solid #050205;
}

.product-view .availability .label {
  display: none;
}

.product-view .product-name .h1, #polarcore .product-view .product-name-mobile .h1 {
  font-size: 2.2em;
  margin: 0 0 0.25em 0;
  font-weight: 400;
}

.product-view .product-shop > .inner {
  background: #f1f1f1;
  padding: 1rem;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .product-view .product-shop > .inner {
    padding: 2rem 3rem;
  }
}

.product-view .product-shop > .inner.simple {
  background: transparent;
  border: 2px solid #e0e0e0;
}

.product-view .sharing-links {
  padding: 0;
  margin: 1em 0;
  list-style: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.product-view .product-essential {
  width: 100%;
}

.product-view .product-essential .product-img-box {
  position: relative;
}

.product-view .product-essential .product-img-box #photozoom__product-images .slick-list .slick-track {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-view .product-essential .product-img-box .product-img-inner {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.product-view .product-essential .product-img-box .special-label {
  display: inline-block;
  background-color: #FFC629;
  color: #212121;
  text-transform: uppercase;
  width: 400px;
  position: absolute;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
  top: 40px;
  right: -144px;
  left: auto;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  padding: 8px 120px;
  white-space: nowrap;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .product-view .product-essential .product-img-box .special-label {
    width: 220px;
    font-size: 14px;
    font-weight: normal;
    top: 30px;
    right: -66px;
    padding: 3px 50px;
  }
}

.product-view .product-essential .product-img-box.special-new .special-label, .product-view .product-essential .product-img-box.special-parti-general .special-label {
  background-color: #622066;
  color: #fff;
}

.product-view .product-collateral {
  width: 100%;
  clear: both;
}

.product-view .product-collateral #tab-description ul, .product-view .product-collateral #tab-additional ul {
  margin-left: 18px;
}

.product-view .product-collateral #tab-description ul li, .product-view .product-collateral #tab-additional ul li {
  list-style-type: disc;
}

.product-view .product-collateral h2 {
  display: none;
}

.product-view .product-collateral h3 {
  text-align: center;
}

.product-view .product-collateral h4 {
  margin-bottom: 6px;
}

.product-view .link-compare .material-icons, .product-view .link-wishlist .material-icons {
  top: 0.25em;
  position: relative;
}

.product-view .add-to-links {
  display: none;
  /* Hidden by default */
  /* @include add-to-links(); */
}

.product-view .product-options dd {
  margin-bottom: 1rem;
}

.product-view .color-line {
  font-size: 13px;
  text-transform: uppercase;
  color: #9E9E9E;
}

.product-view .color-line strong {
  color: black;
}

.product-view .similar .block-title {
  display: none;
}

.product-view .add-to-cart .qty {
  height: 44px;
  min-width: 50px;
  text-align: center;
  border-color: #666;
  border-radius: 3px 0 0 3px;
}

.product-view .add-to-cart .qty-container {
  display: inline-block;
  position: relative;
  padding-right: 22px;
}

.product-view .add-to-cart .qty-container .qty {
  float: none;
}

.product-view .add-to-cart .qty-container .pluss,
.product-view .add-to-cart .qty-container .minus {
  width: 22px;
  height: 22px;
  position: absolute;
  right: 0;
  padding: 0;
  text-align: center;
  line-height: 22px;
  color: white;
}

.product-view .add-to-cart .qty-container .pluss:hover,
.product-view .add-to-cart .qty-container .minus:hover {
  color: white;
}

.product-view .add-to-cart .qty-container .pluss {
  top: 0;
  border-top-right-radius: 3px;
}

.product-view .add-to-cart .qty-container .minus {
  bottom: 0;
  border-bottom-right-radius: 3px;
}

.product-view .add-to-cart button.btn-cart {
  background: #00C853;
  padding: 0.5em 1em;
  border: 0;
  width: 100%;
  text-align: center;
  font-size: 1.2rem;
  font-weight: lighter;
  color: white;
  margin-bottom: 1rem;
  margin-top: 1rem;
  max-width: 100%;
  display: block;
  clear: both;
  text-transform: uppercase;
}

.product-view .add-to-cart button.btn-cart i.material-icons {
  position: relative;
  top: 0.25em;
  padding-bottom: 0.25em;
}

.product-view .add-to-cart button.btn-cart:hover {
  cursor: pointer;
  background: #00c351;
}

.product-view .add-to-cart button.btn-cart.out-of-stock {
  color: red;
  background: #E0E0E0;
}

.product-view .add-to-cart .qty,
.product-view .add-to-cart label[for=qty] {
  width: 2.8em;
  display: none;
}

.product-view .products-grid .layout-wrapper {
  min-height: 67px;
}

.product-view .products-grid button.btn-cart {
  display: block;
  width: 100%;
  cursor: pointer;
  white-space: nowrap;
  font-weight: bold;
  border-radius: 2px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 0.785rem;
  line-height: normal;
  padding: 0.45rem 0.825rem;
  margin-top: 10px;
  background-color: #369822;
}

.mdl-tabs .mdl-tabs__panel {
  margin-top: 1rem;
}

.mdl-tabs .mdl-tabs__tabs:focus {
  outline: none;
}

.mdl-tabs .box-reviews .review-list {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.mdl-tabs .box-reviews .review-list h4 {
  margin-bottom: 0.5rem;
}

.mdl-tabs .box-reviews .review-list .reviews .review span {
  display: inline-block;
  min-width: 4rem;
}

.mdl-tabs .box-reviews .review-list .reviews .review .rating-box {
  display: inline-block;
  position: relative;
  top: 0.5rem;
}

.mdl-tabs .box-reviews .review-form {
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.mdl-tabs .mdl-tabs__tab {
  padding: 0 1rem;
}

@media only screen and (min-width: 768px) {
  .mdl-tabs .mdl-tabs__tab {
    padding: 0 24px;
  }
}

.box-collateral h2 {
  font-size: 15px;
  font-weight: 700;
  text-align: center;
}

.box-up-sell {
  position: relative;
  padding-bottom: 2rem;
}

.box-up-sell:before {
  content: "";
  position: absolute;
  border-bottom: #E0E0E0 1px solid;
  width: 100%;
  top: 1.7rem;
}

.box-up-sell h2 {
  position: relative;
  text-align: center;
  margin-bottom: 1rem;
}

@media only screen and (max-width: 767px) {
  .box-up-sell h2 {
    line-height: 2rem;
  }
}

.box-up-sell h2 .center {
  background: white;
  padding: 0 2rem;
}

@media only screen and (max-width: 767px) {
  .box-up-sell h2 .center {
    padding: 0 2rem;
    display: inline-block;
    margin-top: 0.5rem;
  }
}

.box-up-sell ul li.up-sell-item {
  padding: 1rem;
}

.box-up-sell ul li.up-sell-item .product-name, .box-up-sell ul li.up-sell-item #polarcore .product-view .product-name-mobile, #polarcore .product-view .box-up-sell ul li.up-sell-item .product-name-mobile {
  font-size: 1rem;
  margin-bottom: 0.5rem;
  text-align: center;
}

.box-up-sell ul li.up-sell-item .price-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: left;
  -ms-flex-align: left;
  align-items: left;
  height: auto;
}

.box-up-sell ul li.up-sell-item .price-box .price {
  margin: 0;
  font-size: 1.2rem;
  font-style: lighter;
}

.box-up-sell ul li.up-sell-item .price-box .price-label {
  display: none;
  color: #757575;
}

.box-up-sell ul li.up-sell-item .price-box .regular-price {
  font-weight: bold;
  margin: 0;
  color: #000;
}

.box-up-sell ul li.up-sell-item .price-box .old-price {
  color: #757575;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
  margin: 0;
  line-height: 1.25;
}

.box-up-sell ul li.up-sell-item .price-box .old-price .price-label {
  margin-right: 2px;
  font-size: 13px;
  letter-spacing: .5px;
}

.box-up-sell ul li.up-sell-item .price-box .old-price .price {
  text-decoration: line-through;
}

.box-up-sell ul li.up-sell-item .price-box .special-price {
  font-weight: bold;
  margin: 0;
  color: #cc0000;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.box-up-sell ul li.up-sell-item .price-box .special-price .price-label {
  margin-right: 2px;
  font-size: 13px;
  letter-spacing: .5px;
  font-weight: normal;
}

.box-up-sell ul li.up-sell-item .price-box .price-from {
  margin: 0;
  font-size: 1rem;
  color: #757575;
}

.box-up-sell ul li.up-sell-item .price-box .price-from .price-label {
  text-transform: uppercase;
  display: inline;
}

.box-up-sell ul li.up-sell-item .price-box .price-to {
  margin: 0;
  display: none;
  color: #757575;
}

.box-up-sell ul li.up-sell-item .price-box .minimal-price {
  font-weight: bold;
  margin: 0;
  color: #757575;
}

.box-up-sell ul li.up-sell-item .price-box .minimal-price-link {
  padding-left: 0;
}

@media only screen and (min-width: 1025px) {
  .box-up-sell ul li.up-sell-item .price-box .minimal-price-link {
    padding-left: 0.5rem;
  }
}

.box-up-sell ul li.up-sell-item .price-box .minimal-price-link .label {
  display: none;
}

.box-up-sell ul li.up-sell-item .price-box .map-link {
  margin: 0;
  font-size: 1rem;
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
  padding-left: 0;
}

@media only screen and (min-width: 1025px) {
  .box-up-sell ul li.up-sell-item .price-box .map-link {
    padding-left: 0.5rem;
  }
}

.block-related {
  padding-bottom: 2rem;
}

.block-related .block-title {
  position: relative;
}

.block-related .block-title:before {
  content: "";
  position: absolute;
  border-bottom: #E0E0E0 1px solid;
  width: 100%;
  top: 1.7rem;
}

.block-related .block-title h2 {
  position: relative;
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

.block-related .block-title h2 .center {
  background: white;
  padding: 0 2rem;
}

.block-related ol {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.block-related ol li.item {
  padding: 1rem;
  text-align: left;
  position: relative;
  width: 100%;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

@media only screen and (min-width: 768px) {
  .block-related ol li.item {
    width: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
}

@media only screen and (min-width: 1025px) {
  .block-related ol li.item {
    width: 33%;
    -webkit-flex-basis: 33%;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
  }
}

.block-related ol li.item:hover {
  box-shadow: none;
}

.block-related ol li.item .product-info .product-name, .block-related ol li.item .product-info #polarcore .product-view .product-name-mobile, #polarcore .product-view .block-related ol li.item .product-info .product-name-mobile {
  text-align: left;
}

.block-related ol li.item .link-wishlist {
  display: none;
}

.block-related ol li.item .product {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 2px solid #fafafa;
}

@media only screen and (max-width: 767px) {
  .block-related ol li.item .product .product-name, .block-related ol li.item .product #polarcore .product-view .product-name-mobile, #polarcore .product-view .block-related ol li.item .product .product-name-mobile {
    font-size: 1rem;
  }
}

.block-related ol li.item .product .product-image {
  min-width: 128px;
}

.block-related ol li.item .product .product-image img {
  max-width: 128px;
  max-height: 128px;
}

.block-related ol li.item .price-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: left;
  -ms-flex-align: left;
  align-items: left;
  height: auto;
}

.block-related ol li.item .price-box .price {
  margin: 0;
  font-size: 1.2rem;
  font-style: lighter;
}

.block-related ol li.item .price-box .price-label {
  display: none;
  color: #757575;
}

.block-related ol li.item .price-box .regular-price {
  font-weight: bold;
  margin: 0;
  color: #000;
}

.block-related ol li.item .price-box .old-price {
  color: #757575;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
  margin: 0;
  line-height: 1.25;
}

.block-related ol li.item .price-box .old-price .price-label {
  margin-right: 2px;
  font-size: 13px;
  letter-spacing: .5px;
}

.block-related ol li.item .price-box .old-price .price {
  text-decoration: line-through;
}

.block-related ol li.item .price-box .special-price {
  font-weight: bold;
  margin: 0;
  color: #cc0000;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.block-related ol li.item .price-box .special-price .price-label {
  margin-right: 2px;
  font-size: 13px;
  letter-spacing: .5px;
  font-weight: normal;
}

.block-related ol li.item .price-box .price-from {
  margin: 0;
  font-size: 1rem;
  color: #757575;
}

.block-related ol li.item .price-box .price-from .price-label {
  text-transform: uppercase;
  display: inline;
}

.block-related ol li.item .price-box .price-to {
  margin: 0;
  display: none;
  color: #757575;
}

.block-related ol li.item .price-box .minimal-price {
  font-weight: bold;
  margin: 0;
  color: #757575;
}

.block-related ol li.item .price-box .minimal-price-link {
  padding-left: 0;
}

@media only screen and (min-width: 1025px) {
  .block-related ol li.item .price-box .minimal-price-link {
    padding-left: 0.5rem;
  }
}

.block-related ol li.item .price-box .minimal-price-link .label {
  display: none;
}

.block-related ol li.item .price-box .map-link {
  margin: 0;
  font-size: 1rem;
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
  padding-left: 0;
}

@media only screen and (min-width: 1025px) {
  .block-related ol li.item .price-box .map-link {
    padding-left: 0.5rem;
  }
}

.block-related ol li.item .price-box {
  -webkit-align-items: initial;
  -ms-flex-align: initial;
  align-items: initial;
  -webkit-justify-content: initial;
  -ms-flex-pack: initial;
  justify-content: initial;
}

.block-related ol .related-checkbox, .block-related ol .mdl-checkbox.is-upgraded {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
}

.products-grid .slick-track .item:hover {
  box-shadow: none;
}

.products-grid .slick-track .up-sell-item.item {
  width: 200px;
}

.products-grid .slick-track .up-sell-item.item img {
  margin: 0 auto;
}

.mdl-dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 20px 0;
  background: rgba(0, 0, 0, 0.1);
  overflow: auto;
  z-index: 1000;
  display: none;
}

.mdl-dialog-inner {
  position: relative;
  top: 0;
  width: calc(100% - 2rem);
  max-width: 50rem;
  margin: auto;
  border: solid;
  padding: 1.75rem;
  background: white;
  color: black;
}

/* REVIEW - _review.scss */
#customer-reviews .review-list > dl dt {
  font-size: 1.5em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-weight: bold;
}

#customer-reviews .review-list > dl dd {
  padding: 1em;
  background: #FAFAFA;
}

#customer-reviews .review-list > dl dd ul {
  margin: 1em 0;
}

#customer-reviews .review-list > dl dd ul i {
  color: #fed227;
}

#review-form h3 {
  display: none;
}

#review-form thead {
  display: none;
}

#review-form input[type=radio],
#review-form input[type=checkbox] {
  display: none;
}

#review-form .material-icons:hover {
  cursor: pointer;
}

#review-form input[type=radio]:checked ~ label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fed227;
  transition: ease 0.5s;
}

#review-form input[type=radio] + label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fed227;
  transition: ease 0.5s;
}

#review-form .highlight {
  color: #fed227;
  transition: ease 0.5s;
}

#review-form .highlight > i {
  color: #fed227;
  transition: ease 0.5s;
}

/* SIDEBAR - _sidebar.scss */
@media only screen and (max-width: 767px) {
  .sidebar {
    margin: 8px 0 -8px;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .sidebar {
    padding: 0;
  }
}

.sidebar .block-viewed {
  text-align: center;
}

.sidebar .block .block-title {
  display: block;
}

@media only screen and (max-width: 767px) {
  .sidebar .block .block-title:not(.active) + .block-content {
    display: none;
  }
}

/* TOPLINE - _top-line.scss */
.top-line {
  display: none;
  padding: 0.5rem 0;
  border-bottom: 1px solid #EEEEEE;
  background-color: #FAFAFA;
}

@media only screen and (min-width: 768px) {
  .top-line {
    display: block;
  }
}

.top-line .store-language-container {
  float: right;
}

.top-line .store-language-container label {
  display: none;
}

.top-line ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.top-line ul li {
  display: inline;
  padding: 0 0.5rem;
}

.top-line ul li a {
  font-size: 0.9rem;
  color: #9E9E9E;
  text-decoration: none;
}

.top-line ul li a:hover, .top-line ul li a:active {
  text-decoration: underline;
}

.top-line ul.top-links-left {
  float: left;
}

.top-line ul.top-links-right {
  margin-left: 1em;
  float: right;
}

.top-line::after {
  clear: both;
  content: "";
  display: table;
}

/* VISIBILITY - _visibility.scss */
.no-display,
.hidden {
  display: none !important;
}

@media only screen and (min-width: 0px) {
  .show-for-small-only, .show-for-small-up, .hide-for-medium-only, .hide-for-medium-up, .hide-for-large-only, .hide-for-large-up, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important;
  }
  .hide-for-small-only, .hide-for-small-up, .show-for-medium-only, .show-for-medium-up, .show-for-large-only, .show-for-large-up, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) {
  .hide-for-small-only, .show-for-small-up, .show-for-medium-only, .show-for-medium-up, .hide-for-large-only, .hide-for-large-up, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important;
  }
  .show-for-small-only, .hide-for-small-up, .hide-for-medium-only, .hide-for-medium-up, .show-for-large-only, .show-for-large-up, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important;
  }
}

@media only screen and (min-width: 1025px) {
  .hide-for-small-only, .show-for-small-up, .hide-for-medium-only, .show-for-medium-up, .show-for-large-only, .show-for-large-up, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important;
  }
  .show-for-small-only, .hide-for-small-up, .show-for-medium-only, .hide-for-medium-up, .hide-for-large-only, .hide-for-large-up, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important;
  }
}

@media only screen and (min-width: 1441px) {
  .hide-for-small-only, .show-for-small-up, .hide-for-medium-only, .show-for-medium-up, .hide-for-large-only, .show-for-large-up, .show-for-xlarge-only, .show-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important;
  }
  .show-for-small-only, .hide-for-small-up, .show-for-medium-only, .hide-for-medium-up, .show-for-large-only, .hide-for-large-up, .hide-for-xlarge-only, .hide-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important;
  }
}

@media only screen and (min-width: 1921px) {
  .hide-for-small-only, .show-for-small-up, .hide-for-medium-only, .show-for-medium-up, .hide-for-large-only, .show-for-large-up, .hide-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: inherit !important;
  }
  .show-for-small-only, .hide-for-small-up, .show-for-medium-only, .hide-for-medium-up, .show-for-large-only, .hide-for-large-up, .show-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: none !important;
  }
}

/* WISHLIST - _wishlist.scss */
.my-wishlist .page-title {
  text-align: center;
}

.my-wishlist #wishlist-view-form .buttons-set.buttons-set2 > button.button {
  width: 100%;
  margin: 0.25rem 0;
}

.my-wishlist .polarcore-wishlist-table {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.my-wishlist .polarcore-wishlist-table ul {
  width: 100%;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 15rem;
  }
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .polarcore-wishlist-cell {
  margin: auto;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-quantity {
  width: 3rem;
  margin: 1rem auto;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-quantity input {
  width: 100%;
  text-align: center;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-info {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-info .product-name, .my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-info #polarcore .product-view .product-name-mobile, #polarcore .product-view .my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-info .product-name-mobile {
    text-align: center;
  }
}

@media only screen and (min-width: 768px) {
  .my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-info {
    width: 45%;
  }
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-info textarea {
  position: relative;
  width: 100%;
  height: 4rem;
  min-width: 0rem;
  min-height: 0rem;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-info .wishlist-sku {
  display: none;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-info .item-manage button {
  display: none;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-cart {
  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;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-cart {
    width: 15%;
  }
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-cart .truncated {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  width: 100%;
  display: none;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-cart .cart-cell {
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
  margin-top: 1rem;
  width: 100%;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-cart .cart-cell .btn-cart {
  width: 100%;
  margin-bottom: 0.5rem;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-cart .cart-cell .price-label {
  display: none;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-cart > p {
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
  width: 100%;
  font-size: 0.8rem;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-cart > p a {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 0.5rem;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-image {
  width: 6rem;
}

@media only screen and (max-width: 767px) {
  .my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-image {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-remove {
  width: 2rem;
  height: 2rem;
  color: transparent;
}

@media only screen and (max-width: 767px) {
  .my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-remove {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
    margin-top: 1rem;
  }
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-remove a span {
  display: none;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-price .price-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: left;
  -ms-flex-align: left;
  align-items: left;
  height: auto;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-price .price-box .price {
  margin: 0;
  font-size: 1.2rem;
  font-style: lighter;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-price .price-box .price-label {
  display: none;
  color: #757575;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-price .price-box .regular-price {
  font-weight: bold;
  margin: 0;
  color: #000;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-price .price-box .old-price {
  color: #757575;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
  margin: 0;
  line-height: 1.25;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-price .price-box .old-price .price-label {
  margin-right: 2px;
  font-size: 13px;
  letter-spacing: .5px;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-price .price-box .old-price .price {
  text-decoration: line-through;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-price .price-box .special-price {
  font-weight: bold;
  margin: 0;
  color: #cc0000;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-price .price-box .special-price .price-label {
  margin-right: 2px;
  font-size: 13px;
  letter-spacing: .5px;
  font-weight: normal;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-price .price-box .price-from {
  margin: 0;
  font-size: 1rem;
  color: #757575;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-price .price-box .price-from .price-label {
  text-transform: uppercase;
  display: inline;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-price .price-box .price-to {
  margin: 0;
  display: none;
  color: #757575;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-price .price-box .minimal-price {
  font-weight: bold;
  margin: 0;
  color: #757575;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-price .price-box .minimal-price-link {
  padding-left: 0;
}

@media only screen and (min-width: 1025px) {
  .my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-price .price-box .minimal-price-link {
    padding-left: 0.5rem;
  }
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-price .price-box .minimal-price-link .label {
  display: none;
}

.my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-price .price-box .map-link {
  margin: 0;
  font-size: 1rem;
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
  padding-left: 0;
}

@media only screen and (min-width: 1025px) {
  .my-wishlist .polarcore-wishlist-table .polarcore-wishlist-item .customer-wishlist-item-price .price-box .map-link {
    padding-left: 0.5rem;
  }
}

/* POLAR FLEX GRID - _polar-flex-grid.scss */
[class*="polar-flex-grid-"] {
  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;
}

[class*="polar-flex-grid-"] > li, [class*="polar-flex-grid-"] > .item {
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.polar-flex-grid-1 > li, .polar-flex-grid-1 > .item {
  width: 100%;
}

.polar-flex-grid-2 > li, .polar-flex-grid-2 > .item {
  width: 50%;
}

.polar-flex-grid-3 > li, .polar-flex-grid-3 > .item {
  width: 33.33333%;
}

.polar-flex-grid-4 > li, .polar-flex-grid-4 > .item {
  width: 25%;
}

.polar-flex-grid-5 > li, .polar-flex-grid-5 > .item {
  width: 20%;
}

.polar-flex-grid-6 > li, .polar-flex-grid-6 > .item {
  width: 16.66667%;
}

.polar-flex-grid-7 > li, .polar-flex-grid-7 > .item {
  width: 14.28571%;
}

.polar-flex-grid-8 > li, .polar-flex-grid-8 > .item {
  width: 12.5%;
}

.polar-flex-grid-9 > li, .polar-flex-grid-9 > .item {
  width: 11.11111%;
}

.polar-flex-grid-10 > li, .polar-flex-grid-10 > .item {
  width: 10%;
}

.polar-flex-grid-11 > li, .polar-flex-grid-11 > .item {
  width: 9.09091%;
}

.polar-flex-grid-12 > li, .polar-flex-grid-12 > .item {
  width: 8.33333%;
}

@media only screen and (max-width: 767px) {
  .s-polar-flex-grid-1 > li, .s-polar-flex-grid-1 > .item {
    width: 100%;
  }
  .s-polar-flex-grid-2 > li, .s-polar-flex-grid-2 > .item {
    width: 50%;
  }
  .s-polar-flex-grid-3 > li, .s-polar-flex-grid-3 > .item {
    width: 33.33333%;
  }
  .s-polar-flex-grid-4 > li, .s-polar-flex-grid-4 > .item {
    width: 25%;
  }
  .s-polar-flex-grid-5 > li, .s-polar-flex-grid-5 > .item {
    width: 20%;
  }
  .s-polar-flex-grid-6 > li, .s-polar-flex-grid-6 > .item {
    width: 16.66667%;
  }
  .s-polar-flex-grid-7 > li, .s-polar-flex-grid-7 > .item {
    width: 14.28571%;
  }
  .s-polar-flex-grid-8 > li, .s-polar-flex-grid-8 > .item {
    width: 12.5%;
  }
  .s-polar-flex-grid-9 > li, .s-polar-flex-grid-9 > .item {
    width: 11.11111%;
  }
  .s-polar-flex-grid-10 > li, .s-polar-flex-grid-10 > .item {
    width: 10%;
  }
  .s-polar-flex-grid-11 > li, .s-polar-flex-grid-11 > .item {
    width: 9.09091%;
  }
  .s-polar-flex-grid-12 > li, .s-polar-flex-grid-12 > .item {
    width: 8.33333%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .m-polar-flex-grid-1 > li, .m-polar-flex-grid-1 > .item {
    width: 100%;
  }
  .m-polar-flex-grid-2 > li, .m-polar-flex-grid-2 > .item {
    width: 50%;
  }
  .m-polar-flex-grid-3 > li, .m-polar-flex-grid-3 > .item {
    width: 33.33333%;
  }
  .m-polar-flex-grid-4 > li, .m-polar-flex-grid-4 > .item {
    width: 25%;
  }
  .m-polar-flex-grid-5 > li, .m-polar-flex-grid-5 > .item {
    width: 20%;
  }
  .m-polar-flex-grid-6 > li, .m-polar-flex-grid-6 > .item {
    width: 16.66667%;
  }
  .m-polar-flex-grid-7 > li, .m-polar-flex-grid-7 > .item {
    width: 14.28571%;
  }
  .m-polar-flex-grid-8 > li, .m-polar-flex-grid-8 > .item {
    width: 12.5%;
  }
  .m-polar-flex-grid-9 > li, .m-polar-flex-grid-9 > .item {
    width: 11.11111%;
  }
  .m-polar-flex-grid-10 > li, .m-polar-flex-grid-10 > .item {
    width: 10%;
  }
  .m-polar-flex-grid-11 > li, .m-polar-flex-grid-11 > .item {
    width: 9.09091%;
  }
  .m-polar-flex-grid-12 > li, .m-polar-flex-grid-12 > .item {
    width: 8.33333%;
  }
}

@media only screen and (min-width: 1025px) {
  .l-polar-flex-grid-1 > li, .l-polar-flex-grid-1 > .item {
    width: 100%;
  }
  .l-polar-flex-grid-2 > li, .l-polar-flex-grid-2 > .item {
    width: 50%;
  }
  .l-polar-flex-grid-3 > li, .l-polar-flex-grid-3 > .item {
    width: 33.33333%;
  }
  .l-polar-flex-grid-4 > li, .l-polar-flex-grid-4 > .item {
    width: 25%;
  }
  .l-polar-flex-grid-5 > li, .l-polar-flex-grid-5 > .item {
    width: 20%;
  }
  .l-polar-flex-grid-6 > li, .l-polar-flex-grid-6 > .item {
    width: 16.66667%;
  }
  .l-polar-flex-grid-7 > li, .l-polar-flex-grid-7 > .item {
    width: 14.28571%;
  }
  .l-polar-flex-grid-8 > li, .l-polar-flex-grid-8 > .item {
    width: 12.5%;
  }
  .l-polar-flex-grid-9 > li, .l-polar-flex-grid-9 > .item {
    width: 11.11111%;
  }
  .l-polar-flex-grid-10 > li, .l-polar-flex-grid-10 > .item {
    width: 10%;
  }
  .l-polar-flex-grid-11 > li, .l-polar-flex-grid-11 > .item {
    width: 9.09091%;
  }
  .l-polar-flex-grid-12 > li, .l-polar-flex-grid-12 > .item {
    width: 8.33333%;
  }
}

/* CONTENT - GENERAL content/_general.scs s*/
/* Typography - _typography.scss */
h1 {
  font-family: "Platform Web", "Open Sans", Verdana, Arial, sans-serif;
  font-size: 2.48832rem;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

h2 {
  font-family: "Platform Web", "Open Sans", Verdana, Arial, sans-serif;
  font-size: 2.0736rem;
  line-height: 1.3;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

h3 {
  font-family: "Platform Web", "Open Sans", Verdana, Arial, sans-serif;
  font-size: 1.728rem;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

h4 {
  font-family: "Platform Web", "Open Sans", Verdana, Arial, sans-serif;
  font-size: 1.44rem;
}

button {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}

p {
  line-height: 1.5rem;
}

@font-face {
  font-family: 'Platform Web';
  src: url("polarcore/default/fonts/platform/Platform-Light-Web.eot");
  src: url("polarcore/default/fonts/platform/Platform-Light-Web.eot?#iefix") format("embedded-opentype"), url("polarcore/default/fonts/platform/Platform-Light-Web.woff") format("woff"), url("polarcore/default/fonts/platform/Platform-Light-Web.ttf") format("truetype"), url("polarcore/default/fonts/platform/Platform-Light-Web.svg#Platform\ Web") format("svg");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Platform Web';
  src: url("polarcore/default/fonts/platform/Platform-Regular-Web.eot");
  src: url("polarcore/default/fonts/platform/Platform-Regular-Web.eot?#iefix") format("embedded-opentype"), url("polarcore/default/fonts/platform/Platform-Regular-Web.woff") format("woff"), url("polarcore/default/fonts/platform/Platform-Regular-Web.ttf") format("truetype"), url("polarcore/default/fonts/platform/Platform-Regular-Web.svg#Platform\ Web") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Platform Web';
  src: url("polarcore/default/fonts/platform/Platform-Medium-Web.eot");
  src: url("polarcore/default/fonts/platform/Platform-Medium-Web.eot?#iefix") format("embedded-opentype"), url("polarcore/default/fonts/platform/Platform-Medium-Web.woff") format("woff"), url("polarcore/default/fonts/platform/Platform-Medium-Web.ttf") format("truetype"), url("polarcore/default/fonts/platform/Platform-Medium-Web.svg#Platform\ Web") format("svg");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Platform Web';
  src: url("polarcore/default/fonts/platform/Platform-Bold-Web.eot");
  src: url("polarcore/default/fonts/platform/Platform-Bold-Web.eot?#iefix") format("embedded-opentype"), url("polarcore/default/fonts/platform/Platform-Bold-Web.woff") format("woff"), url("polarcore/default/fonts/platform/Platform-Bold-Web.ttf") format("truetype"), url("polarcore/default/fonts/platform/Platform-Bold-Web.svg#Platform\ Web") format("svg");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}

/* WIDGET - _wisget.scss */
.widget-new-products .widget-title {
  position: relative;
}

.widget-new-products .widget-title:before {
  content: "";
  position: absolute;
  border-bottom: #E0E0E0 1px solid;
  width: 100%;
  top: 1.7rem;
}

.widget-new-products .widget-title h2 {
  position: relative;
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

.widget-new-products .widget-title h2 .center {
  background: white;
  padding: 0 2rem;
}

.widget-new-products .widget-products .products-grid .add-to-links {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.widget-new-products .widget-products .products-grid .add-to-links li {
  width: 100%;
}

.widget-new-products .widget-products .products-grid .add-to-links li .inner {
  display: block;
}

.widget-viewed .widget-title {
  position: relative;
}

.widget-viewed .widget-title:before {
  content: "";
  position: absolute;
  border-bottom: #E0E0E0 1px solid;
  width: 100%;
  top: 1.7rem;
}

.widget-viewed .widget-title h2 {
  position: relative;
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

.widget-viewed .widget-title h2 .center {
  background: white;
  padding: 0 2rem;
}

.title-with-line {
  position: relative;
}

.title-with-line:before {
  content: "";
  position: absolute;
  border-bottom: #E0E0E0 1px solid;
  width: 100%;
  top: 1.7rem;
}

.title-with-line h2 {
  position: relative;
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

.title-with-line h2 .center {
  background: white;
  padding: 0 2rem;
}

.banner-area {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.banner-area .banner-col-one {
  width: 100%;
}

@media only screen and (min-width: 1025px) {
  .banner-area .banner-col-one {
    width: 65.5%;
  }
}

.banner-area .banner-col-two {
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .banner-area .banner-col-two {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1rem;
  }
}

@media only screen and (min-width: 1025px) {
  .banner-area .banner-col-two {
    width: 34.5%;
  }
}

.banner-area .banner-col-two .banner-wrapper-two {
  margin-top: 2%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .banner-area .banner-col-two .banner-wrapper-two {
    margin-top: 0;
    margin-left: 0;
    padding-right: 1%;
    width: 50%;
  }
}

@media only screen and (min-width: 1025px) {
  .banner-area .banner-col-two .banner-wrapper-two {
    margin-top: 0;
    margin-left: 2%;
  }
}

@media only screen and (max-width: 767px) {
  .banner-area .banner-col-two .banner-wrapper-three {
    margin-top: 2%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .banner-area .banner-col-two .banner-wrapper-three {
    margin-top: 0;
    padding-left: 1%;
    margin-top: 0;
    max-width: 50%;
  }
}

@media only screen and (min-width: 1025px) {
  .banner-area .banner-col-two .banner-wrapper-three {
    margin-top: 2%;
    margin-left: 2%;
  }
}

ul.category-button li {
  margin: 0.5rem;
  width: calc(50% - 1.1rem);
  border-radius: 4px;
  list-style: none;
}

ul.category-button {
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-diretion: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

ul.category-button li {
  font-family: "Lato", sans-serif !important;
  font-weight: 200;
  height: auto;
  background: #622066;
  font-size: 1rem;
  color: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

ul.category-button li a {
  padding: 0.5rem;
  margin: 0;
  width: 100%;
  display: inline-block;
  font-size: 1rem;
  text-transform: uppercase;
  color: white;
}

ul.category-button .full-width {
  width: 100%;
}

.nuva-dropdown-wrapper {
  position: relative;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.nuva-dropdown-wrapper ul, .nuva-dropdown-wrapper li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nuva-dropdown-wrapper a {
  width: 100%;
  text-align: center;
  cursor: pointer;
  background: white;
  border: solid 1px #F0F0F0;
  border-radius: 2px;
  padding: 0.5em;
}

.nuva-dropdown-wrapper a::after {
  display: none;
  content: "<>";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media only screen and (max-width: 767px) {
  .nuva-dropdown-wrapper > a {
    position: absolute;
    top: 16px;
    right: 8px;
    width: 47.5%;
    float: right;
    padding: 0.75rem 1rem;
    margin: 0;
    text-transform: none;
    color: #622066;
    border-radius: 0px;
    border: 1px solid #622066;
    height: 3.25rem;
    line-height: 1.75rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .nuva-dropdown-wrapper > a:before {
    content: "\E164";
    font-family: "Material Icons";
    text-rendering: optimizelegibility;
    font-feature-settings: "liga";
    font-style: normal;
    text-transform: none;
    line-height: 1;
    display: block;
    overflow: hidden;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.25rem;
    margin-right: 0.5rem;
    display: inline-block;
    vertical-align: text-bottom;
  }
}

.nuva-dropdown-wrapper .nuva-dropdown {
  position: absolute;
  top: -0.5em;
  left: 0.2em;
  background: #FFF;
  border: #f0f0f0 1px solid;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
  color: #757575;
  z-index: 30;
  transition: ease 0.2s;
}

.nuva-dropdown-wrapper .nuva-dropdown li {
  z-index: 50;
  position: relative;
  width: 100%;
  padding: 0.5em 1em;
}

.nuva-dropdown-wrapper .nuva-dropdown li:hover {
  background: #F0F0F0;
  cursor: pointer;
}

.nuva-show {
  opacity: 1;
  visibility: visible;
}

.nuva-hide {
  visibility: hidden;
  opacity: 0;
}

#polarcore #bubble-layer-overlay {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: rgba(255, 255, 255, 0.05);
  transition: ease-in-out 0.2s;
}

#polarcore #bubble-layer-overlay .mdl-spinner {
  height: 64px;
  width: 64px;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe, .embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#polarcore .products-grid.slick-slider .slick-dots {
  position: static;
  bottom: initial;
}

#polarcore .products-grid.slick-slider .slick-track:before,
#polarcore .products-grid.slick-slider .slick-track:after {
  font-family: initial;
}

#polarcore .products-grid.slick-slider .slick-slide {
  outline: 0;
}

#polarcore .products-grid.slick-slider .slick-next {
  right: 0;
}

#polarcore .products-grid.slick-slider .slick-prev {
  left: 0;
}

#polarcore .products-grid.slick-slider .slick-next,
#polarcore .products-grid.slick-slider .slick-prev {
  position: absolute;
  z-index: 100;
  width: 3rem;
  height: 100%;
  margin: auto;
  background: rgba(255, 255, 255, 0.45) !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

#polarcore .products-grid.slick-slider .slick-next:hover,
#polarcore .products-grid.slick-slider .slick-prev:hover {
  background: rgba(0, 0, 0, 0.05) !important;
}

#polarcore .products-grid.slick-slider .slick-next:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

#polarcore .products-grid.slick-slider .slick-next:before,
#polarcore .products-grid.slick-slider .slick-prev:before {
  font-family: "Material Icons";
  text-rendering: optimizelegibility;
  font-feature-settings: "liga";
  font-style: normal;
  text-transform: none;
  line-height: 1;
  display: block;
  overflow: hidden;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Material Icons" !important;
  font-size: 3rem;
  content: '\E314';
  display: inline-block;
  height: 100%;
  margin: auto;
  font-family: initial;
  color: #222;
  background: none;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin: 0 auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  text-align: center;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
  margin: auto;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("polarcore/default/css/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url("polarcore/default/css/fonts/slick.eot");
  src: url("polarcore/default/css/fonts/slick.eot?#iefix") format("embedded-opentype"), url("polarcore/default/css/fonts/slick.woff") format("woff"), url("polarcore/default/css/fonts/slick.ttf") format("truetype"), url("polarcore/default/css/fonts/slick.svg#slick") format("svg");
}

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  margin-top: -10px\9;
  /*lte IE 8*/
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: '←';
}

[dir='rtl'] .slick-prev:before {
  content: '→';
}

.slick-next {
  right: -25px;
}

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: '→';
}

[dir='rtl'] .slick-next:before {
  content: '←';
}

/* Dots */
.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -45px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-size: 1rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '\25CF';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}

#polarcore #ajaxcart-loading, #polarcore #ajaxcart, #polarcore #ajaxcart-error {
  box-shadow: 0 20px 170px rgba(0, 0, 0, 0.25);
}

#polarcore #ajaxcart-loading .close, #polarcore #ajaxcart .close, #polarcore #ajaxcart-error .close {
  padding: 0;
  padding-left: 1px;
  padding-top: 6px;
  top: 0.5rem;
  right: 0.5rem;
  background: transparent;
  border-radius: 0;
  text-indent: -999px;
}

#polarcore #ajaxcart-loading .close:before, #polarcore #ajaxcart .close:before, #polarcore #ajaxcart-error .close:before {
  font-family: "Material Icons";
  text-rendering: optimizelegibility;
  font-feature-settings: "liga";
  font-style: normal;
  text-transform: none;
  line-height: 1;
  display: block;
  overflow: hidden;
  -moz-osx-font-smoothing: grayscale;
  content: "\E5CD";
  position: absolute;
  top: 0;
  right: 0;
  color: #622066;
  font-size: 1.5rem;
  text-indent: 0;
}

#polarcore #ajaxcart .actions button, #polarcore #ajaxcart .actions .button {
  font-size: 1rem;
}

/* MODULES / ALGOLIA - modules/algolia/_algolia.scss */
.ais-search-box--input {
  width: 100%;
  border: none;
  border-radius: 0;
  padding-left: 0;
  font-size: 1rem;
  font-weight: 400;
  border-bottom: solid 2px rgba(0, 0, 0, 0.12);
}

.ais-search-box--powered-by {
  font-size: .8em;
  text-align: right;
  margin-top: 2px;
}

.ais-search-box--powered-by-link {
  display: inline-block;
  width: 45px;
  height: 16px;
  text-indent: 101%;
  overflow: hidden;
  white-space: nowrap;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAAAgCAYAAABwzXTcAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGHRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjVlhTJlAAAIJElEQVRoQ+1Za2xURRTugqJVEBAlhICBRFEQeRfodssqiDZaS8vu3dsXVlAbxReJwVfAoqJ/sBqE3S1IgqgBrY9EQ6KJiUAokUfpvQUKogIBlKbyEEUolNL6ndkzw9129+72YaFJv+Rk737nzMyZ756dmXs3oQtd6EJ7oaioqJvX603kr1cl8vPzb+TLzo3MzMx+Xk0r03y+0x5Ne4vpqwoohjeQ4yHYcaYiwcGfVz+ysrIGQfBGsqtWdE37lvLz+nwnmVLIyMjoBd9GxPwL/wKmOw4zCgr6YPBNSGILEviYaVt0dtHxK/DK/BFXq2lad3Z1DJDUqzIBYZrmYldUdLToI4r29HCWmLozUPmEK2AUOgOmRysttRXKTnSPxzMWfD37q0B13DJTUFBwPQatlgKKJJAsu6Oio0VPDlQsTgmajWEWMOaxOyLsRCdQccGez87OHshUxwAJzZbiIYFKkaSmXdJ1fRiHRERHi+4MGk+mBMwXnSVGPj7nQPS3qeLZHRGxRL9ScCAxk8Ur92Rnj5VCItHlHBMRrRDdQRXl8/nG4eaOp5uKz57sC8OkoDEkOWCO5K8CtJRgabnT6TfuS/ZXOKet2duPXVHRDqI7svLz+yPnJCxH07ANuGFDiQ+5WwF0NkWJrOuziEOCm5n7Jy8v7yYRGAHxio4kEyHuK+j3oIyXRr8o2G/wrUXMGIonQbFe18Kq3Ms39By/orw3KnsxKr06fHkxLjkDxubkEuNhMVAE2Ikuni98vsMYtwafQaYVwLvQ9qg1X2mI/xXzyuXQlgGNP+NO/kxLS7tOcOhMda7rz4rACIhH9Ky8vEGY+G4ZZ2ua9hi1gbhvQvBDScu3DUC1j8X1YSV0wDgLsX9m7tJl3lw9onRPDzGoBTFFp1NLyL+WaQUU5GSZG+IuIeYCrhskJ3ivN6o+EYFJDuCOaNBipuXGepI73gMq4k8pluh0E5GsXLoo8U1IMgPLyhDYYExqNL6/Lv1S9FT/7sHOkp0TXCvNYbgBp0hUfB6A2D6rsKn+7YMh9nvOoHkxJL6xLiGhMSzXtoiOfHqDn41ch5MmFC+O1ihEtDnP7c5QHDeJDTSQx8QGTH4E0wLwLWVfo0fXU5kOQyzR0ecL0o/EvoI1O95ZlzcpugAmiKVjKwu+1f2+0Yc9As5VZb3gX4JfQn9XwEyH+HUi1m/kc4hAW0S3A3J9TeaNOWQybQ8aEA0O8IDbmFagM6zsFP5PmA5DTNF5WUH7c7QZMR2GaKK7Ssw0FvyMe2XlIKYVUkrMR4Q/YB6b4t85HKIv5Pj9CY2Xq/3/Ep2qX+aN4prPtD0w2ftlI0z2GaatsJ5qztLPinkFO9Fzc3P7ghfrH/r5nulmiCY6qnhVSEQz4gkKIvvJD2sQS8yqfb3wifWeuN2jOazdRIewibQszszJuYO0yMnJuUXmjbZFHGYPTHAdN7iQOWtWxKMXfPNkx5FujJ3oEHOk9KGfpUw3QzTRsWHuCAloZDFlQaMDN+Ugqrocy8tUJulG/Mg34lGm2iR6YWHhteDnIq8diLmo8gwV0zH5HTGxRcddu1kOhg6PotGCKKbWdVg5N1eIIfpo1VbT3mW6GWxE30cCulbscjOlkLRsb7+UQGUuVOvGlABu0JdC9IChCqS1olNlg9+ocqOY0PG2FrHi1YHi4xJd15+2NorTaLO9h7sQsBOdTieqLX5VTDdD9OXFLCMBm26MdqANV7QpMXWm2iK69VS1AXmm0AmGfOIX4PUmS398omPjFME0oKZtsTPEqDM22qljJcFOdLTtDv4E+2vkM0BT2FR6sRAwaJQyZYuJ2Gyx5NSj2htSPzDpiVGg1aLzfga+mqqeaQX6L0HmjRh70a27Lib5KdNRgZjelsSq3W73NewKEx1xYaITwJVY/IuYDkM00Scv2zGOBETF1+MkM4npqIDga8RNwhMqUwKtFt3n+13wmlbGVBhaJDom9o4MxoQfYtoW6PQLNYDXqx65cX2r4n2+j5hWoN0e/BmOoeUpgDFH0qsFXA+FPQ5/lezDKjoBoq8Ta3TQ/MPl3zWK6XBAOMQtCglu1qcsN8NeScvcIV5d01cadqIjF9o8qd0p+rODaYW4RedBjnBwjbVq7QChPJYBPmda9Ef9sO88fC/NnDnzLnYL4MFqBvk4xt6aiO5ebfSBoLu5gmtxXZzsr0hyBXb1xRFxYHKwwivXfrJkv/EyN1VAn4tk/8hvPebyIK3J5ItR6Qssee1Ageh4drkbn7dT4fC8ZL/RRUeDqZZA2zeIVqAd7eSnud05JKEee3GtnsyEYUlhlwK4MWi3HiZeOVjsF/g+VN+biE6gN4nOYOV3UtiIhvO5028+xU3CgD5vg7B/yzFwXSf3FzvR6Y9s+Lar3GwMbW1Ex7kbHW0iw12bwHRcQPILVVtdn8Y0wYF+52LwChhV+3PMN8N0TARVQu9bJtKLMFAO5HGvSh7VFIpsikaHeNQPGt9A5JMkNG2asP2wJfSuhgMjwpOdPQp5fY0xTiD/vUxL0X8Q88JphWkF8Q5K1+dj7hVoby2Yi+Bq0G4nPkvRdjo36XiI5aaF/zNiUur9DN0Mpu3gmFx8JHH8inKxRLQUcmlpKWhesN4Zc+b0aukcrwSivuynR2lUkHjHjqo53lpBumABKjcRolbBluJ6FpaWKVTNWJ4eQLXQXnD5DwJ852ZdaAsgsvoTwM5wU1Z3hp9spwCqeigELcbS8RPE/QvX9M6iAd/rcH0YtrbJptyFdoYD1dwjPT39hnifD7rQhTiRkPAfxnOcWpCmnRwAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.ais-pagination {
  text-align: center;
  padding: 0.5rem;
}

.ais-pagination--item {
  display: inline-block;
}

.ais-pagination--item__disabled {
  visibility: hidden;
}

.ais-pagination--item__next {
  display: none;
}

@media only screen and (min-width: 768px) {
  .ais-pagination--item__next {
    display: inline-block;
  }
}

.ais-pagination--item__previous {
  display: none;
}

@media only screen and (min-width: 768px) {
  .ais-pagination--item__previous {
    display: inline-block;
  }
}

.ais-pagination--link {
  padding: 5px 10px;
  margin: 0 5px;
  line-height: 1.5;
}

.ais-pagination .ais-pagination--item__active .ais-pagination--link {
  color: #555;
}

.ais-refinement-list--header {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0.5rem;
  padding: 0.375rem 0;
  border-bottom: 2px solid #eaeaea;
  color: #555;
}

.ais-refinement-list--item {
  margin-bottom: 0.175rem;
}

.ais-refinement-list--label {
  font-weight: 100;
  cursor: pointer;
}

.ais-refinement-list--label .cross-circle {
  display: none;
}

.ais-refinement-list--checkbox {
  margin-left: 0;
  margin-right: 0.5rem;
  cursor: pointer;
}

/* Sub block for the show more of the refinement list */
.ais-hierarchical-menu {
  margin: 1.5rem 0;
}

.ais-hierarchical-menu--header {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0.5rem;
  padding: 0.375rem 0;
  border-bottom: 2px solid #eaeaea;
  color: #555;
}

.ais-hierarchical-menu--list__lvl1 {
  margin-left: 10px;
}

.ais-hierarchical-menu--list__lvl2 {
  margin-left: 10px;
}

.ais-hierarchical-menu--link {
  color: #555;
  font-weight: 100;
}

.ais-hierarchical-menu--count, .ais-refinement-list--count {
  padding-left: 0.25rem;
  color: #bbb;
  font-size: 0.8rem;
  line-height: 1.5;
}

.ais-hierarchical-menu--count::before, .ais-refinement-list--count::before {
  content: "(";
}

.ais-hierarchical-menu--count::after, .ais-refinement-list--count::after {
  content: ")";
}

.ais-hierarchical-menu .cross-circle {
  display: none;
}

.ais-hierearchical-link-wrapper {
  margin-bottom: 0.25rem;
}

.ais-range-slider--target {
  position: relative;
  direction: ltr;
  background: #F3F4F7;
  height: 6px;
  margin: 2rem 0.625rem;
  margin-top: 2.5rem;
}

.ais-range-slider--header {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0.5rem;
  padding: 0.375rem 0;
  border-bottom: 2px solid #eaeaea;
  color: #555;
}

.ais-range-slider--base {
  height: 100%;
  position: relative;
  z-index: 1;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  border-left: 2px solid #DDD;
  border-right: 2px solid #DDD;
}

.ais-range-slider--origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.ais-range-slider--connect {
  background: #622066;
}

.ais-range-slider--background {
  background: #F3F4F7;
}

.ais-range-slider--handle {
  width: 18px;
  height: 18px;
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  border: 1px solid #622066;
  border-radius: 50%;
  cursor: pointer;
}

.ais-range-slider--handle-lower {
  left: -9px;
  bottom: 6px;
}

.ais-range-slider--handle-upper {
  right: 9px;
  bottom: 6px;
}

.ais-range-slider--tooltip {
  position: absolute;
  background: #FFFFFF;
  line-height: 1;
  top: -18px;
  font-size: .8em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.ais-range-slider--pips {
  box-sizing: border-box;
  position: absolute;
  height: 3em;
  top: 100%;
  left: 0;
  width: 100%;
}

.ais-range-slider--value {
  width: 36px;
  position: absolute;
  text-align: center;
  margin-left: -18px;
  padding-top: 15px;
  font-size: .8em;
}

.ais-range-slider--value-sub {
  font-size: .8em;
  padding-top: 15px;
}

.ais-range-slider--marker {
  position: absolute;
  background: #DDD;
  margin-left: -1px;
  width: 1px;
  height: 5px;
}

.ais-range-slider--marker-sub {
  background: #DDD;
  width: 2px;
  margin-left: -2px;
  height: 13px;
}

.ais-range-slider--marker-large {
  background: #DDD;
  width: 2px;
  margin-left: -2px;
  height: 12px;
}

.ais-range-slider--marker-large:first-child {
  margin-left: 0;
}

.ais-range-slider .ais-range-slider--stacking .ais-range-slider--handle {
  z-index: 20;
}

.ais-star-rating--item {
  vertical-align: middle;
}

.ais-star-rating--item__active {
  font-weight: bold;
}

.ais-star-rating--star {
  display: inline-block;
  width: 1em;
  height: 1em;
}

.ais-star-rating--star:before {
  content: '\2605';
  color: #FBAE00;
}

.ais-star-rating--star__empty {
  display: inline-block;
  width: 1em;
  height: 1em;
}

.ais-star-rating--star__empty:before {
  content: '\2606';
  color: #FBAE00;
}

.ais-star-rating--link__disabled .ais-star-rating--star:before {
  color: #C9C9C9;
}

.ais-star-rating--link__disabled .ais-star-rating--star__empty:before {
  color: #C9C9C9;
}

.ais-price-ranges--header {
  text-transform: uppercase;
  font-weight: bold;
}

.ais-current-refined-values {
  position: relative;
  margin: 1.5rem 0;
  margin-top: 0;
}

.ais-current-refined-values--header {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0.5rem;
  padding: 0.375rem 0;
  border-bottom: 2px solid #eaeaea;
  color: #555;
}

.ais-current-refined-values--clear-all {
  position: absolute;
  top: 0.25rem;
  right: 0;
}

.ais-current-refined-values--item {
  display: inline-block;
}

.ais-current-refined-values--link {
  cursor: pointer;
  color: #636363;
  border-radius: 14px;
  border: solid 1px #ddd;
  background-color: #f4f4f4;
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  padding: 0 7px;
  padding-right: 8px;
  height: 24px;
  overflow: hidden;
  font-size: 0.8rem;
  margin-right: 0.5rem;
  margin-bottom: 0.25rem;
}

.ais-current-refined-values--link:hover {
  color: #636363;
  border-color: #b9b9b9;
}

.ais-current-refined-values--link > div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ais-current-refined-values--link .current-refinement-label {
  font-weight: bold;
}

.ais-root__collapsible .ais-header {
  cursor: pointer;
}

.ais-root__collapsed .ais-body, .ais-root__collapsed .ais-footer {
  display: none;
}

#polarcore #algolia-searchbox .search-icon, #polarcore #instant-search-box .search-icon {
  top: 50%;
  right: 0;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#polarcore .pull-left {
  float: left;
}

#polarcore .pull-right {
  float: right;
}

#polarcore .visible-xs, #polarcore .visible-sm {
  display: none !important;
}

#polarcore .hidden-xs, #polarcore .hidden-sm {
  display: block !important;
}

@media (max-width: 767px) {
  #polarcore .visible-xs {
    display: block !important;
  }
  #polarcore .hidden-xs {
    display: none !important;
  }
}

#polarcore #algolia-searchbox .algolia-autocomplete {
  width: 100%;
}

#polarcore #algolia-searchbox .algolia-search-input {
  border-radius: 0;
}

#polarcore #algolia-searchbox .search-icon .clear-query-autocomplete {
  display: none;
}

#polarcore #algolia-autocomplete-container {
  z-index: 1010;
}

#polarcore #algolia-autocomplete-container .aa-dropdown-menu {
  background-color: #fff;
  width: 100%;
  right: 0 !important;
  left: 0 !important;
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper {
  position: relative;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  #polarcore #algolia-autocomplete-container .autocomplete-wrapper {
    padding-bottom: 3.5rem;
  }
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-cursor {
  background-color: #f5f5f5;
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-no-results-products {
  text-align: center;
  padding: 2rem 0;
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-no-results-products .see-all {
  padding: 2rem 0;
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-no-results-products .see-all a {
  color: #622066;
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-dataset-products,
#polarcore #algolia-autocomplete-container .autocomplete-wrapper .other-sections {
  padding: 0.75rem;
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-dataset-products a,
#polarcore #algolia-autocomplete-container .autocomplete-wrapper .other-sections a {
  color: #333;
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-dataset-products em,
#polarcore #algolia-autocomplete-container .autocomplete-wrapper .other-sections em {
  font-style: normal;
  text-decoration: underline;
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-dataset-products {
  width: 100%;
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-dataset-products .aa-suggestions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-dataset-products .aa-suggestions .aa-suggestion {
  width: 100%;
  float: left;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media only screen and (min-width: 768px) {
  #polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-dataset-products .aa-suggestions .aa-suggestion {
    width: 50%;
  }
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-dataset-products .algoliasearch-autocomplete-hit {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.75rem;
  overflow: hidden;
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-dataset-products .algoliasearch-autocomplete-hit .thumb {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-dataset-products .algoliasearch-autocomplete-hit .thumb img {
  min-width: 60px;
  max-height: 100%;
}

@media only screen and (min-width: 768px) {
  #polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-dataset-products .algoliasearch-autocomplete-hit .thumb img {
    min-width: 75px;
  }
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-dataset-products .algoliasearch-autocomplete-hit.promotion .after_special {
  color: #f00;
  font-weight: bold;
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-dataset-products .algoliasearch-autocomplete-hit .info {
  font-size: 1.1rem;
  padding-left: 0.75rem;
  overflow: hidden;
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-dataset-products .algoliasearch-autocomplete-hit .info .product-name-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-dataset-products .algoliasearch-autocomplete-hit .info .algoliasearch-autocomplete-price {
  margin-top: 0.5rem;
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-dataset-products .algoliasearch-autocomplete-hit .info .algoliasearch-autocomplete-price .before_special {
  color: #b5b5b5;
  text-decoration: line-through;
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper .aa-dataset-products .algoliasearch-autocomplete-hit .info .algoliasearch-autocomplete-category {
  font-weight: 100;
  font-size: 0.8em;
  color: #222;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper .other-sections {
  border-left: 1px solid #E0E0E0;
  height: 100%;
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper .other-sections .details {
  font-size: 0.75rem;
  display: none;
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper .other-sections .category {
  color: #555;
  padding-bottom: 7px;
  text-align: left;
  font-size: 0.875em;
  text-transform: uppercase;
  font-weight: bold;
  padding: 10px;
  line-height: 1;
  color: #555;
  background-color: #f5f5f5;
  border-bottom: 1px solid #E0E0E0;
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper .other-sections .category.thumb {
  display: none;
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper .other-sections .aa-no-results,
#polarcore #algolia-autocomplete-container .autocomplete-wrapper .other-sections .algoliasearch-autocomplete-hit {
  padding: 0.375rem 0.75rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper #autocomplete-products-footer {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 3.5rem;
  background-color: #f5f5f5;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #E0E0E0;
  white-space: pre;
}

@media only screen and (min-width: 768px) {
  #polarcore #algolia-autocomplete-container .autocomplete-wrapper #autocomplete-products-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

#polarcore #algolia-autocomplete-container .autocomplete-wrapper #autocomplete-products-footer a {
  color: #622066;
}

#polarcore #algolia_instant_selector .infos {
  color: #aaa;
  padding: 0.75rem 1rem;
  background-color: #fafafa;
  font-size: 0.875rem;
  margin-bottom: 0.75rem;
}

#polarcore #algolia_instant_selector .infos strong {
  color: #555;
}

#polarcore #algolia_instant_selector .infos .sort-by-label {
  display: none;
}

#polarcore #algolia_instant_selector .hits {
  width: 100%;
}

#polarcore #algolia_instant_selector .category-head .category-title {
  padding: 0;
  margin: 0 8px;
}

#polarcore #algolia_instant_selector em {
  font-style: normal;
  text-decoration: underline;
}

#polarcore #instant-search-results-container .no-results {
  text-align: center;
  padding: 2rem 0;
}

#polarcore #refine-toggle {
  text-align: center;
  height: 40px;
  line-height: 40px;
  border: solid 1px #622066;
  margin: 10px 8px 20px 8px;
  font-weight: bold;
  cursor: pointer;
  color: #622066;
}

#polarcore #instant-search-facets-container > div:not(:last-child) {
  margin-bottom: 1.5rem;
}

#polarcore #instant-search-bar-container {
  width: 100%;
}

#polarcore #instant-search-pagination-container {
  background-color: #fafafa;
}

#polarcore #instant-search-box {
  position: relative;
}

#polarcore #instant-search-box label {
  display: none;
}

#polarcore .cross-wrapper {
  margin-right: 0.325rem;
}

#polarcore .cross-wrapper img {
  width: 8px;
}

/* PolarCore Bubblelayer Module Style */
@-webkit-keyframes smoothOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes smoothOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#polarcore .block-layered-nav--no-filters {
  display: block;
  -webkit-animation: smoothOpacity 0.25s;
  animation: smoothOpacity 0.25s;
}

#polarcore .block-layered-nav {
  -webkit-animation: smoothOpacity 0.2s;
  animation: smoothOpacity 0.2s;
  /* Mobile Popup Styling*/
}

#polarcore .block-layered-nav .currently .block-subtitle {
  font-weight: 700;
}

#polarcore .block-layered-nav .currently ol li {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  #polarcore .block-layered-nav .currently {
    padding-right: 1rem;
    margin-bottom: 0;
  }
}

#polarcore .block-layered-nav #narrow-by-list dt {
  font-size: 1rem;
  text-transform: uppercase;
  margin-top: 0.5rem;
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  #polarcore .block-layered-nav #narrow-by-list dt.expanded {
    cursor: pointer;
  }
  #polarcore .block-layered-nav #narrow-by-list dt.expanded i {
    font-family: "Material Icons";
    text-rendering: optimizelegibility;
    font-feature-settings: "liga";
    font-style: normal;
    text-transform: none;
    line-height: 1;
    display: block;
    overflow: hidden;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: text-bottom;
    content: "\E315";
    margin-bottom: -0.15rem;
    margin-left: 0.25rem;
    line-height: 20px;
    font-size: 1.5rem;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
  }
  #polarcore .block-layered-nav #narrow-by-list dt.collapsed {
    cursor: pointer;
  }
  #polarcore .block-layered-nav #narrow-by-list dt.collapsed i {
    font-family: "Material Icons";
    text-rendering: optimizelegibility;
    font-feature-settings: "liga";
    font-style: normal;
    text-transform: none;
    line-height: 1;
    display: block;
    overflow: hidden;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: text-bottom;
    content: "\E315";
    margin-bottom: -0.15rem;
    margin-left: 0.25rem;
    line-height: 20px;
    font-size: 1.5rem;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

#polarcore .block-layered-nav #narrow-by-list dd ol {
  border-bottom: 0;
  margin: 0;
}

#polarcore .block-layered-nav #narrow-by-list dd ol li {
  font-size: 0.9rem;
  margin: 4px 0;
  color: #ccc;
}

#polarcore .block-layered-nav #narrow-by-list dd ol li .mdl-checkbox {
  width: auto;
}

#polarcore .block-layered-nav #narrow-by-list dd ol li .mdl-checkbox .mdl-checkbox__label {
  font-size: 1rem;
}

#polarcore .block-layered-nav #narrow-by-list dd ol li .count {
  color: #bbb;
  font-size: 0.8rem;
}

#polarcore .block-layered-nav #narrow-by-list dd ol li input {
  cursor: pointer;
}

#polarcore .block-layered-nav #narrow-by-list dd .label-filter a:hover, #polarcore .block-layered-nav #narrow-by-list dd .label-filter a:focus {
  background-color: #622066;
  color: white;
}

#polarcore .block-layered-nav #narrow-by-list dd.actions {
  position: fixed;
  top: 100%;
  left: 0;
  z-index: 100;
  width: 100%;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

#polarcore .block-layered-nav #narrow-by-list dd.actions .mobil-apply-btn {
  display: block;
  width: 100%;
  color: white;
  font-size: 1.15rm;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 1rem;
  border-top: 4px solid white;
  background-color: #622066;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

@media only screen and (max-width: 767px) {
  #polarcore .block-layered-nav #narrow-by-list dd li .mdl-checkbox__focus-helper,
  #polarcore .block-layered-nav #narrow-by-list dd li .mdl-checkbox__box-outline {
    width: 20px;
    height: 20px;
    vertical-align: middle;
  }
}

@media only screen and (max-width: 767px) {
  #polarcore .block-layered-nav #narrow-by-list dd .layer-slider .price-slider {
    display: none;
  }
}

#polarcore .block-layered-nav #narrow-by-list dd .layer-slider .price-slider .handle {
  width: 16px;
  height: 16px;
  top: 3px;
  background-color: #622066;
}

#polarcore .block-layered-nav #narrow-by-list dd .layer-slider .price-slider .span {
  background-color: #622066;
}

#polarcore .block-layered-nav #narrow-by-list dd .layer-slider .price-range {
  text-align: center;
  color: #622066;
}

#polarcore .block-layered-nav #narrow-by-list dd .layer-slider .price-range::after {
  clear: both;
  content: "";
  display: table;
}

#polarcore .block-layered-nav #narrow-by-list dd .layer-slider .price-range .price {
  float: left;
}

@media only screen and (max-width: 767px) {
  #polarcore .block-layered-nav #narrow-by-list dd .layer-slider .price-range .price {
    margin-left: 0.25rem;
  }
}

#polarcore .block-layered-nav #narrow-by-list dd .layer-slider .price-range .price:last-of-type {
  float: right;
}

@media only screen and (max-width: 767px) {
  #polarcore .block-layered-nav #narrow-by-list dd .layer-slider .price-range .price:last-of-type {
    margin-right: 0.25rem;
  }
}

#polarcore .block-layered-nav #narrow-by-list dd .layer-slider .price-range div {
  display: table;
  width: 100%;
}

#polarcore .block-layered-nav #narrow-by-list dd .layer-slider .price-range div input {
  float: left;
  margin: 0;
}

#polarcore .block-layered-nav #narrow-by-list dd .layer-slider .price-range div input:last-of-type {
  float: right;
}

#polarcore .block-layered-nav #narrow-by-list dd .layer-slider .price-limit {
  display: none;
}

@media only screen and (max-width: 767px) {
  #polarcore .block-layered-nav #narrow-by-list dd ol, #polarcore .block-layered-nav #narrow-by-list dd ul, #polarcore .block-layered-nav #narrow-by-list dd div {
    margin-right: 0.75rem;
  }
}

#polarcore .block-layered-nav #narrow-by-list dd ol {
  border-bottom: 0;
}

#polarcore .block-layered-nav #narrow-by-list dd ol li {
  font-size: 0.9rem;
  margin: 4px 0;
  color: #ccc;
}

#polarcore .block-layered-nav #narrow-by-list dd ol li .mdl-checkbox {
  width: auto;
}

#polarcore .block-layered-nav #narrow-by-list dd ol li .mdl-checkbox .mdl-checkbox__label {
  font-size: 1rem;
}

#polarcore .block-layered-nav #narrow-by-list dd ol li .count {
  color: #bbb;
  font-size: 0.8rem;
}

#polarcore .block-layered-nav #narrow-by-list dd ol li input {
  cursor: pointer;
}

#polarcore .block-layered-nav #narrow-by-list dd li.is-checked a,
#polarcore .block-layered-nav #narrow-by-list dd li.active a {
  outline: 0;
  text-decoration: none;
  background-color: #622066;
  color: white;
  border-radius: 3px;
}

#polarcore .block-layered-nav #narrow-by-list dd li.is-checked a .count,
#polarcore .block-layered-nav #narrow-by-list dd li.active a .count {
  background-color: white;
}

@media only screen and (max-width: 767px) {
  #polarcore .block-layered-nav #narrow-by-list dd a:hover {
    background-color: #eee;
  }
}

@media only screen and (max-width: 767px) {
  #polarcore .block-layered-nav #narrow-by-list {
    padding: 0.75rem;
    /*
        .even {
          width: 50%;
        }
        .odd {
          width: 50%;
          float: right;
          clear: both;
          &.last {
            float: left;
          }
        }*/
  }
  #polarcore .block-layered-nav #narrow-by-list::after {
    clear: both;
    content: "";
    display: table;
  }
  #polarcore .block-layered-nav #narrow-by-list dt {
    margin: 0;
    padding: 1rem 1rem;
    border-bottom: 1px solid #f0f0f0;
  }
  #polarcore .block-layered-nav #narrow-by-list dt i {
    float: right;
  }
  #polarcore .block-layered-nav #narrow-by-list dt.open i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  #polarcore .block-layered-nav #narrow-by-list dd {
    display: none;
    padding: 0.75rem 1rem;
    background-color: #fafafa;
  }
  #polarcore .block-layered-nav #narrow-by-list dd .no-display {
    display: list-item !important;
  }
  #polarcore .block-layered-nav #narrow-by-list dd .show-hidden {
    display: none !important;
  }
  #polarcore .block-layered-nav #narrow-by-list h2.headline {
    position: absolute;
    top: 1rem;
    width: 85%;
    margin: 0;
    padding: 0.25rem 0.75rem;
    color: #555;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.75rem;
    left: 4px;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  #polarcore .block-layered-nav #narrow-by-list {
    padding: 4rem 0.75rem;
    overflow-y: auto;
  }
}

#polarcore .block-layered-nav .block-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

#polarcore .block-layered-nav .block-title,
#polarcore .block-layered-nav .block-subtitle,
#polarcore .block-layered-nav .actions {
  display: none;
}

#polarcore .block-layered-nav .currently {
  -webkit-order: 100;
  -ms-flex-order: 100;
  order: 100;
  margin-bottom: 36px;
}

@media only screen and (min-width: 768px) {
  #polarcore .block-layered-nav .currently {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}

#polarcore .block-layered-nav .currently .block-subtitle {
  margin: 0.75rem 0 0 0;
}

#polarcore .block-layered-nav .currently ol li {
  position: relative;
  display: inline-block;
  margin: 2px 0;
  padding: 4px 24px 4px 12px;
  border: 1px solid #ededed;
  border-radius: 6px;
  background: #ededed;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media only screen and (min-width: 768px) {
  #polarcore .block-layered-nav .currently ol li {
    display: block;
    margin: 6px 0;
  }
}

#polarcore .block-layered-nav .currently .btn-remove {
  position: absolute;
  right: 0.5rem;
  font-size: 11px;
}

#polarcore .block-layered-nav .currently .btn-remove span {
  display: none;
}

#polarcore .block-layered-nav .currently .btn-remove:after {
  font-family: "Material Icons";
  text-rendering: optimizelegibility;
  font-feature-settings: "liga";
  font-style: normal;
  text-transform: none;
  line-height: 1;
  display: block;
  overflow: hidden;
  -moz-osx-font-smoothing: grayscale;
  content: "\E14C";
  position: relative;
  top: 0.2rem;
  margin-left: 0.5rem;
  font-size: 1.25rem;
}

@media only screen and (max-width: 767px) {
  #polarcore .block-layered-nav .block-subtitle {
    display: block;
  }
  #polarcore .block-layered-nav .block-subtitle--filter.active {
    position: fixed;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 105;
    width: 3rem;
    height: 3rem;
    text-indent: -999px;
    overflow: hidden;
  }
  #polarcore .block-layered-nav .block-subtitle--filter.active:before {
    content: "\E5CD";
    font-family: "Material Icons";
    text-rendering: optimizelegibility;
    font-feature-settings: "liga";
    font-style: normal;
    text-transform: none;
    line-height: 1;
    display: block;
    overflow: hidden;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0;
    position: absolute;
    top: 10px;
    right: 2px;
    font-size: 1.5rem;
  }
  #polarcore .block-layered-nav .block-subtitle--filter:not(.active) + #narrow-by-list {
    display: none;
  }
  #polarcore .block-layered-nav #narrow-by-list {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 4rem 0rem 3rem;
    background-color: #fff;
  }
}

#polarcore .bubble-layer-top {
  display: none;
}

@media only screen and (min-width: 768px) {
  #polarcore .bubble-layer-top {
    display: block;
  }
}

@media only screen and (min-width: 768px) {
  #polarcore .bubble-layer-top .block-layered-nav .block-content {
    max-width: none;
  }
}

#sidebar-nav {
  margin-bottom: 0px !important;
}

body.tco.tco-onestep #login-step a.btn-close {
  background: none;
  border: 0;
  color: white;
}

body.tco.tco-onestep #login-step a.btn-close:hover {
  color: #afafaf;
}

body.tco.tco-onestep #login-step-login input {
  min-width: 300px;
}

body.tco.tco-onestep p.login-link {
  margin-bottom: 3rem;
  padding-left: 0.5rem;
}

body.tco.tco-onestep .please-wait {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

body.tco.tco-onestep .please-wait img {
  margin: auto;
  padding: 2rem;
  opacity: 0.2;
}

body.tco.tco-onestep .main-container.col1-layout.checkout {
  margin-top: 0;
  margin-bottom: 3rem;
}

body.tco.tco-onestep .checkout .logo {
  max-width: 180px;
}

body.tco.tco-onestep .checkout .back {
  margin-top: 1rem;
}

body.tco.tco-onestep .tco-wrapper .section .step-title, body.tco.tco-onestep .tco-wrapper .step-title {
  background: none;
  border: 0;
  border-bottom: 2px solid #622066;
  border-radius: 0;
  box-shadow: none;
}

body.tco.tco-onestep .tco-wrapper .section .step-title h2, body.tco.tco-onestep .tco-wrapper .step-title h2 {
  color: #622066;
  text-transform: uppercase;
  font-weight: 300;
}

body.tco.tco-onestep .tco-wrapper #login-step-login > p {
  margin-top: 2rem;
}

body.tco.tco-onestep .tco-wrapper button.btn-checkout {
  background: #00C853;
  font-size: 1.2rem;
  float: right;
  transistion: background ease-in-out 0.2s;
  border-radius: 0;
}

@media only screen and (max-width: 767px) {
  body.tco.tco-onestep .tco-wrapper button.btn-checkout {
    width: 100%;
  }
}

body.tco.tco-onestep .tco-wrapper button.btn-checkout:hover {
  background: #00af48;
}

body.tco.tco-onestep .tco-wrapper button.btn-checkout:after {
  font-family: "Material Icons";
  text-rendering: optimizelegibility;
  font-feature-settings: "liga";
  font-style: normal;
  text-transform: none;
  line-height: 1;
  display: block;
  overflow: hidden;
  -moz-osx-font-smoothing: grayscale;
  content: '\E315';
  display: inline;
  line-height: 1rem;
  font-size: 2rem;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

body.tco.tco-onestep .tco-wrapper .login .form-list button.button {
  background: #622066;
  transistion: background ease-in-out 0.2s;
}

body.tco.tco-onestep .tco-wrapper .login .form-list button.button:hover {
  background: #4f1a53;
}

body.tco.tco-onestep .tco-wrapper #checkout-review-table tbody td:first-child {
  padding: 0;
  width: 64px;
}

body.tco.tco-onestep .tco-wrapper .item-options {
  text-align: left;
}

body.tco.tco-onestep .tco-wrapper .data-table .product-name, body.tco.tco-onestep .tco-wrapper .data-table #polarcore .product-view .product-name-mobile, #polarcore .product-view body.tco.tco-onestep .tco-wrapper .data-table .product-name-mobile {
  line-height: 1.4em;
  text-align: left;
}

body.tco.tco-onestep .tco-wrapper label {
  font-weight: 400;
  color: #666;
}

body.tco.tco-onestep .tco-wrapper dd {
  margin-bottom: 1rem;
}

body.tco.tco-onestep .tco-wrapper dd:last-child {
  margin-bottom: 0;
}

body.tco.tco-onestep .tco-wrapper dt {
  color: #666;
  font-weight: 400;
}

body.tco.tco-onestep .tco-wrapper input + label {
  padding: 0;
}

body.tco.tco-onestep .tco-wrapper input.input-text {
  border: 0;
  border-bottom: 2px solid #f0f0f0;
  outline: none;
  box-shadow: none;
}

body.tco.tco-onestep .tco-wrapper input.input-text:focus {
  border: 0;
  border-bottom: solid #622066 2px;
}

body.tco.tco-onestep .tco-wrapper input[type="checkbox"]:focus + label {
  color: #3d143f;
}

body.tco.tco-onestep .tco-wrapper input:checked + label {
  color: #872c8d;
}

body.tco.tco-onestep .tco-wrapper .form-list .field {
  width: 100%;
  padding: 0;
}

body.tco.tco-onestep .tco-wrapper .step {
  border: 1px solid #f0f0f0;
}

body.tco.tco-onestep .tco-wrapper .step .number {
  border: 0;
  border-radius: 2px;
  font-style: Verdana;
  line-height: 1.5rem;
  text-align: center;
  box-shadow: none;
}

body.tco.tco-onestep .tco-wrapper .wide {
  margin-bottom: 1.5rem;
}

body.tco.tco-onestep #checkout-review-table tbody td {
  text-align: center;
}

body.tco .tco-wrapper label[for="shipping:country_id"] + .input-box, body.tco .tco-wrapper label[for="billing:country_id"] + .input-box {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #E0E0E0;
  max-width: 100%;
  background: white;
  margin-bottom: 1rem;
}

body.tco .tco-wrapper label[for="shipping:country_id"] + .input-box:after, body.tco .tco-wrapper label[for="billing:country_id"] + .input-box:after {
  font-family: "Material Icons";
  text-rendering: optimizelegibility;
  font-feature-settings: "liga";
  font-style: normal;
  text-transform: none;
  line-height: 1;
  display: block;
  overflow: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  right: 0rem;
  font-size: 1.2rem;
  content: '\E313';
  margin: auto;
  color: #444;
  height: 2.5rem;
  line-height: 2.5rem;
  vertical-align: middle;
  padding: 0rem 0.5rem;
  background: rgba(0, 0, 0, 0.05);
}

body.tco .tco-wrapper label[for="shipping:country_id"] + .input-box .validation-advice, body.tco .tco-wrapper label[for="billing:country_id"] + .input-box .validation-advice {
  right: 0;
  top: -1.5rem;
}

body.tco .tco-wrapper label[for="shipping:country_id"] + .input-box select, body.tco .tco-wrapper label[for="billing:country_id"] + .input-box select {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  outline: none;
  padding-right: 2rem;
  background: transparent;
  width: 100%;
  height: 2.5rem;
}

@media only screen and (min-width: 768px) {
  body.tco .tco-wrapper label[for="shipping:country_id"] + .input-box select, body.tco .tco-wrapper label[for="billing:country_id"] + .input-box select {
    padding: 0.75rem;
  }
}

body.tco .tco-wrapper label[for="shipping:country_id"] + .input-box select:hover, body.tco .tco-wrapper label[for="billing:country_id"] + .input-box select:hover {
  cursor: pointer;
  background: #fcfcfc;
}

body.tco .tco-wrapper label[for="shipping:country_id"] + .input-box select:disabled, body.tco .tco-wrapper label[for="billing:country_id"] + .input-box select:disabled {
  background: #c7c7c7;
  color: #444;
}

#polarcore #cac-cart-link {
  position: relative;
  float: right;
  margin: 1rem 1.5rem 1rem 0;
  padding-right: 1.5rem;
  text-align: left;
  font-size: 1.2em;
  color: inherit;
  border-right: 1px solid #e0e0e0;
}

@media only screen and (max-width: 767px) {
  #polarcore #cac-cart-link {
    position: absolute;
    top: 0.25rem;
    right: 3rem;
    margin-top: 0rem;
    padding-right: 0.5rem;
    padding-bottom: 0.25rem;
    text-indent: -999px;
    overflow: hidden;
    border-color: rgba(255, 255, 255, 0.5);
  }
}

#polarcore #cac-cart-link #cac-cartlink-qty {
  position: absolute;
  color: #FFF;
  background: #00C853;
  padding: 0rem 0.3rem;
  line-height: 1rem;
  left: 0.75rem;
  top: 0.5rem;
  border-radius: 12%;
  font-size: 0.7rem;
  text-indent: 0;
}

#polarcore #cac-cart-link:before {
  font-family: "Material Icons";
  text-rendering: optimizelegibility;
  font-feature-settings: "liga";
  font-style: normal;
  text-transform: none;
  line-height: 1;
  display: block;
  overflow: hidden;
  -moz-osx-font-smoothing: grayscale;
  content: "\E88A";
  float: left;
  font-size: 24px;
  margin-top: 1rem;
  margin-right: 0.5rem;
  text-indent: 0;
}

@media only screen and (max-width: 767px) {
  #polarcore #cac-cart-link:before {
    color: white;
  }
}

#polarcore .products-grid .stock-status {
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
}

@media only screen and (min-width: 768px) {
  #polarcore .products-grid .stock-status {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

#polarcore .products-grid .stock-status .cac-status, #polarcore .products-grid .stock-status .webshop {
  white-space: nowrap;
  padding-right: 0.75rem;
}

@media only screen and (max-width: 767px) {
  #polarcore .products-grid .stock-status .cac-status, #polarcore .products-grid .stock-status .webshop {
    padding: 0;
  }
}

#polarcore .products-grid .stock-status .cac-status .status:after, #polarcore .products-grid .stock-status .webshop .status:after {
  position: static;
  content: "\2713";
  height: auto;
  width: auto;
  font-size: 1.2rem;
  background: none;
  color: #4CAF50;
}

#polarcore .products-grid .stock-status .cac-status .status.out-of-stock, #polarcore .products-grid .stock-status .webshop .status.out-of-stock {
  color: #F44336;
}

#polarcore .products-grid .stock-status .cac-status .status.out-of-stock:after, #polarcore .products-grid .stock-status .webshop .status.out-of-stock:after {
  display: inline-block !important;
  content: "\2717";
  color: #F44336;
}

#polarcore .product-view .add-to-cart-wrapper #cac_store_chosen {
  float: left;
  max-width: 65%;
  margin-right: 2%;
}

#polarcore .product-view .add-to-cart-wrapper #cac_store_chosen .chosen-single {
  height: 42px;
  padding: 0.5rem 0.75rem;
  background: white;
  border-radius: 0px;
  border: 1px solid #e0e0e0;
  font-size: 0.95rem;
  text-transform: uppercase;
  box-shadow: none;
}

#polarcore .product-view .add-to-cart-wrapper #cac_store_chosen .chosen-single b {
  background-position: 2px 10px;
}

#polarcore .product-view .add-to-cart-wrapper #cac_store_chosen .chosen-drop {
  box-shadow: none;
  border-radius: 0px;
  border: 1px solid #e0e0e0;
}

#polarcore .product-view .add-to-cart-wrapper #cac_store_chosen .chosen-drop .chosen-results li.highlighted {
  background: #2196F3;
}

#polarcore .product-view .add-to-cart-wrapper #clickandcollect-addtocart {
  float: none;
  max-width: 33%;
  height: 42px;
  margin: 0;
  padding: 0 0.5rem;
  font-weight: normal;
  background-color: #2196F3;
}

#polarcore #cac-cart-wrapper {
  border: 1px solid #f0f0f0;
  box-shadow: 0px 0px 100px -10px rgba(0, 0, 0, 0.2);
}

#polarcore #cac-cart-wrapper h1 {
  margin-bottom: 2rem;
}

#polarcore #cac-cart-wrapper .close button {
  padding: 0.4rem 0.8rem;
  font-size: 0.95rem;
  color: black;
  background-color: white;
  border: 1px solid black;
  letter-spacing: 0.5px;
}

#polarcore #cac-cart-wrapper .close button:hover {
  color: #888;
  border-color: #888;
}

#polarcore #cac-cart-wrapper #cac-cart-items .table-wrapper .item-header {
  background-color: #fafafa;
}

#polarcore #cac-cart-wrapper #cac-cart-items .table-wrapper .items-wrapper .item-line {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #e0e0e0;
}

#polarcore #cac-cart-wrapper #cac-cart-items .table-wrapper .items-wrapper .item-line .name {
  line-height: 1.5rem;
}

#polarcore #cac-cart-wrapper #cac-cart-items .table-wrapper .items-wrapper .item-line .qty {
  width: 15%;
}

#polarcore #cac-cart-wrapper #cac-cart-items .table-wrapper .items-wrapper .item-line .qty .qty-add, #polarcore #cac-cart-wrapper #cac-cart-items .table-wrapper .items-wrapper .item-line .qty .qty-sub {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  color: white;
  line-height: 1.25rem;
  font-weight: normal;
  background-color: #2196F3;
}

#polarcore #cac-cart-wrapper #cac-cart-items .table-wrapper .items-wrapper .item-line .qty span {
  display: inline-block;
  vertical-align: middle;
  min-width: 2rem;
}

#polarcore #cac-cart-wrapper #cac-cart-items .table-wrapper .items-wrapper .item-line .remove {
  width: 3%;
  text-indent: -999px;
  margin-right: 0.25rem;
}

#polarcore #cac-cart-wrapper #cac-cart-items .table-wrapper .items-wrapper .item-line .remove:before {
  display: none;
}

#polarcore #cac-cart-wrapper #cac-cart-items .table-wrapper .items-wrapper .item-line .remove:after {
  font-family: "Material Icons";
  text-rendering: optimizelegibility;
  font-feature-settings: "liga";
  font-style: normal;
  text-transform: none;
  line-height: 1;
  display: block;
  overflow: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0.4rem;
  right: 0.25rem;
  content: "\E5CD";
  text-indent: 0px;
  font-size: 1.25rem;
  cursor: pointer;
}

#polarcore #cac-cart-wrapper #cac-cart-items .table-wrapper .items-wrapper .item-line .remove:hover:after {
  color: #888;
}

#polarcore #cac-cart-wrapper #cac-checkout-link button {
  padding: 1rem;
  color: white;
  border: none;
  font-size: 0.95rem;
  font-weight: normal;
  background-color: #2196F3;
  cursor: pointer;
}

#polarcore #cac-cart-wrapper #cac-checkout-form label {
  margin-right: 0.25rem;
  font-size: 1rem;
}

#polarcore #cac-cart-wrapper #cac-checkout-form input {
  margin-right: 1.5rem;
}

#polarcore #cac-cart-wrapper #cac-checkout-form .buttons button {
  float: right;
  padding: 1rem;
  color: white;
  border: none;
  font-size: 0.95rem;
  font-weight: normal;
  background-color: #2196F3;
  cursor: pointer;
}

#polarcore #cac-cart-wrapper #cac-checkout-form .buttons .back button {
  padding: 0.4rem 0.8rem;
  margin-top: 2.2rem;
  color: black;
  border: 1px solid black;
  background-color: transparent;
}

#polarcore #cac-cart-wrapper #cac-checkout-form .buttons .back button:hover {
  color: #888;
  border-color: #888;
}

#polarcore #cac-cart-wrapper .pickup-notification .messages {
  padding: 0;
  text-align: left;
}

#polarcore #cac-cart-wrapper .pickup-notification .messages .notice-text {
  font-weight: normal;
}

#polarcore #cac-cart-wrapper .pickup-notification .messages .notice-msg {
  background-color: #f05c5c;
}

#polarcore .inner-item {
  position: relative;
}

#polarcore .inner-item .trollweb-labels {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

#polarcore .inner-item .trollweb-labels .trollweb-label {
  font-weight: bold;
  color: #000;
}

#polarcore .inner-item .trollweb-labels .trollweb-label .discount, #polarcore .inner-item .trollweb-labels .trollweb-label .new {
  display: block;
  padding: 0.375rem 1.425rem;
  background-color: #ffc629;
  text-align: center;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  font-size: 1.275rem;
}

#polarcore .favoriteproducts-add-button {
  cursor: pointer;
  display: block;
  width: auto;
  position: absolute;
  bottom: 10px;
  right: 10px;
  border-radius: 3px;
  line-height: 1;
  padding: 9px 7px 7px;
  text-align: center;
  background-color: #c1c1c1;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.825rem;
  box-shadow: none !important;
  transition: background-color 200ms ease-in-out;
}

#polarcore .favoriteproducts-add-button:hover {
  background-color: #b2b2b2;
}

#polarcore #ajaxcart .box-up-sell h2 {
  border-bottom: none;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
}

#polarcore #ajaxcart .actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#polarcore #ajaxcart .actions button, #polarcore #ajaxcart .actions .button {
  font-size: 13px;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 0;
}

@media only screen and (min-width: 768px) {
  #polarcore #ajaxcart .actions button, #polarcore #ajaxcart .actions .button {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}

#polarcore #ajaxcart .actions button:not(:last-child), #polarcore #ajaxcart .actions .button:not(:last-child) {
  margin-right: 0.5rem;
}

#polarcore #ajaxcart .products-grid .layout-wrapper {
  min-height: 67px;
}

#polarcore #ajaxcart .products-grid button.btn-cart {
  display: block;
  width: 100%;
  cursor: pointer;
  white-space: nowrap;
  font-weight: bold;
  border-radius: 2px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 0.785rem;
  line-height: normal;
  padding: 0.45rem 0.825rem;
  margin-top: 10px;
  background-color: #369822;
}

@media only screen and (min-width: 64.063em) {
  #ajaxcart-loading,
  #ajaxcart {
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

#polarcore .block-layered-nav .block-subtitle--filter.active {
  z-index: 135;
}

#polarcore .block-layered-nav #narrow-by-list {
  z-index: 130;
}

@media only screen and (min-width: 768px) {
  #polarcore .block-layered-nav #narrow-by-list dt {
    background-color: #f0f0f0;
    padding: 4px 4px 4px 13px;
    margin-left: -12px;
  }
  #polarcore .block-layered-nav #narrow-by-list dd {
    margin-bottom: 1.25rem;
  }
}

#polarcore.checkout-cart-index .storepickup_description {
  display: none;
}

#polarcore.checkout-cart-index #shopping-cart-totals-table {
  padding: 1rem;
  padding-bottom: 0;
  text-transform: none;
}

#polarcore.checkout-cart-index #shopping-cart-totals-table .price {
  font-size: 1.25rem;
}

#polarcore.checkout-cart-index main .cart button.button2 {
  padding: 12px;
}

@media only screen and (min-width: 1025px) {
  #polarcore.checkout-cart-index main .cart .cart-totals-wrapper {
    width: calc(63% - 1rem);
    margin-right: 2rem;
  }
}

#polarcore.checkout-cart-index main .cart .cart-total-price-wrapper {
  margin-top: 1.75rem;
}

@media only screen and (max-width: 767px) {
  #polarcore.checkout-cart-index main .cart .cart-total-price-wrapper {
    padding-left: 0;
  }
}

#polarcore.checkout-cart-index main .cart .cart-total-price-wrapper .cart-totals {
  border: 1px solid #e0e0e0;
  padding-bottom: 0;
}

#polarcore.checkout-cart-index main .cart .cart-total-price-wrapper .cart-totals .method-checkout-cart-methods-onepage-bottom {
  width: 100%;
}

#polarcore.checkout-cart-index main .cart .cart-total-price-wrapper .cart-totals .method-checkout-cart-methods-onepage-bottom .btn-checkout {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#polarcore.checkout-cart-index main .cart .cart-total-price-wrapper .cart-totals .grand-total .a-right {
  padding: 1rem 0;
}

#polarcore.checkout-cart-index main .cart .cart-total-price-wrapper .cart-totals .cart-forms {
  width: 100%;
  padding: 8px 0;
}

#polarcore.checkout-cart-index main .santander-calculator {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  #polarcore.checkout-cart-index main .santander-calculator {
    width: 16rem;
  }
}

/**
*
* Qty component
*
*/
.checkout-cart-index .qty-select-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-height: 32px;
}

.checkout-cart-index .qty-select-wrapper .qty-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0.25rem 0.5rem;
  text-align: center;
  font-size: 1rem;
  border-radius: 0;
  border: 2px solid #622066;
  padding-right: 1.5rem;
}

.checkout-cart-index .qty-select-wrapper:after {
  font-family: "Material Icons";
  text-rendering: optimizelegibility;
  font-feature-settings: "liga";
  font-style: normal;
  text-transform: none;
  line-height: 1;
  display: block;
  overflow: hidden;
  -moz-osx-font-smoothing: grayscale;
  content: '\E313';
  display: block;
  font-size: 1.5rem;
  color: #622066;
  pointer-events: none;
  position: absolute;
  top: 5px;
  right: 4px;
  left: auto;
  bottom: auto;
}

/**
*
* Discount component
*
*/
#polarcore #show-discount-form {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  margin: 0;
  border-bottom: 1px solid #e0e0e0;
  background: #f9f9f9;
}

#polarcore #show-discount-form:after {
  font-family: "Material Icons";
  text-rendering: optimizelegibility;
  font-feature-settings: "liga";
  font-style: normal;
  text-transform: none;
  line-height: 1;
  display: block;
  overflow: hidden;
  -moz-osx-font-smoothing: grayscale;
  content: '\E313';
  margin-left: 1rem;
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
  font-size: 1.25rem;
}

#polarcore #discount-coupon-form .discount {
  margin-right: 23px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #polarcore #discount-coupon-form .discount {
    margin-right: 21px;
    width: 50%;
  }
}

#polarcore #discount-coupon-form .discount-form {
  width: calc(100% - 2rem);
  padding: 0;
}

#polarcore #discount-coupon-form .discount-form .mdl-textfield__label {
  top: 0;
  font-size: 11px;
  padding: 0.8rem;
}

#polarcore #discount-coupon-form .discount-form .mdl-textfield__input {
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 9px 0;
}

#polarcore #discount-coupon-form .discount-form.is-focused .mdl-textfield__label:after {
  bottom: 1px;
}

#polarcore #discount-coupon-form .discount-form.is-focused .input-text {
  padding: 9px 9px;
}

#polarcore #discount-coupon-form .discount-form.is-dirty .mdl-textfield__label {
  display: none;
}

#polarcore #discount-coupon-form .discount-form.is-dirty .input-text {
  padding: 9px 9px;
}

/**
*
* Shipping component
*
*/
@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.cart-total-price-wrapper .shipment-form-box {
  width: 100%;
  margin: 0;
}

.cart-total-price-wrapper .shipment-form-box.shipping--reloading .shipping-form {
  position: relative;
}

.cart-total-price-wrapper .shipment-form-box.shipping--reloading .shipping-form:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.05);
}

.cart-total-price-wrapper .shipment-form-box.shipping--reloading .shipping-form:after {
  position: absolute;
  z-index: 5;
  content: '';
  border: 2px solid #622066;
  border-top: 2px solid transparent;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  -webkit-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

.cart-total-price-wrapper .shipper-hq-sp-methods-wrapper {
  margin: 1rem 0;
  padding: 1rem 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.cart-total-price-wrapper .shipper-hq-sp-methods-wrapper .sp-methods {
  margin: 0;
  margin-bottom: 0;
  text-transform: none;
}

.cart-total-price-wrapper .shipper-hq-sp-methods-wrapper .sp-methods dd {
  margin-bottom: 1.275rem;
}

.cart-total-price-wrapper .shipper-hq-sp-methods-wrapper .sp-methods dd label br {
  display: none;
}

.cart-total-price-wrapper .shipment-form-box .shipping {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.cart-total-price-wrapper .shipment-form-box .shipping #co-shipping-method-form .buttons-set {
  display: none;
}

.cart-total-price-wrapper .shipment-form-box .shipping .form-list-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.cart-total-price-wrapper .shipment-form-box .shipping .form-list-wrapper input {
  height: 36px;
}

.cart-total-price-wrapper .shipment-form-box .shipping h2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: right;
  font-size: 14px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  line-height: 1.5rem;
  margin-top: 0;
  text-align: right;
  text-transform: uppercase;
  color: #622066;
  cursor: pointer;
  padding: 1rem;
  margin: 0;
  border-bottom: 1px solid #e0e0e0;
  background: #f9f9f9;
}

.cart-total-price-wrapper .shipment-form-box .shipping h2:after {
  font-family: "Material Icons";
  text-rendering: optimizelegibility;
  font-feature-settings: "liga";
  font-style: normal;
  text-transform: none;
  line-height: 1;
  display: block;
  overflow: hidden;
  -moz-osx-font-smoothing: grayscale;
  content: '\E313';
  margin-left: 1rem;
  font-size: 1.25rem;
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
}

@media only screen and (max-width: 767px) {
  .cart-total-price-wrapper .shipment-form-box .shipping h2 {
    width: 100%;
  }
}

.cart-total-price-wrapper .shipment-form-box .shipping h2:hover {
  color: #050205;
}

.cart-total-price-wrapper .shipment-form-box .shipping .shipping-form {
  display: none;
  padding: 1rem;
}

.cart-total-price-wrapper .shipment-form-box .shipping .shipping-form--open {
  display: block;
}

.cart-total-price-wrapper .shipment-form-box .shipping .shipping-form .shipping-desc {
  display: none;
}

.cart-total-price-wrapper .shipment-form-box .shipping .shipping-form .form-list {
  width: 100%;
}

#polarcore .category-head {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  #polarcore .category-head {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

#polarcore .category-head .category-title {
  padding-left: initial;
  margin-top: 0;
}

#polarcore .category-head .category-image {
  margin-bottom: 1.75rem;
}

#polarcore .category-head .category-description {
  display: block;
  padding: 0;
  max-width: 100%;
  margin-top: 1rem;
}

#polarcore .category-wrapper h1 {
  display: none;
  margin-top: 0.375rem;
}

@media only screen and (min-width: 768px) {
  #polarcore .category-wrapper h1 {
    display: initial;
  }
}

#polarcore .category-wrapper .category-image {
  display: none;
}

#polarcore .toolbar {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

#polarcore .toolbar .pages ol li a {
  color: #622066;
}

#polarcore .nuva-dropdown-wrapper a {
  color: #622066;
}

#polarcore .nuva-dropdown-wrapper a:hover {
  color: #170818;
}

#polarcore .categoryboxes {
  display: none;
}

.checkout-onepage-index.tco #review-buttons-container {
  margin-top: 2rem;
}

.checkout-onepage-index.tco #review-buttons-container::after {
  clear: both;
  content: "";
  display: table;
}

.checkout-onepage-index.tco .tco-wrapper .discount {
  float: none;
  width: 100%;
  max-width: 23rem;
  margin: 2rem 0;
}

.checkout-onepage-index.tco .tco-wrapper .discount .discount-form .input-box {
  width: initial;
  float: none;
}

body.tco.tco-onestep .tco-wrapper dd ul li {
  margin-bottom: 0.25rem;
}

body.tco.tco-onestep .tco-wrapper dd ul li.error-msg {
  margin-bottom: 0;
}

body.tco.tco-onestep .tco-wrapper dd ul li.error-msg::before {
  font-size: 2.5rem;
  width: 2.5em;
}

body.tco.tco-onestep .tco-wrapper dd ul li.error-msg a {
  color: #fff;
  text-decoration: underline;
}

body.tco.tco-onestep .tco-wrapper dd ul li.error-msg > ul {
  margin-left: 0.5rem;
}

body.tco.tco-onestep .tco-wrapper dd ul li.error-msg > ul li {
  margin-bottom: 0;
}

body.tco.tco-onestep .tco-wrapper dd ul li.error-msg > ul li:not(:first-child) {
  margin-top: 0.5rem;
}

body.tco.tco-onestep .tco-wrapper dt {
  font-weight: bold;
}

.tco #shq-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4);
}

.tco #shq-popup .shq-popup-inner {
  width: 95%;
  max-width: 770px;
  margin: 5% auto;
  height: auto;
  max-height: 90%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  background-color: white;
  border: solid;
  padding: 14px;
  z-index: 10;
  text-align: left;
}

.shq-trigger-container {
  margin-top: 0.25rem;
}

.shq-popup-trigger {
  color: #622066;
  text-decoration: underline;
}

.form-notification-container {
  width: 100%;
  margin-top: 0.5rem;
  float: right;
}

.form-notification-container::after {
  clear: both;
  content: "";
  display: table;
}

@media only screen and (min-width: 768px) {
  .form-notification-container {
    margin-top: 0;
    width: auto;
  }
}

.form-notification-container .form-validation-failed {
  font-size: 0.8em;
  color: #e57373;
}

.checkout-onepage-index #review-buttons-container .btn-checkout {
  margin-top: 0.5rem;
}

.tco-wrapper .review .checkout-agreements li .agree {
  padding: 2px !important;
}

.validation-advice {
  position: static;
}

.discount .discount-form .input-box,
.giftcard .giftcard-form .input-box {
  margin-top: 0.25rem;
}

/* backorder information */
.backorder-info {
  font-size: 80%;
}

.title-with-line h2 {
  font-size: 1.5rem;
  text-transform: uppercase;
}

.category-button {
  margin: 0 -0.5rem;
  margin-top: 1rem;
}

#polarcore.cms-page-view .col-wrapper {
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

@media only screen and (min-width: 768px) {
  #polarcore.cms-page-view .col-wrapper {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

#polarcore.cms-page-view .page-title h1 {
  margin-top: 0;
  font-size: 2.5rem;
}

#polarcore.cms-page-view h3 {
  font-size: 1.3rem;
}

#polarcore.cms-page-view a {
  text-decoration: underline;
}

#polarcore.cms-page-view .std ul {
  margin-left: 1.25rem;
  margin-bottom: 1.25rem;
}

#polarcore.cms-page-view .std ul li {
  list-style-position: inside;
  list-style: circle;
}

#polarcore.cms-page-view .fraktpriser .mdl-grid {
  margin-bottom: 2rem;
  border: 2px solid #622066;
  padding: 1rem 1rem 1rem 0;
}

#polarcore.cms-page-view .fraktpriser ul {
  margin-left: 25px;
  overflow: hidden;
}

#polarcore.cms-page-view .fraktpriser ul li {
  list-style: circle;
}

@media only screen and (min-width: 768px) {
  #polarcore.cms-page-view .fraktpriser ul li {
    width: 30%;
    margin-right: 2%;
    float: left;
  }
}

#polarcore.cms-page-view .fraktpriser .sone {
  width: 80px;
  height: 80px;
  padding: 18px 0 25px;
  display: block;
  margin: 0 auto;
  background-color: #622066;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 1;
  font-size: 14px;
}

#polarcore.cms-page-view .fraktpriser .sone .sone-nummer {
  font-size: 2.4em;
  display: block;
}

#polarcore.cms-page-view .fraktpriser .sone-pris {
  font-size: 24px;
  display: block;
  margin: 1rem auto 0.5rem;
  text-align: center;
  line-height: 1;
}

#polarcore .cms-menu.customer-service-menu {
  background-color: #f1f1f1;
  padding: 0.75rem 1.25rem;
}

#polarcore .cms-menu.customer-service-menu h2 {
  color: #622066;
  margin: 0;
  margin-bottom: 0.25rem;
  font-size: 1.425rem;
  font-family: inherit;
  line-height: 1.5;
  border-bottom: 1px solid #ddd;
}

#polarcore .cms-menu.customer-service-menu ul {
  margin-bottom: 0.5rem;
}

#polarcore .cms-menu.customer-service-menu ul:not(:last-of-type) {
  margin-bottom: 1.5rem;
}

#polarcore .cms-menu.customer-service-menu a {
  text-decoration: none;
}

#polarcore .cms-menu.customer-service-menu a:hover {
  text-decoration: underline;
}

#polarcore .contact iframe {
  width: 100%;
  height: 250px;
}

#polarcore .contact .shop {
  margin-top: 0;
}

#polarcore .contact .shop h2 {
  margin-top: 0;
  line-height: 1;
}

#polarcore .contact .shop-info {
  padding-top: 1rem;
}

#polarcore .contact .info .contact-title {
  font-size: 2.56rem;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
}

#polarcore .contact .info .contact-phone {
  font-size: 3.3rem;
  line-height: 1;
}

#polarcore .contact .info .contact-email {
  line-height: 1.2;
  font-size: 1.525rem;
}

@media only screen and (min-width: 768px) {
  #polarcore .contact .info {
    padding-top: 1.5rem;
  }
}

.notifikasjon {
  background: #fcc729;
  padding: 1.5rem 2rem 1.5rem 4rem;
  border-radius: 0;
  color: #622066;
  position: relative;
  margin: 2rem 0;
  border: 2px solid #622066;
}

@media only screen and (min-width: 768px) {
  .notifikasjon {
    margin: 1.5rem auto;
  }
}

.notifikasjon:before {
  content: "!";
  font-size: 32px;
  height: 32px;
  line-height: 1;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  left: 23px;
  font-weight: normal;
  top: 1.5rem;
}

@media only screen and (min-width: 768px) {
  .notifikasjon:before {
    top: 14px;
  }
}

.catalog-category-view .notifikasjon {
  margin: 1.5rem 0.5rem;
}

@media only screen and (min-width: 768px) {
  .catalog-category-view .notifikasjon {
    margin: 1.5rem 0;
  }
}

.back-to-top.animate.show {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  bottom: 0;
  right: 1.25rem;
  cursor: pointer;
  margin-bottom: 60px;
  z-index: 1000;
}

.back-to-top.animate.show span.back-to-top-icon {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 100%;
  width: 44px;
  height: 44px;
  background-color: #2d0f2d;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.header-newsletter-subscribe {
  margin-left: auto;
}

@media only screen and (min-width: 768px) {
  .header-newsletter-subscribe {
    padding-top: 5px;
  }
}

.widget-subscribe-customer-club {
  font-size: 0;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .widget-subscribe-customer-club {
    text-align: right;
  }
}

.widget-subscribe-customer-club label {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 1;
  padding: 3px 8px 0 0;
  margin-bottom: 15px;
  text-align: right;
}

@media only screen and (min-width: 768px) {
  .widget-subscribe-customer-club label {
    margin-bottom: 0;
  }
}

.widget-subscribe-customer-club label span {
  line-height: 1;
  position: relative;
  padding-left: 30px;
}

.widget-subscribe-customer-club label span:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
  width: 26px;
  height: 25px;
  background-image: url(polarcore/default/images/logo_email.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 26px auto;
}

@media only screen and (min-width: 768px) {
  .widget-subscribe-customer-club label {
    font-size: 12px;
  }
}

.widget-subscribe-customer-club .input-box {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  position: relative;
  padding-right: 80px;
}

@media only screen and (min-width: 768px) {
  .widget-subscribe-customer-club .input-box {
    width: 49%;
  }
}

.widget-subscribe-customer-club .input-box .validation-advice {
  font-size: 11px;
  line-height: 1.2;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 5px 10px;
}

.widget-subscribe-customer-club .input-box .input-text {
  height: 34px;
  width: 100%;
  border-radius: 3px 0 0 3px;
}

.widget-subscribe-customer-club .input-box .button {
  height: 34px;
  width: 80px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 3px 3px 0;
  background: #00c853;
  padding: 10px;
}

.widget-subscribe-customer-club .input-box .button:hover, .widget-subscribe-customer-club .input-box .button:focus {
  background: #00953e;
}

.ie-dialog {
  position: fixed;
  top: 50%;
  max-height: calc(100% - 2rem);
  padding: 0;
  overflow-y: scroll;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.ie-dialog .mdl-dialog__content,
.ie-dialog .mdl-dialog__actions {
  padding: 1.75rem;
}

dialog[open].ie-dialog {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

#polarcore .product-view .favoriteproducts-add-button .inner {
  padding: 0 !important;
}

#polarcore #favoriteproducts-page .favoriteproducts-page-content .action .buy {
  display: none;
}

#polarcore #favoriteproducts-page .favoriteproducts-page-content #favoriteproducts-page-body {
  overflow-x: hidden;
}

#polarcore #favoriteproducts-toplink-li .favoriteproducts-link .wrapper {
  background-color: #00C853;
  border-radius: 2px;
}

.flex-row {
  maxwidth: 1200px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-row.flex-row-stretch {
  -webkit-justify-content: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
}

.row .flex-row {
  margin-left: -8px;
  margin-right: -8px;
}

.flex-column,
.flex-columns {
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
  margin: 8px 0;
}

.flex-small-1 {
  width: calc(100% / (12 / 1));
}

.flex-small-2 {
  width: calc(100% / (12 / 2));
}

.flex-small-3 {
  width: calc(100% / (12 / 3));
}

.flex-small-4 {
  width: calc(100% / (12 / 4));
}

.flex-small-5 {
  width: calc(100% / (12 / 5));
}

.flex-small-6 {
  width: calc(100% / (12 / 6));
}

.flex-small-7 {
  width: calc(100% / (12 / 7));
}

.flex-small-8 {
  width: calc(100% / (12 / 8));
}

.flex-small-9 {
  width: calc(100% / (12 / 9));
}

.flex-small-10 {
  width: calc(100% / (12 / 10));
}

.flex-small-11 {
  width: calc(100% / (12 / 11));
}

.flex-small-12 {
  width: calc(100% / (12 / 12));
}

@media only screen and (min-width: 768px) {
  .flex-medium-1 {
    width: calc(100% / (12 / 1));
  }
}

@media only screen and (min-width: 768px) {
  .flex-medium-2 {
    width: calc(100% / (12 / 2));
  }
}

@media only screen and (min-width: 768px) {
  .flex-medium-3 {
    width: calc(100% / (12 / 3));
  }
}

@media only screen and (min-width: 768px) {
  .flex-medium-4 {
    width: calc(100% / (12 / 4));
  }
}

@media only screen and (min-width: 768px) {
  .flex-medium-5 {
    width: calc(100% / (12 / 5));
  }
}

@media only screen and (min-width: 768px) {
  .flex-medium-6 {
    width: calc(100% / (12 / 6));
  }
}

@media only screen and (min-width: 768px) {
  .flex-medium-7 {
    width: calc(100% / (12 / 7));
  }
}

@media only screen and (min-width: 768px) {
  .flex-medium-8 {
    width: calc(100% / (12 / 8));
  }
}

@media only screen and (min-width: 768px) {
  .flex-medium-9 {
    width: calc(100% / (12 / 9));
  }
}

@media only screen and (min-width: 768px) {
  .flex-medium-10 {
    width: calc(100% / (12 / 10));
  }
}

@media only screen and (min-width: 768px) {
  .flex-medium-11 {
    width: calc(100% / (12 / 11));
  }
}

@media only screen and (min-width: 768px) {
  .flex-medium-12 {
    width: calc(100% / (12 / 12));
  }
}

@media only screen and (min-width: 1025px) {
  .flex-large-1 {
    width: calc(100% / (12 / 1));
  }
}

@media only screen and (min-width: 1025px) {
  .flex-large-2 {
    width: calc(100% / (12 / 2));
  }
}

@media only screen and (min-width: 1025px) {
  .flex-large-3 {
    width: calc(100% / (12 / 3));
  }
}

@media only screen and (min-width: 1025px) {
  .flex-large-4 {
    width: calc(100% / (12 / 4));
  }
}

@media only screen and (min-width: 1025px) {
  .flex-large-5 {
    width: calc(100% / (12 / 5));
  }
}

@media only screen and (min-width: 1025px) {
  .flex-large-6 {
    width: calc(100% / (12 / 6));
  }
}

@media only screen and (min-width: 1025px) {
  .flex-large-7 {
    width: calc(100% / (12 / 7));
  }
}

@media only screen and (min-width: 1025px) {
  .flex-large-8 {
    width: calc(100% / (12 / 8));
  }
}

@media only screen and (min-width: 1025px) {
  .flex-large-9 {
    width: calc(100% / (12 / 9));
  }
}

@media only screen and (min-width: 1025px) {
  .flex-large-10 {
    width: calc(100% / (12 / 10));
  }
}

@media only screen and (min-width: 1025px) {
  .flex-large-11 {
    width: calc(100% / (12 / 11));
  }
}

@media only screen and (min-width: 1025px) {
  .flex-large-12 {
    width: calc(100% / (12 / 12));
  }
}

@media only screen and (min-width: 0px) {
  .flex-small-order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .flex-small-order-m-1 {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
}

@media only screen and (min-width: 768px) {
  .flex-medium-order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .flex-medium-order-m-1 {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
}

@media only screen and (min-width: 1025px) {
  .flex-large-order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .flex-large-order-m-1 {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
}

@media only screen and (min-width: 0px) {
  .flex-small-order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .flex-small-order-m-2 {
    -webkit-order: -2;
    -ms-flex-order: -2;
    order: -2;
  }
}

@media only screen and (min-width: 768px) {
  .flex-medium-order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .flex-medium-order-m-2 {
    -webkit-order: -2;
    -ms-flex-order: -2;
    order: -2;
  }
}

@media only screen and (min-width: 1025px) {
  .flex-large-order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .flex-large-order-m-2 {
    -webkit-order: -2;
    -ms-flex-order: -2;
    order: -2;
  }
}

@media only screen and (min-width: 0px) {
  .flex-small-order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .flex-small-order-m-3 {
    -webkit-order: -3;
    -ms-flex-order: -3;
    order: -3;
  }
}

@media only screen and (min-width: 768px) {
  .flex-medium-order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .flex-medium-order-m-3 {
    -webkit-order: -3;
    -ms-flex-order: -3;
    order: -3;
  }
}

@media only screen and (min-width: 1025px) {
  .flex-large-order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .flex-large-order-m-3 {
    -webkit-order: -3;
    -ms-flex-order: -3;
    order: -3;
  }
}

@media only screen and (min-width: 0px) {
  .flex-small-order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .flex-small-order-m-4 {
    -webkit-order: -4;
    -ms-flex-order: -4;
    order: -4;
  }
}

@media only screen and (min-width: 768px) {
  .flex-medium-order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .flex-medium-order-m-4 {
    -webkit-order: -4;
    -ms-flex-order: -4;
    order: -4;
  }
}

@media only screen and (min-width: 1025px) {
  .flex-large-order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .flex-large-order-m-4 {
    -webkit-order: -4;
    -ms-flex-order: -4;
    order: -4;
  }
}

@media only screen and (min-width: 0px) {
  .flex-small-order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .flex-small-order-m-5 {
    -webkit-order: -5;
    -ms-flex-order: -5;
    order: -5;
  }
}

@media only screen and (min-width: 768px) {
  .flex-medium-order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .flex-medium-order-m-5 {
    -webkit-order: -5;
    -ms-flex-order: -5;
    order: -5;
  }
}

@media only screen and (min-width: 1025px) {
  .flex-large-order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .flex-large-order-m-5 {
    -webkit-order: -5;
    -ms-flex-order: -5;
    order: -5;
  }
}

@media only screen and (min-width: 0px) {
  .flex-small-order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .flex-small-order-m-6 {
    -webkit-order: -6;
    -ms-flex-order: -6;
    order: -6;
  }
}

@media only screen and (min-width: 768px) {
  .flex-medium-order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .flex-medium-order-m-6 {
    -webkit-order: -6;
    -ms-flex-order: -6;
    order: -6;
  }
}

@media only screen and (min-width: 1025px) {
  .flex-large-order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .flex-large-order-m-6 {
    -webkit-order: -6;
    -ms-flex-order: -6;
    order: -6;
  }
}

@media only screen and (min-width: 0px) {
  .flex-small-order-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .flex-small-order-m-7 {
    -webkit-order: -7;
    -ms-flex-order: -7;
    order: -7;
  }
}

@media only screen and (min-width: 768px) {
  .flex-medium-order-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .flex-medium-order-m-7 {
    -webkit-order: -7;
    -ms-flex-order: -7;
    order: -7;
  }
}

@media only screen and (min-width: 1025px) {
  .flex-large-order-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .flex-large-order-m-7 {
    -webkit-order: -7;
    -ms-flex-order: -7;
    order: -7;
  }
}

@media only screen and (min-width: 0px) {
  .flex-small-order-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .flex-small-order-m-8 {
    -webkit-order: -8;
    -ms-flex-order: -8;
    order: -8;
  }
}

@media only screen and (min-width: 768px) {
  .flex-medium-order-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .flex-medium-order-m-8 {
    -webkit-order: -8;
    -ms-flex-order: -8;
    order: -8;
  }
}

@media only screen and (min-width: 1025px) {
  .flex-large-order-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .flex-large-order-m-8 {
    -webkit-order: -8;
    -ms-flex-order: -8;
    order: -8;
  }
}

@media only screen and (min-width: 0px) {
  .flex-small-order-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .flex-small-order-m-9 {
    -webkit-order: -9;
    -ms-flex-order: -9;
    order: -9;
  }
}

@media only screen and (min-width: 768px) {
  .flex-medium-order-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .flex-medium-order-m-9 {
    -webkit-order: -9;
    -ms-flex-order: -9;
    order: -9;
  }
}

@media only screen and (min-width: 1025px) {
  .flex-large-order-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .flex-large-order-m-9 {
    -webkit-order: -9;
    -ms-flex-order: -9;
    order: -9;
  }
}

@media only screen and (min-width: 0px) {
  .flex-small-order-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .flex-small-order-m-10 {
    -webkit-order: -10;
    -ms-flex-order: -10;
    order: -10;
  }
}

@media only screen and (min-width: 768px) {
  .flex-medium-order-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .flex-medium-order-m-10 {
    -webkit-order: -10;
    -ms-flex-order: -10;
    order: -10;
  }
}

@media only screen and (min-width: 1025px) {
  .flex-large-order-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .flex-large-order-m-10 {
    -webkit-order: -10;
    -ms-flex-order: -10;
    order: -10;
  }
}

#polarcore .footer {
  text-align: center;
}

#polarcore .footer .copyright {
  padding: 1rem 0;
}

#polarcore .footer .center-aligned {
  text-align: center;
}

#polarcore .footer .right-aligned {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  #polarcore .footer .right-aligned {
    text-align: right;
  }
}

@media only screen and (min-width: 768px) {
  #polarcore .footer {
    text-align: left;
  }
}

#polarcore .footer address {
  display: none;
}

#polarcore .footer .newsletter .button {
  box-shadow: none;
  border-radius: 20px;
  white-space: nowrap;
  background-color: transparent;
  border: 2px solid #622066;
  text-transform: uppercase;
  font-size: 19px;
  height: 36px;
  line-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 500;
  color: #FFF;
  border-color: #FFF;
  width: 115px;
  text-align: center;
}

#polarcore .footer .newsletter input {
  border-radius: 3px;
  font-style: italic;
  font-weight: 400;
  font-size: 1rem;
  padding: 0.625rem 0.75rem;
}

#polarcore .footer-container {
  padding-top: 4rem;
}

.footer-container .social-media-icons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin: 40px auto  68px;
}

.footer-container .social-media-icons li a {
  text-indent: -9999px;
  width: 29px;
  height: 29px;
  position: relative;
  display: inline-block;
  margin: 0 8px;
}

.footer-container .social-media-icons li a:before {
  text-indent: 0;
  content: url(polarcore/default/images/icon-facebook.svg);
  position: absolute;
  width: 29px;
  left: 0;
  top: 0;
}

.footer-container .social-media-icons li a:hover, .footer-container .social-media-icons li a:active, .footer-container .social-media-icons li a:focus {
  opacity: 0.7;
}

.footer-container .social-media-icons li.twitter a:before {
  content: url(polarcore/default/images/icon-twitter.svg);
}

.footer-container .social-media-icons li.pinterest a:before {
  content: url(polarcore/default/images/icon-pinterest.svg);
}

.footer-container .social-media-icons li.instagram a:before {
  content: url(polarcore/default/images/icon-instagram.svg);
}

.footer-container .social-media-icons li.epost a:before {
  content: url(polarcore/default/images/icon-epost.svg);
}

.footer-container .newsletter {
  border-top: 1px solid #270229;
  border-bottom: 1px solid #270229;
  padding: 38px 0;
  text-align: center;
  background-color: initial;
  margin-bottom: 34px;
}

.footer-container .newsletter form {
  max-width: 425px;
  padding-right: 136px;
  position: relative;
  margin: 0 auto;
}

.footer-container .newsletter input,
.footer-container .newsletter button {
  margin-bottom: 0;
}

.footer-container .newsletter input {
  border-color: white;
  background-color: transparent;
  color: white;
  width: 100%;
}

.footer-container .newsletter button {
  color: white;
  border-color: white;
  width: 115px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
}

.footer-container .colophon {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-transform: uppercase;
}

@media only screen and (min-width: 1025px) {
  .footer-container .colophon {
    -webkit-flex-direction: initial;
    -ms-flex-direction: initial;
    flex-direction: initial;
  }
}

.footer-container .colophon .copyright {
  width: initial;
  font-size: 14px;
}

.footer-container .colophon ul {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 2rem 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media only screen and (min-width: 768px) {
  .footer-container .colophon ul {
    margin: initial;
    -webkit-flex-direction: initial;
    -ms-flex-direction: initial;
    flex-direction: initial;
  }
}

.footer-container .colophon ul li {
  line-height: 1.275;
  padding: 0.175rem  0;
  font-size: 14px;
}

@media only screen and (min-width: 768px) {
  .footer-container .colophon ul li {
    padding: initial;
  }
}

.footer-container .colophon ul li a {
  display: inline-block;
  text-decoration: none;
  padding: 0 1rem;
  border-right: 0;
}

@media only screen and (min-width: 768px) {
  .footer-container .colophon ul li a {
    border-right: 1px solid white;
  }
}

.footer-container .colophon ul li a:hover, .footer-container .colophon ul li a:active, .footer-container .colophon ul li a:focus {
  text-decoration: underline;
}

.footer-container .colophon ul li:last-child a {
  border: 0;
}

@media only screen and (min-width: 768px) {
  .footer-container .colophon ul li:last-child a {
    padding-right: 0;
  }
}

#polarcore .header-nav #nav .nav-primary {
  padding: 0 0.5rem;
}

#polarcore .header-nav #nav .nav-primary > li {
  position: static;
  border-left: 1px solid #88668a;
}

#polarcore .header-nav #nav .nav-primary > li a {
  padding: 0.75rem 1rem;
}

#polarcore .header-nav #nav .nav-primary > li > ul {
  display: none;
  left: 0;
  width: 100%;
  border: none;
  background-color: white;
}

#polarcore .header-nav #nav .nav-primary > li > ul li.view-all {
  display: none;
}

#polarcore .header-nav #nav .nav-primary > li > ul > li {
  position: relative;
  width: 20%;
  padding: 0.75rem;
  background-color: transparent;
  /*
            & > a:hover {
              background-color: $meganav-link-bg-color;
              color: $meganav-header-hover-color;
            }*/
}

#polarcore .header-nav #nav .nav-primary > li > ul > li:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0.75rem;
  bottom: 0.75rem;
  width: 1px;
  background-color: #e0e0e0;
}

#polarcore .header-nav #nav .nav-primary > li > ul > li:last-of-type:after {
  display: none;
}

#polarcore .header-nav #nav .nav-primary > li > ul > li a {
  text-overflow: ellipsis;
  overflow: hidden;
  height: auto;
  display: block;
  font-weight: bold;
  color: #2a0e2c;
  font-size: 0.9rem;
  padding: 0.25rem 0.5rem;
  border-bottom: 1px solid #e0e0e0;
}

#polarcore .header-nav #nav .nav-primary > li > ul > li a:before {
  display: none;
}

#polarcore .header-nav #nav .nav-primary > li > ul > li > ul {
  position: static;
  display: block;
  border: none;
  background-color: transparent;
  margin-top: 0;
}

#polarcore .header-nav #nav .nav-primary > li > ul > li > ul li {
  background-color: transparent;
  width: 100%;
  /*                &:hover, &.menu-active {
                  > a {
                    background-color: $meganav-link-bg-color;
                    color: $meganav-link-hover-color;
                  }
                }*/
}

#polarcore .header-nav #nav .nav-primary > li > ul > li > ul li a {
  border-bottom: 0;
  text-overflow: ellipsis;
  font-weight: initial;
  overflow: hidden;
  margin-bottom: 0;
  color: black;
  text-transform: initial;
}

#polarcore .header-nav #nav .nav-primary > li > ul > li > ul ul {
  display: none;
}

#polarcore .header-nav #nav .nav-primary > li.menu-active ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* HEADER - _header.scss */
body .header {
  width: 100%;
  position: relative;
  z-index: 90;
}

@media only screen and (min-width: 768px) {
  body .header {
    z-index: 140;
  }
}

body .search-icon.search-icon-mobile {
  margin-top: 0.2rem;
  top: 30px;
  z-index: 101;
  left: 23%;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

body .search-icon.search-icon-mobile .magnifying-glass {
  color: #622066;
}

body .header,
body .mdl-layout__drawer-button {
  will-change: transform, box-shadow;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

body.sticky--up .header,
body.sticky--up .mdl-layout__drawer-button {
  -webkit-transform: translateY(-250px);
  -ms-transform: translateY(-250px);
  transform: translateY(-250px);
}

body.sticky .main-container {
  padding-top: 131px;
}

@media only screen and (max-device-width: 480px) {
  body.sticky .main-container {
    padding-top: 60px;
  }
}

@media only screen and (min-width: 768px) {
  body.sticky .main-container {
    padding-top: 146px;
  }
}

body.sticky .header,
body.sticky .mdl-layout__drawer-button {
  will-change: transform, box-shadow;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  top: 0;
  width: 100%;
  z-index: 100;
  position: fixed;
  transition: box-shadow 350ms ease-in-out, -webkit-transform 450ms ease-in-out;
  transition: transform 450ms ease-in-out, box-shadow 350ms ease-in-out;
  transition: transform 450ms ease-in-out, box-shadow 350ms ease-in-out, -webkit-transform 450ms ease-in-out;
}

@media only screen and (min-width: 768px) {
  body.sticky .header,
  body.sticky .mdl-layout__drawer-button {
    z-index: 140;
  }
}

@media only screen and (max-width: 767px) {
  body.sticky .header,
  body.sticky .mdl-layout__drawer-button {
    position: absolute !important;
  }
}

@media only screen and (max-device-width: 480px) {
  body.sticky .header,
  body.sticky .mdl-layout__drawer-button {
    position: absolute;
  }
}

body.sticky .header-nav {
  width: 100%;
}

body.sticky .mdl-layout__drawer-button {
  z-index: 120;
  width: auto;
}

.tco a.logo {
  width: 100px;
  margin-top: 16px;
}

#polarcore #header .logo {
  width: 30%;
  margin: auto auto;
  margin-bottom: 0.675rem;
}

@media only screen and (min-width: 768px) {
  #polarcore #header .logo {
    margin-bottom: initial;
  }
}

@media only screen and (min-width: 768px) {
  #polarcore #header .header-content {
    padding: 1rem;
  }
}

#polarcore #header .header-content .header-minicart, #polarcore #header .header-content .header-wishlist {
  margin-top: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

#polarcore #header .header-content .header-minicart > a, #polarcore #header .header-content .header-wishlist > a {
  cursor: pointer;
}

#polarcore #header .header-content .header-minicart > a::after, #polarcore #header .header-content .header-wishlist > a::after {
  clear: both;
  content: "";
  display: table;
}

#polarcore #header .header-content .header-minicart .cart-icon, #polarcore #header .header-content .header-wishlist .cart-icon {
  margin-top: 0.7rem;
}

#polarcore #header .header-content .header-minicart .cart-icon:before, #polarcore #header .header-content .header-wishlist .cart-icon:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: " ";
  background: url("polarcore/default/images/icon-cart.svg") no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
}

#polarcore #header .header-content .header-minicart .cart-icon .count, #polarcore #header .header-content .header-wishlist .cart-icon .count {
  border-radius: 2px;
}

#polarcore #header .header-content .header-minicart .cart-details .cart, #polarcore #header .header-content .header-wishlist .cart-details .cart {
  font-size: 1rem;
}

@media only screen and (min-width: 768px) {
  #polarcore #header .header-content .header-minicart, #polarcore #header .header-content .header-wishlist {
    margin-top: 1.2rem;
  }
}

#polarcore #header .header-content .header-wishlist {
  right: 48px;
}

#polarcore #header .header-content .header-wishlist .cart-icon:before {
  width: 27px;
  height: 25px;
  background-size: 26px auto;
  background-image: url("polarcore/default/images/favoriteproducts/heart_soul.png");
  background-repeat: no-repeat;
  background-position: center 0;
}

#polarcore #header .header-content .header-wishlist .cart-icon.dirty:before {
  background-position: center 100%;
}

#polarcore #header .header-content .header-search {
  padding: 0.175rem 1rem;
  -webkit-animation: initial;
  animation: initial;
  position: initial;
  border-top-width: 1px;
  background-color: initial;
  z-index: 1;
}

#polarcore #header .header-content .header-search .magnifying-glass {
  color: #622066;
}

#polarcore #header .header-content .header-search .show-search, #polarcore #header .header-content .header-search .header-search {
  position: inital;
}

@media only screen and (min-width: 768px) {
  #polarcore #header .header-content .header-search {
    display: inline-block;
    box-shadow: initial;
    border-top: initial;
  }
}

#polarcore #header .header-content .header-search .mdl-textfield__label {
  color: black;
}

@media only screen and (max-device-width: 480px) {
  #polarcore #header .header-content .header-search {
    display: none;
  }
}

#polarcore #header .logo {
  position: relative;
}

@media only screen and (min-width: 768px) {
  #polarcore #header .logo {
    width: auto;
  }
}

#polarcore #header .logo .logo-large {
  height: 67px;
}

#polarcore #header .logo .logo-small {
  margin-top: -0.575rem;
  height: 2.6rem;
}

.mdl-layout__drawer {
  z-index: 1000;
  width: 270px;
  -webkit-transform: translateX(-270px);
  -ms-transform: translateX(-270px);
  transform: translateX(-270px);
}

.mdl-layout__drawer .nav-primary li a {
  padding: 0.5rem 1rem;
}

ul.top-links__mobile li {
  width: 50%;
  float: left;
  text-align: center;
}

ul.top-links__mobile li:nth-child(2n + 1) {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

ul.top-links__mobile li a {
  color: #fff;
  font-size: 0.9rem;
  padding: 0.5rem 0.75rem;
}

.modal {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1000;
}

.modal .modal-dialog {
  background: #fff;
}

@media only screen and (min-width: 768px) {
  .modal .modal-dialog {
    min-width: 800px;
    max-width: 100%;
    margin: 1rem;
  }
}

.modal .modal-dialog .checkbox-holder {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem 0;
  padding: 0.5rem;
  border: 2px solid #622066;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal .modal-dialog .not-watched {
  margin: 1rem 0;
  color: #EF5350;
}

.modal .modal-dialog .btn-primary, .modal .modal-dialog .btn {
  margin: 0;
}

.modal .modal-dialog .btn-primary {
  font-size: 1.25rem;
}

.modal .modal-dialog .close-button {
  margin-left: auto;
  padding: 0;
  background: none;
  color: #622066;
}

.modal .modal-dialog .modal-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
}

.modal .modal-dialog .modal-body, .modal .modal-dialog .modal-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1rem;
}

@media only screen and (min-width: 768px) {
  .modal .modal-dialog .modal-body .embed-container, .modal .modal-dialog .modal-footer .embed-container {
    min-height: 450px;
  }
}

.modal.video-modal .modal-dialog .checkbox-holder {
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
  padding: 0;
  margin-top: 0;
  border: none;
}

.modal.video-modal .modal-dialog .checkbox-holder label {
  display: inline !important;
}

#polarcore #photozoom .photozoom-product-images:not(.slick-initialized) {
  opacity: 0;
}

#polarcore #photozoom.photozoom-position--vertical .photozoom-thumbnails__image {
  margin: 0;
  background: #d4d4d4;
}

#polarcore #photozoom.photozoom-position--vertical #photozoom__thumbnails {
  display: none;
}

@media only screen and (min-width: 768px) {
  #polarcore #photozoom.photozoom-position--vertical #photozoom__thumbnails {
    display: block;
    max-width: 50px;
    margin-right: 6px;
  }
}

#polarcore #photozoom.photozoom-position--vertical #photozoom__thumbnails .slick-track {
  max-width: 100%;
}

#polarcore #photozoom.photozoom-position--vertical #photozoom__thumbnails .photozoom-thumbnails__image {
  margin-top: 0;
  margin-bottom: 6px;
}

#polarcore #photozoom.photozoom-position--vertical #photozoom__thumbnails .photozoom-thumbnails__image img {
  max-width: 100%;
}

#polarcore #photozoom.photozoom-position--vertical #photozoom__thumbnails .slick-slide img {
  border: 1px solid transparent;
}

#polarcore #photozoom.photozoom-position--vertical #photozoom__thumbnails .slick-current img {
  border: 1px solid #622066;
}

#polarcore #photozoom.photozoom-position--horizontal #photozoom__thumbnails {
  max-height: initial;
}

#polarcore #photozoom.photozoom-position--horizontal #photozoom__thumbnails .slick-list {
  height: 110px;
}

#polarcore #photozoom.photozoom-position--horizontal #photozoom__thumbnails .slick-list .slick-track {
  height: 100%;
}

#polarcore #photozoom.photozoom-position--horizontal #photozoom__thumbnails .slick-list .slick-track .photozoom-thumbnails__image {
  max-height: initial;
}

#polarcore #photozoom.photozoom-position--horizontal #photozoom__thumbnails .slick-list .slick-track .photozoom-thumbnails__image img {
  max-height: 100%;
}

@media only screen and (max-width: 767px) {
  #polarcore #photozoom #photozoom__thumbnails {
    display: none;
  }
}

#polarcore #photozoom__product-images,
#polarcore #photozoom__thumbnails {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  #polarcore #photozoom__product-images,
  #polarcore #photozoom__thumbnails {
    margin-bottom: 0;
  }
}

[data-jQaccordion] {
  position: relative;
}

[data-jQaccordion] [data-content] {
  overflow: hidden;
  max-height: 0;
}

[data-jQaccordion] [data-control] {
  position: relative;
  cursor: pointer;
}

[data-jQaccordion] [data-control]:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 10px;
  top: 50%;
  margin-top: -12px;
  color: #622066;
  background: url("polarcore/default/images/icon-arrow-down.svg") no-repeat;
  background-size: 100% auto;
  transition: all .3s ease;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

[data-jQaccordion].open [data-control]:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.product-detail-accordion {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  margin-bottom: 1rem;
}

.product-detail-accordion [data-jQaccordion] {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.product-detail-accordion [data-jQaccordion] [data-control] {
  font-size: 15px;
  margin-top: 0;
  margin-bottom: 0;
  color: #622066;
  font-weight: 500;
  line-height: 1;
  padding-top: 10px;
  padding-bottom: 8px;
}

.product-detail-accordion [data-jQaccordion] [data-content] p {
  margin-bottom: 10px;
}

.product-detail-accordion [data-jQaccordion] [data-content] p:empty {
  display: none;
}

.product-detail-accordion [data-jQaccordion] [data-content].no-br-item br {
  display: none;
}

.product-detail-accordion [data-jQaccordion] [data-content] .accordion-tab-content-wrap {
  padding: 0 0 10px;
}

#polarcore .product-view .kampanje-tittel,
#polarcore .product-view .kampanje-til {
  font-size: 16px;
}

#polarcore .product-view .kampanje-til {
  margin: 4px 0 12px;
}

#polarcore .product-view .kampanje-til span.disclaimer {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  #polarcore .product-view .product-shop {
    padding-left: 1rem;
  }
}

@media only screen and (min-width: 1025px) {
  #polarcore .product-view .product-shop {
    padding-left: 2rem;
  }
}

#polarcore .product-view .product-shop .title {
  display: inline-block;
  font-weight: bold;
  margin: 5px 0;
}

#polarcore .product-view .product-shop .product-inner.bundle .price-info .price-box:first-child {
  display: none;
}

#polarcore .product-view .product-shop .product-inner.bundle .price-info .price-box .price-as-configured .price {
  font-size: 1.6em;
}

#polarcore .product-view .product-shop .product-inner.bundle .availability.backorder, #polarcore .product-view .product-shop .product-inner.bundle .availability.bestillingsvare {
  display: block;
}

#polarcore .product-view .product-shop .product-inner .no-buy-message {
  margin-bottom: 1rem;
  border: 2px solid #999;
  background-color: #fff;
  padding: 0.85rem 1.25rem;
  padding-left: 3.575rem;
  position: relative;
}

#polarcore .product-view .product-shop .product-inner .no-buy-message::before {
  content: url(polarcore/default/images/icon-cart-linethrough.svg);
  width: 29px;
  height: 27px;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  left: 10px;
  top: 16px;
  font-weight: normal;
}

#polarcore .product-view .product-shop .product-inner .no-buy-message p {
  margin-bottom: 0;
}

#polarcore .product-view .product-shop .product-inner .no-buy-message p a {
  text-decoration: underline;
}

#polarcore .product-view .product-shop .product-name, #polarcore .product-view .product-shop .product-name-mobile {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  #polarcore .product-view .product-shop .product-name, #polarcore .product-view .product-shop .product-name-mobile {
    display: initial;
  }
}

#polarcore .product-view .product-shop .product-name-mobile {
  display: none;
}

@media only screen and (min-width: 768px) {
  #polarcore .product-view .product-img-box {
    padding-right: .75rem;
  }
}

#polarcore .product-view .product-name-mobile {
  display: block;
}

@media only screen and (min-width: 768px) {
  #polarcore .product-view .product-name-mobile {
    display: none;
  }
}

#polarcore .product-view .price-info {
  float: none;
  overflow: hidden;
  margin-bottom: 0;
}

#polarcore .product-view .price-info .special-price {
  color: #cc0000;
}

#polarcore .product-view .price-info .special-price .price {
  font-weight: 400;
}

#polarcore .product-view .price-info .old-price {
  color: #757575;
}

#polarcore .product-view .price-info .old-price .price {
  font-weight: 300;
}

#polarcore .product-view .extra-info::after {
  clear: both;
  content: "";
  display: table;
}

#polarcore .product-view .availability {
  line-height: 1.4;
  margin: 0 0 14px;
  font-size: 14px;
}

#polarcore .product-view .availability.bestillingsvare {
  color: #622066;
  font-weight: bold;
}

#polarcore .product-view .availability.in-stock .value {
  color: #4CAF50;
}

#polarcore .product-view .availability.in-stock .value:before {
  content: '\2713';
  padding-right: 0.2em;
}

#polarcore .product-view .availability.out-of-stock .value {
  color: #F44336;
  font-weight: lighter;
}

#polarcore .product-view .availability.out-of-stock .value:after {
  content: '\2717';
  padding-left: 0.2em;
}

#polarcore .product-view .mini-description {
  top: initial;
  min-height: initial;
}

#polarcore .product-view .mini-description .sku-wrapper {
  margin-top: initial;
  display: none;
}

#polarcore .product-view .short-description {
  display: none;
  margin-bottom: 1rem;
}

#polarcore .product-view .description {
  margin-bottom: 1rem;
}

#polarcore .product-view .description .lasmer a {
  font-weight: bold;
  padding-top: 0.5rem;
}

#polarcore .product-view .product-top-line {
  margin-bottom: -30px;
}

#polarcore .product-view .product-image-container {
  position: relative;
  margin-bottom: 10px;
}

#polarcore .product-view .product-image-container .favoriteproducts-add-button {
  width: 27px;
  height: 25px;
  position: absolute;
  bottom: 12px;
  right: 12px;
  box-shadow: initial;
  background-color: initial;
  border: none;
  margin: initial;
}

#polarcore .product-view .product-image-container .favoriteproducts-add-button .inner {
  display: none;
}

#polarcore .product-view .product-image-container .favoriteproducts-add-button:before {
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: 26px auto;
  background-image: url("polarcore/default/images/favoriteproducts/heart_soul.png");
  background-repeat: no-repeat;
  background-position: center 0;
}

#polarcore .product-view .product-image-container .favoriteproducts-add-button.dirty:before {
  background-position: center 100%;
}

#polarcore .product-view .add-to-cart label,
#polarcore .product-view .add-to-cart .qty {
  display: block;
}

#polarcore .product-view .add-to-cart button.btn-cart {
  padding: 0.5em;
  font-weight: 500;
}

#polarcore .product-view .add-to-cart button.btn-cart .inner {
  padding: initial;
  top: -0.1rem;
}

#polarcore .product-view .more-information h2 {
  display: block;
  margin-top: 0;
  font-size: 1.2rem;
  color: #622066;
  line-height: 1;
  text-transform: uppercase;
  font-weight: bold;
}

#polarcore .product-view .more-information a {
  color: #222;
  text-decoration: underline;
}

#polarcore .product-view .more-information .shipping_alternatives_wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#polarcore .product-view .more-information .shipping_alternatives_wrapper .shipping_alternatives_postcode {
  width: 100%;
}

#polarcore .product-view .more-information .shipping_alternatives_wrapper .validation-advice {
  position: absolute;
  top: 100%;
  left: 0;
}

#polarcore .product-view .more-information .shipping_alternatives_wrapper .button.check {
  min-width: 100px;
}

#polarcore .product-view .more-information .mdl-grid {
  margin: auto -0.5rem;
}

@media only screen and (min-width: 768px) {
  #polarcore .product-view .more-information .mdl-grid {
    margin: auto -1rem;
  }
}

#polarcore .product-view #shipping_alternatives {
  position: relative;
  border: 2px solid #e0e0e0;
  border-top: none;
  margin-top: -2px;
}

#polarcore .product-view #shipping_alternatives > input {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 0.8;
  font-size: 1.2rem;
  background-color: transparent;
  color: #622066;
  padding: .5em;
}

#polarcore .product-view #shipping_alternatives > dl {
  margin-top: 0;
  margin-bottom: 0;
  padding: 1.5rem 2rem 1rem 1rem;
  color: #222;
  background-color: #f1f1f1;
  width: 100%;
}

#polarcore .product-view #shipping_alternatives > dl dl {
  margin: 0;
  margin-bottom: 0.75rem;
}

#polarcore .product-view #shipping_alternatives > dl dl dt {
  margin-bottom: 0.25rem;
}

#polarcore .product-view #shipping_alternatives > dl dl dd:not(:last-child) {
  margin-bottom: 0.5rem;
}

@media only screen and (min-width: 768px) {
  #polarcore .product-view #shipping_alternatives > dl {
    min-width: 380px;
  }
}

#polarcore .product-view .price-santander-block {
  overflow: hidden;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

@media only screen and (min-width: 768px) {
  #polarcore .product-view .price-santander-block {
    margin-top: 0;
  }
}

#polarcore .product-view .price-santander-block .inside {
  float: right;
}

#polarcore .product-view .price-santander-block .price-title {
  font-size: 16px;
  margin-bottom: 6px;
}

@media only screen and (max-width: 467px) {
  #polarcore .product-view .price-santander-block .price-title {
    font-size: 14px;
  }
}

#polarcore .product-view .santander-block {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
  padding-left: 10px;
  margin-left: 10px;
  float: right;
  text-align: left;
}

#polarcore .product-view .santander-block .payever-container {
  overflow: hidden;
  padding-bottom: 5px;
  padding-left: 10px;
  margin-left: -10px;
  padding-top: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}

#polarcore .product-view .santander-block .payever-container .payever-heading {
  font-size: 16px;
  margin-bottom: 6px;
}

@media only screen and (max-width: 467px) {
  #polarcore .product-view .santander-block .payever-container .payever-heading {
    font-size: 14px;
  }
}

#polarcore .product-view .santander-block .text {
  text-transform: uppercase;
}

#polarcore .product-view .santander-block a {
  font-weight: bold;
  text-decoration: underline;
  white-space: nowrap;
}

#polarcore .product-view .santander-block a:hover {
  text-decoration: none;
}

#polarcore .product-view #shq-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 150;
  background-color: rgba(0, 0, 0, 0.4);
}

#polarcore .product-view #shq-popup .shq-popup-inner {
  width: 95%;
  max-width: 770px;
  margin: 5% auto;
  height: auto;
  max-height: 90%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  background-color: white;
  border: solid;
  padding: 14px;
  z-index: 10;
  text-align: left;
}

#polarcore .product-view .product-inner {
  background: transparent;
  border: 2px solid #e0e0e0;
}

#polarcore .product-view .product-inner .santander-block {
  display: inline-block;
  float: left;
  padding: 0 10px 7px 10px;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  #polarcore .product-view .product-inner .santander-block {
    text-align: left;
  }
}

#polarcore .product-view .product-inner .santander-block .text {
  display: block;
  padding: 0;
  border: none;
}

#polarcore .product-view .product-inner .price-info {
  display: block;
  overflow: hidden;
}

#polarcore .product-view .product-inner .price-info .price-box {
  display: block;
  float: none;
  text-align: left;
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
  #polarcore .product-view .product-inner .price-info .price-box {
    text-align: right;
  }
}

@media only screen and (min-width: 1024px) {
  #polarcore .product-view .product-inner .price-info .price-box {
    display: inline-block;
    float: left;
    width: initial;
    margin-bottom: 0;
  }
}

#polarcore .product-view .product-inner .price-info .price-box .special-price {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  line-height: 1;
  padding: 0;
}

@media only screen and (min-width: 1025px) {
  #polarcore .product-view .product-inner .price-info .price-box .special-price {
    font-size: 48px;
  }
}

#polarcore .product-view .product-inner .price-info .price-box .regular-price {
  line-height: 1;
  padding: 0;
}

#polarcore .product-view .product-inner .price-info .price-box .regular-price .price {
  font-weight: 400;
}

@media only screen and (min-width: 1025px) {
  #polarcore .product-view .product-inner .price-info .price-box .regular-price {
    font-size: 48px;
  }
}

#polarcore .product-view .product-inner .price-info .price-box .old-price {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

#polarcore .product-view .product-inner .wrapper {
  clear: both;
  overflow: hidden;
  padding: 1rem;
}

@media only screen and (min-width: 768px) {
  #polarcore .product-view .product-inner .wrapper {
    padding: 1rem 2rem 2rem;
  }
}

@media only screen and (min-width: 1025px) {
  #polarcore .product-view .product-inner .wrapper {
    padding: 1rem 24px 14px;
  }
}

#polarcore .product-view .product-inner .wrapper .extra-info {
  margin-bottom: 14px;
}

#polarcore .product-view .product-inner .wrapper .extra-info .extra-table {
  display: table;
  width: 100%;
}

#polarcore .product-view .product-inner .wrapper .extra-info .extra-table .cell {
  display: table-cell;
}

#polarcore .product-view .product-inner .wrapper .extra-info .block.out-of-stock {
  background: #f1f1f1;
  color: #f44336;
  padding: 12px;
  border: none;
  outline: none;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 18px;
  letter-spacing: 6px;
}

@media only screen and (min-width: 1025px) {
  #polarcore .product-view .product-inner .wrapper .extra-info .block.out-of-stock {
    font-size: 20px;
  }
}

#polarcore .product-view .product-inner .wrapper .add-to-cart-wrapper .add-to-cart {
  overflow: hidden;
}

#polarcore .product-view .product-inner .wrapper .add-to-cart-wrapper .add-to-cart label {
  display: none;
}

#polarcore .product-view .product-inner .wrapper .add-to-cart-wrapper .add-to-cart .qty {
  float: left;
}

#polarcore .product-view .product-inner .wrapper .add-to-cart-wrapper .add-to-cart .btn-cart {
  width: calc(100% - 92px);
  float: right;
  clear: none;
  margin-top: 0;
  height: 44px;
  font-size: 1rem;
  padding: 10px;
  border-radius: 3px;
}

#polarcore .product-view .product-inner .wrapper .add-to-cart-wrapper .add-to-cart .btn-cart span.inner {
  padding: 0;
  top: auto;
  display: block;
}

#polarcore .product-view .product-inner .wrapper .add-to-cart-wrapper .add-to-cart .btn-cart span.inner span {
  display: inline-block;
  vertical-align: middle;
}

#polarcore .product-view .product-inner .wrapper .add-to-cart-wrapper .add-to-cart .btn-cart i.material-icons {
  margin-right: .5rem;
  top: auto;
  padding-bottom: 0;
  vertical-align: middle;
}

#polarcore .product-view .product-core {
  overflow: hidden;
}

#polarcore .product-view .product-core .questions {
  float: right;
}

#polarcore .product-view .product-core .questions .show-modal {
  position: relative;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

#polarcore .product-view .product-core .questions .show-modal:after {
  content: '?';
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background: #622066;
  color: #fff;
  margin-left: 6px;
  text-align: center;
  line-height: 16px;
  font-size: 12px;
}

#polarcore .product-view .open-modal-link {
  position: relative;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  color: #622066;
  text-decoration: underline;
}

#polarcore .product-view .open-modal-link:after {
  content: '?';
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background: #622066;
  color: #fff;
  margin-left: 6px;
  text-align: center;
  line-height: 16px;
  font-size: 12px;
}

#polarcore .product-view .open-modal-link:hover {
  text-decoration: none;
}

#polarcore .product-view .info-icon-left {
  position: relative;
  color: #622066;
}

#polarcore .product-view .info-icon-left:before {
  content: 'i';
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background: #622066;
  color: #fff;
  margin-right: 6px;
  text-align: center;
  font-size: 10px;
  line-height: 18px;
  position: relative;
  top: -2px;
}

#polarcore .lagerstatus {
  margin-bottom: 1rem;
}

#polarcore .lagerstatus .mdl-cell {
  position: relative;
  z-index: 1;
}

#polarcore .lagerstatus h2[data-control] {
  font-size: 15px;
  line-height: 1;
  color: #622066;
  padding: 20px 40px 20px 20px;
  margin: -2px 0 0;
  text-align: right;
  border: 2px solid #e0e0e0;
  background-color: #f1f1f1;
}

#polarcore .lagerstatus .lagerstatus-box {
  margin: auto -1rem;
}

#polarcore .lagerstatus .lagerstatus-box h2 {
  margin-top: 3px;
}

#polarcore .lagerstatus .lagerstatus-box > div {
  padding: 1.25rem;
  background-color: #f1f1f1;
}

#polarcore .lagerstatus .lagerstatus-box__status-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#polarcore .lagerstatus .lagerstatus-box__status-wrapper .utstilt,
#polarcore .lagerstatus .lagerstatus-box__status-wrapper .pa-lager {
  color: #622066;
}

#polarcore .lagerstatus .lagerstatus-box__status-wrapper .ikke-utstilt,
#polarcore .lagerstatus .lagerstatus-box__status-wrapper .ikke-pa-lager {
  color: #A5A5A5;
}

#polarcore .lagerstatus .lagerstatus-box__status-wrapper .material-icons {
  font-size: 18px;
  padding-right: 0.25rem;
}

#polarcore .lagerstatus .lagerstatus-box__status-wrapper div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#polarcore .lagerstatus .lagerstatus-box.more-information .mdl-cell h2 {
  display: none;
}

#polarcore .lagerstatus .lagerstatus-box #shipping_alternatives_postcode {
  border: 1px solid #622066;
}

#polarcore .product-detail-accordion-panel h2[data-control] {
  font-weight: 500;
  text-decoration: underline;
  z-index: 1;
}

#polarcore .product-detail-accordion-panel .accordion-tab-panels.open .item {
  max-height: 999px !important;
}

#polarcore .product-detail-accordion-panel .lagerstatus-box {
  margin: 0;
  border: 2px solid #e0e0e0;
  border-top: none;
}

#polarcore .product-detail-accordion-panel .lagerstatus-box .mdl-cell {
  margin: 0;
  width: 100%;
}

#polarcore .product-detail-accordion-panel .stock-row {
  font-size: 0;
}

#polarcore .product-detail-accordion-panel .stock-row .stock-item {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 14px;
}

#polarcore .product-detail-accordion-panel .stock-row .stock-item:not(:last-child) {
  border-bottom: 1px solid #e0e0e0;
}

@media only screen and (min-width: 1025px) {
  #polarcore .product-detail-accordion-panel .stock-row .stock-item {
    width: 100%;
    border-bottom: none !important;
  }
  #polarcore .product-detail-accordion-panel .stock-row .stock-item:nth-child(odd) {
    border-right: 1px solid #e0e0e0;
  }
}

#polarcore.has-special .product-view .product-shop .product-inner.bundle .price-info .price-box:first-child {
  display: block;
}

#polarcore.has-special .product-view .product-shop .product-inner.bundle .price-info .price-box:nth-child(2) {
  display: none;
}

#polarcore.has-special .product-view .product-shop .product-inner.bundle .price-info .price-box .price-label {
  display: none;
}

#polarcore.has-special .product-view .product-shop.special-member .product-inner.bundle .price-info .price-box .price-label {
  display: inline;
}

.mdl-tabs .mdl-tabs__tab:hover {
  color: #170818;
}

.mdl-dialog-product-question {
  position: relative;
}

.mdl-dialog-product-question button.mdl-button.close {
  position: absolute;
  right: 8px;
  top: 8px;
  text-indent: 100%;
  overflow: hidden;
  width: 48px;
  height: 48px;
  padding: 0;
  display: inline-block;
  background-color: transparent;
  box-shadow: none;
}

.mdl-dialog-product-question button.mdl-button.close:hover, .mdl-dialog-product-question button.mdl-button.close:active, .mdl-dialog-product-question button.mdl-button.close:focus {
  background-color: transparent;
  box-shadow: none;
}

.mdl-dialog-product-question button.mdl-button.close:before {
  content: "X";
  text-indent: 0;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 30px;
  line-height: 1;
  color: #622066;
}

.mdl-dialog-product-question .mdl-button__ripple-container {
  display: none;
}

.b-decription-toggle {
  margin-bottom: 1rem;
}

.b-decription-toggle.has-toggle .description-content {
  height: 120px;
}

.b-decription-toggle.has-toggle .description-content:after {
  display: block;
}

.b-decription-toggle .more-info-trigger {
  display: none;
  font-weight: 700;
  text-decoration: underline;
}

.b-decription-toggle .more-info-trigger .to-hide {
  display: none;
}

.b-decription-toggle .more-info-trigger.active .to-hide {
  display: inline;
}

.b-decription-toggle .more-info-trigger.active .to-show {
  display: none;
}

.b-decription-toggle .description-content {
  position: relative;
  overflow: hidden;
  margin-bottom: .25rem;
  transition: height .3s ease;
}

.b-decription-toggle .description-content h2 {
  font-size: 15px;
  margin: 0 0 .5rem;
  font-weight: 700;
}

.b-decription-toggle .description-content.open:after {
  opacity: 0;
}

.b-decription-toggle .description-content:after {
  display: none;
  content: '';
  height: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  background: linear-gradient(rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0.47) 20%, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, 0.87) 60%, #fff 100%);
  transition: opacity .3s ease;
}

.b-product-detail-usp {
  position: relative;
  margin-bottom: 2rem;
}

.b-product-detail-usp .product-detail-usp-tooltip {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 20px 20px 15px 15px;
  margin-top: 10px;
  border-radius: 5px;
  background: #f1f1f1;
  z-index: 1;
}

.b-product-detail-usp .product-detail-usp-tooltip .close-usp {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}

.b-product-detail-usp .product-detail-usp-tooltip .close-usp:before {
  content: '✖';
  display: block;
}

.product-detail-usp li {
  position: relative;
  cursor: pointer;
}

.product-detail-usp li:after {
  content: '';
  width: 0;
  height: 0;
  margin-top: .5rem;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(360deg);
  -ms-transform: translateX(-50%) rotate(360deg);
  transform: translateX(-50%) rotate(360deg);
  border-style: solid;
  border-width: 0 8px 10px 8px;
  border-color: transparent transparent #f1f1f1 transparent;
  transition: opacity .4s ease;
  opacity: 0;
}

.product-detail-usp li.active:after {
  opacity: 1;
}

.product-detail-usp .icon-usp {
  display: inline-block;
  vertical-align: middle;
  margin-right: .75rem;
  margin-bottom: .5rem;
}

.product-detail-usp .icon-usp:before {
  display: inline-block;
  vertical-align: middle;
  content: '';
  width: 24px;
  height: 24px;
  margin-right: 2px;
  background-image: url("polarcore/default/images/icon-free-delivery.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.product-detail-usp .icon-usp.icon-usp-return:before {
  background-image: url("polarcore/default/images/icon-easy-returns.svg");
}

.product-detail-usp .icon-usp.icon-usp-quick:before {
  background-image: url("polarcore/default/images/icon-fast-delivery.svg");
}

.product-usp-list {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.product-usp-list li:not(:last-child) {
  padding-bottom: 4px;
}

.product-usp-list li:before {
  content: '○';
  margin-right: 5px;
}

.b-product-marker-usp {
  position: relative;
  margin-bottom: 1rem;
}

.b-product-marker-usp .questions {
  margin-bottom: 2px;
}

@media only screen and (min-width: 768px) {
  .b-product-marker-usp .product-usp-list {
    padding-right: 110px;
  }
  .b-product-marker-usp .product-question-marker {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
  }
}

.b-product-marker-usp ul.list {
  padding-left: 16px;
}

.b-product-marker-usp ul.list li {
  list-style: disc;
  list-style-position: inside;
}

@media only screen and (max-width: 767px) {
  #polarcore .product-view .product-shop .product-inner .santander-block {
    width: 100%;
    max-width: 300px;
    clear: both;
  }
  #polarcore .product-view .product-shop .product-inner .wrapper {
    overflow: visible;
  }
  #polarcore .product-view .product-shop .product-inner .wrapper::after {
    clear: both;
    content: "";
    display: table;
  }
  #polarcore .product-view .product-shop .product-inner .wrapper .add-to-cart-wrapper {
    width: 100%;
    float: none;
  }
}

.table-striped {
  width: 100%;
  margin-bottom: 1rem;
}

.table-striped th,
.table-striped td {
  padding: 0 7px;
}

.table-striped th:first-child,
.table-striped td:first-child {
  width: 190px;
}

.table-striped thead th {
  text-align: left;
}

.table-striped tbody tr:nth-child(odd) {
  background: #eee;
}

.b-package-list {
  overflow: hidden;
  margin: 0 0 1rem;
  padding-left: 7px;
}

.b-package-list dt,
.b-package-list dd {
  float: left;
}

.b-package-list dt {
  clear: left;
  margin-right: .25rem;
}

.b-package-list dd {
  clear: right;
}

.full-screen-tooltip {
  display: inline-block;
  vertical-align: middle;
  padding: 2px 0 2px 18px;
  white-space: nowrap;
  margin: 0 1rem .5rem 0;
  text-transform: uppercase;
  background: url(polarcore/default/images/icon-fullscreen.svg) no-repeat 0 50%;
  background-size: 12px auto;
}

.b-zoom-share {
  margin-top: 1rem;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .b-zoom-share {
    padding-left: 56px;
    margin-top: 0;
  }
}

.b-zoom-share .item {
  float: left;
}

.b-zoom-share .item.review-stars {
  float: right;
}

.b-zoom-share .b-add-this .b-add-this-link {
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  padding: 2px 0 2px 18px;
  margin-right: .25rem;
  cursor: pointer;
  color: #622066;
  font-weight: 500;
  background: url(polarcore/default/images/icon-share.svg) no-repeat 0 50%;
  background-size: 15px auto;
}

.b-zoom-share .b-add-this .b-add-this-link:hover, .b-zoom-share .b-add-this .b-add-this-link:focus {
  color: #000;
}

.b-zoom-share .b-add-this .b-add-this-toolbox {
  display: inline-block;
  vertical-align: top;
  opacity: 0;
  transition: opacity .3s ease;
}

.b-zoom-share .b-add-this .b-add-this-toolbox.active {
  opacity: 1;
}

.at-share-btn-elements .at-share-btn .at-label {
  display: none;
}

.accordion-tab h2 {
  font-size: 15px;
  font-weight: 700;
}

.accordion-tab a {
  text-decoration: underline;
}

.accordion-tab a:hover {
  text-decoration: none;
}

/* PRODUCT-GRID - custom/after/_product-grid.scss */
#polarcore .products-grid .item .product-info .layout-wrapper .actions button.btn-cart, #polarcore .products-grid .item .product-info .layout-wrapper .actions .view-details {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  white-space: nowrap;
  font-weight: bold;
  border-radius: 2px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 0.785rem;
  line-height: normal;
  padding: 0.45rem 0.825rem;
  background-color: #369822;
}

#polarcore .products-grid .item .product-info .layout-wrapper .actions button.btn-cart:hover, #polarcore .products-grid .item .product-info .layout-wrapper .actions .view-details:hover {
  background-color: #369822;
}

#polarcore .products-grid {
  margin: auto -0.75rem;
}

@media only screen and (min-width: 768px) {
  #polarcore .products-grid {
    margin: auto -0.25rem;
  }
}

#polarcore .products-grid .item {
  font-family: "Platform Web", "Open Sans", Verdana, Arial, sans-serif;
}

#polarcore .products-grid .item .image-wrapper {
  background-color: #d4d4d4;
}

#polarcore .products-grid .item .image-wrapper .favoriteproducts-add-button {
  width: 27px;
  height: 25px;
  position: absolute;
  bottom: 6px;
  right: 6px;
  box-shadow: initial;
  background-color: initial;
  border: none;
  margin: initial;
}

#polarcore .products-grid .item .image-wrapper .favoriteproducts-add-button .inner {
  display: none;
}

#polarcore .products-grid .item .image-wrapper .product-image {
  padding: 6px;
}

#polarcore .products-grid .item .image-wrapper .favoriteproducts-add-button:before {
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: 26px auto;
  background-image: url("polarcore/default/images/favoriteproducts/heart_soul.png");
  background-repeat: no-repeat;
  background-position: center 0;
}

#polarcore .products-grid .item .image-wrapper .favoriteproducts-add-button.dirty:before {
  background-position: center 100%;
}

#polarcore .products-grid .item .product-info .product-name, #polarcore .products-grid .item .product-info .product-view .product-name-mobile, #polarcore .product-view .products-grid .item .product-info .product-name-mobile {
  font-family: "Platform Web", "Open Sans", Verdana, Arial, sans-serif;
  text-transform: uppercase;
  padding-bottom: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: .9rem;
  letter-spacing: .5px;
}

#polarcore .products-grid .item .product-info .product-name em, #polarcore .products-grid .item .product-info .product-view .product-name-mobile em, #polarcore .product-view .products-grid .item .product-info .product-name-mobile em {
  color: #424242;
}

#polarcore .products-grid .item .product-info .color-line {
  min-height: 45px;
  margin-bottom: 8px;
}

#polarcore .products-grid .item .product-info .color-line p {
  margin-bottom: 0;
}

#polarcore .products-grid .item .product-info .layout-wrapper .combo-box {
  width: auto;
  font-family: "Platform Web", "Open Sans", Verdana, Arial, sans-serif;
  position: relative;
  margin-bottom: 8px;
}

#polarcore .products-grid .item .product-info .layout-wrapper .combo-box .price-box {
  height: auto;
  min-height: 41px;
}

#polarcore .products-grid .item .product-info .layout-wrapper .combo-box .price {
  font-size: 19px;
}

#polarcore .products-grid .item .product-info .layout-wrapper .combo-box .old-price .price {
  font-size: 13px;
}

#polarcore .products-grid .item .product-info .layout-wrapper .actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#polarcore .products-grid .item .product-info .layout-wrapper .actions button.btn-cart {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

#polarcore .products-grid .item .product-info .layout-wrapper .actions button.btn-cart .inner .material-icons {
  display: none;
}

#polarcore .products-grid .item .product-info .layout-wrapper .actions .view-details {
  background-color: #d2d3d4;
  color: #2b2c2d;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

#polarcore .products-grid .item .product-info .layout-wrapper .actions .view-details:hover {
  background-color: #d2d3d4;
}

#polarcore .products-grid .item.sale-item .price-box .minimal-price {
  color: #cc0000;
}

#polarcore .products-grid .item .price-box {
  height: 1.5rem;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: initial;
  -ms-flex-pack: initial;
  justify-content: initial;
  -webkit-align-items: left;
  -ms-flex-align: left;
  align-items: left;
  font-size: 1.5rem;
  font-size: 1.2rem;
  margin-right: 0.5rem;
}

@media only screen and (min-width: 768px) {
  #polarcore .products-grid .item .price-box {
    font-size: 1.5rem;
    margin-right: 1rem;
  }
}

#polarcore .products-grid .item .price-box .price {
  font-size: inherit;
  font-weight: bold;
}

#polarcore .products-grid .item .price-box .old-price {
  font-size: 1rem;
}

#polarcore .products-grid .item .price-box .special-price {
  color: #cc0000;
  font-size: 1.2rem;
  margin-bottom: 3px;
}

@media only screen and (min-width: 768px) {
  #polarcore .products-grid .item .price-box .special-price {
    font-size: 1.5rem;
  }
}

#polarcore .products-grid .item .price-box .regular-price, #polarcore .products-grid .item .price-box .price-from {
  font-size: 19px;
  color: #000;
}

#polarcore .products-grid .item .price-box .minimal-price {
  font-size: 19px;
  color: #000;
}

@media only screen and (min-width: 768px) {
  #polarcore .products-grid .item .price-box .minimal-price {
    line-height: 24px;
  }
}

#polarcore .products-grid .item .price-box .price-from {
  font-size: inherit;
}

#polarcore .products-grid .item .price-box .price-from .price-label {
  display: none;
}

#polarcore .products-grid .item .inner-item {
  position: relative;
  overflow: hidden;
}

#polarcore .products-grid .item .inner-item .product-image {
  height: 152px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#polarcore .products-grid .item .inner-item .product-image img {
  max-height: 140px;
}

#polarcore .products-grid .item .inner-item .product-info {
  border: 1px solid rgba(155, 155, 155, 0.5);
  margin-bottom: 0;
  padding: 0.5rem 0.5rem;
}

@media only screen and (min-width: 768px) {
  #polarcore .products-grid .item .inner-item .product-info {
    padding: 8px 10px;
  }
}

#polarcore .products-grid .item .inner-item .product-info .product-name, #polarcore .products-grid .item .inner-item .product-info .product-view .product-name-mobile, #polarcore .product-view .products-grid .item .inner-item .product-info .product-name-mobile {
  text-align: left;
}

@media only screen and (min-width: 768px) {
  #polarcore .products-grid .item:hover {
    box-shadow: initial;
  }
}

#polarcore .products-grid.favoriteproducts-list {
  margin: auto -0.5rem;
}

#polarcore .products-grid.favoriteproducts-list .item .actions {
  float: initial;
  width: initial;
  margin-top: initial;
  -webkit-flex: initial;
  -ms-flex: initial;
  flex: initial;
}

#polarcore .products-grid.favoriteproducts-list .item .actions .view-details {
  margin-right: initial;
}

#polarcore:not(.cms-home) .products-grid:not(.favoriteproducts-list):not(.slick-slider) .item.item--large {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 260px;
}

@media only screen and (min-width: 1025px) {
  #polarcore:not(.cms-home) .products-grid:not(.favoriteproducts-list):not(.slick-slider) .item.item--large {
    width: 50%;
  }
}

#polarcore:not(.cms-home) .products-grid:not(.favoriteproducts-list):not(.slick-slider) .item.item--large .combo-box {
  width: initial;
}

#polarcore:not(.cms-home) .products-grid:not(.favoriteproducts-list):not(.slick-slider) .item.item--large .price-box .price {
  font-size: inherit;
}

@media only screen and (min-width: 768px) {
  #polarcore:not(.cms-home) .products-grid:not(.favoriteproducts-list):not(.slick-slider) .item.item--large .price-box .price {
    font-size: 1.25em;
  }
}

#polarcore:not(.cms-home) .products-grid:not(.favoriteproducts-list):not(.slick-slider) .item.item--large .inner-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

#polarcore:not(.cms-home) .products-grid:not(.favoriteproducts-list):not(.slick-slider) .item.item--large .inner-item .image-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#polarcore:not(.cms-home) .products-grid:not(.favoriteproducts-list):not(.slick-slider) .item.item--large .inner-item .product-info {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.75rem 0.5rem 0.5rem;
}

@media only screen and (min-width: 768px) {
  #polarcore:not(.cms-home) .products-grid:not(.favoriteproducts-list):not(.slick-slider) .item.item--large .inner-item .product-info {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0.75rem 12px 12px;
  }
}

#polarcore:not(.cms-home) .products-grid:not(.favoriteproducts-list):not(.slick-slider) .item.item--large .inner-item .product-info .product-name, #polarcore:not(.cms-home) .products-grid:not(.favoriteproducts-list):not(.slick-slider) .item.item--large .inner-item .product-info .product-view .product-name-mobile, #polarcore:not(.cms-home) .product-view .products-grid:not(.favoriteproducts-list):not(.slick-slider) .item.item--large .inner-item .product-info .product-name-mobile {
  margin-top: 0;
  padding-right: 1rem;
  padding-bottom: 0.75rem;
  min-height: initial;
}

@media only screen and (min-width: 768px) {
  #polarcore:not(.cms-home) .products-grid:not(.favoriteproducts-list):not(.slick-slider) .item.item--large .inner-item .product-info .product-name, #polarcore:not(.cms-home) .products-grid:not(.favoriteproducts-list):not(.slick-slider) .item.item--large .inner-item .product-info .product-view .product-name-mobile, #polarcore:not(.cms-home) .product-view .products-grid:not(.favoriteproducts-list):not(.slick-slider) .item.item--large .inner-item .product-info .product-name-mobile {
    padding-bottom: 0;
  }
}

#polarcore:not(.cms-home) .products-grid:not(.favoriteproducts-list):not(.slick-slider) .item.sale-item.item--large .price-box .regular-price, #polarcore:not(.cms-home) .products-grid:not(.favoriteproducts-list):not(.slick-slider) .item.sale-item.item--large .price-box .special-price {
  color: #cc0000;
}

#polarcore:not(.cms-home) .products-grid:not(.favoriteproducts-list):not(.slick-slider) .item.sale-item.item--large .inner-item .product-info {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-color: #622066;
}

@media only screen and (min-width: 768px) {
  #polarcore:not(.cms-home) .products-grid:not(.favoriteproducts-list):not(.slick-slider) .item.sale-item.item--large .inner-item .product-info {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

#polarcore:not(.cms-home) .products-grid:not(.favoriteproducts-list):not(.slick-slider) .item.sale-item.item--large .inner-item .product-info .product-name, #polarcore:not(.cms-home) .products-grid:not(.favoriteproducts-list):not(.slick-slider) .item.sale-item.item--large .inner-item .product-info .product-view .product-name-mobile, #polarcore:not(.cms-home) .product-view .products-grid:not(.favoriteproducts-list):not(.slick-slider) .item.sale-item.item--large .inner-item .product-info .product-name-mobile {
  width: 50%;
  margin-right: 0;
}

.checkout-onepage-index .santander-form.fieldset input[type=text] {
  margin-bottom: 0.5rem;
}

.checkout-onepage-index .santander-form.fieldset li {
  margin-bottom: 0;
}

.checkout-onepage-index .santander-form.fieldset li > div {
  margin-bottom: 0.75rem;
}

.checkout-onepage-index .santander-form.fieldset li > div .validation-advice,
.checkout-onepage-index .santander-form.fieldset li > div .validationError {
  line-height: 1.5;
  position: relative;
  display: block;
}

.checkout-onepage-index .santander-form.fieldset li > div select {
  margin-bottom: 0.5rem;
}

.checkout-onepage-index .santander-form .validationError {
  background-color: #fafafa;
  font-size: 0.8rem;
  color: #e57373;
  position: relative;
  display: inline-block;
  width: 100%;
}

body.tco .mfp-content {
  background: #ffffff;
  padding: 1rem;
  max-width: 800px;
}

@media only screen and (min-width: 768px) {
  body.tco .mfp-content {
    margin: 1rem;
  }
}

@media only screen and (max-width: 767px) {
  body.tco .mfp-content {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    margin-bottom: 3rem;
  }
}

body.tco-onestep input.validation-failed {
  border: 2px solid red !important;
}

body.tco-onestep .checkout .tco-onestep .login-link {
  margin-bottom: 2rem;
}

body.tco-onestep .checkout .tco-onestep .login-link a {
  background: #622066;
  color: #ffffff;
  font-size: 16px;
  font-weight: normal;
  padding: 1rem 2rem;
}

@media only screen and (max-width: 767px) {
  body.tco-onestep .checkout .tco-onestep .login-link a {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-top: 1rem;
  }
}

body.tco-onestep .checkout .tco-onestep .login-link a:hover {
  background: #4f1a53;
  color: #fff;
  text-decoration: underline;
}

@media only screen and (min-width: 768px) {
  body.tco-onestep .checkout .tco-onestep .right .step {
    width: calc(33.33% - 0.7rem);
    margin-right: 1rem;
  }
}

body.tco-onestep .checkout .tco-onestep .right .shipping-and-payment .sp-methods label .price {
  font-weight: 500;
}

body.tco-onestep .checkout .tco-onestep .right .shipping-and-payment .sp-methods label br {
  display: none;
}

body.tco-onestep .checkout .tco-onestep .right .shipping-and-payment .storepickup_description {
  display: none;
}

body.tco-onestep .checkout .tco-onestep .right .shipping-and-payment .payment {
  margin-right: 0;
}

body.tco-onestep .checkout .tco-onestep .right .shipping-and-payment .payment .checkout-agreements {
  margin-top: 1rem;
}

body.tco-onestep .checkout .tco-onestep .right .shipping-and-payment .payment .checkout-agreements .agree .validation-advice {
  color: #fff;
  background: #E57373;
  padding: 0.25rem 0.5rem;
}

body.tco-onestep .checkout .tco-onestep .right .shipping-and-payment .payment .checkout-agreements .agree label {
  font-weight: bold;
}

body.tco-onestep .checkout .tco-onestep .right .shipping-and-payment .payment .checkout-agreements .agreements {
  color: #622066;
  font-weight: bold;
}

body.tco-onestep .checkout .tco-onestep .right .shipping-and-payment .payment .checkout-agreements .agreements:hover {
  text-decoration: underline;
  color: #000;
}

body.tco-onestep .checkout .tco-onestep .right .shipping-and-payment .payment .checkout-agreements .agreement-content {
  margin-top: 1rem;
  border: 1px solid #e2e2e2;
  padding: 0.5rem;
}

body.tco-onestep .checkout .tco-onestep .right .shipping-and-payment .form-notification-container {
  width: 100%;
}

body.tco-onestep .checkout .tco-onestep .right .shipping-and-payment .form-notification-container .btn-checkout {
  width: 100%;
}

.main-container.col1-layout.checkout {
  width: 100% !important;
}

.main-container.col1-layout.checkout img {
  width: 100px;
}

.tco-wrapper .section .step-title, .tco-wrapper .step-title {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

body.tco.tco-onestep .tco-wrapper .section .step-title h2, body.tco.tco-onestep .tco-wrapper .step-title h2 {
  font-weight: 600;
}

.tco-wrapper .section, .tco-onestep .step {
  padding: 0 10px 10px !important;
}

.tco-wrapper .section .number, .tco-onestep .step .number {
  line-height: 1.25 !important;
}

body.tco.tco-onestep .tco-wrapper .step .number {
  background-color: #622066;
  border-radius: 50%;
  color: #fff;
}

.tco-wrapper .login .form-list li {
  width: 100%;
}

body.tco.tco-onestep #login-step-login input {
  min-width: 100%;
  width: 100%;
}

.tco input[type="radio"] + label {
  display: inline !important;
}

.checkout-agreements .agreement-content-wrapper {
  margin: 0 !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
}

body.tco.tco-onestep #login-step a.btn-close {
  display: none;
}

body.tco.tco-onestep .tco-wrapper input.input-text {
  border: 1px solid #ddd;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.input-box .validation-advice {
  border: 1px solid #E57373;
  background-color: #E57373;
  color: #fff;
  padding-left: 0.5em;
  margin-top: 2px;
}

.tco-wrapper table.cart-table td,
.tco-wrapper table.cart-table th,
.tco-wrapper table.data-table td,
.tco-wrapper table.data-table th {
  padding: 10px 0 !important;
}

.checkout-onepage-index #checkout-review-table tbody td {
  padding: 0;
}

#checkout-review-submit .buttons-set {
  margin-top: 1rem;
}

#checkout-review-submit .agreement-content-wrapper h4 {
  margin: 0;
  margin-bottom: 14px;
}

#checkout-review-submit .agreement-content-wrapper .text-wrapper {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#checkout-review-submit .agreement-content-wrapper .action {
  margin-top: 14px;
}

body.tco.tco-onestep .tco-wrapper #checkout-review-table tbody td:first-child {
  width: 75px !important;
}

#checkout-review-table-wrapper {
  font-size: 0.875rem;
}

@media only screen and (min-width: 768px) {
  #checkout-review-table-wrapper {
    font-size: 14px;
  }
}

#checkout-review-table-wrapper .checkout-review-totals {
  width: 100%;
}

#checkout-review-table-wrapper .checkout-review-totals tr td {
  width: 100%;
}

#checkout-review-table-wrapper #checkout-review-table {
  width: 100%;
  table-layout: inherit;
}

@media only screen and (max-width: 767px) {
  #checkout-review-table-wrapper #checkout-review-table colgroup col:first-child,
  #checkout-review-table-wrapper #checkout-review-table thead tr th:first-child,
  #checkout-review-table-wrapper #checkout-review-table tbody tr td:first-child {
    display: none;
  }
}

#checkout-review-table-wrapper #checkout-review-table colgroup col:first-child,
#checkout-review-table-wrapper #checkout-review-table thead tr th:first-child,
#checkout-review-table-wrapper #checkout-review-table tbody tr td:first-child {
  padding-right: 0.75rem !important;
}

#checkout-review-table-wrapper #checkout-review-table colgroup col:nth-child(2),
#checkout-review-table-wrapper #checkout-review-table thead tr th:nth-child(2),
#checkout-review-table-wrapper #checkout-review-table tbody tr td:nth-child(2) {
  text-align: left;
}

#checkout-review-table-wrapper #checkout-review-table colgroup col:last-child,
#checkout-review-table-wrapper #checkout-review-table thead tr th:last-child,
#checkout-review-table-wrapper #checkout-review-table tbody tr td:last-child {
  text-align: right;
}

.checkout-onepage-index #review-buttons-container .btn-checkout:active {
  opacity: 0.5;
}

.checkout-onepage-index #review-buttons-container .btn-checkout:active span span:after {
  content: " (Sender … )";
  opacity: 0.5;
}

/**
*
* tax styling
*/
.grand-total.excl-tax,
.subtotal {
  display: none;
}

#polarcore .top-line {
  padding: 0.25rem 0;
}

#polarcore .top-line #favoriteproducts-toplink-li {
  display: none;
}

#polarcore .top-line ul li a {
  color: #666;
}

#polarcore.catalog-product-view #upsell-product-table,
#polarcore.catalog-product-view #related-product-table {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#polarcore.catalog-product-view #upsell-product-table .item,
#polarcore.catalog-product-view #related-product-table .item {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 0;
  box-shadow: inset 0 0 0 1px #d4d4d4;
}

#polarcore.catalog-product-view #upsell-product-table .item .product-info,
#polarcore.catalog-product-view #related-product-table .item .product-info {
  border: 0;
}

#polarcore.catalog-product-view #upsell-product-table .item .product-info .layout-wrapper .combo-box .price-box,
#polarcore.catalog-product-view #related-product-table .item .product-info .layout-wrapper .combo-box .price-box {
  min-height: inherit;
}

#polarcore.catalog-product-view #upsell-product-table .mdl-checkbox,
#polarcore.catalog-product-view #related-product-table .mdl-checkbox {
  display: none;
}

@media only screen and (max-width: 767px) {
  #polarcore .slick-track .item .inner-item {
    padding: 0 1px;
  }
}

/*# sourceMappingURL=styles.css.map */
img.lipscore-rating-small-image { display: inline; }
.lipscore-reviews-single {
    clear:   both;
    display: block;
    margin-top: 15px;
}
.ls-demo-mode-label {
    color: #e92631;
}
#ajaxcart-loading,
#ajaxcart {
  position: fixed;
  top: 1%;
  z-index: 5000;
  background: white;
  width: 90%;
  left: 5%;
  min-height: 100px; }
  @media only screen and (min-width: 40.063em) {
    #ajaxcart-loading,
    #ajaxcart {
      top: 5%;
      left: 50%;
      width: 582px;
      margin-left: -241px; } }
  @media only screen and (min-width: 64.063em) {
    #ajaxcart-loading,
    #ajaxcart {
      top: 18%; } }

#ajaxcart-error {
  position: fixed;
  top: 18%;
  left: 50%;
  width: 382px;
  margin-left: -191px;
  z-index: 5000;
  background: #d8442b;
  color: white; }
  #ajaxcart-error p {
    font-weight: 300; }

#ajaxcart-error #ajaxcart-error-msg {
  line-height: 21px;
  text-align: center;
  margin-bottom: 14px;
}
#ajaxcart-loading,
#ajaxcart,
#ajaxcart-error {
  padding: 20px;
  -webkit-box-shadow: 0 20px 170px rgba(0, 0, 0, 1);
  -moz-box-shadow: 0 20px 170px rgba(0, 0, 0, 1);
  box-shadow: 0 20px 170px rgba(0, 0, 0, 1) }
  #ajaxcart-loading h2,
  #ajaxcart h2,
  #ajaxcart-error h2 {
    font-size: 14px;
    text-align: center;
    border-bottom: 2px solid #f0f0f0;
    font-weight: 300;
    margin-bottom: 12px;
    padding-bottom: 12px;
    padding-top: 12px;
 }
    @media only screen and (min-width: 40.063em) {
      #ajaxcart-loading h2,
      #ajaxcart h2,
      #ajaxcart-error h2 {
        font-size: 22px; } }
  #ajaxcart-loading .close,
  #ajaxcart .close,
  #ajaxcart-error .close {
    position: absolute;
    right: -8px;
    top: -8px;
    font-size: 14px;
    padding: 7px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #d8442b;
    text-align: center;
    color: white;
    height: 26px;
    width: 27px;
    line-height: 14px;
    -webkit-transition: background-color 300ms ease-in-out;
    -moz-transition: background-color 300ms ease-in-out;
    -o-transition: background-color 300ms ease-in-out;
    transition: background-color 300ms ease-in-out; }
    #ajaxcart-loading .close:hover,
    #ajaxcart .close:hover,
    #ajaxcart-error .close:hover {
      background-color: #f35237;
      cursor: pointer;
}
#ajaxcart-loading p {
  font-size: 18px;
}
#ajaxcart .crosssell {
  margin-bottom: 0;
}

#ajaxcart .actions {
  clear: both;
  border-top: 2px solid #f0f0f0;
  padding-top: 18px;
  margin-top: 12px;
}

#ajaxcart-loading .actions,
#ajaxcart .actions,
#ajaxcart-error .actions {
  text-align: center;
  clear: both;
}
    #ajaxcart-loading .actions .frakt-igjen,
    #ajaxcart .actions .frakt-igjen,
    #ajaxcart-error .actions .frakt-igjen {
      position: relative;
      right: auto;
      top: auto;
      margin: 0 auto 1.625rem;
      text-align: center;
      width: auto;
      max-width: 500px; }
      #ajaxcart-loading .actions .frakt-igjen .progress,
      #ajaxcart .actions .frakt-igjen .progress,
      #ajaxcart-error .actions .frakt-igjen .progress {
        display: none;
        float: none;
        width: 132px;
        margin-top: 5px;
        margin-bottom: 0.8125rem; }
        #ajaxcart-loading .actions .frakt-igjen .progress .text,
        #ajaxcart .actions .frakt-igjen .progress .text,
        #ajaxcart-error .actions .frakt-igjen .progress .text {
          width: 100%; }

#ajaxcart .product {
  padding: 6px 7px; }
  #ajaxcart .product:before, #ajaxcart .product:after {
    content: " ";
    display: table; }
  #ajaxcart .product:after {
    clear: both; }
  #ajaxcart .product .product-image {
    float: left;
    margin-right: 19px; }
#ajaxcart .product .product-name {
  padding-left: 100px;
  margin-bottom: 0;
  text-align: left;
  font-size: 16px;
}
#ajaxcart .product .configurable-info {
  color: #888;
  padding-left: 100px;
  text-align: left;
  list-style-type: none;
  margin-bottom: 0;
  margin-top: -2px;
  font-size: 14px;
}
#ajaxcart .product .price-box {
  clear: none;
  text-align: left;
  margin-bottom: 0;
  padding-left: 100px;
}
#ajaxcart .product .price-box .price {
  font-size: 20px;
}
#ajaxcart-loading .status-bar {
  text-align: center;
}
#ajaxcart-loading .status-bar,
#ajaxcart-loading .status-bar p {
  color: #000;
}

#ajaxcart .actions button,
#ajaxcart .actions .button {
  font-size: 13px;
  margin-right: 10px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0;
}

#ajaxcart .actions button.cart,
#ajaxcart .actions .button.cart {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #70ba4e), color-stop(100%, #5dab3e));
  background-image: -webkit-linear-gradient(#70ba4e, #5dab3e);
  background-image: -moz-linear-gradient(#70ba4e, #5dab3e);
  background-image: -o-linear-gradient(#70ba4e, #5dab3e);
  background-image: linear-gradient(#70ba4e, #5dab3e);
}

#ajaxcart .actions button.cart:hover,
#ajaxcart .actions .button.cart:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #86c469), color-stop(100%, #77b85d));
  background-image: -webkit-linear-gradient(#86c469, #77b85d);
  background-image: -moz-linear-gradient(#86c469, #77b85d);
  background-image: -o-linear-gradient(#86c469, #77b85d);
  background-image: linear-gradient(#86c469, #77b85d);
}

#ajaxcart img.success {
  display: block;
  margin: 0 auto;
}

#ajaxcart .price {
  font-size: 26px;
  margin-top: 6px;
  clear: both;
}

.tw-cartamount {
    background-color: white;
    width: 500px;
    padding: 10px;
    border: 1px solid #c0c0c0;
}

.close {
    float: right;
    font-size: 0.7em;
}

.close:hover {
    cursor:pointer;
}

.graph {
    height: 1.529411765em;
    margin-bottom: .470588235em;
    overflow: hidden;
    background-color: #e5e5e5;
    border-radius: .071428571em;
    text-align: center;
}

.graph-bar {
    float: left;
    width: 0;
    height: 100%;
    color: #ffffff;
    background-color: #0088cc;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;

    -webkit-animation: progress 1s ease-in-out;
       -moz-animation: progress 1s ease-in-out;
        -ms-animation: progress 1s ease-in-out;
            animation: progress 1s ease-in-out;
}

@-webkit-keyframes progress {
    from { width: 0% }
}

@-moz-keyframes progress {
    from { width: 0% }
}

@-ms-keyframes progress {
    from { width: 0% }
}

@keyframes progress {
    from { width: 0% }
}
.favoriteproducts-add {
  height: 15px;
  width: 15px; }

.group:after {
  content: "";
  display: table;
  clear: both; }

#favoriteproducts-page {
  position: fixed;
  padding: 1rem;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5); }
  #favoriteproducts-page .favoriteproducts-page-close {
    position: absolute;
    top: 0.725rem;
    right: 0.725rem;
    font-size: 1.5rem;
    width: 20px;
    text-align: center;
    cursor: pointer; }
  #favoriteproducts-page .favoriteproducts-page-clear {
    display: inline-block;
    padding: 0 0.25rem;
    cursor: pointer; }
  #favoriteproducts-page .favoriteproducts-page-title {
    margin-top: 0;
    line-height: 1; }
  #favoriteproducts-page .item .actions {
    display: none; }
  #favoriteproducts-page .favoriteproducts-page-content {
    position: relative;
    width: 100%;
    max-width: 1025px;
    height: auto;
    max-height: 100%;
    padding: 1rem;
    background-color: #ffffff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2000;
    margin: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%; }
    #favoriteproducts-page .favoriteproducts-page-content header {
      -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
      flex: 1 0 auto; }
    #favoriteproducts-page .favoriteproducts-page-content #favoriteproducts-page-body {
      padding: 1rem 0.25rem;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      -webkit-flex: auto 1 1;
      -ms-flex: auto 1 1;
      flex: auto 1 1; }
    #favoriteproducts-page .favoriteproducts-page-content .actions {
      float: left;
      width: 100%;
      margin-top: 1rem;
      -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
      flex: 1 0 auto; }
      #favoriteproducts-page .favoriteproducts-page-content .actions > {
        margin: 0; }
      @media only screen and (min-width: 768px) {
        #favoriteproducts-page .favoriteproducts-page-content .actions > :not(:last-child) {
          width: auto;
          margin-right: 1rem; } }
      #favoriteproducts-page .favoriteproducts-page-content .actions button {
        position: relative;
        margin: 0;
        padding: 1em;
        text-transform: uppercase;
        border: 0;
        background-color: #F0F0F0;
        float: left;
        outline: none;
        cursor: pointer;
        width: 100%;
        color: #3B3E40; }
        #favoriteproducts-page .favoriteproducts-page-content .actions button:hover {
          background: #e3e3e3; }
        #favoriteproducts-page .favoriteproducts-page-content .actions button.open:after {
          position: absolute;
          left: 50%;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          top: -12px;
          content: " ";
          border: 10px solid transparent;
          border-top: 10px solid #c7c7c7; }
      #favoriteproducts-page .favoriteproducts-page-content .actions .buy {
        float: right;
        margin-right: 0; }
      #favoriteproducts-page .favoriteproducts-page-content .actions .share-wrapper {
        position: relative;
        float: left;
        width: 100%; }
        #favoriteproducts-page .favoriteproducts-page-content .actions .share-wrapper input {
          -webkit-appearance: none;
          border-radius: 0; }
        @media only screen and (min-width: 768px) {
          #favoriteproducts-page .favoriteproducts-page-content .actions .share-wrapper {
            width: auto; } }
      #favoriteproducts-page .favoriteproducts-page-content .actions .share-input {
        position: absolute;
        bottom: 100%;
        left: 0;
        width: 100%;
        margin-bottom: 12px;
        border: 1px solid #c7c7c7;
        background-color: white;
        padding: 0.75rem;
        display: none;
        white-space: nowrap; }
        @media only screen and (min-width: 768px) {
          #favoriteproducts-page .favoriteproducts-page-content .actions .share-input {
            left: calc(-100% + 12px);
            width: 100%;
            min-width: 320px; } }
        #favoriteproducts-page .favoriteproducts-page-content .actions .share-input .message {
          margin-bottom: 8px; }
          #favoriteproducts-page .favoriteproducts-page-content .actions .share-input .message:empty {
            margin-bottom: 0; }
        #favoriteproducts-page .favoriteproducts-page-content .actions .share-input .email-input-wrapper {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; }
      #favoriteproducts-page .favoriteproducts-page-content .actions .share-input.open {
        display: block; }
      #favoriteproducts-page .favoriteproducts-page-content .actions .share-input input {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
      #favoriteproducts-page .favoriteproducts-page-content .actions .share-input .email_subject {
        display: block;
        width: 100%;
        margin-bottom: 0.5rem; }
      #favoriteproducts-page .favoriteproducts-page-content .actions .share-input input.submit {
        padding: 0 1rem;
        margin-left: 0.425rem;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0; }

.favoriteproducts-box {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: auto;
  text-align: center; }
  .favoriteproducts-box .inner {
    padding: 0.5rem;
    font-size: 0.8rem;
    margin-top: 1rem;
    background: #ABABAB;
    display: inline-block;
    width: 90%; }
  .favoriteproducts-box .icon-wrapper {
    position: relative;
    top: -0.1rem;
    margin-right: 0.5rem;
    display: inline;
    width: 2em; }
    .favoriteproducts-box .icon-wrapper img, .favoriteproducts-box .icon-wrapper svg {
      width: 2em;
      display: inline; }
  .favoriteproducts-box .favoriteproducts-text {
    display: inline;
    color: white; }
  .favoriteproducts-box a {
    color: white; }
  .favoriteproducts-box a:hover {
    background: #858585;
    color: #FAFAFA;
    cursor: pointer; }
  .favoriteproducts-box a:hover > * {
    color: #FAFAFA;
    cursor: pointer; }
  .favoriteproducts-box svg.show-svg, .favoriteproducts-box img.show-svg {
    display: inline; }
  .favoriteproducts-box svg.hide-svg, .favoriteproducts-box img.show-svg {
    display: none; }

#favoriteproducts-toplink-li #favoriteproducts-toplink-a .wrapper {
  display: inline-block;
  height: 1rem;
  min-width: 1rem;
  background-color: #222;
  vertical-align: top; }
  #favoriteproducts-toplink-li #favoriteproducts-toplink-a .wrapper .favoriteproducts-toplink-number {
    color: white;
    height: 100%;
    width: 100%;
    float: left;
    line-height: 1rem;
    display: inline-block;
    text-align: center;
    font-size: 0.6rem;
    padding: 0 3px; }

.hide {
  display: none; }

@media only print {
  .favoriteproducts-api-getprintable {
    padding: 1rem; }
    .favoriteproducts-api-getprintable .products-grid .item {
      width: 33%;
      float: left; }
      .favoriteproducts-api-getprintable .products-grid .item .price-box {
        padding-bottom: 2em; }
        .favoriteproducts-api-getprintable .products-grid .item .price-box .price {
          font-size: 1rem; }
    .favoriteproducts-api-getprintable .product-info {
      border: 0; }
      .favoriteproducts-api-getprintable .product-info .product-name a:after {
        content: "" !important; }
      .favoriteproducts-api-getprintable .product-info .product > a > img:after {
        content: " (" attr(href) ") ";
        font-size: 0.5em;
        font-weight: normal;
        word-wrap: break-word; }
    .favoriteproducts-api-getprintable .actions {
      display: none; }
    .favoriteproducts-api-getprintable .ratings, .favoriteproducts-api-getprintable .review-wrapper {
      display: none; } }
.tw-getproductsfromcategory-container {}
.bring_tooltip {text-align: left; width:400px; padding: 5px; border: 1px solid black; margin: 5px; background-color: #e0e0e0;}











.bring-logo {
  float: right;
}
.carrier-method-desc {
  font-size: 12px;
  color: #999;
  display: inherit;
  margin-top: 5px;
  margin-bottom: 7px;
}
.bring-carrier {
    line-height: 32px;
}
#s_method_storepickup_dynamic {
    display: none;
}

label[for="s_method_storepickup_dynamic"] {
    display: none !important;
}
.overlay-container
{
    position:relative;
}

.overlay-calendar
{
    position:absolute;
    width:19.2em;
    visibility: hidden;
    z-index: 101;
}

.overlay-text
{
    position:relative;
    top:45%;
    left:15%;
    font-size:16px;
    font-weight:bold;
}

.location .ui-datepicker-trigger {
    display: inline;
    padding-left: 5px;
}