/*********************************************************
  *   Project: Omnilife New Website                        *
  *   Author: IT & Digital MKT                             *
  *   Spacing: 2                                           *
  *   Index                                                *
  *                                                        *
  *   1. Global Styles                                     *
  *     1.1. Typography                                    *
  *     1.2. Reset                                         *
  *   2. Layout                                            *
  *   3. Components                                        *
  *   4. Helpers                                           *
  *     4.1 Background                                     *
  *     4.2 Color                                          *
  *     4.3 Border                                         *
  *     4.4 Margin                                         *
  *     4.5 Paddings                                       *
  *     4.6 Flex configuration                             *
  *     4.7 Display                                        *
  *     4.8 Position                                       *
  *     4.9 Cursor                                         *
  *     4.10 Scale                                         *
  *     4.11 Text                                          *
  *     4.12 Width,                                        *
  *          Height                                        *
  *     4.13 Float                                         *
  *     4.14 Borders                                       *
  *     4.15 Others                                        *
  *   5. Pages                                             *
  *   6. Responsive                                        *
  **********************************************************/
  /*********************************************************
  **                                                      **
  **                 1. Global Style                      **
  **                                                      **
  *********************************************************/
  :root {
    --primarycolor: #66308C;
    --secondarycolor: #914BC1;
    --notifybell: #925cb7;
    --primary: #66308C;
    --primary1: #EDE1F5;
    --primary2: #B587D6;
    --primary3: #914BC1;
    --primary4: #7C3AAA;
    --primary5: #542874;

    --secondary: #fe9925;
    --secondary1: #FFEEDB;
    --secondary2: #FFDDB6;
    --secondary3: #FEBB6E;
    --secondary4: #FEAA49;
    --secondary5: #B05F01;

    --neutral1: #f7f6f6;
    --neutral2: #E0E0E0;
    --neutral3: #B5B5B5;
    --neutral4: #757575;
    --neutral5: #474545;

    --transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);

    --primary100: #EDE1F5;
    --primary200: #DAC3EA;
    --primary300: #C8A5E0;
    --primary400: #B587D6;
    --primary500: #A369CC;
    --primary600: #914BC1;
    --primary700: #7C3AAA;
    --primary800: #66308C;
    --primary900: #542874;
    --primary1000: #431F5C;

    --secondary100: #FFEEDB;
    --secondary200: #FFDDB6;
    --secondary300: #FFCC92;
    --secondary400: #FEBB6E;
    --secondary500: #FEAA49;
    --secondary600: #FE9925;
    --secondary700: #FC8701;
    --secondary800: #D67301;
    --secondary900: #B05F01;
    --secondary1000: #8B4A01;

    --neutrals100: #F7F6F6;
    --neutrals200: #ECEAEA;
    --neutrals300: #E0E0E0;
    --neutrals400: #D3D3D3;
    --neutrals500: #B5B5B5;
    --neutrals600: #9E9B9B;
    --neutrals700: #8C8A8A;
    --neutrals800: #757575;
    --neutrals900: #595858;
    --neutrals1000: #474545;

    --error100: #FCE1DD;
    --error200: #FAC2BB;
    --error300: #F7A498;
    --error400: #F58576;
    --error500: #F58576;
    --error600: #EF4831;
    --error700: #E92C12;
    --error800: #C6250F;
    --error900: #A31F0C;
    --error1000: #80180A;

    --warning100: #FFF8E0;
    --warning200: #FFF2C2;
    --warning300: #FFEBA3;
    --warning400: #FFE485;
    --warning500: #FFDB5D;
    --warning600: #FFD234;
    --warning700: #FFC90C;
    --warning800: #E3B100;
    --warning900: #BB9100;
    --warning1000: #927200;

    --success100: #E8FCF9;
    --success200: #D2FAF3;
    --success300: #BBF7ED;
    --success400: #A4F4E7;
    --success500: #58EBD3;
    --success600: #32E6C9;
    --success700: #1AD4B6;
    --success900: #15AE96;
    --success900: #15AE96;
    --success1000: #108975;

    --info100: #E1ECF7;
    --info200: #C2D9EE;
    --info300: #A4C6E6;
    --info400: #85B3DD;
    --info500: #4B8ECD;
    --info600: #357CBF;
    --info700: #2D6AA2;
    --info800: #255786;
    --info900: #1D4569;
    --info1000: #15324D;

  }



  .primarycolor {
    color: var(--primarycolor);
  }

  .primarybg {
    background-color: var(--primarycolor);
  }

  a,
  .secondarycolor {
    color: var(--secondarycolor);
  }

  .secondarybg {
    background-color: var(--secondarycolor);
  }

  .notifybellcolor {
    color: var(--notifybell);
  }

  .whitebg {
    background-color: white !important;
  }

  .seytu-bg {
    background: #8e7ed2 !important;
  }

  @font-face {
    font-family: 'Geomanist';
    src: url("../fonts/geomanist/Geomanist-Regular.eot");
    src: url("../fonts/geomanist/Geomanist-Regular.eot?#iefix") format('embedded-opentype'), url("../fonts/geomanist/Geomanist-Regular.woff2") format('woff2'), url("../fonts/geomanist/Geomanist-Regular.woff") format('woff'), url("../fonts/geomanist/Geomanist-Regular.ttf") format('truetype'), url("../fonts/geomanist/Geomanist-Regular.svg#geomanist_regular") format('svg');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Geomanist';
    src: url("../fonts/geomanist/Geomanist-Medium.eot");
    src: url("../fonts/geomanist/Geomanist-Medium.eot?#iefix") format('embedded-opentype'), url("../fonts/geomanist/Geomanist-Medium.woff2") format('woff2'), url("../fonts/geomanist/Geomanist-Medium.woff") format('woff'), url("../fonts/geomanist/Geomanist-Medium.ttf") format('truetype'), url("../fonts/geomanist/Geomanist-Medium.svg#geomanist_medium") format('svg');
    font-weight: 500;
    font-style: normal;
  }

  @font-face {
    font-family: 'Geomanist';
    src: url("../fonts/geomanist/Geomanist-ExtraLight.eot");
    src: url("../fonts/geomanist/Geomanist-ExtraLight.eot?#iefix") format('embedded-opentype'), url("../fonts/geomanist/Geomanist-ExtraLight.woff2") format('woff2'), url("../fonts/geomanist/Geomanist-ExtraLight.woff") format('woff'), url("../fonts/geomanist/Geomanist-ExtraLight.ttf") format('truetype'), url("../fonts/geomanist/Geomanist-ExtraLight.svg#geomanist_extralight") format('svg');
    font-weight: 200;
    font-style: normal;
  }

  @font-face {
    font-family: 'Geomanist';
    src: url("../fonts/geomanist/Geomanist-Light.eot");
    src: url("../fonts/geomanist/Geomanist-Light.eot?#iefix") format('embedded-opentype'), url("../fonts/geomanist/Geomanist-Light.woff2") format('woff2'), url("../fonts/geomanist/Geomanist-Light.woff") format('woff'), url("../fonts/geomanist/Geomanist-Light.ttf") format('truetype'), url("../fonts/geomanist/Geomanist-Light.svg#geomanist_light") format('svg');
    font-weight: 300;
    font-style: normal;
  }

  @font-face {
    font-family: 'Geomanist';
    src: url("../fonts/geomanist/Geomanist-Bold.eot");
    src: url("../fonts/geomanist/Geomanist-Bold.eot?#iefix") format('embedded-opentype'), url("../fonts/geomanist/Geomanist-Bold.woff2") format('woff2'), url("../fonts/geomanist/Geomanist-Bold.woff") format('woff'), url("../fonts/geomanist/Geomanist-Bold.ttf") format('truetype'), url("../fonts/geomanist/Geomanist-Bold.svg#geomanist_bold") format('svg');
    font-weight: 700;
    font-style: normal;
  }

  @font-face {
    font-family: 'Geomanist Book';
    src: url("../fonts/geomanist/Geomanist-Book.eot");
    src: url("../fonts/geomanist/Geomanist-Book.eot?#iefix") format('embedded-opentype'), url("../fonts/geomanist/Geomanist-Book.woff2") format('woff2'), url("../fonts/geomanist/Geomanist-Book.woff") format('woff'), url("../fonts/geomanist/Geomanist-Book.ttf") format('truetype'), url("../fonts/geomanist/Geomanist-Book.svg#geomanist_book") format('svg');
    font-weight: normal;
    font-style: normal;
  }

  /*Glyphicons declarada como font-face validar si no afecta en algun otro modulo manter*/
  @font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../../../cms/bootstrap/fonts/glyphicons-halflings-regular.eot');
    src: url('../../../cms/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../../cms/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../../cms/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../../cms/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
  }

  html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
  }

  body {
    margin: 0;
  }

  .tar {
    text-align: right;
  }

  .tal {
    text-align: left;
  }

  .tac {
    text-align: center;
  }

  .taj {
    text-align: justify;
  }

  .p10 {
    padding: 10px;
  }

  .p20 {
    padding: 20px;
  }

  .p30 {
    padding: 30px;
  }

  .p40 {
    padding: 40px;
  }

  .m10 {
    padding: 10px;
  }

  .m20 {
    padding: 20px;
  }

  .m30 {
    padding: 30px;
  }

  .m40 {
    padding: 40px;
  }

  article,
  details,
  section,
  summary,
  aside,
  main,
  menu,
  nav,
  figcaption,
  figure,
  footer,
  header,
  hgroup {
    display: block;
  }

  audio,
  canvas,
  progress,
  video {
    display: inline-block;
    vertical-align: baseline;
  }

  audio:not([controls]) {
    display: none;
    height: 0;
  }

  [hidden],
  template {
    display: none;
  }

  a {
    background-color: transparent;
  }

  a:active,
  a:hover {
    outline: 0;
  }

  select:focus {
    outline: none;
  }

  abbr[title] {
    border-bottom: 1px dotted;
  }

  dfn {
    font-style: italic;
  }

  mark {
    background: #ff0;
    color: #000;
  }

  b,
  strong {
    font-weight: bold;
  }

  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }

  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  sup {
    top: -0.5em;
  }

  sub {
    bottom: -0.25em;
  }

  img {
    border: 0;
  }

  svg:not(:root) {
    overflow: hidden;
  }

  figure {
    margin: 1em 40px;
  }

  hr {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
  }

  pre {
    overflow: auto;
  }

  code,
  kbd,
  pre,
  samp {
    font-family: monospace, monospace;
    font-size: 1em;
  }

  button,
  input,
  optgroup,
  select,
  textarea {
    color: inherit;
    font: inherit;
    margin: 0;
  }

  button {
    overflow: visible;
  }

  button,
  select {
    text-transform: none;
  }

  button,
  html input[type='button'],
  input[type='reset'],
  input[type='submit'] {
    cursor: pointer;
    -webkit-appearance: button;
  }

  button[disabled],
  html input[disabled] {
    cursor: default;
  }

  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0;
  }

  input {
    line-height: normal;
  }

  input[type='checkbox'],
  input[type='radio'] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
  }

  input[type='number']::-webkit-inner-spin-button,
  input[type='number']::-webkit-outer-spin-button {
    height: auto;
  }

  input[type='search'] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }

  input[type='search']::-webkit-search-cancel-button,
  input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  }

  legend {
    border: 0;
    padding: 0;
  }

  textarea {
    overflow: auto;
  }

  optgroup {
    font-weight: bold;
  }

  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  td,
  th {
    padding: 0;
  }

  /* fix problem on firefox */
  tr {
    width: 100%;
    /* display: inline-table; */
  }

  body {
    font-family: 'Roboto', sans-serif;
  }

  a {
    text-decoration: none;
  }

  button {
    outline: none;
  }

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

  figure {
    margin: 0;
  }

  *,
  *:after,
  *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  /*********************************************************
  **                                                      **
  **                 1. Themes                            **
  **                                                      **
  *********************************************************/
  body.theme--lightgray {
    background: #f4f4f6;
  }

  body.theme--nfuerza {
    background: #43cbd4;
  }

  .spritesheet {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }

  .icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    text-align: center;
  }

  .wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 1400px;
    width: 95%;
  }

  .disclaimer {
    font-family: 'Noto', Sans-Serif !important;
    font-style: italic;
    font-size: 0.75rem;
    color: #333;
  }

  .zero-red.disclaimer {
    font-family: 'Noto', Sans-Serif !important;
    font-size: 11px;
  }

  .disclaimer.theme--white {
    background: #fff;
    padding: 2rem;
    margin: 0;
    font-size: 0.75rem;
    font-style: italic;
    color: #333;
    width: 100%;
  }

  .disclaimer.theme--purple {
    font-size: 0.75rem;
    color: #fff;
    font-style: italic;
    margin-top: 2rem;
  }

  .main-content {
    position: relative;
    padding-top: 53px;
    /*margin-top: -1.3rem;*/
    margin-top: 0;
  }

  .overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 108;
    -webkit-backdrop-filter: saturate(160%) blur(10px);
    backdrop-filter: saturate(160%) blur(10px);
    background-color: rgba(0, 0, 0, 0.4);
  }

  .extra-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 101;
    -webkit-backdrop-filter: saturate(160%) blur(10px);
    backdrop-filter: saturate(160%) blur(10px);
    background-color: rgba(0, 0, 0, 0.4);
  }

  /* Firefox */
  _:-moz-any(x),
  .overlay {
    background-color: rgba(0, 0, 0, 0.8);
  }

  /* iExplorer */
  _:-ms-lang(x),
  .overlay {
    background-color: rgba(0, 0, 0, 0.8);
  }

  .hidden {
    display: none;
  }

  .visible {
    display: block !important;
  }

  .mainslider .highlight {
    color: #fff !important;
  }

  .bold {
    font-weight: 700;
  }

  .small-proportion {
    font-size: 0.8em;
  }

  .align-center,
  .tac {
    text-align: center;
  }

  .desk {
    display: none;
  }

  @media screen and (min-width: 768px) {
    .desk {
      display: initial;
    }
  }

  @media screen and (min-width: 768px) {
    .mov {
      display: none !important;
    }
  }

  .icon-cross {
    color: #fff;
    height: 21px;
    position: relative;
  }



  /* .icon-cross:before,
  .icon-cross:after {
    background-color: currentColor;
    content: '';
    display: block;
    height: inherit;
    margin-left: -1px;
    position: absolute;
    top: 0;
    left: 50%;
    width: 3px;
  } */

  /* .icon-cross:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .icon-cross:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  } */

  .list-nostyle,
  ul.noli li {
    padding-left: 0;
    margin: 0;
    list-style: none;
  }

  .avatar {
    border-radius: 50%;
    overflow: hidden;
    margin: 0 12px;
  }

  .avatar.small {
    width: 28px;
    height: 28px;
  }

  .avatar.smallx {
    width: 80px;
    height: 80px;
  }

  .avatar.medium {
    width: 150px;
    height: 150px;
  }

  .avatar.big {
    border-radius: 15px;
    margin: 0 auto;
  }

  .avatar img {
    width: 100%;
  }

  @media screen and (min-width: 768px) {
    .avatar.small {
      height: 38px;
      width: 38px;
    }
  }

  .dropdown {
    cursor: pointer;
    position: relative;
    will-change: opacity;
  }

  .dropdown-toggle {
    display: block;
    padding-right: 12px;
    position: relative;
  }

  .dropdown-toggle:after {
    content: '';
    display: block;
    border-top: 4px solid currentColor;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 7px;
  }

  .dropdown-list {
    max-height: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: -ms-max-content;
    width: max-content;
    z-index: -1;
    -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.2);
  }

  @media screen and (min-width: 768px) {
    .dropdown-list {
      background-color: #120918;
      border: solid 1px #2b2b2b;
      margin: 0;
      max-height: 0;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      padding: 0;
      position: absolute;
      right: 0;
      top: 20px;
      z-index: -1;
    }
  }

  .dropdown-list ul {
    position: relative;
    max-height: 200px;
    overflow: auto;
  }

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

  .dropdown.active .dropdown-list {
    max-height: none;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    z-index: 1;
    overflow-y: auto;
  }

  .dropdown.active .dropdown-item {
    z-index: 1;
  }

  .dropdown-item {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.75em;
    line-height: 1.5;
    padding: 3px 10px;
  }

  .dropdown-item a {
    color: currentColor;
    display: block;
    width: 100%;
    white-space: nowrap;
  }

  .dropdown-item.highlight {
    color: var(--secondarycolor);
  }

  @media screen and (min-width: 768px) {
    .dropdown-item {
      position: relative;
      z-index: -1;
      border-top: solid 1px #2b2b2b;
    }

    .dropdown-item:first-child {
      border-top: none;
    }

    .dropdown-item:hover {
      background: #2b2b2b;
    }

    .dropdown-item:hover a {
      color: var(--secondarycolor);
    }
  }

  .dropdown.border {
    border: 1px solid #fff;
    border-radius: 15px;
    margin: auto;
  }

  .dropdown.hasicons .dropdown-item {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .dropdown.light {
    padding: 6px 12px;
    color: #fff;
  }

  .dropdown.light .dropdown-list {
    background-color: #fff;
    border: none;
    border-radius: 6px;
    position: absolute;
    top: 1.6rem;
    right: 0;
    width: 100%;
  }

  @media screen and (min-width: 768px) {
    .dropdown.light .dropdown-list {
      top: 2rem;
    }
  }

  .dropdown.light .dropdown-list.active {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .dropdown.light .dropdown-item {
    color: var(--primarycolor);
    border: none;
  }

  .dropdown.light .dropdown-item:hover {
    background-color: rgba(154, 46, 155, 0.2);
  }

  .dropdown.light .dropdown-item.highlight {
    background-color: rgba(154, 46, 155, 0.2);
  }

  .buttons-container {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }

  .buttons-container .button {
    margin: 0 10px;
  }

  .buttons-container a.button.small {
    margin: 5px;
  }

  .step {
    background-color: #fff;
    display: none;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
  }

  .step.active {
    display: block;
    position: relative;
    z-index: 1;
  }

  .fade-in-down {
    -webkit-animation: fadeInDown 0.3s ease-out;
    -moz-animation: fadeInDown 0.3s ease-out;
    -o-animation: fadeInDown 0.3s ease-out;
    -ms-animation: fadeInDown 0.3s ease-out;
    animation: fadeInDown 0.3s ease-out;
  }

  .ps-container {
    position: relative;
  }

  @-moz-keyframes fadeInDown {
    from {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -webkit-transform: translateY(-15px);
      -moz-transform: translateY(-15px);
      -o-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
      transform: translateY(-15px);
    }

    to {
      opacity: 1;
      -ms-filter: none;
      filter: none;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }

  @-webkit-keyframes fadeInDown {
    from {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -webkit-transform: translateY(-15px);
      -moz-transform: translateY(-15px);
      -o-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
      transform: translateY(-15px);
    }

    to {
      opacity: 1;
      -ms-filter: none;
      filter: none;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }

  @-o-keyframes fadeInDown {
    from {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -webkit-transform: translateY(-15px);
      -moz-transform: translateY(-15px);
      -o-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
      transform: translateY(-15px);
    }

    to {
      opacity: 1;
      -ms-filter: none;
      filter: none;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }

  @keyframes fadeInDown {
    from {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -webkit-transform: translateY(-15px);
      -moz-transform: translateY(-15px);
      -o-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
      transform: translateY(-15px);
    }

    to {
      opacity: 1;
      -ms-filter: none;
      filter: none;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }

  ::-webkit-input-placeholder {
    color: #8a8a8a;
  }

  ::-moz-placeholder {
    color: #8a8a8a;
  }

  :-ms-input-placeholder {
    color: #8a8a8a;
  }

  :-moz-placeholder {
    color: #8a8a8a;
  }

  ::placeholder {
    color: #8a8a8a;
  }

  .form-row {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    /*margin: 40px auto 0;*/
    max-width: 710px;
    overflow: hidden;
    width: 100%;
    align-items: center;
  }

  @media screen and (min-width: 768px) {
    .form-row.left {
      -webkit-box-pack: start;
      -moz-box-pack: start;
      -o-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
    }

    .form-row.left .form-group {
      margin-right: 4rem;
      -webkit-box-flex: 12;
      -moz-box-flex: 12;
      -o-box-flex: 12;
      box-flex: 12;
      -webkit-flex: 12;
      -ms-flex: 12;
      flex: 12;
    }
  }

  .form-group {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
  }

  .form-group.hidden {
    display: none !important;
  }

  .form-group.small {
    max-width: 80px;
  }

  @media screen and (min-width: 768px) {
    .form-group.small {
      max-width: 100px;
    }
  }

  @media screen and (min-width: 768px) {
    .form-group.medium {
      -webkit-flex-basis: 31.3333%;
      flex-basis: 31.3333%;
    }
  }

  @media screen and (min-width: 768px) {
    .form-group.mediumx {
      -webkit-flex-basis: 48%;
      flex-basis: 48%;
    }
  }

  #step1.register__step.step.step2.fade-in-down #msj {
    padding-right: 0 !important;
    font-size: 13px;
    margin-bottom: -17px;
    position: relative !important;
    display: block;
  }

  @media screen and (min-width: 768px) {
    .form-group.large {
      -webkit-flex-basis: 64.6666%;
      flex-basis: 64.6666%;
    }
  }

  .form-label {
    color: var(--neutral);
    margin: 7px 0;
  }

  .form-label.block {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
  }

  .form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 2px solid rgba(138, 138, 138, 0.5);
    border-radius: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.8em;
    height: 36px;
    outline: none;
    position: relative;
    padding: 6px 1.125rem;
    resize: none;
    width: 100%;
  }

  #productsCategory .form-control:focus {
    border: 2px solid var(--secondarycolor);
  }

  .products-page.general .products-block {
    margin-top: 2rem;
    border-radius: 20px;
  }

  div#systems {
    align-items: stretch;
    box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.57);
  }

  .products-block {
    background-color: white;
  }

  .form-control--search {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #8a8a8a;
    border: none;
    -webkit-box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.12);
    font-size: 0.813em;
    padding: 6px 2.75em 6px 1em;
  }

  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .form-control--search {
      font-size: 16px;
    }

    /* .form-control--search:focus {
      font-size: 16px;
    } */
  }

  @media screen and (min-width: 768px) {
    .form-control--search::-webkit-input-placeholder {
      color: var(--primarycolor);
    }

    .form-control--search::-moz-placeholder {
      color: var(--primarycolor);
    }

    .form-control--search:-ms-input-placeholder {
      color: var(--primarycolor);
    }

    .form-control--search:-moz-placeholder {
      color: var(--primarycolor);
    }

    .form-control--search::placeholder {
      color: var(--primarycolor);
    }
  }

  .form-control.error {
    border-color: #eb2227;
    color: var(--neutrals1000);
  }

  .form-control.textarea {
    height: 100px;
  }

  select.form-control {
    width: 100%;
    color: #8a8a8a;
  }

  select.form-control::-ms-expand {
    display: none;
  }

  .select {
    position: relative;
    width: 100%;
  }

  .select2 {
    position: relative;
    width: 100%;
  }

  .select::after {
    content: '';
    border-top: 5px solid currentColor;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    pointer-events: none;
    position: absolute;
    right: 1rem;
    top: 1rem;
  }

  .select2::after {
    content: '';
    border-top: 5px solid currentColor;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    pointer-events: none;
    position: absolute;
    right: 1rem;
    top: 2rem;
  }

  .select.has-icon select {
    padding-left: 2rem;
    background: none;
  }

  .select__icon {
    position: absolute;
    top: 50%;
    left: 0.8rem;
    margin-top: -0.5rem;
  }

  .form-radio {
    position: relative;
    margin-right: 30px;
  }

  .form-radio.inline {
    display: inline-block;
  }

  .form-radio:last-child {
    margin-right: 0;
  }

  .form-radio input[type="radio"] {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
  }

  .form-radio .radio-fake {
    background-color: #d8d8d8;
    border-radius: 50%;
    display: inline-block;
    height: 19px;
    position: relative;
    vertical-align: middle;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -o-transition: background 0.2s;
    -ms-transition: background 0.2s;
    transition: background 0.2s;
    width: 19px;
  }

  .form-radio .radio-label {
    color: var(--neutral);
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
  }

  .form-radio .radio-label .small {
    display: block;
    font-size: 0.75rem;
    padding-top: 30px;
  }

  .form-radio input[type="radio"]:checked+.radio-fake {
    background-color: var(--secondarycolor);
  }

  .form-radio.card {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    width: 100%;
  }

  @media screen and (min-width: 768px) {
    .form-radio.card {
      margin-right: 0;
      margin-bottom: 0;
      width: 50%;
    }
  }

  .form-radio.card .radio-label {
    margin-left: 5px;
    font-size: 0.875rem;
  }

  @media screen and (min-width: 375px) {
    .form-radio.card .radio-label {
      margin-left: 10px;
      font-size: 1rem !important;
    }
  }

  .form-radio.card input[type="radio"]:checked~.card__content-wrap:before {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  .form-radio.card input[type="radio"]:checked~.card__content-wrap .card__content {
    background-color: #fff;
  }

  .form-radio.card input[type="radio"]:checked~.card__content-wrap .radio-fake {
    background-color: var(--secondarycolor);
  }

  .form-radio.card input[type="radio"]:checked~.card__content-wrap .card__extra {
    max-height: 500px;
  }

  .form-radio.card:last-child .card__content-wrap:before {
    -webkit-box-shadow: 5px 8px 15px rgba(52, 10, 53, 0.08);
    box-shadow: 5px 8px 15px rgba(52, 10, 53, 0.08);
  }

  .form-radio.card.stack {
    -webkit-flex-basis: 100% !important;
    flex-basis: 100% !important;
    width: 100%;
  }

  .form-radio.card.stack .card__content-wrap:before {
    -webkit-box-shadow: 0 0 20px 1px rgba(52, 10, 53, 0.14);
    box-shadow: 0 0 20px 1px rgba(52, 10, 53, 0.14);
    height: 80%;
    top: 10%;
  }

  .form-radio.card.stack .card__content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .form-radio.card.stack .radio-fake {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 19px;
    -ms-flex: 0 0 19px;
    flex: 0 0 19px;
  }

  .form-radio.card.stack .radio-label {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: -2px;
  }

  .form-radio.card.stack .card__extra {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
  }

  .form-radio .card__img {
    margin: 0 auto;
    max-width: 169px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
  }

  .form-radio .card__img img {
    width: 100%;
  }

  .form-radio .card__img+.card__content-wrap .card__content {
    margin-top: 115px;
    padding-top: 115px;
  }

  .form-radio .card__content-wrap {
    display: block;
    position: relative;
    margin: 0 auto;
  }

  .form-radio .card__content-wrap:before {
    background-color: transparent;
    -webkit-box-shadow: -5px 8px 15px rgba(52, 10, 53, 0.08);
    box-shadow: -5px 8px 15px rgba(52, 10, 53, 0.08);
    content: '';
    display: block;
    height: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
    width: 100%;
    border-radius: 10px;
  }

  @media screen and (min-width: 768px) {
    .form-radio .card__content-wrap {
      margin: 0;
    }
  }

  .form-radio .card__content {
    background-color: rgba(216, 216, 216, 0.2);
    border: solid 1px #e8e8e8;
    display: block;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    padding: 1rem;
    position: relative;
    z-index: 1;
  }

  .form-radio .card__title,
  .form-radio .card__price {
    font-size: 0.933rem;
  }

  .form-radio .card__title {
    font-weight: 400;
  }

  .form-radio .card__price {
    font-weight: 700;
  }

  .form-radio .card__features {
    font-size: 0.75rem;
    margin-bottom: 1rem;
    padding: 0;
  }

  .form-radio .card__extra {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.3s;
    -moz-transition: max-height 0.3s;
    -o-transition: max-height 0.3s;
    -ms-transition: max-height 0.3s;
    transition: max-height 0.3s;
  }

  @media screen and (min-width: 768px) {
    .form-radio .card__extra {
      margin-left: 1.5rem;
    }
  }

  .form-radio .card__extra .form-row {
    margin: 22px 0 0;
  }

  .form-radio .card__extra .form-group {
    margin: 0 auto 10px;
  }

  .form-radio .card__extra .form-group.small {
    max-width: 80px;
  }

  .form-radio .card__extra .form-group.space {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    -o-box-pack: distribute;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }

  .form-radio .card__extra .form-group.space .form-group {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .form-radio .card__extra .form-label {
    text-align: left;
  }

  .form-checkbox {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-right: 30px;
  }

  .form-checkbox.inline {
    display: inline-block;
    width: auto;
  }

  .form-checkbox:last-child {
    margin-right: 0;
  }

  .form-checkbox input[type="checkbox"] {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
  }

  .form-checkbox .checkbox-fake {
    background-color: #d8d8d8;
    border-radius: 2px;
    display: inline-block;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 19px;
    -ms-flex: 0 0 19px;
    flex: 0 0 19px;
    height: 19px;
    position: relative;
    vertical-align: middle;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    width: 19px;
  }

  label.checkbox-fake:hover {
    box-shadow: 0 0 0px 2px var(--secondarycolor) inset, 0 0 0px 1px var(--secondarycolor);
  }

  .form-checkbox .checkbox-fake:before,
  .form-checkbox .checkbox-fake:after {
    background-color: #fff;
    content: '';
    display: none;
    height: 3px;
    position: absolute;
    left: 0;
    top: 0;
  }

  .form-checkbox .checkbox-fake:before {
    -webkit-transform: translate(3px, 10px) rotate(45deg);
    -moz-transform: translate(3px, 10px) rotate(45deg);
    -o-transform: translate(3px, 10px) rotate(45deg);
    -ms-transform: translate(3px, 10px) rotate(45deg);
    transform: translate(3px, 10px) rotate(45deg);
    width: 6px;
  }

  .form-checkbox .checkbox-fake:after {
    -webkit-transform: translate(6px, 0.5rem) rotate(-45deg);
    -moz-transform: translate(6px, 0.5rem) rotate(-45deg);
    -o-transform: translate(6px, 0.5rem) rotate(-45deg);
    -ms-transform: translate(6px, 0.5rem) rotate(-45deg);
    transform: translate(6px, 0.5rem) rotate(-45deg);
    width: 0.75rem;
  }

  .form-checkbox .checkbox-label {
    color: var(--neutrals1000);
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
  }

  .form-checkbox .checkbox-label a {
    color: var(--neutrals1000);
    text-decoration: underline;
  }

  .form-checkbox input[type="checkbox"]:checked+.checkbox-fake {
    background-color: var(--secondarycolor);
  }

  .form-checkbox input[type="checkbox"]:checked+.checkbox-fake:before,
  .form-checkbox input[type="checkbox"]:checked+.checkbox-fake:after {
    display: block;
  }

  .error-msg {
    color: #eb2227;
    font-size: 0.75rem;
    margin: 0.5rem 0 0 1.125rem;
  }

  .register .form-control:focus,
  .cart .form-control:focus {
    border-color: var(--primarycolor);
    border-width: 2px;
  }

  .register .form-control:focus::-webkit-input-placeholder,
  .cart .form-control:focus::-webkit-input-placeholder {
    color: var(--primarycolor);
  }

  .register .form-control:focus::-moz-placeholder,
  .cart .form-control:focus::-moz-placeholder {
    color: var(--primarycolor);
  }

  .register .form-control:focus:-ms-input-placeholder,
  .cart .form-control:focus:-ms-input-placeholder {
    color: var(--primarycolor);
  }

  .register .form-control:focus:-moz-placeholder,
  .cart .form-control:focus:-moz-placeholder {
    color: var(--primarycolor);
  }

  .register .form-control:focus::placeholder,
  .cart .form-control:focus::placeholder {
    color: var(--primarycolor);
  }

  .numeric {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    margin: 0;
    padding: 0;
    width: auto;
  }

  .numeric .form-control {
    border-width: 2px;
    text-align: center;
    width: 60px;
    padding: 10px;
  }

  .numeric span {
    cursor: pointer;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .numeric span svg {
    stroke: rgba(74, 83, 100, 0.6);
    stroke-width: 2px;
  }

  .numeric span.minus {
    margin-right: 10px;
  }

  .numeric span.plus {
    margin-left: 10px;
  }

  .numeric.transparent .form-control {
    background-color: rgba(0, 0, 0, 0.2);
    border: none;
  }

  /* Cielo Form */
  @media (max-width: 768px) {
    .is--brazil .hidden-xs {
      display: none !important;
      display: block !important;
      font-size: 14px;
    }
  }

  @media only screen and (max-device-width: 1024px) and (min-device-width: 320px) {
    .is--brazil .select {
      width: 100% !important;
    }
  }

  .form--payment.is--brazil {
    border-radius: 10px;
    background: #fff;
    box-shadow: 1;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.25);
    padding: 20px 0 40px 0px;
    min-height: 400px;
  }

  .form--payment.is--brazil .form-group input:required {
    box-shadow: none !important;
  }

  .form--payment.is--argentina .form-group input:required {
    box-shadow: none !important;
  }

  .is--argentina #month_card,
  .is--argentina #year_card,
  .is--argentina #cvvCode {
    min-width: 70px;
  }

  .form--payment.is--brazil h2 {
    color: #333;
    padding: 27px 0;
    color: var(--primarycolor);
    font-size: 1.5rem;
    font-family: 'Noto Sans', sans-serif !important;
    width: 100%;
    padding: 10px 20px;
    max-width: 560px;
    margin: 0 auto;
  }

  .form--payment.is--brazil .row {
    width: 100%;
    padding: 10px 20px;
    max-width: 560px;
    margin: 0 auto;
  }

  .form--payment.is--brazil .form-group label {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    width: 30%;
  }

  .form--payment.is--brazil .form-group input[type="tel"],
  .form--payment.is--brazil .form-group input[type="password"],
  .form--payment.is--brazil .form-group input[type="text"],
  .form--payment.is--brazil .form-group select {
    display: inline-block;
    vertical-align: middle;
  }

  #payment-form-cielo .form-group {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-align-content: flex-start;
    -ms-align-content: flex-start;
    align-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
  }

  .form--payment.is--brazil .status_message {
    padding: 0 20px;
    width: 100%;
    display: block;
    padding: 0 20px;
    max-width: 560px;
    margin: 0 auto;
  }

  .form--payment.is--brazil .status_error_message {
    padding: 0 20px;
    width: 100%;
    display: block;
    padding: 0 20px;
    max-width: 560px;
    margin: 0 auto;
  }

  .form--payment.is--brazil .form-group .radio-inline {
    width: auto;
    padding: 0 10px;
  }

  .form--payment.is--brazil .button.small {
    margin: 0 auto;
  }

  .status_message .icon-check {
    background: url('/themes/omnilife2018/images/icons/white-check.png'), #8bc34a;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    background-size: 50%, contain;
    background-position: center center;
    border-radius: 50%;
    background-repeat: no-repeat;
    margin-left: 6px;
  }

  .status_message .icon-error {
    background: url('/themes/omnilife2018/images/icons/icon-error.png'), #c62828;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    background-size: 90%, contain;
    background-position: 1px 1px, center center;
    border-radius: 50%;
    background-repeat: no-repeat;
    margin-left: 6px;
  }

  @media all and (min-width: 320px) and (max-width: 480px) {

    .form--payment.is--brazil .form-group label,
    .form--payment.is--brazil,
    .form--payment.is--brazil .form-group input[type="tel"],
    .form--payment.is--brazil .form-group input[type="password"] {
      width: 100%;
    }

    ul.nav-list.list-nostyle.nav-paises li:nth-child(3).zip-code {
      flex-flow: initial;
      align-self: end;
      align-content: end;
      text-align: center;
      min-width: -webkit-fill-available;
      padding: 10px 0;
      border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

    li.nav-paises-responsive.button-drop-down {
      flex: 2;
    }

    .tool-tip .tool-tip-text {
      left: 0 !important;
    }
  }

  /* decidir Form */
  .btn_decidir,
  .btn_fac {
    background-color: var(--secondarycolor);
    color: white;
    border: none;
    border-radius: 20px;
    padding: 0.5rem 2rem;
    font-size: 1rem;
    text-transform: uppercase;
    font-family: 'Noto', Sans-Serif !important;
    max-width: 200px;
  }

  .form--payment.is--argentina,
  .form--payment.is--panama,
  .form--payment.is--paraguay,
  .form--payment.is--guatemala {
    border-radius: 10px;
    background: #fff;
    box-shadow: 1;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 30px;
    border-top: 1px solid gainsboro !important;
  }

  .form--payment.is--argentina h2,
  .form--payment.is--panama h2,
  .form--payment.is--paraguay h2,
  .form--payment.is--guatemala h2 {
    color: #333;
    padding: 27px 0;
    color: var(--primarycolor);
    font-size: 1.5rem;
    font-family: 'Noto Sans', sans-serif !important;
    width: 100%;
    padding: 10px 20px;
    max-width: 560px;
    margin: 0 auto;
  }

  .form--payment.is--argentina .row,
  .form--payment.is--panama .row,
  .form--payment.is--paraguay .row,
  .form--payment.is--guatemala .row {
    width: 100%;
    padding: 10px 20px;
    max-width: 560px;
    margin: 0 auto;
  }

  .form--payment.is--argentina .form-group label,
  .form--payment.is--panama .form-group label,
  .form--payment.is--paraguay .form-group label,
  .form--payment.is--guatemala .form-group label {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    width: 30% !important;
  }

  .form--payment.is--argentina .form-group input[type="tel"],
  .form--payment.is--argentina .form-group input[type="password"],
  .form--payment.is--argentina .form-group input[type="text"],
  .form--payment.is--panama .form-group input[type="tel"],
  .form--payment.is--panama .form-group input[type="password"],
  .form--payment.is--panama .form-group input[type="text"],
  .form--payment.is--panama .form-group select,
  .form--payment.is--paraguay .form-group input[type="tel"],
  .form--payment.is--paraguay .form-group input[type="password"],
  .form--payment.is--paraguay .form-group input[type="text"],
  .form--payment.is--paraguay .form-group select,
  .form--payment.is--guatemala .form-group input[type="tel"],
  .form--payment.is--guatemala .form-group input[type="password"],
  .form--payment.is--guatemala .form-group input[type="text"] {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0;
    width: 69%;
  }

  .form--payment.is--argentina .form-group .thirty_three,
  .form--payment.is--panama .form-group .thirty_three,
  .form--payment.is--paraguay .form-group .thirty_three,
  .form--payment.is--guatemala .form-group .thirty_three {
    width: 33% !important;
    -webkit-appearance: none !important;
    -moz-appearance: textfield !important;
  }

  .form--payment.is--argentina .status_message,
  .form--payment.is--panama .status_message,
  .form--payment.is--paraguay .status_message,
  .form--payment.is--guatemala .status_message {
    padding: 0 20px;
    width: 100%;
    display: block;
    padding: 0 20px;
    max-width: 560px;
    margin: 0 auto;
  }

  .form--payment.is--argentina .status_error_message,
  .form--payment.is--panama .status_error_message,
  .form--payment.is--paraguay .status_error_message,
  .form--payment.is--guatemala .status_error_message {
    padding: 0 20px;
    width: 100%;
    display: block;
    padding: 0 20px;
    max-width: 560px;
    margin: 0 auto;
  }

  .form--payment.is--argentina .form-group .radio-inline,
  .form--payment.is--panama .form-group .radio-inline,
  .form--payment.is--paraguay .form-group .radio-inline,
  .form--payment.is--guatemala .form-group .radio-inline {
    width: auto;
    padding: 0 10px;
  }

  .form--payment.is--argentina .button.small,
  .form--payment.is--panama .button.small,
  .form--payment.is--paraguay .button.small,
  .form--payment.is--guatemala .button.small {
    margin: 0 auto;
  }

  #decidir_payment_method_credit,
  #decidir_payment_method_debit,
  #decidir_tipo_documento,
  #paguelo_facil_method_type_card,
  #fac_payment_method_credit,
  #fac_payment_method_debit,
  #fac_tipo_documento {
    position: relative;
  }

  #decidir_payment_method_credit::after,
  #decidir_payment_method_debit::after,
  #fac_payment_method_credit::after,
  #fac_payment_method_debit::after {
    content: '';
    display: block;
    border-top: 7px solid #000;
    border-left: 3px solid rgba(0, 0, 0, 0);
    border-right: 3px solid transparent;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 17px;
  }

  #decidir_tipo_documento::after,
  #fac_tipo_documento::after {
    content: '';
    display: block;
    border-top: 7px solid #000;
    border-left: 3px solid rgba(0, 0, 0, 0);
    border-right: 3px solid transparent;
    pointer-events: none;
    position: absolute;
    right: 200px;
    top: 15px;
  }

  #decidir_tipo_documento_shipping::after,
  #fac_tipo_documento_shipping::after {
    content: '';
    display: block;
    border-top: 7px solid #000;
    border-left: 3px solid rgba(0, 0, 0, 0);
    border-right: 3px solid transparent;
    pointer-events: none;
    position: absolute;
    right: 200px;
    top: 25px;
  }

  #shipping_address_select label {
    display: block;
    color: var(--primarycolor);
    font-style: italic;
    font-size: 13px;
    padding: 5px 0;
  }

  #shipping_address_select label:before {
    content: "\f3c5";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    padding-right: 5px;
  }

  #decidir_form>input[type=number],
  #fac_form>input[type=number] {
    background-color: red !important;
  }

  /*
  * Container style
  */
  .ps {
    overflow: hidden;
    /*overflow-y: visible !important;
    background-color: #FFF;*/
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
  }

  /*
  * Scrollbar rail styles
  */
  .ps__rail-x {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    height: 15px;
    /* there must be 'bottom' or 'top' for ps__rail-x */
    bottom: 0px;
    /* please don't change 'position' */
    position: absolute;
  }

  .ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    width: 15px;
    /* there must be 'right' or 'left' for ps__rail-y */
    right: 0;
    /* please don't change 'position' */
    position: absolute;
  }

  .ps--active-x>.ps__rail-x,
  .ps--active-y>.ps__rail-y {
    display: block;
    background-color: transparent;
  }

  .ps:hover>.ps__rail-x,
  .ps:hover>.ps__rail-y,
  .ps--focus>.ps__rail-x,
  .ps--focus>.ps__rail-y,
  .ps--scrolling-x>.ps__rail-x,
  .ps--scrolling-y>.ps__rail-y {
    opacity: 0.6;
  }

  .ps__rail-x:hover,
  .ps__rail-y:hover,
  .ps__rail-x:focus,
  .ps__rail-y:focus {
    background-color: #eee;
    opacity: 0.9;
  }

  /*
  * Scrollbar thumb styles
  */
  .ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    /* there must be 'bottom' for ps__thumb-x */
    bottom: 2px;
    /* please don't change 'position' */
    position: absolute;
  }

  .ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    /* there must be 'right' for ps__thumb-y */
    right: 2px;
    /* please don't change 'position' */
    position: absolute;
  }

  .ps__rail-x:hover>.ps__thumb-x,
  .ps__rail-x:focus>.ps__thumb-x {
    background-color: #999;
    height: 11px;
  }

  .ps__rail-y:hover>.ps__thumb-y,
  .ps__rail-y:focus>.ps__thumb-y {
    background-color: #999;
    width: 11px;
  }

  /* MS supports */
  @supports (-ms-overflow-style: none) {
    .ps {
      overflow: auto !important;
    }
  }

  @media screen and (-ms-high-contrast: active),
  (-ms-high-contrast: none) {
    .ps {
      overflow: auto !important;
    }
  }

  .main-h {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 101;
  }

  .main-h .wrapper {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: 0px 10px;
  }

  .main-h__logo {
    margin-right: auto;
    height: 25px;
    width: 93px;
  }

  .main-h__logo .icon {
    height: inherit;
    width: inherit;
  }

  .main-h li.nav-item.desk.bold.hidden-xs a {
    color: var(--secondarycolor);
  }

  .main-h li.nav-item.desk.bold.hidden-xs a:hover {
    color: #fff;
  }

  @media screen and (min-width: 1024px) {
    .main-h__logo {
      height: 38px;
      width: 145px;
    }

    .main-h__icon,
    .main-h__n-icon {
      text-align: center !important;
      padding: 16px 0px !important;
      font-size: 1.8em !important;
    }

    .main-h__logo img {
      height: 38px;
    }
  }

  .main-h__icons {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
  }

  .main-h__icon button,
  .menu-btn:active {
    background-color: transparent;
    border: none;
    color: #fff;
    -webkit-transition: all 600ms cubic-bezier(0.055, 0.350, 0.155, 0.930);
    -moz-transition: all 600ms cubic-bezier(0.055, 0.350, 0.155, 0.930);
    -o-transition: all 600ms cubic-bezier(0.055, 0.350, 0.155, 0.930);
    transition: all 600ms cubic-bezier(0.055, 0.350, 0.155, 0.930);
    /* custom */
  }

  @media (hover: hover) and (pointer: fine) {

    .main-h__icon button:active,
    .menu-btn:active {
      color: var(--secondarycolor);
      -moz-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
      -webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.385, 1);
      -webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.385, 1.185);
      -moz-transition: all 400ms cubic-bezier(0.175, 0.885, 0.385, 1.185);
      -o-transition: all 400ms cubic-bezier(0.175, 0.885, 0.385, 1.185);
      transition: all 400ms cubic-bezier(0.175, 0.885, 0.385, 1.185);
    }
  }

  button#search-btn i {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: 15px;
    top: 12px;
  }

  .main-h__icon,
  .main-h__n-icon {
    text-align: center;
    padding: 16px 0;
    font-size: 1.3em;
  }

  .main-h__icon:last-child {
    padding: 16px 0 0 12px;
  }

  @media screen and (min-width: 1024px) {
    .main-h__icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
    }

    .notification-tinkerbell {
      top: 0px !important;
      margin-right: 0px !important;
      right: -2px !important;
    }

    .notification-shopping-cart {
      top: 16px !important;
      margin-right: 0px !important;
      right: -2px !important;
    }
  }

  .main-h .icon-btn {
    height: 24px;
    width: 24px;
  }

  .main-h .icon-btn .icon {
    fill: #fff;
    height: inherit;
    width: inherit;
  }

  .main-h .icon-btn .icon-menu {
    height: 20px;
    width: 20px;
  }

  .Tinkerbell-icon.is-new {
    height: 25px;
    width: 30px;
  }

  @media screen and (min-width: 1024px) {
    .main-h .icon-btn {
      height: 32px;
      width: 32px;
    }

    .Tinkerbell-icon.is-new {
      height: 25px;
      width: 30px;
    }
  }

  button#isearch,
  button#icart,
  button#imenu {
    background: no-repeat;
  }

  button#iuser {
    background-color: transparent;
  }

  .icon-user-logged {
    background-image: url('/themes/omnilife2018/images/icons/nophoto_omnilife.svg');
  }

  .icon-user-logged-header {
    background-image: url('/themes/omnilife2018/images/icons/nophoto_omnilife_header.svg');
  }

  .icon-location {
    cursor: pointer;
  }

  .icon-location-black:hover {
    border-color: var(--secondarycolor) !important;
    color: var(--secondarycolor) !important;
  }

  .btnChangeZipCodeCitykey {
    cursor: pointer;
  }

  .main-nav {
    background-color: var(--primarycolor);
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -o-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -ms-transition: -ms-transform 0.3s;
    transition: transform 0.3s;
    width: 100%;
    z-index: 1;
  }

  @media (max-width: 765px) {
    .main-h {
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
      background-color: #000;
    }

    .modal-close.close {
      background-color: transparent !important;
    }
  }

  .main-nav.active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  @media screen and (min-width: 768px) {
    .main-nav {
      background: transparent;
      -webkit-box-align: end;
      -moz-box-align: end;
      -o-box-align: end;
      -ms-flex-align: end;
      -webkit-align-items: end;
      align-items: flex-end;
      height: auto;
      margin-right: 0.5em;
      position: static;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      -webkit-transition: none;
      -moz-transition: none;
      -o-transition: none;
      -ms-transition: none;
      transition: none;
      width: auto;
    }
  }

  @media screen and (min-width: 1024px) {
    .main-nav {
      margin-right: 1em;
    }
  }

  .main-nav__head {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 10px 0;
    width: 96%;
  }

  @media screen and (max-height: 580px) {
    .main-nav__head {
      padding: 12px 0;
    }
  }

  @media screen and (max-height: 580px) {
    .main-nav__head {
      min-height: auto;
    }
  }

  .main-nav__head .icon-btn {
    height: 32px;
    width: 32px;
  }

  .main-nav__head .icon-cross {
    color: var(--secondarycolor);
    height: 22px;
    margin-left: auto;
    margin-right: 1em;
    width: 22px;
  }

  .main-nav__body {
    max-height: calc(100vh - 207px);
    width: 100%;
  }

  @media screen and (min-width: 768px) {
    .main-nav__body {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      -webkit-box-direction: reverse;
      -moz-box-direction: reverse;
      -o-box-direction: reverse;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      -o-box-orient: vertical;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      overflow-y: visible;
      max-height: auto;
      width: auto;
    }
  }

  @media screen and (max-height: 580px) {
    .main-nav__body {
      max-height: calc(100vh - 127px);
    }
  }

  .main-nav__link {
    color: #fff;
    display: inline-block;
    font-size: 0.8em;
    margin: 4px 0 0 15px;
    font-weight: 300;
  }

  .main-nav__user {
    font-weight: 400;
    margin: 4px 0 0 0;
  }

  .main-nav__level {
    font-size: 0.75em;
  }

  .main-nav__level span {
    display: inline-block;
    margin-right: 10px;
  }

  .main-nav .avatar {
    margin-top: 8px;
  }

  .main-nav .avatar.small {
    height: 32px;
    width: 32px;
  }

  .nav-list {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 42px;
    margin: 1em 1em 1em 0;
    letter-spacing: 1px;
    width: 96%;
  }

  .table.bill_table {
    border: 1px solid #dadada;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    text-align: center;
    display: table;
  }

  .bill_table th,
  td {
    font-size: 15px !important;
  }

  .bill_text {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
  }

  /*Llenado de factura / ficha de depósito Ecuador -alx*/
  #div_fichas_deposito {
    margin-bottom: 40px;
  }

  #bill_border {
    width: 50%;
    border: 1px solid #dadada;
    border-radius: 10px;
    margin-right: auto;
    margin-left: auto;
  }

  .bill_element {
    display: flex;
    justify-content: space-between;
    padding: 10px;
  }

  .bill_hr {
    width: 96%;
    opacity: 0.5;
  }

  .bill_th {
    font-weight: bold;
  }

  .deposit__th {
    width: 100%;
    text-align: center;
  }

  .mobile__slip {
    display: none;
  }

  .mobile__slip.primarycolor {
    font-weight: bold;
  }

  /*END Llenado de factura / ficha de depósito Ecuador -alx*/
  @media screen and (min-width: 768px) {
    .nav-list {
      -ms-flex-line-pack: end;
      -webkit-align-content: flex-end;
      align-content: flex-end;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -o-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: end;
      -moz-box-pack: end;
      -o-box-pack: end;
      -ms-flex-pack: end;
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
      padding-left: 0;
      padding-top: 3px;
      margin: 0 0 0 auto;
      width: auto;
    }
  }

  @media screen and (min-width: 1024px) {
    .nav-list {
      padding-top: 0;
    }
  }

  @media screen and (min-width: 768px) {
    .nav-list.top {
      margin-top: 10px;
    }
  }

  .nav-list.top .nav-item {
    color: #fff;
    font-size: 1.5rem;
    font-family: 'Noto Sans', sans-serif;
    text-transform: uppercase;
  }

  .nav-list.top .nav-item a {
    color: #fff;
    -webkit-transition: color 0.35s;
    -moz-transition: color 0.35s;
    -o-transition: color 0.35s;
    -ms-transition: color 0.35s;
    transition: color 0.35s;
  }

  .nav-list.top .nav-item:hover .nav-item__list {
    max-height: 150px;
  }

  @media screen and (min-width: 768px) {
    .nav-list.top .nav-item {
      font-size: .8rem;
      margin: 0px 3px;
    }

    .nav-list.top .nav-item.nosublist:hover .nav-item__list {
      display: none;
    }
  }

  @media screen and (min-width: 1024px) {
    .nav-list.top .nav-item {
      font-size: 0.933rem;
    }
  }

  @media screen and (min-width: 1366px) {
    .nav-list.top .nav-item {
      font-size: 1.125rem;
    }
  }

  @media screen and (max-height: 580px) {
    .nav-list.top .nav-item:nth-child(2) {
      margin-bottom: 6px;
    }

    .nav-list.top .nav-item:nth-child(2):after {
      margin-top: 6px;
    }
  }

  @media screen and (min-width: 768px) {
    .nav-list.top .nav-item:nth-child(2) {
      margin-bottom: 0;
      margin-right: 10px;
    }
  }

  .nav-list.top .nav-item__list {
    margin-top: -8px;
    overflow: hidden;
    padding-left: 20px;
    -webkit-transition: max-height 0.3s;
    -moz-transition: max-height 0.3s;
    -o-transition: max-height 0.3s;
    -ms-transition: max-height 0.3s;
    transition: max-height 0.3s;
    text-transform: none;
  }

  @media screen and (min-width: 768px) {
    .nav-list.top .nav-item__list {
      max-height: 0;
      background-color: #45cbd4;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -o-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      position: fixed;
      left: 0;
      top: 0;
      -webkit-transform: translate(-55vw, 53px);
      -moz-transform: translate(-55vw, 53px);
      -o-transform: translate(-55vw, 53px);
      -ms-transform: translate(-55vw, 53px);
      transform: translate(-55vw, 53px);
      -webkit-transition-duration: 0.5s;
      -moz-transition-duration: 0.5s;
      -o-transition-duration: 0.5s;
      -ms-transition-duration: 0.5s;
      transition-duration: 0.5s;
      width: calc(100vw + 50vw);
    }
  }

  @media screen and (min-width: 1366px) {
    .nav-list.top .nav-item__list {
      -webkit-transform: translate(-40%, 53px);
      -moz-transform: translate(-40%, 53px);
      -o-transform: translate(-40%, 53px);
      -ms-transform: translate(-40%, 53px);
      transform: translate(-40%, 53px);
    }
  }

  @media screen and (max-height: 580px) {
    .nav-list.top .nav-item__list {
      margin-top: -6px;
    }
  }

  .nav-list.top .nav-item__item {
    color: #fff;
    font-size: 1rem;
    margin-top: 10px;
    line-height: 1;
  }

  .nav-list.top .nav-item__item a {
    color: #fff;
  }

  @media screen and (min-width: 768px) {
    .nav-list.top .nav-item__item {
      margin: 8px 20px;
      font-size: 0.75rem;
    }
  }

  @media screen and (max-height: 580px) {
    .nav-list.top .nav-item__item {
      margin-top: 5px;
    }
  }

  .nav-item {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.875rem;
    line-height: 2.25;
    margin: 0 4px;
    vertical-align: middle;
  }

  .nav-item a {
    color: rgba(255, 255, 255, 0.7);
  }

  @media screen and (min-width: 768px) {
    .nav-item {
      font-size: 0.75rem;
      line-height: 1;
      margin: 0 5px;
    }

    .nav-item.name {
      margin-left: 28px;
    }

    li.nav-item.zip-code {
      /* max-width: 125px; */
      line-height: 1.2;
      text-align: right;
      margin-bottom: -5px;
    }
  }

  @media screen and (min-width: 1024px) {
    .nav-item {
      font-size: 0.813rem;
      margin: 0 5px;
    }

    li.nav-item.zip-code {
      max-width: 250px;
    }
  }

  @media screen and (max-height: 580px) {
    .nav-item {
      line-height: 1.5;
    }
  }

  .nav-item.dropdown .dropdown-toggle {
    padding-right: 0;
    padding-left: 12px;
  }

  .nav-item.dropdown .dropdown-toggle:after {
    right: auto;
    left: 0;
    top: 8px;
  }

  @media screen and (min-width: 768px) {
    .nav-item.dropdown .dropdown-toggle {
      padding-right: 8px;
      padding-left: 0;
      margin-right: 5px;
    }

    .nav-item.dropdown .dropdown-toggle:after {
      left: auto;
      right: 0;
      top: 5px;
    }
  }

  .flag {
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: middle;
  }

  .flag img {
    width: 20px;
    height: 14px;
  }

  .main-f {
    position: relative;
    z-index: 10;
    padding: 57px 0 13px;
  }

  .main-f.extraspace {
    padding-bottom: 63px;
  }

  @media screen and (min-width: 768px) {
    .main-f {
      padding-bottom: 27px;
    }
  }

  @media screen and (min-width: 1024px) {
    .main-f.extraspace {
      padding-bottom: 27px;
    }
  }

  .main-f__nav .main-f__item {
    padding-top: 0.23rem;
  }

  .main-f__row {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    padding: 0 0 10px;
  }

  @media screen and (min-width: 1024px) {
    .main-f__row {
      -webkit-box-align: center;
      -moz-box-align: center;
      -o-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -o-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -o-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
    }
  }

  .main-f__row.bottom {
    border-top: 1px solid #dedede;
    color: #120918;
  }

  .main-f__row.bottom .main-f__list {
    font-family: 'Noto Sans', sans-serif;
  }

  .main-f__row.bottom a {
    color: #120918;
  }

  .main-f__row.bottom a:hover {
    text-decoration: underline;
  }

  .main-f__list {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font: 500 0.75em 'Noto Sans', sans-serif !important;
    padding: 0;
    margin: 1em 0;
  }

  @media screen and (min-width: 1024px) {
    .main-f__list {
      -webkit-box-align: center;
      -moz-box-align: center;
      -o-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -o-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -o-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
    }
  }

  .main-f__item {
    margin: 0.5em 0;
  }

  @media screen and (min-width: 1024px) {
    .main-f__item {
      margin: 0 2em 0 0;
    }
  }

  .main-f__item a {
    display: block;
    color: var(--primarycolor);
  }

  .main-f__item.logo {
    height: 34px;
    width: 127px;
    padding-top: 0;
    margin-bottom: 1.5rem;
  }

  @media (min-width: 1024px) {
    .main-f__item.logo {
      margin-bottom: 0;
    }
  }

  .main-f__item.logo .icon {
    height: 34px;
    width: 127px;
  }

  .main-f .address {
    color: #120918;
    font: 500 0.75em 'Noto Sans', sans-serif;
    text-align: center;
  }

  .contact-icons {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }

  /* li.contact-icon:hover img,
  .business__item-icon:hover,
  .top-recruiter:hover,
  .main-f__item:hover,
  .ezone__hscroll li:hover,
  .ezone__grid-item:hover {
    opacity: .7;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 500ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
    -moz-transition: all 500ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
    -o-transition: all 500ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
    transition: all 500ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
  } */

  li.contact-icon img,
  .business__item-icon,
  .top-recruiter,
  .main-f__item,
  .ezone__hscroll li,
  .ezone__grid-item {
    -webkit-transition: all 500ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
    -moz-transition: all 500ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
    -o-transition: all 500ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
    transition: all 500ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
  }

  .top-recruiter:hover {
    opacity: 1;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 4;
    position: relative;
    border-radius: 10px;
  }

  @media (min-width: 1024px) {
    .contact-icons {
      -webkit-box-lines: single;
      -moz-box-lines: single;
      -o-box-lines: single;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
    }
  }

  .contact-label {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    padding-top: 0.23rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
    text-align: center;
    color: var(--primarycolor);
  }

  @media (min-width: 1024px) {
    .contact-label {
      margin-bottom: 0;
      -webkit-flex-basis: auto;
      flex-basis: auto;
    }
  }

  .contact-icon {
    color: var(--primarycolor);
    height: 24px;
    margin: 0 5px;
    width: 24px;
  }

  .contact-icon a {
    display: block;
  }

  @media screen and (min-width: 375px) {
    .contact-icon {
      margin: 0 8px;
    }
  }

  .contact-icon .icon {
    height: 24px;
    fill: var(--primarycolor);
    width: 24px;
  }

  .contact-icon.title {
    height: auto;
    width: auto;
  }

  @media screen and (min-width: 768px) {
    .contact-icon {
      margin: 0 0 0 23px;
    }
  }

  #icon-facebook .facebook-1 {
    fill: #fff;
  }

  .icon-btn {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center;
    border: none;
    display: inline-block;
    padding: 0;
    width: auto;
  }

  .button {
    display: block;
    width: 100%;
    padding: 0.5rem 2rem;
    font-size: 1rem;
    font-family: 'Noto Sans', sans-serif;
    text-align: center;
    text-transform: uppercase;
    background-color: var(--secondarycolor);
    border: none;
    border-radius: 40px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -ms-transition: all 0.17s ease-in-out;
    transition: all 0.17s ease-in-out;
  }

  .button:hover {
    background-color: #fbac56;
    opacity: .9;
  }

  .button.auto {
    display: inline-block;
    width: auto;
  }

  .button.small {
    max-width: 200px;
  }

  .button.mini {
    display: inline-block;
    width: auto;
    font-size: .8rem;
    padding: 0.3rem 2.5rem;
  }

  .button.small.button__back {
    margin-top: 4rem;
  }

  .button.medium {
    max-width: 280px;
  }

  .button.clean {
    background-color: #fff;
    color: var(--primarycolor);
  }

  .button.clean:hover {
    background-color: var(--primary1);
    color: var(--primary4);
  }

  .button.clean:active {
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
    -o-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
  }

  .button.clean {
    border: 1px solid var(--primarycolor);
    width: 80%;
    margin: 0 auto;
  }

  .button.transparent {
    background-color: rgba(0, 0, 0, 0.2);
  }

  .button.transparent:hover {
    background-color: rgba(0, 0, 0, 0.25);
  }

  .button.secondary {
    background-color: #ccc;
  }

  .button.secondary:hover {
    background-color: #fbac56;
  }

  .signals {
    position: relative;
    padding-right: 2rem;
  }

  @media (min-width: 768px) {
    .signals {
      padding-right: 4rem;
    }
  }

  @media (min-width: 1024px) {
    .signals {
      padding-right: 5rem;
    }
  }

  .signals.single-color .signals__note span:last-child {
    color: #fff;
  }

  .signals.single-color .signals__scroll:after {
    background-color: #fff;
  }

  .signals__scroll {
    position: absolute;
    right: 0;
    /*
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    */
    display: none;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 0.8rem;
    font-family: 'Noto Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -o-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
  }

  @media (min-width: 768px) {
    .signals__scroll {
      right: 1rem;
      font-size: 1rem;
    }
  }

  @media (min-width: 1024px) {
    .signals__scroll {
      bottom: -3rem;
    }
  }

  .signals__scroll:after {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    margin-left: 0.5rem;
    background-color: var(--secondarycolor);
  }

  @media (min-width: 768px) {
    .signals__scroll:after {
      width: 50px;
    }
  }

  .signals__scroll:before {
    content: '';
    display: block;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    margin-left: 0.2rem;
    color: #fff;
    border-left: 5px solid currentColor;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
  }

  .signals__note {
    margin: 0;
    text-align: right;
    font-size: 0.8rem;
    font-family: 'Noto Sans', sans-serif;
    letter-spacing: 1px;
    color: #fff;
  }

  @media (min-width: 768px) {
    .signals__note {
      font-size: 1rem;
    }
  }

  .signals__note span {
    display: block;
    text-transform: uppercase;
  }

  .signals__note span:last-child {
    color: var(--secondarycolor);
  }

  .slider {
    position: relative;
  }

  .slider__mutectrl {
    position: absolute;
    bottom: calc(10% + 10px);
    left: 3rem;
    z-index: 20;
    display: none;
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    -o-box-pack: distribute;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 30px;
    height: 20px;
    -webkit-transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -ms-transition: all 0.17s ease-in-out;
    transition: all 0.17s ease-in-out;
  }

  @media (min-width: 1024px) {
    .slider__mutectrl {
      bottom: calc(20% + 10px);
    }
  }

  @media (min-width: 1402px) {
    .slider__mutectrl {
      left: inherit;
      right: calc(50% - 30px - 1rem + 700px);
    }
  }

  .slider__mutectrl.show {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }

  .slider__mutectrl.mute img {
    position: absolute;
    top: -20px;
    display: block;
  }

  .slider__mutectrl img {
    display: none;
  }

  .slider__mutectrl.mute span {
    -webkit-animation: stop 0.17s ease-in-out both;
    -moz-animation: stop 0.17s ease-in-out both;
    -o-animation: stop 0.17s ease-in-out both;
    -ms-animation: stop 0.17s ease-in-out both;
    animation: stop 0.17s ease-in-out both;
    -webkit-animation-direction: normal !important;
    -moz-animation-direction: normal !important;
    -o-animation-direction: normal !important;
    -ms-animation-direction: normal !important;
    animation-direction: normal !important;
  }

  .slider__mutectrl:hover:before {
    background-color: var(--secondarycolor);
  }

  .slider__mutectrl:hover span {
    background-color: var(--secondarycolor);
  }

  .slider__mutectrl span {
    display: block;
    width: 1px;
    height: 10px;
    background-color: #fff;
    -webkit-animation: play 0.17s ease-in-out infinite;
    -moz-animation: play 0.17s ease-in-out infinite;
    -o-animation: play 0.17s ease-in-out infinite;
    -ms-animation: play 0.17s ease-in-out infinite;
    animation: play 0.17s ease-in-out infinite;
    -webkit-transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -ms-transition: all 0.17s ease-in-out;
    transition: all 0.17s ease-in-out;
  }

  .slider__mutectrl span:nth-child(even) {
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    -o-animation-direction: alternate;
    -ms-animation-direction: alternate;
    animation-direction: alternate;
  }

  .slider__mutectrl span:nth-child(odd) {
    -webkit-animation-direction: alternate-reverse;
    -moz-animation-direction: alternate-reverse;
    -o-animation-direction: alternate-reverse;
    -ms-animation-direction: alternate-reverse;
    animation-direction: alternate-reverse;
  }

  .slider__mutectrl:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    background-color: #fff;
    -webkit-transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -ms-transition: all 0.17s ease-in-out;
    transition: all 0.17s ease-in-out;
  }

  .slider__wrap {
    position: relative;
    z-index: 10;
  }

  .slider__ctrl {
    display: none;
  }

  @media (min-width: 1025px) {
    .slider__ctrl {
      display: block;
    }
  }

  .slider.initialized .slider__wrap {
    overflow: hidden;
  }

  .slider.initialized .slider__item.active {
    position: relative;
    z-index: 10;
    display: block;
  }

  .form__kit .slider__item.img-wear-responsive.slider__kit.active {
    margin: 0;
  }

  .slider.initialized .slider__item.moving {
    display: block;
  }

  .slider.initialized .slider__item {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    /* -webkit-animation: 0.33s ease-in-out both;
    -moz-animation: 0.33s ease-in-out both;
    -o-animation: 0.33s ease-in-out both;
    -ms-animation: 0.33s ease-in-out both;
    animation: 0.33s ease-in-out both; */
  }

  div#products-slider1.slider.initialized .product.slider__item {
    display: inline-block;
    position: relative;
    width: 50%;
  }

  .slider.initialized .slider__item.entry.prev {
    /* -webkit-animation-name: entry-prev;
    -moz-animation-name: entry-prev;
    -o-animation-name: entry-prev;
    -ms-animation-name: entry-prev;
    animation-name: entry-prev; */
  }

  .slider.initialized .slider__item.entry.next {
    /* -webkit-animation-name: entry-next;
    -moz-animation-name: entry-next;
    -o-animation-name: entry-next;
    -ms-animation-name: entry-next;
    animation-name: entry-next; */
  }

  .slider.initialized .slider__item.leave.prev {
    /* -webkit-animation-name: leave-prev;
    -moz-animation-name: leave-prev;
    -o-animation-name: leave-prev;
    -ms-animation-name: leave-prev;
    animation-name: leave-prev; */
  }

  .slider.initialized .slider__item.leave.next {
    /* -webkit-animation-name: leave-next;
    -moz-animation-name: leave-next;
    -o-animation-name: leave-next;
    -ms-animation-name: leave-next;
    animation-name: leave-next; */
  }

  @-moz-keyframes entry-next {
    from {
      -webkit-transform: translate3d(100%, 0, 0);
      -moz-transform: translate3d(100%, 0, 0);
      -o-transform: translate3d(100%, 0, 0);
      -ms-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @-webkit-keyframes entry-next {
    from {
      -webkit-transform: translate3d(100%, 0, 0);
      -moz-transform: translate3d(100%, 0, 0);
      -o-transform: translate3d(100%, 0, 0);
      -ms-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @-o-keyframes entry-next {
    from {
      -webkit-transform: translate3d(100%, 0, 0);
      -moz-transform: translate3d(100%, 0, 0);
      -o-transform: translate3d(100%, 0, 0);
      -ms-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes entry-next {
    from {
      -webkit-transform: translate3d(100%, 0, 0);
      -moz-transform: translate3d(100%, 0, 0);
      -o-transform: translate3d(100%, 0, 0);
      -ms-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @-moz-keyframes entry-prev {
    from {
      -webkit-transform: translate3d(-100%, 0, 0);
      -moz-transform: translate3d(-100%, 0, 0);
      -o-transform: translate3d(-100%, 0, 0);
      -ms-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @-webkit-keyframes entry-prev {
    from {
      -webkit-transform: translate3d(-100%, 0, 0);
      -moz-transform: translate3d(-100%, 0, 0);
      -o-transform: translate3d(-100%, 0, 0);
      -ms-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @-o-keyframes entry-prev {
    from {
      -webkit-transform: translate3d(-100%, 0, 0);
      -moz-transform: translate3d(-100%, 0, 0);
      -o-transform: translate3d(-100%, 0, 0);
      -ms-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes entry-prev {
    from {
      -webkit-transform: translate3d(-100%, 0, 0);
      -moz-transform: translate3d(-100%, 0, 0);
      -o-transform: translate3d(-100%, 0, 0);
      -ms-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @-moz-keyframes leave-next {
    from {
      opacity: 1;
      -ms-filter: none;
      filter: none;
      -webkit-transform: scale3d(1, 1, 1);
      -moz-transform: scale3d(1, 1, 1);
      -o-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    to {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -webkit-transform: scale3d(0.7, 0.7, 0.7);
      -moz-transform: scale3d(0.7, 0.7, 0.7);
      -o-transform: scale3d(0.7, 0.7, 0.7);
      -ms-transform: scale3d(0.7, 0.7, 0.7);
      transform: scale3d(0.7, 0.7, 0.7);
    }
  }

  @-webkit-keyframes leave-next {
    from {
      opacity: 1;
      -ms-filter: none;
      filter: none;
      -webkit-transform: scale3d(1, 1, 1);
      -moz-transform: scale3d(1, 1, 1);
      -o-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    to {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -webkit-transform: scale3d(0.7, 0.7, 0.7);
      -moz-transform: scale3d(0.7, 0.7, 0.7);
      -o-transform: scale3d(0.7, 0.7, 0.7);
      -ms-transform: scale3d(0.7, 0.7, 0.7);
      transform: scale3d(0.7, 0.7, 0.7);
    }
  }

  @-o-keyframes leave-next {
    from {
      opacity: 1;
      -ms-filter: none;
      filter: none;
      -webkit-transform: scale3d(1, 1, 1);
      -moz-transform: scale3d(1, 1, 1);
      -o-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    to {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -webkit-transform: scale3d(0.7, 0.7, 0.7);
      -moz-transform: scale3d(0.7, 0.7, 0.7);
      -o-transform: scale3d(0.7, 0.7, 0.7);
      -ms-transform: scale3d(0.7, 0.7, 0.7);
      transform: scale3d(0.7, 0.7, 0.7);
    }
  }

  @keyframes leave-next {
    from {
      opacity: 1;
      -ms-filter: none;
      filter: none;
      -webkit-transform: scale3d(1, 1, 1);
      -moz-transform: scale3d(1, 1, 1);
      -o-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    to {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -webkit-transform: scale3d(0.7, 0.7, 0.7);
      -moz-transform: scale3d(0.7, 0.7, 0.7);
      -o-transform: scale3d(0.7, 0.7, 0.7);
      -ms-transform: scale3d(0.7, 0.7, 0.7);
      transform: scale3d(0.7, 0.7, 0.7);
    }
  }

  @-moz-keyframes leave-prev {
    from {
      opacity: 1;
      -ms-filter: none;
      filter: none;
      -webkit-transform: scale3d(1, 1, 1);
      -moz-transform: scale3d(1, 1, 1);
      -o-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    to {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -webkit-transform: scale3d(0.7, 0.7, 0.7);
      -moz-transform: scale3d(0.7, 0.7, 0.7);
      -o-transform: scale3d(0.7, 0.7, 0.7);
      -ms-transform: scale3d(0.7, 0.7, 0.7);
      transform: scale3d(0.7, 0.7, 0.7);
    }
  }

  @-webkit-keyframes leave-prev {
    from {
      opacity: 1;
      -ms-filter: none;
      filter: none;
      -webkit-transform: scale3d(1, 1, 1);
      -moz-transform: scale3d(1, 1, 1);
      -o-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    to {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -webkit-transform: scale3d(0.7, 0.7, 0.7);
      -moz-transform: scale3d(0.7, 0.7, 0.7);
      -o-transform: scale3d(0.7, 0.7, 0.7);
      -ms-transform: scale3d(0.7, 0.7, 0.7);
      transform: scale3d(0.7, 0.7, 0.7);
    }
  }

  @-o-keyframes leave-prev {
    from {
      opacity: 1;
      -ms-filter: none;
      filter: none;
      -webkit-transform: scale3d(1, 1, 1);
      -moz-transform: scale3d(1, 1, 1);
      -o-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    to {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -webkit-transform: scale3d(0.7, 0.7, 0.7);
      -moz-transform: scale3d(0.7, 0.7, 0.7);
      -o-transform: scale3d(0.7, 0.7, 0.7);
      -ms-transform: scale3d(0.7, 0.7, 0.7);
      transform: scale3d(0.7, 0.7, 0.7);
    }
  }

  @keyframes leave-prev {
    from {
      opacity: 1;
      -ms-filter: none;
      filter: none;
      -webkit-transform: scale3d(1, 1, 1);
      -moz-transform: scale3d(1, 1, 1);
      -o-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    to {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -webkit-transform: scale3d(0.7, 0.7, 0.7);
      -moz-transform: scale3d(0.7, 0.7, 0.7);
      -o-transform: scale3d(0.7, 0.7, 0.7);
      -ms-transform: scale3d(0.7, 0.7, 0.7);
      transform: scale3d(0.7, 0.7, 0.7);
    }
  }

  @-moz-keyframes stop {
    from {
      height: 20px;
    }

    to {
      height: 0;
    }
  }

  @-webkit-keyframes stop {
    from {
      height: 20px;
    }

    to {
      height: 0;
    }
  }

  @-o-keyframes stop {
    from {
      height: 20px;
    }

    to {
      height: 0;
    }
  }

  @keyframes stop {
    from {
      height: 20px;
    }

    to {
      height: 0;
    }
  }

  @-moz-keyframes play {
    from {
      height: 5px;
    }

    to {
      height: 20px;
    }
  }

  @-webkit-keyframes play {
    from {
      height: 5px;
    }

    to {
      height: 20px;
    }
  }

  @-o-keyframes play {
    from {
      height: 5px;
    }

    to {
      height: 20px;
    }
  }

  @keyframes play {
    from {
      height: 5px;
    }

    to {
      height: 20px;
    }
  }

  .search {
    margin: auto;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    -ms-transition: -ms-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    z-index: -1;
  }

  .search .form-group {
    margin: auto;
    max-width: 1130px;
    -webkit-transform: translateY(-150%);
    -moz-transform: translateY(-150%);
    -o-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
    -webkit-transition: -webkit-transform 0.3s 0.1s;
    -moz-transition: -moz-transform 0.3s 0.1s;
    -o-transition: -o-transform 0.3s 0.1s;
    -ms-transition: -ms-transform 0.3s 0.1s;
    transition: transform 0.3s 0.1s;
    width: 100%;
  }

  .search .icon-btn {
    height: 16px;
    position: absolute;
    right: 1em;
    top: 9px;
    width: 16px;
  }

  @media screen and (min-width: 768px) {
    .search .icon-btn {
      color: var(--primarycolor);
      height: 22px;
      top: 7px;
      width: 22px;
    }
  }

  .search .icon-btn .icon {
    height: inherit;
    fill: #8a8a8a;
    width: inherit;
  }

  .search .icon-cross {
    background-color: transparent;
    color: #8a8a8a;
    display: none;
    height: 25px;
    position: absolute;
    right: 1em;
    top: 6px;
    width: 25px;
  }

  .search .icon-cross:before,
  .search .icon-cross:after {
    width: 1px;
  }

  .search.active {
    display: block;
    height: 100vh;
    margin: auto;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 110;
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    backdrop-filter: saturate(180%) blur(10px);
    background-color: rgba(0, 0, 0, .7);
  }

  /* Firefox */
  _:-moz-any(x),
  .search.active {
    background-color: rgba(0, 0, 0, 0.9);
  }

  /* iExplorer */
  _:-ms-lang(x),
  .search.active {
    background-color: rgba(0, 0, 0, 0.9);
  }

  .search.active .form-group {
    -webkit-transform: translateY(16px);
    -moz-transform: translateY(16px);
    -o-transform: translateY(16px);
    -ms-transform: translateY(16px);
    transform: translateY(16px);
  }

  .search.active .icon-cross {
    display: block;
  }

  .search.active .search-results {
    display: block;
  }

  .search-results,
  .testimonial-results {
    background-color: #fff;
    border-radius: 18px;
    display: none;
    margin: 25px auto 0;
    max-height: 80vh;
    overflow: hidden;
    padding-bottom: 10px;
    position: relative;
    width: 100%;
  }

  @media screen and (min-width: 768px) {
    .search-results {
      max-width: 1130px;
      border-radius: 40px;
    }
  }

  @media screen and (min-width: 1024px) {
    .search-results {
      padding: 10px 0;
    }
  }

  .search-results .product {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 20px;
    text-align: left;
  }

  @media screen and (min-width: 1024px) {
    .search-results .product {
      padding-left: 30px;
    }
  }

  .search-results .product__description {
    margin: 0;
  }

  .search-results .product__nums {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }

  .search-results .product:last-child {
    border: none;
  }

  .search-results .product .product__content {
    width: 60%;
  }

  @media screen and (min-width: 1024px) {
    .search-results .product .product__content {
      width: 40%;
    }
  }

  form#formLoginSection a:hover {
    text-decoration: underline;
  }

  .login {
    background-color: var(--primarycolor);
    color: #fff;
    height: 100vh;
    max-width: 460px;
    padding: 1rem;
    position: fixed;
    top: 0;
    right: 0;
    text-align: center;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -ms-transition: -ms-transform 0.3s;
    transition: transform 0.3s;
    width: 100%;
    z-index: 102;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(99, 39, 144, 0.8);
  }

  /* Firefox */
  _:-moz-any(x),
  .login {
    background-color: rgba(99, 39, 144, 1);
  }

  /* iExplorer */
  _:-ms-lang(x),
  .login {
    background-color: rgba(99, 39, 144, 1);
  }

  .login.active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  @media screen and (min-width: 768px) {
    .login {
      max-width: 360px;
      padding-left: 2rem;
      padding-right: 2rem;
    }
  }

  .login__head {
    position: relative;
    text-align: center;
  }

  .login .icon-cross {
    position: absolute;
    right: 1em;
    top: 0;
    width: 21px !important;
  }

  .login .icon-cross:before,
  .login .icon-cross:after {
    width: 2px;
  }

  .login__content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    -o-box-pack: distribute;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    height: calc(100vh - 128px);
    min-height: 420px;
  }

  @media screen and (min-height: 768px) {
    .login__content {
      display: block;
      margin-top: 6rem;
      height: auto;
    }
  }

  .login .link,
  .login .text {
    color: #fff;
    font-size: 0.875rem;
    margin: 20px 0;
  }

  .login .link {
    display: inline-block;
  }

  .login .button {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .login__noaccount {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding-top: 20px;
  }

  @media screen and (min-height: 768px) {
    .login__noaccount {
      margin-top: 6.25rem;
    }
  }

  .login .form-control {
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, 0.5);
  }

  .login .form-control:focus {
    border-width: 2px;
    border-color: #fff;
  }

  .login .form-control::-webkit-input-placeholder {
    color: #fff;
  }

  .login .form-control::-moz-placeholder {
    color: #fff;
  }

  .login .form-control:-ms-input-placeholder {
    color: #fff;
  }

  .login .form-control:-moz-placeholder {
    color: #fff;
  }

  .login .form-control::placeholder {
    color: #fff;
  }

  .login__profile-avatar {
    margin: 0 auto;
    position: relative;
  }

  .login__profile-avatar:after {
    content: attr(data-level);
    position: absolute;
    bottom: 0;
    left: calc(50% + 20px);
    z-index: 10;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding-bottom: 0.1rem;
    padding-right: 0.1rem;
    font-weight: 500;
    font-style: italic;
    font-size: 1.25rem;
    text-transform: uppercase;
    background-color: var(--primarycolor);
    border-radius: 50%;
    color: #fff;
  }

  .login__profile-avatar .avatar {
    margin: 0 auto;
  }

  .login__profile-name {
    font-size: 1.25rem;
  }

  .login__profile-points {
    font-weight: 600;
    font-size: 0.875rem;
    margin-top: 20px;
  }

  .products-page {
    overflow: hidden;
  }

  .products-page.inner {
    background: #fff;
    color: #120918;
  }

  .products-page.inner .products-block {
    margin-top: 0;
  }

  .products-page.general .products-block {
    margin-top: 2rem;
  }

  .products-page .products-maintitle {
    margin-top: 60px;
    text-align: center;
    font-family: 'Noto Sans', sans-serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    display: none;
  }

  @media (min-width: 1024px) {
    .products-page .products-maintitle {
      text-align: left;
    }
  }

  .products-page.category .products-desc {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .products-page.category .products-desc__description {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    margin-top: 1rem;
  }

  @media (min-width: 1024px) {
    .products-page.category .products-desc__description {
      margin-top: 0;
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      -o-box-ordinal-group: 1;
      -ms-flex-order: 1;
      -webkit-order: 1;
      order: 1;
    }
  }

  .products-page.category .products-filter {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }

  @media (min-width: 1024px) {
    .products-page.category .products-filter {
      margin-top: 2rem;
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      -o-box-ordinal-group: 2;
      -ms-flex-order: 2;
      -webkit-order: 2;
      order: 2;
      border-radius: 20px;
      box-shadow: 0 0 10px;
      padding: 10px 20px;
    }
  }

  .products-page.category .products-filter h2 {
    font-size: 20px;
    margin-top: 0;
    color: inherit;
  }

  .products-page.category .products-filter.flex-column {
    flex-direction: column;
  }

  .products-page.category .principal__title {
    text-transform: uppercase;
  }

  .products-page.category .principal__desc {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }

  #product-detail .principal__fig:hover img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 2500ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
    -moz-transition: all 2500ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
    -o-transition: all 2500ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
    transition: all 2500ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
  }

  #product-detail .principal__fig img {
    -webkit-transition: all 500ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
    -moz-transition: all 500ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
    -o-transition: all 500ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
    transition: all 500ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
  }

  #product-detail .breadcrumbs {
    /*padding-top: 3rem !important;*/
    margin-block-end: 1em !important;
    padding-inline-start: 0 !important;
    /*margin: 0; Esto anulaba el margen izquierdo del breadcrumb que tiene en productivo*/
  }

  @media (min-width: 768px) {
    .products-page.category .principal__desc {
      -webkit-box-ordinal-group: 0;
      -moz-box-ordinal-group: 0;
      -o-box-ordinal-group: 0;
      -ms-flex-order: 0;
      -webkit-order: 0;
      order: 0;
    }
  }

  .products-page.category .principal__fig {
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -o-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
  }

  @media (min-width: 768px) {
    .products-page.category .principal__fig {
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      -o-box-ordinal-group: 1;
      -ms-flex-order: 1;
      -webkit-order: 1;
      order: 1;
    }
  }

  @media (min-width: 1024px) {
    .products-page.category .principal__text {
      font-size: 1.5rem;
    }
  }

  @media (min-width: 1367px) {
    .products-page.category .principal__text {
      font-size: 2rem;
    }
  }

  .products-page.detail .principal {
    text-align: left;
    z-index: 0;
  }

  @media (min-width: 768px) {
    .products-page.detail .principal__fig {
      padding-right: 2rem;
      min-width: 50%;
    }
  }

  @media (min-width: 1024px) {
    .products-page.detail .principal__fig {
      -webkit-flex-shrink: 0;
      flex-shrink: 0;
      padding-left: 0;
      min-width: 0;
    }
  }

  @media (min-width: 1025px) {
    .products-page.detail .principal__fig {
      padding: 0 3rem;
      min-width: 500px;
    }
  }

  @media (max-width: 767px) {
    .products-page.detail .products-desc {
      padding-bottom: 2.5rem;
    }

    .products-page.detail .principal {
      padding: 0;
    }
  }

  .products-page.detail .products-desc__description {
    margin-top: 0;
    margin-bottom: 0;
  }

  .products-page__h {
    background-color: #120918;
    overflow-x: auto;
  }

  .products-page__tabs {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    margin: 0;
    margin-top: 15px;
    max-width: 1400px;
    min-width: max-content;
    min-width: -moz-max-content;
  }

  .products-page__tab {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 1rem;
    color: #fff;
    font-family: 'Noto Sans', sans-serif;
    text-align: center;
    border-bottom: 3px solid transparent;
  }

  .products-page__tab a,
  .products-page__tab a:hover {
    color: #fff;
  }

  .products-page__tab.active {
    border-color: #fff;
  }

  .products-block {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
  }

  @media screen and (min-width: 1024px) {
    .products-block {
      -webkit-box-align: start;
      -moz-box-align: start;
      -o-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -webkit-box-pack: distribute;
      -moz-box-pack: distribute;
      -o-box-pack: distribute;
      -ms-flex-pack: distribute;
      -webkit-justify-content: space-around;
      justify-content: space-around;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -o-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
    }
  }

  .products-block.sistem .slider__bullets {
    top: 53.5%;
  }

  .products-block.home .slider__bullets {
    position: relative;
    top: inherit;
    padding: 0 1rem 30px;
  }

  .products-block.has-dropdown .products {
    z-index: 1;
  }

  .products-block.complementary,
  #upsell {
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -o-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin-bottom: 2rem;
  }

  @media (min-width: 1024px) {
    .products-block.complementary {
      background-color: #fff;
    }
  }

  .products-block.complementary .button,
  #upsell .button {
    margin-top: 0;
    min-width: auto;
    font-size: 11px;
    padding: 5px;
  }

  .products-block.complementary .product,
  #upsell .product {
    border: none;
    overflow: visible;
  }

  @media (min-width: 768px) {

    .products-block.complementary .product,
    #upsell .product {
      position: relative;
    }
  }

  .products-block.complementary .product:nth-child(0) {
    z-index: 3;
  }

  .products-block.complementary .product:nth-child(1) {
    z-index: 2;
  }

  .products-block.complementary .product:nth-child(2) {
    z-index: 1;
  }

  .products-block.complementary .product:nth-child(3) {
    z-index: 0;
  }

  .products-block.complementary .product:last-child:after {
    display: none;
  }

  .products-block.complementary .product:after {
    content: '+';
    position: absolute;
    top: 50%;
    right: 0;
    display: none;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-right: -25px;
    padding-bottom: 12px;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 4rem;
    color: #120918;
  }

  @media (min-width: 768px) {
    .products-block.complementary .product:after {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
    }
  }

  .products-block.complementary .products,
  #upsell .products {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }

  @media (min-width: 1024px) {
    .products-desc__title:after {
      margin-left: 0;
    }

    .products-block.complementary .products {
      -webkit-box-ordinal-group: 0;
      -moz-box-ordinal-group: 0;
      -o-box-ordinal-group: 0;
      -ms-flex-order: 0;
      -webkit-order: 0;
      order: 0;
    }
  }

  .products-block.complementary .products-desc {
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -o-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
  }

  @media (min-width: 1024px) {
    .products-block.complementary .products-desc {
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      -o-box-ordinal-group: 1;
      -ms-flex-order: 1;
      -webkit-order: 1;
      order: 1;
    }
  }

  .products-block.complementary .products-desc__title {
    line-height: 1;
  }

  .products-desc {
    padding: 0 1rem 1.5rem;
    background-color: #fff;
    z-index: 2;
  }

  @media (min-width: 1024px) {
    .products-desc {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -o-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      padding-bottom: 1rem;
    }

    div#recruiter-description_container {
      margin-top: 70px;
    }
  }

  .products-desc.withbg .products-desc__description {
    color: #fff;
    display: block;
    font-size: 0.75em;
    font-weight: 300;
  }

  @media screen and (min-width: 768px) {
    .products-desc.withbg .products-desc__description {
      font-size: 1em;
    }

    .products-desc__description {
      width: 90%;
    }
  }

  @media screen and (min-width: 1024px) {
    .products-desc {
      padding: 10px 14px 20px 16px;
    }
  }

  @media screen and (min-width: 1366px) {
    .products-desc {
      padding: 18px 20px 28px 40px;
    }
  }

  .products-desc__title {
    color: var(--primary800);
    font: 500 1.5em 'Noto Sans', sans-serif !important;
    line-height: 1.2;
    margin: 0;
    padding: 27px 0 22px;
    text-align: left;
    font-weight: 500;
  }

  .start .products-desc__title {
    text-align: center;
  }

  .products-desc__title.blue {
    color: var(--primarycolor);
  }

  .products-desc__title.purple {
    color: var(--primarycolor);
  }

  .products-desc__title.green {
    color: #729b2e;
  }

  @media screen and (min-width: 768px) {
    /* .products-desc__title:after {
      background-color: var(--secondarycolor);
      content: '';
      display: block;
      height: 1px;
      margin: 10px auto 0;
      width: 90px;
      margin-left: 0;
    } */

    .start .products-desc__title:after {
      margin: 0 auto;
      margin-top: 20px;
    }
  }

  @media screen and (min-width: 1024px) {
    /* .products-desc__title {
      text-align: left;
    }
    .products-desc__title:after {
      margin-left: 0;
    } */
  }

  @media screen and (min-width: 1366px) {
    .products-desc__title {
      font-size: 1.7em;
    }

    .start .products-desc__title {
      font-size: 2em;
    }
  }

  h1.products-desc__title.purple {
    font-weight: bold;
    font-size: 2rem;
  }

  .products-desc__description {
    font-size: 0.875em;
    font-weight: 500;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    width: 90%;
  }

  @media screen and (min-width: 768px) {
    .products-desc__description {
      text-align: center;
      margin: auto;
      display: block;
    }
  }

  @media screen and (min-width: 1024px) {
    .products-desc__description {
      margin-left: 0;
      margin-right: 0;
      text-align: left;
    }
  }

  .products-desc__price {
    display: block;
    margin: 1rem 0;
    padding-top: 0.5rem;
    font-family: 'Noto Sans', sans-serif;
    font-size: 2rem;
    line-height: 1;
    text-align: center;
  }

  @media (min-width: 1024px) {
    .products-desc__price {
      margin: 2rem 0;
      text-align: left;
    }
  }

  .products-desc .button {
    display: none;
    margin: 30px auto 30px auto;
    display: block;
  }

  @media screen and (min-width: 768px) {
    .products-desc .button {
      display: block;
    }
  }

  @media (min-width: 1024px) {
    .products-desc .button {
      margin-right: 0;
      margin-left: 0;
    }
  }

  .products-desc .dropdown.border {
    border-color: rgba(255, 255, 255, 0.6);
    margin-bottom: 20px;
    max-width: 225px;
  }

  @media screen and (min-width: 1024px) {
    .products-desc .dropdown.border {
      margin-left: 0;
    }
  }

  .products-desc .dropdown.border .dropdown-toggle {
    color: rgba(255, 255, 255, 0.8);
    display: block;
    font-size: 0.75em;
  }

  .products-desc .tabs {
    margin: auto;
  }

  @media screen and (min-width: 1024px) {
    .products-desc .tabs {
      margin: 0;
    }
  }

  .products-desc .tabs__header {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }

  @media screen and (min-width: 1024px) {
    .products-desc .tabs__header {
      -webkit-box-pack: start;
      -moz-box-pack: start;
      -o-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
    }
  }

  .products-desc .tabs__item {
    color: #fff;
    font-size: 1.25em;
    font-weight: 600;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    margin-right: 26px;
  }

  .products-desc .tabs__item:last-child {
    margin-right: 0;
  }

  .products-desc .tabs__item a {
    color: currentColor;
  }

  .products-desc .tabs__item.active {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  @media screen and (min-width: 1025px) {
    .products-desc .tabs__item {
      font-size: 1.75em;
    }
  }

  #unique_block .tabs__pane.active {
    display: block;
    margin: 1rem 0;
    box-shadow: 0 3px 10px -5px;
    padding: 10px;
    border-radius: 0 0 20px 20px;
  }

  .products-desc .tabs__pane {
    background-color: #662f88;
  }

  .products {
    position: relative;
    background-color: #fff;
  }

  @media (min-width: 768px) {
    .products {
      background: none;
    }
  }

  @media (min-width: 1024px) {
    .products {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -o-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
    }
  }

  .products__wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    height: 100%;
    /*justify-content: center;*/
    align-self: center;
  }

  .products__nowrap {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row nowrap;
    height: 100%;
    /*justify-content: center;*/
    align-self: center;
  }

  .products .slider__bullets {
    position: absolute;
    top: -2rem;
    left: 0;
    z-index: 22;
    width: 100%;
    margin: 0;
    text-align: center;
  }

  .products .slider__bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 0.5rem;
    background-color: var(--secondarycolor);
    border-radius: 50%;
    border: 2px solid var(--secondarycolor);
  }

  .products .slider__bullet.active {
    background-color: transparent;
  }

  .products-block.grid .product {
    width: 50%;
    padding: 1rem;
  }

  @media (min-width: 768px) {
    .products-block.grid .product {
      width: auto;
      padding: 30px 13px;
    }
  }

  .products-block.grid .product__description {
    display: none;
  }

  @media (min-width: 768px) {
    .products-block.grid .product__description {
      display: block;
      width: 80%;
    }
  }

  .products-block.grid .product__nums {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  @media (min-width: 768px) {
    .products-block.grid .product__nums {
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -o-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
    }
  }

  .products-block.grid .product__price {
    margin: 0;
  }

  @media (min-width: 768px) {
    .products-block.grid .product__price {
      margin-right: 10px;
    }
  }

  .products-block.grid .product__pts {
    font-size: 0.9rem;
  }

  @media (min-width: 768px) {
    .products-block.grid .product__pts {
      font-size: unset;
    }
  }

  .products-block.grid .product__sep {
    margin: 1rem auto;
  }

  @media (min-width: 768px) {
    .products-block.grid .product__sep {
      margin: 20px auto;
    }
  }

  .products-block.grid .product .button {
    font-size: 0.8rem;
  }

  @media (min-width: 480px) {
    .products-block.grid .product .button {
      font-size: 1rem;
    }
  }

  .principal {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 3rem 1rem 2rem;
    text-align: center;
  }

  @media (min-width: 768px) {
    .principal {
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -o-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      padding-right: 0;
      padding-left: 0;
      text-align: left;
    }
  }

  @media (min-width: 1025px) {
    .principal {
      padding-top: 3rem;
      padding-bottom: 4rem;
    }
  }

  @media (min-width: 768px) {
    .principal__breadcrumbs {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
    }
  }

  .principal__breadcrumbs li {
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -webkit-inline-flex;
    display: -ms-inline-flex;
    display: box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-right: 1px solid #fff;
  }

  .principal__breadcrumbs li:first-child a {
    padding-left: 0;
    font-weight: bold;
  }

  .principal__breadcrumbs li:last-child {
    border: none;
  }

  .principal__breadcrumbs li:first-child a:before {
    content: "\f100 ";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
  }

  .principal__breadcrumbs a {
    display: block;
    padding: 0 0.5rem;
    font-size: 0.7rem;
    font-weight: 500;
    color: #120918;
  }

  .principal__breadcrumbs li a {
    color: #fff;
    text-decoration: underline;
  }

  .principal__breadcrumbs li:last-child a {
    text-decoration: none;
  }

  @media (min-width: 1024px) {
    .principal__breadcrumbs a {
      padding: 0 1rem;
    }
  }

  @media (min-width: 1025px) {
    .principal__breadcrumbs a {
      font-size: 1rem;
    }
  }

  .principal__title {
    margin-top: 2rem;
    margin-bottom: 0;
    font-size: 1.5rem;
    font-family: 'Noto Sans', sans-serif !important;
    font-weight: 500;
    color: var(--primarycolor);
  }

  @media (min-width: 768px) {
    .principal__title {
      font-size: 2rem;
    }
  }

  @media (min-width: 1367px) {
    .principal__title {
      font-size: 3.5rem;
    }
  }

  .principal__subtitle {
    margin: 0;
    font-size: 1rem;
    font-family: 'Noto Sans', sans-serif !important;
    font-weight: 500;
    color: #120918;
  }

  ul.list-nostyle.principal__breadcrumbs {
    padding: 10px 3%;
  }

  @media (min-width: 1367px) {
    .principal__subtitle {
      font-size: 2rem;
    }
  }

  .principal__price,
  .principal__pts {
    color: #120918;
    display: inline-block;
    margin: 10px 0 0;
  }

  @media (min-width: 1367px) {

    .principal__price,
    .principal__pts {
      font-size: 1.5rem;
    }
  }

  .principal__price {
    margin-right: 1rem;
  }

  .principal__ctrls {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 1rem;
    flex-wrap: wrap;
  }

  @media (min-width: 768px) {
    .principal__ctrls {
      margin-top: 2rem;
    }
  }

  .principal__quantity {
    color: #fff;
    margin-right: 1rem;
  }

  .principal__quantity span svg {
    stroke: #4a5364;
  }

  /*Kit selection -alx*/
  .card__kit {
    width: 25%;
    border: 1px solid #e5e5e5;
    border-radius: 21px;
    margin: 12px;
  }

  /**/
  /* Recent product -alx*/
  #slider__recent_p .img-wear-responsive {
    margin-bottom: 1rem;
  }

  .img_nm_btn {
    display: flex;
    position: absolute;
    flex-direction: column;
    width: 40%;
  }

  #upsell.recent__product {
    margin-bottom: .5rem;
  }

  .slider__wrap.recent__product {
    position: relative;
  }

  .principal__quantity.recent__product {
    margin: 0;
    justify-content: center;
    margin-bottom: 0.5rem;
  }

  .recent-product-box {
    position: relative;
  }

  .button.recent__product {
    width: 100%;
    padding: 4px 0;
    position: relative;
    overflow: hidden;
    backface-visibility: hidden;
  }

  .recent__product i {
    font-size: 22px;
    margin-right: 20px;
    display: inline-block;
  }

  .button.recent__product span {
    display: inline-block;
  }

  .fas.recent__product {
    display: none;
    position: absolute;
    bottom: 45%;
    font-size: 100px;
    transform: scaleX(0.6);
    color: #fe9925;
    z-index: 100;
  }

  .recent-right {
    right: 0;
  }

  .product__name.recent__product {
    height: 30px !important;
  }

  .mobile_quantity_footer {
    display: flex;
    justify-content: space-evenly;
    position: relative;
    /*absoluta*/
    /*bottom:0;ERA 50PX*/
    width: 100%;
    /*Nuevo*/
    flex-direction: column;
    margin-top: 15px;
  }

  .recent__link {
    position: absolute;
    width: 50%;
    height: 320px;
    top: 20%;
    left: 24%;
  }

  .button.recent__product:hover {
    background: var(--primarycolor);
    color: #fff;
    display: inline-block;
  }

  .is-not-available.recent__product {
    padding: 15px !important;
  }

  .button.recent__product:hover {
    color: var(--primarycolor);
  }

  /*Animate*/
  .button.recent__product:hover {
    background: var(--primarycolor);
    color: #fff;
  }

  .button.recent__product::before {
    content: '\f217';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    color: #fff;
  }

  .button.recent__product::before {
    position: absolute;
    line-height: 1.5;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }

  .button.recent__product:hover::before {
    left: 0;
  }

  .button.recent__product::before {
    left: -100%;
    top: 2px;
    width: 100%;
  }

  .button.recent__product span,
  .button.recent__product i {
    -webkit-transition: all 0.3s;
    -webkit-backface-visibility: hidden;
    -moz-transition: all 0.3s;
    -moz-backface-visibility: hidden;
    transition: all 0.3s;
    backface-visibility: hidden;
  }

  .button.recent__product:hover i {
    -webkit-transform: translateX(800%);
    -moz-transform: translateX(800%);
    -ms-transform: translateX(800%);
    transform: translateX(800%);
  }

  .button.recent__product:hover span {
    -webkit-transform: translateX(300%);
    -moz-transform: translateX(300%);
    -ms-transform: translateX(300%);
    transform: translateX(300%);
  }

  .button.recent__product::after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }

  .img__product_slider {
    margin-top: 20px;
  }

  .img__product_slider img {
    position: relative;
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    min-width: 0 !important;
  }

  /*END Recent product*/
  .principal__text {
    margin-top: 1rem;
    margin-bottom: 0;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500;
  }

  @media (min-width: 768px) {
    .principal__text {
      margin-top: 2rem;
      font-size: 1.1rem;
    }
  }

  .principal__footer {
    margin-top: 2rem;
  }

  .principal__social {
    display: inline-block;
  }

  .principal__social .icon {
    margin-right: 1rem;
  }

  .principal__social .flag {
    width: 20px;
  }

  .principal__social .dropdown-toggle {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--primarycolor);
  }

  .principal__social .dropdown-toggle:after {
    display: none;
  }

  .principal__fig {
    max-width: 300px;
  }

  @media (min-width: 768px) {
    .principal__fig {
      max-width: 100%;
      padding: 0 3rem;
    }
  }

  @media (min-width: 1367px) {
    .principal__fig {
      padding: 0 2rem 0 3rem;
      -webkit-flex-shrink: 0;
      flex-shrink: 0;
    }
  }

  .principal__signals {
    display: none;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    -ms-flex-item-align: end;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }

  @media (min-width: 1025px) {
    .principal__signals {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
    }
  }

  .products-filter {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  @media (min-width: 1024px) {
    .products-filter {
      -webkit-box-pack: start;
      -moz-box-pack: start;
      -o-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -moz-box-align: start;
      -o-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      -o-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      text-align: left;
    }
  }

  .products-filter__title {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 1rem;
    font-family: 'Noto Sans', sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
  }

  @media (min-width: 1024px) {
    .products-filter__title {
      margin-right: 0;
      margin-bottom: 1rem;
    }
  }

  .products-filter__list {
    display: none;
  }

  @media (min-width: 1024px) {
    .products-filter__list {
      display: block;
    }
  }

  .products-filter__item.active a {
    text-decoration: underline;
  }

  .products-filter__item a {
    display: block;
    padding: 0.2rem 0;
    font-size: 0.9rem;
    color: #000;
  }

  .products-filter__dropdown {
    display: inline-block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }

  @media (min-width: 1024px) {
    .products-filter__dropdown {
      display: none;
    }
  }

  .products-filter .dropdown {
    margin: 0;
    padding: 0;
  }

  .products-filter .dropdown .dropdown-toggle {
    font-size: 0.9rem;
    color: #000;
  }

  .products-filter .dropdown .dropdown-list {
    min-width: 220px;
    min-width: max-content;
    min-width: -moz-max-content;
    min-width: -webkit-max-content;
    min-width: -o-max-content;
    width: auto;
  }

  .products-tabs {
    margin-bottom: 2rem;
    background-color: #fff;
  }

  .products-tabs .tabs__header {
    overflow: auto;
    border-bottom: 1px solid rgba(18, 9, 24, 0.1);
  }

  .products-tabs .tabs__item {
    padding: 1rem;
    margin: 0;
    min-width: max-content;
    min-width: -moz-max-content;
    min-width: -webkit-max-content;
    min-width: -o-max-content;
    font-weight: 500;
    color: var(--secondarycolor);
    border-bottom: 3px solid transparent;
  }

  @media (min-width: 1024px) {
    .products-tabs .tabs__item {
      padding: 1rem 3rem;
    }
  }

  .products-tabs .tabs__item.active {
    border-width: 3px;
    border-color: currentColor;
  }

  .products-tabs .tabs__item.active a {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  .products-tabs .tabs__item a {
    color: #120918;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
  }

  .products-tabs .tabs__content {
    margin: 0;
    padding: 1rem;
  }

  @media (min-width: 1024px) {
    .products-tabs .tabs__content {
      padding: 1rem 3rem;
    }
  }

  .products-tabs .tabs__content h1 {
    font-size: 1rem;
  }

  .products-body {
    position: relative;
    z-index: 1;
  }

  .product {
    background-color: #fff;
    border: 1px solid #f3f3f3;
    border-bottom: none;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: 'Noto Sans', sans-serif;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    overflow: hidden;
    padding: 30px 13px;
    text-align: center;
  }

  .product.slider__item {
    width: 50%;
  }

  @media screen and (min-width: 768px) {
    .product {
      margin: 0;
      -webkit-flex-basis: 33.3333%;
      flex-basis: 33.3333%;
    }
  }

  @media screen and (min-width: 1366px) {
    .product {
      padding: 30px 33px 20px;
    }
  }

  .product__name,
  .product__description {
    color: var(--primarycolor);
  }

  .product__name {
    font-size: 1.125em;
    margin: 10px 0;
    text-transform: uppercase;
    height: 60px;
  }

  @media screen and (min-width: 768px) {
    .product__name {
      font-size: 1.375em;
    }
  }

  .product__image {
    margin: auto;
    max-width: 342px;
    position: relative;
  }

  .product__image img {
    margin: 1rem auto;
    width: 70%;
  }

  .product__description {
    font-size: 0.875em;
    margin: auto;
    max-width: 342px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }

  @media screen and (min-width: 768px) {
    .product__description {
      font-size: 1em;
    }
  }

  .product__nums {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    font-size: 1.125em;
    font-weight: 500;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 10px;
    position: relative;
  }

  .product__price {
    margin-right: 10px;
  }

  .product__price.in__button {
    font-size: 1.250rem;
    margin: 0;
    color: inherit;
  }

  .product__pts {
    color: #120918;
  }

  .product .btn {
    margin: 0 auto;
  }

  .product__sep {
    background-color: #f3f3f3;
    height: 1px;
    margin: auto;
    max-width: 234px;
    width: 85%;
  }

  .product-sale {
    background-color: #fff;
    border-right: 0;
    border-left: 0;
    font-weight: 500;
    margin-top: 25px;
    padding: 17px 0 24px 0;
    text-align: center;
    width: 100%;
  }

  @media screen and (min-width: 768px) {
    .product-sale {
      background-color: var(--primarycolor);
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -o-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin: 0;
      padding-top: 55px;
    }
  }

  @media screen and (min-width: 1366px) {
    .product-sale {
      padding: 55px 45px 55px 55px;
    }
  }

  .product-sale__text {
    color: #120918;
    font-size: 0.875em;
    margin: 10px auto 30px;
    max-width: 200px;
    -webkit-justify-content: center;
    justify-content: center;
  }

  @media screen and (min-width: 768px) {
    .product-sale__text {
      color: #fff;
      font-size: 1em;
    }
  }

  @media screen and (min-width: 1366px) {
    .product-sale__text {
      font-size: 1.125em;
    }
  }

  .product-sale__price {
    color: var(--primarycolor);
    margin: 5px 0 0;
  }

  .product-sale__price.small {
    color: #8a8a8a;
    font-size: 0.875em;
  }

  @media screen and (min-width: 768px) {
    .product-sale__price {
      color: #fff;
      font-size: 1em;
    }

    .product-sale__price.small {
      color: rgba(255, 255, 255, 0.8);
    }
  }

  @media screen and (min-width: 1366px) {
    .product-sale__price {
      font-size: 1.25em;
    }
  }

  .product-sale .button {
    margin: 40px auto 0;
  }

  .mainslider {
    z-index: 10;
  }

  /* @media (min-width: 768px) {
    .mainslider {
      height: calc(80vh);
    }
  } */
  .mainslider__gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 50%;
    /* background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #120918 100%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #120918 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #120918 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #120918 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #120918 100%); */
  }

  /* .mainslider__gradient.theme--lightgray {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #f4f4f6 100%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #f4f4f6 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #f4f4f6 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #f4f4f6 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #f4f4f6 100%);
  }

  .mainslider__gradient.theme--orange {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, var(--secondarycolor) 100%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 50%, var(--secondarycolor) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 50%, var(--secondarycolor) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 50%, var(--secondarycolor) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, var(--secondarycolor) 100%);
  } */

  .mainslider__video {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
  }

  .mainslider__video.show {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  @media (min-width: 768px) {
    .mainslider__video {
      display: block;
    }
  }

  .mainslider__wrap {
    position: relative;
    height: 100%;
  }

  .mainslider__content {
    position: absolute;
    bottom: 35%;
    left: 0;
    width: calc(100% - 1rem);
    -webkit-animation: 0.8s ease-out both;
    -moz-animation: 0.8s ease-out both;
    -o-animation: 0.8s ease-out both;
    -ms-animation: 0.8s ease-out both;
    animation: 0.8s ease-out both;
  }

  @media (min-width: 768px) {
    .mainslider__content {
      bottom: 50%;
      max-width: 70%;
    }
  }

  @media (min-width: 1024px) {
    .mainslider__content {
      max-width: 50%;
    }
  }

  .mainslider__signals {
    position: absolute;
    left: 4%;
    bottom: 2rem;
    z-index: 20;
    width: 92%;
  }

  @media (min-width: 768px) {
    .mainslider__signals {
      bottom: 10%;
    }
  }

  @media (min-width: 1024px) {
    .mainslider__signals {
      bottom: 20%;
    }
  }

  @media (min-width: 1400px) {
    .mainslider__signals {
      left: 50%;
      max-width: 700px;
    }
  }

  .mainslider__title {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Noto Sans', sans-serif !important;
    text-transform: uppercase;
    color: #fff;
  }

  @media (min-width: 768px) {
    .mainslider__title {
      font-size: 4rem;
    }
  }

  @media (min-width: 1025px) {
    .mainslider__title {
      font-size: 5rem;
    }
  }

  .mainslider .slider__item {
    height: 40vh;
    min-height: 320px;
    background-repeat: no-repeat;
    background-position: 70% center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    overflow: hidden;
  }

  .contact .mainslider .slider__item {
    background-position: 50% center;
  }

  @media (min-width: 768px) {
    .mainslider .slider__item {
      height: calc(100vh - 220px);
    }
  }

  @media (min-width: 1024px) {
    .mainslider .slider__item {
      background-position: center;
    }
  }

  .mainslider .slider__item img {
    min-width: 100%;
  }

  .mainslider .slider__item.active .mainslider__content {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    -ms-animation-name: fadeInRight;
    animation-name: fadeInRight;
  }

  /*.mainslider .slider__ctrl {
    position: absolute;
    top: 50%;
    z-index: 20;
    margin-top: -10px;
    color: var(--secondarycolor);
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -webkit-transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -ms-transition: all 0.17s ease-in-out;
    transition: all 0.17s ease-in-out;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .mainslider .slider__ctrl.prev {
    left: 1rem;
  }

  .mainslider .slider__ctrl.next {
    right: 1rem;
  }

  .mainslider .slider__ctrl:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  .mainslider .slider__ctrl .icon {
    width: 3rem;
    height: 3rem;
  }

  .mainslider .slider__bullets {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    z-index: 20;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  @media (min-width: 768px) {
    .mainslider .slider__bullets {
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
    }

    .slider__bullets.bullets__detail {
      -webkit-transform: translateX(0%) !important;
      -moz-transform: translateX(0%) !important;
      -o-transform: translateX(0%) !important;
      -ms-transform: translateX(0%) !important;
      transform: translateX(0%) !important;
    }
  }

  .mainslider .slider__bullet {
    display: inline-block;
    margin: 0 0.2rem;
  }

  .mainslider .slider__bullet:hover>a {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
  }

  .mainslider .slider__bullet.active>a {
    background-color: #fff;
    border-color: transparent;
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -moz-transform: scale3d(0.9, 0.9, 0.9);
    -o-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  .mainslider .slider__bullet.active:hover>a {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  .mainslider .slider__bullet>a {
    display: block;
    width: 0.7rem;
    height: 0.7rem;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -ms-transition: all 0.17s ease-in-out;
    transition: all 0.17s ease-in-out;
  }*/

  @-moz-keyframes fadeInRight {
    from {
      -webkit-transform: translate3d(-10%, 0, 0);
      -moz-transform: translate3d(-10%, 0, 0);
      -o-transform: translate3d(-10%, 0, 0);
      -ms-transform: translate3d(-10%, 0, 0);
      transform: translate3d(-10%, 0, 0);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
      -ms-filter: none;
      filter: none;
    }
  }

  @-webkit-keyframes fadeInRight {
    from {
      -webkit-transform: translate3d(-10%, 0, 0);
      -moz-transform: translate3d(-10%, 0, 0);
      -o-transform: translate3d(-10%, 0, 0);
      -ms-transform: translate3d(-10%, 0, 0);
      transform: translate3d(-10%, 0, 0);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
      -ms-filter: none;
      filter: none;
    }
  }

  @-o-keyframes fadeInRight {
    from {
      -webkit-transform: translate3d(-10%, 0, 0);
      -moz-transform: translate3d(-10%, 0, 0);
      -o-transform: translate3d(-10%, 0, 0);
      -ms-transform: translate3d(-10%, 0, 0);
      transform: translate3d(-10%, 0, 0);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
      -ms-filter: none;
      filter: none;
    }
  }

  @keyframes fadeInRight {
    from {
      -webkit-transform: translate3d(-10%, 0, 0);
      -moz-transform: translate3d(-10%, 0, 0);
      -o-transform: translate3d(-10%, 0, 0);
      -ms-transform: translate3d(-10%, 0, 0);
      transform: translate3d(-10%, 0, 0);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
      -ms-filter: none;
      filter: none;
    }
  }

  .testimonials {
    padding: 1rem;
    text-align: center;
    background-color: #fff;
  }

  @media (min-width: 768px) {
    .testimonials {
      padding: 3rem 3rem 6rem;
    }
  }

  @media (min-width: 1024px) {
    .testimonials {
      text-align: left;
    }
  }

  .testimonials__head {
    margin-bottom: 1rem;
  }

  @media (min-width: 768px) {
    .testimonials__head {
      margin-bottom: 3rem;
    }
  }

  .testimonials__title {
    margin: 0;
    font-family: 'Noto Sans', sans-serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    color: var(--neutral5);
    font-weight: 400 !important;
  }

  .testimonials__title span {
    color: var(--primarycolor);
    font-weight: 700;
  }

  .testimonial {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }

  .slider-qr .testimonial__avatar {
    max-height: initial !important;
    max-width: 90vh !important;
    margin: 0 auto !important;
  }

  @media (min-width: 768px) {
    .testimonial {
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -o-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -o-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: distribute;
      -moz-box-pack: distribute;
      -o-box-pack: distribute;
      -ms-flex-pack: distribute;
      -webkit-justify-content: space-around;
      justify-content: space-around;
    }
  }

  @media (min-width: 1024px) {
    .testimonial {
      max-width: 100%;
    }
  }

  @media (min-width: 1024px) {
    .testimonial {
      -webkit-box-lines: single;
      -moz-box-lines: single;
      -o-box-lines: single;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-pack: start;
      -moz-box-pack: start;
      -o-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -moz-box-align: start;
      -o-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
    }
  }

  .testimonial__headline {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }

  @media (min-width: 768px) {
    .testimonial__headline {
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -o-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
    }
  }

  .testimonial__avatar {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .testimonial__frase {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    margin: 0;
    margin-top: 1rem;
    font-family: 'Noto Sans', sans-serif !important;
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--primarycolor);
  }

  @media (min-width: 768px) {
    .testimonial__frase {
      margin-top: 2rem;
    }
  }

  @media (min-width: 1024px) {
    .testimonial__frase {
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      -o-box-ordinal-group: 2;
      -ms-flex-order: 2;
      -webkit-order: 2;
      order: 2;
      margin: 0;
      font-size: 1.5rem;
    }
  }

  @media (min-width: 1366px) {
    .testimonial__frase {
      font-size: 1.8rem;
    }
  }

  .testimonial__about {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    margin-top: 1rem;
  }

  .testimonial__about .button.small {
    margin: 1.5rem auto;
  }

  @media (min-width: 768px) {
    .testimonial__about {
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      -o-box-ordinal-group: 1;
      -ms-flex-order: 1;
      -webkit-order: 1;
      order: 1;
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -o-box-flex: 1;
      box-flex: 1;
      /* -webkit-flex: 0 0 calc(300px + 4rem);
      -ms-flex: 0 0 calc(300px + 4rem);
      flex: 0 0 calc(300px + 4rem); */
      margin: 0;
      text-align: left;
    }
  }

  @media (min-width: 1024px) {
    .testimonial__about {
      padding: 0 2rem;
    }
  }

  .testimonial__name {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--primarycolor);
    font-weight: bold;
  }

  .testimonial__metas {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    -o-box-pack: distribute;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }

  .testimonial__metas span {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-size: 0.9rem;
    color: var(--neutral5);
    margin-right: 2rem;
  }

  .testimonial__extract {
    font-size: 1.1rem;
    color: var(--neutral5);
  }

  .testimonial__readmore {
    display: inline-block;
  }

  .testimonials {
    position: relative;
    z-index: 22;
  }

  .testimonials .slider__ctrl {
    position: absolute;
    bottom: 1.5rem;
    display: none;
    width: 50px;
    height: 50px;
    border: 2px solid var(--primary800);
    border-radius: 50%;
    color: var(--primary800);
    -webkit-transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -ms-transition: all 0.17s ease-in-out;
    transition: all 0.17s ease-in-out;
  }

  @media (min-width: 768px) {
    .testimonials .slider__ctrl {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      -o-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -o-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
    }
  }

  /* .testimonials .slider__ctrl:before {
    content: '';
    display: inline-block;
  } */

  /* .testimonials .slider__ctrl:hover {
    border-color: #fcbb75;
    color: #fcbb75;
  } */

  .testimonials .slider__ctrl.prev {
    right: calc(50% + 1rem);
  }

  /* .testimonials .slider__ctrl.prev:before {
    margin-right: 0.1rem;
    border-right: 6px solid currentColor;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
  } */

  .testimonials .slider__ctrl.next {
    left: calc(50% + 1rem);
  }

  /* .testimonials .slider__ctrl.next:before {
    margin-left: 0.1rem;
    border-left: 6px solid currentColor;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
  } */

  .testimonials .slider__bullets {
    margin-top: 1rem;
  }

  @media (min-width: 768px) {
    .testimonials .slider__bullets {
      display: none;
    }
  }

  /*.testimonials .slider__bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 1rem;
    background-color: var(--secondarycolor);
    border-radius: 50%;
    border: 2px solid var(--secondarycolor);
  }

  .testimonials .slider__bullet.active {
    background-color: transparent;
  }*/

  .pager {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 1rem;
    background-color: #fff;
    border-top: 1px solid #f3f3f3;
  }

  .pager__ctrl {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #120918;
    -webkit-transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -ms-transition: all 0.17s ease-in-out;
    transition: all 0.17s ease-in-out;
  }

  .pager__ctrl:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
  }

  .pager__ctrl.prev .pager__label {
    margin-left: 1rem;
  }

  /* .pager__ctrl.prev .pager__arrow:after {
    margin-right: 0.1rem;
    border-right: 5px solid currentColor;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
  } */

  .pager__ctrl.next .pager__label {
    margin-right: 1rem;
  }

  /* .pager__ctrl.next .pager__arrow:after {
    margin-left: 0.1rem;
    border-left: 5px solid currentColor;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
  } */

  .pager__ctrl.next_no_animation .pager__label {
    margin-right: 1rem;
  }

  /* .pager__ctrl.next_no_animation .pager__arrow:after {
    margin-left: 0.1rem;
    border-left: 5px solid currentColor;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
  } */

  .pager__label {
    display: none;
    font-size: 0.8rem;
    font-weight: 500;
  }

  @media (min-width: 768px) {
    .pager__label {
      display: block;
    }
  }

  .pager__arrow {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    /* border: 2px solid var(--secondarycolor); */
    border-radius: 50%;
    color: var(--secondarycolor);
  }

  /* .pager__arrow:after {
    content: '';
    display: inline-block;
  } */

  .pager__item {
    display: inline-block;
    margin: 0 0.5rem;
  }

  .pager__item.active a {
    color: var(--secondarycolor);
  }

  .pager__item a {
    display: block;
    padding: 0 0.5rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: #120918;
    -webkit-transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -ms-transition: all 0.17s ease-in-out;
    transition: all 0.17s ease-in-out;
  }

  .pager__item a:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
  }

  /*
  .tabs.expanded .tabs__header {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  */
  .tabs__header {
    position: relative;
    -webkit-box-align: end;
    -moz-box-align: end;
    -o-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    overflow: auto;
  }

  .tabs__item {
    font-family: 'Noto Sans', sans-serif;
    margin: 10px 0;
    padding-bottom: 10px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    min-width: max-content;
    min-width: -moz-max-content;
    min-width: -webkit-max-content;
    min-width: -o-max-content;
  }

  .tabs__item.active {
    border-bottom: 1px solid currentColor;
  }

  .tabs__item>a {
    display: block;
  }

  .tabs__content {
    position: relative;
    margin-top: 20px;
  }

  .tabs__pane {
    display: none;
  }

  .tabs__pane.active {
    display: block;
  }

  .tabs-static {
    background-color: var(--primary5);
  }

  @media screen and (min-width: 768px) {
    .tabs-static {
      background-color: #fff;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      margin-top: 20px;
    }
  }

  .tabs-static__list {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: 1024px;
  }

  .tabs-static__list.list-nostyle {
    margin: 0px auto;
  }

  .tabs-static__item {
    color: rgba(255, 255, 255, 0.3);
    font-family: 'Noto Sans', sans-serif;
    padding: 1rem 0.625rem;
  }

  .tabs-static__item.active {
    color: #fff;
    border-bottom: 2px solid var(--primarycolor);
  }

  @media screen and (min-width: 768px) {
    .tabs-static__item {
      color: rgba(0, 0, 0, 0.2);
      font-size: 1.125rem;
      padding: 1rem;
    }

    .tabs-static__item.active {
      color: var(--primarycolor);
    }
  }

  .front-banners {
    background-color: #fff;
    padding-bottom: 3px;
  }

  @media screen and (min-width: 768px) {
    .front-banners {
      padding-bottom: 110px;
    }
  }

  .front-banners .wrapper {
    overflow: visible;
  }

  @media screen and (min-width: 768px) {
    .front-banners .wrapper {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
    }
  }

  .front-banners .front-banner {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    margin-bottom: 135px;
  }

  @media screen and (min-width: 768px) {
    .front-banners .front-banner {
      margin: -86px 0 0;
    }
  }

  .front-banners .front-banner.zeytu.right {
    -webkit-box-shadow: 7px 15px 60px 6px rgba(253, 208, 155, 0.3);
    box-shadow: 7px 15px 60px 6px rgba(253, 208, 155, 0.3);
  }

  .front-banners .front-banner.nfuerza.left {
    -webkit-box-shadow: -7px 15px 60px 6px rgba(0, 202, 209, 0.3);
    box-shadow: -7px 15px 60px 6px rgba(0, 202, 209, 0.3);
  }

  .front-banners .front-banner.omnilife.right {
    -webkit-box-shadow: 7px 15px 45px 6px rgba(166, 35, 150, 0.08);
    box-shadow: 7px 15px 45px 6px rgba(166, 35, 150, 0.08);
  }

  .front-banners .front-banner__img {
    margin: 0;
  }

  .front-banners .front-banner__img img {
    display: block;
  }

  .front-banners .front-banner__description {
    box-shadow: 0 15px 30px -20px rgba(64, 64, 64, 0.3);
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 24px;
    left: 0;
    right: 0;
    top: 85%;
  }

  /* Firefox */
  _:-moz-any(x),
  .front-banners .front-banner__description {
    background-color: #fff;
  }

  /* iExplorer */
  _:-ms-lang(x),
  .front-banners .front-banner__description {
    background-color: #fff;
  }

  @media screen and (min-width: 768px) {
    .front-banners .front-banner__description {
      text-align: left;
    }
  }

  .front-banners .front-banner__description h6 {
    font: 500 1em 'Noto Sans', sans-serif !important;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
  }

  .front-banners .front-banner__description p {
    font-family: 'Noto Sans', sans-serif;
    font-size: 0.875em;
    margin-bottom: 0;
  }

  .bottom-banner {
    background-position: center 100%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    height: 420px;
    position: relative;
  }

  @media screen and (min-width: 768px) {
    .bottom-banner {
      height: 60vh;
      margin-top: 0;
      background-attachment: fixed;
    }
  }

  @media screen and (min-width: 768px) {
    .bottom-banner.align-left .bottom-banner__content {
      text-align: left;
    }

    .bottom-banner.align-left .bottom-banner__content .button {
      margin-left: 0;
    }
  }

  .bottom-banner.gradient:before {
    content: '';
    height: 100%;
    position: absolute;
    left: 0;
    width: 100%;
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    backdrop-filter: saturate(150%) blur(0px);
    background-color: rgba(0, 0, 0, .5);
    -webkit-transition: all 500ms cubic-bezier(0.845, 0.020, 0.145, 0.855);
    -moz-transition: all 500ms cubic-bezier(0.845, 0.020, 0.145, 0.855);
    -o-transition: all 500ms cubic-bezier(0.845, 0.020, 0.145, 0.855);
    transition: all 500ms cubic-bezier(0.845, 0.020, 0.145, 0.855);
    /* custom */
  }

  .bottom-banner:hover.gradient:before {
    -webkit-backdrop-filter: saturate(200%) blur(10px);
    backdrop-filter: saturate(200%) blur(10px);
    -webkit-transition: all 500ms cubic-bezier(0.845, 0.020, 0.145, 0.855);
    -moz-transition: all 500ms cubic-bezier(0.845, 0.020, 0.145, 0.855);
    -o-transition: all 500ms cubic-bezier(0.845, 0.020, 0.145, 0.855);
    transition: all 500ms cubic-bezier(0.845, 0.020, 0.145, 0.855);
    /* custom */
  }

  .bottom-banner__content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    text-align: center;
  }

  @media screen and (min-width: 768px) {
    .bottom-banner__content {
      bottom: 120px;
      text-align: right;
    }
  }

  .bottom-banner__content h2 {
    color: #fff;
    font: 500 1.5em 'Noto Sans', sans-serif !important;
    margin: 0;
  }

  @media screen and (min-width: 768px) {
    .bottom-banner__content h2 {
      font-size: 2.25em;
    }
  }

  .bottom-banner__content p {
    color: #fff;
    font: 400 0.875em 'Noto Sans', sans-serif !important;
    margin: 0;
  }

  @media screen and (min-width: 768px) {
    .bottom-banner__content p {
      font-size: 1.125em;
    }
  }

  .wrapper.bottom-banner__content a {
    display: inline-block;
    padding: 2rem;
  }

  .bottom-banner__content .button {
    margin: 21px auto 0;
    width: 100%;
    padding: 1rem 1.5rem;
    max-width: 250px;
  }

  @media screen and (min-width: 768px) {
    .bottom-banner__content .button {
      margin-right: 0;
      margin-left: auto;
    }
  }

  .register {
    overflow: hidden;
    background-color: #fff;
  }

  .register__main {
    margin: 0 auto 2rem;
    overflow: hidden;
    position: relative;
  }

  @media screen and (min-width: 768px) {
    .register__main {
      margin-top: 49px;
    }
  }

  .register__total {
    background-color: var(--primarycolor);
    padding: 2rem 3.125rem;
    width: 100%;
  }

  .register__total .text {
    color: #fff;
    font-size: 1.125rem;
    text-align: right;
    margin: 0;
  }

  .register__total .text.small {
    font-size: 0.688rem;
  }

  .register .buttons-container {
    margin-top: 44px;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -o-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  @media screen and (min-width: 768px) {
    .register .buttons-container {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -o-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      padding: 3rem 0;
    }
  }

  .register .button {
    margin: 5px 0;
  }

  @media screen and (min-width: 768px) {
    .register .button {
      margin: 0 1rem;
      max-width: 200px !important;
    }
  }

  @media screen and (min-width: 768px) {
    .register .form-label {
      padding-right: 1.625rem;
    }
  }

  .register .step {
    max-width: 720px;
    width: 80%;
  }

  @media screen and (min-width: 768px) {
    .register .step1 .form-group {
      -webkit-box-align: center;
      -moz-box-align: center;
      -o-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -o-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      margin-left: auto;
      margin-right: auto;
      max-width: 600px;
    }

    .register .step1 .form-label,
    .register .step1 .col-right {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -o-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }

    .register .step1 .form-label {
      margin: 0;
      text-align: right;
    }
  }

  .register .step3 .form-label {
    margin-top: 45px;
    text-align: center;
  }

  .register .step3 .form-group.left {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }

  .register .step3 .form-group.left .form-group {
    margin-left: 0;
    margin-right: 1rem;
  }

  @media screen and (min-width: 768px) {
    .register .step3 .form-group {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -o-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -o-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      margin-right: auto;
      margin-left: auto;
    }

    .register .step3 .form-label {
      color: var(--neutral);
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -o-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      margin-top: 10px;
      text-align: left;
    }

    .register .step3 .form-radio {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -o-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1 1 50%;
      -ms-flex: 1 1 50%;
      flex: 1 1 50%;
    }

    .register .step3 .form-checkbox {
      -webkit-box-pack: start;
      -moz-box-pack: start;
      -o-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
    }
  }

  .register .step4 {
    max-width: 1440px;
    width: 100%;
  }

  @media screen and (min-width: 680px) {
    .register .step4 {
      width: 92%;
    }
  }

  .register__welcome {
    background: url("../images/bienvenido-mov.jpg") no-repeat center 0;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    padding-top: 130%;
  }

  @media screen and (min-width: 680px) {
    .register__welcome {
      background-image: url("../images/bienvenido-desk.jpg");
      -webkit-background-size: contain;
      -moz-background-size: contain;
      background-size: contain;
      margin: auto;
      padding-top: 39.25%;
    }
  }

  @media screen and (min-width: 1366px) {
    .register__welcome {
      padding-top: 39.25%;
    }
  }

  @media screen and (min-width: 1680px) {
    .register__welcome {
      padding-top: 35.25%;
    }
  }

  .register__welcome h3,
  .register__welcome p {
    color: var(--neutral);
    font-size: 1.125rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 80%;
  }

  .register__welcome h3 {
    margin-bottom: 0;
  }

  .register__welcome p {
    margin-top: 0;
  }

  .modal {
    border-radius: 20px;
    max-width: 700px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -70%);
    -moz-transform: translate(-50%, -70%);
    -o-transform: translate(-50%, -70%);
    -ms-transform: translate(-50%, -70%);
    transform: translate(-50%, -70%);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s;
    -o-transition: -o-transform 0.3s, opacity 0.2s;
    -ms-transition: -ms-transform 0.3s, opacity 0.2s;
    transition: transform 0.3s, opacity 0.2s;
    visibility: hidden;
    width: 96%;
    z-index: -1;
    padding: 2rem;
    -webkit-backdrop-filter: saturate(250%) blur(10px);
    backdrop-filter: saturate(250%) blur(10px);
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 60px -40px;
  }

  .modal:focus {
    outline: none;
  }

  .modal h2,
  .modal h3,
  .modal h4 {
    font-family: 'Noto Sans', sans-serif !important;
  }

  /* Firefox */
  _:-moz-any(x),
  .modal {
    background-color: #fff;
  }

  /* iExplorer */
  _:-ms-lang(x),
  .modal {
    background-color: #fff;
  }

  .modal.small {
    max-width: 380px;
  }

  .modal.radius-small {
    border-radius: 5px;
  }

  .modal.active {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    visibility: visible;
    z-index: 112;
  }

  .modal__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 10;
    width: 20px;
    height: 20px;
    color: var(--neutral);
  }

  .modal__inner {
    max-height: 85vh;
    padding-right: 1rem;
    overflow: auto;
    padding-bottom: 10px;
    border-radius: 10px;
  }

  .modal__preview .modal__inner {
    max-height: calc(100vh - 30vh);
  }

  .modal__head {
    color: #120918;
    margin-bottom: 1rem;
    text-align: center;
  }

  .modal__title {
    margin: 0 auto;
    width: 96%;
  }

  @media screen and (min-width: 768px) {
    .modal__title {
      width: 60%;
    }
  }

  .modal__subtext {
    margin: 0;
    font-size: 0.9rem;
    color: var(--neutral);
  }

  .modal__body {
    color: var(--neutral);
    font-size: 0.875rem;
    text-align: justify;
    position: relative;
  }

  .modal__foot {
    margin-top: 2rem;
  }

  .modal__foot .buttons-container {
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -o-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  @media screen and (min-width: 768px) {
    .modal__foot .buttons-container {
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -o-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: distribute;
      -moz-box-pack: distribute;
      -o-box-pack: distribute;
      -ms-flex-pack: distribute;
      -webkit-justify-content: space-around;
      justify-content: space-around;
    }
  }

  .modal__foot .button {
    margin: 5px auto;
  }

  @media screen and (min-width: 768px) {
    .modal__foot .button {
      max-width: 265px;
    }
  }

  .modal__foot .clean {
    color: var(--neutral);
    text-transform: none;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    margin-bottom: 10px;
  }

  @media screen and (min-width: 768px) {
    .modal__foot .clean {
      -webkit-box-ordinal-group: 0;
      -moz-box-ordinal-group: 0;
      -o-box-ordinal-group: 0;
      -ms-flex-order: 0;
      -webkit-order: 0;
      order: 0;
    }
  }

  .modal__foot .icon {
    margin-right: 8px;
    vertical-align: middle;
  }

  .modal-loading .modal__body {
    text-align: center;
    max-height: 388px;
  }

  .modal-loading .modal__body p {
    margin: 0;
  }

  .modal-loading .modal__body p.highlight {
    font-family: 'Noto Sans', sans-serif !important;
  }

  .modal-loading .text-top {
    color: #120918;
    font-size: 1.125rem;
  }

  .modal-loading .price {
    color: var(--secondarycolor);
    font: 500 1.875rem 'Noto Sans', sans-serif !important;
  }

  .modal-loading .loading {
    height: 116px;
    margin: 25px auto;
    width: 155px;
  }

  .modal-loading .loading .icon {
    height: inherit;
    width: inherit;
  }

  .modal-loading .highlight {
    font-weight: 500;
  }

  .cart-preview {
    color: var(--neutral);
    padding: 0.5rem;
    width: 100%;
    z-index: 102;
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    backdrop-filter: saturate(180%) blur(10px);
    background-color: rgba(255, 255, 255, 0.8);
  }

  /* Firefox */
  _:-moz-any(x),
  .cart-preview {
    background-color: #fff;
  }

  /* iExplorer */
  _:-ms-lang(x),
  .cart-preview {
    background-color: #fff;
  }

  @media screen and (max-height: 600px) {
    .cart-preview {
      padding-top: 0;
    }
  }

  .cart-preview.aside {
    height: 100vh;
    max-width: 460px;
    position: fixed;
    top: 0;
    right: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -ms-transition: -ms-transform 0.3s;
    transition: transform 0.3s;
  }

  .cart-preview.aside.active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  @media screen and (min-width: 768px) {
    .cart-preview.aside {
      max-width: 360px;
      padding-left: 1.875rem;
      padding-right: 1.875rem;
    }
  }

  .cart-preview__head {
    position: relative;
    text-align: center;
  }

  .cart-preview__head p {
    color: #120918;
  }

  .cart-preview__head .remove-all {
    margin-bottom: 0.5rem;
    padding-right: 1rem;
    text-align: right;
  }

  .cart-preview__head .remove-all a {
    border: 2px solid #8a8a8a;
    border-radius: 18px;
    color: #8a8a8a;
    font-size: 0.75rem;
    display: inline-block;
    line-height: 1.2;
    padding: 6px 1.125rem;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -o-transition: background 0.2s;
    -ms-transition: background 0.2s;
    transition: background 0.2s;
  }

  .cart-preview__head .remove-all a:hover {
    background-color: #e9e9e9;
  }

  @media screen and (max-height: 600px) {
    .cart-preview__head .remove-all {
      margin-bottom: 0;
    }
  }

  .cart-preview .icon-cross {
    color: #979797;
    height: 21px;
    position: absolute;
    right: 1em;
    top: 0;
    width: 21px;
  }

  .cart-preview .icon-cross:before,
  .cart-preview .icon-cross:after {
    width: 2px;
  }

  .cart-preview .cart-product__list {
    min-height: 220px;
    max-height: calc(95vh - 348px);
    position: relative;
  }

  @media screen and (max-height: 600px) {
    .cart-preview .cart-product__list {
      min-height: 180px;
    }
  }

  @media screen and (max-height: 600px) {
    .cart-preview .cart-product__item {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
  }

  .cart-preview__footer .button {
    margin: 10px auto;
    max-width: 201px;
  }

  .cart-preview__resume {
    margin: 20px 0;
    text-align: right;
  }

  .cart-preview__resume li {
    font-size: 0.75rem;
  }

  .cart-preview__resume li.total {
    font-size: 1rem;
    margin-top: 20px;
  }

  .cart-product__item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 1.25rem 0.875rem 1.25rem 0;
    position: relative;
  }

  .cart-product__top {
    position: relative;
    text-align: left;
  }

  .cart-product__top .cart-product__title {
    width: 90%;
  }

  .cart-product__top .bin {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
  }

  .cart-product__top .bin .icon-bin {
    width: 14px;
  }

  .cart-product__top .bin .icon-bin-register {
    width: 14px;
  }

  .cart-product__content {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .cart-product__bottom {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .cart-product__bottom .numeric {
    margin-top: 10px;
  }

  .cart-product__img {
    height: 85px;
    margin-right: 0.875rem;
    width: 85px;
  }

  .cart-product__img img {
    width: 100%;
  }

  .cart-product__code,
  .cart-product__pts {
    font-size: 0.75rem;
    margin-top: 5px;
  }

  .cart-product__minidescription {
    font-size: 0.7rem;
    margin-top: 5px;
    opacity: .7;
  }

  .cart-product__price,
  .cart-product__pts {
    color: var(--primarycolor);
    font-size: 0.813rem;
    text-align: right;
  }

  .cart-product__price {
    margin: 4px 0 0;
  }

  .cart {
    width: 100%;
  }

  .cart__main,
  .cart__register {
    background: #fff;
    padding: 50px 0;
    width: 100%;
  }

  .register .step3 {
    max-width: 100%;
    width: 100%;
  }

  .cart__main-title {
    color: var(--primarycolor);
    font-size: 1.5rem;
    font-family: 'Noto Sans', sans-serif !important;
  }

  .cart__main-subtitle {
    color: #120918;
    font-size: 0.875rem;
    margin-bottom: 35px;
  }

  .cart__content {
    margin-left: auto;
    max-width: 1260px;
    width: 100%;
  }

  @media screen and (min-width: 1024px) {

    .cart__content,
    .cart__register {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      -webkit-box-pack: end;
      -moz-box-pack: end;
      -o-box-pack: end;
      -ms-flex-pack: end;
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
    }
  }

  @media screen and (min-width: 1025px) {
    .cart__content {
      width: 100%;
    }
  }

  .cart__content .step {
    margin: 0;
    right: 0;
    left: auto;
    width: auto;
  }

  .cart .card__extra {
    max-height: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }

  .cart .form-label {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
  }

  @media screen and (min-width: 768px) {
    .cart .step1 .form-group {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -o-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -o-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      margin: 0 auto;
    }

    .cart .step1 .form-radio {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -o-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1 1 50%;
      -ms-flex: 1 1 50%;
      flex: 1 1 50%;
    }

    .cart .step1 .form-checkbox {
      -webkit-box-pack: start;
      -moz-box-pack: start;
      -o-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
    }
  }

  .cart .step1 .form-row.left .form-group {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    margin-left: 0;
  }

  .cart .step1 .form-checkbox {
    margin: 15px 0 0;
  }

  .cart .step1 .checkbox-label {
    font-size: 0.875rem;
  }

  .cart .step2 .form-group.left {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }

  .cart .step2 .form-group.left .form-group {
    margin-left: 0;
    margin-right: 1rem;
  }

  @media screen and (min-width: 1024px) {
    .cart__left {
      -webkit-flex-basis: 56.34%;
      flex-basis: 56.34%;
      margin-right: 1.25rem;
    }
  }

  .cart__right {
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -ms-transition: -ms-transform 0.3s;
    transition: transform 0.3s;
    z-index: -1;
  }

  .cart__right.active {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    z-index: 107;
  }

  @media screen and (min-width: 1024px) {
    .cart__right {
      border: 1px solid rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0 17px 24px 0 rgba(0, 0, 0, 0.08);
      box-shadow: 0 17px 24px 0 rgba(0, 0, 0, 0.08);
      -webkit-flex-basis: 42%;
      flex-basis: 42%;
      height: auto;
      margin-top: 72px;
      padding: 1rem 2.125rem 0;
      position: relative;
      bottom: auto;
      left: auto;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      z-index: 1;
    }

    .cart__right .icon-cross {
      display: none;
    }
  }

  @media screen and (min-width: 1025px) {
    .cart__right {
      padding: 1rem 3.125rem 0;
      top: 135px;
      position: -webkit-sticky;
      position: sticky !important;
      align-self: flex-start;
      border-radius: 10px;
    }

    .cart.fullsteps.register,
    #tabs_register {
      overflow: unset;
    }
  }

  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .cart__right {
      margin-top: 76px;
    }
  }

  .cart__right .cart-product__list {
    max-height: calc(100vh - 272px);
  }

  .cart__right .cart-preview__head {
    text-align: left;
    font-size: 0.875rem;
  }

  .cart-preview-mov {
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    background-color: var(--secondarycolor);
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0.5rem;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
  }

  @media screen and (min-width: 1024px) {
    .cart-preview-mov {
      display: none;
    }

    .button-promo-continue {
      /* Boton de promociones en movil, sirve para colapsar las promociones cuando no se logra visualizar el boton aceptar*/
      display: none !important;
    }
  }

  .cart-preview-mov .cart-preview__head {
    padding-left: 15px;
    position: relative;
  }

  .cart-preview-mov .cart-preview__head p {
    color: #fff;
    margin: 12px 0 0;
  }

  .cart-preview-mov .cart-preview__head:before {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
    display: block;
    height: 8px;
    position: absolute;
    left: 0;
    bottom: 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 8px;
  }

  .cart-preview-mov .cart-preview__resume {
    margin: 0;
  }

  .cart-preview-mov .cart-preview__resume li {
    margin: 5px;
  }

  /*.cart .buttons-container {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 20px 0;
  }

  .cart .buttons-container .button {
    margin: 10px;
  }*/

  .cart .buttons-container {
    margin-top: 44px;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -o-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .cart .buttons-container .secondary {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }

  @media screen and (min-width: 768px) {
    /*.cart .buttons-container {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -o-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -o-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
    }*/

    .cart .buttons-container {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -o-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      padding: 3rem 0;
    }

    .cart .buttons-container .secondary {
      -webkit-box-ordinal-group: 0;
      -moz-box-ordinal-group: 0;
      -o-box-ordinal-group: 0;
      -ms-flex-order: 0;
      -webkit-order: 0;
      order: 0;
    }
  }

  .cart .button {
    margin: 5px 0;
  }

  @media screen and (min-width: 768px) {
    .cart .button {
      margin: 0 1rem;
      max-width: 200px !important;
    }
  }

  .cart__confirm {
    text-align: center;
    color: var(--neutral);
  }

  .cart__confirm-head p {
    margin: 0;
  }

  .cart__confirm h5 {
    color: var(--primarycolor);
    font-size: 1.125rem;
    font-family: 'Noto Sans', sans-serif !important;
    font-weight: 400;
    margin: 0;
    display: inline-block;
  }

  .cart__confirm-icon {
    border: 2px solid var(--primarycolor);
    border-radius: 50%;
    color: var(--primarycolor);
    height: 94px;
    margin: 20px auto;
    position: relative;
    width: 94px;
  }

  .cart__confirm-icon:before,
  .cart__confirm-icon:after {
    background-color: currentColor;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 5px;
  }

  .cart__confirm-icon:before {
    height: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: -3px 0 0 -10px;
  }

  .cart__confirm-icon:after {
    height: 30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -15px 0 0 3px;
  }

  .cart__error-icon {
    border: 2px solid var(--primarycolor);
    border-radius: 50%;
    color: var(--primarycolor);
    height: 94px;
    margin: 20px auto;
    position: relative;
    width: 94px;
  }

  .cart__error-icon::after {
    height: 30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -15px 0 0 -2px;
  }

  .cart__error-icon::before,
  .cart__error-icon::after {
    background-color: currentColor;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 5px;
  }

  .cart__error-icon::before {
    height: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: -3px 0 0 -10px;
  }

  .cart__error-icon::before {
    height: 30px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: -15px 0 0 -2px;
  }

  .cart__confirm-info {
    font-size: 0.75rem;
  }

  .cart__confirm-info p {
    margin: 3px 0;
  }

  .cart__confirm-info p:last-child {
    margin-top: 15px;
  }

  .cart__confirm-info p:last-child b {
    color: var(--primarycolor);
    font-size: 1.3em;
  }

  .cart__confirm-items {
    max-width: 389px;
    margin: 20px auto;
    width: 96%;
    overflow: auto;
  }

  .cart__confirm-item {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 0.75rem;
    padding: 0.25rem 0.25rem 0.25rem 1rem;
    text-align: left;
    min-width: 320px;
  }

  .cart__confirm-item span {
    display: inline-block;
  }

  .cart__confirm-item__qty {
    width: 10%;
  }

  .cart__confirm-item__name {
    width: 60%;
    padding-right: 0.5rem;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  .cart__confirm-item__price,
  .cart__confirm-item__pts {
    width: 15%;
  }

  .cart__confirm-banners {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 32px 0;
    margin-top: 42px;
  }

  @media screen and (min-width: 768px) {
    .cart__confirm-banners {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -o-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
    }
  }

  .cart__confirm-banner {
    margin: 15px;
    max-width: 300px;
    position: relative;
  }

  @media (max-width: 767px) {
    .cart__confirm-banner {
      margin: 15px auto 15px auto;
    }
  }

  .cart__confirm-banner img {
    width: 100%;
  }

  .cart__confirm-banner figcaption {
    font-size: 1.5rem;
    font-family: 'Noto Sans', sans-serif;
    position: absolute;
    left: 10%;
    top: 31px;
    text-align: center;
    width: 102px;
  }

  .cart__confirm-banner:last-child {
    color: #fff;
  }

  .cart__confirm-items.mul .cart__confirm-item {
    min-width: 389px;
  }

  .cart__confirm-items.mul .cart__confirm-item__qty {
    width: 25px;
  }

  .cart__confirm-items.mul .cart__confirm-item__name {
    width: 148px;
  }

  .cart__confirm-items.mul .cart__confirm-item__code {
    width: 63px;
  }

  .cart__confirm-items.mul .cart__confirm-item__price,
  .cart__confirm-items.mul .cart__confirm-item__pts {
    width: 75px;
  }

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

  .ezone {
    background-color: #fff;
    color: var(--neutral);
    padding: 0;
    margin-top: 10px;
  }

  ul#ezone-menu {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
  }

  #docfis .select,
  #posibles-inactivos .select {
    width: auto;
  }

  #posibles-inactivos .table-bordered>thead>tr>th {
    background: var(--primarycolor);
    color: #fff;
  }

  tr.p-inactivos--user-b td:first-child,
  tr.p-inactivos--user-a td:first-child {
    border-top: 2px solid white !important;
  }


  .purple-bg {
    background-color: var(--primarycolor);
    color: white;
  }

  tr.p-inactivos--user-a,
  tr.p-inactivos--user-b {
    font-size: 12px;
  }

  tr.p-inactivos--user-a {
    border-top: 4px solid #3d1d53;
  }

  .ezone__container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  @media (min-width: 768px) and (max-width: 1023px) {
    .ezone__container {
      width: 100%;
    }
  }

  @media (min-width: 1024px) {
    .ezone__container {
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -o-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
    }
  }

  .ezone__panel {
    width: 100%;
    background: var(--primarycolor);
    color: white;
    padding: 0px;
    z-index: 90;
    position: absolute;
    background-color: var(--primary700);
    -webkit-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -moz-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -o-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
  }

  div#ezone-panel {
    width: 85%;
    background: var(--primarycolor);
    color: white;
    z-index: 90;
    position: fixed;
    -webkit-backdrop-filter: saturate(100%) blur(10px);
    backdrop-filter: saturate(100%) blur(10px);
    background-color: rgba(60, 5, 101, 0.6);
    -webkit-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -moz-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -o-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    top: 107px;
    border-top: 2px solid;
    overflow: scroll;
    height: 100vh;
  }

  /* Firefox */
  _:-moz-any(x),
  .ezone__panel {
    background-color: var(--primarycolor);
  }

  @media (min-width: 1024px) {
    .ezone__panel {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -o-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      margin-right: 1.5rem;
      padding: 2rem 0;
      top: 0 !important;
      width: 260px !important;
      border-radius: 20px;
      background: var(--primarycolor) !important;
      position: relative !important;
      overflow: initial !important;
      height: auto !important;
    }
  }

  .ezone__content,
  .ezone__content.template-events {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 100%;
  }

  .ezone__profile-metas {
    flex: auto;
  }

  .ezone__textcontent.template-events .text {
    width: 50%;
  }

  @media (min-width: 768px) {
    .ezone__content {
      width: calc(100% - 260px - 1.5rem);
    }

    .ezone__content.template-events {
      width: 100%;
    }
  }

  @media (min-width: 768px) and (max-width: 1023px) {

    .ezone__content,
    .ezone__content.template-events {
      padding-top: 1.5rem;
      margin: 0 auto;
      width: 92%;
    }
  }

  .ezone__profile {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 1rem;
    margin-bottom: 2rem;
  }

  .ezone__profile.desk {
    display: none;
  }

  @media (min-width: 1024px) {
    .ezone__profile.desk {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
    }
  }

  .ezone__profile.mobile {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    padding: 0;
  }

  @media (min-width: 1024px) {
    .ezone__profile.mobile {
      display: none;
    }
  }

  .ezone__profile.mobile .ezone__profile-name {
    font-size: 1.5rem;
    color: var(--primarycolor);
  }

  .ezone__profile-avatar {
    position: relative;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: 1.25rem;
  }

  .ezone__profile-avatar:after {
    content: attr(data-level);
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 30px;
    height: 30px;
    padding-bottom: 0.1rem;
    padding-right: 0.1rem;
    font-weight: 500;
    font-style: italic;
    font-size: 0.75rem;
    text-transform: uppercase;
    background-color: var(--primarycolor);
    border-radius: 50%;
    color: #fff;
  }

  .ezone__profile-avatar .avatar {
    position: relative;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
  }

  .ezone__profile-name {
    margin: 0;
    font-size: .9rem;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
  }

  .ezone__panel .button-drop-down ul.drop-down-menu li a {
    padding-left: 10px;
    font-size: .9rem;
  }

  .ezone__logout {
    font-size: 0.8rem;
    color: #f7f7f7;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
  }

  .ezone__menu {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    overflow: auto;
  }

  @media (min-width: 1024px) {
    .ezone__menu {
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      -o-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      display: flex;
    }
  }

  .ezone__menu a {
    display: block;
    padding: 10px;
    color: #fff;
    border-bottom: 3px solid transparent;
  }

  .ezone__menu a:hover {
    color: var(--secondarycolor);
  }

  @media (min-width: 1024px) {
    .ezone__menu a {
      padding: 1rem;
      border-bottom: none;
      border-left: 5px solid transparent;
      font-size: 1rem;
    }
  }

  @media (min-width: 1024px) {
    .ezone__menu a:hover {
      color: #fff;
      background: var(--primary700);
    }
  }

  .isidebar-container .wrapper.ezone__container {
    align-items: center;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .ezone__menu li {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }

  .ezone__menu li.active a {
    border-color: var(--primarycolor);
  }

  div.ezone.active #ezone-panel {
    width: 0 !important;
    opacity: 0;
    -webkit-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -moz-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -o-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
  }

  div.ezone.active #ezone-menu,
  div.ezone.active .ezone__profile {
    opacity: 0;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -moz-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -o-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
  }

  div.ezone #ezone-menu,
  div.ezone .ezone__profile {
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -moz-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -o-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    padding: 0 .5rem;
  }

  @media (min-width: 1024px) {
    .ezone__menu li.active a {
      background-color: rgba(18, 9, 24, 0.2);
    }
  }

  .ezone__section {
    position: relative;
    margin-bottom: 1rem;
    background-color: #fff;
  }

  .ezone__section.downloads {
    margin-bottom: 1.5rem;
    width: 100%;
  }

  @media (min-width: 768px) {
    .ezone__section {
      margin-bottom: 1.5rem;
      border-radius: 20px;
    }
  }

  .ezone__section .center {
    margin: 30px auto 0;
  }

  .ezone__section.clean {
    background: none;
    padding: 0;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  @media (min-width: 768px) {
    .ezone__section.clean {
      margin-left: 0;
      margin-right: 0;
    }
  }

  .ezone__section.banner {
    margin-left: 1rem;
    margin-right: 1rem;
    text-align: center;
    background: none;
  }

  @media (min-width: 768px) {
    .ezone__section.banner {
      margin-left: 0;
      margin-right: 0;
    }
  }

  .ezone__section.banner figure {
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
  }

  .ezone__section.user-info .ezone__header {
    display: none;
  }

  @media (min-width: 1024px) {
    .ezone__section.user-info .ezone__header {
      display: block;
    }
  }

  .ezone__section.user-info.active-edition .ezone__info-edit,
  .ezone__section.user-info.active-edition .ezone__info-static {
    display: none;
  }

  .ezone__section.user-info.active-edition .ezone__info-ctrl,
  .ezone__section.user-info.active-edition .ezone__info-save,
  .ezone__section.user-info.active-edition .ezone__info-group {
    display: block;
  }

  .ezone__section.user-info.active-edition .ezone__info-ctrl.address {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }

  .ezone__section.user-info.active-edition .ezone__info-count {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }

  .ezone__section.user-info.active-edition .ezone__info-group {
    width: 100%;
  }

  @media (min-width: 768px) {
    .ezone__section.user-info.active-edition .ezone__info-group {
      display: inline-block;
      width: auto;
    }
  }

  .ezone__cols {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  @media (min-width: 1200px) {
    .ezone__cols {
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -o-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
    }
  }

  @media (min-width: 768px) {
    .ezone__cols.ipad-cols {
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -o-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
    }
  }

  @media (min-width: 768px) {
    .ezone__cols.ipad-cols .ezone__col {
      width: calc(50% - 0.75rem);
    }
  }

  @media (min-width: 768px) {
    .ezone__cols.ipad-cols .ezone__col:first-child {
      margin-right: 0.75rem;
    }
  }

  @media (min-width: 768px) {
    .ezone__cols.ipad-cols .ezone__col:last-child {
      margin-left: 0.75rem;
    }
  }

  @media (min-width: 768px) {
    .ezone__col {
      flex: 0 0 auto;
      margin: 0;
    }
  }

  @media (min-width: 1200px) {
    .ezone__col {
      width: calc(50% - 0.75rem);
    }
  }

  @media (min-width: 1200px) {
    .ezone__col:first-child {
      margin-right: 0.75rem;
    }
  }

  @media (min-width: 1200px) {
    .ezone__col:last-child {
      margin-left: 0.75rem;
    }
  }

  .ezone__header {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    border-bottom: 3px solid rgba(0, 0, 0, 0.1);
  }

  .ezone__header .tabs__header {
    margin-bottom: -3px;
  }

  .ezone__header+.datefilter {
    margin: 10px auto 0;
    width: 80%;
  }

  .ezone__header+.datefilter .datefilter__group {
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    -o-box-pack: distribute;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    margin-top: 10px;
  }

  .ezone__header+.datefilter .datefilter__label {
    width: 69px;
  }

  .ezone__header+.datefilter .datefilter__input.border {
    width: 58px;
  }

  .ezone__header+.datefilter .dropdown-toggle {
    font-size: 0.75rem;
  }

  @media screen and (min-width: 768px) {
    .ezone__header+.datefilter {
      width: auto;
      position: absolute;
      right: 1.5rem;
      top: 0;
    }

    .ezone__header+.datefilter .datefilter__label {
      margin-right: 5px;
      margin-left: 5px;
      width: auto;
    }
  }

  .ezone__body .ezone__headline.tabs__item {
    display: block;
    border-bottom: 3px solid #ececec;
    margin: 8px 0;
  }

  .ezone__body .ezone__headline.tabs__item:hover {
    box-shadow: 0 0 10px -6px black;
    border-radius: 20px 20px 0 0;
    border-bottom: 2px solid transparent;
  }

  .ezone__headline {
    display: inline-block;
    padding: 1.5rem 1rem 1.2rem;
    margin-bottom: -3px;
    margin-top: 0;
  }

  .ezone__headline.bordered {
    border-bottom: 3px solid var(--primarycolor);
  }

  .ezone__headline.tabs__item {
    margin-bottom: 0;
    border-bottom: 3px solid transparent;
  }

  .ezone__headline.tabs__item.active {
    border-color: var(--primarycolor);
  }

  .ezone__headline.tabs__item.active .ezone__title {
    color: var(--primarycolor);
  }

  .ezone__breadcrumbs {
    margin: 0 0 15px;
  }

  .ezone__breadcrumbs li {
    display: inline-block;
    font-size: 1rem;
    color: #120918;
    opacity: 1;
  }

  .ezone__breadcrumbs li:before {
    display: inline-block;
    color: currentColor;
    content: '/';
    margin-right: 5px;
  }

  .ezone__breadcrumbs li:first-child:before {
    content: '<';
  }

  .ezone__headextras {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding: 0.3rem 2rem 0;
    text-align: right;
  }

  .ezone__title {
    margin: 0;
    font-size: 24px !important;
    font-weight: 600;
    color: var(--primarycolor);
    font-family: 'Noto Sans', sans-serif !important;
    line-height: 32px;
  }

  @media (min-width: 768px) {
    .ezone__title {
      font-size: 1.25rem;
    }
  }

  .ezone__subtitle {
    margin: 5px 0;
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--neutral);
  }

  .ezone__body {
    padding: 1.5rem;
  }

  .ezone__description p {
    font-family: 'Roboto', Verdana;
    font-size: 13px;
    padding: 20px 40px;
  }

  .ezone__info-edit,
  .ezone__info-replace,
  .ezone__info-delete {
    position: absolute;
    top: 0;
    right: 0;
  }

  .icon-edit__text {
    font-size: 16px;
    text-align: center;
    color: var(--primary600);
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 4px;
    display: inline-block;
  }

  .ezone__info-user {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  @media (min-width: 1025px) {
    .ezone__info-user {
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -o-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
    }
  }

  .ezone__info-count {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 2rem;
  }

  @media (min-width: 1200px) {
    .ezone__info-count {
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -o-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      padding-bottom: 1.5rem;
    }
  }

  .ezone__info-count>span {
    display: block;
    margin-bottom: 1.65rem;
    font-weight: 700;
  }

  @media (min-width: 1025px) {
    .ezone__info-count>span:last-child {
      margin: 0;
    }
  }

  .ezone__info-count .separator {
    display: inline-block;
    margin: 0 0.5rem;
  }

  .ezone__info-personal {
    position: relative;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }

  @media (min-width: 1025px) {
    .ezone__info-personal {
      text-align: center;
    }
  }

  .ezone__info-personal .ezone__info-inner {
    display: inline-block;
    text-align: left;
  }

  .ezone__info-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .ezone__info-group {
    display: inline-block;
    margin-bottom: 1.5rem;
    flex: 1;
  }

  @media (min-width: 768px) {
    .ezone__info-group {
      margin-left: 0.5rem;
      margin-right: 0.5rem;
    }
  }

  .ezone__info-group.address {
    display: block !important;
    margin-left: 0;
    margin-right: 0;
  }

  .ezone__info-group:first-child {
    margin-left: 0;
  }

  .ezone__info-group:last-child {
    margin-right: 0;
  }

  .ezone__info-title {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-size: 1rem;
  }

  .ezone__info-text {
    margin: 0;
    max-width: 440px;
  }

  .ezone__info-invite {
    margin: 0 auto;
  }

  @media (min-width: 1024px) {
    .ezone__info-invite {
      position: absolute;
      top: 1rem;
      right: 1rem;
    }
  }

  .ezone__info-ctrl {
    display: none;
    width: 100%;
  }

  .ezone__info-ctrl.address {
    margin-top: 0;
    max-width: 100%;
  }

  .ezone__info-save {
    display: none;
    margin: 0 auto;
  }

  @media (min-width: 1025px) {
    .ezone__info-save {
      position: absolute;
      top: -4.7rem;
      right: 0;
    }
  }

  .ezone__table.first-left th:first-child,
  .ezone__table.first-left td:first-child {
    text-align: left;
  }

  .ezone__table.align-left th,
  .ezone__table.align-left td {
    text-align: left;
  }

  .ezone__table.col2 th,
  .ezone__table.col2 td {
    width: calc(50% - 3px);
  }

  .ezone__table.col3 th,
  .ezone__table.col3 td {
    width: calc(100% / 3 - 3px);
  }

  .ezone__table-head,
  .ezone__table-body {
    padding-right: 1rem;
  }

  .ezone__table-body {
    position: relative;
    max-height: 400px;
    overflow: auto;
  }

  .ezone__table-body .ps__rail-y {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  .ezone__table table {
    min-width: 100%;
    text-align: center;
  }

  .ezone__table th,
  .ezone__table td {
    display: inline-block;
    padding: 0 1rem;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 0.75rem;
  }

  @media (min-width: 768px) {

    .ezone__table th,
    .ezone__table td {
      font-size: 1rem;
    }
  }

  .ezone__table th:first-child,
  .ezone__table td:first-child {
    padding-left: 0;
  }

  .ezone__table th:last-child,
  .ezone__table td:last-child {
    padding-right: 0;
  }

  .ezone__table th {
    padding-bottom: 1.5rem;
  }

  .ezone__table tr+tr td {
    padding-top: 1rem;
  }

  .ezone__table a {
    text-decoration: underline;
    color: var(--secondarycolor);
  }

  .ezone__jumbotron {
    width: 100%;
    margin: 0;
    position: relative;
    padding-bottom: 82.56%;
    overflow: hidden;
  }

  @media (min-width: 768px) {
    .ezone__jumbotron {
      padding-bottom: 42.56%;
    }
  }

  .ezone__jumbotron img,
  .ezone__jumbotron video {
    height: 100%;
    max-width: none;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  @media (min-width: 768px) {

    .ezone__jumbotron img,
    .ezone__jumbotron video {
      height: auto;
      width: 100%;
    }

    .ezone__jumbotron.normal {
      padding: 0;
    }

    .ezone__jumbotron.normal img,
    .ezone__jumbotron.normal video {
      position: relative;
      left: auto;
      top: auto;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
    }
  }

  .ezone__jumbotron .pause-button {
    display: none;
  }

  .ezone__jumbotron.playing .play-button {
    display: none;
  }

  .ezone__jumbotron.pausing .pause-button {
    display: block;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }

  .ezone__jumbotron.pausing .play-button {
    display: none;
  }

  .ezone__textcontent {
    position: relative;
  }

  .ezone__textcontent.full .text {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
  }

  @media (min-width: 1200px) {
    .ezone__textcontent {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -o-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -o-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -o-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
    }
  }

  .ezone .text {
    text-align: justify;
    color: var(--neutral);
    font-size: 0.875rem;
    -webkit-flex-basis: 57%;
    flex-basis: 57%;
  }

  .ezone .text.large {
    font-size: 1rem;
  }

  @media (min-width: 768px) {
    .ezone .text {
      font-size: 1rem;
    }

    .ezone .text.large {
      font-size: 1.125rem;
    }
  }

  @media (min-width: 1200px) {
    .ezone .text {
      -webkit-flex-basis: 59%;
      flex-basis: 59%;
    }
  }

  .ezone__banners {
    margin-left: -1.5rem;
    width: calc(100% + 3rem);
  }

  /*@media (min-width: 410px) {
    .ezone__banners.mul {
      margin-right: auto;
      margin-left: auto;
    }
  }*/
  @media (min-width: 768px) {
    .ezone__banners.mul {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -o-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -o-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      max-width: 100%;
    }

    .ezone__banners.mul .ezone__banner {
      /*margin-right: 0;
      margin-left: 0;
      width: 48%;*/
      margin: auto;
    }

    .ezone__banners.mul .ezone__banner.large img {
      height: auto;
      max-width: none;
      left: auto;
      right: 0;
      width: auto;
      padding-left: 20px;
    }
  }

  div#map {
    border-radius: 10px;
  }

  @media (min-width: 1200px) {
    .ezone__banners {
      -webkit-flex-basis: 39%;
      flex-basis: 39%;
      width: auto;
    }

    .ezone__banners.mul {
      display: block;
    }

    .ezone__banners.mul .ezone__banner {
      width: 100%;
    }
  }

  .ezone__banner {
    position: relative;
    margin: 1.5rem auto 0;
    width: 100%;
  }

  .ezone__banner.large {
    padding-bottom: 82.25%;
    overflow: hidden;
  }

  .ezone__banner.large img {
    height: auto;
    max-width: none;
    position: absolute;
    right: 0;
    top: 20px;
    width: auto;
    border-right: 10px;
  }

  @media (min-width: 768px) {
    .ezone__banner.large {
      padding-bottom: 39.75%;
    }

    .ezone__banner.large img {
      height: auto;
      right: auto;
      left: 0;
      width: 100%;
    }
  }

  @media (min-width: 1200px) {
    .ezone__banner.large {
      padding-bottom: 82.25%;
    }

    .ezone__banner.large img {
      height: 100%;
      left: auto;
      right: 0;
      width: auto;
    }
  }

  @media (min-width: 1200px) {
    .ezone__banner {
      max-width: 409px;
      min-width: 247px;
      overflow: hidden;
      border-radius: 6px;
    }
  }

  .ezone__banner figcaption {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    max-width: 266px;
    width: 92%;
  }

  .ezone__banner .button {
    font-size: 0.875rem;
  }

  @media (min-width: 1200px) {
    .ezone__banner .button {
      font-size: 1rem;
    }
  }

  .ezone__hscroll {
    position: relative;
    overflow: auto;
    margin: 20px 0 0;
    padding: 5px 0 20px;
    width: 100%;
  }

  .ezone__hscroll ul {
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }

  .ezone__hscroll li {
    margin: 10px 0 0;
    margin: auto;
    -webkit-flex-basis: calc(50% - 10px);
    flex-basis: calc(50% - 10px);
  }

  /* causa bug en botones de zona de empresarios - incentivos */
  /* li.ezone__grid-item a  {
      font-size: 14px;
      display: inline-block;
      color: var(--secondarycolor);
  } */
  .ezone__panel .button-drop-down ul.drop-down-menu {
    position: relative !important;
    background-color: rgb(0 0 0 / 0.2) !important;
    border-radius: 10px;
    margin: 0 10px;
  }

  .ezone__hscroll li figure {
    width: 100%;
  }

  .ezone__hscroll li:last-child {
    margin-right: 0;
  }

  @media (min-width: 768px) {
    .ezone__hscroll li {
      margin-bottom: 10px;
      -webkit-flex-basis: calc(25% - 20px);
      flex-basis: calc(25% - 20px);
      margin: 10px;
    }
  }

  .ezone__edit {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 90%;
  }

  .ezone__edit a .icon-edit.profile {
    padding: 0;
  }

  .ezone__edit .icon-edit__text {
    margin-bottom: 0;
  }

  button#isidebar {
    display: inline-block;
    background: none;
    border: none;
    padding: 7px;
    vertical-align: middle;
  }

  .isidebar-container h3 {
    display: inline-block;
  }

  button#isidebar i {
    color: var(--secondarycolor);
  }

  button#isidebar i:hover {
    color: #fff;
  }

  .isidebar-container {
    width: 100%;
    background: #66308C;
    color: white;
    padding: 5px;
    z-index: 99;
    position: fixed;
    -webkit-backdrop-filter: saturate(100%) blur(10px);
    backdrop-filter: saturate(100%) blur(10px);
    background-color: rgba(60, 5, 101, 0.6);
    margin-top: -2px;
  }

  .ezone__grid-imgs {
    padding-bottom: 2rem;
  }

  .ezone__youtube-container {
    width: 100%;
    display: block;
  }

  .ezone__youtube-container iframe {
    width: 100%;
    display: inline-block;
    margin: 0 auto;
    border: none;
    border-radius: 10px;
  }

  .ezone__grid-list {
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
  }

  .ezone__grid-list.large .ezone__grid-item {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
  }

  @media (min-width: 768px) {
    .ezone__grid-list.large .ezone__grid-item {
      -webkit-flex-basis: calc(50% - 20px);
      flex-basis: calc(50% - 20px);
    }
  }

  .ezone__grid-list.large .ezone__grid-item__title,
  .ezone__grid-list.large .ezone__grid-item__date,
  .ezone__grid-list.large .ezone__grid-item__desc {
    text-align: left;
  }

  .ezone__grid-list.large .ezone__grid-item__date {
    margin: 10px 0;
  }

  @media (min-width: 1025px) {
    .ezone__grid-list.large .ezone__grid-item__date {
      font-size: 0.633rem;
    }
  }

  .ezone__grid-item {
    /*margin: 10px 0 0;*/
    /*margin: auto;*/
    -webkit-flex-basis: calc(50% - 10px);
    flex-basis: calc(50% - 10px);
  }

  .union_europea .ezone__grid-item {
    margin-bottom: 10px;
    -webkit-flex-basis: initial;
    flex-basis: initial;
    margin: 10px;
    text-align: center;
    max-width: 420px;
  }

  .union_europea .ezone__grid-item ul {
    text-align: left;
    margin: auto;
    display: inline-block;
  }

  @media (min-width: 768px) {
    .ezone__grid-item {
      margin-bottom: 10px;
      -webkit-flex-basis: calc(25% - 20px);
      flex-basis: calc(25% - 20px);
      margin: 10px;
      min-width: 200px;
      text-align: center;
    }

    .union_europea .ezone__grid-item {
      margin-bottom: 10px;
      flex-basis: initial;
      margin: 10px;
      text-align: center;
      max-width: 620px;
    }

    .ezone__grid-item.travel {
      -webkit-flex-basis: calc(50% - 20px);
      flex-basis: calc(50% - 20px);
      margin: 10px;
      padding-bottom: 1rem;
    }

    .ezone__grid-item.travel figure {
      margin-bottom: 2rem;
    }
  }

  .ezone__body.cresiendo {
    padding: 0 1.5rem 2.5rem 1.5rem;
  }

  .cresiendo .buttons-container {
    flex-wrap: wrap;
  }

  .cresiendo h4.panel-title {
    margin: 0;
  }

  /*.ezone__body.cresiendo p {
    text-align: center;
    font-weight: bold;
  }*/
  .ezone__grid-description {
    margin-top: 10px;
    padding: 4px;
    font-size: .8rem;
  }

  .ezone__grid-description p {
    min-height: 2rem;
  }

  .ezone__grid-item .button {
    width: 80%;
    margin: 15px auto;
  }

  .ezone__grid-description+.button.small {
    margin: 5px auto;
  }

  .ezone__grid-item__title,
  .ezone__grid-item__date,
  .ezone__grid-item__desc {
    color: var(--neutral);
    text-align: center;
  }

  .ezone__grid-item__title {
    margin: 10px 0;
    font-size: 0.75rem;
    min-height: 40px;
    font-weight: 800;
    color: var(--neutral);
  }

  @media (min-width: 1025px) {
    .ezone__grid-item__title {
      font-size: 1rem;
    }
  }

  .ezone__grid-item__date,
  .ezone__grid-item__desc {
    font-size: 0.633rem;
    margin: 0;
  }

  @media (min-width: 1025px) {

    .ezone__grid-item__date,
    .ezone__grid-item__desc {
      font-size: 0.75rem;
    }
  }

  .ezone__grid-item .button {
    margin-top: 5px;
    font-size: 0.75rem;
  }

  @media (min-width: 1024px) {
    .ezone__grid-item .button {
      font-size: 0.875rem;
      margin-top: 20px;
    }
  }

  .ezone__grid-img {
    margin-top: 15px;
    overflow: hidden;
    position: relative;
  }

  .ezone__grid-score {
    text-align: center;
  }

  .ezone__grid-score p {
    margin: 5px 0;
    font-size: 0.75rem;
  }

  @media (min-width: 1025px) {
    .ezone__grid-score p {
      font-size: 1rem;
    }
  }

  .ezone__grid-score ul {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 100%;
  }

  @media (min-width: 1025px) {
    .ezone__grid-score ul {
      width: 70%;
    }
  }

  .ezone__grid-score li {
    border-radius: 50%;
    background-color: #ccc;
    color: #fff;
    font-size: 0.6rem;
    margin: 2px;
    padding-top: 4px;
    padding-right: 2px;
    text-align: center;
    height: 20px;
    width: 20px;
    font-family: "Roboto", verdana, sans-serif;
  }

  .ezone__grid-score li.unlocked {
    background: #01ba9b;
  }

  .ezone__grid-score li.unlocking {
    background-color: var(--secondarycolor);
  }

  .ezone__filter {
    padding: 1rem;
  }

  @media (min-width: 768px) {
    .ezone__filter {
      padding: 2rem;
    }
  }

  .ezone__filter-group {
    margin-top: 2rem;
  }

  .ezone__filter-group.date .form-radio {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }

  .ezone__filter-group.date .datefilter {
    margin-top: -0.4rem;
  }

  .ezone__filter .datefilter__label {
    width: 20px;
  }

  .ezone__filter .radio-fake {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: 0.5rem;
  }

  .ezone__filter .form-row {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin: 0;
  }

  .ezone__filter .form-group {
    width: auto;
    margin-right: 1rem;
    margin-bottom: 1rem;
    min-width: 110px;
  }

  .ezone__filter .modal__foot {
    margin-top: 0;
  }

  .ezone__invite-modal .buttons-container {
    margin: 0;
    padding: 0;
    border: none;
  }

  .ezone__invite-modal .modal__body {
    margin: 2rem 0 1rem;
  }

  .ezone__invite-modal .modal__foot {
    margin: 0;
  }

  .ezone__invite-modal .form-group.textarea {
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

  .ezone__invite-modal .form-group.textarea .form-label {
    padding-top: 0.4rem;
  }

  .ezone__invite-modal .form-group.textarea textarea {
    height: 60px;
  }

  .ezone__invite-modal .button {
    max-width: 250px;
  }

  .travel .ezone__body {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  @media screen and (min-width: 768px) {
    .travel .ezone__body {
      display: block;
    }
  }

  .travel .ezone__hscroll {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }

  .faq .ezone__header {
    -webkit-box-align: end;
    -moz-box-align: end;
    -o-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }

  .faq .tabs__item {
    position: relative;
  }

  .faq .tabs__item:first-child {
    border-bottom-color: var(--primarycolor);
  }

  .faq .tabs__item:first-child .ezone__title {
    color: var(--primarycolor);
  }

  .faq .tabs__item:nth-child(n + 2) .ezone__title {
    font-size: 0.933rem;
  }

  .faq .tabs__item:nth-child(8) {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .faq .tabs__item.active:before {
    border-right: 2px solid rgba(18, 9, 24, 0.5);
    border-bottom: 2px solid rgba(18, 9, 24, 0.5);
    content: '';
    height: 6px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 6px;
  }

  .faq .question-item {
    margin: 20px 0;
    font-size: 0.875rem;
  }

  .faq .question-item p {
    margin: 0;
  }

  @media screen and (min-width: 1366px) {
    .faq .question-item {
      font-size: 1rem;
    }
  }

  .faq .question {
    font-weight: 700;
  }

  .ezone__map img {
    width: 100%;
  }

  .play-button,
  .pause-button {
    background: #242424;
    border-radius: 50%;
    cursor: pointer;
    margin: -40px 0 0 -40px;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 80px;
    width: 80px;
  }

  .icon-play {
    border-left: 19px solid #fff;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    margin: -18px 0 0 -7px;
    position: absolute;
    left: 50%;
    top: 50%;
  }

  .icon-pause {
    height: 18px;
    margin: -12px 0 0 -14px;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 18px;
  }

  .icon-pause:before {
    content: '\2590\A0\258C';
    color: #fff;
  }

  .tools__download .tools__inner {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .tools__download .tools__form-group {
    margin-left: 1rem;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  .tools__calc .tools__inner {
    max-width: 280px;
  }

  .tools__calc .datefilter {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .tools__calc .datefilter__group,
  .tools__calc .datefilter__input.border {
    margin: 0;
  }

  .tools__calc .datefilter__group {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .tools__calc .datefilter__input.border {
    width: 80px;
  }

  /* .tools__area .select {
    max-width: 280px;
  } */
  .tools__area .input+.input,
  .tools__area .select+.input,
  .tools__area .button+.input,
  .tools__area .input+.select,
  .tools__area .select+.select,
  .tools__area .button+.select,
  .tools__area .input+.button,
  .tools__area .select+.button,
  .tools__area .button+.button {
    margin-top: 1rem;
  }

  @media (min-width: 768px) {

    .tools__area .input+.input,
    .tools__area .select+.input,
    .tools__area .button+.input,
    .tools__area .input+.select,
    .tools__area .select+.select,
    .tools__area .button+.select,
    .tools__area .input+.button,
    .tools__area .select+.button,
    .tools__area .button+.button {
      margin-top: 0;
    }
  }

  .tools__inner {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 630px;
    margin: 0 auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  @media (min-width: 768px) {
    .tools__inner {
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -o-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
    }
  }

  .tools__form-group {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
  }

  @media (min-width: 768px) {
    .tools__form-group {
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -o-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
    }
  }

  @media (min-width: 768px) {
    .tools__form-group.column {
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      -o-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }

  @media (min-width: 768px) {

    .tools__form-group.column .input+.input,
    .tools__form-group.column .select+.input,
    .tools__form-group.column .button+.input,
    .tools__form-group.column .input+.select,
    .tools__form-group.column .select+.select,
    .tools__form-group.column .button+.select,
    .tools__form-group.column .input+.button,
    .tools__form-group.column .select+.button,
    .tools__form-group.column .button+.button {
      margin-top: 1rem;
    }
  }

  .tools__back {
    display: block;
  }

  .tools__back .icon {
    display: block;
    width: 2rem;
    height: 2rem;
  }

  .simulator__catalog {
    max-height: 300px;
    min-height: 160px;
    width: 100%;
  }

  .simulator__products {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  @media (min-width: 768px) {
    .simulator__products {
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -o-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  }

  .simulator__product {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 1rem 0.5rem;
    min-width: 130px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 calc(100% / 3 - 1rem);
    -ms-flex: 0 0 calc(100% / 3 - 1rem);
    flex: 0 0 calc(100% / 3 - 1rem);
  }

  @media (min-width: 768px) {
    .simulator__product {
      -webkit-flex-basis: calc(100% / 3);
      flex-basis: calc(100% / 3);
      min-width: 116px;
    }
  }

  .simulator__product-fig {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }

  .simulator__product .form-group {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
  }

  .simulator__product .checkbox-label {
    max-width: 70px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  @media (min-width: 600px) and (max-width: 1023px) {
    .simulator__product .checkbox-label {
      max-width: 95px;
    }
  }

  @media (min-width: 1366px) {
    .simulator__product .checkbox-label {
      max-width: 95px;
    }
  }

  @media (min-width: 768px) {
    .simulator__start {
      margin-left: 1rem;
    }
  }

  .simulator__result-icon {
    width: 4.6rem;
    height: 4.6rem;
    margin-bottom: 1.5rem;
  }

  .simulator__intro {
    margin: 0 auto 1.5rem;
    max-width: 400px;
  }

  .simulator__footer {
    display: none;
    padding: 0 1.5rem 1rem;
    text-align: center;
  }

  @media (min-width: 768px) {
    .simulator__footer {
      padding-top: 1rem;
      border-top: 3px solid rgba(0, 0, 0, 0.1);
    }
  }

  @media (min-width: 768px) {
    .simulator__footer-inner {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      -o-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -o-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
    }
  }

  .simulator__step {
    background: none;
  }

  .simulator__step:last-child .simulator__intro {
    margin-top: 0;
    margin-bottom: 0;
  }

  .simulator__step-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding-top: 3rem;
    height: 316px;
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
  }

  @media (min-width: 768px) {
    .simulator__step-inner {
      padding-top: 0;
      height: 387px;
    }
  }

  @media (min-width: 768px) {
    .simulator__step-ctrl {
      margin-left: 1.5rem;
    }
  }

  .simulator__step-label {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: none;
    text-transform: uppercase;
    font-size: 0.7rem;
    color: var(--secondarycolor);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(-50%, 80%);
    -moz-transform: translate(-50%, 80%);
    -o-transform: translate(-50%, 80%);
    -ms-transform: translate(-50%, 80%);
    transform: translate(-50%, 80%);
    -webkit-transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -ms-transition: all 0.17s ease-in-out;
    transition: all 0.17s ease-in-out;
  }

  @media (min-width: 768px) {
    .simulator__step-label {
      display: block;
    }
  }

  .simulator__steps {
    position: absolute;
    top: 5.5rem;
    left: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  @media (min-width: 768px) {
    .simulator__steps {
      position: static;
      -webkit-transform: none;
      -moz-transform: none;
      -o-transform: none;
      -ms-transform: none;
      transform: none;
    }
  }

  .simulator__steps .tabs-static__item {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 1.4rem;
    height: 1.4rem;
    padding: 0;
    margin: 0 1rem;
    font-size: 0.8rem;
    font-family: 'Roboto', sans-serif;
    background-color: #ccc;
    border: none;
    border-radius: 50%;
    color: #fff;
  }

  .simulator__steps .tabs-static__item:first-child {
    margin-left: 0;
  }

  .simulator__steps .tabs-static__item:first-child:before {
    display: none;
  }

  .simulator__steps .tabs-static__item:last-child {
    margin-right: 0;
  }

  .simulator__steps .tabs-static__item:last-child:after {
    display: none;
  }

  .simulator__steps .tabs-static__item:before,
  .simulator__steps .tabs-static__item:after {
    content: '';
    position: absolute;
    top: 50%;
    display: block;
    width: 1rem;
    height: 3px;
    margin-top: -1.5px;
    background-color: #ccc;
  }

  .simulator__steps .tabs-static__item:before {
    left: 0;
    margin-left: -1rem;
  }

  .simulator__steps .tabs-static__item:after {
    right: 0;
    margin-right: -1rem;
  }

  .simulator__steps .tabs-static__item.active,
  .simulator__steps .tabs-static__item.active-prev {
    background-color: var(--secondarycolor);
  }

  .simulator__steps .tabs-static__item.active:after,
  .simulator__steps .tabs-static__item.active-prev:after,
  .simulator__steps .tabs-static__item.active:before,
  .simulator__steps .tabs-static__item.active-prev:before {
    background-color: var(--secondarycolor);
  }

  .simulator__steps .tabs-static__item.active .simulator__step-label {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translate(-50%, 100%);
    -moz-transform: translate(-50%, 100%);
    -o-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
  }

  .simulator .select,
  .simulator .button {
    display: inline-block;
  }

  .business {
    background: #fff;
  }

  .business-slider .mainslider__title {
    line-height: 1;
    text-transform: none;
  }

  .business-slider .mainslider__title .highlight {
    display: block;
  }

  @media screen and (min-width: 768px) {
    .business-slider .mainslider__title {
      font-size: 3.5rem;
    }
  }

  @media screen and (min-width: 1025px) {
    .business-slider .mainslider__title {
      font-size: 4.25rem;
    }
  }

  .business-slider .mainslider__content {
    max-width: 100%;
    z-index: 22;
    height: 50%;
    bottom: 0;
  }

  @media screen and (min-width: 1024px) {
    .business-slider .mainslider__content {
      padding-left: 2rem;
      bottom: auto;
      top: 50%;
      height: 50%;
    }
  }

  .business-slider .slider__item {
    height: 70vh;
  }

  @media screen and (min-width: 768px) {
    .business-slider .slider__item {
      height: calc(100vh - 120px);
      min-height: 700px;
    }
  }

  .business-slider .mainslider__desc {
    color: #fff;
    font-family: 'Noto Sans', sans-serif;
    font-size: 0.9rem;
    margin-top: 1rem;
    width: 97%;
    text-shadow: 1px 1px 2px #333;
    bottom: 20px;
    position: absolute;
  }

  .business-slider .mainslider__desc.cresiendo {
    font-size: 2rem;
    width: 90%;
  }

  @media screen and (min-width: 600px) {
    .business-slider .mainslider__desc {
      font-size: 1.1rem;
    }
  }

  .business__main {
    overflow: hidden;
    z-index: 11;
  }

  /* @media screen and (min-width: 768px) {
    .business__main {
      margin-top: 60px;
      border-radius: 20px;
    }
  } */

  .business__main-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 450px;
    padding: 0 1rem;
  }

  @media screen and (min-width: 1024px) {
    .business__main-inner {
      min-height: 100px;
      -webkit-box-align: center;
      -moz-box-align: center;
      -o-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-pack: start;
      -moz-box-pack: start;
      -o-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      padding: 0 3rem;
    }
  }

  .business__main-title,
  .events--main-title {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    /* background: -webkit-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 15%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 15%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 15%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 15%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, var(--primarycolor) 0%, var(--primarycolor) 15%, rgba(0, 0, 0, 0) 100%); */
  }

  /* .business__main-title .products-maintitle,
  .events__main-title .events-maintitle {
    font-family: 'Noto Sans', sans-serif;
    font-size: 1.5rem;
    text-transform: uppercase;
  } */

  #event__magazine {
    margin: 1.5rem;
    background: var(--primarycolor);
    color: #fff;
    padding: 0;
  }

  #event__magazine .ezone__headline.tabs__item.active .ezone__title {
    color: var(--secondarycolor);
  }

  #event__magazine .ezone__headline.tabs__item.active {
    border-color: var(--secondarycolor);
  }

  @media screen and (min-width: 1024px) {

    .business__main-title,
    .events__main-title {
      margin-top: 37px;
      position: relative;
      top: auto;
      left: auto;
    }
  }

  .business__main .col3-4,
  .events__main .col3-4 {
    display: block;
    overflow: hidden;
  }

  @media screen and (min-width: 1024px) {

    .business__main .col3-4,
    .events__main .col3-4 {
      width: 100%;
    }
  }

  @media screen and (min-width: 1024px) {

    .business__main .offset1-4,
    .events__main .offset1-4 {
      margin-left: 0;
    }
  }

  .business__main .offset1-4.desk,
  .events__main .offset1-4.desk {
    display: none;
  }

  @media screen and (min-width: 1024px) {

    .business__main .offset1-4.desk,
    .events__main .offset1-4.desk {
      display: block;
    }
  }

  .business__title,
  .events__title {
    color: #fff;
    font: 600 0.933rem 'Noto Sans', sans-serif;
  }

  @media screen and (min-width: 420px) {
    .business__title {
      font-size: 1rem;
    }
  }

  @media screen and (min-width: 1366px) {
    .business__title {
      font-size: 1.25rem;
    }
  }

  .business__grid,
  .tools--grid__list {
    position: relative;
    margin: 0 auto;
    width: 90%;
  }

  @media screen and (min-width: 768px) {

    .business__grid,
    .tools--grid__list {
      -webkit-box-align: stretch;
      -moz-box-align: stretch;
      -o-box-align: stretch;
      -ms-flex-align: stretch;
      -webkit-align-items: stretch;
      align-items: stretch;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -o-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: auto;
    }

    .contact--list__creo .business__grid,
    .tools--grid__list {
      display: flex;
      flex-wrap: wrap;
      gap: 24px;
      align-items: stretch;
      width: auto;
    }

    .contact--list__creo .business__grid>*,
    .tools--grid__list>* {
      flex: 1 1 calc(25% - 24px);
      /* 25% para 4 elementos por fila, restando el gap */
      max-width: calc(25% - 24px);
      /* Aseguramos que cada elemento ocupe un máximo del 25% */
      border-radius: 12px;
      border: 1px solid var(--neutral2);
    }

    .brands--container ul.business__grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
    }
  }

  .business__item {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #f7f7f7;
    padding: 3.125rem 10px 4rem;
    text-align: center;
    gap: 16px;
  }

  @media screen and (min-width: 768px) {
    .business__item {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      -o-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -o-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1 1 50%;
      -ms-flex: 1 1 50%;
      flex: 1 1 50%;
    }
  }

  @media screen and (min-width: 1024px) {
    .business__item {
      -webkit-flex-basis: 33.33333%;
      flex-basis: 33.33333%;
    }
  }

  @media screen and (min-width: 1366px) {
    .business__item {
      padding: 3.125rem 2.813rem;
    }
  }

  .business__item-icon {
    margin: 0 auto;
    width: 100%;
    max-width: 150px;
  }

  .business__item-icon .cls-1 {
    fill: var(--secondarycolor);
  }

  .business__item-icon .cls-2 {
    fill: #fff;
  }

  .business__item .business__title {
    color: var(--primarycolor);
  }

  @media screen and (min-width: 768px) {
    .business__item .business__title {
      min-height: 38px;
    }
  }

  @media screen and (min-width: 1024px) {
    .business__item .business__title {
      min-height: 48px;
    }
  }

  @media screen and (min-width: 1366px) {
    .business__item .business__title {
      min-height: 64px;
    }
  }

  .business__item-description {
    font-size: 0.875rem;
  }

  @media screen and (min-width: 1366px) {
    .business__item-description {
      font-size: 1rem;
    }
  }

  .business__slider {
    margin-top: 70px;
    overflow: hidden;
  }

  @media screen and (min-width: 1024px) {
    .business__slider {
      margin-top: 0;
    }
  }

  .business__slider .slider__bullets {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    bottom: 2rem;
    left: 0;
    width: 100%;
    z-index: 12;
  }

  .business__slider .slider__bullet {
    background: var(--secondarycolor);
    border: 2px solid var(--secondarycolor);
    margin: 5px 0.5rem;
    height: 8px;
    border-radius: 50%;
    width: 8px;
  }

  .business__slider .slider__bullet.active {
    background: #fff;
    height: 10px;
    width: 10px;
  }

  .business__banner {
    background-position: right 0;
    margin-top: 0;
  }

  .datefilter {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }

  .datefilter.inline {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  @media (min-width: 768px) {
    .datefilter.inline {
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -o-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
    }
  }

  .datefilter.inline .datefilter__group {
    margin-bottom: 0;
  }

  .datefilter__group {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 0.5rem;
    vertical-align: middle;
  }

  .datefilter__label {
    display: block;
    width: auto;
    text-align: right;
  }

  .ezone__header+.datefilter .datefilter__label.business-center {
    width: 100%;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Noto Sans', sans-serif;
  }

  .datefilter__input.border {
    width: 65px;
    margin: 0 0.3rem;
    border-color: #e9e9e9;
  }

  @media (min-width: 480px) {
    .datefilter__input.border {
      width: 70px;
    }
  }

  .datefilter__input.border .dropdown-toggle {
    color: #747474;
  }

  .datefilter .dropdown.border {
    border-radius: 18px;
  }

  .datefilter .dropdown.active .dropdown-list,
  .datefilter .dropdown.active .dropdown-list ul {
    max-height: 100px;
  }

  .datefilter .dropdown.light .dropdown-list {
    right: -25%;
    width: 150%;
  }

  .datefilter .dropdown.light .dropdown-item {
    color: var(--neutral);
  }

  .datefilter .dropdown-toggle:after {
    top: 8px;
  }

  .switcher-zone {
    display: none;
  }

  .switcher-zone.active {
    display: block;
  }

  .cases__headline {
    padding: 0 1rem;
  }

  @media (min-width: 1024px) {
    .cases__headline {
      padding: 0;
    }
  }

  @media (max-width: 1023px) {
    .cases__headline .business__main-inner {
      -webkit-box-pack: start;
      -moz-box-pack: start;
      -o-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      padding: 0;
      max-width: 600px;
      margin: 0 auto;
    }
  }

  .cases__body {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 6rem;
    padding: 1rem 1rem;
  }

  @media (min-width: 1024px) {
    .cases__body {
      margin-top: 0;
      padding: 0;
    }
  }

  .cases__item {
    position: relative;
    z-index: 90;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1rem;
    background-color: #fff;
  }

  @media (min-width: 1024px) {
    .cases__item {
      -webkit-flex-basis: 50%;
      flex-basis: 50%;
      margin: 0;
      border-bottom: 2px solid #f3f3f3;
    }
  }

  .cases__item.active {
    z-index: 100;
  }

  @media (min-width: 1024px) {
    .cases__item:nth-child(odd).active .cases__close {
      margin: 0 0 2rem auto;
    }
  }

  .cases__item:nth-child(even) {
    border-left: 2px solid #f3f3f3;
  }

  @media (min-width: 1024px) {
    .cases__item:nth-child(even).active .cases__close {
      margin: 0 auto 2rem 0;
    }
  }

  .cases__load .business__main-inner {
    min-height: 40px;
    background: none;
    -webkit-transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -ms-transition: all 0.17s ease-in-out;
    transition: all 0.17s ease-in-out;
  }

  .cases__load .business__main-inner:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
  }

  @media (min-width: 768px) {
    .cases__load .business__main-inner {
      min-height: 100px;
    }
  }

  .cases__load-link {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    text-align: center;
  }

  .cases__load-link.see-less {
    display: none;
  }

  .cases__load-link .icon {
    width: 2rem;
    height: 2rem;
  }

  .cases__load-link .icon.icon__seeLess {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .cases__banner {
    background-position: center;
    margin-top: 359px;
  }

  @media screen and (min-width: 768px) {
    .cases__banner {
      margin-top: 209px;
    }
  }

  @media (min-width: 1024px) {
    .cases__banner {
      margin-top: 0;
    }
  }

  .cases__banner .bottom-banner__over {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -359px;
    width: 100%;
  }

  .cases__banner .bottom-banner__over img {
    height: 100%;
    max-width: none;
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -o-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
    width: auto;
  }

  @media screen and (min-width: 768px) {
    .cases__banner .bottom-banner__over {
      top: -209px;
    }

    .cases__banner .bottom-banner__over img {
      height: auto;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      width: 100%;
    }
  }

  @media screen and (min-width: 1024px) {
    .cases__banner .bottom-banner__over {
      top: 80px;
      width: 50%;
    }

    .cases__banner .bottom-banner__over img {
      height: auto;
      width: 100%;
    }
  }

  .cases__close {
    margin: 2rem auto 0;
  }

  .cases__filter {
    position: absolute;
    top: 3rem;
    left: 1rem;
    z-index: 20;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  @media (min-width: 633px) {
    .cases__filter {
      left: calc(50% - 300px);
    }
  }

  @media (min-width: 1024px) {
    .cases__filter {
      top: 70px;
      left: 75%;
      -webkit-transform: translateX(calc(-100% - 3rem));
      -moz-transform: translateX(calc(-100% - 3rem));
      -o-transform: translateX(calc(-100% - 3rem));
      -ms-transform: translateX(calc(-100% - 3rem));
      transform: translateX(calc(-100% - 3rem));
    }
  }

  .cases__filter-label {
    margin-right: 1rem;
    font-size: 0.9rem;
    color: #fff;
  }

  .cases__filter .dropdown.border {
    border-color: rgba(255, 255, 255, 0.3);
  }

  .cases__filter .dropdown-toggle {
    min-width: 100px;
    font-size: 0.9rem;
  }

  .cases__filter .dropdown-list {
    z-index: 10;
    text-align: left;
  }

  .cases__about,
  .cases__testimonial {
    padding: 2rem 1rem;
    background-color: #fff;
  }

  @media (min-width: 1024px) {

    .cases__about,
    .cases__testimonial {
      padding: 3rem;
    }
  }

  .cases__about {
    position: relative;
    z-index: 20;
  }

  @media (min-width: 1024px) {
    .cases__testimonial {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10;
      width: 100%;
      height: 100%;
    }
  }

  .cases__testimonial-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    height: 100%;
  }

  @media (min-width: 1024px) {
    .cases__testimonial-inner {
      -webkit-box-direction: reverse;
      -moz-box-direction: reverse;
      -o-box-direction: reverse;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      -o-box-orient: vertical;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      -webkit-box-pack: end;
      -moz-box-pack: end;
      -o-box-pack: end;
      -ms-flex-pack: end;
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
    }
  }

  @media (min-width: 1024px) {
    .cases__testimonial-body {
      max-height: calc(100% - 68px);
      overflow: hidden;
    }
  }

  .cases__testimonial-body p {
    margin: 0;
    color: var(--primarycolor);
  }

  .cases__testimonial-body.ps-container:before,
  .testimony-complete:before {
    color: var(--secondarycolor);
    float: right;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 1em;
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 2em;
    content: "\f10d";
  }

  .cases__testimonial-body.ps-container:after,
  .testimony-complete:after {
    color: var(--secondarycolor);
    float: right;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 1em;
    position: absolute;
    right: 0;
    bottom: 0px;
    font-size: 2em;
    content: "\f10e";
  }

  .cases__testimonial-body.ps-container:before {
    color: var(--secondarycolor);
    float: right;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 1em;
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 2em;
    content: "\f10d";
  }

  .cases__testimonial-body.ps-container:after {
    color: var(--secondarycolor);
    float: right;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 1em;
    position: absolute;
    right: 0;
    bottom: 0px;
    font-size: 2em;
    content: "\f10e";
  }

  .cases__testimonial-body.ps-container {
    padding: 30px;
  }

  .cases__testimonial-body p+p {
    margin-top: 1rem;
  }

  .cases .testimonial__headline {
    margin-bottom: 2rem;
    text-align: center;
  }

  @media (min-width: 768px) {
    .cases .testimonial__headline {
      text-align: left;
    }
  }

  /* .cases .testimonial__about {
    padding: 0;
    -webkit-flex-basis: auto;
    flex-basis: auto;
  } */

  .cases .testimonial__name {
    margin-bottom: 0.3rem;
  }

  .cases .testimonial__extract {
    margin-top: 0;
  }

  /* .cases .testimonial__frase {
    margin-top: 0;
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -o-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
  } */

  .cases .testimonial__readmore {
    display: block;
    margin: 0 auto;
  }

  @media (min-width: 1024px) {
    .cases .testimonial__readmore {
      margin: 0;
    }
  }

  .cases__testimonial,
  .cases__video {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -ms-transition: all 0.17s ease-in-out;
    transition: all 0.17s ease-in-out;
  }

  .cases__video {
    padding: 0;
  }

  .cases__testimonial {
    padding: 0 1rem;
  }

  @media (min-width: 1024px) {
    .cases__testimonial {
      padding: 3rem;
      max-height: 100%;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
  }

  .cases .testimonial__extract,
  .cases__open {
    overflow: hidden;
    max-height: 9999px;
    -webkit-transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -ms-transition: all 0.17s ease-in-out;
    transition: all 0.17s ease-in-out;
  }

  .cases .testimonial__extract {
    margin-bottom: 2rem;
  }

  .cases__item.active .cases__testimonial,
  .cases__item.active .cases__video {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    max-height: 9999px;
  }

  .cases__item.active .cases__video {
    padding-bottom: 42.56%;
  }

  .cases__item.active .cases__testimonial {
    padding: 0 1rem 2rem;
  }

  @media (min-width: 1024px) {
    .cases__item.active .cases__testimonial {
      padding: 3rem;
      -webkit-transition-delay: 0.17s;
      -moz-transition-delay: 0.17s;
      -o-transition-delay: 0.17s;
      -ms-transition-delay: 0.17s;
      transition-delay: 0.17s;
    }
  }

  .cases__item.active .cases__open {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    padding: 0;
    max-height: 0px;
  }

  .cases__item.active .testimonial__extract {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    margin-bottom: 0;
    max-height: 0px;
  }

  @media (min-width: 1024px) {
    .cases__item:nth-child(odd).active .cases__testimonial {
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -o-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
  }

  @media (min-width: 1024px) {
    .cases__item:nth-child(even).active .cases__testimonial {
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }

  .alert .modal__title {
    font-size: 2rem;
  }

  .alert .modal__body {
    text-align: center;
    font-size: 1.3rem;
  }

  .loader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100vw;
    height: 100vh;
    visibility: hidden;
    -webkit-transition: visibility 0s 0.5s;
    -moz-transition: visibility 0s 0.5s;
    -o-transition: visibility 0s 0.5s;
    -ms-transition: visibility 0s 0.5s;
    transition: visibility 0s 0.5s;
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    backdrop-filter: saturate(180%) blur(10px);
    background-color: rgba(255, 255, 255, 0.8) !important;
  }

  .loader.show {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    opacity: 0.8 !important;
    visibility: visible;
  }

  .loader.show .loader__content {
    -webkit-transition: -webkit-transform 0.17s ease-in-out, border-radius 0.17s ease-in-out 0.17s;
    -moz-transition: -moz-transform 0.17s ease-in-out, border-radius 0.17s ease-in-out 0.17s;
    -o-transition: -o-transform 0.17s ease-in-out, border-radius 0.17s ease-in-out 0.17s;
    -ms-transition: -ms-transform 0.17s ease-in-out, border-radius 0.17s ease-in-out 0.17s;
    transition: transform 0.17s ease-in-out, border-radius 0.17s ease-in-out 0.17s;
    border-radius: 0;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  .loader__content {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .8);
    border-radius: 50%;
    -webkit-transform: scale3d(0, 0, 0);
    -moz-transform: scale3d(0, 0, 0);
    -o-transform: scale3d(0, 0, 0);
    -ms-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.17s ease-in-out 0.17s ease-in-out;
    -moz-transition: -moz-transform 0.17s ease-in-out 0.17 ease-in-out;
    -o-transition: -o-transform 0.17s ease-in-out 0.17s 0.17s ease-in-out;
    -ms-transition: -ms-transform 0.17s ease-in-out 0.17s 0.17s ease-in-out;
    transition: transform 0.17s ease-in-out 0.17s, opacity .9 ease-in-out;
  }

  .loader__circular {
    width: 100px;
    height: 100px;
    -webkit-animation: rotate 2s linear infinite;
    -moz-animation: rotate 2s linear infinite;
    -o-animation: rotate 2s linear infinite;
    -ms-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
  }

  .loader__base {
    fill: none;
    stroke: var(--primarycolor);
    stroke-width: 7;
  }

  .loader__path {
    fill: none;
    stroke: var(--secondarycolor);
    stroke-width: 2;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke-miterlimit: 10;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    -moz-animation: dash 1.5s ease-in-out infinite;
    -o-animation: dash 1.5s ease-in-out infinite;
    -ms-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
  }

  @-moz-keyframes rotate {
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

  @-webkit-keyframes rotate {
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

  @-o-keyframes rotate {
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

  @keyframes rotate {
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

  @-moz-keyframes dash {
    0% {
      stroke-dasharray: 1, 200;
      stroke-dashoffset: 0;
    }

    50% {
      stroke-dasharray: 89, 200;
      stroke-dashoffset: -35px;
    }

    100% {
      stroke-dasharray: 89, 200;
      stroke-dashoffset: -124px;
    }
  }

  @-webkit-keyframes dash {
    0% {
      stroke-dasharray: 1, 200;
      stroke-dashoffset: 0;
    }

    50% {
      stroke-dasharray: 89, 200;
      stroke-dashoffset: -35px;
    }

    100% {
      stroke-dasharray: 89, 200;
      stroke-dashoffset: -124px;
    }
  }

  @-o-keyframes dash {
    0% {
      stroke-dasharray: 1, 200;
      stroke-dashoffset: 0;
    }

    50% {
      stroke-dasharray: 89, 200;
      stroke-dashoffset: -35px;
    }

    100% {
      stroke-dasharray: 89, 200;
      stroke-dashoffset: -124px;
    }
  }

  @keyframes dash {
    0% {
      stroke-dasharray: 1, 200;
      stroke-dashoffset: 0;
    }

    50% {
      stroke-dasharray: 89, 200;
      stroke-dashoffset: -35px;
    }

    100% {
      stroke-dasharray: 89, 200;
      stroke-dashoffset: -124px;
    }
  }

  body {
    background-color: #120918;
  }



  /* Firefox */
  _:-moz-any(x),
  .main-h {
    background-color: #000;
  }

  /* iExplorer */
  _:-ms-lang(x),
  .main-h {
    background-color: #000;
  }

  .main-h .icon-btn .icon {
    fill: #fff;
  }

  @media screen and (min-width: 768px) {
    .nav-list.top .nav-item_hover_nfuerza:hover>a {
      color: #45cbd4 !important;
    }

    .nav-list.top .nav-item_hover_seytu:hover>a {
      color: #8e7ed2 !important;
    }

    .nav-list.top .nav-item_hover_master:hover>a {
      color: var(--secondarycolor) !important;
    }
  }

  @media screen and (min-width: 768px) {

    .nav-list .nav-item:hover>a,
    .nav-list .nav-item:hover .dropdown-toggle {
      color: var(--secondarycolor);
    }
  }

  .products-page {
    background-color: #f7f7f7;
  }

  .products-maintitle {
    color: var(--primary900);
  }

  .ezone__filters {
    width: 100%;
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
  }

  .ezone__filters .datefilter__label.business-center {
    width: 100%;
    font-size: 12px;
    font-family: 'Noto Sans', sans-serif !important;
    padding: 0 6px;
    text-transform: uppercase;
  }

  .ezone__filters select {
    width: 13rem;
    font-size: 12px;
    height: 2rem;
    font-family: 'Noto Sans', sans-serif !important;
  }

  .ezone__filters {
    width: 100%;
    margin: 0 auto;
    padding: 0 24px;
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
  }

  .ezone__filters .detafilter__group {
    display: inline-block;
    vertical-align: middle;
  }

  .datefilter__search,
  .downloadable__search {
    padding: 4px 2.75em 6px 1em;
    border-radius: 18px;
    border: 2px solid #eee;
    width: 174px;
  }

  .datefilter__group .icon-search img {
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    right: 16px;
    top: 7px;
  }

  .datefilter__group.search__group {
    position: relative;
  }

  .datefilter__search::-webkit-input-placeholder {
    font-size: 12px;
    font-family: 'Noto Sans', sans-serif !important;
    padding-top: 5px;
  }

  .datefilter__search:focus {
    border-color: var(--primarycolor);
  }

  .datefilter__search:focus {
    outline: solid var(--primarycolor);
  }

  select.datefilter--country,
  select.datefilter--city {
    width: auto;
    font-size: 10px;
    text-transform: uppercase;
    height: 3rem;
  }

  .business__grid--item p {
    font-size: 11px;
  }

  .theme--purple {
    color: var(--primarycolor);
  }

  .ezone__grid-img img {
    margin: 0 auto;
  }

  .button--products {
    margin: 20px auto;
  }

  p.ezone__grid-item__date.cedis {
    width: 80%;
    margin: 0 auto;
    min-height: 51px;
    color: var(--neutral5);
  }

  .ezone__panel.cedis {
    width: 390px;
    padding-top: 0;
    background: transparent;
  }

  .ezone__panel.cedis img {
    border-radius: 10px;
  }

  .cedis__gallery--main {
    width: 100%;
  }

  .cedis__gallery--item {
    width: calc(50% - 4px);
    display: inline-block;
    margin: 18px auto;
    padding: 50px 10px;
    text-align: center;
  }

  .ezone__panel.cedis .cedis__gallery--item:nth-child(2) {
    padding-right: 8px;
    padding-left: 0;
  }

  .ezone__panel.cedis .cedis__gallery--item:nth-child(3) {
    padding-left: 8px;
    padding-right: 0;
  }

  body.theme--green {
    background: #54a582;
  }

  body.theme--purple {
    background: var(--primarycolor);
  }

  .mainslider__gradient.myomnibusiness {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #54a582 100%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #54a582 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #54a582 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #54a582 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #54a582 100%);
  }

  .theme--purple .mainslider__gradient.myomnibusiness {
    background: var(--primarycolor);
  }

  .myomnibusiness-header,
  .c-header,
  .myomnibusiness-header.seytu {
    padding: 1rem;
    text-align: center;
    background-color: #fff;
  }

  .myomnibusiness-header.omnilife {
    background: #fff;
  }

  .myomnibusiness-header.seytu {
    background: #fff;
  }

  .business__main.seytu .col4-4 {
    background: #ff5b66;
  }

  .myomnibusiness-header,
  .c-header {
    background: #1c1d41;
    position: relative;
    z-index: 22;
    border-radius: 29px 30px 0 0;
    margin-top: 40px;
  }

  .theme--purple.myomnibusiness-menu.withbg {
    background: none;
  }

  /* .theme--purple .products-block.home.has-dropdown,
  .theme--purple .products-desc.myomnibusiness-menu.withbg.mid.wrapper {
    background: var(--primarycolor);
  } */

  .theme--purple .myomnibusiness-menu--subtitle {
    background: #fff;
    color: var(--primarycolor);
    font-weight: bold;
  }

  .theme--purple .business__main.col4-4.banner {
    border-radius: 0;
  }

  /* .theme--purple .business__main-inner.myomnibusiness--steps {
    min-height: 50px;
    background: #1C1D3D;
    border-radius: 20px 20px 0 0;
  } */

  /* .theme--purple .products-block.home.has-dropdown {
    border-radius: 0 0 20px 20px;
    box-shadow: 0 10px 30px -10px black;
  } */

  .theme--purple .wrapper.full-size-mobile.business__main {
    margin-bottom: 40px;
  }

  .theme--purple .myomnibusiness.product {
    background: var(--primarycolor);
    background: -moz-linear-gradient(-45deg, #1b1c41 0%, #70359a 51%, #1b1c41 100%);
    background: -webkit-linear-gradient(-45deg, #1b1c41 0%, #70359a 51%, #1b1c41 100%);
    background: linear-gradient(135deg, #1b1c41 0%, #70359a 49%, #1b1c41 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70359a', endColorstr='#1b1c41', GradientType=1);
    border: 0;
  }

  .c-header {
    background: #1c1d41;
  }

  .myomnibusiness-header.omnilife {
    background: #fff;
  }

  .myomnibusiness__title.omnilife,
  .myomnibusiness__subtitle.omnilife {
    color: #333;
  }

  .myomnibusiness__title.omnilife,
  .myomnibusiness__subtitle.omnilife {
    color: #37393c;
  }

  h1.myomnibusiness__title.seytu {
    color: #37393c;
  }

  p.myomnibusiness__subtitle.seytu {
    color: #37393c;
  }

  .myomnibusiness-menu.omnilife.withbg {
    background: #822780;
    position: relative;
    min-height: 454px;
  }

  .myomnibusiness.product.omnilife {
    background: #60245f;
    border: 0;
  }

  @media only screen and (min-width: 1024px) and (max-width: 1400px) {
    .dropdown.active .dropdown-list {
      overflow-y: scroll;
      max-height: 20rem;
    }

    .period--selected .dropdown.active .dropdown-list {
      overflow-y: scroll;
      max-height: none;
    }
  }

  .product--device.omnilife {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 2rem;
    width: 40%;
  }

  .business__main.omnilife .col4-4 {
    width: calc(100%);
    background: #60245f;
  }

  .myomnibusiness__title,
  .c-header__title {
    margin: 0;
    font-family: 'Noto Sans', sans-serif;
    font-size: 1.5rem;
    color: #e1e98d;
  }

  @media (min-width: 768px) {

    .myomnibusiness-header,
    .c-header {
      padding: 3rem;
    }
  }

  @media (min-width: 1024px) {

    .myomnibusiness-header,
    .c-header {
      text-align: left;
    }
  }

  @media (min-width: 1024px) {

    .myomnibusiness__about,
    .c-header {
      padding: 0 2rem;
    }
  }

  @media (min-width: 768px) {

    .myomnibusiness__about,
    .c-header__about {
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      -o-box-ordinal-group: 1;
      -ms-flex-order: 1;
      -webkit-order: 1;
      order: 1;
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -o-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 0 0 calc(300px + 4rem);
      -ms-flex: 0 0 calc(300px + 4rem);
      flex: 0 0 calc(50%);
      margin: 0;
      text-align: left;
    }
  }

  .myomnibusiness__about,
  .c-header__component {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    margin-top: 1rem;
  }

  .myomnibusiness__subtitle,
  .c-header__subtitle {
    font-size: 1.1rem;
    color: #fff;
    font-family: 'Robot', Verdana, Arial;
    padding-right: .7rem;
  }

  .myomnibusiness,
  .c-header__container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }

  @media (min-width: 768px) {

    .myomnibusiness,
    .c-header__container {
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -o-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -o-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: distribute;
      -moz-box-pack: distribute;
      -o-box-pack: distribute;
      -ms-flex-pack: distribute;
      -webkit-justify-content: space-around;
      justify-content: space-around;
    }
  }

  @media (min-width: 1024px) {

    .myomnibusiness,
    .c-header__container {
      max-width: 100%;
    }
  }

  @media (min-width: 1024px) {

    .myomnibusiness,
    .c-header__container {
      -webkit-box-lines: single;
      -moz-box-lines: single;
      -o-box-lines: single;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-pack: start;
      -moz-box-pack: start;
      -o-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: center;
      justify-content: c-headerenter;
      -webkit-box-align: center;
      -moz-box-align: center;
      -o-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
  }

  .myomnibusiness.product {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d9db89+0,5cce9b+49,47cc9e+51,00c4a8+100 */
    background: #d9db89;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #d9db89 0%, #5cce9b 49%, #47cc9e 51%, #00c4a8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #d9db89 0%, #5cce9b 49%, #47cc9e 51%, #00c4a8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #d9db89 0%, #5cce9b 49%, #47cc9e 51%, #00c4a8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9db89', endColorstr='#00c4a8', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    border: 0;
  }

  .product--device {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 2rem;
  }

  .product--device figcaption {
    position: absolute;
    transform: rotate(-90deg);
    left: -69px;
    top: 45%;
    color: #fff;
    text-transform: uppercase;
  }

  @media screen and (min-width: 768px) {
    .myomnibusiness.product {
      margin: 0;
      width: 100%;
      -webkit-flex-basis: 100%;
      flex-basis: 100%;
    }
  }

  /* .myomnibusiness__title {
    color: #fff;
    font: 500 1.5em 'Noto Sans', sans-serif !important;
    line-height: 1.2;
    margin: 0;
    padding: 27px 0 22px;
    text-align: left;
  } */

  @media screen and (min-width: 1366px) {
    .myomnibusiness__title {
      font-size: 2.5em;
    }
  }

  /* @media screen and (min-width: 768px) {
    .myomnibusiness__title:after {
      background-color: var(--secondarycolor);
      content: '';
      display: block;
      height: 1px;
      margin: 28px auto 0;
      width: 84px;
    }
  } */

  @media screen and (min-width: 1024px) {
    .myomnibusiness__title:after {
      margin-left: 0;
    }
  }


  /*

  @media (min-width: 1366px) {
    .testimonial__frase {
      width: 50%;
    }
  }

  .testimonial__frase img {
      margin: 0 auto;
  }

  */
  .product.myomnibusiness .product__link {
    width: 100%;
  }

  .product.myomnibusiness {
    padding: 6rem 0;
  }

  .myomnibusiness-menu--subtitle {
    position: absolute;
    width: 75%;
    background: var(--primary900);
    right: 0;
    bottom: -4.4rem;
    text-align: center;
    color: #fff;
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    padding: 16px;
  }

  @media screen and (min-width: 1024px) {
    .business__main .col4-4 {
      width: calc(100%);
    }

    .business__main .banner {
      height: 584px;
      width: 100%;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
    }
  }

  /* .business__main-inner.myomnibusiness--steps {
    min-height: 50px;
    background: #43657f;
  } */

  /* .myomnibusiness--steps h3.products-maintitle {
    font-size: 1rem;
    text-align: center;
    width: 100%;
  } */

  @media screen and (min-width: 1024px) {
    .business__item {
      -webkit-flex-basis: 25%;
      flex-basis: 25%;
    }
  }

  .business__main.col4-4 .myomnibusiness--banner {
    width: 100%;
  }

  p.myomnibusiness--banner__description {
    background: #f7f7f7;
    margin: 0;
    padding: 2rem 0;
    text-align: center;
    color: #43657f;
    font-family: 'Roboto';
    font-size: 1rem;
  }

  img.myomnibusiness__banner--brand {
    padding: 0 4rem 0 0;
    display: inline-block;
  }

  .myomnibusiness__banner {
    width: 50%;
    margin-left: 50%;
    position: relative;
    text-align: right;
  }

  .myomnibusiness__banner {
    width: 100%;
    position: relative;
    height: 100%;
    padding: 2rem;
    margin: 50px 0 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }

  .tabs__pane i.info-trigger,
  .tabs__pane i.info-trigger2 {
    color: var(--secondarycolor);
    position: absolute;
    font-size: 20px;
    top: 5px;
    right: 10px;
  }

  .tabs__pane i.info-trigger2 {
    right: 50px;
  }

  .myomnibusiness__banner .myomnibusiness__banner--title {
    text-align: right;
    width: 100%;
    right: 0;
    padding: 0 4rem 0 0;
    font-size: 35px;
    margin: 3rem 0 0 0;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 300;
    color: #fff;
    text-shadow: 0 0 20px black;
  }

  .myomnibusiness__banner .myomnibusiness__banner--subtitle {
    right: 0;
    text-align: right;
    padding: 0 4rem 0 0;
    color: #fff;
    font-family: 'Noto Sans', sans-serif;
    font-size: 31px;
    margin: 0;
  }

  .myomnibusiness__buttons {
    width: 100%;
    text-align: right;
    padding: 2rem 4rem;
  }

  .myomnibusiness__buttons img {
    height: 55px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2rem;
  }

  .select.select--categories,
  .select.select--stories,
  .select.select--date,
  .select.select--news {
    width: 190px;
    padding-bottom: 1rem;
  }

  .select.select--stories,
  .select.select--date,
  .select.select--news {
    padding-bottom: 0;
  }

  .select.select--news {
    width: 80px;
    font-size: 14px;
  }

  .select.select--news.month {
    width: 120px;
  }

  .select.select--news.has-icon select {
    padding: 0 18px;
    background: none;
  }

  .select.select--categories .form-control,
  .select.select--stories .form-control,
  .select.select--date .form-control,
  .select.select--news .form-control {
    width: 100%;
    color: #fff;
    background: transparent;
  }

  .select.select--date .form-control,
  .select.select--news .form-control {
    color: #8a8a8a;
  }

  .select.select--categories::after,
  .select.select--stories::after,
  .select.select--date::after,
  .select.select--news::after {
    content: '';
    border-top: 5px solid #fff;
  }

  .select.select--date::after,
  .select.select--news::after {
    border-top: 5px solid #8a8a8a;
  }

  .select.select--news.month::after {
    right: 7px;
    top: 14px;
  }

  .select.select--categories .form-control option,
  .select.select--stories .form-control option,
  .select.select--date .form-control option,
  .select.select--news .form-control option {
    color: #333;
  }

  .products-block.home select.form-control option:hover {
    background-color: var(--primarycolor);
  }

  .select.select--categories.start::after {
    display: none;
  }

  .datefilter.filter--date,
  .datefilter.filter--news {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: column;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: center;
  }

  .datefilter.filter--date::first-child {
    margin-top: 1rem;
  }

  .datefilter.filter--date>.select--date {
    margin-top: 1rem;
  }

  .select.select--news .form-control {
    color: #8a8a8a;
    padding: 0 19px;
    height: 31px;
    text-align: center;
    display: inline-block;
  }

  .r90data--container,
  .contact--container,
  .history--container,
  .jobs--container,
  .cresiendo--container,
  .top-distributor__container,
  .tools--container,
  .route__container {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: column;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: center;
  }

  .r90data--container,
  .contact--container,
  .history--container,
  .jobs--container,
  .cresiendo--container,
  .tools--container,
  .top-distributor__container {
    z-index: 22;
    background: #fff;
  }

  section#r90-registered iframe.r90-iframe {
    display: block;
  }

  .contact {
    padding: 1rem;
    text-align: center;
    background-color: #fff;
  }

  .mainslider.contact {
    position: relative;
  }

  .mainslider.contact .slider__ctrl.prev,
  .mainslider.contact .slider__ctrl.next {
    display: none;
  }

  /* @media (min-width: 768px) {
    .contact--container {
      padding: 3rem;
    }
  } */

  .history--description,
  .jobs--description,
  .cresiendo--container,
  .tools--description,
  .route__container,
  .top-distributor__container {
    width: calc(32%);
    /* padding: 2rem 6rem 2rem 6rem; */
    text-align: left;
  }

  .history--description,
  .jobs--description,
  .cresiendo--container,
  .tools--description,
  .route__container,
  .top-distributor__container {
    width: 100%;
  }

  h2.contact--title,
  .brands--container h2,
  .brand--location h2,
  .tools--grid__container h2 {
    font-family: 'Noto Sans', sans-serif;
    font-size: 2rem;
  }

  .contact--subtitle,
  .tools--subtitle {
    font-family: 'Roboto', Verdana, Arial;
    font-size: 0.75rem;
  }

  /* h2.contact--title::after,
  h2.history--title::after,
  .brands--container h2::after,
  .brand--location h2::after,
  .tools--grid__container h2::after {
    content: '';
    display: block;
    width: 40%;
    height: 2px;
    background: #31b698;
    margin-top: 1rem;
  } */

  .contact--description {
    width: calc(100%);
    padding: 1rem;
    color: var(--neutral5);
    text-align: left;
  }

  .brands--container h2::after,
  .tools--grid__container h2::after {
    background: var(--primary900);
    width: 4rem;
  }

  .brand--location h2::after {
    background: #2aa28f;
    width: 4rem;
  }

  h2.history--title::after {
    background: var(--secondarycolor);
    width: 4rem;
  }

  .contact--form {
    width: 75%;
    padding: 3rem 0;
  }

  .contact--form input[type="text"],
  .contact--form input[type="phone"] {
    width: 45%;
    display: inline-block;
    padding: 1rem 2rem;
    margin: .5rem 1.5%;
  }

  .contact--form input[type="email"] {
    width: 93.5%;
    padding: 1rem 2rem;
    margin-top: 1.4rem;
  }

  .contact--form textarea {
    width: 93.5%;
    margin-top: 2rem;
    padding: 2rem;
    resize: none;
  }

  .contact--form input[type="submit"] {
    color: #fff;
    border: 0;
    padding: 1rem 3.5rem;
    border-radius: 30px;
    margin-left: 2rem;
    float: left;
    margin-top: 1rem;
    background: #31b698;
  }

  .contact--callcenter,
  .brands,
  .tools--grid {
    background: transparent;
    width: 100%;
  }

  .callcenter--nutretuvida {
    margin-left: -4px;
  }

  .callcenter--creo,
  .callcenter--nutretuvida {
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
    width: 50%;
    background-repeat: repeat;
    padding: 2rem;
    margin-top: 1.5rem;
  }

  .callcenter--nutretuvida {
    background: url('/omnilife/public/images/nutre.png');
    background-position: center center;
    background-size: cover;
    min-height: 42rem;
    color: #fff;
    position: relative;
  }

  .callcenter--creo {
    background: url('/omnilife/public/images/creo.png');
    background-position: center center;
    background-size: cover;
    min-height: 42rem;
    color: #fff;
    position: relative;
  }

  .brands--container,
  .tools--grid__container {
    min-height: 42rem;
    /* color: #fff; */
    position: relative;
    /* background: var(--primarycolor); */
    width: 100%;
    padding: 0px 16px;
    color: var(--primary800);
    background-color: #fff;
  }

  .tools--grid__container {
    background: #120918;
  }

  .callcenter--creo h2,
  .callcenter--nutretuvida h2 {
    position: absolute;
    bottom: 150px;
  }

  .contact--callcenter p,
  .contact--nutretuvida p {
    position: absolute;
    bottom: 12px;
    padding: 2rem 0;
  }

  .contact--list {
    background: #ffffff;
    color: var(--neutral5);
    margin-top: 2rem;
    padding-bottom: 6rem;
  }

  .contact--list__nutre {
    margin-left: -4px;
  }

  .contact--list__creo {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    text-align: left;
    padding-top: 2rem;
  }

  .contact--list__creo h2 {
    font-family: 'Noto Sans', sans-serif;
    font-size: 2rem;
  }

  .contact--list__creo h2::after {
    content: '';
    width: 40%;
    height: 2px;
    background: #31b698;
  }

  .phone--list {
    list-style: none;
    padding-left: 0;
  }

  ul.phone--list li {
    padding: .25rem 0;
  }

  .contact--list__creo h2::after {
    content: '';
    width: 40%;
    height: 2px;
    background: #48c6ab;
    display: block;
    margin-top: 1rem;
  }

  ul.phone--list.creo li h3 {
    color: #48c6ab;
  }

  .brands__grid {
    position: relative;
    margin: 0 auto;
    width: 90%;
  }

  @media screen and (min-width: 768px) {
    .brands__grid {
      -webkit-box-align: stretch;
      -moz-box-align: stretch;
      -o-box-align: stretch;
      -ms-flex-align: stretch;
      -webkit-align-items: stretch;
      align-items: stretch;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -o-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: auto;
    }
  }

  @media screen and (min-width: 1024px) {

    .brand__item,
    .tools--grid__item {
      -webkit-flex-basis: 25%;
      flex-basis: 25%;
    }
  }

  @media screen and (min-width: 1366px) {

    .brand__item,
    .tools--grid__item {
      padding: 0;
      margin: 2rem 0;
    }
  }

  .brand__item p,
  .tools--grid__item p {
    font-size: 0.75rem;
    font-family: 'Roboto', Verdana, Arial;
    padding: 0 25px 0 0;
  }

  .brand__item figure {
    min-height: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .brand--location,
  .tools--banner {

    background: #002857;
    color: #fff;
    margin-top: 3rem;
    padding: 6rem;
    position: relative;
  }

  .brand--location {
    margin-top: 0;
  }

  .tools--banner {
    padding: 0;
  }

  .brand--location p,
  .tools--banner p {
    width: 23rem;
  }

  .brand--location .map {
    position: absolute;
    right: 8rem;
    top: 0;
    /* left: 0; */
    bottom: 0;
  }

  .jobs--thumbnails,
  .jobs--vision,
  .flexbox,
  .cresiendo--thumbnails {
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -o-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto;
    padding: 2rem 0;
  }

  .jobs--subtitle {
    font-size: 0.75rem;
  }

  .cresiendo--subtitle {
    font-size: 1.1rem;
  }

  .jobs--thumbnails__item,
  .cresiendo--thumbnails__item,
  .top-distributor--thumbnails__item {
    padding: 0 1rem;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
  }

  .jobs--thumbnails__item figcaption,
  .cresiendo--thumbnails__item figcaption,
  .top-distributor--thumbnails__item figcaption {
    padding: 1rem 2.5rem;
    width: 80%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    top: -2rem;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    font-family: 'Roboto', Verdana, Arial;
    font-size: 0.75rem;
  }

  figure.cresiendo--thumbnails__item img,
  figure.top-distributor--thumbnails__item img {
    margin: 0 auto;
  }

  .cresiendo--thumbnails__item figcaption.theme--magenta {
    background: #822780;
    color: #fff;
    min-height: 8rem;
    font-size: 1rem;
  }

  .cresiendo--thumbnails__item figcaption.theme--green {
    background: #66ab90;
    color: #fff;
    min-height: 10.5rem;
    font-size: 1rem;
  }

  .top-distributor--thumbnails__item figcaption.theme--turquoise,
  .top-distributor--thumbnails__item figcaption.theme--lightOrange {
    background: #17897e;
    color: #fff;
    min-height: 10.5rem;
    font-size: 1rem;
  }

  .top-distributor--thumbnails__item figcaption.theme--lightOrange {
    background: #ffa639;
  }

  .c-50 {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
  }

  .c-33 {
    -webkit-flex-basis: 33.3333%;
    flex-basis: 33.3333%;
  }

  .jobs--vision__title {
    font-family: 'Noto Sans', Verdana, Arial;
    font-size: 2rem;
    padding: 0 5rem;
  }

  .jobs--vision__title span {
    text-transform: uppercase;
    color: #efefef;
    font-size: 5.5rem;
  }

  .jobs--vision__description {
    padding: 3rem 2rem;
    font-size: 0.75rem;
  }

  .vacant--item {
    min-height: 15rem;
  }

  .vacant--item.theme--violet {
    background: var(--primarycolor);
    color: #fff;
    padding: 2rem 3rem;
    margin: 0 .5rem;
  }

  .vacant--item.theme--orange {
    background: var(--secondarycolor);
    color: #fff;
    padding: 2rem 3rem;
    margin: 0 .5rem;
  }

  .vacant--item.theme--gray {
    background: var(--neutral)666;
    color: #fff;
    padding: 2rem 3rem;
    margin: 0 .5rem;
  }

  .vacant--title {
    font-size: 1.4rem;
    font-family: 'Noto Sans', Verdana, Arial;
    font-weight: bold;
    padding: .5rem 0;
  }

  .vacant--description {
    list-style: none;
    padding-left: 0;
  }

  ul.vacant--description li {
    padding: 1rem 0;
    font-family: 'Noto Sans', Verdana, Arial;
    font-size: 1rem;
  }

  .vacant--item img {
    width: 6rem;
    height: 6rem;
    display: none;
  }

  .vacant--description img {
    width: 4rem;
    height: auto;
    display: none;
  }

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

  h3.vacancies--message {
    font-family: 'Noto Sans', Verdana, Arial;
    padding: 2rem 0 1rem 0;
    color: var(--neutral);
  }

  .c-100 {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
  }

  .vacancies--mail a {
    font-family: 'Noto Sans', Verdana, Arial;
    font-size: 2rem;
    color: var(--neutral);
    font-weight: bold;
  }

  .rewards--title {
    width: 100%;
    text-align: center;
    padding: 1rem 0 3rem 0;
    color: var(--primarycolor);
    font-family: 'Noto Sans', Verdana, Arial;
    font-weight: bold;
  }

  .rewards--item {
    padding: 1rem;
  }

  .rewards--item figcaption {
    padding: 2rem 1rem;
    font-family: 'Roboto', Verdana, Arial;
    font-size: 1rem;
  }

  .cresiendo--thumbnail__faq {
    margin: 0 auto;
    padding: 7rem 3rem 2rem 3rem;
    position: relative;
    top: -7.5rem;
    color: #fff;
    min-height: 23rem;
  }

  .cresiendo--thumbnail__faq.theme--magenta {
    background: #60245f;
  }

  .cresiendo--thumbnail__faq.theme--green {
    background: #2f493f;
  }

  .cresiendo--thumbnail__faq ul {
    list-style: none;
    padding-left: 0;
  }

  .cresiendo--thumbnail__faq li {
    font-size: 0.75rem;
  }

  .cresiendo--thumbnail__faq h3 {
    font-family: 'Noto Sans', Verdana, Arial;
    font-size: 1rem;
  }

  .cresiendo--thumbnails__item figcaption strong,
  .top-distributor--thumbnails__item figcaption strong {
    font-weight: bold;
  }

  .mainslider__gradient.seytu {
    background: none;
  }

  .mainslider__gradient.slidergradient__none {
    background: none;
  }

  .mainslider__gradient.nfuerza {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #45cbd4 100%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #45cbd4 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #45cbd4 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #45cbd4 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #43cbd4 100%);
  }

  .tools--grid__container.nfuerza {
    background: #662f88;
  }

  .business.nfuerza {
    background: #43cbd4;
  }

  .products-maintitle.seytu span,
  .products-maintitle.nfuerza span {
    color: #fff;
  }

  .ezone__title.seytu,
  .ezone__headline.bordered {
    color: #252a2d;
  }

  .ezone__headline.seytu.bordered {
    border-bottom: 3px solid #ff5b66;
  }

  .business__main.nfuerza .col3-4 {
    width: 100%;
    background: #732a5f;
  }

  .ezone__headline.nfuerza.bordered {
    border-bottom: 3px solid #43cbd4;
  }

  .ezone__title.nfuerza {
    color: #252a2d;
  }


  .myomnibusiness-header.nfuerza {
    background: white;
  }

  .myomnibusiness__title.nfuerza {
    color: #43cbd4;
  }

  p.myomnibusiness__subtitle.nfuerza {
    color: #333;
  }

  .business__main-inner.myomnibusiness--steps.nfuerza {
    background: #8e1a89;
  }

  .myomnibusiness-menu.withbg.omnilife {
    background: #fca444;
    position: relative;
    padding: 1.5rem;
  }

  .myomnibusiness.product.omnilife {
    background: #fff;
  }

  .product.myomnibusiness.omnilife p {
    display: inline-block;
    /* width: 100%; */
    /* flex-basis: 10%; */
    position: absolute;
    bottom: 3rem;
  }

  .history--title.omnilife {
    color: var(--primarycolor);
    font-weight: 500;
  }

  .business__item.three-columns {
    -webkit-flex-basis: 33.333%;
    flex-basis: 33.333%;
  }

  .ezone__section.theme--transparent {
    background: transparent;
  }

  .ezone__body.theme--white,
  .ezone__grid-imgs.theme--white {
    background: #fff;
  }

  .product__link .product--device:first-child figcaption {
    left: -100px;
    text-transform: capitalize;
  }

  .product__link .product--device:last-child figcaption {
    text-transform: capitalize;
  }

  .product.slider__item.banner {
    flex-basis: 66.6666%;
    -webkit-flex-basis: 66.6666%;
    border: 0;
    padding: 0;
  }

  .product.slider__item.banner .product__image {
    margin: auto;
    max-width: 100%;
  }

  .product.slider__item.banner .product-sale__text {
    position: relative;
    margin: 0;
    padding: 1rem 0 0rem 0;
    color: #333;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    flex-basis: 33.3333%;
    max-width: 33.333%;
    margin: 0 2rem 0 0;
    text-align: left;
  }

  .product.slider__item.banner .product-sale__price {
    margin: 0 2rem;
    color: #333;
    /* max-width: 33.3333%; */
    display: inline-block;
    vertical-align: middle;
    padding: 1rem 0 0rem 0;
    flex-basis: 33.3333%;
  }

  .product.slider__item.banner .button.small {
    width: auto;
    margin: 0.5rem 0;
  }

  .product-sale.banner {
    padding: 35px 35px 35px 35px;
    border: 0;
    -webkit-justify-content: center;
    justify-content: center;
  }

  #systems ul.slider__bullets.list-nostyle {
    display: none;
  }

  #systems img#banner {
    margin: 0 auto;
  }

  .modal.select--country {
    max-width: 900px;
  }

  .modal.select--country .modal__title {
    font-size: 1.4rem;
  }

  .modal.select--country .modal__body p {
    font-size: 0.9rem;
    padding: 0 0rem;
  }

  .modal.select--country .modal__body select,
  .modal.select--country .modal__body input[type="text"] {
    border-radius: 20px;
    font-size: .75rem;
    padding: .5rem 1.25rem;
    margin: 0 .5rem;
    border: 1px solid;
  }

  div#loginShopping i.fal.fa-times-circle {
    top: 0;
    color: #fbac56;
  }

  .button.country {
    background: #fbac56;
  }

  .modal.select--country .modal__body span {
    font-size: 0.75rem;
  }

  .select-country {
    background: url('../images/country-bg.jpg');
    background-size: cover;
    background-position: center center;
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
  }

  .select-countries--container,
  .select-countries--start {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    height: 100vh;
  }

  @media (min-width: 1024px) {

    .select-countries--container,
    .select-countries--start {
      -webkit-box-align: start;
      -moz-box-align: start;
      -o-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -webkit-box-pack: distribute;
      -moz-box-pack: distribute;
      -o-box-pack: distribute;
      -ms-flex-pack: distribute;
      -webkit-justify-content: space-around;
      justify-content: space-around;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -o-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
    }

    .countries {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -o-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
    }
  }

  .select-country--form,
  .select-country--message {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    padding-bottom: 1rem;
    flex-basis: 70%;
    -webkit-flex-basis: 70%;
    justify-content: center;
    -webkit-align-self: center;
    align-self: center;
    -ms-flex-item-align: center;
  }

  .select-country--message {
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    padding-bottom: 1rem;
    flex-basis: 30%;
    -webkit-flex-basis: 30%;
  }

  .select-country--form {
    padding: 0 4rem;
  }

  .select-countries--container .select--categories {
    width: 100%;
  }

  .select-countries--container .select--categories select {
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 15px;
    color: #333;
    margin: 0 1rem 0 0;
  }

  .select-countries--container .select--categories input[type="text"] {
    border: 0;
    padding: .5rem 1rem;
    border-radius: 20px;
    color: #333;
  }

  .select-countries--container .select--categories input[type="text"]::after,
  .select.select--categories::after {
    display: none;
  }

  .select-countries--container {
    color: #fff;
  }

  .brand-country {
    position: absolute;
    left: 4rem;
    right: 0;
    width: 9rem;
    top: 2rem;
  }

  .button.small.button-country {
    max-width: 200px;
    display: inline-block;
    width: auto;
    margin: 0 1rem;
  }

  .select-country--form h1 span,
  .select-country--form p span {
    font-style: italic;
  }

  .reset-password input {
    width: 50%;
  }

  .reset-password a {
    color: #992f9b;
  }

  .business__main--search {
    margin-right: 1rem;
  }

  .business__main--search .datefilter__group.search__group {
    margin-bottom: 0;
  }

  .business__main--search .datefilter__group .icon-search img {
    top: 9px;
  }

  .reset-password input {
    width: 50%;
  }

  .reset-password a {
    color: #992f9b;
  }

  .business__main--search {
    margin-right: 1rem;
  }

  .business__main--search .datefilter__group.search__group {
    margin-bottom: 0;
  }

  .business__main--search .datefilter__group .icon-search img {
    top: 9px;
  }

  .hide-story {
    display: none;
  }

  .icon.icon-list2 {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
  }

  .single-section {
    padding-top: 0;
  }

  .reset-password .products-maintitle {
    color: var(--neutral5);
    font-size: 2rem;
    font-weight: bold;
  }

  h2.history--title.omnilife.single-section.recover-pass-title {
    font-size: 1.5rem;
    font-family: 'Noto Sans', sans-serif;
    color: var(--neutral5);
    font-weight: 400;
  }

  footer.main-f.single-section,
  header.main-f.single-section {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .wrapper.full-size-mobile.business__main.single-section {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80vh;
  }

  .history--description.single-section .business__item-icon {
    width: 90px;
    height: auto;
  }

  .buttons-container.single-section {
    margin-top: 3rem;
  }

  .buttons-container.single-section button {
    margin: 0 .5rem;
  }

  .buttons-container.single-section button {
    margin: 0 .5rem;
    width: 278px;
  }

  .business.single-section {
    background: #fff;
  }

  .icon.icon-list+span {
    margin-right: 1rem;
  }

  .nutritional--btn,
  .nutritional--btn:hover,
  .nutritional--btn:focus,
  .nutritional--btn:active {
    color: #fff;
  }

  h2.history--title.single-section::after {
    width: 20%;
    margin: 2rem auto 0 auto;
  }

  .history--description.single-section {
    padding: 0rem 6rem 3rem 6rem;
    width: 85%;
    margin: 0 auto;
  }

  .form-control.reset-password {
    margin: 0.5rem 0;
  }

  .category__slider {
    padding: 0;
  }

  .contact__info {
    padding: 0.5rem 0;
  }

  .contact__title {
    margin: 0;
    font-family: 'Noto Sans', sans-serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    color: var(--secondarycolor);
    margin-bottom: 2rem;
  }

  .contact__title span {
    color: var(--primarycolor);
  }

  .business__item.contact h3 {
    text-align: left;
    width: 100%;
    height: auto;
    min-height: auto;
    color: var(--primarycolor);
    font-family: 'Noto Sans';
    line-height: 27px;
    font-size: 18px;
  }

  p.business__item-description.contact {
    text-align: left;
    width: 100%;
    padding: 0;
    color: var(--neutral5);
  }

  .slider.mainslider.contact {
    padding: 0;
  }

  .slider.mainslider.contact .slider__ctrl {
    display: none;
  }

  .modal.login {
    max-width: 800px;
  }

  .modal__login {
    box-shadow: 10px 0 10px -15px;
  }

  .modal__register,
  .modal__login {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    position: relative;
    border-radius: 11px;
    padding: 15px;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    align-self: center;
    min-height: 200px;
  }

  .modal__userType__info {
    margin-right: 1rem;
  }

  .modal__register:hover,
  .modal__login:hover {
    background: #fff;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    min-height: 300px;
  }

  .modal__userType__info:hover {
    background: var(--primarycolor) !important;
    color: #ffff !important;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
  }

  h3.modal__register--title,
  h3.modal__login--title {
    font-size: 1.5rem;
    text-align: left;
    width: 90%;
    margin: 0 auto;
    color: #270b3a;
    font-weight: 400;
  }

  .modal__register--subtitle {
    color: var(--primarycolor);
  }

  h3.modal__register--title,
  h3.modal__login--title {
    padding: 1.5rem 0;
  }

  .modal__login--content,
  .modal__register--content {
    width: 90%;
    margin: 0 auto;
  }

  .login--form .button.small,
  .register--form .button.small {
    width: 90%;
    max-width: 90%;
  }

  .login--form .button.small {
    width: 70%;
    margin: 0 auto;
    margin-top: 2rem;
  }

  .modal__register--content {
    text-align: left;
    font-size: 1rem;
  }

  .modal__register--content article {
    font-size: 0.85rem;
    margin-bottom: 1rem;
    color: #270b3a;
    text-align: justify;
  }

  .modal__login--content .login--form {
    text-align: left;
  }

  .login--form input[type="text"],
  .login--form input[type="password"] {
    margin-top: 1rem;
    font-size: 0.85rem;
    width: 90%
  }

  .modal__login--content .button.secondary,
  .modal__register--content .button.secondary {
    max-width: 80%;
    position: absolute;
    bottom: 0;
  }

  .modal__register--content .button.small {
    width: 70%;
    max-width: 90%;
    margin: 0 auto;
  }

  .password__recovery {
    font-size: 12px;
    color: #333;
    text-decoration: underline;
    padding: .5rem;
    display: inline-block;
    width: 90%;
    margin-top: .5rem;
    text-align: right;
  }

  .login--form .password__recovery {
    margin-top: 1.8rem;
    width: auto;
    margin: 1.8rem auto 0 auto;
    text-align: center;
    display: block;
  }

  .reset-password input {
    width: 50%;
  }

  .reset-password a {
    color: #992f9b;
  }

  .business__main--search {
    margin-right: 1rem;
  }

  .business__main--search .datefilter__group.search__group {
    margin-bottom: 0;
  }

  .business__main--search .datefilter__group .icon-search img {
    top: 9px;
  }

  .hide-story {
    display: none;
  }

  .products-desc__description.visible.price {
    font-size: 1.1em;
    margin-top: 15px;
  }

  .products-desc.wrapper a.button.small.od3 {
    order: 3;
  }

  .products-background {
    position: relative;
    background-color: #fff;
    min-height: 130px;
  }

  .products-background-header {
    margin: 0px;
    padding-top: 20px;
    text-align: center;
  }

  @media (min-width: 1024px) {
    .products-background {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -o-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      min-height: 220px;
    }

    .products-background-header {
      padding-top: 70px;
    }
  }

  p.card__price.discount {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
  }

  .form-group.numeric.discount {
    display: inline-block;
    vertical-align: middle;
    flex-basis: 50%;
  }

  .cart-product__content.discount {
    color: #fff;
  }

  .cart-preview__content h2 {
    color: #fff;
  }

  .form-radio.card.card.discount {
    margin-right: 0;
    margin-bottom: 0;
    width: 49%;
  }

  .ezone__info-edit.checkout {
    right: 5rem;
    font-size: 1.1rem;
  }

  .ezone__info-delete.checkout {
    right: 2.2rem;
    font-size: .8rem;
    top: .3rem;
  }

  .ezone__info-replace.checkout {
    right: 4.0rem;
    font-size: .8rem;
    top: 1rem;
  }

  .cookies__message {
    position: fixed;
    z-index: 23;
    background: #ffffff;
    width: 350px;
    bottom: 50px;
    left: 0;
    right: 0;
    color: #9a2f9b;
    padding: 2rem 10px;
    text-align: left;
    border-radius: 0 20px 20px 0;
    -webkit-backdrop-filter: saturate(250%) blur(15px);
    backdrop-filter: saturate(250%) blur(15px);
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
  }

  /* Firefox */
  _:-moz-any(x),
  .cookies__message {
    background-color: rgba(255, 255, 255, 1);
  }

  /* iExplorer */
  _:-ms-lang(x),
  .ie10up,
  .cookies__message {
    background-color: rgba(255, 255, 255, 1);
  }

  .cookies__message article {
    font-size: 14px;
    width: 90%;
    margin: 0 auto;
    color: #474545
  }

  .cookies__message a {
    color: #914BC1;
    font-size: 14px;
    text-decoration: underline;
  }

  .cookies__message .close__message a {
    cursor: pointer;
    padding: 8px;
    position: absolute;
    top: 4px;
    right: 8px;
    text-align: right;
    color: #663086;
    text-decoration: none !important;
  }

  .error__box {
    background: #fff;
    border: 2px solid #F44336;
    color: #333;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px !important;
    margin-top: 30px;
  }

  .warning__box {
    background: #fff;
    border: 2px solid #f4c045;
    color: #333;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 1rem;
  }

  .error__box.theme__transparent {
    background: rgba(255, 255, 255, 0.6);
  }

  .error__box a {
    text-decoration: underline;
    color: #fff;
  }

  span.error__single {
    color: #F44336;
  }

  span.warning__single {
    color: #f4c045;
  }

  span.error__single img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
  }

  .card__img.kit {
    display: inline-block;
    vertical-align: middle;
    position: relative;
  }

  .card__content.kit {
    display: inline-block;
    vertical-align: middle;
    width: 97% !important;
  }

  .form-radio .card__img+.card__content-wrap .card__content {
    padding-top: 0;
    margin-top: 0;
  }

  .form-radio.inline.card {
    margin-top: 1rem;
  }

  .cart-product__nums.kit .cart-product__price,
  .cart-product__nums.kit .cart-product__pts {
    color: #fff;
    text-align: left;
  }

  .route {
    border-bottom: 2px solid #eee;
    padding: 1rem 0;
  }

  .route__title span {
    font-size: 1rem;
  }

  .survey__role,
  .survey__experience,
  .survey__like,
  .survey__looking,
  .survey__looking--question,
  .survey__comment,
  .survey__feedback {
    font-size: 1rem;
    text-align: left;
  }

  .survey__role p {
    margin-right: 2rem;
  }

  .survey__comment textarea {
    resize: none;
    width: 100%;
  }

  .survey__send button {
    margin-top: 1rem;
    margin: 1rem auto;
  }

  .survey__feedback {
    margin-top: 1rem;
    text-align: center;
  }

  .survey__like input {
    margin-top: 1rem;
  }

  .form-radio.input-container {
    margin-top: 1rem;
  }

  .form-radio.full {
    width: 100%;
  }

  .modal-close.close {
    position: absolute;
    width: auto;
    padding: 0.5rem .8rem;
    background: transparent;
    color: #333;
    right: 1rem;
    top: 1rem;
    z-index: 10;
  }

  div#postalCodeSelector button.button.secondary.close.modal-close i {
    top: -30px;
  }

  button.button.secondary.close.modal-close i {
    font-size: 1.5em;
    padding: 0;
    position: absolute;
    right: 5px;
  }

  .modal-close.close:hover {
    background: transparent;
    color: #333;
  }

  .survey--typeform {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9999;
    position: fixed;
  }

  /* Inicio - Clase de Input Error */
  .has-error {
    border-color: #F44336 !important;
  }

  span.has-error {
    color: #F44336 !important;
  }

  /* Fin - Clase de Input Error */
  .business__main.cresiendo {
    margin-top: 23px;
  }

  .business__main-title.cases__headline.cresiendo h1 {
    padding: 2rem 0;
  }

  .business__main-title.cases__headline.cresiendo {
    background: #fff;
    text-align: left;
    padding: 3rem 3rem 1rem 3rem;
  }

  .modal.access.active {
    background: rgba(255, 255, 255, 0.8);
    max-width: 800px;
  }

  .modal.access .modal__body {
    padding: 2.5rem 0;
  }

  .modal__footer.access {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-backdrop-filter: saturate(250%) blur(20px);
    backdrop-filter: saturate(250%) blur(20px);
    background-color: rgba(255, 255, 255, 0.7);
  }

  .modal__footer.access .password__recovery {
    display: inline-block;
    width: auto;
    text-decoration: none;
    margin: 10px;
    padding: 0.5rem 2rem;
    font-size: 1rem;
    font-family: 'Noto Sans', sans-serif;
    text-align: center;
    text-transform: uppercase;
    background-color: var(--secondarycolor);
    border: none;
    border-radius: 40px;
    color: #fff;
    -webkit-transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -ms-transition: all 0.17s ease-in-out;
    transition: all 0.17s ease-in-out;
  }

  .modal.access .button.close {
    background: transparent;
    color: #fff;
  }

  .modal__login:hover .modal__login--title,
  .modal__register:hover .modal__register--title {
    color: #983398;
  }

  .cart-preview__resume p {
    margin: 8px 0;
    font-size: 0.8rem;
  }

  .cart-preview__resume p.total,
  .cart-preview__resume p.points {
    font-size: 1.4rem;
    font-weight: bold;
  }

  /* added class modified for country.blade - Start */
  .select-countries--start .select--categories {
    width: 100%;
    vertical-align: top;
  }

  .select-countries--start .select--categories select {
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 15px;
    color: #333;
    margin: 0 1rem 0 0;
  }

  .select-countries--start .select--categories input[type="text"] {
    padding: .5rem 1rem;
    border-radius: 20px;
    color: #333;
  }

  .select-countries--start .select--categories input[type="text"]::after,
  .select.select--categories::after {
    display: none;
  }

  .select-countries--start {
    color: #fff;
  }

  .select-countries--start .select--categories>div {
    vertical-align: top;
  }

  /* end added class modified for country.blade - Start */
  .small-label {
    padding: 0.2rem .5rem;
    text-transform: uppercase;
    font-size: .6em;
    margin: .2rem .1rem .1rem .8rem;
    color: white;
    border-radius: 8px;
    height: auto
  }

  .small-label.omnilife {
    background: var(--secondarycolor);
  }

  .small-label.seytu {
    background: #ff5b66;
  }

  .small-label.nfuerza {
    background: #45cbd4;
  }

  .small-label.default {
    background: var(--secondary600);
  }

  .search-row {
    font-size: 1.125em;
    margin: 10px 0;
    text-transform: uppercase;
    align-items: center;
  }

  @media screen and (min-width: 768px) {
    .search-row {
      font-size: 1.375em;
    }
  }

  .search-row {
    color: var(--primarycolor);
  }

  .search-row-header {
    color: var(--secondarycolor);
  }

  .search-row-description {
    color: var(--primarycolor);
  }

  /* autocomplete block*/
  .autocomplete-suggestions {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    width: auto !important;
  }

  .autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
  }

  .autocomplete-no-suggestion {
    padding: 2px 5px;
  }

  .autocomplete-selected {
    background: #F0F0F0;
  }

  .autocomplete-suggestions strong {
    font-weight: bold;
    color: #000;
  }

  .autocomplete-group {
    padding: 2px 5px;
  }

  .autocomplete-group strong {
    font-weight: bold;
    font-size: 16px;
    color: #000;
    display: block;
    border-bottom: 1px solid #000;
  }

  .form-control[disabled],
  .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
  }

  @media (max-width: 768px) {

    /* 1. Convertimos el contenedor de los inputs a Grid */
    /* Cubrimos ambas variantes de HTML (form-row hijo vs form-group en la misma clase) */
    #step2 .classTypeTelephone .col-right .form-row,
    #step2 .classTypeTelephone .col-right.form-group.row,
    #step2 .classTypeCellphone .col-right .form-row,
    #step2 .classTypeCellphone .col-right.form-group.row {
      display: grid !important;
      grid-template-columns: 20% 1fr !important;
      gap: 8px;
      align-items: center;
    }

    /* 2. Anulamos los estilos en línea (max-width) para que los inputs ocupen todo su celda del grid */
    #step2 .classTypeTelephone .col-right input.form-control,
    #step2 .classTypeCellphone .col-right input.form-control {
      max-width: 100% !important;
      width: 100% !important;
      margin: 0 !important;
    }
  }

  .alert-businessman {
    width: 75%;
    min-height: 30px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    border: 1px solid #fff;
    border-radius: 8px;
    line-height: 2;
  }

  a.product__link img,
  .brand__item.slider__item img {
    -webkit-transition: all 800ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
    -moz-transition: all 800ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
    -o-transition: all 800ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
    transition: all 800ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
    /* custom */
  }

  /* a.product__link:hover img,
  .brand__item.slider__item:hover img,
  .systems__img .product__image:hover img {
    opacity: .7;
    -moz-transform: scale(.9);
    -webkit-transform: scale(.9);
    -o-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: all 500ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
    -moz-transition: all 500ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
    -o-transition: all 500ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
    transition: all 500ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
    /* custom 
  } */

  /* Omnilife  Temas de color*/
  /* theme start kits*/
  .products-page.inner.theme--start,
  .theme--start .principal__title,
  .theme--start .products-tabs .tabs__item,
  .theme--start .principal__social .dropdown-toggle,
  .principal__price,
  .theme--start .principal__pts,
  .theme--start .products-desc__title.purple,
  .theme--start h3.product__name {
    color: #227352 !important;
  }

  .theme--start .principal__breadcrumbs,
  .theme--start .button.transparent:hover,
  .theme--start .products-desc__title:after {
    background-color: #227352;
  }

  .theme--start .circle__selected,
  .theme--start .tiny-img-selected {
    /*Detalle de talla*/
    border: 3px solid #227352;
  }

  .theme--start .size__selected {
    /*Detalle de talla*/
    border: none !important;
    background-color: #227352 !important;
    color: white;
  }

  .theme--start .slider__bullet.bullet__li.active>a {
    background-color: #227352;
  }

  /* theme best selling products*/
  .products-page.inner.theme--bestselling,
  .theme--bestselling .principal__title,
  .theme--bestselling .products-tabs .tabs__item,
  .theme--bestselling .principal__social .dropdown-toggle,
  .principal__price,
  .theme--bestselling .principal__pts,
  .theme--bestselling .products-desc__title.purple,
  .theme--bestselling h3.product__name {
    color: #E72276 !important;
  }

  .theme--bestselling .principal__breadcrumbs,
  .theme--bestselling .button.transparent:hover,
  .theme--bestselling .products-desc__title:after {
    background-color: #E72276;
  }

  .theme--bestselling .circle__selected,
  .theme--bestselling .tiny-img-selected {
    /*Detalle de talla*/
    border: 3px solid #E72276;
  }

  .theme--bestselling .size__selected {
    /*Detalle de talla*/
    border: none !important;
    background-color: #E72276 !important;
    color: white;
  }

  .theme--bestselling .slider__bullet.bullet__li.active>a {
    background-color: #E72276;
  }

  /* theme activeLife */
  .theme--activeLife .principal__title,
  .theme--activeLife .products-tabs .tabs__item,
  .theme--activeLife .principal__social .dropdown-toggle,
  .theme--activeLife .principal__price,
  .theme--activeLife .principal__pts,
  .theme--activeLife .products-desc__title.purple,
  .theme--activeLife h3.product__name {
    color: #ed1d25 !important;
  }

  .theme--activeLife .principal__breadcrumbs,
  .theme--activeLife .button.transparent:hover,
  .theme--activeLife .products-desc__title:after,
  .theme--activeLife ul.list-nostyle.principal__breadcrumbs {
    background-color: #ed1d25;
  }

  .theme--activeLife .circle__selected,
  .theme--activeLife .tiny-img-selected {
    /*Detalle de talla*/
    border: 3px solid #ed1d25;
  }

  .theme--activeLife .size__selected {
    /*Detalle de talla*/
    border: none !important;
    background-color: #ed1d25 !important;
    color: white;
  }

  .theme--activeLife .slider__bullet.bullet__li.active>a {
    background-color: #ed1d25;
  }

  /*subcategories*/
  .theme--activeLife .sub__item:hover a {
    background-color: #ed1d25;
    color: white;
    text-decoration: none;
  }

  .theme--activeLife .spotlight a {
    text-decoration: underline;
    -webkit-text-decoration-color: #ed1d25;
    text-decoration-color: #ed1d25;
    color: #ed1d25;
  }

  .theme--activeLife .sub__item.spotlight {
    background-color: #ffb5b8;
  }

  .theme--activeLife .ezone__panel.menu--subcat {
    background-color: rgb(253 94 100 / 68%) !important;
  }

  .theme--activeLife .cat--font.spotlight {
    background-color: #ed1d25;
    border-radius: 18px;
    margin-right: 10px;
    margin-left: 10px;
  }

  .theme--activeLife .sub__item-mobile.spotlight a {
    background-color: #ff7b80;
    color: white !important;
  }

  .theme--activeLife div#categories_section {
    color: #ed1d25;
  }

  /* theme balanced */
  .theme--balancedLife .principal__title,
  .theme--balancedLife .products-tabs .tabs__item,
  .theme--balancedLife .principal__social .dropdown-toggle,
  .theme--balancedLife .principal__price,
  .theme--balancedLife .principal__pts,
  .theme--balancedLife .products-desc__title.purple,
  .theme--balancedLife h3.product__name {
    color: #39bdac !important;
  }

  .theme--balancedLife .principal__breadcrumbs,
  .theme--balancedLife .button.transparent:hover,
  .theme--balancedLife .products-desc__title:after,
  .theme--balancedLife ul.list-nostyle.principal__breadcrumbs {
    background-color: #39bdac;
  }

  .theme--balancedLife .circle__selected,
  .theme--balancedLife .tiny-img-selected {
    /*Detalle de talla*/
    border: 3px solid #39bdac;
  }

  .theme--balancedLife .size__selected {
    /*Detalle de talla*/
    border: none !important;
    background-color: #39bdac !important;
    color: white;
  }

  .theme--balancedLife .slider__bullet.bullet__li.active>a {
    background-color: #39bdac;
  }

  /*subcategories*/
  .theme--balancedLife .sub__item:hover a {
    background-color: #39bdac;
    color: white;
    text-decoration: none;
  }

  .theme--balancedLife .spotlight a {
    text-decoration: underline;
    -webkit-text-decoration-color: #39bdac;
    text-decoration-color: #39bdac;
    color: #39bdac;
  }

  .theme--balancedLife .sub__item.spotlight {
    background-color: #b6fff6;
  }

  .theme--balancedLife .ezone__panel.menu--subcat {
    background-color: rgb(69 216 197 / 68%) !important;
  }

  .theme--balancedLife .cat--font.spotlight {
    background-color: #39bdac;
    border-radius: 18px;
    margin-right: 10px;
    margin-left: 10px;
  }

  .theme--balancedLife .sub__item-mobile.spotlight a {
    background-color: #7cd8cc;
    color: white !important;
  }

  .theme--balancedLife div#categories_section {
    color: #39bdac;
  }

  /* theme active */
  .theme--strongLife .principal__title,
  .theme--strongLife .products-tabs .tabs__item,
  .theme--strongLife .principal__social .dropdown-toggle,
  .theme--strongLife .principal__price,
  .theme--strongLife .principal__pts,
  .theme--strongLife .products-desc__title.purple,
  .theme--strongLife h3.product__name {
    color: #f7941e !important;
  }

  .theme--strongLife .principal__breadcrumbs,
  .theme--strongLife .button.transparent:hover,
  .theme--strongLife .products-desc__title:after,
  .theme--stronglife ul.list-nostyle.principal__breadcrumbs {
    background-color: #f7941e;
  }

  .theme--strongLife .circle__selected,
  .theme--strongLife .tiny-img-selected {
    /*Detalle de talla*/
    border: 3px solid #f7941e;
  }

  .theme--strongLife .size__selected {
    /*Detalle de talla*/
    border: none !important;
    background-color: #f7941e !important;
    color: white;
  }

  .theme--strongLife .slider__bullet.bullet__li.active>a {
    background-color: #f7941e;
  }

  /*subcategories*/
  .theme--strongLife .sub__item:hover a {
    background-color: #f7941d;
    color: white;
    text-decoration: none;
  }

  .theme--strongLife .spotlight a {
    text-decoration: underline;
    -webkit-text-decoration-color: #f7941d;
    text-decoration-color: #f7941d;
    color: #f7941d;
  }

  .theme--strongLife .sub__item.spotlight {
    background-color: #ffdfb9;
  }

  .theme--strongLife .ezone__panel.menu--subcat {
    background-color: rgb(255 154 31 / 68%) !important;
  }

  .theme--strongLife .cat--font.spotlight {
    background-color: #e08920;
    border-radius: 18px;
    margin-right: 10px;
    margin-left: 10px;
  }

  .theme--strongLife .sub__item-mobile.spotlight a {
    background-color: #efab63;
    color: white !important;
  }

  .theme--strongLife div#categories_section {
    color: #f7941d;
  }

  /* theme complement */
  .theme--complement .principal__title,
  .theme--complement .products-tabs .tabs__item,
  .theme--complement .principal__social .dropdown-toggle,
  .theme--complement .principal__price,
  .theme--complement .principal__pts,
  .theme--complement .products-desc__title.purple,
  .theme--complement h3.product__name {
    color: #00afcb !important;
  }

  .theme--complement .principal__breadcrumbs,
  .theme--complement .button.transparent:hover,
  .theme--complement .products-desc__title:after,
  .theme--complement ul.list-nostyle.principal__breadcrumbs {
    background-color: #00afcb;
  }

  .theme--complement .circle__selected,
  .theme--complement .tiny-img-selected {
    /*Detalle de talla*/
    border: 3px solid #00afcb;
  }

  .theme--complement .size__selected {
    /*Detalle de talla*/
    border: none !important;
    background-color: #00afcb !important;
    color: white;
  }

  .theme--complement .slider__bullet.bullet__li.active>a {
    background-color: #00afcb;
  }

  /*subcategories*/
  .theme--complement .sub__item:hover a {
    background-color: #00afcb;
    color: white;
    text-decoration: none;
  }

  .theme--complement .spotlight a {
    text-decoration: underline;
    -webkit-text-decoration-color: #00afcb;
    text-decoration-color: #00afcb;
    color: #00afcb;
  }

  .theme--complement .sub__item.spotlight {
    background-color: #b6fff6;
  }

  .theme--complement .ezone__panel.menu--subcat {
    background-color: rgb(0 173 204 / 60%) !important;
  }

  .theme--complement .cat--font.spotlight {
    background-color: #00afcb;
    border-radius: 18px;
    margin-right: 10px;
    margin-left: 10px;
  }

  .theme--complement .sub__item-mobile.spotlight a {
    background-color: #7ecdda;
    color: white !important;
  }

  .theme--complement div#categories_section {
    color: #00afcb;
  }

  /* theme systems */
  .theme--systems .principal__title,
  .theme--systems .products-tabs .tabs__item,
  .theme--systems .principal__social .dropdown-toggle,
  .theme--systems .principal__price,
  .theme--systems .principal__pts,
  .theme--systems .products-desc__title.purple,
  .theme--systems h3.product__name {
    color: #00afcb !important;
  }

  .theme--systems .principal__breadcrumbs,
  .theme--systems .button.transparent:hover,
  .theme--systems .products-desc__title:after,
  .theme--systems ul.list-nostyle.principal__breadcrumbs {
    background-color: #00afcb;
  }

  .theme--systems .circle__selected,
  .theme--systems .tiny-img-selected {
    /*Detalle de talla*/
    border: 3px solid #00afcb;
  }

  .theme--systems .size__selected {
    /*Detalle de talla*/
    border: none !important;
    background-color: #00afcb !important;
    color: white;
  }

  .theme--systems .slider__bullet.bullet__li.active>a {
    background-color: #00afcb;
  }

  /*subcategories*/
  .theme--systems .sub__item:hover a {
    background-color: #00afcb;
    color: white;
    text-decoration: none;
  }

  .theme--systems .spotlight a {
    text-decoration: underline;
    -webkit-text-decoration-color: #00afcb;
    text-decoration-color: #00afcb;
    color: #00afcb;
  }

  .theme--systems .sub__item.spotlight {
    background-color: #b6fff6;
  }

  .theme--systems .ezone__panel.menu--subcat {
    background-color: rgb(0 173 204 / 60%) !important;
  }

  .theme--systems .cat--font.spotlight {
    background-color: #00afcb;
    border-radius: 18px;
    margin-right: 10px;
    margin-left: 10px;
  }

  .theme--systems .sub__item-mobile.spotlight a {
    background-color: #7ecdda;
    color: white !important;
  }

  .theme--systems div#categories_section {
    color: #00afcb;
  }

  /* General */
  .alert-success {
    background-color: var(--primarycolor);
    color: #fff;
  }

  .products-maintitle.contact,
  .products-maintitle.contact span {
    color: #fff;
    background: transparent;
  }

  .search__box.is-mobile,
  .filters__products.is-mobile,
  .categories__list--filters {
    display: none;
  }

  #modal-temporal .button {
    display: inline-block;
    max-width: 45%;
    font-size: .6em;
  }

  #modal-temporal {
    max-height: 50%;
  }

  @media all and (min-width: 320px) and (max-width: 480px) {
    #modal-temporal {
      height: initial !important;
    }

    #modal-temporal .fa-3x {
      font-size: 2em;
    }

    #modal-temporal h2.modal__login--title {
      font-size: 1.2em;
    }

    #modal-temporal .button {
      max-width: 47% !important;
      font-size: 0.5em !important;
    }

    .select-countries--start {
      align-self: center;
      justify-content: center;
      flex-direction: column-reverse;
    }

    .main-nav__head.mov a {
      display: block;
      text-align: center;
      width: 7rem;
      border: 2px solid;
      border-radius: 15px;
      padding: 5px;
      -webkit-transition: .5s all ease-in;
      -moz-transition: .5s all ease-in;
      -o-transition: .5s all ease-in;
      -ms-transition: .5s all ease-in;
      transition: .5s all ease-in;
    }

    .nav-item {
      color: rgba(255, 255, 255, 1);
      margin: 0 4px;
    }

    li.nav-item.zip-code {
      max-width: 157px;
      line-height: 1;
    }

    .nav-item a {
      color: rgba(255, 255, 255, 1);
      text-transform: uppercase;
    }

    .pager__arrow.next {
      margin-left: 5px;
    }

    .pager__arrow.prev {
      margin-right: 5px;
    }

    .paginate_button {
      display: inline-block;
      margin: 0 0 0 10px;
      cursor: pointer;
      font-size: 1rem;
    }

    .pager__arrow {
      width: 68px;
      height: 50px;
      border: 2px solid var(--secondarycolor);
      border-radius: 50%;
      color: var(--secondarycolor);
    }

    .main-nav__head.mov a:hover,
    .main-nav__head.mov a:active,
    .main-nav__head.mov a:focus {
      background: #fff;
      color: #6a206c !important;
      -webkit-transition: .5s all ease-in;
      -moz-transition: .5s all ease-in;
      -o-transition: .5s all ease-in;
      -ms-transition: .5s all ease-in;
      transition: .5s all ease-in;
    }

    .slider.initialized .slider__item.active {
      background-position: 80%;
    }

    .products-desc__title {
      padding: 18px 0 0px 0;
    }

    .button.small.button-country {
      margin: 0;
    }

    .select-countries--start .select--categories select {
      margin: 0 0rem 17px 0;
      width: 15rem;
    }

    .select-country {
      background-size: cover;
      background-position: center center !important;
    }

    .select-country--form h1 {
      text-align: left;
    }

    .business__slider {
      margin-top: 100px;
      overflow: hidden;
    }

    .testimonial__about .button {
      margin: 0 auto;
    }

    li.nav-item.dropdown {
      margin-bottom: 1rem;
    }

    li.dropdown-item_change_country a {
      padding: .25rem 0;
    }

    .dropdown-list {
      box-shadow: none;
    }

    .nav-item.dropdown .dropdown-toggle:after {
      top: 20px;
    }

    .select.select--categories,
    .select.select--stories,
    .select.select--date,
    .select.select--news {
      width: auto;
    }

    .products-desc.withbg .products-desc__description {
      font-size: 1rem;
    }

    .nav-item.dropdown .dropdown-toggle {
      font-size: 1.2rem;
    }

    li.dropdown-item.dropdown-item_change_country a {
      font-size: .9rem;
      padding: .5rem 0;
    }

    .cases__body {
      margin-top: 11rem;
    }

    .products-background {
      padding: 0 .5rem;
      line-height: 40px;
    }

    .products-maintitle span {
      color: #fff;
    }

    #frmClaimsBook .products-maintitle span {
      color: var(--secondarycolor);
    }

    .product__link .product--device:first-child figcaption,
    .product__link .product--device figcaption {
      position: relative;
      text-align: center;
      width: 100%;
      display: block;
      left: 0;
      margin: 1rem 0;
      display: none;
    }

    .product--device {
      margin-bottom: 4rem;
    }

    .product__link .product--device:last-child figcaption {
      margin-top: 2rem;
      margin-bottom: 1rem;
    }

    .business__slider {
      margin-top: 50px;
      overflow: hidden;
    }

    .myomnibusiness__buttons img {
      margin-top: 1rem;
      margin-left: 2rem;
      margin: 1rem auto .5rem auto;
    }

    p.myomnibusiness--banner__description {
      padding: 2rem 1.5rem;
    }

    .nav-list.top .nav-item a {
      display: block;
    }

    ul.nav-list.top.list-nostyle {
      padding-left: 5%;
    }

    .business__slider {
      margin-top: 51px;
      overflow: hidden;
    }

    .myomnibusiness__banner {
      margin: 0;
    }

    .cookies__message {
      width: 100%;
    }

    .front-banners .fornt-banner__description {
      top: 73%;
    }

    .button.clean {
      padding-top: 9px;
    }

    table .button.clean {
      padding-top: 9px;
      font-size: 10px;
      min-width: 100px;
    }
  }

  .select.select--categories::after {
    border: 0;
    content: '';
    display: block;
    border-top: 8px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    pointer-events: none;
    position: absolute;
    right: 11px;
    top: 14px;
  }

  .myomnibusiness-menu.withbg.omnilife .myomnibusiness__title {
    font-size: 1.6rem;
  }

  /*Omninegocio -> dispositivos*/
  .theme--purple .product.myomnibusiness.slider__item {
    max-width: 100%;
  }

  .product.myomnibusiness.slider__item {
    width: auto;
  }

  .master-template .product.myomnibusiness.slider__item {
    width: 100%;
  }

  /*--end--*/
  .business__main .myomnibusiness--instructions {
    background: #43657f;
  }

  /* .wrapper.full-size-mobile.business__main.cases {
    background: -webkit-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 15%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 15%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 15%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 15%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, var(--primarycolor) 0%, var(--primarycolor) 15%, rgba(0, 0, 0, 0) 100%);
  } */

  /* Inicio - Clase Disabled Option */
  .optionDisabled {
    background-color: #FDEDEC;
    color: #E74C3C;
  }

  /* Fin - Clase Disabled Option */
  /*start - Clase alert-success-green */
  .alert-success-green {
    color: #dff0d8;
    background-color: #47cc9e;
    border-color: #d6e9c6;
  }

  .alert-green {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
  }

  .close-alert-green {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
  }

  /*end - Class alert-success-green */
  /* Start Inputs */
  .select-countries--start .select--categories select {
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 40px;
    background-color: #FFF;
  }

  #div_languages_select,
  #div_cities_select,
  #div_countries_select,
  #div_states_select {
    position: relative;
  }

  #div_languages_select::after,
  #div_cities_select::after,
  #div_countries_select::after,
  #div_states_select::after {
    content: '';
    display: block;
    border-top: 7px solid #000;
    border-left: 3px solid rgba(0, 0, 0, 0);
    border-right: 3px solid transparent;
    pointer-events: none;
    position: absolute;
    right: 30px;
    top: 17px;
  }

  .violet__box {
    background: #fff;
    border: 2px solid var(--primarycolor);
    color: #333;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px !important;
    margin-top: 30px;
  }

  .modal-promos .modal__body {
    overflow: auto;
    max-height: 550px;
  }

  .panel-heading {
    background-color: var(--primarycolor) !important;
    border-color: var(--primarycolor) !important;
    padding: 1px;
  }

  .panel-title {
    color: white !important;
  }

  .panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    float: right;
    color: white;
    content: "\f078";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
  }

  .panel-heading .accordion-toggle.collapsed:after {
    content: "\f054";
  }

  /*  */
  .notification {
    position: absolute;
    top: 5px;
    border: 1px solid #fff;
    right: 30px;
    font-size: 9px;
    background: #f44336;
    color: #fff;
    min-width: 20px;
    padding: 0 5px;
    height: 20px;
    border-radius: 10px;
    text-align: center;
    line-height: 19px;
    display: block;
    margin-right: 65px;
  }

  .story--container {
    min-height: 200px;
    resize: vertical;
  }

  .form-control.photography {
    border: 0;
  }

  .gmaps-body {
    color: #333;
  }

  .gmaps-body a,
  .gmaps-body a:active,
  .gmaps-body a:visited {
    color: #427fed;
  }

  .gmaps-body a:hover {
    text-decoration: underline;
  }

  /* Mobile Route */
  .mobile-route {
    width: 100%;
    margin: 2rem 0 0 0;
  }

  .mobile-route .buttons__container,
  .mobile-route .title {
    display: inline-block;
    vertical-align: middle;
  }

  .button.button__route {
    width: auto;
    background: #fff;
    border: 1px solid #333;
    color: #333;
    text-transform: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    vertical-align: middle;
    margin: 0 .25rem;
    margin-top: 1rem;
  }

  .button.button__route:hover,
  .button.button__route:active {
    background: #380354;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
  }

  .mobile-route .title {
    color: #6e6c6c;
    font-weight: bold;
    margin-right: 3rem;
  }

  .routes {
    background: #ededed;
    margin-top: 3rem;
    padding-bottom: 1rem;
    border-radius: 8px;
  }

  .routes--header {
    background: #d1d1d1;
    padding: 1rem;
  }

  .routes--header__name {
    color: #380354;
    font-size: 1.2rem;
  }

  .routes--header__description {
    font-size: .875rem;
    color: #333;
  }

  .routes__content {
    padding: 1rem;
  }

  .routes__list,
  .routes__map {
    display: inline-block;
    vertical-align: top;
    width: 59.5%;
  }

  .routes__list {
    background: #380354;
    padding: 1rem;
    max-height: 313px;
    overflow-y: scroll;
  }

  .routes__list--item {
    background: #fff;
    border-radius: 10px;
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
  }

  .route__city--name,
  .route__city--date {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #380354;
    width: 49%;
    margin: .5rem 0 0 0;
  }

  .route__city--date img {
    display: inline-block;
    vertical-align: middle;
  }

  .route__city--address,
  .route__city--note {
    font-size: 12px;
    color: #333;
    margin: 5px 0;
  }

  .routes__map {
    width: 40%;
    background: #fff;
    text-align: center;
  }

  .routes__map img {
    margin: 0 auto;
  }

  .routes__download {
    margin: 1rem auto 2rem auto;
    display: block;
    max-width: 200px;
    color: #fff;
    background: #fca444;
    padding: 0.5rem 1rem;
    border-radius: 20PX;
    text-align: center;
  }

  .routes__download:hover,
  .routes__download:active {
    background-color: #fbac56;
  }

  .payment-container.paypal.complete #paypal-button {
    width: 200px;
  }

  #paypalplus-info .button.secondary.small.collapsed {
    font-size: .8rem;
    margin: 10px 0;
  }

  div#shipping_address_select {
    padding: 0 10px;
  }

  .row.payment-container-row-paypal {
    width: 95%;
    padding: 0 10px;
  }

  @media only screen and (max-width: 767px) {
    .payment-container.paypal.complete {
      width: 100%;
    }

    .payment-container.paypal.complete #paypal-button {
      width: 100%;
    }

    .payment-container.paypal.complete .xcomponent-outlet {
      max-width: 100% !important;
    }
  }

  .gifts--videoblock {
    width: 100%;
    text-align: center;
    display: block;
    padding: 3rem 0;
  }

  .distributor-gifts__table {
    background: #fff;
    height: 36rem;
    overflow-y: scroll;
  }

  div#levels-container {
    width: 100%;
  }

  span.gift-month {
    font-weight: bolder;
    color: #fe9925;
    font-size: 115%;
  }

  .distributors__table {
    height: 12.7rem;
    min-height: 36rem;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 2rem;
    font-weight: bold;
  }

  .distributor-gifts__filters .select.select-distributor--level {
    padding-right: 10px;
  }

  .section select.form-control,
  .distributors__table td {
    text-transform: uppercase !important;
  }

  table {
    border-spacing: 0;
    border-collapse: collapse;
  }

  td,
  th {
    padding: 0;
  }

  .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }

  .contract {
    /*height: 68%;*/
  }

  .download-terms {
    margin: 20px auto;
  }

  .button-contract {
    margin-top: 10px;
    width: 90%;
    margin: 0 20px;
  }

  .button.small.btn--biography {
    padding: 0;
    background: #00add8;
  }

  .button.small.btn--biography:hover,
  .button.small.btn--biography:active {
    background: #08a5cc;
  }

  .button.small.new-address {
    width: auto;
    max-width: 18rem;
    margin-top: 2rem;
    background: var(--primarycolor);
  }

  .table-bordered {
    border: 1px solid #ddd;
    width: 90%;
    margin: 0 auto;
    background: #f4f4f4;
  }

  .table-bordered td,
  .table-bordered th {
    border: 1px solid #dee2e6;
  }

  .table.table-striped.table-bordered {
    background: #fff;
    width: 100%;
    text-align: left;
    font-family: 'Noto', Sans-Serif !important;
    border-radius: 16px;
    overflow: scroll;
    border: 1px;
  }

  .tools__inner.shopping {
    max-width: 100%;
    margin: 0;
  }

  .shopping.table--container {
    width: 100% !important;
  }

  .distributor-gifts__filters {
    width: 90%;
    margin: 0 auto;
    display: flex;
    vertical-align: middle;
    align-items: center;
  }

  .distributor-gifts__filters .select {
    margin: 0 10px;
  }

  .table-bordered>thead>tr>td,
  .table-bordered>thead>tr>th {
    border-bottom-width: 2px;
    background: #ebe9e9;
  }

  .table>tbody>tr>td,
  .table>tbody>tr>th,
  .table>tfoot>tr>td,
  .table>tfoot>tr>th,
  .table>thead>tr>td,
  .table>thead>tr>th {
    padding: 8px;
    line-height: 1.2;
    vertical-align: top;
    border-top: 1px solid #ddd;
    font-size: .8rem;
    vertical-align: middle;
  }

  .table-hover>tbody>tr:hover {
    background-color: #f5f5f5;
  }

  .distributor-gifts__table--country {
    margin: 0 auto;
    max-height: 20px;
  }

  .select-distributor--level {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    align-self: flex-start;
  }

  .select.select-distributor--level {
    margin: 1rem 0;
  }

  .button.theme--white.orange {
    background: #fff;
    color: #ffa639;
    margin: 0 auto;
  }

  .button.theme--white.turquoise {
    background: #fff;
    color: #17697e;
    margin: 0 auto;
  }

  .form-control.theme__gold {
    border: 2px solid #dbad4e;
    color: #dbad4e;
  }

  .form-control.theme__silver {
    border: 2px solid #a3a5a4;
    color: #a3a5a4;
  }

  .distributors-gifts__container .history--description {
    padding: 2rem 2rem;
  }

  select#select_silver:focus {
    background: #a3a5a4;
    color: white;
  }

  .select.select-distributor--level.silver.selected::after {
    border-top: 5px solid #ffffff;
  }

  .form-control.theme__diamond {
    border: 2px solid #00add8;
    color: #00add8;
  }

  .form-control.theme__double-diamond {
    border: 2px solid #E91E63;
    color: #E91E63;
  }

  .form-control.theme__triple-diamond {
    border: 2px solid #673AB7;
    color: #673AB7;
  }

  select#select_gold:focus {
    background: #dbad4e;
    color: white;
  }

  .select.select-distributor--level.gold.selected::before {
    color: #dbad4e;
  }

  .select.select-distributor--level.gold::after {
    border-top: 5px solid #f3d28e;
  }

  .select.select-distributor--level.silver::after {
    border-top: 5px solid #cacaca;
  }

  .select.select-distributor--level.silver.selected::before {
    color: #a3a5a4;
  }

  .distributor-gifts__table .table-responsive {
    border-radius: 20px;
    overflow: hidden;
  }

  select#select_diamond:focus {
    background: #00add8;
    color: white;
  }

  .select.select-distributor--level.diamond::after {
    border-top: 5px solid #2fd1f9;
  }

  .select.select-distributor--level.diamond.selected::before {
    color: #00add8;
  }

  select#select_double-diamond:focus {
    background: #E91E63;
    color: white;
  }

  .select.select-distributor--level.double-diamond::after {
    border-top: 5px solid #f776a2;
  }

  .select.select-distributor--level.double-diamond.selected::before {
    color: #E91E63;
  }

  select#select_triple-diamond:focus {
    background: #673AB7;
    color: white;
  }

  .select.select-distributor--level.triple-diamond::after {
    border-top: 5px solid #8a58e4;
  }

  .select.select-distributor--level.triple-diamond.selected::before {
    color: #673AB7;
  }

  .select.select-distributor--level.recruiter::after {
    border-top: 5px solid rgb(86, 41, 87);
  }

  .products.gifts {
    -webkit-flex: 0 0 78%;
    -ms-flex: 0 0 78%;
    flex: 0 0 78%;
    padding-bottom: 1rem;
    background: #fff;
    margin-bottom: 2rem;
  }

  .gifts-content-block {
    background: #fff;
    padding: 0 1rem;
    padding-top: 80px;
  }

  .gifts-content-block .history--description {
    padding: 1rem 2rem;
  }

  .products-desc.distributor-gifts {
    -webkit-flex: 0 0 22%;
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
    color: #fff;
    font-weight: bold;
    display: flex;
    padding: 1rem;
    align-items: center;
    border-radius: 20px;
  }

  .distributor-level__image img,
  .distributor-country img {
    margin: 0 auto;
    width: 100%;
    max-width: 300px;
    border-radius: 100%;
    overflow: hidden;
    height: auto;
  }

  .distributor-level__image {
    margin: 0 auto;
  }

  .distributor-level__image img {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
  }

  @keyframes floating {
    from {
      transform: translate(0, 0px);
    }

    65% {
      transform: translate(0, 5px);
    }

    to {
      transform: translate(0, -0px);
    }
  }

  @media screen and (min-width: 1024px) {

    #description_container,
    #description_container--incentivos {
      min-height: 644px;
    }

    .distributor-level__image {
      flex-direction: column;
    }
  }

  .distributor-level__image {
    display: flex;
    align-items: center;
  }

  table#block_5 td {
    padding: 3px;
  }

  img.distributor-gifts__user {
    max-width: 30px;
    margin: 0 auto;
  }

  #block_6 tr:hover img.distributor-gifts__user,
  #block_5 tr:hover img.distributor-gifts__user,
  #block_4 tr:hover img.distributor-gifts__user {
    max-width: 160px;
    transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    /* easeInOutQuad */
  }

  #block_6 tr img.distributor-gifts__user,
  #block_5 tr img.distributor-gifts__user,
  #block_4 tr img.distributor-gifts__user {
    transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    /* easeInOutQuad */
  }

  div#biography td {
    font-size: 13px !important;
    padding: 3px;
  }

  td.moneda-cell,
  td.importe-cell {
    font-size: 8px !important;
    text-align: left;
    font-weight: 400;
    border-right: none !important;
    border-left: none !important;
  }

  td.importe-cell {
    text-align: revert;
    padding: 0 !important;
    font-size: 10px !important;
  }

  td.moneda-cell {
    display: none;
  }

  .products-desc.distributor-gifts.recruiter {
    background: rgb(86, 41, 87);
  }

  img.distributor-level__pin {
    box-shadow: none;
  }

  .products-desc.distributor-gifts.bronce-supreme {
    background: rgb(199 116 74);
    background: radial-gradient(circle, rgb(201 116 72) 50%, rgb(60 8 60) 100%);
  }

  .products-desc.distributor-gifts.emprende {
    background: #50a071;
    background: radial-gradient(circle, rgb(80 160 113) 50%, rgb(60 8 60) 100%);
  }

  .products-desc.distributor-gifts.avance {
    background: #45cbd4;
    background: radial-gradient(circle, rgb(69 203 212) 30%, rgb(60 8 60) 100%);
  }

  .products-desc.distributor-gifts.avance-superior {
    background: #14757b;
    background: radial-gradient(circle, rgb(21 115 123) 50%, rgb(60 8 60) 100%);
  }

  .products-desc.distributor-gifts.novato {
    background: rgb(153, 154, 224);
    background: radial-gradient(circle, rgb(151 154 224) 50%, rgb(60 8 60) 100%);
  }

  #block_1.novato td,
  #block_1.novato th {
    background: rgb(152 154 224 / 0.2);
    border: 2px solid #989ae0;
  }

  table#block_1.novato {
    box-shadow: 0px 0 0 2px #989ae0 inset;
  }

  #block_1.bronce-supreme td,
  #block_1.bronce-supreme th {
    background: rgb(200 116 73 / .2);
    border: 1px solid #c87449;
  }

  table#block_1.bronce-supreme {
    box-shadow: 0px 0 0 2px #c87449 inset;
  }

  #block_1.avance td,
  #block_1.avance th {
    background: rgb(69 203 212 / 0.2);
    border: 1px solid #45cbd4;
  }

  #block_1.avance {
    box-shadow: 0px 0 0 2px #45cbd4 inset;
  }

  #block_1.calificados td,
  #block_1.calificados th {
    background: rgb(183 58 183 / 13%);
    border: 1px solid #673AB7;
  }

  #block_1.calificados {
    box-shadow: 0px 0 0 2px #673AB7 inset;
  }


  #block_1.avance-superior td,
  #block_1.avance-superior th {
    background: rgb(19 116 123 / .2);
    border: 1px solid #13747b;
  }

  #block_1.avance-superior {
    box-shadow: 0px 0 0 2px #13747b inset;
  }

  #block_1.emprende td,
  #block_1.emprende th {
    background: rgb(80 160 113 / .2);
    border: 1px solid #50a071;
  }

  #block_1.emprende {
    box-shadow: 0px 0 0 2px #50a071 inset;
  }

  #block_3.gold td,
  #block_3.gold th {
    background: rgb(219 174 78 / 0.2);
    border: 1px solid #dbae4e;
  }

  #block_3.gold {
    box-shadow: 0px 0 0 2px #dbae4e inset;
  }

  #block_3.diamond td,
  #block_3.diamond th {
    background: rgb(3 173 228 / .2);
    border: 1px solid #03ade4;
  }

  #block_3.diamond {
    box-shadow: 0px 0 0 2px #03ade4 inset;
  }

  #block_3.double-diamond td,
  #block_3.double-diamond th {
    background: rgb(234 31 98 / 0.2);
    border: 1px solid #E91E63;
  }

  #block_3.double-diamond {
    box-shadow: 0px 0 0 2px #E91E63 inset;
  }

  .products-desc.distributor-gifts {
    background-size: 1230px;
    background-color: #311a46;
  }

  .products-desc.distributor-gifts.silver {
    background-image: url(/img/plata-bg.png);
  }

  .products-desc.distributor-gifts.gold {
    background-image: url(/img/oro-bg.png);
  }

  .products-desc.distributor-gifts.diamond {
    background-image: url(/img/diamante-bg.png);
  }

  .products-desc.distributor-gifts.double-diamond {
    background-image: url(/img/doblediamante-bg.png);
  }

  .products-desc.distributor-gifts.triple-diamond {
    background-image: url(/img/triplediamante-bg.png);
  }

  .select.distribuitor-gifts__country {
    max-width: 220px;
    min-width: 180px;
  }

  .select-distributor--level .datefilter__group.search__group {
    position: relative;
    top: 0.2rem;
  }

  .select-distributor--level .icon-search img {
    right: 36px;
  }

  .select-distributor--level .datefilter__group.search__group input {
    border: 2px solid #c4c4c4;
    padding: 7px 2.75em 6px 1em;
  }

  .close_cross {
    top: 10px !important;
  }

  #gifts-doble-diamantes {
    margin-bottom: 0;
  }

  .doublediamonds__container,
  .diamonds__container {
    display: block;
    padding: 0 2rem;
    margin-bottom: 150px;
    padding-top: 80px;
  }

  .diamonds__container h2.history--title.omnilife {
    color: #00add8;
  }

  .doublediamonds__container h2.history--title.omnilife {
    color: var(--secondarycolor);
  }

  .diamonds__table {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    height: 30rem;
    min-height: 13rem;
    overflow-y: scroll;
  }

  .diamonds-text {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    align-items: center;
  }

  .diamonds__image {
    display: inline-block;
    width: 100%;
    max-width: 200px;
    vertical-align: middle;
  }

  .diamonds-text .history--description {
    padding: 2rem 0;
  }

  .diamonds-text h2.history--title {
    padding: 1rem;
  }

  .diamonds__container .diamonds__image img {
    padding: 30px;
  }

  .diamonds__table .table-bordered {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
  }

  /* Recover Password */
  .recover-pass-title>span {
    color: var(--secondarycolor);
  }

  .recover-size-mobile {
    margin-top: 60px;
    width: 92%;
  }

  .history-size-mobile {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .history-size-mobile-section {
    padding: 0rem 2rem 2rem 2rem;
    width: 100%;
    margin: 60px auto 0 auto;
  }

  .borndate {
    width: 100%;
    margin: auto;
  }

  .borndate.small {}

  .error {
    color: #eb2227;
    line-height: 1.8;
    font-size: 0.75rem;
  }

  .success--story {
    width: 100%;
    background: #fff;
    padding-top: 4rem;
  }

  .success--story__image,
  .success--story__banners {
    width: 60%;
    max-width: 760px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
  }

  .success--story__banners {
    margin-top: 3rem;
  }

  .success--story__banners a {
    margin: 0 1rem;
  }

  .success--story__message {
    padding: 2rem 0;
    width: 40%;
    margin: 0 auto;
    max-width: 760px;
    text-align: center;
    line-height: 1.5;
    color: var(--neutral);
    text-align: center;
    width: 80%;
    font-size: 1.125rem;
  }

  .modal.bio--modal,
  .modal.edit-profile,
  .modal.new-email {
    z-index: 120;
    box-shadow: 0 3px 22px rgba(0, 0, 0, 0.3), 0 20px 10px -15px rgba(0, 0, 0, 0.23);
    border-radius: 20px;
    font-size: 16px;
    padding: 5px 18px;
    line-height: 20px;
  }

  .modal.table-user-info,
  .modal.table-user-details {
    overflow: scroll;
  }

  .modal.new-email {
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
  }

  @-webkit-keyframes Gradient {
    0% {
      background-position: 0% 50%
    }

    50% {
      background-position: 100% 50%
    }

    100% {
      background-position: 0% 50%
    }
  }

  @-moz-keyframes Gradient {
    0% {
      background-position: 0% 50%
    }

    50% {
      background-position: 100% 50%
    }

    100% {
      background-position: 0% 50%
    }
  }

  @keyframes Gradient {
    0% {
      background-position: 0% 50%
    }

    50% {
      background-position: 100% 50%
    }

    100% {
      background-position: 0% 50%
    }
  }

  .new-email__title {
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
  }

  .new-email__info {
    display: block;
    width: 100%;
  }

  .new-email__info input {
    width: 80%;
    margin-top: 2rem;
  }

  .new-email__info input[type="checkbox"] {
    width: auto;
  }

  .new-email__subtitle {
    color: #fff;
    font-size: .9rem;
    font-weight: normal;
    text-align: center;
    margin-bottom: 0;
  }

  .new-email__info .ezone__info-group {
    margin-bottom: 0;
  }

  .new-email__subscription .form-checkbox {
    margin: 0 auto;
    width: 80%;
    margin-top: 2rem;
  }

  .new-email__subscription .form-checkbox .checkbox-label {
    color: #fff;
    font-size: .9rem;
  }

  .modal__body.edit .ezone__info-group {
    width: 100%;
  }

  .modal__body.edit {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }

  .modal__body.edit .ezone__info-group {
    width: 100%;
  }

  .edit-profile__image .avatar {
    width: 130px;
    height: 130px;
    margin: 0 auto;
  }

  .edit-profile__image,
  .edit-profile__info {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
  }

  .edit-profile__info .ezone__info-title {
    text-align: left;
    font-size: .8rem;
  }

  .avatar-file {
    position: relative;
  }

  .avatar-file label {
    border: 1px solid var(--notifybell);
    padding: 8px 24px;
    color: var(--primary700);
    font-size: 14px;
    transition: all .4s;
    border-radius: 18px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500;
  }

  .avatar-file input {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    opacity: 0.01;
    cursor: pointer;
  }

  .avatar-file input:hover+label,
  .avatar-file input:focus+label {
    background: var(--primarycolor);
    color: #FFF;
    cursor: pointer;
  }

  .bio--profile {
    width: 30%;
    background: #00add8;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    padding-top: 3rem;
  }

  .bio--profile img {
    border-radius: 50%;
    width: 6rem;
    margin: 0 auto;
    border: 2px solid #fff;
  }

  .bio--profile__name,
  .bio--profile__age {
    font-size: .9rem;
    padding: 0 1rem;
    font-weight: bold;
  }

  .bio--profile__age {
    font-size: .7rem;
  }

  .bio--profile__country {
    font-size: .765rem;
    font-weight: bold;
    padding-bottom: 1rem;
  }

  .bio--content {
    display: inline-block;
    vertical-align: middle;
    width: 69%;
    text-align: left;
    font-size: .8rem;
  }

  .bio--content blockquote {
    font-size: .8rem;
    font-style: italic;
  }

  .button.close.theme--blue {
    background: #00add8;
  }

  .icon.icon-edit.profile {
    width: 4em;
    height: 4em;
  }

  .icon.icon-edit.profile img {
    margin: 0 auto;
  }

  .ezone__headline--country {
    position: absolute;
    right: 25px;
    top: 15px;
    width: -5rem;
  }

  .ezone__headline--country h3,
  .ezone__headline--country h3 span {
    font-size: 0.813rem;
  }

  .ezone__headline--country h3,
  .ezone__headline--country img {
    display: inline-block;
    vertical-align: middle;
  }

  .ezone__headline--country img {
    width: 20px;
    height: 14px;
  }

  .avatar--edit {
    position: absolute;
    top: 0;
    display: none;
  }

  .ezone__profile-avatar:hover .avatar--edit {
    display: block;
  }

  .form-row.ezone__info-ctrl.address {
    display: none;
  }

  .ezone__profile-sponsor {
    padding: .5rem 2rem;
    border: 1px solid var(--neutral);
    color: var(--neutral);
  }

  .ezone__profile-avatar.inactive::after {
    background-color: var(--primarycolor);
  }

  .ezone__profile-avatar.bronze::after {
    background-color: rgb(216, 121, 66);
  }

  .ezone__profile-avatar.silver::after {
    background-color: #a3a5a4;
  }

  .ezone__profile-avatar.gold::after {
    background-color: #dbad4e;
  }

  .ezone__profile-avatar.diamond::after {
    background-color: #00ade4;
  }

  .popover__wrapper {
    position: relative;
    display: inline-block;
  }

  .ezone__profile__popover {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -150px;
    transform: translate(92px, -190px);
    background-color: #fff;
    padding: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    max-width: 400px;
    width: auto;
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
    min-width: 23rem;
    border-radius: 12px;
  }

  .ezone__profile__popover::before {
    position: absolute;
    z-index: -1;
    content: '';
    right: calc(50% - 10px);
    bottom: -6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    transition-duration: 0.3s;
    transition-property: transform;
  }

  .popover__wrapper:hover .ezone__profile__popover {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(134px, -174px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
    padding: 16px 16px;
  }

  .popover__wrapper:hover .ezone__profile__popover {
    font-size: .8rem;
    color: var(--neutral);
  }

  .ezone__profile__popover p {
    padding: 0;
    font-size: .9rem;
    margin: 0;
    color: var(--neutral);
    font-weight: normal;
  }

  .ezone__profile__popover h2 {
    background: #FFF;
    color: var(--neutral);
    text-align: left;
    padding: 0;
    position: relative;
    top: 0;
    font-size: 1rem;
    margin: 0;
  }

  .ezone__profile__sponsorImage {
    display: inline-block;
    vertical-align: middle;
    width: 6rem;
    position: relative;
    background: var(--secondarycolor);
    padding: 1rem 0;
  }

  .ezone__profile__sponsorImage img {
    width: 4rem;
    margin: 0 auto;
  }

  .ezone__profile--info {
    display: inline-block;
    vertical-align: middle;
    width: 172px;
    padding: 0 0 0 .5rem;
  }

  .stories--form {
    max-width: 600px;
    margin: 0 auto;
  }

  .stories--form h2 {
    color: var(--primarycolor);
    font-size: 1.5rem;
    font-family: 'Noto Sans', sans-serif !important;
    font-weight: normal;
  }

  .stories--form h3 {
    color: var(--neutral);
    font-size: 0.875rem;
    margin-bottom: 15px;
    font-weight: bold;
  }

  .stories--form p {
    margin-bottom: 35px;
    color: var(--neutral);
    font-size: 0.875rem;
  }

  .success--story__image img {
    border-radius: 18px;
  }

  @media screen and (min-width: 768px) {
    .form-group.stories--form__group {
      -webkit-box-align: center;
      -moz-box-align: center;
      -o-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -o-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: left;
      justify-content: left;
      margin-left: auto;
      margin-right: auto;
      max-width: 600px;
      gap: 16px;
    }

    .form-group.stories--form__group .col-right,
    .form-group.stories--form__group .form-label {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -o-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }

    .form-group.stories--form__group .form-label {
      margin: 0;
      text-align: right;
    }
  }

  .ezone__link h3 {
    color: var(--neutral);
    font-size: 0.875rem;
    font-weight: 400;
  }

  .ezone__link a {
    border-bottom: 1px dotted;
    font-style: italic;
    margin-bottom: 1rem;
    display: inline-block;
  }

  .events--details span {
    font-weight: bold;
  }

  .events--details ul li {
    padding: 0;
    line-height: 1.5;
  }

  .events--details ul li a {
    color: var(--neutral);
  }

  .events--details .warning {
    color: var(--primarycolor);
    text-transform: uppercase;
  }

  .ezone__grid-score li.is-cancelled {
    background: #F44336;
  }

  .ezone__grid-score.is-disqualified {
    color: #f44336;
  }

  .ezone__grid-img.is-disqualified {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
  }

  .top-recruiter,
  .rookie {
    width: 100%;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    background: #fff;
    border-bottom: 2px solid #eee;
  }

  h4.recruiter--user__codistributor {
    min-height: 15px;
  }

  .top-recruiter .table {
    width: 100%;
  }

  .recruiter--description img {
    margin: 0 auto;
  }

  .recruiter--description,
  .rookie--description,
  .millionaire--description {
    font-family: 'Roboto', Verdana, Arial;
    font-size: 0.75rem;
    background: #fff;
    padding: 3rem 3rem 2rem 3rem;
    margin: 0;
  }

  .millionaire--description {
    color: #fff;
    background: #000;
  }

  .top-recruiter--container,
  .rookie--container,
  .millionaire--container {
    width: 100%;
    background: white;
  }

  .millionaire--container {
    background: #000;
    padding-bottom: 5rem;
  }

  .business__item.top-recruiter--item.slider__item.three-columns,
  .business__item.rookie--item.slider__item.three-columns,
  .business__item.millionaire--item.slider__item.three-columns {
    background: rgb(86, 41, 87);
    border: 0;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    padding: 3.125rem 0.813rem 2.125rem 0.813rem;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    flex-basis: 25%;
  }

  .business__item.millionaire--item.slider__item.three-columns {
    background: #000;
    padding: 3.125rem 0.813rem 0.125rem 0.813rem;
    position: relative;
    padding: 20px 10px 30px 10px;
  }

  .business__item.rookie--item.slider__item.three-columns {
    background: #454f6d;
  }

  .business__item.millionaire--item.slider__item.three-columns img {
    width: 100%;
    border-radius: 10px;
  }

  .business__item.millionaire--item.slider__item.three-columns .millionaire--flag img {
    width: auto;
  }

  .millionaire-user {
    background: #fff;
    position: absolute;
    bottom: 40px;
    left: 10%;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    width: 80%;
    margin: 0;
    border-radius: 10px;
    /*min-height: 70px;*/
  }

  .millionaire--info {
    display: inline-block;
    vertical-align: middle;
    font-size: .8rem;
    text-align: left;
    padding: 5px 10px 5px 30px;
    width: 100%;
  }

  .millionaire--name {
    color: #333;
    margin: 0;
    font-size: .9rem;
    padding-bottom: 3px;
  }

  .millionaire--years {
    color: #333;
    margin: 0;
    padding-top: 5px;
    font-size: .8rem;
    border-top: 1px solid #adadad;
  }

  .millionaire--flag {
    display: block;
    vertical-align: middle;
    width: 25px;
    position: absolute;
    top: 0;
  }

  .business__grid.list-nostyle.top-recruiter--grid,
  .business__grid.list-nostyle.rookie--grid,
  .business__grid.list-nostyle.millionaire--grid {
    width: 90%;
    background: #454f6d;
  }

  .business__grid.list-nostyle.millionaire--grid {
    background: #000;
  }

  .business__grid.list-nostyle.top-recruiter--grid,
  .products-desc.distributor-gifts.top-recruiter--theme {
    background: rgb(86, 41, 87);
  }

  #gifts-top5-presentadores .distributor-country img {
    border-radius: 5px;
  }

  .top-recruiter--theme#description_container {
    min-height: 350px;
  }

  .recruiter--position,
  .rookie--position {
    display: inline-block;
    vertical-align: middle;
  }

  .rookie--position {
    width: 15%;
  }

  .recruiter--position span,
  .rookie--position span {
    font-size: 1.1rem;
    display: block;
    width: 100%;
    background: rgb(86, 41, 87);
    border-radius: 50%;
    color: #fff;
    padding: 4px 6px;
    height: 32px;
    width: 32px;
    margin: 0 auto;
  }

  .rookie--position span.first {
    background: #282E40;
  }

  .rookie--position span.second {
    background: #454F6D;
  }

  .rookie--position span.third {
    background: #515C7F;
  }

  .rookie--position span.fourth {
    background: #91A6E5;
  }

  .rookie--position span.fifth {
    background: #A1B9FF;
  }

  .recruiter--position span.first {
    background: #3F1E40;
  }

  .recruiter--position span.second {
    background: var(--primarycolor);
  }

  .recruiter--position span.third {
    background: #7E3C7F;
  }

  .recruiter--position span.fourth {
    background: #E36CE5;
  }

  .recruiter--position span.fifth {
    background: #FC78FF;
  }

  .recruiter--user,
  .rookie--user {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    width: 80%;
    padding: 0 1rem;
  }

  .rookie--user {
    width: 70%;
  }

  .recruiter--user__distributor,
  .rookie--user__distributor {
    font-size: .8em;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: "Roboto", verdana, arial;
  }

  .recruiter--user__codistributor,
  .rookie--user__area {
    color: var(--neutral);
    margin-top: 0;
    font-size: .7rem;
    font-family: "Roboto", verdana, arial;
  }

  .business__main-title.col3-4.recruiter {
    background: rgb(86, 41, 87);
  }

  .business__main-title.col3-4.rookie {
    background: #454f6d;
  }

  .business__main-title.col3-4.millionaire {
    background: #aa8639;
  }

  .rookie--list {
    width: 100%;
    height: 20rem;
    min-height: 20rem;
    max-height: 20rem;
    overflow-y: scroll;
  }

  .business__grid.list-nostyle.slider__wrap.top-recruiter--grid,
  .business__grid.list-nostyle.slider__wrap.rookie--grid {
    width: 90%;
  }

  .button.small.rookie--bonus {
    margin: 2rem auto 0 auto;
    margin-top: 1rem;
  }

  .dropzone {
    border: 2px dotted var(--primarycolor);
    border-radius: 18px;
  }

  .stories--form__dragAndDrop {
    width: 100%;
    text-align: left;
    margin-bottom: 0;
    margin-top: 3rem;
    color: var(--neutral);
    font-size: 0.875rem;
  }

  .form-group.form-checkbox.stories--form__group .checkbox-label {
    font-size: 12px;
  }

  .dropzone .dz-preview .dz-remove {
    color: var(--primarycolor);
  }

  /* .button__route.theme--west:hover,
  .routes__list.theme--west {
    background: #336699;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    transition: all .3s ease-in;
    border: 1px solid #336699;
  }

  .button__route.theme--south:hover,
  .routes__list.theme--south {
    background: #708627;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    transition: all .3s ease-in;
    border: 1px solid #708627;
  }

  .button__route.theme--north:hover,
  .routes__list.theme--north {
    background: #993300;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    transition: all .3s ease-in;
    border: 1px solid #993300;
  }

  .button__route.theme--center:hover,
  .routes__list.theme--center {
    background: #a28356;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    transition: all .3s ease-in;
    border: 1px solid #a28356;
  }

  .button__route.theme--istmo:hover,
  .routes__list.theme--istmo {
    background: #ff9933;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    transition: all .3s ease-in;
    border: 1px solid #ff9933;
  }

  .button__route.theme--south.active {
    background: #708627 !important;
    color: white;
    border: none;
  }

  .button__route.theme--north.active {
    background: #993300 !important;
    color: white;
    border: none;
  }

  .button__route.theme--center.active {
    color: white;
    border: none;
    background: #a28356 !important;
  }

  .button__route.theme--istmo.active {
    color: white;
    border: none;
    background: #ff9933 !important;
  }

  .button.button__route.theme--west.active {
    background: #336699 !important;
    color: white;
    border: none;
  } */

  .success--story__image {
    max-width: 100%;
    width: 92%;
  }

  .button.small.theme--gray {
    color: #fff;
    background: #ccc;
  }

  .profile--country {
    position: absolute;
    z-index: 17;
    bottom: 0;
    right: 0;
  }

  .ezone__profile-avatar::after {
    display: none;
  }

  .button.small.theme--gray:hover {
    color: #fff;
    background: var(--secondarycolor);
    font-weight: normal;
  }

  .ezone__logout img {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    margin-right: .5rem;
  }

  .ezone__logout {
    position: relative;
    opacity: .8;
  }

  .ezone__logout::after {
    content: '';
    display: block;
    border-top: 4px solid currentColor;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    pointer-events: none;
    position: absolute;
    right: -14px;
    top: 7px;
  }

  .new-email--politics {
    font-size: 12px;
    color: #fff;
    text-decoration: underline;
    padding: .5rem;
    display: inline-block;
    width: 100%;
    margin-top: 1.5rem;
    text-align: center;
  }

  .nav-list.list-nostyle.language li {
    text-align: left;
    width: 100%;
    margin-top: 3px;
    padding: 0;
    margin-left: 0;
    background: var(--primarycolor);
    color: #fff;
    padding: 0 .5rem;
  }

  .nav-list.list-nostyle.language li {
    margin-top: 0;
  }

  .dropdown-list.list-nostyle.language li {
    background: var(--primarycolor);
    color: #fff;
    border: 1px solid #fff;
  }

  .ezone__info-whatsapp {
    text-align: left;
    width: 100%;
    display: block;
    font-size: 1rem;
  }


  .modal__foot.edit {
    margin-top: 0;
  }

  .edit-info {
    font-size: .6rem;
    font-style: italic;
    text-align: left;
  }

  .qr-image {
    margin: auto;
    width: 25%;
  }

  ul.main-f__list.list-nostyle.tac {
    margin: 20px auto;
  }

  .main-f__row.brands .main-f__item {
    width: 220px;
    display: inline-block;
    vertical-align: middle;
    margin: 4px;
    text-align: center;
    max-height: 100px;
  }

  .brands .main-f__item a {
    margin: 0px 10px;
  }

  .main-f__item img {
    max-height: 120px;
    margin: 0 auto;
    border-radius: 10px;
  }

  .icon-omnilife2 img {
    border-radius: 0;
  }

  .main-f__row.brands {
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
  }

  .notification__header {
    border-bottom: 1px solid #dddddc;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    padding: 0.5rem 1rem 12px 0.5rem;
    position: relative;
    /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);*/
  }

  .notification__header.not-read {
    background: rgba(46, 88, 110, 0.06);
  }

  .notification__header:hover {
    background: rgba(46, 88, 110, 0.12);
    /*box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);*/
  }

  .notification__header.not-read .notification--title {
    font-weight: bold;
  }

  .ezone__body.notifications {
    padding-bottom: 1.5rem !important;
  }

  .notification__type {
    line-height: 100%;
    margin-right: 1.5rem;
  }

  .notification__type img {
    width: 25px;
  }

  .notification--title {
    margin: 0.25rem 0 2px;
    font-size: 14px;
    line-height: 17px;
    color: var(--neutral);
  }

  .notification--time {
    position: absolute;
    top: 8px;
    right: 20px;
    font-size: 12px;
    line-height: 14px;
    color: #686868;
  }

  .notification--url {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .Tinkerbell {
    position: relative;
  }

  .Tinkerbell-icon {
    cursor: pointer;
    color: #fff;
    grid-area: tinkerbell;
    font-size: 18px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }

  .Bell-clapper {
    -webkit-animation: clapper 1s ease-in-out;
    -moz-animation: clapper 1s ease-in-out;
    -o-animation: clapper 1s ease-in-out;
    -ms-animation: clapper 1s ease-in-out;
    animation: clapper 1s ease-in-out;
  }

  .Bell-body {
    -webkit-animation: bell 1s ease-in-out;
    -moz-animation: bell 1s ease-in-out;
    -o-animation: bell 1s ease-in-out;
    -ms-animation: bell 1s ease-in-out;
    animation: bell 1s ease-in-out;
  }

  @-moz-keyframes bell {
    0% {
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -o-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
    }

    20% {
      -webkit-transform: rotate(1.5deg);
      -moz-transform: rotate(1.5deg);
      -o-transform: rotate(1.5deg);
      -ms-transform: rotate(1.5deg);
      transform: rotate(1.5deg);
    }

    40% {
      -webkit-transform: rotate(-1.5deg);
      -moz-transform: rotate(-1.5deg);
      -o-transform: rotate(-1.5deg);
      -ms-transform: rotate(-1.5deg);
      transform: rotate(-1.5deg);
    }

    60% {
      -webkit-transform: rotate(1.5deg);
      -moz-transform: rotate(1.5deg);
      -o-transform: rotate(1.5deg);
      -ms-transform: rotate(1.5deg);
      transform: rotate(1.5deg);
    }

    80% {
      -webkit-transform: rotate(0.25deg);
      -moz-transform: rotate(0.25deg);
      -o-transform: rotate(0.25deg);
      -ms-transform: rotate(0.25deg);
      transform: rotate(0.25deg);
    }

    85% {
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -o-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
    }

    100% {
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -o-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
    }
  }

  @-webkit-keyframes bell {
    0% {
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -o-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
    }

    20% {
      -webkit-transform: rotate(1.5deg);
      -moz-transform: rotate(1.5deg);
      -o-transform: rotate(1.5deg);
      -ms-transform: rotate(1.5deg);
      transform: rotate(1.5deg);
    }

    40% {
      -webkit-transform: rotate(-1.5deg);
      -moz-transform: rotate(-1.5deg);
      -o-transform: rotate(-1.5deg);
      -ms-transform: rotate(-1.5deg);
      transform: rotate(-1.5deg);
    }

    60% {
      -webkit-transform: rotate(1.5deg);
      -moz-transform: rotate(1.5deg);
      -o-transform: rotate(1.5deg);
      -ms-transform: rotate(1.5deg);
      transform: rotate(1.5deg);
    }

    80% {
      -webkit-transform: rotate(0.25deg);
      -moz-transform: rotate(0.25deg);
      -o-transform: rotate(0.25deg);
      -ms-transform: rotate(0.25deg);
      transform: rotate(0.25deg);
    }

    85% {
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -o-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
    }

    100% {
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -o-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
    }
  }

  @-o-keyframes bell {
    0% {
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -o-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
    }

    20% {
      -webkit-transform: rotate(1.5deg);
      -moz-transform: rotate(1.5deg);
      -o-transform: rotate(1.5deg);
      -ms-transform: rotate(1.5deg);
      transform: rotate(1.5deg);
    }

    40% {
      -webkit-transform: rotate(-1.5deg);
      -moz-transform: rotate(-1.5deg);
      -o-transform: rotate(-1.5deg);
      -ms-transform: rotate(-1.5deg);
      transform: rotate(-1.5deg);
    }

    60% {
      -webkit-transform: rotate(1.5deg);
      -moz-transform: rotate(1.5deg);
      -o-transform: rotate(1.5deg);
      -ms-transform: rotate(1.5deg);
      transform: rotate(1.5deg);
    }

    80% {
      -webkit-transform: rotate(0.25deg);
      -moz-transform: rotate(0.25deg);
      -o-transform: rotate(0.25deg);
      -ms-transform: rotate(0.25deg);
      transform: rotate(0.25deg);
    }

    85% {
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -o-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
    }

    100% {
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -o-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
    }
  }

  @keyframes bell {
    0% {
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -o-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
    }

    20% {
      -webkit-transform: rotate(1.5deg);
      -moz-transform: rotate(1.5deg);
      -o-transform: rotate(1.5deg);
      -ms-transform: rotate(1.5deg);
      transform: rotate(1.5deg);
    }

    40% {
      -webkit-transform: rotate(-1.5deg);
      -moz-transform: rotate(-1.5deg);
      -o-transform: rotate(-1.5deg);
      -ms-transform: rotate(-1.5deg);
      transform: rotate(-1.5deg);
    }

    60% {
      -webkit-transform: rotate(1.5deg);
      -moz-transform: rotate(1.5deg);
      -o-transform: rotate(1.5deg);
      -ms-transform: rotate(1.5deg);
      transform: rotate(1.5deg);
    }

    80% {
      -webkit-transform: rotate(0.25deg);
      -moz-transform: rotate(0.25deg);
      -o-transform: rotate(0.25deg);
      -ms-transform: rotate(0.25deg);
      transform: rotate(0.25deg);
    }

    85% {
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -o-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
    }

    100% {
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -o-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
    }
  }

  @-moz-keyframes clapper {
    0% {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }

    25% {
      -webkit-transform: translateX(-3px);
      -moz-transform: translateX(-3px);
      -o-transform: translateX(-3px);
      -ms-transform: translateX(-3px);
      transform: translateX(-3px);
    }

    50% {
      -webkit-transform: translateX(4px);
      -moz-transform: translateX(4px);
      -o-transform: translateX(4px);
      -ms-transform: translateX(4px);
      transform: translateX(4px);
    }

    75% {
      -webkit-transform: translateX(-2px);
      -moz-transform: translateX(-2px);
      -o-transform: translateX(-2px);
      -ms-transform: translateX(-2px);
      transform: translateX(-2px);
    }

    100% {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
  }

  @-webkit-keyframes clapper {
    0% {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }

    25% {
      -webkit-transform: translateX(-3px);
      -moz-transform: translateX(-3px);
      -o-transform: translateX(-3px);
      -ms-transform: translateX(-3px);
      transform: translateX(-3px);
    }

    50% {
      -webkit-transform: translateX(4px);
      -moz-transform: translateX(4px);
      -o-transform: translateX(4px);
      -ms-transform: translateX(4px);
      transform: translateX(4px);
    }

    75% {
      -webkit-transform: translateX(-2px);
      -moz-transform: translateX(-2px);
      -o-transform: translateX(-2px);
      -ms-transform: translateX(-2px);
      transform: translateX(-2px);
    }

    100% {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
  }

  @-o-keyframes clapper {
    0% {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }

    25% {
      -webkit-transform: translateX(-3px);
      -moz-transform: translateX(-3px);
      -o-transform: translateX(-3px);
      -ms-transform: translateX(-3px);
      transform: translateX(-3px);
    }

    50% {
      -webkit-transform: translateX(4px);
      -moz-transform: translateX(4px);
      -o-transform: translateX(4px);
      -ms-transform: translateX(4px);
      transform: translateX(4px);
    }

    75% {
      -webkit-transform: translateX(-2px);
      -moz-transform: translateX(-2px);
      -o-transform: translateX(-2px);
      -ms-transform: translateX(-2px);
      transform: translateX(-2px);
    }

    100% {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
  }

  @keyframes clapper {
    0% {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }

    25% {
      -webkit-transform: translateX(-3px);
      -moz-transform: translateX(-3px);
      -o-transform: translateX(-3px);
      -ms-transform: translateX(-3px);
      transform: translateX(-3px);
    }

    50% {
      -webkit-transform: translateX(4px);
      -moz-transform: translateX(4px);
      -o-transform: translateX(4px);
      -ms-transform: translateX(4px);
      transform: translateX(4px);
    }

    75% {
      -webkit-transform: translateX(-2px);
      -moz-transform: translateX(-2px);
      -o-transform: translateX(-2px);
      -ms-transform: translateX(-2px);
      transform: translateX(-2px);
    }

    100% {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
  }

  .Layout-actions {
    position: absolute;
    right: 2rem;
    top: 1.7rem;
    font-size: 12px;
    color: #686868;
    line-height: 1.5;
    font-weight: 600;
  }

  .Layout-read {
    cursor: pointer;
  }

  .fc-toolbar.fc-header-toolbar h2 {
    text-transform: capitalize;
    font-weight: lighter;
    color: #30465d;
  }

  th.fc-day-header.fc-widget-header {
    font-weight: 900;
  }

  .fc td {
    background: var(--primary100);
  }

  .fc-unthemed .fc-content,
  .fc-unthemed .fc-divider,
  .fc-unthemed .fc-list-heading td,
  .fc-unthemed .fc-list-view,
  .fc-unthemed .fc-popover,
  .fc-unthemed .fc-row,
  .fc-unthemed tbody,
  .fc-unthemed td,
  .fc-unthemed th,
  .fc-unthemed thead {
    border-color: var(--primary400);
  }

  .fc-unthemed td.fc-today {
    background: var(--secondary100);
  }

  .fc-day-header.fc-widget-header span,
  .fc-basic-view .fc-week-number span {
    color: #445c78;
    font-weight: lighter;
    text-transform: capitalize;
  }

  .fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-disabled,
  .fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
    display: none;
  }

  .fc-prev-button.fc-button.fc-state-default.fc-corner-left,
  .fc-next-button.fc-button.fc-state-default.fc-corner-right {
    background: transparent;
    border: 0;
  }

  .fc-state-down,
  .fc-state-default,
  .fc-agendaWeek-button.fc-button.fc-state-default,
  .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right,
  .fc-month-button.fc-button.fc-state-default.fc-corner-left,
  .fc-closeCalendar-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
    box-shadow: none;
    background: #fff;
  }

  .fc-month-button.fc-button.fc-state-default.fc-corner-left.fc-state-active,
  .fc-agendaWeek-button.fc-button.fc-state-default.fc-state-active,
  .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active {
    background: var(--primarycolor) !important;
    color: #fff;
    text-shadow: none;
    box-shadow: none;
    font-weight: lighter;
    font-size: 1rem;
  }

  .fc-month-button.fc-button.fc-state-default.fc-corner-left.fc-state-active {
    background: #ddd;
  }

  .calendar__filters {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    align-items: center;
    -webkit-align-content: flex-end;
    -ms-align-content: flex-end;
    align-content: flex-end;
    margin-top: 2rem;
  }

  .select.calendar__filter--category.has-icon select {
    padding-left: 1rem;
    padding-right: 2rem;
  }

  .select.calendar__filter--category.has-icon {
    margin-right: 2rem;
  }

  .select.price-list {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-align-content: flex-start;
    -ms-align-content: flex-start;
    align-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    max-width: 70%;
    margin: .5rem 0;
  }

  .input.price-list {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-align-content: flex-start;
    -ms-align-content: flex-start;
    align-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    max-width: 70%;
    margin: .5rem 0;
  }

  .input.price-list span {
    display: flex;
    flex-basis: 100%;
    padding: .5rem 0;
  }

  .select.price-list span {
    display: flex;
    flex-basis: 100%;
    padding: .5rem 0;
  }

  .price-list__notify {
    margin-top: 3rem;
    font-style: italic;
    font-size: .8rem;
  }

  .table-striped.material tbody tr:nth-of-type(2n+1) {
    background: #eff2f7;
  }

  .table.table-striped.table-bordered.material thead th {
    vertical-align: middle;
    border-right: none;
    background: #eff2f7;
    font-size: .9rem;
  }

  .table.table-striped.table-bordered.material .datefilter__group.search__group {
    border: none;
    margin-top: 1rem;
  }

  .table.table-striped.table-bordered.material tbody th {
    font-weight: lighter;
    font-size: .8rem;
  }

  .calendar-modal__container {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
  }

  .table-bordered.material th {
    border: none;
    width: 75%;
  }

  .table-bordered.material tbody td {
    font-size: .8rem;
  }

  .table.table-striped.table-bordered.material .button.small.center {
    margin: 0 auto;
    padding: 2px 0;
  }

  .table.table-striped.table-bordered.material .datefilter__search {
    border: 1px solid #ddd;
  }

  .modal__body.calendar-modal {
    text-align: left;
  }

  .icon.icon-modal {
    display: inline-block;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
  }

  .icon {
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    padding: 5px;
  }

  .modal__body .calendar-modal__title {
    font-size: 1rem;
    color: #333;
    margin-bottom: 1rem !important;
  }

  .modal__body p.calendar-modal__subtitle {
    margin-top: 0.5rem;
    font-size: .9rem;
    color: #333;
    font-weight: bold;
    padding-bottom: .5rem;
  }

  .modal-calendar__address h3 {
    display: inline-block;
    vertical-align: middle;
    font-size: .9rem;
    font-weight: lighter;
    width: 70%;
    margin-top: 0;
  }

  .calendar-modal__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
  }

  .button.small.center.calendar-modal {
    padding: .5rem 1rem;
  }

  .calendar-modal__info,
  .calendar-modal__map {
    padding: 1rem;
  }

  .calendar-modal__map h3 {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    font-weight: lighter;
  }

  .button.small.center.calendar-modal {
    position: relative;
    margin: 1rem auto 0 auto;
  }

  .tools__inner.calendar {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .tools__inner.calendar a {
    width: 200px;
  }

  .calendar-modal__distributor a {
    color: currentColor;
    text-decoration: underline;
  }

  .tools__area.switcher-zone.calendar-box .text,
  .tools__area.switcher-zone.calendar-box .tools__inner {
    max-width: 1140px;
  }


  .tools__area.switcher-zone.active .button.small.center {
    margin: 0;
  }

  .calendar-modal__buttons {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 1rem;
  }

  .select-country.filters {
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: auto;
  }

  .add-to-cart {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    padding: 25px 80px;
    display: inline-block;
    margin: 15px 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }

  .button.add-to-cart.button--shopping.cart {
    background: #fff;
    color: var(--primarycolor);
    height: auto;
    line-height: 15px;
    font-size: 14px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 20px;
    border: 2px solid var(--primarycolor);
    font-family: 'Noto Sans', sans-serif;
    padding: 10px;
  }

  .button.add-to-cart.button--shopping.cart:hover {
    background: var(--primarycolor);
    color: #fff;
  }

  .button.add-to-cart.button--shopping.cart::before {
    content: '\f217';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
    color: #fff;
  }

  .button.add-to-cart.button--shopping.cart::before {
    position: absolute;
    height: 100%;
    width: 100%;
    line-height: 1.8;
    font-size: 180%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }

  .button--shopping.cart:hover::before {
    left: 0;
  }

  .button--shopping.cart::before {
    left: -100%;
    top: 0;
  }

  .button.add-to-cart.button--shopping.cart span {
    display: inline-block;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    -webkit-backface-visibility: hidden;
    -moz-transition: all 0.3s;
    -moz-backface-visibility: hidden;
    transition: all 0.3s;
    backface-visibility: hidden;
  }

  .button--shopping.cart:hover span {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
  }

  .button--shopping::after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }

  .btn-backorder {
    color: var(--secondarycolor) !important;
    border: solid 2px var(--secondarycolor) !important;
    background-color: white !important;
    min-width: fit-content;
  }

  .btn-backorder:hover {
    color: white !important;
    background-color: var(--secondarycolor) !important;
  }

  .profile-no-content:after {
    content: none;
  }

  .circle-btn {
    border-radius: 50%;
  }

  .notification-icon {
    margin-top: .1rem;
    font-size: 1.5rem;
    color: var(--primarycolor);
  }

  .global-form {
    margin: 0px;
  }

  .fc-event-container:hover {
    cursor: pointer;
  }

  .modal-component {
    width: 50%;
    height: 200px;
  }

  #modal-img.modal-component {
    width: auto;
    height: auto;
    margin: 0 auto;
    max-width: 260px;
  }

  .calendar-modal__buttons .calendar-modal,
  header.modal__body.calendar-modal {
    box-shadow: none;
  }

  .filters-calendar-helper {
    display: flex;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    align-items: center;
    -webkit-align-content: flex-end;
    -ms-align-content: flex-end;
    align-content: flex-end;
  }

  .filters-calendar-helper .list {
    margin: 10px 2em 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .filters-calendar-helper .list span {
    margin-right: 15px;
    margin-top: 8px;
  }

  .filters-calendar-helper .list .labels {
    color: #fff;
    font-size: small;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .filters-calendar-helper .list .labels div {
    margin-top: 8px;
  }

  /*Está debe cambiar cuando se homologue el dashboard en la ze de ezone__profile-name a distributor-info, mientras queda en el style de dashboard.blade*/
  .ezone__profile-name+.nav-list.list-nostyle.language li.nav-item {
    border: 1px solid #fff;
    border-radius: 5px;
    transition: .5s all ease-out;
  }

  .ezone__profile-name {
    margin-bottom: 5px;
  }

  .ezone__profile-name+.nav-list.list-nostyle.language li.nav-item:hover,
  .ezone__profile-name+.nav-list.list-nostyle.language li.nav-item:active,
  .ezone__profile-name+.nav-list.list-nostyle.language li.nav-item:focus {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid var(--secondarycolor);
    transition: .5s all ease-in;
  }

  .nav-list.list-nostyle.language .dropdown-list.language {
    width: 104%;
    left: -2px;
  }

  .button.clean.theme--brazil {
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    -ms-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
  }

  .button.clean.theme--brazil:hover,
  .button.clean.theme--brazil:active,
  .button.clean.theme--brazil:active:hover {
    background: var(--primarycolor);
    color: #fff;
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    -ms-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
  }

  .notice--no-price {
    background: #fff;
    padding: 2rem 3.5rem;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    width: 100%;
  }

  .notice--no-price a {
    color: #551aa5;
  }

  .notice--no-price.detail {
    padding: 1rem 0 0 0;
    width: 100%;
    background: transparent;
    border: 0;
  }

  .title.theme--brazil {
    color: var(--secondarycolor);
    padding: 1rem 0 0 0;
  }

  .title.theme--brazil a {
    color: #fff;
    text-decoration: underline;
  }

  .calendar-modal__container.active.diamond::before {
    background-image: url(https://images.unsplash.com/photo-1526648856597-c2b6745ad7bd?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1050&q=80);
    content: '';
    background-repeat: no-repeat;
    display: block;
    height: 3rem;
    background-position: center center;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    box-shadow: 1px 1px 1px #eee;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
  }

  .calendar-modal__container.diamond .modal__inner {
    margin-top: 2rem;
  }

  .ezone__profile-name+.nav-list.list-nostyle.language li.nav-item {
    border: 1px solid #fff;
    border-radius: 5px;
    transition: .5s all ease-out;
    padding: 5px 10px;
  }

  .is-not-invited {
    text-align: center;
    display: block;
    color: var(--neutral);
    font-size: .8rem;
    margin: 0 0 1.5rem 0;
    font-style: italic;
  }

  .personal-info.is-registered {
    width: 60%;
    margin: 0 auto;
    border-radius: 18px;
    color: #fff;
    background: var(--primarycolor);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    padding: 1rem;
  }

  .cart__confirm-items {
    width: 100%;
    overflow: auto;
    max-width: 50%;
  }

  .cart__confirm-items.mul .cart__confirm-item__qty {
    width: 5%;
  }

  .cart__confirm-items.mul .cart__confirm-item__name {
    width: 40%;
  }

  .cart__confirm-items.mul .cart__confirm-item__code {
    width: 10%;
  }

  .cart__confirm-items.mul .cart__confirm-item__price,
  .cart__confirm-items.mul .cart__confirm-item__pts {
    width: 20%;
  }

  .products-filter__title {
    margin-top: 2rem;
  }

  .categories--list {
    margin-top: 2rem;
  }

  .categories--list h2 {
    color: #333;
    font-family: 'Noto Sans', sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 2rem;
  }

  .categories--list .form-group {
    padding-left: 1rem;
    /*border-bottom: 1px solid #ddd;*/
    padding-top: 1px;
    padding-bottom: 8px;
  }

  .categories--list .form-group .checkbox-label {
    font-size: 1rem;
    padding-top: 1px;
  }

  .products-filter__list a {
    color: #333;
    padding-left: 1rem;
  }

  .accordion h2 {
    margin: 0;
    color: #fff;
  }

  .accordion {
    background: var(--primarycolor);
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    width: 100%;
    margin-bottom: 1rem;
    padding: 1rem 1rem;
    position: relative;
  }

  .accordion .more {
    position: absolute;
    right: 30px;
    font-size: 35px;
    top: 4px;
  }

  .categories--list .form-group .checkbox-label a {
    font-size: .9rem;
    margin-left: 14px;
  }

  .share--link h2 {
    display: inline-block;
    vertical-align: middle;
    width: 30%;
    font-size: 1rem;
  }

  .share--link .button.small {
    display: inline-block;
    vertical-align: middle;
  }

  .share--link img {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
  }

  .share--link.is-country {
    display: inline-block;
    vertical-align: middle;
    width: 49%;
    border-bottom: 2px solid #eee;
  }

  .share--link.is-country .button.small {
    display: inline-block;
    vertical-align: middle;
    max-width: 135px;
    padding-left: 0;
    padding-right: 0;
    font-size: .8rem;
  }

  .share--link.is-country h2 {
    display: inline-block;
    vertical-align: middle;
    width: 35%;
    font-size: .9rem;
  }

  .filters--products .select {
    width: 205px;
  }

  .filters--products .select,
  .filters--products span {
    display: inline-block;
    vertical-align: middle;
  }

  .filter--products span {
    color: #333;
  }

  .filters--products {
    background: #fff;
    padding: 1rem 2rem;
    position: relative;
    min-height: 6.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .filter--container {
    position: absolute;
    right: 2rem;
  }

  .product__image.is-not-available {
    filter: grayscale(0);
  }

  .form-group [id^="add-to-"] {
    width: 120px;
    margin: 10px;
    text-align: center;
  }

  .form-group.numeric.item-quantity-container {
    justify-content: center;
  }

  .product__description.is-not-available {
    color: #FF4842;
    text-align: center;
    width: 100%;
    font-weight: bold;
    padding: .5rem;
  }

  .is-not-available a {
    cursor: pointer;
    text-decoration: underline;
    color: red;
  }

  small.is-not-available {
    color: #FF4842;
    font-weight: bold;
    display: inherit;
  }

  .button.medium.compensation-plan {
    margin-top: 2rem;
  }

  .datefilter__search {
    padding: 4px 2.75em 6px 1em;
    border-radius: 18px;
    border: 1px solid var(--neutral4);
    width: 200px;
  }

  .datefilter__group.search__group.searchbox {
    max-width: 460px;
    height: 38px;
  }

  .datefilter__group .searchbox.icon-search img {
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    right: 16px;
    top: 10px;
  }

  .filter--apply {
    color: #333;
    font-size: 1rem;
    padding: 0 0.5rem;
  }

  .button.small.filter-button {
    width: 100%;
    max-width: 100%;
  }

  .nav-item.has--submenu {
    position: relative;
  }

  .nav-item.has--submenu:hover .business__submenu {
    display: block;
    transition: .3s all ease-in-out;
    border-top: 8px solid #ee8e03;
  }

  #imenu {
    color: var(--secondarycolor);
  }

  .main-nav button.icon-btn.fal.fa-times-circle.close.fa-2x {
    color: orange;
  }

  .business__submenu {
    left: 0;
    position: absolute;
    margin: 0;
    padding-left: 0;
    background: #120918;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .25);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 19rem;
    display: none;
    transition: .3s all ease-in-out;
    top: 32px;
  }

  .business__submenu li a {
    padding: 3px 1rem;
    font-size: 14px;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #0C0611;
    line-height: 22px;
  }

  .nav-item.has--submenu .business__submenu li a:hover {
    border-bottom: 7px solid #ee8e03;
    color: #ee8e03;
  }

  .postal-code {
    padding: 2rem 2rem 1rem 2rem;
    background: #fff;
  }

  .postal-code .form-checkbox {
    display: inline;
    vertical-align: middle;
  }

  .postal-code__actual {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    font-weight: bold;
  }

  .postal-code__actual a {
    text-decoration: underline;
    color: #333;
    font-weight: bold;
  }

  .modal.access.active.postal-code__modal {
    background: rgb(255, 255, 255);
    opacity: 1;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  }

  .postal-code__modal .button.secondary.close {
    color: var(--primarycolor);
    font-weight: bold;
    margin: 2rem 0;
  }

  .postal-code__description .filter-search--button {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
  }

  .postal-code__description {
    margin: 0 auto;
    width: 90%;
    color: #333;
    font-size: 1rem;
  }

  .postal-code__input_width_100 {
    max-width: 100% !important;
  }

  .postal-code__modal .datefilter__group.search__group {
    display: inline-block;
    vertical-align: middle;
  }

  .postal-code__modal .button {
    width: auto;
    margin: 2rem auto 0 auto;
  }

  .modal.access.active.postal-code__modal .modal.access .modal__body {
    padding: 0;
  }

  .product__image span {
    color: #fff;
    position: absolute;
    left: 70%;
    top: 0;
    border-radius: 50%;
    padding: 16px 4px;
    background: var(--secondarycolor);
    height: 3rem;
    width: 3rem;
    font-size: 11px;
    z-index: 10;
  }

  .avatar.smallx.is-millionaire {
    border: 4px solid #aa8639;
  }

  article.zip-code {
    color: #fff;
  }

  article.zip-code a {
    text-decoration: underline;
    color: #fff;
  }

  @media all and (min-width: 320px) and (max-width: 480px) {
    .cart__confirm-items.mul .cart__confirm-item__qty {
      width: 20px;
    }

    .main-h__icon:last-child {
      padding: 0 5px;
    }

    .nav-item-products {
      border-left: 0;
      border-left-color: gray;
      padding-left: 0;
    }

    .cart__confirm-items.mul .cart__confirm-item__name {
      width: 190px;
    }

    .cart__confirm-items.mul .cart__confirm-item__code {
      width: 80px;
    }

    .cart__confirm-items.mul .cart__confirm-item__price,
    .cart__confirm-items.mul .cart__confirm-item__pts {
      width: 100px;
    }

    .table>tbody>tr>td,
    .table>tbody>tr>th,
    .table>tfoot>tr>td,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>thead>tr>th {
      padding: 5px;
      font-size: 10px !important;
    }

    .table>thead>tr>th.summary {
      font-size: 1rem !important;
      padding: 10px;
    }

    .main-h .icon-btn {
      position: relative;
      top: 0;
    }

    .avatar-file input {
      width: 100%;
    }



    .table.table-striped.table-bordered.material .datefilter__search {
      width: 100%;
    }

    .datefilter__group .icon-search img {
      display: none;
    }

    .select.price-list {
      max-width: 100%;
      display: block;
    }

    .select.price-list .form-control {
      -webkit-appearance: menulist;
      -moz-appearance: menulist;
      appearance: menulist;
      margin-top: 1rem;
    }

    .register #report .step {
      max-width: 720px;
      width: 90%;
    }

    .ezone__grid-item__date {
      font-size: 1rem;
    }

    .ezone__jumbotron {
      width: 100%;
      margin: 0;
      position: relative;
      padding-bottom: 180px;
      overflow: hidden;
    }

    .ezone__jumbotron img,
    .ezone__jumbotron video {
      height: auto;
      max-width: 100%;
      width: auto;
      position: absolute;
      left: 50%;
      top: 0%;
      padding-bottom: 0;
      -webkit-transform: translate(-50%, -1%);
      -moz-transform: translate(-50%, -1%);
      -o-transform: translate(-50%, -1%);
      -ms-transform: translate(-50%, -1%);
      transform: translate(-50%, -1%);
    }

    .form-group.stories--form__group.distributor {
      margin-bottom: 25px;
    }

    textarea#report_description {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
    }

    .button {
      padding: 0.9rem 2rem;
    }

    .button.small {
      margin-top: 2rem;
      padding: 1rem 2rem;
      font-size: 1rem;
    }

    .ezone__grid-item__title {
      margin: 10px 0;
      font-size: 1.5rem;
      margin-top: 1rem;
    }

    .select.price-list {
      display: block;
    }

    .ezone__grid-item {
      -webkit-flex-basis: calc(100% - 10px);
      flex-basis: calc(49% - 10px);
      padding: 5px 0;
      line-height: 15px;
    }

    #impulsa-payment-methods .ezone__grid-item {
      -webkit-flex-basis: calc(49% - 60px);
      flex-basis: calc(49% - 60px);
    }

    li.ezone__grid-item.travel .ezone__grid-item__title {
      font-size: 1.2rem;
    }

    .ezone__grid-score p {
      margin: 5px 0;
      font-size: 1rem;
      margin-top: 1.5rem;
      margin-bottom: 1.5rem;
    }

    .ezone__grid-score li {
      border-radius: 50%;
      background-color: #ccc;
      color: #fff;
      font-size: 1.3rem;
      margin: 7px;
      padding-top: 7px;
      padding-right: 1px;
      text-align: center;
      height: 40px;
      width: 40px;
      font-family: "Roboto", verdana, sans-serif;
      /* border-bottom: 1px dotted; */
    }

    .ezone__grid-description {
      margin-top: 10px;
      padding: 4px;
      font-size: 1rem;
    }

    .ezone__grid-description {
      margin-top: 10px;
      padding: 4px;
      font-size: 1rem;
    }

    .ezone__info-group {
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
    }

    #divToPrint {
      display: none;
    }

    table {
      display: block;
      overflow-x: auto;
    }

    .select-country.filters {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%;
      height: auto;
    }

    .tools__area .select {
      width: 100%;
      max-width: 100%;
    }

    .ezone__profile.mobile {
      width: 100%;
    }

    .ezone__profile.mobile .ezone__profile-name {
      margin: 0;
      width: 100%;
    }

    .datefilter__group.search__group {
      height: 2rem;
    }

    .datefilter__group .icon-search img.search-icon {
      right: 21px;
      top: 12px;
      position: absolute;
    }

    .datefilter__label {
      display: block;
      width: auto;
      text-align: left;
      padding-left: 1rem;
    }

    .select.calendar__filter--category.has-icon {
      margin-right: 0;
      width: 100%;
      margin-top: 2rem;
    }

    .select.calendar__filter--category.has-icon select {
      padding-left: 1rem;
      padding-right: 2rem;
      width: 98%;
      margin-left: 1%;
    }

    .filters-calendar-helper {
      display: block;
    }

    .filters-calendar-helper .list {
      margin: 10px 2em 0 0;
      margin: 0;
    }

    .filters-calendar-helper .list .labels {
      display: block;
      margin-top: 1rem;
    }

    .filters-calendar-helper .list .labels span {
      padding: 1rem 1.5rem;
      margin-left: 1rem;
      width: auto;
      border-radius: 5px;
      display: inline-block;
      margin-top: 1rem;
      text-align: center;
    }

    .fc-toolbar .fc-center h2 {
      display: block;
      margin-top: 2rem;
      margin-bottom: 1rem;
    }

    span.datefilter__label.business-center {
      margin-top: 1.5rem;
    }

    .calendar-modal__date {
      display: block;
    }

    .calendar-modal__time {
      width: 100%;
    }

    #modal-map {
      width: 50%;
      height: 200px;
      width: 100%;
      margin-top: 3rem;
    }

    .modal__body p.calendar-modal__subtitle {
      margin-top: 2rem;
    }

    table {
      display: block;
      overflow-x: auto;
    }

    .select-country.filters {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%;
      height: auto;
    }

    .tools__area .select {
      width: 100%;
      max-width: 100%;
    }

    .ezone__profile.mobile {
      width: 100%;
    }

    .ezone__profile.mobile .ezone__profile-name {
      margin: 0;
      width: 100%;
      font-size: 1.2em;
    }

    .datefilter__group.search__group {
      height: 2rem;
    }

    .datefilter__group .icon-search img.search-icon {
      right: 21px;
      top: 12px;
      position: absolute;
    }

    li.main-h__icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      padding: 16px 0px;
      font-size: 1.5em;
    }

    .notification-tinkerbell {
      top: -3px;
      margin-right: 0px;
      right: -2px;
    }

    .notification-shopping-cart {
      top: 13px;
      margin-right: 0px;
      right: -3px;
    }

    .cif-spain {
      text-align: center !important;
      left: 0;
      right: 0;
      bottom: -25px;
    }


    .main-f__row.bottom .main-f__list {
      padding: 0 3rem;
      text-align: center;
    }

    .main-h__icon:last-child .icon-menu img {
      position: relative;
      top: 2px;
    }

    .notification--time {
      position: relative;
      top: 0;
      right: 0;
      font-size: 11px;
    }

    .products-desc {
      padding: 1rem 1.5rem;
    }

    .business__slider {
      margin-top: 0;
      overflow: hidden;
    }

    .success--story__image,
    .success--story__banners {
      width: 90%;
    }

    .business__main-title,
    .events--main-title {
      position: relative;
    }

    .business__main-inner {
      min-height: 2rem;
    }

    .success--story__banners {
      margin-top: 2rem;
    }

    .success--story__banners a {
      margin: 0;
    }

    .success--story__message {
      width: 90%;
    }

    .distributors-gifts__container .history--description {
      padding: 1rem;
    }

    .distributors-gifts__container .history--description {
      padding: 1rem;
    }

    .distributors-gifts__container h2.history--title.omnilife {
      font-size: 2rem;
    }

    .select-distributor--level:last-child {
      width: 100%;
    }

    .select.select-distributor--level {
      margin: .5rem 0;
      width: 100%;
    }

    .select-distributor--level {
      width: 100%;
    }

    .select-distributor--level:last-child {
      width: 100%;
      margin-bottom: 1rem;
    }

    .diamonds__image {
      display: none;
    }

    .diamonds__container {
      padding: 1rem;
    }

    .table-responsive {
      min-height: .01%;
      overflow-x: auto;
    }

    .button.small.btn--biography {
      max-width: 160px;
      width: 160px;
    }

    .diamonds__table {
      min-height: 10rem;
    }

    .table.table-bordered.table-responsive {
      width: 100%;
      margin-bottom: 15px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd;
    }

    .cresiendo--container.gifts--container {
      padding: 0;
      width: 100%;
    }

    .top-distributor--thumbnails__item {
      width: 100%;
      -webkit-flex-basis: 100%;
      flex-basis: 100%;
    }

    .top-distributor--thumbnails__item figcaption.theme--turquoise,
    .top-distributor--thumbnails__item figcaption.theme--lightOrange {
      min-height: 10.5rem;
      font-size: .8rem;
      width: 95%;
    }

    .history--description.mroute {
      padding: 2rem 2rem;
    }

    .mobile-route .title {
      text-align: center;
      width: 100%;
      margin: 1rem 0 2rem 0;
    }

    .button.button__route {
      width: 100%;
      margin: 4px 0;
    }

    .routes__content {
      padding: 0;
    }

    .routes__map {
      display: none;
    }

    .routes__list,
    .route__city--name,
    .route__city--date {
      width: 100%;
    }

    .bio--profile,
    .bio--content,
    .select-distributor--level .datefilter__group.search__group input {
      width: 100%;
    }

    .no-margin {
      margin-top: 0;
    }

    .modal__body.edit {
      display: block;
    }

    .edit-profile__image,
    .edit-profile__info {
      width: 100%;
    }

    .modal__inner {
      padding-right: 0;
    }

    .new-email__info input {
      width: 100%;
      margin-top: 2rem;
    }

    footer.modal__foot.email {
      margin-top: 0;
    }

    .notification__header {
      padding: 0.5rem 1rem 12px 0;
    }

    .notification__type {
      line-height: 100%;
      margin-right: 0;
    }

    .notification__type.notification-icon {
      margin-right: 10px;
      padding: 7px;
    }

    .notification__info {
      text-align: left;
      width: 100%;
    }

    .notification__type img {
      width: 40%;
      margin: 1rem auto 0 auto;
    }

    .ezone__body.notifications {
      padding-bottom: 1.5rem !important;
      padding-left: 0;
      padding-right: 0;
    }

    .select.price-list {
      max-width: 100%;
    }

    .table.table-striped.table-bordered.material .button.small.center {
      width: 160px;
      margin-top: 5px;
    }

    .table.table-striped.table-bordered.material .datefilter__search {
      width: 100%;
    }

    .select.calendar__filter--category.has-icon {
      margin-right: 0;
    }

    .calendar__filter,
    .calendar__filters {
      width: 100%;
      display: block;
    }

    .filters-calendar-helper {
      display: block;
    }

    #category-colors-labels {
      display: block;
      margin-top: 10px;
    }

    .filters-calendar-helper .list .labels span {
      padding: 2px 4px;
      margin-left: 8px;
      padding: 10px;
      border-radius: 6px;
      margin-left: 0;
      display: inline-block;
      width: auto;
      margin-right: 10px;
      margin-top: 11px;
    }

    .fc-time-area col {
      min-width: 70px !important;
    }

    .calendar-modal__date {
      display: block;
    }

    .calendar-modal__time {
      width: 100%;
    }

    div#modal-map {
      display: block;
      width: 100%;
      margin-top: 10px;
    }

    .calendar-modal__buttons {
      margin-top: 0;
    }

    .datefilter__label {
      padding: 0 1rem;
      text-align: left;
      margin-top: 2rem;
      margin-bottom: 1rem;
      display: block;
    }

    .Tinkerbell-icon svg {
      height: 30px;
    }

    .select.price-list span {
      font-size: .8rem;
    }

    .tools__area.switcher-zone.calendar-box .text,
    .tools__area.switcher-zone.calendar-box .tools__inner {
      display: inline-block;
      vertical-align: middle;
      width: 100%;
    }

    select.form-control {
      width: 100%;
      color: #8a8a8a;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
    }

    .select-country.filters {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }

    span.datefilter__label.business-center {
      margin-top: 1.5rem;
      margin-bottom: -1.5rem;
    }

    .tools__inner.shopping.table--container {
      margin-top: 1rem;
    }

    .ezone__section .center {
      margin: 30px auto 0;
      margin-bottom: 30px;
    }

    .faq .tabs__item:nth-child(n + 2) .ezone__title,
    .ezone__title,
    p.MsoNoSpacing,
    .ezone .text,
    p.MsoNormal {
      font-size: 1.1rem;
    }

    p.MsoNoSpacing+p,
    p.MsoNoSpacing+p span {
      font-size: 1.1rem !important;
    }

    .button {
      padding: 1rem 2rem;
    }

    .ezone__banner .button {
      font-size: 0.875rem;
      font-size: 1rem;
    }

    .union_europea h2.ezone__title {
      font-size: 1.1rem !important;
    }

    .union_europea .ezone__grid-img img {
      max-width: 80px;
      padding: 5px;
      background: none;
    }

    .union_europea a {
      color: orange;
    }

    .paginate_button.previous,
    .paginate_button.next {
      display: none !important;
    }

    .dataTables_paginate.paging_simple_numbers span {
      margin: 0 auto;
      font-size: 1.1rem;
    }

    .product__sep {
      display: none;
    }

    #herramientas,
    #compras,
    #herramientas,
    #materiales {
      padding-top: 66px;
      -webkit-justify-content: flex-start !important;
      -ms-flex-pack: start !important;
      justify-content: flex-start !important;
      -webkit-align-content: stretch !important;
      -ms-flex-line-pack: stretch !important;
      align-content: stretch !important;
    }

    button.button.clean.add-to-cart.button--shopping.cart {
      padding: 15px 4px;
      width: auto;
      font-size: .7em;
      font-weight: 400;
      display: inline-block;
      min-width: auto;
    }

    .products .slider__bullets {
      position: relative;
      top: 0;
      left: 0;
      z-index: 22;
      width: 100%;
      margin: 0;
      text-align: center;
      padding-bottom: 1rem;
    }

    .product__description {
      font-size: .9rem;
    }

    span.product__nums {
      font-size: 1.4rem;
      margin-top: 1rem;
    }

    .business__item .business__title {
      color: var(--primarycolor);
      font-size: 1.3rem;
    }

    .business__item-description {
      font-size: 1.1rem;
    }

    .bottom-banner__content p {
      color: #fff;
      font: 400 0.875em 'Noto Sans', sans-serif !important;
      margin: 0;
      margin-top: 1rem;
    }

    .business__main-title.cresiendo+.cases__body {
      margin-bottom: 5rem;
      top: 0;
      margin-top: .5rem;
      padding: 0;
    }

    .business__main-title.cases__headline.cresiendo {
      background: #fff;
      text-align: left;
      padding: 1rem 2rem 1rem 2rem;
    }
  }

  @media all and (min-width: 320px) and (max-width: 480px) {

    /* Products Mobile */
    .products-maintitle.is-mobile {
      display: none;
    }

    .products-page.general .products-block {
      margin: 0;
      border-radius: 0;
    }

    .search__box.is-mobile {
      height: 93px;
      margin-top: 0;
      background: var(--primarycolor);
    }

    .datefilter__search.filter-search--button {
      height: 42px;
      width: 100%;
      border-radius: 20px;
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    }

    .search__box.item {
      width: 90%;
      margin: 0 auto;
      height: 42px;
      position: relative;
      top: 25px;
    }

    .icon-btn.icon-search.searchbox {
      height: 24px;
      width: 24px;
      position: absolute;
      right: 0px;
      top: 4px;
    }

    .filters__products.is-mobile {
      background: #f2f2f2f2;
      padding: 1.5rem 0;
      text-align: center;
    }

    .filter-button.refresh.is-mobile {
      display: none;
    }

    .filters__button {
      display: inline-block;
      vertical-align: middle;
      width: 45%;
      border-radius: 20px;
      color: #fff;
      transition: .5s all ease-in;
      padding: 5px;
      text-align: center;
      line-height: 20px;
    }

    .filters__button:hover {
      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
      transition: .5s all ease-in;
    }

    .theme__yellow {
      background: var(--secondarycolor);
    }

    .theme__purple {
      background: var(--primarycolor);
    }

    .filters__button img {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      top: -3px;
    }

    .products-desc.is-mobile {
      background: #f2f2f2;
      display: none;
    }

    .products-desc__title.is-mobile {
      text-align: left;
      font-size: 36px;
      line-height: 110%;
    }

    .products-desc__description.is-mobile {
      text-align: left;
      padding: 0;
      margin-top: 6px;
      margin: 0;
      margin-top: 0px;
      margin-top: 6px;
      color: #333;
      font-size: 14px;
      line-height: 120%;
    }

    .categories--list,
    .filters--products {
      display: none;
    }

    .products-page {
      background: #f2f2f2;
    }

    .search__box.is-mobile,
    .filters__products.is-mobile {
      display: block;
    }

    .categories__list--omnilife,
    .categories__list--filters {
      background: #fff;
      height: auto;
      width: 90%;
      box-shadow: 0 2px 2px rgba(0, 0, 0, .25);
      border-radius: 10px;
      margin: 0 auto 1rem auto;
      display: block;
    }

    .categories__list--omnilife .categories--list {
      display: block;
      width: 90%;
      margin: 0 auto;
    }

    .categories__list--title {
      margin: 0;
      padding: 20px 17px;
      color: #333;
      font-size: 22px;
    }

    .categories--list h2 {
      font-size: 16px;
    }

    .categories--filters__buttons {
      width: 90%;
      margin: 0 auto;
      text-align: center;
      padding: 2rem 0;
    }

    .theme__gray {
      background: #8d8d8d;
    }

    .categories--filters__buttons .filter-button.is-mobile {
      display: block;
    }

    .filter--list {
      width: 100%;
      padding: 0;
    }

    .filter--list a {
      display: block;
      padding: 11px 1rem;
      height: 39px;
      color: var(--neutral);
      font-size: 16px;
      border-bottom: 1px solid var(--neutral);
    }

    .filter--list a:first-child {
      border-top: 1px solid var(--neutral);
    }
  }

  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .business-slider .mainslider__title {
      position: absolute;
      top: -20rem;
    }

    .cart__confirm-items {
      max-width: 100%;
    }


    .price-list.select::after {
      top: 60px;
    }

    .price-list.select.top-1r::after {
      top: 1rem;
    }

    .dashboard-main-content .ezone__body .price-list.select::after {
      top: 22px;
    }

    #download-catalog {
      margin-top: 1rem;
    }

    li.main-h__icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
    }

    .notification-tinkerbell {
      top: -1px;
      margin-right: 0px !important;
      right: -2px;
    }

    .notification-shopping-cart {
      top: 15px;
      margin-right: 0px !important;
      right: -2px;
    }

    .notification--time {
      position: relative;
      top: 0;
      right: 0;
      font-size: 11px;
    }

    .notification__type img {
      width: 40%;
      margin: 1rem auto 0 auto;
    }

    .notification__type {
      line-height: 100%;
      margin-right: 0;
    }

    .notification__type.notification-icon {
      margin-right: 10px;
      padding: 7px;
      margin-right: 10px;
      display: flex;
      align-items: center;
    }

    .notification__header.not-read .notification--title {
      margin-top: .9rem;
    }
  }

  /* Notificaciones */
  .message {
    width: 100%;
    height: auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    margin: 20px 0;
    padding: 10px;
    color: #333;
    font-family: 'Roboto', Arial, Verdana;
    font-size: 14px;
    font-weight: normal;
    line-height: 15px;
    font-style: normal;
    background: #FFF;
  }

  .message span,
  .message img {
    display: inline-block;
    vertical-align: middle;
    width: 84%;
  }

  .message img {
    width: auto;
  }

  .message.is-error {
    border-left: none;
    border-radius: 4px;
    background: var(--error100);
    box-shadow: 0px 4px 8px 3px rgb(144 0 0 / 15%), 0px 1px 3px 0px rgb(255 0 0 / 30%);
  }

  .message.is-error i.fa-stack-2x {
    color: #FF1744;
  }

  .message.is-success {
    border-radius: 8px;
    box-shadow: 0px 4px 8px 3px #5ae3a64a, 0px 1px 3px 0px rgba(0, 0, 0, 0.30);
    padding: 4px 8px 4px 16px;
    background: var(--success100) !important;
    color: #4CAF50 !important;
  }

  .message.is-success i.fa-stack-2x {
    color: #4CAF50;
  }

  .message.is-alert {
    border-radius: 8px;
    box-shadow: 0px 4px 8px 3px #92720029, 0px 1px 3px 0px rgba(0, 0, 0, 0.30);
    padding: 4px 8px 4px 16px;
    background: var(--warning100) !important;
    color: #927200 !important;
  }

  .message.is-alert i.fa-stack-2x {
    color: #FFC400;
  }

  .message.is-message {
    border-left: 9px solid #2196F3;
  }

  .message.is-message i.fa-stack-2x {
    color: #2196F3;
  }

  .ul-message {
    text-align: left;
    padding: 10px;
    margin: 5px;
    list-style: none;
  }

  .detail-err-open {
    text-align: right;
    font-size: 12px;
    color: #F44336;
    text-decoration: underline;
  }

  /* New start 2019 - Author: Flolo */
  .dib {
    display: inline-block;
  }

  .start__body {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    box-shadow: none;
    height: 100vh;
  }

  .start {
    text-align: center;
    font-family: 'Roboto', Arial, Verdana;
    color: #fff;
    min-height: 812px;
    background-size: cover;
    padding-bottom: 1rem;
  }

  .fs-90-per {
    font-size: 90%;
  }

  .brand.logo {
    width: 127px;
    margin: 0 auto;
    margin-top: 34px;
  }

  .start h3 {
    margin-top: 36px;
    margin-bottom: 36px;
    font-size: 24px;
  }

  .list-wrap.countries {
    padding-top: 15px;
    background: #fff;
    width: 90%;
    margin: 0 auto;
    color: #333;
    border-radius: 5px;
  }

  .list-wrap.countries .search-box {
    height: 42px;
    border-radius: 10px;
    border: 1px solid #f5f5f5;
    width: 100%;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    padding: 0 10px;
    margin-bottom: 20px;
  }

  .search-box__container {
    position: relative;
    width: 95%;
    margin: 0 auto;
  }

  .search-box__container img {
    position: absolute;
    right: 7px;
    top: 10px;
  }

  .list-wrap.countries .list {
    margin: 0 auto;
    list-style: none;
    text-align: left;
    overflow-y: scroll;
  }

  .list-wrap.countries .list a {
    text-decoration: none;
    font-size: 18px;
    line-height: 100%;
    color: #333;
    width: 100%;
    display: block;
    padding: 11px 32px;
    border-top: 1px solid #e5e5e5;
  }

  .list-wrap.countries .country__name {
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px;
  }

  .list-wrap.countries .country__flag {
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    width: 28px;
    height: 20px;
    background-position: 0 -24px;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 23px;
  }

  .empty-item {
    transition-property: opacity;
    transition-duration: 0s;
    transition-delay: 0s;
    transition-timing-function: ease;
  }

  .empty .empty-item {
    transition-property: opacity;
    transition-duration: .2s;
    transition-delay: .3s;
    transition-timing-function: ease;
  }

  .hiding {
    margin-left: -100%;
    opacity: 0.5;
  }

  .hidden {
    display: none;
  }

  .empty-item {
    background: #fff;
    color: #333;
    margin: 0.2em 0;
    padding: 0.5em 0.8em;
    font-style: italic;
    border: none;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    float: left;
    clear: left;
    width: 100%;
  }

  .empty .empty-item {
    opacity: 1;
    visibility: visible;
  }

  .country-count {
    display: none;
  }

  .list-wrap.countries {
    max-width: 1024px;
    min-height: 630px;
    border-radius: 10px;
    padding: 10px;
    -webkit-backdrop-filter: saturate(250%) blur(7px);
    backdrop-filter: saturate(250%) blur(7px);
    background-color: rgba(255, 255, 255, 0.7);
  }

  /* Firefox */
  _:-moz-any(x),
  .list-wrap.countries {
    background-color: #fff;
  }

  /* iExplorer */
  _:-ms-lang(x),
  .list-wrap.countries {
    background-color: #fff;
  }

  .countries__title {
    text-align: center;
    margin-top: 27px;
    margin-bottom: 27px;
    color: #333;
  }

  .countries__list--container {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }

  .countries__list--container.africa {
    min-width: 200px;
    padding-right: 20px;
    margin-top: 43px;
  }

  .countries__list--container h2 {
    color: #333;
    font-size: 18px;
    margin: 10px 0;
  }

  .list-wrap.countries .countries__list {
    margin: 0 auto;
    list-style: none;
    text-align: left;
    background: rgba(255, 255, 255, 0.5);
    padding-left: 1rem;
    border-radius: 10px;
  }

  #countryList-desktop {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  @media(min-width:768px) and (max-width:991px) {
    #countryList-desktop {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1;
    }
  }

  @media screen and (max-width: 480px) {
    .list-wrap.countries .countries__list.america {
      -webkit-column-count: 1 !important;
      -moz-column-count: 1 !important;
      column-count: 1 !important;
    }

    .list-wrap.countries .countries__list.eurasia {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1;
    }

    ul.countries__list li.in {
      width: 100% !important;
      display: block !important;
    }
  }

  ul.countries__list li.in {
    width: 49%;
    display: inline-block;
  }

  .list-wrap.countries .countries__list a {
    text-decoration: none;
    font-size: 14px;
    line-height: 100%;
    color: #333;
    width: 100%;
    display: block;
    padding: 11px 0;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
  }

  .list-wrap.countries .country__name {
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px;
  }

  .list-wrap.countries .country__flag {
    width: 28px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 23px;
  }

  .profile__container {
    width: 90%;
  }

  .profile__info h3 {
    margin: 5px 0;
  }

  .profile__info img,
  .profile__info figcaption {
    display: inline-block;
    vertical-align: middle;
  }

  .profile__info img {
    width: 54px;
    height: 54px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    border-radius: 50%;
  }

  .profile__info figcaption {
    width: 74%;
    margin-left: 15px;
  }

  .profile__info--name {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    line-height: 21px;
    font-style: normal;
  }

  .profile__info--name {
    font-weight: 700;
    color: var(--secondarycolor);
  }

  .profile__info--level {
    font-size: 14px;
    color: #fff;
    line-height: 16px;
    font-style: normal;
    margin: 0;
  }

  .not-logged_in {
    display: flex;
    padding: 5px 0px;
    width: 85%;
    align-items: center;
  }

  .acordion-paises li a {
    padding: 1em 1em 1em 2.5em;
    width: 100%;
    display: inline-block;
    border-bottom: solid 1px #f7f7f7;
    font-size: 95%;
    transition: all .4s;
  }

  .acordion-paises li p {
    color: #333;
    cursor: pointer;
    font-weight: bold;
  }

  .acordion-paises li a,
  .acordion-paises li p {
    padding: 1em;
    width: 100%;
    display: inline-block;
    border-bottom: solid 1px #f7f7f7;
    font-size: 95%;
    transition: all .4s;
    border-radius: 10px;
  }

  .acordion-paises li a:hover,
  .acordion-paises li p:hover {
    background: #f7f7f7;
  }

  .acordion-paises li a:hover {
    padding-left: 30px;
  }

  .acordion-paises li p:before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    display: inline-block;
    margin-right: 1em;
    transition: all .3s;
  }

  .acordion-paises li.opened p:before {
    transform: rotate(90deg);
  }

  .acordion-paises>li>ul {
    display: none;
  }

  .acordion-paises>li>ul.second-level>li>a:hover {
    background-color: #f7f7f7;
  }

  ul.acordion-paises {
    list-style: none;
    padding: 0;
  }

  /* Menu Julio 2019 - Author: Flolo  */
  .dropdown-list ul#countryList {
    position: relative;
    min-height: 200px;
    overflow: auto;
    padding: 3px 10px;
    list-style: none;
    border-left: 2px solid var(--neutral);
    margin: 5px 0;
  }

  .navbar .dropdown-toggle,
  .navbar .dropdown-menu a {
    cursor: pointer;
  }

  .navbar .dropdown-item.active,
  .navbar .dropdown-item:active {
    color: inherit;
    text-decoration: none;
    background-color: inherit;
  }

  .navbar .dropdown-item:focus,
  .navbar .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
  }

  @media (min-width: 767px) {
    .navbar .dropdown-toggle:not(.nav-link)::after {
      display: inline-block;
      width: 0;
      height: 0;
      margin-left: .5em;
      vertical-align: 0;
      border-bottom: .3em solid transparent;
      border-top: .3em solid transparent;
      border-left: .3em solid;
    }
  }

  .nav-paises {
    display: flex;
    margin: 0;
    padding: 0;
    align-content: center;
    align-items: center;
    z-index: 9999;
  }

  .nav-paises li {
    display: inline-block;
    list-style: none;
  }

  li.nav-lang.button-drop-down {
    min-width: 70px;
  }

  .nav-paises .button-drop-down {
    position: relative;
    margin: 0;
  }

  .nav-paises .continents li a {
    display: block;
    line-height: 1.5;
    padding: 3px 5px;
    text-decoration: none;
    z-index: 3;
  }

  .nav-paises .continents li a span {
    display: inline-block;
    margin-left: 5px;
    font-size: 10px;
    color: #999;
  }

  a.drop-down-toggle:after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    display: inline-block;
    margin-left: .5em;
    transition: all .3s;
    transform: rotate(90deg);
    margin-left: 3px;
  }

  a.drop-down-toggle.active:after {
    transform: rotate(0deg);
  }

  .top a.drop-down-toggle:after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    display: inline-block;
    left: 0;
    margin-left: 1px;
    transition: all .3s;
    transform: rotate(90deg);
  }

  .top a.drop-down-toggle.active:after {
    transform: rotate(270deg);
  }

  .nav-paises li a:hover,
  .nav-paises li a.drop-down-toggle.active {
    color: var(--secondarycolor);
  }

  .nav-paises li a.drop-down-toggle.active span {
    color: #fff;
  }

  .nav-paises li .drop-down-menu {
    display: none;
    position: absolute;
    left: -10px;
    padding: 5px;
    margin: 0;
    text-align: left;
    z-index: 3;
    background-color: #ffffff;
    border-radius: 0 10px 10px 10px;
    font-size: .7rem;
    column-count: 2;
    min-width: 220px;
  }

  a.change_country_header.tooltip {
    color: var(--primarycolor);
  }

  .nav-paises li .drop-down-menu.active {
    display: block;
  }

  .nav-paises li .drop-down-menu a {
    width: 165px;
  }

  .nav-paises li .drop-down-menu .drop-down-menu a {
    width: 150px;
  }

  .drop-down-menu ul.drop-down-menu {
    left: 100%;
  }

  .drop-down-menu .eurasia {
    top: 5px;
  }

  .drop-down-menu .america {
    top: -1px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  .drop-down-menu .northamerica {
    top: -1px;
  }

  .drop-down-menu .africa {
    top: 2px;
  }

  a.drop-down-toggle.active span {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
  }

  .top .button-drop-down ul.drop-down-menu {
    list-style: none;
    padding-inline-start: 20px;
    display: none;
    position: absolute;
    padding: 10px;
    background-color: #100916;
    min-width: 160px;
  }

  .top .button-drop-down ul.drop-down-menu a {
    line-height: 25px;
    font-size: .8em;
  }

  .add-new-distributors {
    width: 90%;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 19px 0;
    margin-bottom: 21px;
    margin-top: 21px;
  }

  .add-new-distributors img,
  .add-new-distributors p {
    display: inline-block;
    vertical-align: middle;
  }

  .add-new-distributors p {
    font-size: 16px;
    line-height: 23px;
    font-style: normal;
  }

  .button.add-distributors {
    width: 132px;
    margin: 0 auto;
  }

  /* Responsive  */
  @media screen and (max-width: 767px) {

    .drop-down-menu .africa,
    .drop-down-menu .america,
    .drop-down-menu .northamerica,
    .drop-down-menu .eurasia {
      left: 0 !important;
      top: 0 !important;
      position: relative !important;
      border-left: none !important;
      border-right: none !important;
    }

    .top .button-drop-down ul.drop-down-menu a {
      line-height: 2em;
    }

    .nav-paises li .drop-down-menu {
      background-color: transparent;
      position: relative;
      left: 0;
      border-radius: 0;
      padding: 0;
    }

    .nav-paises li .drop-down-menu.continents {
      background-color: #fff;
      border: none;
      font-size: 1em;
      line-height: 2em;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
      padding: 5px;
      border-radius: 10px;
      width: 95%;
      position: fixed;
      left: 2.5%;
    }

    .nav-paises li {
      display: block;
    }

    .nav-lang a.change_language_header.change_language_header {
      width: 100% !important;
      text-align: center;
    }

    .top .button-drop-down ul.drop-down-menu {
      position: relative;
      background-color: transparent;
      border-left: 2px solid;
      padding: 0 10px;
      margin-left: 20px;
    }

    .tooltip-content {
      display: none;
    }

    .tooltip-content .flag img {
      border-radius: 55px;
      padding: 1px;
    }

    ul.nav-list.list-nostyle.nav-paises {
      order: 1;
      padding: 5px 0;
      align-content: stretch;
      align-items: center;
      justify-content: space-between;
      flex-flow: row wrap;
    }

    .main-nav__head.mov {
      order: 2;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .main-nav__body {
      order: 3;
    }

    .add-new-distributors {
      order: 4;
    }

    .nav-paises li .drop-down-menu a {
      padding: 10px;
      font-size: 10px;
    }

    .nav-paises li .drop-down-menu a {
      width: 150px;
    }

    .main-nav {
      overflow: auto;
      -webkit-backdrop-filter: saturate(180%) blur(10px);
      backdrop-filter: saturate(180%) blur(10px);
      background-color: rgba(69, 14, 107, 0.8);
    }

    /* Firefox */
    _:-moz-any(x),
    .main-nav {
      background-color: var(--primarycolor);
    }

    /* iExplorer */
    _:-ms-lang(x),
    .main-nav {
      background-color: var(--primarycolor);
    }

    .main-f__row.brands .main-f__item {
      width: 220px;
      display: block;
      margin: 10px auto;
    }
  }

  /* tooltips menu */
  .tool-tip {
    position: relative;
    display: inline-block;
  }

  .tool-tip .tool-tip-text {
    visibility: hidden;
    width: 180px;
    background-color: #ffffff;
    color: var(--notifybell);
    text-align: center;
    border-radius: 10px;
    padding: 6px;
    position: absolute;
    left: 0;
    z-index: 3;
    bottom: 0;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 11px;
    box-shadow: 0 5px 30px rgb(0 0 0 / 0.4);
  }

  .tool-tip:hover .tool-tip-text {
    visibility: visible;
    opacity: 1;
    bottom: 120%;
    transition: 0.3s;
    left: 0;
    z-index: 99;
  }

  .tool-tip .tool-tip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
  }

  .atn-empresarios {
    color: #fff;
    text-align: center;
  }

  .atn-empresarios a {
    color: #fff;
    min-width: 150px;
    max-width: 300px;
    display: inline-block !important;
    border: 2px solid;
    padding: 8px 30px !important;
    border-radius: 50px;
  }

  a.change_country_header.menu-item.nav-item.tooltip:hover div {
    opacity: 1;
    margin-top: 0;
    left: 100%;
    z-index: 99;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }

  .nav-paises .tooltip div {
    background-color: #222;
    color: #F0B015;
    font-size: 0.3em;
    padding: 5px;
    min-width: 380px;
    top: -1px;
    left: 20em;
    margin-left: 0;
    opacity: 0;
    position: absolute;
    z-index: 2;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease-in-out;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    cursor: default !important;
  }

  .tooltip-content .flag img {
    border-radius: 50px;
    padding: 1px;
  }

  ul.drop-down-menu.eurasia {
    min-height: 46px;
    border: 2px solid rgb(0 0 0 / 18%);
    box-shadow: 0px 20px 30px -10px rgb(0 0 0 / 20%);
  }

  .nav-paises .tooltip div:after {
    right: 100%;
    top: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(34, 34, 34, 0);
    border-right-color: #222;
    border-width: 5px;
    margin-top: -5px;
  }

  /* Página Error 404  */
  section#not-found {
    display: flex;
    max-width: 960px;
    padding: 2%;
    align-items: center;
    margin: 0 auto;
    flex-direction: column;
    color: var(--primarycolor);
  }

  #not-found hr {
    border-color: white;
    width: 100%;
    opacity: .5;
  }

  #not-found h1 {
    font-size: 7em;
    line-height: 1em;
    margin: 20% 0 0 0;
  }

  /* #not-found h2 {
    font-size: 2em;
    text-shadow: 0 3px 10px white;
  } */

  #not-found a.button {
    display: inline-block;
    width: auto;
    margin: 10px auto;
  }

  .e404-imgs {
    padding: 10px;
  }

  .e404-imgs img,
  .cart__confirm-banner img {
    border-radius: 10px;
    display: inline-block;
    -webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
    -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
    transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
    /* ease (default) */
  }

  .e404-imgs img:hover,
  .cart__confirm-banner img:hover {
    opacity: .8;
    box-shadow: 0px 20px 10px -10px rgba(0, 0, 0, 0.2);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
    -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
    transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
    /* ease (default) */
  }

  /* section#not-found input#global-search {
    min-width: 260px;
    background: #fff;
    width: 100%;
    display: inline-block;
    padding: 10px;
    border-radius: 30px;
    border: 3px solid var(--primarycolor);
  } */

  /* section#not-found input#global-search:focus {
    border: 2px solid #F0B015;
  } */

  select.form-control.select-category:focus {
    border: 2px solid var(--secondarycolor);
  }

  /* #not-found button#search-btn {
    position: absolute;
    width: 20px;
    right: 10px;
    top: 8px;
  } */

  .circles {
    text-align: center;
    z-index: -1;
  }

  .circles p {
    font-size: 240px;
    color: #fff;
    padding-top: 60px;
    position: relative;
    z-index: 9;
    line-height: 100%;
  }

  .circles p small {
    font-size: 40px;
    line-height: 100%;
    vertical-align: top;
  }

  .circles .circle.small {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: #fba343;
    position: absolute;
    z-index: -1;
    top: 80px;
    left: 50%;
    animation: 10s smallmove infinite cubic-bezier(1, .22, .71, .98);
    -webkit-animation: 10s smallmove infinite cubic-bezier(1, .22, .71, .98);
  }

  .circles .circle.med {
    width: 200px;
    color: #fff;
    padding-top: 120px;
    height: 200px;
    border-radius: 50%;
    background: transparent;
    border: 30px solid var(--primarycolor);
    position: absolute;
    z-index: -1;
    top: 100;
    left: 10%;
    animation: 15s medmove infinite cubic-bezier(.15, .04, .15, .15);
    -webkit-animation: 15s medmove infinite cubic-bezier(.32, .04, .15, .75);
  }

  .circles .circle.med2 {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: var(--primarycolor);
    position: absolute;
    z-index: -1;
    top: 0;
    right: 30%;
    animation: 8s medmove infinite cubic-bezier(.32, .04, .15, .75);
    -webkit-animation: 8s medmove infinite cubic-bezier(.32, .04, .15, .75);
  }

  .circles .circle.big {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: var(--primarycolor);
    position: absolute;
    z-index: -1;
    top: 200px;
    right: 0;
    animation: 10s bigmove infinite;
    -webkit-animation: 10s bigmove infinite;
  }

  @-webkit-keyframes smallmove {
    0% {
      transform: scale(.2);
      top: 10px;
      left: 45%;
      opacity: 0;
    }

    25% {
      transform: scale(1);
      top: 100px;
      left: 40%;
      opacity: 0.7;
    }

    50% {
      transform: scale(.8);
      top: 240px;
      left: 55%;
      opacity: 1;
    }

    75% {
      transform: scale(1);
      top: 100px;
      left: 40%;
      opacity: 0.6;
    }

    100% {
      transform: scale(.2);
      top: 10px;
      left: 45%;
      opacity: 0;
    }
  }

  @keyframes smallmove {
    0% {
      transform: scale(.2);
      top: 10px;
      left: 45%;
      opacity: 0;
    }

    25% {
      transform: scale(1);
      top: 100px;
      left: 40%;
      opacity: 0.7;
    }

    50% {
      transform: scale(.8);
      top: 240px;
      left: 55%;
      opacity: 1;
    }

    75% {
      transform: scale(1);
      top: 100px;
      left: 40%;
      opacity: 0.6;
    }

    100% {
      transform: scale(.2);
      top: 10px;
      left: 45%;
      opacity: 0;
    }
  }

  @-webkit-keyframes medmove {
    0% {
      transform: scale(.5);
      top: 250px;
      left: 20%;
      opacity: .2;
    }

    25% {
      transform: scale(1);
      top: 100px;
      left: 80%;
      opacity: 0.7;
    }

    50% {
      transform: scale(1.5);
      top: 240px;
      left: 55%;
      opacity: .8;
    }

    75% {
      transform: scale(1);
      top: 100px;
      left: 40%;
      opacity: 0.6;
    }

    100% {
      transform: scale(.5);
      top: 250px;
      left: 20%;
      opacity: .2;
    }
  }

  @keyframes medmove {
    0% {
      transform: scale(.5);
      top: 250px;
      left: 20%;
      opacity: .2;
    }

    25% {
      transform: scale(1);
      top: 100px;
      left: 80%;
      opacity: 0.7;
    }

    50% {
      transform: scale(1.5);
      top: 240px;
      left: 55%;
      opacity: .8;
    }

    75% {
      transform: scale(1);
      top: 100px;
      left: 40%;
      opacity: 0.6;
    }

    100% {
      transform: scale(.5);
      top: 250px;
      left: 20%;
      opacity: .2;
    }
  }

  @-webkit-keyframes bigmove {
    0% {
      transform: scale(.5);
      top: 0px;
      right: 10%;
      opacity: .5;
    }

    25% {
      transform: scale(.8);
      top: 140px;
      right: 50%;
      opacity: 0.4;
    }

    50% {
      transform: scale(1);
      top: 90px;
      right: 25%;
      opacity: .8;
    }

    75% {
      transform: scale(.8);
      top: 20px;
      right: 35%;
      opacity: 0.6;
    }

    100% {
      transform: scale(.5);
      top: 0px;
      right: 10%;
      opacity: .5;
    }
  }

  @keyframes bigmove {
    0% {
      transform: scale(.5);
      top: 0px;
      right: 10%;
      opacity: .5;
    }

    25% {
      transform: scale(.8);
      top: 140px;
      right: 50%;
      opacity: 0.4;
    }

    50% {
      transform: scale(1);
      top: 90px;
      right: 25%;
      opacity: .8;
    }

    75% {
      transform: scale(.8);
      top: 20px;
      right: 35%;
      opacity: 0.6;
    }

    100% {
      transform: scale(.5);
      top: 0px;
      right: 10%;
      opacity: .5;
    }
  }

  .shake {
    -webkit-animation-name: shake;
    animation-name: shake;
  }

  @-webkit-keyframes shake {

    from,
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }
  }

  @keyframes shake {

    from,
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }
  }

  /* Cierre  de mes indistinto */
  div#changeMonth .modal__inner {
    padding: 0;
  }

  .cierre-indistinto {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .cierre-indistinto .button {
    margin: 0 10px;
  }

  .changeMonth {
    color: var(--primarycolor);
  }

  #c-item td {
    min-width: 60px;
  }

  #c-item-filter {
    margin: 15px 0;
    padding: 20px;
    background: white;
    /*primarycolor*/
    color: var(--primarycolor);
    border-radius: 20px;
  }

  #c-item-filter .select::after {
    color: var(--primarycolor);
  }

  .select-width-100 .select {
    width: 100%;
  }

  .btn-unstyled {
    background: transparent;
    border: 0;
    box-shadow: 0;
    outline: none;
  }

  .xml .fa-file-download:after {
    content: "XML";
    background: var(--primary500);
    font-size: 9px;
    color: #fff;
    font-family: sans-serif;
    padding: 1px 3px;
    border-radius: 3px;
    left: -36px;
    top: -20px;
    position: relative;
  }

  .pdf .fa-file-download:after {
    content: "PDF";
    background: var(--primary500);
    font-size: 9px;
    color: #fff;
    font-family: sans-serif;
    padding: 1px 3px;
    border-radius: 3px;
    left: -36px;
    top: -20px;
    position: relative;
  }

  .fa-file-download:hover {
    color: var(--primary3);
  }

  #c-item-table i.fa.fa-file-download {
    font-size: 2.4em;
    color: #68497b;
  }

  #c-item-table .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
  }

  .table th,
  .table thead td {
    vertical-align: bottom;
  }

  #c-item-table table,
  #c-item-table .table {
    min-width: 100%;
  }

  .pagination>li {
    display: inline;
  }

  #unique_block {
    min-height: 70vh;
    z-index: 99;
    display: flex;
    flex-direction: column;
    top: 0px;
  }

  #dataTables_wrapper.active {
    display: block !important;
  }

  div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
  }

  table#c-item-table {
    width: 100% !important;
  }

  div.dataTables_wrapper div.dataTables_filter input {
    padding: 0 10px;
  }

  .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
  }

  .pagination>li>a,
  .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
  }

  .pagination>.active>a,
  .pagination>.active>a:focus,
  .pagination>.active>a:hover,
  .pagination>.active>span,
  .pagination>.active>span:focus,
  .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: var(--primarycolor);
    border-color: var(--primarycolor);
  }

  .pagination>li:first-child>a,
  .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  .pagination>li:last-child>a,
  .pagination>li:last-child>span {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }

  .pagination>li>a,
  .pagination>li>span {
    color: var(--primarycolor);
    background-color: #fff;
    border: 1px solid #ddd;
  }

  .pagination>li>a:focus,
  .pagination>li>a:hover,
  .pagination>li>span:focus,
  .pagination>li>span:hover {
    z-index: 2;
    color: #fff;
    background-color: #ee8d03;
    border-color: #ee8d03;
  }

  table.dataTable thead>tr>th.sorting_asc,
  table.dataTable thead>tr>th.sorting_desc,
  table.dataTable thead>tr>th.sorting,
  table.dataTable thead>tr>td.sorting_asc,
  table.dataTable thead>tr>td.sorting_desc,
  table.dataTable thead>tr>td.sorting {
    padding-right: 20px;
  }

  .text.events--details iframe {
    border-radius: 15px;
    max-width: 100%;
  }

  aside.ezone__banners.mul {
    margin: 0;
    width: 100%;
  }

  /* navidad */
  .snowflakes {
    display: none;
    width: 100%;
    position: fixed;
    top: -200px;
    left: 0;
    z-index: 99;
  }

  .snowflakes i {
    display: inline-block;
    -webkit-animation: snowflakes 5s linear 2s 20;
    -moz-animation: snowflakes 5s linear 2s 20;
    position: relative;
    font-size: 50px;
    font-weight: 300;
    text-shadow: 0 0 5px var(--primarycolor);
    color: #fff;
    margin-right: 3%;
  }

  .snowflakes i:before {
    -webkit-transform: rotate(240deg);
  }

  @-webkit-keyframes snowflakes {
    0% {
      -webkit-transform: translate3d(0, 20px, 0) rotate(0deg) scale(0);
      opacity: 0;
    }

    25% {
      -webkit-transform: translate3d(0px, -80px, 0px) rotate(180deg) scale(0.9);
      opacity: 1;
    }

    80% {
      -webkit-transform: translate3d(0px, 1200px, 0px) rotate(800deg) scale(0.5);
      opacity: 1;
    }

    100% {
      -webkit-transform: translate3d(25px, 1600px, 0px) rotate(860deg) scale(0);
      opacity: .3;
    }

  }

  .snowflakes i:nth-child(3n) {
    width: 16px;
    height: 4px;
    -webkit-animation-duration: 12s;
    -webkit-animation-iteration-count: 999;
    -webkit-transform-origin: right -45px;
  }

  .snowflakes i:nth-child(3n+1) {
    width: 24px;
    height: 6px;
    -webkit-animation-duration: 16s;
    -webkit-animation-iteration-count: 999;
    -webkit-transform-origin: right -30px;
  }

  .snowflakes i:nth-child(3n+2) {
    width: 32px;
    height: 8px;
    -webkit-animation-duration: 18s;
    -webkit-animation-iteration-count: 999;
    -webkit-transform-origin: right -15px;
  }

  /* different delays so they don't all start at the same time */
  .snowflakes i:nth-child(7n) {
    opacity: .3;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: ease-in;
  }

  .snowflakes i:nth-child(7n+1) {
    opacity: .4;
    -webkit-animation-delay: 1s;
    -webkit-animation-timing-function: ease-out;
  }

  .snowflakes i:nth-child(7n+2) {
    opacity: .5;
    -webkit-animation-delay: 1.5s;
    -webkit-animation-timing-function: linear;
  }

  .snowflakes i:nth-child(7n+3) {
    opacity: .6;
    -webkit-animation-delay: 2s;
    -webkit-animation-timing-function: ease-in;
  }

  .snowflakes i:nth-child(7n+4) {
    opacity: .7;
    -webkit-animation-delay: 2.5s;
    -webkit-animation-timing-function: linear;
  }

  .snowflakes i:nth-child(7n+5) {
    opacity: .8;
    -webkit-animation-delay: 3s;
    -webkit-animation-timing-function: ease-out;
  }

  .snowflakes i:nth-child(7n+6) {
    opacity: .9;
    -webkit-animation-delay: 3.5s;
    -webkit-animation-timing-function: ease-in;
  }

  .gif-navideno {
    height: 200px;
    display: block;
    max-width: 1403px;
    width: 95.2vw;
    margin-top: 41px;
    position: absolute;
    left: 0;
    background: var(--primarycolor);
  }

  .gif-navideno:before {
    content: "";
    width: 100%;
    height: 360px;
    position: sticky;
    display: block;
    background-image: url(/uploads/images/banner_web.gif?1575047480970);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 22;
    margin-top: -190px;
    margin-bottom: -170px;
  }

  /* posibles inactivos  */
  table#possible_inactives thead tr:first-child {
    border-left: 3px solid var(--primarycolor);
    border-right: 3px solid var(--primarycolor);
  }

  div#possible_inactives_wrapper .dataTables_length {
    padding: 5px 10px;
    color: white;
    background: var(--primarycolor);
  }

  div#possible_inactives_length select {
    color: var(--primarycolor);
  }

  td.p-inactivos--name {
    width: 50%;
  }

  #close-ad-modal {
    color: #FFFFFF;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    width: 21px;
  }

  .popover__wrapper2 {
    position: relative;
    display: inline-block;
  }

  .popover__wrapper2.active .ezone__profile__popover {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(110px, -205px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
    padding: 16px 16px;
    font-size: .8rem;
    color: var(--neutral);
  }

  @media all and (min-width: 320px) and (max-width: 480px) {
    .ezone__info-editable {
      position: absolute;
      top: -40px;
      right: 0;
    }

    #msform .ezone__info-editable {
      position: relative;
      top: 0;
      right: 0;
    }

    #progressbar li {
      font-size: .6rem !important;
    }
  }

  .info__box {
    background: #fff;
    border: 2px solid #333;
    color: #333;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px !important;
    margin-top: 30px;
  }

  .pager__ctrl.next2 .pager__arrow::after {
    margin-left: 0.1rem;
    border-left: 5px solid currentColor;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
  }

  .pager__ctrl.next2 .pager__label {
    margin-right: 1rem;
  }

  .dataTables_wrapper {
    width: 100%;
    overflow-x: scroll;
  }

  #history_paginate {
    text-align: center;
    margin-top: 20px;
  }

  .paginate_button {
    display: inline-block;
    margin: 0 0.5rem;
    cursor: pointer;
  }

  .dataTables_filter {
    display: none;
  }

  .paginate_button.current {
    color: #fba343;
  }

  .pager__arrow.prev {
    margin-right: 15px;
  }

  .pager__arrow.next {
    margin-left: 15px;
  }

  .pager__arrow.prev::after {
    margin-right: 0.1rem;
    border-right: 5px solid currentColor;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
  }

  .pager__arrow.next::after {
    margin-left: 0.1rem;
    border-left: 5px solid currentColor;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
  }

  .dataTables_paginate.paging_simple_numbers,
  .paginate_button.previous,
  .paginate_button.next {
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .pager__arrow {
    cursor: pointer;
  }

  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    z-index: -1;
  }

  figure.icon-edit.profile {
    padding: 20px;
  }

  .icon.icon-edit.profile {
    width: 4em;
    height: auto;
  }

  select.default-lang {
    padding: 0px 20px;
  }

  .ux-card {
    /* box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.49); */
    border-radius: 20px;
    padding: 10px;
  }

  .purple-bg {
    background-color: var(--primarycolor);
    color: white;
  }

  tr.p-inactivos--user-a,
  tr.p-inactivos--user-b {
    font-size: 14px;
  }

  tr.p-inactivos--user-a {
    border-top: 4px solid #3d1d53;
  }

  /*form styles*/
  #msform {
    max-width: 960px;
    margin: 50px auto;
    text-align: center;
    position: relative;
    min-height: 820px;
  }

  #msform fieldset {
    border: 0 none;
    padding: 20px 30px;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    max-width: 50%;
    margin: 0 25%;
  }

  /*Hide all except first fieldset*/
  #msform fieldset:not(:first-of-type) {
    display: none;
  }

  #msform fieldset .fs-title {
    font-size: 1.3em;
    text-transform: unset;
    color: var(--primarycolor);
    margin-bottom: 10px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 600;
  }

  #msform fieldset input.button {
    display: inline-block;
    max-width: 45%;
    margin: 5px;
    padding: 0.5rem;
  }

  #modal-video {
    height: auto;
  }

  #modal-image ul.noli i.fal,
  #modal-video ul.noli i.fal {
    font-size: 1.2rem;
    color: var(--primarycolor);
    position: absolute;
    left: 25px;
    display: inline-block;
  }

  #modal-video li,
  #modal-image li {
    padding: 5px 0;
  }

  small.stories--note {
    opacity: .8;
    color: var(--primarycolor);
    display: block;
    padding: 10px 0;
  }

  /*progressbar*/
  #progressbar {
    padding: 0;
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
    border: none;
  }

  /* #progressbar li {
    list-style-type: none;
    color: #87929d;
    text-transform: uppercase;
    width: 24%;
    float: left;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 600;
    font-size: .8rem;
    position: relative;
  } */

  #progressbar li.active {
    color: var(--primarycolor) !important;
  }

  #progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 20px;
    line-height: 20px;
    font-weight: bold;
    display: block;
    font-size: 12px;
    color: var(--secondarycolor);
    background: #ededed;
    border-radius: 53px;
    margin: 0px auto 5px auto;
  }

  /*progressbar connectors*/
  #progressbar li:after {
    content: '';
    width: 100%;
    height: 4px;
    background: white;
    position: absolute;
    left: -50%;
    top: 8px;
    z-index: -1;
  }

  #progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
  }

  /*marking active/completed steps green*/
  /*The number of the step and the connector before it = green*/
  #progressbar li.active:before,
  #progressbar li.active:after {
    background: var(--primarycolor);
    color: white;
    font-size: 14px;
  }

  @media only screen and (max-width: 480px) {
    #msform fieldset {
      border: 0 none;
      padding: 20px 30px;
      box-sizing: border-box;
      width: 100%;
      max-width: 100%;
      margin: 0;
      position: relative;
    }
  }

  /* master template */
  .master-template .contact--list {
    padding: 0;
    margin: 0;
    color: inherit;
  }

  .master-template .ezone__grid-imgs {
    background: #fff;
  }

  .master-template .products-block.home.has-dropdown {
    background: #fff;
    z-index: 1;
    position: relative;
  }

  .master-template .avatar.smallx {
    width: 250px;
    height: 250px;
    margin: 0 auto;
  }

  .master-template #testimonios,
  .master-template .business__main-title.col3-4.cases__headline {
    margin-top: 0;
  }

  .master-template .business__main-inner {
    padding: 1rem;
  }

  .master-template .history--description {
    padding: 1rem;
  }

  .wrapper.full-size-mobile.business__main.cases.master-template {
    background: #66308c;
  }

  .master-template header.ezone__header h1,
  .master-template .business__main-inner {
    padding-left: 3rem;
  }

  .master-template h2.history--title.omnilife {
    font-size: 2.5rem;
  }

  .master-template h1.history--title.omnilife {
    color: var(--primarycolor);
    font-size: 2.5rem;
  }

  .master-template h1.history--title::after {
    background: var(--secondarycolor);
    width: 4rem;
  }

  .master-template .testimonial__headline {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .master-template .cases__testimonial-body.ps-container:before,
  .master-template .cases__testimonial-body.ps-container:after {
    display: none;
  }

  .bottom-banner.bottom-banner-xs {
    height: auto;
  }

  .bottom-banner.bottom-banner-xs .wrapper.bottom-banner__content {
    position: relative;
    display: block;
    bottom: 0;
    padding: 30px 0;
  }

  .master-template .business__main-inner {
    min-height: auto;
  }

  /* .master-template h1.history--title::after {
    content: '';
    display: block;
    width: 40%;
    height: 2px;
    background: var(--secondarycolor);
    margin-top: 1rem;
  } */

  @media (max-width: 480px) and (min-width: 320px) {
    .master-template .cases__body {
      margin-top: 0;
    }

    #product-confirmation .button {
      padding: .5rem 1rem !important;
      font-size: 80% !important;
    }

    #product-confirmation h2.modal__login--title {
      font-size: 20px !important;
    }
  }

  @media (max-width: 1024px) {

    .master-template .cases__about,
    .cases__testimonial {
      padding: 2rem 1rem;
      background-color: #fff;
      border-radius: 20px;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.31);
    }

    .master-template .cases__item {
      background: none;
    }

    .master-template .cases__item:nth-child(even) {
      border-left: none;
    }
  }

  #product-confirmation {
    height: auto !important;
  }

  /*********************************************************
  **                                                      **
  **                 4. Helpers                           **
  **                                                      **
  *********************************************************/
  /*-- 4.1 BACKGROUND --*/
  .dynamic-primary-background {
    background-color: var(--primarycolor) !important;
  }

  .dynamic-secondary-background {
    background-color: var(--secondarycolor) !important;
  }

  .omnilife-background {
    background-color: var(--primary600) !important;
    color: white !important;
  }

  .seytu-background {
    background-color: #8e7ed2;
    color: white;
  }

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

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

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

  .bg-gray-medium {
    background-color: #bbbbbb;
  }

  .bg-gray-medium-1 {
    background-color: #aaaaaa;
  }

  .bg-gray-medium-2 {
    background-color: #999999;
  }

  .bg-gray-medium-3 {
    background-color: #888888;
  }

  .bg-gray-dark {
    background-color: #777777;
  }

  .bg-gray-dark-1 {
    background-color: var(--neutral);
  }

  .bg-gray-dark-2 {
    background-color: #555555;
  }

  .bg-gray-dark-3 {
    background-color: #444444;
  }

  .bg-gray-darkest {
    background-color: #333333;
  }

  .bg-gray-darkest-1 {
    background-color: #222222;
  }

  .bg-gray-darkest-2 {
    background-color: #111111;
  }

  .bg-gray-darkest-3 {
    background-color: #000000;
  }

  .bg-transparent {
    background-color: transparent !important;
  }

  /*-- 4.2 COLOR --*/
  .color-white {
    color: #FFFF;
  }

  .zero-red {
    color: #c90e00;
  }

  .color-gray-light {
    color: #eeeeee;
  }

  .color-gray-light-1 {
    color: #dddddd;
  }

  .color-gray-light-2 {
    color: #cccccc;
  }

  .color-gray-medium {
    color: #bbbbbb;
  }

  .color-gray-medium-1 {
    color: #aaaaaa;
  }

  .color-gray-medium-2 {
    color: #999999;
  }

  .color-gray-medium-3 {
    color: #888888;
  }

  .color-gray-dark {
    color: #777777;
  }

  .color-gray-dark-1 {
    color: var(--neutral)666;
  }

  .color-gray-dark-2 {
    color: #555555;
  }

  .color-gray-dark-3 {
    color: #444444;
  }

  .color-gray-darkest {
    color: #333333;
  }

  .color-gray-darkest-1 {
    color: #222222;
  }

  .color-gray-darkest-2 {
    color: #111111;
  }

  .color-gray-darkest-3 {
    color: #000000;
  }

  .color-diamond {
    color: #00ADD8;
  }

  /*-- 4.3 BORDER --*/
  .border-r {
    border-radius: 20px;
  }

  .border-none {
    border: none !important;
  }

  .border-r-round {
    border-radius: 50%;
  }

  /*-- 4.4 MARGIN --*/
  .m-auto {
    margin: auto;
  }

  .m-0 {
    margin: 0 !important;
  }

  .mt-0 {
    margin-top: 0 !important;
  }

  .mt-half {
    margin-top: .5rem !important;
  }

  .mt-1 {
    margin-top: 1rem !important;
  }

  .mt-2 {
    margin-top: 2rem !important;
  }

  .mt-3 {
    margin-top: 3rem !important;
  }

  .mt-4 {
    margin-top: 4rem !important;
  }

  .mt-5 {
    margin-top: 5rem !important;
  }

  .mr-half {
    margin-right: .5rem !important;
  }

  .ml-0 {
    margin-left: 0 !important;
  }

  .mr-0 {
    margin-right: 0 !important;
  }

  .mr-1 {
    margin-right: 1rem !important;
  }

  .mr-2 {
    margin-right: 2rem !important;
  }

  .mr-3 {
    margin-right: 3rem !important;
  }

  .mr-4 {
    margin-right: 4rem !important;
  }

  .mb-0 {
    margin-bottom: 0 !important;
  }

  .mb-half {
    margin-bottom: .5rem !important;
  }

  .mb-1 {
    margin-bottom: 1rem !important;
  }

  .mb-2 {
    margin-bottom: 2rem !important;
  }

  .mb-3 {
    margin-bottom: 3rem !important;
  }

  .mb-4 {
    margin-bottom: 4rem !important;
  }

  .ml-half {
    margin-left: .5rem !important;
  }

  .ml-1 {
    margin-left: 1rem !important;
  }

  .mr-auto {
    margin-right: auto !important;
  }

  .ml-auto {
    margin-left: auto !important;
  }

  /*-- 4.5 PADDINGS --*/
  .p-0 {
    padding: 0 !important;
  }

  .p-half {
    padding: .5rem !important;
  }

  .pl-0 {
    padding-left: 0 !important;
  }

  .pr-0 {
    padding-right: 0 !important;
  }

  .pl-half {
    padding-left: .5rem !important;
  }

  .pl-1 {
    padding-left: 1rem !important;
  }

  .pr-half {
    padding-right: .5rem !important;
  }

  .pb-half {
    padding-bottom: .5rem !important;
  }

  .pb-1 {
    padding-bottom: 1rem !important;
  }

  .pb-0 {
    padding-bottom: 0 !important;
  }

  .pt-0 {
    padding-top: 0 !important;
  }

  .pt-half {
    padding-top: .5rem !important;
  }

  .pt-1 {
    padding-top: 1rem !important;
  }

  .pt-2 {
    padding-top: 2rem !important;
  }

  .pt-3 {
    padding-top: 3rem !important;
  }

  .p-1 {
    padding: 1rem !important;
  }

  .p-2 {
    padding: 2rem !important;
  }

  .p-3 {
    padding: 3rem !important;
  }

  .p-4 {
    padding: 4rem !important;
  }

  .p-5 {
    padding: 5rem !important;
  }

  .pr-2 {
    padding-right: 2rem !important;
  }

  .pl-2 {
    padding-left: 2rem !important;
  }

  .pb-2 {
    padding-bottom: 2rem !important;
  }

  .pt-2 {
    padding-top: 2rem !important;
  }

  /**-- 4.6 FLEX CONFIGURATION --**/
  .flex-justify-c {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .flex-justify-e {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
  }

  .flex-justify-b {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .flex-justify-a {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .flex-justify-fs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .flex-justify-fe {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .flex-flow-rw {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  .flex-wrap-w {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .flex-wrap-no {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .flex-align-c {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .flex-align-b {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }

  .flex-direction-c {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .flex-basis-100 {
    flex-basis: 100%;
  }

  /*-- 4.7 DISPLAY --*/
  .display-3 {
    font-size: 4.5rem;
    font-weight: 500;
    line-height: 1.2;
  }

  .display-4 {
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 1.2;
  }

  .opacity-1 {
    opacity: 1 !important;
  }

  .opacity-0 {
    opacity: 0 !important;
  }

  /*-- 4.8 POSITION --*/
  .pos-rel {
    position: relative;
  }

  .pos-abs {
    position: absolute;
  }

  .pos-fix {
    position: fixed;
  }

  /*-- 4.9 CURSOR --*/
  .cursor_pointer {
    cursor: pointer;
  }

  .cursor_none {
    cursor: initial !important;
  }

  /*-- 4.10 SCALE --*/
  .cursor_scale:hover {
    transform: scale(1.1);
  }

  .cursor_scale:active {
    transform: scale(0.8);
  }

  /*-- 4.11 TEXT --*/
  .font-1 {
    font-size: 1rem !important;
  }

  .font-2 {
    font-size: 2rem !important;
  }

  .font-3 {
    font-size: 3rem !important;
  }

  .font-4 {
    font-size: 3rem !important;
  }

  .font-weight-light {
    font-weight: 100;
  }

  .font-weight-300 {
    font-weight: 300;
  }

  .font-weight-normal {
    font-weight: 400;
  }

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

  .font-family-b {
    font-family: 'Noto', Sans-Serif !important;
  }

  .uppercase {
    text-transform: uppercase !important;
  }

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

  .decoration-none {
    text-decoration: none !important;
  }

  .ezone-text-color {
    color: var(--neutral);
  }

  .w-break-all {
    word-break: break-all;
  }

  .text-ellipsis {
    white-space: nowrap;
    width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /*-- 4.12 WIDTH --*/
  .w-100p {
    width: 100%;
  }

  .w-50p {
    width: 50%;
  }

  .max-width-fit {
    max-width: fit-content;
  }

  /*-- HEIGHT --*/
  .h-100p {
    height: 100%;
  }

  .h-fit-content {
    height: fit-content;
  }

  .height-1 {
    height: 1rem;
  }

  .height-2 {
    height: 2rem;
  }

  .height-3 {
    height: 3rem;
  }

  /*-- 4.13 FLOAT --*/
  .float-left {
    float: left;
  }

  .float-right {
    float: right;
  }

  /*-- 4.14 BORDERS --*/
  .border-right-0 {
    border-right: 1px solid #FFFF;
  }

  .border-bottom-0 {
    border-bottom: 1px solid #d9d9d9;
  }

  .border-rt {
    border-radius: 20px 20px 0 0;
  }

  /*-- 4.15 OTHERS --*/
  /*línea en medio del texto*/
  .middle-line {
    border-bottom: 1px solid #d7d7d7;
    line-height: 0.1em;
  }

  .middle-line span {
    background: #fff;
    padding: 0 10px;
  }

  .blur__10 {
    -webkit-filter: blur(10px);
    filter: blur(10px);
  }

  /*********************************************************
  **                                                      **
  **                 6. Responsive                        **
  **                                                      **
  *********************************************************/
  /* Responsive dispositivos */
  @media(max-width:768px) {
    .hidden-xs {
      display: none !important;
    }
  }

  @media(min-width:768px) and (max-width:991px) {
    .hidden-sm {
      display: none !important;
    }
  }

  @media(min-width:992px) and (max-width:1199px) {
    .hidden-md {
      display: none !important;
    }
  }

  @media(min-width:1200px) and (max-width:1024px) {
    .hidden-md2 {
      display: none !important;
    }
  }

  @media(min-width:1200px) {
    .hidden-lg {
      display: none !important;
    }
  }

  .custom-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }

  @media (min-width: 576px) {
    .custom-container {
      /* max-width: 540px; */
    }
  }

  @media (min-width: 768px) {
    .custom-container {
      /* max-width: 720px; */
    }
  }

  @media (min-width: 992px) {
    .custom-container {
      /* max-width: 960px; */
    }
  }

  @media (min-width: 1200px) {
    .custom-container {
      max-width: 1400px;
    }
  }

  .vam {
    vertical-align: middle;
  }

  .d-none {
    display: none !important;
  }

  .d-inline {
    display: inline !important;
  }

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

  .d-block {
    display: block !important;
  }

  .d-table {
    display: table !important;
  }

  .d-table-row {
    display: table-row !important;
  }

  .d-table-cell {
    display: table-cell !important;
  }

  .d-flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-2 {
    flex: 2;
  }

  .flex-3 {
    flex: 3;
  }

  .flex-4 {
    flex: 4;
  }

  .d-inline-flex {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
  }

  .flex-center {
    align-items: center;
    align-content: center;
    align-self: center;
  }

  .flex-end {
    align-items: end !important;
    align-content: end !important;
    align-self: end !important;
    justify-content: end !important;
  }

  .flex-column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .flex-center {
    align-items: center;
    align-content: center;
    align-self: center;
  }

  .flex-start {
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    align-content: flex-start;
  }

  .flex-column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }

  .custom-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }

  .no-gutters {
    margin-right: 0;
    margin-left: 0;
  }

  .no-gutters>.col,
  .no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }

  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col,
  .col-auto,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm,
  .col-sm-auto,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md,
  .col-md-auto,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg,
  .col-lg-auto,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl,
  .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }

  .col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .order-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .order-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .order-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .order-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .order-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .order-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .order-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .order-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .order-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .order-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .order-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .order-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .order-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .order-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-1 {
    margin-left: 8.333333%;
  }

  .offset-2 {
    margin-left: 16.666667%;
  }

  .offset-3 {
    margin-left: 25%;
  }

  .offset-4 {
    margin-left: 33.333333%;
  }

  .offset-5 {
    margin-left: 41.666667%;
  }

  .offset-6 {
    margin-left: 50%;
  }

  .offset-7 {
    margin-left: 58.333333%;
  }

  .offset-8 {
    margin-left: 66.666667%;
  }

  .offset-9 {
    margin-left: 75%;
  }

  .offset-10 {
    margin-left: 83.333333%;
  }

  .offset-11 {
    margin-left: 91.666667%;
  }

  @media (min-width: 576px) {
    .col-sm {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%;
    }

    .col-sm-auto {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }

    .col-sm-1 {
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%;
    }

    .col-sm-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
    }

    .col-sm-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
    }

    .col-sm-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }

    .col-sm-5 {
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
    }

    .col-sm-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }

    .col-sm-7 {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
    }

    .col-sm-8 {
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
    }

    .col-sm-9 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%;
    }

    .col-sm-10 {
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
    }

    .col-sm-11 {
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%;
    }

    .col-sm-12 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }

    .order-sm-first {
      -ms-flex-order: -1;
      order: -1;
    }

    .order-sm-last {
      -ms-flex-order: 13;
      order: 13;
    }

    .order-sm-0 {
      -ms-flex-order: 0;
      order: 0;
    }

    .order-sm-1 {
      -ms-flex-order: 1;
      order: 1;
    }

    .order-sm-2 {
      -ms-flex-order: 2;
      order: 2;
    }

    .order-sm-3 {
      -ms-flex-order: 3;
      order: 3;
    }

    .order-sm-4 {
      -ms-flex-order: 4;
      order: 4;
    }

    .order-sm-5 {
      -ms-flex-order: 5;
      order: 5;
    }

    .order-sm-6 {
      -ms-flex-order: 6;
      order: 6;
    }

    .order-sm-7 {
      -ms-flex-order: 7;
      order: 7;
    }

    .order-sm-8 {
      -ms-flex-order: 8;
      order: 8;
    }

    .order-sm-9 {
      -ms-flex-order: 9;
      order: 9;
    }

    .order-sm-10 {
      -ms-flex-order: 10;
      order: 10;
    }

    .order-sm-11 {
      -ms-flex-order: 11;
      order: 11;
    }

    .order-sm-12 {
      -ms-flex-order: 12;
      order: 12;
    }

    .offset-sm-0 {
      margin-left: 0;
    }

    .offset-sm-1 {
      margin-left: 8.333333%;
    }

    .offset-sm-2 {
      margin-left: 16.666667%;
    }

    .offset-sm-3 {
      margin-left: 25%;
    }

    .offset-sm-4 {
      margin-left: 33.333333%;
    }

    .offset-sm-5 {
      margin-left: 41.666667%;
    }

    .offset-sm-6 {
      margin-left: 50%;
    }

    .offset-sm-7 {
      margin-left: 58.333333%;
    }

    .offset-sm-8 {
      margin-left: 66.666667%;
    }

    .offset-sm-9 {
      margin-left: 75%;
    }

    .offset-sm-10 {
      margin-left: 83.333333%;
    }

    .offset-sm-11 {
      margin-left: 91.666667%;
    }
  }

  @media (min-width: 768px) {
    .col-md {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%;
    }

    .col-md-auto {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }

    .col-md-1 {
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%;
    }

    .col-md-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
    }

    .col-md-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
    }

    .col-md-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }

    .col-md-5 {
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
    }

    .col-md-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }

    .col-md-7 {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
    }

    .col-md-8 {
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
    }

    .col-md-9 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%;
    }

    .col-md-10 {
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
    }

    .col-md-11 {
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%;
    }

    .col-md-12 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }

    .order-md-first {
      -ms-flex-order: -1;
      order: -1;
    }

    .order-md-last {
      -ms-flex-order: 13;
      order: 13;
    }

    .order-md-0 {
      -ms-flex-order: 0;
      order: 0;
    }

    .order-md-1 {
      -ms-flex-order: 1;
      order: 1;
    }

    .order-md-2 {
      -ms-flex-order: 2;
      order: 2;
    }

    .order-md-3 {
      -ms-flex-order: 3;
      order: 3;
    }

    .order-md-4 {
      -ms-flex-order: 4;
      order: 4;
    }

    .order-md-5 {
      -ms-flex-order: 5;
      order: 5;
    }

    .order-md-6 {
      -ms-flex-order: 6;
      order: 6;
    }

    .order-md-7 {
      -ms-flex-order: 7;
      order: 7;
    }

    .order-md-8 {
      -ms-flex-order: 8;
      order: 8;
    }

    .order-md-9 {
      -ms-flex-order: 9;
      order: 9;
    }

    .order-md-10 {
      -ms-flex-order: 10;
      order: 10;
    }

    .order-md-11 {
      -ms-flex-order: 11;
      order: 11;
    }

    .order-md-12 {
      -ms-flex-order: 12;
      order: 12;
    }

    .offset-md-0 {
      margin-left: 0;
    }

    .offset-md-1 {
      margin-left: 8.333333%;
    }

    .offset-md-2 {
      margin-left: 16.666667%;
    }

    .offset-md-3 {
      margin-left: 25%;
    }

    .offset-md-4 {
      margin-left: 33.333333%;
    }

    .offset-md-5 {
      margin-left: 41.666667%;
    }

    .offset-md-6 {
      margin-left: 50%;
    }

    .offset-md-7 {
      margin-left: 58.333333%;
    }

    .offset-md-8 {
      margin-left: 66.666667%;
    }

    .offset-md-9 {
      margin-left: 75%;
    }

    .offset-md-10 {
      margin-left: 83.333333%;
    }

    .offset-md-11 {
      margin-left: 91.666667%;
    }
  }

  @media (min-width: 992px) {
    .col-lg {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%;
    }

    .col-lg-auto {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }

    .col-lg-1 {
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%;
    }

    .col-lg-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
    }

    .col-lg-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
    }

    .col-lg-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }

    .col-lg-5 {
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
    }

    .col-lg-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }

    .col-lg-7 {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
    }

    .col-lg-8 {
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
    }

    .col-lg-9 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%;
    }

    .col-lg-10 {
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
    }

    .col-lg-11 {
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%;
    }

    .col-lg-12 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }

    .order-lg-first {
      -ms-flex-order: -1;
      order: -1;
    }

    .order-lg-last {
      -ms-flex-order: 13;
      order: 13;
    }

    .order-lg-0 {
      -ms-flex-order: 0;
      order: 0;
    }

    .order-lg-1 {
      -ms-flex-order: 1;
      order: 1;
    }

    .order-lg-2 {
      -ms-flex-order: 2;
      order: 2;
    }

    .order-lg-3 {
      -ms-flex-order: 3;
      order: 3;
    }

    .order-lg-4 {
      -ms-flex-order: 4;
      order: 4;
    }

    .order-lg-5 {
      -ms-flex-order: 5;
      order: 5;
    }

    .order-lg-6 {
      -ms-flex-order: 6;
      order: 6;
    }

    .order-lg-7 {
      -ms-flex-order: 7;
      order: 7;
    }

    .order-lg-8 {
      -ms-flex-order: 8;
      order: 8;
    }

    .order-lg-9 {
      -ms-flex-order: 9;
      order: 9;
    }

    .order-lg-10 {
      -ms-flex-order: 10;
      order: 10;
    }

    .order-lg-11 {
      -ms-flex-order: 11;
      order: 11;
    }

    .order-lg-12 {
      -ms-flex-order: 12;
      order: 12;
    }

    .offset-lg-0 {
      margin-left: 0;
    }

    .offset-lg-1 {
      margin-left: 8.333333%;
    }

    .offset-lg-2 {
      margin-left: 16.666667%;
    }

    .offset-lg-3 {
      margin-left: 25%;
    }

    .offset-lg-4 {
      margin-left: 33.333333%;
    }

    .offset-lg-5 {
      margin-left: 41.666667%;
    }

    .offset-lg-6 {
      margin-left: 50%;
    }

    .offset-lg-7 {
      margin-left: 58.333333%;
    }

    .offset-lg-8 {
      margin-left: 66.666667%;
    }

    .offset-lg-9 {
      margin-left: 75%;
    }

    .offset-lg-10 {
      margin-left: 83.333333%;
    }

    .offset-lg-11 {
      margin-left: 91.666667%;
    }
  }

  @media (min-width: 1200px) {
    .col-xl {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%;
    }

    .col-xl-auto {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }

    .col-xl-1 {
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%;
    }

    .col-xl-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
    }

    .col-xl-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
    }

    .col-xl-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }

    .col-xl-5 {
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
    }

    .col-xl-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }

    .col-xl-7 {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
    }

    .col-xl-8 {
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
    }

    .col-xl-9 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%;
    }

    .col-xl-10 {
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
    }

    .col-xl-11 {
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%;
    }

    .col-xl-12 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }

    .order-xl-first {
      -ms-flex-order: -1;
      order: -1;
    }

    .order-xl-last {
      -ms-flex-order: 13;
      order: 13;
    }

    .order-xl-0 {
      -ms-flex-order: 0;
      order: 0;
    }

    .order-xl-1 {
      -ms-flex-order: 1;
      order: 1;
    }

    .order-xl-2 {
      -ms-flex-order: 2;
      order: 2;
    }

    .order-xl-3 {
      -ms-flex-order: 3;
      order: 3;
    }

    .order-xl-4 {
      -ms-flex-order: 4;
      order: 4;
    }

    .order-xl-5 {
      -ms-flex-order: 5;
      order: 5;
    }

    .order-xl-6 {
      -ms-flex-order: 6;
      order: 6;
    }

    .order-xl-7 {
      -ms-flex-order: 7;
      order: 7;
    }

    .order-xl-8 {
      -ms-flex-order: 8;
      order: 8;
    }

    .order-xl-9 {
      -ms-flex-order: 9;
      order: 9;
    }

    .order-xl-10 {
      -ms-flex-order: 10;
      order: 10;
    }

    .order-xl-11 {
      -ms-flex-order: 11;
      order: 11;
    }

    .order-xl-12 {
      -ms-flex-order: 12;
      order: 12;
    }

    .offset-xl-0 {
      margin-left: 0;
    }

    .offset-xl-1 {
      margin-left: 8.333333%;
    }

    .offset-xl-2 {
      margin-left: 16.666667%;
    }

    .offset-xl-3 {
      margin-left: 25%;
    }

    .offset-xl-4 {
      margin-left: 33.333333%;
    }

    .offset-xl-5 {
      margin-left: 41.666667%;
    }

    .offset-xl-6 {
      margin-left: 50%;
    }

    .offset-xl-7 {
      margin-left: 58.333333%;
    }

    .offset-xl-8 {
      margin-left: 66.666667%;
    }

    .offset-xl-9 {
      margin-left: 75%;
    }

    .offset-xl-10 {
      margin-left: 83.333333%;
    }

    .offset-xl-11 {
      margin-left: 91.666667%;
    }
  }

  .imc-calculator-container {
    background-color: var(--primary100);
    width: 100%;
    padding: 15px;
    border-radius: 20px;
    margin: 2rem 0;
    color: var(--primarycolor);
  }

  #imcContainer {
    width: 100%;
    border-radius: 180px;
    height: 40px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f51b5+0,009688+11,4caf50+21,8bc34a+29,cddc39+40,ffeb3b+51,ff5722+62,f44336+72,f44336+81,dd2a2a+90,b71c1c+100 */
    background: #3f51b5;
    /* Old browsers */
    background: -moz-linear-gradient(left, #3f51b5 0%, #009688 11%, #4caf50 21%, #8bc34a 29%, #cddc39 40%, #ffeb3b 51%, #ff5722 62%, #f44336 72%, #f44336 81%, #dd2a2a 90%, #b71c1c 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #3f51b5 0%, #009688 11%, #4caf50 21%, #8bc34a 29%, #cddc39 40%, #ffeb3b 51%, #ff5722 62%, #f44336 72%, #f44336 81%, #dd2a2a 90%, #b71c1c 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #3f51b5 0%, #009688 11%, #4caf50 21%, #8bc34a 29%, #cddc39 40%, #ffeb3b 51%, #ff5722 62%, #f44336 72%, #f44336 81%, #dd2a2a 90%, #b71c1c 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    overflow: hidden;
  }

  #IMCbar {
    width: 0%;
    height: 40px;
    border-right: 5px solid #000;
    transition: all 2s ease;
  }

  #imcData span {
    padding: 5px 10px;
    border: 2px solid var(--secondarycolor);
    border-radius: 20px;
    color: var(--secondarycolor);
    display: block;
  }

  form.imc-form label {
    font-weight: bold;
  }

  form.imc-form i {
    vertical-align: middle;
    font-size: 1.5rem;
    margin: 5px;
  }

  #imcData h4 {
    font-size: 1.3rem;
  }

  h4.imc-clasification i {
    font-size: 1.5rem;
  }

  #imcData {
    text-align: center;
  }

  iframe.r90-iframe {
    border-radius: 20px;
    border: none;
    min-height: 1050px;
    display: none;
  }

  iframe.r90-iframe.active {
    display: block;
  }

  .testimonials-r90 .testimonial__avatar {
    max-height: 480px;
    align-content: center;
  }

  .r90-registered .history--container,
  .r90-registered .testimonials,
  #data-status,
  .r90data--container,
  .r90-registered #r90-not-registered,
  #r90-multichoice {
    display: none;
  }

  #r90-not-registered,
  #r90-multichoice {
    margin: 0;
  }

  .r90-registered #data-status,
  .r90-registered .r90data--container,
  .r90-registered #r90-multichoice {
    display: block;
  }

  .r90-template #data-status {
    width: 80%;
    margin: 10px auto;
  }

  #data-status .fa-stack {
    width: 2em;
  }

  #blog-r90 .cases__about {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    flex-direction: column;
  }

  #blog-r90 figure.avatar {
    border-radius: 0;
    margin: 0;
  }

  #blog-r90 .cases__body {
    border-radius: 20px;
    overflow: hidden;
  }

  .testimonials-r90 .testimonial {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .r90data--container h2 {
    color: var(--primarycolor);
  }

  #modal-r90shopping {
    width: 100%;
    max-width: 1140px;
    padding: 0;
    overflow: visible;
  }

  #modal-r90shopping .modal-business-center-header {
    margin: 0;
    border-radius: 20px 20px 0px 0px;
    padding: 15px;
  }

  #modal-r90shopping .selectator_selected_item_title {
    font-size: .8rem;
  }

  .testimonials-r90 .testimonial__about,
  .testimonials-r90 .testimonial__avatar {
    width: 100%;
    display: inline-flex;
    flex-direction: column;
    text-align: center;
  }

  .r90-template .avatar {
    border-radius: 10px;
  }

  .cart-product__item.multiproduct {
    border: 2px solid var(--primarycolor);
    border-radius: 20px;
  }

  .cart-product__item.multiproduct.active {
    border: 2px solid var(--secondarycolor);
  }

  .cart-product__item.multiproduct.active .multiproduct-ul {
    display: block;
  }

  .multiproduct-ul {
    display: none;
    padding: 0;
  }

  ul.categories--items.multiproduct-ul figure {
    width: 50px;
  }

  .cart-product__item.multiproduct.active .acordeon i.fa-chevron-up {
    transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    /* easeOutQuart */
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .challenge-facts--container ul li {
    display: inline-block;
    margin: 10px 20px;
    min-width: 180px;
    max-width: 28%;
  }

  ul#talkbubble {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
  }

  .challenge-facts--container figure {
    margin: 1rem 0;
    margin-top: 2rem;
  }

  .challenge-facts--container ul li figure img,
  .challenge-facts--container ul li figure figcaption {
    display: inline-block;
    vertical-align: middle;
  }

  .challenge-facts--container .count {
    font-weight: 700;
    font-size: 35px;
    font-style: italic;
    line-height: 43px;
    color: var(--primarycolor);
  }

  .challenge-facts--container {
    text-align: center;
  }

  .cases__about p {
    order: 1 !important;
    padding: 0;
    margin: 7px 0;
    color: var(--neutral5);
  }


  .wrapper.full-size-mobile.business__main.cases.master-template.r90-template {
    border-radius: 0;
    padding-bottom: 20px;
  }

  .r90-template .business__main-inner {
    padding-left: 2rem;
  }

  button.cases__open.testimonial__readmore.button.small {
    order: 3;
  }

  .landing-menu {
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(99, 39, 144, 0.8);
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    z-index: 99;
    margin: 0;
    -webkit-transition: all 500ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
    -o-transition: all 500ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
    transition: all 500ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
    /* easeOutSine */
  }

  .landing-menu li {
    display: inline-block;
    margin: 5px;
    padding: 10px 0px;
  }

  ul.landing-menu-ul {
    padding: 0;
    margin: 0;
  }

  .landing-menu li.active a {
    background: var(--secondarycolor) !important;
  }

  #landing-menu.active {
    display: block !important;
  }

  #landing-menu.active li {
    display: block;
    max-width: 350px;
    margin: 0 auto;
    padding: 5px;
  }

  ul#landing-menu a {
    font-size: .8rem;
  }

  #landing-menu.active li a.button.transparent {
    background-color: rgba(0, 0, 0, 0.2);
    padding: 12px;
  }

  button#l-nav-button {
    border-radius: 0;
  }

  #selectator_mask.selectator_mask_dimmed {
    background-color: rgba(0, 0, 0, 0.1);
  }

  /* main element */
  .selectator_element {
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    background-color: #fff;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 2px;
  }

  .selectator_element * {
    box-sizing: border-box;
    text-decoration: none;
  }

  .selectator_element img {
    display: block;
  }

  .selectator_element.multiple {
    padding-right: 20px !important;
    padding-bottom: 5px !important;
    width: 100% !important;
    border: 2px solid var(--primarycolor);
    border-radius: 10px;
    margin: 20px 0px;
    display: inherit;
    max-width: 920px;
  }

  .selectator_element.single {
    height: 36px;
    padding: 7px 10px !important;
  }

  .selectator_element.focused {
    box-shadow: 0 0 1px #39f;
    z-index: 101;
  }

  .selectator_element:after {
    position: absolute;
    cursor: pointer;
    content: '\25BC';
    font-size: 70%;
    transform: scaleY(0.75);
    right: 4px;
    color: rgba(0, 0, 0, 0.75);
    top: 50%;
    line-height: 0;
  }

  .selectator_element.loading:before {
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-top: 3px solid rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    width: 14px;
    line-height: 0;
    height: 14px;
    margin-top: -10px;
    animation: selectator_spinner 500ms linear infinite;
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
  }

  /* selected items */
  .selectator_selected_items .selectator_placeholder {
    font-size: 80%;
    color: rgba(0, 0, 0, 0.5);
  }

  .single .selectator_selected_items {
    display: block;
  }

  .multiple .selectator_selected_items {
    display: inline;
  }

  .selectator_selected_items .selectator_selected_item {
    color: rgba(0, 0, 0, 0.75);
    position: relative;
    vertical-align: top;
  }

  .single .selectator_selected_items .selectator_selected_item {
    background-color: transparent;
    display: block;
    margin: 0;
    padding: 0;
    font-size: inherit;
    text-decoration: none;
  }

  .multiple .selectator_selected_items .selectator_selected_item {
    background-color: #fafafa;
    margin: 5px 0 0 5px;
    padding: 1px 3px;
    font-size: 90%;
    border-radius: 5px;
    border: 1px solid #dcdcdc;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .single .selectator_selected_items .selectator_selected_item .selectator_selected_item_left {
    float: left;
    width: 30px;
    margin-top: -2px;
  }

  .single .selectator_selected_items .selectator_selected_item .selectator_selected_item_left img {
    height: 22px;
    border-radius: 2px;
  }

  .multiple .selectator_selected_items .selectator_selected_item .selectator_selected_item_left {
    width: 40px;
  }

  .single .selectator_selected_items .selectator_selected_item .selectator_selected_item_title {
    height: auto;
    line-height: 1.3;
  }

  .selectator_selected_items .selectator_selected_item .selectator_selected_item_subtitle {
    display: none;
  }

  .single .selectator_selected_items .selectator_selected_item .selectator_selected_item_right {
    float: right;
    background-color: var(--primarycolor);
    color: #fff;
    font-weight: bold;
    font-size: 80%;
    text-align: center;
    line-height: 16px;
    border-radius: 12px;
    padding: 2px 12px;
    margin-right: 40px;
  }

  .multiple .selectator_selected_items .selectator_selected_item .selectator_selected_item_right {
    display: none;
  }

  .single .selectator_selected_items .selectator_selected_item .selectator_selected_item_remove {
    display: block;
    position: absolute;
    right: 16px;
    cursor: pointer;
    font-size: 75%;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.75);
    padding: 2px;
    line-height: 0;
    top: 50%;
    transform: scaleX(1.2);
  }

  .multiple .selectator_selected_items .selectator_selected_item .selectator_selected_item_remove {
    display: inline-block;
    font-weight: bold;
    color: #a0a0a0;
    margin: 0 0 0 5px;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 0 2px 2px 0;
    padding: 10px 5px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
  }

  .multiple .selectator_selected_items .selectator_selected_item .selectator_selected_item_remove:hover {
    color: var(--primarycolor);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }

  /* input field */
  .selectator_input,
  .selectator_textlength {
    border: 0;
    display: inline-block;
    margin: 0;
    background-color: transparent;
    font-size: 13px;
    outline: none;
  }

  .multiple .selectator_input,
  .multiple .selectator_textlength {
    padding: 3px 0 0 0;
    margin: 7px 0 2px 5px;
  }

  .single .selectator_input {
    border: 1px solid #7f9db9;
    position: absolute;
    bottom: -40px;
    left: -1px;
    z-index: 101;
    padding: 10px 25px;
    width: 100%;
    width: calc(100% + 2px);
    border-bottom: 0;
    background-color: #f6f6f6;
    color: #333;
    font-size: inherit;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .single.options-hidden .selectator_input {
    opacity: 0;
    position: absolute;
    left: -10000px;
  }

  .single.options-visible .selectator_input {
    opacity: 1;
  }

  .disable_search .selectator_input {
    opacity: 0;
    padding: 0 1px 1px 0 !important;
  }

  /* options */
  .selectator_options {
    margin: 0;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    position: absolute;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    z-index: 101;
    background-color: #fff;
    overflow-y: scroll;
    max-height: 360px;
    list-style: none;
    left: -1px;
    top: -2px;
    right: -1px;
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.6);
  }

  input.selectator_input {
    border-bottom: 2px solid #cccccc;
    border-radius: 10px;
    align-self: baseline;
    padding: 13px 11px !important;
    background: whitesmoke;
    color: #66308b;
    min-width: 130px;
  }

  .disable_search .selectator_options {
    border-top: 1px solid #7f9db9;
  }

  .single.disable_search .selectator_options {
    padding-top: 0;
  }

  .options-hidden .selectator_options {
    display: none;
  }

  .selectator_options .selectator_group {
    padding: 5px;
    font-weight: bold;
  }

  .selectator_options .selectator_option {
    padding: 5px;
    cursor: pointer;
    color: #000;
    min-height: 36px;
  }

  .selectator_options .selectator_option.selectator_group_option {
    padding-left: 20px;
  }

  .selectator_options .selectator_option:before,
  .selectator_options .selectator_option:after {
    content: "";
    display: table;
  }

  .selectator_options .selectator_option:after {
    clear: both;
  }

  .selectator_options .selectator_option .selectator_option_left {
    float: left;
  }

  .selectator_options .selectator_option .selectator_option_left img {
    height: 30px;
    border-radius: 2px;
  }

  .selectator_options .selectator_option .selectator_option_title {
    margin-left: 40px;
    font-size: 1rem;
    font-family: 'Noto Sans', sans-serif;
    font-weight: bold;
    color: var(--primarycolor);
  }

  .selectator_options .selectator_option .selectator_option_subtitle {
    font-size: 70%;
    color: rgba(0, 0, 0, 0.5);
    margin-top: -4px;
    margin-bottom: -1px;
    margin-left: 40px;
  }

  .selectator_options .selectator_option .selectator_option_right {
    float: right;
    background-color: var(--primarycolor);
    color: #fff;
    font-weight: bold;
    font-size: 80%;
    text-align: center;
    line-height: 16px;
    border-radius: 12px;
    padding: 2px 12px;
    margin-top: 4px;
  }

  .selectator_options .selectator_option.active {
    background-color: #39f;
    color: #fff;
  }

  .selectator_options .selectator_option.active .selectator_option_subtitle {
    color: rgba(255, 255, 255, 0.6);
  }

  form.multiproduct-form input.button {
    align-self: center;
    max-width: 340px;
    margin: 20px;
  }

  /* Landing QR Union Europea */
  .union_europea {
    position: relative;
    margin: 0;
    overflow: hidden;
    display: flex;
    height: 100vh;
    flex-direction: column;
    line-height: 1.5;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 62.5%;
    color: #000;
  }

  .union_europea .ezone__grid-img {
    overflow: inherit;
    text-align: center;
  }

  .union_europea .ezone__grid-item a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    display: block;
    min-height: 40px;
  }

  .union_europea .container {
    width: 90% !important;
  }

  .UE_titulo {
    font-weight: 500;
    /* font-size: 3.25rem; */
    font-size: 50px;
  }

  .UE_Raleway-regular {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
  }

  .UE_Raleway-semibold {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
  }

  .UE_smooth {
    position: relative;
    width: 100%;
    height: 100%;
    scroll-behavior: smooth;
    overflow-y: scroll;
    scroll-snap-type: mandatory;
    scroll-snap-points-y: repeat(100vh);
    scroll-snap-type: y mandatory;
  }

  #UE_bullets_guide {
    position: fixed;
    top: 70px;
    z-index: 11;
  }

  #UE_bullets_guide ul {
    list-style: none;
    padding: 5px;
  }

  .UE_bullet_activa {
    background-color: #EFAA46 !important;
  }

  .UE_whatsap {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 23;
  }

  .UE_bullet {
    border-radius: 50%;
    width: 14px;
    height: 14px;
    background-color: #fff;
    box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.19);
    margin: 14px;
  }

  .UE_img {
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: contain;
    width: 100px;
    height: 100px;
    border: 1px solid pink;
  }

  .UE_fa_pointer {
    width: 24px;
    height: 24px;
    border-top: 1px solid white;
    border-right: 1px solid white;
    transform: rotate(45deg);
    margin-right: 20px;
  }

  .UE_fa_pointer_down {
    transform: rotate(135deg);
  }

  #faqs button div {
    position: relative;
    float: left;
  }

  #faqs .panel-body a {
    color: var(--secondarycolor);
  }

  .union_europea section#materiales {
    background-image: url(https://portal.omnilife.com/uploads/images/pruebas/lqr-bg1.jpg);
  }

  .union_europea section#herramientas {
    background-image: url(https://portal.omnilife.com/uploads/images/pruebas/lqr-bg2.jpg);
  }

  .union_europea section#compras {
    background-image: url(https://portal.omnilife.com/uploads/images/pruebas/lqr-bg3.jpg);
  }

  .union_europea section#faqs {
    background-image: url(https://portal.omnilife.com/uploads/images/pruebas/lqr-bg1.jpg);
    justify-content: flex-start;
    align-content: center;
    display: flex;
    align-self: center;
    align-items: flex-start;
    padding: 66px 20px 0 0 !important;
  }

  .union_europea section#impulsa-payment-methods {
    padding-top: 30px !important;
  }

  .union_europea section {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 100vh;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    background-color: var(--primarycolor);
    scroll-snap-align: center;
    font-family: 'Noto Sans', sans-serif !important;
    color: #fff;
    background-size: cover;
  }

  .pre-form .step {
    display: block;
    position: relative;
    z-index: 1;
    background: #f2f2f2;
    padding: 22px;
    border-radius: 20px;
  }

  .union_europea .card {
    border: none;
    background-color: transparent;
  }

  .union_europea .card-header {
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, .125);
    padding: .25rem .75rem;
  }

  .UE_pregunta {
    font-size: 20px;
  }

  .collapse {
    display: none;
    visibility: hidden;
  }

  .collapse.in {
    display: block;
    visibility: visible;
  }

  tr.collapse.in {
    display: table-row;
  }

  tbody.collapse.in {
    display: table-row-group;
  }

  .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
  }

  .union_europea .card-body {
    /* font-size: 0.75rem; */
    font-size: 16px;
  }

  .union_europea h2.ezone__title {
    color: white;
    font-size: 25px;
  }

  .union_europea .ezone__headline.bordered {
    border-bottom: 3px solid var(--secondarycolor);
  }

  .union_europea .ezone__grid-imgs {
    padding-bottom: 2rem;
    width: 100%;
    max-width: 1690px;
    padding: 10px 0px 10px 40px;
  }

  .union_europea .ezone__body {
    padding: 0;
    text-align: center;
  }

  .union_europea .btn-link {
    color: #fff;
    text-align: left;
    display: flex;
    background: no-repeat;
    border: none;
    margin: 3px;
  }

  .union_europea .panel-heading {
    background: none !important;
    border-bottom: 1px solid #fff;
  }

  .union_europea section h4.panel-title a {
    color: orange;
  }

  .union_europea section img {
    border-radius: 100%;
    background-color: #fff;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 2500ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
    -moz-transition: all 2500ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
    -o-transition: all 2500ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
    transition: all 2500ms cubic-bezier(0.090, 0.205, 0.205, 0.885);
    padding: 10px;
    background: none;
  }

  .union_europea #rrss img {
    all: initial;
    width: 50px;
  }

  .union_europea section h4.panel-title {
    margin: 3px;
  }

  .union_europea .br {
    height: 15px;
  }

  .fondo-azul-claro {
    background-color: #89c8fd !important
  }

  .fondo-azul-celeste {
    background-color: #4fadfc !important
  }

  .fondo-blanco {
    background-color: #fff !important
  }

  .fondo-gris {
    background-color: #e8e8e8 !important
  }

  .texto-blanco {
    color: #fff;
  }

  .texto-azul {
    color: #4fadfc;
  }

  @media only screen and (max-width: 600px) {
    .UE_titulo {
      font-size: 1.5rem;
      text-align: left;
    }

    .union_europea section a,
    .panel-body {
      font-size: 12px
    }

    .union_europea .btn-link,
    h5 {
      font-size: 0.75rem;
    }

    .UE_fa_pointer {
      width: 12px;
      height: 12px;
    }

    .UE_whatsap img {
      width: 48px;
    }

    .union_europea .br {
      height: 5px;
    }

    .UE_pregunta {
      /* font-size: 25px; */
      font-size: 0.75rem;
    }
  }

  .video_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    object-fit: cover;
  }

  figure.card__payments img {
    max-height: 50px;
  }

  figure.card__payments {
    width: 100%;
    filter: grayscale(100%);
    opacity: .7;
  }

  .form-radio.card input[type="radio"]:checked~.card__content-wrap .card__payments {
    opacity: 1;
    filter: none;
  }

  /*  upsell */
  #upsell {
    width: 100%;
    flex: 0 0 100%;
    overflow: visible;
  }

  #upsell .product.slider__item {
    width: 100% !important;
    padding: 5px;
    min-width: 150px;
    display: flex;
    flex: 1;
  }

  #upsell span.product__nums {
    font-size: 12px;
    padding-bottom: 3px;
    flex-direction: column;
  }

  #upsell .numeric .form-control {
    border-width: 2px;
    text-align: center;
    width: auto;
    padding: 3px;
    height: 30px;
    max-width: 40px;
    font-size: 11px
  }

  #upsell .button.add-to-cart.button--shopping.cart::before {
    font-size: 1.1rem;
  }

  #upsell .form-group.numeric.item-quantity-container {
    margin: 5px auto;
  }

  #upsell .form-group.numeric.item-quantity-container * {
    margin: 0 auto;
  }

  @media screen and (min-width: 768px) {
    #upsell .product {
      margin: 0;
      -webkit-flex-basis: 20%;
      flex-basis: 20%;
      -webkit-justify-content: flex-start;
      justify-content: start;
    }

    #upsell .product__name {
      font-size: .9rem;
      height: 40px;
      line-height: .9rem;
    }
  }

  /* T shirt product detail -alx*/
  .img-wear-responsive {
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 2rem;
    background-size: contain !important;
  }

  .slider__bullet.bullet__li>a {
    background-color: #cccccc;
    border: none;
  }

  .main__mobile__slider {
    display: none;
  }

  .principal.wear__slider {
    /*flex-flow: wrap;*/
  }

  .principal__desc.wear__slider {
    margin-left: 60px;
    max-width: 50%;
  }

  #fistClone-img,
  #lastClone-img {
    display: none;
  }

  .wear__slider img {
    max-width: none;
    display: inline-block;
  }

  .tshirt__product .color__title,
  .tshirt__product .size__title {
    font-size: 17px;
  }

  .tshirt__product .color__product,
  .tshirt__product .size__product {
    display: flex;
    flex-wrap: wrap;
  }

  .color__docker {
    margin-right: 12px;
    margin-bottom: 5px;
    position: relative;
    cursor: pointer;
  }

  .tshirt__product .color__picker {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 50%;
  }

  .color__picker {
    border: none !important;
  }

  .circle__color {
    position: absolute;
    width: 46px;
    height: 46px;
    border: 3px solid transparent;
    border-radius: 50%;
    top: -5px;
    right: -5px;
  }

  .tshirt__product .size__picker {
    background: #fff;
    display: flex;
    height: 28px;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 64px;
    cursor: pointer;
    border: 1px solid var(--neutrals500);
    border-radius: 8px;
    text-align: center;
    font-size: 16px;
    font-family: 'Noto Sans', sans-serif;
    color: var(--neutrals1000);
  }

  .tiny__images {
    justify-content: center;
    position: absolute;
    padding: 0 3rem;
  }

  .tiny__images img {
    max-width: 100%;
    width: 20%;
    cursor: pointer;
    margin-right: 20px;
    margin-bottom: 10px;
    height: 80px;
    background-color: white;
  }

  /* End T shirt product detail */
  @media screen and (min-width: 1366px) {
    #upsell .product {
      padding: 5px 10px;
    }

    #upsell .button.add-to-cart.button--shopping.cart {
      font-size: .8rem;
    }

    #upsell .product__description.is-not-available {
      padding: 0;
      font-size: .8rem;
      overflow: visible;
    }

    #upsell .button.add-to-cart.button--shopping.cart {
      font-size: .7rem;
      padding: 10px 5px;
      vertical-align: middle;
    }

    #upsell .button.add-to-cart.button--shopping.cart {
      font-size: .7rem;
      padding: 10px 5px;
      vertical-align: middle;
    }
  }

  /* co-distribuitor */
  #myCodistribuitor .form-row {
    overflow: visible;
    max-width: 1140px;
  }

  #myCodistribuitor label.form-label {
    color: var(--primarycolor);
  }

  #formRegisterCodistribuitor .ux-card {
    margin: 2rem 0px;
    padding: 2rem;
  }

  .d-flex.token-container {
    padding: 0 15px;
  }

  .token-container label {
    font-size: 12px;
    padding: 5px 10px;
  }

  .auth-code-container,
  .da-buttonToken2,
  .da-buttonToken1 {
    display: none;
    text-align: center;
  }

  .auth-code-container.active,
  .da-buttonToken2.active,
  .da-buttonToken1.active {
    display: block;
  }

  .auth-code-container h4 {
    padding: 7px;
    margin: 10px;
    color: var(--primarycolor);
    border-top: 1px solid #80808040;
    font-size: 1rem;
    display: none;
  }

  .auth-code-container h4.active {
    display: block;
  }

  h2.edit-info.tac {
    text-align: center;
  }

  .auth-code-container a.button.act-info {
    padding: 5px 20px;
    font-size: .8rem;
    border-radius: 40px;
    font-weight: 400;
    border: 1px solid var(--secondarycolor);
    color: #fff;
    margin: 5px;
    display: inline-block;
  }

  span.auth-code__user-mail {
    background: #88888833;
    padding: 5px 10px;
    font-size: .8rem;
    border-radius: 40px;
    font-weight: 400;
    color: gray;
    display: inline-block;
  }

  .auth-code-container .delete-mail i.fal.fa-times-circle {
    font-size: 1.1rem;
    color: var(--primarycolor);
    top: 2px;
    position: relative;
    margin-left: 3px;
  }

  /* devoluciones */
  li.return-product__item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 1.25rem 0;
    position: relative;
  }

  .return-product__img {
    max-width: 80px;
  }

  .return-product__item.heading {
    font-size: 1rem;
    font-weight: bold;
    color: var(--primarycolor);
  }

  #formProductReturns .buttons-container {
    margin-top: 0;
  }

  .return-product__content {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }

  .productReturns_step.step1 .form-group {
    width: 100%;
    display: block !important;
  }

  #returnProduct-modal,
  #returnProduct-modal .modal__inner.ps-container.ps {
    height: auto !important;
  }

  #returnProduct-modal .buttons-container .button {
    margin: 5px;
    padding: 10px;
  }

  .return-modal-check-img {
    max-width: 90px;
    margin: 0 auto;
  }

  /*********************************************************
  **                FICHA DEPÓSITO                    -alx**
  *********************************************************/
  #fichas-deposito-button {
    margin: 0;
  }

  .deposit__width {
    width: 95% !important;
  }

  .bill_text.deposit__width {
    margin-top: 45px;
  }

  .date_sum__deposit {
    display: flex;
  }

  #id_select_banks {
    margin-top: 6px;
  }

  .button__info_deposit {
    display: flex;
    justify-content: space-between;
  }

  .deposit__alert {
    margin: 30px auto 30px;
  }

  .deposit__buttons button {
    margin: 4px;
    padding: 10px;
  }

  /*********************************************************
  **                BOTÓN recognition                 -alx**
  *********************************************************/
  .recognition__div div {
    display: inline-block;
  }

  .recognition {
    color: white;
    background: var(--secondarycolor);
    border: none;
    border-radius: 1000px;
    transition: all 0.3s ease-in-out 0s;
    cursor: pointer;
    outline: none;
    position: relative;
    padding: 0.5rem 1.6rem;
  }

  .recognition::after {
    content: '';
    width: 198px;
    height: 37px;
    border-radius: 30px;
    border: 6px solid #fe9925;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: ring 1.5s infinite;
  }

  @keyframes ring {
    0% {
      width: 198px;
      height: 37px;
      opacity: 1;
    }

    100% {
      width: 220px;
      height: 50px;
      opacity: 0;
    }
  }

  .info-anim::after {
    content: '';
    width: 10px;
    height: 17px;
    border-radius: 30px;
    border: 6px solid #fe9925;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: infoanim 1.5s infinite;
  }

  @keyframes infoanim {
    0% {
      width: 20px;
      height: 20px;
      opacity: 1;
    }

    100% {
      width: 40px;
      height: 40px;
      opacity: 0;
    }
  }

  /*********************************************************
  **           Mis direcciones de envío                   **
  *********************************************************/
  small.principal-adress {
    background: #eaeaea;
    padding: 6px 10px;
    border-radius: 30px;
    font-size: 12px;
    color: #65308b;
  }

  .form-row.left.country-adress-container {
    max-width: 300px;
  }

  /*********************************************************
  **                    Megamenú                          **
  *********************************************************/
  .main-header {
    background: #122331;
    position: relative;
    max-width: 80vw;
    margin: auto;
    margin-top: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 177888888877;
  }

  .menu-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    width: 100%;
  }

  .menu-items li {
    -webkit-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    padding: 10px 0;
    line-height: initial;
    display: block;
    align-content: center;
  }

  a.mega-menu__title.menu-item.expand-btn::after {
    margin-left: 10px;
    border: 0;
    background: none;
  }

  ul.dropdown-menu.expandable.menu-subcategory {
    background: #d6d6d6;
    margin: 10px 0;
    border-radius: 0 0 20px 20px;
    text-transform: none;
    font: 500 .7em 'Noto Sans', sans-serif !important;
    overflow: visible;
  }

  li.menu-category.dropdown a.mega-menu__title {
    font: 500 16px 'Noto Sans', sans-serif !important;
    text-transform: none;
    border-bottom: 1px solid var(--secondarycolor);
    margin: 0;
    padding: 5px;
  }

  li.menu-category {
    margin-bottom: 10px;
    border-radius: 20px;
  }

  li.menu-category:hover {
    background-color: rgb(0 0 0 / 5%);
  }

  ul.dropdown-menu.expandable.menu-subcategory {
    font-size: 11px;
    line-height: initial;
    padding: 0;
    margin: 3px 0;
  }

  ul.dropdown-menu.expandable.menu-subcategory a.menu-item.expand-btn {
    border-bottom: 1px solid rgb(255 255 255 / 0.7);
  }

  .mega-menu ul {
    list-style: none;
    padding: 0;
    font-size: .8rem;
  }

  li.menu-subcategory {
    padding: 5px 0;
  }

  ul.dropdown-menu.expandable.menu-countries.menu-lang {
    max-width: 160px;
  }

  ul.mega-links ul {
    margin-left: 10px;
  }

  ul.mega-links li a {
    color: var(--primarycolor);
  }

  .menu-items li a:hover {
    color: var(--secondarycolor);
  }

  /* dropdown */
  .dropdown {
    position: relative;
  }

  .dropdown-menu,
  .menu-right {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .menu-right {
    top: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  .menu-item {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
  }

  .dropdown:hover .dropdown-menu {
    top: 34px;
    opacity: 1;
    visibility: visible;
  }

  .dropdown-right:hover .menu-right {
    left: 0;
    opacity: 1;
    visibility: visible;
    position: relative;
    /* background: var(--primarycolor); */
    margin: 0;
    border: none;
    z-index: 3;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  /* mega menu  */
  .mega-menu {
    position: absolute;
    left: 0;
    width: 100%;
    top: 90px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 20px 50px -30px;
    box-shadow: 0 20px 50px -30px;
    border-radius: 0 0 20px 20px;
  }

  .mega-menu.expandable {
    background: #fff;
    border-radius: 0 0 20px 20px;
  }

  .mega-menu .content-2 {
    padding: 1rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .mega-menu .content-3 {
    padding: 1rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .mega-menu .content-4 {
    padding: 1rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .mega-menu .content-5 {
    padding: 1rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .mega-menu .col {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 2rem;
  }

  .mega-menu .col .img-wrapper {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    max-height: 230px;
    max-width: 230px;
    margin: 0 0 15px 0;
    border-radius: 10px;
  }

  a.img-wrapper:hover {
    border-radius: 10px;
  }

  .mega-menu .col img {
    width: 100%;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  }

  .mega-menu .col .img-wrapper:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .menu-items li:hover .mega-menu {
    top: 56px;
    opacity: 1;
    visibility: visible;
    color: var(--primarycolor);
  }

  .menu-right a.change_country_header.menu-item.nav-item {
    color: var(--primarycolor);
  }

  a.change_country_header.menu-item.nav-item:hover {
    color: var(--secondarycolor);
  }

  .menu-items .nav-paises .tooltip div {
    background-color: #222;
    color: #F0B015;
    font-size: 8px;
    padding: 5px;
    min-width: 120px;
    top: -1px;
    left: 20em;
    margin-left: 0;
    opacity: 0;
    position: absolute;
    z-index: 2;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    cursor: default !important;
    border-radius: 10px;
  }

  /* nav menu button */
  .menu-btn {
    position: relative;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    z-index: 2;
  }

  .menu-btn__lines::before,
  .menu-btn__lines::after {
    content: "";
    position: absolute;
  }

  .menu-btn__lines,
  .menu-btn__lines::before,
  .menu-btn__lines::after {
    width: 1.5rem;
    height: 0.1rem;
    background: var(--secondarycolor);
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }

  .menu-btn__lines::before {
    -webkit-transform: translateY(-0.5rem) translatex(-0.8rem);
    -ms-transform: translateY(-0.5rem) translatex(-0.8rem);
    transform: translateY(-0.5rem) translatex(-0.8rem);
  }

  .menu-btn__lines::after {
    -webkit-transform: translateY(0.5rem) translatex(-.8rem);
    -ms-transform: translateY(0.5rem) translatex(-.8rem);
    transform: translateY(0.5rem) translatex(-.8rem);
  }

  /* animation */
  .menu-btn.open .menu-btn__lines {
    -webkit-transform: translateX(1rem);
    -ms-transform: translateX(1rem);
    transform: translateX(1rem);
    background: transparent;
  }

  .menu-btn.open .menu-btn__lines::before {
    -webkit-transform: rotate(45deg) translate(-1.5rem, 1.5rem);
    -ms-transform: rotate(45deg) translate(-1.5rem, 1.5rem);
    transform: rotate(45deg) translate(-1.5rem, 1.5rem);
  }

  .menu-btn.open .menu-btn__lines::after {
    -webkit-transform: rotate(-45deg) translate(-1.5rem, -1.5rem);
    -ms-transform: rotate(-45deg) translate(-1.5rem, -1.5rem);
    transform: rotate(-45deg) translate(-1.5rem, -1.5rem);
  }

  a.menu-item.expand-btn:after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    display: inline-block;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    padding-right: 6px;
    width: 3px;
    position: relative;
    left: 5px;
    z-index: -1;
  }

  a.menu-item.expand-btn.open:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  a.menu-item {
    padding: 0px 10px;
    color: #fff;
    font-family: 'Noto Sans', sans-serif;
    font-size: .9rem;
  }

  ul.menu-right.expandable a.menu-item,
  .eurasia .drop-down-toggle {
    color: var(--primarycolor);
    font-size: .7rem;
    padding: 3px 5px;
    opacity: .8;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;
    margin: 0;
  }

  ul.menu-right.expandable a.menu-item:hover {
    color: var(--secondarycolor);
    opacity: 1;
  }

  .p10 {
    padding: 10px !important;
  }

  .menu-btn.open .menu-btn__lines::before {
    -webkit-transform: rotate(45deg) translate(-1.5rem, 1.5rem);
    -ms-transform: rotate(45deg) translate(-1.5rem, 1.5rem);
    transform: rotate(45deg) translate(-1.5rem, 1.5rem);
    background: #ffffff;
  }

  .menu-btn.open .menu-btn__lines::after {
    -webkit-transform: rotate(-45deg) translate(-1.5rem, rem);
    -ms-transform: rotate(-45deg) translate(-1.5rem, rem);
    transform: rotate(-45deg) translate(-1.5rem, rem);
    background: #ffffff;
  }

  .menu-countries a.menu-item.expand-btn {
    font-size: .8rem;
    color: var(--primarycolor);
  }

  .main-h.header .main-h__icon:last-child {
    padding: 0 0 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
  }

  li.dropdown-item_change_country a {
    font-size: 10px;
    padding: 0;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: start;
  }

  ul.dropdown-menu.expandable.menu-countries {
    background: #ffffff;
    /* -ms-grid-columns: (1fr)[4]; */
    grid-template-columns: repeat(4, 1fr);
    border-radius: 10px 0 10px 10px;
    -webkit-box-shadow: 0 20px 50px -30px black;
    box-shadow: 0 20px 50px -30px black;
    z-index: 999999999;
    padding: 0;
    width: 140px;
  }

  ul.menu-right.expandable.america,
  ul.menu-right.expandable.northamerica,
  ul.menu-right.expandable.eurasia {
    background: #ffffff;
    padding: 8px;
    text-align: left;
    left: 100%;
    position: absolute;
    border-radius: 0 10px 10px 10px;
    -webkit-box-shadow: 15px 0px 10px -20px black inset;
    box-shadow: 15px 0px 10px -20px black inset;
    border: 2px solid rgb(0 0 0 / 18%);
    min-width: 150px;
  }

  ul.menu-right.expandable.america {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    min-width: 300px;
  }

  .nav-paises a.menu-item.expand-btn {
    font-size: .8rem;
  }

  a.menu-item.change_language_header {
    color: var(--primarycolor);
    font-size: .8rem;
  }

  ul.menu-right.expandable li {
    padding: 3px 0;
  }

  #main-megamenu {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
    -ms-flex-direction: initial;
    flex-direction: initial;
    margin: 0;
    padding: 0;
    width: 100%;
    -webkit-box-pack: end;
    list-style: none;
    display: flex;
    align-content: center;
    justify-content: space-between;
  }

  .mega-menu__title {
    color: var(--primarycolor);
    font: 500 16px 'Noto Sans', sans-serif !important;
    padding: 10px 0;
    border-bottom: 1px solid var(--secondarycolor);
    margin: 0;
    padding: 5px;
  }

  /*********************************************************
  **                      SISTEMAS                        **
  *********************************************************/
  .systems__box {
    background: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
  }

  .systems__info {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    background: var(--primarycolor);
    padding-left: 30px;
  }

  .systems__info .products-desc__title {
    line-height: inherit;
  }

  .systems__info .select.select--categories {
    width: 230px;
  }

  #know-system {
    display: none;
    margin: 0 auto 12px;
    max-width: 50%;
  }

  .systems__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    /*justify-content: center;*/
    /*flex-wrap: wrap;*/
    /* scroll configuration*/
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: scroll;
  }

  .systems__img .product__image {
    /*scroll configuration*/
    max-width: 112px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .systems__img .product__image img {
    width: 100%;
  }

  .systems__icon {
    margin: auto 0;
    color: var(--primarycolor);
    font-size: 20px;
  }

  .systems__box .select .form-control:focus {
    border: 2px solid #fe9925;
  }

  .systems__price {
    padding: 20px;
    color: white;
    position: relative;
  }

  .systems__price img {
    display: block;
    width: 35px;
    position: absolute;
    top: 40%;
    left: -13px;
    cursor: pointer;
  }

  .systems__price:active img {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .systems__img img {
    cursor: pointer;
    padding: 5px;
  }

  .systems__img .product__img {
    width: 122px;
  }

  .systems__info button {
    margin: 20px auto 10px;
  }

  .systems__info p:nth-child(1) {
    font-size: 14px;
  }

  .systems__info p:nth-child(4) {
    margin: 0;
  }

  .systems__mobile {
    display: none;
  }

  p.systems__mobile {
    color: white;
  }

  .systems__element {
    display: none;
  }

  #query_1023 {
    display: none;
    position: absolute;
    cursor: pointer;
    z-index: 1;
    width: 35px;
    right: 0;
    top: 24px;
  }

  #query_1023:active {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  /*NUEVO ENLACES*/
  .purple-animate {
    -webkit-animation-name: purple-color;
    animation-name: purple-color;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
  }

  @-webkit-keyframes purple-color {
    0% {
      background-color: #66308D;
    }

    50% {
      background-color: #66308d73;
    }

    100% {
      background-color: #66308d00;
    }
  }

  @keyframes purple-color {
    0% {
      background-color: #66308D;
    }

    50% {
      background-color: #66308d73;
    }

    100% {
      background-color: #66308d00;
    }
  }

  .top-1r {
    top: 1rem;
  }

  /*********************************************************
  **                  SUBCATEGORÍAS                       **
  *********************************************************/
  .banner__categorie {
    margin-top: 10px;
  }

  .banner__categorie img {
    border-radius: 10px;
  }

  .main--subcategories {
    display: none;
    list-style: none;
    padding-left: 12px;
  }

  .main--subcategories li {
    margin-bottom: 8px;
    padding: 10px 0px;
  }

  .main--subcategories.showing {
    display: block;
  }

  .subcategories--list {
    text-decoration: none !important;
  }

  #recover_nip {
    cursor: pointer;
  }

  .form-note {
    position: absolute;
    bottom: 26%;
    width: 100%;
  }

  .form-note p {
    font-size: 13px;
    text-align: center;
    color: var(--neutral);
  }

  .done--icon {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .done--icon p {
    font-weight: bold;
  }

  .done--icon div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .done--icon div i {
    font-size: 25px;
    color: #4caf50;
  }

  /*MODAL TERMINOS Y CONDICIONES / TRANSFERENCIA DE DATOS*/
  #modalTerms .modal__title,
  #modalTransferData .modal__title {
    color: #4c4c4c;
    width: 90% !important;
    justify-content: center;
  }

  .modalConfimationNextStep .buttons-container .button {
    min-height: 45px;
    width: fit-content;
    min-width: 13rem;
    padding: 0px 10px;
  }

  .download-terms .button,
  .download-terms-transfer-data .button {
    padding: 12px;
    border: 0px;
    background-color: transparent !important;
    text-decoration: underline;
    gap: 10px;
    width: fit-content;
    margin: 0px 20px;
  }

  .download-terms,
  .download-terms-transfer-data {
    margin-top: 10px;
  }

  .download-terms .button:hover,
  .download-terms-transfer-data .button:hover {
    background-color: var(--primary1) !important;
  }

  .download-terms .button figure,
  .download-terms-transfer-data .button figure {
    padding: 0px;
    height: fit-content;
    width: fit-content;
  }

  .modal.contract .modal__inner iframe#obj {
    height: 450px !important;
  }

  .modal.contract .buttons-container {
    margin: 12px 3rem;
  }

  #downloadManual {
    padding: 0px;
  }

  #downloadManual {
    min-height: 2rem;
    padding: 10px 2rem;
  }

  .modal__foot .buttons-container button {
    min-width: 15rem;
  }

  #downloadtermstransferdata {
    margin: 0px auto;
  }

  /*********************************************************
  **                     INCENTIVOS                       **
  *********************************************************/
  .incentives-son {
    margin: 20px 0;
    padding: 10px;
    /*background: #ececec;*/
    border-radius: 10px;
  }

  ul.registered-trips {
    list-style: none;
    padding: 10px;
    border-radius: 10px;
    /* border: 2px solid gray; */
    background: rgb(103 58 183 / 0.2);
    color: #673AB7;
  }

  .registered-trips li {
    border-bottom: 2px groove;
    padding: 10px;
  }

  li.incentives-son.delete a.delete {
    float: right;
    color: gray;
    font-size: 1.5rem;
  }

  #incentio-registro .tool-tip .tool-tip-text::after {
    content: "";
    left: 20% !important;
  }

  .registered-trips li:last-child {
    border: none;
  }

  .incentives-son .button.small {
    margin: 7px !important;
    /*max-width: 260px;*/
  }

  .return-modal-check-img .st0 {
    fill: none;
    stroke: #E2E2E1;
    stroke-width: 20;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }

  .return-modal-check-img .st1 {
    fill: none;
    stroke: var(--primarycolor);
    stroke-width: 20;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }

  .return-modal-check-img .st2 {
    fill: none;
    stroke: var(--secondarycolor);
    stroke-width: 30;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }

  .XMNwEemO_0 {
    stroke-dasharray: 465 467;
    stroke-dashoffset: 466;
    animation: XMNwEemO_draw_0 3800ms ease-out 0ms infinite, XMNwEemO_fade 3800ms linear 0ms infinite;
  }

  .XMNwEemO_1 {
    stroke-dasharray: 465 467;
    stroke-dashoffset: 466;
    animation: XMNwEemO_draw_1 3800ms ease-out 0ms infinite, XMNwEemO_fade 3800ms linear 0ms infinite;
  }

  .XMNwEemO_2 {
    stroke-dasharray: 162 164;
    stroke-dashoffset: 163;
    animation: XMNwEemO_draw_2 3800ms ease-out 0ms infinite, XMNwEemO_fade 3800ms linear 0ms infinite;
  }

  @keyframes XMNwEemO_draw {
    100% {
      stroke-dashoffset: 0;
    }
  }

  @keyframes XMNwEemO_fade {
    0% {
      stroke-opacity: 1;
    }

    92.10526315789474% {
      stroke-opacity: 1;
    }

    100% {
      stroke-opacity: 0;
    }
  }

  @keyframes XMNwEemO_draw_0 {
    0% {
      stroke-dashoffset: 466
    }

    26.31578947368421% {
      stroke-dashoffset: 0;
    }

    100% {
      stroke-dashoffset: 0;
    }
  }

  @keyframes XMNwEemO_draw_1 {
    13.157894736842104% {
      stroke-dashoffset: 466
    }

    39.473684210526315% {
      stroke-dashoffset: 0;
    }

    100% {
      stroke-dashoffset: 0;
    }
  }

  @keyframes XMNwEemO_draw_2 {
    26.31578947368421% {
      stroke-dashoffset: 163
    }

    52.63157894736842% {
      stroke-dashoffset: 0;
    }

    100% {
      stroke-dashoffset: 0;
    }
  }

  .incentives-son-priority {
    position: absolute;
    font-size: 12px;
    left: 33px;
    margin-top: -9px;
  }

  /*********************************************************
  **                  ZE PAGES                            **
  *********************************************************/
  .main-content {
    background-color: #ececec;
  }

  .ze-box-pages {
    padding-bottom: 225px;
  }

  .ze-box-pages p {
    margin-top: 0;
    color: var(--neutral);
  }

  .ze-box-pages div.border-r {
    padding: 40px;
  }

  .ze-box-pages input.button {
    flex: 0 0 45%;
    margin-bottom: 12px;
  }

  .ze-box-pages input.button.secondary {
    margin-right: 10px;
    cursor: pointer;
  }

  .ze-box-pages .estado_container,
  .header_estado_container {
    display: flex;
    justify-content: space-around;
    margin-bottom: 12px;
  }

  .ze-box-pages .estado_container {
    font-size: 12px;
  }

  .estado_container .estado {
    cursor: pointer;
  }

  .estado_container.purple-bg.border-r {
    padding: 5px !important;
    font-size: 15px;
  }

  .ze-box-pages .state-search input.button {
    flex: 0;
  }

  .hold_business_photo {
    width: 400px;
    margin-right: 40px;
  }

  .swipe-left img {
    width: 50px;
    animation: scale-form 1.5s infinite;
  }

  @keyframes scale-form {
    0% {
      transform: scale(1);
    }

    100% {
      transform: scale(1.1);
    }
  }

  .account-status form {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .account-status button {
    margin-right: auto;
    margin-left: auto;
    max-width: 200px;
  }

  .account-status input[type=submit],
  .account-status select {
    max-width: 200px;
  }

  /*Código postal*/
  .icon-map-store {
    width: 45px;
  }

  .icon-location-black button {
    border: transparent;
    border-radius: 10px;
    padding: 10px;
    color: #fff;
    background-color: var(--primarycolor);
  }

  .icon-location-black:active button {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  /*Alerta código postal en el menú principal*/
  .postal-code .form-group {
    position: relative;
  }

  .postal-code .form-group svg {
    position: absolute;
    top: -10px;
  }

  .postal-code .form-group a {
    margin-left: 25px;
  }

  /*
  .main-nav .btnChangeZipCodeCitykey{
    background-color: #f10000;
    color: #fff;
    animation: blink 1s steps(4, start) infinite;
    -webkit-animation: blink 1s steps(4, start) infinite;
  }*/
  /*Alerta en DIV de productos*/
  .postal-code-alert {
    display: none;
    animation: blink 4s steps(4, start) infinite;
    -webkit-animation: blink 4s steps(4, start) infinite;
  }

  @keyframes blink {
    to {
      visibility: hidden;
    }
  }

  @-webkit-keyframes blink {
    to {
      visibility: hidden;
    }
  }

  .postal-code-alert0 {
    display: none;
    padding: 13px;
    position: fixed;
    width: 100%;
    z-index: 90;
    text-align: center;
    background: #f10000;
    color: #fff;
  }

  /*********************************************************
  **  Campana de notificaciones / franja de notificación  **
  *********************************************************/
  #white-bell {
    width: 35px;
    margin: 0 5px;
    cursor: pointer;
    /*display: none;*/
  }

  #white-bell .bell-path {
    fill: white;
    transform: translate(0, 2px);
  }

  #white-bell:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.385, 1.185);
    -o-transition: all 400ms cubic-bezier(0.175, 0.885, 0.385, 1.185);
    transition: all 400ms cubic-bezier(0.175, 0.885, 0.385, 1.185);
  }

  #white-bell:hover .bell-path {
    fill: var(--secondarycolor);
  }

  #white-bell.bell-notify {
    -webkit-animation: bell 1.5s infinite ease-in-out;
    animation: bell 1.5s infinite ease-in-out;
  }

  .fill-white {
    fill: white;
  }

  @-webkit-keyframes bell {
    0% {
      -webkit-transform: rotate(30deg);
      transform: rotate(30deg);
    }

    15% {
      -webkit-transform: rotate(-30deg);
      transform: rotate(-30deg);
    }

    30% {
      -webkit-transform: rotate(30deg);
      transform: rotate(30deg);
    }

    45% {
      -webkit-transform: rotate(-30deg);
      transform: rotate(-30deg);
    }

    60%,
    100% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  }

  @keyframes bell {
    0% {
      -webkit-transform: rotate(30deg);
      transform: rotate(30deg);
    }

    15% {
      -webkit-transform: rotate(-30deg);
      transform: rotate(-30deg);
    }

    30% {
      -webkit-transform: rotate(30deg);
      transform: rotate(30deg);
    }

    45% {
      -webkit-transform: rotate(-30deg);
      transform: rotate(-30deg);
    }

    60%,
    100% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  }

  /*Top Notification*/
  .main-content.notify-alert {
    padding-top: 123px;
  }

  .notify-fringe {
    background-color: var(--primarycolor);
    position: relative;
    display: none;
  }

  .notify-fringe::before,
  .notify-fringe::after {
    content: '';
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    border: 3px solid transparent;
    width: 0;
    height: 0;
  }

  .notify-fringe::before {
    top: 0;
    left: 0;
    border-top-color: #925cb7;
    border-right-color: #925cb7;
    -webkit-animation: border 2s infinite;
    animation: border 2s infinite;
  }

  .notify-fringe::after {
    bottom: 0;
    right: 0;
    -webkit-animation: border 2s 1s infinite, notifyColor 2s 1s infinite;
    animation: border 2s 1s infinite, notifyColor 2s 1s infinite;
  }

  @-webkit-keyframes border {
    0% {
      width: 0;
      height: 0;
    }

    25% {
      width: 100%;
      height: 0;
    }

    50% {
      width: 100%;
      height: 100%;
    }

    100% {
      width: 100%;
      height: 100%;
    }
  }

  @keyframes border {
    0% {
      width: 0;
      height: 0;
    }

    25% {
      width: 100%;
      height: 0;
    }

    50% {
      width: 100%;
      height: 100%;
    }

    100% {
      width: 100%;
      height: 100%;
    }
  }

  .triangle-bell-notify:before {
    display: none;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: -4px;
    border-style: solid;
    border-width: 20px 2px 0 22px;
    border-color: var(--primarycolor) transparent transparent transparent;
    right: 30px;
  }

  .triangle-bell-notify.show:before {
    display: block;
  }

  @-webkit-keyframes notifyScale {
    from {
      -webkit-transform: scale(1.4);
      transform: scale(1.4);
    }

    to {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }

  @keyframes notifyScale {
    from {
      -webkit-transform: scale(1.4);
      transform: scale(1.4);
    }

    to {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }

  .triangle-bell-notify .pos-rel {
    height: initial;
  }

  #tinkerbell-counter {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-animation: notifyScale .5s;
    animation: notifyScale .5s;
  }

  /*Notificaciones flotantes*/
  .float-notifications {
    display: none;
    width: 550px;
    background-color: white;
    border-radius: 18px;
    position: absolute;
    right: -20px;
    top: 65px;
  }

  .float-notifications ul {
    list-style: none;
  }

  .float-notifications a {
    padding: 12px;
    border-bottom: 1px solid #e0e0e0;
  }

  @-webkit-keyframes notifyColor {
    0% {
      border-bottom-color: var(--notifybell);
      border-left-color: var(--notifybell);
    }

    50% {
      border-bottom-color: var(--notifybell);
      border-left-color: var(--notifybell);
    }

    51% {
      border-bottom-color: transparent;
      border-left-color: transparent;
    }

    100% {
      border-bottom-color: transparent;
      border-left-color: transparent;
    }
  }

  @keyframes notifyColor {
    0% {
      border-bottom-color: var(--notifybell);
      border-left-color: var(--notifybell);
    }

    50% {
      border-bottom-color: var(--notifybell);
      border-left-color: var(--notifybell);
    }

    51% {
      border-bottom-color: transparent;
      border-left-color: transparent;
    }

    100% {
      border-bottom-color: transparent;
      border-left-color: transparent;
    }
  }

  /*********************************************************
  **                   SUBCATEGORIES.                     **
  *********************************************************/
  .subcat__list {
    display: none;
  }

  .subcat__list.cat--active {
    display: block;
  }

  .sub__item {
    cursor: pointer;
  }

  .spotlight .subcat__list a {
    text-decoration: none;
  }

  .spotlight ul {
    display: block;
  }

  .products-desc__title.spotlight {
    display: none;
  }

  .menu--subcat #ezone-menu {
    width: 100% !important;
  }

  .ezone__panel.menu--subcat {
    width: 100% !important;
    top: 58px !important;
    right: 0;
    padding: 0;
  }

  .cat--font {
    color: white !important;
    font-size: 1rem !important;
  }

  .cat--font:hover>a {
    color: #ffffff !important;
  }

  a.drop-down-toggle.cat--font {
    border-color: transparent;
  }

  a.drop-down-toggle.cat--font.active {
    border-color: transparent;
  }

  .sub__item-mobile a {
    padding-left: 30px !important;
  }

  .cat--icon {
    position: absolute;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 20px;
    top: 25px;
  }

  .cat--icon i {
    font-size: 30px;
  }

  #cat--filter {
    display: none;
  }

  #cat--filter .filter--2,
  #cat--filter .filter--icon {
    display: none;
  }

  #cat--filter .filter--2 {
    margin-right: 10px;
  }

  .filter--2 {
    margin-top: 3px;
  }

  .filter--icon {
    width: 25px;
  }

  .menu--subcat #ezone-menu {
    padding-left: 0;
  }

  .menu--subcat .ezone__menu a:hover {
    border-color: transparent;
  }

  /* modal first buy and login */
  #modal-firstBuy button.button.modal-close,
  #modal-fisrtLogin button.button.modal-close {
    width: auto;
  }

  /*
    Estilo para el spinner de los input de street
    @autor: Omar
  */
  .spinnerStreet,
  .spinnerStreet:after {
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
  }

  .spinnerStreet {
    background-color: transparent;
    border-top: 2px solid rgb(66, 139, 202);
    border-right: 2px solid rgb(66, 139, 202);
    border-bottom: 2px solid rgb(66, 139, 202);
    border-left: 2px solid rgba(66, 139, 202, .2);
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: .8s;
    animation-name: spinner-loading
  }

  @keyframes spinner-loading {
    0% {
      transform: rotate(0deg)
    }

    to {
      transform: rotate(1turn)
    }
  }

  #tabs_register .hold-btn-message {
    margin-right: 20px;
    max-width: 150px;
  }

  #tabs_register .hold-btn-message #payment_method_select {
    position: relative;
    background: #fff;
    border: 2px solid var(--secondarycolor);
    padding: 5px;
    border-radius: 10px;
    font-size: 13px;
    margin: 10px;
  }

  #tabs_register .hold-btn-message #payment_method_select:after,
  #tabs_register .hold-btn-message #payment_method_select:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }

  #tabs_register .hold-btn-message #payment_method_select:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 5px;
    margin-top: -5px;
  }

  #tabs_register .hold-btn-message #payment_method_select:before {
    border-color: rgba(255, 195, 0, 0);
    border-left-color: var(--secondarycolor);
    border-width: 8px;
    margin-top: -8px;
  }

  #tabs_register .hold-btn-message #payment_method_select label {
    color: #66308c;
    font-style: italic;
    font-size: 10px;
  }

  /*********************************************************
  **            PRODUCTOS CON VERSIONES.                  **
  *********************************************************/
  .button.add-to-cart.button--shopping.cart.variant::before {
    content: '\f06e';
  }

  @media screen and (max-width: 480px) {
    .button.add-to-cart.button--shopping.cart.variant {
      padding: 15px !important;
      width: 60% !important;
    }
  }

  @media screen and (max-width: 370px) {
    .button.add-to-cart.button--shopping.cart.variant {
      width: 80% !important;
    }
  }

  /*********************************************************
  **                  Reactivacion de EO                  **
  *********************************************************/
  section.login.active.inactive {
    background-color: rgb(83 98 105 / 70%);
  }

  .notify-fringe.user-inactive .wrapper {
    justify-content: space-evenly;
    padding: 5px;
  }

  svg.lock .lock-neck {
    stroke: var(--secondarycolor);
    stroke-width: 7px;
    position: relative;
    stroke-linecap: round;
  }

  svg.lock .lock-box {
    fill: var(--primarycolor);
  }

  .pending-registration .modal__register {
    display: none;
  }

  .pending-registration .modal__body {
    padding: 0 !important;
  }

  .pending-registration h3.modal__login--title {
    text-align: center;
  }

  .pending-registration .message {
    margin-bottom: 0;
  }

  .pending-registration .message span.secondarycolor {
    width: auto;
  }

  .pending-registration .message span {
    width: 60%;
  }

  .pending-registration a.button.small {
    margin: 0;
    padding: 10px 15px !important;
    font-size: 13px;
    display: inline-block;
  }

  /*PROGRESS BAR ANIMATION*/
  .meter {
    box-sizing: content-box;
    height: 10px;
    /* Can be anything */
    position: relative;
    border-radius: 25px;
    padding: 4px;
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
    background-color: #cccccc;
  }

  .meter>span {
    display: block;
    height: 100%;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-image: linear-gradient(center bottom,
        rgb(43, 194, 83) 37%,
        rgb(84, 240, 84) 69%);
    box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
      inset 0 -2px 6px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden;
  }

  .meter>span:after,
  .animate>span>span {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(-45deg,
        rgba(255, 255, 255, 0.2) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.2) 50%,
        rgba(255, 255, 255, 0.2) 75%,
        transparent 75%,
        transparent);
    z-index: 1;
    background-size: 50px 50px;
    animation: move 2s linear infinite;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
  }

  .animate>span:after {
    display: none;
  }

  @keyframes move {
    0% {
      background-position: 0 0;
    }

    100% {
      background-position: 50px 50px;
    }
  }

  .red>span {
    background-image: linear-gradient(#66308C, #66308C);
  }

  .nostripes>span>span,
  .nostripes>span::after {
    background-image: none;
  }

  #promo-done {
    color: var(--primarycolor);
    font-weight: bold;
  }

  #promo-done.apply-promo {
    margin: 0;
    animation: promoScale 2s ease-out;
  }

  @keyframes promoScale {
    0% {
      transform: scale(1);
    }

    10% {
      transform: scale(1.2);
    }

    100% {
      transform: scale(1);
    }
  }

  .particletext {
    margin-top: 0 !important;
  }

  .particletext.confetti>.particle {
    opacity: 0;
    position: absolute;
    animation: confetti 3s ease-in infinite;
  }

  .particletext.confetti>.particle.c1 {
    background-color: rgb(254, 153, 37, 0.5);
  }

  .particletext.confetti>.particle.c2 {
    background-color: rgba(156, 39, 176, 0.5);
  }

  @keyframes confetti {
    0% {
      opacity: 0;
      transform: translateY(0%) rotate(0deg);
    }

    10% {
      opacity: 1;
    }

    35% {
      transform: translateY(-800%) rotate(270deg);
    }

    80% {
      opacity: 1;
    }

    100% {
      opacity: 0;
      transform: translateY(2000%) rotate(1440deg);
    }
  }

  /*********************************************************
  **                  ZE CHECAR GANANCIAS                 **
  *********************************************************/
  #checkProfitBalance {
    text-decoration: underline;
    text-align: right;
    margin-top: 30px;
    font-weight: bold;
  }

  .profit-box {
    display: none;
    max-width: 450px;
    border-radius: 18px;
    box-shadow: 4px 5px 12px -3px grey;
    text-align: center;
    font-weight: 400;
    padding: 30px;
    margin: 20px auto;
  }

  .profit-box div svg {
    top: -170px;
    left: 40%;
  }

  /*********************************************************
  **                  ZE CENTRO DE NEGOCIOS               **
  *********************************************************/
  .business_center_icon__move {
    display: block;
    width: 45px;
    position: absolute;
    top: 55%;
    left: 95%;
    cursor: pointer;
    filter: hue-rotate(226deg);
  }

  .business_center_video img {
    max-width: 190px;
  }

  .fc-closeCalendar-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right:active {
    background: var(--primarycolor) !important;
    color: #fff;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: lighter;
    font-size: 1rem;
  }

  #modalScheduleMeeting {
    max-width: 900px;
  }

  .modal_H90p {
    height: 90%;
  }

  .business-center-general-form .form-control {
    font-size: 14px;
  }

  .ezone__section {
    padding: 12px;
  }

  .business-center-information {
    margin-bottom: 2rem;
    background-color: #ffff;
    border-radius: 20px !important;
  }

  .business-center-information-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .business-center-information-header div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 7px auto 0 auto;
  }

  .business-center-information-header h2 {
    margin-bottom: -2px;
    padding: 17px;
    border-bottom: 2px solid var(--primarycolor);
    display: inline-block;
  }

  .business-center-cover {
    padding: 20px;
    margin-right: 30px;
  }

  .business-center-cover img {
    max-width: 350px;
  }

  .business-center-cover div {
    background-color: white;
    background-color: white;
    border-radius: 20px;
    top: 25px;
    right: 27px;
    padding: 10px;
    border: 1px solid #dddddd;
  }

  .business-center-general {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .business-center-general #detail-info {
    padding: 20px;
    margin-right: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .business-center-general div svg {
    margin-right: 15px;
    min-width: 40px;
  }

  .modal .modal-business-center-header {
    /*padding: 10px;*/
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: white;
    background-color: var(--primarycolor);
    margin: -20px -20px 5px;
    padding: 25px 25px 12px;
  }

  .modal.edit-profile.big {
    font-size: 15px;
  }

  .modal.edit-profile.big .modal-business-center-header h2.ezone__title.uppercase {
    margin-top: 7px;
  }

  .business-center-modal-close {
    color: #fff !important;
  }

  .modal .modal-business-center-header svg {
    margin-right: 12px;
  }

  .modal .modal-business-center-header h2,
  .modal .modal-business-center-header button,
  .modal-header button,
  .modal .modal-business-center-header .icon-cross:after {
    color: #fff !important;
    background-color: transparent;
    top: 10px;
  }

  .edit-profile__image .business-center-cover-edit {
    width: 300px;
    height: 300px;
    margin: 0 auto;
    margin-bottom: 16px;
  }

  .edit-profile__image .business-center-cover-edit img {
    border-radius: 10%;
  }

  .business-center-message,
  .business-center-no-message {
    padding: 20px;
    background-color: #f7f7f7;
    border: 1px solid #d8d8d8;
  }

  .business-center-message div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .business-center-message .bc-date-meeting {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .business-center-messages-filter div {
    margin-left: 12px;
  }

  label.bc-user {
    border: 2px solid grey;
    padding: 6px 9px;
    border-radius: 10px;
    font-weight: bold;
  }

  label.bc-notice {
    border: 2px solid grey;
    padding: 6px 9px;
    border-radius: 10px;
    font-weight: bold;
  }

  label.bc-subscribed {
    border: 2px solid grey;
    padding: 6px 9px;
    border-radius: 10px;
    font-weight: bold;
  }

  label.bc-user.filtered {
    border: none;
    background: #994dcf;
    padding: 6px 9px;
    border-radius: 10px;
    font-weight: bold;
    color: white;
  }

  label.bc-notice.filtered {
    border: none;
    background: #007bff;
    padding: 6px 9px;
    border-radius: 10px;
    font-weight: bold;
    color: white;
  }

  label.bc-subscribed.filtered {
    border: none;
    background: #28a745;
    padding: 6px 9px;
    border-radius: 10px;
    font-weight: bold;
    color: white;
  }

  .business-center-message i {
    background: var(--neutral4);
    color: #fff;
    border-radius: 100px;
    padding: 7px;
    font-size: 1.3em;
  }

  .business-center-message p {
    margin: 0;
    font-size: 15px;
  }

  .business-center-calendar-select {
    width: 27% !important;
  }

  .business-center-marker-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30%;
    margin: 20px auto;
  }

  .business-center-marker-select h3 {
    margin-right: 12px;
  }

  .calendarSlide {
    position: relative;
    margin: auto;
    width: 100%;
    overflow: hidden;
  }

  .calendarAndForm {
    position: relative;
    left: 0%;
    margin: auto;
    height: auto;
    width: 200%;
    clear: both;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }

  .calendarAndForm li {
    position: relative;
    float: left;
    width: 100%;
    list-style: none;
  }

  .addEditMeeting {
    border: 1px solid gainsboro;
    border-radius: 18px;
    padding: 30px;
  }

  #business-center-calendar-table>thead>tr>th,
  #business-center-participant-table>thead>tr>th {
    background: #66308c;
    color: white;
  }

  /*CALENDARIO*/
  /*#calendarDisplay table {
    display: table;
    overflow-x: auto;
  }*/
  div#calendarDisplay {
    padding: 2rem;
  }

  .addEditMeeting h2 {
    text-transform: capitalize;
    font-weight: lighter;
    color: #30465d;
    margin-bottom: 2rem;
  }

  .business-center-general-form .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
  }

  .business-center-general-form .form-label {
    margin-right: 30px;
    width: 150px;
    text-align: right;
  }

  .business-center-general-form .diploma__form .form-label {
    width: 100px;
  }

  .business-center-general-form .col-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .business-center-marker-filters div:nth-child(1) {
    width: 60%;
  }

  .business-center-marker-filters select {
    margin-left: 0.5rem;
  }

  .business-center-marker-filters.marker-filter-show-mobile {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .business-center-marker-filters.marker-filter-show-mobile .marker-filters-mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100% !important;
  }

  .business-center-marker-filters.marker-filter-show-mobile select {
    margin-left: 0;
    margin-bottom: 1rem;
    display: block;
  }

  .business-center-marker-filters.marker-filter-show-mobile button.ml-1 {
    margin-left: 0;
    margin-bottom: 1rem;
    display: block;
  }

  .business-center-marker-filters.marker-filter-show-mobile .icon-filter__marker {
    width: 100%;
    margin-bottom: .5rem;
  }

  .bc-signed {
    background-color: #2bc001;
    color: white;
  }

  .bc-pending {
    background-color: #ab751d;
    color: white;
  }

  .bc-fail {
    background-color: #940001;
    color: white;
  }

  .icon-remove__text {
    font-size: 11px;
    text-align: center;
    color: var(--neutral);
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 4px;
    display: inline-block;
  }

  .icon-remove__text i {
    background: #940000;
    color: #fff;
    border-radius: 100px;
    padding: 7px;
    font-size: 1.3em;
  }

  .icon-remove__text:hover i {
    background: #923030;
  }

  .icon-filter__marker {
    display: none;
  }

  .icon-filter__marker i {
    background: var(--secondarycolor);
    border-radius: 50%;
    padding: 10px;
    color: white;
    font-size: 1rem;
  }

  .business-center-downloadable {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .business-center-downloadable svg {
    margin: auto;
  }

  .business-center-downloadable h5 {
    color: var(--neutral)666;
  }

  .parent-business-center-downloadable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .first-business-center-downloadable {
    width: 67%;
  }

  .second-business-center-downloadable {
    width: 30%;
  }

  .business-center-image-list,
  .business-center-audio-list,
  .business-center-card-list,
  .business-center-diploma-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*overflow: hidden;
    overflow-y: auto;*/
    /*background-color: #e6e6e6;*/
    /*max-height: 450px;*/
    margin-bottom: 30px;
    border-radius: 10px;
    gap: 8px;
  }

  .business-center-image-list img,
  .business-center-card-list img,
  .business-center-diploma-list img {
    max-width: 210px;
    height: 210px;
    padding: 10px;
    display: block;
    background: white;
    margin: 5px;
    width: 100%;
    border-radius: 10px;
    -webkit-box-shadow: 3px 3px 6px -1px grey;
    box-shadow: 3px 3px 6px -1px grey;
  }

  .business-center-card-list img,
  .business-center-diploma-list img {
    max-width: 250px;
    height: 200px;
  }

  .business-center-audio-list {
    background-color: inherit;
  }

  .audio__file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    background-color: #fff;
    padding: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 11px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0px 5px 5px -2px #cecece;
    box-shadow: 0px 5px 5px -2px #cecece;
  }

  .audio__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 25%;
  }

  .audio__controls div:nth-child(1) {
    margin-right: 1rem;
    text-decoration: underline;
    color: var(--primarycolor);
    cursor: pointer;
  }

  .audio__controls div:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .audio__controls i {
    color: var(--primarycolor);
    font-size: 25px;
    margin-right: .5rem;
    cursor: pointer;
  }

  .business-center-image-action:hover {
    border: 2px solid var(--primarycolor);
  }

  .diploma-reason .form-label {
    width: 100px !important;
  }

  .business-center-downloadable.cresiendo img {
    width: 250px;
  }

  .business-center-downloadable.cresiendo h5 {
    color: var(--neutral)666;
    margin: 1rem auto 0;
  }

  .business-center-directory figure {
    width: 25%;
    margin: auto;
  }

  .center_container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* border-radius: 20px;
    -webkit-box-shadow: 0px 6px 18px -5px #a7a7a7;
    box-shadow: 0px 6px 18px -5px #a7a7a7; */
    margin-bottom: 2rem;
    border-radius: 16px;
    border: var(--none, 1px) solid var(--neutrals300);
  }

  .center_container .business-photo {
    padding: 15px;
    /*width: 200px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .center_container .business-photo img {
    border-radius: 20px;
    height: 170px;
    width: 100%;
    max-width: 200px;
  }

  .business-centers-catcher_data {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    width: 75%;
    gap: 8px;
  }

  .business-centers-catcher_data p {
    margin-bottom: 0;
    text-transform: uppercase;
  }

  .business-centers-name span {
    font-size: 15px;
    color: purple !important;
  }

  .business-centers-catcher_data .fab.fa-whatsapp,
  .business-centers-catcher_data .fas.fa-mobile-alt {
    margin-right: 10px;
    color: #00bb2d;
    font-size: 25px;
  }

  .business-centers-catcher_data .fas.fa-mobile-alt {
    color: var(--primarycolor);
  }

  .bussines-centers-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 10px;
  }

  .bussines-centers-buttons button {
    max-width: 150px;
    border-radius: 15px;
    margin-right: 12px;
    margin-bottom: 1rem;
  }

  .center_container .d-flex.flex-align-c {
    margin-top: 1rem;
  }

  .center_container .d-flex.flex-align-c p {
    margin-top: 0;
  }

  .disclaimer_option {
    justify-content: flex-start !important;
    flex-direction: row;
    padding-left: 18px;
    font-size: .8rem;
  }

  a.disclaimer-contract {
    font-style: italic;
    font-size: 0.7rem;
    color: var(--secondarycolor);
    text-decoration: underline;
  }

  #disclaimer-contract,
  .disclaimer-contract {
    display: none;
  }

  #disclaimer-contract.active,
  .disclaimer-contract.active {
    display: block;
  }

  .business_center_type_description {
    width: 50%;
  }

  /*********************************************************
  **          DIRECTORIO CENTRO DE NEGOCIOS               **
  *********************************************************/
  .business-center-directory {
    padding-bottom: 120px;
    padding-top: 3rem;
  }

  .business-center-directory .bussines-center-search-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    margin: auto;
    align-items: baseline;
  }

  .bussines-center-search-form .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: baseline;
    width: 100%;
  }

  .bussines-center-search-form .form-group .form-label.block {
    text-align: right;
    padding-right: 12px;
    flex: none;
  }

  .bussines-center-search-form .mr-1 {
    width: 100%;
  }

  .bussines-centers-container {
    width: 60%;
    margin: auto;
    margin-top: 2rem;
  }

  .business-centers-general-information {
    width: 100%;
  }

  .center_container .business-centers-form {
    width: 70%;
    margin: auto;
  }

  .business-centers-form .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
  }

  .business-centers-form .form-group select {
    font-size: 12px;
  }

  .business-centers-form .form-group div:nth-child(2) {
    width: 80%;
  }

  .bussines-centers-showing .center_container {
    border-radius: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 1rem;
  }

  .bussines-centers-showing .business-centers-general-information,
  .meeting-caps {
    width: 75%;
    margin: auto;
    position: relative;
  }

  .meeting-caps {
    padding: 15px;
  }

  .bussines-centers-showing .center_container .business-photo {
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
  }

  .bussines-centers-showing .center_container .business-photo img {
    height: auto;
    max-width: 600px;
    object-fit: contain;
  }

  .bussines-centers-showing .center_container .business-centers-form {
    margin: auto;
  }

  .meeting-caps .center_container {
    border-radius: 20px;
    -webkit-box-shadow: 0px 5px 10px 0px #a7a7a7;
    box-shadow: 0px 5px 10px 0px #a7a7a7;
    margin-right: 1rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 47%;
    flex: 0 0 47%;
  }

  .meeting-caps .business-centers-catcher_data {
    padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }

  .meeting-caps i {
    font-size: 25px;
  }

  .signup_selected {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    background: #f5e7ff;
    border: 1px solid #66308c;
  }

  .meeting-caps .center_container:hover {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    background-color: #faf4ff;
  }

  button#del-center2,
  button#signup-center2,
  button#edit-center2 {
    display: none;
  }

  button#del-center2.active,
  button#signup-center2.active,
  button#edit-center2.active {
    display: block;
  }

  .fixed_meetings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 5px;
  }

  .fixed_meetings div {
    padding: 1rem;
    border-radius: 10px;
    box-shadow: 5px 5px 10px -9px var(--primarycolor);
    margin: .5rem;
    color: var(--primarycolor);
    font-weight: 500;
    border: 1px solid rgb(102 48 140 / 15%);
    font-size: 14px;
  }

  .edit_fixed_meetings input[type=checkbox] {
    width: 17px;
    height: 17px;
  }

  .meeting-caps .fixed_meetings_container {
    border-radius: 20px;
    /* -webkit-box-shadow: 0px 5px 10px 0px #a7a7a7;
    box-shadow: 0px 5px 10px 0px #a7a7a7; */
    margin-right: 1rem;
    -webkit-box-flex: 0;
    padding: 16px;
    border: 1px solid var(--Neutrals-300, #D3D3D3);
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .business-centers-catcher_data .center_type p {
    background-color: #d93e3e;
    font-size: 0.8rem;
    text-transform: none;
    width: max-content;
    display: inline-flex;
    height: 32px;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }

  .bussines-centers-showing .center_type {
    width: 30%;
    text-align: center;
  }

  .center_type_bc p {
    padding: 6px;
    margin-top: .5rem;
    background-color: #d93e3e;
    font-size: 0.8rem;
    text-transform: none;
  }

  /*********************************************************
  **                    PREPEDIDO                         **
  *********************************************************/
  #chooseDeliveryMethod #zip_modal {
    margin: 0;
  }

  #btnChangeDeliveryMethod .new-address {
    margin-top: 0;
  }

  .ShippingAddressBody {
    text-align: center;
    font-weight: bold;
  }

  ul.delivery__confirm {
    list-style: none;
    color: var(--notifybell);
    border: 2px solid var(--primarycolor);
    border-radius: 20px;
    padding: 10px;
  }

  li.deliverName {
    font-size: 22px;
    font-weight: bold;
    color: var(--primarycolor);
  }

  #modalChangeDeliveryMethod .tabs__pane.active {
    margin: 0;
    box-shadow: none;
    padding: 0;
  }

  #modalChangeDeliveryMethod .t-direcciones {
    padding-top: 10px;
  }

  .edit_sa_modal i,
  .delete_sa_modal i,
  .replace_sa_modal i {
    font-size: 1.3em;
    color: #a3a3a3;
  }

  .new-cedis-container {
    overflow: hidden;
  }

  #new-cedis {
    opacity: 0;
    -webkit-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -moz-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -o-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    height: 0;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  #new-cedis.active {
    opacity: 10;
    height: auto;
    -webkit-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -moz-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -o-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition: all 400ms;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  li.cart-product__item.backorder__item .disclaimer {
    color: var(--secondarycolor);
    margin: 5px 0;
  }

  li.cart-product__item.backorder__item {
    background-color: rgb(253 176 36 / 20%);
    border-radius: 20px;
    margin-top: 10px;
  }

  li.cart-product__item.backorder__item .disclaimer i {
    float: left;
    margin-right: 5px;
  }

  /*********************************************************
  **                    DASHBOARD                         **
  *********************************************************/
  .section-view,
  .section-minimized {
    font-size: 17px;
    top: 5px;
    right: 10px;
  }

  .close-view {
    color: #ffff;
    -webkit-animation: changecolor 2s ease-out forwards;
    animation: changecolor 2s ease-out forwards;
  }

  @-webkit-keyframes changecolor {
    0% {
      color: #ffff;
    }

    100% {
      color: initial;
    }
  }

  @keyframes changecolor {
    0% {
      color: #ffff;
    }

    100% {
      color: initial;
    }
  }

  .ze-block.download-diploma .ze-block-content {
    width: 100%;
  }

  .level-hr,
  .gain-hr {
    width: 70%;
    background-color: #d7d7d7;
    height: 1px;
    border: none;
  }

  /*OLD-VERSION*/
  /*.ze-block.my-gainings .ze-block-info h2{
    font-size: 1.3rem;
  }*/
  .ze-block.my-co .ze-block-content.no-coeo {
    margin: 1.5rem 0
  }

  .no-coeo button {
    margin: 1rem auto !important;
  }

  .level-text {
    /*bottom: -50px;*/
    width: 100%;
    text-align: center;
    font-size: 12px;
    margin-top: 10px;
  }

  .current-level {
    /*width: 65px !important;*/
    bottom: -11px;
  }

  .ze-block.tiny-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .ze-block-title p {
    font-size: .8rem;
  }

  .show-presenter-info {
    margin-bottom: .5rem;
  }

  .show-presenter-info p,
  .show-co-info p {
    font-size: .8rem;
    margin: .2rem;
    word-break: break-word;
  }

  .my-co .fas.fa-arrow-alt-circle-right {
    color: var(--secondarycolor) !important;
    left: 60% !important;
    -webkit-transform: rotate(320deg) !important;
    -ms-transform: rotate(320deg) !important;
    transform: rotate(320deg) !important;
  }

  .profile-fringe .ezone__profile-metas {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
  }

  #unique_block .ezone__body {
    padding: 1.5rem;
    margin-top: 20px;
    /*eye*/
  }

  .full-size-mobile aside.dashboard__panel {
    height: calc(95vh - 50px) !important;
    border-radius: 0;
    padding-top: 5px;
    margin-right: 0;
    overflow-y: auto !important;
    z-index: 99;
    width: 100%;
    position: fixed;
    top: 0px;
  }

  .full-size-mobile aside.dashboard__panel .ezone__profile.desk {
    flex-direction: column;
    padding: 20px;
    background-color: #4a2267;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }

  .dashboard-main-content .ezone__profile-name {
    font-size: .8rem;
  }

  .dashboard-main-content .avatar.smallx.is-millionaire {
    border: 4px solid #ffffff;
  }

  .dashboard-main-content .my-presenter .avatar.smallx,
  .dashboard-main-content .my-co .avatar.smallx {
    border: 2px solid var(--secondarycolor);
    width: 60px;
    height: 60px;
  }

  .dashboard-main-content .ezone__profile-metas {
    padding: 0.5rem;
  }

  .ezone__section {
    padding: 12px;
  }

  .section-ze-blocks {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .ze-block {
    width: 180px;
    height: auto;
    /*Eran 200px*/
    background-color: white;
    border-radius: 20px;
    -webkit-box-shadow: 0 3px 10px -5px;
    box-shadow: 0 3px 10px -5px;
    margin-bottom: .5rem;
    margin-right: 5px;
    text-align: center;
  }

  .ze-block:hover,
  .dashboard-section-right .tabs__pane:hover {
    border: 2px solid var(--notifybell);
    border-radius: 20px;
    -webkit-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -moz-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -o-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
  }

  .ze-block-content {
    padding: 6px;
  }

  .new-dashboard {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .dashboard-section-right {
    width: 100%;
    /*padding: 15px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  /*Bandge-career*/
  #badge-career {
    margin: auto;
    width: 50px;
    -webkit-animation: badge 5s ease-out infinite;
    animation: badge 5s ease-out infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }

  @-webkit-keyframes badge {

    0%,
    25% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }

    50% {
      -webkit-transform: translatey(-10px);
      transform: translatey(-10px);
    }

    100% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }
  }

  @keyframes badge {

    0%,
    25% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }

    50% {
      -webkit-transform: translatey(-10px);
      transform: translatey(-10px);
    }

    100% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }
  }

  /*CIRCLE*/
  .circular-chart {
    display: block;
    margin: 10px auto;
    max-width: 90%;
    max-height: 250px;
  }

  .circle-bg {
    fill: none;
    stroke: #eee;
    stroke-width: 1.8;
  }

  .circle {
    fill: none;
    stroke-width: 2.8;
    stroke-linecap: round;
    -webkit-animation: progress 4s ease-out forwards;
    animation: progress 4s ease-out forwards;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
  }

  @-webkit-keyframes progress {
    0% {
      stroke-dasharray: 0 100;
    }
  }

  @keyframes progress {
    0% {
      stroke-dasharray: 0 100;
    }
  }

  .circular-chart.orange .circle {
    stroke: #ff9f00;
  }

  .circular-chart.green .circle {
    stroke: #4CC790;
  }

  .circular-chart.blue .circle {
    stroke: #3c9ee5;
  }

  .percentage {
    fill: var(--neutral);
    font-family: sans-serif;
    font-size: 0.5em;
    text-anchor: middle;
  }

  /*COIN ANIMATION*/
  #dollar-sign {
    -webkit-transform: translate(0, -120px);
    -ms-transform: translate(0, -120px);
    transform: translate(0, -120px);
    -webkit-animation: dollar 2s ease-out infinite;
    animation: dollar 2s ease-out infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }

  #coin {
    -webkit-transform: translate(0, -105px);
    -ms-transform: translate(0, -105px);
    transform: translate(0, -105px);
    -webkit-animation: coin 2s ease-out infinite;
    animation: coin 2s ease-out infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }

  .fall-lines {
    opacity: 0;
    -webkit-animation: lines 2s ease-out infinite;
    animation: lines 2s ease-out infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }

  @-webkit-keyframes dollar {
    0% {
      -webkit-transform: translate(0, -120px);
      transform: translate(0, -120px);
    }

    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
  }

  @keyframes dollar {
    0% {
      -webkit-transform: translate(0, -120px);
      transform: translate(0, -120px);
    }

    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
  }

  @-webkit-keyframes coin {
    0% {
      -webkit-transform: translate(0, -105px);
      transform: translate(0, -105px);
    }

    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
  }

  @keyframes coin {
    0% {
      -webkit-transform: translate(0, -105px);
      transform: translate(0, -105px);
    }

    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
  }

  @-webkit-keyframes lines {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes lines {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  /*info buy*/
  #drip1,
  #drip2 {
    opacity: 0;
    -webkit-animation: drip 8s ease-out infinite;
    animation: drip 8s ease-out infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }

  @-webkit-keyframes drip {
    0% {
      opacity: 0;
      -webkit-transform: translatey(-20px);
      transform: translatey(-20px);
    }

    10% {
      opacity: 1;
    }

    89% {
      opacity: 1;
    }

    90%,
    100% {
      -webkit-transform: translatey(20px);
      transform: translatey(20px);
      opacity: 0;
    }
  }

  @keyframes drip {
    0% {
      opacity: 0;
      -webkit-transform: translatey(-20px);
      transform: translatey(-20px);
    }

    10% {
      opacity: 1;
    }

    89% {
      opacity: 1;
    }

    90%,
    100% {
      -webkit-transform: translatey(20px);
      transform: translatey(20px);
      opacity: 0;
    }
  }

  .dashboard-section-right .tabs__pane {
    background-color: #ffff;
    border: 2px solid transparent;
    border-radius: 20px !important;
  }

  .ezone__profile.desk a {
    color: white;
    text-decoration: underline;
  }

  /*Profile fringe*/
  .profile-fringe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #4a2267;
    padding: 2rem .5rem 1rem;
    z-index: 99;
  }

  .profile-fringe .profile--country {
    bottom: 5px !important;
    right: 10px !important;
  }

  .profile-fringe .ezone__profile-metas a {
    color: white;
    text-decoration: underline;
  }

  .profile-fringe .language--selected {
    background: #3a1952;
    border-radius: 20px;
    width: 100%;
    font-weight: 200;
    text-transform: uppercase;
  }

  .period--selected ul {
    background: #ffff;
    border-radius: 10px;
    width: 100%;
    border: 1px solid var(--primary4);
  }

  .period--selected ul:first-child {
    padding: 0.5rem;
  }

  .period--selected ul .nav-item,
  .period--total ul .nav-item {
    color: var(--secondarycolor);
    font-size: 1rem;
  }

  .period--selected ul .dropdown.active .dropdown-list {
    width: 100%;
    border: none;
    border-radius: 0 0 10px 10px;
    top: 40px;
    overflow: scroll;
  }

  .period--selected ul .dropdown-list.list-nostyle li {
    background-color: #ffff;
  }

  .period--selected ul .dropdown-list.list-nostyle li a {
    color: var(--secondarycolor);
    font-size: .9rem;
    font-weight: 390;
  }

  .period--selected.first-versus ul .dropdown-list.list-nostyle li a {
    color: var(--primarycolor);
  }

  .period--total ul {
    background: var(--primary1);
    border-radius: 10px;
    width: 100%;
    text-transform: uppercase;
    padding: 1.05rem;
    border: none;
  }

  .period--selected ul .dropdown-list.list-nostyle {
    position: absolute;
  }

  .profile-fringe .nav-item.dropdown {
    line-height: 2.25;
  }

  .profile-fringe .nav-item.dropdown .dropdown-toggle {
    font-size: .8rem;
    padding-left: 12px;
  }

  .profile-fringe .nav-item.dropdown .dropdown-toggle:after {
    right: 10px;
    left: auto;
    top: 13px;
    border-top: 6px solid currentColor;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
  }

  .profile-fringe .language--selected-flag {
    bottom: 2px !important;
    right: 35px !important;
    width: 25px;
  }

  .profile-fringe .dropdown-list.list-nostyle.language li {
    background-color: initial;
    border: none;
  }

  /*Fast Links*/
  .fast-links {
    margin-top: 2rem;
    margin-right: 30px;
  }

  .fast-links:hover {
    cursor: pointer;
  }

  .fast-links img {
    width: 50px;
    height: 50px;
    margin: 0 auto 20px auto;
  }

  .discount-reached {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: var(--primarycolor);
    color: #ffff;
    padding: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    top: -34px;
    right: -24px;
    -webkit-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    transform: rotate(342deg);
    z-index: 1;
  }

  /*
  .discount-reached{
    border-radius: 0;
    width: 100%;
    height: auto;
    background-color: var(--primarycolor);
    color: #ffff;
    padding: 2px;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    bottom: -2px;
    right: 0;
    z-index: 1;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }*/
  .green-bill {
    -webkit-animation: greenfloat 3s ease-out infinite;
    animation: greenfloat 3s ease-out infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }

  @-webkit-keyframes greenfloat {

    0%,
    25% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }

    50% {
      -webkit-transform: translatey(-20px);
      transform: translatey(-20px);
    }

    100% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }
  }

  @keyframes greenfloat {

    0%,
    25% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }

    50% {
      -webkit-transform: translatey(-20px);
      transform: translatey(-20px);
    }

    100% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }
  }

  .yellow-coin {
    -webkit-animation: yellowcoin 4s ease-out infinite;
    animation: yellowcoin 4s ease-out infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }

  @-webkit-keyframes yellowcoin {

    0%,
    25% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }

    50% {
      -webkit-transform: translatey(-30px);
      transform: translatey(-30px);
    }

    100% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }
  }

  @keyframes yellowcoin {

    0%,
    25% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }

    50% {
      -webkit-transform: translatey(-30px);
      transform: translatey(-30px);
    }

    100% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }
  }

  .statistics-levels {
    text-align: center;
    padding: 20px;
  }

  .statistics-levels:hover {
    background-color: antiquewhite;
    border-radius: 20px;
  }

  .statistics-levels div {
    text-align: left;
  }

  .statistics-lines,
  .statistics-balls {
    -webkit-animation: translatestats 2s ease-out infinite;
    animation: translatestats 2s ease-out infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }

  @-webkit-keyframes translatestats {

    0%,
    25% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }

    50% {
      -webkit-transform: translatey(-5px);
      transform: translatey(-5px);
    }

    100% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }
  }

  @keyframes translatestats {

    0%,
    25% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }

    50% {
      -webkit-transform: translatey(-5px);
      transform: translatey(-5px);
    }

    100% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }
  }

  .statistics-square1 {
    -webkit-animation: traslatesquareone 2s ease-out infinite;
    animation: traslatesquareone 2s ease-out infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }

  @-webkit-keyframes traslatesquareone {

    0%,
    25% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }

    50% {
      -webkit-transform: translatey(-15px);
      transform: translatey(-15px);
    }

    100% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }
  }

  @keyframes traslatesquareone {

    0%,
    25% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }

    50% {
      -webkit-transform: translatey(-15px);
      transform: translatey(-15px);
    }

    100% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }
  }

  .statistics-square2 {
    -webkit-animation: traslatesquaretwo 2s ease-out infinite;
    animation: traslatesquaretwo 2s ease-out infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }

  @-webkit-keyframes traslatesquaretwo {

    0%,
    25% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }

    50% {
      -webkit-transform: translatey(-17px);
      transform: translatey(-17px);
    }

    100% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }
  }

  @keyframes traslatesquaretwo {

    0%,
    25% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }

    50% {
      -webkit-transform: translatey(-17px);
      transform: translatey(-17px);
    }

    100% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }
  }

  .statistics-square3 {
    -webkit-animation: traslatesquarethree 2s ease-out infinite;
    animation: traslatesquarethree 2s ease-out infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }

  @-webkit-keyframes traslatesquarethree {

    0%,
    25% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }

    50% {
      -webkit-transform: translatey(-10px);
      transform: translatey(-10px);
    }

    100% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }
  }

  @keyframes traslatesquarethree {

    0%,
    25% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }

    50% {
      -webkit-transform: translatey(-10px);
      transform: translatey(-10px);
    }

    100% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }
  }

  .statistics-square4 {
    -webkit-animation: traslatesquarefour 2s ease-out infinite;
    animation: traslatesquarefour 2s ease-out infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }

  @-webkit-keyframes traslatesquarefour {

    0%,
    25% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }

    50% {
      -webkit-transform: translatey(-15px);
      transform: translatey(-15px);
    }

    100% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }
  }

  @keyframes traslatesquarefour {

    0%,
    25% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }

    50% {
      -webkit-transform: translatey(-15px);
      transform: translatey(-15px);
    }

    100% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }
  }

  .statistics-balls {
    fill: var(--secondarycolor);
  }

  .web-distributor:hover {
    background-color: antiquewhite;
  }

  .distributor-info {
    font-size: .9rem;
    font-weight: 300;
  }

  .ze-block.my-business .ze-block-info {
    text-align: left;
    padding: 12px;
    font-size: 15px;
  }

  .ze-block.my-presenter,
  .ze-block.my-co {
    height: auto;
    position: relative;
  }

  .my-presenter .fas.fa-plus-circle,
  .my-co .fas.fa-plus-circle,
  .my-co .fas.fa-arrow-alt-circle-right {
    position: absolute;
    bottom: -12px;
    font-size: 25px;
    left: 42%;
    color: var(--primarycolor);
    background: #ffffff;
    border-radius: 50%;
  }

  .my-co .fas.fa-plus-circle {
    left: 30% !important;
  }

  .ze-block.missing-percentage .ze-block-img {
    margin: 2rem auto;
    width: 60px;
    position: absolute;
    left: 80px;
    top: 10px;
  }

  .network-meanings div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
  }

  .network-meanings div i {
    color: var(--secondarycolor);
    font-size: 1rem;
    margin-right: 12px;
  }

  /*LINK ICONS*/
  .price-document {
    -webkit-animation: pricedocument 2s ease-out infinite;
    animation: pricedocument 2s ease-out infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }

  @-webkit-keyframes pricedocument {
    0% {
      -webkit-transform: translateY(260px);
      transform: translateY(260px);
    }

    100% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
  }

  @keyframes pricedocument {
    0% {
      -webkit-transform: translateY(260px);
      transform: translateY(260px);
    }

    100% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
  }

  .catalogue-page {
    -webkit-animation: cataloguepage 4s ease-out infinite;
    animation: cataloguepage 4s ease-out infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }

  @-webkit-keyframes cataloguepage {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-260px);
      transform: translateX(-260px);
    }

    70% {
      opacity: 1;
    }

    100% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
  }

  @keyframes cataloguepage {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-260px);
      transform: translateX(-260px);
    }

    70% {
      opacity: 1;
    }

    100% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
  }

  .download-arrow {
    -webkit-animation: downloadarrow 5s ease-out infinite;
    animation: downloadarrow 5s ease-out infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }

  @-webkit-keyframes downloadarrow {
    0% {
      -webkit-transform: translateY(-90px);
      transform: translateY(-90px);
    }

    100% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
  }

  @keyframes downloadarrow {
    0% {
      -webkit-transform: translateY(-90px);
      transform: translateY(-90px);
    }

    100% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
  }

  .map-point {
    -webkit-animation: mappoint 3s ease-out infinite;
    animation: mappoint 3s ease-out infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }

  @-webkit-keyframes mappoint {
    0% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px);
    }

    100% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
  }

  @keyframes mappoint {
    0% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px);
    }

    100% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
  }

  .rotate-link {
    -webkit-animation: rotatelink 5s ease-out infinite;
    animation: rotatelink 5s ease-out infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }

  @-webkit-keyframes rotatelink {
    0% {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }

    100% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  }

  @keyframes rotatelink {
    0% {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }

    100% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  }

  .my-profile,
  .my-co-distributor {
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    background-color: #ffff;
    padding: 30px;
    width: 70%;
    -webkit-box-shadow: 4px 5px 27px -1px;
    box-shadow: 4px 5px 27px -1px;
    border-bottom-right-radius: 20px;
    -webkit-transform: translateX(-103%);
    -ms-transform: translateX(-103%);
    transform: translateX(-103%);
    -webkit-transition: visibility 5s, opacity 5s, -webkit-transform .5s linear;
    transition: visibility 5s, opacity 5s, -webkit-transform .5s linear;
    -o-transition: visibility 5s, opacity 5s, transform .5s linear;
    transition: visibility 5s, opacity 5s, transform .5s linear;
    transition: visibility 5s, opacity 5s, transform .5s linear, -webkit-transform .5s linear;
  }

  .my-profile.activo,
  .my-co-distributor.activo {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: visibility 0s, opacity .5s, -webkit-transform .5s linear;
    transition: visibility 0s, opacity .5s, -webkit-transform .5s linear;
    -o-transition: visibility 0s, opacity .5s, transform .5s linear;
    transition: visibility 0s, opacity .5s, transform .5s linear;
    transition: visibility 0s, opacity .5s, transform .5s linear, -webkit-transform .5s linear;
    top: 100px;
    z-index: 98;
  }

  .edit-my-profile {
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    background-color: #ffff;
    padding: 30px;
    width: 70%;
    -webkit-box-shadow: 4px 5px 27px -1px;
    box-shadow: 4px 5px 27px -1px;
    border-bottom-right-radius: 20px;
    -webkit-transform: translateX(-103%);
    -ms-transform: translateX(-103%);
    transform: translateX(-103%);
    -webkit-transition: visibility 5s, opacity 5s, -webkit-transform .5s linear;
    transition: visibility 5s, opacity 5s, -webkit-transform .5s linear;
    -o-transition: visibility 5s, opacity 5s, transform .5s linear;
    transition: visibility 5s, opacity 5s, transform .5s linear;
    transition: visibility 5s, opacity 5s, transform .5s linear, -webkit-transform .5s linear;
  }

  .edit-my-profile.activo {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: visibility 0s, opacity .5s, -webkit-transform .5s linear;
    transition: visibility 0s, opacity .5s, -webkit-transform .5s linear;
    -o-transition: visibility 0s, opacity .5s, transform .5s linear;
    transition: visibility 0s, opacity .5s, transform .5s linear;
    transition: visibility 0s, opacity .5s, transform .5s linear, -webkit-transform .5s linear;
  }

  .dashboard-main-content {
    width: 100%;
    height: calc(100vh - 50px);
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 0px;
  }

  #unique_block.blur {
    -webkit-filter: blur(10px);
    filter: blur(10px);
  }

  .personal-information {
    max-width: 70%;
  }

  .personal-information svg {
    margin: auto 7px;
    min-width: 40px;
  }

  .personal-information .main-address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1rem;
    margin-right: 30px;
  }

  .personal-information .main-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .personal-information .main-contact div {
    min-width: 200px;
  }

  .ezone__profile__edit,
  .ezone__profile__edit-co {
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
    max-width: 400px;
    width: auto;
    border-radius: 12px;
    padding: 20px;
  }

  .closed-arrow.mobile {
    display: none;
  }

  .closed-arrow {
    cursor: pointer;
    background-color: var(--primarycolor);
    border-radius: 50%;
    padding: 10px;
    right: -56px;
    top: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 7px 0px 16px -3px;
    box-shadow: 7px 0px 16px -3px;
  }

  .closed-arrow img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 28px;
    height: 30px;
  }

  .sponsor--edit {
    margin: auto;
  }

  .section-pointer {
    background-color: var(--primarycolor);
    top: 70px;
    z-index: 100;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    width: 100%;
    padding: .7rem;
    display: none;
  }

  #posibles-inactivos.table-bordered>thead>tr>th {
    background: var(--primarycolor);
    color: #fff;
  }

  /* Form Progress */
  .progress-level {
    /*margin: 0 auto;*/
    text-align: center;
    margin-right: 1rem;
  }

  /*.progress-level+ div{
    width: 40%;
    text-align: left;
  }*/
  .progress-level .circle-level img,
  .progress-level .circle-payment img {
    opacity: .6;
  }

  .progress-level .circle-level.done img,
  .progress-level .circle-payment.done img {
    opacity: 1;
  }

  .progress-level .circle-level,
  .progress-level .circle-payment {
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #e7e7e7;
  }

  .progress-level .circle-level.current-level,
  .progress-level .circle-payment.current-level {
    width: 75px;
  }

  .progress-level .circle-level,
  .progress-level .circle-payment {
    width: 55px;
  }

  .progress-level .bar {
    display: inline-block;
    background: #fff;
    position: relative;
    width: 35px;
    height: .35rem;
    bottom: 20px;
    margin-left: -1px;
    margin-right: -1px;
    border-left: none;
    border-right: none;
    border-radius: 0;
    border: 1px solid #e7e7e7;
  }

  /* Done / Active */
  .progress-level .bar.done,
  .progress-level .barp.done {
    background: var(--secondarycolor);
  }

  .progress-level .bar.active {
    background: -webkit-gradient(linear, left top, right top, color-stop(40%, var(--secondarycolor)), color-stop(60%, #FFF));
    background: -o-linear-gradient(left, var(--secondarycolor) 40%, #FFF 60%);
    background: linear-gradient(to right, var(--secondarycolor) 40%, #FFF 60%);
  }

  .level-benefits {
    margin: -10px;
    font-size: 15px;
  }

  .level-benefits button {
    padding: 8px;
    background-color: #bc5cff;
    border: none;
    border-radius: 11px;
    margin-left: 0.5rem;
  }

  /*OLD-VERSION
  .ze-block.my-gainings svg{
    width: 40px;
  }*/
  /*COLORS AND WORD*/
  .progress-level .circle-level.done,
  .progress-level .circle-payment.done {
    border: .15rem solid var(--secondarycolor);
  }

  .item__main-menu {
    opacity: 0;
    visibility: hidden;
    height: 0;
    -webkit-transform: translateY(-285px);
    -ms-transform: translateY(-285px);
    transform: translateY(-285px);
    -webkit-transition: visibility .5s, opacity .5s transform 5s, ease-out;
    -o-transition: visibility .5s, opacity .5s transform 5s, ease-out;
    transition: visibility .5s, opacity .5s transform 5s, ease-out;
  }

  .item__main-menu.activo {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    height: auto;
    -webkit-transition: visibility .5s, opacity .5s transform 5s, ease-out;
    -o-transition: visibility .5s, opacity .5s transform 5s, ease-out;
    transition: visibility .5s, opacity .5s transform 5s, ease-out;
  }

  .fixed-mobile-menu {
    background-color: var(--primarycolor);
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 101;
    display: none;
  }

  .fixed-mobile-menu i {
    font-size: 2rem;
    height: 50px;
    padding: 12px 12px 0px 12px;
  }

  .fixed-mobile-menu .chosen {
    background: var(--primary800);
  }

  i.rotated.rotate {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-animation: rotating 0.5s ease-in-out forwards;
    animation: rotating 0.5s ease-in-out forwards;
  }

  i.rotated {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation: rotated 0.5s ease-in-out forwards;
    animation: rotated 0.5s ease-in-out forwards;
  }

  @-webkit-keyframes rotating {
    from {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }

    to {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
    }
  }

  @keyframes rotating {
    from {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }

    to {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
    }
  }

  @-webkit-keyframes rotated {
    from {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
    }

    to {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
  }

  @keyframes rotated {
    from {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
    }

    to {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
  }

  .ze-block.download-diploma {
    background-color: var(--primarycolor);
    color: #fff;
    cursor: pointer;
  }

  .download-diploma-dash {
    fill: transparent;
    stroke: #fe9925;
    stroke-width: 30;
    stroke-dasharray: 500;
    stroke-dashoffset: 100;
    -webkit-animation: dash2 5s linear alternate infinite;
    animation: dash2 5s linear alternate infinite;
  }

  @-webkit-keyframes dash2 {
    0% {
      stroke-dasharray: 500;
    }

    70% {
      stroke-dasharray: 100;
      fill: #fe9925;
      stroke: transparent;
    }

    100% {
      stroke-dasharray: 100;
      fill: #fe9925;
      stroke: transparent;
    }
  }

  @keyframes dash2 {
    0% {
      stroke-dasharray: 500;
    }

    70% {
      stroke-dasharray: 100;
      fill: #fe9925;
      stroke: transparent;
    }

    100% {
      stroke-dasharray: 100;
      fill: #fe9925;
      stroke: transparent;
    }
  }

  .download-diploma-dash-arrow {
    fill: transparent;
    stroke: #fe9925;
    stroke-width: 30;
    stroke-dasharray: 500;
    stroke-dashoffset: 100;
    -webkit-animation: dashtwo 5s linear alternate infinite;
    animation: dashtwo 5s linear alternate infinite;
  }

  @-webkit-keyframes dashtwo {

    0%,
    70% {
      stroke-dasharray: 500;
    }

    71%,
    100% {
      stroke-dasharray: 100;
      fill: #fe9925;
      stroke: transparent;
    }
  }

  @keyframes dashtwo {

    0%,
    70% {
      stroke-dasharray: 500;
    }

    71%,
    100% {
      stroke-dasharray: 100;
      fill: #fe9925;
      stroke: transparent;
    }
  }

  .ze-block.my-business .ze-block-info p {
    margin: 0;
    font-size: .75rem;
  }

  .gain--box {
    width: 250px;
    padding: .5rem;
    text-align: center;
    /*border-right: 1px solid #d7d7d7;*/
  }

  .gain--box .pos-rel {
    padding: 1rem;
  }

  .gain--box .gain--circle {
    border-radius: 50%;
    width: 130px;
    height: 130px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffff;
    margin: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .gain--circle+div {
    bottom: -6px;
    left: 42%;
    border-radius: 50%;
    padding: 7px;
    font-size: 25px;
    color: #ffff;
    border: 3px solid #ffff;
  }

  .gain--circle.dcpmr {
    background-color: #157a65;
  }

  .gain--plus.dcpmr {
    background-color: #1fa286;
  }

  .gain--circle.rirbir2n {
    background-color: #799340;
  }

  .gain--plus.rirbir2n {
    background-color: #99b85b;
  }

  .gain--circle.rpn1 {
    background-color: #c6780e;
  }

  .gain--plus.rpn1 {
    background-color: #f29b28;
  }

  .gain--circle.rpn2 {
    background-color: #8e2c25;
  }

  .gain--plus.rpn2 {
    background-color: #b7372c;
  }

  .gain--circle.rpn3,
  .gain--plus.rpn3 {
    background-color: #334050;
  }

  .gain--circle.rcde {
    background-color: #c3971c;
  }

  .gain--plus.rcde {
    background-color: #f5d329;
  }

  .gain--circle.rpg {
    background-color: #78419b;
  }

  .gain--plus.rpg {
    background-color: #ad67da;
  }

  .gain--circle.rpgdp {
    background-color: #0365c0;
  }

  .gain--plus.rpgdp {
    background-color: #4ea1ef;
  }

  .gain--circle.dpd {
    background-color: #af156a;
  }

  .gain--plus.dpd {
    background-color: #fd52b0;
  }

  /*OLD VERSION*/
  /*.gain--info{
    right: 25px;
    bottom: 20px;
    background: #ffff;
    color: var(--secondarycolor);
    font-size: 20px;
    cursor: pointer;
  }*/
  .gain--boxes {
    margin-bottom: 2rem;
  }

  .gain--type {
    text-align: left;
    margin: .5rem 0;
  }

  .gain--type label {
    padding: 6px;
    font-size: 1rem;
    text-transform: none;
    color: white;
    border-radius: 10px;
    display: inline-block;
  }

  .gain--type label.recruit {
    background-color: #d93e3e;
  }

  .gain--type label.leadership {
    background-color: #3e83d9;
  }

  .glow-on-hover {
    position: relative;
    z-index: 0;
  }

  .glow-on-hover:before {
    content: '';
    background: -o-linear-gradient(45deg, #f100ff, #e0bbfa, #914bc1, #6a229c);
    background: linear-gradient(45deg, #f100ff, #e0bbfa, #914bc1, #6a229c);
    position: absolute;
    top: -2px;
    left: -2px;
    background-size: 400%;
    z-index: -1;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    -webkit-animation: glowing 20s linear infinite;
    animation: glowing 20s linear infinite;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
  }

  .glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--secondarycolor);
    left: 0;
    top: 0;
    border-radius: 10px;
  }

  @-webkit-keyframes glowing {
    0% {
      background-position: 0 0;
    }

    50% {
      background-position: 400% 0;
    }

    100% {
      background-position: 0 0;
    }
  }

  @keyframes glowing {
    0% {
      background-position: 0 0;
    }

    50% {
      background-position: 400% 0;
    }

    100% {
      background-position: 0 0;
    }
  }

  .actual--year ul,
  .last--year ul,
  .actual--period ul,
  .last--period ul {
    padding: 0;
  }

  .dashboard-account-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .dashboard-account-status .download-diploma {
    width: 45%;
  }

  .ze-block-content {
    width: 100%;
  }

  /*Sección viajes*/
  .ze-block.travel--card {
    width: 290px;
    min-width: 270px;
    margin-right: 2px;
    margin-bottom: 1.5rem;
    -webkit-box-shadow: 0 4px 9px -4px;
    box-shadow: 0 4px 9px -4px;
  }

  .ze-block.travel--card img {
    width: 100%;
    padding: 0 !important;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    cursor: initial !important;
  }

  .ze-block.travel--card:hover {
    border: 2px solid var(--secondarycolor);
  }

  .ze-block.travel--card.doesnt-apply:hover {
    border: 2px solid #242424 !important;
  }

  .contest-card.doesnt-apply img,
  .contest-card.doesnt-apply h4,
  .contest-card.doesnt-apply .contest-info,
  .ze-block.my-business.doesnt-apply {
    filter: grayscale(1);
  }

  .progress-month {
    margin-left: 1.45rem;
  }

  .travel--description,
  .travel--stars {
    border-top: 1px solid #d7d7d7;
    width: 100%;
    margin: auto;
  }

  .travel--description p {
    margin-bottom: 0;
  }

  .travel--stars {
    margin-top: .5rem;
  }

  .travel--stars span {
    font-size: 10px;
    margin-bottom: .5rem;
  }

  .travel--stars .fa-star {
    font-size: 13px;
  }

  .travel--stars div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: .5rem 1rem 1rem 0;
  }

  /*HISTORIAL DE COMPRAS*/
  .dashboard-shoping-history .datefilter__group.search__group {
    margin-bottom: 0;
  }

  .dashboard-shoping-history select,
  .dashboard-shoping-history input {
    border-radius: 20px;
    padding: 5px;
    border: 1px solid;
    margin: 0 0.2rem;
    background-color: #ffff;
  }

  .dashboard-shoping-history input {
    padding: 9px;
  }

  .dashboard-shoping-history .datefilter__group .icon-search img {
    top: 15px !important;
  }

  .dashboard-shoping-history .table {
    margin-top: 2rem;
  }

  .dashboard-shoping-history .select {
    width: 30%;
  }

  .ze-block.loading-block {
    background-color: #c3c3c3;
    animation: blink 2s steps(2, start) infinite;
    -webkit-animation: blink 2s steps(2, start) infinite;
  }

  .dashboard-loading-block {
    animation: blink 1.5s steps(2, start) infinite;
    -webkit-animation: blink 1.5s steps(2, start) infinite;
  }

  /*Colores de niveles*/
  .level-text.b,
  .level-text.ba,
  .level-text.bp,
  .level-text.be,
  .level-text.bs {
    color: #9b522d;
    font-weight: bold;
  }

  .level-text.pp,
  .level-text.pe,
  .level-text.ps {
    color: #a3a5a4;
    font-weight: bold;
  }

  .level-text.op,
  .level-text.oe,
  .level-text.os {
    color: #dbad4e;
    font-weight: bold;
  }

  .level-text.dp,
  .level-text.de,
  .level-text.ds {
    color: #00add8;
    font-weight: bold;
  }

  .level-text.ddp,
  .level-text.dde,
  .level-text.dds {
    color: #E91E63;
    font-weight: bold;
  }

  .level-text.td {
    color: #673AB7;
    font-weight: bold;
  }

  /********************************************************
  **                    REPORTES                         **
  *********************************************************/
  .reports__depth-level {
    display: none;
  }

  #rep-dias-sin-compra,
  #rep-top-recruiters {
    width: 100% !important;
  }

  a.modal-user-info {
    color: var(--primarycolor);
  }

  a.modal-user-info:hover {
    text-decoration: underline;
    color: var(--secondarycolor)
  }

  button#close-edit-modal:hover {
    color: var(--secondarycolor);
  }

  .modal .modal-header {
    color: white;
    background-color: var(--primarycolor);
    margin: -20px -20px 5px;
    padding: 25px 25px 12px;
    justify-content: space-between;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }

  .modal-header h2 {
    font-weight: 400;
    color: #ffffff;
    margin: 0;
  }

  .content-user-block {
    margin: 1rem 0;
    color: #545454;
    background: #fff;
  }


  #modalEntrepreneurReports {}

  h2#m-details__eo {
    color: var(--primarycolor);
  }

  #m-details__nc-img,
  #m-details__np-img,
  .m-details__np-img {
    min-width: 70px;
  }

  #modalEntrepreneurReports h3.ze__title {
    margin: 5px 0;
    color: var(--primarycolor);
    text-transform: uppercase;
  }

  .echart-demographic {
    width: 100%;
    height: 400px;
  }

  .content-user-block.ux-card .custom-row:hover i.fas {
    color: var(--secondarycolor);
    transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    /* easeOutCubic */
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .content-user-block.ux-card .custom-row:hover h3 {
    color: var(--primarycolor);
    transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    /* easeOutCubic */
  }

  #modalEntrepreneurReports .content-user-block .custom-row:hover h3 {
    background: #eee5f7;
    padding: 10px;
    border-radius: 20px;
    display: inline-block;
  }

  #modalEntrepreneurReports .content-user-block .custom-row {
    align-items: center;
  }

  #modalEntrepreneurReports .content-user-block.ux-card hr {
    border-top: 1px dashed #cacaca;
    border-bottom: none;
  }

  .content-user-info {
    padding: 20px;
    word-wrap: break-word;
  }

  .content-user-info h3 {
    color: var(--primarycolor);
  }

  td.reports__career-level img,
  td.reports__pay-level img {
    max-width: 40px;
    margin: 0 auto;
  }

  td.reports__career-lastm img,
  td.reports__career-actualm img,
  td.reports__pay-level-last img,
  td.reports__pay-level-actual img {
    max-width: 40px;
    margin: 0 auto;
  }

  td.reports__career-level {
    padding: 0px !important;
    max-width: 50px;
  }

  th.bill-prd,
  td.reports__details {
    min-width: 180px;
  }

  img.profile--level {
    position: absolute;
    z-index: 17;
    bottom: 0;
    right: 0;
    width: 30px;
  }

  .reports aside#ezone-panel {
    position: fixed;
  }

  .reports .table-bordered>thead>tr>th {
    border-bottom-width: 2px;
    background: var(--primarycolor);
    color: #fff;
    font-family: 'Noto', Sans-Serif !important;
  }

  .reports .section-pointer {
    border-radius: 0;
    background: var(--primarycolor);
    -webkit-backdrop-filter: saturate(100%) blur(10px);
    backdrop-filter: saturate(100%) blur(10px);
    background-color: rgba(60, 5, 101, 0.6);
    -webkit-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -moz-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -o-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    z-index: 100;
  }

  /* Firefox */
  _:-moz-any(x),
  .reports .section-pointer {
    background-color: var(--primarycolor);
  }

  /* Firefox */
  _:-moz-any(x),
  .reports-filters-select ul {
    background-color: #fff;
  }

  /* iExplorer */
  _:-ms-lang(x),
  .reports-filters-select ul {
    background-color: #fff;
  }

  .reports-filters-select ul .nav-item {
    color: var(--primarycolor);
    line-height: initial;
    padding: 8px 30px 8px 10px;
    width: 100%;
    margin-bottom: 0;
  }

  .reports-filters-select ul {
    background: #ffff;
    width: 100%;
    font-weight: 100;
    line-height: inherit;
    border-radius: var(--Radius-Radius-md, 0.5rem);
    border: 1px solid var(--neutrals900);
    padding: 6px;
  }

  .reports-filters-select.disabled ul {
    opacity: .25;
  }

  .reports-filters-select.disabled ul .nav-item {
    color: gray;
  }

  .reports-filters-select.disabled .dropdown {
    cursor: initial;
  }

  .reports-filters-select.disabled ul.dropdown-list.list-nostyle,
  .reports-filters-actions.disabled {
    display: none;
  }

  .reports-filters-select ul .dropdown.active .dropdown-list {
    width: 101%;
    border: none;
    border-radius: 15px;
    top: 0;
    background: #fff;
    border: 0;
    position: absolute;
    left: -6px;
  }

  .reports-filters-select {
    margin: .5rem 0;
    position: relative;
    width: 100%;
  }

  .reports-filters-select ul .dropdown-list.list-nostyle li {
    background-color: #fff0;
    border-color: rgb(0 0 0 / 0.2);
    -webkit-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -moz-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -o-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
  }

  .reports-filters-select .form-placeholder {
    padding: 5px 10px !important;
    display: inline-block;
    font-style: italic;
    width: 100%;
    background: var(--notifybell) !important;
    color: #fff;
    font-family: 'Noto', Sans-Serif !important;
  }

  .reports-filters-select .form-placeholder:hover {
    opacity: .9;
    -moz-transform: scale(.9);
    -webkit-transform: scale(.9);
    -o-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    border-radius: 10px;
  }

  .reports-filters-select ul .dropdown-list.list-nostyle li a {
    color: var(--secondarycolor);
    font-size: .8rem;
    font-weight: 390;
    white-space: break-spaces;
  }

  .reports-filters-select ul .dropdown-list.list-nostyle li:hover a {
    color: var(--primarycolor);
  }

  .reports-filters-select ul .dropdown-list.list-nostyle li:hover {
    background: #00000017;
    border-radius: 10px;
    margin: 3px;
    border: none;
    -webkit-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -moz-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -o-transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition: all 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
  }

  .reports-filters-select ul li i.fa-caret-down {
    position: absolute;
    top: 3px;
    right: 5px;
    border-left: 1px solid rgb(0 0 0 / 0.2);
    padding: 3px 5px;
    font-size: 1.3rem;
    color: gray;
  }

  .reports-filters-select ul li.button i.fa-caret-down {
    color: #fff;
    border-color: rgb(255 255 255 / 0.4);
  }

  .reports-filters-select ul:hover,
  .datefilter__search:hover {
    border-color: var(--primarycolor);
  }

  span.reports-select-name {
    font-family: 'Noto', Sans-Serif !important;
    font-weight: 500;
  }

  .reports-filters-select ul li.active i.fa-caret-down {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    border: none;
  }

  span.reports-select-name a {
    color: var(--secondarycolor);
    font-weight: 700;
  }

  .reports .dashboard-section-right.dashboard--line {
    padding: 0;
  }

  input#search-input-reports,
  input#search-input-cedis {
    border-radius: 30px;
    padding: 10px 20px 10px 12px;
    width: 100%;
    font-family: 'Noto', Sans-Serif !important;
    box-sizing: border-box;
  }

  a#search-btn i {
    position: absolute;
    right: 30px;
    top: 13px;
  }

  .search__group:focus-within a#search-btn i {
    color: var(--secondarycolor);
  }

  input#search-input-reports:focus,
  input#search-input-cedis:focus {
    outline: none;
  }

  .reports-filters-select form {
    display: inline-block;
  }

  .reports-filters-select li.nav-item.dropdown.button span.reports-select-name a {
    color: #fff;
  }

  .reports_tables-lenght.dataTables_length {
    padding: .5rem 0;
    font-family: 'Noto', Sans-Serif !important;
    color: var(--primarycolor);
    font-size: 12px;
  }

  .reports-filters-select li.nav-item.dropdown.button {
    color: #fff;
  }

  .reports-filters-select .button {
    padding: .5rem;
  }

  .reports_tables-lenght.dataTables_length select {
    border-radius: 20px;
    border: 1px solid #c4c4c4;
    padding: .6rem 3px;
  }

  #reports-filter.active {
    display: block;
  }

  #reports-filter {
    display: none;
  }

  #reports-filter-switcher #filters_switch i.fa-sort-up {
    margin: 0 8px;
    -moz-transform: rotate(0deg) translateY(3px);
    -webkit-transform: rotate(0deg) translateY(3px);
    -o-transform: rotate(0deg) translateY(3px);
    -ms-transform: rotate(0deg) translateY(3px);
    transform: rotate(0deg) translateY(3px);
    transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    /* easeOutQuart */
    transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
    /* easeOutQuart */
    color: var(--primarycolor);
  }

  #reports-filter-switcher.active #filters_switch i.fa-sort-up {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    /* easeOutQuart */
    transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
    /* easeOutQuart */
    color: var(--secondarycolor);
  }

  #reports-filter-switcher h4 {
    margin: 10px 0;
    font-family: 'Noto', Sans-Serif !important;
    font-size: 18px;
  }

  #reports-filter-switcher {
    border-bottom: 2px solid var(--notifybell);
  }

  .reports .dataTables_info {
    display: none;
  }

  .rep__color-change .tool-tip-text {
    width: auto;
  }

  .rep__color-change .button {
    width: auto;
    padding: 5px 6px;
    margin: 0 5px;
  }

  #rep__color-change-up,
  .rep__color-change-up {
    background-color: #9571bd;
    color: #fff;
  }

  #rep__color-change-down,
  .rep__color-change-down {
    background-color: #e66262;
    color: #fff;
  }

  #rep__color-change-equal,
  .rep__color-change-equal {
    background-color: #f5bd56;
    color: #fff;
  }

  .rep__color-change-selector {
    display: inline-block;
    font-family: 'Noto', Sans-Serif !important;
    font-size: .8rem;
    padding: 5px;
  }

  .rep__color-change-selector i {
    border-radius: 30px;
    padding: 2px;
  }

  section#reports-filter .custom-row:first-child {
    border-bottom: 2px solid rgb(236 236 236 / 0.50);
  }

  table.dataTable thead .sorting,
  table.dataTable thead .sorting_asc,
  table.dataTable thead .sorting_desc,
  table.dataTable thead .sorting_asc_disabled,
  table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
  }

  table.dataTable thead .sorting:after,
  table.dataTable thead .sorting_asc:after,
  table.dataTable thead .sorting_desc:after,
  table.dataTable thead .sorting_asc_disabled:after,
  table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    margin-top: auto;
    right: 3px;
    display: block;
    font-family: 'Glyphicons Halflings';
    opacity: 0.7;
    top: 5px;
    font-size: 18px;
    color: var(--primary100);
  }

  table.dataTable thead .sorting:after {
    opacity: 0.4;
    content: "\f883";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    /* sort */
  }

  table.dataTable thead .sorting_asc:after {
    content: "\f884";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    /* sort-by-attributes */
  }

  table.dataTable thead .sorting_desc:after {
    content: "\f160";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    /* sort-by-attributes-alt */
  }

  table.dataTable thead .sorting_asc_disabled:after,
  table.dataTable thead .sorting_desc_disabled:after {
    color: #eee;
  }

  .reports .tool-tip:hover .tool-tip-text {
    font-size: 15px;
  }

  .reports .tool-tip:hover .tool-tip-text i {
    color: var(--secondarycolor);
  }

  td.rep__color-change-i:after {
    display: inline-block;
    opacity: .5;
    color: #fff;
    content: "\f05a";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    float: right;
  }

  td.rep__color-change-down:after {
    display: inline-block;
    opacity: .5;
    color: #fff;
    content: "\f0ab";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    float: right;
  }

  td.rep__color-change-up:after {
    display: inline-block;
    opacity: .5;
    color: #fff;
    content: "\f0aa";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    float: right;
  }

  td.rep__color-change-equal:after {
    display: inline-block;
    opacity: .5;
    color: #fff;
    content: "\f28b";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    float: right;
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .popover__wrapper2.active .reports__popover {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    -moz-transform: scale(1) translateY(-10px);
    -webkit-transform: scale(1) translateY(-10px);
    -o-transform: scale(1) translateY(-10px);
    -ms-transform: scale(1) translateY(-10px);
    transform: scale(1) translateY(-10px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
  }

  .reports__popover {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    -moz-transform: scale(.5) translateY(100px);
    -webkit-transform: scale(.5) translateY(100px);
    -o-transform: scale(.5) translateY(100px);
    -ms-transform: scale(.5) translateY(100px);
    transform: scale(.5) translateY(100px);
    background-color: #fff;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.3);
    max-width: 250px;
    width: auto;
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
    border-radius: 12px;
    top: 50px;
    font-size: .5rem;
    padding: 5px;
  }

  .reports__popover:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 8px;
    margin-left: -8px;
  }

  .popover__contest {
    background: #fff;
    border-radius: 20px;
    margin: 5px 0;
    padding: 15px;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  }

  .contest--title {
    margin: 0;
    font-size: 0.9rem;
    color: var(--primarycolor);
    border-top: 1px dashed #d0d0d0;
    padding: 3px 0px;
  }

  .rounded-table-container {
    border-radius: 11px;
    overflow: hidden;
    display: block;
    background: rebeccapurple;
    box-sizing: revert;
    border: 1px solid #dee2e6;
  }

  .arrow_box {
    position: relative;
    background: var(--notifybell);
    padding: 10px;
    border-radius: 20px;
    margin-top: -7px;
  }

  .arrow_box:after {
    bottom: 99%;
    left: 80%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: var(--notifybell);
    border-width: 10px;
    margin-left: -10px;
  }

  .rounded-table-container {
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #dee2e6;
  }

  .table-bill th {
    background: var(--notifybell);
    color: #fff;
    width: 100%;
  }

  .rounded-table-container {
    border-radius: 15px;
    overflow: hidden;
  }

  h3.contest--title:first-child {
    border: 0 !important;
  }

  .contest--info {
    width: 60%;
  }

  .contest--p {
    margin: 0;
    font-size: 0.9rem;
    color: gray;
  }

  .contest--p i {
    border-radius: 40px;
    margin: 4px 8px;
    padding: 3px;
    vertical-align: middle;
  }

  td.reports__calificated a#show-popover {
    min-width: 250px;
    padding: 3px;
  }

  .reports__popover .modal-close {
    top: -5px;
    right: -5px;
    color: var(--secondarycolor);
  }

  .reports__popover .modal-close:hover {
    color: var(--primarycolor);
  }

  .circle_percent {
    font-size: 80px;
    width: 1em;
    height: 1em;
    position: relative;
    background: #eee;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    margin: 20px;
  }

  .circle_inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 1em;
    height: 1em;
    clip: rect(0 1em 1em .5em);
  }

  .round_per {
    position: absolute;
    left: 0;
    top: 0;
    width: 1em;
    height: 1em;
    background: #e66262;
    clip: rect(0 1em 1em .5em);
    transform: rotate(180deg);
    transition: 1.05s;
  }

  .percent_more .round_per,
  .percent_more:after {
    background: var(--secondarycolor);
  }

  .percent_100 .round_per,
  .percent_100:after {
    background: var(--primarycolor)
  }

  .percent_more .circle_inner {
    clip: rect(0 .5em 1em 0em);
  }

  .percent_more:after {
    position: absolute;
    left: .5em;
    top: 0em;
    right: 0;
    bottom: 0;
    background: var(--secondarycolor);
    content: '';
  }

  .percent_100:after {
    position: absolute;
    left: .5em;
    top: 0em;
    right: 0;
    bottom: 0;
    background: var(--primarycolor);
    content: '';
  }

  .circle_inbox {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background: #fff;
    z-index: 3;
    border-radius: 50%;
  }

  .percent_text {
    position: absolute;
    font-size: 16px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
  }

  /********************************************************
  **                  SALON MORADO                       **
  *********************************************************/
  .salon-morado .business__main-inner,
  .salon-morado .business__main-title.col3-4.millionaire {
    min-height: 60vh;
    width: 100%;
    background: transparent !important;
  }

  .salon-morado {
    background: rgb(133 30 134);
    background: radial-gradient(circle, rgb(163, 40, 165) 0%, rgb(14, 0, 14) 100%);
  }

  .salon-morado .business__main-inner {
    padding-bottom: 100px;
  }

  .owl-theme .aligner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #owl-carousel-container .wrapper {
    max-width: 100%;
    padding-top: 4rem;
  }

  .owl-theme .owl-dots .owl-dot.active span,
  .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--secondarycolor);
  }

  button.owl-next span,
  button.owl-prev span {
    width: 40px;
    height: 40px;
    display: block;
    border: 2px solid var(--secondarycolor);
    border-radius: 20px;
    padding: 0;
    font-size: 40px;
    color: var(--secondarycolor);
    line-height: 28px;
    -webkit-backdrop-filter: saturate(250%) blur(7px);
    backdrop-filter: saturate(250%) blur(4px);
    background-color: rgb(255 255 255 / 13%);
  }


  /* Firefox */
  _:-moz-any(x),
  button.owl-next span,
  button.owl-prev span {
    background-color: var(--primarycolor);
  }

  /* Firefox */
  _:-moz-any(x),
  button.owl-next span,
  button.owl-prev span {
    background-color: #fff;
  }

  /* iExplorer */
  _:-ms-lang(x),
  button.owl-next span,
  button.owl-prev span {
    background-color: #fff;
  }

  .owl-theme .owl-nav [class*=owl-]:hover {
    background: none;
    color: #FFF;
    text-decoration: none;
    border-radius: 100%;
  }

  .owl-theme button.owl-next:hover span,
  button.owl-prev:hover span {
    border: 2px solid #66308c !important;
    color: #fff;
    background: var(--primary100) !important;
  }

  .owl-theme button:focus {
    outline: none;
  }

  .owl-carousel .owl-item img {
    border-radius: 10px;
  }

  button.owl-dot.active span {
    background: var(--secondarycolor) !important;
  }

  .millionarie__img__container {
    padding: 30px;
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
  }

  .salon-morado .millionaire--item:hover {
    z-index: 999;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    padding: 20px;
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    /* easeOutBack */
  }

  .millionarie__img__container svg {
    position: absolute;
    top: 0;
    left: 0;
  }

  .salon-morado .millionaire--item:hover .millionarie__img__container {
    padding: 0px;
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    /* easeOutBack */
  }

  .salon-morado .myomnibusiness.product.omnilife {
    background: none;
    padding: 0;
    margin: 0;
    min-width: 300px;
    width: 100%;
  }

  .salon-morado li.business__item.millionaire--item.slider__item.three-columns,
  .salon-morado .millionaire--description,
  .salon-morado .millionaire--container,
  .salon-morado ul.business__grid.list-nostyle.slider__wrap.millionaire--grid {
    background: none;
    padding: 10px;
  }

  .salon-morado .wrapper.full-size-mobile.business__main {
    margin: 0;
    border-radius: 0;
    width: 100%;
    max-width: 100%;
  }

  .reports__order-details.active .add-row {
    display: none;
  }

  .reports__order-details .remove-row {
    display: none;
  }

  .salon-morado .business__main-content b {
    font-weight: 400;
  }

  .salon-morado .business__main-inner h3 {
    letter-spacing: 0.2em;
    font-size: 4rem;
    text-align: center;
    visibility: visible;
    animation-name: fadeInUp;
    margin: 0 auto;
    text-shadow: 0 13px 10px rgb(0 0 0 / 0.5);
    font-weight: 100;
    align-self: center;
    color: #c9b7c8;
    padding-top: 40px;
  }

  .salon-morado .millionaire-user {
    background: no-repeat;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    left: 0;
    bottom: 0;
  }

  .salon-morado img.millionarie__img {
    border-radius: 100% !important;
    box-shadow: 0 10px 10px rgb(0 0 0 / 0.4);
  }

  .salon-morado .millionaire--item:hover img.millionarie__img {
    box-shadow: 0 0px 5px #ffffff;
  }

  .salon-morado .millionaire--info {
    text-align: center;
    align-self: center;
  }

  .salon-morado h4.millionaire--years,
  .salon-morado h3.millionaire--name {
    color: #c9b7c8;
  }

  .salon-morado h3.millionaire--name {
    padding-bottom: 10px;
    letter-spacing: 0.2em;
  }

  .salon-morado h4.millionaire--years {
    font-weight: 300;
    margin: 5px 0;
    font-size: .7rem;
  }

  .salon-morado .millionaire-user {
    background: rgb(27 11 56 / 0.8);
    border-radius: 10px;
    position: relative;
    left: 0;
    bottom: 0;
    padding: 5px;
    margin: auto;
    box-shadow: 0 -10px 20px #00000061;
    /*min-height: 230px;*/
    display: flex;
  }

  .salon-morado.business__main-title .millionaire {
    border-radius: 0;
    background: var(--primarycolor);
  }

  /* User Path CSS */
  .span-user-path {
    color: black;
    font-weight: bold;
  }

  .modal-user-path-row {
    height: 150px;
    display: flex;
    margin-bottom: 15px;
  }

  .modal-user-path-div {
    background-color: white;
    border-radius: 10px;
    margin: 5px;
    height: 100%;
    border: 1px solid #ccc;
  }

  .modal-user-path-div-content {
    margin: 15px;
    text-align: center;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    padding: 20px 0;
    gap: 10px;
    align-content: center;
    align-self: center;
    align-items: center;
  }

  div#userShoppingPath {
    background: #ffffffb0 ! IMPORTANT;
  }

  .modal-user-path-div:hover {
    background-color: var(--primarycolor);
  }


  .modal-user-path-div:hover .modal-user-path-div-content .span-user-path {
    color: white;
  }

  .modal-user-path-div:hover .button {
    background-color: #fff;
    color: var(--primarycolor);
    font-weight: bold;
  }

  .salon-morado .business__main-title.col3-4.millionaire {
    position: relative;
    margin: 0;
    border-radius: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .salon-morado .business__slider {
    margin: 0;
    overflow: initial;
  }

  .salon-morado .bottom-banner__content h2 {
    letter-spacing: 0.2em;
    font-size: 1.8rem;
    text-align: center;
    visibility: visible;
    animation-name: fadeInUp;
    margin: 0 auto;
    text-shadow: 0 13px 10px rgb(0 0 0 / 0.5);
    font-weight: 300;
    align-self: center;
    text-transform: uppercase;
    margin: 40px 10px;
    color: #c9b7c8;
  }

  .salon-morado .business__main-content {
    padding: 20px;
    max-width: 1140px;
    font: 100 2em 'Noto Sans', sans-serif !important;
    letter-spacing: 0.2em;
    font-size: 1.5rem;
    text-align: center;
    text-shadow: 0 13px 10px rgb(0 0 0 / 0.5);
    font-weight: 300;
    align-self: center;
    margin: 0px auto;
    color: #c9b7c8;
  }

  .salon-morado .purple-hall__ul {
    letter-spacing: 0.2em;
    font-size: 1.2rem;
    margin: 20px auto;
    text-shadow: 0 13px 10px rgb(0 0 0 / 0.5);
    font-weight: 300;
    text-align: left;
    display: block;
    color: #fff;
    font-family: 'Noto Sans', sans-serif !important;
    border-left: 1px solid;
    margin-left: 20%;
  }

  .millionarie__img__container {
    padding: 30px;
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
  }

  .salon-morado .millionaire--item:hover {
    z-index: 999;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    padding: 20px;
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    /* easeOutBack */
  }

  .millionarie__img__container svg {
    position: absolute;
    top: 0;
    left: 0;
  }

  .salon-morado .millionaire--item:hover .millionarie__img__container {
    padding: 0px;
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    /* easeOutBack */
  }

  .salon-morado .myomnibusiness.product.omnilife {
    background: none;
    padding: 0;
    margin: 0;
    min-width: 300px;
    width: 100%;
  }

  .millionaire--item:hover .millionarie__img__container svg {
    -moz-transform: scale(1.1) rotate(90deg);
    -webkit-transform: scale(1.1) rotate(90deg);
    -o-transform: scale(1.1) rotate(90deg);
    -ms-transform: scale(1.1) rotate(90deg);
    transform: scale(1.1) rotate(90deg);
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    /* easeOutBack */
  }

  .salon-morado .millionaire--item:hover .millionaire-user {
    background-color: rgb(48 4 84 / 80%);
    box-shadow: 0 0px 10px #cb97ff, 0 0px 4px #c613e4 inset;
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  .salon-morado .jorge-anim {
    margin: auto;
    max-width: 420px;
  }

  /* .salon-morado .bottom-banner {
    min-height: 420px;
    position: relative;
    height: auto;
    padding: 20px;
  }
  .salon-morado .bottom-banner__content {
      position: relative;
      left: 0;
      right: 0;
      bottom: 20px;
      text-align: center;
  } */
  .salon-morado .millionaire--years {
    border-top: none;
  }

  /********************************************************
  **             CUSTOM-SCROLLBAR-THUMB                  **
  *********************************************************/
  /*PRUEBA DE SCROLLBAR THUMB*/
  .ps__rail-y {
    opacity: 1;
  }

  .ps__rail-y:hover>.ps__thumb-y,
  .ps__rail-y:focus>.ps__thumb-y {
    background-color: var(--primarycolor);
  }

  .ps__thumb-y {
    background-color: var(--primarycolor);
    background-position: center;
    background-repeat: no-repeat;
    /*background-size: cover;*/
    /* height: 200px !important; */
    width: 12px;
    /* opacity: .5; */
    /* background-color: #66308c; */
  }

  /********************************************************
  **               SET DEFAULT LANGUAGE                  **
  *********************************************************/
  .fa-sign-in.defaultLanguage {
    animation: defaultLanguage 1s ease-out forwards;
  }

  @keyframes defaultLanguage {
    0% {
      transform: rotate(0deg);
    }

    60% {
      opacity: 0;
      transform: rotate(90deg);
    }

    100% {
      opacity: 0;
      transform: rotate(90deg);
    }
  }

  .login.active .fas.fa-language {
    font-size: 4rem;
    opacity: 0;
  }

  .login.active h3.title-fa-language {
    display: none;
  }

  .fa-language.defaultLanguage {
    animation: defaultLanguage2 2s ease-out forwards;
  }

  @keyframes defaultLanguage2 {
    0% {
      opacity: 0;
      transform: translateY(0px);
    }

    33% {
      opacity: 1;
      transform: translateY(-20px);
    }

    63% {
      opacity: 1;
      transform: translateY(-10px);
    }

    100% {
      opacity: 1;
      transform: translateY(-0px);
    }
  }

  /********************************************************
  **                  DASHBOARD 2.0                      **
  *********************************************************/
  .dashboard2 .fast-links {
    margin: 0 auto !important;
    /*width: 95%;*/
    background-color: #fff;
    border-radius: 0 0 20px 20px;
  }

  .dashboard2 .fast-links-container {
    text-align: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
  }

  .dashboard2 .fast-link {
    margin-top: 1rem;
    margin-right: 10px;
  }

  .dashboard2 .fast-link svg {
    width: 50px;
    height: 50px;
  }

  .dashboard2 .fast-link p {
    font-size: 13px;
    margin: 0;
  }

  .hide-fast-links:after {
    content: '';
    display: block;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid currentColor;
    pointer-events: none;
    position: absolute;
    top: 2px;
    right: -23px;
  }

  .toggle-fast-link,
  .toggle-echarts {
    border-radius: 0 0 20px 20px;
    -webkit-box-shadow: 0 13px 15px -10px #919191;
    box-shadow: 0 13px 15px -10px #919191;
  }

  .toggle-fast-link span:after,
  .toggle-echarts span:after,
  .toggle-presenter span:after {
    content: '';
    display: block;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid currentColor;
    pointer-events: none;
    position: absolute;
    top: 6px;
    right: -23px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
  }

  .dashboard2 .profile-fringe .profile--country {
    bottom: 0x !important;
    right: 5px !important;
  }

  .dashboard2 .dashboard-main-content .ezone__profile-metas {
    padding: 0;
  }

  .dashboard2 .ezone__profile-name {
    font-size: .8rem;
  }

  /* Se comenta problema de margen en seccion de estados de cuenta
  .dashboard2 #unique_block .ezone__body {
    margin-top: 0;
    padding-top: 0;
  }
  */

  .dashboard2 .ze-block,
  .modal__inner .ze-block {
    width: 50px;
    height: 50px;
    background-color: #FFF;
    border-radius: 15px;
    -webkit-box-shadow: 0 3px 10px -5px;
    box-shadow: 0 3px 10px -5px;
    margin-bottom: 0;
    margin-right: 10px;
    text-align: center;
  }

  .dashboard2 .ze-block:hover {
    border: none;
    border-radius: 25px;
    -webkit-transition: initial;
    -o-transition: initial;
    transition: initial;
  }

  .dashboard2 .ze-block img {
    width: auto;
    height: auto;
  }

  .dashboard2 .ze-block i {
    font-size: 35px;
    font-weight: 500;
  }

  .modal#nutritional img {
    width: 100%;
  }

  .toggle-fast-link.hideLinks span:after,
  .toggle-echarts.hideCharts span:after,
  .toggle-presenter.hideLinks span:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .dashboard2 .section-ze-blocks b {
    font-size: 1.2rem;
  }

  .dashboard2 .section-ze-blocks .d-flex.mb-1 {
    margin-right: 3rem;
  }

  .dashboard-section-right .ezone__section {
    margin-bottom: 1rem;
    border-radius: 20px;
    border: 1px solid var(--neutral3);
  }

  .dashboard2 .fas.fa-plus-circle {
    color: #9D4AD9;
    font-size: 1.2rem;
    margin-top: 2px;
  }

  .personal-points {
    width: 45%;
    border-right: 1px solid #a3a3a3;
  }

  .personal-points-national {
    margin-right: 5rem;
  }

  .modal__inner .personal-points-national {
    margin-right: 2rem;
  }

  .client-points {
    width: 50%;
  }

  .identifier-personal-points i {
    top: 10px;
    right: 14px;
    font-size: 20px;
  }

  .identifier-omninegocio i {
    top: 10px;
    right: 14px;
    font-size: 20px;
  }

  .dashboard-reports-link button {
    width: auto;
    border-radius: 20px;
    font-size: 14px;
    margin-right: 14px;
    padding: 1rem;
  }

  .dashboard-title-view {
    font-size: 1.2rem !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    color: var(--primarycolor);
  }

  .career-level,
  .payment-level {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }

  .tabs__pane.active.career-level {
    margin-right: .5rem !important;
    padding: 1rem !important;
  }

  .tabs__pane.active.payment-level {
    margin-left: .5rem !important;
    padding: 1rem !important;
  }

  .level-comments,
  .payment-comments {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }

  .career-level-content h4 {
    margin-bottom: 0;
  }

  .career-level .fas.fa-eye {
    display: none;
  }

  #career-level-minimized div p:nth-child(1) {
    margin-right: 2rem;
    padding-right: 2rem;
    border-right: 1px solid #a3a3a3;
  }

  .dashboard-gains .cursor_pointer.underline.color-gray-darkest-3 {
    max-width: 250px;
  }

  .dashboard-gains .tabs__pane.active {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid rgb(102 48 140 / 42%);
  }

  .dashboard-gains .tabs__pane.active.pos-rel:first-child {
    margin-right: 1rem !important;
  }

  .dashboard-gains .audio__file {
    background-color: #F4F4F4;
  }

  .audio__file.dashboard-total-gain {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #FFFF;
    margin-bottom: 0;
  }

  .dashboard-gains .business-center-audio-list {
    margin-bottom: 0 !important;
  }

  .period--selected {
    margin-right: 2rem;
  }

  .period--total {
    margin-right: 2rem;
  }

  .period--selected.first-versus {
    margin-right: 0;
  }

  .valueOne.valueSelected,
  .valueTwo.valueSelected {
    padding: 5px;
    border-radius: 20px;
  }

  .valueOne.valueSelected span,
  .valueTwo.valueSelected span {
    color: #000;
  }

  .contest-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .contest-card {
    width: 400px;
    margin: 0 2rem 2rem 0;
  }

  .contest-img {
    min-width: 220px;
  }

  .contest-img img {
    border-radius: 20px;
  }

  .contest-info {
    margin-left: 2rem;
  }

  .contest-info h5 {
    margin: 0.5rem 0;
  }

  .contest-card p {
    margin: 6px 0;
  }

  .echart-gain {
    width: 33%;
    height: 200px;
  }

  .echart-gain div {
    width: auto !important;
    height: auto;
  }

  .toggle-echarts {
    display: none;
  }

  .calendarSlide .business-center-general {
    font-size: 15px;
  }

  .calendarSlide .ezone__info-group {
    margin-left: 0;
  }

  .modal-aim-detail .modal__inner {
    border-radius: 0;
  }

  .modal-aim-detail header {
    padding: 1rem 0 1rem 0.5rem;
  }

  .modal-aim-detail section p {
    font-size: 15px;
    padding-left: 5px;
  }

  .modal-aim-detail .level-aim-1,
  .modal-aim-detail .level-aim-2,
  .modal-aim-detail .level-aim-3 {
    padding: 10px 0 5px 5px;
    border-bottom: 2px solid #9999;
    margin-bottom: 20px;
    background-color: #e5e5e5;
  }

  .modal-aim-detail i {
    font-size: 17px;
  }

  .modal-aim-detail .level-text.pp,
  .modal-aim-detail .level-text.pe,
  .modal-aim-detail .level-text.ps {
    color: #626262;
  }

  .aim-detail-container:nth-child(1) {
    border-right: 2px solid #FFFF;
  }

  .aim-detail-container:nth-child(2) {
    border-left: 2px solid #FFFF;
  }

  .aim-detail-container {
    width: 50%;
    border-bottom: 4px solid #FFFF;
  }

  .aim-detail-container .level-text,
  .modal-aim-detail .level-text {
    font-size: 15px;
  }

  .aim-distributor.selectator_selected_item {
    min-width: 170px;
    padding: 0 !important;
    font-size: 15px !important;
    height: 40px;
    margin-bottom: 20px !important;
  }

  .aim-distributor a {
    width: 144px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .modal-aim-button {
    width: 200px;
    margin-left: auto;
  }

  .multiple .systems__img.selectator_selected_items {
    display: flex !important;
    height: 60px;
  }

  .systems__img.selectator_selected_items.eo-detail-view {
    display: inline !important;
  }

  .aim-distributor-detail {
    border-radius: 10px;
    border: 1px solid gray;
  }

  .aim-distributor-detail p:nth-child(1) {
    max-width: 260px;
  }

  .aim-distributor-detail i {
    top: 5px;
    right: 5px;
  }

  .mobile__systems__img .close-eo-aim-detail {
    right: 20px;
  }

  span.barp.active+div {
    display: none;
  }

  .block-stripes .gain--info {
    color: #B2B2B2;
  }

  .block-stripes div:nth-child(2) {
    color: #BCB6F8;
  }

  .dashboard-to-top {
    bottom: 56px;
    left: 268px;
    z-index: 100;
    font-size: 40px;
    float: left;
  }

  .fast-links._filters_downloadable {
    padding: 10px 30px 0 30px;
  }

  .downloadable-filters.active,
  .downloadable__filter__section.active {
    display: flex;
  }

  .downloadable-filters .form-checkbox {
    border-radius: 10px;
    border: 1px solid var(--neutral3);
  }

  .downloadable-filters .checkbox-fake {
    width: 20px;
    height: 20px;
  }

  .downloadable__img .business_center_video.pdf_format img,
  .downloadable__img .business_center_video.general_format img {
    padding: 0;
    border: 1px solid #D3D3D3;
  }

  .downloadable__img .business_center_video.pdf_format img {
    min-width: 150px;
    height: 200px;
  }

  .downloadable__img .business_center_video.general_format img {
    max-width: 150px;
  }

  .business_center_video.general_format {
    height: 150px;
  }

  .downloadable__search__group .icon-search img {
    top: 15px;
  }

  .downloadable__search {
    height: 40px;
    border: 1px solid var(--neutral3);
    box-shadow: none;
    border-radius: 15px;
  }

  .downloadable-preview {
    min-width: 150px;
  }

  .downloadable-preview p {
    max-width: 140px;
  }

  .pdf_format:hover img,
  .general_format:hover img {
    filter: brightness(0.3) blur(1px);
  }

  .downloadable-preview .pdf_format i.fa-eye,
  .downloadable-preview .general_format i.fa-eye {
    top: 75px;
    left: 15px;
    border: 1px solid #FFFF;
    border-radius: 15px;
  }

  .downloadable-preview .pdf_format i.fa-download,
  .downloadable-preview .general_format i.fa-download {
    top: 75px;
    left: 84px;
    border: 1px solid #FFFF;
    border-radius: 15px;
  }

  .downloadable-preview .general_format i.fa-eye,
  .downloadable-preview .general_format i.fa-download {
    top: 50px;
  }

  .downloadable-info {
    bottom: 0;
    background-color: rgb(0 0 0 / 76%);
    border-radius: 0 0 20px 20px;
  }

  .downloadable-preview i.fal {
    display: none;
  }

  .downloadable-preview i.fal.display {
    display: block;
    background-color: rgb(58 58 58 / 72%);
  }

  .downloadable-container .fa-chevron-circle-left {
    font-size: 25px;
    display: none;
  }

  .downloadable-container .fa-chevron-circle-right {
    font-size: 35px;
    background-color: #ffff;
    border-radius: 50%;
    right: -15px !important;
    top: 40%;
  }

  .downloadable-container .dashboard-title-view {
    max-width: 300px;
  }

  .language.language--modifier {
    background-color: transparent;
    box-shadow: none;
    position: relative !important;
    border: none;
    top: initial;
  }

  .dropdown.active .dropdown-list.language--modifier {
    margin-top: .5rem;
  }

  .dropdown-list.list-nostyle.language.language--modifier li {
    border: none;
    margin-bottom: 5px;
  }

  .period--selected-dropdown-list_modifier {
    min-width: 180px;
    left: -12px;
  }

  /********************************************************
  **          DASHBOARD 2.0 COLOR PALETTE                **
  *********************************************************/
  .color_omni2 {
    color: #F03E8F;
  }

  .bg_omni2 {
    background-color: #F03E8F;
  }

  .color_omni3 {
    color: #D96943;
  }

  .bg_omni3 {
    background-color: #D96943;
  }

  .color_omni4 {
    color: #E8D449;
  }

  .color_omni5 {
    color: #62c5bc;
  }

  .bg_omni5 {
    background-color: #62c5bc;
  }

  .color_omni_dark {
    color: #4A2267;
  }

  .bg_omni_dark {
    background-color: #4A2267;
  }

  .color_omni_light {
    color: #9D4AD9;
  }

  .bg_omni_light {
    background-color: #9D4AD9;
  }

  .secondarycolor2 {
    color: #DFA664;
  }

  .secondarycolor3 {
    color: #D98321;
  }

  .color_green_alert {
    color: #2bc001;
  }

  .bg_green_alert {
    background-color: #2bc001;
  }

  /*******************************
  **          SAT               **
  ********************************/
  #documents input#profileImage {
    z-index: 99;
    left: -80% !important;
    min-height: 30px;
    top: -4px !important;
  }

  #documents .avatar-file label {
    padding: 0.5rem 2rem;
    font-size: 1rem;
    font-family: 'Noto Sans', sans-serif;
    cursor: pointer;
    background: var(--primarycolor);
  }

  #documents .avatar-file label:hover {
    background: var(--secondarycolor);
  }

  #save-csf1,
  #save-csf2 {
    display: none;
  }

  #save-csf2.active,
  #save-csf1.active {
    display: block;
  }

  /*******************************
  **      INFORMATIVE CARDS     **
  ********************************/
  .informative-card-icon {
    min-width: 100px;
  }

  .informative-card-icon img {
    width: 80px;
  }

  /* Account Status */
  .distributor-info+.nav-list.list-nostyle.language li.nav-item {
    border: 1px solid #fff;
    border-radius: 5px;
    transition: .5s all ease-out;
    padding: 5px 10px;
  }

  .table>thead>tr>th.header-account-status-line {
    border: 1px solid transparent;
  }

  #table-header-account-status select {
    border-radius: 20px;
    padding: 5px;
    border: none;
    -webkit-box-shadow: 0px 3px 10px -3px #8f8f8f;
    box-shadow: 0px 3px 10px -3px #8f8f8f;
    margin: 0 0.2rem;
    background-color: #ffff;
  }

  #table-header-account-status td {
    font-size: 12px !important;
  }

  .dataTables_paginate {
    margin-bottom: 2rem;
  }

  table.dataTable thead>tr>th.sorting {
    padding: 10px 18px 10px 10px;
  }

  table.dataTable #unique-row .sorting_asc:after,
  table.dataTable #unique-row .sorting:after {
    content: none;
  }

  a.paginate_button {
    color: var(--neutral);
  }

  /*******************************
  **      DOWNLOADABLES 2.0     **
  ********************************/
  .top-bar-preview i {
    font-size: 25px;
  }

  .downloadable-ext-link {
    left: 50px !important;
  }

  .modal__body.downloadable-img-preview {
    min-width: 100%;
    min-height: calc(100vh - 30vh);
  }

  /*******************************
  **      TESTIMONIALS 2.0       **
  ********************************/
  .cases__about .gain--type label,
  .testimonials-individual .gain--type label {
    font-size: 12px;
  }

  .testimonials-container--modifier {
    border-radius: 0;
    margin-top: 0;
  }

  .testimonials-map__frame iframe {
    width: 100%;
    height: 400px;
  }

  ._filters_testimonials,
  ._more_testimonials {
    padding: 10px 30px 0 30px;
    margin: 2rem auto 0;
    border-radius: 20px 20px 0 0;
  }

  .testimonial__headline:after {
    opacity: 0;
    /*Quitar cuando se entregue a QA*/
    content: "";
    position: absolute;
    top: 185px;
    left: 130px;
    border: 15px solid transparent;
    display: block;
    border-width: 30px 30px 0 0;
    width: 0;
    border-color: #FFFF transparent transparent transparent;
    -webkit-filter: drop-shadow(2px 6px 3px #d9d9d9);
    filter: drop-shadow(2px 6px 3px #d9d9d9);
  }

  .testimonial-bubble {
    position: relative;
    padding: 15px;
    color: #333;
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 5px 0px #d9d9d9;
    box-shadow: 5px 5px 5px 0px #d9d9d9;
    border: 0.5px solid #efefef;
  }

  .testimonial-bubble p {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 140ch;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .toggle-fast-link._testimonials--modifier {
    padding-top: 2rem !important;
    border-radius: initial;
    border-bottom: 2px solid #f3f3f3;
  }

  .testimonial-data {
    margin-top: 5rem;
    min-width: 300px;
  }

  .testimonial-data figure {
    width: 200px !important;
    height: 200px !important;
  }

  .systems__img._systems__testimonials iframe {
    min-width: 768px;
    height: 450px;
  }

  .testimonial-results {
    display: block;
    z-index: 99;
    right: 0;
    top: 60px;
    border: 2px solid red;
  }

  .search__testimonies--modifier input {
    height: 60px !important;
  }

  .search.search__testimonies--modifier .icon-cross {
    top: 16px !important;
  }

  .testimonials-container--modifier .testimonials__title span {
    color: var(--secondarycolor) !important;
  }

  /*******************************
  **      CALENDARIO 2.0       **
  ********************************/
  #calendar-events .fc .fc-button-group>* {
    font-size: 1rem;
  }

  #calendar-events {
    font-family: 'Noto', Sans-Serif !important;
    margin: 40px auto;
  }

  #calendar-events .fc-state-default {
    background: #fff;
    color: var(--primarycolor);
    font-weight: 500;
    border: 1px solid #cccccc;
  }

  #calendar-events .fc button.fc-today-button {
    padding: 10.5px;
  }

  #calendar-events button.fc-today-button.fc-button.fc-state-default.fc-state-disabled {
    background: #eeeeee !important;
    color: gray !important;
  }

  #calendar-events .fc-state-default.fc-state-active {
    background: var(--primarycolor);
    color: #fff;
  }

  #calendar-events .fc-content {
    padding: 10px 1px !important;
    white-space: break-spaces !important;
    overflow: initial !important;
    word-break: break-word;
  }

  #calendar-events td.fc-list-item-title.fc-widget-content {
    cursor: pointer;
  }

  #calendar-events .fc-state-default.fc-corner-left {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  #calendar-events .fc-state-default.fc-corner-right {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }

  #calendar-events .fc-state-active {
    background: var(--primarycolor);
    color: #fff;
    text-shadow: 0 0 0 black;
  }

  #calendar-events .fc-event {
    font-size: .8em;
    line-height: 1.3;
    border-radius: 10px;
  }

  #calendar-events .fc-view,
  .fc-view>table {
    position: relative;
    z-index: 1;
    border-radius: 10px;
    overflow: hidden;
  }

  #calendar-events .fc-month-button:before {
    content: '\f073';
    font-family: 'font awesome 5 pro';
    font-weight: 300;
    margin: 5px;
  }

  #calendar-events .fc-listYear-button:before {
    content: '\f022';
    font-family: 'font awesome 5 pro';
    font-weight: 300;
    margin: 5px;
  }

  #calendar-events .fc td {
    background: #ffffff;
  }

  #calendar-events td.fc-week-number {
    background-color: #f7f3ff;
  }

  #calendar-events .fc-prev-button.fc-button.fc-state-default.fc-corner-left,
  #calendar-events .fc-next-button.fc-button.fc-state-default.fc-corner-right {
    color: var(--secondarycolor);
  }

  #calendar-events td.fc-week-number a {
    background-color: var(--secondarycolor);
    color: #fff;
    border-radius: 20px;
    padding: 2px;
    font-size: .7rem;
  }

  #calendar-events .fc-agendaWeek-button:before {
    content: '\f133';
    font-family: 'font awesome 5 pro';
    font-weight: 300;
    margin: 5px;
  }

  #calendar-events .fc-timelineCustom-button:before {
    content: '\f271';
    font-family: 'font awesome 5 pro';
    font-weight: 300;
    margin: 5px;
  }

  #calendar-events a.fc-day-grid-event:hover {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
    /* easeOutQuart */
    box-shadow: 0 0 10px rgb(0 0 0 / 0.4);
    z-index: 10;
    position: relative;
  }

  #calendar-events a.fc-day-grid-event {
    transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
    /* easeOutQuart */
  }

  #calendar-events .fc button {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    height: auto;
    padding: 10px;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid #d8d8d8;
  }

  #category-colors-labels span {
    padding: 4px 8px;
    margin: 2px;
    border-radius: 10px;
  }

  .calendar-modal {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
    padding: 0;
  }

  .calendar-modal .modal__body {
    text-align: left;
  }

  .calendar-modal .icon-btn.modal-close {
    font-size: 1.5rem;
    margin: -15px 0px;
  }

  .calendar-modal h2.ezone__title {
    font-family: 'Noto Sans', sans-serif;
    font-weight: bold;
    padding: 0px 20px;
  }

  .calendar-modal .modal__inner.ps-container {
    padding: 20px;
  }

  @media (max-width: 480px) and (min-width: 320px) {
    #calendar-events table {
      display: table;
      overflow-x: auto;
    }
  }


  /*Account Reactivation*/
  @keyframes openLock {
    25% {
      transform: translate(0, -10px);
    }

    50% {
      transform: rotateY(180deg) translate(-12px, -10px);
    }

    75% {
      transform: translate(0, -10px);
    }
  }

  .lock {
    padding: 50px;
    overflow: visible;
  }

  .lock.lock-box {
    fill: #000;
  }

  path.lock-neck {
    fill: transparent;
    stroke: #000000;
    stroke-width: 5px;
    -webkit-animation: openLock 4s infinite;
    -moz-animation: openLock 4s infinite;
    -o-animation: openLock 4s infinite;
    animation: openLock 4s infinite;
  }

  /*******************************
  **          EVENTOS           **
  ********************************/
  .event_container_left .event_container_year {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    font-size: 50px;
    top: 30%;
    left: 85%;
    box-shadow: 0px 0px 15px 3px #f30232;
    z-index: 1;
  }

  .event_container_left .event_container_year h2 {
    font-family: 'Sail', cursive;
  }

  .event_container_left,
  .event_container_right {
    flex-basis: 50%;
  }

  .event_container_right {
    padding: 1.5rem 1.5rem 0 0;
  }

  .event_container_right .ezone__section {
    box-shadow: 0px 3px 10px -3px #8f8f8f;
    max-width: 500px;
    margin-left: auto;
  }

  .event_container_right_cityBox {
    max-width: 500px;
    font-family: 'Noto Sans', sans-serif !important;
    box-shadow: 0px 3px 10px -3px #8f8f8f;
  }

  .event_v2.event_container_right_cityBox {
    max-width: initial;
  }

  .event_container_right_cityBox h2 {
    font-family: 'Sail', cursive;
    font-size: 50px;
    top: -45px;
    left: 25%;
  }

  .event_v2.event_container_right_cityBox h2 {
    font-size: 80px;
    top: -85px;
    left: 0;
  }

  .event_v2_container .event_timer {
    justify-content: center;
  }

  .event_v2_container .buttons-container {
    flex-wrap: wrap;
  }

  .event_v2_container .buttons-container {
    margin: 5px;
  }

  .event_v2 {
    background: var(--primarycolor);
    border-radius: 30px;
    font-family: 'Noto Sans', sans-serif;
    flex-wrap: wrap;
    color: #fff;
    margin: 1rem 0;
    padding: 1rem;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }

  .event-info {
    min-width: 140px;
  }

  .event_container_right .ezone__section .period--selected {
    min-width: 220px;
    margin-right: 0;
  }

  .event_container_timer {
    right: 0;
    bottom: 0;
  }

  .event_timer {
    font-family: 'Noto Sans', sans-serif !important;
  }

  .event_timer span {
    border-radius: 50%;
    box-shadow: 0px 3px 10px -3px #8f8f8f;
  }

  @keyframes wave {

    0% {
      background-position-x: 0;
    }

    100% {
      background-position-x: 1090px;
    }
  }

  .event_content_places_list {
    background: url(https://portal.omnilife.com/uploads/images/pruebas/vector_wave.png);
    background-size: 1000px 100px;
    animation: wave 30s linear infinite;
    background-repeat-y: no-repeat;
    background-position: bottom;
  }

  .event_content_places_list .d-flex.flex-justify-b {
    width: 70%;
    margin: 0 auto 2rem;
  }

  .event_content_places_list .d-flex.flex-justify-b .mr-1 {
    margin-right: 0 !important;
  }

  .event_content_places_list p {
    font-size: 20px;
    font-weight: 400;
  }

  .event_content_places_list .fas.fa-circle {
    border: 2px solid;
    border-radius: 50%;
    padding: 2px;
  }

  .vertical-line {
    height: 80px;
    left: 33px;
    top: 25px;
  }

  .event_container_ticket_purchase .deposit__th {
    flex-direction: column;
  }

  .event_container_ticket_purchase .deposit__width {
    width: initial !important;
  }

  .deposit__width.border-r.mr-auto.ml-auto.purple {
    background: var(--primarycolor);
    font-family: 'Noto Sans', sans-serif;
    color: #fff;
    margin: 1rem 0;
    padding: 1rem;
  }

  h2.event_v2_title {
    font-family: 'Sail', cursive;
    font-size: 50px;
    color: #F30332;
    margin: 0;
    padding: 0;
  }

  .event_v2_container .owl-stage-outer:after {
    width: 100%;
    background-image: url(https://portal.omnilife.com/uploads/images/pruebas/wave1.svg);
    height: 60px;
    content: '';
    position: absolute;
    bottom: 0px;
    background-repeat: repeat;
    background-size: contain;
    border-radius: 10px;
    animation: wave 30s linear infinite;
    background-repeat-y: no-repeat;
    background-position: bottom;
  }

  .purple .numeric .form-control {
    color: black;
  }

  .purple .numeric span svg {
    stroke: var(--secondarycolor);
  }

  .event_v2 i {
    font-size: 25px;
  }

  .event_v2.dynamic-primary-background {
    border-radius: 150px;
  }

  h3.search-row small.description {
    font-family: barlow semi condensed, Sans-Serif !important;
    font-style: italic;
    font-size: .9rem;
    color: #333;
    padding: 2px 10px;
    background: #efefef;
    border-radius: 10px;
    margin: 0 0px 0px 10px;
  }

  .dna-bg {
    background-image: url(https://portal.omnilife.com/uploads/images/portal/pages/omnilife/gira-avk_avkv/adn-animate3.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-family: 'Noto Sans', sans-serif;
    color: #fff;
  }

  .gira-avkv {
    background-image: url(https://portal.omnilife.com/uploads/images/portal/pages/omnilife/gira_avkv/gira-AVKV-bg.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: top center;
  }

  .event_v2 .button.small {
    max-width: 100px;
    font-size: .9rem;
    padding: 5px;
    margin: 5px auto;
  }

  .deposit__th .button.small {
    font-size: .9rem;
    padding: 5px;
    margin: 5px auto;
    max-width: 200px;
  }

  .deposit__th i {
    font-size: 1.5rem;
    margin-right: 2px;
    vertical-align: middle;
  }

  .gira-avkv .salon-morado {
    background: none;
  }

  .gira-avkv .event_v2.valeu2 {
    -webkit-backdrop-filter: saturate(250%) blur(5px);
    backdrop-filter: saturate(250%) blur(5px);
    background-color: rgb(141 44 158 / 64%);
  }

  .gira-avkv .event_v2 {
    background: #5d12ddd9;
    -webkit-backdrop-filter: saturate(260%) blur(5px);
    backdrop-filter: saturate(260%) blur(5px);
    background-color: rgb(50 0 135 / 50%);
  }

  .gira-avkv .event_v2.valeu3 {
    background: rgb(144, 1, 180);
    background: radial-gradient(circle, rgb(191 6 196 / 70%) 22%, rgb(79 0 255 / 70%) 100%);
  }

  .gira-avkv .business__grid.list-nostyle.millionaire--grid {
    width: 100%;
    padding-top: 30px !important;
  }

  .gira-avkv .deposit__width.border-r.mr-auto.ml-auto.purple {
    background-color: #5d12dda1;
    background-image: url(https://portal.omnilife.com/uploads/images/portal/pages/omnilife/gira_avkv/adn-lava.svg);
    font-family: 'Noto Sans', sans-serif;
    color: #fff;
    margin: 1rem 0;
    padding: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
  }

  .event-info {
    min-width: 140px;
    max-width: 280px;
    padding: 5px 0 0 0;
    width: 32%;
    text-align: center;
  }

  .gira-avkv .p-1.dna-bg:first-child p {
    font-size: 19px;
    text-shadow: 0 0 3px #270564, 0 0 12px #270564, 0 0 43px #270564, 0 0 25px #270564;
  }

  #bio-video1 #Layer_1 .st0 {
    opacity: 0.5;
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 50;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }

  #bio-video1 #Layer_1 .st1 {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 10;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }

  #modal-qualified svg {
    max-width: 50px;
    margin: auto;
  }

  #block_7.novato td,
  #block_7.novato th {
    background: rgb(152 154 224 / 0.2);
    border: 2px solid #989ae0;
  }

  table#block_7.novato {
    box-shadow: 0px 0 0 2px #989ae0 inset;
  }

  #block_7.bronce-supreme td,
  #block_7.bronce-supreme th {
    background: rgb(200 116 73 / .2);
    border: 1px solid #c87449;
  }

  table#block_7.bronce-supreme {
    box-shadow: 0px 0 0 2px #c87449 inset;
  }

  #block_7.avance td,
  #block_7.avance th {
    background: rgb(69 203 212 / 0.2);
    border: 1px solid #45cbd4;
  }

  #block_7.avance {
    box-shadow: 0px 0 0 2px #45cbd4 inset;
  }

  #block_7.calificados td,
  #block_7.calificados th {
    background: rgb(183 58 183 / 13%);
    border: 1px solid #673AB7;
  }

  #block_7.calificados {
    box-shadow: 0px 0 0 2px #673AB7 inset;
  }


  #block_7.avance-superior td,
  #block_7.avance-superior th {
    background: rgb(19 116 123 / .2);
    border: 1px solid #13747b;
  }

  #block_7.avance-superior {
    box-shadow: 0px 0 0 2px #13747b inset;
  }

  #block_7.emprende td,
  #block_7.emprende th {
    background: rgb(80 160 113 / .2);
    border: 1px solid #50a071;
  }

  #block_7.emprende {
    box-shadow: 0px 0 0 2px #50a071 inset;
  }

  /*******************************
  **    LOCALIZADOR WhatsApp      **
  ********************************/

  .cellphone-container.m-auto {
    max-width: 360px;
  }

  .cellphone {
    background-color: #ECECEC;
    min-height: 600px;
    padding: 20px 7px;
    border-radius: 20px;
    border: 2px outset #ffffff61;
    box-shadow: 0px 3px 59px -20px #000000;
  }

  .cellphone:after {
    content: '';
    background: #00000029;
    position: relative;
    width: 45px;
    padding: 20px;
    border-radius: 100%;
    display: block;
    margin: auto;
    bottom: -10px;
    border: 2px inset #ffffff61;
  }

  .cellphone:before {
    content: '';
    background: #000000ad;
    position: relative;
    width: 50px;
    height: 7px;
    border-radius: 10px;
    margin: 0 0px 0px 10px;
  }

  /**************************************
  **          ENCUENTRA UN EO           **
  ***************************************/
  .tabBuscador>.active {
    background-color: var(--primarycolor);
    color: white;
  }


  .tablinks {
    width: 24vh;
    height: 3vh;
    border-radius: 90px 90px 0px 0px;
    border: 1px solid #FFFFFF;
    background-color: #D9D9D9;
  }

  .filter-content {
    background-color: white;
    padding-top: 3%;
    border-radius: 20px;

  }

  .tabcontent {
    height: 25vh;
    width: 90%;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  }

  #byZipcodeBuscador {
    display: none;
  }

  .filterButtons {
    background-color: #D9D9D9;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    min-height: 50px;
    padding: 5%;
    border-radius: 30px;
  }

  .cardBuscador {
    border-radius: 40px;
    padding: initial;
    margin-left: 5%;

  }



  .cardBuscador:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  }

  .spanBuscador {
    padding-top: 7%;
    margin-left: 7%;
  }

  .containerCard {
    text-align: center;
    padding: 2px 16px;

  }

  .descripcionFiltro {
    margin-bottom: 10px;
    background-color: #D9D9D9;
    border-radius: 70px;
    min-height: 110%;

  }

  .cardImageBuscador {
    width: 100px;
    /* Ajusta el ancho según tus necesidades */
    height: 100px;
    /* Ajusta la altura según tus necesidades */
    background-image: url("https://media.istockphoto.com/id/1289220949/es/foto/mujer-sonriente-exitosa-con-gafas-en-la-pared-gris.jpg?s=2048x2048&w=is&k=20&c=ZDRXErBSsQ5lepdeuWt87jPE--LpRHjes9Ru-B5zbBk=");
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    border: 5px solid var(--secondarycolor);
  }

  .buscador-content {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2%;
    background-color: white;
    border-radius: 20px;
  }

  .lugar {
    margin: 10px;
  }

  .card-container {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-top: 5vh;

  }

  #byPlaceBuscador {
    justify-content: center;
    align-items: center;
  }

  .buscador_toggle {
    border-radius: 80px 80px 0px 0px;
    background-color: #D9D9D9;
    padding: 0% !important;
    text-align: center;
  }

  .buscador_toggle.active {
    background-color: var(--primarycolor);
  }

  .active .buscador_title {
    color: white;
  }

  .buscador_title {
    color: #000000;
  }

  .tabs__header_buscador {
    display: flex;
    height: 3vh;
    margin: 2%;
  }

  .buscador_toggle {
    width: 50%;
  }

  .distanciaBuscador {
    text-align: center;
    width: 100%;
    background-color: #000;
    color: white;
    border-radius: 30px;
    max-width: 10vh;
  }

  .contactoBuscador {
    display: flex;
    border-radius: 0px 0px 40px 40px;
    background-color: #66308C;
    width: 100%;
    height: 81.45px;
    color: white;
    margin-right: 20px;
  }

  .resultadoBuscador {
    background-color: white;
    border-radius: 20px;
    margin-top: 3vh;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding: 5%;
    display: none;
  }

  .tituloBuscador {
    text-align: center;
  }

  .tabsBuscador {
    width: 90%;
    min-height: 15vh;
    margin: 0 auto;
  }

  .imagenBuscador {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .filterTabs {
    min-height: 10%;
  }

  .contenedorLugar {
    padding: 5% !important;
  }

  .orderDiv {
    padding: 5%;
    padding-bottom: 5%;
  }

  .filterOptionBuscador {
    padding-bottom: 5%;

  }

  .headerBuscador {
    padding: 0;
  }

  .iconWhatsBuscador {
    font-size: 5vh;
  }

  .iconWhatsBuscadorContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .addressLimitAlert {
    display: none;
  }

  .form-radio .radio-fake-buscador {
    background-color: white;
    display: block;
    margin: auto;
  }

  .cellphone-screen h3 img {
    width: 35px;
    margin: auto;
  }

  .without-zip-code .select,
  .with-zip-code .select {
    width: 100%;
  }

  .cellphone label.form-label {
    color: #fff;
    margin: 10px;
    display: block;
  }

  .cellphone-screen {
    background: rgb(102, 11, 125);
    background: radial-gradient(circle, rgba(102, 11, 125, 1) 0%, rgba(53, 2, 66, 1) 67%);
    border: 3px inset #5f5b5b4d;
    border-radius: 10px;
    padding: 5px;
    color: #fff;
    text-align: center;
    min-height: 530px;
  }

  .fake-whatsapp-content {
    background-color: #eae6e0;
    border-radius: 0 0 10px 10px;
    margin-top: -15px;
    color: black;
    background-image: url(https://portal.omnilife.com/uploads/images/portal/pages/omnilife/localizador/wa-bg.jpg);
    background-size: cover;
    padding: 20px 5px;
    min-height: 250px;
  }

  .fake-whatsapp-header {
    background: #008069;
    border-radius: 10px 10px 0px 0px;
    display: flex;
    padding: 0px 10px 10px 10px;
    min-height: 80px;
    justify-content: space-around;
    align-items: center;
  }

  .fake-whatsapp-header .avatar {
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    border: 2px solid white;
  }

  #localizador-eo a.btnChangeZipCode {
    font-family: 'Geomanist';
    font-weight: 300;
    font-size: 13px;
    padding: 10px;
    display: inline-block;
  }

  .fake-whatsapp-header .ezone__profile-name {
    margin: 0;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 600;
    max-width: 220px;
    margin: auto;
  }

  .chat-bubble1 {
    background-color: #fff;
    box-shadow: 0px 1px 3px 0px #0000004a;
    border-radius: 0px 10px 10px 10px;
    padding: 8px 20px 6px 9px;
    margin: 10px;
    background-image: url(https://portal.omnilife.com/uploads/images/portal/pages/omnilife/localizador/visto.svg);
    background-position: 98% 97%;
    background-repeat: no-repeat;
    background-size: 16px;
    text-align: left;
    position: relative;
    width: fit-content;
  }

  .chat-bubble1:after {
    left: -13px;
    top: 10px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-width: 8px;
    margin-top: -13px;
    background-image: url(https://portal.omnilife.com/uploads/images/portal/pages/omnilife/localizador/chati.png);
    background-position: center;
    background-size: 11px;
    background-repeat: no-repeat;
  }

  .chat-bubble2 {
    background-color: #E1FFD2;
    box-shadow: 0px 1px 3px 0px #0000004a;
    border-radius: 10px 10px 0px 10px;
    padding: 8px 20px 6px 9px;
    margin: 10px;
    background-image: url(https://portal.omnilife.com/uploads/images/portal/pages/omnilife/localizador/visto.svg);
    background-position: 98% 97%;
    background-repeat: no-repeat;
    background-size: 16px;
    text-align: right;
    position: relative;
  }

  .chat-bubble2:after {
    left: 99%;
    bottom: -2px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-width: 8px;
    margin-top: -13px;
    background-image: url(https://portal.omnilife.com/uploads/images/portal/pages/omnilife/localizador/chati2.png);
    background-position: center;
    background-size: 11px;
    background-repeat: no-repeat;
  }

  input#myPostalCode,
  #myPostalCode2 {
    letter-spacing: 5px;
    text-align: center;
    color: gray;
  }

  input#myPostalCode:focus,
  #myPostalCode2:focus {
    letter-spacing: 9px;
    text-align: center;
    color: var(--primarycolor);
    font-size: 1.5rem;
    font-family: 'Noto Sans', sans-serif;
    font-weight: bold;
  }

  form#postalCodeForm {
    max-width: 230px;
    margin: 70px auto;
  }

  .chat-bubble1 p,
  .chat-bubble2 p {
    margin: 0;
  }

  .cellphone-footer {
    background: var(--primarycolor);
    padding: 10px;
    border-radius: 10px;
    margin: 10px 0px;
  }

  .selectDeliveryAlert {
    text-align: center;
  }

  /*******************************
  **   Carrusel de Revistas     **
  ********************************/


  .backBtnMgz {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 100;
    height: 100%;
    width: 25%;
    color: #dddd;
  }

  .nextBtnMgz {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 100;
    height: 100%;
    width: 25%;
    color: #dddd;


  }


  .nextIconMgz {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 35px;
    height: 175px;
    font-size: 10vh;
  }

  .prevIconMgz {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 35px;
    height: 175px;
    font-size: 10vh;
  }

  .infoContMgz {
    width: 184px;
    height: 94px;
    border: 1px solid #ccc;
    overflow: hidden;
  }

  .titleMgz {
    font-size: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .subtitleMgz {
    font-size: 60%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .radioMgz {
    display: none;
  }

  .cardMgz {
    position: absolute;
    width: 60%;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
    transition: transform .9s ease, scale 0.2s ease-in-out;
    cursor: pointer;
  }

  .bodyMagazine {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 5vh;
  }

  .containerMainMgz {
    background: radial-gradient(circle, rgb(141 26 171) 0%, rgba(53, 2, 66, 1) 67%);

  }

  .nextBtnMgz::before {
    content: "";
    display: inline-block;
    font-size: 20px;
    transform: rotate(180deg);
  }

  .containerMagazines {
    transform-style: preserve-3d;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding-top: 5vh;
    width: 80vh;
    height: 75vh;
    padding: 3%;
    border-radius: 10px;
  }

  .cardsMagazines {
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 3vh;
  }

  .imgMgz {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
  }

  /* cuando esté selecionado el de la izquierda es*/
  #item-1:checked~.cardsMagazines #mgz-5,
  #item-2:checked~.cardsMagazines #mgz-1,
  #item-3:checked~.cardsMagazines #mgz-2,
  #item-4:checked~.cardsMagazines #mgz-3,
  #item-5:checked~.cardsMagazines #mgz-4 {
    transform: translatex(-40%) scale(.8);
    opacity: .4;
    z-index: 0;
  }

  /* a la derecha */
  #item-1:checked~.cardsMagazines #mgz-2,
  #item-2:checked~.cardsMagazines #mgz-3,
  #item-3:checked~.cardsMagazines #mgz-4,
  #item-4:checked~.cardsMagazines #mgz-5,
  #item-5:checked~.cardsMagazines #mgz-1 {
    transform: translatex(40%) scale(.8);
    opacity: .4;
    z-index: 0;
  }

  /*frente*/
  #item-1:checked~.cardsMagazines #mgz-1,
  #item-2:checked~.cardsMagazines #mgz-2,
  #item-3:checked~.cardsMagazines #mgz-3,
  #item-4:checked~.cardsMagazines #mgz-4,
  #item-5:checked~.cardsMagazines #mgz-5 {
    transform: translatex(0) scale(1);
    opacity: 1;
    z-index: 1;
  }

  #item-1:not(:checked)~.cardsMagazines #mgz-1,
  #item-2:not(:checked)~.cardsMagazines #mgz-2,
  #item-3:not(:checked)~.cardsMagazines #mgz-3,
  #item-4:not(:checked)~.cardsMagazines #mgz-4,
  #item-5:not(:checked)~.cardsMagazines #mgz-5 {
    opacity: .4;
  }


  .infoContMgz {
    border: 3px solid var(--secondarycolor);
    background-color: transparent;
    border-radius: 40px;
    min-width: 236px;
  }

  #mgz-1 {
    background-image: url(https://image.isu.pub/230104164324-641a010fca28ac10aaa127436b600519/jpg/page_1_thumb_large.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 10px;
    background-position: center;

  }

  #mgz-2 {
    background-image: url(https://image.isu.pub/210907155043-d398785d43ad799f441cc992ffa2a696/jpg/page_1_thumb_large.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 10px;
    background-position: center;


  }

  #mgz-3 {
    background-image: url(https://image.isu.pub/220112184226-9a1e153f46be970917a30eede75af291/jpg/page_1_thumb_large.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 10px;
    background-position: center;


  }

  #mgz-4 {
    background-image: url(https://image.isu.pub/210528203004-617bc1f9b679f446b97fcec00d02b604/jpg/page_1_thumb_large.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 10px;
    background-position: center;
  }

  #mgz-5 {
    background-image: url(https://image.isu.pub/230705225641-407a3ab3823eb36afd5e6255180419e0/jpg/page_1_thumb_large.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 10px;
    background-position: center;
  }

  #item-2-info,
  #item-3-info,
  #item-4-info {
    display: none;
  }

  .info-areaMgz {
    color: white;
    text-align: center;
  }

  .containerFilterMgz {
    display: flex;
    align-items: center;
  }

  .input-container {
    flex: 1;
    margin-right: 3vh;
    margin-left: 10vh;

  }

  .icon-containerMgz {
    flex: 0;
  }

  .containerFilterMgz {
    color: white;
    padding-top: 5vh;
    display: flex;
    justify-content: flex-end;
    margin-right: 5vh;
    font-size: 3vh;
  }

  .bodyMagazineList {
    display: none;
    justify-content: center;
    align-items: center;
    padding-top: 5vh;
    display: "none";
    overflow-x: hidden;

  }


  .efecto-tres-puntos-mgz span {
    opacity: 0;
    animation: aparecerDesaparecer 2s infinite;
    animation-delay: 0s, 0.5s, 1s;
  }

  .efecto-tres-puntos-mgz {
    display: inline-block;
    font-size: 200%;
    line-height: 1;
  }

  .puntoMg {
    opacity: 0;
    animation: aparecerDesaparecer 2s infinite;
  }

  .puntoMg:nth-child(1) {
    animation-delay: 0s;
  }

  .puntoMg:nth-child(2) {
    animation-delay: 0.5s;
  }

  .puntoMg:nth-child(3) {
    animation-delay: 1s;
  }

  @keyframes aparecerDesaparecer {
    0% {
      opacity: 0;
    }

    50% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  .cardsMagazinesList {
    display: "inline";
    width: 100%;

  }

  .cardMgzList {
    height: 30vh;
    width: 50vh;
    display: block;

  }

  .info-areaMgzList {
    color: white;
    text-align: center;
    border: 3px solid var(--secondarycolor);
    background-color: transparent;
    border-radius: 40px;
    /*min-width: 236px;*/
    width: 247px;
    height: 81px;
    cursor: pointer;

  }

  .centerListElements {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5%;
    transition: transform 0.2s ease-in-out;

  }

  .centerListElements label:hover {
    cursor: pointer;
    transform: translate(0, -5px);

  }

  .cardMgz label:hover {
    transform: scale(1.1);
  }

  #searchMgz {
    color: black !important;
  }

  .noInfoMgz {
    color: white;
    text-align: center;
    padding-bottom: 5vh;
    display: none;
  }

  .my-org-tables table {
    display: table;
  }

  .my-org-tables a.paginate_button.previous:before {
    content: "";
    padding: 12px 19px;
    font-size: 20px;
    border: 2px solid var(--secondarycolor);
    border-radius: 50%;
    color: var(--secondarycolor);
    margin: 5px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    content: "\f104";
    transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
    /* ease (default) */
  }

  .my-org-tables a.paginate_button.next:after {
    content: "";
    padding: 12px 19px;
    font-size: 20px;
    border: 2px solid var(--secondarycolor);
    border-radius: 50%;
    color: var(--secondarycolor);
    margin: 5px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    content: "\f105";
    transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
    /* ease (default) */
  }

  a.paginate_button:hover#my-organization_next:after,
  a.paginate_button:hover#my-organization_previous:before {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: .5;
  }

  /*******************************
  **          RALLY 2023               **
  ********************************/
  .rally2023 .millionaire--name {
    color: rgb(139, 214, 0) !important;
    font-size: 2vh;

  }

  .rally2023 .millionaire-user {
    height: 10vh;
    min-height: auto !important;

  }

  .rally2023 .event_v2 {
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(90%) blur(20px);
    background-color: rgb(9 0 255 / 0.49);

  }

  /* Firefox */
  _:-moz-any(x),
  .rally2023 .event_v2 {
    background-color: rgba(9, 0, 255, 1);
  }

  /* iExplorer */
  _:-ms-lang(x),
  .rally2023 .event_v2 {
    background-color: rgba(9, 0, 255, 1);
  }


  .rally2023 .pt-2 {
    display: none;
  }

  .rally2023 .millionaire-user {
    padding: 1vh;
    height: 10vh;
    min-height: auto !important;
  }

  .rally2023 .valueOne {
    display: contents;
  }

  .rally2023 div {
    z-index: 10;
    position: relative;
  }

  .rally2023 {
    background-size: 100%;
    color: white;
    position: relative;
    overflow: hidden !important;
  }

  .rally2023 .radio-fake {
    display: none;
  }

  .rally2023 .valueTwo {
    display: none;
  }

  .rally2023 .valueAll {
    display: none;
  }

  .rally2023 .millionaire--flag {
    display: none;
  }

  .rally2023 .millionaire--years {
    display: none;
  }

  .rally2023 #Layer_1 {
    display: none;
  }

  .rally2023 .salon-morado {
    background: transparent;
  }

  .millionaire--grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    /* Espacio entre las columnas */
  }

  .millionaire ul.business__grid.list-nostyle.slider__wrap.millionaire--grid {
    flex-direction: column;
    display: flex;
  }

  @media screen and (max-width: 1300px) {
    .millionaire--grid {
      grid-template-columns: 100%;
    }
  }


  .rally2023::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 107%;
    background-image: url(/uploads/images/portal/pages/omnilife/Rally/background.jpeg);
    background-size: cover;
    animation: zoomImage 30s linear infinite;
    transform-origin: top;
    background-repeat: no-repeat;
    overflow: hidden;
  }

  @keyframes zoomImage {
    0% {
      transform: scale(1);
    }

    100% {
      transform: scale(1.2);
    }
  }

  @media (max-width: 767px) {
    .rally2023::before {
      margin-top: -200px;
      background-position: center top;
    }
  }

  .rally2023 .dna-bg {
    background-image: none !important;
  }

  /*FIN DE RALLY 2023   */

  .rally2024::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/uploads/images/portal/pages/omnilife/Rally/Fondo_Rally_24.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-attachment: fixed;
  }

  .rally2024 .khe:hover {
    animation: caer .5s infinite alternate;
  }

  .rally2024 .custom-row:first-child {
    padding: 5%;
  }

  @keyframes caer {
    0% {
      transform: scale(1);
      z-index: 99;
    }

    100% {
      transform: scale(1.1);
      z-index: 99;

    }
  }

  .rally2024 #Layer_1 {
    display: none;
  }

  .rally2024 .millionaire-user {
    display: none !important;
  }

  .rally2024 .millionaire--flag {
    display: none;
  }

  .rally2024 .millionaire--years {
    display: none;
  }

  .rally2024 .ux-card {
    align-items: center;
    justify-content: center;
    backdrop-filter: brightness(0.5);
  }

  .rally2024 .salon-morado {
    background: transparent;
  }

  .element_detalle_fecha {
    background: rgba(106, 14, 190, 0.7) !important;
  }

  .rally2024 .event_v2 {
    backdrop-filter: blur(1px);
    background-color: rgb(9 0 255 / 0.49);

  }

  .rally2024 .event_v2 .button.small {
    margin-right: 5px;
  }

  .rally2024 .ux-card .mr-2 {
    margin-right: 0px !important;
  }

  /* Firefox */
  _:-moz-any(x),
  .rally2024 .event_v2 {
    background-color: rgba(9, 0, 255, 1);
  }

  /* iExplorer */
  _:-ms-lang(x),
  .rally2024 .event_v2 {
    background-color: rgba(9, 0, 255, 1);
  }

  .rally2024 .radio-fake {
    display: none !important;
  }

  .rally2024 .form-radio {
    margin-right: 0px !important;
  }

  .rally2024 .event-info {
    justify-content: center;
    display: flex;
    align-items: center;
    max-width: none !important;
  }

  .rally2024 .custom-row .col-md-6.col-xs-12.wow.fadeInLeft.flex-center {
    padding-bottom: 5%;
  }

  .rally2024 .salon-morado h3.millionaire--name {
    padding: 10px !important;
  }

  .rally2024 .millionaire--info {
    padding: 0px !important;
  }

  .rally2024 .col-md-6.col-xs-12.wow.fadeInLeft.flex-center {
    order: 2;
  }

  .rally2024 .salon-morado .millionaire--item:hover {
    z-index: 999;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    padding: 20px;
    animation: upDown 0.7s infinite alternate !important;
  }

  @keyframes upDown {
    0% {
      transform: scale(1.2)
    }

    100% {
      transform: scale(1)
    }
  }


  /*******************************
  **   Parcelas Cielo 2023      **
  ********************************/
  .titleParceladas {
    text-align: center;
  }

  .cieloParcelasDiv {
    font-family: 'Roboto', sans-serif;
    color: var(--neutral);
    padding-bottom: 5%;
  }

  .pontosContent {
    width: 100% !important;
  }

  .disablePontos {
    opacity: .5;
    pointer-events: none;
    cursor: not-allowed;
  }

  .spanTextParceladas {
    display: inline;
  }

  .spanPriceParceladas {
    display: inline;
  }

  .cieloParcelasDiv {
    display: none;
  }


  /************************************
  **           VIVE CHIVAS         **
  *************************************/
  .imgPartidoVC {
    padding: 5%;
    padding-left: 12%;
  }

  .playersSliderContainer {
    text-align: center;
    display: block;
  }

  .sliderPlayersSection {
    position: relative;
  }

  .btnCtrPlayerSlider {
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    font-size: 24px;
    cursor: pointer;
    z-index: 1;
  }

  #scrollBackButton {
    left: 20px;
  }

  #scrollButton {
    right: 20px;
  }

  .btnCtrPlayerSlider {
    color: #ffffff;
    font-size: 5vh;
  }

  .containerLogoViveChivas {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .containerLogoViveChivas img {
    padding: 5%;
  }

  .textPlayerSectionVC {
    color: white;
    text-align: center;
    padding-top: 5vh;
  }

  .sliderIndicatorContainer {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 15px;
  }


  .sliderIndicator {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid #fff;
    margin: 0 5px;
    cursor: pointer;
  }

  .sliderIndicator.active {
    background-color: #fff;
  }


  .registro {
    margin: 5vh;
  }

  .slider2Images::-webkit-scrollbar {
    background-color: transparent;
  }

  .partidosSection::-webkit-scrollbar {
    background-color: transparent;
    width: 0px;
  }

  .slider2Images {
    display: -webkit-inline-box;
    overflow-x: scroll;
    height: auto;
  }

  .playerImgVC1,
  .playerImgVC2 {
    width: 100%;
    height: auto;
    opacity: 1;
    transition: opacity 0.5s ease, visibility 0.5s ease;
  }

  @media screen and (max-height: 850px) {

    .registroBtnVC,
    .basesBtnVC {
      margin-top: -6rem !important;
    }
  }

  .boxImgVC {
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center !important;
  }

  .boxImgVC img {
    height: auto;
    width: 100%;
    object-fit: cover;
    border-radius: 50px;
    padding: 2vh;

  }


  .btnSliderViveChivas:hover {
    opacity: 0.8;
  }


  .sliderVCImg {
    object-fit: scale-down;
    width: 100vh;
    height: 60vh;
    display: none;

  }

  .sliderVCImg.active {
    display: block;
    opacity: 1;
  }


  .partidosSection {
    max-height: 130vh;
    min-height: 40vh;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 5%;
    border-radius: 16px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: var(--primary100);
  }

  .partidosTitle {
    text-align: center;
    color: #11305B;
  }

  .cardPartidosContainer {
    overflow-x: hidden;
    overflow-y: hidden;
  }

  .containterInfoPartido {
    text-align: center;
    padding: 2px 16px;
  }

  .containterInfoPartido h4 {
    margin: 5px;
  }

  .logosContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
  }

  .logoEquipo {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-position: center;
  }

  .containerImagesCV img {
    height: 40vh;
    padding: 5%;
  }

  .titleContainerVC {
    margin: 2%;
  }

  .textViveChivasContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 16px;
    margin: 0 16px;
  }


  @media (max-width: 768px) {
    .imgPartidoVC {
      padding: 0px !important;
      padding-left: 15% !important;
    }

    .basesContainerVC {
      margin: 5vh;
      padding-left: 0% !important;
      margin: auto;
      transform: scale(1) !important;
    }

    .eoViceChivasTitle {
      margin-top: 16vh;
    }

    .boxImgVC {
      width: 100% !important;
    }

    .sliderIndicatorContainer {
      margin-top: -70px;
    }

    .matchsNPhotosSections {
      margin: 0% !important;
    }

    .sectionImageEoCV {
      margin-top: -10vh
    }

    .textViveChivasContainer {
      height: auto;
      padding: 10px;
    }

    .partidosSection {
      height: auto;
      min-height: max-content;
      margin-top: 15vh;
    }

    .cardPartidosContainer {
      display: flex;
      overflow-x: scroll;
    }

    .matchInfoVC {
      min-width: 18rem;
    }

    .registroButtonVC {
      width: 225px !important;
      margin-top: -54px !important;
      padding-left: 66px !important;
      margin-left: 87px !important;
    }

    .basesContainerVC:hover {
      transform: scale(1.2) !important;
    }

    .fadeInLeft .iconRollcontainer {
      margin-left: 16px;
    }

    .experienciaNF .fadeInLeft .iconRollcontainer {
      margin-left: 30px !important;
    }

    .experienciaNF .iconRollcontainer {
      margin-left: 15px !important;
    }



    .cardPartidosContainer div {
      min-width: 13rem;
    }

    .registroBtnVC {
      margin-top: -3.5rem !important;
      margin-left: 90px !important;
    }

    .basesBtnVC {
      margin-top: -4.5rem !important;
      margin-left: 104px !important;
    }

    .containerLogoViveChivas img {
      margin-top: -5%;
    }
  }

  .divDateContainer {
    padding-right: 0%;
  }

  .titleViveChivas {
    white-space: pre-line;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .colTxtViveChivas2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .titleViveChivas h1 {
    font-size: 8vh;

  }

  .image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 70%;
    margin: 0 auto;
  }

  .eoViceChivasTitle {
    text-align: center;
    color: white;
  }


  .titleViveChivas {
    display: flex;
    justify-content: center;
    text-align: center;
  }

  .basesBtnVC {
    margin-left: 117px;
    margin-top: -73px;
  }

  .registroBtnVC {
    margin-left: 116px;
    margin-top: -4.7rem;
  }

  .basesViveChivas {
    justify-content: center;
    background: url(/uploads/images/portal/pages/omnilife/Chivas/Slider/background-1920x1024.jpg);
    background-attachment: fixed;
    justify-content: center;
    padding-top: 48px;
    padding-left: 15dvw;
    transition: transform 0.3s;
    position: relative;
  }

  .basesContainerVC {
    transform: scale(1.3);
    transition: transform 0.3s;
  }

  .iconRollcontainer {
    width: 10vh;
    height: 10vh;
    background-color: white;
    border-radius: 50%;
    font-size: 9vh;
    color: #66308C;
    animation: girarIcon 3s linear infinite;
    text-align: center;

  }

  .registroButtonVC {
    background-color: #fe9925;
    height: 40px;
    width: 250px;
    border-radius: 20px;
    color: white;
    text-align: center;
    align-items: center;
    display: flex;
    margin-left: 115px;
    margin-top: -68px;
    padding-left: 78px;
    font-size: x-large;
  }

  .imgViveChivasContainer {
    padding: 5%;
    overflow: hidden;
  }

  @keyframes girarIcon {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  .titleContainerVC {
    padding-top: 5vh;
  }

  .titleContainerVC h1 {
    color: white;
    font-size: 6vh;
  }

  .experienciaNF {
    background-image: url(/uploads/images/portal/pages/nfuerza/Experiencia_Nfuerza/Nfuerza_extravaganas_fondo.png);
    background-repeat: no-repeat;
    background-size: cover;
    transition: background-image 1s ease-in-out;
    overflow: hidden;
    background-position: center;
  }

  .experienciaNF .iconRollcontainer {
    background-image: url(/uploads/images/portal/pages/nfuerza/Experiencia_Nfuerza/logos/botoIn_logo.svg);
    background-repeat: no-repeat;
    animation: flotar 2s infinite alternate;
    background-color: unset;
  }

  .experienciaNF .iconRollcontainer i {
    display: none;
  }

  @keyframes flotar {
    0% {
      transform: translateY(0);
    }

    100% {
      transform: translateY(-10px);
    }
  }

  .viveChivasContainer {
    background-image: url(https://portal.omnilife.com/uploads/images/portal/pages/omnilife/Chivas/nv_lan/fondo.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    transition: background-image 1s ease-in-out;
    overflow: hidden;
    background-position: center;
  }

  .matchDateViveChivas {
    background-color: var(--primary600);
    color: #FFF;
    font-weight: 700;
    padding: 5%;
    min-width: fit-content;

  }

  .balonText {
    color: #fe9925;
    font-weight: bold;
    font-size: 1.7vh;
  }

  .textViveChivas {
    color: var(--neutral5) !important;
    background-color: var(--neutral1) !important;
    max-width: 1440px;
    border-radius: 32px;
    padding: 2rem;
  }

  .imgPlayerBorder {
    height: 50vh;
    border-width: 15px;
    border-style: solid;
    border-color: #66308C;
  }

  .filterFinishedMatches {
    filter: brightness(30%) contrast(45%) saturate(30%);
  }

  .sliderContainerVC {
    height: 100%;
    width: 100%;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    object-fit: contain;

  }

  .sliderVC {
    width: 100%;
    overflow: hidden;
    position: relative;
  }

  .onTimeMatchColor {
    background-color: #fe9925;
  }

  /**************************************
  **     Nuevo Detalle de producto    **
  *************************************/

  .gc-display-container.gc-thumb-img.gc-dd-center span {
    display: none;
  }

  .circle__color.unavailable {
    background-image: url(https://portal.omnilife.com/uploads/images/portal/SW_Content/ban.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  #benefits-imp ul li:before {
    content: "\f005";
    font-family: 'Font Awesome 5 Pro';
    color: var(--secondarycolor);
    font-weight: 600;
    margin-right: 5px;
  }

  #benefits-imp ul {
    list-style: none;
  }

  a.button.smallest {
    font-size: .8rem;
    padding: 5px;

  }

  /************************************
  **          xtravganas            **
  *************************************/
  .headerIsuuContainer {
    padding: 1.5rem;
  }

  .invitadoContainerXtra {
    background: linear-gradient(#a6065d, #041e24);
    border-radius: 40px;
    margin: 3.5rem;
  }

  .invitadoText {
    color: white;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .logoWhitGradient {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    background-image: linear-gradient(90deg, #a6065d 40%, transparent);
    align-items: center;
    display: flex;
    z-index: 1;
  }

  .logoWhitGradient img {
    padding: 4rem;
  }

  .newRevelationSection {
    height: 40rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .textListXtra {
    align-items: center;
    display: flex;
  }

  .NPImage {
    width: 90%;
    height: 90%;
    transform-style: preserve-3d;
    transition: transform 0.5s;
  }

  @keyframes blink {
    0% {
      opacity: 1;
    }

    50% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  .blinkText {
    color: white;
    animation: blink 1s infinite;
    text-align: center;
  }

  .flipped {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  .previewNP,
  .NPText {
    border-radius: 40px;
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(#a6065d, #041e24);
    padding: 2rem;
    color: white;

  }

  .NPText {
    transform: rotateY(180deg);
  }

  .loadingIcon {
    position: absolute;
    right: 45%;
    top: 40%;
    font-size: 3rem;
    color: white;
  }

  .fas.fa-spinner {
    animation: spin 2s linear infinite;
  }

  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  .progress-barXtra {
    height: 20px;
    background-color: #981869;
    position: relative;
  }

  .progress-barXtra::before {
    content: "";
    display: block;
    height: 100%;
    width: 0;
    background-color: #ebc314;
    position: absolute;
    animation: progressAnimation 5s ease-in-out infinite;
  }

  @keyframes progressAnimation {
    0% {
      width: 0;
    }

    100% {
      width: 100%;
    }
  }

  .hiddenIcon {
    display: none;
  }

  .iframeYoutubeContainer {
    text-align: center;
  }

  .iframeEvent {
    position: absolute;
    border: none;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }

  .eventMgzCard {
    position: relative;
    padding-top: max(60%, 326px);
    height: 0;
    width: 100%;
  }

  .photosCarouselContainer {
    transform: translate3d(-1925px, 0px, 0px);
    transition: all 0.25s ease 0s;
    width: 4675px;
  }

  .photosCarousel {
    visibility: visible;
    animation-name: zoomIn;
  }

  .downloadablesSection {
    background-image: url(/uploads/images/portal/pages/omnilife/extravaganas/fondoExtra.jpg);
    background-size: cover;
    background-attachment: fixed;
  }

  .photoPlaceContainer {
    width: 265px;
    margin-right: 10px;
  }

  .titlePhotosContainer {
    margin-top: 3rem;
  }

  .boletosBlurSection {
    margin: 20px;
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    backdrop-filter: saturate(180%) blur(10px);
    background-color: rgba(0, 0, 0, .5);
  }

  /* Firefox */
  _:-moz-any(x),
  .boletosBlurSection {
    background-color: rgba(0, 0, 0, 0.9);
  }

  /* iExplorer */
  _:-ms-lang(x),
  .boletosBlurSection {
    background-color: rgba(0, 0, 0, 0.9);
  }

  .eventInfoContainer {
    background-image: url(/uploads/images/portal/pages/omnilife/extravaganas/fondoExtra.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 2rem;

  }

  .nxtXtraImg {
    right: 0%;
  }

  .backXtraImg {
    left: 0%;
  }

  .ctlScrollBtn {
    position: absolute;
    top: 55%;
    color: #efc117;
    font-size: 3rem;
  }

  .logoViveExtraContainer {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(/uploads/images/portal/pages/omnilife/extravaganas/Rostros_fondo.jpg);
    background-position: bottom;
    background-position: 50% 70%;
    background-size: cover;
  }

  .photo2Section {
    padding-top: 5rem;
  }

  .cornerViveXtra {
    position: absolute;
    width: 20rem;
    height: 20rem;
  }

  .centerHeader {
    width: 100%;
  }

  .top-right-corner {
    top: 0;
    right: 0;
    background-image: radial-gradient(circle 100px at 100% 0%, red, #2f1532);
    animation: changeGradient 5s linear infinite;
  }

  .bottom-left-corner {
    z-index: 1;
    bottom: 0;
    left: 0;
    background-image: radial-gradient(circle 25vh at 0% 100%, red, transparent);
    animation: changeGradient2 5s linear infinite;
  }

  .th_table_xtra {
    text-align: center;
    align-items: center;
  }

  .anchored .barsIconMenu #menuIconCountry {
    font-size: 2rem;
    color: #efc117;
    position: absolute;
    left: 7%;
    top: 16%;
  }

  .barsIconMenu #menuIconCountry {
    position: relative;
    font-size: 2rem;
    color: #efc117;
    left: -3%;
  }

  .barsIconMenu {
    display: none;
  }

  .countryListXtra {
    display: contents;
  }

  .countryListXtra.active {
    display: contents;
  }

  .youtubeExtra {
    width: 55rem;
    height: 30rem;
  }

  .downloadable-container-Xtra {
    scroll-behavior: smooth;
  }

  .downloadable-container-Xtra .fa-chevron-circle-right {
    font-size: 35px;
    border-radius: 50%;
    top: 60%;
    position: absolute;
    color: #efc117;
    display: none;
  }

  .downloadable-container-Xtra .fa-chevron-circle-left {
    font-size: 35px;
    border-radius: 50%;
    top: 50% !important;
    left: 0 !important;
    position: absolute;
    color: #efc117;
    display: none;
  }

  .containerXtra {
    position: relative;
    text-align: center;
    width: 55rem;
    margin-left: 3rem;
  }

  @media (max-width: 768px) {
    .invitadoContainerXtra {
      margin: 0rem;
    }

    .invitadoText {
      color: white;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .logoWhitGradient {
      width: 100%;
      background-image: linear-gradient(90deg, #a6065d 40%, transparent);
    }

    .logoWhitGradient img {
      padding: 4%;
    }

    #systems__img_event_xtra img {
      min-width: 18rem;
      height: auto;
      width: auto;
    }

    .downloadable-container-Xtra .fa-chevron-circle-right {
      top: 50% !important;
      display: block;
      right: 0px !important;
    }

    .youtubeExtra {
      width: fit-content;
      height: 15rem !important;
    }

    .dateContainerXtra {
      width: 100%;
    }

    .border-right-0 {
      border-right: none !important;
    }

    .deposit__first_th,
    .th_table_xtra {
      display: block !important;
      text-align: center !important;
      align-items: center !important;
    }

    .barsIconMenu {
      display: contents;
    }

    .countryListXtra {
      display: none;
    }

    .buttonsContainerInfoXtra.anchored {
      top: 3.3rem !important;
      padding-top: 5px !important;
    }


    .downloadable-container-Xtra .fa-chevron-circle-left {
      display: block;
      top: 50%;
      left: 0% !important;
    }

    .tituloDescargablesContainer {
      display: block !important;
    }

    .headerIsuuContainer {
      padding: 0;
    }

    .dateSizeElement {
      font-size: 2rem;
    }

    #downloadable__images_extra {
      justify-content: start !important;
      padding-left: 17%;
      padding-right: 17%;
    }
  }

  #downloadable__images_extra figure {
    margin: 5px;
  }

  .buttonsContainerInfoXtra a.button.small {
    margin: 2px;
    padding: 5px;
  }

  .buttonsContainerInfoXtra {
    margin: 0% !important;
    padding-top: 3rem;
  }

  .buttonsContainerInfoXtra.anchored {
    z-index: 100;
    position: fixed;
    bottom: 90%;
    padding: 5px;
    top: 73px;
    left: 0;
    height: fit-content;
    width: 100%;
    background-color: #840c51;
  }

  .polaroidPhoto {
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 0 20px #000000c9;
  }

  .polaroidPhoto2 {
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 0 20px #000000c9;
  }

  .headerIsuuContainer .ezone__headline.tabs__item.active {
    border-color: #015aa6 !important;
  }

  .headerIsuuContainer .ezone__headline.tabs__item .ezone__title {
    color: #e1017e !important;
  }

  .headerIsuuContainer .ezone__headline.tabs__item.active .ezone__title {
    color: #015aa6 !important;
  }

  .tabsXtraSection {
    margin: 1.5rem;
    margin-bottom: -3rem;
    background-color: transparent;
  }

  .tabsXtraSection .history--description {
    display: flex;
    flex-direction: column;
  }

  .headerIsuuContainer .ezone__header {
    flex: 0 0 auto;
    transition: height 0.3s ease;
  }

  .headerIsuuContainer .ezone__body {
    flex: 1 1 auto;
    overflow: auto;
  }



  .strokeYellow {
    stroke: #efc117 !important;
  }

  .logoSection {
    height: 60vh;
  }

  #scrollButton.show {
    opacity: 1;
  }

  .viveExtravaganasContainer {
    background: linear-gradient(#a6065d, #041e24);
    overflow-x: hidden;
  }

  .downloadablesSection .owl-carousel .owl-nav.disabled {
    display: block !important;
  }

  #downloadable__images_extra {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .event_v2Xtra {
    margin: 20px;
    border-radius: 30px;
    font-family: "Noto Sans", sans-serif;
    flex-wrap: wrap;
    color: #fff;
    padding: 1rem;
    display: flex;
    justify-content: space-evenly;
    font-size: 1rem;
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    backdrop-filter: saturate(180%) blur(10px);
    background-color: rgba(0, 0, 0, .4);
  }

  /* Firefox */
  _:-moz-any(x),
  .event_v2Xtra {
    background-color: rgba(0, 0, 0, 0.9);
  }

  /* iExplorer */
  _:-ms-lang(x),
  .event_v2Xtra {
    background-color: rgba(0, 0, 0, 0.9);
  }

  .bolaContainer {
    height: 100%;
    width: 50%;
    background-image: radial-gradient(circle 100px at 100% 0%, red, #2f1532);
    animation: changeGradient 5s linear infinite;
  }

  @keyframes changeGradient {

    0%,
    100% {
      background-image: radial-gradient(circle 25vh at 100% 0%, red, transparent);
    }

    25% {
      background-image: radial-gradient(circle 25vh at 100% 0%,
          green,
          transparent);
    }

    50% {
      background-image: radial-gradient(circle 25vh at 100% 0%,
          yellow,
          transparent);
    }

    75% {
      background-image: radial-gradient(circle 25vh at 100% 0%,
          blue,
          transparent);
    }
  }

  @keyframes changeGradient2 {

    0%,
    100% {
      background-image: radial-gradient(circle 25vh at 0% 100%,
          green,
          transparent);
    }

    25% {
      background-image: radial-gradient(circle 25vh at 0% 100%, red, transparent);
    }

    50% {
      background-image: radial-gradient(circle 25vh at 0% 100%,
          blue,
          transparent);
    }

    75% {
      background-image: radial-gradient(circle 25vh at 0% 100%,
          yellow,
          transparent);
    }
  }

  #elementoConFondo {
    width: 300px;
    height: 300px;
    background-image: radial-gradient(circle 100px at 100% 0%, red, #2f1532);
    animation: changeGradient 10s linear infinite;
  }

  .textWhite {
    color: #ffffff;
  }

  .colorYellow {
    color: #efc117;
  }

  .colorYellowXtra {
    background-color: #efc117;
  }

  .titleXtra {
    color: #981869;
    padding: 1rem;
    font-family: "Noto Sans";
    text-transform: uppercase;
  }

  .timerContainerXtra .event_container_timer {
    padding: 2rem;
  }

  .esquina-superior-derecha {
    position: absolute;
    height: 80vh;
    top: 0px;
    right: -1px;
    color: white;
    padding: 10px;
    border-radius: 5px;
    width: 50%;
    background-image: radial-gradient(circle 100px at 100% 0%, red, #2f1532);
    animation: changeGradient 5s linear infinite;
  }

  .esquina-inferior-izquierda {
    position: unset;
    height: 30vh;
    bottom: 0%;
    left: 20px;
    color: white;
    padding: 10px;
    border-radius: 5px;
    width: 50%;
    background-image: radial-gradient(circle 25vh at 0% 100%, red, transparent);
    animation: changeGradient2 5s linear infinite;

  }

  .btnXtra {
    background-color: #efc117;
    color: #692f8b;
    cursor: pointer;
    transition: opacity 0.3s ease;
  }

  .selectedContry {
    background-color: #bbbbbb;
    color: #ffffff;
  }

  .btnXtra:hover {
    background-color: #efc117;
  }

  .selectedContry:hover {
    background-color: #bbbbbb;
    opacity: 0.8;
  }

  .timerContainerXtra .event_timer {
    color: white;
  }

  #downloadable__images_extra::-webkit-scrollbar {
    background-color: transparent !important;
  }

  .downloadable-container-Xtra::-webkit-scrollbar {
    background-color: transparent !important;
  }

  #systems__img_event_xtra::-webkit-scrollbar {
    background-color: transparent !important;
  }

  #systems__img_event_xtra {
    display: flex;
    overflow-x: scroll;
  }

  #systems__img_event_xtra img {
    padding: 1rem;
    width: 400px;
    height: 300px;
  }

  .anchored .barsIconMenu .hideOnOpenMenu {
    background: transparent;
    max-width: 90px !important;
  }

  .infoEventContainer {
    background-image: url(/uploads/images/portal/pages/omnilife/extravaganas/fondoExtra.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }

  .boletosSectionContainer {
    padding-bottom: 10px;
  }

  .tituloDescargablesContainer {
    display: none;
  }

  @media (max-width: 1199px) {
    .tituloDescargablesContainer {
      display: block !important;
      position: absolute;
      width: 90%;
    }

    .isuuElementsContainer {
      padding-top: 6.5rem !important;
    }

    .infoEventXtra {
      display: block !important;
      text-align: center;
    }
  }

  .polaroidPhotosSection {
    overflow: hidden;
  }

  .infoEventXtra {
    display: flex;
    align-items: center;
  }

  @media (max-width: 970px) {
    .buttonsContainerInfoXtra.anchored {
      top: 55px !important;
    }

    .infoEventXtra:nth-of-type(3) {
      padding: 8%;
    }

  }

  /************************************
  **      extravaganasTemp            **
*************************************/

  .extravaganasEventos {
    background: linear-gradient(#a6065d, #041e24) !important;
    background-size: cover !important;
  }

  .extravaganasEventos .container li .event-info:nth-child(3) {
    display: none !important;
  }

  .extravaganasEventos .radio-label {
    color: #a6065d !important;
  }

  .extravaganasEventos .container li .event-info:nth-child(2) {
    border-right: 0px !important;
    align-items: center;
    display: flex;
  }

  .extravaganasEventos .whitebg {
    background-color: #efc117 !important;
  }

  .extravaganasEventos .radio-fake.cursor_pointer {
    display: none !important;
  }

  .extravaganasEventosSection {
    position: relative !important;
  }

  .extravaganasEventos .col-md-6 {
    z-index: 10;
  }

  .extravaganasEventos .history--title {
    position: inherit !important;
    z-index: 10 !important;
  }

  .extravaganasEventosSection {
    position: relative !important;
  }

  .extravaganasEventos .col-md-6 {
    z-index: 10;
  }

  .extravaganasEventos .history--title {
    position: inherit !important;
    z-index: 10 !important;
  }

  /************************************
  **          PASAPORTES            **
  *************************************/

  .primaryColor {
    color: var(--primarycolor);
  }

  .grayColor {
    color: var(--neutral)666;
  }

  .hrDivisionTicket {
    border: none;
    height: 2px;
    background: linear-gradient(to right, var(--primarycolor) 40%, #C4C4C4 40%, #C4C4C4 100%);
  }

  .viajesContainer {
    width: 98%;
    border-radius: 20px;
    margin: 0 auto !important;
    background-color: white;
    padding: 10px 30px 0 30px;
  }

  .ticketContainerPass {
    padding: 0;
    position: relative;
    margin: 0 auto;
    max-width: 1400px;
    width: 97%;
  }

  .ticketPassport {
    min-height: 21rem;
    width: 100%;
  }

  .titleTicketPassport {
    background-color: var(--primarycolor);
    color: white;
    text-align: center;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-right: 3px white dotted;
  }

  .contentTicketPassport {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background-image: url(/uploads/images/portal/pages/omnilife/pasaportes/mundito.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: var(--primary100);
    padding: 2rem 3rem;
  }

  .checkPasIcon {
    color: #fe9925;
    font-size: 4vh;
    position: absolute;
    left: 10%;
    top: 2%;
    opacity: .6;
  }

  .registeredCircle {
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #fe9925;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    margin-top: 1%;
    margin-left: 5%;
    font-size: x-small;
  }

  .registeredInfo {
    text-align: center;
  }

  .registeredTooltip {
    font-size: x-small;
    font-weight: lighter;
    visibility: hidden;
    width: 200px;
    background-color: #fff;
    color: var(--primarycolor);
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    /* Posición sobre el círculo */
    left: 150%;
    margin-left: -60px;
    /* Centra el tooltip sobre el círculo */
    opacity: 0;
    transition: opacity 0.3s;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    /* Agregamos sombra */


  }

  .registeredCircle:hover .registeredTooltip {
    visibility: visible;
    opacity: 1;
  }

  .registeredTooltip::before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0%;
    margin-left: 10px;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    /* Triángulo hacia abajo */
    transform: rotate(180deg);

  }


  .selectDateCad {
    display: none;
  }

  .resultDatePass {
    display: none;
    padding: 10%;
  }

  .btnMostrarResultado {
    display: none;
    margin-top: 3rem;
  }

  .selectDateCad .custom-row {
    margin-top: 2rem;
    padding: 5%;

  }

  .btnCloseResult {
    display: none;
  }

  .selectDateCad h2 {
    text-align: center;
  }

  .resultDatePass h2 {
    text-align: center;
  }

  #modalIframePassportVer2 {
    height: 20rem;
  }


  .showPassport {
    display: block;
  }

  .accordionTicket-content .openModalText {
    display: none !important;
  }

  .accordionTicket-content .ticketContainerPass {
    visibility: visible !important;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  .dennied-overlay.hidden {
    display: none !important;
  }

  .pending-overlay.hidden {
    display: none !important;
  }

  .titleText {
    display: table;
    transform: rotate(-90deg);
    position: relative;
    transform-origin: center;
    left: 95%;
    height: 100%;
  }

  .addSonBtn {
    margin-top: 5%;
  }

  .inputTextTicket {
    border-radius: 20px;
    background: #E5E5E5;
    border: 2px #C4C4C4 solid;
    color: #8A8A8A;
  }

  .inputTextTicketActive {
    background-color: white;
  }

  .circleTop {
    width: 50px;
    height: 50px;
    background-color: white;
    border-radius: 50%;
    clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%);
    position: absolute;
    left: -26px;
    top: 43%;
  }

  .text-centerTicket {
    white-space: nowrap;
  }

  .titleText {
    display: flow-root;
    transform: rotate(-90deg);
    position: relative;
    transform-origin: center;
    left: 30px;
    height: 100%;
    width: 31vh;
  }

  .text-centerTicket {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .circleBottom {
    width: 50px;
    height: 50px;
    background-color: white;
    border-radius: 50%;
    clip-path: polygon(0% 0%, 50% 0%, 50% 100%, 0% 100%);
    position: absolute;
    right: -26px;
    top: 43%;
  }

  .openModalText {
    cursor: pointer;
    float: right;
    padding-right: 1rem;
  }

  .uploadFileSection {
    min-width: 90%;
    background: white;
    color: #C4C4C4;
    border-radius: 20px;
    border: 2px #C4C4C4 dotted;
    z-index: 10;
    padding: 5%;
    margin: 3%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .accordionTicket-content input,
  .accordionTicket-content select {
    cursor: not-allowed;
    pointer-events: none;
  }

  .dennied-overlay {
    color: #eb2227 !important;
    font-size: 13px;
    height: 70px;
    margin-top: -22px;
    padding-top: 5%;
  }

  .dennied-overlay .col-md-4 {
    margin-left: 58%;
    margin-top: -15%;
  }

  .dennied-overlay .fa-file-times {
    font-size: 5vh;

  }

  .dennied-overlay .col-md-4 .uploadPassportEmp {
    font-size: small;
    width: 15vh;
  }

  .pending-overlay i {
    font-size: 5vh;
    color: #fe9925;
  }

  .pending-overlay {
    text-align: center;
    color: var(--primarycolor)
  }

  .pending-overlay .col-md-8 {
    font-size: small;
  }

  .imageBarCode {
    position: absolute;
    bottom: 1%;
    right: 6%;
    width: 107px;
    z-index: 1;
  }

  .approvedPassport-overlay {
    color: var(--primarycolor) !important;

  }

  .approvedPassport-overlay {
    display: none;
  }

  .approvedPassport-overlay .col-md-10 {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* Centra verticalmente el contenido */
    align-items: center;
  }

  .hidePassport {
    display: none;
  }

  .accordionTicket {
    display: flex;
    flex-direction: column;
  }

  .accordionTicket-item {
    margin-bottom: 5px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px dashed var(--primarycolor);
  }

  .accordionTicket-header {
    padding: 10px;
    cursor: pointer;
  }

  .accordionTicket-content {
    display: none;
    padding: 10px;
    text-align: center;
  }


  .loading-overlay {
    display: none;
    font-size: 4rem;
    color: var(--primarycolor);
  }

  .accordionTicketPassport {
    background-color: white;
    border-radius: 20px;
    border: 1px solid var(--neutral3);
    margin-bottom: 40px;
  }

  .accordionTicketPassport .accordionTicket-header {
    text-align: center;
    color: var(--primarycolor);
  }

  .accordionTicketIcon {
    color: var(--secondarycolor);
  }

  .showElement {
    display: block;
  }

  .colorGray {
    color: var(--neutral)666;
  }

  @keyframes fadeDownMove {
    0% {
      opacity: 1;
      transform: translateY(0%);
    }

    25% {
      opacity: 1;
      transform: translateY(100%);
    }

    100% {
      opacity: 0;
      transform: translateY(200%);
    }

  }

  .fade-out-down {
    animation: fadeDownMove 3s !important;
  }

  .accordionTicket-content .contentTicketPassport {
    text-align: initial;
  }

  .accordionTicket-content .imageBarCode {
    top: 85%;
    right: 2% !important;
  }

  .accordionTicket-content .ticketPassport {
    width: 100%;
    flex: 1;
    margin-left: 0;
  }

  .accordionTicket-content .circleBottom {
    right: -26px;
  }

  .accordionTicket-content .circleTop {
    right: 82.1%;
  }

  .accordionTicket-content .checkPasIcon {
    display: block !important;
  }

  .colorGray .tool-tip:hover .tool-tip-text {
    left: -50px !important;
  }

  .uploadPassportEmp {
    display: inline;
  }

  .uploadPassportEmpContainer {
    text-align: center;
  }

  .diclaimerPassport {
    text-align: center;
    align-items: center;
    font-size: 12px;
  }

  .disclaimerTicket {
    font-size: 11px;
    font-style: italic;
    display: none;
  }

  .accordionTicket-content .disclaimerTicket {
    display: block !important;
    padding-top: 3%;
  }

  .registerTravelBtn {
    margin-top: 5%;
  }

  .accordionTicket-content .diclaimerPassportContainer {
    display: none;
  }

  #modalRemoveCompanion {
    height: 20vh;
  }

  .removeTicketBtn i {
    position: absolute;
    right: 2%;
    top: 3%;
    font-size: 2.5vh;
    color: var(--neutral);
  }

  .accordionTicket-content.active {
    display: block;
  }

  /************************************
**      donation banner            **
*************************************/
  .donation {
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(99, 39, 144, 0.8);
    color: #fff;
    padding: 12px 28px;
    text-align: center;
  }

  /* Firefox */
  _:-moz-any(x),
  .donation {
    background-color: rgba(99, 39, 144, 1);
  }

  /* iExplorer */
  _:-ms-lang(x),
  .donation {
    background-color: rgba(99, 39, 144, 1);
  }

  /*******************************************
**      CALCULADORA HISTORICA            **
*******************************************/
  .calculadora-tabs .tabs__pane.active {
    margin: 0 !important;
  }

  .calculadora-tabs .ezone__headline.tabs__item {
    margin: 0;
  }

  .calculadora-tabs section#reports-filter {
    margin: 0 !important;
    padding: 0 !important;
  }

  .calculadora-tabs .tabs__pane:hover,
  .calculadora-tabs .tabs__pane {
    border: none;
  }

  .building-level-info .custom-row {
    border-top: none;
    background: #ffffffe3;
    border-radius: 10px;
    margin: 3px 0;
  }

  .building-level-info .custom-row:nth-child(even) {
    background: #0000000f;
  }

  .building-level-info .bld-lvl i {
    color: var(--notifybell);
    vertical-align: middle;
    padding: 2px;
  }

  .building-level-info .bld-lvl-payment img {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
  }

  .custom-row.bld-lvl .col-6 {
    padding: 10px 5px;
  }

  #calculadora .owl-carousel .owl-item .line-header:hover img {
    transform: scale(1.5) translate(5px, 0px);
    transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    /* easeOutQuart */
  }

  #calculadora .owl-carousel .owl-item .line-header img {
    transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    /* easeOutQuart */
  }

  .line-container {
    border: 2px solid;
    border-radius: 20px;
    padding: 10px;
    margin: 20px 0;
  }

  .line-container .line-header img {
    max-width: 25px;
    vertical-align: middle;
    max-height: 25px;
    margin: 3px;
  }

  .line-container .line-header {
    display: inline-flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: -31px;
    background: var(--primarycolor);
    border: 3px solid #fff;
    justify-content: center;
    transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    margin-bottom: 10px;
  }

  .line-container:hover .line-header {
    transform: scale(1.2);
    box-shadow: 0 3px 14px -5px black;
    transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
  }

  .line-container ul.inner-levels {
    border-left: 1px dashed;
    margin: 3px 24px;
    padding: 0px 6px;
  }

  #calculadora .owl-prev:before,
  .owl-next:after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    margin: 5px;
    font-size: 2rem;
    vertical-align: middle;
    color: var(--secondarycolor);
  }

  #calculadora .owl-prev:before {
    content: "\f137";
  }

  #calculadora .owl-next:after {
    content: "\f138";
  }

  #calculadora .owl-nav {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
  }

  #calculadora .owl-dots {
    display: flex;
    height: 30px;
    justify-content: center;
  }

  #calculadora .owl-dot span {
    background: var(--secondarycolor);
    padding: 10px;
    display: inline-block;
    border-radius: 50px;
    margin: 0px 5px;
    vertical-align: middle;
    transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    /* easeInOutCirc */
  }

  #calculadora .owl-dot.active span {
    padding: 10px 20px;
    opacity: .4;
    transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    /* easeInOutCirc */
  }

  .double-diamond .line-header {
    background: rgb(121, 9, 48);
    background: linear-gradient(0deg, rgba(121, 9, 48, 1) 50%, rgb(180 79 112) 50%, rgb(149 6 53) 100%);
  }

  .line-header {
    padding: 2px 10px;
    border-radius: 20px;
  }

  .line-header h3 {
    margin: 0;
    font-family: 'Noto Sans';
    color: #fff;
    font-weight: 500;
  }

  .diamond .line-header {
    background: #0d6e8c;
    background: linear-gradient(0deg, rgb(13 110 140) 50%, rgb(75 147 170) 50%, rgb(13 110 140) 100%);
  }

  .gold .line-header {
    background: #e09904;
    background: linear-gradient(0deg, rgb(224 153 4) 50%, rgb(238 200 122) 50%, rgb(224 153 4) 100%);
  }

  .silver .line-header {
    background: gray;
    background: linear-gradient(0deg, rgb(126 127 129) 50%, rgb(161 170 189) 50%, rgb(102 102 102) 100%);
  }

  .bronce .line-header {
    background: linear-gradient(0deg, rgb(151 74 36) 50%, rgb(179 126 99) 50%, rgb(151 74 36) 100%);
  }

  .line-container.bronce {
    border: 2px solid #854323;
    background-color: #f7efeb;
  }

  .d-flex.flex-column.flex-center.line-container.gold {
    border: 2px solid #e19a07;
    background-color: #fff9ed;
  }

  .d-flex.flex-column.flex-center.line-container.diamond {
    border: 2px solid #2690b1;
    background-color: #e5f8fe;
  }

  .d-flex.flex-column.flex-center.line-container.double-diamond {
    border: 2px solid #c62e63;
    background-color: #f6edf0;
  }

  .d-flex.flex-column.flex-center.line-container.silver {
    border: 2px solid gray;
    background-color: #e3ecee;
  }

  .main-line {
    margin-bottom: 90px;
  }

  .main-line:after {
    content: '';
    width: 2px;
    border-right: 2px solid gray;
    bottom: -40px;
    position: relative;
    left: 50%;
    padding: 50px 0;
    background: red;
  }

  #calculadora .owl-item.active:before {
    content: '';
    width: 100%;
    height: 31px;
    position: relative;
    display: block;
    border: 2px solid gray;
    border-bottom: none;
    border-radius: 30px 30px 0px 0px;
    margin: 0 auto;
    transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    /* easeInOutCirc */
  }

  #calculadora .owl-item::before {
    width: 0;
    transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    /* easeInOutCirc */
    height: 31px;
    position: relative;
    display: block;
    border: 2px solid gray;
    border-bottom: none;
    border-radius: 30px 30px 0px 0px;
    margin: 0 auto;
    transition: all 500ms;
    content: '';
  }

  .line-container {
    color: var(--secondarycolor);
  }

  .line-container ul.noli {
    padding: 5px;
    border-bottom: 1px dashed var(--notifybell);
  }

  .line-container b {
    color: var(--primarycolor);
  }

  .line-container.inactiva {
    opacity: .5;
    color: gray;
    border-color: gray;
    background-color: white;
  }

  .line-container .tool-tip {
    margin-top: -20px;
  }

  .line-container .tool-tip-text {
    padding: 0 5px;
    font-family: 'Noto Sans';
  }

  .line-container .tool-tip-text p {
    margin: 5px;
    font-size: 13px;
  }

  .line-container.inactiva .tool-tip-text p {
    color: red;
  }

  .tool-tip.tool-tip-levelsx {
    margin-top: 10px;
    margin-bottom: -10px;
  }

  #historical-calculator .owl-item.active {
    padding-top: 1rem;
  }

  .tool-tip.tool-tip-levelsx .tool-tip-text {
    min-width: 240px;
    left: -40px;
  }

  .tool-tip.tool-tip-levelsx .tool-tip-text p {
    font-size: 12px !important;
  }

  #brasil-confirmation .buttons-container {
    padding: 10px 0px 20px 0;
    border: none;
    margin: 0;
  }

  /************************************
**    SALDO A FAVOR                **
*************************************/
  .switchCheck {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }

  .switchCheck input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .sliderCheck {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }

  .sliderCheck:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }

  input:checked+.sliderCheck {
    background-color: var(--secondarycolor);

  }

  input:focus+.sliderCheck {
    box-shadow: 0 0 1px #2196F3;
  }

  input:checked+.sliderCheck:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }

  .sliderCheck.round {
    border-radius: 34px;
  }

  .sliderCheck.round:before {
    border-radius: 50%;
  }

  .d-flexCheck {
    display: flex;
  }

  .flex-align-feCheck {
    justify-content: flex-end;
  }

  .switchCheck {
    margin-left: auto;
  }

  .viveExtravaganasContainer .owl-prev:before,
  .owl-next:after {
    content: '' !important;
    margin: 0% !important;
  }

  .viveExtravaganasContainer .owl-item::before {
    display: none !important;
  }

  .cresiendo .buttons-container {
    flex-wrap: wrap;
  }

  .cresiendo h4.panel-title {
    margin: 0;
  }

  p.principal__text {
    font-family: 'Roboto';
    font-weight: 400;
  }

  .review-content {
    padding-bottom: 1rem;
    border-bottom: 1px dashed #e7e6e7;
  }

  #products-complementary .product.slider__item {
    padding-top: 0px;
    margin: 0 !important;
  }

  #products-complementary a.product__link {
    background-color: #d3ccdf21;
    border-radius: 10px;
  }

  #products-complementary h2.complementary-title {
    margin: 0;
    color: var(--primarycolor);
  }

  #products-complementary .form-group.form-checkbox.transfer {
    position: absolute;
    right: 10%;
    top: 10%;
    transform: scale(1.4);
    display: inline-block;
    width: 30px;
  }

  ul.m-details__pt-int-pe-inn-lvs {
    color: var(--secondarycolor);
    margin: 0px 0px 0px 5px;
    border-left: 1px dashed;
    padding: 3px 5px;
    font-size: 13px !important;
  }

  ul.m-details__pt-int-pe-inn-lvs b {
    color: #545454;
    font-size: 13px !important;
  }

  .owl-carousel .owl-video-tn {
    min-height: 424px;
  }

  .gc-icon.gc-icon-enlarge,
  .gc-icon.gc-icon-compress {
    display: none !important;
  }

  .review .item img {
    max-width: 310px;
  }

  .ranking-stars .meter.red.mt-half {
    min-width: 60%;
    margin: 3px 10px;
  }

  .ranking-stars .tool-tip-text {
    min-width: 300px;
  }

  .ranking-stars li.d-flex span {
    min-width: 60px;
  }

  .ranking-stars .tool-tip-text.primarycolor {
    bottom: 100%;
  }

  #faq .panel-heading {
    background: white !important;
  }

  #faq h4.panel-title {
    margin: 10px 0 !important
  }

  #divCheckSendBill span.radio-label {
    font-size: 1rem;
  }

  /************************************
**     gira AV KV 2024        **
*************************************/
  .giraAVKV2024 {
    background-image: url("/uploads/images/portal/pages/omnilife/gira_avkv/fondoAdnGira.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .giraAVKV2024 #videoblock-title {
    display: none;
  }

  .giraAVKV2024 .event_v2 {
    background-color: #7D46F4;
    border: 2px solid;
  }

  .giraAVKV2024 .d-flex.flex-wrap-w.m-0.ux-card.tac.whitebg {
    border: 2px solid #7D46F4;

  }

  .giraAVKV2024 .ux-card {
    align-items: center;
    justify-content: center;
    backdrop-filter: brightness(0.5);
  }

  .giraAVKV2024 .col-md-6.col-xs-12.wow.fadeInLeft.flex-center {
    order: 2;
    padding: 5%;
  }

  .giraAVKV2024 .form-radio .radio-label {
    color: #7D46F4 !important;
  }

  .giraAVKV2024 .salon-morado {
    background: none;
  }

  .giraAVKV2024 .deposit__width.border-r.mr-auto.ml-auto.purple {
    background: none;
    background-color: #7D46F4;
    border: 2px solid;
    padding-left: 10vh;
    padding-right: 10vh;
  }

  @media (max-width: 768px) {
    .giraAVKV2024 .deposit__width.border-r.mr-auto.ml-auto.purple {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }

    #detalle_fechas:first-child .event-info {
      display: none;
    }

    .giraAVKV2024 .event-type-container {
      display: contents;
    }

  }

  .giraAVKV2024 .form-radio input[type="radio"]:checked+.radio-fake {
    background-color: #66999b;
  }

  .giraAVKV2024 .button {
    background-color: #66999b;

  }

  .giraAVKV2024 #contenedor_final_repetidor_titulos .form-radio:not(:first-of-type) {
    display: inline-block;
  }

  .giraAVKV2024 .radio-fake {
    display: inline-block;
  }

  .giraAVKV2024 [data-ordenamiento=""] .event-info:not(:first-child) {
    display: none;
  }

  .giraAVKV2024 [data-ordenamiento=""] .event-info:first-child {
    border-right: 0px;
    max-width: 10000px;
    width: 100%;
  }

  .giraAVKV2024 [data-ordenamiento=""] .event-info:first-child .fal {
    display: none;
  }

  /* cambios para mostrar datos de rally en zafari */
  @media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) {
    .rally2024::before {
      background-image: none;
    }

    .rally2024 {
      background-repeat: no-repeat;
      background-size: cover;
    }

  }

  /* ************  FIX REDISEÑO (material design emulado) *************** */
  body {
    width: 100%;
    min-height: 100%;
    margin: 0;
    background-color: #fff;
    font-family: 'Noto Sans', sans-serif !important;
    font-size: 16px;
    line-height: 20px;
  }


  .h1,
  .h1 {
    font-family: "Montserrat", sans-serif;
    font-size: 48px;
    line-height: normal;
  }

  h2,
  .h2 {
    font-family: 'Noto Sans', sans-serif;
    font-size: 34px;
    line-height: normal;
  }

  h3,
  .h3 {
    font-family: 'Noto Sans', sans-serif;
    font-size: 30px;
    line-height: normal;
  }

  h4,
  .h4 {
    font-family: 'Noto Sans', sans-serif;
    font-size: 24px;
    line-height: normal;
  }

  h5,
  .h5 {
    font-family: 'Noto Sans', sans-serif;
    font-size: 20px;
    line-height: normal;
  }

  h6,
  .h6 {
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    line-height: normal;
  }

  /* inputs */
  .form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 2px solid rgba(138, 138, 138, 0.5);
    border-radius: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.8em;
    height: 36px;
    outline: none;
    position: relative;
    padding: 6px 1.125rem;
    resize: none;
    width: 100%;
    height: 3rem;
    border-radius: var(--Radius-Radius-md, 0.5rem) !important;
    border: 1px solid var(--neutrals900);
    padding-left: 6px;
  }

  .form-radio input[type="radio"]:checked+.radio-fake {
    background-color: var(--primarycolor);
  }

  .form-checkbox input[type="checkbox"]:checked+.checkbox-fake {
    background-color: var(--primarycolor);
  }

  .select::after {
    content: '';
    border-top: 6px solid currentColor;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    pointer-events: none;
    position: absolute;
    right: 1rem;
    top: 22px;
  }

  /* botones */

  .button,
  .login .button {
    width: 100%;
    font-size: 1rem;
    text-transform: inherit;
    background-color: var(--primarycolor);
    color: #fff;
    border: none;
    border-radius: 120px;
    position: relative;
    min-width: 64px;
    padding: 14px 24px;
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    font-family: 'Noto Sans', sans-serif;
    gap: 10px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    will-change: box-shadow;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    text-transform: inherit !important;
    flex: 1,
  }

  .dashboard-reports-link.d-flex button {
    flex: 1;
    margin: 4px;
    min-width: 80px;
  }

  .dashboard-reports-link.d-flex {
    flex-wrap: wrap;
  }

  .button:hover,
  .login .button:hover {
    background-color: var(--primary600);
    opacity: .9;
  }

  .button.secondary,
  .button.transparent {
    background-color: #fff;
    border: 1px solid var(--primary800);
    color: var(--primary800);
  }


  .button.secondary:hover,
  .button.transparent:hover {
    background-color: var(--primary100);
  }

  .button[disabled],
  html input[disabled] {
    cursor: default;
    background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(19, 1, 1, 0.3));
    color: light-dark(rgba(16, 16, 16, 0.3), rgba(255, 255, 255, 0.3));
    border-color: light-dark(rgba(118, 118, 118, 0.3), rgba(195, 195, 195, 0.3));
  }

  .modal h2,
  .modal h3,
  .modal h4 {
    font-family: 'Noto Sans', sans-serif !important;
  }

  a.disclaimer-contract {
    color: var(--primary600);
  }

  .highlight {
    color: var(--primary600) !important;
  }

  .modal-close.close {
    padding: 0.5rem .8rem !important;
    background: transparent !important;
    border: none !important;
  }

  a,
  .secondarycolor {
    color: var(--secondarycolor);
    color: var(--primary800);
  }

  h2.highlight {
    color: var(--primary600) !important;
    font-size: 36px;
  }

  .main-content .tabs {
    display: block
  }

  .form__kit {
    width: 49%;
  }

  /* =====================================================
      HOMOLOGACIÓN ESTILOS - REDISEÑO DEL HOME 2024
   =====================================================   
*/

  a.btn.promo_collpase.accordion-toggle {
    font-size: 16px;
    vertical-align: middle;
    font-weight: 600;
    line-height: 23px;
    text-transform: uppercase;
    color: var(--primary100);
    position: relative;
    display: block;
    padding: 10px;
  }

  .promotions-modal .panel-heading.form-label {
    border-radius: 8px;
  }

  #info_box-send_bill {
    border-radius: 10px;
    margin: 0;
    box-shadow: none;
    border: 1px solid var(--neutral2);
  }

  section#info_box-send_bill img {
    display: none;
  }

  .cart.fullsteps #step4 h3 {
    margin: 2rem;
    font-size: 24px;
    font-weight: bold;
  }

  #modal-first-register h2 {
    font-size: 24px;
    font-weight: 600;
  }

  #kits {
    margin-bottom: 120px;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 40px !important;
  }

  .main__kit__slider {
    display: none;
  }

  .form__kit {
    display: flex;
    position: relative;
    margin-bottom: 120px;
  }

  .tiny_img__kit {
    display: flex;
    justify-content: center;
    width: 100% !important;
    gap: 8px;
    margin: 10px 0 0px -20px;
    align-items: center !important;
    bottom: -80px !important;
  }

  .card__img.kit {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 100%;
  }

  .tiny_img__kit img {
    cursor: pointer;
    width: 14%;
    transition: transform 0.5s ease;
  }

  .tiny_img__kit img:hover,
  .tiny_img__kit i:hover {
    transition: transform 0.5s ease;
    transform: scale(1.3);
  }


  .card__img.kit img {
    transition: transform 0.5s ease;
  }

  .tiny-img-selected {
    border: 2px solid var(--primary600) !important;
    border-radius: 8px;
    box-shadow: 0 3px 10px -5px;
  }

  .is-checked .card__img.kit:before {
    width: 90%;
    height: 90%;
    background: var(--primary100);
    top: 0;
    left: 0;
    transition: var(--transition);
  }

  figure.card__img.kit:before {
    content: '';
    width: 0%;
    height: 0%;
    background: var(--primary700);
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    border-radius: 100%;
    transition: var(--transition);
  }

  .card__content.kit.config-slider__kit {
    border-radius: 10px;
  }

  div#container-upsell {
    box-shadow: none;
    border: 1px solid var(--neutral2);
    border-radius: 10px;
  }

  .cart__main-title {
    margin: 0;
    font-size: 24px !important;
    font-weight: 600;
    color: var(--primarycolor);
    font-family: 'Noto Sans', sans-serif !important;
    line-height: 32px;
  }

  .card__content.kit.config-slider__kit:hover {
    background: var(--primary100);
    color: var(--primary800);
  }

  section#info_box-send_bill div:first-child p {
    color: var(--neutral);
    font-size: 0.8rem;
    margin: 7px 0;
  }

  #banks .card__content {
    border-radius: 8px;
    background: #fff;
    margin: 4px 0;
  }

  #banks .card__content:hover {
    border: 1px solid var(--primary600);
  }

  #banks .card__content:hover span.radio-label {
    color: var(--primary800);
  }

  .form-radio.card input[type="radio"]:checked~.card__content-wrap .card__content {
    border: 1px solid var(--primary600);
  }

  .form-radio .card__content {
    border-radius: 8px;
    margin: 4px;
  }

  #shipping_companies .form-radio .card__content-wrap:before {
    border: none;
  }

  #info_send_correo h3 {
    font-size: 18px;
    margin: 1rem;
    padding: 2rem;
    border: 1px solid var(--neutral2);
    border-radius: 1rem;
  }

  #info_send_correo a {
    text-decoration: underline;
    font-weight: 600;
  }

  div#info_methods.ux-card {
    border: 1px solid var(--neutral2);
    padding: 2rem;
    box-shadow: none;
    border-radius: 1rem;
  }

  #register-contract-code h4.modal__login--title.primarycolor {
    font-size: 17px;
    margin: 10px 0;
  }

  .contract .modal__inner.ps-container.ps {
    display: flex;
    flex-direction: column;
    gap: 18px;
    text-align: center;
  }

  label.card__content-wrap.container-kit {
    padding: 4px;
    display: flex;
  }

  /*
    HOMOLOGACION ESTILOS CEDIS - REDISEÑO
  */
  ul#list-cedis li.ezone__grid-item.business__grid--item {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: var(--Radius-Radius-xl, 16px);
    border: var(--none, 1px) solid var(--neutrals300);
    background: rgba(255, 255, 255, 0.80);
    align-self: stretch;
  }

  ul#list-cedis li.ezone__grid-item.business__grid--item figure {
    width: 100% !important;
    margin: 0 !important;
  }

  ul#list-cedis li.ezone__grid-item.business__grid--item figure img {
    width: 100% !important;
    border-radius: 16px;
  }

  ul#list-cedis .ezone__grid-item {
    padding: 0 !important;
    line-height: 15px;
  }

  .ezone__panel.cedis {
    width: auto !important;
    padding: 0px !important;
    background-color: #fff !important;
    margin-top: 7rem;
  }

  /*
    HOMOLOGACION DE ESTILOS CENTRO DE NEGOCIOS
  */

  .bussines-centers-buttons .button {
    display: inline-flex;
    padding: 16px var(--Spacing-6, 24px);
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: var(--Radius-Radius-circle, 100px);
  }

  .bussines-centers-buttons .button:first-child {
    border: 1px solid var(--primary700) !important;
    background: var(--primary700) !important;
    color: #fff !important;
  }

  .bussines-centers-buttons .button:last-child {
    border: 2px solid var(--primary800);
    background: #fff;
    color: var(--primary800) !important;
  }

  .bussines-centers-buttons .button:last-child:hover {
    background: var(--primary100);
  }

  .business-centers-catcher_data p.cursor_pointer.underline {
    color: var(--primary800) !important;
  }

  .business-center-directory #meeting-caps .fixed_meetings_container p.uppercase {
    display: flex;
    gap: 8px;
  }

  .business-centers-catcher_data .center_type p {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 8px 0px;
    background-color: var(--primary600);
  }

  .bussines-centers-container .pager .pager-list .pager__item.active {
    border-radius: 4px;
    background: var(--primary800);
  }

  .bussines-centers-container .pager .pager__list .pager__item.active a {
    color: #fff;
  }

  .bussines-centers-container .pager .pager__list .pager__item:hover {
    border-radius: 4px;
    background: var(--primary100);
  }

  .bussines-centers-container .pager .pager__list .pager__item:hover a {
    color: var(--neutral5);
  }

  .pager__ctrl.prev .pager__arrow:before {
    font-size: 20px;
    content: '\f053';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: #595858;
  }

  .pager__ctrl.next .pager__arrow:before {
    font-size: 20px;
    content: '\f054';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: #595858;
  }

  .bussines-centers-showing>.business-centers-general-information:first-child {
    text-decoration: none !important;
  }

  .bussines-centers-showing>.business-centers-general-information:first-child a {
    color: var(--primary800);
    transition: var(--transition);
    border-radius: 20px;
  }

  .bussines-centers-showing .business-centers-general-information:first-child .fa-arrow-left::before {
    content: "\f053" !important;
    font-weight: 500;
  }

  .bussines-centers-showing>.business-centers-general-information:first-child a:hover {
    transition: var(--transition);
    padding: 8px 10px;
    background-color: var(--primary600);
    border-radius: 20px;
    color: #fff !important;
  }

  /* Estilos cuando hay un antecesor .bussines-centers-container */
  .bussines-centers-container .center_container .business-centers-general-information {
    /* No aplicar los estilos o poner otros estilos específicos aquí */
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border: none;
    border-radius: 0;
  }

  /* Estilos generales cuando no hay un antecesor .bussines-centers-container */
  :not(.business-centers-container) .center_container .business-centers-general-information {
    margin-top: 32px;
    margin-bottom: 32px;
    border: 1px solid var(--neutral3);
    border-radius: 10px;
  }

  .business-centers-general-information #btnContactBC {
    justify-content: flex-start;
  }

  .business-centers-catcher_data a {
    color: var(--primary1000);
    text-decoration: underline;
  }

  .bussines-centers-container ul.pager__list .pager__item.active {
    background: var(--primary800);
    border-radius: 4px;
  }

  /*
    HOMOLOGACION DE ESTILOS EN VIVE CHIVAS
  */
  .partidosSection {
    background-color: var(--primary100);
  }

  .viveChivasContainer {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }


  .textViveChivas h1,
  .textViveChivas>p:first-child,
  .textViveChivas>*:first-child>* {
    color: var(--primary800) !important;
  }

  .partidosTitle,
  .partidosTitle>* {
    color: var(--primary800);
    font-family: "Noto Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    padding: 16px;
  }

  .containterInfoPartido h4.m-5 {
    color: var(--neutral5);
    font-family: "Noto Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
  }

  .basesBtnVC:hover {
    cursor: pointer;
  }

  .imgPartidoVC {
    padding: 0 !important;
  }

  .eoViceChivasTitle,
  .textPlayerSectionVC>* {
    color: var(--primary800);
    font-style: normal;
    font-weight: 700;
    line-height: 40px !important;
    font-size: 34px !important;
  }

  .experienciaNF .eoViceChivasTitle,
  .experienciaNF .textPlayerSectionVC>* {
    color: #fff;
    background: var(--primary800);
    padding: 0 16px;
    width: fit-content;
    display: block;
    margin: 0 auto;
  }

  .matchsNPhotosSections {
    margin: 0 7%;
    margin-top: 48px;
  }

  button.button.small.basesBtnVC {
    background-color: var(--primary800);
    color: #fff;
    border: 0;
  }

  .sliderCVContainer {
    font-size: 3vh;
    color: var(--primary600);
    width: 38px;
    height: 38px;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
  }

  .rightCVContariner {
    right: 5dvw;
    z-index: 1;
  }

  .leftCVContariner {
    left: 5dvw;
    z-index: 1;
  }

  .btnSliderViveChivas {
    height: 100%;
    width: 100%;
    background-color: #fff;
    border: 2px solid;
    cursor: pointer;
    transition: opacity 0.3s ease;
    border-radius: 50%;
  }

  .btnCtrPlayerSlider {
    color: var(--primary600);
    font-size: 24px;
  }

  #scrollButton.btnCtrPlayerSlider,
  #scrollBackButton.btnCtrPlayerSlider {
    width: 38px;
    height: 38px;
    background: #fff;
    border: 2px solid var(--primary600);
    border-radius: 50%;
    font-size: 3vh;
  }

  #scrollButton.btnCtrPlayerSlider:before,
  #scrollBackButton.btnCtrPlayerSlider:before {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
  }

  #scrollButton.btnCtrPlayerSlider {
    right: 8dvw;
  }

  #scrollBackButton.btnCtrPlayerSlider {
    left: 8dvw;
  }

  .custom-row.sectionImageEoCV {
    position: relative;
  }

  /*
    HOMOLOGACION DE ESTILOS (PLANTILLA MAESTRA)
  */

  .mainslider__title .highlight {
    color: var(--primary600) !important;
    font-weight: 700px;
    font-family: "Montserrat", sans-serif;
  }

  .wrapper.full-size-mobile {
    padding-top: 1.5rem;
  }

  .history--container .history--description h1.history--title {
    color: var(--primary900);
    font-family: "Noto Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
  }

  .master-template {
    background-color: #fff !important;
    display: flex;
    flex-direction: column;
    gap: 48px;
  }

  .master-template .cases__about,
  .cases__testimonial {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  button.cases__open.testimonial__readmore.button.small {
    margin-top: 16px;
  }

  .master-template .testimonials.slider .slider__wrap .slider__item.active .testimonial {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
  }

  .master-template .testimonials.slider .testimonials__head .testimonials__title {
    font-weight: 700;
    line-height: 64px;
  }

  .testimonials .slider__ctrl.next:before {
    font-size: 20px;
    content: '\f054';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: #595858;
  }

  .testimonials .slider__ctrl.prev:before {
    font-size: 20px;
    content: '\f053';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: #595858;
  }

  .bottom-banner .bottom-banner__content>*:not(button, a, p):first-child {
    background-color: var(--primary600);
    padding: 0 16px;
  }

  .bottom-banner .bottom-banner__content>*:not(:first-child) {
    color: white;
  }

  .master-template .bottom-banner__content h2 {
    color: #fff;
    font-size: 34px 'Noto Sans', sans-serif !important;
    margin: 0;
  }

  .bottom-banner .bottom-banner__content>*:not(button, a, p):nth-child(2) {
    color: #fff !important
  }

  .bottom-banner .bottom-banner__content {
    display: flex !important;
    gap: 4px;
    flex-direction: column;
    align-items: self-end;
    width: fit-content;
    right: 0;
  }

  .wrapper.bottom-banner__content {
    width: 95%;
  }


  .front-banners .front-banner__description {
    margin: 0;
    text-align: left;
    max-width: none !important;
    border-radius: 0px 0px 16px 16px;
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    backdrop-filter: saturate(180%) blur(10px);
    background-color: color-mix(in srgb, var(--primary600), transparent 25%);
    transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
  }

  .front-banners .front-banner:hover .front-banner__description {
    opacity: 1;
    transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
  }

  .front-banners .front-banner .front-banner_img img {
    border-radius: 16px 16px 0px 0px !important;
    width: 100%;
  }

  .front-banners .front-banner__description>* {
    color: #fff !important;
  }

  .front-banners .wrapper.body-content {
    gap: 32px;
  }

  @media (max-width: 768px) {
    .front-banner {
      margin-top: 16px;
      margin-bottom: 0px !important;
      padding: 0 16px;
    }

    .front-banners .wrapper.body-content {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    .bottom-banner__content h2 {
      width: 100% !important;
      margin: 0 !important;
    }
  }

  .history--description p {
    color: var(--neutral5);
  }

  a.mastertemplate_ {
    color: var(--primary800) !important;
    text-decoration: underline;
  }

  .master-template li.ezone__grid-item a p {
    color: var(--neutral5);
  }

  .master-template li.brand__item.slider__item h3 {
    padding: 0 16px;
  }

  .master-template li.brand__item.slider__item {
    border: 1px solid var(--neutral2);
    border-radius: 12px;
  }

  .brands--container .brand__item figure {
    max-height: 90px;
    overflow: hidden;
    border-radius: 12px;
    height: 100%;
  }

  .brands--container .brand__item img {
    width: 100%;
    object-fit: cover;
    min-height: 90px;
    height: 100%;
  }

  .brands--container .brand__item.slider__item p {
    color: var(--neutral5);
    padding: 4px 16px;
  }

  .brands--container>h2:first-child {
    color: var(--primary1000);
    font-family: "Noto Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    padding-bottom: 15px;
  }


  .master-template #testimonios {
    margin-top: 0;
    border-radius: var(--Radius-Radius-xl, 16px);
    background: linear-gradient(180deg, #F7F6F6 0%, #FFF 100%);
  }

  .master-template #testimonios .business__main-title .business__title {
    color: var(--primary600);
    font-family: "Montserrat", sans-serif;
    font-size: 34px;
    font-weight: bold;
  }

  .cases__about,
  .cases__testimonial,
  .cases__item {
    padding: 2rem 1rem;
    background-color: transparent !important;
  }

  .master-template #testimonios .business__main-inner {
    padding: 2rem !important;
  }

  .business__main-title {
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
  }

  .brands--container h2::after,
  .tools--grid__container h2::after {
    background: var(--primary900);
    width: 4rem;
  }

  .bottom-banner__content button.button.small:hover {
    background-color: var(--primary100);
    opacity: 1;
  }

  .bottom-banner__content button.button.small {
    background-color: #fff;
    border: 1px solid var(--primary800);
    color: var(--primary800);
  }

  /*
    HOMOLOGACION DE ESTILOS EN RETO 90
  */
  .r90-template {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }

  .slider.mainslider .slider__ctrl,
  .slider.mainslider .slider__bullets {
    display: none !important;
  }

  .r90-template p a {
    color: var(--primary800);
    text-decoration: underline;
    cursor: pointer;
  }

  .r90-template .business__main-inner .products-desc__title:after {
    content: '';
    display: block;
    height: 1px;
    margin: 10px auto 0;
    width: 90px;
    margin-left: 0;
  }

  .r90-template section.ezone__section.tabs {
    border-radius: 0;
    overflow-x: visible;
  }

  .business__main-inner {
    padding: 0 !important;
  }

  .testimonials-r90 .testimonials__head .products-desc__title.purple {
    font-family: "Noto Sans" !important;
    font-size: 32px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 40px !important;
  }

  .testimonials-r90 .testimonials__head p {
    color: var(--Neutral-Gris04, #686868);
    font-family: "Noto Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
  }

  div#blog-r90.wrapper {
    width: 100%;
    border-radius: var(--Radius-Radius-xl, 16px);
    background: linear-gradient(180deg, #F7F6F6 0%, #FFF 100%);
  }

  .cases__testimonial {
    background: #fff !important;
  }

  #blog-r90 .business__main-inner {
    padding: 2rem !important;
  }

  #blog-r90 .products-desc__title {
    color: var(--primary600);
    font-family: "Montserrat", sans-serif !important;
    font-size: 34px !important;
    font-weight: bold !important;
  }

  #blog-r90 blockquote.testimonial__frase p,
  .master-template #testimonios blockquote.testimonial__frase {
    color: var(--primary800);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: normal;
    display: contents;
  }

  #imc-calculator a.button.ico-button {
    background: #fff;
    color: var(--primary800);
    border: 2px solid var(--primary800) !important;
  }

  #blog-r90 blockquote:before,
  #blog-r90 blockquote:after,
  .master-template #testimonios blockquote:before,
  .master-template #testimonios blockquote:after,
  .testimonials.slider blockquote:after,
  .testimonials.slider blockquote:before {
    content: "" !important;
  }



  .testimonials .slider__bullet.active {
    background-color: var(--primary800);
    width: 32px;
    border-radius: 30px;
  }

  .testimonials .slider__bullet {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 1rem;
    background-color: var(--primary100);
    border-radius: 50%;
    border: none;
    transition: all .5s cubic-bezier(0.680, -0.550, 0.265, 1.550) !important;
  }

  .testimonials.slider .slider__item:not(.active),
  .slider.mainslider .slider__item:not(.active) {
    opacity: 0;
  }

  .r90-template .testimonials .slider__ctrl {
    position: absolute;
    top: 40%;
    z-index: 22;
    width: 50px;
    height: 50px;
    border: 2px solid var(--secondarycolor);
    border-radius: 50%;
    color: var(--secondarycolor);
    -webkit-transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -ms-transition: all 0.17s ease-in-out;
    transition: all 0.17s ease-in-out;
    background: #fff;
  }

  .imc-calculator-container b {
    color: var(--primary800);
  }

  #imc-calculator a.button.ico-button {
    background: #fff;
    color: var(--primary800);
    border: 2px solid var(--primary800) !important;
    padding: 12px;
    display: flex;
    /* flex-direction: column; */
  }

  .imc-form input.button {
    background: #fff;
    color: var(--primary800);
    border: 1px solid;
  }

  .imc-form input.button:hover,
  #imc-calculator a.button.ico-button:hover {
    background: var(--primary100);
  }

  .r90-template .testimonials .slider__ctrl.prev {
    left: 27% !important;
  }

  .r90-template .testimonials .slider__ctrl.next {
    right: 45px !important;
    left: calc(92% + 1rem) !important;
  }

  /* =====================================================
      HOMOLOGACIÓN ESTILOS - Zona de empresarios
   =====================================================*/

  section.ezone__section.tabs {
    flex-direction: column;
  }

  #unique_block .tabs__pane.active {
    display: block;
    margin: 1rem 0;
    box-shadow: none;
    padding: 10px;
    border-radius: 0 0 20px 20px;
    border: 1px solid var(--neutral3);
  }

  .dashboard_diploma.underline.uppercase.primarycolor.cursor_pointer.font-weight-normal {
    font-size: 1rem;
    padding: 20px 0;
  }

  section#reactivation_section {
    border-radius: 8px;
    box-shadow: 0px 4px 8px 3px #92720029, 0px 1px 3px 0px rgba(0, 0, 0, 0.30);
    padding: 4px 8px 4px 16px;
    background: var(--warning100) !important;
    color: #927200 !important;
  }

  .welcome-dashboard h3 {
    font-family: "Noto Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    color: var(--primary800);
  }

  .d-flex.flex-wrap-w.p-half.fast-links-container {
    gap: 8px;
  }

  .dashboard2 .fast-links {
    margin: 0 auto !important;
    width: 100%;
    background-color: #fff;
    border-radius: 0 0 20px 20px;
  }

  .dashboard2 .fast-link {
    margin-top: 1rem;
    margin-right: 10px;
    flex: 1;
  }

  .dashboard-gains .audio__file {
    background-color: var(--primary100);
    box-shadow: none;
  }

  .ezone__section.tabs {
    flex-direction: column;
  }

  #myCodistribuitor h2 {
    font-size: 19px;
    font-weight: 600;
    padding: 0;
    margin: 0;
  }

  div#info_send_correo h4 {
    font-size: 16px;
    line-height: 22px;
  }

  #myCodistribuitor label.form-label {
    color: var(--primarycolor);
    font-size: 1rem;
  }

  h2.modal__login--title {
    font-size: 28px;
    font-weight: 600;
  }

  .auth-code-container.active h2 {
    font-size: 16px;
  }

  section#section-languages {
    box-shadow: none !important;
    border: 1px solid var(--neutral3);
  }

  .ezone__section.d-flex.flex-wrap-w.flex-md-nowrap.flex-align-c.mt-1.font-weight-bold.flex-justify-c.border-r {
    box-shadow: none !important;
    border: 1px solid var(--neutral3);
  }

  #ezone__calendar #error-container h2 {
    font-size: 18px;
    font-family: 'Noto Sans', sans-serif !important;
    background: var(--error1);
    padding: 1rem 2rem;
    margin: 1rem 0;
    border-radius: 10px;
    color: var(--error4);
    box-shadow: 0 2px 8px -3px var(--error);
  }

  input[type="checkbox"] {
    accent-color: var(--primary800);
  }

  a.ZE_Cresiendo_Nivel_Basico.button.small.new-address,
  a.ZE_Cresiendo_Nivel_Intermedio.button.small.new-address,
  a.ZE_Desarrolla_tu_Negocio.button.small.new-address.collapsed {
    background: #fff;
    border: 1px solid var(--primary800);
    color: var(--primary800);
  }

  .tools__area.switcher-zone.active .tools__inner {
    width: 100%;
    display: inline-flex;
    gap: 8px;
    justify-content: flex-start;
  }

  .viajesContainer h2 {
    margin: 0;
    font-size: 24px !important;
    font-weight: 600;
    color: var(--primarycolor);
    font-family: 'Noto Sans', sans-serif !important;
    line-height: 32px;
    margin-top: 2rem;
  }

  h1.products-background-header {
    font-family: "Noto Sans", sans-serif !important;
    font-size: 24px !important;
    line-height: 32px !important;
  }

  h2.ezone__profile-name {
    font-family: 'Noto Sans', sans-serif !important;
    font-size: 16px !important;
    line-height: 20px;
    font-weight: 600;
  }

  i.fas.fa-sort-down.secondarycolor.fa-2x.dashboard-mobile-icon.rotated.chosen.rotate:before {
    content: "\f00d";
    font-weight: 300;
    font-size: 22px;
    padding-top: 16px;
    display: inline-block;
  }

  .ezone__details .section-pointer.color-white.tac.pos-fix span {
    font-weight: 600;
  }

  .reports .table-bordered td {
    font-size: 12px !important;
  }


  /*
    HOMOLOGACION CONTACTO CREO 
  */
  .contact--description a {
    color: var(--primary800);
    text-decoration: underline;
    cursor: pointer;
  }

  .products-maintitle b {
    background-color: var(--primary600);
    color: #fff;
    padding: 0 16px;
  }

  .products-maintitle strong,
  .products-maintitle span {
    color: var(--primary600);
    font-weight: 700;
  }

  .history--title b {
    background-color: var(--primary600);
    color: #fff;
  }

  .history--title strong,
  .history--title span {
    color: var(--primary600);
    font-weight: 700;
  }

  /*
    HOMOLOGACION DE ESTILOS EN PLANTILLA OMNINEGOCIO
  */
  .myomnibusiness-header {
    background-color: var(--primary100);
    margin-bottom: 48px;
  }

  .myomnibusiness-header .myomnibusiness img {
    border-radius: 16px;
  }

  .myomnibusiness__about {
    width: 100%;
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    gap: 16px
  }

  .myomnibusiness__about .myomnibusiness__title {
    font-style: normal;
    font-weight: 700;
    font-family: "Montserrat";
    color: var(--primary600);
    font-size: 48px;
    line-height: 64px;
  }

  .myomnibusiness__about p.myomnibusiness__subtitle {
    color: var(--neutrals900);
    font-family: "Noto Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
  }

  .myomnibusiness__about font {
    color: #fff;
    background: var(--primary600);
    padding: 0 16px;
  }

  .myomnibusiness--steps .products-maintitle {
    font-family: "Montserrat", sans-serif;
    text-align: center;

    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    background: #fff;
    color: var(--neutrals900);
  }

  .myomnibusiness--steps .products-maintitle span {
    color: var(--primary800);
  }

  .myomnibusiness--steps .products-maintitle b {
    color: var(--primary600)
  }

  .myomnibusiness-menu.withbg.products-desc {
    background-color: transparent;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .business__main-inner.myomnibusiness--steps,
  .business__main-title.myomnibusiness-instructions {
    position: relative !important;
  }

  .business__main-inner.myomnibusiness--steps {
    justify-content: center;
  }

  .myomnibusiness-menu.withbg.products-desc .myomnibusiness__title {
    font-family: "Noto Sans", sans-serif;
    color: var(--primary800);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
  }

  .myomnibusiness-menu.withbg.products-desc .products-desc__description {
    font-weight: 500;
    font-style: normal;
    line-height: 27px;
    font-size: 18px;
    font-family: "Noto Sans", sans-serif;
    color: var(--neutral5);
  }

  .myomnibusiness.product {
    border: 0;
    background: var(--primary100) !important;
    border-radius: 16px;
  }

  @media (min-width: 1024px) {
    .myomnibusiness-menu--subtitle {
      background: var(--primary900);
      padding: 8px;
      border-radius: 8px 0px 0px 8px;
    }
  }

  @media (max-width: 1024px) {
    .product.myomnibusiness.slider__item {
      width: 100%;
      max-width: none;
    }

    .myomnibusiness-menu--subtitle {
      left: -1.2rem;
      bottom: -55px;
      border-radius: 8px 0px !important;
      width: fit-content;
    }
  }

  p.myomnibusiness--banner__description {
    background: var(--neutral1);
    margin: 0;
    border-radius: 0px 0px 16px 16px;
    color: var(--neutral5);
    padding: 2rem;
  }

  .myomnibusiness__banner {
    border-radius: 16px;
  }

  .myomnibusiness blockquote.testimonial__frase:before,
  .myomnibusiness blockquote.testimonial__frase:after {
    content: "";
  }

  .products-block {
    background-color: var(--neutral1);
    border-radius: 16px;
    margin-top: 2rem;
  }

  .bussines__item {
    gap: 16px;
  }

  .bussines__item .bussines__item-description {
    color: var(--neutral5);
  }

  /*HOMOLKOGACION ESTILOS EN PLANTILLA POLITICA DE PRIVACIDAD*/
  .history--description h3,
  .history--description h3 span {
    color: var(--neutral5) !important;
    font-family: "Noto Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    padding: 2rem 0rem;
  }

  .history--title.omnilife center {
    font-weight: bold;
  }

  /*
    HOMOLOGACION DE ESTILOS EN ERROR 404
  */
  #not-found button#search-btn {
    position: absolute;
    width: 40px;
    right: 3px;
    top: 4px;
    background-color: var(--primary800);
    border-radius: 50%;
  }

  #not-found button#search-btn img {
    transform: scale(0.5);
    filter: invert(1);
  }

  #not-found input#global-search {
    min-width: 260px;
    background: #fff;
    width: 100%;
    display: inline-block;
    padding: 10px;
    border: 1px solid var(--neutral5);
    border-radius: 30px !important
  }

  #not-found h1 {
    color: var(--primary800);
    font-size: 7em;
    line-height: 1em;
    margin: 20% 0 0 0;
  }

  #not-found h2 {
    font-size: 2em;
    /* text-shadow: 0 3px 10px white; */
    color: var(--primary900);
  }

  p.text-404 {
    margin: 20px;
    padding: 16px;
    text-align: center;
    background-color: color-mix(in srgb, var(--secondary200) 40%, transparent);
    border-radius: 8px;
    color: var(--neutral5);
  }

  #not-found .circles .circle.big {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: var(--primary100);
    position: absolute;
    z-index: -1;
    top: 200px;
    right: 0;
    animation: 10s bigmove infinite;
    -webkit-animation: 10s bigmove infinite;
  }

  #not-found .circles .circle.med {
    width: 200px;
    color: #fff;
    padding-top: 120px;
    height: 200px;
    border-radius: 50%;
    background: transparent;
    border: 30px solid var(--secondary200);
    position: absolute;
    z-index: -1;
    top: 100;
    left: 10%;
    animation: 15s medmove infinite cubic-bezier(.15, .04, .15, .15);
    -webkit-animation: 15s medmove infinite cubic-bezier(.32, .04, .15, .75);
  }

  #not-found .circles .circle.med2 {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: var(--primary600);
    position: absolute;
    z-index: -1;
    top: 0;
    right: 30%;
    animation: 8s medmove infinite cubic-bezier(.32, .04, .15, .75);
    -webkit-animation: 8s medmove infinite cubic-bezier(.32, .04, .15, .75);
  }

  #not-found .circles .circle.small {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: url(https://portal.omnilife.com/uploads/images/portal/redesign/deco-star.svg);
    position: absolute;
    z-index: -1;
    top: 80px;
    left: 50%;
    animation: 10s smallmove infinite cubic-bezier(1, .22, .71, .98);
    -webkit-animation: 10s smallmove infinite cubic-bezier(1, .22, .71, .98);
  }

  #not-found h3 {
    color: var(--neutrals1000);
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    font-size: 24px;
  }

  .main-h {
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    backdrop-filter: saturate(180%) blur(10px);
    background-color: #fff;
    border: none !important;
  }

  .d-flex.business-center-downloadable.cresiendo .share--link h2 {
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
  }

  .share--link {
    margin-top: 8px;
  }

  div#set_business_hours label {
    font-size: .9rem;
  }

  div#set_opportunity_hours label {
    font-size: .9rem;
  }

  .bc-date-meeting h3 {
    font-size: 16px;
    font-weight: 700;
    color: var(--primary800);
  }

  .distributor-info .uppercase.secondarycolor {
    color: var(--secondary200);
  }

  div#bonus-description h2 {
    margin: 0;
    font-size: 24px !important;
    font-weight: 600;
    color: var(--primarycolor);
    font-family: 'Noto Sans', sans-serif !important;
    line-height: 32px;
    margin-bottom: 16px;
  }

  ul.ezone__breadcrumbs.list-nostyle a {
    border: none;
    color: var(--primary700);
    border-radius: 120px;
    position: relative;
    background: none;
    margin: 0;
    min-width: 64px;
    padding: 14px 24px;
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
  }

  div#mycontest-content h2 {
    font-size: 16px;
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    line-height: 24px;
    color: var(--neutral);
  }

  .contest-info h5.secondarycolor {
    color: var(--primary800);
  }

  #invited-no h4.colorGray {
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0;
  }

  .first-business-center-downloadable h5,
  .second-business-center-downloadable h5 {
    font-size: 16px;
    font-weight: bold;
  }

  .business-center-calendar-select.mt-2 h3 {
    font-size: 20px;
    padding: 6px 0;
  }

  .edit_fixed_meetings .form-label {
    margin: 16px 0;
  }

  div#data_invitation h3 {
    font-size: 16px;
  }

  #chartsReport h3 {
    font-size: 24px;
    font-weight: bold;
    padding: 12px 0;
    color: var(--primary800);
  }

  .modal.edit-profile h2 {
    font-size: 18px;
    font-weight: bold
  }

  .modal.edit-profile h3 {
    font-size: 16px;
    font-weight: bold
  }

  .modal.edit-profile h4 {
    font-size: 16px;
  }
  }


  /* modal de contrato y código de ética */
  #modal-contract .modal-business-center-header {
    background-color: unset;

  }

  .btn-terms-confirm-container {
    padding: 1rem;
    display: flex;
    justify-content: center;
  }

  .btn-terms-confirm-container .disabled {
    cursor: auto;
    background-color: #ccc;
  }

  .btn-terms-confirm-container .disabled:hover {
    background-color: #ccc;
  }

  .btn-terms-confirm-container button {
    width: 17rem;
  }

  .hidden-terms {
    display: none;
  }

  .checks-terms-contract {
    cursor: pointer;
  }

  #modal-contract .icon-alert-container {
    margin: 0rem;
    font-size: 5rem;
    color: var(--secondarycolor);
    display: flex;
    justify-content: center;
  }

  #modal-contract .modal__title.highlight {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #modal-contract .info-terms-container .tac {
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #120918;
    font-size: 1.125rem;
    margin-bottom: 1rem;
    text-align: center;
    gap: 5px;
  }

  #modal-contract .contract-modal-option {
    display: grid;
    margin-bottom: 0px;
  }

  #modal-contract .contract-modal-option p {
    margin: 1rem;
    display: flex;
    justify-content: start;
    padding-left: 5rem;
  }

  #modal-contract h2.secondarycolor {
    display: flex;
    justify-content: center;
    align-items: center;
    font: 2rem;
  }

  #modal-contract .contract-modal-option .checkbox-fake {
    top: 4px;
  }

  .info-terms-container .tac {
    padding: 1rem;
  }

  #modal-contract .modal__inner {
    height: min-content !important;
  }

  .modal#modal-contract {
    height: fit-content;
  }

  #modal-contract .modal-business-center-header {
    padding: 35px 25px 12px;
  }

  #modal-contract .button.secondary.close.modal-close {
    background-color: transparent;
    color: black !important;
    border: 2px solid black;
    border-radius: 50%;
    width: 22px;
    height: 29px;
    font-size: 14px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }

  #modal-contract button.button.secondary.close.modal-close i {
    right: 6px;
  }

  #modal-contract .button.secondary.close.modal-close:hover {
    background-color: rgba(0, 0, 0, 0.1);
  }

  @media (min-width: 320px) and (max-width: 480px) {
    #modal-contract .info-terms-container .tac {
      display: block;
    }

    #modal-contract .contract-modal-option p {
      padding-left: 0px;
    }

    #modal-contract #divToPrint {
      display: flex;
    }

    #modal-contract .buttons-container {
      padding: 12px 0px;
    }

    #modal-contract .modal__head h5 {
      font-size: 1rem;
    }
  }


  /*********************************************************
  **                    EXTRAVAGANAS 2025                         **
  *********************************************************/

  .extravaganas-2025 .colorYellowXtra {
    background-color: unset;
  }

  .extravaganas-2025 .titleXtra {
    color: white;
    font-size: 30px;
    margin-bottom: 0px;
  }

  .extravaganas-2025 .textWhite {
    padding: 1rem !important;
  }

  .extravaganas-2025 .infoEventXtra {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .extravaganas-2025 .top-right-corner,
  .extravaganas-2025 .bottom-left-corner {
    display: none;
  }

  .extravaganas-2025 .logoViveExtraContainer {
    background-image: url(/uploads/images/portal/pages/omnilife/extravaganas/2025/fondos/fondo-2025.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
  }

  .extravaganas-2025 .polaroidPhotosSection {
    background-color: #2E1750;
    padding-bottom: 2rem;
  }

  .extravaganas-2025 .btnXtra {
    padding: .5rem;
  }

  .extravaganas-2025 .timerContainerXtra .event_timer {
    color: white;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 20px;
    backdrop-filter: saturate(180%) blur(10px);
  }

  .extravaganas-2025 .infoEventContainer {
    background-image: url(/uploads/images/portal/pages/omnilife/extravaganas/2025/fondos/fondo-logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40rem;
    background-color: #7F52B2;
    background-attachment: fixed;
  }

  .extravaganas-2025 .infoEventXtra a {
    text-decoration: underline;
  }

  .extravaganas-2025 .buttonsContainerInfoXtra a.button.small {
    padding: .5rem;
    margin: 1rem;
  }

  .extravaganas-2025 .selectedContry {
    box-shadow: 0 0 20px #2E1750;
  }

  .extravaganas-2025 .anchored .selectedContry {
    box-shadow: 0 0 20px #B373FF;
  }

  .strokeYellow {
    stroke: #F50D52 !important;
  }

  .extravaganas-2025 .agregar_carrito {
    color: white !important;
  }

  .extravaganas-2025 .gran_revelacion {
    padding-top: 3rem !important;
    background-color: #2E1750;
    background-position: left bottom;
    background-color: #2E1750;
    background-image: radial-gradient(circle, #B072F7 50%, transparent 50%);
    background-position-x: -19rem;
    background-position-y: 25rem;
    background-repeat: no-repeat;
    background-size: 61rem;
  }


  .boletosBlurSection .btnXtra {
    color: white;
  }

  .extravaganas-2025 .btnXtra {
    background-color: #B373FF !important;
  }

  .buttonsContainerInfoXtra.anchored {
    background-color: #2E1750;
  }

  .extravaganas-2025 .logoWhitGradient {
    background-image: none;
  }

  .extravaganas-2025 .NPImage {
    border-radius: 40px;
    background-color: rgba(0, 0, 0, .3);
  }

  .extravaganas-2025 .previewNP,
  .extravaganas-2025 .NPText {
    background: none;
  }

  .extravaganas-2025 .progress-barXtra {
    background-color: #B072F7;
  }

  .extravaganas-2025 .progress-barXtra::before {
    background-color: #E41C57 !important;
  }

  .extravaganas-2025 .gran_invitado {
    padding-top: 3rem !important;
    background-image: url(/uploads/images/portal/pages/omnilife/extravaganas/2025/fondos/fondo-2025.jpg);
    background-attachment: fixed;
  }

  .extravaganas-2025 .invitadoContainerXtra {
    background: unset;
    background-color: rgba(0, 0, 0, .2) !important;
    padding: 2rem;
    background: none;
  }

  #downloadable__images_extra img {
    height: auto;
    border-radius: 50% / 34%;
    height: 200px;
  }


  #downloadable__images_extra .downloadable-preview:nth-of-type(odd) figure img {
    border: 2px solid #E41C57 !important;
  }

  #downloadable__images_extra .downloadable-preview:nth-of-type(even) figure img {
    border: 2px solid #B373FF !important;
  }


  .extravaganas-2025 #downloadable__images_extra {
    min-height: 20rem;

  }

  .extravaganas-2025 .downloadablesSection {
    background-color: #2E1750;
    background-image: none;
  }

  .downloadablesSection::after {
    background-position: left bottom;

    background-image: radial-gradient(circle, #B072F7 50%, transparent 50%);
    background-position-x: -37rem;
    background-position-y: 25rem;
    background-repeat: no-repeat;
  }

  .extravaganas-2025 .tabsXtraSection {
    background-color: #B072F7;
    border-radius: 0px;
    margin: 0px !important;
  }

  .extravaganas-2025 .tabsXtraSection .colorYellowXtra {
    background-color: #2E1750;
    color: #F50D52;
  }

  .extravaganas-2025 .ezone__headline.tabs__item .ezone__title {
    color: #2E1750 !important;
  }

  .ezone__body .ezone__headline.tabs__item:after {
    color: #F50D52 !important;
  }

  .extravaganas-2025 .vive_experiencia_images {
    background-color: #2E1750;
    padding-top: 3rem !important;
  }

  .extravaganas-2025 .ctlScrollBtn {
    color: #F50D52 !important;
  }

  .extravaganas-2025 .headerIsuuContainer .ezone__headline.tabs__item.active .ezone__title {
    color: #E41C57 !important;
  }

  .extravaganas-2025 .headerIsuuContainer .ezone__headline.tabs__item .ezone__title {
    color: #B072F7 !important;
  }

  .extravaganas-2025 .seccion_mapa .titleXtra {
    color: #B072F7;
  }

  .extravaganas-2025 .tabsXtraSection .titleXtra {
    color: #B072F7;
  }

  .extravaganas-2025 .seccion_mapa {
    background-color: #B072F7;
  }

  .extravaganas-2025 .frame_mapa {
    border-radius: 30px;
  }

  .extravaganas-2025 .infoEventXtra a {
    color: #E8D1AD !important;
  }

  .extravaganas-2025 .evento_video {
    background-color: #2E1750;
  }

  .extravaganas-2025 .tituloDescargablesContainer {
    display: flow !important;
  }

  .extravaganas-2025 .history--description .custom-row:first-of-type {
    display: block;
  }

  .extravaganas-2025 .loadingNP {
    padding-bottom: 1rem;
  }

  @media (max-width: 768px) {
    .extravaganas-2025 .timerContainerXtra .event_container_timer {
      padding: 5px !important;
    }

    .extravaganas-2025 .infoEventCountrySection,
    .extravaganas-2025 .event_v2Xtra,
    .extravaganas-2025 .boletosBlurSection {
      margin: 5px !important;
    }

    .extravaganas-2025 .infoEventContainer {
      background-size: 20rem;
    }

    .extravaganas-2025 .ezone__body {
      padding: 0.5rem;
    }

    .extravaganas-2025 .NPImage {
      width: 100%;
    }

    .extravaganas-2025 .gran_revelacion {
      padding-top: .5rem;
    }

    .extravaganas-2025 #systems__img_event_xtra img {
      object-fit: cover;
      border-radius: 30px;
    }

    .extravaganas-2025 .ctlScrollBtn {
      top: 60%;
    }

    .extravaganas-2025 .seccion_mapa .full-size-mobile {
      padding: 1rem 0px !important;
    }

    .extravaganas-2025 .youtube-video_default {
      width: 100%;
    }

    .extravaganas-2025 .iframeYoutubeContainer {
      padding-right: 15px;
      padding-left: 15px;
    }

    .extravaganas-2025 .titlePhotosContainer {
      margin: 0px 20px;
    }

    .extravaganas-2025 .timerContainerXtra .event_timer {
      padding: 10px;
    }

    .extravaganas-2025 .anchored .barsIconMenu .hideOnOpenMenu {
      min-width: 170px;
    }

    .extravaganas-2025 .textListXtra {
      justify-content: center;
    }

    .extravaganas-2025 #systems__img_event_xtra img {
      object-fit: cover;
      border-radius: 30px;
      margin-right: 65px !important;
      height: 300px;
      width: 21rem;
      padding: 0px;
      min-width: unset;
      max-width: unset;
      border-radius: 40px;
    }

    .extravaganas-2025 .vive_experiencia_images .full-size-mobile {
      padding: 0px !important;
      padding-left: 11px;

    }

    .extravaganas-2025 #systems__img_event_xtra img:first-of-type {
      margin-left: 13px;
    }

    .extravaganas-2025 .anchored .barsIconMenu .hideOnOpenMenu {
      max-width: 13rem;
    }

    .extravaganas-2025 .ezone__body .ezone__headline.tabs__item {
      margin-top: 6rem;
    }

    .extravaganas-2025 .downloadable-container-Xtra .fa-chevron-circle-left,
    .extravaganas-2025 .downloadable-container-Xtra .fa-chevron-circle-right {
      top: 63% !important;
    }
  }

  .extravaganas-2025 .downloadable-container-Xtra .fa-chevron-circle-right,
  .extravaganas-2025 .downloadable-container-Xtra .fa-chevron-circle-left {
    color: #F50D52 !important;
  }

  .extravaganas-2025 .headerIsuuContainer .ezone__headline.tabs__item.active {
    border-color: #E41C57 !important;
  }

  .extravaganas-2025 .seccion_mapa .colorYellowXtra {
    background-color: #2E1750 !important;
    margin-bottom: 2rem;
  }

  .extravaganas-2025 .polaroidPhoto2,
  .extravaganas-2025 .polaroidPhoto {
    box-shadow: none !important;
  }

  .extravaganas-2025 .event_v2Xtra,
  .extravaganas-2025 .boletosBlurSection {
    background-color: rgba(0, 0, 0, .4) !important;
  }

  .flipped .previewNP {
    display: none;
  }


  .edit-profile__image p.avatar-file {
    margin-top: 20px;
  }

  span.profile__pay-level {
    color: var(--secondary200);
    font-weight: bold;
  }

  /*
    HOMOLOGACION RUTA MOVIL
  */
  .routes .tab-content {
    display: block !important;
    padding: 0px !important;
    padding-top: 0px !important;
  }

  .routes .route__city--name,
  .routes .route__city--date {
    font-family: "Noto Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    color: var(--primary800) !important;
    padding: 0;
  }

  .routes .routes--header .routes--header__name {
    font-family: "Noto Sans", sans-serif;
    color: var(--primary800);
    font-weight: 700;
  }

  .routes .routes--header .routes--header__description {
    color: var(--neutral5);
  }

  .routes .routes--header {
    background: transparent;
    padding: 24px;
  }

  .routes .routes__content {
    display: flex;
  }

  @media (max-width: 920px) {

    .routes .routes__map,
    .routes .routes__list {
      width: 100%;
    }
  }

  @media (max-width: 760px) {
    .routes .routes__content {
      display: grid;
    }
  }

  .button.button__route.theme--west.active,
  .button.button__route.theme--west:hover {
    background-color: var(--primary1) !important;
    color: var(--primary600);
    border: 1px solid var(--primary600);
  }

  .button.button__route.theme--south.active,
  .button.button__route.theme--south:hover {
    background: var(--secondary100);
    color: var(--secondary1000);
    border: 1px solid var(--secondary1000);
  }

  .button.button__route.theme--center.active,
  .button.button__route.theme--center:hover {
    background: var(--primary200);
    color: var(--primary1000);
    border: 1px solid var(--primary1000);
  }

  .button.button__route.theme--north.active,
  .button.button__route.theme--north:hover {
    background: var(--secondary300);
    color: var(--secondary1000);
    border: 1px solid var(--secondary1000);
  }

  .button.button__route.theme--istmo.active,
  .button.button__route.theme--istmo:hover {
    background: var(--primary300);
    color: var(--primary1000);
    border: 1px solid var(--primary1000);
  }

  .routes__list.theme--north {
    background: var(--secondary300);
  }

  .routes__list.theme--south {
    background: var(--secondary1);
  }

  .routes__list.theme--center {
    background: var(--primary200);
  }

  .routes__list.theme--west {
    background: var(--primary1);
  }

  .routes__list.theme--istmo {
    background: var(--primary300);
  }

  /*
    HOMOLOGACION DE ESTILOS INSPIRA
  */
  .tools--container {
    padding-top: 3rem;
  }

  #progressbar li {
    list-style-type: none;
    text-transform: unset !important;
    width: 24% !important;
    font-family: 'Noto Sans', sans-serif !important;
    font-weight: 500;
    font-size: 1rem !important;
    position: relative;
  }

  .icon-edit__text i {
    background: var(--primary800);
    color: #fff;
    border-radius: 100px;
    padding: 7px;
    font-size: 1.3em;
  }

  .icon-edit__text:hover i {
    background: var(--primary600);
  }

  #msform .ux-card {
    box-shadow: none !important;
    border: 2px solid #ededed;
    position: relative !important;
  }

  #msform {
    display: flex;
    flex-direction: column;
    gap: 32px
  }

  #msform .success--story a,
  .success--story__message {
    color: var(--primary800);
    text-decoration: underline;
  }

  #modalTerms div.download-terms {
    display: flex;
    justify-content: center;
  }

  #modalTerms div.download-terms .button.clean {
    color: var(--primary800);
    background-color: #fff;
  }

  #modalTerms div.download-terms .button.clean:hover {
    background-color: var(--primary100) !important;
    color: var(--primary800) !important;
    ;
  }



  .dz-button {
    background: var(--neutral1);
    border-radius: 8px;
    padding: 16px;
    border: 2px solid #ededed;
    color: var(--neutrals1000);
  }

  .icon-cross:after {
    content: "\f057";
    display: block;
    height: inherit;
    margin-left: -1px;
    position: absolute;
    font-size: 24px;
    top: 50%;
    right: 25%;
    font-family: 'Font Awesome 5 Pro';
    color: var(--primary800);
  }

  .modal .modal-business-center-header .icon-cross:after {
    color: #fff;
  }

  #modal-image .tal.p20,
  #modal-video {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  #downloaderList .text {
    padding: 10px;
    display: block;
    margin-bottom: 10px;
  }

  .full-size-mobile.ezone__container {
    padding: 0;
    max-height: 100vh;
  }

  li.nav-item_hover_master {
    min-height: 56px;
  }

  .modal__head p {
    font-weight: 400;
    padding: 0px 3rem;
  }

  #modal-contract .buttons-container {
    padding-top: 1rem;
  }

  .points-info-container {
    padding-top: 2rem;
  }

  .points-info-container .pl-half {
    padding-left: 0px !important;
  }

  .points-info-container .pl-1 p.pl-half:first-of-type {
    margin-top: 1rem !important;
    margin-bottom: 0px !important;

  }

  .points-info-container .pl-1 p.pl-half {
    padding-left: 0px !important;
  }

  .points-info-container p:nth-of-type(2) {

    margin-bottom: 0px;
  }

  .info-points-container .fa-exclamation-circle,
  .more-info-acotation .fa-exclamation-circle {
    color: var(--secondarycolor);
    margin-left: 10px;
  }

  .info-points-container {
    font-size: smaller;
  }

  .more-info-acotation {
    font-size: 11px;

  }

  .travel--stars div {
    margin: 8px 6px;
  }

  .acotation {
    font-size: small;
  }

  .contest-card.doesnt-apply {
    order: 9999;
  }

  .contest-card.doesnt-apply .meter.red.mt-half,
  .contest-card.doesnt-apply .info-points-container {
    display: none;
  }

  #mycontest-content.contest-container {
    display: inline-flex;
    justify-content: start;
  }

  .doesnt-apply .fa-star.secondarycolor {
    color: #c90e00;
  }

  .travel--stars .fa-star.secondarycolor,
  .mycontest-text .fa-star.secondarycolor {
    color: var(--primary400);
  }

  .info-points-container p:nth-of-type(n+3) {
    cursor: pointer;
  }

  /************************************
**    confirmación de Pago           **
*************************************/
  .payment-confirmation-container {
    font-size: 0.75rem;
    margin: 0px 10px;
  }

  .buttons-container-pc>div:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    width: 80%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 2rem;

  }

  .buttons-container-pc {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .buttons-container-pc button {
    padding: 1rem 1.5rem;
    font-size: 1rem;
    width: 200px;
  }

  .cart__confirm-items {
    max-width: 35rem;
    max-height: 15rem;
  }

  .info-pc-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .info-pc-container>.col-md-6:first-child {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
  }

  @media (max-width: 768px) {
    .buttons-container-pc {
      gap: 0px;
    }

    .info-pc-container>.col-md-6:first-child {
      border-right: 0px;
    }

    .buttons-container-pc>div:first-child {
      display: grid;
      width: 100%;
      gap: 0px;
    }

    .payment-confirmation-container .cart__confirm-items.mul .cart__confirm-item {
      min-width: unset;
    }

    .payment-confirmation-container .cart__confirm-items.mul .cart__confirm-item__qty {
      width: 30px;
    }
  }

  .title-pc {
    font-size: 1rem;
  }

  #myomnibusiness .tools__inner form,
  #omnidash .tools__inner form {
    flex: 1;
  }

  .accordionTicket-header.toggleAccordionTicket h3 {
    color: var(--primary700);
    font-family: "Noto Sans", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
  }

  .inputTicketPassport .select {
    width: 100%;
  }


  #myomnibusiness .tools__inner form {
    display: inline-flex;
    width: 100%;
    margin: auto;
    justify-content: center;
  }

  .empTicket,
  .coEmpTicket,
  .showPassport {
    margin-bottom: 1rem;
  }

  .accordionTicket-content.contentT0.active {
    margin-top: 20px;
  }

  div#mx_curp_link a {
    text-decoration: underline;
  }

  .modal-header button:after {
    color: #fff;
  }

  button#close-headerBar {
    display: inline-flex;
    gap: 12px;
    align-items: center;
  }

  .header-bar {
    width: 100%;
    position: sticky;
    z-index: 9999999;
    top: 0;
    padding: 8px;
  }

  .header-bar-container {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
  }


  /************************************
**   Escuela de Jóvenes          **
*************************************/

  .escuela-jovenes {
    background-image: url(/uploads/images/portal/pages/nfuerza/escuela-jovenes/background.png);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    background-position: top;
  }

  .escuela-jovenes .fa-futbol {
    display: none;
  }

  .escuela-jovenes .iconRollcontainer {
    background-image: url(/uploads/images/portal/pages/nfuerza/escuela-jovenes/isotopo_icon.png);
    background-color: transparent;
    background-size: cover;
  }

  .escuela-jovenes .basesBtnVC {
    top: -20px;
  }

  .escuela-jovenes .basesViveChivas {
    padding-top: 50px;
  }

  button#close-headerBar {
    background-color: transparent;
  }

  button#close-headerBar:hover {
     background: var(--primary300);
  }

  button#close-headerBar span {
    text-decoration: underline;
  }

  .ze-block.p-half {
    cursor: pointer;
  }

  .d-flex.flex-center.p-1 .m-0.p-0.mdl-button.link span {
    text-decoration: underline;
    cursor: pointer;
    color: var(--primarycolor);
    padding: 5px 3px;
    border-radius: 20px;
    font-weight: bold;
  }

  .d-flex.flex-center.p-1 .m-0.p-0.mdl-button.link span:hover {
    background-color: #EDE1F5;
  }

  #upsell .product.slider__item figure {
    max-width: 200px;
  }

  #upsell .product__price {
    color: var(--primary3);
    margin-right: 10px;
    font-weight: bold;
    font-size: 1rem;
  }

  .mdl-message-box.info {
    background: var(--info200);
  }

  .mdl-message-box {
    border-radius: 8px;
    background: var(--primary200);
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1), 0 1px 20px 2px rgba(0, 0, 0, 0.12);
    padding: 4px 8px 4px 16px;
  }


  /***********    CARRITO PREARMADO     ***********/

  li:has(+ li.unavailable_product_card) {
    margin-bottom: 0px !important;
    padding-top: 2.2rem;
  }

  .unavailable_product_card {
    background-color: var(--neutrals100);
    margin-top: 0px;
    padding-top: 2.3rem;
  }

  .unavailable_product_card .unavailable_product {
    top: 6px;
    left: 6px;
    background-color: var(--neutrals400);
  }

  .unavailable_product_card .cart-product__bottom,
  .unavailable_product_card .cart-product__top .cart-product__title,
  .unavailable_product_card .cart-product__top .cart-product__price {
    opacity: 0.5;
  }

  .unavailable_product_card .cart-product__img img {
    opacity: 0.5;
  }

  .unavailable_product_card .cart-product__top .bin {
    right: -6px;
    top: -30px;
  }

  .unavailable_product {
    position: absolute;
    background-color: var(--secondary100);
    top: 2px;
    left: 6px;
    border-radius: 12px 6px 12px 6px;
    padding: 2px 10px;
    font-size: 14px;
    z-index: 1;
  }

  #div_select_state,
  #div_select_documentos {
    display: flex;
    gap: 12px;
    justify-content: center;
  }

  #div_select_documentos .select::after {
    color: var(--neutrals1000);
  }

  .info-billing {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
  }

  /***********    CARRITO PREARMADO     ***********/

  /* Redesing styles*/
  figure.cart-product_img {
    width: 32px;
    margin: 0px 4px;
  }

  figure.cart-product_img {
    width: 32px;
    margin: 0px 4px;
  }

  .cart-product--qty {
    min-width: 30px;
    display: inline-block;
  }

  ul.cart-product_list li .d-flex {
    flex: 1;
  }

  ul.cart-product_list {
    gap: 0;
    margin: 0;
    padding: 4px;
    font-size: 14px;
    width: 100%;
    list-style: none;
  }

  .cart-product_bottom,
  .shared-times_container {
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    padding: 0 4px;
    align-items: center;
  }

  .resumen-confirmacion .promo-img img {
    border-radius: 5px;
  }

  .resumen-confirmacion .promo-img img {
    border-radius: 5px;
  }

  .resumen-confirmacion li.cart-product--li {
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px dashed var(--neutrals300);
    padding: 4px 8px !important;
  }

  .resumen-confirmacion li.cart-product--li {
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px dashed var(--neutrals300);
    padding: 4px 8px !important;
  }

  .resumen-confirmacion li.cart-product--li .pl-1 {
    text-align: right;
  }

  .resumen-confirmacion li.cart-product--li .pl-1 {
    text-align: right;
  }

  #unavailableProductModal .form-row {
    font-weight: normal;
  }

  .d-col {
    display: flex;
    gap: 8px;
    padding: 0px 53px;
  }

  .d-col .form-group.small {
    margin: 0px;
    flex: 1;
  }

  #upsell .form-group.numeric.item-quantity-container * {
    padding-top: 4px !important;
    overflow: visible;
  }

  .cart #upsell .form-group.numeric.item-quantity-container * {
    padding-top: 0px !important;
    overflow: visible;
  }

  .cart-product_bottom p {
    font-size: 14px;
  }

  .mdl-message-box.success {
    background: var(--success200);
  }

  .mdl-message-box.success i {
    color: var(--success1000);
  }

  #step3:has(.cart-product_list) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }

  .mdl-chip.secondary {
    background-color: var(--secondary100);
    color: var(--secondary800);
  }

  #step3 .cart-product_bottom>div {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }

  #step1:has(.d-col) .form-group.small {
    margin: 0px !important;
  }

  @media (max-width: 1300px) and (min-width: 1026px) {
    .d-col {
      padding: 0px 13px !important;
    }
  }


  @media (max-width: 920px) {
    #step1 .form-group.small {
      max-width: unset !important;
    }

    #step1:has(.d-col) .form-group {
      margin-bottom: 0px !important;
    }

    .d-col {
      display: grid !important;
      padding: 0px !important;
      display: contents !important;
    }

    .d-col .select.form-control {
      max-width: 97%;
    }

    #alertInfoBilling .modal__inner,
    #alertInfoBilling,
    #alertInfoPreorder .modal__inner,
    #alertInfoPreorder,
    #addressEdit .modal__inner,
    #addressEdit {
      height: fit-content !important;
    }

    .unavailable_product_card .unavailable_product {
      left: -7px;
      background-color: var(--neutrals400);
      bottom: 16px;
      bottom: unset;
    }

    .step3 .resumen-confirmacion {
      max-width: 100% !important;
    }
  }

  #step1 .form-group.small {
    margin: 0px 8px;
  }

  #unavailableProductModal .buttons-container,
  #alertInfoBilling .buttons-container {
    margin: 0px;
    padding: 10px;
  }

  .step3 .resumen-confirmacion,
  .step3 .limitCounter {
    max-width: 60% !important;
  }

  .step3 .limitCounter .card-content {
    text-align: start !important;
  }

  /* En Redesing style*/ 

  .toggle-fast-link.color_omni_light.whitebg.tac.underline {
    color: var(--primary800);
  }

  /* Fix de logos SY & OM en pagina 404*/
  #not-found .row.tac {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
  }

  /* 2. Forzado del texto a ocupar el 100% de la fila */
  #not-found .row.tac .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }

  #not-found .row.tac .col-sm-6 {
    flex: 0 1 auto;
    width: auto;
    /* Permite que el contenedor se ajuste al tamaño de la imagen */
    max-width: 45%;
    /* Previene que desborden en pantallas muy pequeñas */
  }

  @media (max-width: 767px) {

    /*Forzado de contenedores para ocupar el 100% para que se apilen (en columna) */
    #not-found .row.tac .col-sm-6 {
      max-width: 100%;
      width: 100%;
    }

    /* 2. Aseguramos que el enlace y la figura ocupen el ancho de su nuevo contenedor */
    #not-found .e404-imgs .logo,
    #not-found .e404-imgs .logo figure {
      display: block;
      width: 100%;
      margin: 0;
    }

    /* 3. Forzado de la imagen a crecer para verse grande y proporcionada */
    #not-found .e404-imgs .logo img {
      width: 100%;
      /* Toma todo el ancho del contenedor */
      max-width: 350px;
      /* Tope máximo para que no se vean gigantes en tablets */
      height: auto;
      /* Evita que la imagen se deforme o estire */
      margin: 0 auto;
      /* Centra la imagen por si el contenedor es más grande que el max-width */
    }
  }

  /*Ajuste del incono de búsqueda en page 404*/
  @media all and (min-width: 320px) and (max-width: 480px) {
    .icon-btn.icon-search.searchbox {
      height: 40px !important;
      width: 24px;
      position: absolute;
      right: 0px;
      top: 4px;
    }
  }

  /*Desbordamiento del titulo en centros-de-negocio*/
  @media (max-width: 768px) {
    #unique_block .ezone__body .welcome-dashboard h2.primarycolor.tabs__item.ezone__title {
      min-width: min-content !important;
      text-align: center !important;
    }
  }
  }

  /*Línea 38855 Fix del icono de flecha a lado del label solo en vista movil*/
  @media (max-width: 768px) {
    .ezone__body .select::after {
      opacity: 0%;
    }
  }

  /*Texto de co-empresario en negritas Linea 38964*/
  #unique_block .ezone__body .welcome-dashboard p a b.underline.cursor_pointer {
    color: #000 !important;
    font-weight: bold;
  }

  /*Opcional, margin top del boton de nivel de pago, en html tiene un br extra en prod Linea 38969*/
  .dashboard_requisitos_nivel_pago .button .small {
    margin-top: 1rem;
  }
    .personal-info.is-registere h2{
      font-size: larger;
    }
    .personal-info.is-registere p{
    font-size: large;
    color: white;
    display: flex;
    font-style: italic;
    gap: 12px;
    }
    .personal-info.is-registere p strong{
      font-style: initial;
    }
    
    @media (max-width: 920px) {
      .personal-info.is-registered {
        width: 80%;
        display:grid;
        gap:12px;
      }
  }