*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  :root{--red:#e30613;--ink:#0a0a0a;--mute:#888;--line:#e8e8e8;--bg:#fff;--soft:#f5f5f5}
  html{scroll-behavior:smooth}
  @font-face{font-family:'Proxima Nova';src:url('/static/fonts/ProximaNova-Light.otf') format('opentype');font-weight:300;font-style:normal;font-display:swap}
  @font-face{font-family:'Proxima Nova';src:url('/static/fonts/ProximaNova-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
  @font-face{font-family:'Proxima Nova';src:url('/static/fonts/ProximaNova-Semibold.otf') format('opentype');font-weight:600;font-style:normal;font-display:swap}
  @font-face{font-family:'Proxima Nova';src:url('/static/fonts/ProximaNova-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
  

  @font-face {
    font-family: "Geom Graphic";
    src: url("/static/fonts/GeomGraphic-Bold.otf");
    src: url("/static/fonts/GeomGraphic-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Geom Graphic";
    src: url("/static/fonts/GeomGraphic-Regular.otf");
    src: url("/static/fonts/GeomGraphic-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Geom Graphic";
    src: url("/static/fonts/GeomGraphic-SemiBold.otf");
    src: url("/static/fonts/GeomGraphic-SemiBold.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  /*@font-face{
      font-family: "Geom Graphic";
      src: url("/static/fonts/Geom Graphic Light.ttf");
      src: url("/static/fonts/Geom Graphic Light.ttf")format("truetype");
      font-weight:300;
      font-style:normal;
      font-display:swap;
  }
  
  @font-face{
      font-family: "Geom Graphic";
      src: url("/static/fonts/Geom Graphic Bold.ttf");
      src: url("/static/fonts/Geom Graphic Bold.ttf")format("truetype");
      font-weight:700;
      font-style:normal;
      font-display:swap;
  }*/
  @font-face {
    font-family: "Proxima Nova";
    src: url("/static/fonts/ProximaNova-Light.otf");
    src: url("/static/fonts/ProximaNova-Light.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Proxima Nova";
    src: url("/static/fonts/ProximaNova-Regular.otf");
    src: url("/static/fonts/ProximaNova-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Proxima Nova";
    src: url("/static/fonts/ProximaNova-Semibold.otf");
    src: url("/static/fonts/ProximaNova-Semibold.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Proxima Nova";
    src: url("/static/fonts/ProximaNova-Bold.otf");
    src: url("/static/fonts/ProximaNova-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  body{font-family:"Proxima Nova", sans-serif;font-weight:300;color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  img{max-width:100%;display:block}
  a{color:inherit;text-decoration:none}
  button{font:inherit;border:0;background:none;cursor:pointer;color:inherit}
  ul{list-style:none}
  .container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}
.stripe {
    height: 5px;
    background: linear-gradient(90deg, #fdb913 0 33.33%, #006a44 33.33% 66.66%, #c1272d 66.66% 100%);
}
 /* footer */
  footer{background:#0c0c0c;color:#aaa;padding:60px 0 24px;margin-top:0}
  .fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:40px}
  footer h4{color:#fff;font-size:13px;letter-spacing:.25em;text-transform:uppercase;margin-bottom:18px}
  footer a{display:block;padding:5px 0;font-size:14px;color:#aaa;transition:.2s}
  footer a:hover{color:#fff}
  .news{display:flex;gap:6px}
  .news input{flex:1;background:#1a1a1a;border:1px solid #2a2a2a;color:#fff;padding:10px 12px;font-size:13px;outline:none}
  .news button{background:var(--red);color:#fff;padding:10px 18px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600}
  .news button:hover{background:#fff;color:var(--red)}
  .copyr{margin-top:40px;padding-top:20px;border-top:1px solid #1f1f1f;text-align:center;font-size:14px;color:#666}
  .fsoc{display:flex;gap:14px;margin-top:14px}
  .fsoc svg{width:18px;height:18px;fill:#aaa;transition:.2s}
  .fsoc a:hover svg{fill:#fff}
@media (max-width: 900px) {
    .menu-social svg {
        width: 20px;
        height: 20px;
        fill: #fff;
    }
        .fgrid{grid-template-columns:1fr 1fr;gap:30px}

}
.crumb a {
    font-weight: 600;
}
    @media(max-width:768px) {
        .container {
            padding: 0 18px !important
        }
      }
 @media (max-width: 560px) {
    .nav-inner {
        padding: 12px 6px;
    }
        .fgrid{grid-template-columns:1fr;gap:28px}

  }