@charset "UTF-8";
.pretty * {
  box-sizing: border-box; }

.pretty input:not([type='checkbox']):not([type='radio']) {
  display: none; }

.pretty {
  position: relative;
  display: inline-block;
  margin-right: 1em;
  white-space: nowrap;
  line-height: 1; }
  .pretty input {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 1em;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer; }
  .pretty .state label {
    position: initial;
    display: inline-block;
    font-weight: normal;
    margin: 0;
    text-indent: 1.5em;
    min-width: calc(1em + 2px); }
    .pretty .state label:before, .pretty .state label:after {
      content: '';
      width: calc(1em + 2px);
      height: calc(1em + 2px);
      display: block;
      box-sizing: border-box;
      border-radius: 0;
      border: 1px solid transparent;
      z-index: 0;
      position: absolute;
      left: 0;
      top: calc((0% - (100% - 1em)) - 8%);
      background-color: transparent; }
    .pretty .state label:before {
      border-color: #bdc3c7; }
  .pretty .state.p-is-hover, .pretty .state.p-is-indeterminate {
    display: none; }

@keyframes zoom {
  0% {
    opacity: 0;
    transform: scale(0); } }

@keyframes tada {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: scale(7); }
  38% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: scale(1); }
  55% {
    animation-timing-function: ease-in;
    transform: scale(1.5); }
  72% {
    animation-timing-function: ease-out;
    transform: scale(1); }
  81% {
    animation-timing-function: ease-in;
    transform: scale(1.24); }
  89% {
    animation-timing-function: ease-out;
    transform: scale(1); }
  95% {
    animation-timing-function: ease-in;
    transform: scale(1.04); }
  100% {
    animation-timing-function: ease-out;
    transform: scale(1); } }

@keyframes jelly {
  0% {
    transform: scale3d(1, 1, 1); }
  30% {
    transform: scale3d(0.75, 1.25, 1); }
  40% {
    transform: scale3d(1.25, 0.75, 1); }
  50% {
    transform: scale3d(0.85, 1.15, 1); }
  65% {
    transform: scale3d(1.05, 0.95, 1); }
  75% {
    transform: scale3d(0.95, 1.05, 1); }
  100% {
    transform: scale3d(1, 1, 1); } }

@keyframes rotate {
  0% {
    opacity: 0;
    transform: translateZ(-200px) rotate(-45deg); }
  100% {
    opacity: 1;
    transform: translateZ(0) rotate(0); } }

@keyframes pulse {
  0% {
    box-shadow: 0px 0px 0px 0px #bdc3c7; }
  100% {
    box-shadow: 0px 0px 0px 1.5em rgba(189, 195, 199, 0); } }

.pretty.p-default.p-fill .state label:after {
  transform: scale(1); }

.pretty.p-default .state label:after {
  transform: scale(0.6); }

.pretty.p-default input:checked ~ .state label:after {
  background-color: #bdc3c7 !important; }

.pretty.p-default.p-thick .state label:before, .pretty.p-default.p-thick .state label:after {
  border-width: calc(1em / 7); }

.pretty.p-default.p-thick .state label:after {
  transform: scale(0.4) !important; }

.pretty.p-icon .state .icon {
  position: absolute;
  font-size: 1em;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  left: 0;
  z-index: 1;
  text-align: center;
  line-height: normal;
  top: calc((0% - (100% - 1em)) - 8%);
  border: 1px solid transparent;
  opacity: 0; }

.pretty.p-icon .state .icon:before {
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  line-height: 1; }

.pretty.p-icon input:checked ~ .state .icon {
  opacity: 1; }

.pretty.p-icon input:checked ~ .state label:before {
  border-color: #5a656b; }

.pretty.p-svg .state .svg {
  position: absolute;
  font-size: 1em;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  left: 0;
  z-index: 1;
  text-align: center;
  line-height: normal;
  top: calc((0% - (100% - 1em)) - 8%);
  border: 1px solid transparent;
  opacity: 0; }

.pretty.p-svg .state svg {
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  line-height: 1; }

.pretty.p-svg input:checked ~ .state .svg {
  opacity: 1; }

.pretty.p-image .state img {
  opacity: 0;
  position: absolute;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  top: 0;
  top: calc((0% - (100% - 1em)) - 8%);
  left: 0;
  z-index: 0;
  text-align: center;
  line-height: normal;
  transform: scale(0.8); }

.pretty.p-image input:checked ~ .state img {
  opacity: 1; }

.pretty.p-switch input {
  min-width: 2em; }

.pretty.p-switch .state {
  position: relative; }
  .pretty.p-switch .state:before {
    content: '';
    border: 1px solid #bdc3c7;
    border-radius: 60px;
    width: 2em;
    box-sizing: unset;
    height: calc(1em + 2px);
    position: absolute;
    top: 0;
    top: calc((0% - (100% - 1em)) - 16%);
    z-index: 0;
    transition: all 0.5s ease; }
  .pretty.p-switch .state label {
    text-indent: 2.5em; }
    .pretty.p-switch .state label:before, .pretty.p-switch .state label:after {
      transition: all 0.5s ease;
      border-radius: 100%;
      left: 0;
      border-color: transparent;
      transform: scale(0.8); }
    .pretty.p-switch .state label:after {
      background-color: #bdc3c7 !important; }

.pretty.p-switch input:checked ~ .state:before {
  border-color: #5a656b; }

.pretty.p-switch input:checked ~ .state label:before {
  opacity: 0; }

.pretty.p-switch input:checked ~ .state label:after {
  background-color: #5a656b !important;
  left: 1em; }

.pretty.p-switch.p-fill input:checked ~ .state:before {
  border-color: #5a656b;
  background-color: #5a656b !important; }

.pretty.p-switch.p-fill input:checked ~ .state label:before {
  opacity: 0; }

.pretty.p-switch.p-fill input:checked ~ .state label:after {
  background-color: #fff !important;
  left: 1em; }

.pretty.p-switch.p-slim .state:before {
  height: 0.1em;
  background: #bdc3c7 !important;
  top: calc(50% - 0.1em); }

.pretty.p-switch.p-slim input:checked ~ .state:before {
  border-color: #5a656b;
  background-color: #5a656b !important; }

.pretty.p-has-hover input:hover ~ .state:not(.p-is-hover) {
  display: none; }

.pretty.p-has-hover input:hover ~ .state.p-is-hover {
  display: block; }
  .pretty.p-has-hover input:hover ~ .state.p-is-hover .icon {
    display: block; }

.pretty.p-has-focus input:focus ~ .state label:before {
  box-shadow: 0px 0px 3px 0px #bdc3c7; }

.pretty.p-has-indeterminate input[type='checkbox']:indeterminate ~ .state:not(.p-is-indeterminate) {
  display: none; }

.pretty.p-has-indeterminate input[type='checkbox']:indeterminate ~ .state.p-is-indeterminate {
  display: block; }
  .pretty.p-has-indeterminate input[type='checkbox']:indeterminate ~ .state.p-is-indeterminate .icon {
    display: block;
    opacity: 1; }

.pretty.p-toggle .state.p-on {
  opacity: 0;
  display: none; }

.pretty.p-toggle .state.p-off,
.pretty.p-toggle .state .icon,
.pretty.p-toggle .state .svg,
.pretty.p-toggle .state img {
  opacity: 1;
  display: inherit; }

.pretty.p-toggle .state.p-off .icon {
  color: #bdc3c7; }

.pretty.p-toggle input:checked ~ .state.p-on {
  opacity: 1;
  display: inherit; }

.pretty.p-toggle input:checked ~ .state.p-off {
  opacity: 0;
  display: none; }

.pretty.p-plain input:checked ~ .state label:before, .pretty.p-plain.p-toggle .state label:before {
  content: none; }

.pretty.p-plain.p-plain .icon {
  transform: scale(1.1); }

.pretty.p-round .state label:before, .pretty.p-round .state label:after {
  border-radius: 100%; }

.pretty.p-round.p-icon .state .icon {
  border-radius: 100%;
  overflow: hidden; }
  .pretty.p-round.p-icon .state .icon:before {
    transform: scale(0.8); }

.pretty.p-curve .state label:before, .pretty.p-curve .state label:after {
  border-radius: 20%; }

.pretty.p-smooth label:before,
.pretty.p-smooth label:after,
.pretty.p-smooth .icon,
.pretty.p-smooth .svg {
  transition: all 0.5s ease; }

.pretty.p-smooth input:checked + .state label:after {
  transition: all 0.3s ease; }

.pretty.p-smooth input:checked + .state .icon,
.pretty.p-smooth input:checked + .state .svg,
.pretty.p-smooth input:checked + .state img {
  animation: zoom 0.2s ease; }

.pretty.p-smooth.p-default input:checked + .state label:after {
  animation: zoom 0.2s ease; }

.pretty.p-smooth.p-plain input:checked + .state label:before {
  content: '';
  transform: scale(0);
  transition: all 0.5s ease; }

.pretty.p-tada:not(.p-default) input:checked + .state .icon,
.pretty.p-tada:not(.p-default) input:checked + .state .svg,
.pretty.p-tada:not(.p-default) input:checked + .state img,
.pretty.p-tada:not(.p-default) input:checked + .state label:before,
.pretty.p-tada:not(.p-default) input:checked + .state label:after {
  animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate;
  opacity: 1; }

.pretty.p-jelly:not(.p-default) input:checked + .state .icon,
.pretty.p-jelly:not(.p-default) input:checked + .state .svg,
.pretty.p-jelly:not(.p-default) input:checked + .state img,
.pretty.p-jelly:not(.p-default) input:checked + .state label:before,
.pretty.p-jelly:not(.p-default) input:checked + .state label:after {
  animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1; }

.pretty.p-jelly:not(.p-default) input:checked + .state label:before {
  border-color: transparent; }

.pretty.p-rotate:not(.p-default) input:checked ~ .state .icon,
.pretty.p-rotate:not(.p-default) input:checked ~ .state .svg,
.pretty.p-rotate:not(.p-default) input:checked ~ .state img,
.pretty.p-rotate:not(.p-default) input:checked ~ .state label:before,
.pretty.p-rotate:not(.p-default) input:checked ~ .state label:after {
  animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1; }

.pretty.p-rotate:not(.p-default) input:checked ~ .state label:before {
  border-color: transparent; }

.pretty.p-pulse:not(.p-switch) input:checked ~ .state label:before {
  animation: pulse 1s; }

.pretty input[disabled] {
  cursor: not-allowed;
  display: none; }
  .pretty input[disabled] ~ * {
    opacity: .5; }

.pretty.p-locked input {
  display: none;
  cursor: not-allowed; }

input:checked ~ .state.p-primary label:after, .pretty.p-toggle .state.p-primary label:after {
  background-color: #428bca !important; }

input:checked ~ .state.p-primary .icon,
input:checked ~ .state.p-primary .svg, .pretty.p-toggle .state.p-primary .icon,
.pretty.p-toggle .state.p-primary .svg {
  color: #fff;
  stroke: #fff; }

input:checked ~ .state.p-primary-o label:before, .pretty.p-toggle .state.p-primary-o label:before {
  border-color: #428bca; }

input:checked ~ .state.p-primary-o label:after, .pretty.p-toggle .state.p-primary-o label:after {
  background-color: transparent; }

input:checked ~ .state.p-primary-o .icon,
input:checked ~ .state.p-primary-o .svg,
input:checked ~ .state.p-primary-o svg, .pretty.p-toggle .state.p-primary-o .icon,
.pretty.p-toggle .state.p-primary-o .svg,
.pretty.p-toggle .state.p-primary-o svg {
  color: #428bca;
  stroke: #428bca; }

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-primary-o label:after {
  background-color: #428bca !important; }

.pretty.p-switch input:checked ~ .state.p-primary:before {
  border-color: #428bca; }

.pretty.p-switch.p-fill input:checked ~ .state.p-primary:before {
  background-color: #428bca !important; }

.pretty.p-switch.p-slim input:checked ~ .state.p-primary:before {
  border-color: #245682;
  background-color: #245682 !important; }

input:checked ~ .state.p-info label:after, .pretty.p-toggle .state.p-info label:after {
  background-color: #5bc0de !important; }

input:checked ~ .state.p-info .icon,
input:checked ~ .state.p-info .svg, .pretty.p-toggle .state.p-info .icon,
.pretty.p-toggle .state.p-info .svg {
  color: #fff;
  stroke: #fff; }

input:checked ~ .state.p-info-o label:before, .pretty.p-toggle .state.p-info-o label:before {
  border-color: #5bc0de; }

input:checked ~ .state.p-info-o label:after, .pretty.p-toggle .state.p-info-o label:after {
  background-color: transparent; }

input:checked ~ .state.p-info-o .icon,
input:checked ~ .state.p-info-o .svg,
input:checked ~ .state.p-info-o svg, .pretty.p-toggle .state.p-info-o .icon,
.pretty.p-toggle .state.p-info-o .svg,
.pretty.p-toggle .state.p-info-o svg {
  color: #5bc0de;
  stroke: #5bc0de; }

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-info-o label:after {
  background-color: #5bc0de !important; }

.pretty.p-switch input:checked ~ .state.p-info:before {
  border-color: #5bc0de; }

.pretty.p-switch.p-fill input:checked ~ .state.p-info:before {
  background-color: #5bc0de !important; }

.pretty.p-switch.p-slim input:checked ~ .state.p-info:before {
  border-color: #2390b0;
  background-color: #2390b0 !important; }

input:checked ~ .state.p-success label:after, .pretty.p-toggle .state.p-success label:after {
  background-color: #5cb85c !important; }

input:checked ~ .state.p-success .icon,
input:checked ~ .state.p-success .svg, .pretty.p-toggle .state.p-success .icon,
.pretty.p-toggle .state.p-success .svg {
  color: #fff;
  stroke: #fff; }

input:checked ~ .state.p-success-o label:before, .pretty.p-toggle .state.p-success-o label:before {
  border-color: #5cb85c; }

input:checked ~ .state.p-success-o label:after, .pretty.p-toggle .state.p-success-o label:after {
  background-color: transparent; }

input:checked ~ .state.p-success-o .icon,
input:checked ~ .state.p-success-o .svg,
input:checked ~ .state.p-success-o svg, .pretty.p-toggle .state.p-success-o .icon,
.pretty.p-toggle .state.p-success-o .svg,
.pretty.p-toggle .state.p-success-o svg {
  color: #5cb85c;
  stroke: #5cb85c; }

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-success-o label:after {
  background-color: #5cb85c !important; }

.pretty.p-switch input:checked ~ .state.p-success:before {
  border-color: #5cb85c; }

.pretty.p-switch.p-fill input:checked ~ .state.p-success:before {
  background-color: #5cb85c !important; }

.pretty.p-switch.p-slim input:checked ~ .state.p-success:before {
  border-color: #357935;
  background-color: #357935 !important; }

input:checked ~ .state.p-warning label:after, .pretty.p-toggle .state.p-warning label:after {
  background-color: #f0ad4e !important; }

input:checked ~ .state.p-warning .icon,
input:checked ~ .state.p-warning .svg, .pretty.p-toggle .state.p-warning .icon,
.pretty.p-toggle .state.p-warning .svg {
  color: #fff;
  stroke: #fff; }

input:checked ~ .state.p-warning-o label:before, .pretty.p-toggle .state.p-warning-o label:before {
  border-color: #f0ad4e; }

input:checked ~ .state.p-warning-o label:after, .pretty.p-toggle .state.p-warning-o label:after {
  background-color: transparent; }

input:checked ~ .state.p-warning-o .icon,
input:checked ~ .state.p-warning-o .svg,
input:checked ~ .state.p-warning-o svg, .pretty.p-toggle .state.p-warning-o .icon,
.pretty.p-toggle .state.p-warning-o .svg,
.pretty.p-toggle .state.p-warning-o svg {
  color: #f0ad4e;
  stroke: #f0ad4e; }

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-warning-o label:after {
  background-color: #f0ad4e !important; }

.pretty.p-switch input:checked ~ .state.p-warning:before {
  border-color: #f0ad4e; }

.pretty.p-switch.p-fill input:checked ~ .state.p-warning:before {
  background-color: #f0ad4e !important; }

.pretty.p-switch.p-slim input:checked ~ .state.p-warning:before {
  border-color: #c77c11;
  background-color: #c77c11 !important; }

input:checked ~ .state.p-danger label:after, .pretty.p-toggle .state.p-danger label:after {
  background-color: #d9534f !important; }

input:checked ~ .state.p-danger .icon,
input:checked ~ .state.p-danger .svg, .pretty.p-toggle .state.p-danger .icon,
.pretty.p-toggle .state.p-danger .svg {
  color: #fff;
  stroke: #fff; }

input:checked ~ .state.p-danger-o label:before, .pretty.p-toggle .state.p-danger-o label:before {
  border-color: #d9534f; }

input:checked ~ .state.p-danger-o label:after, .pretty.p-toggle .state.p-danger-o label:after {
  background-color: transparent; }

input:checked ~ .state.p-danger-o .icon,
input:checked ~ .state.p-danger-o .svg,
input:checked ~ .state.p-danger-o svg, .pretty.p-toggle .state.p-danger-o .icon,
.pretty.p-toggle .state.p-danger-o .svg,
.pretty.p-toggle .state.p-danger-o svg {
  color: #d9534f;
  stroke: #d9534f; }

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-danger-o label:after {
  background-color: #d9534f !important; }

.pretty.p-switch input:checked ~ .state.p-danger:before {
  border-color: #d9534f; }

.pretty.p-switch.p-fill input:checked ~ .state.p-danger:before {
  background-color: #d9534f !important; }

.pretty.p-switch.p-slim input:checked ~ .state.p-danger:before {
  border-color: #a02622;
  background-color: #a02622 !important; }

.pretty.p-bigger label:before,
.pretty.p-bigger label:after,
.pretty.p-bigger .icon,
.pretty.p-bigger .svg,
.pretty.p-bigger .img {
  font-size: 1.2em !important;
  top: calc((0% - (100% - 1em)) - 35%) !important; }

.pretty.p-bigger label {
  text-indent: 1.7em; }

@media print {
  .pretty .state:before,
  .pretty .state label:before,
  .pretty .state label:after,
  .pretty .state .icon {
    color-adjust: exact;
    /* stylelint-disable */
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact; } }

@font-face {
  font-family: "Saira-Regular";
  src: url("/static/fonts/Saira-Regular.eot?") format("eot"), url("/static/fonts/Saira-Regular.woff2?beea8e6009e3") format("woff2"), url("/static/fonts/Saira-Regular.woff") format("woff"), url("/static/fonts/Saira-Regular.ttf?beea8e6009e3") format("truetype"), url("/static/fonts/Saira-Regular.svg#Saira-Regular") format("svg"); }

@font-face {
  font-family: "Saira-SemiBold";
  src: url("/static/fonts/Saira-SemiBold.eot?") format("eot"), url("/static/fonts/Saira-SemiBold.woff2?beea8e6009e3") format("woff2"), url("/static/fonts/Saira-SemiBold.woff") format("woff"), url("/static/fonts/Saira-SemiBold.ttf?beea8e6009e3") format("truetype"), url("/static/fonts/Saira-SemiBold.svg#Saira-SemiBold") format("svg"); }

/*
 *  Usage:
 *
      <div class="sk-circle">
        <div class="sk-circle1 sk-child"></div>
        <div class="sk-circle2 sk-child"></div>
        <div class="sk-circle3 sk-child"></div>
        <div class="sk-circle4 sk-child"></div>
        <div class="sk-circle5 sk-child"></div>
        <div class="sk-circle6 sk-child"></div>
        <div class="sk-circle7 sk-child"></div>
        <div class="sk-circle8 sk-child"></div>
        <div class="sk-circle9 sk-child"></div>
        <div class="sk-circle10 sk-child"></div>
        <div class="sk-circle11 sk-child"></div>
        <div class="sk-circle12 sk-child"></div>
      </div>
 *
 */
.sk-circle {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative; }
  .sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  .sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; }
  .sk-circle .sk-circle2 {
    transform: rotate(30deg); }
  .sk-circle .sk-circle3 {
    transform: rotate(60deg); }
  .sk-circle .sk-circle4 {
    transform: rotate(90deg); }
  .sk-circle .sk-circle5 {
    transform: rotate(120deg); }
  .sk-circle .sk-circle6 {
    transform: rotate(150deg); }
  .sk-circle .sk-circle7 {
    transform: rotate(180deg); }
  .sk-circle .sk-circle8 {
    transform: rotate(210deg); }
  .sk-circle .sk-circle9 {
    transform: rotate(240deg); }
  .sk-circle .sk-circle10 {
    transform: rotate(270deg); }
  .sk-circle .sk-circle11 {
    transform: rotate(300deg); }
  .sk-circle .sk-circle12 {
    transform: rotate(330deg); }
  .sk-circle .sk-circle2:before {
    animation-delay: -1.1s; }
  .sk-circle .sk-circle3:before {
    animation-delay: -1s; }
  .sk-circle .sk-circle4:before {
    animation-delay: -0.9s; }
  .sk-circle .sk-circle5:before {
    animation-delay: -0.8s; }
  .sk-circle .sk-circle6:before {
    animation-delay: -0.7s; }
  .sk-circle .sk-circle7:before {
    animation-delay: -0.6s; }
  .sk-circle .sk-circle8:before {
    animation-delay: -0.5s; }
  .sk-circle .sk-circle9:before {
    animation-delay: -0.4s; }
  .sk-circle .sk-circle10:before {
    animation-delay: -0.3s; }
  .sk-circle .sk-circle11:before {
    animation-delay: -0.2s; }
  .sk-circle .sk-circle12:before {
    animation-delay: -0.1s; }

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .hide-in-mobile {
    display: none !important; } }

@media only screen and (max-width: 768px) {
  .hide-in-mobile {
    display: none !important; } }

body {
  font: 100% Saira-Regular;
  color: #0f0f0f;
  margin: 0; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    body {
      min-width: 320px;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    body {
      min-width: 320px;
      width: 100%; } }
a:hover .blue-border-hover-link {
  border-color: #00abf3; }

.font-saira-semi {
  font: 100% Saira-SemiBold; }

.font-saira {
  font: 100% Saira-Regular; }

.fab {
  font-family: 'Font Awesome 5 Brands' !important; }

.font-80 {
  font-size: 80%; }

.inline-b {
  display: inline-block; }

.v-ali-mid {
  vertical-align: middle; }

.visible {
  visibility: visible; }

.no-visible {
  visibility: hidden; }

.visibility-none {
  display: none; }

.clickable:hover {
  cursor: pointer; }

.title-section-big {
  font: 60px Saira-Semibold;
  color: black; }

.description-section {
  font-size: 21px;
  color: #666666;
  max-width: 600px;
  text-align: center;
  padding: 20px 0 60px 0;
  display: block;
  line-height: 24px; }

.description-section-centered {
  padding-bottom: 60px;
  text-align: center;
  font-size: 21px;
  color: #666666;
  width: 1200px;
  margin: auto; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .description-section-centered {
      min-width: 320px;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .description-section-centered {
      min-width: 320px;
      width: 100%; } }
.small-clarification {
  display: block;
  font-size: 12px;
  color: #989898; }

.title-footer {
  font: 16px Saira-Semibold;
  color: white; }

.element-footer {
  font: 10px/12px Saira-Regular;
  color: #f7f7f7; }

.show {
  display: block; }

.full-width {
  width: 100%; }

.container_mitad {
  float: left;
  width: 50%; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .container_mitad {
      float: none;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .container_mitad {
      float: none;
      width: 100%; } }
.col-remove-padding {
  padding-left: 0;
  padding-right: 0; }

.tor-mosaic-row {
  display: inline-block; }

.info-card {
  background-color: #143d7d;
  color: #f7f7f7;
  padding: 15px;
  text-align: left; }
  .info-card span {
    max-width: 100%; }

.sidebar-left {
  width: 30%; }

.sidebar-content-right {
  width: 70%; }

.bottom-right-text {
  position: absolute;
  text-align: right;
  max-width: 25%;
  right: 15px;
  bottom: 15px;
  color: #f7f7f7; }

.top-left-text {
  font-size: 27px;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  position: absolute;
  max-width: 400px;
  height: 55px;
  top: 0px;
  color: #f7f7f7; }

.top-left-body {
  font-size: 20px;
  line-height: 22px;
  position: absolute;
  max-width: 30%;
  top: 100px;
  color: #f7f7f7; }

.container-with-padding-60 {
  padding: 60px; }

.content-title-medium {
  font-size: 30px; }

.content-title-big {
  font-size: 60px;
  margin: 0; }

.section-description-text {
  font-size: 21px;
  color: #666666;
  max-width: 600px;
  text-align: center;
  padding: 20px 0 60px 0;
  display: block;
  line-height: 24px; }

.small-description-text {
  font-size: 14px;
  color: #989898;
  max-width: 600px;
  text-align: center;
  display: block;
  line-height: 17px; }

.home-section-title {
  padding-bottom: 60px;
  text-align: center;
  font-size: 21px;
  color: #666666;
  width: 1200px;
  margin: auto; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .home-section-title {
      min-width: 320px;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .home-section-title {
      min-width: 320px;
      width: 100%; } }
.menu-title-medium {
  font-size: 18px;
  cursor: pointer; }

.debug {
  background-color: lightcoral; }

.tor-container-wrapper {
  text-align: center; }

.tor-container {
  width: 1200px;
  display: inline-block; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .tor-container {
      min-width: 320px;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .tor-container {
      min-width: 320px;
      width: 100%; } }
.error-banner {
  background-image: url("/static/img/banner_error.png?beea8e6009e3");
  font-size: 150px;
  margin: 0;
  text-align: center; }

.tor-container-table {
  width: 1200px;
  display: table;
  margin: auto; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .tor-container-table {
      min-width: 320px;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .tor-container-table {
      min-width: 320px;
      width: 100%; } }
.tor-inner-container-600 {
  width: 600px;
  margin: auto; }

.home-sections-title-style {
  font-size: 0.93em; }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .home-sections-title-style {
      font-size: 0.75em; } }
  @media only screen and (max-width: 420px) {
    .home-sections-title-style {
      font-size: 0.75em; } }
  @media only screen and (max-width: 330px) {
    .home-sections-title-style {
      font-size: 0.75em; } }
.home-promos-title-style {
  font-size: 1.1em; }

.big-title {
  font-size: 60px; }

.big-title-caption {
  color: #666666;
  font-size: 20px; }

.bg-light-gray {
  background-color: #e4e4e4; }

.bg-almost-white {
  background-color: #f7f7f7; }

.item-table {
  border-spacing: 15px; }

button {
  -webkit-appearance: none;
  font-family: Saira-Regular; }

.btn-generic-dimensions {
  width: 150px;
  height: 40px;
  font-size: 23px; }

.btn-generic-size {
  font-size: 18px;
  padding: 10px 30px 10px 30px; }

button[class^="btn-"], div[class*=" btn-"] {
  cursor: pointer; }

.btn-blue {
  background-color: #00abf3;
  border-width: 0;
  color: #FFFFFF !important; }

.btn-blue:hover {
  background-color: #71d0f8; }

.btn-green {
  background-color: #00d65b;
  border-width: 0;
  color: #FFFFFF;
  font-size: 15px; }

.btn-red {
  background-color: #ff5745;
  border-width: 0;
  color: #FFFFFF; }

.btn-red:hover {
  background-color: rgba(255, 87, 69, 0.75); }

.btn-green:hover {
  background-color: #39df7f;
  color: #f7f7f7; }

.btn-blue-border {
  background-color: #FFFFFF;
  border: 1px #00abf3 solid;
  color: #00abf3;
  font-family: Saira-SemiBold; }

.btn-blue-border:hover {
  background-color: #00abf3;
  color: white; }

.btn-grey {
  font-size: 15px;
  background-color: #e4e4e4;
  border: 1px #e4e4e4 solid;
  color: #666666; }

.btn-grey:hover {
  background-color: white; }

.btn-grey-border {
  font-size: 15px;
  background-color: white;
  border: 1px #e4e4e4 solid;
  color: #666666; }
  .btn-grey-border.white-n-sized {
    display: block;
    width: 150px;
    height: 40px;
    padding: 2px;
    font-size: 1.2em;
    border: 1px solid gray;
    margin: 0 auto; }

.btn-grey-border:hover {
  background-color: #e4e4e4; }

.btn-disabled {
  cursor: not-allowed !important; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .btn-disabled {
      background-color: #ccc; }
      .btn-disabled:hover {
        background-color: #ccc !important; } }
  @media only screen and (max-width: 768px) {
    .btn-disabled {
      background-color: #ccc; }
      .btn-disabled:hover {
        background-color: #ccc !important; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .btn-disabled {
      background-color: #ccc; }
      .btn-disabled:hover {
        background-color: #ccc !important; } }
  @media only screen and (max-width: 420px) {
    .btn-disabled {
      background-color: #ccc; }
      .btn-disabled:hover {
        background-color: #ccc !important; } }
  @media only screen and (max-width: 330px) {
    .btn-disabled {
      background-color: #ccc; }
      .btn-disabled:hover {
        background-color: #ccc !important; } }
.btn-disable-color {
  background-color: #EEEEEE;
  color: #000; }
  .btn-disable-color:hover {
    background-color: #EEEEEE;
    color: #000; }

.retomar-pedido {
  float: right;
  height: 30px;
  width: 150px;
  font-size: 16px; }
  @media only screen and (max-width: 420px) {
    .retomar-pedido {
      width: 130px; } }
  @media only screen and (max-width: 330px) {
    .retomar-pedido {
      width: 130px; } }
.uppercase {
  text-transform: uppercase; }

.bold {
  font-family: Saira-SemiBold; }

a {
  color: #0f0f0f;
  text-decoration: none; }

a:hover {
  color: #00abf3;
  text-decoration: none !important; }

a.underline {
  text-decoration: underline; }

a.underline:hover {
  text-decoration: underline !important; }

a.inner-text {
  color: #00abf3;
  text-decoration: none; }

a.inner-text:hover {
  text-decoration: underline !important; }

.btn-wrapper {
  display: table;
  float: right; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .btn-wrapper {
      display: block;
      float: none;
      text-align: center;
      margin: 16px 0 30px 0;
      width: 100%; }
      .btn-wrapper .table-cell {
        display: inline-block !important; } }
  @media only screen and (max-width: 768px) {
    .btn-wrapper {
      display: block;
      float: none;
      text-align: center;
      margin: 16px 0 30px 0;
      width: 100%; }
      .btn-wrapper .table-cell {
        display: inline-block !important; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .btn-wrapper {
      display: block;
      float: none;
      text-align: center;
      margin: 16px 0 30px 0;
      width: 100%; }
      .btn-wrapper .table-cell {
        display: inline-block !important; } }
  @media only screen and (max-width: 420px) {
    .btn-wrapper {
      display: block;
      float: none;
      text-align: center;
      margin: 16px 0 30px 0;
      width: 100%; }
      .btn-wrapper .table-cell {
        display: inline-block !important; } }
  @media only screen and (max-width: 330px) {
    .btn-wrapper {
      display: block;
      float: none;
      text-align: center;
      margin: 16px 0 30px 0;
      width: 100%; }
      .btn-wrapper .table-cell {
        display: inline-block !important; } }
input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #e4e4e4;
  opacity: 1;
  /* Firefox */
  font-family: Saira-Regular; }

input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #e4e4e4; }

input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #e4e4e4; }

input {
  height: 40px;
  padding: 5px;
  font-size: 17px;
  border: 1px #e4e4e4 solid;
  font-family: Saira-Regular; }

.search-submit {
  position: absolute;
  height: 30px;
  width: 40px;
  right: 19px;
  top: 8px;
  border: none;
  background-color: transparent; }

#comments_general {
  border: 1px #e4e4e4 solid; }

#comments_general:hover {
  border: 1px #00abf3 solid; }

input:hover {
  border: 1px #00abf3 solid; }

input:focus {
  color: #666666; }

input:disabled {
  cursor: not-allowed; }

input:read-only {
  cursor: not-allowed; }

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  [name="nueva_empresa"] {
    width: 95%; } }

@media only screen and (max-width: 768px) {
  [name="nueva_empresa"] {
    width: 95%; } }

@media only screen and (min-width: 421px) and (max-width: 767px) {
  [name="nueva_empresa"] {
    width: 95%; } }

@media only screen and (max-width: 420px) {
  [name="nueva_empresa"] {
    width: 100%; } }

select:disabled {
  cursor: not-allowed; }

.label-error {
  color: #ff5745; }

.input-error {
  border: 1px #ff5745 solid; }

.input-error:hover {
  border: 1px #00abf3 solid; }

.input-error:focus {
  border: 1px #00abf3 solid; }

.height-60 {
  height: 60px;
  width: 100%; }

.height-30 {
  height: 30px;
  width: 100%; }

.table-cell {
  display: table-cell; }

.banner {
  width: 1200px;
  height: 350px;
  position: relative; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .banner {
      min-width: 320px;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .banner {
      min-width: 320px;
      width: 100%; } }
.banner-text-container {
  max-width: 40%;
  position: absolute;
  top: 70px;
  left: 650px;
  text-align: left; }

.banner-title {
  font: 40px Saira-SemiBold;
  color: #0f0f0f; }

.banner-text {
  color: #666666;
  font: 21px Saira-Regular;
  line-height: 23px; }

.btn-banner {
  margin-top: 10px;
  padding: 5px 30px 5px 30px;
  font-size: 17px; }

.see-more-link {
  color: #00abf3; }

.see-more-link:hover {
  cursor: pointer; }

.left-menu {
  width: 280px;
  padding-left: 30px;
  display: table-cell;
  vertical-align: top; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .left-menu {
      display: none; } }
  @media only screen and (max-width: 768px) {
    .left-menu {
      display: none; } }
.left-menu .title {
  font: 17px Saira-SemiBold;
  color: black;
  padding-bottom: 15px;
  display: table; }

.left-menu .title:hover {
  cursor: pointer; }

.left-menu .item {
  font: 14px Saira-Regular;
  color: #666666;
  padding-bottom: 5px; }

.right-menu {
  padding-left: 20px; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .right-menu {
      padding-left: 0; } }
  @media only screen and (max-width: 768px) {
    .right-menu {
      padding-left: 0; } }
.right-menu .title {
  font-size: 27px;
  padding-bottom: 20px;
  margin-top: -5px; }

.item-counter {
  color: #666666;
  font-family: Saira-Regular; }

.separador {
  height: 20px;
  border-bottom: solid 1px #e4e4e4;
  margin-bottom: 20px; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .separador {
      width: 95%;
      margin-left: auto;
      margin-right: auto;
      height: 50px; } }
  @media only screen and (max-width: 768px) {
    .separador {
      width: 95%;
      margin-left: auto;
      margin-right: auto;
      height: 50px; } }
.dropdown-content .row .column a {
  color: #aaaaaa; }

.chevron-down {
  background: url("/static/img/common/I_flecha_selector.svg?beea8e6009e3");
  background-position: center;
  background-repeat: no-repeat;
  height: 14px;
  width: 20px;
  margin-right: 5px; }

.chevron-up {
  background: url("/static/img/common/I_flecha_selector.svg?beea8e6009e3");
  background-position: center;
  transform: rotate(180deg);
  background-repeat: no-repeat;
  height: 14px;
  width: 20px;
  margin-right: 5px; }

.mi-cuenta-menu {
  width: 229px !important;
  position: absolute;
  margin-left: -30px;
  margin-right: -30px;
  padding-left: 30px;
  text-align: left;
  padding-bottom: 20px;
  padding-top: 5px; }
  .mi-cuenta-menu hr {
    margin-top: 15px;
    margin-bottom: 0;
    margin-left: 20px;
    width: 129px;
    opacity: 0.3; }
  .mi-cuenta-menu a {
    margin-top: 15px;
    font-family: Saira-SemiBold; }
    .mi-cuenta-menu a img {
      vertical-align: middle;
      margin-right: 10px; }
  .mi-cuenta-menu a:hover {
    color: #00abf3;
    text-decoration: none; }
  .mi-cuenta-menu .change-icon > .fa + .fa,
  .mi-cuenta-menu .change-icon:hover > .fa {
    display: none; }
  .mi-cuenta-menu .change-icon:hover > .fa + .fa {
    display: inline-block; }

.change-icon > .fa + .fa,
.change-icon:hover > .fa {
  display: none; }

.change-icon:hover > .fa + .fa {
  display: inline-block; }

.edit-icon {
  background: url("/static/img/cart/I_editar_info.svg?beea8e6009e3");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 20px;
  height: 20px;
  float: right;
  margin-right: 15px; }

.font-12 {
  font-size: 12px; }

.font-14 {
  font-size: 14px; }

.fav-counter {
  border: 1px solid #666666;
  border-radius: 5px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 14px;
  display: inline-block;
  width: 30px; }

.add-item-toast {
  background-color: white !important; }

.color-blue {
  color: #00abf3; }

.toast-content {
  text-align: center; }

.toast-img {
  width: 60px;
  height: 60px;
  border: 1px solid #e4e4e4;
  object-fit: scale-down; }

.sk-circle {
  width: 20px !important;
  height: 20px !important;
  margin: 0 auto !important; }

.slide-enter {
  opacity: 0;
  display: none; }

.f-size-80 {
  font-size: 80%; }

.d-table {
  display: table; }

.d-inline-block {
  display: inline-block; }

.d-grid {
  display: grid; }

.w25 {
  width: 25% !important; }

.w33 {
  width: 33%; }

.w50 {
  width: 50%; }

.w70 {
  width: 70%; }

.w75 {
  width: 75%; }

.w100 {
  width: 100% !important; }

.max-w-200 {
  max-width: 200px; }

.content-width-med {
  width: 975px; }

.f-left {
  float: left; }

.f-right {
  float: right; }

.p-absolute {
  position: absolute; }

.text-a-l {
  text-align: left; }

.text-a-c {
  text-align: center; }

.text-a-r {
  text-align: right; }

.pos-rel {
  position: relative; }

.visible-always-in-mobile {
  display: none; }

.centered-container {
  text-align: center;
  width: 1200px;
  margin: 0 auto; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .centered-container {
      min-width: 320px;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .centered-container {
      min-width: 320px;
      width: 100%; } }
  .centered-container.padded-bottom {
    padding-bottom: 40px; }

@media only screen and (max-width: 768px) {
  .dark-blue-in-mobile {
    color: #143d7d; }
  .content-width-med {
    width: 100%; }
  .no-padding-in-mobile {
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important; }
  .flex-in-mobile {
    display: flex !important; }
  .block-in-mobile {
    display: block !important; }
  .inline-block-in-mobile {
    display: inline-block !important; }
  .inline-in-mobile {
    display: inline !important; }
  .p-relative-in-mobile {
    position: relative !important; }
  .small-font-in-mobile {
    font-size: 0.8em; }
  .gray-font-in-mobile {
    color: #666666; }
  .w80-in-mobile {
    width: 80% !important; }
  .w90-in-mobile {
    width: 90% !important; }
  .w100-in-mobile {
    width: 100% !important; }
  .w50-in-mobile {
    width: 50% !important; }
  .w35-in-mobile {
    width: 35% !important; }
  .w45-in-mobile {
    width: 45% !important; }
  .w55-in-mobile {
    width: 55% !important; }
  .w90-in-mobile {
    width: 90% !important; }
  .no-max-width-in-mobile {
    max-width: none !important; }
  .centered-in-mobile {
    margin: 0 auto !important; }
  .winherit-in-mobile {
    width: inherit !important; }
  .spread-in-mobile {
    justify-content: space-around !important; }
  .no-margin-in-mobile {
    margin: 0 !important; }
  .in-mobile-style {
    color: #143d7d; }
  .in-mobile-w100 {
    width: 100% !important; }
  .in-mobile-w90 {
    width: 90% !important; }
  .in-mobile-ml-15 {
    margin-left: 15px; }
  .in-mobile-ml-4prz {
    margin-left: 4%; }
  .in-mobile-ml-auto {
    margin-left: auto !important; }
  .in-mobile-mr-auto {
    margin-right: auto !important; }
  .text-left-in-mobile {
    text-align: left !important; }
  .text-center-in-mobile {
    text-align: center !important; }
  .flex-item-right-in-mobile {
    justify-content: flex-end !important; }
  .visible-always-in-mobile {
    display: block !important; } }

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .dark-blue-in-mobile {
    color: #143d7d; }
  .content-width-med {
    width: 100%; }
  .no-padding-in-mobile {
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important; }
  .flex-in-mobile {
    display: flex !important; }
  .block-in-mobile {
    display: block !important; }
  .inline-block-in-mobile {
    display: inline-block !important; }
  .inline-in-mobile {
    display: inline !important; }
  .p-relative-in-mobile {
    position: relative !important; }
  .small-font-in-mobile {
    font-size: 0.8em; }
  .gray-font-in-mobile {
    color: #666666; }
  .w80-in-mobile {
    width: 80% !important; }
  .w90-in-mobile {
    width: 90% !important; }
  .w100-in-mobile {
    width: 100% !important; }
  .w50-in-mobile {
    width: 50% !important; }
  .w35-in-mobile {
    width: 35% !important; }
  .w45-in-mobile {
    width: 45% !important; }
  .w55-in-mobile {
    width: 55% !important; }
  .w90-in-mobile {
    width: 90% !important; }
  .no-max-width-in-mobile {
    max-width: none !important; }
  .centered-in-mobile {
    margin: 0 auto !important; }
  .winherit-in-mobile {
    width: inherit !important; }
  .spread-in-mobile {
    justify-content: space-around !important; }
  .no-margin-in-mobile {
    margin: 0 !important; }
  .in-mobile-style {
    color: #143d7d; }
  .in-mobile-w100 {
    width: 100% !important; }
  .in-mobile-w90 {
    width: 90% !important; }
  .in-mobile-ml-15 {
    margin-left: 15px; }
  .in-mobile-ml-4prz {
    margin-left: 4%; }
  .in-mobile-ml-auto {
    margin-left: auto !important; }
  .in-mobile-mr-auto {
    margin-right: auto !important; }
  .text-left-in-mobile {
    text-align: left !important; }
  .text-center-in-mobile {
    text-align: center !important; }
  .flex-item-right-in-mobile {
    justify-content: flex-end !important; }
  .visible-always-in-mobile {
    display: block !important; } }

/*
This .scss loop will create "margin helpers" and "padding helpers" for use in your web projects.
It will generate several classes such as:
.m-r-10 which gives margin-right 10 pixels.
.m-r-15 gives MARGIN to the RIGHT 15 pixels.
.m-t-15 gives MARGIN to the TOP 15 pixels and so on.
.p-b-5 gives PADDING to the BOTTOM of 5 pixels
.p-l-40 gives PADDING to the LEFT of 40 pixels
The first letter is "m" or "p" for MARGIN or PADDING
Second letter is "t", "b", "l", or "r" for TOP, BOTTOM, LEFT, or RIGHT
Third letter is the number of spacing in pixels. Adjust the amounts generated by editing the $spaceamounts variable below.
*/
.m-t-0 {
  margin-top: 0px !important; }

.p-t-0 {
  padding-top: 0px !important; }

.m-b-0 {
  margin-bottom: 0px !important; }

.p-b-0 {
  padding-bottom: 0px !important; }

.m-l-0 {
  margin-left: 0px !important; }

.p-l-0 {
  padding-left: 0px !important; }

.m-r-0 {
  margin-right: 0px !important; }

.p-r-0 {
  padding-right: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.p-l-5 {
  padding-left: 5px !important; }

.m-r-5 {
  margin-right: 5px !important; }

.p-r-5 {
  padding-right: 5px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.p-l-15 {
  padding-left: 15px !important; }

.m-r-15 {
  margin-right: 15px !important; }

.p-r-15 {
  padding-right: 15px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.p-l-30 {
  padding-left: 30px !important; }

.m-r-30 {
  margin-right: 30px !important; }

.p-r-30 {
  padding-right: 30px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.p-l-45 {
  padding-left: 45px !important; }

.m-r-45 {
  margin-right: 45px !important; }

.p-r-45 {
  padding-right: 45px !important; }

.m-t-60 {
  margin-top: 60px !important; }

.p-t-60 {
  padding-top: 60px !important; }

.m-b-60 {
  margin-bottom: 60px !important; }

.p-b-60 {
  padding-bottom: 60px !important; }

.m-l-60 {
  margin-left: 60px !important; }

.p-l-60 {
  padding-left: 60px !important; }

.m-r-60 {
  margin-right: 60px !important; }

.p-r-60 {
  padding-right: 60px !important; }

.m-t-75 {
  margin-top: 75px !important; }

.p-t-75 {
  padding-top: 75px !important; }

.m-b-75 {
  margin-bottom: 75px !important; }

.p-b-75 {
  padding-bottom: 75px !important; }

.m-l-75 {
  margin-left: 75px !important; }

.p-l-75 {
  padding-left: 75px !important; }

.m-r-75 {
  margin-right: 75px !important; }

.p-r-75 {
  padding-right: 75px !important; }

.m-t-100 {
  margin-top: 100px !important; }

.p-t-100 {
  padding-top: 100px !important; }

.m-b-100 {
  margin-bottom: 100px !important; }

.p-b-100 {
  padding-bottom: 100px !important; }

.m-l-100 {
  margin-left: 100px !important; }

.p-l-100 {
  padding-left: 100px !important; }

.m-r-100 {
  margin-right: 100px !important; }

.p-r-100 {
  padding-right: 100px !important; }

.filter-separator {
  margin-top: 15px;
  margin-bottom: 15px;
  opacity: 0.3; }

.icono-fav {
  background-image: url(/static/img/categories_products/I_icono_hacer_favorito.svg?beea8e6009e3);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 26px;
  height: 26px; }
  .icono-fav:hover {
    background-image: url(/static/img/categories_products/I_icono_hacer_favorito_hover.svg?beea8e6009e3); }
  .icono-fav.activo {
    background-image: url(/static/img/categories_products/I_icono_es_favorito.svg?beea8e6009e3); }

.text-fav {
  height: 26px;
  line-height: 26px;
  display: table-cell;
  color: #ff8b32;
  vertical-align: middle; }

.fav-wrapper {
  width: 250px; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .fav-wrapper {
      width: 100%;
      margin: 16px 0; } }
  @media only screen and (max-width: 768px) {
    .fav-wrapper {
      width: 100%;
      margin: 16px 0; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .fav-wrapper {
      width: 100%;
      margin: 16px 0; } }
  @media only screen and (max-width: 420px) {
    .fav-wrapper {
      width: 100%;
      margin: 16px 0; } }
.fav-wrapper:hover {
  cursor: pointer; }

.lum-lightbox.lum-open {
  z-index: 999; }

.outer-promo-container {
  padding-top: 10px;
  padding-bottom: 40px; }
  .outer-promo-container .inner-promo-container {
    width: 1200px;
    margin: auto; }
    @media only screen and (max-width: 1024px) and (min-width: 769px) {
      .outer-promo-container .inner-promo-container {
        min-width: 320px;
        width: 100%; } }
    @media only screen and (max-width: 768px) {
      .outer-promo-container .inner-promo-container {
        min-width: 320px;
        width: 100%; } }
  .outer-promo-container .promo-header {
    margin: auto;
    text-align: center; }
  .outer-promo-container .promo-list-container {
    display: table;
    width: 100%;
    margin: auto;
    text-align: center; }
    @media only screen and (max-width: 1024px) and (min-width: 769px) {
      .outer-promo-container .promo-list-container .columns {
        display: inline-block;
        width: 45%; } }
    @media only screen and (max-width: 768px) {
      .outer-promo-container .promo-list-container .columns {
        display: inline-block;
        width: 45%; } }
    @media only screen and (min-width: 421px) and (max-width: 767px) {
      .outer-promo-container .promo-list-container .columns {
        display: inline-block;
        width: 45%; } }
    @media only screen and (max-width: 420px) {
      .outer-promo-container .promo-list-container .columns {
        display: inline-block;
        width: 100%; } }
    .outer-promo-container .promo-list-container .promo-inner-container {
      height: 370px;
      display: inline-flex;
      width: 30%;
      padding-left: 5px;
      padding-right: 5px; }
      @media only screen and (max-width: 1024px) and (min-width: 769px) {
        .outer-promo-container .promo-list-container .promo-inner-container {
          width: 45%; } }
      @media only screen and (max-width: 768px) {
        .outer-promo-container .promo-list-container .promo-inner-container {
          width: 43%; } }
      @media only screen and (min-width: 421px) and (max-width: 767px) {
        .outer-promo-container .promo-list-container .promo-inner-container {
          width: 90%;
          justify-content: center; } }
      @media only screen and (max-width: 420px) {
        .outer-promo-container .promo-list-container .promo-inner-container {
          width: 90%;
          justify-content: center; } }
      .outer-promo-container .promo-list-container .promo-inner-container .promo-container {
        padding-bottom: 10px; }
        .outer-promo-container .promo-list-container .promo-inner-container .promo-container .img-container {
          border: 1px solid lightgray; }
          .outer-promo-container .promo-list-container .promo-inner-container .promo-container .img-container img {
            width: 100%;
            height: 290px;
            border-bottom: 5px solid #00d65b;
            object-fit: cover; }
        .outer-promo-container .promo-list-container .promo-inner-container .promo-container p {
          margin-top: 0.2em;
          vertical-align: top; }
  .outer-promo-container .bottom-row {
    padding-top: 10px; }
  .outer-promo-container .button-gray {
    width: 100px;
    border: 1px solid gray;
    margin: auto;
    text-align: center; }

.dropdown-content {
  z-index: 2; }

.home-blog-card {
  display: inline-block;
  padding: 4px;
  width: 24%;
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: left;
  vertical-align: top; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .home-blog-card {
      width: 31%; } }
  @media only screen and (max-width: 768px) {
    .home-blog-card {
      width: 45%; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .home-blog-card {
      width: 45%; } }
  @media only screen and (max-width: 420px) {
    .home-blog-card {
      width: 90%; } }
  .home-blog-card .card-image {
    width: 100%;
    height: 150px;
    background-size: cover; }
  .home-blog-card .card-container {
    padding-left: 10px;
    padding-right: 10px; }
    .home-blog-card .card-container h3 {
      font-size: 16px; }
    .home-blog-card .card-container p {
      font-size: 14px; }
  .home-blog-card .card-info {
    color: grey;
    display: inline-block;
    margin: 0px; }
    .home-blog-card .card-info.left {
      text-align: left;
      width: 24%; }
    .home-blog-card .card-info.right {
      text-align: right;
      width: 74%; }

.menu-overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  display: none;
  z-index: 1;
  top: 91px;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  overflow-x: hidden; }
  .menu-overlay.sticky-menu {
    top: 50px; }

.z-2 {
  z-index: 2; }

.table-scaled {
  width: 100%; }
  .table-scaled .header {
    background-color: #f7f7f7;
    text-align: center;
    height: 40px; }
  .table-scaled .body-content {
    text-align: center; }
  .table-scaled .bg-row {
    background-color: #e4e4e4; }

.m-0-h1 {
  margin-top: 0;
  margin-bottom: 0; }

.custom-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center; }
  .custom-icon.medium {
    width: 32px;
    height: 32px; }
  .custom-icon.big {
    width: 64px;
    height: 64px; }
  .custom-icon.big50 {
    width: 50px;
    height: 50px; }
  .custom-icon.arrow-right {
    background-image: url("/static/img/header/iconos/arrow-right.png?beea8e6009e3"); }
    .custom-icon.arrow-right-blue {
      background-image: url("/static/img/header/iconos/arrow-right-blue.svg?beea8e6009e3"); }
    .custom-icon.arrow-right-black {
      background-image: url("/static/img/arrow-r.svg?beea8e6009e3"); }
  .custom-icon.arrow-down {
    background-image: url("/static/img/header/iconos/arrow-down.png?beea8e6009e3"); }
    .custom-icon.arrow-down-black {
      background-image: url("/static/img/down-black.svg?beea8e6009e3"); }
  .custom-icon.arrow-up-black {
    background-image: url("/static/img/up-black.svg?beea8e6009e3"); }
  .custom-icon.arrow-left {
    background-image: url("/static/img/arrow-l.svg?beea8e6009e3"); }
  .custom-icon.plus {
    background-image: url("/static/img/header/iconos/suma-mas.svg?beea8e6009e3"); }
  .custom-icon.minus {
    background-image: url("/static/img/header/iconos/minus.svg?beea8e6009e3"); }
  .custom-icon.fav {
    background-image: url("/static/img/header/iconos/favoritos.svg?beea8e6009e3"); }
  .custom-icon.user {
    background-image: url("/static/img/header/iconos/user.svg?beea8e6009e3"); }
  .custom-icon.user_gray {
    background-image: url("/static/img/header/iconos/user_gray.svg?beea8e6009e3"); }
  .custom-icon.view-list {
    background-image: url("/static/img/view-list.svg?beea8e6009e3"); }
  .custom-icon.view-grid {
    background-image: url("/static/img/view-grid.svg?beea8e6009e3"); }
  .custom-icon.filter {
    background-image: url("/static/img/filtros.svg?beea8e6009e3"); }
  .custom-icon.cart-white {
    background-image: url("/static/img/cart-white.svg?beea8e6009e3"); }
  .custom-icon.close {
    background-image: url("/static/img/close_modal.svg?beea8e6009e3"); }
  .custom-icon.btn-plus {
    background-image: url("/static/img/boton_mas.svg?beea8e6009e3"); }
  .custom-icon.btn-minus {
    background-image: url("/static/img/boton_menos.svg?beea8e6009e3"); }
  .custom-icon.menu-option {
    background-image: url("/static/img/header/iconos/desplegable_menu_mi_cuenta/Vector.svg?beea8e6009e3"); }

.media-contents {
  display: inline-block; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .media-contents {
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .media-contents {
      width: 100%; } }
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .media-images {
    float: none !important;
    display: block !important;
    width: 100% !important; } }

@media only screen and (max-width: 768px) {
  .media-images {
    float: none !important;
    display: block !important;
    width: 100% !important; } }

#up-button-scroll {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 126px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #E4E4E4;
  color: #FFFFFF;
  cursor: pointer;
  padding: 12px;
  border-radius: 90px;
  height: 48px; }

.mt-25px {
  margin-top: 25px; }

.mb-25px {
  margin-bottom: 25px; }

.pt-5px {
  padding-top: 5px; }

.pt-20px {
  padding-top: 20px; }

.pb-35px {
  padding-bottom: 35px; }

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .hide-in-responsive {
    display: none; } }

@media only screen and (max-width: 768px) {
  .hide-in-responsive {
    display: none; } }

.show-in-responsible {
  display: none; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .show-in-responsible {
      display: block; } }
  @media only screen and (max-width: 768px) {
    .show-in-responsible {
      display: block; } }
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .ajust-text {
    text-align: left;
    padding: 0 16px; } }

@media only screen and (max-width: 768px) {
  .ajust-text {
    text-align: left;
    padding: 0 16px; } }

@media only screen and (min-width: 421px) and (max-width: 767px) {
  .ajust-text {
    text-align: left;
    padding: 0 16px; } }

@media only screen and (max-width: 420px) {
  .ajust-text {
    text-align: left;
    padding: 0 16px; } }

.width-container {
  width: 897px; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .width-container {
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .width-container {
      width: 100%; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .width-container {
      width: 100%; } }
  @media only screen and (max-width: 420px) {
    .width-container {
      width: 100%; } }
.display-container {
  display: table-cell; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .display-container {
      display: block; } }
  @media only screen and (max-width: 768px) {
    .display-container {
      display: block; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .display-container {
      display: block; } }
  @media only screen and (max-width: 420px) {
    .display-container {
      display: block; } }
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .hide-order {
    display: none; } }

@media only screen and (max-width: 768px) {
  .hide-order {
    display: none; } }

@media only screen and (min-width: 421px) and (max-width: 767px) {
  .hide-order {
    display: none; } }

@media only screen and (max-width: 420px) {
  .hide-order {
    display: none; } }

.show-order {
  display: none; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .show-order {
      display: block; } }
  @media only screen and (max-width: 768px) {
    .show-order {
      display: block; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .show-order {
      display: block; } }
  @media only screen and (max-width: 420px) {
    .show-order {
      display: block; } }
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .order-row .select2-container {
    display: none; } }

@media only screen and (max-width: 768px) {
  .order-row .select2-container {
    display: none; } }

@media only screen and (min-width: 421px) and (max-width: 767px) {
  .order-row .select2-container {
    display: none; } }

@media only screen and (max-width: 420px) {
  .order-row .select2-container {
    display: none; } }

.btn-filter {
  font-size: 14px;
  border-radius: 5px;
  border: none;
  padding: 8px;
  float: left; }

.filter-panel {
  width: 40%;
  height: 100%;
  position: fixed;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 99;
  box-shadow: 5px 5px 5px -5px #000;
  overflow-y: scroll;
  display: none;
  margin-top: 65px; }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .filter-panel {
      width: 50%; } }
  @media only screen and (max-width: 420px) {
    .filter-panel {
      width: 85%; } }
.content-filter {
  padding: 16px;
  text-align: left;
  margin-bottom: 64px; }

.header-filter {
  text-align: left;
  background-color: #eee; }

.grey-light {
  color: #eee;
  background-color: #eee; }

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .display-responsive {
    top: 65px !important; } }

@media only screen and (max-width: 768px) {
  .display-responsive {
    top: 65px !important; } }

@media only screen and (min-width: 421px) and (max-width: 767px) {
  .display-responsive {
    top: 65px !important; } }

@media only screen and (max-width: 420px) {
  .display-responsive {
    top: 65px !important; } }

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .display-responsive .order-total {
    width: 100% !important; } }

@media only screen and (max-width: 768px) {
  .display-responsive .order-total {
    width: 100% !important; } }

@media only screen and (min-width: 421px) and (max-width: 767px) {
  .display-responsive .order-total {
    width: 100% !important; } }

@media only screen and (max-width: 420px) {
  .display-responsive .order-total {
    width: 100% !important; } }

.blck-position {
  display: table; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .blck-position {
      display: block; } }
  @media only screen and (max-width: 768px) {
    .blck-position {
      display: block; } }
  @media only screen and (max-width: 420px) {
    .blck-position {
      display: block; } }
.tcell-to-block {
  display: table-cell; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .tcell-to-block {
      display: block;
      margin: auto; } }
  @media only screen and (max-width: 768px) {
    .tcell-to-block {
      display: block;
      margin: auto; } }
  @media only screen and (max-width: 420px) {
    .tcell-to-block {
      display: block;
      margin: auto; } }
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .panel-pedido {
    display: block !important;
    margin: auto;
    width: 600px !important; } }

@media only screen and (max-width: 768px) {
  .panel-pedido {
    display: block !important;
    margin: auto;
    width: 600px !important; } }

@media only screen and (min-width: 421px) and (max-width: 767px) {
  .panel-pedido {
    display: block !important;
    margin: auto;
    padding-left: 0 !important;
    padding-right: 0 !important; } }

@media only screen and (max-width: 420px) {
  .panel-pedido {
    display: block !important;
    margin: auto;
    width: 300px !important; } }

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .panel-pedido .order-total-wrapper {
    margin: auto; } }

@media only screen and (max-width: 768px) {
  .panel-pedido .order-total-wrapper {
    margin: auto; } }

@media only screen and (max-width: 420px) {
  .panel-pedido #form-incluir-pedido .container-400 {
    width: 280px !important; } }

@media only screen and (max-width: 420px) {
  .panel-pedido #form-incluir-pedido input {
    width: 280px !important; } }

@media only screen and (max-width: 330px) {
  .panel-pedido #form-incluir-pedido input {
    width: 250px !important; } }

@media only screen and (max-width: 768px) {
  .panel-pedido .order-total-wrapper {
    width: 300px !important; } }

@media only screen and (min-width: 421px) and (max-width: 767px) {
  .panel-pedido .order-total-wrapper {
    width: 300px !important; } }

@media only screen and (max-width: 420px) {
  .panel-pedido .order-total-wrapper {
    width: 300px !important; } }

@media only screen and (max-width: 330px) {
  .panel-pedido .order-total-wrapper {
    width: 250px !important; } }

.auto-width {
  width: 800px; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .auto-width {
      width: 800px; } }
  @media only screen and (max-width: 768px) {
    .auto-width {
      width: 600px; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .auto-width {
      width: 400px; } }
  @media only screen and (max-width: 420px) {
    .auto-width {
      width: 300px; } }
  @media only screen and (max-width: 330px) {
    .auto-width {
      width: 280px; } }
@media only screen and (max-width: 768px) {
  .responsive-add-item {
    margin-right: 0 !important; } }

@media only screen and (min-width: 421px) and (max-width: 767px) {
  .responsive-add-item {
    margin-right: 0 !important; } }

@media only screen and (max-width: 420px) {
  .responsive-add-item {
    margin-right: 0 !important; } }

.responsive-add-item label {
  display: block !important; }

.responsive-add-item input {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important; }

@media only screen and (max-width: 768px) {
  .item-text-container-fixed-width {
    width: auto !important; } }

@media only screen and (min-width: 421px) and (max-width: 767px) {
  .item-text-container-fixed-width {
    width: auto !important; } }

@media only screen and (max-width: 420px) {
  .item-text-container-fixed-width {
    width: 300px !important;
    padding-left: 0 !important; } }

@media only screen and (max-width: 330px) {
  .item-text-container-fixed-width {
    width: 270px !important;
    padding-left: 0 !important; } }

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .align-right-header {
    width: auto;
    padding-left: 120px; } }

@media only screen and (max-width: 768px) {
  .align-right-header {
    width: auto;
    padding-left: 120px; } }

@media only screen and (max-width: 420px) {
  .align-right-header {
    width: auto;
    padding-left: 0; } }

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .m-t-16 {
    margin-top: 16px; } }

@media only screen and (max-width: 768px) {
  .m-t-16 {
    margin-top: 16px; } }

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .desgloce-precio {
    width: 100% !important;
    margin-top: 8px;
    margin-bottom: 8px; } }

@media only screen and (max-width: 768px) {
  .desgloce-precio {
    width: 100% !important;
    margin-top: 8px;
    margin-bottom: 8px; } }

.m-r-30-0 {
  margin-right: 30px; }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .m-r-30-0 {
      margin-right: 0; } }
  @media only screen and (max-width: 420px) {
    .m-r-30-0 {
      margin-right: 0; } }
.pedido-left {
  display: table-cell;
  width: 800px; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .pedido-left {
      display: inline-block;
      width: 80%; } }
  @media only screen and (max-width: 768px) {
    .pedido-left {
      display: inline-block;
      width: 80%; } }
  @media only screen and (max-width: 420px) {
    .pedido-left {
      display: inline-block;
      width: 90%; } }
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .panel-incluir-en-pedido {
    display: inline-block !important;
    width: 80% !important; } }

@media only screen and (max-width: 768px) {
  .panel-incluir-en-pedido {
    display: inline-block !important;
    width: 80% !important; } }

@media only screen and (min-width: 421px) and (max-width: 767px) {
  .panel-incluir-en-pedido {
    padding-left: 0 !important;
    padding-right: 0 !important; } }

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .order-total-wrapper {
    margin: auto !important; } }

@media only screen and (max-width: 768px) {
  .order-total-wrapper {
    margin: auto !important; } }

@media only screen and (min-width: 421px) and (max-width: 767px) {
  .order-total-wrapper {
    margin: auto !important; } }

@media only screen and (max-width: 420px) {
  .order-total-wrapper {
    width: auto;
    margin: auto !important; } }

@media only screen and (min-width: 421px) and (max-width: 767px) {
  #form-incluir-pedido input {
    width: 380px !important;
    margin: auto !important; } }

@media only screen and (min-width: 421px) and (max-width: 520px) {
  #form-incluir-pedido input {
    width: 280px !important;
    margin: auto !important; } }

@media only screen and (max-width: 420px) {
  #form-incluir-pedido input {
    width: 275px !important;
    margin: auto !important; } }

@media only screen and (max-width: 330px) {
  #form-incluir-pedido input {
    width: 240px !important;
    margin: auto !important; } }

@media only screen and (min-width: 421px) and (max-width: 767px) {
  #form-incluir-pedido .container-400 {
    width: 400px;
    margin: auto; } }

@media only screen and (min-width: 421px) and (max-width: 520px) {
  #form-incluir-pedido .container-400 {
    width: 300px !important;
    margin: auto !important; } }

@media only screen and (max-width: 420px) {
  #form-incluir-pedido .container-400 {
    width: 300px !important;
    margin: auto !important; } }

@media only screen and (max-width: 330px) {
  #form-incluir-pedido .container-400 {
    width: 260px !important;
    margin: auto !important; } }

.block-carshop {
  display: table; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .block-carshop {
      display: block; } }
  @media only screen and (max-width: 768px) {
    .block-carshop {
      display: block; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .block-carshop {
      display: block; } }
  @media only screen and (max-width: 420px) {
    .block-carshop {
      display: block; } }
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .pedido-steps-title {
    padding: 0 25px; } }

@media only screen and (max-width: 768px) {
  .pedido-steps-title {
    padding: 0 25px; } }

@media only screen and (min-width: 421px) and (max-width: 767px) {
  .pedido-steps-title {
    padding: 0 25px; } }

@media only screen and (max-width: 420px) {
  .pedido-steps-title {
    padding: 0; } }

.block-envio {
  display: table-cell;
  width: 800px; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .block-envio {
      display: block;
      width: 800px;
      margin: auto; } }
  @media only screen and (max-width: 768px) {
    .block-envio {
      display: block;
      width: 675px;
      margin: auto; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .block-envio {
      display: block;
      width: 575px;
      margin: auto; } }
  @media only screen and (max-width: 420px) {
    .block-envio {
      display: block;
      width: 320px;
      margin: auto; } }
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .m-l-r30 {
    margin-left: 30px !important; } }

@media only screen and (max-width: 768px) {
  .m-l-r30 {
    margin-left: 30px !important; } }

@media only screen and (min-width: 421px) and (max-width: 767px) {
  .m-l-r30 {
    margin-left: 30px !important; } }

@media only screen and (max-width: 420px) {
  .m-l-r30 {
    margin-left: 30px !important; } }

.d-table-block {
  display: table-row; }
  @media only screen and (max-width: 420px) {
    .d-table-block {
      display: block; } }
.position-lista-items {
  padding: 30px;
  padding-right: 0px; }
  @media only screen and (max-width: 420px) {
    .position-lista-items {
      padding-left: 0; } }
.imagen-op-envio {
  position: absolute; }
  @media only screen and (max-width: 420px) {
    .imagen-op-envio {
      position: unset;
      display: block !important; } }
.fade-enter-active, .fade-leave-active {
  transition: opacity .3s; }

.fade-enter, .fade-leave-to {
  opacity: 0; }

.height-30 {
  height: 30px; }

.size-block {
  width: 390px;
  margin: 30px auto; }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .size-block {
      width: 270px; } }
  @media only screen and (max-width: 420px) {
    .size-block {
      width: 270px; } }
@-moz-document url-prefix() {
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .v-aling {
      top: 6px !important;
      position: relative; } }
  @media only screen and (max-width: 768px) {
    .v-aling {
      top: 6px !important;
      position: relative; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .v-aling {
      top: 6px !important;
      position: relative; } }
  @media only screen and (max-width: 420px) {
    .v-aling {
      top: 6px !important;
      position: relative; } } }

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .v-aling {
    top: 4px;
    position: relative; } }

@media only screen and (max-width: 768px) {
  .v-aling {
    top: 4px;
    position: relative; } }

@media only screen and (min-width: 421px) and (max-width: 767px) {
  .v-aling {
    top: 4px;
    position: relative; } }

@media only screen and (max-width: 420px) {
  .v-aling {
    top: 4px;
    position: relative; } }

.m-auto-res {
  margin: auto; }

.t-end-res {
  text-align: end; }

.a-text-left {
  text-align: left; }

.p-x-16 {
  padding-left: 16px;
  padding-right: 16px; }

.footer-newsletter {
  width: 290px !important; }

.show-more-btn {
  padding: 12px 16px;
  position: static;
  width: 150px;
  height: 45px;
  border: 1px solid #143D7D;
  box-sizing: border-box;
  border-radius: 6px;
  margin: 30px 0px;
  text-align: center;
  color: #143D7D;
  background: #FFFFFF;
  font-size: 20px;
  line-height: 20px; }
  .show-more-btn:hover {
    color: #FFFFFF;
    background: #143D7D; }

.iframe-res {
  width: 560px !important;
  height: 315px !important; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .iframe-res {
      width: 560px !important;
      height: 315px !important; } }
  @media only screen and (max-width: 768px) {
    .iframe-res {
      width: 560px !important;
      height: 315px !important; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .iframe-res {
      width: 480px !important;
      height: 270px !important; } }
  @media only screen and (max-width: 420px) {
    .iframe-res {
      width: 300px !important;
      height: 169px !important; } }
.btn-cotas {
  color: #143d7d;
  background-color: #FFFFFF;
  border: 1px solid #143d7d;
  border-radius: 5px;
  float: right;
  margin-right: 32px; }

.toggle-cotas {
  display: block; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .toggle-cotas {
      display: none; } }
  @media only screen and (max-width: 768px) {
    .toggle-cotas {
      display: none; } }
.info-art-proces-car {
  display: inline-block;
  line-height: 18px; }
  @media only screen and (max-width: 330px) {
    .info-art-proces-car {
      display: block; } }
.carousel-controls {
  position: relative;
  height: 0; }
  .carousel-controls .prev {
    height: 64px;
    border: none;
    background: transparent;
    position: relative;
    bottom: -20px;
    left: -32px;
    cursor: pointer;
    font-size: 32px; }
    @media only screen and (max-width: 1024px) and (min-width: 769px) {
      .carousel-controls .prev {
        position: absolute !important;
        left: 0px !important;
        bottom: -80px !important; } }
    @media only screen and (max-width: 768px) {
      .carousel-controls .prev {
        position: absolute !important;
        left: 0px !important;
        bottom: -80px !important; } }
    @media only screen and (min-width: 421px) and (max-width: 767px) {
      .carousel-controls .prev {
        position: absolute !important;
        left: 0px !important;
        bottom: -80px !important; } }
    @media only screen and (max-width: 420px) {
      .carousel-controls .prev {
        position: absolute !important;
        left: 0px !important;
        bottom: -80px !important; } }
  .carousel-controls .next {
    height: 64px;
    border: none;
    background: transparent;
    position: relative;
    bottom: -20px;
    left: 800px;
    cursor: pointer;
    font-size: 32px; }
    @media only screen and (max-width: 1024px) and (min-width: 769px) {
      .carousel-controls .next {
        position: absolute;
        left: 89% !important;
        bottom: -80px !important; } }
    @media only screen and (max-width: 768px) {
      .carousel-controls .next {
        position: absolute;
        left: 89% !important;
        bottom: -80px !important; } }
    @media only screen and (min-width: 421px) and (max-width: 767px) {
      .carousel-controls .next {
        position: absolute;
        left: 89% !important;
        bottom: -80px !important; } }
    @media only screen and (max-width: 420px) {
      .carousel-controls .next {
        position: absolute;
        left: 89% !important;
        bottom: -80px !important; } }
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .p-x-res {
    padding: 0 10px; } }

@media only screen and (max-width: 768px) {
  .p-x-res {
    padding: 0 10px; } }

@media only screen and (max-width: 330px) {
  .p-x-res {
    padding: 0 10px; } }

.pedido-fin-block {
  display: table-cell;
  width: 800px; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .pedido-fin-block {
      display: block;
      width: 85%;
      margin: auto; } }
  @media only screen and (max-width: 768px) {
    .pedido-fin-block {
      display: block;
      width: 85%;
      margin: auto; } }
  @media only screen and (max-width: 420px) {
    .pedido-fin-block {
      display: block;
      width: 85%;
      margin: auto; } }
  @media only screen and (max-width: 330px) {
    .pedido-fin-block {
      display: block;
      width: 85%;
      margin: auto; } }
.table-block {
  display: table; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .table-block {
      display: block; } }
  @media only screen and (max-width: 768px) {
    .table-block {
      display: block; } }
  @media only screen and (max-width: 420px) {
    .table-block {
      display: block; } }
  @media only screen and (max-width: 330px) {
    .table-block {
      display: block; } }
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s; }

#myImg:hover {
  opacity: 0.7; }

.modal-cotas {
  display: none;
  position: fixed;
  z-index: 15;
  padding-top: 130px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7); }

.modal-content {
  margin: auto;
  display: block;
  width: 95%;
  max-width: 700px; }

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(0); }
  to {
    -webkit-transform: scale(1); } }

@keyframes zoom {
  from {
    transform: scale(0); }
  to {
    transform: scale(1); } }

/* The Close Button */
.close-modal {
  position: absolute;
  top: 70px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s; }
  .close-modal:hover {
    color: #bbb;
    text-decoration: none;
    cursor: pointer; }
  .close-modal:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer; }

.close-icon-fa {
  color: #FFFFFF;
  vertical-align: middle; }

.close-icon-profile {
  color: #FFFFFF;
  vertical-align: middle;
  text-align: center;
  line-height: 3.2 !important;
  font-size: 20px; }

.post-img {
  max-width: 100%; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .post-img {
      height: auto !important; } }
  @media only screen and (max-width: 768px) {
    .post-img {
      height: auto !important; } }
  @media only screen and (max-width: 330px) {
    .post-img {
      height: auto !important; } }
@media only screen and (max-width: 420px) {
  .adjust-size-check {
    width: 80%;
    text-align: center; }
    .adjust-size-check:before {
      left: 30px !important;
      top: calc((0% - (100% - 3em)) - 8%) !important; }
    .adjust-size-check:after {
      left: 30px !important;
      top: calc((0% - (100% - 3em)) - 8%) !important; } }

@media only screen and (max-width: 330px) {
  .adjust-size-check {
    width: 80%;
    text-align: center; }
    .adjust-size-check:before {
      left: 20px !important;
      top: calc((0% - (100% - 3em)) - 8%) !important; } }

.procesar-btn-parent {
  margin-top: 15px;
  text-align: right; }

@media only screen and (max-width: 420px) {
  .toasted-container.top-right {
    right: 2% !important; } }

@media only screen and (min-width: 421px) and (max-width: 767px) {
  .toasted-container.top-right {
    right: 2% !important; } }

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .no-m-r-30-responsive {
    margin-right: 0 !important; } }

@media only screen and (max-width: 768px) {
  .no-m-r-30-responsive {
    margin-right: 0 !important; } }

@media only screen and (max-width: 420px) {
  .no-m-r-30-responsive {
    margin-right: 0 !important; } }

@media only screen and (min-width: 421px) and (max-width: 767px) {
  .no-m-r-30-responsive {
    margin-right: 0 !important; } }

@media only screen and (max-width: 330px) {
  .no-m-r-30-responsive {
    margin-right: 0 !important; } }

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .p-l-15-res {
    padding-left: 15px !important; } }

@media only screen and (max-width: 768px) {
  .p-l-15-res {
    padding-left: 15px !important; } }

@media only screen and (max-width: 420px) {
  .p-l-15-res {
    padding-left: 15px !important; } }

@media only screen and (min-width: 421px) and (max-width: 767px) {
  .p-l-15-res {
    padding-left: 15px !important; } }

@media only screen and (max-width: 330px) {
  .p-l-15-res {
    padding-left: 15px !important; } }

.historial_btn {
  height: 45px;
  margin-bottom: 30px;
  margin-top: 30px !important;
  font-size: 16px;
  float: none !important; }

.m-l-15-no-res {
  padding-left: 15px; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .m-l-15-no-res {
      padding-left: 0; } }
  @media only screen and (max-width: 768px) {
    .m-l-15-no-res {
      padding-left: 0; } }
  @media only screen and (max-width: 420px) {
    .m-l-15-no-res {
      padding-left: 0; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .m-l-15-no-res {
      padding-left: 0; } }
  @media only screen and (max-width: 330px) {
    .m-l-15-no-res {
      padding-left: 0; } }
.mr-no-res {
  margin-right: 30px; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .mr-no-res {
      margin-right: 0; } }
  @media only screen and (max-width: 768px) {
    .mr-no-res {
      margin-right: 0; } }
  @media only screen and (max-width: 420px) {
    .mr-no-res {
      margin-right: 0; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .mr-no-res {
      margin-right: 0; } }
  @media only screen and (max-width: 330px) {
    .mr-no-res {
      margin-right: 0; } }
.item-link-info-grupo {
  font: 18px Saira-Regular; }

.detail-art-carousel {
  width: 1090px;
  margin: auto; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .detail-art-carousel {
      width: 90%; } }
  @media only screen and (max-width: 768px) {
    .detail-art-carousel {
      width: 90%; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .detail-art-carousel {
      width: 90%; } }
  @media only screen and (max-width: 420px) {
    .detail-art-carousel {
      width: 90%; } }
  @media only screen and (max-width: 330px) {
    .detail-art-carousel {
      width: 90%; } }
.f-weight-i {
  font-weight: inherit; }

.nav-cat-left-menu-chlid {
  margin: 0px;
  padding-left: 25px;
  padding-bottom: 15px; }
  .nav-cat-left-menu-chlid li {
    list-style: none;
    position: relative;
    padding: 0 0 0 20px; }
  .nav-cat-left-menu-chlid li.line::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 8px;
    display: block;
    border-top: 2px solid #000; }
  .nav-cat-left-menu-chlid a {
    font: 14px Saira-Regular;
    color: #666666;
    padding-bottom: 5px; }

.btn-filter-cat {
  text-align: left;
  border: transparent;
  background-color: transparent; }

.filter-field-checkbox {
  cursor: pointer !important; }

.xunta-banner-text {
  width: 584px;
  font-size: 14px;
  text-align: center; }

.ajustar-tamaño-svg {
  width: 20px !important;
  height: 20px !important; }

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .hide-in-mobile {
    display: none !important; } }

@media only screen and (max-width: 768px) {
  .hide-in-mobile {
    display: none !important; } }

.carrito-btn {
  width: 75px !important; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .carrito-btn {
      z-index: 999999999999999;
      position: fixed;
      top: 0;
      right: 0; } }
  @media only screen and (max-width: 768px) {
    .carrito-btn {
      z-index: 999999999999999;
      position: fixed;
      top: 0;
      right: 0; } }
.carrito-btn .button img {
  vertical-align: middle; }

.carrito-btn .button .carrito-badge {
  width: 20px;
  display: inline-block; }

.carrito-content {
  right: 0px;
  position: absolute;
  width: 33%;
  min-width: 300px;
  height: 700px;
  top: 51px;
  background: #f7f7f7;
  z-index: 9999; }
  @media only screen and (max-width: 330px) {
    .carrito-content {
      height: 400px; } }
  .carrito-content div.item-list-wrapper {
    margin-top: 30px;
    height: 380px;
    overflow-y: auto; }
    @media (max-height: 720px) {
      .carrito-content div.item-list-wrapper {
        height: 300px !important; } }
    @media (max-height: 570px) {
      .carrito-content div.item-list-wrapper {
        height: 215px !important; } }
  .carrito-content .order-total {
    position: absolute;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px; }
    .carrito-content .order-total hr {
      margin-left: 30px;
      margin-right: 30px; }
    .carrito-content .order-total h4 {
      text-transform: uppercase;
      color: #000;
      text-align: left;
      font-family: Saira-SemiBold;
      margin: 30px; }
    .carrito-content .order-total div {
      width: 100%;
      display: inline-block; }
  .carrito-content #order-button {
    position: absolute;
    bottom: 30px;
    width: 90%;
    height: 40px;
    left: 5%; }
  .carrito-content .cross-icon {
    background: url("/static/img/cart/H_eliminar_producto_menu.svg?beea8e6009e3");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 30px; }
    @media only screen and (max-width: 1024px) and (min-width: 769px) {
      .carrito-content .cross-icon {
        right: 5px !important; } }
    @media only screen and (max-width: 768px) {
      .carrito-content .cross-icon {
        right: 5px !important; } }
    @media only screen and (min-width: 421px) and (max-width: 767px) {
      .carrito-content .cross-icon {
        right: 5px !important; } }
    @media only screen and (max-width: 420px) {
      .carrito-content .cross-icon {
        right: 5px !important; } }
    @media only screen and (max-width: 330px) {
      .carrito-content .cross-icon {
        right: 5px !important; } }
  .carrito-content div.cart-item {
    text-align: left;
    margin-bottom: 15px;
    position: relative;
    padding-left: 30px; }
    .carrito-content div.cart-item .item-data {
      max-width: 40%;
      margin-left: 15px; }
    .carrito-content div.cart-item .item-name {
      font-weight: bold; }
    .carrito-content div.cart-item img {
      display: inline-block;
      width: 100px;
      height: 100px;
      object-fit: scale-down;
      vertical-align: top;
      border: 1px #989898 solid; }
  .carrito-content .float-left-30 {
    float: left;
    padding-left: 30px; }
  .carrito-content .float-right-30 {
    float: right;
    padding-right: 30px; }

.color-grey {
  color: #989898 !important; }

.color-green {
  color: #00d65b !important; }

.color-red {
  color: #ff5745 !important; }

.color-black {
  color: black !important; }

.item-text-container, .item-text-container-fixed-width {
  display: inline-block;
  padding-left: 120px;
  text-align: left;
  box-sizing: border-box; }

.item-text-container-fixed-width {
  width: 670px; }
  @media only screen and (max-width: 768px) {
    .item-text-container-fixed-width {
      width: auto;
      padding-left: 15px !important; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .item-text-container-fixed-width {
      width: auto; } }
  @media only screen and (max-width: 420px) {
    .item-text-container-fixed-width {
      width: auto; } }
.item-element-btn-wrapper {
  margin-top: 15px; }
  .item-element-btn-wrapper button {
    width: 150px;
    padding-top: 5px;
    padding-bottom: 5px; }
  @media only screen and (max-width: 420px) {
    .item-element-btn-wrapper {
      margin-left: -17px; } }
.comment-div {
  margin-right: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #989898; }
  .comment-div textarea {
    width: 100%;
    margin-top: 15px;
    padding: 10px; }

.panel-incluir-en-pedido {
  display: table-cell;
  background-color: #f7f7f7;
  width: 380px;
  padding-left: 30px;
  padding-right: 30px;
  vertical-align: top; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .panel-incluir-en-pedido {
      display: inline-block;
      width: 80%; } }
  @media only screen and (max-width: 768px) {
    .panel-incluir-en-pedido {
      display: inline-block;
      width: 80%; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .panel-incluir-en-pedido {
      padding-left: 0;
      padding-right: 0; } }
div.info-icon {
  background: url("/static/img/cart/I_interrogacion_panel_derecho.svg?beea8e6009e3");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  width: 30px !important;
  height: 30px !important;
  vertical-align: middle; }

#form-incluir-pedido .container-400 {
  width: 400px;
  text-align: left; }

#form-incluir-pedido input {
  width: 391px; }

#form-incluir-pedido input::placeholder {
  color: #e4e4e4; }

#form-incluir-pedido textarea {
  width: 397px; }

#form-incluir-pedido #btn-procesar {
  margin-top: 30px !important; }

#form-incluir-pedido .input-wrapper {
  margin-top: 15px;
  display: inline-block; }

#form-incluir-pedido .input-label-wrapper {
  margin-bottom: 10px; }

button.order-total-btn {
  width: 100%;
  font-size: 15px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-top: 10px; }

.order-total-wrapper {
  width: 400px;
  text-align: left; }
  .order-total-wrapper hr {
    width: auto !important; }
  @media only screen and (max-width: 420px) {
    .order-total-wrapper {
      width: 200px !important; } }
.item-price-text {
  float: right; }

.total-pedido {
  text-align: left;
  text-transform: uppercase;
  font-size: 22px;
  margin-top: 30px;
  margin-bottom: 10px; }

.mi-carrito-title {
  text-align: left;
  text-transform: uppercase;
  font-size: 22px;
  margin-top: 30px;
  margin-bottom: 30px; }

.hover-blue:hover {
  outline: 1px solid #00abf3; }

.envio-option {
  border: 1px solid #e4e4e4;
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
  text-align: left;
  cursor: pointer; }
  .envio-option .envio-detail {
    font-size: 17px;
    line-height: 19px;
    text-align: justify;
    color: #989898;
    margin-top: 15px; }

.d-cell-centered {
  display: table-cell;
  text-align: center; }

.wrapper-fecha-entrega-prevista {
  display: inline-block;
  float: right;
  width: 200px;
  line-height: 18px;
  background-color: #f7f7f7;
  padding: 10px 30px;
  border: 1px #e4e4e4 solid; }
  @media only screen and (max-width: 768px) {
    .wrapper-fecha-entrega-prevista {
      float: none !important;
      margin-bottom: 10px; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .wrapper-fecha-entrega-prevista {
      float: none !important;
      margin-bottom: 10px; } }
  @media only screen and (max-width: 420px) {
    .wrapper-fecha-entrega-prevista {
      float: none !important;
      margin-bottom: 10px; } }
  .wrapper-fecha-entrega-prevista .d-table {
    border-spacing: 5px; }

.envio-option.transparent-bottom {
  border-bottom: transparent; }

.envio-option.selected {
  background-color: #f7f7f7;
  outline: 1px solid #00abf3; }

.step-number {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid #989898;
  background: white;
  color: #989898;
  font-size: 32px;
  text-align: center;
  line-height: 42px;
  margin-right: 30px; }
  @media only screen and (max-width: 420px) {
    .step-number {
      margin-right: 5px !important; } }
  .step-number img {
    display: none; }

.active.step-number {
  background: black;
  color: white; }
  .active.step-number span {
    color: white; }

.correct.step-number {
  background: white;
  border: 1px solid #00d65b;
  color: white; }
  .correct.step-number img {
    vertical-align: middle;
    padding-bottom: 10px;
    display: inline; }
  .correct.step-number span {
    display: none; }

.btn-continue {
  font-size: 17px;
  float: right;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 10px;
  width: 150px; }

.mi-pedido-direccion {
  margin-left: 30px;
  padding-bottom: 20px; }

.mi-pedido-direccion.selected {
  outline: 1px solid #00abf3; }

.mi-pedido-direccion:hover {
  outline: 1px solid #00abf3; }

.seguir-comprando {
  display: inline-block;
  font-size: 20px;
  text-transform: uppercase;
  margin-top: 30px; }

.print-icon {
  background: url("/static/img/cart/I_imprimir_pedido.svg?beea8e6009e3");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle; }

.download-icon {
  background: url("/static/img/cart/I_descargar_pdf.svg?beea8e6009e3");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle; }

.export-icons-wrapper > div {
  display: inline-block;
  margin: 30px;
  margin-left: 0; }

.label-direccion-form {
  display: table-cell;
  width: 120px;
  text-align: right;
  padding-right: 10px; }
  @media only screen and (max-width: 768px) {
    .label-direccion-form {
      display: block;
      width: 100%;
      text-align: initial; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .label-direccion-form {
      display: block !important;
      width: 100% !important;
      text-align: initial !important; } }
  @media only screen and (max-width: 420px) {
    .label-direccion-form {
      display: block !important;
      width: 100% !important;
      text-align: initial !important; } }
.nueva-direccion-wrapper {
  margin-top: 10px; }
  .nueva-direccion-wrapper input {
    margin-bottom: 10px; }
  .nueva-direccion-wrapper input[name="nombre"] {
    width: 522px;
    margin-right: -8px; }
    @media only screen and (max-width: 768px) {
      .nueva-direccion-wrapper input[name="nombre"] {
        width: 100% !important; } }
    @media only screen and (min-width: 421px) and (max-width: 767px) {
      .nueva-direccion-wrapper input[name="nombre"] {
        width: 100% !important; } }
    @media only screen and (max-width: 420px) {
      .nueva-direccion-wrapper input[name="nombre"] {
        width: 100% !important; } }
  .nueva-direccion-wrapper input[name="direccion"], .nueva-direccion-wrapper input[name="pago-direccion"] {
    width: 522px;
    margin-right: -36px; }
    @media only screen and (max-width: 768px) {
      .nueva-direccion-wrapper input[name="direccion"], .nueva-direccion-wrapper input[name="pago-direccion"] {
        width: 100% !important; } }
    @media only screen and (min-width: 421px) and (max-width: 767px) {
      .nueva-direccion-wrapper input[name="direccion"], .nueva-direccion-wrapper input[name="pago-direccion"] {
        width: 100% !important; } }
    @media only screen and (max-width: 420px) {
      .nueva-direccion-wrapper input[name="direccion"], .nueva-direccion-wrapper input[name="pago-direccion"] {
        width: 100% !important; } }
  .nueva-direccion-wrapper select {
    width: 190px;
    height: 50px; }
    @media only screen and (min-width: 421px) and (max-width: 767px) {
      .nueva-direccion-wrapper select {
        width: 100% !important; } }
    @media only screen and (max-width: 420px) {
      .nueva-direccion-wrapper select {
        width: 100% !important; } }
  @media only screen and (max-width: 768px) {
    .nueva-direccion-wrapper {
      text-align: initial; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .nueva-direccion-wrapper {
      text-align: initial; } }
  @media only screen and (max-width: 420px) {
    .nueva-direccion-wrapper {
      text-align: initial; } }
.delivery-date-wrapper {
  width: 100%;
  margin-top: 30px;
  margin-left: 30px;
  text-align: left; }
  .delivery-date-wrapper input {
    margin-left: 30px;
    height: 25px; }

.vue-tabs .nav-tabs > li.active > a, .vue-tabs .nav-tabs > li.active > a:hover, .vue-tabs .nav-tabs > li.active > a:focus {
  border: hidden !important; }

.vue-tabs .nav-tabs {
  border: 1px solid transparent !important; }

.vue-tabs .nav > li > a:hover, .vue-tabs .nav > li > a:focus {
  background-color: transparent !important; }

.vue-tabs .nav-tabs > li > a:hover {
  border: 1px solid transparent !important; }

.vue-tabs .nav-tabs > li.active > a, .vue-tabs .nav-tabs > li.active > a:hover, .vue-tabs .nav-tabs > li.active > a:focus {
  color: #000 !important;
  font-family: Saira-SemiBold; }

.add-item-wrapper {
  background-color: #f7f7f7;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  text-align: left;
  margin-right: 30px;
  padding: 20px;
  padding-left: 15px;
  margin-bottom: 15px; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .add-item-wrapper {
      margin: 0 16px; } }
  @media only screen and (max-width: 768px) {
    .add-item-wrapper {
      margin-right: 0;
      margin: 0; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .add-item-wrapper {
      margin: 0;
      margin-right: 0; } }
  @media only screen and (max-width: 420px) {
    .add-item-wrapper {
      margin: 0;
      margin-right: 0; } }
  .add-item-wrapper input {
    margin-left: 15px;
    margin-right: 15px;
    height: 20px;
    width: 125px;
    vertical-align: middle; }
  .add-item-wrapper input#cantidad-articulo {
    width: 75px; }
  .add-item-wrapper div.info-icon {
    background: url(/static/img/cart/I_interrogacion_panel_derecho.svg?beea8e6009e3);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    width: 30px !important;
    height: 30px !important;
    vertical-align: middle;
    margin-right: 15px; }
  .add-item-wrapper button {
    height: 32px;
    width: 120px;
    font-size: 16px;
    padding-right: 20px;
    padding-left: 20px;
    vertical-align: middle; }

.edit-icon-wrapper {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%; }
  .edit-icon-wrapper .edit-icon {
    width: 25px;
    height: 25px;
    margin-top: 30px;
    margin-right: 50px;
    cursor: pointer; }

hr.procesar-pedido-separator {
  opacity: 0.3;
  margin: 30px 30px 30px 0; }
  @media only screen and (max-width: 420px) {
    hr.procesar-pedido-separator {
      margin: 30px 0 30px 0 !important; } }
.procesar-input-wrapper {
  display: table-cell;
  width: 200px; }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .procesar-input-wrapper {
      display: block !important;
      width: 100% !important; } }
  @media only screen and (max-width: 420px) {
    .procesar-input-wrapper {
      display: block !important;
      width: 100% !important; } }
.hidden {
  display: none !important; }

.politica_compra_link {
  float: right; }
  .politica_compra_link a {
    font-family: "Saira-SemiBold"; }

.pedido-left {
  display: table-cell;
  width: 800px; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .pedido-left {
      display: inline-block;
      width: 80%; } }
  @media only screen and (max-width: 768px) {
    .pedido-left {
      display: inline-block;
      width: 80%; } }
@media only screen and (min-width: 421px) and (max-width: 767px) {
  .cell.articulo-img-cell.imagen-op-envio {
    width: 100% !important; } }

@media only screen and (max-width: 420px) {
  .cell.articulo-img-cell.imagen-op-envio {
    width: 100% !important; } }

@media only screen and (max-width: 420px) {
  .m-b-r70 {
    margin-bottom: 70px; } }

.d-row-to-d-block {
  display: table-row; }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .d-row-to-d-block {
      display: block; } }
  @media only screen and (max-width: 420px) {
    .d-row-to-d-block {
      display: block; } }
@media only screen and (min-width: 421px) and (max-width: 767px) {
  .i-res {
    width: 100%; } }

@media only screen and (max-width: 420px) {
  .i-res {
    width: 100%; } }

@media only screen and (max-width: 420px) {
  .label-input-cart {
    display: inline-block;
    width: 80%; } }

@media only screen and (max-width: 330px) {
  .label-input-cart {
    display: inline-block;
    width: 80%; } }

@media only screen and (max-width: 420px) {
  .icon-info-input {
    vertical-align: top !important;
    margin-left: 0 !important; } }

@media only screen and (max-width: 330px) {
  .icon-info-input {
    vertical-align: top !important;
    margin-left: 0 !important; } }

.color-consultar {
  font-size: 18px !important; }

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .hide-in-mobile {
    display: none !important; } }

@media only screen and (max-width: 768px) {
  .hide-in-mobile {
    display: none !important; } }

.category-container {
  display: table;
  width: 100%; }

.category-container-home {
  display: table;
  width: 100%;
  margin: auto; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .category-container-home .columns {
      display: inline-block;
      width: 45%; } }
  @media only screen and (max-width: 768px) {
    .category-container-home .columns {
      display: inline-block;
      width: 45%; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .category-container-home .columns {
      display: inline-block;
      width: 45%; } }
  @media only screen and (max-width: 420px) {
    .category-container-home .columns {
      display: inline-block;
      width: 100%; } }
.category-container-wrapper {
  padding: 60px 0 30px 0; }

.item-cell {
  float: left;
  /* fix for  buggy browsers */
  display: table-column;
  width: 200px;
  vertical-align: top;
  text-align: left;
  margin-left: 15px;
  margin-bottom: 30px;
  font-size: 14px;
  box-sizing: border-box; }
  .item-cell .item-cell-picture-container {
    background-color: #FFFFFF;
    box-sizing: border-box;
    vertical-align: middle;
    height: 208px;
    width: 208px;
    display: inline-block; }
    @media only screen and (max-width: 420px) {
      .item-cell .item-cell-picture-container {
        height: 140px;
        width: 140px; } }
    .item-cell .item-cell-picture-container img {
      width: 100%;
      height: 100%; }
  .item-cell .favorito {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2; }
  .item-cell .item-cell-text-container {
    padding: 10px 10px 0 10px;
    display: table-cell;
    padding-left: 15px; }
    @media only screen and (max-width: 1024px) and (min-width: 769px) {
      .item-cell .item-cell-text-container {
        display: block;
        text-align: center; } }
    @media only screen and (max-width: 768px) {
      .item-cell .item-cell-text-container {
        display: block;
        text-align: center; } }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .item-cell {
      text-align: center;
      margin-left: 0;
      width: 25%;
      height: 255px !important; } }
  @media only screen and (max-width: 768px) {
    .item-cell {
      text-align: center;
      margin-left: 0;
      width: 33%;
      height: 255px !important; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .item-cell {
      text-align: center;
      margin-left: 0;
      width: 50%;
      height: 255px !important; } }
  @media only screen and (max-width: 420px) {
    .item-cell {
      text-align: center;
      margin-left: 0;
      width: 50%;
      height: 225px !important; } }
.item-cell2 {
  float: left;
  /* fix for  buggy browsers */
  display: table-column;
  width: 266px;
  vertical-align: top;
  text-align: left;
  margin-left: 10px;
  margin-bottom: 15px;
  font-size: 14px;
  box-sizing: border-box;
  border: 1px solid #e4e4e4; }
  .item-cell2 .item-cell-picture-container {
    background-color: #FFFFFF;
    box-sizing: border-box;
    vertical-align: middle;
    height: 77px;
    width: 77px;
    display: inline-block; }
    .item-cell2 .item-cell-picture-container img {
      width: 100%;
      height: 100%; }
  .item-cell2 .item-cell-text-container {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .item-cell2 {
      float: none;
      display: block;
      width: 90%;
      margin: auto;
      margin-bottom: 10px; } }
  @media only screen and (max-width: 768px) {
    .item-cell2 {
      float: none;
      display: block;
      width: 90%;
      margin: auto;
      margin-bottom: 10px; } }
  @media only screen and (max-width: 420px) {
    .item-cell2 {
      border: none;
      border-top: 1px solid #e4e4e4;
      margin-bottom: 5px; } }
  @media only screen and (max-width: 330px) {
    .item-cell2 {
      border: none;
      border-top: 1px solid #e4e4e4;
      margin-bottom: 5px; } }
@media only screen and (max-width: 420px) {
  .promo-spacing {
    margin-bottom: 5px !important; } }

@media only screen and (max-width: 330px) {
  .promo-spacing {
    margin-bottom: 5px !important; } }

.cat-home {
  background-repeat: no-repeat;
  background-size: cover;
  height: 150px;
  width: 23%; }
  .cat-home:hover {
    border: 2px solid #143d7d; }
    .cat-home:hover div.outer {
      background-color: #143d7d; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .cat-home {
      width: 90%;
      height: 140px; } }
  @media only screen and (max-width: 768px) {
    .cat-home {
      width: 90%;
      height: 140px; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .cat-home {
      width: 90%;
      height: 140px; } }
  @media only screen and (max-width: 420px) {
    .cat-home {
      width: 100%;
      height: 150px; } }
.group-cell {
  display: inline-block;
  width: 188px;
  vertical-align: top;
  text-align: left;
  margin-left: 15px;
  margin-bottom: 10px;
  font-size: 18px;
  height: 330px;
  overflow: hidden; }
  @media only screen and (max-width: 420px) {
    .group-cell {
      width: 150px;
      text-align: left;
      display: inline-block;
      float: none;
      margin: auto; } }
  @media only screen and (max-width: 330px) {
    .group-cell {
      width: 45%;
      display: inline-block;
      float: none;
      margin: auto; } }
  .group-cell .item-cell-picture-container img {
    height: 186px;
    width: 186px;
    object-fit: scale-down; }
    @media only screen and (max-width: 420px) {
      .group-cell .item-cell-picture-container img {
        height: 150px;
        width: 150px; } }
  .group-cell .group-cell-picture-container img {
    max-width: 188px;
    max-height: 188px;
    object-fit: scale-down; }
    @media only screen and (max-width: 420px) {
      .group-cell .group-cell-picture-container img {
        height: 150px;
        width: 150px; } }
  .group-cell .item-cell-picture-container {
    height: 188px;
    width: 188px;
    position: relative; }
    @media only screen and (max-width: 420px) {
      .group-cell .item-cell-picture-container {
        height: 150px;
        width: 150px; } }
  .group-cell .favorito {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2; }

.picture-border, img.cotas, .item-cell .item-cell-picture-container {
  border: solid #e4e4e4 1px; }

img.cotas {
  max-height: 198px;
  max-width: 100%;
  box-sizing: border-box;
  object-fit: contain;
  float: right;
  right: 0px;
  margin-left: 20px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 420px) {
    img.cotas {
      float: none; } }
  @media only screen and (max-width: 330px) {
    img.cotas {
      float: none; } }
  img.cotas.center {
    float: none;
    display: block;
    margin: auto;
    text-align: center; }

.first-item-cell-row {
  margin-left: 45px; }

.last-item-cell-row {
  margin-right: 45px; }

.last-item-cell-row-scroll {
  margin-right: 30px; }

.category-name {
  line-height: 20px; }

.category-name-home {
  line-height: 16px; }

.counter-container {
  width: 100%;
  margin-top: -2px;
  color: #a4a4a4; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .counter-container {
      margin-top: 2px; } }
  @media only screen and (max-width: 768px) {
    .counter-container {
      margin-top: 2px; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .counter-container {
      margin-top: 2px; } }
  @media only screen and (max-width: 420px) {
    .counter-container {
      margin-top: 2px; } }
.item-cell-fav-container {
  padding: 10px 10px 0 10px;
  font-size: 14px; }

.item-cell-text-container p {
  margin: 0px; }

.item-cell-text-container.no-hover:hover {
  color: black; }

.item-cell-code-text-container {
  color: #666666;
  font-size: 14px; }

.item-cell-code-text-container .code-text {
  color: #00abf3; }

.item-cell-group-price-text-container {
  font-size: 14px; }

.item-cell-price-text {
  font-size: 16px;
  color: black;
  font-family: Saira-SemiBold; }

.item-cell-description-text-container {
  font-size: 13.7px;
  line-height: 14.9px; }

.item-cell-picture-container img {
  width: 70px;
  height: 70px;
  object-fit: scale-down; }

.group-cell-picture-container img {
  max-width: 206px;
  max-height: 206px;
  object-fit: scale-down; }

.hover-area:hover {
  outline: 1px solid #00abf3;
  cursor: pointer; }

#myInput {
  background-image: url("/static/img/header/iconos/buscador/C_H_lupa.svg?beea8e6009e3");
  /* Add a search icon to input */
  background-position: right 10px top 50%;
  background-repeat: no-repeat;
  /* Do not repeat the icon image */
  width: 255px;
  /* Full-width */
  font-size: 16px;
  /* Increase font-size */
  margin-top: 5px;
  margin-bottom: 30px;
  /* Add some space below the input */ }

.attr_list_filter {
  /* Remove default list styling */
  list-style-type: none;
  padding: 0;
  margin: 0;
  max-height: 125px;
  width: 275px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #e4e4e4;
  /* Add a border to all links */ }

.attr_list_filter li {
  margin-top: -1px;
  /* Prevent double borders */
  padding: 3px;
  /* Add some padding */
  text-decoration: none;
  /* Remove default text underline */
  font-size: 14px;
  /* Increase the font-size */
  color: black;
  /* Add a black text color */
  display: table;
  width: 253px; }

.attr_list_filter li:hover:not(.header) {
  background-color: #eee;
  /* Add a hover effect to all links, except for headers */ }

.search-filter-label {
  display: table-cell;
  vertical-align: middle;
  width: 90%; }

.filter-input-box {
  width: 265px;
  height: 22px;
  font-size: 14px; }

#expandable-menu {
  padding-left: 25px; }

.item_header {
  text-align: left; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .item_header {
      width: 95%;
      margin: auto; } }
  @media only screen and (max-width: 768px) {
    .item_header {
      width: 95%;
      margin: auto; } }
  @media only screen and (max-width: 420px) {
    .item_header {
      text-align: center; } }
.item_header_row {
  width: 100%; }

.header_item_title {
  display: inline-block; }

.image_header {
  width: 800px;
  height: 200px; }

.imagen-cotas {
  display: inline-block;
  width: 100%;
  object-fit: cover; }

.order-row {
  margin-top: 10px;
  display: inline-block;
  width: 100%; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .order-row {
      width: 95%;
      margin-left: auto;
      margin-right: auto;
      display: block; } }
  @media only screen and (max-width: 768px) {
    .order-row {
      width: 95%;
      margin-left: auto;
      margin-right: auto;
      display: block; } }
  .order-row .vista-articulos-grupos-container {
    float: right;
    color: #666666; }
    .order-row .vista-articulos-grupos-container .selected {
      color: black;
      font-family: Saira-SemiBold; }

.articulo-row {
  display: table;
  border-bottom: solid 1px #e4e4e4;
  padding-top: 20px;
  padding-right: 5px;
  padding-left: 5px; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .articulo-row {
      display: block;
      padding-right: 0;
      padding-left: 0;
      width: 85%;
      margin-left: auto;
      margin-right: auto;
      padding-top: 30px !important; } }
  @media only screen and (max-width: 768px) {
    .articulo-row {
      display: block;
      padding-right: 0;
      padding-left: 0;
      width: 85%;
      margin-left: auto;
      margin-right: auto;
      padding-top: 30px !important; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .articulo-row {
      display: block;
      padding-right: 0;
      padding-left: 0;
      width: 85%;
      margin-left: auto;
      margin-right: auto;
      padding-top: 30px !important; } }
  @media only screen and (max-width: 420px) {
    .articulo-row {
      display: block;
      padding-right: 0;
      padding-left: 0;
      width: 85%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 30px; } }
.articulo-row:hover {
  outline: 1px solid #00abf3;
  cursor: pointer; }

.cell {
  display: table-cell; }

.articulo-row .cell {
  vertical-align: top; }

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .articulo-img-cell {
    display: inline-block !important;
    width: 25%;
    text-align: center;
    position: initial !important; } }

@media only screen and (max-width: 768px) {
  .articulo-img-cell {
    display: inline-block !important;
    width: 25%;
    text-align: center;
    position: initial !important; } }

@media only screen and (max-width: 420px) {
  .articulo-img-cell {
    width: 35%; } }

.articulo-nombre-cell {
  width: 20%; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .articulo-nombre-cell {
      display: inline-block;
      width: 70%; } }
  @media only screen and (max-width: 768px) {
    .articulo-nombre-cell {
      display: inline-block;
      width: 70%; } }
  @media only screen and (max-width: 420px) {
    .articulo-nombre-cell {
      width: 63%; } }
.articulo-nombre-cell span {
  width: 100%; }

.articulo-atributos-cell {
  width: 45%; }

.articulo-precio-cell {
  width: 20%; }

.lista_articulos_img {
  display: inline-block;
  width: 100px;
  height: 100px;
  object-fit: scale-down; }

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .articulo-nombre-cell {
    text-align: left; } }

@media only screen and (max-width: 768px) {
  .articulo-nombre-cell {
    text-align: left; } }

@media only screen and (min-width: 421px) and (max-width: 767px) {
  .articulo-nombre-cell {
    text-align: left; } }

@media only screen and (max-width: 420px) {
  .articulo-nombre-cell {
    text-align: left; } }

.articulo-nombre-cell .nombre {
  font-family: Saira-SemiBold;
  color: black; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .articulo-nombre-cell .nombre {
      text-align: left; } }
  @media only screen and (max-width: 768px) {
    .articulo-nombre-cell .nombre {
      text-align: left; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .articulo-nombre-cell .nombre {
      text-align: left; } }
  @media only screen and (max-width: 420px) {
    .articulo-nombre-cell .nombre {
      text-align: left; } }
.articulo-nombre-cell .codigo {
  color: #00abf3;
  font-size: 14px; }

.articulo-nombre-cell .envio {
  color: #00d65b;
  font-size: 14px; }

.articulo-nombre-cell .favorito {
  color: black;
  font-size: 14px;
  cursor: pointer; }

.atributo-cell-container {
  display: table-cell;
  padding: 10px; }

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .cell-block-res {
    text-align: left; } }

@media only screen and (max-width: 768px) {
  .cell-block-res {
    text-align: left; } }

@media only screen and (min-width: 421px) and (max-width: 767px) {
  .cell-block-res {
    text-align: left; } }

@media only screen and (max-width: 420px) {
  .cell-block-res {
    display: inline-block !important;
    width: 40%;
    text-align: left;
    padding-left: 24px;
    padding-right: 0; } }

.articulo-atributos-cell {
  color: #666666;
  text-align: center;
  padding-left: 10px;
  max-width: 160px;
  overflow-x: auto; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .articulo-atributos-cell {
      display: block;
      width: 100%;
      max-width: none;
      text-align: -webkit-center;
      text-align: -moz-center; } }
  @media only screen and (max-width: 768px) {
    .articulo-atributos-cell {
      display: block;
      width: 100%;
      max-width: none;
      text-align: -webkit-center;
      text-align: -moz-center; } }
  @media only screen and (max-width: 420px) {
    .articulo-atributos-cell {
      display: grid;
      text-align: left;
      text-align: -webkit-left;
      text-align: -moz-left; } }
.articulo-precio-cell {
  color: #666666;
  text-align: right;
  padding-left: 10px; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .articulo-precio-cell {
      padding-left: 0; } }
  @media only screen and (max-width: 768px) {
    .articulo-precio-cell {
      padding-left: 0;
      margin-bottom: 30px; } }
  .articulo-precio-cell .precio-tarifa {
    text-decoration: line-through; }
  .articulo-precio-cell .precio-final {
    color: #ff5745;
    font-size: 22px;
    font-family: Saira-SemiBold; }
  .articulo-precio-cell .lote {
    font-size: 12px; }
  .articulo-precio-cell .anadir-carro-btn {
    width: 100%;
    padding: 5px;
    font-size: 14px;
    margin-bottom: 10px; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .articulo-precio-cell .anadir-carro-btn-icon {
      width: 20%;
      display: inline-block;
      vertical-align: top;
      margin-left: 16px; } }
  @media only screen and (max-width: 768px) {
    .articulo-precio-cell .anadir-carro-btn-icon {
      width: 20%;
      display: inline-block;
      vertical-align: top;
      margin-left: 16px; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .articulo-precio-cell .anadir-carro-btn-icon {
      width: 20%;
      display: inline-block;
      vertical-align: top;
      margin-left: 16px; } }
  @media only screen and (max-width: 420px) {
    .articulo-precio-cell .anadir-carro-btn-icon {
      width: 20%;
      display: inline-block;
      vertical-align: top;
      margin-left: 16px; } }
  .articulo-precio-cell input {
    height: 25px;
    width: 100%;
    padding: 0px;
    margin-bottom: 10px;
    text-align: center;
    font-family: Saira-Regular; }
    @media only screen and (max-width: 1024px) and (min-width: 769px) {
      .articulo-precio-cell input {
        height: 40px; } }
    @media only screen and (max-width: 768px) {
      .articulo-precio-cell input {
        height: 40px; } }
  .articulo-precio-cell .unit-spinner {
    position: relative; }
    .articulo-precio-cell .unit-spinner a {
      position: absolute;
      top: 0px;
      width: 25px;
      height: 25px;
      background: white;
      border: 1px solid #999999;
      text-align: center; }
      @media only screen and (max-width: 1024px) and (min-width: 769px) {
        .articulo-precio-cell .unit-spinner a {
          width: 43px;
          height: 43px;
          top: 0px;
          background: #FFFFFF;
          border: 1px solid #000000;
          box-sizing: border-box;
          border-radius: 6px;
          margin: 0px 0px; } }
      @media only screen and (max-width: 768px) {
        .articulo-precio-cell .unit-spinner a {
          width: 43px;
          height: 43px;
          top: 0px;
          background: #FFFFFF;
          border: 1px solid #000000;
          box-sizing: border-box;
          border-radius: 6px;
          margin: 0px 0px; } }
      @media only screen and (min-width: 421px) and (max-width: 767px) {
        .articulo-precio-cell .unit-spinner a {
          width: 43px;
          height: 43px;
          top: 0px;
          background: #FFFFFF;
          border: 1px solid #000000;
          box-sizing: border-box;
          border-radius: 6px;
          margin: 0px 0px; } }
      @media only screen and (max-width: 420px) {
        .articulo-precio-cell .unit-spinner a {
          width: 43px;
          height: 43px;
          top: 0px;
          background: #FFFFFF;
          border: 1px solid #000000;
          box-sizing: border-box;
          border-radius: 6px;
          margin: 0px 0px; } }
    .articulo-precio-cell .unit-spinner .sub {
      left: 0px; }
    .articulo-precio-cell .unit-spinner .add {
      right: -1px; }

.paginator-container {
  font-size: 23px;
  float: none;
  margin-top: 25px; }
  .paginator-container a, .paginator-container img {
    padding-left: 3px;
    padding-right: 3px; }
  .paginator-container .paginator-arrow {
    height: 40px; }
  .paginator-container .current {
    font-weight: bold;
    font-family: Saira-SemiBold; }

.filter-crum {
  border-radius: 10px;
  padding-right: 5px;
  padding-left: 5px;
  margin-right: 8px;
  font-size: 13px;
  border: solid 1px #00d65b;
  display: inline-block; }
  .filter-crum .delete-filter-crum {
    font-size: 14px;
    margin-right: 3px;
    color: #ff5745; }

.label-oferta {
  background: url(/static/img/categories_products/I_bandera_descuento.svg?beea8e6009e3) no-repeat center center;
  background-size: contain;
  padding-right: 5px;
  width: 65px;
  height: 50px;
  line-height: 35px;
  color: white;
  font-size: 13px;
  position: absolute;
  top: -4px;
  left: 31px;
  text-align: right; }

.label-recomendado {
  background-image: url(/static/img/categories_products/I_bandera_recomendado.svg?beea8e6009e3);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  padding-left: 10px;
  width: 85px;
  height: 18px;
  line-height: 20px;
  color: white;
  font-size: 10px;
  position: absolute;
  bottom: 8px;
  left: 0px; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .label-recomendado {
      position: relative;
      bottom: 28px;
      width: auto; } }
  @media only screen and (max-width: 768px) {
    .label-recomendado {
      position: relative;
      bottom: 28px;
      width: auto; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .label-recomendado {
      width: auto; } }
  @media only screen and (max-width: 420px) {
    .label-recomendado {
      width: auto; } }
.text-envio {
  height: 26px;
  line-height: 26px;
  padding-left: 5px;
  display: table-cell; }

.icono-envio {
  background-image: url(/static/img/categories_products/I_icono_envio_inmediato.svg?beea8e6009e3);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 26px;
  height: 26px;
  display: table-cell; }

.icono-envio-24 {
  background-image: url(/static/img/categories_products/I_icono_24h.svg?beea8e6009e3);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 26px;
  height: 26px;
  display: table-cell; }

#descripcion-larga-content {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 30px;
  overflow: hidden;
  width: 100%;
  text-align: left; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    #descripcion-larga-content {
      width: 95%;
      margin: auto; } }
  @media only screen and (max-width: 768px) {
    #descripcion-larga-content {
      width: 95%;
      margin: auto; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    #descripcion-larga-content {
      width: 95%;
      margin: auto; } }
  @media only screen and (max-width: 420px) {
    #descripcion-larga-content {
      width: 95%;
      margin: auto; } }
#show-more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: white; }

.atributte-icon {
  margin-left: 5px;
  margin-right: 5px;
  width: 40px;
  height: 40px; }

.slider-container {
  display: table; }
  .slider-container .range-container {
    width: 200px; }
  .slider-container .button-container {
    padding-left: 20px;
    vertical-align: middle; }
  .slider-container button {
    background-color: transparent;
    border: 1px #e4e4e4 solid;
    width: 60px;
    outline: none; }

.range-bottom-container {
  position: relative;
  width: 200px; }
  .range-bottom-container .inputs-container {
    margin-top: 5px;
    margin-bottom: 5px; }
  .range-bottom-container .right-range-input {
    float: right; }
  .range-bottom-container input {
    height: 14px;
    width: 65px;
    text-align: center; }
  .range-bottom-container .filter-button-container {
    text-align: right; }

.filter-foldable {
  display: table;
  margin: 20px 0 20px 0; }
  .filter-foldable h3, .filter-foldable i {
    display: table-cell; }
  .filter-foldable i {
    top: 5px; }
  .filter-foldable input:-moz-read-only {
    cursor: pointer; }
  .filter-foldable .filter-crums-container {
    margin-bottom: 10px; }

.precio-minimo {
  font-size: 14px; }
  .precio-minimo .precio-minimo-valor {
    font-size: 14px;
    color: #ff5745;
    font-family: Saira-SemiBold; }

.categoria-nombre {
  padding-left: 45px;
  font-size: 27px;
  padding-bottom: 20px;
  margin-top: -5px; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .categoria-nombre {
      padding-left: 8px;
      padding-right: 8px;
      text-align: left; } }
  @media only screen and (max-width: 768px) {
    .categoria-nombre {
      padding-left: 8px;
      padding-right: 8px;
      text-align: left; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .categoria-nombre {
      padding-left: 8px;
      padding-right: 8px;
      text-align: left; } }
  @media only screen and (max-width: 420px) {
    .categoria-nombre {
      padding-left: 8px;
      padding-right: 8px;
      text-align: left; } }
.possition-text {
  text-align: center;
  height: 100%;
  width: 100%;
  position: relative;
  display: table; }
  .possition-text div.outer {
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: #2e538bbb;
    color: white;
    font-size: 20px; }
    .possition-text div.outer.pormo {
      background-color: #ff8b32bb; }

.block-unids {
  width: 100%;
  display: inline-block; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .block-unids {
      width: 70%; } }
  @media only screen and (max-width: 768px) {
    .block-unids {
      width: 70%; } }
  @media only screen and (min-width: 421px) and (max-width: 767px) {
    .block-unids {
      width: 70%; } }
  @media only screen and (max-width: 420px) {
    .block-unids {
      width: 70%; } }
  @media only screen and (max-width: 330px) {
    .block-unids {
      width: 70%; } }
.carrousel-block {
  margin-top: 90px;
  margin-bottom: 32px; }

.carrousel-block-detail {
  margin-top: 10px; }

.carrousel-card {
  display: inline-block;
  width: 33%;
  vertical-align: top; }
  .carrousel-card .carrousel-image {
    display: inline-block;
    width: 40%;
    text-align: left;
    vertical-align: top; }
    .carrousel-card .carrousel-image img {
      width: 100px;
      height: 100px;
      display: table-cell;
      object-fit: scale-down;
      margin: auto; }
  .carrousel-card .carrousel-text {
    width: 55%;
    display: inline-block;
    margin-top: -20px; }

.doble-w {
  left: 1000px !important; }

.carrousel-card-res {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  text-align: center; }
  @media only screen and (max-width: 420px) {
    .carrousel-card-res {
      width: 45%; } }
  @media only screen and (max-width: 330px) {
    .carrousel-card-res {
      width: 45%; } }
  .carrousel-card-res .carrousel-image {
    display: block;
    width: 60%;
    text-align: center;
    margin: auto; }
    @media only screen and (max-width: 420px) {
      .carrousel-card-res .carrousel-image {
        width: 100%; } }
    @media only screen and (max-width: 330px) {
      .carrousel-card-res .carrousel-image {
        width: 100%; } }
    .carrousel-card-res .carrousel-image img {
      width: 120px;
      height: 120px;
      display: table-cell;
      object-fit: scale-down;
      margin: auto; }
  .carrousel-card-res .carrousel-text {
    width: 100%;
    display: block;
    margin-top: -20px; }

.ofertas-block {
  display: table-caption;
  caption-side: top; }
  .ofertas-block.detalle-articulo {
    display: inline;
    float: left; }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .ofertas-block {
      display: block;
      caption-side: top;
      width: 90%;
      margin: auto;
      margin-bottom: 15px; } }
  @media only screen and (max-width: 768px) {
    .ofertas-block {
      display: block;
      caption-side: top;
      width: 90%;
      margin: auto;
      margin-bottom: 15px; } }
  @media only screen and (max-width: 330px) {
    .ofertas-block {
      display: block;
      caption-side: top;
      width: 90%;
      margin: auto;
      margin-bottom: 15px; } }
  .ofertas-block .oferta-flash-block {
    text-align: end;
    color: #a4a4a4; }
    .ofertas-block .oferta-flash-block span {
      color: #ff5745;
      font-size: 18px;
      font-weight: 700; }
  .ofertas-block .oferta-existencias-block {
    text-align: center;
    color: #a4a4a4; }
    .ofertas-block .oferta-existencias-block span {
      color: #ff5745; }
    .ofertas-block .oferta-existencias-block .progress-container {
      display: block;
      height: 0.8rem;
      width: 60%;
      border-radius: 0.4rem;
      background: #eee none repeat scroll 0% 0%;
      margin: auto; }
      .ofertas-block .oferta-existencias-block .progress-container .progress {
        height: 100%;
        width: 0;
        border-radius: 0.4rem;
        background: #ff5745;
        transition: width 0.4s ease; }

@media screen and (max-width: 500px) {
  .div-flex-item-categorias {
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    padding-left: 1rem; }
  .item-cell {
    display: flex;
    width: 84vw !important;
    float: unset;
    height: 7rem !important;
    border: 2px solid #e4e4e4; }
  .div-flex-contenedor-categorias {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .img-imagen-categoria {
    width: 100% !important;
    height: 100% !important; }
  .item-cell-picture-container {
    width: 25% !important;
    height: 60% !important; }
  #imagen-detalle-articulo-ancho {
    width: 335px !important; } }

.div-imagen-categoria-noborder {
  border: none !important; }

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .hide-in-mobile {
    display: none !important; } }

@media only screen and (max-width: 768px) {
  .hide-in-mobile {
    display: none !important; } }

.pt-block {
  width: 100%;
  text-align: center;
  display: block; }

.pt-btn-allow {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 145px;
  margin: 0 8px;
  background-color: #00abf3; }
  @media only screen and (max-width: 330px) {
    .pt-btn-allow {
      margin: 0; } }
  .pt-btn-allow a {
    color: #fff; }

.pt-btn-disable {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 145px;
  margin: 0 8px;
  cursor: not-allowed; }
  @media only screen and (max-width: 330px) {
    .pt-btn-disable {
      margin: 0; } }
  .pt-btn-disable a:hover {
    color: #0f0f0f !important; }

.pt-number {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 45px; }

.pt-current-page {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 45px;
  background-color: #00abf3; }
  .pt-current-page a {
    color: #fff !important; }

.pt-hide-responsive {
  display: inline-block; }
  @media only screen and (max-width: 768px) {
    .pt-hide-responsive {
      display: none; } }
.pt-hide-pc {
  display: none; }
  @media only screen and (max-width: 768px) {
    .pt-hide-pc {
      display: inline-block;
      margin-top: 8px; } }
.pt-btn-block {
  display: inline-block; }
  @media only screen and (max-width: 768px) {
    .pt-btn-block {
      display: block; } }
.pt-hide-number-mobile {
  display: inline-block; }
  @media only screen and (max-width: 420px) {
    .pt-hide-number-mobile {
      display: none; } }
  @media only screen and (max-width: 330px) {
    .pt-hide-number-mobile {
      display: none; } }

.loginBannerBtn {
  width: 310px;
  margin: 25px 25px 0 25px;
  background-color: #00d65b;
  height: 40px;
  text-align: center;
  color: #f7f7f7;
  border-color: transparent;
  cursor: pointer; }
  .loginBannerBtn .loginBtnImg {
    height: 20px;
    margin-right: 5px; }

.bold-text {
  font-weight: bold; }

.font-18 {
  font-size: 18px; }

.font-14 {
  font-size: 14px; }

.font-12 {
  font-size: 12px; }

.gray-border {
  border-color: black;
  border-width: 4px; }

.triangle-up {
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 15px solid #f7f7f7;
  margin: 0 auto; }

.banner-link {
  color: #00abf3; }

.banner-text {
  margin: 15px 25px 0 25px;
  padding-bottom: 25px;
  text-align: left;
  line-height: 95%; }

#banner-content {
  background-color: #f7f7f7; }

#loginBanner {
  position: absolute;
  left: -80px;
  top: -1000px;
  z-index: 1;
  width: 360px;
  height: 200px; }

#loginBanner[data-state="closed"] {
  top: -1000px;
  -webkit-animation-name: slideOut;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-timing-function: ease-in;
  animation-name: slideOut;
  animation-duration: 0.6s;
  animation-timing-function: ease-in; }

#loginBanner[data-state="open"] {
  top: 65px;
  -webkit-animation-name: slideIn;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
  animation-name: slideIn;
  animation-duration: 0.6s;
  animation-timing-function: ease-out; }

@-webkit-keyframes slideIn {
  from {
    top: -1000px;
    opacity: 0; }
  to {
    top: 65px;
    opacity: 1; } }

@-webkit-keyframes slideOut {
  from {
    top: 65px;
    opacity: 1; }
  to {
    top: -1000px;
    opacity: 0; } }

@keyframes slideIn {
  from {
    top: -1000px;
    opacity: 0; }
  to {
    top: 65px;
    opacity: 1; } }

@keyframes slideOut {
  from {
    top: 65px;
    opacity: 1; }
  to {
    top: -1000px;
    opacity: 0; } }