@import url("//fonts.googleapis.com/css?family=Libre+Franklin:400,600&display=swap");
      :root {
        --main-foreground: #1282A2;
        --main-background: #ffffff;
        --accent-color: #0A1128;
        --button-background: #1282A2;
        --button-foreground: #ffffff;
        --label-background: #5575e7;
        --label-foreground: #ffffff;
        --adbar-background: #ffffff;
        --adbar-foreground: #1282A2;
        --header-background: #FEFCFB;
        --header-foreground: #1282A2;
        --header-transparent-foreground: ;
        --header-badge-background: #0A1128;
        --header-badge-foreground: #ffffff;
        --nav-desktop-background: #FEFCFB;
        --nav-desktop-foreground: #1282A2;
        --header-featured-link-foreground: #1282A2;
        --topbar-background: #001F54;
        --topbar-foreground: #ffffff;
        --footer-background: #1282A2;
        --footer-foreground: #ffffff;
        --main-categories-background: main_background;
        --main-categories-foreground: main_foreground;
        --brands-background: ;
        --brands-foreground: ;
        --featured-background: #ffffff;
        --featured-foreground: #515151;
        --new-background: #ffffff;
        --new-foreground: #515151;
        --sale-background: #ffffff;
        --sale-foreground: #515151;
        --promotion-background: #ffffff;
        --promotion-foreground: #515151;
        --best-seller-background: #ffffff;
        --best-seller-foreground: #515151;
        --newsletter-home-background: #333333;
        --newsletter-home-foreground: #ffffff;
        --newsletter-background: #0A1128;
        --newsletter-foreground: #FFFFFF;
        --welcome-background: ;
        --welcome-foreground: ;
        --institutional-background: ;
        --institutional-foreground: ;
        --video-foreground: #ffffff;
        --banner-services-background: #ffffff;
        --banner-services-foreground: #1282A2;
        --main-foreground-opacity-03: #ffffff08;
        --main-foreground-opacity-05: #ffffff0d;
        --main-foreground-opacity-08: #FFFFFF14;
        --main-foreground-opacity-10: #FFFFFF1a;
        --main-foreground-opacity-20: #FFFFFF33;
        /* --main-foreground-opacity-30: #FFFFFF4d; */
        --main-foreground-opacity-30: #FFFFFF;
        --main-foreground-opacity-40: #FFFFFF66;
        --main-foreground-opacity-50: #ffffff80;
        --main-foreground-opacity-60: #FFFFFF99;
        --main-background-opacity-30: #ffffff4d;
        --main-background-opacity-40: #ffffff66;
        --main-background-opacity-50: #ffffff80;
        --main-background-opacity-80: #ffffffcc;
        --main-background-opacity-90: #ffffffe6;
        --header-foreground-opacity-10: #1282A21a;
        --header-foreground-opacity-20: #1282A233;
        --header-foreground-opacity-50: #1282A280;
        --header-transparent-foreground-opacity-20: 33;
        --nav-desktop-foreground-opacity-10: #1282A21a;
        --header-badge-foreground-opacity-20: #ffffff33;
        --adbar-foreground-opacity-10: #1282A21a;
        --main-categories-foreground-opacity-20: main_foreground33;
        --brands-foreground-opacity-10: 1A;
        --welcome-foreground-opacity-90: E6;
        --institutional-foreground-opacity-90: E6;
        --news-home-foreground-opacity-80: #ffffffcc;
        --news-foreground-opacity-30: #FFFFFF4d;
        --news-foreground-opacity-50: #ffffff;
        --footer-foreground-opacity-10: #ffffff1a;
        --footer-foreground-opacity-20: #ffffff33;
        --footer-foreground-opacity-50: #ffffff80;
        --footer-foreground-opacity-60: #ffffff99;
        --footer-foreground-opacity-80: #ffffffcc;
        --success: #4bb98c;
        --danger: #dd7774;
        --warning: #dc8f38;
        --heading-font: "Libre Franklin", sans-serif;
        --body-font: "Libre Franklin", sans-serif;
        --h1: 28px;
        --h1-huge: 30px;
        --h1-huge-md: 40px;
        --h2: 24px;
        --h3: 20px;
        --h4: 18px;
        --h5: 16px;
        --h6: 14px;
        --h6-small: 12px;
        --font-huge: 20px;
        --font-large: 18px;
        --font-big: 16px;
        --font-base: 14px;
        --font-medium: 11px;
        --font-small: 12px;
        --font-smallest: 10px;
        --title-font-weight: 600;
        --gutter: 15px;
        --gutter-container: 15px;
        --gutter-container-md: 80px;
        --gutter-negative: calc(var(--gutter) * -1);
        --gutter-half: calc(var(--gutter) / 2);
        --gutter-half-negative: calc(var(--gutter) * -1 / 2);
        --gutter-double: calc(var(--gutter) * 2);
        --border-radius: 4px;
        --border-radius-full: 100%;
        --border-radius-half: calc(var(--border-radius) / 2);
        --border-radius-quarter: calc(var(--border-radius) / 4);
        --border-solid: 2px solid;
        --border-dashed: 1px dashed;
        --shadow-distance: 0 0 5px;
        --section-distance-small: 30px;
        --section-distance: 40px;
        --section-distance-big: 60px;
        --section-negative-distance-small: calc(
          var(--section-distance-small) * -1
        );
        --section-negative-distance-big: calc(var(--section-distance-big) * -1);
        --section-negative-distance: calc(
          (var(--section-distance) - 10px) * -1
        );
      }