@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);
}