
            
            



    
    

 

            
            
:root {

  
  
  
    
  
      
    
  
    
          
    
  
    
    
    
    
    
    
    
    
    
    
    
    
    
  
    
  
  
  --main-foreground: #262626;
  --main-background: #f9f9f9;

  --accent-color: #004be0;

  --button-background: #ff6600;
  --button-foreground: #FFFFFF;

  --label-background: #008001;
  --label-foreground: #FFFFFF;

  
  --adbar-background: #ffffff;
  --adbar-foreground: #029603;

  --header-background: #000d5e;
  --header-foreground: #ffffff;
  --header-transparent-foreground: ;
  --header-badge-background: #006eff;
  --header-badge-foreground: #FFFFFF;
  --nav-desktop-background: #000d5e;
  --nav-desktop-foreground: #ffffff;
  --header-featured-link-foreground: #ffffff;

  --topbar-background: #000000;
  --topbar-foreground: #ffffff;

  --footer-background: #000000;
  --footer-foreground: #FFFFFF;

  --main-categories-background: main_background;
  --main-categories-foreground: main_foreground;

  --brands-background: ;
  --brands-foreground: ;

  --featured-background: #FFFFFF;
  --featured-foreground: #000000;

  --new-background: #FFFFFF;
  --new-foreground: #000000;

  --sale-background: #FFFFFF;
  --sale-foreground: #000000;

  --promotion-background: #FFFFFF;
  --promotion-foreground: #000000;

  --best-seller-background: #FFFFFF;
  --best-seller-foreground: #000000;

  --newsletter-home-background: #333333;
  --newsletter-home-foreground: #FFFFFF;

  --newsletter-background: #FFFFFF;
  --newsletter-foreground: #ffffff;

  --welcome-background: #FFFFFF;
  --welcome-foreground: #ffffff;

  --institutional-background: ;
  --institutional-foreground: ;

  --video-foreground: #FFFFFF;

  --banner-services-background: #FFFFFF;
  --banner-services-foreground: #ffffff;

  
  
                          
  --main-foreground-opacity-03: #26262608;
  --main-foreground-opacity-05: #2626260D;
  --main-foreground-opacity-08: #26262614;
  --main-foreground-opacity-10: #2626261A;
  --main-foreground-opacity-20: #26262633;
  --main-foreground-opacity-30: #2626264D;
  --main-foreground-opacity-40: #26262666;
  --main-foreground-opacity-50: #26262680;
  --main-foreground-opacity-60: #26262699;

  --main-background-opacity-30: #f9f9f94D;
  --main-background-opacity-40: #f9f9f966;
  --main-background-opacity-50: #f9f9f980;
  --main-background-opacity-80: #f9f9f9CC;
  --main-background-opacity-90: #f9f9f9E6;

  --header-foreground-opacity-10: #ffffff1A;
  --header-foreground-opacity-20: #ffffff33;
  --header-foreground-opacity-50: #ffffff80;

  --header-transparent-foreground-opacity-20: 33;

  --nav-desktop-foreground-opacity-10: #ffffff1A;
  --header-badge-foreground-opacity-20: #FFFFFF33;

  --adbar-foreground-opacity-10: #0296031A;

  --main-categories-foreground-opacity-20: main_foreground33;

  --brands-foreground-opacity-10: 1A;

  --welcome-foreground-opacity-90: #ffffffE6;

  --institutional-foreground-opacity-90: E6;

  --news-home-foreground-opacity-80: #FFFFFFCC;

  --news-foreground-opacity-30: #ffffff4D;
  --news-foreground-opacity-50: #ffffff80;

  --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: "Kanit", sans-serif;
  --body-font: "Inter", sans-serif;

  
  
  --h1: 38px;
  --h1-huge: 40px;
  --h1-huge-md: 50px;
  --h2: 34px;
  --h3: 30px;
  --h4: 28px;
  --h5: 26px;
  --h6: 24px;
  --h6-small: 22px;
 
  
  --font-huge: 22px;
  --font-large: 20px;
  --font-big: 18px;
  --font-base: 16px;
  --font-medium: 13px;
  --font-small: 14px;
  --font-smallest: 12px;

  
  
  --title-font-weight: 400;

  
  
  --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: 1px 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);
  
}
        

            .js-footer{background-image:url("/recovered-assets/570a4ca80e3ec007e02f.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;padding:50px;color:#fff}.newsletter-footer{background:linear-gradient(45deg,#00b341,#004be0)}.section-informative-banners{background:linear-gradient(45deg,#004de0,#011233)}.section-welcome-home-colors{background:linear-gradient(45deg,#0052d7,#00ff96);text-transform:uppercase;letter-spacing:2px}.brand-image{display:inline-block;max-width:150%;max-height:89px;vertical-align:middle}.swiper-text{position:absolute;bottom:65%;left:-60px;z-index:9;width:100%;padding:25px 20px;opacity:0;transition:all .5s ease;text-align:center}@media(min-width:768px){.swiper-text{position:absolute;bottom:40%;left:150px;z-index:9;width:100%;padding:25px 20px;opacity:0;transition:all .5s ease;text-align:left}}.swiper-slide-active .swiper-text{left:0px;opacity:1}@media(min-width:768px){.swiper-slide-active .swiper-text{left:50px;opacity:1}}@media(min-width:768px){.h1-huge,.h1-huge-md{line-height:47px}}
        