/*#region layout*/
/*#endregion*/
/*#region images*/
/*#endregion*/
/*#region Media Queries*/
/*#endregion*/
/*********** BASE ***********/
/******* Roboto ********/
@font-face {
  font-family: 'Roboto';
  src: url('/Fonts/roboto/Roboto-Regular.eot');
  src: local('Roboto Regular'), local('Roboto-Regular'), url('/Fonts/roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('/Fonts/roboto/Roboto-Regular.woff2') format('woff2'), url('/Fonts/roboto/Roboto-Regular.woff') format('woff'), url('/Fonts/roboto/Roboto-Regular.ttf') format('truetype'), url('/Fonts/roboto/Roboto-Regular.svg#Roboto') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/Fonts/roboto/Roboto-RegularItalic.eot');
  src: local('Roboto RegularItalic'), local('Roboto-RegularItalic'), url('/Fonts/roboto/Roboto-RegularItalic.eot?#iefix') format('embedded-opentype'), url('/Fonts/roboto/Roboto-RegularItalic.woff2') format('woff2'), url('/Fonts/roboto/Roboto-RegularItalic.woff') format('woff'), url('/Fonts/roboto/Roboto-RegularItalic.ttf') format('truetype'), url('/Fonts/roboto/Roboto-RegularItalic.svg#Roboto') format('svg');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url('/Fonts/roboto/Roboto-Medium.eot');
  src: local('Roboto Medium'), local('Roboto-Medium'), url('/Fonts/roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('/Fonts/roboto/Roboto-Medium.woff2') format('woff2'), url('/Fonts/roboto/Roboto-Medium.woff') format('woff'), url('/Fonts/roboto/Roboto-Medium.ttf') format('truetype'), url('/Fonts/roboto/Roboto-Medium.svg#Roboto') format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/Fonts/roboto/Roboto-MediumItalic.eot');
  src: local('Roboto MediumrItalic'), local('Roboto-MediumItalic'), url('/Fonts/roboto/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/Fonts/roboto/Roboto-MediumItalic.woff2') format('woff2'), url('/Fonts/roboto/Roboto-MediumItalic.woff') format('woff'), url('/Fonts/roboto/Roboto-MediumItalic.ttf') format('truetype'), url('/Fonts/roboto/Roboto-MediumItalic.svg#Roboto') format('svg');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url('/Fonts/roboto/Roboto-Light.eot');
  src: local('Roboto Light'), local('Roboto-Light'), url('/Fonts/roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('/Fonts/roboto/Roboto-Light.woff2') format('woff2'), url('/Fonts/roboto/Roboto-Light.woff') format('woff'), url('/Fonts/roboto/Roboto-Light.ttf') format('truetype'), url('/Fonts/roboto/Roboto-Light.svg#Roboto') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/Fonts/roboto/Roboto-LightItalic.eot');
  src: local('Roboto LightBoldItalic'), local('Roboto-LightItalic'), url('/Fonts/roboto/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'), url('/Fonts/roboto/Roboto-LightItalic.woff2') format('woff2'), url('/Fonts/roboto/Roboto-LightItalic.woff') format('woff'), url('/Fonts/roboto/Roboto-LightItalic.ttf') format('truetype'), url('/Fonts/roboto/Roboto-LightItalic.svg#Roboto') format('svg');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url('/Fonts/roboto/Roboto-Bold.eot');
  src: local('Roboto Bold'), local('Roboto-Bold'), url('/Fonts/roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('/Fonts/roboto/Roboto-Bold.woff2') format('woff2'), url('/Fonts/roboto/Roboto-Bold.woff') format('woff'), url('/Fonts/roboto/Roboto-Bold.ttf') format('truetype'), url('/Fonts/roboto/Roboto-Bold.svg#Roboto') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/Fonts/roboto/Roboto-BoldItalic.eot');
  src: local('Roboto BoldItalic'), local('Roboto-BoldItalic'), url('/Fonts/roboto/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/Fonts/roboto/Roboto-BoldItalic.woff2') format('woff2'), url('/Fonts/roboto/Roboto-BoldItalic.woff') format('woff'), url('/Fonts/roboto/Roboto-BoldItalic.ttf') format('truetype'), url('/Fonts/roboto/Roboto-BoldItalic.svg#Roboto') format('svg');
  font-weight: 700;
  font-style: italic;
}
/*****FIM ROBOTO******/
.icon-barcode:before {
  content: "\e904";
}
.icon-pin:before {
  content: "\e901";
}
.icon-calendar:before {
  content: "\e900";
}
.icon-twitter:before {
  content: "\e902";
}
.icon-facebook:before {
  content: "\e903";
}
/*******Material Icons*******/
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('/Fonts/material-icons/MaterialIcons-Regular.eot');
  /* For IE6-8 */
  src: local('Material Icons'), local('MaterialIcons-Regular'), url('/Fonts/material-icons/MaterialIcons-Regular.woff2') format('woff2'), url('/Fonts/material-icons/MaterialIcons-Regular.woff') format('woff'), url('/Fonts/material-icons/MaterialIcons-Regular.ttf') format('truetype');
}
.material-icons,
.cart-list .cart-list__row.cart-list__row--associated-item:before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
/*******FIM Material Icons*******/
@font-face {
  font-family: 'icomoon';
  src: url('/Fonts/icomoon/icomoon.eot?ip6qcq');
  src: url('/Fonts/icomoon/icomoon.eot?ip6qcq#iefix') format('embedded-opentype'), url('/Fonts/icomoon/icomoon.ttf?ip6qcq') format('truetype'), url('/Fonts/icomoon/icomoon.woff?ip6qcq') format('woff'), url('/Fonts/icomoon/icomoon.svg?ip6qcq#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class*=" icon-"],
[class^="icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.rotate-180 i {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.fx--barrel-roll {
  animation: barrel-row 1s infinite;
}
@keyframes barrel-row {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(-360deg);
  }
}
/******** COMPONENTS *********/
/*button especific mixin*/
.mdl-button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 34px;
  border: 2px solid transparent;
  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 input[type=file] {
  display: none;
}
.mdl-button.mdl-button--icon {
  box-shadow: none;
  color: rgba(0, 0, 0, 0.54);
  border: none;
}
.mdl-button.mdl-button--icon.button-icon-badge {
  overflow: visible;
}
.mdl-button.mdl-button--icon.button-icon-badge:after {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  content: attr(data-badge);
  color: #fff;
  background-color: #C02031;
  display: inline-block;
  z-index: 10;
  position: absolute;
  min-width: 15px;
  height: 15px;
  font-size: 10px;
  line-height: 15px;
  top: -4px;
  right: -3px;
  text-align: center;
}
.mdl-button.mdl-button--icon.button-icon-badge.button-icon-badge--featured:after {
  background-color: #17C0A6;
}
.mdl-button.mdl-button--icon.button-icon-badge.button-icon-badge--accent:after {
  background-color: #FF4C61;
}
.mdl-button.mdl-button--icon.mdl-button--icon--lg {
  width: 60px;
  height: 60px;
}
.mdl-button.mdl-button--icon.mdl-button--icon--lg .material-icons {
  font-size: 70px;
  line-height: 70px;
  transform: translate(-35px, -35px);
  width: 70px;
  height: 70px;
}
.mdl-button.mdl-button--primary {
  border-color: #C02031;
  color: #C02031;
}
.mdl-button.mdl-button--primary:disabled {
  border-color: #EAEAEA;
  color: #EAEAEA;
  cursor: not-allowed;
}
.mdl-button.mdl-button--primary.mdl-button--raised {
  color: #ffffff;
  background: #C02031;
}
.mdl-button.mdl-button--primary.mdl-button--raised:active,
.mdl-button.mdl-button--primary.mdl-button--raised:focus {
  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-button.mdl-button--primary.mdl-button--raised:focus {
  opacity: 0.93;
}
.mdl-button.mdl-button--primary.mdl-button--raised:disabled {
  background-color: #EAEAEA;
  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);
  color: #ffffff;
}
.mdl-button.mdl-button--primary.mdl-button--raised.mdl-button--primary {
  color: #ffffff;
}
.mdl-button.mdl-button--primary.mdl-button--raised.mdl-button--accent {
  color: #ffffff;
}
.mdl-button.mdl-button--primary.mdl-button--raised.mdl-button--login {
  color: #ffffff;
}
.mdl-button.mdl-button--primary.mdl-button--raised:active,
.mdl-button.mdl-button--primary.mdl-button--raised:focus {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}
.mdl-button.mdl-button--primary.mdl-button--raised:disabled {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}
.mdl-button.mdl-button--accent {
  border-color: #FF4C61;
  color: #FF4C61;
}
.mdl-button.mdl-button--accent:disabled {
  border-color: #EAEAEA;
  color: #EAEAEA;
  cursor: not-allowed;
}
.mdl-button.mdl-button--accent.mdl-button--raised {
  color: #ffffff;
  background: #FF4C61;
}
.mdl-button.mdl-button--accent.mdl-button--raised:active,
.mdl-button.mdl-button--accent.mdl-button--raised:focus {
  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-button.mdl-button--accent.mdl-button--raised:focus {
  opacity: 0.93;
}
.mdl-button.mdl-button--accent.mdl-button--raised:disabled {
  background-color: #EAEAEA;
  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);
  color: #ffffff;
}
.mdl-button.mdl-button--accent.mdl-button--raised.mdl-button--primary {
  color: #ffffff;
}
.mdl-button.mdl-button--accent.mdl-button--raised.mdl-button--accent {
  color: #ffffff;
}
.mdl-button.mdl-button--accent.mdl-button--raised.mdl-button--login {
  color: #ffffff;
}
.mdl-button.mdl-button--accent.mdl-button--raised:active,
.mdl-button.mdl-button--accent.mdl-button--raised:focus {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}
.mdl-button.mdl-button--accent.mdl-button--raised:disabled {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}
.mdl-button.mdl-button--featured {
  border-color: #17C0A6;
  color: #17C0A6;
}
.mdl-button.mdl-button--featured:disabled {
  border-color: #EAEAEA;
  color: #EAEAEA;
  cursor: not-allowed;
}
.mdl-button.mdl-button--featured.mdl-button--raised {
  color: #ffffff;
  background: #17C0A6;
}
.mdl-button.mdl-button--featured.mdl-button--raised:active,
.mdl-button.mdl-button--featured.mdl-button--raised:focus {
  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-button.mdl-button--featured.mdl-button--raised:focus {
  opacity: 0.93;
}
.mdl-button.mdl-button--featured.mdl-button--raised:disabled {
  background-color: #EAEAEA;
  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);
  color: #ffffff;
}
.mdl-button.mdl-button--featured.mdl-button--raised.mdl-button--primary {
  color: #ffffff;
}
.mdl-button.mdl-button--featured.mdl-button--raised.mdl-button--accent {
  color: #ffffff;
}
.mdl-button.mdl-button--featured.mdl-button--raised.mdl-button--login {
  color: #ffffff;
}
.mdl-button.mdl-button--featured.mdl-button--raised:active,
.mdl-button.mdl-button--featured.mdl-button--raised:focus {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}
.mdl-button.mdl-button--featured.mdl-button--raised:disabled {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}
.mdl-button.mdl-button--login {
  border-color: #C02031;
  color: #C02031;
}
.mdl-button.mdl-button--login:disabled {
  border-color: #EAEAEA;
  color: #EAEAEA;
  cursor: not-allowed;
}
.mdl-button.mdl-button--login.mdl-button--raised {
  color: #ffffff;
  background: #C02031;
}
.mdl-button.mdl-button--login.mdl-button--raised:active,
.mdl-button.mdl-button--login.mdl-button--raised:focus {
  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-button.mdl-button--login.mdl-button--raised:focus {
  opacity: 0.93;
}
.mdl-button.mdl-button--login.mdl-button--raised:disabled {
  background-color: #EAEAEA;
  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);
  color: #ffffff;
}
.mdl-button.mdl-button--login.mdl-button--raised.mdl-button--primary {
  color: #ffffff;
}
.mdl-button.mdl-button--login.mdl-button--raised.mdl-button--accent {
  color: #ffffff;
}
.mdl-button.mdl-button--login.mdl-button--raised.mdl-button--login {
  color: #ffffff;
}
.mdl-button.mdl-button--login.mdl-button--raised:active,
.mdl-button.mdl-button--login.mdl-button--raised:focus {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}
.mdl-button.mdl-button--login.mdl-button--raised:disabled {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}
.mdl-button.mdl-button--facebook {
  border-color: #4867AA;
  color: rgba(255, 255, 255, 0.87);
  height: 46px;
  padding-left: 8px;
}
.mdl-button.mdl-button--facebook:disabled {
  border-color: #EAEAEA;
  color: #EAEAEA;
  cursor: not-allowed;
}
.mdl-button.mdl-button--facebook.mdl-button--raised {
  color: #ffffff;
  background: #4867AA;
}
.mdl-button.mdl-button--facebook.mdl-button--raised:active,
.mdl-button.mdl-button--facebook.mdl-button--raised:focus {
  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-button.mdl-button--facebook.mdl-button--raised:focus {
  opacity: 0.93;
}
.mdl-button.mdl-button--facebook.mdl-button--raised:disabled {
  background-color: #EAEAEA;
  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);
  color: #ffffff;
}
.mdl-button.mdl-button--facebook.mdl-button--raised.mdl-button--primary {
  color: #ffffff;
}
.mdl-button.mdl-button--facebook.mdl-button--raised.mdl-button--accent {
  color: #ffffff;
}
.mdl-button.mdl-button--facebook.mdl-button--raised.mdl-button--login {
  color: #ffffff;
}
.mdl-button.mdl-button--facebook.mdl-button--raised:active,
.mdl-button.mdl-button--facebook.mdl-button--raised:focus {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}
.mdl-button.mdl-button--facebook.mdl-button--raised:disabled {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}
.mdl-button.mdl-button--whatsapp {
  border-color: #25D366;
  color: rgba(255, 255, 255, 0.87);
  margin-bottom: 2.5rem;
}
.mdl-button.mdl-button--whatsapp:disabled {
  border-color: #EAEAEA;
  color: #EAEAEA;
  cursor: not-allowed;
}
.mdl-button.mdl-button--whatsapp.mdl-button--raised {
  color: #ffffff;
  background: #25D366;
}
.mdl-button.mdl-button--whatsapp.mdl-button--raised:active,
.mdl-button.mdl-button--whatsapp.mdl-button--raised:focus {
  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-button.mdl-button--whatsapp.mdl-button--raised:focus {
  opacity: 0.93;
}
.mdl-button.mdl-button--whatsapp.mdl-button--raised:disabled {
  background-color: #EAEAEA;
  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);
  color: #ffffff;
}
.mdl-button.mdl-button--whatsapp.mdl-button--raised.mdl-button--primary {
  color: #ffffff;
}
.mdl-button.mdl-button--whatsapp.mdl-button--raised.mdl-button--accent {
  color: #ffffff;
}
.mdl-button.mdl-button--whatsapp.mdl-button--raised.mdl-button--login {
  color: #ffffff;
}
.mdl-button.mdl-button--whatsapp.mdl-button--raised:active,
.mdl-button.mdl-button--whatsapp.mdl-button--raised:focus {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}
.mdl-button.mdl-button--whatsapp.mdl-button--raised:disabled {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}
.mdl-button.mdl-button--flat {
  border: none;
  box-shadow: none;
}
.mdl-button.mdl-button--list-button {
  width: 100%;
  box-shadow: none;
  border-radius: 0;
  text-align: left;
  padding: 12px;
  height: 60px;
  vertical-align: middle;
  border: 0;
  box-sizing: border-box;
  text-transform: none;
}
.mdl-button.mdl-button--list-button .material-icons {
  margin-right: 32px;
  color: rgba(0, 0, 0, 0.54);
}
.mdl-button.mdl-button--list-button .mdl-button--list-button__text {
  line-height: 24px;
  color: rgba(0, 0, 0, 0.54);
}
.mdl-button .mdl-button__icon {
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 839px) {
  .mdl-button.mdl-button--login {
    border-color: #C02031;
    color: #ffffff;
  }
  .mdl-button.mdl-button--login:disabled {
    border-color: #EAEAEA;
    color: #EAEAEA;
    cursor: not-allowed;
  }
  .mdl-button.mdl-button--login.mdl-button--raised {
    color: #ffffff;
    background: #C02031;
  }
  .mdl-button.mdl-button--login.mdl-button--raised:active,
  .mdl-button.mdl-button--login.mdl-button--raised:focus {
    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-button.mdl-button--login.mdl-button--raised:focus {
    opacity: 0.93;
  }
  .mdl-button.mdl-button--login.mdl-button--raised:disabled {
    background-color: #EAEAEA;
    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);
    color: #ffffff;
  }
  .mdl-button.mdl-button--login.mdl-button--raised.mdl-button--primary {
    color: #ffffff;
  }
  .mdl-button.mdl-button--login.mdl-button--raised.mdl-button--accent {
    color: #ffffff;
  }
  .mdl-button.mdl-button--login.mdl-button--raised.mdl-button--login {
    color: #ffffff;
  }
  .mdl-button.mdl-button--login.mdl-button--raised:active,
  .mdl-button.mdl-button--login.mdl-button--raised:focus {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  }
  .mdl-button.mdl-button--login.mdl-button--raised:disabled {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  }
}
@media screen and (min-width: 1366px) {
  .mdl-button .cart--button-container {
    display: flex;
    flex-direction: row;
  }
}
@media screen and (max-width: 1365px) {
  .mdl-button .cart--button-container {
    display: flex;
    flex-direction: column;
  }
}
.jquery-modal.blocker {
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.mdl-dialog {
  max-width: 100%;
  width: 350px;
  padding: 0;
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.35);
  z-index: 20;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /*
        ATEN��O:
        N�o deve ser aplicado overflow:hidden na classe mdl-dialog, 
        essa configura��o n�o deixa que os selects que estejam dentro da dialog sejam vistos completamente.
    */
}
.mdl-dialog .mdl-dialog__title {
  background: #FAFAFA;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 500;
  padding: 16px 50px 16px 26px;
}
.mdl-dialog .mdl-dialog__content {
  background: #FAFAFA;
  padding: 24px 24px 12px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  overflow-y: auto;
  max-height: calc(100vh - 180px);
}
.mdl-dialog .mdl-dialog__content .mdl-data-table td,
.mdl-dialog .mdl-dialog__content .mdl-data-table th {
  background: #FAFAFA;
}
.mdl-dialog .mdl-dialog__content .mdl-data-table-order-list table {
  background: #FAFAFA;
}
.mdl-dialog .mdl-dialog__content .mdl-data-table-order-list td,
.mdl-dialog .mdl-dialog__content .mdl-data-table-order-list th {
  background: none;
}
.mdl-dialog .mdl-dialog__content .mdl-data-table-order-list tr {
  border-width: 0 0 1px 0;
  border-style: solid;
}
.mdl-dialog .mdl-dialog__content .mdl-data-table-order-list tr:last-child {
  border: none;
}
.mdl-dialog .mdl-dialog__actions {
  background: #FAFAFA;
  padding: 0 26px 24px;
  justify-content: center;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.mdl-dialog .mdl-dialog__close {
  position: absolute;
  top: 16px;
  right: 17px;
}
.mdl-dialog .mdl-dialog__close__mobile-icon {
  display: none;
}
.mdl-dialog .mdl-dialog__back {
  display: none;
  position: absolute;
  top: 16px;
  left: 17px;
}
@media screen and (max-width:  680px ) {
  .mdl-dialog .mdl-dialog__back {
    left: 12px;
  }
}
.mdl-dialog .form__warning {
  padding: 0 24px;
}
.mdl-dialog .mdl-dialog__email-format {
  color: #C02031;
}
.mdl-dialog iframe {
  width: 100%;
  height: 100%;
}
.mdl-dialog .mdl-dialog__title ~ iframe {
  height: calc(100% - 64px);
}
.mdl-dialog.mdl-dialog--form-dialog .mdl-dialog__content {
  padding-top: 6px;
  padding-left: 0;
  padding-right: 0;
}
.mdl-dialog.mdl-dialog--lg {
  max-width: 100%;
  width: 640px;
}
@media screen and (max-width:  680px ) {
  .mdl-dialog.mdl-dialog--lg {
    position: fixed;
    top: 0 !important;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .mdl-dialog.mdl-dialog--lg .mdl-dialog__title {
    padding: 16px 26px 16px 75px;
    border-radius: 0;
  }
  .mdl-dialog.mdl-dialog--lg.mdl-dialog--primary .mdl-dialog__title {
    background: #C02031;
    background-size: 100%;
  }
  .mdl-dialog.mdl-dialog--lg.mdl-dialog--secondary .mdl-dialog__title {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.54);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background-size: 100%;
  }
  .mdl-dialog.mdl-dialog--lg.mdl-dialog--secondary .mdl-dialog__close .mdl-button {
    background: #ffffff;
  }
  .mdl-dialog.mdl-dialog--lg.mdl-dialog--secondary .mdl-dialog__close .material-icons {
    color: rgba(255, 255, 255, 0.87);
  }
  .mdl-dialog.mdl-dialog--lg .mdl-dialog__content {
    padding: 24px 16px 12px;
    flex-grow: 1;
    flex-shrink: 0;
    height: calc(100% - 145px);
    max-height: calc(100% - 145px);
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
  }
  .mdl-dialog.mdl-dialog--lg.mdl-dialog--no-action .mdl-dialog__content {
    height: calc(100% - 65px);
    max-height: calc(100% - 65px);
  }
  .mdl-dialog.mdl-dialog--lg.mdl-dialog--form-dialog .mdl-dialog__content {
    padding-top: 6px;
    padding-left: 0;
    padding-right: 0;
  }
  .mdl-dialog.mdl-dialog--lg .mdl-dialog__close {
    left: 12px;
  }
  .mdl-dialog.mdl-dialog--lg .mdl-dialog__close__desktop-icon {
    display: none;
  }
  .mdl-dialog.mdl-dialog--lg .mdl-dialog__close__mobile-icon {
    display: block;
    color: rgba(255, 255, 255, 0.87);
  }
  .mdl-dialog.mdl-dialog--lg .mdl-dialog__title {
    padding: 16px 26px 16px 75px;
    border-radius: 0;
  }
  .mdl-dialog.mdl-dialog--lg.mdl-dialog--primary .mdl-dialog__title {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.54);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background-size: 100%;
    margin-bottom: 6px;
    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-dialog.mdl-dialog--lg.mdl-dialog--primary .mdl-dialog__close .material-icons {
    color: #C02031;
  }
}
.mdl-dialog.mdl-dialog--primary .mdl-dialog__title {
  color: #fff;
  background: #C02031;
}
.mdl-dialog.mdl-dialog--primary .mdl-dialog__close .material-icons {
  color: #fff;
}
.mdl-dialog.mdl-dialog--secondary .mdl-dialog__title {
  color: #fff;
  background-color: #C02031;
}
.mdl-dialog.mdl-dialog--secondary .mdl-dialog__close .material-icons {
  color: rgba(255, 255, 255, 0.54);
}
.mdl-dialog.mdl-dialog--go-back .mdl-dialog__title {
  padding-left: 75px;
}
.mdl-dialog.mdl-dialog--go-back .mdl-dialog__back {
  display: block;
}
.mdl-dialog.mdl-dialog--go-back .mdl-dialog__back .material-icons {
  color: #fff;
}
@media screen and (max-width:  680px ) {
  .mdl-dialog.mdl-dialog--go-back .mdl-dialog__back .material-icons {
    color: #C02031;
  }
}
@media screen and (max-width:  680px ) {
  .mdl-dialog.mdl-dialog--go-back .mdl-dialog__close {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  .mdl-dialog {
    z-index: 100;
    max-height: 100vh;
    height: auto;
    overflow: hidden;
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .mdl-dialog .mdl-dialog__title {
    padding: 16px 26px 16px 75px;
    border-radius: 0;
  }
  .mdl-dialog.mdl-dialog--primary .mdl-dialog__title {
    background: #C02031;
    background-size: 100%;
  }
  .mdl-dialog.mdl-dialog--secondary .mdl-dialog__title {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.54);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background-size: 100%;
  }
  .mdl-dialog.mdl-dialog--secondary .mdl-dialog__close .mdl-button {
    background: #ffffff;
  }
  .mdl-dialog.mdl-dialog--secondary .mdl-dialog__close .material-icons {
    color: rgba(255, 255, 255, 0.87);
  }
  .mdl-dialog .mdl-dialog__content {
    padding: 24px 16px 12px;
    flex-grow: 1;
    flex-shrink: 0;
    height: calc(100% - 145px);
    max-height: calc(100% - 145px);
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
  }
  .mdl-dialog.mdl-dialog--no-action .mdl-dialog__content {
    height: calc(100% - 65px);
    max-height: calc(100% - 65px);
  }
  .mdl-dialog.mdl-dialog--form-dialog .mdl-dialog__content {
    padding-top: 6px;
    padding-left: 0;
    padding-right: 0;
  }
  .mdl-dialog .mdl-dialog__close {
    left: 12px;
  }
  .mdl-dialog .mdl-dialog__close__desktop-icon {
    display: none;
  }
  .mdl-dialog .mdl-dialog__close__mobile-icon {
    display: block;
    color: rgba(255, 255, 255, 0.87);
  }
  .mdl-dialog .mdl-dialog__title {
    padding: 16px 26px 16px 75px;
    border-radius: 0;
  }
  .mdl-dialog.mdl-dialog--primary .mdl-dialog__title {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.54);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background-size: 100%;
    margin-bottom: 6px;
    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-dialog.mdl-dialog--primary .mdl-dialog__close .material-icons {
    color: #C02031;
  }
}
.mdl-dialog.mdl-dialog--confirm .mdl-dialog__actions {
  padding-right: 16px;
  padding-bottom: 10px;
  justify-content: flex-start;
}
.mdl-dialog.mdl-dialog--confirm .mdl-dialog__actions .mdl-button {
  box-shadow: none;
  border: 2px solid transparent;
}
.mdl-dialog.mdl-dialog--confirm .mdl-dialog__content {
  padding-top: 8px;
}
.mdl-dialog.mdl-dialog--confirm .mdl-dialog__content p {
  font-size: 16px;
  line-height: 24px;
}
@media screen and (max-width: 479px) {
  .mdl-dialog.mdl-dialog--confirm .mdl-dialog__title {
    padding: 16px 16px 0;
  }
  .mdl-dialog.mdl-dialog--confirm .mdl-dialog__actions {
    padding-bottom: 25px;
  }
  .mdl-dialog.mdl-dialog--confirm .mdl-dialog__content {
    padding-top: 24px;
    height: calc(100% - 110px);
    max-height: calc(100% - 110px);
  }
}
.mdl-dialog.mdl-dialog--tabs .mdl-dialog__content {
  padding: 0;
  overflow: hidden;
}
.mdl-dialog.mdl-dialog--tabs .mdl-tabs__panel {
  overflow-y: auto;
  max-height: calc(100vh - 280px);
}
.mdl-dialog.mdl-dialog--tabs .mdl-tabs__tab-bar {
  border-bottom: none;
}
.mdl-dialog.mdl-dialog--tabs.mdl-dialog--primary .mdl-tabs__tab-bar {
  background: #C02031;
  border-bottom: none;
  border-radius: 0;
}
.mdl-dialog.mdl-dialog--tabs.mdl-dialog--primary .mdl-tabs__tab {
  color: rgba(255, 255, 255, 0.54);
}
.mdl-dialog.mdl-dialog--tabs.mdl-dialog--primary .mdl-tabs__tab.is-active {
  color: rgba(255, 255, 255, 0.87);
}
.mdl-dialog.mdl-dialog--tabs.mdl-dialog--primary .mdl-tabs__tab.is-active:after {
  background: #FF4C61;
}
.mdl-dialog.mdl-dialog--tabs.mdl-dialog--secondary .mdl-dialog__title {
  background: #C02031;
  border-bottom: none;
  border-radius: 0;
  color: rgba(255, 255, 255, 0.87);
}
.mdl-dialog.mdl-dialog--tabs.mdl-dialog--secondary .mdl-dialog__close .mdl-button {
  background: transparent;
}
.mdl-dialog.mdl-dialog--tabs.mdl-dialog--secondary .mdl-dialog__close .mdl-button .material-icons {
  color: rgba(255, 255, 255, 0.87);
}
.mdl-dialog.mdl-dialog--tabs.mdl-dialog--secondary .mdl-tabs__tab-bar {
  background: #C02031;
}
.mdl-dialog.mdl-dialog--tabs.mdl-dialog--secondary .mdl-tabs__tab {
  color: rgba(255, 255, 255, 0.54);
}
.mdl-dialog.mdl-dialog--tabs.mdl-dialog--secondary .mdl-tabs__tab.is-active {
  color: rgba(255, 255, 255, 0.87);
}
.mdl-dialog.mdl-dialog--tabs.mdl-dialog--secondary .mdl-tabs__tab.is-active:after {
  background: #FF4C61;
}
@media screen and (max-width: 479px) {
  .mdl-dialog.mdl-dialog--tabs .mdl-dialog__content {
    height: calc(100% - 62px);
    max-height: calc(100% - 62px);
  }
  .mdl-dialog.mdl-dialog--tabs .mdl-tabs__panel {
    max-height: calc(100vh - 142px);
  }
}
.mdl-dialog .dialog__row {
  margin-left: -24px;
  margin-right: -24px;
}
@media screen and (max-width:  680px ) {
  .mdl-dialog .dialog__row {
    margin-left: -16px;
    margin-right: -16px;
  }
}
.mdl-dialog .dialog__section {
  padding-left: 24px;
  padding-right: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.mdl-dialog .dialog__section.no-separator {
  border: none;
}
@media screen and (max-width:  680px ) {
  .mdl-dialog .dialog__section {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.mdl-dialog .dialog__table {
  width: 100%;
  border-left: none;
  border-right: none;
}
.mdl-dialog .dialog__button-container {
  padding-top: 16px;
  padding-bottom: 16px;
}
.mdl-dialog .dialog-mobile-placeholder {
  flex-grow: 1;
  flex-shrink: 0;
}
.mdl-dialog .mdl-layout.dialog-mobile .mdl-dialog {
  position: relative;
  box-shadow: none;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  height: 100%;
  z-index: 1;
}
.mdl-dialog .mdl-layout.dialog-mobile .mdl-dialog__title {
  display: none;
}
.mdl-dialog .mdl-layout.dialog-mobile .navigation-menu {
  display: none;
}
.mdl-dialog .mdl-layout.dialog-mobile .header {
  display: none;
}
.mdl-dialog .mdl-layout.dialog-mobile.dialog-mobile--full-header .mdl-dialog__title {
  display: none;
}
.mdl-dialog .mdl-layout.dialog-mobile.dialog-mobile--full-header .header {
  display: block;
}
.mdl-dialog .mdl-layout.dialog-mobile .mdl-layout__content {
  display: none;
}
.mdl-dialog .mdl-layout.dialog-mobile .mdl-dialog__content {
  height: inherit !important;
  max-height: inherit !important;
  overflow: visible;
}
.mdl-dialog .password-validation.password-validation--mobile {
  display: none;
}
@media screen and (max-width: 839px) {
  .mdl-dialog .password-validation.password-validation--mobile {
    display: block;
  }
}
.mdl-dialog .password-validation.password-validation--mobile p {
  margin: 0;
  font-size: 16px;
  line-height: 21px;
}
.mdl-dialog .password-validation.password-validation--mobile .field-validation__title {
  color: rgba(0, 0, 0, 0.87);
}
.mdl-dialog .password-validation.password-validation--mobile .field-validation__item {
  color: rgba(0, 0, 0, 0.54);
  display: inline;
  text-transform: lowercase;
}
.mdl-dialog .password-validation.password-validation--mobile .field-validation__item:after {
  content: ",";
}
.mdl-dialog .password-validation.password-validation--mobile .field-validation__item:last-of-type:after {
  content: ".";
}
.mdl-dialog .password-validation.password-validation--mobile .field-validation__item:nth-of-type(2) {
  text-transform: inherit;
}
@media screen and (max-width: 839px) {
  .mdl-dialog .password-validation.password-validation--desktop {
    display: none !important;
  }
}
.mdl-checkbox__input {
  opacity: 0;
}
.mdl-textfield {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mdl-textfield.mdl-textfield--has-button .mdl-textfield__label {
  padding-right: 28px;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.mdl-textfield.mdl-textfield--has-button .mdl-textfield__input {
  box-sizing: border-box;
  padding-right: 28px;
}
.mdl-textfield.is-invalid .mdl-textfield__input {
  border-color: #FF4C61;
  border-bottom-width: 2px;
}
.mdl-textfield.is-invalid .mdl-textfield__label:after {
  background-color: #FF4C61;
}
.mdl-textfield.is-invalid.mdl-textfield--floating-label .mdl-textfield__label {
  color: #FF4C61;
}
.mdl-textfield.is-invalid.is-focused.mdl-textfield--floating-label .mdl-textfield__label,
.mdl-textfield.is-invalid.is-dirty.mdl-textfield--floating-label .mdl-textfield__label {
  color: #FF4C61;
}
.mdl-textfield.is-invalid .mdl-textfield__error--invalid-format,
.mdl-textfield.is-invalid .mdl-textfield__error--invalid-char {
  display: none;
}
.mdl-textfield.is-invalid.is-invalid--char .mdl-textfield__error,
.mdl-textfield.is-invalid.is-invalid--format .mdl-textfield__error {
  display: none;
}
.mdl-textfield.is-invalid.is-invalid--char {
  margin-bottom: 24px;
}
.mdl-textfield.is-invalid.is-invalid--char .mdl-textfield__error--invalid-char {
  display: block;
}
.mdl-textfield.is-invalid.is-invalid--format {
  margin-bottom: 12px;
}
.mdl-textfield.is-invalid.is-invalid--format .mdl-textfield__error--invalid-format {
  display: block;
}
.mdl-textfield.is-invalid.is-invalid--format.is-focused {
  margin-bottom: 0;
}
.mdl-textfield.is-invalid.is-invalid--format.is-focused .mdl-textfield__error--invalid-format {
  display: none;
}
.mdl-textfield.mdl-textfield--right-error .mdl-textfield__error {
  width: 100%;
  text-align: right;
}
.mdl-textfield.is-dirty .mdl-textfield__input,
.mdl-textfield.is-focused .mdl-textfield__input {
  border-bottom-width: 2px;
}
.mdl-textfield__button {
  right: -4px;
}
.mdl-textfield__button .material-icons {
  color: rgba(0, 0, 0, 0.54);
}
.mdl-textfield--inverse .mdl-textfield__button .material-icons {
  color: #fff;
}
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.is-focused .mdl-textfield__label {
  color: rgba(0, 0, 0, 0.38);
}
.mdl-selectfield--floating-label.is-dirty .mdl-selectfield__label,
.mdl-selectfield--floating-label.is-focused .mdl-selectfield__label {
  color: rgba(0, 0, 0, 0.38);
}
.mdl-selectfield {
  width: 100%;
  max-width: 300px;
}
.mdl-selectfield .mdl-selectfield__select {
  width: 0;
  z-index: -10;
  position: relative;
}
.mdl-selectfield .mdl-selectfield__label {
  z-index: 1;
}
.mdl-selectfield .mdl-selectfield__error {
  white-space: normal;
}
.mdl-selectfield .mdl-selectfield__box {
  border-bottom: none;
}
.mdl-selectfield .mdl-selectfield__box .material-icons:hover {
  cursor: pointer;
}
.mdl-selectfield .mdl-selectfield__box:hover {
  cursor: pointer;
}
.mdl-selectfield.mdl-selectfield--border .mdl-selectfield__box {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mdl-selectfield.mdl-selectfield--border .mdl-selectfield__label {
  color: rgba(0, 0, 0, 0.38);
}
.mdl-selectfield.mdl-selectfield--border.is-dirty .mdl-selectfield__box {
  border-bottom: 2px solid #C02031;
}
.mdl-selectfield.is-disabled:hover,
.mdl-selectfield.is-disabled .mdl-selectfield__box,
.mdl-selectfield.is-disabled .mdl-selectfield__box > .mdl-selectfield__arrow-down__container .mdl-selectfield__arrow-down {
  cursor: not-allowed;
}
.mdl-selectfield.is-disabled .mdl-selectfield__box > .mdl-selectfield__arrow-down__container .mdl-selectfield__arrow-down {
  border-top-color: rgba(0, 0, 0, 0.26);
}
.mdl-selectfield .mdl-selectfield__box-value {
  color: rgba(0, 0, 0, 0.87);
  font-weight: 500;
  font-size: 15px;
  top: -2px;
  width: calc(100% - 30px);
}
.mdl-selectfield .mdl-selectfield__label {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  font-size: 15px;
  font-weight: 500;
  top: 22px;
  color: rgba(0, 0, 0, 0.87);
}
.mdl-selectfield .mdl-selectfield__arrow-down__container .mdl-selectfield__arrow-down {
  border-top-color: rgba(0, 0, 0, 0.54);
}
.mdl-selectfield.is-invalid .mdl-selectfield__label {
  color: #FF4C61;
}
.mdl-selectfield.is-invalid .mdl-selectfield__box > .mdl-selectfield__arrow-down__container .mdl-selectfield__arrow-down {
  border-top-color: #FF4C61;
}
.mdl-selectfield.mdl-selectfield--slim:not(.mdl-selectfield--floating-label) {
  padding: 5px 0;
}
.mdl-selectfield.mdl-selectfield--slim:not(.mdl-selectfield--floating-label) .mdl-selectfield__list-option-box {
  top: 0;
}
.mdl-selectfield.mdl-selectfield--slim:not(.mdl-selectfield--floating-label) .mdl-selectfield__box {
  top: 0;
}
.mdl-selectfield.mdl-selectfield--slim:not(.mdl-selectfield--floating-label) .mdl-selectfield__box > .mdl-selectfield__arrow-down__container {
  right: 10px;
}
.mdl-selectfield.mdl-selectfield--slim:not(.mdl-selectfield--floating-label) .mdl-selectfield__label {
  top: 0;
}
@media screen and (max-device-height: 850px) {
  .mdl-selectfield__list-option-box {
    max-height: 150px;
  }
}
.mdl-textfield__input {
  color: rgba(0, 0, 0, 0.87);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
.mdl-textfield__input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.38);
}
.mdl-textfield__input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.38);
}
.mdl-textfield__input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.38);
}
.mdl-textfield__input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.38);
}
.mdl-textfield__label {
  color: rgba(0, 0, 0, 0.38);
}
.mdl-textfield__label:after {
  background-color: #C02031;
}
.mdl-textfield__error,
.mdl-selectfield__error {
  color: #FF4C61;
}
.mdl-textfield--inverse .mdl-textfield__input {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.8);
}
.mdl-textfield--inverse.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--inverse.mdl-textfield--floating-label.is-focused .mdl-textfield__label {
  color: rgba(255, 255, 255, 0.5);
}
.mdl-textfield--inverse .mdl-textfield__label {
  color: rgba(255, 255, 255, 0.5);
}
.mdl-textfield--inverse .mdl-textfield__label:after {
  background-color: rgba(255, 255, 255, 0.12);
}
.input-box {
  display: flex;
  justify-content: space-between;
  padding: 0 16px 0 16px;
  align-items: center;
  background: #ffffff;
  height: 48px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.input-box .material-icons {
  color: rgba(0, 0, 0, 0.54);
}
.input-box .mdl-textfield {
  width: calc(100% - 48px);
  padding: 0;
}
.input-box .mdl-textfield .mdl-textfield__input {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.38);
  border-bottom-color: transparent;
}
.input-box .mdl-textfield .mdl-textfield__label {
  top: 2px;
  font-size: 14px;
}
.input-box .mdl-textfield .mdl-textfield__label:after {
  background-color: transparent;
}
.input-box .mdl-textfield.mdl-textfield--has-button {
  position: relative;
}
.input-box .mdl-textfield.mdl-textfield--has-button .mdl-textfield__button {
  top: -6px;
}
form .mdl-grid {
  padding: 0;
}
form .form-grid-row {
  margin-right: -8px;
  margin-left: -8px;
}
form .form__warning {
  font-size: 12px;
  margin-bottom: 0;
}
form legend {
  padding: 0;
  padding-bottom: 10px;
  font-size: 12px;
}
form .form__section {
  padding: 30px 24px 16px 24px;
}
form .form__section + .form__section {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
form .form__section fieldset {
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px;
}
form .form__section fieldset:first-of-type {
  padding-left: 0;
}
form .form__section fieldset:last-of-type {
  padding-right: 0;
}
form .form__section .form__section__title {
  font-size: 16px;
  line-height: 21px;
  color: rgba(0, 0, 0, 0.87);
}
@media screen and (max-width: 479px) {
  .mdl-dialog form .form__warning {
    padding: 0 16px;
  }
  .mdl-dialog form .form__section {
    padding: 30px 16px 24px 16px;
  }
}
@media screen and (max-width:  680px ) {
  .mdl-dialog--lg.mdl-dialog form .form__warning {
    padding: 0 16px;
  }
  .mdl-dialog--lg.mdl-dialog form .form__section {
    padding: 30px 16px 24px 16px;
  }
}
.out-label-textfield {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}
.out-label-textfield .out-label-textfield__label {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 12px;
}
.out-label-textfield .out-label-texfield__fields {
  display: flex;
}
.out-label-textfield .out-label-texfield__fields .mdl-textfield {
  padding-bottom: 3px;
  padding-top: 0;
  margin-left: 5px;
  margin-right: 5px;
}
.out-label-textfield .out-label-texfield__fields .mdl-textfield:first-of-type {
  margin-left: 0;
}
.out-label-textfield .out-label-texfield__fields .mdl-textfield:last-of-type {
  margin-right: 0;
}
.out-label-textfield .out-label-texfield__fields .mdl-textfield__label:after {
  bottom: 3px;
}
.out-label-textfield .out-label-texfield__fields .mdl-selectfield {
  margin-left: 5px;
  margin-right: 5px;
}
.out-label-textfield .out-label-texfield__fields .mdl-selectfield:first-of-type {
  margin-left: 0;
}
.out-label-textfield .out-label-texfield__fields .mdl-selectfield:last-of-type {
  margin-right: 0;
}
.out-label-textfield .out-label-textfield__error {
  position: absolute;
  color: #FF4C61;
  display: none;
  font-size: 12px;
}
.out-label-textfield .out-label-textfield__error.out-label-textfield__error--selectfield {
  margin-top: -6px;
}
.out-label-textfield.is-invalid .out-label-textfield__error {
  display: block;
}
.mdl-radio .mdl-radio__inner-circle {
  background: #17C0A6;
  width: 10px;
  height: 10px;
  top: 6px;
}
.mdl-radio .mdl-radio__outer-circle {
  width: 18px;
  height: 18px;
  top: 2px;
}
.mdl-radio.is-checked .mdl-radio__outer-circle {
  border-color: #17C0A6;
}
.mdl-radio + .mdl-radio {
  margin-left: 20px;
}
.mdl-radio .mdl-radio__ripple-container {
  top: -10px;
  left: -12px;
}
.mdl-radio .mdl-radio__label {
  font-size: 14px;
}
.mdl-radio__ripple-container .mdl-ripple {
  background: #17C0A6;
}
.mdl-checkbox .mdl-checkbox__box-outline {
  width: 18px;
  height: 18px;
}
.mdl-checkbox .mdl-checkbox__label {
  font-size: 14px;
}
.mdl-checkbox .mdl-checkbox__label + a {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
}
.mdl-checkbox.is-upgraded {
  padding-left: 30px;
}
.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
  border-color: #17C0A6;
}
.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
  background-color: #17C0A6;
}
.mdl-checkbox__ripple-container .mdl-ripple {
  background: #17C0A6;
}
.search-mobile {
  position: fixed;
  z-index: 10;
  width: 100%;
  padding: 34px 8px 10px 8px;
  box-sizing: border-box;
  left: 0;
  top: 0;
  transform: translate(0, -100%);
  background-color: #C02031;
  background-repeat: no-repeat;
  background-position: right;
  background-image: url('/img/custom/loccitane/toolbar-gradient-mobile.png');
  background-size: cover;
  min-height: auto;
  transition: 0.2s transform ease-out;
}
.search-mobile.is-active {
  transform: translate(0, 0);
}
.mobile-toolbar .mobile-toolbar__title {
  margin: 0;
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
  padding: 16px 26px 16px 75px;
  border-radius: 0;
  background-repeat: no-repeat;
  background-position: right;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  color: rgba(255, 255, 255, 0.87);
  background: #C02031;
  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);
  position: relative;
  background-size: cover;
  padding: 28px 26px 13px 75px !important;
}
.mobile-toolbar .mobile-toolbar__action-button {
  display: block;
  position: absolute;
  top: 16px;
  left: 17px;
  top: 28px !important;
}
.mobile-toolbar .mobile-toolbar__action-button .material-icons {
  color: rgba(255, 255, 255, 0.87);
}
.status-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
  -webkit-border-radius: 13%;
  -moz-border-radius: 13%;
  border-radius: 13%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 1;
  position: relative;
}
.status-icon > i,
.status-icon > .material-icons {
  color: #ffffff;
  font-size: 20px;
  width: 20px;
  line-height: 40px;
}
.status-icon.status-icon--collection {
  background: #ffC130;
}
.status-icon.status-icon--collection > .material-icons:before {
  content: 'shopping_basket';
}
.status-icon.status-icon--pending {
  background: #f39726;
}
.status-icon.status-icon--pending .material-icons {
  font-size: 27px;
  width: 40px;
}
.status-icon.status-icon--pending > .material-icons:before {
  content: 'assignment_late';
}
.status-icon.status-icon--approved {
  background: #17C0A6;
}
.status-icon.status-icon--approved .material-icons {
  font-size: 27px;
  width: 40px;
}
.status-icon.status-icon--approved > .material-icons:before {
  content: 'done';
}
.status-icon.status-icon--shipping {
  background: #17C0A6;
}
.status-icon.status-icon--shipping > .material-icons:before {
  content: 'local_shipping';
}
.status-icon.status-icon--received {
  background: #17C0A6;
}
.status-icon.status-icon--received > .material-icons:before {
  content: 'check';
}
.status-icon.status-icon--reserved {
  background: #ffC130;
}
.status-icon.status-icon--reserved > .material-icons:before {
  content: 'content_paste';
}
.status-icon.status-icon--separation {
  background: #17C0A6;
}
.status-icon.status-icon--separation > .material-icons:before {
  content: 'assignment';
}
.status-icon.status-icon--canceled {
  display: block;
  content: ' ';
  background-image: url('/img/status_icon_canceled.svg');
  background-size: 40px 40px;
  height: 40px;
  width: 40px !important;
  align-content: center;
  align-items: center;
}
.status-icon.status-icon--split {
  display: block;
  content: ' ';
  background-image: url('/img/status_icon_split.svg');
  background-size: 40px 40px;
  height: 40px;
  width: 40px !important;
  align-content: center;
  align-items: center;
}
.status-icon.status-icon--warning {
  background: #E84561;
}
.status-icon.status-icon--warning > .material-icons:before {
  content: 'warning';
}
.status-icon.status-icon--mini {
  width: 32px !important;
  height: 32px;
  background-size: 32px 32px;
  margin-left: 4px;
}
.status-icon.status-icon--mini > i,
.status-icon.status-icon--mini > .material-icons {
  font-size: 24px;
  width: 24px;
  line-height: 23px;
  padding-top: 5px;
}
.mdl-data-table td > .material-icons {
  vertical-align: middle;
}
.mdl-data-table th {
  font-weight: normal;
  height: auto;
}
.table-list {
  max-width: 100%;
  border: 0;
}
.table-list .table-list__head {
  border: none;
}
.table-list .table-list__head--hidden {
  visibility: collapse;
}
.table-list .table-list__head--hidden tr {
  border: none;
}
.table-list .table-list__head--hidden th {
  height: 0;
  padding: 0;
  border: none;
}
.table-list td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.table-list p,
.table-list span {
  vertical-align: middle;
  margin: 0;
}
.table-list .table-list__img-container {
  width: 1px;
  padding-right: 0;
}
@media screen and (max-width: 479px) {
  .table-list .table-list__img-container {
    padding-right: 8px;
  }
}
.table-list .table-list__img-thumb {
  display: inline-block;
  width: 56px;
  margin-right: 10px;
  box-sizing: border-box;
}
.table-list .table-list__img-thumb img {
  max-width: 100%;
}
.table-list .table-list__product-description {
  display: inline-block;
  white-space: normal;
  vertical-align: middle;
  max-width: calc(100% - 70px);
}
.table-list .table-list__text {
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
}
@media screen and (min-width: 480px) {
  .table-list .table-list__text.hide-gt-phone {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  .table-list .table-list__text .material-icons {
    display: none;
  }
}
.table-list .table-list__text--block {
  display: block;
}
.table-list .table-list__text--title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
}
.table-list .table-list__text--amount {
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
}
.table-list .table-list__text--value {
  color: #17C0A6;
  font-size: 16px;
  line-height: 19px;
}
.table-list .table-list__context-menu-container {
  width: 1px;
  position: relative;
}
.table-list .table-list__context-menu-container:last-child {
  padding-right: 12px;
}
.table-list .mdl-menu__container {
  right: 16px;
  top: 20px !important;
}
.table-list .table-list__td--truncate {
  max-width: 1px;
}
.table-list .table-list__text--truncate {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.table-list.table-list--product-list tbody > tr {
  box-sizing: border-box;
}
.table-list.table-list--product-list tbody > tr > td {
  padding-top: 16px;
  padding-bottom: 16px;
}
.table-list.table-list--product-list tr:hover {
  background: inherit;
}
.table-list.table-list--product-list .table-list__text--title {
  white-space: normal;
}
@media screen and (max-width: 479px) {
  .table-list .hidden-phone {
    display: none;
  }
  .table-list th,
  .table-list td {
    vertical-align: top;
    padding-left: 4px;
    padding-right: 4px;
  }
  .table-list th:first-child,
  .table-list td:first-child {
    padding-left: 16px;
  }
  .table-list th::last-child,
  .table-list td::last-child {
    padding-right: 16px;
  }
  .table-list .table-list__img-container {
    margin-right: 8px;
  }
  .table-list .table-list__img-thumb {
    width: 32px;
  }
  .table-list .table-list__product-description {
    max-width: calc(100% - 46px);
  }
  .table-list.table-list--product-list th,
  .table-list.table-list--product-list td {
    padding-left: 8px;
    padding-right: 8px;
  }
  .table-list.table-list--product-list th:first-child,
  .table-list.table-list--product-list td:first-child {
    padding-left: 16px;
  }
  .table-list.table-list--product-list th::last-child,
  .table-list.table-list--product-list td::last-child {
    padding-right: 16px;
  }
}
.product-card {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.product-card .tag-top {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  max-width: 50%;
}
.product-card .tag-top img {
  width: 100%;
}
.product-card .tag-bottom {
  position: absolute;
  bottom: 0px;
  z-index: 1;
  left: 50%;
  transform: translate(-50%, 0%);
  max-width: 50%;
}
.product-card .tag-bottom img {
  width: 100%;
}
.product-card .product-card__url {
  display: block;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.54);
}
.product-card .product-card__content {
  position: relative;
}
.product-card .favorite-icon {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.product-card .product-card__img-placeholder {
  text-align: center;
  max-height: 165px;
  display: block;
}
.product-card .product-card__img {
  max-width: 100%;
  max-height: 165px;
  margin: 0 auto;
}
.product-card .product-card__name {
  box-sizing: border-box;
  font-weight: 500;
  font-size: 14px;
  margin-top: 12px;
  margin-bottom: 0;
  line-height: 19px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 38px;
  overflow: hidden;
}
.product-card .product-card__prices-placeholder {
  height: 65px;
}
.product-card .product-card__prices-placeholder.product-card__prices-placeholder--has-points {
  height: 81px;
}
.product-card .product-card__high-price,
.product-card .product-card__from-price {
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.38);
  margin-top: 0;
  margin-bottom: 0;
}
.product-card .product-card__points,
.product-card .product-card__low-price {
  display: block;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
}
.product-card .product-card__low-price {
  color: #17C0A6;
}
.product-card .product-card__points {
  color: #C02031;
}
.product-card .product-card__price-measurement {
  display: block;
  font-size: 16px;
  line-height: 19px;
  color: #17C0A6;
}
@media screen and (max-width: 479px) {
  .product-card .product-card__price-measurement {
    font-size: 12px;
    line-height: 16px;
  }
}
@media screen and (max-width: 479px) {
  .product-card .product-card__low-price {
    font-size: 16px;
    line-height: 21px;
  }
}
.product-card .product-card__prices-placeholder--has-points .product-card__low-price {
  font-size: 16px;
  line-height: 19px;
}
.product-card .product-card__action {
  text-align: center;
  margin: 10px 0px 0px;
  display: -webkit-flex;
  display: flex;
  flex-direction: row !important;
  justify-content: space-around;
}
@media (max-width: 1200px) {
  .product-card .product-card__action {
    flex-direction: column !important;
  }
}
.product-card .product-card__action .mdl-button {
  justify-content: center;
  padding: 9px 15px;
  line-height: inherit;
  display: flex;
  width: 48%;
  height: auto;
  font-size: 12px;
  min-height: 35px;
  margin-bottom: 0px;
  align-items: center;
}
.product-card .product-card__action .mdl-button:only-of-type {
  width: auto;
  padding: 9px 15px;
}
.product-card .product-card__action .mdl-button.product-card__action__added {
  display: none;
}
@media (max-width: 1200px) {
  .product-card .product-card__action .mdl-button {
    width: 100%;
  }
  .product-card .product-card__action .mdl-button.product-card__action__fastbuy {
    margin-bottom: 12px;
  }
}
.product-card .product-card__action .product-card__action__buy + .product-card__action__added {
  width: auto;
  padding: 9px 15px;
}
.product-card .product-card__action .product-card__action__fastbuy + .product-card__action__buy + .product-card__action__added {
  width: 48%;
}
@media (max-width: 1360px) {
  .product-card .product-card__action .product-card__action__fastbuy + .product-card__action__buy + .product-card__action__added {
    width: 100%;
  }
}
.product-card.product-card--added .product-card__action .product-card__action__buy {
  display: none;
}
.product-card.product-card--added .product-card__action .product-card__action__added {
  display: flex;
}
.product-card .schema-hidden {
  display: none;
}
.product-list__title {
  font-size: 25px;
  color: #525252;
  text-align: center;
  font-weight: 700;
  margin: 0;
  padding: 18px;
}
@media screen and (max-width: 999px) {
  .product-list__title {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.54);
  }
}
.product-list__content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.product-list__no-result {
  margin: 24px auto;
  text-align: center;
}
.product-list-default {
  box-sizing: border-box;
  margin: 0 auto;
}
.product-list-default .product-list__title {
  padding-bottom: 0;
}
.product-list-default .buy-restricted {
  font-size: 12px;
}
.product-list-default .buy-restricted i {
  background: #ff4c61;
  border-radius: 50%;
  padding: 11px;
  vertical-align: middle;
  color: white;
  margin-right: 7px;
  font-size: 26px;
}
.product-list-default .buy-restricted span {
  display: inline-block;
  width: calc(100% - 58px);
  vertical-align: middle;
}
@media (max-width: 1200px) {
  .product-list-default .buy-restricted {
    text-align: center;
  }
  .product-list-default .buy-restricted span {
    display: block;
    width: 100%;
  }
}
.product-list-default .product-card {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #ffffff;
  float: left;
  width: calc(20% - 20px);
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-top: 12px;
  margin-top: 20px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
}
.product-list-default .product-card .favorite-icon {
  top: 6px;
  right: 6px;
}
@media screen and (max-width: 1050px) {
  .product-list-default .product-card {
    width: calc(25% - 20px);
  }
}
@media screen and (max-width: 839px) {
  .product-list-default .product-card {
    width: calc(33.3333% - 20px);
  }
}
@media screen and (max-width: 600px) {
  .product-list-default .product-card {
    width: calc(50% - 6px);
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 10px;
  }
  .product-list-default .pagination li:first-of-type {
    margin: 0;
  }
  .product-list-default .pagination li:last-of-type {
    margin: 0;
  }
}
@media screen and (max-width: 370px) {
  .product-list-default .product-card {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (max-width: 335px) {
  .product-list-default .product-card {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.product-list-carousel {
  box-sizing: border-box;
  max-width: calc(100% + 140px);
  margin: 0 auto;
  padding: 0 70px;
}
.product-list-carousel .slick-slide:focus,
.product-list-carousel .slick-slide > div:focus,
.product-list-carousel .slick-slide a:focus {
  outline: none;
}
.product-list-carousel .product-carousel .slick-list {
  width: 100% !important;
}
.product-list-carousel .product-carousel .slick-track {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.product-list-carousel .product-carousel .slick-track .slick-slide {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: auto;
}
.product-list-carousel .product-carousel .slick-track .slick-slide > div {
  height: 50%;
}
.product-list-carousel .product-carousel .buy-restricted {
  font-size: 12px;
}
.product-list-carousel .product-carousel .buy-restricted i {
  background: #ff4c61;
  border-radius: 50%;
  padding: 11px;
  vertical-align: middle;
  color: white;
  margin-right: 7px;
  font-size: 26px;
}
.product-list-carousel .product-carousel .buy-restricted span {
  display: inline-block;
  width: calc(100% - 58px);
  vertical-align: middle;
}
@media (max-width: 1200px) {
  .product-list-carousel .product-carousel .buy-restricted {
    text-align: center;
  }
  .product-list-carousel .product-carousel .buy-restricted span {
    display: block;
    width: 100%;
  }
}
.product-list-carousel .product-list__title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  background: #ffffff;
}
.product-list-carousel .product-list__content {
  padding: 0 24px 14px 24px;
  background: #ffffff;
}
.product-list-carousel .product-list__content:before {
  content: '';
  display: block;
  position: absolute;
  width: 3px;
  height: calc(100% - 120px);
  background: #ffffff;
  left: 24px;
  top: 60px;
  z-index: 100;
}
.product-list-carousel .product-list {
  position: relative;
  clear: both;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.product-list-carousel .product-list .product-card {
  float: left;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  margin-top: 24px;
}
.product-list-carousel .product-list .product-card .favorite-icon {
  right: 16px;
}
.product-list-carousel .product-list .product-card:before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 120px);
  background: rgba(0, 0, 0, 0.1);
  left: 0;
  top: 60px;
}
.product-list-carousel .product-list .product-list__arrow-prev,
.product-list-carousel .product-list .product-list__arrow-next {
  position: absolute;
  top: calc(50% - 35px);
  text-decoration: none;
  color: #717171;
}
.product-list-carousel .product-list .product-list__arrow-prev.slick-disabled,
.product-list-carousel .product-list .product-list__arrow-next.slick-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: transparent;
}
.product-list-carousel .product-list .product-list__arrow-prev.slick-disabled:hover,
.product-list-carousel .product-list .product-list__arrow-next.slick-disabled:hover {
  background: transparent;
}
.product-list-carousel .product-list .product-list__arrow-prev.slick-disabled .mdl-ripple,
.product-list-carousel .product-list .product-list__arrow-next.slick-disabled .mdl-ripple {
  background: transparent;
}
.product-list-carousel .product-list .product-list__arrow-prev {
  left: -67px;
}
.product-list-carousel .product-list .product-list__arrow-next {
  right: -67px;
}
.product-list-carousel .slick-dots {
  margin: 0 auto;
}
@media screen and (max-width: 839px) {
  .product-list-carousel .slick-dots {
    display: block !important;
  }
}
@media screen and (max-width: 999px) {
  .product-list-carousel {
    padding: 0;
  }
  .product-list-carousel .product-list__content {
    padding: 0 0 14px 0;
  }
  .product-list-carousel .product-list__content:before {
    left: 0;
  }
  .product-list-carousel .product-list {
    max-width: 100%;
    box-shadow: none;
    border: none;
  }
  .product-list-carousel .product-list .product-list__title {
    padding: 14px;
  }
  .product-list-carousel .product-list .product-card {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (max-width: 839px) {
  .product-list-carousel .product-list .product-card {
    padding: 6px;
  }
  .product-list-carousel .product-list .product-card:before {
    content: none;
  }
}
@media screen and (max-width: 479px) {
  .product-list-carousel .product-list {
    overflow: hidden;
  }
  .product-list-carousel .product-carousel {
    width: 150%;
  }
  .product-list-carousel .product-list__content {
    width: 100vw;
  }
  .product-list-carousel .slick-dots {
    width: 83.5%;
  }
}
@media screen and (max-width: 350px) {
  .product-list-carousel .product-carousel {
    width: 100%;
  }
  .product-list-carousel .product-list__content {
    width: 100%;
  }
  .product-list-carousel .slick-dots {
    width: 100%;
  }
}
.order-info {
  padding-top: 10px;
  padding-bottom: 16px;
  position: relative;
  box-sizing: border-box;
}
.order-info.order-info--button {
  padding: 10px 24px 10px 24px;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  width: 100%;
}
.order-info.order-info--button .order-info__data .order-info__data__title {
  font-size: 14px;
}
@media screen and (max-width:  680px ) {
  .order-info.order-info--button {
    padding: 16px 16px 10px 16px;
  }
}
.order-info.order-info--collapse-button {
  padding: 16px 74px 10px 24px;
  cursor: pointer;
  position: relative;
  width: 100%;
}
.order-info.order-info--collapse-button .order-info__collapse-icon {
  position: absolute;
  top: 16px;
  right: 24px;
}
.order-info.order-info--collapse-button + .dialog__section {
  display: none;
}
.order-info.order-info--collapse-button + .dialog__section + .dialog__section {
  margin-top: 14px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.order-info.order-info--collapse-button.is-open {
  padding-bottom: 10px;
  border-bottom: none;
}
.order-info.order-info--collapse-button.is-open .order-info__data__right-content {
  display: none;
}
.order-info.order-info--collapse-button.is-open .order-info__collapse-icon {
  transform: rotate(180deg);
}
.order-info.order-info--collapse-button.is-open + .dialog__section {
  display: block;
}
.order-info.order-info--collapse-button.is-open + .dialog__section + .dialog__section {
  margin-top: 0;
  border-top: none;
}
@media screen and (max-width:  680px ) {
  .order-info.order-info--collapse-button {
    padding-left: 12px;
    padding-right: 44px;
  }
  .order-info.order-info--collapse-button .order-info__collapse-icon {
    right: 12px;
  }
}
.order-info:after {
  content: "";
  display: table;
  clear: both;
}
.order-info__label {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  padding-top: 16px;
  padding-bottom: 10px;
  margin: 0;
}
.order-info__icon-wrapper {
  display: block;
  width: 20px;
  float: left;
  padding-right: 6px;
  text-align: right;
  box-sizing: border-box;
}
.order-info__data {
  display: block;
  position: relative;
  float: right;
  padding-left: 24px;
  width: calc(100% - 26px);
  box-sizing: border-box;
}
.order-info__data.has-after-icon {
  width: calc(100% - 46px);
}
.order-info__data.has-after-content .order-info__data__title {
  display: inline-block;
}
.order-info__data .order-info__data__title {
  font-size: 16px;
  color: #000000;
  margin: 0;
  line-height: 24px;
  vertical-align: middle;
}
.order-info__data .order-info__data__title--featured {
  display: inline-block;
  color: #17C0A6;
  margin: 0;
  font-size: 20px;
  font-weight: 500;
}
.order-info__data .order-info__data__detail {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
  margin: 0;
  line-height: 19px;
  vertical-align: middle;
}
.order-info__data .order-info__data__detail.order-info__data__detail--status {
  line-height: 24px;
  margin-top: 16px;
}
.order-info__data .order-info__data__detail.order-info__data__detail--status .status-icon {
  margin-right: 8px;
  float: left;
  display: block;
}
.order-info__data .order-info__data__right-content {
  display: block;
  float: right;
  width: auto;
}
@media screen and (max-width:  680px ) {
  .order-info__data {
    padding-left: 33px;
  }
}
.order-info__next-icon {
  display: block;
  float: right;
  width: 20px;
  box-sizing: border-box;
}
.breadcrumb {
  white-space: nowrap;
}
.breadcrumb .breadcrumb__icon {
  color: #C02031;
  display: block;
  float: left;
}
.breadcrumb .breadcrumb__list {
  margin: 0;
  list-style: none;
  padding: 0;
  display: block;
}
.breadcrumb .breadcrumb__list li {
  display: inline-block;
  padding-left: 8px;
  position: relative;
}
.breadcrumb .breadcrumb__list li a {
  font-weight: 400;
  font-size: 12px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.54);
}
.breadcrumb .breadcrumb__list li:before {
  margin-right: 8px;
  left: 0;
  content: '»';
  width: 10px;
  height: 10px;
}
.amount-calculator {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
}
@media screen and (min-width:  679px ) {
  .amount-calculator .hidden-desktop {
    display: none;
  }
}
@media screen and (max-width:  680px ) {
  .amount-calculator .hidden-phone {
    display: none;
  }
}
.amount-calculator__text-container {
  display: flex;
  padding-top: 16px;
  padding-bottom: 16px;
  vertical-align: middle;
  max-width: 100%;
  box-sizing: border-box;
  flex: 1 0 auto;
}
@media screen and (max-width:  680px ) {
  .amount-calculator__text-container {
    padding-top: 4px;
    padding-bottom: 4px;
    width: 40%;
  }
}
.amount-calculator__text-container.amount-calculator__text-container--block {
  display: block;
  width: 100%;
  flex: 1 auto;
}
.amount-calculator__synbol-container {
  display: flex;
  flex-direction: row;
  padding: 16px 6px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  flex: 1 0 auto;
}
@media screen and (max-width:  680px ) {
  .amount-calculator__synbol-container {
    padding-top: 4px;
    padding-bottom: 4px;
    align-items: center;
    justify-content: flex-start;
    width: 60%;
  }
}
.amount-calculator__label,
.amount-calculator__value {
  margin: 0;
}
.amount-calculator__label {
  font-size: 14px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.54);
}
.amount-calculator__value {
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
}
.amount-calculator__value.amount-calculator__value--positive {
  color: #17C0A6;
  font-weight: 600;
}
.amount-calculator__value.amount-calculator__value--negative {
  color: #FF4C61;
  font-weight: 600;
}
.amount-calculator__symbol {
  color: #C02031;
}
.filters-box {
  background-color: #ffffff;
}
.filters-box .filters-box__header {
  background-color: #EAEAEA;
  font-size: 14px;
  font-weight: 500;
  padding: 0 16px;
  color: rgba(0, 0, 0, 0.54);
  line-height: 40px;
  margin: 0;
}
.filters-box .filters-box__section {
  position: relative;
  padding: 0 18px 0 18px;
  border-bottom: 1px solid #f4f4f4;
}
.filters-box .filters-box__section.is-closed .filters-box__section__content {
  display: none;
}
.filters-box .filters-box__section.is-closed .filters-box__section__toggle-open .more-icon {
  display: inline-block;
}
.filters-box .filters-box__section.is-closed .filters-box__section__toggle-open .less-icon {
  display: none;
}
.filters-box .filters-box__section.filters-box__actual-filters {
  padding-bottom: 12px;
  padding-top: 12px;
}
.filters-box .filters-box__section__title {
  color: #C02031;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  padding: 14px 0 14px 0;
  margin: 0;
}
.filters-box .filters-box__section__toggle-open {
  position: absolute;
  top: 8px;
  right: 8px;
}
.filters-box .filters-box__section__toggle-open .more-icon {
  display: none;
}
.filters-box .mdl-checkbox {
  margin-bottom: 8px;
  height: inherit;
}
.filters-box .mdl-checkbox .mdl-checkbox__label {
  display: inline-block;
  line-height: 18px;
  margin-top: 4px;
  margin-bottom: 1px;
}
.filters-box .filters-box__action {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  font-weight: normal;
}
.filters-box .filters-box__close {
  display: none;
}
@media screen and (max-width: 839px) {
  .filters-box .filters-box__header {
    margin: 0;
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    padding: 16px 26px 16px 75px;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    color: rgba(255, 255, 255, 0.87);
    background: #C02031;
    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);
    position: relative;
    background-size: cover;
  }
  .filters-box .filters-box__close {
    display: block;
    position: absolute;
    top: 16px;
    left: 17px;
  }
  .filters-box .filters-box__close .material-icons {
    color: rgba(255, 255, 255, 0.87);
  }
}
.mdl-chip {
  background: #E5E5E5;
}
.mdl-chip__action {
  color: #696969;
}
.order-progress__container {
  display: block;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.order-progress {
  display: block;
  width: 400px;
  margin: 0 auto;
  position: relative;
  padding: 32px 0 16px;
  vertical-align: bottom;
}
.order-progress.step-one .order-progress__status {
  left: auto;
  right: 84%;
}
.order-progress.step-one .order-progress__bar {
  background: linear-gradient(to right, #FF006E, #FF006E 20%, #e0e0e0 20%, #e0e0e0 100%);
}
.order-progress.step-one .order-progress__bar .order-progress__bar__pin {
  left: 20%;
}
.order-progress.step-two .order-progress__status {
  left: auto;
  right: 64%;
}
.order-progress.step-two .order-progress__bar {
  background: linear-gradient(to right, #FF006E, #FF006E 40%, #e0e0e0 40%, #e0e0e0 100%);
}
.order-progress.step-two .order-progress__bar .order-progress__bar__pin {
  left: 40%;
}
.order-progress.step-three .order-progress__status {
  left: auto;
  right: 44%;
}
.order-progress.step-three .order-progress__bar {
  background: linear-gradient(to right, #FF006E, #FF006E 60%, #e0e0e0 60%, #e0e0e0 100%);
}
.order-progress.step-three .order-progress__bar .order-progress__bar__pin {
  left: 60%;
}
.order-progress.step-four .order-progress__status {
  left: auto;
  right: 24%;
}
.order-progress.step-four .order-progress__bar {
  background: linear-gradient(to right, #FF006E, #FF006E 80%, #e0e0e0 80%, #e0e0e0 100%);
}
.order-progress.step-four .order-progress__bar .order-progress__bar__pin {
  left: 80%;
}
.order-progress.step-five .order-progress__status {
  left: auto;
  right: 4%;
}
.order-progress.step-five .order-progress__bar {
  background: #FF006E;
}
.order-progress.step-five .order-progress__bar .order-progress__bar__pin {
  left: 100%;
}
@media screen and (max-width: 479px) {
  .order-progress {
    width: 220px;
  }
  .order-progress .order-progress__status {
    left: 8%;
  }
  .order-progress.step-one .order-progress__status {
    left: 28%;
  }
  .order-progress.step-two .order-progress__status {
    left: 48%;
  }
  .order-progress.step-three .order-progress__status {
    left: auto;
    right: 48%;
  }
  .order-progress.step-four .order-progress__status {
    left: auto;
    right: 28%;
  }
  .order-progress.step-five .order-progress__status {
    left: auto;
    right: 8%;
  }
}
.order-progress__status__container {
  display: block;
  height: 49px;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
.order-progress__status {
  display: block;
  position: absolute;
  top: 0;
  left: 4%;
}
.order-progress__status .order-progress__status__label {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  text-transform: lowercase;
  margin: 0;
}
.order-progress__status .order-progress__status__detail {
  font-size: 14px;
  line-height: 19px;
  margin: 0;
  color: rgba(0, 0, 0, 0.54);
  white-space: nowrap;
}
.order-progress__bar {
  display: block;
  position: relative;
  background: #e0e0e0;
  width: 100%;
  height: 3px;
}
.order-progress__bar .order-progress__bar__marker {
  display: block;
  background-color: #000000;
  width: 3px;
  height: 100%;
  float: left;
  margin-right: 76.4px;
}
.order-progress__bar .order-progress__bar__marker:last-child {
  float: right;
  margin-right: 0;
}
.order-progress__bar .order-progress__bar__pin {
  position: absolute;
  color: #C02031;
  top: -32px;
  left: 1.5px;
  margin-left: -12px;
}
@media screen and (max-width: 479px) {
  .order-progress__bar .order-progress__bar__marker {
    margin-right: 40.4px;
  }
}
.banner-carousel {
  box-sizing: border-box;
  position: relative;
  max-width: 100vw;
  width: 100%;
  z-index: 1;
  opacity: 0;
  transition: 0.3s opacity ease-in-out;
  height: 325px;
}
.banner-carousel.slick-slider {
  opacity: 1;
}
.banner-carousel img {
  width: 100%;
}
.banner-carousel a.slick-arrow {
  z-index: 2;
  position: absolute;
  top: calc(50% - 35px);
  text-decoration: none;
  color: #ffffff;
}
@media screen and (max-width: 839px) {
  .banner-carousel a.slick-arrow {
    display: none !important;
  }
}
.banner-carousel .banner-carousel__arrow-prev {
  left: 24px;
}
.banner-carousel .banner-carousel__arrow-prev .material-icons {
  text-shadow: -1px 2px 5px rgba(0, 0, 0, 0.2);
}
.banner-carousel .banner-carousel__arrow-next {
  right: 24px;
}
.banner-carousel .banner-carousel__arrow-next .material-icons {
  text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);
}
.banner-carousel .mdl-ripple {
  background: #fff;
}
.banner-carousel .mdl-button--icon .mdl-button__ripple-container {
  -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #ddd);
}
.banner-carousel .slick-dots {
  padding: 0;
  display: none !important;
  margin: 0 auto;
}
@media screen and (max-width: 839px) {
  .banner-carousel .slick-dots {
    display: block !important;
  }
}
.banner-carousel .banner-carousel__slide {
  display: block;
  position: relative;
  height: 325px;
  overflow: hidden;
}
.banner-carousel .banner-carousel__slide picture {
  display: block;
  position: absolute;
  height: 325px;
  width: 100%;
}
.banner-carousel .banner-carousel__slide img {
  position: relative;
  height: auto;
  width: inherit;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 839px) {
  .banner-carousel {
    height: 150px;
  }
  .banner-carousel .banner-carousel__slide {
    height: 150px;
  }
  .banner-carousel .banner-carousel__slide picture {
    height: 150px;
  }
  .banner-carousel .banner-carousel__slide img {
    height: auto;
    width: inherit;
  }
}
@media screen and (max-width: 479px) {
  .banner-carousel {
    height: 85px;
  }
  .banner-carousel .banner-carousel__slide {
    height: 85px;
  }
  .banner-carousel .banner-carousel__slide picture {
    height: 85px;
  }
  .banner-carousel .banner-carousel__slide img {
    height: auto;
    width: inherit;
  }
}
@media screen and (max-width: 479px) {
  .banner-carousel {
    height: 85px;
  }
  .banner-carousel .banner-carousel__slide {
    height: 85px;
  }
  .banner-carousel .banner-carousel__slide picture {
    height: 85px;
  }
  .banner-carousel .banner-carousel__slide img {
    height: 85px;
  }
}
.site-content.site-content--banner-container {
  padding: 0;
}
.site-content .banner-carousel .mdl-ripple {
  background: #000;
}
.site-content .banner-carousel a.slick-arrow {
  color: #717171;
}
.site-content .banner-carousel .banner-carousel__arrow-prev {
  left: -70px;
}
.site-content .banner-carousel .banner-carousel__arrow-prev .material-icons {
  text-shadow: none;
}
.site-content .banner-carousel .banner-carousel__arrow-next {
  right: -70px;
}
.site-content .banner-carousel .banner-carousel__arrow-next .material-icons {
  text-shadow: none;
}
@media screen and (max-width: 1300px) {
  .site-content .banner-carousel a.slick-arrow {
    color: #ffffff;
  }
  .site-content .banner-carousel .banner-carousel__arrow-prev {
    left: 0;
  }
  .site-content .banner-carousel .banner-carousel__arrow-prev .material-icons {
    text-shadow: -1px 2px 5px rgba(0, 0, 0, 0.2);
  }
  .site-content .banner-carousel .banner-carousel__arrow-next {
    right: 0;
  }
  .site-content .banner-carousel .banner-carousel__arrow-next .material-icons {
    text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);
  }
}
.promotion-card {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.promotion-card .tag-top {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  max-width: 50%;
}
.promotion-card .tag-top img {
  width: 100%;
}
.promotion-card .tag-bottom {
  position: absolute;
  bottom: 0px;
  z-index: 1;
  left: 50%;
  transform: translate(-50%, 0%);
  max-width: 50%;
}
.promotion-card .tag-bottom img {
  width: 100%;
}
.promotion-card .promotion-card__url {
  display: block;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.54);
}
.promotion-card .promotion-card__content {
  position: relative;
}
.promotion-card .favorite-icon {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.promotion-card .promotion-card__img-placeholder {
  text-align: center;
  max-height: 165px;
  display: block;
}
.promotion-card .promotion-card__img {
  max-width: 100%;
  max-height: 165px;
  margin: 0 auto;
}
.promotion-card .promotion-card__name {
  box-sizing: border-box;
  font-weight: 500;
  font-size: 14px;
  margin-top: 12px;
  margin-bottom: 0;
  line-height: 19px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 38px;
  overflow: hidden;
}
.promotion-card .promotion-card__prices-placeholder {
  height: 65px;
}
.promotion-card .promotion-card__prices-placeholder.promotion-card__prices-placeholder--has-points {
  height: 81px;
}
.promotion-card .promotion-card__high-price,
.promotion-card .promotion-card__from-price {
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.38);
  margin-top: 0;
  margin-bottom: 0;
}
.promotion-card .promotion-card__points,
.promotion-card .promotion-card__low-price {
  display: block;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
}
.promotion-card .promotion-card__low-price {
  color: #17C0A6;
}
.promotion-card .promotion-card__points {
  color: #C02031;
}
.promotion-card .promotion-card__price-measurement {
  display: block;
  font-size: 16px;
  line-height: 19px;
  color: #17C0A6;
}
@media screen and (max-width: 479px) {
  .promotion-card .promotion-card__price-measurement {
    font-size: 12px;
    line-height: 16px;
  }
}
@media screen and (max-width: 479px) {
  .promotion-card .promotion-card__low-price {
    font-size: 16px;
    line-height: 21px;
  }
}
.promotion-card .promotion-card__prices-placeholder--has-points .promotion-card__low-price {
  font-size: 16px;
  line-height: 19px;
}
.promotion-card .promotion-card__action {
  text-align: center;
  margin: 10px 0px 0px;
  display: -webkit-flex;
  display: flex;
  flex-direction: row !important;
  justify-content: space-around;
}
@media (max-width: 1200px) {
  .promotion-card .promotion-card__action {
    flex-direction: column !important;
  }
}
.promotion-card .promotion-card__action .mdl-button {
  justify-content: center;
  padding: 9px 15px;
  line-height: inherit;
  display: flex;
  width: 48%;
  height: auto;
  font-size: 12px;
  min-height: 35px;
  margin-bottom: 0px;
  align-items: center;
}
.promotion-card .promotion-card__action .mdl-button:only-of-type {
  width: auto;
  padding: 9px 15px;
}
.promotion-card .promotion-card__action .mdl-button.promotion-card__action__added {
  display: none;
}
@media (max-width: 1200px) {
  .promotion-card .promotion-card__action .mdl-button {
    width: 100%;
  }
  .promotion-card .promotion-card__action .mdl-button.promotion-card__action__fastbuy {
    margin-bottom: 12px;
  }
}
.promotion-card .promotion-card__action .promotion-card__action__buy + .promotion-card__action__added {
  width: auto;
  padding: 9px 15px;
}
.promotion-card .promotion-card__action .promotion-card__action__fastbuy + .promotion-card__action__buy + .promotion-card__action__added {
  width: 48%;
}
@media (max-width: 1360px) {
  .promotion-card .promotion-card__action .promotion-card__action__fastbuy + .promotion-card__action__buy + .promotion-card__action__added {
    width: 100%;
  }
}
.promotion-card.promotion-card--added .promotion-card__action .promotion-card__action__buy {
  display: none;
}
.promotion-card.promotion-card--added .promotion-card__action .promotion-card__action__added {
  display: flex;
}
.promotion-card .schema-hidden {
  display: none;
}
.promotion-list .promotion-list__row {
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
  background: #ffffff;
  padding: 16px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
}
@media screen and (max-width: 479px) {
  .promotion-list .promotion-list__row.promotion-list__status-container {
    background: none;
  }
}
.promotion-list .buy-restricted {
  font-size: 12px;
}
.promotion-list .buy-restricted i {
  background: #ff4c61;
  border-radius: 50%;
  padding: 11px;
  vertical-align: middle;
  color: white;
  margin-right: 7px;
  font-size: 26px;
}
.promotion-list .buy-restricted span {
  display: inline-block;
  width: calc(100% - 58px);
  vertical-align: middle;
}
@media (max-width: 1200px) {
  .promotion-list .buy-restricted {
    text-align: center;
  }
  .promotion-list .buy-restricted span {
    display: block;
    width: 100%;
  }
}
.promotion-list .promotion-list__img-container {
  display: block;
  width: 80px;
  margin-right: 16px;
  box-sizing: border-box;
}
.promotion-list .promotion-list__img-container img {
  display: block;
  max-width: 100%;
}
.promotion-list .promotion-list__description {
  display: block;
  flex: 1 0 0px;
  box-sizing: border-box;
}
.promotion-list .promotion-list__description__title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 16px;
  line-height: 16px;
  margin: 0 0 5px;
}
.promotion-list .promotion-list__status-text {
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  line-height: 19px;
  margin: 0;
}
.promotion-list .promotion-list__description__text {
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 16px;
}
.promotion-list .promotion-list__description__text.promotion-list__description__text--bold {
  font-weight: 500;
}
.promotion-list .promotion-list__description__title__tooltip {
  color: rgba(0, 0, 0, 0.54);
  vertical-align: bottom;
  font-size: 22px;
  line-height: 16px;
}
.promotion-list .promotion-list__name {
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  margin: 0;
}
.promotion-list .promotion-list__code {
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  line-height: 19px;
  margin: 0;
}
.promotion-list .promotion-list__price {
  font-size: 23px;
  line-height: 19px;
  margin: 0;
}
.promotion-list .promotion-list__points {
  color: #C02031;
  margin: 0;
}
.promotion-list .promotion-list__points + .promotion-list__low-price {
  font-size: 14px;
}
.promotion-list .promotion-list__low-price {
  color: #17C0A6;
}
.promotion-list .promotion-list__measurement {
  color: #17C0A6;
  font-size: 12px;
  line-height: 14px;
  margin: 5px 0 0 0;
}
.promotion-list .promotion-list__amount-container {
  display: block;
  position: relative;
  width: 100px;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-left: 5px;
  padding-right: 5px;
}
.promotion-list .promotion-list__amount-container:last-child {
  padding-right: 0;
}
.promotion-list .promotion-list__amount-container input {
  max-width: 100%;
}
.promotion-list .promotion-list__button-container {
  display: block;
  position: relative;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-left: 5px;
  padding-right: 5px;
}
.promotion-list .promotion-list__button-container:last-child {
  padding-right: 0;
}
.product-list-carousel .product-carousel .slick-track .slick-slide > div {
  height: auto;
}
.product-list-carousel .product-carousel .slick-track .slick-slide > div:first-child,
.product-list-carousel .product-carousel .slick-track .slick-slide > div:first-child + div {
  height: 50%;
}
.promotion-list__title {
  font-size: 25px;
  color: #525252;
  text-align: center;
  font-weight: 700;
  margin: 0;
  padding: 18px;
}
@media screen and (max-width: 999px) {
  .promotion-list__title {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.54);
  }
}
.promotion-list__content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.promotion-list__no-result {
  margin: 24px auto;
  text-align: center;
}
.promotion-list-default {
  box-sizing: border-box;
  margin: 0 auto;
}
.promotion-list-default .promotion-list__title {
  padding-bottom: 0;
}
.promotion-list-default .buy-restricted {
  font-size: 12px;
}
.promotion-list-default .buy-restricted i {
  background: #ff4c61;
  border-radius: 50%;
  padding: 11px;
  vertical-align: middle;
  color: white;
  margin-right: 7px;
  font-size: 26px;
}
.promotion-list-default .buy-restricted span {
  display: inline-block;
  width: calc(100% - 58px);
  vertical-align: middle;
}
@media (max-width: 1200px) {
  .promotion-list-default .buy-restricted {
    text-align: center;
  }
  .promotion-list-default .buy-restricted span {
    display: block;
    width: 100%;
  }
}
.promotion-list-default .promotion-card {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #ffffff;
  float: left;
  width: calc(20% - 20px);
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-top: 12px;
  margin-top: 20px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
}
.promotion-list-default .promotion-card .favorite-icon {
  top: 6px;
  right: 6px;
}
@media screen and (max-width: 1050px) {
  .promotion-list-default .promotion-card {
    width: calc(25% - 20px);
  }
}
@media screen and (max-width: 839px) {
  .promotion-list-default .promotion-card {
    width: calc(33.3333% - 20px);
  }
}
@media screen and (max-width: 600px) {
  .promotion-list-default .promotion-card {
    width: calc(50% - 6px);
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 10px;
  }
  .promotion-list-default .pagination li:first-of-type {
    margin: 0;
  }
  .promotion-list-default .pagination li:last-of-type {
    margin: 0;
  }
}
@media screen and (max-width: 370px) {
  .promotion-list-default .promotion-card {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (max-width: 335px) {
  .promotion-list-default .promotion-card {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.promotion-list-carousel {
  box-sizing: border-box;
  max-width: calc(100% + 140px);
  margin: 0 auto;
  padding: 0 70px;
}
.promotion-list-carousel .slick-slide:focus,
.promotion-list-carousel .slick-slide > div:focus,
.promotion-list-carousel .slick-slide a:focus {
  outline: none;
}
.promotion-list-carousel .promotion-carousel .slick-list {
  width: 100% !important;
}
.promotion-list-carousel .promotion-carousel .slick-track {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.promotion-list-carousel .promotion-carousel .slick-track .slick-slide {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: auto;
}
.promotion-list-carousel .promotion-carousel .buy-restricted {
  font-size: 12px;
}
.promotion-list-carousel .promotion-carousel .buy-restricted i {
  background: #ff4c61;
  border-radius: 50%;
  padding: 11px;
  vertical-align: middle;
  color: white;
  margin-right: 7px;
  font-size: 26px;
}
.promotion-list-carousel .promotion-carousel .buy-restricted span {
  display: inline-block;
  width: calc(100% - 58px);
  vertical-align: middle;
}
@media (max-width: 1200px) {
  .promotion-list-carousel .promotion-carousel .buy-restricted {
    text-align: center;
  }
  .promotion-list-carousel .promotion-carousel .buy-restricted span {
    display: block;
    width: 100%;
  }
}
.promotion-list-carousel .promotion-list__title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  background: #ffffff;
}
.promotion-list-carousel .promotion-list__content {
  padding: 0 24px 14px 24px;
  background: #ffffff;
}
.promotion-list-carousel .promotion-list__content:before {
  content: '';
  display: block;
  position: absolute;
  width: 3px;
  height: calc(100% - 120px);
  background: #ffffff;
  left: 24px;
  top: 60px;
  z-index: 100;
}
.promotion-list-carousel .promotion-list {
  position: relative;
  clear: both;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.promotion-list-carousel .promotion-list .promotion-card {
  float: left;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  margin-top: 24px;
}
.promotion-list-carousel .promotion-list .promotion-card .favorite-icon {
  right: 16px;
}
.promotion-list-carousel .promotion-list .promotion-card:before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 120px);
  background: rgba(0, 0, 0, 0.1);
  left: 0;
  top: 60px;
}
.promotion-list-carousel .promotion-list .promotion-list__arrow-prev,
.promotion-list-carousel .promotion-list .promotion-list__arrow-next {
  position: absolute;
  top: calc(50% - 35px);
  text-decoration: none;
  color: #717171;
}
.promotion-list-carousel .promotion-list .promotion-list__arrow-prev.slick-disabled,
.promotion-list-carousel .promotion-list .promotion-list__arrow-next.slick-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: transparent;
}
.promotion-list-carousel .promotion-list .promotion-list__arrow-prev.slick-disabled:hover,
.promotion-list-carousel .promotion-list .promotion-list__arrow-next.slick-disabled:hover {
  background: transparent;
}
.promotion-list-carousel .promotion-list .promotion-list__arrow-prev.slick-disabled .mdl-ripple,
.promotion-list-carousel .promotion-list .promotion-list__arrow-next.slick-disabled .mdl-ripple {
  background: transparent;
}
.promotion-list-carousel .promotion-list .promotion-list__arrow-prev {
  left: -67px;
}
.promotion-list-carousel .promotion-list .promotion-list__arrow-next {
  right: -67px;
}
.promotion-list-carousel .slick-dots {
  margin: 0 auto;
}
@media screen and (max-width: 839px) {
  .promotion-list-carousel .slick-dots {
    display: block !important;
  }
}
@media screen and (max-width: 999px) {
  .promotion-list-carousel {
    padding: 0;
  }
  .promotion-list-carousel .promotion-list__content {
    padding: 0 0 14px 0;
  }
  .promotion-list-carousel .promotion-list__content:before {
    left: 0;
  }
  .promotion-list-carousel .promotion-list {
    max-width: 100%;
    box-shadow: none;
    border: none;
  }
  .promotion-list-carousel .promotion-list .promotion-list__title {
    padding: 14px;
  }
  .promotion-list-carousel .promotion-list .promotion-card {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (max-width: 839px) {
  .promotion-list-carousel .promotion-list .promotion-card {
    padding: 6px;
  }
  .promotion-list-carousel .promotion-list .promotion-card:before {
    content: none;
  }
}
@media screen and (max-width: 479px) {
  .promotion-list-carousel .promotion-list {
    overflow: hidden;
  }
  .promotion-list-carousel .promotion-carousel {
    width: 150%;
  }
  .promotion-list-carousel .promotion-list__content {
    width: 100vw;
  }
  .promotion-list-carousel .slick-dots {
    width: 83.5%;
  }
}
@media screen and (max-width: 350px) {
  .promotion-list-carousel .promotion-carousel {
    width: 100%;
  }
  .promotion-list-carousel .promotion-list__content {
    width: 100%;
  }
  .promotion-list-carousel .slick-dots {
    width: 100%;
  }
}
.replace-list-promotion {
  padding: 0px 6px 24px;
}
.replace-list-promotion .promotion-list-default .promotion-card {
  margin-bottom: 10px;
  padding: 0px 15px 15px;
}
.cart-list {
  display: block;
  padding: 0 16px;
}
.cart-list .cart-list__row {
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  padding: 14px 0 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  position: relative;
}
.cart-list .cart-list__row.cart-list__row--associated-item:before {
  content: "attach_file";
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  line-height: 24px;
  width: 24px;
  height: 24px;
  background: #8D45FF;
  position: absolute;
  top: 14px;
  left: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.cart-list .cart-list__img-container {
  display: block;
  width: 56px;
  margin-right: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cart-list .cart-list__img-container img {
  display: block;
  max-width: 100%;
}
.cart-list .cart-list__content {
  display: flex;
  flex: 1 0 0px;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cart-list .cart-list__description {
  display: block;
  margin-bottom: 10px;
  width: 100%;
}
.cart-list .cart-list__product-name {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  line-height: 16px;
  margin: 0;
}
.cart-list .cart-list__product-code {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  line-height: 16px;
  margin: 0;
}
.cart-list .cart-list__measurement {
  font-size: 12px;
  color: #17C0A6;
  line-height: 16px;
  margin: 0;
}
.cart-list .cart-list__icon-button {
  display: block;
  float: right;
  margin-top: -4px;
  margin-right: -4px;
}
.cart-list .cart-list__icon-button .material-icons {
  color: rgba(0, 0, 0, 0.54);
}
.cart-list .cart-list__icon-button:disabled {
  cursor: not-allowed;
}
.cart-list .cart-list__icon-button:disabled .material-icons {
  color: rgba(0, 0, 0, 0.26);
}
.cart-list div.cart-list__icon-button .material-icons {
  cursor: default;
}
.cart-list .cart-list__amount-container {
  margin-top: 10px;
  display: block;
  position: relative;
  width: 100px;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  box-sizing: border-box;
}
.cart-list .cart-list__amount-container input {
  max-width: 100%;
}
.cart-list .cart-list__price-container {
  display: block;
  flex: 0 0 auto;
  white-space: nowrap;
}
.cart-list .cart-list__price-from-placeholder {
  height: 16px;
}
.cart-list .cart-list__price-from {
  color: #AEAEAE;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
}
.cart-list .cart-list__low-price,
.cart-list .cart-list__points {
  font-size: 20px;
  line-height: 26px;
  margin: 0;
  font-weight: 500;
}
.cart-list .cart-list__price-container--has-points .cart-list__low-price {
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
}
.cart-list .cart-list__points {
  color: #C02031;
}
.cart-list .cart-list__low-price {
  color: #17C0A6;
}
@media screen and (max-width: 479px) {
  .cart-list {
    padding: 0;
  }
  .cart-list .cart-list__row {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.favorite-icon {
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.favorite-icon .material-icons {
  color: #E5E5E5;
}
.favorite-icon:hover,
.favorite-icon:focus,
.favorite-icon:active {
  background-color: rgba(23, 192, 166, 0.15);
}
.favorite-icon .mdl-ripple {
  background: rgba(23, 192, 166, 0.8);
}
.favorite-icon.is-favorite {
  -moz-animation: favoriteBeat 0.5s 1;
  -o-animation: favoriteBeat 0.5s 1;
  -webkit-animation: favoriteBeat 0.5s 1;
  animation: favoriteBeat 0.5s 1;
}
.favorite-icon.is-favorite .material-icons {
  color: #17C0A6;
}
@keyframes favoriteBeat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
    background-color: #aef5ea;
  }
  100% {
    transform: scale(1);
  }
}
.share-icon {
  text-decoration: none;
  background-color: #ccc;
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.share-icon .share-icon__accessible-text {
  display: none;
}
.share-icon i {
  font-size: 14px;
  line-height: 24px;
  vertical-align: top;
  color: #ffffff;
}
.share-icon.share-icon--twitter {
  background-color: #26A6D1;
}
.share-icon.share-icon--facebook {
  background-color: #3B5998;
}
.share-icon.share-icon--email {
  background-color: #C02031;
}
.mdl-tabs .mdl-tabs__tab-bar {
  padding: 0 24px;
  justify-content: flex-start;
  height: 37px;
  border-bottom-color: rgba(0, 0, 0, 0.05);
}
.mdl-tabs .mdl-tabs__tab-bar .mdl-ripple {
  background: #000;
}
.mdl-tabs .mdl-tabs__tab {
  text-transform: none;
  font-size: 16px;
  font-weight: normal;
  height: 37px;
  line-height: 36px;
}
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
  background: #17C0A6;
}
.mdl-tabs .mdl-tabs__panel {
  padding: 24px;
  display: none;
}
.mdl-tabs .mdl-tabs__tab-mobile {
  display: none;
}
.mdl-tabs.mdl-tabs--center .mdl-tabs__tab-bar {
  justify-content: center;
}
.mdl-tabs.mdl-tabs--icon .mdl-tabs__tab-bar {
  height: 78px;
}
.mdl-tabs.mdl-tabs--icon .mdl-tabs__tab-bar .mdl-tabs__tab {
  height: 100%;
  padding: 16px 24px;
  box-sizing: border-box;
}
.mdl-tabs.mdl-tabs--icon .mdl-tabs__tab-bar .mdl-tabs__tab .material-icons {
  display: block;
  margin: 0 auto 8px;
}
.mdl-tabs.mdl-tabs--icon .mdl-tabs__tab-bar .mdl-tabs__tab span {
  display: block;
  font-size: 14px;
  line-height: 19px;
  font-weight: normal;
  text-transform: uppercase;
  white-space: nowrap;
}
@media screen and (max-width: 479px) {
  .mdl-tabs.mdl-tabs--icon .mdl-tabs__tab-bar {
    padding: 0;
  }
  .mdl-tabs.mdl-tabs--icon .mdl-tabs__tab-bar .mdl-tabs__tab {
    padding: 16px 5px;
  }
}
.touchspin-wrapper {
  max-width: 100px;
  padding: 0;
  position: relative;
}
.touchspin-wrapper .mdl-textfield__input {
  color: rgba(0, 0, 0, 0.38);
  font-size: 16px;
}
.bootstrap-touchspin {
  max-width: 100%;
  position: relative;
}
.bootstrap-touchspin input {
  width: calc(100% -  54px  + 10px );
  margin-left: 22px;
  z-index: 1;
  text-align: center;
  color: rgba(0, 0, 0, 0.38);
}
.bootstrap-touchspin + .mdl-textfield__label {
  width: calc(100% -  54px  + 10px);
  margin-left: 22px;
  height: 3px;
  top: 27px;
}
.bootstrap-touchspin + .mdl-textfield__label:after {
  bottom: 0;
}
.bootstrap-touchspin .touchspin__btn {
  width: 27px;
  height: 24px;
  background: none;
  border: none;
  position: absolute;
  bottom: 0;
  z-index: 5;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.bootstrap-touchspin .touchspin__btn:focus {
  outline: none;
}
.bootstrap-touchspin .touchspin__btn:before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 24px;
  text-transform: none;
  letter-spacing: normal;
  -ms-word-wrap: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: 'liga';
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  color: #C02031;
}
.bootstrap-touchspin .touchspin__btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.bootstrap-touchspin .bootstrap-touchspin-down {
  left: 0;
}
.bootstrap-touchspin .bootstrap-touchspin-down:before {
  content: "remove";
}
.bootstrap-touchspin .bootstrap-touchspin-up {
  right: 0;
}
.bootstrap-touchspin .bootstrap-touchspin-up:before {
  content: "add";
}
.slick-slide:focus {
  outline: none;
}
.slick-dots {
  list-style: none;
  padding: 16px 0 0 0;
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 479px) {
  .slick-dots {
    margin: 0px;
  }
}
.slick-dots button {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
  border: 0;
  background: #D8D8D8;
  cursor: pointer;
  text-indent: -9999px;
  display: block;
  padding: 0;
  width: 10px;
  height: 10px;
  line-height: 10px;
}
.slick-dots li {
  margin: 10px 7px;
  display: inline-block;
}
.slick-dots li.slick-active button {
  background: #C02031;
}
@media screen and (max-width: 839px) {
  .slick-dots button {
    width: 6px;
    height: 6px;
    line-height: 6px;
    background: #D8D8D8;
  }
}
.autocomplete {
  display: none;
  background: #ffffff;
  position: absolute;
  width: 100%;
  min-height: 86px;
  height: auto;
  max-height: 318px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: auto;
  top: 35px;
  z-index: 10;
}
.autocomplete p {
  margin-bottom: 0;
}
.autocomplete.is-active {
  display: block;
}
.autocomplete.is-searching .autocomplete__searching {
  display: flex;
}
.autocomplete.is-searching .autocomplete__option {
  display: none;
}
.autocomplete.has-items .autocomplete__option {
  display: block;
}
.autocomplete.has-no-items .autocomplete__no-items {
  display: flex;
}
.autocomplete__option {
  display: none;
  position: relative;
  padding: 16px 16px 10px;
  line-height: 1;
  vertical-align: top;
  min-height: 86px;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px solid #EBEBEB;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.autocomplete__option .autocomplete__option__image {
  display: inline-block;
  width: 48px;
  vertical-align: middle;
}
.autocomplete__option .autocomplete__option__image img {
  display: block;
  max-width: 100%;
}
.autocomplete__option .autocomplete__option__text {
  display: inline-block;
  padding-left: 16px;
  width: calc(100% - 70px);
  vertical-align: middle;
}
.autocomplete__option .autocomplete__option__text--product {
  display: block;
  display: -webkit-box;
  font-size: 16px;
  line-height: 21px;
  color: rgba(0, 0, 0, 0.87);
  max-height: 42px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.autocomplete__option .autocomplete__option__text--code {
  font-size: 14px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.54);
}
.autocomplete__option .autocomplete__option__price {
  font-size: 16px;
  line-height: 19px;
}
.autocomplete__option .autocomplete__option__low-price {
  color: #17C0A6;
}
.autocomplete__option .autocomplete__option__measurement {
  color: #17C0A6;
  font-size: 12px;
  line-height: 16px;
}
.autocomplete__option .autocomplete__option__points {
  color: #C02031;
}
.autocomplete__option .autocomplete__option__points + .autocomplete__option__low-price {
  font-size: 12px;
  line-height: 16px;
}
.autocomplete__searching,
.autocomplete__no-items {
  display: none;
  position: relative;
  padding: 16px 16px;
  vertical-align: middle;
  height: 86px;
  align-items: center;
  justify-content: flex-start;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.autocomplete__searching .autocomplete__searching__text,
.autocomplete__no-items .autocomplete__searching__text {
  display: block;
  font-size: 14px;
  margin-left: 16px;
  color: rgba(0, 0, 0, 0.54);
}
.autocomplete__searching .mdl-spinner__layer-1,
.autocomplete__no-items .mdl-spinner__layer-1,
.autocomplete__searching .mdl-spinner__layer-2,
.autocomplete__no-items .mdl-spinner__layer-2,
.autocomplete__searching .mdl-spinner__layer-3,
.autocomplete__no-items .mdl-spinner__layer-3,
.autocomplete__searching .mdl-spinner__layer-4,
.autocomplete__no-items .mdl-spinner__layer-4 {
  border-color: #C02031;
}
.autocomplete__no-items .material-icons {
  font-size: 32px;
  width: 32px;
  height: 32px;
  color: #C02031;
}
.autocomplete__no-items .autocomplete__no-items__text {
  font-size: 14px;
  line-height: 19px;
  margin-left: 16px;
  color: rgba(0, 0, 0, 0.54);
}
.seller {
  display: block;
  background: #393C40;
  position: absolute;
  box-sizing: border-box;
  z-index: 25;
}
.seller * {
  box-sizing: border-box;
}
.seller .seller__content__details {
  display: block;
}
.seller .mdl-selectfield__box-value {
  color: #ffffff;
}
.seller .mdl-selectfield__box .material-icons {
  color: #ffffff;
}
.seller .mdl-selectfield .mdl-selectfield__label {
  color: rgba(255, 255, 255, 0.87);
}
.seller .seller__content__search {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  max-width: calc(100% - 264px);
}
.seller .seller__content__search .seller__search {
  flex-grow: 0;
}
@media screen and (max-width: 839px) {
  .seller .seller__content__search.seller__content__search--fix-mobile {
    padding-bottom: 100vh;
  }
}
.seller.is-searching .seller__search__inputs {
  flex-direction: row;
}
.seller.is-searching .seller__search__inputs .mdl-textfield + .seller__search__location-search-action {
  margin-top: 16px;
  padding-left: 24px;
  flex-shrink: 0;
}
.seller.is-searching .seller__content__search {
  display: block;
  flex-grow: 1;
  max-width: 100%;
  width: 700px;
}
.seller.is-searching .seller__content__search .seller__search {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.seller.is-searching .seller__content__search .seller__search__header {
  margin-bottom: 36px;
}
.seller.is-searching .seller__content__search .seller__search__header + .seller__search__selects {
  margin-top: -35px;
}
.seller.is-searching .seller__content__details {
  display: none;
}
.seller.is-searching .seller__search .mdl-textfield {
  width: 350px;
}
.seller.is-searching .seller__search__geographical-search .mdl-textfield {
  width: 50%;
  margin-top: -20px;
}
.seller.is-searching .seller__search__selects .mdl-selectfield {
  width: calc(33.33333% - 19px);
  margin-left: 14px;
  margin-right: 14px;
}
.seller.is-searching .seller__search__selects .mdl-selectfield:nth-of-type(2n+1) {
  margin-left: 14px;
}
.seller.is-searching .seller__search__selects .mdl-selectfield:nth-of-type(2n) {
  margin-right: 14px;
}
.seller.is-searching .seller__search__selects .mdl-selectfield:nth-of-type(3n+1) {
  margin-left: 0;
}
.seller.is-searching .seller__search__selects .mdl-selectfield:nth-of-type(3n) {
  margin-right: 0;
}
.seller.is-searching .seller__search__selects ~ .seller__search__description {
  margin: 16px 0 16px 0;
}
.seller.is-searching.has-search-result .seller__search__result {
  display: block;
}
.seller.is-searching.has-search-result .seller__search__description {
  display: none;
}
.seller.is-searching.has-search-result .seller__carousel__container {
  display: block;
  max-height: 204px;
  overflow: hidden;
}
.seller.is-searching.has-search-result .seller__search__header {
  display: none;
}
.seller.is-searching.has-search-result .seller__search__content {
  border-bottom: 1px solid rgba(151, 151, 151, 0.1);
}
.seller.is-searching.has-search-result .seller__search__geographical-search {
  padding-bottom: 16px;
}
.seller.is-searching.has-search-result .seller__search__selects {
  padding-top: 18px;
}
.seller.is-searching.has-no-search-results .seller__result-fallback {
  display: flex;
}
.seller.is-searching.has-no-search-results .seller__search__header {
  display: none;
}
.seller.is-searching.has-no-search-results .seller__search__header + .seller__search__selects {
  margin-top: 0;
}
.seller.is-searching.has-no-search-results .seller__search__content {
  border-bottom: 1px solid rgba(151, 151, 151, 0.1);
}
.seller.is-searching.has-no-search-results .seller__search__geographical-search {
  padding-bottom: 16px;
}
.seller.is-searching.has-no-search-results .seller__search__selects {
  padding-top: 10px;
}
@media screen and (min-width: 840px) {
  .seller {
    top: 50px;
    right: -530px;
    width: 700px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .seller:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #393C40;
    top: -12px;
    right: 530px;
    position: absolute;
    z-index: 10;
  }
}
@media screen and (max-width: 900px) {
  .seller {
    width: 600px;
  }
  .seller .seller__search {
    width: 600px;
  }
}
@media screen and (max-width: 839px) {
  .seller {
    flex-direction: column;
  }
}
.seller__result-fallback {
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
  padding-bottom: 44px;
  padding-top: 30px;
  display: none;
}
.seller__result-fallback img {
  flex-grow: 0;
  width: 100px;
  height: 100px;
}
.seller__result-fallback > p {
  margin: 16px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.87);
}
@media screen and (max-width: 839px) {
  .seller__result-fallback {
    width: 304px;
    flex-direction: column-reverse;
    max-width: 100%;
  }
  .seller__result-fallback img {
    width: 90px;
    height: 90px;
  }
  .seller__result-fallback > p {
    font-size: 16px;
    margin-bottom: 24px;
    line-height: 21px;
    color: #C02031;
  }
}
.seller__content {
  position: relative;
  min-height: 260px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
}
.seller__content__details {
  max-width: 100%;
  width: 264px;
  min-width: 264px;
}
.seller__content__details .seller__search .mdl-textfield {
  width: 100%;
}
@media screen and (max-width: 839px) {
  .seller__content__details {
    width: 304px;
    margin-bottom: 24px;
  }
}
.seller__header {
  padding: 20px 24px 0 24px;
  flex-grow: 0;
}
.seller__header .seller__title h1 {
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.54);
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
  cursor: pointer;
}
.seller__header .seller__title h1 .material-icons {
  color: #000000;
  line-height: 19px;
  margin-left: 10px;
  vertical-align: middle;
}
.seller__title-mobile {
  display: none;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  text-align: center;
  color: rgba(0, 0, 0, 0.54);
  width: 100%;
  flex: 1 0 auto;
  margin-top: 0;
  margin-bottom: 0;
}
.seller__back-button {
  display: none;
}
.seller__search__action-buttons {
  text-align: right;
}
.seller__search__action-buttons .mdl-button.mdl-button--raised {
  background: #C02031;
  border-color: #C02031;
}
.seller__search {
  display: inline-block;
  position: relative;
  width: 700px;
  max-width: 100%;
  padding: 16px 24px 10px 24px;
}
.seller__search .seller__search__geographical-search {
  display: none;
}
.seller__search .seller__search__selects {
  padding-top: 16px;
  display: flex;
  flex-wrap: wrap;
}
.seller__search .seller__search__selects .mdl-selectfield {
  width: calc(50% - 14px);
  margin-left: 14px;
  margin-right: 14px;
}
.seller__search .seller__search__selects .mdl-selectfield:nth-of-type(2n+1) {
  margin-left: 0;
}
.seller__search .seller__search__selects .mdl-selectfield:nth-of-type(2n) {
  margin-right: 0;
}
.seller__search .seller__search__inputs {
  display: flex;
  flex-direction: column;
}
.seller__search .seller__search__inputs .mdl-textfield + .seller__search__location-search-action {
  margin-top: -10px;
}
@media screen and (max-width: 839px) {
  .seller__search .seller__search__inputs .mdl-textfield + .seller__search__location-search-action {
    margin-top: 16px;
  }
}
.seller__search .seller__search__inputs .mdl-textfield.is-invalid {
  margin-bottom: 10px;
}
.seller__search .mdl-textfield {
  width: 100%;
  max-width: 100%;
}
.seller__search .mdl-textfield .mdl-textfield__label {
  color: #ffffff;
}
.seller__search .mdl-textfield .mdl-textfield__label:after {
  background-color: #C02031;
}
.seller__search .mdl-textfield .mdl-textfield__input {
  color: rgba(255, 255, 255, 0.87);
  border-color: rgba(255, 255, 255, 0.12);
}
.seller__search .mdl-textfield .mdl-textfield__input::-ms-clear {
  display: none;
}
.seller__search .mdl-textfield .mdl-textfield__button {
  top: 15px;
}
.seller__search .mdl-textfield--inverse .mdl-textfield__button .material-icons {
  color: #fff;
}
.seller__search .seller__search__geographical-search .mdl-textfield {
  width: 60%;
  margin-top: -5px;
}
.seller__search .seller__search__location-search-action .material-icons {
  color: #17C0A6;
  vertical-align: middle;
  font-size: 40px;
}
.seller__search .seller__search__location-search-action a {
  color: rgba(255, 255, 255, 0.54);
  font-size: 14px;
  font-weight: normal;
  line-height: 19px;
  vertical-align: middle;
  margin-left: 5px;
}
.seller__search__result {
  display: none;
  font-size: 14px;
  line-height: 19px;
  padding-left: 24px;
  padding-right: 24px;
  margin-bottom: 14px;
  color: rgba(255, 255, 255, 0.54);
  white-space: nowrap;
  font-weight: 500;
  vertical-align: bottom;
}
.seller__search__result--term {
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  color: #EC5F7E;
  text-transform: capitalize;
}
@media screen and (max-width: 839px) {
  .seller {
    display: flex;
    max-height: 100%;
    position: fixed;
    background: #FAFAFA;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: 304px;
    -moz-transform: translate(-110%, 0);
    -ms-transform: translate(-110%, 0);
    -o-transform: translate(-110%, 0);
    -webkit-transform: translate(-110%, 0);
    transform: translate(-110%, 0);
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    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);
  }
  .seller.is-active {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .seller.has-search-result.is-searching .seller__carousel__container {
    max-height: inherit;
  }
  .seller .mdl-selectfield__box-value {
    color: rgba(0, 0, 0, 0.87);
  }
  .seller .mdl-selectfield__box .material-icons {
    color: rgba(0, 0, 0, 0.54);
  }
  .seller .mdl-selectfield .mdl-selectfield__label {
    color: rgba(0, 0, 0, 0.87);
  }
  .seller .mdl-selectfield {
    margin: 10px 0 !important;
    width: 100% !important;
  }
  .seller .seller__content__search {
    width: 100%;
    max-width: 304px;
  }
  .seller .seller__search__location-search-action {
    display: flex;
    margin-bottom: 16px;
    align-items: center;
  }
  .seller .seller__search__location-search-action .material-icons {
    flex-grow: 0;
  }
  .seller .seller__search__location-search-action a {
    color: rgba(0, 0, 0, 0.54);
  }
  .seller .seller__search__geographical-search .mdl-textfield {
    width: 100%;
  }
  .seller .seller__search__inputs {
    flex-direction: column;
  }
  .seller.is-searching .seller__search__inputs {
    flex-direction: column;
    justify-content: center;
  }
  .seller.is-searching .seller__search__inputs .mdl-textfield + .seller__search__location-search-action {
    padding-left: 0;
  }
  .seller.is-searching .seller__search__inputs a {
    display: block;
  }
  .seller.is-searching .seller__search__geographical-search .mdl-textfield {
    width: 100%;
  }
  .seller.is-searching.has-search-result .seller__search__content,
  .seller.is-searching.has-no-search-results .seller__search__content {
    border-bottom: none;
  }
  .seller__content {
    display: block;
    position: relative;
    padding: 0;
    flex-grow: 1;
    overflow: auto;
  }
  .seller__header {
    display: block;
    padding: 24px 16px;
  }
  .seller__title {
    display: none;
  }
  .seller__title--mobile {
    display: block;
  }
  .seller__back-button {
    display: block;
  }
  .seller__search {
    width: 100%;
    padding: 0 16px 24px 16px;
  }
  .seller__search .mdl-textfield .mdl-textfield__label {
    color: rgba(0, 0, 0, 0.34);
  }
  .seller__search .mdl-textfield .mdl-textfield__input {
    color: rgba(0, 0, 0, 0.54);
    border-bottom-color: #D8D8D8;
  }
  .seller__search .mdl-textfield.mdl-textfield--inverse .mdl-textfield__button .material-icons {
    color: rgba(0, 0, 0, 0.54);
  }
  .seller__search .seller__search__header {
    margin-bottom: 40px;
  }
  .seller__search__result {
    color: rgba(0, 0, 0, 0.54);
    white-space: normal;
    padding-left: 16px;
    padding-right: 16px;
  }
  .seller__search__result--term {
    color: #C02031;
    display: block;
    font-size: 16px;
    line-height: 21px;
  }
}
.seller__carousel__container {
  padding: 0 18px 24px 18px;
  display: none;
}
.seller__carousel {
  display: block;
  position: relative;
  width: 100%;
  padding: 0 40px;
}
.seller__carousel .slick-arrow {
  display: block;
  position: absolute;
  top: calc(50% - 30px);
  color: rgba(255, 255, 255, 0.87);
}
.seller__carousel .slick-arrow[aria-disabled="true"] {
  background: transparent;
  color: #606366;
  cursor: not-allowed;
}
.seller__carousel .slick-arrow[aria-disabled="true"] .mdl-button__ripple-container {
  display: none;
}
.seller__carousel .seller__carousel__arrow-prev {
  left: -16px;
}
.seller__carousel .seller__carousel__arrow-next {
  right: -16px;
}
.seller__carousel .slick-track {
  margin: 0 auto;
}
.seller__card {
  padding: 0 16px;
}
.seller__card .seller__card__avatar {
  width: 60px;
  height: 60px;
  margin: 0 auto 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  position: relative;
}
.seller__card .seller__card__avatar img {
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.seller__card .seller__card__name {
  font-size: 16px;
  line-height: 21px;
  color: rgba(255, 255, 255, 0.87);
  text-align: center;
  margin-bottom: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.seller__card .seller__card__localization {
  font-size: 14px;
  line-height: 19px;
  color: rgba(255, 255, 255, 0.87);
  text-align: center;
  margin-bottom: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.seller__card .mdl-button {
  display: block;
  margin: 10px auto 0;
}
.seller__card .mdl-button.mdl-button--raised {
  background-color: #C02031;
  border-color: #C02031;
}
@media screen and (max-width: 839px) {
  .seller__carousel__container {
    overflow: hidden;
    padding: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    margin-top: 16px;
    flex-grow: 1;
    height: calc(100% - 170px);
    max-height: calc(100% - 170px);
  }
  .seller__carousel {
    overflow: auto;
    padding: 24px 0 0;
    display: block;
    max-width: 100%;
    max-height: 100%;
  }
  .seller__card {
    margin-top: 24px;
  }
  .seller__card:first-child {
    margin-top: 0;
  }
  .seller__card:last-child {
    margin-bottom: 24px;
  }
  .seller__card .seller__card__avatar {
    width: 80px;
    height: 80px;
  }
  .seller__card .seller__card__name {
    color: rgba(0, 0, 0, 0.87);
  }
  .seller__card .seller__card__localization {
    color: rgba(0, 0, 0, 0.54);
  }
}
.seller__info {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-content: stretch;
  margin-top: 16px;
}
.seller__main-card {
  text-align: center;
  padding: 24px 24px 0 24px;
  margin-bottom: 24px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 264px;
  min-width: 264px;
  position: relative;
}
@media screen and (min-width: 840px) {
  .seller__main-card {
    border-right: 1px solid #494B4F;
  }
}
.seller__main-card__remove-button {
  position: absolute;
  background-color: #FF4C61;
  min-width: 24px;
  min-height: 24px;
  width: 24px;
  height: 24px;
  right: 85px;
  top: 22px;
  padding-top: 1.2px;
  z-index: 2;
}
.seller__main-card__remove-button:active,
.seller__main-card__remove-button:focus {
  background-color: #FF4C61;
}
.seller__main-card__remove-button:hover {
  background-color: #ff1934;
}
.seller__main-card__remove-button .material-icons {
  font-size: 16px;
  color: #FFFFFF;
}
.seller__main-card__avatar {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  position: relative;
}
.seller__main-card__avatar img {
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.seller__main-card__name {
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.87);
}
.seller__main-card__contacts {
  display: inline-block;
  text-align: left;
  overflow: hidden;
  max-width: 100%;
}
.seller__main-card__contacts a {
  cursor: pointer;
}
.seller__main-card__text {
  font-weight: normal;
  text-decoration: none;
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 0;
  margin-top: 5px;
  position: relative;
  padding-left: 36px;
  color: rgba(255, 255, 255, 0.54);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  display: block;
}
.seller__main-card__text a {
  color: rgba(255, 255, 255, 0.54);
  font-weight: normal;
  text-decoration: none;
}
.seller__main-card__text .material-icons {
  position: absolute;
  left: 0;
  top: -2px;
  color: #EC5F7E;
}
.seller__search__title {
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.87);
  margin: 0;
}
.seller__search__info {
  font-size: 16px;
  line-height: 21px;
  color: rgba(255, 255, 255, 0.54);
  margin-bottom: 0;
  margin-top: 10px;
}
@media screen and (max-width: 839px) {
  .seller__info {
    flex-direction: column;
    overflow: auto;
    max-height: calc(100vh - 80px);
    margin-top: 0;
    width: 100%;
  }
  .seller__search__title {
    color: #C02031;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
  }
  .seller__search__info {
    color: rgba(0, 0, 0, 0.54);
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    margin-top: 16px;
  }
  .seller__main-card {
    width: 100%;
    padding: 5px 16px 16px;
    flex: 1 0 auto;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 0;
  }
  .seller__main-card__avatar {
    width: 120px;
    height: 120px;
    margin-bottom: 10px;
  }
  .seller__main-card__name {
    text-align: center;
    padding-left: 0;
    margin-bottom: 12px;
    color: rgba(0, 0, 0, 0.54);
  }
  .seller__main-card__text {
    color: rgba(0, 0, 0, 0.38);
    margin-bottom: 10px;
  }
  .seller__main-card__text a {
    color: rgba(0, 0, 0, 0.38);
  }
  .seller__search .seller__search__description {
    color: rgba(0, 0, 0, 0.38);
    margin-top: 50px;
  }
}
/*
    Esse compomente funciona como um botão para exibir ou ocultar uma área
    O botão deve ter a classe "expansive-area__toggle"
    A área que vai interagir com ele deve estar logo após o botão no html, com a classe "expansive-area"
    Caso queira ter várias áreas, em que quando uma esteja ativa as outras sejam ocultas, 
    envolva as áreas em uma div com a classe "expansive-areas-parent"
*/
.mdl-button.expansive-area__toggle {
  text-transform: none;
  width: 100%;
  height: auto;
  box-shadow: none;
  display: flex;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.87);
  padding: 23px 16px 24px 16px;
  vertical-align: middle;
  font-size: 16px;
  border: none;
  cursor: pointer;
  background: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  justify-content: space-between;
  font-weight: 400;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  line-height: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.mdl-button.expansive-area__toggle > span {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  text-align: left;
}
.mdl-button.expansive-area__toggle .material-icons {
  color: rgba(0, 0, 0, 0.54);
}
.mdl-button.expansive-area__toggle.is-active {
  border-bottom: 0;
}
.mdl-button.expansive-area__toggle.is-active .material-icons {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.mdl-button.expansive-area__toggle + .expansive-area {
  display: none;
}
.mdl-button.expansive-area__toggle.is-active + .expansive-area {
  display: block;
}
.mdl-button.expansive-area__toggle.expansive-area__toggle--primary {
  color: #C02031;
}
.mdl-button.expansive-area__toggle.mdl-button--accent {
  color: #FF4C61;
}
.mdl-button.expansive-area__toggle.expansive-area__toggle--icon {
  padding: 24px;
}
.mdl-button.expansive-area__toggle.expansive-area__toggle--icon .expansive-area__toggle__icon {
  width: 24px;
  flex-grow: 0;
  margin-right: 20px;
}
.mdl-button.expansive-area__toggle.expansive-area__toggle--icon.is-active .material-icons.expansive-area__toggle__icon {
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  -webkit-transform: none;
  transform: none;
}
/*
    Esse compomente funciona como um botão para exibir ou ocultar uma área
    O botão deve ter a classe "expansive-area__toggle"
    A área que vai interagir com ele deve estar logo após o botão no html, com a classe "expansive-area"
    Caso queira ter várias áreas, em que quando uma esteja ativa as outras sejam ocultas, 
    envolva as áreas em uma div com a classe "expansive-areas-parent"
*/
.mdl-button.expansive-area-sidenav-gera__toggle {
  text-transform: none;
  width: 100%;
  height: auto;
  box-shadow: none;
  display: flex;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.54);
  padding: 8px 0px 8px 0px;
  vertical-align: middle;
  font-size: 16px;
  border: none;
  cursor: pointer;
  background: transparent;
  justify-content: space-between;
  font-weight: 400;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  line-height: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.mdl-button.expansive-area-sidenav-gera__toggle > span {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  text-align: left;
  font-weight: 600;
}
.mdl-button.expansive-area-sidenav-gera__toggle .material-icons {
  color: rgba(255, 255, 255, 0.54);
}
.mdl-button.expansive-area-sidenav-gera__toggle.is-active {
  border-bottom: 0;
}
.mdl-button.expansive-area-sidenav-gera__toggle.is-active .material-icons {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.mdl-button.expansive-area-sidenav-gera__toggle + .expansive-area {
  display: none;
}
.mdl-button.expansive-area-sidenav-gera__toggle.is-active + .expansive-area {
  display: block;
}
.mdl-button.expansive-area-sidenav-gera__toggle.expansive-area__toggle--primary {
  color: #C02031;
}
.mdl-button.expansive-area-sidenav-gera__toggle.mdl-button--accent {
  color: #FF4C61;
}
.mdl-button.expansive-area-sidenav-gera__toggle.expansive-area__toggle--icon {
  padding: 24px;
}
.mdl-button.expansive-area-sidenav-gera__toggle.expansive-area__toggle--icon .expansive-area__toggle__icon {
  width: 24px;
  flex-grow: 0;
  margin-right: 20px;
}
.mdl-button.expansive-area-sidenav-gera__toggle.expansive-area__toggle--icon.is-active .material-icons.expansive-area__toggle__icon {
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  -webkit-transform: none;
  transform: none;
}
.expansive-area-sidenav-gera {
  padding: 14px 0px 0px 14px;
}
.expansive-area-sidenav-gera p {
  color: rgba(255, 255, 255, 0.54);
}
/*
    Esse compomente funciona como um botão para exibir ou ocultar uma área
    O botão deve ter a classe "expansive-area-sidenav-gera2__toggle"
    A área que vai interagir com ele deve estar logo após o botão no html, com a classe "expansive-area"
    Caso queira ter várias áreas, em que quando uma esteja ativa as outras sejam ocultas, 
    envolva as áreas em uma div com a classe "expansive-areas-parent"
*/
.mdl-button.expansive-area-sidenav-gera2__toggle {
  text-transform: none;
  width: 100%;
  height: auto;
  box-shadow: none;
  display: flex;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.54);
  padding: 8px 0px 8px 0px;
  vertical-align: middle;
  font-size: 16px;
  border: none;
  cursor: pointer;
  background: transparent;
  justify-content: space-between;
  font-weight: 400;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  line-height: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.mdl-button.expansive-area-sidenav-gera2__toggle > span {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  text-align: left;
  font-weight: 600;
}
.mdl-button.expansive-area-sidenav-gera2__toggle .material-icons {
  color: rgba(0, 0, 0, 0.54);
}
.mdl-button.expansive-area-sidenav-gera2__toggle.is-active {
  border-bottom: 0;
}
.mdl-button.expansive-area-sidenav-gera2__toggle.is-active .material-icons {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.mdl-button.expansive-area-sidenav-gera2__toggle + .expansive-area {
  display: none;
}
.mdl-button.expansive-area-sidenav-gera2__toggle.is-active + .expansive-area {
  display: block;
}
.mdl-button.expansive-area-sidenav-gera2__toggle.expansive-area__toggle--primary {
  color: #C02031;
}
.mdl-button.expansive-area-sidenav-gera2__toggle.mdl-button--accent {
  color: #FF4C61;
}
.mdl-button.expansive-area-sidenav-gera2__toggle.expansive-area__toggle--icon {
  padding: 24px;
}
.mdl-button.expansive-area-sidenav-gera2__toggle.expansive-area__toggle--icon .expansive-area__toggle__icon {
  width: 24px;
  flex-grow: 0;
  margin-right: 20px;
}
.mdl-button.expansive-area-sidenav-gera2__toggle.expansive-area__toggle--icon.is-active .material-icons.expansive-area__toggle__icon {
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  -webkit-transform: none;
  transform: none;
}
.expansive-area-sidenav-gera2 {
  padding: 14px 0px 0px 14px;
}
.expansive-area-sidenav-gera2 p {
  color: rgba(0, 0, 0, 0.54);
}
.mdl-menu {
  box-sizing: border-box;
}
.mdl-menu .mdl-menu__item {
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.54);
  vertical-align: middle;
}
.mdl-menu .mdl-menu__item__icon {
  vertical-align: middle;
  margin: 0 20px 0 8px;
}
.mdl-menu .mdl-menu__item__icon-single {
  vertical-align: middle;
}
.mdl-menu__container {
  position: fixed;
}
.mdl-menu__container.is-visible {
  position: absolute;
  z-index: 500;
}
.pagination {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  text-align: center;
  padding: 24px 0;
}
.pagination li {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: middle;
}
.pagination li:first-of-type {
  margin-right: 10px;
}
.pagination li:last-of-type {
  margin-left: 10px;
}
.pagination li a {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
  display: inline-block;
  line-height: 32px;
  min-width: 32px;
  height: 32px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.54);
  font-size: 16px;
  font-weight: normal;
}
.pagination li a.is-big-number {
  font-size: 0.8em;
}
.pagination li a .material-icons {
  line-height: 32px;
}
.pagination li a:hover {
  background-color: rgba(158, 158, 158, 0.2);
}
.pagination li a.is-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.pagination li a.is-disabled:hover {
  background: transparent;
}
.pagination li.is-active a {
  background: #C02031;
  color: #ffffff;
}
.pagination li .pagination__suspension-points {
  vertical-align: baseline;
  line-height: 34px;
}
.ajax-loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  transform: translate3d(0, -100%, 0);
}
.ajax-loading.is-active {
  transform: translate3d(0, 0, 0);
}
.ajax-loading .mdl-spinner-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ajax-loading .mdl-spinner__circle {
  border-width: 5px;
}
.ajax-loading .mdl-spinner {
  width: 80px;
  height: 80px;
}
.ajax-loading .mdl-spinner__layer-1,
.ajax-loading .mdl-spinner__layer-2,
.ajax-loading .mdl-spinner__layer-3,
.ajax-loading .mdl-spinner__layer-4 {
  border-color: #C02031;
}
.location-indicator {
  display: flex;
  align-items: center;
}
.location-indicator .material-icons {
  font-size: 38px;
  color: #17C0A6;
}
.location-indicator .location-indicator__content {
  padding-left: 2px;
}
.location-indicator .location-indicator__title {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.38);
}
.location-indicator .location-indicator__location {
  margin: 0;
  font-size: 14px;
  line-height: 19px;
  color: rgba(255, 255, 255, 0.54);
}
.payment-select {
  display: block;
  list-style: none;
  padding-left: 0;
  margin: 0;
  text-align: center;
  box-sizing: border-box;
}
.payment-select li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0 15px;
  box-sizing: border-box;
}
.payment-select li:first-of-type {
  padding-left: 0;
}
.payment-select li:last-of-type {
  padding-right: 0;
}
.payment-select .mdl-radio {
  padding-left: 18px;
  margin-bottom: 6px;
}
.payment-select .payment-select__card-label {
  display: block;
  width: 40px;
  cursor: pointer;
}
.payment-select .payment-select__card-label img {
  max-width: 100%;
}
@media screen and (max-width: 479px) {
  .payment-select li {
    margin: 0 12px;
  }
}
div.payment-select-panel {
  display: none;
}
div.payment-select-panel.is-active {
  display: flex;
}
.payment-section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 16px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.payment-section__label {
  font-size: 16px;
  line-height: 21px;
  width: 100%;
  flex-grow: 1;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 10px;
  box-sizing: border-box;
}
.expansive-area > .payment-section__label {
  padding: 0 24px;
  margin-top: 16px;
}
.payment-section__installment {
  flex-grow: 0;
  width: 50%;
  font-size: 16px;
  line-height: 21px;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 10px;
}
.payment-section__installment .payment-section__installment__highlighted {
  color: #17C0A6;
}
.payment-section__installment .payment-section__installment__info {
  font-size: 12px;
  line-height: 16px;
}
@media screen and (min-width: 480px) {
  .payment-section__installment:nth-last-of-type(1) {
    margin-bottom: 0;
  }
  .payment-section__installment:nth-last-of-type(2) {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 479px) {
  .payment-section__installment {
    width: 100%;
  }
  .payment-section__installment:last-of-type {
    margin-bottom: 0;
  }
}
.payment-section__info {
  display: none;
  font-size: 12px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.54);
  width: 100%;
  margin: 12px 0 0;
}
.payment-section__info .material-icons {
  vertical-align: middle;
}
.payment-section__info.is-visible {
  display: block;
}
.promotion-carousel__wrapper {
  width: calc(960px + 140px);
  max-width: 100%;
  margin: 0 auto;
  padding: 0 70px;
  box-sizing: border-box;
}
@media screen and (max-width: 999px) {
  .promotion-carousel__wrapper {
    padding: 0;
  }
}
.promotion-carousel {
  display: block;
  box-sizing: border-box;
  background: #FFFFFF;
}
.promotion-carousel .promotion-carousel__header {
  padding: 16px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.promotion-carousel .promotion-carousel__header .promotion-carousel__header__title {
  font-size: 26px;
  line-height: 34px;
  font-weight: bold;
  text-align: center;
  margin: 0;
  color: rgba(0, 0, 0, 0.54);
}
.promotion-carousel .promotion-carousel__content {
  padding: 35px 3px;
  box-sizing: border-box;
}
.promotion-carousel .promotion-carousel__item {
  padding: 0 21px;
}
.promotion-carousel .promotion-carousel__arrow-prev,
.promotion-carousel .promotion-carousel__arrow-next {
  position: absolute;
  top: calc(50% - 35px);
  text-decoration: none;
  color: #717171;
}
.promotion-carousel .promotion-carousel__arrow-prev.slick-disabled,
.promotion-carousel .promotion-carousel__arrow-next.slick-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: transparent;
}
.promotion-carousel .promotion-carousel__arrow-prev.slick-disabled:hover,
.promotion-carousel .promotion-carousel__arrow-next.slick-disabled:hover {
  background: transparent;
}
.promotion-carousel .promotion-carousel__arrow-prev.slick-disabled .mdl-ripple,
.promotion-carousel .promotion-carousel__arrow-next.slick-disabled .mdl-ripple {
  background: transparent;
}
.promotion-carousel .promotion-carousel__arrow-prev {
  left: -67px;
}
.promotion-carousel .promotion-carousel__arrow-next {
  right: -67px;
}
@media screen and (max-width: 999x) {
  .promotion-carousel {
    box-shadow: none;
  }
  .promotion-carousel .promotion-carousel__header {
    padding: 16px;
  }
  .promotion-carousel .promotion-carousel__header .promotion-carousel__header__title {
    font-size: 14px;
    line-height: 19px;
  }
  .promotion-carousel .promotion-carousel__content {
    padding: 16px 0 8px;
  }
}
@media screen and (max-width: 839px) {
  .promotion-carousel .promotion-carousel__content {
    padding-left: 0;
    padding-right: 0;
  }
  .promotion-carousel .promotion-carousel__item {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (max-width: 479px) {
  .promotion-carousel .promotion-carousel__item {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.promotion-box {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
}
.promotion-box .promotion-box__avatar {
  display: block;
  width: 80px;
  height: 80px;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.promotion-box .promotion-box__avatar img {
  max-width: 100%;
}
.promotion-box .promotion-box__details {
  display: block;
  padding-left: 16px;
  flex-grow: 1;
  box-sizing: border-box;
  max-width: calc(100% - 80px);
  overflow: hidden;
}
.promotion-box .promotion-box__details .promotion-box__details__title {
  font-size: 16px;
  line-height: 21px;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  margin-bottom: 5px;
}
.promotion-box .promotion-box__details .promotion-box__details__text {
  font-size: 14px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.54);
  display: block;
  display: -webkit-box;
  max-height: 57px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  .promotion-box .promotion-box__details {
    padding-left: 10px;
  }
}
.field-validation-tooltip {
  z-index: 10;
  position: absolute;
  width: 200px;
  left: calc(100% + 16px);
  bottom: -9px;
  background: #616161;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 16px;
  display: none;
}
.field-validation-tooltip:before {
  content: ' ';
  display: block;
  vertical-align: middle;
  position: absolute;
  left: -9px;
  bottom: 20px;
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-right: 11px solid #616161;
}
.field-validation-tooltip .field-validation__title {
  margin: 0;
  height: 20px;
  color: rgba(255, 255, 255, 0.87);
  font-size: 14px;
  line-height: 20px;
}
.field-validation-tooltip .field-validation__item {
  margin: 0;
  color: rgba(255, 255, 255, 0.87);
  font-size: 12px;
  line-height: 24px;
  margin: 7px 0;
  display: flex;
}
.field-validation-tooltip .field-validation__item:last-of-type {
  margin: 0;
}
.field-validation-tooltip .field-validation__item:before {
  content: 'check_circle';
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 24px;
  text-transform: none;
  letter-spacing: normal;
  -ms-word-wrap: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: 'liga';
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  vertical-align: middle;
  margin-right: 10px;
  margin-left: -2px;
  color: rgba(0, 0, 0, 0.25);
  transition: color 0.2s;
}
.field-validation-tooltip .field-validation__item.is-valid:before {
  color: #17C0A6;
  animation: ok-check 0.5s ease;
}
.field-validation-tooltip.field-validation-tooltip--bottom {
  top: 10px;
  bottom: inherit;
}
.field-validation-tooltip.field-validation-tooltip--bottom:before {
  top: 28px;
}
@keyframes ok-check {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}
.mdl-textfield.is-focused .field-validation-tooltip {
  display: block;
  animation: show-validation 0.3s ease;
}
@keyframes show-validation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.store {
  width: 100%;
}
.store .mdl-grid {
  width: 1328px;
  margin: 0 auto;
}
.store .search-icon-status-box {
  width: 100%;
  margin-bottom: 50px;
}
.store .search-icon-status {
  background: #dddddd;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  margin: 45px auto 20px;
  text-align: center;
}
.store .search-icon-status .material-icons {
  text-align: center;
  font-size: 115px;
  position: relative;
  margin: 40px 45px 0px;
}
.store .search-icon-status .material-icons + .material-icons {
  color: #FF4C61;
}
.store .search-icon-status .material-icons:first-child {
  text-align: center;
  font-size: 85px;
  margin-left: 30px;
  position: absolute;
  margin-top: 25px;
  color: #17C0A6;
}
.store .search-icon-status span {
  display: block;
}
.store .store__results .loja-filter__list {
  max-width: 1328px;
}
.store .store__search {
  min-height: 200px;
  background: #ebf1f6;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #ededed 0%, #ededed 50%, #e8e8e8 51%, #e8e8e8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #ededed 0%, #ededed 50%, #e8e8e8 51%, #e8e8e8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(175deg, #ededed 0%, #ededed 50%, #e8e8e8 51%, #e8e8e8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#e8e8e8', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.store .store__search .mdl-cell.mdl-cell--5-col .material-icons {
  font-size: 240px;
  float: left;
  color: #dddddd;
  position: relative;
  bottom: -39px;
  margin-top: -39px;
}
.store .store__search .store__header {
  padding: 16px;
  margin: 0;
  font-size: 25px;
  font-weight: 400;
  color: #525252;
}
.store .store__search .store__header span {
  color: #17C0A6;
  display: block;
  font-size: 45px;
  font-weight: 400;
}
.store .store__search .content {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 200px;
}
.store .store__search .mdl-cell.mdl-cell--7-col .header {
  background: none;
}
.store .store__search .mdl-cell.mdl-cell--7-col .header form {
  flex-basis: 580px;
  max-width: inherit;
}
.store .store__search .mdl-cell.mdl-cell--7-col .header form input {
  background: white;
  margin-bottom: 15px;
  width: calc(100% - 170px);
  float: right;
  border-radius: 5px;
  padding: 12px;
  border: none;
  outline: none;
  color: black;
}
.store .store__search .mdl-cell.mdl-cell--7-col .header form .select-content-type {
  max-width: 150px;
  display: inline-block;
}
.store .store__search .mdl-cell.mdl-cell--7-col .header form .mdl-checkbox-group {
  margin-left: 25px;
  padding: 20px 0;
  display: inline-block;
}
.store .store__search .mdl-cell.mdl-cell--7-col .header form .mdl-button--primary {
  float: right;
  margin: 15px 0px;
}
.store .store__search .mdl-cell.mdl-cell--7-col .header form .search-icon i {
  right: 14px;
  position: absolute;
  top: 14px;
}
.store .multiple-select {
  max-width: 260px;
  width: 100%;
  float: left;
  top: 16px;
  position: relative;
}
@media (max-width: 994px) {
  .store .multiple-select {
    max-width: calc(100% - 190px);
  }
}
.store .multiple-select .effect-float {
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  font-size: 16px;
  top: -25px;
  position: relative;
}
@media (max-width: 994px) {
  .store .multiple-select .effect-float {
    top: -25px !important;
  }
}
.store .multiple-select .label-float {
  top: -45px;
  font-size: 14px;
  position: relative;
}
@media (max-width: 994px) {
  .store .multiple-select .label-float {
    top: -45px !important;
  }
}
.store .multiple-select .ms-choice > span {
  left: -8px;
  right: 20px;
  top: 10px;
  font-weight: 500;
  font-size: 15px;
}
.store .multiple-select .ms-drop {
  background: #ffffff;
  margin: 0px;
  padding: 0px;
  border: none;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.store .multiple-select .ms-drop li:hover {
  background-color: #f8f8f8;
}
.store .multiple-select .ms-drop li input {
  margin-bottom: 4px !important;
  width: auto !important;
  float: none !important;
}
.store .detail-result {
  font-size: 14px;
  display: block;
  margin-top: 25px;
}
.store .detail-result .accent-result {
  color: #17C0A6;
  font-size: 16px;
  font-weight: bold;
  padding-right: 5px;
}
.store .detail-result .accent-result + .accent-result {
  padding-left: 5px;
}
@media (max-width: 994px) {
  .store .header form {
    flex-basis: calc(100% - 36px) !important;
    max-width: inherit;
  }
  .store .store__results {
    border-top: 1px solid #ebebeb;
  }
  .store .store__search {
    background: none;
  }
  .store .store__search .mdl-cell.mdl-cell--5-col {
    display: none;
  }
  .store .store__search .mdl-cell.mdl-cell--7-col .header .header__search input {
    background: #EBEBEB !important;
    height: 38px;
    padding: 10px;
    width: 100%;
  }
  .store .store__search .mdl-cell.mdl-cell--7-col .header .header__search label {
    line-height: 30px;
    font-size: 14px;
    top: 4px;
  }
  .store .store__search .mdl-cell.mdl-cell--7-col .header .header__search .mdl-textfield__button {
    top: inherit;
    margin: -2px 8px;
  }
  .store .store__search .mdl-cell.mdl-cell--7-col .header .header__search .mdl-button--raised {
    display: none;
  }
  .store .store__search .mdl-cell.mdl-cell--7-col .header .header__search .search-icon i {
    right: 8px;
    position: absolute;
    top: 74px;
  }
}
@media (max-width: 600px) {
  .store .mdl-selectfield {
    max-width: 220px;
  }
}
.loja-filter__list {
  width: calc(100% - 20px);
  padding-left: 16px;
  position: relative;
}
.loja-filter__list .loja-list-default {
  margin-bottom: 24px;
}
.loja-filter__list .loja-list-default .product-list__content {
  padding: 0;
  margin: 0 -10px;
}
.loja-filter__list.result {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 25px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  margin-top: 20px;
  padding: 10px;
}
.loja-filter__list .loja-card {
  background: #ffffff;
  float: left;
  width: calc(33.33333% - 70px);
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-top: 12px;
  margin-top: 20px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
}
.loja-filter__list .loja-card:nth-of-type(1),
.loja-filter__list .loja-card:nth-of-type(2),
.loja-filter__list .loja-card:nth-of-type(3),
.loja-filter__list .loja-card:nth-of-type(4),
.loja-filter__list .loja-card:nth-of-type(5) {
  margin-top: 15px;
}
.loja-filter__list .loja-card .loja-card__name {
  box-sizing: border-box;
  margin-top: 12px;
  line-height: 25px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 38px;
  overflow: hidden;
  font-weight: bold;
  font-size: 17px;
  color: rgba(0, 0, 0, 0.54);
  margin-bottom: 25px;
}
@media screen and (max-width: 479px) {
  .loja-filter__list .loja-card .loja-card__name {
    margin-bottom: 15px;
  }
}
.loja-filter__list .loja-card .description {
  margin-top: -20px;
  display: block;
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 38px;
  overflow: hidden;
}
.loja-filter__list .loja-card .material-icons {
  float: left;
  padding-right: 30px;
  color: #C02031;
}
.loja-filter__list .loja-card .services h4 {
  font-size: 15px;
  line-height: 25px;
  display: flex;
  margin: 10px;
}
.loja-filter__list .loja-card .services .material-icons {
  color: #17C0A6;
  padding-right: 10px;
  width: 24px;
  height: 24px;
}
.loja-filter__list .loja-card .services span {
  width: 24px;
  display: inline-block;
  float: left;
  padding-right: 10px;
}
.loja-filter__list .loja-card .services span img {
  width: 100%;
}
.loja-filter__list .loja-card .services span i {
  padding-right: 0px;
}
.loja-filter__list .loja-filter__selected-filters {
  margin-top: 16px;
  float: left;
  margin-bottom: 15px;
}
.loja-filter__list .loja-filter__selected-filters .mdl-chip {
  vertical-align: middle;
}
.loja-filter__list .loja-filter__selected-filters .mdl-chip + .mdl-chip {
  margin-left: 4px;
}
.loja-filter__list .loja-filter__selected-filters .mdl-chip:last-of-type {
  margin-right: 10px;
}
.loja-filter__list .loja__map {
  width: 100% !important;
  background: none;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #ededed;
  margin: 0px -10px;
  margin-top: 0px !important;
}
.loja-filter__list .loja-filter__clear-selected-filters {
  display: inline-block;
  vertical-align: middle;
}
.loja-filter__list .loja-filter__clear-selected-filters a {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.54);
}
@media screen and (max-width: 1220px) {
  .loja-filter__list .loja-card {
    width: calc(33.33333% - 70px);
  }
  .loja-filter__list .loja-card:nth-of-type(5) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .loja-filter__list .loja-card {
    width: calc(33.33333% - 70px);
  }
  .loja-filter__list .loja-card:nth-of-type(4) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 839px) {
  .loja-filter__list .loja-filter__selected-filters {
    margin: 0;
  }
  .loja-filter__list .loja-filter__clear-selected-filters {
    display: block;
    margin: 10px 0 6px 0;
  }
  .loja-filter__list .loja-card:nth-of-type(n+1) {
    margin-top: 10px;
  }
  .loja-filter__list:before {
    content: none;
  }
}
@media screen and (max-width: 994px) {
  .loja-filter__list .loja-card {
    width: calc(50% - 56px);
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 10px;
  }
  .loja-filter__list .loja-list-default .loja-list__content {
    padding: 0;
    margin: 0;
  }
  .loja-filter__list .loja-filter__selected-filters .mdl-chip:last-of-type {
    margin-right: 10px;
  }
}
@media screen and (max-width: 600px) {
  .loja-filter__list .loja-card {
    width: 100%;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 10px;
  }
  .loja-filter__list .loja-list-default .loja-list__content {
    padding: 0;
    margin: 0;
  }
  .loja-filter__list .loja-filter__clear-selected-filters {
    display: block;
    margin: 10px 0 10px 0;
  }
}
@media (min-width: 994px) {
  .map-store {
    display: none;
  }
  .map .map-store.mobile {
    display: none;
  }
  .map .map-store.desktop {
    display: block !important;
  }
  .map .store__results .row {
    width: 1000px;
  }
}
@media (max-width: 994px) {
  .map-store {
    display: none;
  }
  .map .map-store.mobile {
    display: block;
    width: 100%;
    min-width: 100%;
    height: 200px;
  }
  .map .map-store.desktop {
    display: none !important;
  }
}
.tooltip-box {
  position: absolute;
  width: 300px;
  max-width: 100%;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.2s;
}
.tooltip-box.is-active {
  opacity: 1;
}
.tooltip-box .tooltip-box__content {
  display: block;
  position: relative;
  background-color: #FFFAEE;
  border-radius: 5px;
  border-bottom-right-radius: 0;
  padding: 26px 20px 20px;
}
.tooltip-box .tooltip-box__content:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 30px;
  top: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFFAEE;
}
.tooltip-box .tooltip-box__content:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  bottom: -30px;
  border-left: 299px solid transparent;
  border-top: 30px solid #FFFAEE;
  border-right: 1px solid #FFFAEE;
  border-bottom-right-radius: 8px;
}
.tooltip-box .tooltip-box__close-button {
  position: absolute;
  right: 5px;
  top: 3px;
  margin: 0;
}
.tooltip-box .tooltip-box__close-button md-icon {
  color: rgba(0, 0, 0, 0.54);
}
.tooltip-box .tooltip-box__title {
  display: block;
  font-size: 20px;
  line-height: 26px;
  font-weight: bold;
  margin: 0;
  margin-bottom: 10px;
  color: #17C0A6;
}
.tooltip-box .tooltip-box__text {
  display: block;
  font-size: 14px;
  line-height: 19px;
  color: #7D7F82;
}
@media screen and (max-width: 839px) {
  .tooltip-box {
    display: none;
  }
}
.privacy-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999;
  padding: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 839px) {
  .privacy-banner {
    padding: 10px;
  }
}
.privacy-banner * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.privacy-banner .privacy-banner__content {
  background: #ffffff;
  width: 100%;
  max-width: 1328px;
  margin: 0 auto;
  display: flex;
  padding: 20px;
  align-items: center;
  border-radius: 10px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 839px) {
  .privacy-banner .privacy-banner__content {
    flex-direction: column;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
  }
  .privacy-banner .privacy-banner__content .mdl-button {
    margin-top: 10px;
    width: 100%;
  }
}
.privacy-banner p {
  flex-grow: 1;
  padding-right: 16px;
  margin: 0;
  line-height: 19px;
}
.privacy-banner p a {
  color: #C02031;
  text-decoration: none;
}
.privacy-banner .mdl-button {
  flex-grow: 0;
  white-space: nowrap;
  flex-shrink: 0;
}
@media screen and (max-width: 1000px) {
  .privacy-banner .mdl-button {
    flex-shrink: 1;
    white-space: normal;
    height: auto;
    line-height: 1.5;
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
/***********LAYOUT ***********/
.footer {
  background: #ffffff;
  box-sizing: border-box;
}
.footer__content {
  max-width: 100%;
  margin: 0 auto;
}
.footer__content a {
  text-decoration: none;
}
.footer__site-map {
  width: 1328px;
  max-width: 100%;
  padding: 8px 24px 0;
  margin: 0 auto;
  box-sizing: border-box;
}
.footer__site-map .footer__logo {
  padding: 12px 110px;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.footer__site-map .footer__logo > a {
  display: inline-block;
}
.footer__site-map .footer__logo img {
  max-width: 129px;
}
@media screen and (max-width: 479px) {
  .footer__site-map .footer__logo {
    padding-top: 24px;
    text-align: center;
  }
}
.footer__site-map .footer__site-map__nav {
  display: flex;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 479px) {
  .footer__site-map .footer__site-map__nav {
    display: block;
  }
}
.footer__site-map .footer__site-map__nav__section {
  display: block;
  width: 100%;
}
@media screen and (min-width: 480px) {
  .footer__site-map.footer__theme-two {
    padding-bottom: 25px;
  }
  .footer__site-map.footer__theme-two .footer__site-map__nav__section__list ul li {
    display: block;
  }
  .footer__site-map.footer__theme-two .footer__site-map__nav__section__list ul li p {
    margin-bottom: -12px;
  }
  .footer__site-map.footer__theme-two .footer__site-map__nav__section {
    width: calc(100% / 3 - 30px);
    margin-right: 120px;
    margin-left: 120px;
  }
}
@media screen and (max-width: 839px) and (min-width: 480px) {
  .footer__site-map.footer__theme-two .footer__site-map__nav__section {
    width: auto;
    margin-right: inherit;
  }
}
.footer__site-map .footer__default-theme {
  text-align: center;
  padding: 20px 0px;
}
.footer__site-map .footer__site-map__nav__title {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  margin: 0;
  position: relative;
  background-color: none;
}
.footer__site-map .footer__site-map__nav__title p {
  font-size: 16px;
  margin-top: 8px;
  margin-bottom: 3px;
  line-height: 1.1;
  padding: 0px;
}
.footer__site-map .footer__site-map__nav__title .material-icons {
  display: none;
}
@media screen and (min-width: 480px) {
  .footer__site-map .footer__site-map__nav__title .mdl-button__ripple-container {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  .footer__site-map .footer__site-map__nav__title {
    height: 56px;
    line-height: 56px;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding-left: 24px;
    padding-right: 24px;
  }
  .footer__site-map .footer__site-map__nav__title p {
    display: inline-block;
    padding: 0px;
    margin: 0px;
  }
  .footer__site-map .footer__site-map__nav__title .material-icons {
    display: inline-block;
    top: 16px;
    right: 16px;
    font-size: 24px;
    position: absolute;
    vertical-align: middle;
  }
}
.footer__site-map .footer__site-map__nav__section__list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer__site-map .footer__site-map__nav__section__list ul li {
  display: inline-block;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
  float: left;
}
.footer__site-map .footer__site-map__nav__section__list ul li a,
.footer__site-map .footer__site-map__nav__section__list ul li a:active,
.footer__site-map .footer__site-map__nav__section__list ul li a:hover,
.footer__site-map .footer__site-map__nav__section__list ul li a:visited {
  color: rgba(0, 0, 0, 0.54);
  text-decoration: none;
  font-weight: normal;
}
.footer__site-map .footer__site-map__nav__section__list ul li a > p + p {
  display: none;
}
.footer__site-map .footer__site-map__nav__section__list ul li p {
  font-size: 14px;
  line-height: 1.1;
  padding: 3px 0;
  margin: 0px;
}
@media screen and (min-width: 480px) {
  .footer__site-map .footer__site-map__nav__section__list ul li {
    margin-right: 32px;
    padding-top: 5px;
    padding-bottom: 6px;
    float: none;
  }
  .footer__site-map .footer__site-map__nav__section__list ul li:last-child {
    margin-left: 0;
  }
}
@media screen and (max-width: 479px) {
  .footer__site-map .footer__site-map__nav__section__list ul li {
    float: none;
  }
  .footer__site-map .footer__site-map__nav__section__list ul li p {
    padding: 0px;
    margin: 0px;
  }
}
.footer__site-map .footer__site-map__nav__section__list .mobile-toolbar {
  display: none;
}
.footer__site-map .footer__site-map__nav__section__list .mobile-toolbar.mdl-shadow--4dp {
  box-shadow: inherit;
}
.footer__site-map .footer__site-map__nav__section__list .mobile-toolbar .mobile-toolbar__title p {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  margin-bottom: inherit;
  width: calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  width: -moz-calc(100% - 100px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.footer__site-map .footer__site-map__nav__section__list .mobile-toolbar .mobile-toolbar__title p * {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  width: -moz-calc(100% - 100px);
  line-height: 14px;
}
@media screen and (max-width: 479px) {
  .footer__site-map .footer__site-map__nav__section__list {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    min-height: 100%;
    transform: translate(120%, 0);
    transition: 0.2s ease-in-out;
    background-color: #ffffff;
    z-index: 10;
  }
  .footer__site-map .footer__site-map__nav__section__list.is-active {
    transform: translate(0, 0);
  }
  .footer__site-map .footer__site-map__nav__section__list ul {
    display: block;
  }
  .footer__site-map .footer__site-map__nav__section__list ul li {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  .footer__site-map .footer__site-map__nav__section__list ul li a {
    display: block;
    padding: 20px 24px;
    width: 100%;
  }
  .footer__site-map .footer__site-map__nav__section__list .mobile-toolbar {
    display: block;
  }
}
@media screen and (max-width: 479px) {
  .footer__site-map {
    padding: 0;
  }
}
.footer__address {
  padding: 15px 24px;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.footer__address.default {
  text-align: center;
}
.footer__address .ql-align-center {
  text-align: center;
}
.footer__address .ql-align-left {
  text-align: left;
}
.footer__address .ql-align-right {
  text-align: right;
}
.footer__address .footer__address__text {
  display: block;
  color: rgba(0, 0, 0, 0.38);
  font-size: 12px;
  line-height: 16px;
}
.footer__address .footer__address__text p {
  padding: 0px;
  margin-bottom: 0px;
}
@media screen and (max-width: 479px) {
  .footer__address .footer__address__text {
    text-align: left;
    border-top: none;
  }
}
.footer__social-links {
  margin-top: 0px;
  margin-bottom: 0px;
  position: relative;
}
.footer__social-links .footer__content {
  width: 100%;
  text-align: center;
}
.footer__social-links .footer__content img {
  width: 32px !important;
  display: inline-block;
  height: 32px;
  border-radius: 50%;
  margin: 4px;
  position: relative;
  top: 3px;
  cursor: pointer;
}
.footer__copyrights {
  background-color: #393C40;
  padding: 6px 10px;
}
.footer__copyrights .footer__copyrights__logo {
  width: 76px;
}
.footer__copyrights .footer__copyrights__text {
  color: rgba(255, 255, 255, 0.54);
  font-size: 12px;
  float: right;
}
@media screen and (max-width: 479px) {
  .footer__copyrights .footer__copyrights__text {
    display: none;
  }
}
.footer__institutional-placeholder {
  display: none;
}
@media screen and (max-width: 479px) {
  .footer__institutional-placeholder {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    transform: translate(120%, 0);
    transition: 0.2s ease-in-out;
    z-index: 10;
  }
  .footer__institutional-placeholder.footer__institutional-placeholder--active {
    transform: translate(0, 0);
  }
}
.footer__institutional-placeholder .mdl-dialog__close {
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
}
.footer__institutional-placeholder .mdl-dialog__close .mdl-dialog__close__mobile-icon {
  color: #ffffff;
}
.footer__default-logo {
  display: inline-block;
  vertical-align: middle;
  width: 135px;
  height: 36px;
  background-image: url('/img/custom/loccitane/logo_footer_default.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 900px) and (min-width: 840px) {
  .footer__default-logo {
    width: 122px;
    height: 32px;
  }
}
@media screen and (max-width: 839px) {
  .footer__default-logo {
    width: 87px;
    height: 30px;
  }
}
.is-active-dialog .header-wrapper {
  z-index: 1;
}
.header-wrapper {
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  position: fixed;
  z-index: 3;
  left: 0;
  right: 0;
  top: 0;
}
.header-wrapper.higher-zindex {
  z-index: 999;
}
.header-wrapper .header__content > .reseller-register-button,
.header-wrapper .header ~ .reseller-register-button {
  height: 42px;
  margin-right: 10px;
  flex-shrink: 0;
  text-transform: none;
  font-weight: normal;
}
.header-wrapper .header__content > .reseller-register-button .material-icons,
.header-wrapper .header ~ .reseller-register-button .material-icons {
  color: #EC5F7E;
  margin-right: 5px;
  margin-left: -2px;
}
@media screen and (max-width: 839px) {
  .header-wrapper .header__content > .reseller-register-button,
  .header-wrapper .header ~ .reseller-register-button {
    display: none;
  }
}
.header-wrapper > .mdl-button.reseller-register-button {
  position: absolute;
  top: 100%;
  right: 40px;
  height: 43px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-width: 0;
  background: linear-gradient(180deg, #210c0b 0%, #55262c 100%);
  padding-left: 24px;
  padding-right: 24px;
}
.header {
  min-width: 100%;
  width: 100%;
  display: block;
  position: relative;
  background-color: #C02031;
  background-image: url('/img/custom/loccitane/toolbar-gradient-desktop.png');
  background-repeat: no-repeat;
  background-position: right;
  z-index: 2;
  background-size: 50% 100px;
  background-position-y: 50px;
}
.header .sub-header {
  background: #eee;
}
@media (max-width: 840px) {
  .header .sub-header {
    display: none;
  }
}
.header .sub-header .header__content {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 50px;
  position: relative;
  justify-content: inherit;
}
.header .header__stores {
  position: relative;
}
.header .header__stores i {
  flex-grow: 0;
  flex-shrink: 0;
}
.header .header__stores a {
  display: inline-block;
  color: rgba(255, 255, 255, 0.54);
  padding-left: 5px;
  line-height: 19px;
  font-weight: normal;
  text-decoration: none;
  line-height: 30px;
}
.header .search-mobile {
  display: none;
}
@media screen and (max-width: 839px) {
  .header {
    background-color: #C02031;
    background-image: url('/img/custom/loccitane/toolbar-gradient-mobile.png');
    background-size: cover;
  }
  .header .search-mobile {
    display: block;
  }
}
.header .header__content-wrapper {
  display: block;
  position: relative;
  width: 1328px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}
@media screen and (max-width: 479px) {
  .header .header__content-wrapper {
    padding-right: 12px;
    padding-left: 19px;
  }
}
@media screen and (max-width: 369px) {
  .header .header__autocomplete__mobile-row {
    display: none;
    position: relative;
    height: 0;
    margin-left: -64px;
    margin-right: -16px;
  }
  .header .header__autocomplete__mobile-row .autocomplete {
    top: 10px;
  }
}
@media screen and (min-width: 370px) {
  .header .header__autocomplete__mobile-row .autocomplete {
    position: fixed;
    top: 143px;
    left: 0;
  }
}
.header .search-mobile.is-active .header__autocomplete__mobile-row {
  display: block;
}
.nav-institutional {
  z-index: 1;
}
.nav-institutional a {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.54);
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  text-decoration: none;
  position: relative;
  top: -5px;
}
.nav-institutional > a:hover,
.nav-institutional > div:hover {
  background: #e1e1e1;
}
.nav-institutional > a.active {
  border-bottom: 5px solid #C02031;
  margin-bottom: -5px;
  height: 14px;
}
.nav-institutional .dropdown {
  position: relative;
  display: inline-block;
  height: 50px;
}
.nav-institutional .dropdown .drop {
  color: rgba(255, 255, 255, 0.87);
  padding: 11px 20px;
  position: relative;
  display: inline-block;
  height: 100%;
  min-height: 100%;
  box-sizing: border-box;
}
.nav-institutional .dropdown .drop i:not(.down-caret),
.nav-institutional .dropdown .drop .material-icons {
  color: rgba(255, 255, 255, 0.87);
  left: 5px;
}
.nav-institutional .dropdown .drop.active {
  border-bottom: 5px solid #C02031;
  max-height: 30px;
  margin-bottom: -5px;
}
.nav-institutional .dropdown > .dropdown-menu {
  width: auto;
  min-width: 100%;
  list-style: none;
  margin: 0;
  margin-top: 0px;
  padding: 0;
  position: absolute;
  float: left;
  max-height: 0;
  overflow: hidden;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
  background: #f8f8f8;
}
.nav-institutional .dropdown > .dropdown-menu.open {
  max-height: 300px;
  height: auto;
}
.nav-institutional .dropdown > .dropdown-menu li {
  padding: 5px 0px;
}
.nav-institutional .dropdown > .dropdown-menu li:hover {
  background: rgba(0, 0, 0, 0.1);
  font-weight: 500;
}
.nav-institutional .dropdown > .dropdown-menu > li > a {
  padding: 14px 20px 4px;
  display: block;
  color: rgba(0, 0, 0, 0.54);
  text-align: left;
  font-weight: normal;
  white-space: nowrap;
}
.nav-institutional .down-caret {
  width: 24px;
  height: 16px;
  display: inline-block;
  top: 6px;
  position: relative;
  transform: rotate(0deg);
}
.nav-institutional .down-caret.open-caret {
  transform: rotate(180deg);
}
.top-menu {
  overflow: inherit;
  width: calc(100% - 100px);
  height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (max-width: 1000px) {
  .top-menu {
    width: 100%;
  }
}
.top-menu .top-menu__box {
  position: relative;
  width: 100%;
  height: 100%;
}
.top-menu .top-menu__box .scroller {
  position: absolute;
  height: 100%;
  width: 40px;
  text-align: center;
  cursor: pointer;
  display: none;
  padding: 5px;
  margin-top: 0;
  background: #eeeeee;
  top: 0;
  z-index: 2;
  box-shadow: -7px -5px 9px rgba(220, 220, 220, 0.9);
  box-sizing: border-box;
}
.top-menu .top-menu__box .scroller i {
  color: rgba(0, 0, 0, 0.87);
  top: 7px;
  position: relative;
}
.top-menu .top-menu__box .scroller.scroller-right {
  right: 0;
}
.top-menu .top-menu__box .scroller.scroller-left {
  left: 0;
}
.top-menu .top-menu__box .wrapper {
  position: relative;
  padding: 0;
  height: 100%;
  width: calc(100% - 100px);
  margin: 0 auto;
  overflow: hidden;
}
.top-menu .top-menu__box .wrapper .list {
  position: absolute;
  left: 0;
  top: 0;
  min-width: auto;
  width: auto;
  margin-top: 0px;
  white-space: nowrap;
}
.top-menu .top-menu__box .wrapper .list.completed-menu {
  display: flex;
  justify-content: center;
  min-width: 100%;
}
.top-menu .top-menu__box .wrapper .list .item {
  margin: 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.top-menu .top-menu__box .wrapper .list .item > a {
  top: 0;
  line-height: 16px;
}
.top-menu .top-menu__box .wrapper .list .item .down-caret {
  line-height: 16px;
}
.top-menu .top-menu__box .wrapper .list .item-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.top-menu .top-menu__box .wrapper .list .item-disabled * {
  color: rgba(0, 0, 0, 0.38) !important;
}
.top-menu .top-menu__box .wrapper .list a.item {
  top: 0;
  height: 50px;
  box-sizing: border-box;
}
.top-menu:hover .wrapper {
  min-height: 500px;
  overflow-y: visible;
}
.header__logo-menu-icon-wrapper {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.header-menu-icon {
  display: none;
  margin-right: 24px;
  margin-left: -6px;
}
.header-menu-icon .material-icons {
  color: rgba(0, 0, 0, 0.54);
}
@media screen and (max-width: 839px) {
  .header-menu-icon {
    display: inline-block;
  }
}
@media screen and (max-width: 479px) {
  .header-menu-icon {
    margin-right: 10px;
  }
}
@media (max-width: 320px) {
  .header-menu-icon {
    margin-right: 8px;
  }
}
.header__logo {
  display: inline-block;
  vertical-align: middle;
  width: 135px;
  height: 36px;
  background-image: url('/img/custom/loccitane/logo.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 900px) and (min-width: 840px) {
  .header__logo {
    width: 122px;
    height: 32px;
  }
}
@media screen and (max-width: 839px) {
  .header__logo {
    width: 87px;
    height: 30px;
  }
}
@media screen and (max-width: 350px) {
  .header__logo {
    width: 65px;
  }
}
.header__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  margin: 0 auto;
  height: 125px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 839px) {
  .header__content {
    height: 75px;
  }
  .header__content .header__user {
    display: none;
  }
  .header__content .header__search {
    display: none;
  }
  .header__content .header__seller {
    position: static;
    display: none;
  }
  .header__content .header__seller .header__seller__img-container,
  .header__content .header__seller .header__seller__select,
  .header__content .header__seller .header__seller__title {
    display: none;
  }
  .header__content .header__seller .header__seller__wrapper {
    position: static;
  }
  .header__content .header__location {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  .header__content {
    padding-left: 19px;
    padding-right: 12px;
  }
}
.header__content .header__topMessagePartial {
  background: #f18d9c;
  width: 100%;
  position: absolute;
  top: 51px;
  right: 0px;
  display: flex;
  justify-content: center;
  padding: 7px;
  align-items: center;
}
@media screen and (max-width: 839px) {
  .header__content .header__topMessagePartial {
    top: 90px;
  }
}
.header__content .header__topMessagePartial .message_desktop {
  display: block;
}
.header__content .header__topMessagePartial .message_desktop a {
  padding-left: 14px;
  color: white;
  font-weight: 100;
}
.header__content .header__topMessagePartial .message_mobile {
  display: none;
}
.header__content .header__topMessagePartial .message_mobile a {
  padding-left: 14px;
  color: white;
  font-weight: 100;
}
@media screen and (max-width: 839px) {
  .header__content .header__topMessagePartial .message_mobile a {
    padding-right: 4px;
    padding-left: 0px;
  }
}
@media screen and (max-width: 839px) {
  .header__content .header__topMessagePartial .message_desktop {
    display: none;
  }
  .header__content .header__topMessagePartial .message_mobile {
    display: block;
  }
}
.header__content > .header__search__mobile {
  display: none;
}
@media screen and (min-width: 370px) and (max-width: 839px) {
  .header__content > .header__search__mobile {
    display: inline-block;
    flex: 1 1 auto;
    max-width: 100%;
    min-width: 0;
    margin: 0 10px 0 25px;
  }
  .header__content > .header__search__mobile .search-mobile-wrapper {
    display: flex;
    align-items: center;
    background: white;
    border: 1px solid #C02031;
    border-radius: 20px;
    padding: 2px 8px;
  }
  .header__content > .header__search__mobile .search-mobile-wrapper .search-icon {
    font-size: 20px;
    color: #C02031;
  }
  .header__content > .header__search__mobile .search-mobile-wrapper .search-mobile-input {
    border: none;
    outline: none;
    font-size: 14px;
    flex: 1;
    padding: 4px;
    color: rgba(0, 0, 0, 0.87);
    background: transparent;
    min-width: 0;
  }
}
.header__search {
  text-align: left;
  flex-basis: 380px;
  flex-shrink: 1;
  max-width: calc( 100% -  135px  - 310px);
  margin-left: 16px;
  margin-right: 16px;
}
.header__search .mdl-textfield {
  padding-top: 0;
  padding-bottom: 0;
}
.header__search .mdl-textfield__label {
  top: 4px;
  color: rgba(255, 255, 255, 0.87);
}
.header__search .mdl-textfield__label:after {
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.12);
}
.header__search .mdl-textfield__input {
  color: rgba(255, 255, 255, 0.87);
  border-color: rgba(255, 255, 255, 0.12);
}
.header__search .mdl-textfield__button {
  top: -4px;
}
.header__search .mdl-textfield__button .material-icons {
  color: rgba(255, 255, 255, 0.87);
}
@media (max-width: 1070px) {
  .header__search .mdl-textfield__label {
    font-size: 12px;
  }
  .header__search .mdl-textfield--inverse .mdl-textfield__label {
    font-size: 14px !important;
  }
}
.header__credit {
  display: flex;
  background: transparent;
  align-items: center;
  position: relative;
  padding: 9px 8px 9px 56px;
  box-sizing: border-box;
  height: 100%;
  max-height: 100%;
  flex-grow: 0;
  flex-shrink: 0;
}
.header__credit .header__credit__button {
  color: #C02031;
}
@media screen and (min-width: 840px) {
  .header__credit .header__credit__button {
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 30px;
  }
}
.header__credit .header__credit__data {
  position: relative;
  cursor: pointer;
}
.header__credit .header__credit__value {
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  color: #C02031;
  margin-bottom: 0;
}
.header__credit .header__credit__value .header__credit__value__currency {
  font-size: 10px;
  line-height: 13px;
  color: rgba(0, 0, 0, 0.54);
}
.header__credit .header__credit__select-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  padding-right: 28px;
  margin-bottom: 0;
  position: relative;
  color: rgba(0, 0, 0, 0.38);
}
.header__credit .header__credit__select-icon {
  position: absolute;
  color: rgba(0, 0, 0, 0.87);
  right: 0;
  top: -3px;
  transform: rotate(0);
  animation: 0.2s all;
}
.header__credit .header__credit__select-icon.rotate {
  transform: rotate(180deg);
}
.header__credit .header__credit__reports-wrapper {
  display: none;
  position: absolute;
  width: 320px;
  padding-left: 0;
  margin-top: 8px;
  margin-bottom: 0;
  list-style: none;
  border-radius: 4px;
  z-index: 11;
  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);
}
@media screen and (min-width: 480px) and (min-height: 480px) {
  .header__credit .header__credit__reports-wrapper.is-active {
    display: block;
  }
}
.header__credit .header__credit__reports-wrapper:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: -11px;
  right: 15px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 12px solid #EC5F7E;
}
@media (min-width: 450px) and (max-width: 599px) {
  .header__credit .header__credit__reports-wrapper:before {
    right: 40%;
  }
}
@media screen and (max-width: 479px), screen and (max-height: 479px) {
  .header__credit .header__credit__reports-wrapper:before {
    content: none;
  }
}
@media screen and (min-width: 840px) {
  .header__credit .header__credit__reports-wrapper {
    right: -10px;
    top: 60px;
  }
}
@media (min-width: 600px) and (max-width: 839px) {
  .header__credit .header__credit__reports-wrapper {
    right: -8px;
    top: 75%;
  }
}
@media (min-width: 450px) and (max-width: 599px) and (min-height: 480px) {
  .header__credit .header__credit__reports-wrapper {
    right: -120px;
    top: 75%;
  }
}
@media screen and (max-width: 479px), screen and (max-height: 479px) {
  .header__credit .header__credit__reports-wrapper {
    display: block;
    background: #F8F8F8;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    transform: translateX(100%);
    transition: 0.2s all;
    overflow: auto;
    box-shadow: initial;
  }
  .header__credit .header__credit__reports-wrapper.is-active {
    left: 0;
    transform: translate(0);
  }
}
.header__credit .header__credit__mobile-header {
  display: flex;
  padding: 16px 16px 8px;
  background: #EC5F7E;
}
@media screen and (min-width: 480px) and (min-height: 480px) {
  .header__credit .header__credit__mobile-header {
    display: none;
  }
}
.header__credit .header__credit__mobile-header .mdl-button.mdl-button--icon {
  display: block;
}
.header__credit .header__credit__mobile-header .mdl-button.mdl-button--icon .material-icons {
  color: rgba(255, 255, 255, 0.87);
}
.header__credit .header__credit__featured-report {
  background: #EC5F7E;
  padding: 20px 24px;
}
@media screen and (min-width: 480px), screen and (min-width: 480px) {
  .header__credit .header__credit__featured-report:first-of-type {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
}
.header__credit .header__credit__featured-report + .header__credit__featured-report {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.header__credit .header__credit__featured-report + .header__credit__report {
  padding-top: 16px;
}
.header__credit .header__credit__featured-report .header__credit__featured-report__text {
  font-size: 16px;
  line-height: 21px;
  color: rgba(255, 255, 255, 0.54);
  margin-bottom: 0;
}
.header__credit .header__credit__featured-report .header__credit__featured-report__value {
  font-size: 34px;
  line-height: 46px;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 0;
}
.header__credit .header__credit__featured-report.header__credit__featured-report--mobile {
  display: none;
}
@media screen and (min-width: 480px), screen and (min-width: 480px) {
  .header__credit .header__credit__featured-report.header__credit__featured-report--mobile {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  .header__credit .header__credit__featured-report.header__credit__featured-report--mobile + .header__credit__featured-report {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
}
.header__credit .header__credit__report {
  background: #C02031;
  padding: 5px 24px;
}
.header__credit .header__credit__report:first-of-type {
  padding-top: 24px;
}
.header__credit .header__credit__report:last-child {
  padding-bottom: 30px;
}
@media screen and (min-width: 480px), screen and (min-height: 480px) {
  .header__credit .header__credit__report:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
}
.header__credit .header__credit__report .header__credit__report__text {
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.54);
  margin-bottom: 0;
}
.header__credit .header__credit__report .header__credit__report__value {
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
  margin-bottom: 0;
}
@media screen and (max-width: 479px), screen and (max-height: 479px) {
  .header__credit .header__credit__report {
    background: none;
  }
  .header__credit .header__credit__report .header__credit__report__text {
    color: rgba(0, 0, 0, 0.54);
  }
  .header__credit .header__credit__report .header__credit__report__value {
    color: #C02031;
  }
}
@media screen and (min-width: 840px) {
  .header__credit {
    margin: 0 12px;
  }
  .header__credit:first-child {
    margin-left: 0;
  }
  .header__credit:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 839px) {
  .header__credit {
    background: none;
    padding: 0 6px;
    margin-left: auto;
  }
  .header__credit .header__credit__data {
    display: none;
  }
  .header__credit .header__credit__featured-report.header__credit__featured-report--mobile {
    display: block;
  }
  .header__credit .header__credit__featured-report.header__credit__featured-report--mobile + .header__credit__featured-report {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
.header__seller {
  display: flex;
  position: relative;
  flex-grow: 0;
  box-sizing: border-box;
  flex-basis: auto;
  width: auto;
  max-width: 20%;
  margin-left: 12px;
}
.header__seller .seller {
  display: none;
}
.header__seller.is-active .seller {
  display: block;
}
.header__seller .header__seller__img-container {
  width: auto;
  flex: 0 0 auto;
  margin-right: 16px;
}
.header__seller .header__seller__img {
  display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 40px;
  height: 40px;
  overflow: hidden;
  position: relative;
}
.header__seller .header__seller__img img {
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.header__seller .header__seller__wrapper {
  position: relative;
  width: auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex-grow: 0;
  width: "calc(100% - 40px)";
  max-width: "calc(100% - 40px)";
}
.header__seller .header__seller__title {
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.header__seller .header__seller__select {
  display: block;
  color: rgba(0, 0, 0, 0.87);
  font-size: 16px;
  line-height: 21px;
  font-weight: normal;
  text-decoration: none;
  position: relative;
  padding-right: 24px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  box-sizing: border-box;
}
.header__seller .header__seller__select .material-icons {
  position: absolute;
  color: #000000;
  line-height: 21px;
  vertical-align: middle;
  top: 0;
  right: 0;
}
.header__user {
  display: flex;
  position: relative;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
}
.header__user .user__img {
  background: #EC5F7E;
  display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  flex: 0 0 auto;
  font-size: 0;
}
.header__user .user__options {
  width: 130px;
  position: relative;
  flex: 0 0 auto;
}
.header__user .user__options__name {
  margin: 0;
  font-size: 14px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.54);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.header__user .login__dropdown {
  width: auto;
}
.header__user .login__dropdown_item {
  text-transform: uppercase;
}
.header__user .user__options__menu-link {
  line-height: 20px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.54);
  white-space: nowrap;
  display: flex;
  text-decoration: none;
  font-weight: normal;
  justify-content: space-between;
}
.header__user .user__options__menu-link .user__options__name {
  padding-top: 4px;
}
.header__user .user__options__menu-link .material-icons {
  color: rgba(0, 0, 0, 0.87);
  vertical-align: middle;
}
.is-active .header__user .user__options__menu-link {
  font-size: 16px;
  padding-top: 22px;
  padding-bottom: 13px;
  line-height: 21px;
}
.is-active .header__user .user__options__menu-link .material-icons {
  transform: rotate(180deg);
}
.header__user .user__options__list-wrapper {
  font-size: 16px;
  padding: 0 0 0;
  margin: 0;
  display: none;
  background: #393C40;
}
.header__user .user__options__list-wrapper .location-indicator {
  padding: 24px 24px 0 24px;
}
.header__user .user__options__list-wrapper .location-indicator .location-indicator__title {
  color: (255, 255, 255, 0.54);
}
.header__user .user__options__list-wrapper .location-indicator .location-indicator__location {
  color: (255, 255, 255, 0.87);
  white-space: nowrap;
}
.header__user .user__options__list-wrapper .user__options__list {
  width: 100%;
  padding: 15px 0 10px 0;
  margin: 0;
}
.header__user .user__options__list-wrapper .user__options__list a i {
  padding: 2px 5px 0px;
  float: left;
}
.header__user .user__options__list-wrapper li {
  list-style: none;
  width: 100%;
}
.header__user .user__options__list-wrapper a {
  white-space: nowrap;
  display: block;
  color: rgba(0, 0, 0, 0.54);
  text-decoration: none;
  font-weight: normal;
}
.header__user .user__options__list-wrapper.is-active {
  display: block;
  z-index: 200;
  position: absolute;
  top: calc(100% + 10px);
  right: -24px;
  min-width: 250px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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);
}
.header__user .user__options__list-wrapper.is-active li a {
  font-size: 15px;
  padding-left: 24px;
  padding-right: 12px;
  line-height: 30px;
}
.header__user .user__options__list-wrapper.is-active li a:hover {
  background: #3e4145;
}
.header__user .user__options__list-wrapper.is-active:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #393C40;
  top: -12px;
  right: 28px;
  position: absolute;
  z-index: 10;
}
.header__user .user__options__login-register {
  font-size: 16px;
  margin: 0;
}
.header__user .user__options__login-register a {
  font-size: 16px;
  text-decoration: none;
  line-height: 21px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
}
.header__user.is-logged-in .user__options__login-register {
  display: block;
}
.header__location {
  display: flex;
  align-items: center;
}
.header__location.header__icon > .mdl-button--icon {
  flex-grow: 0;
  flex-shrink: 0;
}
.header__location.header__icon > .mdl-button--icon .material-icons {
  color: #C02031;
  font-size: 24px;
}
.header__location a {
  display: inline-block;
  color: rgba(255, 255, 255, 0.54);
  font-size: 14px;
  line-height: 19px;
  font-weight: normal;
  text-decoration: none;
}
.header__icons {
  flex-shrink: 0;
  text-align: right;
  position: relative;
}
.header__icon {
  display: inline-block;
  position: relative;
}
.header__icon > .mdl-button--icon .material-icons {
  color: #C02031;
}
.header__icon.header__search__mobile {
  display: none;
}
.header__icon.header__search__mobile .mdl-button--icon .material-icons {
  color: rgba(0, 0, 0, 0.54);
}
@media screen and (max-width: 369px) {
  .header__icon.header__search__mobile {
    display: inline-block;
  }
}
.header__icon.favorite-class + .header__icon {
  margin-left: 6px;
}
@media (max-width: 924px) and (min-width: 839px) {
  .header__icon.favorite-class + .header__icon {
    margin-left: 10px;
  }
}
@media (max-width: 839px) {
  .header__icon.favorite-class + .header__icon {
    margin-left: 10px !important;
  }
}
@media screen and (max-width: 479px) {
  .header__icon.favorite-class + .header__icon {
    margin-left: 24px;
  }
}
@media screen and (max-width: 380px) {
  .header__icon.favorite-class + .header__icon {
    margin-left: 10px !important;
  }
}
.header__wrapper {
  max-height: 100%;
  height: 100%;
  flex-grow: 0;
  flex-shrink: 0;
}
.header__summary {
  display: flex;
  align-items: center;
  background: transparent;
  position: relative;
  padding: 8px 8px 9px 12px;
  height: 100%;
  max-height: 100%;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
}
.header__summary > .mdl-button.mdl-button--icon .material-icons {
  color: #ffffff;
}
.header__summary .header__summary__data {
  display: block;
  padding-left: 10px;
  padding-right: 24px;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 839px) {
  .header__summary .header__summary__data {
    display: none;
  }
}
.header__summary .header__summary__main-icon {
  position: absolute;
  top: 18px;
  left: 16px;
  font-size: 30px;
  color: #ffffff;
}
.header__summary .header__summary__price {
  color: #17C0A6;
}
.header__summary .header__summary__points {
  color: #C02031;
}
.header__summary .header__summary__primary-data {
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  margin-bottom: 0;
}
.header__summary .header__summary__primary-data small {
  font-size: 10px;
  line-height: 13px;
  color: rgba(0, 0, 0, 0.54);
}
.header__summary .header__summary__secondary-data {
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  margin-bottom: 0;
}
.header__summary .header__summary__select-icon {
  position: absolute;
  color: rgba(0, 0, 0, 0.87);
  right: 4px;
  bottom: 3px;
  transform: rotate(0deg);
  animation: 0.2s all;
}
.header__summary .header__summary__select-icon.rotate {
  transform: rotate(180deg);
}
.header__summary .header__summary__cart-wrapper > .mdl-button.mdl-button--icon {
  display: none;
}
.header__summary .my-cart:before {
  border-bottom-color: #ffffff;
}
@media screen and (min-width: 840px) {
  .header__summary .my-cart {
    right: -23px;
    top: 66px;
  }
}
@media screen and (max-width: 839px) and (min-width: 480px) {
  .header__summary .my-cart {
    right: -16px;
    top: 80%;
  }
}
.header__summary .my-cart .my-cart__summary {
  display: block;
}
.header__summary .my-cart .my-cart__title {
  display: block;
}
.header__summary .my-cart.my-cart--has-summary:before {
  border-bottom-color: #EC5F7E;
}
.header__summary .my-cart.my-cart--has-summary .mobile-toolbar__action-button .material-icons {
  color: rgba(255, 255, 255, 0.54);
}
.header__summary .my-cart.my-cart--has-summary .my-cart__title {
  display: none;
}
@media screen and (min-width: 840px) {
  .header__summary {
    margin: 0 12px;
  }
  .header__summary:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 839px) {
  .header__summary {
    background: none;
    padding: 0 6px;
  }
}
@media screen and (max-width: 479px) {
  .header__summary .my-cart .mobile-toolbar__action-button .material-icons {
    color: rgba(0, 0, 0, 0.54);
  }
}
.sidenav-menu-backdrop {
  display: none;
}
.sidenav-menu--active .sidenav-menu-backdrop {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 9;
  cursor: pointer;
}
.sidenav-menu {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 304px;
  max-width: 90%;
  background-color: #FAFAFA;
  z-index: 10;
  transition: 0.2s ease-in-out;
  transform: translate(-314px, 0);
}
.sidenav-menu--active .sidenav-menu {
  transform: translate(0, 0);
}
.sidenav-menu .sidenav-menu__content {
  box-sizing: border-box;
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
@media all and (-ms-high-contrast: none) {
  .sidenav-menu *::-ms-backdrop,
  .sidenav-menu .sidenav-menu__content {
    display: block;
  }
}
.sidenav-menu.sidenav-menu--logged .sidenav-menu__content {
  height: calc(100% - 60px);
}
.sidenav-menu .sidenav-menu__user {
  box-sizing: border-box;
  width: 100%;
  padding: 40px 16px 16px 16px;
  background: #EAEAEA;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  flex-grow: 0;
}
.sidenav-menu .sidenav-login-opts__hidden {
  display: none;
}
.sidenav-menu .sidenav-login-item {
  text-transform: uppercase;
}
.sidenav-menu .sidenav-menu__user__img {
  width: 64px;
  height: 64px;
  margin-bottom: 16px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.sidenav-menu .sidenav-menu__user__greeting {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
  margin-bottom: 0;
}
.sidenav-menu .sidenav-menu__user__name,
.sidenav-menu .sidenav-menu__user__login-register {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 0;
}
.sidenav-menu .sidenav-menu__user__name a,
.sidenav-menu .sidenav-menu__user__login-register a {
  color: rgba(0, 0, 0, 0.87);
  text-decoration: none;
}
.sidenav-menu .sidenav-menu__seller {
  box-sizing: border-box;
  width: 100%;
  padding: 14px 16px;
  position: relative;
}
.sidenav-menu .sidenav-menu__seller .sidenav-menu__seller__content__selected-seller {
  display: block;
}
.sidenav-menu .sidenav-menu__seller .sidenav-menu__seller__content__unselected-seller {
  display: none;
}
.sidenav-menu .sidenav-menu__seller .sidenav-menu__seller__update-button .unselected-seller-icon {
  display: none;
}
.sidenav-menu .sidenav-menu__seller.sidenav-menu__seller--unselected-seller .sidenav-menu__seller__img {
  display: none;
}
.sidenav-menu .sidenav-menu__seller.sidenav-menu__seller--unselected-seller .sidenav-menu__seller__update-button .material-icons {
  display: none;
}
.sidenav-menu .sidenav-menu__seller.sidenav-menu__seller--unselected-seller .sidenav-menu__seller__update-button .unselected-seller-icon {
  display: block;
}
.sidenav-menu .sidenav-menu__seller.sidenav-menu__seller--unselected-seller .sidenav-menu__seller__content {
  width: 100%;
  padding-left: 0;
}
.sidenav-menu .sidenav-menu__seller.sidenav-menu__seller--unselected-seller .sidenav-menu__seller__content__selected-seller {
  display: none;
}
.sidenav-menu .sidenav-menu__seller.sidenav-menu__seller--unselected-seller .sidenav-menu__seller__content__unselected-seller {
  display: block;
}
.sidenav-menu .sidenav-menu__seller.sidenav-menu__seller--unselected-seller .sidenav-menu__seller__name {
  cursor: pointer;
}
.sidenav-menu .sidenav-menu__seller__img {
  width: 64px;
  height: 64px;
  margin-bottom: 16px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.sidenav-menu .sidenav-menu__seller__content {
  box-sizing: border-box;
  width: calc(100% - 67px);
  float: right;
  padding: 12px 16px;
}
.sidenav-menu .sidenav-menu__seller__content p {
  margin-bottom: 0;
}
.sidenav-menu .sidenav-menu__seller__presentation {
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  line-height: 19px;
}
.sidenav-menu .sidenav-menu__seller__name {
  color: rgba(0, 0, 0, 0.87);
  font-size: 16px;
  line-height: 21px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sidenav-menu .sidenav-menu__seller__update-button {
  position: absolute;
  top: 18px;
  right: 16px;
}
.sidenav-menu .sidenav-menu__options {
  flex-grow: 1;
}
.sidenav-menu .sidenav-menu__options__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sidenav-menu .sidenav-menu__options__list .reseller-register-button .material-icons {
  color: #C02031;
}
.sidenav-menu .sidenav-menu__location {
  flex-grow: 0;
  padding: 12px 50px 20px 12px;
  display: flex;
  position: relative;
}
.sidenav-menu .sidenav-menu__location > .material-icons {
  margin-right: 32px;
  color: #17C0A6;
}
.sidenav-menu .sidenav-menu__location__content .mdl-button {
  position: absolute;
  top: 6px;
  right: 16px;
}
.sidenav-menu .sidenav-menu__location__title {
  margin: 0;
  font-size: 14px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.54);
}
.sidenav-menu .sidenav-menu__location__location {
  margin: -2px 0 0 0;
  font-size: 16px;
  line-height: 21px;
  color: rgba(0, 0, 0, 0.87);
}
.sidenav-menu .sidenav-menu__logout {
  background: #FAFAFA;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  width: 100%;
  position: absolute;
  bottom: 0;
}
@media screen and (min-width: 840px) {
  .sidenav-menu {
    display: none;
  }
}
.sidenav-menu .nav-institutional {
  margin-bottom: 15px;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0px;
}
.sidenav-menu .nav-institutional > li {
  padding: 12px 0px 4px;
}
.sidenav-menu .nav-institutional > a {
  padding: 15px;
  color: rgba(0, 0, 0, 0.87);
  top: 0px;
}
.sidenav-menu .nav-institutional > a:hover {
  background: #e8e8e8;
}
.sidenav-menu .nav-institutional a,
.sidenav-menu .nav-institutional div {
  display: block;
}
.sidenav-menu .nav-institutional .dropdown {
  cursor: pointer;
  margin-top: 0px;
  height: auto;
}
.sidenav-menu .nav-institutional .dropdown a {
  padding: 14px 15px;
  top: 0px;
  color: rgba(0, 0, 0, 0.87);
  width: calc(100% - 28px);
}
.sidenav-menu .nav-institutional .dropdown .dropdown-menu {
  position: relative;
  box-shadow: none;
  float: none;
  background: #f8f8f8;
}
.sidenav-menu .nav-institutional .dropdown .dropdown-menu li a {
  padding: 9px 15px;
  color: rgba(0, 0, 0, 0.54);
}
.sidenav-menu .nav-institutional .dropdown .dropdown-menu li:hover {
  background: #F0F0F0;
}
.sidenav-menu .nav-institutional .dropdown .dropdown-menu li:hover a {
  color: #A7285F;
}
.sidenav-menu .nav-institutional .dropdown:hover {
  background: #e8e8e8;
}
.sidenav-menu .nav-institutional .drop {
  padding: 9px 20px;
}
.sidenav-menu .nav-institutional .drop i {
  float: right;
  top: 0px;
  width: 25px;
  height: auto;
  color: #C02031;
}
.login {
  max-width: 100%;
  flex: 1 0 auto;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-size: cover;
  background-position: center;
}
.login .login-forget {
  display: none;
}
@media screen and (min-width: 480px) {
  .login {
    background-image: url('/img/custom/loccitane/login-background.jpg');
  }
}
@media screen and (max-width: 839px) {
  .login {
    padding-top: 0;
    padding-bottom: 0;
    background-image: url('/img/custom/loccitane/login-background.jpg');
    background-size: initial;
    background-position: center;
  }
  .login.login-body--forget .login__content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .login.login-body--forget .login-default {
    display: none;
  }
  .login.login-body--forget .login-forget {
    display: block;
  }
}
.login__content {
  box-sizing: border-box;
  max-width: 100%;
  width: 720px;
  margin: 0 auto;
  background: #ffffff;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media screen and (min-width: 480px) {
  .login__content .login__form__text--not-registered {
    display: block;
    display: -webkit-box;
    height: 112.12px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    margin-bottom: 22px;
  }
}
@media screen and (max-width: 839px) {
  .login__content {
    background: transparent;
  }
  .login__content .login__header {
    padding-top: 44px;
    padding-bottom: 6px;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.87);
  }
  .login__content .login-body {
    padding-top: 0;
    padding-bottom: 0;
  }
  .login__content .login-body .login__form {
    width: 100%;
    padding: 36px 24px;
  }
  .login__content .login-body .login__form:after {
    content: none;
  }
  .login__content .login-body .login__form p {
    color: rgba(0, 0, 0, 0.87);
  }
  .login__content .login-body .login__form a {
    color: rgba(0, 0, 0, 0.87);
  }
  .login__content .login-body .login__form + .login__form {
    border-top: 1px solid #FFFFFF;
  }
  .login__content .login__form__title {
    color: rgba(0, 0, 0, 0.87);
  }
  .login__content .login__form__forget-password {
    display: none;
  }
  .login__content .login__form__forget-password--mobile {
    display: inline-block;
  }
}
.login.login--disabled-register .login__content {
  width: 360px;
}
.login.login--disabled-register .login-body .login__form {
  width: 100%;
}
.login.login--disabled-register .login__form__title {
  display: none;
}
.login.login--disabled-register .login-body .login__form:after {
  content: none;
}
.login__header {
  display: flex;
  align-items: center;
  padding: 16px;
  margin: 0;
  font-size: 25px;
  font-weight: bold;
  justify-content: center;
  border-bottom: 1px solid #f5f5f5;
  color: #525252;
}
.login__header .material-icons {
  margin-right: 18px;
  line-height: 25px;
  font-size: 36px;
  color: #C02031;
}
.login__form__title {
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: 3rem;
  color: #C02031;
}
.login__form__link {
  margin-top: 16px;
}
.login__form__forget-password--mobile {
  display: none;
}
.login-body {
  padding: 20px 0;
}
.login-body .login-forget {
  display: none;
}
.login-body .login__form {
  padding: 0 24px;
  box-sizing: border-box;
  width: 50%;
  float: left;
  position: relative;
}
.login-body .login__form .login__button {
  display: flex;
  align-items: baseline;
}
.login-body .login__form a {
  color: rgba(0, 0, 0, 0.54);
  text-decoration: none;
}
.login-body .login__form:after {
  content: '';
  height: calc(100% - 30px);
  top: 15px;
  position: absolute;
  right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.login-body .login__form + .login__form:after {
  content: none;
}
.login-body .login__form p {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
  line-height: 19px;
}
@media screen and (max-width: 839px) {
  .login-body {
    padding-top: 0;
    padding-bottom: 0;
  }
  .login-body .login__form {
    width: 100%;
    padding: 36px 24px;
  }
  .login-body .login__form:after {
    content: none;
  }
  .login-body .login__form p {
    color: rgba(0, 0, 0, 0.87);
  }
  .login-body .login__form a {
    color: rgba(0, 0, 0, 0.87);
  }
  .login-body .login__form + .login__form {
    border-top: 1px solid #FFFFFF;
  }
}
@media screen and (max-width: 839px) {
  .mdl-textfield--login .mdl-textfield__input {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.38);
  }
  .mdl-textfield--login .mdl-textfield__input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.87);
  }
  .mdl-textfield--login .mdl-textfield__input:-moz-placeholder {
    color: rgba(0, 0, 0, 0.87);
  }
  .mdl-textfield--login .mdl-textfield__input::-moz-placeholder {
    color: rgba(0, 0, 0, 0.87);
  }
  .mdl-textfield--login .mdl-textfield__input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.87);
  }
  .mdl-textfield--login.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
  .mdl-textfield--login.mdl-textfield--floating-label.is-focused .mdl-textfield__label {
    color: rgba(0, 0, 0, 0.38);
  }
  .mdl-textfield--login .mdl-textfield__label {
    color: rgba(0, 0, 0, 0.38);
  }
  .mdl-textfield--login .mdl-textfield__label:after {
    background-color: rgba(0, 0, 0, 0.1);
  }
}
.navigation-menu {
  background-color: #C02031;
  width: 100%;
  flex-grow: 0;
  flex-shrink: 0;
  box-sizing: content-box;
}
.navigation-menu .mobile-toolbar {
  display: none;
}
.navigation-menu ul ul .expansive-menu__item {
  height: 100%;
  overflow-y: auto;
}
.navigation-menu .navigation-menu-content {
  display: flex;
  justify-content: space-between;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 auto;
  height: 50px;
  padding-left: 24px;
  padding-right: 0;
}
@media screen and (max-width: 479px) {
  .navigation-menu .navigation-menu-content {
    padding: 0 16px;
  }
}
.navigation-menu .expansive-menu {
  position: relative;
  color: rgba(0, 0, 0, 0.54);
  border-bottom: 3px solid transparent;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.navigation-menu .expansive-menu a {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.54);
  text-decoration: none;
  font-size: 14px;
  line-height: 19px;
}
@media screen and (max-width: 839px) {
  .navigation-menu .expansive-menu a {
    padding: 18px 16px 18px 24px;
  }
}
.navigation-menu .expansive-menu .expansive-menu__title {
  display: block;
  padding: 12px 0 9px 0;
  color: rgba(255, 255, 255, 0.87);
  margin: 0;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
}
.navigation-menu .expansive-menu .expansive-menu__title .material-icons {
  vertical-align: middle;
  margin-right: 6px;
}
.navigation-menu .expansive-menu .expansive-menu__title .material-icons:not(.expansive-menu__title__arrow) {
  color: rgba(255, 255, 255, 0.87);
}
.navigation-menu .expansive-menu .expansive-menu__title span {
  color: rgba(255, 255, 255, 0.87);
  font-size: 16px;
  font-weight: normal;
}
.navigation-menu .expansive-menu.is-active {
  border-bottom: 3px solid #EC5F7E;
}
.navigation-menu .expansive-menu.is-active .expansive-menu__level-1 > ul {
  display: block;
}
.navigation-menu .expansive-menu.is-active .expansive-menu__title__arrow {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.navigation-menu .expansive-menu .product-card {
  min-height: 450px;
  height: 100%;
  width: 245px;
  background: #ffffff;
  margin: 0;
  padding: 20px 25px;
  position: absolute;
  left: 98%;
  transition: background-color 0.5s, left 0.5s;
  top: 0;
  box-shadow: 3px 2px 2px 0 rgba(0, 0, 0, 0.14), 3px 3px 1px -2px rgba(0, 0, 0, 0.2), 3px 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.navigation-menu .expansive-menu .product-card .favorite-icon {
  display: none;
}
.navigation-menu .expansive-menu .product-card .product-card__img {
  max-height: 150px;
}
.navigation-menu .expansive-menu .product-card .product-card__img-placeholder {
  max-height: 150px;
}
.navigation-menu .expansive-menu .product-card .product-card__prices-placeholder {
  height: 46px;
}
.navigation-menu .expansive-menu .product-card .product-card__prices-placeholder.product-card__prices-placeholder--has-points {
  height: 65px;
}
.navigation-menu .expansive-menu .product-card .product-card__details {
  text-align: center;
  margin-bottom: 20px;
}
.navigation-menu .expansive-menu .product-card .product-card__details .product-card__name {
  margin-top: 0px;
}
.navigation-menu .expansive-menu .product-card .product-card__details .product-card__name a {
  font-weight: 500;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 0;
}
.navigation-menu .expansive-menu .product-card .product-card__details .description {
  display: block;
  margin-bottom: 15px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 38px;
  overflow: hidden;
  margin-top: 3px;
  line-height: 19px;
  font-size: 14px;
}
.navigation-menu .expansive-menu .product-card .tag_bottom {
  margin-bottom: 5px;
}
.navigation-menu .expansive-menu .product-card .product-card__action {
  justify-content: flex-start;
  display: block;
  margin: 5px 16px 3px;
}
.navigation-menu .expansive-menu .product-card .product-card__action * {
  width: 100%;
  margin: 0 auto 10px !important;
}
.navigation-menu .expansive-menu .product-card .product-card__action .mdl-button {
  min-height: 41px;
  padding: 9px;
}
.navigation-menu .expansive-menu .product-card .jq-ry-container {
  display: none;
}
.navigation-menu .expansive-menu__level-1 > ul {
  display: none;
  min-height: 450px;
  min-width: 285px;
  background-color: #F9F9F9;
  position: absolute;
  top: 100%;
  margin: 3px 0 0 0;
  z-index: 100;
  padding: 0;
  list-style: none;
}
@media (max-width: 1190px) {
  .navigation-menu .expansive-menu__level-1 > ul {
    min-width: 270px;
  }
}
@media (max-width: 1140px) {
  .navigation-menu .expansive-menu__level-1 > ul {
    min-width: 255px;
  }
}
@media (max-width: 1100px) {
  .navigation-menu .expansive-menu__level-1 > ul {
    min-width: 245px;
  }
}
.navigation-menu .expansive-menu__level-1 > ul .expansive-menu__feature {
  margin: 0;
  font-size: 14px;
  line-height: 19px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.navigation-menu .expansive-menu__level-1 > ul .expansive-menu__feature a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 19px 24px 21px 24px;
  width: 100%;
}
@media screen and (min-width: 840px) {
  .navigation-menu .expansive-menu__level-1 > ul .expansive-menu__level-1__wrapper {
    max-height: calc(100vh - 260px);
    overflow-y: auto;
  }
}
.navigation-menu .expansive-menu__list-expansive {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 840px) {
  .navigation-menu .expansive-menu__list-expansive.expansive-father:hover > .expansive-menu__link-expansive {
    background: #F0F0F0;
    color: #C02031;
    font-weight: 500;
  }
  .navigation-menu .expansive-menu__list-expansive.expansive-father:hover > .expansive-menu__link-expansive .material-icons {
    color: #C02031;
  }
}
.navigation-menu .expansive-menu__list-expansive.expansive-father:hover > .expansive-menu__item {
  display: block;
}
.navigation-menu .expansive-menu__list-expansive.is-active > .expansive-menu__item {
  display: block;
}
.navigation-menu .expansive-menu__list-expansive .expansive-menu__item.is-active {
  display: block;
}
.navigation-menu a.expansive-menu__link {
  display: block;
  padding: 10px 16px 10px 24px;
}
.navigation-menu a.expansive-menu__link.expansive-father:hover {
  background: #F0F0F0;
  color: #C02031;
  font-weight: 500;
}
.navigation-menu a.expansive-menu__link.expansive-father:hover .material-icons {
  color: #C02031;
}
@media screen and (max-width: 839px) {
  .navigation-menu a.expansive-menu__link {
    padding: 18px 16px 18px 24px;
  }
}
.navigation-menu .expansive-menu__link-expansive {
  margin: 0;
  cursor: pointer;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px 8px 24px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.54);
  text-decoration: none;
  font-size: 14px;
  line-height: 19px;
}
.navigation-menu .expansive-menu__link-expansive .material-icons {
  vertical-align: middle;
  color: rgba(0, 0, 0, 0.54);
}
.navigation-menu .expansive-menu__link-expansive.expansive-father:hover .expansive-menu__item {
  display: block;
}
@media screen and (min-width: 840px) {
  .navigation-menu .expansive-menu__link-expansive.is-active {
    background: #F0F0F0;
    color: #C02031;
    font-weight: 500;
  }
  .navigation-menu .expansive-menu__link-expansive.is-active .material-icons {
    color: #C02031;
  }
}
.navigation-menu .expansive-menu__item.is-child-active {
  background: #ffffff;
}
.navigation-menu .expansive-menu__item {
  min-height: 450px;
  width: 285px;
  display: none;
  background: #f9f9f9;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 100%;
  transition: background-color 0.5s, left 0.5s;
  top: 0;
}
.navigation-menu .expansive-menu__item.expansive-menu__item--last-active {
  background: #ffffff;
}
.navigation-menu .expansive-menu__item ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  max-height: calc(100% - 135px);
  scrollbar-width: thin;
}
@media (max-width: 1190px) {
  .navigation-menu .expansive-menu__item {
    width: 270px;
  }
}
@media (max-width: 1140px) {
  .navigation-menu .expansive-menu__item {
    width: 255px;
  }
}
@media (max-width: 1100px) {
  .navigation-menu .expansive-menu__item {
    width: 245px;
  }
}
@media screen and (min-width: 840px) {
  .navigation-menu .expansive-menu__item {
    height: 450px;
  }
}
@media screen and (min-width: 840px) {
  .navigation-menu .expansive-menu.is-smaller .expansive-menu__item {
    left: 77%;
  }
}
.navigation-menu a.expansive-menu__item__title {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 21px;
  color: #C02031;
  padding: 21px 24px 17px 24px;
  border-bottom: 1px solid #f3f3f3;
  box-sizing: border-box;
}
@media screen and (max-width: 839px) {
  .navigation-menu .expansive-menu__title__arrow {
    display: none;
  }
  .navigation-menu .expansive-menu .mobile-content-wrap {
    overflow-y: auto;
    height: calc(100vh - 64px);
  }
  .navigation-menu .expansive-menu.is-active {
    border-bottom: 3px solid transparent;
  }
  .navigation-menu .expansive-menu__level-1,
  .navigation-menu .expansive-menu__item {
    background: #ffffff;
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    bottom: 0;
    box-shadow: none;
  }
  .navigation-menu .expansive-menu__level-1 > ul {
    background: #ffffff;
    width: 100%;
    margin-top: 0;
    display: block;
    box-shadow: none;
    position: static;
    min-height: unset;
    overflow-y: auto;
    height: calc(100% - 64px);
  }
  .navigation-menu .expansive-menu__level-1 {
    -moz-transform: translate(110%, 0);
    -ms-transform: translate(110%, 0);
    -o-transform: translate(110%, 0);
    -webkit-transform: translate(110%, 0);
    transform: translate(110%, 0);
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    left: 0;
    z-index: 100;
  }
  .navigation-menu .expansive-menu__level-1.is-active {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .navigation-menu .expansive-menu__level-1 .mobile-toolbar {
    display: block;
  }
  .navigation-menu .expansive-menu__level-1 > ul .expansive-menu__feature a {
    padding: 20px 16px 20px 24px;
  }
  .navigation-menu .expansive-menu__level-1 > ul .expansive-menu__list-expansive .expansive-menu__level-1__item-title {
    padding: 20px 16px 20px 24px;
  }
  .navigation-menu .expansive-menu__level-1 > ul .expansive-menu__list-expansive:hover .expansive-menu__level-1__item-title {
    background: #ffffff;
  }
  .navigation-menu .expansive-menu__item {
    -moz-transform: translate(110%, 0);
    -ms-transform: translate(110%, 0);
    -o-transform: translate(110%, 0);
    -webkit-transform: translate(110%, 0);
    transform: translate(110%, 0);
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    z-index: 101;
    left: 0;
  }
  .navigation-menu .expansive-menu__item.is-active {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .navigation-menu .expansive-menu__item .mobile-toolbar {
    display: block;
  }
}
.navigation-menu .navigation-links {
  padding: 0;
  margin: 0;
  list-style: none;
  float: right;
  text-align: center;
  flex-grow: 1;
  max-height: 100%;
}
.navigation-menu .navigation-links li {
  vertical-align: middle;
  display: inline-block;
  border-bottom: 3px solid transparent;
}
.navigation-menu .navigation-links li.more {
  display: none;
}
.navigation-menu .navigation-links li.more.is-visible {
  display: inline-block;
}
.navigation-menu .navigation-links li:hover {
  border-color: #EC5F7E;
}
.navigation-menu .navigation-links a {
  text-align: center;
  display: block;
  vertical-align: middle;
  padding: 13px 24px 10px;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.87);
  text-decoration: none;
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
}
.navigation-menu .navigation-links a .material-icons {
  vertical-align: middle;
  top: -2px;
  position: relative;
  margin-right: 10px;
}
@media screen and (max-width: 1050px) {
  .navigation-menu .navigation-links a {
    padding: 13px 8px;
  }
}
@media screen and (max-width: 839px) {
  .navigation-menu .navigation-links {
    display: none;
  }
}
.navigation-links {
  *zoom: 1;
}
.navigation-links:before,
.navigation-links:after {
  display: table;
  content: "";
}
.navigation-links:after {
  clear: both;
}
.navigation-links {
  clear: both;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 230px 10px 15px;
  position: relative;
  width: 100%;
}
.navigation-links > ul {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 5;
}
.navigation-links > ul > li {
  background: none;
  float: left;
  font-size: 16px;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
  text-transform: uppercase;
}
.navigation-links > ul > li.hidden-more {
  display: none;
}
.navigation-links a {
  color: #fff;
  display: block;
  padding: 15px;
}
.navigation-links a:hover {
  opacity: 1;
}
.navigation-links .more {
  padding-right: 15px;
  position: relative;
}
.navigation-links .more > a .material-icons {
  position: absolute;
  top: 10px;
}
.navigation-links .more ul {
  position: absolute;
  top: calc(100% + 3px);
  background-color: #f9f9f9;
  box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.14), 0 0px 1px -2px rgba(0, 0, 0, 0.2), 0 4px 2px 0 rgba(0, 0, 0, 0.12);
  padding: 0;
  border-top: 1px solid #dadada;
  display: none;
  right: 0;
  box-sizing: border-box;
  z-index: 1;
}
.navigation-links .more ul li {
  display: none;
  width: 100%;
}
.navigation-links .more ul li .material-icons {
  display: none;
}
.navigation-links .more ul li a {
  color: rgba(0, 0, 0, 0.54);
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  float: none;
}
.navigation-links .more ul li:hover a {
  background-color: #F0F0F0;
}
.navigation-links .more:hover {
  border-bottom: 3px solid #EC5F7E;
}
.navigation-links .more:hover ul {
  display: block;
}
.navigation-links .more:hover li {
  display: block;
}
.navigation-links .more:hover > a .material-icons {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body {
  color: rgba(0, 0, 0, 0.54);
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: #f8f8f8;
  height: 100%;
  overflow: hidden;
}
body.no-navigation-menu .mdl-layout {
  margin-top: 175px;
  height: calc(100% - 175px);
}
@media (max-width: 700px) and (max-height: 600px) {
  body.is-email-share-active .mdl-layout {
    overflow: visible;
  }
  body.is-email-share-active .header-wrapper {
    z-index: 0;
  }
}
@media screen and (max-width: 839px) {
  body.no-navigation-menu .mdl-layout {
    margin-top: 125px;
    height: calc(100% - 125px);
  }
}
[href^=tel] {
  color: inherit;
  text-decoration: inherit;
  font-weight: inherit;
}
.mdl-layout {
  height: calc(100% - 112px);
  margin-top: 112px;
  align-items: stretch;
  overflow: auto;
}
.mdl-layout.mdl-institutional-menu {
  margin-top: 225px;
  height: calc(100% - 225px);
  overflow-x: hidden;
}
@media screen and (max-width: 839px) {
  .mdl-layout.mdl-institutional-menu {
    margin-top: 110px;
    height: calc(100% - 110px);
  }
}
@media (min-width: 835px) and (max-width: 995px) {
  .mdl-layout.mdl-institutional-menu {
    margin-top: 164px;
    height: calc(100% - 164px);
  }
}
.mdl-layout body[style="overflow: hidden;"] .mdl-layout {
  overflow: hidden;
}
.main {
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  width: 100%;
  margin: 0 auto;
  overflow: visible;
  z-index: 1;
}
.site-content {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
hr {
  margin: 24px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.tooltip-text {
  position: absolute;
  float: right;
  top: 20px;
  right: -25px;
}
.content-stores {
  display: block;
  width: 100%;
}
.icon-error,
.icon-succes,
.is-invalid.is-valid .icon-succes {
  display: none;
}
.state-input > div {
  border-bottom: 1px solid gainsboro;
  padding-bottom: 0px;
}
.state-input .mdl-textfield__label:after {
  background: none !important;
  height: 0px !important;
}
.state-input input {
  border: none !important;
  width: calc(100% - 25px);
}
.state-input .is-valid {
  border: none;
  border-bottom: 2px green solid;
  padding-bottom: 0px;
}
.state-input .is-valid input {
  border: none !important;
}
.is-invalid .icon-error {
  display: block;
  position: absolute;
  float: right;
  top: 20px;
  right: 0px;
  color: #FF4C61;
}
.is-valid .icon-succes {
  display: block;
  position: absolute;
  float: right;
  top: 20px;
  right: 0px;
  color: #17C0A6;
}
.is-valid input {
  border: none !important;
}
@media screen and (min-width: 480px) {
  .popover .mdl-dialog__content,
  .popover .mdl-dialog__actions,
  .popover.mdl-dialog--primary .mdl-dialog__title {
    background: #292b2d;
  }
}
@media screen and (min-width: 480px) {
  .popover .mdl-dialog__title {
    font-size: 12px;
    padding-bottom: 0px;
    padding-left: 17px;
    color: #ccc;
  }
}
.popover .mdl-dialog__content {
  padding-left: 5px;
  padding-right: 5px;
}
.popover .mdl-dialog__content .product-details__action-share-wrapper .product-details__share-options ul {
  padding-left: 15px;
}
.popover .mdl-dialog__content .product-details__action-share-wrapper .product-details__share-options ul li {
  list-style-type: none;
  display: inline-block;
}
.popover .mdl-dialog__content .mdl-dialog__actions {
  padding: 0 26px 15px;
}
@media screen and (min-width: 480px) {
  .popover .mdl-cell.mdl-cell--12-col.mdl-cell--12-col-tablet * {
    color: #ccc;
    border-color: #ccc;
  }
}
@media screen and (max-width: 839px) {
  .whatsapp-float-btn--desktop--container {
    display: none;
  }
}
@media screen and (min-width: 840px) {
  .whatsapp--button-buy.whatsapp-float-btn--mobile {
    display: none;
  }
}
.whatsapp--button-buy {
  position: fixed;
  bottom: 100px;
  right: 60px;
  z-index: 2;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
}
.whatsapp--button-buy .whatsapp--button-img {
  display: flex;
  width: 4rem;
}
.whatsapp--button-buy:hover .tooltip-whatsapp {
  visibility: visible;
}
.tooltip-whatsapp {
  position: absolute;
  visibility: hidden;
  font-size: 16px;
  width: 200px;
  background: transparent;
  color: #21BA3A;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  right: 80%;
}
.tooltip-whatsapp p {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 4px;
}
.tooltip-whatsapp:after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
}
.whatsapp-float-btn--desktop--text {
  background-color: transparent;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: 110px;
  right: 80px;
  z-index: 1;
  flex-direction: column;
  width: 235px;
  height: 38px;
  padding: 0.4rem;
}
.whatsapp-float-btn--desktop--text p {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  margin-bottom: 0;
  color: #228B22;
  text-align: left;
  width: 100%;
  line-height: normal;
  font-size: 13px;
  margin-left: 0.5rem;
}
.whatsapp-float-btn--desktop--text .button-msg-title {
  font-weight: 500;
}
.whatsapp-float-btn--desktop--text .button-msg {
  font-weight: 400;
  font-style: italic;
}
.whatsapp--button-buy.whatsapp-float-btn--mobile {
  position: fixed;
  bottom: 70px;
  right: 10%;
  z-index: 2;
  flex-direction: column-reverse;
  align-items: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
.whatsapp--button-buy.whatsapp-float-btn--mobile .whatsapp--button-img {
  display: flex;
  width: 60%;
  padding: 0.75rem;
}
.mdl-button--fab.mdl-button--colored.whatsapp--button-buy {
  background-color: #25D366;
}
.my-orders-dialog .mdl-dialog__content {
  padding-top: 0;
}
.my-orders-dialog .my-orders-dialog__input-container {
  display: block;
  position: relative;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px 0 0 0;
}
.my-orders-dialog .my-orders__details-link {
  cursor: pointer;
  text-align: left;
}
.my-orders-dialog .my-orders__details-link.is-refused-payment {
  color: red;
}
.my-orders-dialog .my-orders__details-link-phone.is-refused-payment {
  color: red;
}
.my-orders-dialog .my-orders-dialog__search {
  width: 271px;
}
@media screen and (max-width:  680px ) {
  .my-orders-dialog .my-orders-dialog__search {
    display: none;
  }
}
.my-orders-dialog .my-orders-dialog__select {
  display: block;
  float: right;
  width: 144px;
}
@media screen and (max-width:  680px ) {
  .my-orders-dialog .my-orders-dialog__select {
    float: none;
  }
}
.my-orders-dialog .mdl-data-table td > .material-icons {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.my-orders-dialog .mdl-data-table .dialog__section-related-orders {
  visibility: hidden;
  display: none;
  background: #FAFAFA;
}
.my-orders-dialog .mdl-data-table .dialog__section-related-orders td {
  padding-top: 0px;
  padding-bottom: 0px;
}
.my-orders-dialog .mdl-data-table .dialog__section-related-orders.is-open {
  visibility: visible;
  display: table-row;
}
.my-orders-dialog .mdl-data-table .dialog__section-related-orders.is-last {
  background: none;
}
.my-orders-dialog .mdl-data-table .dialog__section-related-orders.is-last .split-line {
  height: 30px;
}
.my-orders-dialog .mdl-data-table .dialog__section-related-orders .split-line {
  height: 55px;
  width: 1px;
  position: absolute;
  left: 3.3em;
  z-index: 0;
  top: -17px;
  border-left: 2px solid #a1a4b3;
}
.my-orders-dialog .mdl-data-table .order-list--collapse-button.is-open {
  transform: rotate(180deg);
}
.my-orders-dialog .my-orders-icon-header {
  display: inline-block;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  top: 19px;
  left: 17px;
}
.my-orders-dialog .my-orders-icon-header.icon--shopping_cart {
  color: #ffffff;
}
.my-orders-dialog .my-orders-icon-header.icon--shopping_cart > .material-icons:before {
  content: 'shopping_cart';
}
@media screen and (max-width:  680px ) {
  .my-orders-dialog .my-orders-icon-header {
    display: none;
  }
}
.my-orders-dialog .button-search-order .material-icons {
  color: #C02031;
}
.my-orders-dialog .mdl-dialog__title {
  padding-left: 83px;
}
.my-orders-dialog .is-header-split {
  background: #FAFAFA;
}
@media screen and (max-width:  680px ) {
  .my-orders-dialog.mdl-dialog.mdl-dialog--lg .mdl-dialog__content {
    padding-top: 0;
  }
  .my-orders-dialog .mdl-data-table td:first-child,
  .my-orders-dialog .mdl-data-table th:first-child {
    padding-left: 12px;
  }
  .my-orders-dialog .mdl-data-table td:last-child,
  .my-orders-dialog .mdl-data-table th:last-child {
    padding-right: 12px;
  }
  .my-orders-dialog .mdl-data-table .dialog__section-related-orders .split-line {
    left: 2.4em;
  }
}
.register > form {
  height: 100%;
}
.register form .form__section:first-of-type {
  padding-top: 12px;
}
.register__personal-data {
  width: calc(100% -  260px  - 50px);
  float: left;
}
.register__personal-data .birthday-fields {
  max-width: 260px;
}
.register__personal-data .birthday-fields .out-label-textfield__error {
  display: none;
}
.register__personal-data .birthday-fields.underage .out-label-textfield__error.error--underage {
  display: block;
}
.register__personal-data .birthday-fields.invalid-date .out-label-textfield__error.error--invalid-date {
  display: block;
}
.register__addresses {
  padding-top: 30px;
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.register__addresses fieldset > legend {
  padding: 0 24px;
}
.register__addresses fieldset .register__address__new-btn {
  margin: 16px 24px;
}
.register__addresses .mdl-button.expansive-area__toggle {
  padding: 23px 24px 24px 24px;
}
.register__address__item {
  padding: 0 24px 24px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.register__gender {
  padding-bottom: 8px;
  padding-top: 0;
}
.register__user {
  float: right;
  width: 260px;
}
.register__user .register__user__img {
  width: 120px;
  height: 120px;
  float: left;
  margin-bottom: 24px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.register__user .register__user__actions {
  box-sizing: border-box;
  padding-top: 16px;
  margin-bottom: 24px;
  height: 120px;
  padding-left: 16px;
  width: calc(100% - 120px);
  float: left;
}
.register__user .register__user__actions .mdl-button {
  display: block;
  box-sizing: border-box;
  width: 100%;
}
.register__user .register__user__actions .mdl-button:first-of-type {
  margin-bottom: 16px;
}
.register__user .register__user__label {
  clear: both;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 0;
}
.register__address__zipcode {
  width: 100%;
  display: flex;
  align-items: center;
}
.register__address__zipcode .mdl-textfield {
  max-width: 200px;
}
.register__address__zipcode .register__address__zipcode__search {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  text-decoration: underline;
  color: #C02031;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 20px;
}
.register__address__zipcode .register__address__zipcode__search:hover {
  color: #C02031;
}
.register__address__latin-form-grid .mdl-selectfield {
  max-width: 100%;
}
@media screen and (max-width: 630px) {
  .register__photo-personal-section {
    display: flex;
    flex-direction: column;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .register__personal-data {
    order: 2;
    width: 100%;
    padding-right: 16px !important;
    padding-left: 16px !important;
    margin-top: 32px;
  }
  .register__personal-data .birthday-fields {
    width: 70%;
  }
  .register__user {
    padding: 0;
    order: 1;
    width: 100%;
    margin: 0 auto;
    padding-right: 16px !important;
    padding-left: 16px !important;
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  .register__user .register__user__content {
    max-width: 250px;
    margin: 0 auto;
  }
  .register__address .mdl-radio + .mdl-radio {
    display: block;
    margin-left: 0;
    margin-top: 20px;
  }
  .register__address .mdl-radio:last-of-type {
    margin-bottom: 32px;
  }
  .register__address__number {
    width: 100px;
  }
  .register__address__complement {
    width: calc(100% - 132px);
  }
  .register form .form__section {
    padding-bottom: 36px !important;
    padding-top: 36px !important;
  }
}
@media screen and (max-width:  680px ) {
  .register__addresses fieldset > legend {
    padding: 0 16px;
  }
  .register__addresses fieldset .register__address__new-btn {
    margin: 16px 16px;
  }
  .register__addresses .mdl-button.expansive-area__toggle {
    padding: 23px 16px 24px 16px;
  }
  .register__address__item {
    padding: 0 16px 24px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
}
@media screen and (min-width:  679px ) {
  .register__contacts__phone-number {
    width: calc(33% - 47px);
  }
}
@media screen and (max-width: 479px) {
  .register__personal-data .birthday-fields {
    width: 90%;
  }
}
.products-filter {
  width: 288%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 600px) {
  .products-filter {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.products-filter .buy-restricted {
  font-size: 12px;
}
.products-filter .buy-restricted i {
  background: #ff4c61;
  border-radius: 50%;
  padding: 10px;
  vertical-align: middle;
  color: white;
  margin-right: 7px;
}
@media (max-width: 1200px) {
  .products-filter .buy-restricted {
    text-align: center;
  }
  .products-filter .buy-restricted span {
    display: block;
  }
}
.products-filter__header {
  padding: 16px 0 0 0;
  position: relative;
  display: flex;
  height: 56px;
  box-sizing: border-box;
  justify-content: space-between;
  vertical-align: middle;
}
.products-filter__header .breadcrumbflex {
  flex: 1;
}
.products-filter--search-result .products-filter__header .breadcrumb {
  flex: unset;
}
.products-filter__header .products-filter__not-found {
  margin: 0 auto;
}
.products-filter__header .products-filter__search-quantity,
.products-filter__header .products-filter__quantity {
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 0;
  font-weight: 500;
  vertical-align: middle;
}
.products-filter__header .products-filter__search-quantity span {
  padding-right: 10px;
}
.products-filter__header .products-filter__search-term {
  color: #C02031;
  font-size: 16px;
  font-weight: normal;
}
.products-filter__header .products-filter__sort-field {
  width: 144px;
  margin-top: -21px;
  margin-right: 24px;
  z-index: 5;
  box-sizing: border-box;
}
.products-filter__header .products-filter__toggle-filters-mobile {
  display: none;
}
.products-filter__header .products-filter__toggle-filters-mobile {
  position: absolute;
  right: 0px;
}
@media screen and (max-width: 839px) {
  .products-filter__header {
    padding-bottom: 0;
    flex-direction: column;
    height: inherit;
  }
  .products-filter__header .breadcrumb {
    display: none;
  }
  .products-filter__header .products-filter__quantity {
    display: none;
  }
  .products-filter__header .products-filter__search-quantity {
    order: 2;
  }
  .products-filter__header .products-filter__sort-field {
    clear: both;
    margin-bottom: -10px;
    order: 1;
  }
  .products-filter__header .products-filter__toggle-filters-mobile {
    display: inline-block;
  }
}
@media screen and (max-width: 600px) {
  .products-filter__header {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.products-filter__content {
  display: flex;
  flex-direction: row;
  flex: auto;
}
.products-filter__content .product-list__title {
  display: none;
}
.products-filter__content .products-filter__sugestions .product-list__title {
  display: block;
}
.products-filter__content .products-filter__sugestions .product-carousel .product-list__content {
  margin: 0;
  padding: 0 14px 12px 2px;
}
.products-filter__content .products-filter__sugestions .product-carousel .product-list__content:before {
  height: 100%;
  top: 0;
  width: 8px;
  left: 0;
}
.products-filter__content .products-filter__sugestions .product-list--carousel {
  margin-bottom: 24px;
}
.products-filter__content .banner-carousel {
  margin-top: 14px;
}
.products-filter__content .banner-carousel + .replace-list-product {
  margin-top: 24px;
}
.products-filter__options {
  width: 224px;
  background: #ffffff;
}
@media screen and (max-width: 839px) {
  .products-filter__options {
    position: fixed;
    top: 0;
    height: 100vh;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 5;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -moz-transform: translate(110%, 0);
    -ms-transform: translate(110%, 0);
    -o-transform: translate(110%, 0);
    -webkit-transform: translate(110%, 0);
    transform: translate(110%, 0);
  }
  .products-filter__options.is-active {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .products-filter__options .filter-box__content {
    overflow-y: auto;
    height: calc(100vh - 64px);
  }
}
.products-filter__list {
  width: calc(100% - 224px);
  padding-left: 16px;
  position: relative;
}
.products-filter__list .product-list-default {
  margin-bottom: 24px;
}
.products-filter__list .product-list-default .product-list__content {
  padding: 0;
  margin: 0 -10px;
}
.products-filter__list:before {
  content: '';
  left: 30px;
  position: absolute;
  width: calc(100% - 24px - 24px);
  height: 1px;
  background: #EBEBEB;
  display: inline-block;
}
.products-filter__list .product-card {
  width: calc(20% - 10px);
  margin-left: 5px;
  margin-right: 5px;
}
.products-filter__list .product-card:nth-of-type(1),
.products-filter__list .product-card:nth-of-type(2),
.products-filter__list .product-card:nth-of-type(3),
.products-filter__list .product-card:nth-of-type(4),
.products-filter__list .product-card:nth-of-type(5) {
  margin-top: 15px;
}
.products-filter__list .products-filter__selected-filters {
  margin-top: 16px;
}
.products-filter__list .products-filter__selected-filters .mdl-chip {
  vertical-align: middle;
}
.products-filter__list .products-filter__selected-filters .mdl-chip + .mdl-chip {
  margin-left: 4px;
}
.products-filter__list .products-filter__selected-filters .mdl-chip:last-of-type {
  margin-right: 10px;
}
.products-filter__list .products-filter__clear-selected-filters {
  display: inline-block;
  vertical-align: middle;
}
.products-filter__list .products-filter__clear-selected-filters a {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.54);
}
@media screen and (max-width: 1220px) {
  .products-filter__list .product-card {
    width: calc(25% - 10px);
  }
  .products-filter__list .product-card:nth-of-type(5) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .products-filter__list .product-card {
    width: calc(33.33333% - 10px);
  }
  .products-filter__list .product-card:nth-of-type(4) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 839px) {
  .products-filter__list {
    width: 100%;
    padding: 0;
  }
  .products-filter__list .products-filter__selected-filters {
    margin: 0;
  }
  .products-filter__list .products-filter__clear-selected-filters {
    display: block;
    margin: 10px 0 6px 0;
  }
  .products-filter__list .product-card:nth-of-type(n+1) {
    margin-top: 10px;
  }
  .products-filter__list:before {
    content: none;
  }
}
@media screen and (max-width: 600px) {
  .products-filter__list .products-filter__selected-filters {
    margin: 0 10px;
  }
  .products-filter__list .product-card {
    width: calc(50% - 6px);
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 10px;
  }
  .products-filter__list .product-list-default .product-list__content {
    padding: 0;
    margin: 0;
  }
}
.home {
  width: 100%;
  padding-bottom: 25px;
}
.home .site-content,
.home .product-list {
  margin-top: 30px;
}
.home .banner-carousel.slick-dotted {
  margin-bottom: 45px;
}
.home .product-list-default {
  margin: 0 auto;
  max-width: 100%;
  padding: 0 24px;
}
@media screen and (max-width: 1000px) {
  .home .product-list-default {
    padding: 0;
  }
  .home .product-list-default .product-list__content {
    padding: 0;
  }
}
@media screen and (max-width: 839px) {
  .home .product-list-default .product-list__content {
    padding: 0;
  }
}
@media (max-width: 1300px) and (min-width: 1024px) {
  .home .product-list-default .product-card {
    width: calc(25% - 20px);
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .home .product-list-default .product-card {
    width: calc(33.33333% - 20px);
  }
}
.home .promotion-list {
  margin-top: 30px;
}
.home .promotion-list-default {
  margin: 0 auto;
  max-width: 100%;
  padding: 0 24px;
}
@media screen and (max-width: 1000px) {
  .home .promotion-list-default {
    padding: 0;
  }
  .home .promotion-list-default .promotion-list__content {
    padding: 0;
  }
}
@media screen and (max-width: 839px) {
  .home .promotion-list-default .promotion-list__content {
    padding: 0;
  }
}
@media (max-width: 1300px) and (min-width: 1024px) {
  .home .promotion-list-default .promotion-card {
    width: calc(25% - 20px);
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .home .promotion-list-default .promotion-card {
    width: calc(33.33333% - 20px);
  }
}
.promotions {
  display: block;
  margin: 0 auto;
  padding: 16px 24px;
  width: 1328px;
  max-width: 100%;
  box-sizing: border-box;
}
.promotion__content {
  display: block;
  max-width: 960px;
  margin: 16px auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 479px) {
  .promotions {
    padding: 0;
  }
  .promotions .breadcrumb {
    display: none;
  }
  .promotion__content {
    margin: 0 auto;
  }
}
.reorder-suggestion-content {
  width: 100%;
  display: flex;
  -webkit-tap-highlight-color: transparent;
  /* transparent with keyword */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* transparent with rgba */
  -webkit-tap-highlight-color: hsla(0, 0%, 0%, 0);
  /* transparent with hsla */
  -webkit-tap-highlight-color: #00000000;
  /* transparent with hex with alpha */
  -webkit-tap-highlight-color: #0000;
  /* transparent with short hex with alpha */
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content {
    display: inline-grid;
    justify-items: center;
  }
}
.reorder-suggestion-content :focus {
  outline: none !important;
}
.reorder-suggestion-content__list-order-content {
  margin: 0px;
  padding-left: 24px;
  padding-right: 19px;
  background: #e2e2e2;
  width: 90%;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__list-order-content {
    padding-left: 3px;
    padding-right: 3px;
    width: 100%;
    background: #f8f8f8;
  }
}
@media screen and (min-width: 1750px) {
  .reorder-suggestion-content__list-order-content {
    padding-left: 61px;
    padding-right: 57px;
  }
}
.reorder-suggestion-content__list-order-content--title {
  display: inline-flex;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__list-order-content--title {
    display: none;
  }
}
.reorder-suggestion-content__list-order-content--title .icon {
  height: 28px;
}
.reorder-suggestion-content__list-order-content--title .title {
  font-size: 20px;
  font-weight: 700;
  color: #333c46;
  padding-left: 5px;
}
.reorder-suggestion-content__list-order-content--title-mobile {
  display: none;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__list-order-content--title-mobile {
    display: inline-flex;
  }
}
.reorder-suggestion-content__list-order-content--title-mobile .icon {
  height: 28px;
}
.reorder-suggestion-content__list-order-content--title-mobile .title {
  font-size: 20px;
  font-weight: 700;
  color: #333c46;
  padding-left: 5px;
}
.reorder-suggestion-content__list-order-content--list-order {
  box-shadow: 0px 1px 14px 3px #c1c1c1;
  margin-bottom: 30px;
  border-radius: 6px;
  background: white;
}
.reorder-suggestion-content__list-order-content--list-order--row {
  display: flex;
  background: white;
  border-radius: 6px;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__list-order-content--list-order--row {
    display: block;
  }
}
.reorder-suggestion-content__list-order-content--list-order--row--details-order {
  width: 95%;
  background: #ffffff;
  height: 155px;
  padding-top: 27px;
  padding-left: 19px;
  padding-right: 8px;
  border-radius: 6px 0px 0px 6px;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__list-order-content--list-order--row--details-order {
    height: auto;
    padding-left: 0px;
    padding-top: 14px;
    border-radius: 6px;
  }
}
.reorder-suggestion-content__list-order-content--list-order--row--details-order--col {
  display: flex;
  justify-content: flex-start;
  background: #ffffff;
  height: 99px;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__list-order-content--list-order--row--details-order--col {
    display: block;
    height: auto;
  }
}
.reorder-suggestion-content__list-order-content--list-order--row--details-order--col .col-detail {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #efefef;
  border-top: 1px solid #efefef;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__list-order-content--list-order--row--details-order--col .col-detail {
    width: 91%;
    border: none;
  }
}
.reorder-suggestion-content__list-order-content--list-order--row--details-order--col .col-detail .detail {
  display: grid;
}
.reorder-suggestion-content__list-order-content--list-order--row--details-order--col .col-detail .detail .name {
  color: #828282;
  padding-left: 10px;
  font-size: 12px;
  font-weight: 100;
  white-space: nowrap;
  cursor: default;
}
.reorder-suggestion-content__list-order-content--list-order--row--details-order--col .col-detail .detail .description {
  font-size: 13px;
  padding-left: 10px;
  font-weight: 500;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: initial;
  cursor: default;
  text-overflow: ellipsis;
}
.reorder-suggestion-content__list-order-content--list-order--row--details-order--col .col-detail .detail .status_pending {
  color: #f39726;
}
.reorder-suggestion-content__list-order-content--list-order--row--details-order--col .col-detail .detail .status_canceled {
  color: #ed3259;
}
.reorder-suggestion-content__list-order-content--list-order--row--details-order--col .col-detail .detail .status_approved {
  color: #17c0a6;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__list-order-content--list-order--row--details-order--col .col-detail:nth-child(2) {
    border-top: 1px solid #efefef !important;
    padding-top: 15px;
  }
  .reorder-suggestion-content__list-order-content--list-order--row--details-order--col .col-detail:last-child {
    border-bottom: 1px solid #efefef !important;
    padding-bottom: 15px;
  }
}
.reorder-suggestion-content__list-order-content--list-order--row--details-order--col .number-order-col {
  background: #ecedf0;
  padding: 14px;
  border-radius: 2px;
  border: none !important;
  margin-right: 16px;
  place-content: center !important;
}
@media screen and (min-width: 1750px) {
  .reorder-suggestion-content__list-order-content--list-order--row--details-order--col .number-order-col {
    margin-right: 40px;
  }
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__list-order-content--list-order--row--details-order--col .number-order-col {
    place-content: start !important;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 20px !important;
  }
}
.reorder-suggestion-content__list-order-content--list-order--row--details-order--col .number-order-col .detail .description {
  color: #7520c5;
  font-size: 16px;
  font-weight: 600;
  max-width: 100px !important;
  min-width: 75px;
}
@media screen and (min-width: 1750px) {
  .reorder-suggestion-content__list-order-content--list-order--row--details-order--col .number-order-col .detail .description {
    font-size: 18px;
  }
}
.reorder-suggestion-content__list-order-content--list-order--row--details-order--col .date-order-col {
  max-width: 188px;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__list-order-content--list-order--row--details-order--col .date-order-col {
    max-width: 90%;
  }
}
.reorder-suggestion-content__list-order-content--list-order--row--details-order .show-product-content {
  text-align-last: end;
}
.reorder-suggestion-content__list-order-content--list-order--row--details-order .show-product-content--btn {
  color: #904ad3;
  font-weight: 500;
  border-bottom: 2px solid #904ad3;
  transform: rotate(0deg);
  transition-duration: 0.3s;
  transition-property: transform;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__list-order-content--list-order--row--details-order .show-product-content--btn {
    font-weight: 400;
    border-bottom: 1px solid #904ad3;
  }
}
.reorder-suggestion-content__list-order-content--list-order--row--details-order .show-product-content--btn i {
  position: relative;
  top: 7px;
  left: 6px;
}
.reorder-suggestion-content__list-order-content--list-order--row--details-order .show-product-content--btn .rotate {
  transform: rotate(180deg);
  transition-duration: 0.3s;
  transition-property: transform;
}
.reorder-suggestion-content__list-order-content--list-order--row--btn-reorder {
  width: 4%;
  background: #25e0c1;
  border-radius: 0px 6px 6px 0px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
}
.reorder-suggestion-content__list-order-content--list-order--row--btn-reorder .label-btn {
  visibility: hidden;
  display: none;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__list-order-content--list-order--row--btn-reorder {
    width: 100%;
    height: 45px;
    margin-top: 10px;
    border-radius: 0 0px 6px 6px;
    color: #242424;
  }
  .reorder-suggestion-content__list-order-content--list-order--row--btn-reorder .label-btn {
    visibility: visible;
    display: block;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #242424;
  }
}
.reorder-suggestion-content__list-order-content--list-order .mdl-grid {
  width: 100%;
}
.reorder-suggestion-content__list-order-content--list-order--list-items {
  /* background: red;*/
  padding-top: 1px;
  background: white;
  width: 94%;
  margin-left: 25px;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__list-order-content--list-order--list-items {
    width: 100%;
    border-radius: 0 0px 6px 6px;
    margin-left: 0px;
  }
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__list-order-content--list-order--list-items #listItemsSuggestionOrder {
    padding-left: 0px;
  }
}
.reorder-suggestion-content__list-order-content--list-order--list-items--section-top {
  display: flex;
  width: 100%;
  border-bottom: 2px solid #dedede;
  padding-bottom: 8px;
  padding-top: 11px;
  margin-top: 4px;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__list-order-content--list-order--list-items--section-top {
    border: none;
    margin-left: 17px;
    width: 91%;
  }
}
.reorder-suggestion-content__list-order-content--list-order--list-items--section-top .title-section {
  font-size: 16px;
  font-weight: 500;
}
.reorder-suggestion-content__list-order-content--list-order--list-items--section-top .title-section i {
  font-size: 13px;
  padding-right: 3px;
}
.reorder-suggestion-content__list-order-content--list-order--list-items--section-top .copy-quantify-input {
  border-bottom: 1px solid #904ad3;
  height: 21px;
}
.reorder-suggestion-content__list-order-content--list-order--list-items--section-top .copy-quantify-input a {
  color: #904ad3 !important;
}
.reorder-suggestion-content__list-order-content--list-order--list-items--section-top span:first-child {
  flex: auto;
}
.reorder-suggestion-content__list-order-content--list-order--list-items--section-footer {
  display: flex;
  align-items: center;
  justify-content: end;
  padding-top: 6px;
  padding-bottom: 22px;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__list-order-content--list-order--list-items--section-footer {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
    padding-bottom: 0px;
    padding-top: 0px;
  }
}
.reorder-suggestion-content__list-order-content--list-order--list-items--section-footer .btn-copy {
  background: #25e0c1;
  border: none;
  color: black;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__list-order-content--list-order--list-items--section-footer .btn-copy {
    width: 100%;
    margin-top: 15px;
    border-radius: 0 0px 6px 6px;
  }
}
.reorder-suggestion-content__list-order-content--list-order--list-items--section-footer .copy-quantify-input {
  border-bottom: 1px solid #904ad3;
  height: 21px;
  margin-right: 21px;
}
.reorder-suggestion-content__list-order-content--list-order--list-items--section-footer .copy-quantify-input a {
  color: #904ad3 !important;
}
.reorder-suggestion-content__list-order-content--list-order--list-items--section-show-load {
  display: flex;
  place-content: center;
  height: 34px;
  padding: 4px;
  padding-top: 29px;
  padding-bottom: 7px;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__list-order-content--list-order--list-items--section-show-load {
    padding-top: 14px;
  }
}
.reorder-suggestion-content__list-order-content--list-order--list-items--section-show-load span {
  display: flex;
  place-items: center;
  height: 20px;
  color: #7520c5;
  font-weight: 500;
}
.reorder-suggestion-content__list-order-content--list-order--list-items--section-show-load span i {
  color: white;
  background: #7520c5;
  font-size: 17px;
  border-radius: 50%;
  margin-right: 8px;
}
.reorder-suggestion-content__list-order-content--list-order--list-items .row-product {
  display: inline-flex;
  width: 100%;
  border-top: 1px solid #e3e3e3;
  height: 80px;
  padding-bottom: 10px;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__list-order-content--list-order--list-items .row-product {
    height: 180px;
    width: 90%;
    margin-left: 20px;
  }
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__list-order-content--list-order--list-items .row-product {
    display: inline-flex;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.reorder-suggestion-content__list-order-content--list-order--list-items .row-product .col-product {
  flex: 1;
  text-align-last: center;
  align-items: center;
  align-self: center;
}
.reorder-suggestion-content__list-order-content--list-order--list-items .row-product .img-product {
  max-width: 100px;
  /* background: yellow;*/
}
.reorder-suggestion-content__list-order-content--list-order--list-items .row-product .name-product {
  text-align-last: start;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__list-order-content--list-order--list-items .row-product .name-product {
    min-width: 74%;
  }
}
.reorder-suggestion-content__list-order-content--list-order--list-items .row-product .name-product p:first-child {
  margin: 0px;
  color: black;
  font-weight: 500;
  font-size: 16px;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 18px;
  max-height: 41px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__list-order-content--list-order--list-items .row-product .name-product p:first-child {
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 22px;
    max-height: 41px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.reorder-suggestion-content__list-order-content--list-order--list-items .row-product .name-product p:last-child {
  margin: 0px;
  color: #787878;
  font-weight: 100;
  font-size: 12px;
}
.reorder-suggestion-content__list-order-content--list-order--list-items .row-product .name-product .mdl-tooltip {
  display: none;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__list-order-content--list-order--list-items .row-product .name-product .mdl-tooltip {
    display: block;
  }
}
.reorder-suggestion-content__list-order-content--list-order--list-items .row-product .quantify-product {
  max-width: 200px;
  display: grid;
  justify-items: center;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__list-order-content--list-order--list-items .row-product .quantify-product {
    justify-items: start;
    padding-left: 5px;
    min-width: 80%;
  }
}
@media screen and (max-width: 479px) {
  .reorder-suggestion-content__list-order-content--list-order--list-items .row-product .quantify-product {
    min-width: 55%;
  }
}
.reorder-suggestion-content__list-order-content--list-order--list-items .row-product .quantify-product span {
  font-size: 12px;
  margin-bottom: 2px;
}
.reorder-suggestion-content__list-order-content--list-order--list-items .row-product .quantify-product div {
  background: #D0D6E819;
  padding: 7px;
  border-radius: 6px;
  font-size: 18px;
  border: 2px solid #D0D6E8;
  max-width: 104px;
  min-width: 95px;
}
.reorder-suggestion-content__list-order-content--list-order--list-items .row-product .quantify-product-insert {
  max-width: 151px;
}
.reorder-suggestion-content__list-order-content--list-order--list-items .row-product .quantify-product-insert p {
  font-size: 12px;
  /* margin-top: 11px; */
  margin: 2px;
}
.reorder-suggestion-content__list-order-content--list-order--list-items .row-product .quantify-product-insert input {
  font-size: 19px;
  color: black;
  font-weight: 500;
}
.reorder-suggestion-content__list-order-content--list-order--list-items .row-product .quantify-product-insert--available {
  display: flex;
  place-content: center;
  justify-content: center;
  max-width: 151px;
}
.reorder-suggestion-content__list-order-content--list-order--list-items .row-product .quantify-product-insert--available span {
  text-transform: uppercase;
  background: #2b2b2b;
  color: white;
  border-radius: 6px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  margin-top: 7px;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__list-order-content--list-order--list-items .row-product .quantify-product-insert--available span {
    margin-top: 14px;
  }
}
.reorder-suggestion-content__filter {
  margin: 0px;
  background: #ffffff;
  min-width: 279px;
  width: 18%;
  max-width: 355px;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__filter {
    min-width: 0%;
    width: 93%;
    max-width: 100%;
    box-shadow: 0px 1px 14px 3px #c1c1c1;
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 6px;
  }
}
.reorder-suggestion-content__filter--content {
  width: 90%;
  margin-top: 30px;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__filter--content {
    margin-top: 0px;
  }
}
.reorder-suggestion-content__filter--content .header_expand_filter {
  display: none;
  color: #7520c5;
  padding: 20px;
}
.reorder-suggestion-content__filter--content .header_expand_filter .row_title_expand_filter {
  display: inline-flex;
  align-items: center;
}
.reorder-suggestion-content__filter--content .header_expand_filter .row_title_expand_filter .title_expand_filter {
  margin-left: 10px;
  margin-top: 3px;
  border-bottom: 1px solid #7520c5;
  display: inline-flex;
  text-transform: uppercase;
  font-size: 13px;
  height: 21px;
}
.reorder-suggestion-content__filter--content .header_expand_filter .row_title_expand_filter .title_expand_filter i.rotate {
  transform: rotate(180deg);
}
.reorder-suggestion-content__filter--content .header_expand_filter .row_title_expand_filter .icon_toggle_rotate.rotate {
  transform: rotate(180deg);
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__filter--content .header_expand_filter {
    display: block;
  }
}
.reorder-suggestion-content__filter--content .content_expand {
  display: block;
}
.reorder-suggestion-content__filter--content .content_expand.content_expand_hidde {
  display: block;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__filter--content .content_expand {
    display: none;
  }
}
.reorder-suggestion-content__filter--content .header {
  flex: auto;
  min-height: 80px;
  width: 100%;
  background: white;
  margin: 16px;
  border-radius: 4px;
  display: flex;
  place-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: #333c46;
  text-align: center;
  flex-wrap: wrap;
  justify-content: start;
}
.reorder-suggestion-content__filter--content .header .header_event {
  padding-top: 13px;
  width: 100%;
  padding-left: 18px;
  padding-bottom: 0px;
  padding-top: 4px;
}
.reorder-suggestion-content__filter--content .header .header_event .text {
  float: left;
}
.reorder-suggestion-content__filter--content .header .header_event .icon {
  float: right;
}
.reorder-suggestion-content__filter--content .header .header_event .icon.rotate {
  transform: rotate(180deg);
}
.reorder-suggestion-content__filter--content .header .content_expand {
  padding: 1px 18px 22px;
  padding-bottom: 7px;
  width: 100%;
  margin-top: -4px;
}
.reorder-suggestion-content__filter--content .filter_number .mdl-textfield__input {
  font-weight: 500;
  color: #7520c5;
}
.reorder-suggestion-content__filter--content .filter_period .selection_date .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
  color: #7520c5;
}
.reorder-suggestion-content__filter--content .button_send {
  display: grid;
  padding-left: 38px;
  padding-top: 13px;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content__filter--content .button_send {
    padding-bottom: 20px;
  }
}
.reorder-suggestion-content__filter--content .button_send button {
  background: #25e0c1;
  border: none;
  color: black;
}
.reorder-suggestion-content .no_order {
  display: flex;
  place-items: center;
  justify-content: center;
  border-radius: 10px;
  background: white;
  height: 260px;
}
@media screen and (min-width: 1750px) {
  .reorder-suggestion-content .no_order {
    height: 348px;
  }
}
.reorder-suggestion-content .no_order span {
  font-size: 20px;
  font-weight: 500;
}
.reorder-suggestion-content .back-top {
  display: none;
  padding-bottom: 18px;
  justify-content: center;
}
.reorder-suggestion-content .back-top .icon_arrow_upward {
  background: #a1a4b3;
  border-radius: 62%;
  padding: 2px;
  color: white;
  font-weight: 600;
  font-size: 35px;
  width: 35px;
  justify-self: center;
}
.reorder-suggestion-content .back-top div {
  display: grid;
}
.reorder-suggestion-content .back-top span {
  font-weight: 500;
  font-size: 18px;
  padding: 14px;
  color: #a1a4b3;
  justify-self: center;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content .back-top {
    display: block;
  }
}
.reorder-suggestion-content .mdl-cell--10-col,
.reorder-suggestion-content .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
  width: calc(83.33333333% - -16px);
}
.reorder-suggestion-content .p-0 {
  padding: 0px !important;
}
.reorder-suggestion-content .p-5 {
  padding: 5px;
}
.reorder-suggestion-content .m-0 {
  margin: 0px !important;
}
.reorder-suggestion-content .flex-1 {
  flex: 1;
  place-content: flex-start;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content .flex-1 {
    padding-left: 21px;
    margin-left: 11px;
    margin-bottom: 7px;
  }
}
.reorder-suggestion-content .pl-1 {
  padding-left: 10px;
}
.reorder-suggestion-content .pl-2 {
  padding-left: 20px;
}
.reorder-suggestion-content .pl-3 {
  padding-left: 30px;
}
.reorder-suggestion-content .cursor-pointer {
  cursor: pointer !important;
}
.reorder-suggestion-content .show-tooltip {
  display: none;
}
@media screen and (min-width: 1750px) {
  .reorder-suggestion-content .show-tooltip {
    display: block;
  }
}
.reorder-suggestion-content .mdl-selectfield .mdl-selectfield__select {
  width: 100%;
}
@media screen and (max-width: 839px) {
  .reorder-suggestion-content .mdl-selectfield {
    max-width: 100%;
  }
}
.reorder-suggestion-content .mdl-selectfield__list-option-box {
  text-align-last: start;
  text-align: left;
  left: -3px;
}
.reorder-suggestion-content .mdl-selectfield .mdl-selectfield__box {
  border-bottom: 2px solid #a7a7a7;
}
.reorder-suggestion-content .mdl-selectfield__box-value {
  text-align: start;
  font-weight: 500;
  color: #7520c5;
  text-overflow: ellipsis;
}
.reorder-suggestion-content .mdl-selectfield .mdl-selectfield__label {
  font-weight: 500;
  color: #9e9e9e;
}
.reorder-suggestion-content .mdl-tooltip {
  max-width: 500px;
}
.reorder-suggestion-content .touchspin-wrapper {
  max-width: 120px;
  padding: 0;
  position: relative;
}
#snackbar-reorder {
  visibility: hidden;
  min-width: 250px;
  text-align: center;
  border-radius: 2px;
  padding: 10px;
  position: fixed;
  z-index: 15;
  top: 0px;
  width: 100%;
  display: grid;
  justify-items: center;
}
#snackbar-reorder .close {
  position: absolute;
  right: 55px;
  cursor: pointer;
}
@media screen and (max-width: 479px) {
  #snackbar-reorder .close {
    display: none;
  }
}
#snackbar-reorder p {
  font-weight: 700;
}
@media screen and (max-width: 839px) {
  #snackbar-reorder p {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 479px) {
  #snackbar-reorder p {
    max-width: 70%;
  }
}
@media screen and (max-width: 479px) {
  #snackbar-reorder span {
    max-width: 80%;
  }
}
#snackbar-reorder.show {
  visibility: visible;
  -webkit-animation: fadein-snackbar-reorder 0.5s, fadeout-snackbar-reorder 0.5s 16s;
  animation: fadein-snackbar-reorder 0.5s, fadeout-snackbar-reorder 0.5s 16s;
  background-color: #25e0c1;
  color: #000;
  max-height: 27px;
  padding-top: 13px;
}
@media screen and (max-width: 479px) {
  #snackbar-reorder.show {
    max-height: 50px;
  }
}
#snackbar-reorder.show .close {
  top: 28%;
}
#snackbar-reorder.show-error {
  visibility: visible;
  -webkit-animation: fadein-snackbar-reorder 0.5s, fadeout-snackbar-reorder 0.5s 16s;
  animation: fadein-snackbar-reorder 0.5s, fadeout-snackbar-reorder 0.5s 16s;
  background-color: #F21365;
  color: white;
  max-height: 69px;
}
@media screen and (max-width: 479px) {
  #snackbar-reorder.show-error {
    max-height: 110px;
  }
}
#snackbar-reorder.show-error .close {
  top: 34%;
}
@media screen and (max-width: 479px) {
  #snackbar-reorder.show-error .close {
    top: 39%;
  }
}
@-webkit-keyframes fadein-snackbar-reorder {
  from {
    top: -50px;
    opacity: 0;
  }
  to {
    top: 0px;
    opacity: 1;
  }
}
@keyframes fadein-snackbar-reorder {
  from {
    top: -50px;
    opacity: 0;
  }
  to {
    top: 0px;
    opacity: 1;
  }
}
@-webkit-keyframes fadeout-snackbar-reorder {
  from {
    top: 0px;
    opacity: 1;
  }
  to {
    top: -50px;
    opacity: 0;
  }
}
@keyframes fadeout-snackbar-reorder {
  from {
    top: 0px;
    opacity: 1;
  }
  to {
    top: -50px;
    opacity: 0;
  }
}
.promotions-dialog .promotion-list .promotion-list__row {
  justify-content: space-between;
  align-items: flex-start;
  background: #FAFAFA;
}
.promotions-dialog .promotion-list .promotion-list__row.promotion-list__status-container {
  padding: 0 24px 16px;
}
.promotions-dialog .promotion-list .promotion-list__img-container {
  width: 60px;
}
@media screen and (max-width: 550px) {
  .promotions-dialog .promotion-list .promotion-list__row {
    padding: 16px 16px;
  }
  .promotions-dialog .promotion-list .promotion-list__row .promotion-list__img-container,
  .promotions-dialog .promotion-list .promotion-list__row .promotion-list__description {
    padding-bottom: 8px;
  }
  .promotions-dialog .promotion-list .promotion-list__row .promotion-list__amount-container,
  .promotions-dialog .promotion-list .promotion-list__row .promotion-list___button-container {
    padding-top: 8px;
  }
  .promotions-dialog .promotion-list .promotion-list__row .promotion-list__description {
    width: calc(100% - 76px);
    flex: 0 0 auto;
  }
}
@media screen and (max-width:  680px ) {
  .promotions-dialog .mdl-dialog__content {
    background: #ffffff;
  }
  .promotions-dialog .promotion-list {
    background: #ffffff;
  }
  .promotions-dialog .promotion-list .promotion-list__row {
    background: #ffffff;
  }
}
.my-cart {
  display: none;
  position: absolute;
  background: #ffffff;
  width: 370px;
  top: 50px;
  right: -20px;
  z-index: 10;
  text-align: left;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
}
.my-cart:before {
  content: ' ';
  display: block;
  vertical-align: middle;
  position: absolute;
  top: -10px;
  right: 28px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
}
@media screen and (min-width: 480px) {
  .my-cart.is-active {
    display: block;
  }
}
.my-cart.is-empty .my-cart__content {
  display: none;
}
.my-cart.is-empty .my-cart__actions {
  display: none;
}
.my-cart.is-empty .my-cart__content--no-item {
  display: flex;
}
.my-cart .mobile-toolbar__action-button {
  display: none;
}
.my-cart__content {
  display: block;
  position: relative;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: auto;
  max-height: 340px;
  box-sizing: border-box;
}
.my-cart__content--no-item {
  display: none;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 48px;
  padding-bottom: 48px;
  max-height: calc(100% - 60px);
}
.my-cart__title {
  font-size: 14px;
  position: relative;
  color: rgba(0, 0, 0, 0.54);
  line-height: 19px;
  padding: 20px 16px;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.my-cart__actions {
  background: #FAFAFA;
  padding: 20px 16px 16px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-sizing: border-box;
}
.my-cart__total-container {
  display: block;
  margin-bottom: 15px;
}
.my-cart__label {
  font-size: 14px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.54);
  margin: 0;
}
.my-cart__total-price {
  font-size: 24px;
  line-height: 32px;
  margin: 0;
}
.my-cart__total-price .my-cart__total-price-value {
  color: #17C0A6;
}
.my-cart__total-price .my-cart__total-points-value {
  color: #C02031;
}
.my-cart__total-price small {
  font-size: 14px;
  line-height: 19px;
}
.my-cart__total-price small + span {
  display: block;
  line-height: 24px;
}
.my-cart__empty-link {
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.38);
  text-align: center;
  margin-top: 16px;
}
.my-cart__empty-icon {
  background-color: #F6F6F6;
  display: flex;
  position: relative;
  width: 156px;
  height: 156px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.my-cart__empty-icon .material-icons {
  color: #17C0A6;
  font-size: 65px;
  width: 65px;
  height: 65px;
}
.my-cart__empty-label {
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  line-height: 19px;
  margin-top: 10px;
}
.mobile.my-cart {
  display: flex;
  flex-direction: column;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 0;
  transform: translate(105%, 0);
  transition: 0.2s ease-in-out;
  flex: 1 0 0;
}
.mobile.my-cart:before {
  content: none;
}
.mobile.my-cart.mdl-shadow--4dp {
  box-shadow: none;
}
.mobile.my-cart .mobile-toolbar__action-button {
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
}
.mobile.my-cart .mobile-toolbar__action-button .material-icons {
  color: rgba(0, 0, 0, 0.54);
}
.mobile.my-cart.is-active {
  transform: translate(0, 0);
}
.mobile.my-cart.is-empty {
  flex-direction: column;
}
.mobile.my-cart.is-empty .my-cart__content {
  max-height: calc(100vh - 65px);
}
.mobile.my-cart .my-cart__content {
  flex: 1 0 0px;
  max-height: calc(100vh - 234px);
}
.mobile.my-cart .my-cart__content--no-item {
  flex: 1 0 auto;
}
.mobile.my-cart .my-cart__title {
  flex: 0 0 auto;
  margin: 0;
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
  padding: 16px 26px 16px 75px;
  border-radius: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.54);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.mobile.my-cart .my-cart__actions {
  flex: 0 0 auto;
}
.my-cart__summary {
  display: none;
  background: #EC5F7E;
  padding: 14px 24px 16px;
}
@media screen and (min-width: 480px) {
  .my-cart__summary {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
}
.my-cart__summary .my-cart__summary__intro-text {
  display: block;
  font-size: 14px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.38);
  margin: 0;
}
.my-cart__summary .my-cart__summary__value {
  display: block;
  font-size: 34px;
  line-height: 46px;
  font-weight: bold;
  color: #FFFFFF;
  margin-bottom: 0;
}
.my-cart__summary .my-cart__summary__value small {
  font-size: 18px;
  line-height: 24px;
}
.my-cart__summary .my-cart__summary__remaining {
  display: block;
  font-size: 16px;
  line-height: 21px;
  font-style: italic;
  color: rgba(255, 255, 255, 0.54);
  margin-bottom: 0;
}
.my-cart__summary .my-cart__summary__remaining .my-cart__summary__remaining__value {
  display: inline;
  font-size: 20px;
  line-height: 26px;
  font-weight: bold;
  font-style: normal;
  color: #FFFFFF;
}
@media screen and (max-width: 479px) {
  .my-cart__summary {
    padding-top: 52px;
  }
}
@media screen and (max-width: 479px) {
  .my-cart {
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 0;
    transform: translate(105%, 0);
    transition: 0.2s ease-in-out;
    flex: 1 0 0;
  }
  .my-cart:before {
    content: none;
  }
  .my-cart.mdl-shadow--4dp {
    box-shadow: none;
  }
  .my-cart .mobile-toolbar__action-button {
    display: block;
    position: absolute;
    top: 16px;
    left: 16px;
  }
  .my-cart .mobile-toolbar__action-button .material-icons {
    color: rgba(0, 0, 0, 0.54);
  }
  .my-cart.is-active {
    transform: translate(0, 0);
  }
  .my-cart.is-empty {
    flex-direction: column;
  }
  .my-cart.is-empty .my-cart__content {
    max-height: calc(100vh - 65px);
  }
  .my-cart .my-cart__content {
    flex: 1 0 0px;
    max-height: calc(100vh - 234px);
  }
  .my-cart .my-cart__content--no-item {
    flex: 1 0 auto;
  }
  .my-cart .my-cart__title {
    flex: 0 0 auto;
    margin: 0;
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    padding: 16px 26px 16px 75px;
    border-radius: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.54);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  .my-cart .my-cart__actions {
    flex: 0 0 auto;
  }
}
.cart--button-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cart--button-container hr {
  margin: 12px 0px;
}
@media screen and (max-width: 280px) {
  .cart--button-container a {
    font-size: 13px;
  }
}
.institutional {
  display: block;
  margin: 0 auto;
  padding: 16px 24px;
  width: 1328px;
  max-width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.institutional p {
  font-size: 14px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.54);
  margin-bottom: 24px;
}
.institutional .mdl-dialog__close {
  display: none;
}
.institutional__title {
  display: block;
  background: #ffffff;
  width: 960px;
  max-width: 100%;
  font-size: 25px;
  font-weight: 700;
  padding: 24px 24px 22px;
  margin: 16px auto 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
}
.institutional__content {
  display: block;
  background: #ffffff;
  width: 960px;
  max-width: 100%;
  margin: 0 auto 16px;
  padding: 16px 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.institutional__content.default {
  text-align: center;
}
.institutional__content .ql-align-center {
  text-align: center;
}
.institutional__content .ql-align-left {
  text-align: left;
}
.institutional__content .ql-align-right {
  text-align: right;
}
@media screen and (max-width: 479px) {
  .institutional {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0 0;
    width: 100%;
    height: 100%;
  }
  .institutional .breadcrumb {
    display: none;
  }
  .institutional .mdl-dialog__close {
    display: block;
    position: absolute;
    top: 16px;
    left: 16px;
  }
  .institutional .mdl-dialog__close .mdl-dialog__close__mobile-icon {
    color: #ffffff;
  }
  .institutional__title {
    margin: 0;
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    padding: 16px 26px 16px 75px;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    color: rgba(255, 255, 255, 0.87);
    background: #C02031;
    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);
    position: relative;
    background-size: cover;
    border-bottom: none;
    margin-top: 0;
  }
  .institutional__content {
    overflow: auto;
    max-height: calc(100% - 64px);
  }
}
.product-details {
  min-width: 100%;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 24px;
}
.product-details .tag-top {
  position: absolute;
  top: 15px;
  left: 0px;
  z-index: 1;
  max-width: 50%;
}
.product-details .tag-top img {
  width: 100%;
}
.product-details .tag-bottom {
  position: absolute;
  bottom: 0px;
  z-index: 1;
  left: 50%;
  transform: translate(-50%, 0%);
  max-width: 50%;
}
.product-details .tag-bottom img {
  width: 100%;
}
.product-details .schema-hidden {
  display: none;
}
.product-details .buy-restricted-content {
  margin-top: 24px;
}
.product-details .buy-restricted-content .buy-restricted {
  font-size: 12px;
}
.product-details .buy-restricted-content .buy-restricted i {
  background: #ff4c61;
  border-radius: 50%;
  padding: 10px;
  vertical-align: middle;
  color: white;
  margin-right: 7px;
}
.product-details .buy-restricted-content .buy-restricted span {
  display: inline-block;
  width: calc(100% - 100px);
  vertical-align: middle;
}
@media (max-width: 600px) {
  .product-details .buy-restricted-content {
    display: flex !important;
    flex-direction: column;
    width: 100% !important;
    padding: 0px 15px;
  }
  .product-details .buy-restricted-content .buy-restricted {
    text-align: left;
  }
  .product-details .buy-restricted-content .buy-restricted span {
    display: inline-block;
  }
}
.product-details .buy-restricted-content .buy-description i {
  top: -3px;
  position: relative;
  float: left;
}
.product-details .buy-restricted-content .buy-description span {
  display: inline-block;
  width: calc(100% - 55px);
  margin-left: 10px;
}
.product-details .product-details__header {
  display: block;
  position: relative;
  width: 1328px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 auto;
  padding: 20px 24px 10px 24px;
}
.product-details .product-details__back {
  display: none;
}
.product-details .tag-bottom__detail {
  margin-left: 15px;
  position: relative;
  bottom: 0px;
}
.product-details .tag-bottom__detail.mobile-view {
  display: none;
}
.product-details .tag-bottom__detail.desktop-view {
  display: inline-block;
}
@media (max-width: 600px) {
  .product-details .tag-bottom__detail {
    bottom: 15px;
    z-index: 1;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    max-width: 50%;
  }
  .product-details .tag-bottom__detail.mobile-view {
    display: block;
  }
  .product-details .tag-bottom__detail.desktop-view {
    display: none;
  }
}
.product-details .tag-top__detail {
  position: absolute;
  left: 0px;
  z-index: 1;
  top: 0px;
  max-width: 50%;
}
.product-details .product-details__low-price {
  display: inline-block;
  float: left;
}
@media (max-width: 600px) {
  .product-details .product-details__low-price {
    display: block;
    float: none;
  }
}
.product-details .product-details__content {
  background: #ffffff;
  width: 960px;
  max-width: 100%;
  margin: 0 auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px 0;
}
.product-details .product-details__brief {
  padding: 0 24px 24px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.product-details .product-details__gallery {
  float: left;
  width: 304px;
  max-width: 46.6667%;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.product-details .product-details__gallery .favorite-icon {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
}
.product-details .product-details__gallery__items {
  margin-bottom: 6px;
  max-height: 20px;
}
.product-details .product-details__gallery__items.slick-slider {
  max-height: inherit;
}
.product-details .product-details__gallery__items.slick-slider img {
  opacity: 1;
}
.product-details .product-details__gallery__items .product-details__gallery__item:focus {
  outline: none;
}
.product-details .product-details__gallery__items img {
  width: 100%;
  opacity: 0;
  -moz-transition: 0.7s opacity ease-in-out;
  -o-transition: 0.7s opacity ease-in-out;
  -webkit-transition: 0.7s opacity ease-in-out;
  transition: 0.7s opacity ease-in-out;
}
.product-details .product-details__gallery__items img:focus {
  outline: none;
}
.product-details .product-details__gallery__thumbs {
  margin-bottom: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.product-details .product-details__gallery__thumbs .slick-list {
  margin: 0 -4px;
}
.product-details .product-details__gallery__thumbs img {
  max-width: 100%;
  cursor: pointer;
  opacity: 0;
  max-height: 0;
}
.product-details .product-details__gallery__thumbs.slick-slider {
  max-height: inherit;
}
.product-details .product-details__gallery__thumbs .slick-slide {
  margin: 0 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.product-details .product-details__gallery__thumbs .slick-slide img {
  opacity: 1;
  max-height: inherit;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #F6F6F6;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.product-details .product-details__gallery__thumbs .slick-slide.slick-current img {
  border: 2px solid #C02031;
}
.product-details .product-details__gallery__thumbs .slick-slide:focus {
  outline: none;
}
.product-details .product-details__share-options {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  clear: left;
  width: 46.6667%;
}
.product-details .product-details__share-options > span {
  font-size: 14px;
}
.product-details .product-details__share-options > ul {
  padding: 0;
  margin: 0;
  display: inline-block;
  letter-spacing: 5px;
  margin-left: 10px;
}
.product-details .product-details__share-options > ul li {
  display: inline-block;
  list-style: none;
  letter-spacing: normal;
  position: relative;
}
.product-details .product-details__titles,
.product-details .product-details__pricing,
.product-details .product-details__product-model-options,
.product-details .product-details__action,
.product-details .buy-restricted-content {
  float: right;
  width: 53.3333%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.product-details .product-details__titles .mdl-button,
.product-details .product-details__pricing .mdl-button,
.product-details .product-details__product-model-options .mdl-button,
.product-details .product-details__action .mdl-button,
.product-details .buy-restricted-content .mdl-button {
  height: auto;
  line-height: normal;
  min-height: 35px;
  padding: 5px 15px;
}
.product-details .product-details__titles .mdl-fast-buy,
.product-details .product-details__pricing .mdl-fast-buy,
.product-details .product-details__product-model-options .mdl-fast-buy,
.product-details .product-details__action .mdl-fast-buy,
.product-details .buy-restricted-content .mdl-fast-buy {
  margin-right: 5px;
}
@media (max-width: 600px) {
  .product-details .product-details__titles,
  .product-details .product-details__pricing,
  .product-details .product-details__product-model-options,
  .product-details .product-details__action,
  .product-details .buy-restricted-content {
    display: block !important;
  }
  .product-details .product-details__titles .mdl-button,
  .product-details .product-details__pricing .mdl-button,
  .product-details .product-details__product-model-options .mdl-button,
  .product-details .product-details__action .mdl-button,
  .product-details .buy-restricted-content .mdl-button {
    width: 100%;
    margin-bottom: 24px;
  }
}
.product-details .product-details__titles {
  padding-bottom: 10px;
}
.product-details .product-details__action {
  display: flex;
  flex-grow: 2;
}
.product-details .product-details__name {
  color: #000000;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin: 0;
}
.product-details .product-details__code {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.54);
  line-height: 19px;
}
.product-details .product-details__high-price,
.product-details .product-details__from-price {
  font-size: 16px;
  line-height: 21px;
  margin-top: 6px;
  display: inline-block;
}
.product-details .product-details__high-price {
  color: rgba(0, 0, 0, 0.2);
  font-size: 14px;
  line-height: 19px;
}
.product-details .product-details__from-price {
  color: rgba(0, 0, 0, 0.54);
  display: block;
}
.product-details .product-details__measurement {
  color: #17C0A6;
  display: block;
  font-size: 21px;
  line-height: 24px;
  clear: both;
}
.product-details .product-details__pricing--has-points .product-details__low-price {
  display: block;
  font-size: 16px;
  line-height: 21px;
}
@media screen and (max-width: 600px) {
  .product-details .product-details__pricing--has-points .product-details__measurement {
    margin-top: -25px;
  }
}
.product-details .product-details__points,
.product-details .product-details__low-price {
  display: block;
  font-size: 34px;
  line-height: 45px;
  clear: both;
}
.product-details .product-details__low-price {
  color: #17C0A6;
}
.product-details .product-details__points {
  color: #C02031;
}
.product-details .product-details__payment-plans {
  display: flex !important;
  cursor: pointer;
  width: 100%;
  padding-top: 16px;
}
.product-details .product-details__payment-plans .product-details__payment-plans__featured-icon {
  display: inline-block;
  height: 32px;
  width: 32px;
  background: #17C0A6;
  border-radius: 50%;
  padding: 4px;
  vertical-align: middle;
  margin-right: 10px;
  box-sizing: border-box;
}
.product-details .product-details__payment-plans .product-details__payment-plans__featured-icon .material-icons {
  color: #FFFFFF;
}
.product-details .product-details__payment-plans .product-details__payment-plan__text {
  font-size: 16px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.54);
  vertical-align: middle;
}
.product-details .product-details__payment-plans > .material-icons {
  vertical-align: middle;
}
.product-details .product-details__product-model-options {
  margin-bottom: 12px;
  margin-top: 36px;
}
.product-details .product-details__product-model-options .mdl-selectfield {
  width: 150px;
  display: block;
}
.product-details .product-details__sugestions {
  padding-top: 6px;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 15px;
}
.product-details .product-details__sugestions .product-card__action {
  flex-direction: column !important;
}
.product-details .product-details__sugestions .product-card__action .mdl-button {
  width: 100%;
  height: auto;
}
.product-details .product-details__sugestions .product-card__action .mdl-button.product-card__action__fastbuy {
  margin-bottom: 24px !important;
}
.product-details .product-details__sugestions .slick-slide > div {
  height: auto !important;
}
.product-details .product-details__sugestions .product-list--carousel {
  box-shadow: none;
  border: none;
}
.product-details .product-details__sugestions .product-list__title {
  border: none;
}
.product-details .product-details__sugestions .product-list__content {
  padding-left: 0;
  padding-right: 0;
}
.product-details .product-details__sugestions .product-list__content:before {
  left: 0;
}
@media screen and (max-width: 350px) {
  .product-details .product-details__sugestions .product-list-carousel .slick-dots {
    width: 100%;
  }
  .product-details .product-details__sugestions .product-list-carousel .product-list__content {
    width: 100%;
  }
}
.product-details .product-details__promotions-carousel {
  width: 1328px;
  max-width: 100%;
  margin: 24px auto;
}
@media screen and (min-width: 600px) {
  .product-details .product-details__pricing + .product-details__action-share-wrapper .product-details__action {
    margin-top: 36px;
  }
}
@media screen and (max-width: 600px) {
  .product-details {
    margin-bottom: 10px;
  }
  .product-details .breadcrumb {
    display: none;
  }
  .product-details .product-details__header {
    background: #ffffff;
    padding: 10px;
  }
  .product-details .product-details__back {
    display: block;
  }
  .product-details .product-details__content {
    padding-top: 0;
  }
  .product-details .product-details__titles,
  .product-details .product-details__pricing,
  .product-details .product-details__product-model-options,
  .product-details .product-details__action,
  .product-details .product-details__share-options {
    float: none;
    clear: both;
    width: 100%;
    max-width: 100%;
  }
  .product-details .product-details__brief {
    padding-left: 0;
    padding-right: 0;
  }
  .product-details .product-details__brief + .mdl-tabs {
    border-top: none;
  }
  .product-details .product-details__titles {
    padding: 0 16px;
  }
  .product-details .product-details__name {
    font-size: 16px;
    font-weight: normal;
    line-height: 21px;
  }
  .product-details .product-details__code {
    font-size: 16px;
    line-height: 19px;
  }
  .product-details .product-details__gallery {
    margin: 0 16px;
    width: calc(100% - 32px);
    max-width: calc(100% - 32px);
  }
  .product-details .product-details__gallery .favorite-icon {
    right: -4px;
  }
  .product-details .product-details__gallery__thumbs {
    display: none;
  }
  .product-details .product-details__pricing {
    padding: 0;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  .product-details .product-details__pricing .mdl-textfield {
    position: absolute;
    top: 6px;
    right: 16px;
  }
  .product-details .product-details__pricing > hr {
    display: none;
  }
  .product-details .product-details__high-price,
  .product-details .product-details__from-price {
    margin-top: 0;
    display: block;
  }
  .product-details .product-details__low-price {
    height: 45px;
    margin-bottom: 0;
  }
  .product-details .product-details__high-price,
  .product-details .product-details__actual-prices {
    padding: 0 16px;
  }
  .product-details .product-details__actual-prices {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  .product-details .product-details__payment-plans {
    display: block;
    text-align: center;
    margin-top: 16px;
    margin-right: auto;
    margin-bottom: 16px;
    margin-left: auto;
    padding: 0 16px;
  }
  .product-details .product-details__product-model-options {
    margin-top: 0;
    margin-bottom: 0;
  }
  .product-details .product-details__product-model-options .mdl-selectfield.mdl-selectfield--slim:not(.mdl-selectfield--floating-label) {
    padding: 20px 16px;
    width: 100%;
    max-width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  .product-details .product-details__product-model-options .mdl-selectfield.mdl-selectfield--slim:not(.mdl-selectfield--floating-label) .mdl-selectfield__box {
    top: 24px;
    left: 16px;
    right: 16px;
  }
  .product-details .product-details__product-model-options .mdl-selectfield.mdl-selectfield--slim:not(.mdl-selectfield--floating-label) .mdl-selectfield__list-option-box {
    top: 16px;
    left: 16px;
    right: 16px;
  }
  .product-details .product-details__product-model-options .mdl-selectfield.mdl-selectfield--slim:not(.mdl-selectfield--floating-label) .mdl-selectfield__label {
    top: 24px;
    left: 16px;
    width: calc(100% - 16px);
  }
  .product-details .product-details__action-share-wrapper {
    display: flex;
    -ms-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%;
  }
  .product-details .product-details__share-options {
    padding: 16px;
  }
  .product-details .product-details__share-options > span {
    line-height: 32px;
  }
  .product-details .product-details__share-options > ul {
    float: right;
  }
  .product-details .product-details__action {
    text-align: center;
    padding: 32px 16px 16px 16px;
  }
  .product-details .share-icon {
    width: 32px;
    height: 32px;
  }
  .product-details .share-icon i {
    font-size: 19px;
    line-height: 32px;
  }
  .product-details .mdl-tabs {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
  }
  .product-details .mdl-tabs .mdl-tabs__panel {
    padding: 0 16px 16px 16px;
  }
  .product-details .mdl-tabs .mdl-tabs__panel.is-active + .mdl-tabs__tab-mobile {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
  }
  .product-details .mdl-tabs .mdl-tabs__tab-mobile {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    text-transform: none;
    width: 100%;
    height: auto;
    box-shadow: none;
    display: flex;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.54);
    padding: 16px;
    vertical-align: middle;
    font-size: 16px;
    border: none;
    cursor: pointer;
    background: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    justify-content: space-between;
    font-weight: 400;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    line-height: 24px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .product-details .mdl-tabs .mdl-tabs__tab-mobile:focus {
    outline: none;
  }
  .product-details .mdl-tabs .mdl-tabs__tab-mobile.is-active {
    border-bottom: none;
  }
  .product-details .mdl-tabs .mdl-tabs__tab-mobile.is-active .material-icons {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .product-details .mdl-tabs .mdl-tabs__tab-mobile > span {
    display: block;
    flex: auto;
    text-align: left;
  }
  .product-details .mdl-tabs .material-icons {
    flex-basis: 24px;
    color: rgba(0, 0, 0, 0.54);
  }
  .product-details .mdl-tabs .mdl-tabs__tab-bar {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  .product-details .product-details__sugestions {
    padding: 0;
    padding-left: 10px;
  }
  .product-details .product-details__sugestions .product-list-carousel .product-list__content:before {
    content: none;
  }
}
@media screen and (max-width: 350px) {
  .product-details .product-details__sugestions {
    padding-right: 10px;
  }
}
.business-model-dialog {
  width: 756px;
}
.business-model-dialog .mdl-dialog__content {
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  justify-content: center;
  box-sizing: border-box;
}
.business-model-dialog .mdl-dialog__content p {
  margin: 0;
}
.business-model-dialog .mdl-dialog__content .mdl-button {
  margin: 8px;
}
@media screen and (max-width:  796px ) {
  .business-model-dialog {
    position: fixed;
    top: 0 !important;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .business-model-dialog .mdl-dialog__title {
    padding: 16px 26px 16px 75px;
    border-radius: 0;
  }
  .business-model-dialog.mdl-dialog--primary .mdl-dialog__title {
    background: #C02031;
    background-size: 100%;
  }
  .business-model-dialog.mdl-dialog--secondary .mdl-dialog__title {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.54);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background-size: 100%;
  }
  .business-model-dialog.mdl-dialog--secondary .mdl-dialog__close .mdl-button {
    background: #ffffff;
  }
  .business-model-dialog.mdl-dialog--secondary .mdl-dialog__close .material-icons {
    color: rgba(255, 255, 255, 0.87);
  }
  .business-model-dialog .mdl-dialog__content {
    padding: 24px 16px 12px;
    flex-grow: 1;
    flex-shrink: 0;
    height: calc(100% - 145px);
    max-height: calc(100% - 145px);
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
  }
  .business-model-dialog.mdl-dialog--no-action .mdl-dialog__content {
    height: calc(100% - 65px);
    max-height: calc(100% - 65px);
  }
  .business-model-dialog.mdl-dialog--form-dialog .mdl-dialog__content {
    padding-top: 6px;
    padding-left: 0;
    padding-right: 0;
  }
  .business-model-dialog .mdl-dialog__close {
    left: 12px;
  }
  .business-model-dialog .mdl-dialog__close__desktop-icon {
    display: none;
  }
  .business-model-dialog .mdl-dialog__close__mobile-icon {
    display: block;
    color: rgba(255, 255, 255, 0.87);
  }
  .business-model-dialog .mdl-dialog__title {
    padding: 16px 26px 16px 75px;
    border-radius: 0;
  }
  .business-model-dialog.mdl-dialog--primary .mdl-dialog__title {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.54);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background-size: 100%;
    margin-bottom: 6px;
    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);
  }
  .business-model-dialog.mdl-dialog--primary .mdl-dialog__close .material-icons {
    color: #C02031;
  }
  .business-model-dialog .mdl-dialog__content {
    flex-wrap: wrap;
  }
}
.business-model-dialog .mdl-button--primary {
  color: #C02031;
}
.business-model-dialog__section {
  display: block;
  width: 175px;
  margin-left: 24px;
  flex-shrink: 0;
}
.business-model-dialog__section .business-model-dialog__section__content {
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  padding-top: 16px;
  padding-bottom: 16px;
}
@media screen and (min-width:  795px ) {
  .business-model-dialog__section--business-model {
    display: block;
    flex-grow: 1;
    flex-shrink: initial;
  }
}
.business-model-dialog__section--business-model .business-model-dialog__section__content {
  padding-top: 24px;
  padding-bottom: 24px;
}
.business-model-dialog__title {
  color: #C02031;
  font-size: 16px;
  line-height: 21px;
  padding-bottom: 24px;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.business-model-dialog__model-title {
  font-size: 16px;
  line-height: 21px;
  color: rgba(0, 0, 0, 0.87);
}
.business-model-dialog__profitability {
  font-size: 14px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.54);
}
.business-model-dialog__profitability .business-model-dialog__profitability--percentage {
  color: #C02031;
}
.business-model-dialog__text--retrieve-local {
  font-size: 14px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 500;
  padding-top: 20px;
}
.business-model-dialog__text {
  font-size: 14px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.54);
}
.business-model-dialog__image-container {
  display: block;
  width: 100px;
  position: relative;
}
.business-model-dialog__image-container img {
  max-width: 100%;
}
.business-model-dialog__cycle {
  display: block;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  margin-left: 10px;
}
.business-model-dialog__cycle .business-model-dialog__cycle__text {
  margin-bottom: 10px;
}
.business-model-dialog__cycle .business-model-dialog__cycle__label {
  font-size: 14px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.54);
}
.business-model-dialog__cycle .business-model-dialog__cycle__text {
  font-size: 14px;
  line-height: 19px;
  color: #C02031;
}
.business-model-dialog__buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media screen and (max-width:  796px ) {
  .business-model-dialog__section,
  .business-model-dialog__section--business-model {
    width: 100%;
    margin: 0;
  }
  .business-model-dialog__section .business-model-dialog__section__content {
    flex-direction: column-reverse;
    align-items: center;
  }
  .business-model-dialog__image-container {
    width: 200px;
  }
  .business-model-dialog__cycle {
    width: 200px;
    margin: 0;
  }
  .business-model-dialog__cycle .business-model-dialog__cycle__text {
    display: inline-block;
  }
  .business-model-dialog__cycle .business-model-dialog__cycle__text:last-child {
    float: right;
  }
}
.products-favorites {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 600px) {
  .products-favorites .products-favorites__content {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.products-favorites__header {
  position: relative;
  border-bottom: 1px solid #EBEBEB;
}
.products-favorites__header .products-favorites__header__content {
  width: 288%;
  max-width: 100%;
  margin: 0 auto;
  padding: 16px 24px 0 24px;
  display: flex;
  justify-content: space-between;
  vertical-align: middle;
  height: 55px;
  box-sizing: border-box;
}
.products-favorites__header .breadcrumb {
  flex: 1;
}
.products-favorites__header .products-favorites__uncheck-all {
  margin-right: 30px;
}
.products-favorites__header .products-favorites__uncheck-all .mdl-checkbox__label {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.87);
}
.products-favorites__header .products-favorites__quantity {
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 0;
  font-weight: 500;
  vertical-align: middle;
}
.products-favorites__header .products-favorites__sort-field {
  width: 144px;
  margin-top: -21px;
  z-index: 50;
  box-sizing: border-box;
}
@media screen and (max-width: 839px) {
  .products-favorites__header {
    flex-direction: column;
  }
  .products-favorites__header .breadcrumb {
    display: none;
  }
  .products-favorites__header .products-favorites__quantity {
    display: none;
  }
  .products-favorites__header .products-favorites__sort-field {
    clear: both;
    order: 1;
  }
  .products-favorites__header .products-favorites__uncheck-all {
    order: 2;
    margin-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .products-favorites__header {
    border-bottom: none;
  }
  .products-favorites__header .products-favorites__header__content {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (max-width: 340px) {
  .products-favorites__header .products-favorites__sort-field {
    max-width: 40%;
  }
}
.products-favorites__content {
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex: auto;
  -webkit-flex: auto;
  flex: auto;
}
.products-favorites__content .banner-carousel {
  margin-top: 14px;
}
.products-favorites__list {
  width: 1024px;
  position: relative;
  margin: 0 auto;
}
.products-favorites__list .product-list-default {
  margin-bottom: 24px;
}
.products-favorites__list .product-list-default .product-list__content {
  padding: 0;
  margin: 0 -10px;
}
.products-favorites__list .product-list__title {
  display: none;
}
.products-favorites__list .product-card {
  width: calc(20% - 10px);
  margin-left: 5px;
  margin-right: 5px;
}
.products-favorites__list .product-card:nth-of-type(1),
.products-favorites__list .product-card:nth-of-type(2),
.products-favorites__list .product-card:nth-of-type(3),
.products-favorites__list .product-card:nth-of-type(4),
.products-favorites__list .product-card:nth-of-type(5) {
  margin-top: 15px;
}
@media screen and (max-width: 1220px) {
  .products-favorites__list {
    width: 100%;
    padding: 0 20px;
  }
}
@media screen and (max-width: 1000px) {
  .products-favorites__list .product-card {
    width: calc(25% - 10px);
  }
  .products-favorites__list .product-card:nth-of-type(5) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 839px) {
  .products-favorites__list {
    width: 100%;
  }
  .products-favorites__list .products-favorites__selected-filters {
    margin: 0 6px;
  }
  .products-favorites__list .products-favorites__clear-selected-filters {
    display: block;
    margin: 10px 0 6px 0;
  }
  .products-favorites__list .product-card {
    width: calc(33.33333% - 10px);
  }
  .products-favorites__list .product-card:nth-of-type(n+1) {
    margin-top: 10px;
  }
  .products-favorites__list:before {
    content: none;
  }
}
@media screen and (max-width: 600px) {
  .products-favorites__list {
    padding: 0;
  }
  .products-favorites__list .product-card {
    width: calc(50% - 6px);
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 10px;
  }
  .products-favorites__list .product-list__content {
    padding: 0;
    margin: 0;
  }
}
@media screen and (max-width:  680px ) {
  .order-detail-dialog.mdl-dialog.mdl-dialog--lg.mdl-dialog--no-action .mdl-dialog__content {
    height: calc(100% - 65px);
    max-height: calc(100% - 65px);
  }
}
.order-payment-details-dialog .dialog__section:last-of-type {
  border-bottom: none;
}
.location-dialog {
  width: 615px;
}
.location-dialog .mdl-dialog__title {
  color: rgba(255, 255, 255, 0.87);
  background: #C02031;
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 34px;
  line-height: 45px;
  font-weight: normal;
  padding: 24px 50px 16px 26px !important;
}
.location-dialog .mdl-dialog__title .material-icons {
  font-size: 60px;
  float: left;
  margin-left: -12px;
  margin-right: 20px;
  color: #17C0A6;
}
.location-dialog .mdl-dialog__title small {
  opacity: 1;
  color: rgba(255, 255, 255, 0.87);
  font-weight: normal;
  display: block;
  font-size: 16px;
  line-height: 21px;
}
.location-dialog .location-dialog__actions {
  margin-top: 24px;
  margin-bottom: 14px;
  text-align: center;
}
.location-dialog .mdl-dialog__close .mdl-button {
  color: rgba(255, 255, 255, 0.54);
}
.location-dialog .mdl-dialog__content {
  overflow: inherit;
}
.location-dialog .location-dialog__subtitle {
  font-size: 20px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 500;
}
.location-dialog .location-dialog__content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.location-dialog .location-dialog__content > .mdl-button {
  margin-top: 10px;
}
.location-dialog .location-dialog__options {
  width: 70%;
  float: left;
  display: flex;
}
.location-dialog .location-dialog__options > div {
  width: 50%;
  float: left;
  margin-left: 6px;
  margin-right: 6px;
}
.location-dialog .location-dialog__options > div:first-of-type {
  margin-left: 0;
}
.location-dialog .location-dialog__options > div:last-of-type {
  margin-right: 0;
}
@media screen and (max-width:  680px ) {
  .location-dialog .mdl-dialog__title {
    padding: 90px 50px 16px 26px !important;
    max-height: 72px;
    background: #C02031;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .location-dialog .mdl-dialog__close {
    text-align: right;
    left: unset !important;
    top: 16px;
    right: 17px;
  }
  .location-dialog .location-dialog__content {
    display: block;
    text-align: center;
  }
  .location-dialog .location-dialog__content > .mdl-button {
    margin-top: 24px;
  }
  .location-dialog .location-dialog__content .mdl-selectfield {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 180px;
  }
  .location-dialog .location-dialog__content .mdl-selectfield:first-of-type {
    margin-left: auto;
  }
  .location-dialog .location-dialog__content .mdl-selectfield:last-of-type {
    margin-right: auto;
  }
  .location-dialog .mdl-dialog__content {
    overflow-y: auto;
    height: calc(100% - 232px) !important;
    max-height: calc(100% - 232px) !important;
    padding: 24px !important;
  }
  .location-dialog .location-dialog__options {
    display: block;
    width: 100%;
    text-align: center;
  }
  .location-dialog .location-dialog__options > div {
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    width: 100%;
    display: inline-block;
    float: none;
  }
}
@media screen and (max-width:  680px ) and (orientation: landscape) {
  .location-dialog .mdl-dialog__title {
    padding: 10px 50px 10px 26px !important;
    max-height: 72px;
  }
  .location-dialog .mdl-dialog__close {
    text-align: right;
  }
  .location-dialog .mdl-dialog__content {
    height: calc(100% - 146px) !important;
    max-height: calc(100% - 146px) !important;
  }
}
.email-share {
  pointer-events: fill;
  z-index: 99;
  width: 450px;
  position: absolute;
  background: #ffffff;
  left: -26px;
  top: 31px;
  box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.5), 0 -5px 24px 0 rgba(0, 0, 0, 0.1);
  display: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.email-share.is-active {
  display: block;
}
.email-share:before {
  content: ' ';
  display: block;
  vertical-align: middle;
  position: absolute;
  top: -10px;
  left: 28px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
}
.email-share.email-share--top {
  top: auto;
  bottom: 31px;
}
.email-share.email-share--top:before {
  top: auto;
  bottom: -9px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 0px;
  border-top: 10px solid #ffffff;
}
@media screen and (max-width: 700px) {
  .email-share {
    position: fixed;
    bottom: auto!important;
    max-width: calc(100% - 40px);
    top: calc(50% + 20px) !important;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .email-share:before {
    content: none;
  }
}
.mdl-dialog .email-share {
  left: 44px;
  top: auto;
  margin-top: 10px;
}
@media screen and (max-width: 700px) {
  .mdl-dialog .email-share {
    left: 50%;
    top: auto;
    margin-top: 0px;
  }
}
.email-share__title {
  padding: 16px 24px;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  margin: 0;
  color: #C02031;
  position: relative;
  z-index: 1;
}
.email-share__title.email-share__title--mobile {
  display: none;
}
@media screen and (max-width: 700px) {
  .email-share__title {
    padding: 16px;
  }
  .email-share__title.email-share__title--desktop {
    display: none;
  }
  .email-share__title.email-share__title--mobile {
    display: block;
  }
}
.email-share__close {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 17px;
}
.email-share__close a {
  cursor: pointer;
}
@media screen and (max-width: 700px) {
  .email-share__close {
    right: 10px;
  }
}
.email-share__product {
  padding: 0 24px;
}
.email-share__product .email-share__product__img {
  width: 80px;
  float: left;
}
.email-share__product .email-share__product__img img {
  width: 100%;
}
.email-share__product .email-share__product__content {
  float: right;
  width: calc(100% - 90px);
  margin-left: 10px;
}
.email-share__product .email-share__product__name {
  margin: 0;
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
}
.email-share__product .email-share__product__code {
  margin: 0;
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
}
.email-share__product .email-share__product__price {
  margin: 0;
  color: #17C0A6;
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
}
@media screen and (max-width: 700px) {
  .email-share__product {
    padding: 0 16px;
  }
  .email-share__product .email-share__product__img {
    width: 50px;
  }
  .email-share__product .email-share__product__content {
    width: calc(100% - 60px);
  }
}
.email-share__form {
  clear: both;
  padding: 16px 24px 0 24px;
}
.email-share__form legend {
  font-size: 14px;
  line-height: 19px;
}
.email-share__form ::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
.email-share__form ::-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
.email-share__form :-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
.email-share__form :-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 700px) {
  .email-share__form {
    padding: 5px 16px 0 16px;
  }
}
.email-share__textarea {
  border: 2px solid rgba(0, 0, 0, 0.12);
  margin-bottom: 14px;
  z-index: 5;
  transition: 0.2s border-color ease-in-out;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.email-share__textarea.is-focused {
  border-color: #C02031;
}
.email-share__textarea.has-content {
  border-color: #C02031;
}
.email-share__textarea.is-invalid {
  border-color: #FF4C61;
}
.email-share__textarea label {
  margin: 18px 18px 5px 18px;
  font-size: 12px;
  line-height: 16px;
  display: block;
  cursor: text;
}
.email-share__textarea textarea {
  resize: none;
  width: 100%;
  height: 80px;
  outline: none;
  border: none;
  padding: 0 18px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 21px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 500;
}
.email-share__textarea textarea:focused {
  outline: none;
}
.email-share__actions {
  display: flex;
  margin-bottom: 24px;
}
.email-share__actions .mdl-button {
  min-width: 141px;
}
.email-share__actions .email-share__actions__button {
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  text-align: right;
}
@media screen and (max-width: 700px) {
  .email-share__actions {
    display: block;
  }
  .email-share__actions .mdl-button {
    margin-top: 16px;
    display: block;
    margin: 24px auto 0 auto;
  }
}
@media screen and (max-width: 359px) {
  .email-share__actions .mdl-checkbox .mdl-checkbox__label {
    font-size: 13px;
  }
}
.payment-plans-dialog {
  width: 577px;
}
.payment-plans-dialog .mdl-tabs__tab {
  width: 214px;
}
@media screen and (min-width: 480px) {
  .payment-plans-dialog .mdl-tabs__tab:nth-of-type(odd) {
    margin-right: 12px;
  }
  .payment-plans-dialog .mdl-tabs__tab:nth-of-type(even) {
    margin-left: 12px;
  }
}
@media screen and (max-width: 479px) {
  .payment-plans-dialog .mdl-tabs__tab {
    width: 50%;
  }
}
.payment-plans-dialog .mdl-tabs__panel {
  padding: 0;
}
.payment-plans-dialog .payment-plans-dialog__label {
  font-size: 14px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.54);
  padding: 0 24px;
}
.payment-plans-dialog .payment-plans-dialog__select-wrapper {
  padding: 16px 24px 0 24px;
}
.payment-plans-dialog .payment-plans-dialog__select-wrapper li {
  padding-bottom: 10px;
}
.payment-plans-dialog .expansive-area__toggle + .expansive-area .payment-plans-dialog__select-wrapper:first-child {
  padding-top: 0;
}
.payment-plans-dialog .mdl-selectfield {
  display: none;
}
.payment-plans-dialog .mdl-dialog__actions {
  padding: 24px;
}
@media screen and (max-width: 479px) {
  .payment-plans-dialog .payment-plans-dialog__label {
    padding: 0 16px;
  }
  .payment-plans-dialog .payment-select {
    display: none;
  }
  .payment-plans-dialog .mdl-selectfield {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  .payment-plans-dialog .mdl-dialog__actions {
    display: none;
  }
}
.mdl-dialog.link-facebook-dialog {
  width: 750px;
}
.mdl-dialog.link-facebook-dialog .mdl-dialog__content {
  padding-left: 0;
  padding-right: 0;
}
.mdl-dialog.link-facebook-dialog.link-facebook-dialog--disabled-register {
  width: 375px;
}
.mdl-dialog.link-facebook-dialog.link-facebook-dialog--disabled-register .login__form {
  width: 100%;
}
.mdl-dialog.link-facebook-dialog.link-facebook-dialog--disabled-register .login__form .login__form__title {
  display: none;
}
@media screen and (max-width: 839px) {
  .mdl-dialog.link-facebook-dialog.link-facebook-dialog--disabled-register {
    width: 100%;
  }
}
@media screen and (max-width: 839px) {
  .link-facebook-dialog .login__form p {
    color: rgba(0, 0, 0, 0.54);
  }
  .link-facebook-dialog .login__form a {
    color: rgba(0, 0, 0, 0.54);
  }
  .link-facebook-dialog .login__form + .login__form {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.link-facebook-dialog__title {
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: 16px;
  color: #C02031;
  padding-left: 24px;
  padding-right: 24px;
}
.link-facebook-dialog__description {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  padding-left: 24px;
  padding-right: 24px;
}
.mdl-dialog--confirm.facebook-replace-dialog {
  width: 480px;
}
.mdl-dialog--confirm.facebook-replace-dialog .mdl-dialog__actions {
  flex-direction: row;
  justify-content: flex-end;
}
@media (max-width: 450px) {
  .mdl-dialog--confirm.facebook-replace-dialog .mdl-dialog__content {
    height: calc(100% - 145px);
    max-height: calc(100% - 145px);
  }
  .mdl-dialog--confirm.facebook-replace-dialog .mdl-dialog__actions .mdl-button {
    margin-right: 0;
  }
}
.page-error {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: white;
  overflow: visible;
}
.page-error .error404-desktop img {
  width: 100%;
}
.page-error .error404-desktop a {
  position: absolute;
  top: 85%;
  left: 0px;
  margin: 0 auto;
  left: calc(50% - 90px);
  z-index: 1;
  background: #17C0A6;
  border-color: #17C0A6;
}
.page-error .error404-mobile {
  padding-top: 90px;
}
.page-error .error404-mobile img {
  width: 100%;
  max-width: 360px;
}
.page-error .error404-mobile a {
  position: absolute;
  top: 85%;
  left: 0px;
  margin: 0 auto;
  left: calc(50% - 90px);
  z-index: 1;
  background: #17C0A6;
  border-color: #17C0A6;
}
@media screen and (min-width: 840px) {
  .page-error .error404-desktop {
    display: block;
  }
  .page-error .error404-mobile {
    display: none;
  }
}
@media screen and (max-width: 839px) and (min-width: 480px) {
  .page-error .error404-desktop {
    display: none;
  }
  .page-error .error404-mobile {
    display: block;
  }
}
@media screen and (max-width: 479px) {
  .page-error .error404-desktop {
    display: none;
  }
  .page-error .error404-mobile {
    display: block;
  }
}
.register-seller-dialog {
  height: 90%;
}
@media screen and (max-width:  680px ) {
  .register-seller-dialog {
    height: 100%;
  }
}
.register-indirect-sales-customer-dialog {
  transition: height 0.3s;
  max-height: 100%;
  height: 515px;
  max-width: 90%;
  width: 850px;
  position: relative;
}
@media screen and (max-width:  680px ) {
  .register-indirect-sales-customer-dialog {
    height: 100%;
    max-width: 100%;
    height: 100% !important;
    position: fixed;
  }
}
.register-indirect-sales-customer-dialog .mdl-dialog__title {
  position: relative;
  z-index: 2;
}
.register-indirect-sales-customer-dialog .mdl-dialog__close {
  z-index: 3;
}
.register-indirect-sales-customer-dialog .loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  z-index: 1;
  display: none;
}
.register-indirect-sales-customer-dialog .loader.is-active {
  display: block;
}
.register-indirect-sales-customer-dialog .loader .mdl-spinner-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.register-indirect-sales-customer-dialog .loader .mdl-spinner__circle {
  border-width: 5px;
}
.register-indirect-sales-customer-dialog .loader .mdl-spinner {
  width: 60px;
  height: 60px;
}
.register-indirect-sales-customer-dialog .loader .mdl-spinner__layer-1,
.register-indirect-sales-customer-dialog .loader .mdl-spinner__layer-2,
.register-indirect-sales-customer-dialog .loader .mdl-spinner__layer-3,
.register-indirect-sales-customer-dialog .loader .mdl-spinner__layer-4 {
  border-color: #C02031;
}
.my-seller-info {
  display: none;
  width: 100%;
  flex-direction: column;
  align-items: center;
  position: absolute;
  background: #FFFAEE;
  z-index: 2;
  box-sizing: border-box;
  box-shadow: 0 22px 10px 0 rgba(0, 0, 0, 0.1);
}
.my-seller-info.is-active {
  display: flex;
}
.my-seller-info .my-seller-info__content {
  display: block;
  position: relative;
  width: 834px;
  max-width: 100%;
  padding: 30px 0;
  box-sizing: border-box;
}
.my-seller-info .my-seller-info__close-button {
  display: block;
  position: absolute;
  color: rgba(0, 0, 0, 0.38);
  margin: 0;
  text-transform: capitalize;
  box-shadow: none;
  padding: 0 8px;
  right: 16px;
  top: 16px;
  z-index: 1;
}
.my-seller-info .my-seller-info__close-button .material-icons {
  color: #C02031;
  margin-left: 10px;
}
.my-seller-info .my-seller-info__title {
  padding: 0 30px;
  color: #C02031;
  font-size: 20px;
  line-height: 26px;
  font-weight: bold;
  margin: 0;
}
.my-seller-info .my-seller-info__seller-wrapper {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  padding: 16px 0 10px;
}
.my-seller-info .my-seller-info__seller {
  display: flex;
  padding: 0 30px;
  width: 60%;
  box-sizing: border-box;
}
.my-seller-info .my-seller-info__seller .my-seller-info__seller__thumb {
  display: block;
  position: relative;
  border: 14px solid #F3EEE0;
  border-radius: 50%;
  overflow: hidden;
  width: 148px;
  height: 148px;
  flex-grow: 0;
  box-sizing: border-box;
}
.my-seller-info .my-seller-info__seller .my-seller-info__seller__thumb img {
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  height: 100%;
  max-height: 100%;
  min-height: 100%;
}
.my-seller-info .my-seller-info__seller .my-seller-info__seller__data {
  display: block;
  padding: 15px 0 14px 16px;
  flex-grow: 1;
  width: calc(100% - 164px);
}
.my-seller-info .my-seller-info__seller .my-seller-info__seller__intro-text {
  font-size: 16px;
  line-height: 21px;
  color: rgba(0, 0, 0, 0.38);
  margin: 0;
}
.my-seller-info .my-seller-info__seller .my-seller-info__seller__name {
  font-size: 30px;
  line-height: 41px;
  font-weight: bold;
  color: #47BCB0;
  margin: 0;
}
.my-seller-info .my-seller-info__seller .my-seller-info__seller__text {
  font-size: 14px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.38);
  margin: 0;
}
.my-seller-info .my-seller-info__contact {
  display: flex;
  position: relative;
  flex-flow: row wrap;
  padding: 16px 30px;
  align-content: center;
  width: 40%;
  box-sizing: border-box;
}
.my-seller-info .my-seller-info__contact:before {
  content: "";
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  width: 1px;
  height: 120px;
  left: 0;
}
.my-seller-info .my-seller-info__contact .my-seller-info__contact__email,
.my-seller-info .my-seller-info__contact .my-seller-info__contact__phone {
  display: block;
  font-size: 14px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.38);
  width: 100%;
}
.my-seller-info .my-seller-info__contact .my-seller-info__contact__email .material-icons,
.my-seller-info .my-seller-info__contact .my-seller-info__contact__phone .material-icons {
  display: inline-block;
  margin-right: 12px;
  vertical-align: middle;
}
.my-seller-info .my-seller-info__contact .my-seller-info__contact__email span,
.my-seller-info .my-seller-info__contact .my-seller-info__contact__phone span {
  display: inline-block;
}
.my-seller-info .my-seller-info__contact .my-seller-info__contact__email .material-icons {
  color: #C02031;
}
.my-seller-info .my-seller-info__contact .my-seller-info__contact__phone .material-icons {
  color: #47BCB0;
}
.my-seller-info .my-seller-info__social {
  display: block;
  position: relative;
  width: 100%;
  padding: 18px 16px 0;
  box-sizing: border-box;
}
.my-seller-info .my-seller-info__social .my-seller-info__social__text {
  display: inline-block;
  font-size: 14px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.38);
  margin-right: 16px;
}
.my-seller-info .my-seller-info__social .share-icon {
  margin-right: 8px;
}
.my-seller-info .my-seller-info__social .share-icon:last-of-type {
  margin-right: 0;
}
@media screen and (max-width: 839px) {
  .my-seller-info .my-seller-info__content {
    width: 500px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .my-seller-info .my-seller-info__title {
    padding-left: 0;
    padding-right: 0;
  }
  .my-seller-info .my-seller-info__seller {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    order: 1;
  }
  .my-seller-info .my-seller-info__contact {
    width: calc(100% - 150px);
    padding-left: 16px;
    padding-right: 0;
    order: 3;
    margin-left: auto;
  }
  .my-seller-info .my-seller-info__contact:before {
    content: none;
  }
  .my-seller-info .my-seller-info__social {
    padding-left: 0;
    order: 2;
    padding-right: 0;
    text-align: center;
    width: 148px;
    flex-grow: 0;
  }
  .my-seller-info .my-seller-info__social .my-seller-info__social__text {
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 479px) {
  .my-seller-info .my-seller-info__content {
    padding-left: 8px;
    padding-right: 8px;
  }
  .my-seller-info .my-seller-info__seller .my-seller-info__seller__thumb {
    width: 128px;
    height: 128px;
  }
  .my-seller-info .my-seller-info__seller .my-seller-info__seller__name {
    font-size: 26px;
    line-height: 37px;
  }
  .my-seller-info .my-seller-info__seller .my-seller-info__seller__data {
    width: calc(100% - 144px);
  }
  .my-seller-info .my-seller-info__contact {
    width: calc(100% - 130px);
  }
  .my-seller-info .my-seller-info__social {
    width: 128px;
  }
}
.change-password .mdl-dialog__content {
  overflow: visible;
}
.change-password > form {
  height: 100%;
}
.order-credit-card-dialog {
  /*
animation:*/
}
@media screen and (max-width:  680px ) {
  .order-credit-card-dialog.mdl-dialog.mdl-dialog--lg.mdl-dialog--no-action .mdl-dialog__content {
    /*  height: ~"calc(100% - 65px)";
            max-height: ~"calc(100% - 65px)";*/
  }
}
.order-credit-card-dialog .mdl-dialog__content {
  background: #FAFAFA;
  min-height: calc(100% - 10px);
  padding: 15px 70px 15px 99px !important;
}
@media screen and (max-width:  680px ) {
  .order-credit-card-dialog .mdl-dialog__content {
    padding: 15px 32px 15px 36px !important;
  }
}
.order-credit-card-dialog .mdl-dialog__content--repeat-content {
  margin-bottom: 0px;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row {
  padding-top: 5px;
  padding-bottom: 5px;
  max-height: 74px;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--name-plan {
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 17px;
  border-bottom: 1px solid red;
  padding-bottom: 5px;
  margin-bottom: 14px;
  width: 100%;
  margin-bottom: 15px;
}
@media screen and (max-width:  680px ) {
  .order-credit-card-dialog .mdl-dialog__content .dialog__row--name-plan p {
    padding-left: 10px;
  }
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--name-plan .icon-plan {
  height: 17px;
  color: red;
  padding-bottom: 3px;
  min-height: 17px;
  min-width: 17px;
  width: 17px;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row .dialog__row__title--input {
  font-size: 12px;
  padding-left: 1px;
  font-weight: 500;
  text-transform: uppercase;
  color: #485059;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row .dialog__row__title--content {
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 16px;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row .dialog__row__input--outline {
  margin: 0px;
  padding-top: 1px;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row .dialog__row__input--outline input {
  border: 1px solid #C02031;
  border-radius: 3px;
  height: 30px;
  background: #ffffff;
  padding-left: 13px;
  width: 100%;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row .dialog__row__input--outline input:focus {
  outline: none;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row .dialog__row__input--outline.md-input-invalid input {
  border: 1px solid red;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row .dialog__row__input--outline.is-invalid input {
  border: 1px solid red;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row .dialog__row__input--line {
  margin: 0px;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row .dialog__row__input--line input {
  border-bottom: 1px solid #1708e0;
  height: 30px;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row .dialog__row__input--valor-total {
  margin: 0px;
  margin-top: 0px;
  margin-top: 5px;
  background: #f1f3f6;
  padding: 8px;
  padding-left: 8px;
  border-radius: 3px;
  padding-left: 19px;
  font-weight: 500;
  font-size: 18px;
  min-height: 19px;
  border: 1px solid #dbdbdb;
  max-width: 198px;
  color: black;
}
@media screen and (max-width:  680px ) {
  .order-credit-card-dialog .mdl-dialog__content .dialog__row .dialog__row__input--valor-total {
    width: 87%;
    max-width: 100%;
  }
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--checkbox-user-card {
  color: blue;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--checkbox-user-card input[type=checkbox] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  outline: none;
  content: none;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--checkbox-user-card input[type=checkbox]:before {
  font-family: "Material Icons";
  content: "check";
  font-size: 12px;
  color: transparent !important;
  background: blue;
  display: block;
  width: 12px;
  height: 12px;
  border: 2px solid blue;
  margin-right: 7px;
  border-radius: 1px;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--checkbox-user-card input[type=checkbox]:checked:before {
  color: blue !important;
  font-weight: 600;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--erro-store {
  border: 1px solid blue;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 26px;
  height: auto;
  border-radius: 9px;
  background: blue;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--erro-store .msg-error {
  color: red;
  font-size: 15px;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--erro-store .icon-error {
  color: red;
  height: 10px;
  width: 10px;
  font-size: 19px;
  text-align: center;
  padding-top: 2px;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--data-people {
  margin-bottom: 25px;
  margin-top: 26px;
}
@media screen and (max-width:  680px ) {
  .order-credit-card-dialog .mdl-dialog__content .dialog__row--data-people {
    margin-bottom: 29px;
  }
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--data-people label {
  color: black;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--data-card {
  margin-bottom: -10px;
  margin-top: 5px;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--data-card label {
  color: black;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--save-card {
  padding-bottom: 28px;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--value-total {
  margin-bottom: 20px;
}
@media blue {
  .order-credit-card-dialog .mdl-dialog__content .dialog__row--value-total {
    margin-top: 35px;
  }
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--value-total--input-mdselect {
  width: 100%;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--value-total--input-mdselect .md-select-installmentSelect {
  border-bottom: 1px solid blue;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--value-total .dialog__row__title {
  font-size: 15px;
  font-weight: 500;
  color: black;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--value-total .dialog__row__title--content {
  color: black;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--info {
  padding-bottom: 14px;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--info .dialog__row__title--info {
  font-size: 11px;
  font-weight: 600;
  color: black;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: -65px;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--info .dialog__row__title--info md-icon {
  font-size: 19px;
  padding-top: 3px;
  color: black;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--info .dialog__row__title--info span {
  margin-top: 4px;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--btn-next {
  padding-top: 15px;
  text-align: end;
}
@media screen and (max-width:  680px ) {
  .order-credit-card-dialog .mdl-dialog__content .dialog__row--btn-next {
    padding-top: 115px;
  }
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--btn-next button {
  background: #25e0c1 !important;
  color: black !important;
  margin: 0;
  border: none;
  border-radius: 3px;
}
.order-credit-card-dialog .mdl-dialog__content .dialog__row--btn-next span {
  font-size: 13px;
  padding: 5px;
}
.order-credit-card-dialog .mdl-dialog__content .input--number-card input {
  width: 75%;
}
.order-credit-card-dialog .mdl-dialog__content .input--name input {
  width: 50%;
}
.order-credit-card-dialog .mdl-dialog__content .input--date {
  display: inline-flex;
  gap: 15px;
}
.order-credit-card-dialog .mdl-dialog__content .input--date input[name="date"] {
  width: 88%;
}
.order-credit-card-dialog .mdl-dialog__content .input--date input[name="cvv"] {
  width: 50%;
}
.order-credit-card-dialog .mdl-dialog__content .input--total #credit_card_installment:focus {
  outline: none;
}
.order-credit-card-dialog .mdl-dialog__content .input--total .input-select {
  margin-top: 19px;
}
@media screen and (max-width:  680px ) {
  .order-credit-card-dialog .mdl-dialog__content .input--total .input-select {
    margin-top: 42px;
  }
}
.order-credit-card-dialog .md-select-installmentSelect {
  height: 41px;
  min-width: 100%;
}
.order-credit-card-dialog .color-primary {
  color: black;
}
.order-credit-card-dialog .color-error {
  color: red !important;
}
.order-credit-card-dialog .color-borde-error {
  border-color: red !important;
}
.order-credit-card-dialog .icon-card-credit {
  border: 1px solid red;
  height: 33px;
  margin-top: 21px;
  margin-left: 5px;
  padding-left: 2px;
  border-radius: 3px;
  text-align: center;
}
.order-credit-card-dialog .icon-card-credit md-icon {
  width: 50px;
  padding-top: 4px;
}
.order-credit-card-dialog .icon-card-credit img {
  padding: 4px;
}
.order-credit-card-dialog .slideDown.ng-hide {
  height: 0;
  transition: height 0.5s ease;
  overflow: hidden;
  position: relative;
}
.order-credit-card-dialog .slideDown {
  height: 510px;
  transition: height 0.5s ease;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width:  680px ) {
  .order-credit-card-dialog .slideDown {
    height: 615px;
  }
}
.order-credit-card-dialog .slideDown.ng-hide-remove,
.order-credit-card-dialog .slideDown.ng-hide-add {
  /* remember, the .hg-hide class is added to element
  when the active class is added causing it to appear
  as hidden. Therefore set the styling to display=block
  so that the hide animation is visible */
  display: block !important;
}
.order-credit-card-dialog .slideDown.ng-hide-add {
  animation-name: hide;
  -webkit-animation-name: hide;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-timing-function: ease-in;
  -webkit-animation-timing-function: ease-in;
}
.order-credit-card-dialog .slideDown.ng-hide-remove {
  animation-name: show;
  -webkit-animation-name: show;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
}
.order-credit-card-dialog .mdl-textfield__label {
  font-size: 12px;
}
.order-credit-card-dialog .bandeira {
  background: white;
  height: 40px;
  margin-top: 28px;
  border: 1px solid #C02031;
  border-radius: 3px;
  text-align: -webkit-center;
  display: flex;
  padding: 3px;
  justify-content: center;
  width: 71px;
}
@media screen and (max-width:  680px ) {
  .order-credit-card-dialog .bandeira {
    width: 61px;
  }
}
.order-credit-card-dialog .div-msg-error-store {
  background: #ffdddd;
  height: 34px;
  padding: 7px;
  color: red;
  border-radius: 10px;
  margin-left: -22px;
  text-align: center;
}
.order-credit-card-dialog .mdl-textfield {
  width: 93%;
}
.order-credit-card-dialog .cardNumber-error-msg,
.order-credit-card-dialog .cvv-error {
  width: 200%;
}
@media screen and (max-width:  680px ) {
  .order-credit-card-dialog .cardNumber-error-msg,
  .order-credit-card-dialog .cvv-error {
    width: 135%;
  }
}
@media screen and screen and (max-width:  680px ) {
  .order-credit-card-dialog {
    width: 100%;
  }
}
/* Expansive menu */
/*LOGIN*/
/*MODALES*/
/* Dialog Payment Plans colors */
/*button especific mixin*/
.mdl-button {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}
.login {
  background: none;
}
@media (max-width: 994px) {
  .login .login__content {
    box-shadow: none;
  }
  .login .login__content .mdl-textfield__input {
    color: rgba(0, 0, 0, 0.87);
  }
}
.login .login__content .login__form + .login__form {
  border-color: rgba(0, 0, 0, 0.1);
}
.login .login__content .login__form__link a {
  color: rgba(0, 0, 0, 0.54);
}
.login .login__content input:-webkit-autofill + label {
  font-size: 12px;
  top: 4px;
}
.header {
  background-image: none;
  background-color: #ffffff;
  box-shadow: none;
}
.header .header__seller {
  max-width: 22%;
}
.header .header__seller .header__seller__img-container {
  margin-right: 6px;
}
.header .header__seller .header__seller__title {
  line-height: 12px;
  padding: 7px 0px 0px;
}
.header .header__seller .header__seller__select .material-icons {
  color: rgba(0, 0, 0, 0.54);
}
.header .header__content {
  width: 100%;
}
.header .sub-header {
  background: #eee;
}
@media (max-width: 840px) {
  .header .sub-header {
    display: none;
  }
}
.header .sub-header .header__content {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 50px;
  position: relative;
  justify-content: inherit;
  justify-content: space-between;
}
.header .sub-header .header__seller {
  float: left;
  margin-left: 0px;
}
.header .sub-header .header__seller .header__seller__select {
  font-weight: 500;
}
.header .sub-header .header__seller .user__img {
  display: block;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  flex: 0 0 auto;
  font-size: 0;
  display: inline-block;
}
@media screen and (max-width: 839px) {
  .header .sub-header .header__seller {
    flex-basis: 25%;
    width: 25%;
  }
}
.header .sub-header .header__user {
  float: right;
  position: relative;
}
.header .sub-header .header__seller__img img {
  width: 32px;
  height: 32px;
  background: #303236;
  border-radius: 50%;
}
@media (min-width: 925px) {
  .header .header__content {
    padding: 35px 24px;
  }
}
.header .header__stores .material-icons {
  color: #C02031;
  font-size: 30px;
}
.header .header__stores a {
  color: rgba(255, 255, 255, 0.54);
  font-size: 18px;
}
.header .user__options__menu-link {
  color: rgba(0, 0, 0, 0.54);
}
.header .autocomplete {
  top: 50px;
}
@media (max-width: 994px) and (min-width: 840px) {
  .header .autocomplete {
    top: 30px;
  }
}
.header .header__user .user__options__name {
  line-height: 12px;
  padding: 7px 0px 0px;
}
.header .header__user .user__options__login-register a {
  font-weight: 500;
}
.header .header__user .user__img {
  width: 32px;
  height: 32px;
}
.header .header__user .user__options__menu-link {
  color: rgba(0, 0, 0, 0.87);
  font-weight: 500;
}
.header .header__user .user__options__list-wrapper a {
  color: rgba(255, 255, 255, 0.54);
}
.header .header__location a {
  color: rgba(0, 0, 0, 0.38);
}
@media (max-width: 924px) {
  .header .header__location,
  .header .header__stores {
    width: 32px;
    height: 32px;
  }
  .header .header__location a,
  .header .header__stores a {
    width: 32px;
    height: 32px;
  }
  .header .header__location a i,
  .header .header__stores a i {
    left: 15px;
    font-size: 24px;
  }
}
.header .header-menu-icon .material-icons {
  color: rgba(0, 0, 0, 0.54);
}
.header .cart-detail {
  display: inline-block;
  position: relative;
  top: -2px;
}
.header .cart-detail span {
  text-align: left;
}
@media (max-width: 1070px) {
  .header .cart-detail {
    display: none;
  }
}
.header .header__summary {
  display: inline-block;
  padding: 0 24px 0 0px;
  height: auto;
  max-height: initial;
  text-align: left;
  top: 11px;
  flex-shrink: 0;
}
.header .header__summary .header__summary__main-icon {
  display: none;
}
.header .header__summary .header__summary__primary-data {
  font-size: 19px;
  line-height: 24px;
}
.header .header__summary .header__summary__select-icon {
  right: 0;
  bottom: -3px;
}
.header .header__summary + .my-cart .my-cart__summary {
  display: block;
}
.header .header__summary + .my-cart .my-cart__title {
  display: block;
}
@media (min-width: 925px) {
  .header .header__summary + .my-cart {
    right: -9px;
  }
}
@media (min-width: 480px) and (max-width: 924px) {
  .header .header__summary + .my-cart {
    top: 40px;
    right: -16px;
  }
}
@media screen and (max-width: 479px), screen and (max-height: 479px) {
  .header .header__summary + .my-cart .mobile-toolbar__action-button .material-icons {
    color: rgba(0, 0, 0, 0.54);
  }
}
.header .header__summary + .my-cart.my-cart--has-summary:before {
  border-bottom-color: #EC5F7E;
}
.header .header__summary + .my-cart.my-cart--has-summary .mobile-toolbar__action-button .material-icons {
  color: rgba(255, 255, 255, 0.54);
}
.header .header__summary + .my-cart.my-cart--has-summary .my-cart__title {
  display: none;
}
@media (max-width: 1070px) {
  .header .header__summary {
    display: none;
  }
}
@media screen and (min-width: 840px) {
  .header .header__summary {
    margin: 0 12px 0 0;
  }
}
@media (min-width: 925px) {
  .header .header__icons > .header__icon > .mdl-button--icon {
    width: 48px;
    height: 48px;
  }
  .header .header__icons .header__icon.favorite-class + .header__icon {
    margin-left: 0px;
  }
  .header .header__icons > .header__icon > .mdl-button--icon .material-icons {
    font-size: 34px;
    transform: translate(-18px, -12px);
  }
  .header .header__icons .mdl-button.mdl-button--icon.button-icon-badge:after {
    top: 0px;
    right: 0px;
  }
}
.header .header__icons .my-cart__content--no-item .my-cart__empty-icon .material-icons {
  color: #17C0A6;
  font-size: 65px;
  width: 65px;
  height: 65px;
  transform: none;
}
.header .header__icons .my-cart__total-price__header {
  position: relative;
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
  margin-bottom: 0px;
}
@media (min-width: 925px) {
  .header .header__icons .my-cart__total-price__header {
    font-size: 19px;
  }
}
@media (max-width: 840px) {
  .header .header__icons .my-cart__total-price__header {
    display: none;
  }
}
.header .header__icons .my-cart__title.first {
  float: left;
  position: relative;
  border-bottom: 0px;
  padding: 0px;
  cursor: pointer;
  font-size: 12px;
  margin-top: -2px;
}
.header .header__icons .my-cart__title.first .material-icons {
  line-height: 0px;
  position: relative;
  top: 8px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  transform: none;
}
.header .header__icons .my-cart__title.first .rotate {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media (max-width: 840px) {
  .header .header__icons .my-cart__title.first {
    display: none;
  }
}
.header .header__search {
  flex-basis: 450px;
}
.header .header__search input {
  background: #EBEBEB;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.87);
}
@media (min-width: 925px) {
  .header .header__search input {
    padding: 14px;
  }
}
.header .header__search .mdl-textfield--inverse .mdl-textfield__label {
  color: rgba(0, 0, 0, 0.38);
  padding: 0px 10px;
}
@media (min-width: 925px) {
  .header .header__search .mdl-textfield--inverse .mdl-textfield__label {
    top: 4px;
    padding: 10px 0px 0px 15px;
    font-weight: bold;
    font-size: 18px;
  }
}
@media (min-width: 925px) {
  .header .header__search .mdl-textfield__button {
    top: 8px;
    right: 15px;
  }
}
.header .header__search .mdl-textfield__button .material-icons {
  color: #C02031;
}
@media (min-width: 925px) {
  .header .header__search .mdl-textfield__button .material-icons {
    font-size: 25px;
  }
}
@media screen and (max-width: 839px) {
  .header .search-mobile {
    display: block;
    background: white;
    padding: 10px 8px;
  }
  .header .search-mobile .input-box {
    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);
  }
}
.header .my-seller-info {
  top: 50px;
  z-index: 10;
}
@media (min-width: 925px) {
  .header .header__credit {
    height: auto;
  }
}
@media (max-width: 924px) {
  .header .header__credit {
    padding: 0;
  }
  .header .header__credit .header__credit__data {
    display: none;
  }
  .header .header__credit .header__credit__featured-report--mobile {
    display: block;
  }
  .header .header__credit .header__credit__featured-report--mobile + .header__credit__featured-report {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (min-width: 925px) {
  .header .header__credit .header__credit__button {
    width: 48px;
    height: 48px;
    line-height: 48px;
    top: 3px;
    left: 4px;
  }
  .header .header__credit .header__credit__button .material-icons {
    font-size: 34px;
    width: 34px;
    line-height: 34px;
    transform: translate(-17px, -17px);
  }
}
@media (max-width: 924px) {
  .header .header__credit .header__credit__button {
    position: relative;
    top: initial;
    left: initial;
    font-size: 24px;
  }
}
.header .header__credit .header__credit__value {
  font-size: 19px;
  line-height: 24px;
}
@media (min-width: 600px) and (max-width: 924px) and (min-height: 480px) {
  .header .header__credit .header__credit__reports-wrapper {
    right: -14px;
    top: 46px;
  }
}
@media (min-width: 480px) and (max-width: 599px) and (min-height: 480px) {
  .header .header__credit .header__credit__reports-wrapper {
    right: -126px;
  }
}
.nav-institutional {
  z-index: 1;
}
.nav-institutional a {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.54);
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  text-decoration: none;
  position: relative;
  top: -5px;
}
.nav-institutional > a:hover,
.nav-institutional > div:hover {
  background: #e8e8e8;
}
.nav-institutional > a.active {
  border-bottom: 5px solid #C02031;
  margin-bottom: -5px;
  height: 14px;
}
.nav-institutional .dropdown {
  display: inline-block;
}
.nav-institutional .wrap {
  width: 23.5rem;
  display: block;
  margin: 10rem auto;
}
.nav-institutional .dropdown {
  position: relative;
  display: inline-block;
}
.nav-institutional .dropdown .drop {
  color: rgba(0, 0, 0, 0.54);
}
.nav-institutional .dropdown .drop i {
  color: #C02031;
}
.top-menu {
  width: calc(100% - 670px);
}
@media (max-width: 1000px) {
  .top-menu {
    width: calc(100% - 460px);
  }
}
.navigation-menu {
  background-color: #C02031;
  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);
}
.navigation-menu a,
.navigation-menu p {
  color: rgba(0, 0, 0, 0.38);
}
.navigation-menu .navigation-links a {
  color: rgba(255, 255, 255, 0.87);
}
.navigation-menu .navigation-menu-content {
  width: 100%;
}
.navigation-menu .more ul li a {
  width: 100%;
  text-align: left;
}
.navigation-menu li.more ul li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.navigation-menu .material-icons {
  margin-right: 5px;
}
.navigation-menu .expansive-menu .expansive-menu__title span {
  margin-right: 45px;
  font-size: 18px;
}
@media (max-width: 840px) {
  .navigation-menu .expansive-menu {
    width: 100%;
  }
  .navigation-menu .expansive-menu .expansive-menu__title__arrow {
    display: inline-block !important;
    float: right;
    position: absolute;
    right: 0px;
  }
}
.navigation-menu .navigation-links a {
  font-size: 18px;
  padding: 13px 18px 10px;
}
@media (max-width: 925px) {
  .navigation-menu .navigation-links a {
    font-size: 14px !important;
  }
}
.navigation-menu .navigation-links a .material-icons:first-of-type {
  display: none;
}
@media (min-width: 925px) {
  .banner-carousel .banner-carousel__arrow-prev {
    left: 20px !important;
  }
  .banner-carousel .banner-carousel__arrow-next {
    right: 20px !important;
  }
}
@media (max-width: 925px) {
  .site-content.site-content--banner-container:first-child {
    margin-top: 0px;
  }
  .site-content.site-content--banner-container:first-child .banner-carousel.slick-slider {
    margin-bottom: 53px;
  }
}
@media (min-width: 1450px) and (min-width: 1200px) {
  .products-filter .product-list-default .product-card {
    width: calc(16.6666% - 10px);
  }
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .products-filter .product-list-default .product-card {
    width: calc(20% - 10px);
  }
}
@media (min-width: 1000px) and (max-width: 1200px) {
  .products-filter .product-list-default .product-card {
    width: calc(25% - 10px);
  }
}
@media (max-width: 600px) {
  .products-filter .product-list-default .product-card {
    margin-left: 3px !important;
    margin-right: 3px !important;
  }
}
@media (max-width: 479px) {
  .products-filter .product-list-default .product-card {
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 10px;
    padding: 20px !important;
  }
}
.products-filter .product-list-default .product-card .product-card__prices-placeholder {
  margin-bottom: 0px;
}
.products-filter .product-list-carousel {
  padding: 0;
}
.products-filter .products-filter__list .product-card:nth-of-type(1),
.products-filter .products-filter__list .product-card:nth-of-type(2),
.products-filter .products-filter__list .product-card:nth-of-type(3),
.products-filter .products-filter__list .product-card:nth-of-type(4),
.products-filter .products-filter__list .product-card:nth-of-type(5) {
  margin-top: 20px;
}
@media screen and (max-width: 839px) {
  .products-filter .products-filter__list .product-card:nth-of-type(n+1) {
    margin-top: 0px;
  }
}
.products-filter .product-carousel .product-card {
  margin-left: 0;
  margin-right: 0;
}
.products-filter__header {
  height: 82px;
}
@media screen and (max-width: 839px) {
  .products-filter__header {
    margin-bottom: 15px;
  }
}
.products-filter__header .products-filter__not-found,
.products-filter__header .products-filter__quantity,
.products-filter__header .products-filter__sort-field,
.products-filter__header .products-filter__search-quantity {
  justify-content: center;
  align-self: center;
  margin-top: -10px;
}
@media screen and (max-width: 839px) {
  .products-filter__header .products-filter__not-found,
  .products-filter__header .products-filter__quantity,
  .products-filter__header .products-filter__sort-field,
  .products-filter__header .products-filter__search-quantity {
    align-self: flex-start;
  }
}
.product-list-carousel .product-list .product-list__arrow-prev {
  left: -60px;
  z-index: 1;
}
.product-list-carousel .product-list .product-list__arrow-next {
  right: -60px;
  z-index: 1;
}
.product-carousel .product-list__arrow-prev,
.product-list-default .product-list__arrow-prev {
  z-index: 100;
}
@media screen and (max-width: 479px) {
  .product-carousel .product-list__arrow-prev,
  .product-list-default .product-list__arrow-prev {
    display: none !important;
  }
}
.product-carousel .product-list__arrow-next,
.product-list-default .product-list__arrow-next {
  z-index: 100;
}
@media screen and (max-width: 479px) {
  .product-carousel .product-list__arrow-next,
  .product-list-default .product-list__arrow-next {
    display: none !important;
  }
}
.product-carousel .product-list__content,
.product-list-default .product-list__content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.product-carousel .product-card,
.product-list-default .product-card {
  background: #ffffff;
  margin-top: 20px;
  padding: 0px 25px;
}
@media screen and (max-width: 479px) {
  .product-carousel .product-card,
  .product-list-default .product-card {
    padding: 0px 20px !important;
  }
}
.product-carousel .product-card:before,
.product-list-default .product-card:before {
  display: none !important;
}
.product-carousel .product-card .description,
.product-list-default .product-card .description {
  margin-top: -10px;
  display: block;
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 45px;
  overflow: hidden;
  font-size: 16px;
  line-height: 23px;
  color: rgba(0, 0, 0, 0.54);
}
@media screen and (max-width: 479px) {
  .product-carousel .product-card .description,
  .product-list-default .product-card .description {
    font-size: 14px;
    line-height: 19px;
    height: 38px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 479px) {
  .product-carousel .product-card .product-card__prices-placeholder--has-points,
  .product-list-default .product-card .product-card__prices-placeholder--has-points {
    height: 67px;
  }
  .product-carousel .product-card .product-card__points,
  .product-list-default .product-card .product-card__points,
  .product-carousel .product-card .product-card__low-price,
  .product-list-default .product-card .product-card__low-price {
    font-size: 14px;
    line-height: 16px;
  }
}
.product-carousel .product-card .product-card__name,
.product-list-default .product-card .product-card__name {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 20px;
  height: 50px;
  line-height: 26px;
}
.product-carousel .product-card .product-card__name .product-card__url,
.product-list-default .product-card .product-card__name .product-card__url {
  color: rgba(0, 0, 0, 0.87);
}
@media screen and (max-width: 479px) {
  .product-carousel .product-card .product-card__name,
  .product-list-default .product-card .product-card__name {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 19px;
    height: 38px;
  }
}
.product-carousel .product-card .jq-ry-container,
.product-list-default .product-card .jq-ry-container {
  margin-bottom: 35px;
}
@media screen and (max-width: 479px) {
  .product-carousel .product-card .jq-ry-container,
  .product-list-default .product-card .jq-ry-container {
    margin-bottom: 15px;
  }
}
.product-details__sugestions .product-list__arrow-prev {
  left: -67px !important;
}
.product-details__sugestions .product-list__arrow-next {
  right: -67px !important;
}
@media screen and (max-width: 479px) {
  .product-list-carousel .product-carousel .slick-dots {
    margin: 0;
  }
}
.product-list-carousel .product-carousel .slick-track .slick-slide > div {
  height: auto;
  margin-bottom: 5px;
}
.product-list-carousel .product-carousel .slick-track .slick-slide > div:first-child,
.product-list-carousel .product-carousel .slick-track .slick-slide > div:first-child + div {
  height: 50%;
}
.product-card--added.product-card .product-card__action .product-card__action__buy {
  display: none;
}
.product-card--added.product-card .product-card__action a {
  display: flex !important;
}
.home .product-list-default {
  margin: 0 auto;
  max-width: 100%;
  padding: 0 13px;
}
.home .product-list-default .product-card {
  width: calc(20% - 20px);
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-top: 12px;
  margin-top: 20px;
  border-radius: 0px;
}
@media (max-width: 1300px) and (min-width: 1024px) {
  .home .product-list-default .product-card {
    width: calc(25% - 20px);
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .home .product-list-default .product-card {
    width: calc(33.33333% - 6px);
  }
}
@media (max-width: 768px) {
  .home .product-list-default .product-card {
    width: calc(50% - 6px);
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 12px;
    padding: 0px 20px 20px !important;
  }
}
@media (min-width: 600px) and (max-width: 994px) {
  .home .product-list-default .product-card {
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 12px;
    padding: 0px 20px 20px !important;
  }
}
@media (min-width: 994px) and (max-width: 1300px) {
  .home .product-list-default {
    max-width: calc(1140px + 130px);
    margin: 0 auto;
    padding: 0px 12px;
  }
}
.home .product-list {
  border-radius: 0px;
}
.product-list-carousel {
  max-width: 100%;
}
@media (min-width: 1000px) {
  .product-list-carousel {
    padding: 0 28px;
  }
}
.product-list-carousel .product-list--carousel {
  background: #ffffff;
  border-radius: 4px;
  padding: 0 60px;
  box-shadow: 0 0 11px 0 rgba(13, 37, 62, 0.16);
}
@media screen and (max-width: 1000px) {
  .product-list-carousel .product-list--carousel {
    padding: 0;
  }
}
@media screen and (max-width: 1000px) {
  .product-list-carousel .product-list--carousel {
    border-radius: 0px;
  }
}
.product-list-carousel .product-list--carousel .product-list__title {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
@media screen and (max-width: 1000px) {
  .product-list-carousel .product-list--carousel .product-list__title {
    border-radius: 0px;
  }
}
.product-list-carousel .product-list--carousel .product-list__content {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
@media screen and (max-width: 1000px) {
  .product-list-carousel .product-list--carousel .product-list__content {
    border-radius: 0px;
  }
}
.product-list-carousel .product-list__content {
  padding: 0 35px 14px 35px;
}
.product-list-carousel .product-list__content:before {
  display: none;
}
@media screen and (max-width: 999px) {
  .product-list-carousel .product-list__content {
    padding: 0 0 14px 0;
  }
}
.product-list-default .product-card {
  box-shadow: 0 0 11px 0 rgba(13, 37, 62, 0.16);
}
.product-details .product-details__share-options > ul {
  letter-spacing: 15px;
}
.product-details .product-details__high-price {
  display: block;
}
.product-details .product-details__action .mdl-button {
  min-height: 42px;
}
@media (max-width: 600px) {
  .product-details .product-details__low-price {
    display: block;
    float: none;
  }
}
.product-details .product-details__payment-plans .product-details__payment-plan__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 15px;
}
.product-details .product-details__payment-plans i {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.product-details .buy-restricted-content {
  display: block;
}
/*Replace products*/
.replace-list-product {
  padding: 0px 6px 24px;
}
.replace-list-product .product-list-default .product-card {
  margin-bottom: 10px;
  padding: 0px 15px 15px;
}
/*Product Sugestions*/
.product-details__sugestions .ratestars {
  margin: 15px -7px;
  display: none;
}
.product-details__sugestions .slick-list.draggable {
  margin: 0px 50px;
}
.product-details__sugestions .slick-list {
  display: flex;
  flex-grow: 2;
  flex-direction: column;
}
.product-details__sugestions .slick-slide {
  height: auto;
}
.product-details__sugestions .slick-list.draggable {
  margin: 0px 15px;
}
.product-details__sugestions .product-list-carousel {
  padding: 0px;
}
@media (max-width: 926px) {
  .product-details__sugestions .product-list-carousel .product-list__title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding-top: 35px;
  }
}
@media (max-width: 926px) {
  .product-details__sugestions .product-list-carousel .product-carousel .product-card .product-card__name {
    font-size: 14px;
  }
}
.product-details__sugestions .product-list-carousel .product-carousel .product-card .tag-top {
  top: 0px;
}
.mdl-tabs .mdl-tabs__panel {
  padding: 21px 24px;
}
.mdl-tabs .mdl-tabs__panel p {
  font-size: 16px;
  line-height: 21px;
}
.mdl-tabs .mdl-tabs__tab-bar a {
  font-size: 14px;
}
/*Promotion products*/
@media (max-width: 479px) {
  .promotion-carousel .promotion-carousel__header .promotion-carousel__header__title {
    font-size: 16px;
  }
}
.promotion-carousel .promotion-box .promotion-box__details .promotion-box__details__title {
  font-weight: bold;
}
.promotion-carousel.mdl-shadow--4dp {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.06), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
}
@media (max-width: 479px) {
  .promotion-carousel.mdl-shadow--4dp {
    box-shadow: none;
  }
}
.product-card .product-card__img-placeholder {
  position: relative;
  max-height: 225px;
}
.product-card .product-card__img {
  margin: 0 auto;
  max-height: 225px;
}
.product-card .product-card__action {
  margin: 5px 0px 3px;
}
.product-card .product-card__action .mdl-button {
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  min-height: 42px;
  padding: 9px 0px;
}
@media screen and (max-width: 1200px) {
  .product-card .product-card__action .mdl-button.product-card__action__fastbuy {
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 479px) {
  .product-card .product-card__content {
    margin: 0px -15px 0px;
  }
}
.product-carousel .slick-dots {
  margin: 0 auto;
}
.store {
  width: 100%;
}
.store .mdl-grid {
  width: 1328px;
  margin: 0 auto;
}
.store .search-icon-status-box {
  width: 100%;
  margin-bottom: 50px;
}
.store .search-icon-status {
  background: #dddddd;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  margin: 45px auto 20px;
  text-align: center;
}
.store .search-icon-status .material-icons {
  text-align: center;
  font-size: 115px;
  position: relative;
  margin: 40px 45px 0px;
}
.store .search-icon-status .material-icons:first-child {
  text-align: center;
  font-size: 85px;
  margin-left: 30px;
  position: absolute;
  margin-top: 25px;
  color: #4bc5b2;
}
.store .search-icon-status span {
  display: block;
}
.store .empty-result-message {
  text-align: center;
}
.store .store__search {
  min-height: 200px;
  background: #ebf1f6;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #ededed 0%, #ededed 50%, #e8e8e8 51%, #e8e8e8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #ededed 0%, #ededed 50%, #e8e8e8 51%, #e8e8e8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(175deg, #ededed 0%, #ededed 50%, #e8e8e8 51%, #e8e8e8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#e8e8e8', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.store .store__search .mdl-cell.mdl-cell--5-col .material-icons {
  font-size: 240px;
  float: left;
  color: #dddddd;
  position: relative;
  bottom: -39px;
  margin-top: -39px;
}
.store .store__search .store__header {
  padding: 16px;
  margin: 0;
  font-size: 25px;
  font-weight: 400;
  color: #525252;
}
.store .store__search .store__header span {
  color: #17c0a6;
  display: block;
  font-size: 45px;
  font-weight: 400;
}
.store .store__search .content {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 200px;
}
.store .store__search .mdl-cell.mdl-cell--7-col .header {
  background: none;
}
.store .store__search .mdl-cell.mdl-cell--7-col .header form {
  flex-basis: 580px;
  max-width: inherit;
}
.store .store__search .mdl-cell.mdl-cell--7-col .header form input {
  background: white;
  margin-bottom: 15px;
  float: right;
}
.store .store__search .mdl-cell.mdl-cell--7-col .header form input.mdl-textfield.is-invalid .mdl-textfield__input {
  border-color: #FF4C61;
  border-bottom-width: 2px;
}
.store .store__search .mdl-cell.mdl-cell--7-col .header form input.with-area-code {
  width: calc(100% - 170px);
}
.store .store__search .mdl-cell.mdl-cell--7-col .header form .select-content-type {
  max-width: 150px;
  display: inline-block;
}
.store .store__search .mdl-cell.mdl-cell--7-col .header form .mdl-checkbox-group {
  margin-left: 25px;
  padding: 20px 0;
  display: inline-block;
}
.store .store__search .mdl-cell.mdl-cell--7-col .header form .mdl-button--primary {
  float: right;
  margin: 15px 0px;
}
.store .store__search .mdl-cell.mdl-cell--7-col .header form .search-icon i {
  right: 14px;
  position: absolute;
  top: 14px;
}
.store .multiple-select {
  max-width: 260px;
  width: 100%;
  float: left;
  top: 16px;
  position: relative;
}
@media (max-width: 994px) {
  .store .multiple-select {
    max-width: calc(100% - 190px);
  }
}
.store .multiple-select .effect-float {
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  font-size: 16px;
  top: -25px;
  position: relative;
}
@media (max-width: 994px) {
  .store .multiple-select .effect-float {
    top: -25px !important;
  }
}
.store .multiple-select .label-float {
  top: -45px;
  font-size: 14px;
  position: relative;
}
@media (max-width: 994px) {
  .store .multiple-select .label-float {
    top: -45px !important;
  }
}
.store .multiple-select .ms-choice > span {
  left: -8px;
  right: 20px;
  top: 10px;
  font-weight: 500;
  font-size: 15px;
}
.store .multiple-select .ms-drop {
  background: #ffffff;
  margin: 0px;
  padding: 0px;
  border: none;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.store .multiple-select .ms-drop li:hover {
  background-color: #f8f8f8;
}
.store .multiple-select .ms-drop li input {
  margin-bottom: 4px !important;
  width: auto !important;
  float: none !important;
}
.store .detail-result {
  font-size: 14px;
  display: block;
  margin-top: 25px;
}
.store .detail-result .accent-result {
  color: #17C0A6;
  font-size: 16px;
  font-weight: bold;
  padding-right: 5px;
}
.store .detail-result .accent-result + .accent-result {
  padding-left: 5px;
}
@media (max-width: 994px) {
  .store .header form {
    flex-basis: calc(100% - 36px) !important;
    max-width: inherit;
  }
  .store .store__results {
    border-top: 1px solid #ebebeb;
  }
  .store .store__search {
    background: none;
  }
  .store .store__search .mdl-cell.mdl-cell--5-col {
    display: none;
  }
  .store .store__search .mdl-cell.mdl-cell--7-col .header .header__search input {
    background: #EBEBEB !important;
    height: 38px;
    padding: 10px;
    width: 100%;
  }
  .store .store__search .mdl-cell.mdl-cell--7-col .header .header__search label {
    line-height: 30px;
    font-size: 14px;
    top: 4px;
  }
  .store .store__search .mdl-cell.mdl-cell--7-col .header .header__search .mdl-textfield__button {
    top: inherit;
    margin: -2px 8px;
  }
  .store .store__search .mdl-cell.mdl-cell--7-col .header .header__search .mdl-button--raised {
    display: none;
  }
  .store .store__search .mdl-cell.mdl-cell--7-col .header .header__search .search-icon i {
    right: 8px;
    position: absolute;
    top: 74px;
  }
}
@media (max-width: 600px) {
  .store .mdl-selectfield {
    max-width: 220px;
  }
}
.loja-filter__list {
  width: calc(100% - 20px);
  padding-left: 16px;
  position: relative;
}
.loja-filter__list .loja-list-default {
  margin-bottom: 24px;
}
.loja-filter__list .loja-list-default .product-list__content {
  padding: 0;
  margin: 0 -10px;
}
.loja-filter__list.result {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 25px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  margin-top: 20px;
  padding: 10px;
}
.loja-filter__list .loja-card {
  background: #ffffff;
  float: left;
  width: calc(33.33333% - 70px);
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-top: 12px;
  margin-top: 20px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
}
.loja-filter__list .loja-card:nth-of-type(1),
.loja-filter__list .loja-card:nth-of-type(2),
.loja-filter__list .loja-card:nth-of-type(3),
.loja-filter__list .loja-card:nth-of-type(4),
.loja-filter__list .loja-card:nth-of-type(5) {
  margin-top: 15px;
}
.loja-filter__list .loja-card .loja-card__name {
  box-sizing: border-box;
  margin-top: 12px;
  line-height: 25px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 38px;
  overflow: hidden;
  font-weight: bold;
  font-size: 17px;
  color: rgba(0, 0, 0, 0.54);
  margin-bottom: 25px;
}
@media screen and (max-width: 479px) {
  .loja-filter__list .loja-card .loja-card__name {
    margin-bottom: 15px;
  }
}
.loja-filter__list .loja-card .description {
  margin-top: -20px;
  display: block;
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 38px;
  overflow: hidden;
}
.loja-filter__list .loja-card .material-icons {
  float: left;
  padding-right: 30px;
  color: #C02031;
}
.loja-filter__list .loja-card .services h4 {
  font-size: 15px;
  line-height: 25px;
  display: flex;
  margin: 10px;
}
.loja-filter__list .loja-card .services .material-icons {
  color: #17C0A6;
  padding-right: 10px;
  width: 24px;
  height: 24px;
}
.loja-filter__list .loja-card .services span {
  width: 24px;
  display: inline-block;
  float: left;
  padding-right: 10px;
}
.loja-filter__list .loja-card .services span img {
  width: 100%;
}
.loja-filter__list .loja-card .services span i {
  padding-right: 0px;
}
.loja-filter__list .loja-filter__selected-filters {
  margin-top: 16px;
  float: left;
  margin-bottom: 15px;
}
.loja-filter__list .loja-filter__selected-filters .mdl-chip {
  vertical-align: middle;
}
.loja-filter__list .loja-filter__selected-filters .mdl-chip + .mdl-chip {
  margin-left: 4px;
}
.loja-filter__list .loja-filter__selected-filters .mdl-chip:last-of-type {
  margin-right: 10px;
}
.loja-filter__list .loja__map {
  width: 100% !important;
  background: none;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #ededed;
  margin: 0px -10px;
  margin-top: 0px !important;
}
.loja-filter__list .loja-filter__clear-selected-filters {
  display: inline-block;
  vertical-align: middle;
}
.loja-filter__list .loja-filter__clear-selected-filters a {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.54);
}
@media screen and (max-width: 1220px) {
  .loja-filter__list .loja-card {
    width: calc(33.33333% - 70px);
  }
  .loja-filter__list .loja-card:nth-of-type(5) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .loja-filter__list .loja-card {
    width: calc(33.33333% - 70px);
  }
  .loja-filter__list .loja-card:nth-of-type(4) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 839px) {
  .loja-filter__list .loja-filter__selected-filters {
    margin: 0;
  }
  .loja-filter__list .loja-filter__clear-selected-filters {
    display: block;
    margin: 10px 0 6px 0;
  }
  .loja-filter__list .loja-card:nth-of-type(n+1) {
    margin-top: 10px;
  }
  .loja-filter__list:before {
    content: none;
  }
}
@media screen and (max-width: 994px) {
  .loja-filter__list .loja-card {
    width: calc(50% - 56px);
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 10px;
  }
  .loja-filter__list .loja-list-default .loja-list__content {
    padding: 0;
    margin: 0;
  }
  .loja-filter__list .loja-filter__selected-filters .mdl-chip:last-of-type {
    margin-right: 10px;
  }
}
@media screen and (max-width: 600px) {
  .loja-filter__list .loja-card {
    width: 100%;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 10px;
  }
  .loja-filter__list .loja-list-default .loja-list__content {
    padding: 0;
    margin: 0;
  }
  .loja-filter__list .loja-filter__clear-selected-filters {
    display: block;
    margin: 10px 0 10px 0;
  }
}
@media (min-width: 994px) {
  .map-store {
    display: none;
  }
  .map .map-store.mobile {
    display: none;
  }
  .map .map-store.desktop {
    display: block !important;
  }
  .map .store__results .row {
    width: 1000px;
  }
}
@media (max-width: 994px) {
  .map-store {
    display: none;
  }
  .map .map-store.mobile {
    display: block;
    width: 100%;
    min-width: 100%;
    height: 200px;
  }
  .map .map-store.desktop {
    display: none !important;
  }
}
.promotion-list .promotion-list__row {
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
  background: #ffffff;
  padding: 16px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
}
@media screen and (max-width: 479px) {
  .promotion-list .promotion-list__row.promotion-list__status-container {
    background: none;
  }
}
.promotion-list .promotion-list__img-container {
  display: block;
  width: 80px;
  margin-right: 16px;
  box-sizing: border-box;
}
.promotion-list .promotion-list__img-container img {
  display: block;
  max-width: 100%;
}
.promotion-list .promotion-list__description {
  display: block;
  flex: 1 0 0px;
  box-sizing: border-box;
}
.promotion-list .promotion-list__description__title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 16px;
  line-height: 16px;
  margin: 0 0 5px;
}
.promotion-list .promotion-list__status-text {
  color: rgba(0, 0, 0, 0.54);
  font-size: 18px;
  line-height: 19px;
  margin: 0;
}
.promotion-list .promotion-list__description__text {
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 16px;
}
.promotion-list .promotion-list__description__text.promotion-list__description__text--bold {
  font-weight: 500;
}
.promotion-list .promotion-list__description__title__tooltip {
  color: rgba(0, 0, 0, 0.54);
  vertical-align: bottom;
  font-size: 22px;
  line-height: 16px;
}
.promotion-list .promotion-list__name {
  color: rgba(0, 0, 0, 0.54);
  font-size: 17px;
  line-height: 19px;
  font-weight: 500;
  margin: 0;
}
.promotion-list .promotion-list__code {
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  line-height: 19px;
  margin: 0;
}
.promotion-list .promotion-list__amount-container {
  display: block;
  position: relative;
  width: 100px;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-left: 5px;
  padding-right: 5px;
}
.promotion-list .promotion-list__amount-container:last-child {
  padding-right: 0;
}
.promotion-list .promotion-list__amount-container input {
  max-width: 100%;
}
.promotion-list .promotion-list__button-container {
  display: block;
  position: relative;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-left: 5px;
  padding-right: 5px;
}
.promotion-list .promotion-list__button-container:last-child {
  padding-right: 0;
}
.promotion-list-carousel .promotion-list .promotion-list__arrow-prev {
  left: -60px;
  z-index: 1;
}
.promotion-list-carousel .promotion-list .promotion-list__arrow-next {
  right: -60px;
  z-index: 1;
}
.promotion-carousel .promotion-list__arrow-prev,
.promotion-list-default .promotion-list__arrow-prev {
  z-index: 100;
}
@media screen and (max-width: 479px) {
  .promotion-carousel .promotion-list__arrow-prev,
  .promotion-list-default .promotion-list__arrow-prev {
    display: none !important;
  }
}
.promotion-carousel .promotion-list__arrow-next,
.promotion-list-default .promotion-list__arrow-next {
  z-index: 100;
}
@media screen and (max-width: 479px) {
  .promotion-carousel .promotion-list__arrow-next,
  .promotion-list-default .promotion-list__arrow-next {
    display: none !important;
  }
}
.promotion-carousel .promotion-list__content,
.promotion-list-default .promotion-list__content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.promotion-carousel .promotion-card,
.promotion-list-default .promotion-card {
  background: #ffffff;
  margin-top: 20px;
  padding: 0px 25px;
}
@media screen and (max-width: 479px) {
  .promotion-carousel .promotion-card,
  .promotion-list-default .promotion-card {
    padding: 0px 20px !important;
  }
}
.promotion-carousel .promotion-card:before,
.promotion-list-default .promotion-card:before {
  display: none !important;
}
.promotion-carousel .promotion-card .description,
.promotion-list-default .promotion-card .description {
  margin-top: -10px;
  display: block;
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  height: 138px;
  overflow: hidden;
  font-size: 16px;
  line-height: 23px;
  color: rgba(0, 0, 0, 0.54);
}
@media screen and (max-width: 479px) {
  .promotion-carousel .promotion-card .description,
  .promotion-list-default .promotion-card .description {
    font-size: 14px;
    line-height: 19px;
    height: 133px;
    margin-bottom: 15px;
    -webkit-line-clamp: 7;
  }
}
@media screen and (max-width: 479px) {
  .promotion-carousel .promotion-card .promotion-card__prices-placeholder--has-points,
  .promotion-list-default .promotion-card .promotion-card__prices-placeholder--has-points {
    height: 67px;
  }
  .promotion-carousel .promotion-card .promotion-card__points,
  .promotion-list-default .promotion-card .promotion-card__points,
  .promotion-carousel .promotion-card .promotion-card__low-price,
  .promotion-list-default .promotion-card .promotion-card__low-price {
    font-size: 14px;
    line-height: 16px;
  }
}
.promotion-carousel .promotion-card .promotion-card__name,
.promotion-list-default .promotion-card .promotion-card__name {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 20px;
  height: 50px;
  line-height: 26px;
}
.promotion-carousel .promotion-card .promotion-card__name .promotion-card__url,
.promotion-list-default .promotion-card .promotion-card__name .promotion-card__url {
  color: rgba(0, 0, 0, 0.87);
}
@media screen and (max-width: 479px) {
  .promotion-carousel .promotion-card .promotion-card__name,
  .promotion-list-default .promotion-card .promotion-card__name {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 19px;
    height: 38px;
  }
}
.promotion-carousel .promotion-card .jq-ry-container,
.promotion-list-default .promotion-card .jq-ry-container {
  margin-bottom: 35px;
}
@media screen and (max-width: 479px) {
  .promotion-carousel .promotion-card .jq-ry-container,
  .promotion-list-default .promotion-card .jq-ry-container {
    margin-bottom: 15px;
  }
}
.promotion-details__sugestions .promotion-list__arrow-prev {
  left: -67px !important;
}
.promotion-details__sugestions .promotion-list__arrow-next {
  right: -67px !important;
}
@media screen and (max-width: 479px) {
  .promotion-list-carousel .promotion-carousel .slick-dots {
    margin: 0;
  }
}
.promotion-list-carousel .promotion-carousel .slick-track .slick-slide > div {
  height: auto;
  margin-bottom: 5px;
}
.promotion-card--added.promotion-card .promotion-card__action .promotion-card__action__buy {
  display: none;
}
.promotion-card--added.promotion-card .promotion-card__action a {
  display: flex !important;
}
.home .promotion-list-default {
  margin: 0 auto;
  max-width: 100%;
  padding: 0 13px;
}
.home .promotion-list-default .promotion-card {
  width: calc(20% - 20px);
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-top: 12px;
  margin-top: 20px;
  border-radius: 0px;
}
@media (max-width: 1300px) and (min-width: 1024px) {
  .home .promotion-list-default .promotion-card {
    width: calc(25% - 20px);
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .home .promotion-list-default .promotion-card {
    width: calc(33.33333% - 6px);
  }
}
@media (max-width: 768px) {
  .home .promotion-list-default .promotion-card {
    width: calc(50% - 6px);
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 12px;
    padding: 0px 20px 20px !important;
  }
}
@media (min-width: 600px) and (max-width: 994px) {
  .home .promotion-list-default .promotion-card {
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 12px;
    padding: 0px 20px 20px !important;
  }
}
@media (min-width: 994px) and (max-width: 1300px) {
  .home .promotion-list-default {
    max-width: calc(1140px + 130px);
    margin: 0 auto;
    padding: 0px 12px;
  }
}
.home .promotion-list {
  border-radius: 0px;
}
.promotion-list-carousel {
  max-width: 100%;
}
@media (min-width: 1000px) {
  .promotion-list-carousel {
    padding: 0 28px;
  }
}
.promotion-list-carousel .promotion-list--carousel {
  background: #ffffff;
  border-radius: 4px;
  padding: 0 60px;
  box-shadow: 0 0 11px 0 rgba(13, 37, 62, 0.16);
}
@media screen and (max-width: 1000px) {
  .promotion-list-carousel .promotion-list--carousel {
    padding: 0;
  }
}
@media screen and (max-width: 1000px) {
  .promotion-list-carousel .promotion-list--carousel {
    border-radius: 0px;
  }
}
.promotion-list-carousel .promotion-list--carousel .promotion-list__title {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
@media screen and (max-width: 1000px) {
  .promotion-list-carousel .promotion-list--carousel .promotion-list__title {
    border-radius: 0px;
  }
}
.promotion-list-carousel .promotion-list--carousel .promotion-list__content {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
@media screen and (max-width: 1000px) {
  .promotion-list-carousel .promotion-list--carousel .promotion-list__content {
    border-radius: 0px;
  }
}
.promotion-list-carousel .promotion-list__content {
  padding: 0 35px 14px 35px;
}
.promotion-list-carousel .promotion-list__content:before {
  display: none;
}
@media screen and (max-width: 999px) {
  .promotion-list-carousel .promotion-list__content {
    padding: 0 0 14px 0;
  }
}
.promotion-list-default .promotion-card {
  box-shadow: 0 0 11px 0 rgba(13, 37, 62, 0.16);
}
.promotion-card .promotion-card__img-placeholder {
  position: relative;
  max-height: 225px;
}
.promotion-card .promotion-card__img {
  margin: 0 auto;
  max-height: 225px;
}
.promotion-card .promotion-card__action {
  margin: 5px 0px 3px;
}
.promotion-card .promotion-card__action .mdl-button {
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  min-height: 42px;
  padding: 9px 0px;
}
@media screen and (max-width: 1200px) {
  .promotion-card .promotion-card__action .mdl-button.promotion-card__action__fastbuy {
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 479px) {
  .promotion-card .promotion-card__content {
    margin: 0px -15px 0px;
  }
}
.promotion-carousel .slick-dots {
  margin: 0 auto;
}
.payment-plans-dialog {
  width: 577px;
}
.payment-plans-dialog .mdl-tabs__tab {
  width: 214px;
}
@media screen and (min-width: 480px) {
  .payment-plans-dialog .mdl-tabs__tab:nth-of-type(odd) {
    margin-right: 12px;
  }
  .payment-plans-dialog .mdl-tabs__tab:nth-of-type(even) {
    margin-left: 12px;
  }
}
@media screen and (max-width: 479px) {
  .payment-plans-dialog .mdl-tabs__tab {
    width: 50%;
  }
}
.payment-plans-dialog .mdl-tabs__panel {
  padding: 0;
}
.payment-plans-dialog .payment-plans-dialog__label {
  font-size: 14px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.54);
  padding: 0 24px;
}
.payment-plans-dialog .payment-plans-dialog__select-wrapper {
  padding: 16px 24px 0 24px;
}
.payment-plans-dialog .payment-plans-dialog__select-wrapper li {
  padding-bottom: 10px;
}
.payment-plans-dialog .expansive-area__toggle + .expansive-area .payment-plans-dialog__select-wrapper:first-child {
  padding-top: 0;
}
.payment-plans-dialog .mdl-selectfield {
  display: none;
}
.payment-plans-dialog .mdl-dialog__actions {
  padding: 24px;
}
@media screen and (max-width: 479px) {
  .payment-plans-dialog .payment-plans-dialog__label {
    padding: 0 16px;
  }
  .payment-plans-dialog .payment-select {
    display: none;
  }
  .payment-plans-dialog .mdl-selectfield {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  .payment-plans-dialog .mdl-dialog__actions {
    display: none;
  }
}
/*
    Esse compomente funciona como um botão para exibir ou ocultar uma área
    O botão deve ter a classe "expansive-area__toggle"
    A área que vai interagir com ele deve estar logo após o botão no html, com a classe "expansive-area"
    Caso queira ter várias áreas, em que quando uma esteja ativa as outras sejam ocultas, 
    envolva as áreas em uma div com a classe "expansive-areas-parent"
*/
.mdl-button.expansive-area__toggle {
  text-transform: none;
  width: 100%;
  height: auto;
  box-shadow: none;
  display: flex;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.87);
  padding: 23px 16px 24px 16px;
  vertical-align: middle;
  font-size: 18px;
  border: none;
  cursor: pointer;
  background: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  justify-content: space-between;
  font-weight: 400;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  line-height: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.mdl-button.expansive-area__toggle > span {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  text-align: left;
}
.mdl-button.expansive-area__toggle .material-icons {
  color: rgba(0, 0, 0, 0.54);
}
.mdl-button.expansive-area__toggle.is-active {
  border-bottom: 0;
}
.mdl-button.expansive-area__toggle.is-active .material-icons {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.mdl-button.expansive-area__toggle + .expansive-area {
  display: none;
}
.mdl-button.expansive-area__toggle.is-active + .expansive-area {
  display: block;
}
.mdl-button.expansive-area__toggle.expansive-area__toggle--primary {
  color: #C02031;
}
.mdl-button.expansive-area__toggle.mdl-button--accent {
  color: #FF4C61;
}
.mdl-button.expansive-area__toggle.expansive-area__toggle--icon {
  padding: 24px;
}
.mdl-button.expansive-area__toggle.expansive-area__toggle--icon .expansive-area__toggle__icon {
  width: 24px;
  flex-grow: 0;
  margin-right: 20px;
}
.mdl-button.expansive-area__toggle.expansive-area__toggle--icon.is-active .material-icons.expansive-area__toggle__icon {
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  -webkit-transform: none;
  transform: none;
}
.payment-section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 16px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.payment-section__label {
  font-size: 18px;
  line-height: 21px;
  width: 100%;
  flex-grow: 1;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 10px;
  box-sizing: border-box;
}
.expansive-area > .payment-section__label {
  padding: 0 24px;
  margin-top: 16px;
}
.payment-section__installment {
  flex-grow: 0;
  width: 50%;
  font-size: 18px;
  line-height: 21px;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 10px;
}
.payment-section__installment .payment-section__installment__highlighted {
  color: #17C0A6;
}
.payment-section__installment .payment-section__installment__info {
  font-size: 12px;
  line-height: 16px;
}
@media screen and (min-width: 480px) {
  .payment-section__installment:nth-last-of-type(1) {
    margin-bottom: 0;
  }
  .payment-section__installment:nth-last-of-type(2) {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 479px) {
  .payment-section__installment {
    width: 100%;
  }
  .payment-section__installment:last-of-type {
    margin-bottom: 0;
  }
}
.payment-section__info {
  display: none;
  font-size: 12px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.54);
  width: 100%;
  margin: 12px 0 0;
}
.payment-section__info .material-icons {
  vertical-align: middle;
}
.payment-section__info.is-visible {
  display: block;
}
.my-cart {
  top: 70px;
  width: 370px;
}
.my-cart:before {
  right: 22px;
}
.my-cart__title {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.38);
}
.my-cart__label {
  font-size: 16px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.54);
  margin: 0;
}
.my-cart__total-price {
  font-size: 34px;
  line-height: 45px;
  margin: 0;
}
.my-cart__total-price small {
  font-size: 18px;
  line-height: 23px;
}
.my-cart__empty-link {
  display: block;
  font-size: 14px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.54);
  text-align: center;
  margin-top: 16px;
}
.my-cart__empty-icon {
  background-color: #F6F6F6;
  display: flex;
  position: relative;
  width: 156px;
  height: 156px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.my-cart__empty-icon .material-icons {
  color: #17C0A6;
  font-size: 65px;
  width: 65px;
  height: 65px;
}
.my-cart__empty-label {
  color: rgba(0, 0, 0, 0.38);
  font-size: 20px;
  line-height: 26px;
  margin-top: 10px;
  font-weight: 500;
}
.my-cart__content--no-item {
  padding-top: 36px;
  padding-bottom: 14px;
}
@media screen and (max-width: 479px) {
  .my-cart {
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 0;
    transform: translate(105%, 0);
    transition: 0.2s ease-in-out;
    flex: 1 0 0;
  }
  .my-cart:before {
    content: none;
  }
  .my-cart.mdl-shadow--4dp {
    box-shadow: none;
  }
  .my-cart .mobile-toolbar__action-button {
    display: block;
    position: absolute;
    top: 16px;
    left: 16px;
  }
  .my-cart .mobile-toolbar__action-button .material-icons {
    color: rgba(0, 0, 0, 0.54);
  }
  .my-cart.is-active {
    transform: translate(0, 0);
  }
  .my-cart.is-empty {
    flex-direction: column;
  }
  .my-cart.is-empty .my-cart__content {
    max-height: calc(100vh - 65px);
  }
  .my-cart__content {
    flex: 1 0 0px;
    max-height: calc(100vh - 234px);
  }
  .my-cart__content--no-item {
    flex: 1 0 auto;
  }
  .my-cart__title {
    flex: 0 0 auto;
    margin: 0;
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    padding: 16px 26px 16px 75px;
    border-radius: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.54);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  .my-cart__actions {
    flex: 0 0 auto;
  }
}
.my-cart__content {
  margin-top: 4px;
}
.my-cart__content .cart-list {
  display: block;
  padding: 0 16px;
}
.my-cart__content .cart-list .cart-list__row {
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  padding: 14px 6px 15px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.my-cart__content .cart-list .cart-list__img-container {
  display: block;
  width: 60px;
  margin-right: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.my-cart__content .cart-list .cart-list__img-container img {
  display: block;
  max-width: 100%;
}
.my-cart__content .cart-list .cart-list__content {
  display: flex;
  flex: 1 0 0px;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
.my-cart__content .cart-list .cart-list__description {
  display: block;
  margin-bottom: 10px;
  width: 100%;
}
.my-cart__content .cart-list .cart-list__product-name {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  line-height: 21px;
  margin: 0;
}
.my-cart__content .cart-list .cart-list__product-code {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
  line-height: 19px;
  margin: 0;
}
.my-cart__content .cart-list .cart-list__icon-button {
  display: block;
  float: right;
  margin-top: 0px;
  margin-right: -4px;
  width: 20px;
  height: 20px;
  min-width: 20px;
}
@media screen and (min-width: 840px) {
  .my-cart__content .cart-list .cart-list__icon-button {
    width: 20px !important;
    height: 20px !important;
  }
}
.my-cart__content .cart-list .cart-list__icon-button .material-icons {
  color: rgba(0, 0, 0, 0.54);
  width: 23px;
  font-size: 23px;
  transform: translate(-12px, -11px);
}
.my-cart__content .cart-list .cart-list__icon-button:disabled {
  cursor: not-allowed;
}
.my-cart__content .cart-list .cart-list__icon-button:disabled .material-icons {
  color: rgba(0, 0, 0, 0.26);
}
.my-cart__content .cart-list div.cart-list__icon-button .material-icons {
  transform: none;
}
.my-cart__content .cart-list .cart-list__amount-container {
  margin-top: 10px;
  display: block;
  position: relative;
  width: 100px;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  box-sizing: border-box;
}
.my-cart__content .cart-list .cart-list__amount-container input {
  max-width: 100%;
}
.my-cart__content .cart-list .cart-list__price-container {
  display: block;
  flex: 0 0 auto;
  white-space: nowrap;
}
.my-cart__content .cart-list .cart-list__price-from {
  color: #AEAEAE;
  font-size: 12px;
  margin: 0;
}
.my-cart__content .cart-list .cart-list__points {
  font-size: 20px;
  line-height: 26px;
  margin: 0;
  font-weight: 500;
}
.my-cart__content .cart-list .cart-list__points small {
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
}
@media screen and (max-width: 479px) {
  .my-cart__content .cart-list {
    padding: 0;
  }
  .my-cart__content .cart-list .cart-list__row {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.products-favorites {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 600px) {
  .products-favorites .products-favorites__content {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.products-favorites__header {
  position: relative;
  border-bottom: 1px solid #EBEBEB;
}
.products-favorites__header .products-favorites__header__content {
  width: 288%;
  max-width: 100%;
  margin: 0 auto;
  padding: 16px 24px 0 24px;
  display: flex;
  justify-content: space-between;
  vertical-align: middle;
  height: 55px;
  box-sizing: border-box;
}
.products-favorites__header .breadcrumb {
  flex: 1;
}
.products-favorites__header .products-favorites__uncheck-all {
  margin-right: 30px;
}
.products-favorites__header .products-favorites__uncheck-all .mdl-checkbox__label {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.87);
}
.products-favorites__header .products-favorites__quantity {
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 0;
  font-weight: 500;
  vertical-align: middle;
}
.products-favorites__header .products-favorites__sort-field {
  width: 144px;
  margin-top: -21px;
  z-index: 50;
  box-sizing: border-box;
}
@media screen and (max-width: 839px) {
  .products-favorites__header {
    flex-direction: column;
  }
  .products-favorites__header .breadcrumb {
    display: none;
  }
  .products-favorites__header .products-favorites__quantity {
    display: none;
  }
  .products-favorites__header .products-favorites__sort-field {
    clear: both;
    order: 1;
  }
  .products-favorites__header .products-favorites__uncheck-all {
    order: 2;
    margin-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .products-favorites__header {
    border-bottom: none;
  }
  .products-favorites__header .products-favorites__header__content {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (max-width: 340px) {
  .products-favorites__header .products-favorites__sort-field {
    max-width: 40%;
  }
}
.products-favorites__content {
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex: auto;
  -webkit-flex: auto;
  flex: auto;
}
.products-favorites__content .banner-carousel {
  margin-top: 14px;
}
.products-favorites__list {
  width: 100%;
  position: relative;
  margin: 0 20px;
}
.products-favorites__list .product-list-default {
  margin-bottom: 24px;
}
.products-favorites__list .product-list-default .product-list__content {
  padding: 0;
  margin: 0 -10px;
}
.products-favorites__list .product-list__title {
  display: none;
}
.products-favorites__list .product-card {
  width: calc(16.666% - 10px);
  margin-left: 5px;
  margin-right: 5px;
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .products-favorites__list .product-card {
    width: calc(20% - 10px);
  }
}
@media (min-width: 1000px) and (max-width: 1200px) {
  .products-favorites__list .product-card {
    width: calc(25% - 10px);
  }
}
.products-favorites__list .product-card:nth-of-type(1),
.products-favorites__list .product-card:nth-of-type(2),
.products-favorites__list .product-card:nth-of-type(3),
.products-favorites__list .product-card:nth-of-type(4),
.products-favorites__list .product-card:nth-of-type(5) {
  margin-top: 15px;
}
@media screen and (max-width: 1220px) {
  .products-favorites__list {
    width: 100%;
    padding: 0 20px;
  }
}
@media screen and (max-width: 1000px) {
  .products-favorites__list .product-card {
    width: calc(25% - 10px);
  }
  .products-favorites__list .product-card:nth-of-type(5) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 839px) {
  .products-favorites__list {
    width: 100%;
  }
  .products-favorites__list .products-favorites__selected-filters {
    margin: 0 6px;
  }
  .products-favorites__list .products-favorites__clear-selected-filters {
    display: block;
    margin: 10px 0 6px 0;
  }
  .products-favorites__list .product-card {
    width: calc(33.33333% - 10px);
  }
  .products-favorites__list .product-card:nth-of-type(n+1) {
    margin-top: 10px;
  }
  .products-favorites__list:before {
    content: none;
  }
}
@media screen and (max-width: 600px) {
  .products-favorites__list {
    padding: 0;
  }
  .products-favorites__list .product-card {
    width: calc(50% - 6px);
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 10px;
  }
  .products-favorites__list .product-list__content {
    padding: 0;
    margin: 0;
  }
}
.autocomplete {
  display: none;
  background: #ffffff;
  position: absolute;
  width: 100%;
  min-height: 86px;
  height: auto;
  max-height: 318px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: auto;
  top: 35px;
  z-index: 10;
}
.autocomplete p {
  margin-bottom: 0;
}
.autocomplete.is-active {
  display: block;
}
.autocomplete.is-searching .autocomplete__searching {
  display: flex;
}
.autocomplete.is-searching .autocomplete__option {
  display: none;
}
.autocomplete.has-items .autocomplete__option {
  display: block;
}
.autocomplete.has-no-items .autocomplete__no-items {
  display: flex;
}
.autocomplete__option {
  display: none;
  position: relative;
  padding: 16px 16px 10px;
  line-height: 1;
  vertical-align: top;
  min-height: 86px;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px solid #EBEBEB;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.autocomplete__option .autocomplete__option__image {
  display: inline-block;
  width: 70px;
  vertical-align: middle;
}
.autocomplete__option .autocomplete__option__image img {
  display: block;
  max-width: 100%;
}
.autocomplete__option .autocomplete__option__text {
  display: inline-block;
  padding-left: 16px;
  width: calc(100% - 90px);
  vertical-align: middle;
}
.autocomplete__option .autocomplete__option__text--product {
  display: block;
  display: -webkit-box;
  font-size: 20px;
  line-height: 21px;
  color: rgba(0, 0, 0, 0.87);
  max-height: 55px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: 500;
}
.autocomplete__option .autocomplete__option__text--code {
  font-size: 16px;
  line-height: 23px;
  color: rgba(0, 0, 0, 0.54);
}
.autocomplete__searching,
.autocomplete__no-items {
  display: none;
  position: relative;
  padding: 16px 16px;
  vertical-align: middle;
  height: 86px;
  align-items: center;
  justify-content: flex-start;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.autocomplete__searching .autocomplete__searching__text,
.autocomplete__no-items .autocomplete__searching__text {
  display: block;
  font-size: 14px;
  margin-left: 16px;
  color: rgba(0, 0, 0, 0.54);
}
.autocomplete__searching .mdl-spinner__layer-1,
.autocomplete__no-items .mdl-spinner__layer-1,
.autocomplete__searching .mdl-spinner__layer-2,
.autocomplete__no-items .mdl-spinner__layer-2,
.autocomplete__searching .mdl-spinner__layer-3,
.autocomplete__no-items .mdl-spinner__layer-3,
.autocomplete__searching .mdl-spinner__layer-4,
.autocomplete__no-items .mdl-spinner__layer-4 {
  border-color: #C02031;
}
.autocomplete__no-items .material-icons {
  font-size: 32px;
  width: 32px;
  height: 32px;
  color: #C02031;
}
.autocomplete__no-items .autocomplete__no-items__text {
  font-size: 14px;
  line-height: 19px;
  margin-left: 16px;
  color: rgba(0, 0, 0, 0.54);
}
@media screen and (max-width: 839px) {
  .filters-box .filters-box__header {
    margin: 0;
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    padding: 16px 26px 16px 75px;
    border-radius: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.54);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  .filters-box .filters-box__close .material-icons {
    color: #C02031;
  }
}
.mobile-toolbar .mobile-toolbar__title {
  margin: 0;
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
  padding: 16px 26px 16px 75px;
  border-radius: 0;
  background-repeat: no-repeat;
  background-position: right;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  color: rgba(255, 255, 255, 0.87);
  background: #C02031;
  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);
  position: relative;
  background-size: cover;
}
@media screen and (max-width: 839px) {
  .mobile-toolbar .mobile-toolbar__title {
    background: white;
    color: rgba(0, 0, 0, 0.54);
  }
}
.mobile-toolbar .mobile-toolbar__action-button {
  display: block;
  position: absolute;
  top: 16px;
  left: 17px;
}
.mobile-toolbar .mobile-toolbar__action-button .material-icons {
  color: rgba(255, 255, 255, 0.87);
}
.mobile-toolbar .mobile-toolbar__action-button .material-icons {
  color: #C02031;
}
.sidenav-menu .sidenav-menu__user__img {
  background-color: #303236;
}
.sidenav-menu .sidenav-menu__options__list .mdl-button--list-button__text {
  color: rgba(0, 0, 0, 0.87);
}
.breadcrumb .breadcrumb__list li a {
  font-weight: 400;
  font-size: 14px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.54);
}
.institutional .institutional__content {
  margin: 10px auto 16px;
}
@media screen and (max-width: 839px) {
  .institutional {
    padding: 0px;
    position: relative;
  }
  .institutional .breadcrumb {
    display: none;
  }
  .institutional .institutional__content {
    margin: 0px auto 16px;
  }
  .institutional .institutional__content ol * {
    max-width: 100%;
  }
  .institutional .institutional__content h1 *,
  .institutional .institutional__content h2 *,
  .institutional .institutional__content h3 *,
  .institutional .institutional__content h4 *,
  .institutional .institutional__content h5 *,
  .institutional .institutional__content h6 * {
    word-wrap: break-word;
  }
  .institutional .institutional__content img {
    max-width: 100%;
  }
}
.mdl-layout {
  height: calc(100% - 225px);
  margin-top: 225px;
}
.mdl-layout.mdl-institutional-menu {
  margin-top: 225px;
  height: calc(100% - 225px);
}
@media screen and (max-width: 839px) {
  .mdl-layout {
    height: calc(100% - 125px);
    margin-top: 125px;
  }
  .mdl-layout.mdl-institutional-menu {
    margin-top: 125px;
    height: calc(100% - 125px);
  }
}
.ratestars {
  z-index: 0;
  display: none;
}
.tooltip-text {
  position: absolute;
  float: right;
  top: 20px;
  right: -25px;
}
.icon-error,
.icon-succes,
.is-invalid.is-valid .icon-succes {
  display: none;
}
.is-invalid {
  border-bottom: 0px;
  padding-bottom: 20px;
}
@media screen and (min-width: 480px) {
  .popover .mdl-dialog__content,
  .popover .mdl-dialog__actions,
  .popover.mdl-dialog--primary .mdl-dialog__title {
    background: #292b2d;
  }
}
@media screen and (min-width: 480px) {
  .popover .mdl-dialog__title {
    font-size: 12px;
    padding-bottom: 0px;
    padding-left: 17px;
    color: #ccc;
  }
}
.popover .mdl-dialog__content {
  padding-left: 5px;
  padding-right: 5px;
}
.popover .mdl-dialog__content .product-details__action-share-wrapper .product-details__share-options ul {
  padding-left: 15px;
}
.popover .mdl-dialog__content .product-details__action-share-wrapper .product-details__share-options ul li {
  list-style-type: none;
  display: inline-block;
}
.popover .mdl-dialog__content .mdl-dialog__actions {
  padding: 0 26px 15px;
}
@media screen and (min-width: 480px) {
  .popover .mdl-cell.mdl-cell--12-col.mdl-cell--12-col-tablet * {
    color: #ccc;
    border-color: #ccc;
  }
}
body.no-navigation-menu .mdl-layout {
  margin-top: 175px;
  height: calc(100% - 175px);
}
@media screen and (max-width: 839px) {
  body.no-navigation-menu .mdl-layout {
    margin-top: 125px;
    height: calc(100% - 125px);
  }
}
/*# sourceMappingURL=main.css.map */