.footer{
  background-color: var(--footer-black) !important;
  color: var(--color-white) !important;
  margin-top: 100px;
  padding: 74px 74px 39px 74px;
}

@media (max-width: 640px){.footer{padding:15px}}

.hdrSearch.r1 .item{padding:12px 14px;min-height:52px}
.hdrSearch.r1 .srch-input{display:flex;align-items:center;gap:12px;height:52px;padding:12px 16px}
.hdrSearch.r1 .closeX{margin-left:auto}

nav .navbar .links{display:flex;align-items:center;list-style:none;margin:0;padding:0;flex-wrap:nowrap}
nav .navbar .nav-links{display:flex;align-items:center;margin-left:auto}
nav .navbar .links li{display:flex;align-items:center;padding:0 20px}
.closeNav{display:none;}
.openNav{    display: none;}
@media (max-width: 992px){
  .openNav{display:block;position:absolute;right:16px;top:26px;width:30px;height:30px; z-index: 9999; background: transparent; border: none;}
  .openNav img{width:24px;height:24px}
  .nav-open button.openNav {    display: none;}
  .nav-open button.closeNav{display:block;  border: none; background: transparent; position: absolute; right: 16px; top: 26px; width: 30px; height: 30px; z-index: 99999;}
  nav .navbar{position:relative}
  nav .navbar .nav-links{display:none;position:absolute;top:90px;left:0;right:0;max-width:100vw;background:var(--color-blue);border-radius:0 0 16px 16px;box-shadow:0 8px 22px rgba(0,0,0,.18);padding:12px 16px;z-index:1000;overflow:hidden}
  body.nav-open nav .navbar .nav-links{display:block}
  nav .navbar .nav-links .links{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0;padding:0}
  nav .navbar .nav-links .links li{display:flex;align-items:center;justify-content:flex-start;height:44px;padding:0;border-bottom:1px solid rgba(255,255,255,.12);width:100%}
  nav .navbar .nav-links .links.one li:last-child{border-bottom:0; margin-top: 10px;}
  nav .navbar .nav-links .links li a{display:flex;align-items:center;color:#fff!important;width:100%}
  nav .navbar .nav-links .links li .search_block{display:flex;align-items:center;gap:8px}
nav .navbar .nav-links .links li .search_block img{
  width:18px;
  height:18px;
  position:relative;
  top:0;
  margin-left:0;
}
    
}

:root{--font-main:'Apercu Pro',sans-serif;--color-blue:#19446C;--color-black:#1A1A1A;--color-light-black:#202124;--color-gray:#cccccc;--color-border:#c7c7cf;--color-light-gray:#E6E6E6;--color-body-bg:#F7F7F9;--color-white:#ffffff;--color-smoke-gray:#efefef;--footer-black:#0e263c;--color-placeholder:#999999;--secondary-color:#2566A2;--btn-bg:#286CAC;--btn-hover-bg:#1F5C94;--btn-text:#ffffff;--shadow-soft:0 5px 10px rgba(0, 0, 0, 0.2);--shadow-soft-1:0 1px 3px rgba(0, 0, 0, 0.06);--shadow-soft-2:0 1px 2px rgba(0, 0, 0, 0.2);--spacing-lg:80px;--spacing-top:65px;--font:'Apercu Pro',sans-serif;--space-global-to-h1:24px;--space-title-to-coupons:24px;--space-section:80px;--space-h2-to-sub:8px;--space-sub-to-content:20px;--space-sub-to-image:32px;--space-gap:22px;--space-list:20px;--lh-body:24px;--logo-size-md:56px;--logo-pad-md:6px;--article-hover:#f5f5f5;--stroke:rgba(0,0,0,.05);--radius-lg:24px;--radius-md:12px}

.container, .container-lg, .container-md, .container-sm, .container-xl {
    padding: 0px;
    max-width: 1328px;
    margin: 0px auto;
}

.skip-link{
  position:absolute;
  left:-9999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}

.skip-link:focus,
.skip-link:focus-visible{
  position:fixed;
  left:16px;
  top:16px;
  width:auto;
  height:auto;
  padding:8px 12px;
  background:#ffffff;
  color:#19446C;
  box-shadow:0 0 0 2px #19446C;
  overflow:visible;
  z-index:10001;
  border-radius:999px;
  text-decoration:none;
}

@media(max-width:1381px){
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    padding:0px 15px 0px 15px;
  }
}

@media (max-width: 992px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 960px;
    }
}
@media(max-width:768px){
    .container, .container-md, .container-sm{
        max-width: 720px;  
    }
}
@media(max-width:640px){
  }
@media(max-width:576px){
  .container, .container-md, .container-sm{
    max-width: 100%;
    padding: 0 15px;
  }
}
.ci-breadcrumb .crumbs > li > .current,
.ci-breadcrumb .crumbs > li > a {
  text-transform: none !important;
  letter-spacing: normal !important;
}

body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  background: var(--color-body-bg); 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: var(--font-main)!important;
}

header nav {
width: 100%;
height: 100%;

box-shadow: var(--shadow-soft-2);
z-index: 99;
background-color: var(--color-blue); 
}
nav .navbar {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
margin: auto;
height: 90px;
}
.navbar .logo a {
font-size: 30px;
color:var(--color-white)!important;
text-decoration: none;
font-weight: 400;
}

nav .navbar .links li:last-child {
padding-right: 20px !important;
}

nav .navbar .links li a{
  display:inline-flex;
  align-items:center;
  height:100%;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
  color:var(--color-white)!important;
  font-size:0.9375em;
  font-weight:400;
  font-family:var(--font-main)!important;
}
nav .navbar .links li a:hover {
color: var(--color-light-gray)!important;
}
.navbar-btn:hover{
color: var(--color-light-gray);     
}
.navbar button {
background: transparent;
border: none;
cursor: pointer;
color:var(--color-white)!important;
font-size: 0.9375em;
font-weight: 400;
font-family:var(--font-main)!important;
}
.navbar button:hover{
color: var(--color-light-gray)!important;  
}
/*nav .navbar .nav-links button:hover img.search-box, nav .navbar .nav-links button img.search-box.box_hover, 
nav .navbar .nav-links button:hover img.search-box, nav .navbar .nav-links button .navbar .links button img.search-box.box_hover{
display:none;
}
nav .navbar .nav-links button:hover img.search-box.box_hover, nav .navbar .nav-links button:hover img.search-box.box_hover{
display:inline-block;
}*/

/*img.sign_up{top:0px;position:relative;right:0;margin-right:6px}
img.search-box{margin-left:0}*/


.navbar .nav-links .sidebar-logo {
display: none;
}

.sign_user{
  font-size:20px!important;margin-left:0;margin-top:0;float:none;display:inline-flex;align-items:center
}

a.navbar-btn.btn.orangeBtn-outline.ml-auto {
display: inline-flex;
align-items: center;
justify-content: center;
width: 101px;
height: 44px;
padding: 0 15px;
border-radius: 9999px;
font-size: 14px;
font-weight: 400;
white-space: nowrap;
border: 1px solid var(--color-white)!important;
color: var(--color-white)!important;
background-color: transparent;
transition: all 0.3s ease;
text-decoration: none;
}
a.navbar-btn.btn.orangeBtn-outline.ml-auto:hover{
border: 1px solid var(--color-light-gray) !important; 
color: var(--color-light-gray) !important; 
    
}

.nav-links .links li i.fa.fa-chevron-down {
font-size: 12px;
}
@media (max-width:920px) {
nav .navbar {
max-width: 100%;

}
nav .navbar .logo a {
font-size: 27px;
}

nav .navbar .links li a {
font-size:0.9375em;
}
}

.header {
background-color:var(--color-blue); 
height: 98px;
width: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 80px;
}
.right_space {
margin-left: 12px;
}

.nav-menu {
display: flex;
align-items: center;
gap: 40px;
}
.nav-item {
display: flex;
align-items: center;
gap: 8px;
color:var(--color-white)!important;
font-size: 16px;
font-weight: 400;
text-decoration: none;
cursor: pointer;
}
.nav-item:hover {
opacity: 0.8;
}
.nav-icon {
width: 18px;
height: 18px;
}
.add-store-btn {
background-color: transparent;
border: 1px solid var(--color-white)!important;
border-radius: 25px;
padding: 15px 19px;
color:var(--color-white)!important;
font-size:0.9375em;
font-weight: 400;
cursor: pointer;
transition: all 0.3s ease;
}
.add-store-btn:hover {
background-color:var(--color-white)!important;
color: var(--color-blue); 
}
section.ftco-section {
padding-top: var(--spacing-top);
}

.nav-controls {
display: flex;
gap: 12px;
justify-content: center;
margin: 32px 0;
}
.nav-control {
width: 44px;
height: 44px;
border-radius: 22px;
border: 1px solid var(--color-border)!important;;
background-color:var(--color-white)!important;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
}
.nav-control:hover {
background-color: var(--color-blue);
border-color:var(--color-blue); 
}
.nav-control:hover img {
filter: brightness(0) invert(1);
}
.nav-control.active {
background-color: var(--color-blue); 
border-color: var(--color-blue); 
}

    
        .search_block {position:relative;}
        .hdrSearch.r1{font:400 15px/26px "Apercu Pro","Apercu",system-ui,-apple-system,sans-serif;color:#202124}
        .hdrSearch.r1 *{box-sizing:border-box}
        .hdrSearch.r1 {position: absolute;top: 0px;right: 0px;z-index:9;padding: 0;}
        .hdrSearch.r1 input[type="checkbox"]{ cursor: pointer; -webkit-appearance: none;appearance: none;
            background: #34495E;border-radius: 1px;box-sizing: border-box;position: relative;box-sizing: content-box ;
            width: 82px;height: 23px;border-width: 0;transition: all .3s linear;
        }
        
        
        .hdrSearch.r1{ --header-height:90px; --line:rgba(0,0,0,.06); --navy:#19446C; }
    
        
        .hdrSearch.r1 .srch-toggle{display:block;opacity:0;}
    
        
        .hdrSearch.r1 .srch-ov{
          position:fixed; inset:0; background:rgba(2,15,33,.35); backdrop-filter:blur(6px);
          opacity:0; pointer-events:none; transition:opacity .18s ease; z-index:80;
        }
        .hdrSearch.r1 .srch-toggle:checked ~ .srch-ov{opacity:1; pointer-events:auto}
    
        
        .hdrSearch.r1 .srch-panel{
          position:fixed; left:0; right:0; top:var(--header-height);
          transform:translateY(-12px); opacity:0; pointer-events:none;
          transition:transform .18s ease, opacity .18s ease; z-index:81;
              backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(6px);
    height: 100%;
        }
        .hdrSearch.r1 .srch-toggle:checked ~ .srch-panel{ transform:none; opacity:1; pointer-events:auto; }
    
        .hdrSearch.r1 .srch-wrap{max-width:1328px; margin:0 auto; padding:14px; display:flex; justify-content:flex-end}
        .hdrSearch.r1 .srch-card{
          width:560px; max-width:96vw;
          background:#fff; border:1px solid var(--line); border-radius:20px;
          padding:16px 18px; box-shadow:0 10px 24px rgba(2,15,33,.10);
        }
    
        
        
       .hdrSearch.r1 .srch-input svg{width:18px;height:18px;color:var(--navy);opacity:.85}
.hdrSearch.r1 .srch-input input{
  flex:1;
  border:0;
  outline:0;
  font:700 15px/1 "Apercu Pro","Apercu";
  color:#1a1a1a;
}

/* hide native search cancel button (Safari/Chrome) inside this field */
.hdrSearch.r1 .srch-input input::-webkit-search-cancel-button{
  -webkit-appearance:none;
  appearance:none;
}

.hdrSearch.r1 .closeX{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:8px;
  width:auto;
  height:auto;
  border-radius:0;
  color:#64748B;
  cursor:pointer;
}

.hdrSearch.r1 .closeX:hover{
  background:transparent;
  color:#0F172A;
}

    
        
        .hdrSearch.r1 .srch-list{
  margin-top:10px;
  border-top:1px solid var(--line);
  padding-top:8px;
  display:flex;
  flex-direction:column;
  gap:8px;
}

        
        .hdrSearch.r1 .item:hover{background:#F7F7F7}
        .hdrSearch.r1 .label{font:700 15px/1.35 "Apercu Pro","Apercu"; color:#0f172a}
        .hdrSearch.r1 .meta{margin-left:auto; font:700 12.5px/1 "Apercu Pro","Apercu"; color:#6b7280}
        .hdrSearch.r1 mark{background:#E8F3FF; color:#0f172a; padding:0 2px; border-radius:4px}
    
        
        @media(max-width:600px){
          .hdrSearch.r1 .srch-card{width:100%}
          
          
        }

    

      @font-face{
  font-family: "Apercu Pro";
  src: url("/fonts/Apercu-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;   
}

@font-face{
  font-family: "Apercu Pro";
  src: url("/fonts/Apercu-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;  
}
        
nav .navbar .links li .search_block{
  color: var(--color-white) !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font: inherit;
  font-size: 0.9375em;
}
nav .navbar .links li .search_block:hover{
  color: var(--color-light-gray) !important;
}

header nav .navbar .nav-links .links li > a.navbar-btn.btn.orangeBtn-outline.ml-auto{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:101px;
  height:44px;
  padding:0 15px;
  border-radius:9999px;
  font-size:14px;
  font-weight:400;
  line-height:1;
  white-space:nowrap;
  border:1px solid var(--color-white);
  color:var(--color-white);
  background:transparent;
  text-decoration:none;
  transition:.3s;
}
header nav .navbar .nav-links .links li > a.navbar-btn.btn.orangeBtn-outline.ml-auto:hover{
  border:1px solid var(--color-light-gray);
  color:var(--color-light-gray);
  background:transparent;
}

.footer-content {
  display: grid;
  grid-template-columns: 1.8fr 0.9fr 1.4fr; 
  gap: 80px;
  margin-bottom: 60px;
}
.footer-content h3 {
font-size: clamp(16px, 2vw, 18px);
margin-bottom: 25px;
}
.footer-logo {
width: 200px;
height: 22px;
margin-bottom: 22px;
font-family:var(--font-main)!important;
}
.footer-disclaimer {
font-size:0.9375em;

line-height: 27px;
color: color:#C8CFD8;
max-width: 411px;
font-family:var(--font-main)!important;
}
.footer-section h3 {
font-size: 1.0625rem;
font-weight: 400;
line-height: 22px;
color:var(--color-white)!important;
margin-bottom: 20px;
font-family:var(--font-main)!important;
}
.footer-links {
display: flex;
flex-direction: column;
gap: 15px;
}
.footer-link {
font-size: clamp(0.875em, 0.5vw + 0.875em, 0.9375em);
font-weight: 400;
line-height: 21px;
color:#D8DEE6;
text-decoration: none;
transition: color 0.3s ease;
font-family:var(--font-main)!important;
}
.footer-link:hover {
color:var(--color-white)!important;
}
.newsletter-form {
display: flex;
flex-direction: column;
gap:8px;
}
.newsletter-input {
background-color:var(--color-white)!important;
border: none;
border-radius: 400px;
padding: 15px 22px;
font-size:0.9375em;
color:color:#202124;

}
.newsletter-btn {
background-color: transparent;
border:1px solid var(--color-gray);
border-radius: 400px;
padding: 0px 30px;
color:var(--color-gray);
font-size:0.9375em;
font-weight: 400;
cursor: pointer;
transition: all 0.3s ease;
align-self: flex-start;
font-family:var(--font-main)!important;
height: 46px;
}
.newsletter-btn:hover {
    
    color:var(--color-white)!important;
    border:1px solid var(--color-white)!important;
}
.footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 40px;
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-copyright {
font-size:0.9375em;
font-weight: 400;
line-height: 21px;
color: var(--color-gray);
margin: 0px;
font-family:var(--font-main)!important;
}
.social-links {
display: flex;
gap: 20px;
}
.social-link {
width: 18px;
height: 18px;
transition: opacity 0.3s ease;
opacity: 0.7;
}
.social-link img{
opacity: 0.7;
}
.social-link:hover {
opacity:1;
}

@media (max-width: 768px) {
    .footer-content {
        margin-bottom: 30px!important;
        grid-template-columns: 1fr;
        gap: 0px;
        margin-top: 60px;
    }

    

    .footer-bottom {
        display: flex;
        text-align: center;
        flex-direction: column-reverse;
        gap: 20px;
    }    
}

/* Header logo sizing (container vs image) */
.navbar .logo,
.nav-links .sidebar-logo .logo{
  display:inline-block;
  width:182px;
  height:32px;
}

/* The IMG now uses a distinct class to avoid collisions with the container */
.logo-img{
  display:block;
  width:100%;
  height:100%;
}

@media (max-width:575.98px){
  .navbar .logo,
  .nav-links .sidebar-logo .logo{
    width:124px;
    height:28px;
  }
}
nav .navbar .links li img.sign_up{
  width:18px;
  height:18px;
  position:relative;
  top:0;
  margin-right:6px;  
}

/* Icons for Search + Sign In share the same hover feel */
nav .navbar .links li .search_block img,
nav .navbar .links li img.sign_up{
  opacity: 1;
  transition: opacity .2s ease;
}

nav .navbar .links li .search_block:hover img,
nav .navbar .links li a:hover img.sign_up{
  opacity: 0.75;  /* adjust to taste: 0.8, 0.7, etc. */
}


.ci-breadcrumb{margin:22px 0 0}
@media (max-width:768px){
  .ci-breadcrumb{margin:16px 0 0}
}

main > section:last-of-type{margin-bottom:16px}
@media (max-width:768px){
  main > section:last-of-type{margin-bottom:12px}
}
.ci-breadcrumb{margin:22px 0 0}
.ci-breadcrumb .crumbs{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.ci-breadcrumb .crumbs li{color:#5f6368;font:400 14px/1.6 var(--font)}
.ci-breadcrumb .crumbs li a{color:#19446c;font-weight:700;text-decoration:none}
.ci-breadcrumb .crumbs li a:hover{text-decoration:underline}
.ci-breadcrumb .crumbs .current{color:#202124}
main > section:last-of-type{margin-bottom:16px}
.footer{margin-top:60px}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}