@charset "UTF-8";
/* CSS Document */

:root{
      --ferocity-red:#b5171a;
      --ferocity-dark:#0f0f10;
      --ferocity-mid:#1b1b1d;
      --ferocity-light:#f2f2f2;
    }

    body{ background:#111; color:#111; }

 /* Top micro bar */
    .topbar{
      background:#0b0b0c;
      color:#cfcfcf;
      font-size:.8rem;
    }
    .topbar a{ color:#cfcfcf; text-decoration:none; }
    .topbar a:hover{ color:#fff; }

/* Main nav */
    .mainnav{
      background:#fff;
      border-bottom:1px solid rgba(0,0,0,.1);
    }
    .brandmark{
      width:150px; height:150px; border-radius:50%;
      background:#fff; display:grid; place-items:center;
      border:0px solid rgba(0,0,0,.08);
      overflow:hidden; 
    }
    .brandmark img{ width:100%; height:150%; object-fit:cover;}

    .nav-link{
      font-weight:700;
      letter-spacing:.02em;
      color:#111 !important;
      text-transform:uppercase;
      font-size:.86rem;
    }
    .nav-link:hover{ color:var(--ferocity-red) !important; }

    .btn-ferocity{
      background:var(--ferocity-red);
      color:#fff;
      border:none;
      font-weight:800;
      letter-spacing:.02em;
      text-transform:uppercase;
      padding:.8rem 1.2rem;
      border-radius:.25rem;
      box-shadow:0 8px 18px rgba(181,23,26,.25);
    }
    .btn-ferocity:hover{ background:#9f1416; color:#fff; }

    .btn-outline-ferocity{
      border:2px solid #fff;
      color:#fff;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.02em;
      border-radius:.25rem;
      padding:.7rem 1.1rem;
    }
    .btn-outline-ferocity:hover{
      background:#fff; color:#111;
    }

/* Hero */
    .hero{
      position:relative;
	  background-size: cover;
      background:
        linear-gradient(90deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.55) 55%, rgba(0,0,0,.25) 100%),
        url("../images/Hero.jpg") right top no-repeat;
      color:#fff;
      overflow:hidden;
		
    }
    .hero::after{
      content:"";
      position:absolute; left:0; right:0; bottom:0;
      height:14px;
      background:linear-gradient(to right, rgba(181,23,26,.0), rgba(181,23,26,.95), rgba(181,23,26,.0));
      opacity:.9;
    }
    .hero h1{
      font-weight:900;
      text-transform:uppercase;
      line-height:1.02;
      letter-spacing:.01em;
      text-shadow:0 10px 30px rgba(0,0,0,.55);
    }
    .hero .lead{
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:.03em;
      font-size:.9rem;
      opacity:.95;
    }
    .hero .hero-right{
      position:relative;
      min-height:360px;
    }
    .hero .hero-right img{
      width:100%;
      max-width:420px;
      height:auto;
      display:block;
      margin-left:auto;
      filter:drop-shadow(0 18px 40px rgba(0,0,0,.55));
      opacity:.95;
    }

	  .hero a , a:hover , a:active, a:visited{
		  text-decoration: none;
		  color: #fff;
	  }
	  
	  @media (max-width: 576px) {
  .hero {
	  background-size:cover;
      background:
        linear-gradient(90deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.55) 55%, rgba(0,0,0,.25) 100%),
        url("../images/Hero_sm.jpg") top right;
      color:#fff;
   
  }
}
    /* Light texture section */
    .paper{
      background:
        linear-gradient(#f7f7f7, #efefef),
        url("assets/paper-texture.jpg") center/cover no-repeat;
      border-top:1px solid rgba(255,255,255,.15);
    }

    .section-title{
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.02em;
      color:#111;
    }
    .section-sub{
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.14em;
      color:#222;
      opacity:.9;
      font-size:.9rem;
    }

    /* Cards */
    .program-card{
      background:#fff;
      border:1px solid rgba(0,0,0,.12);
      border-top:4px solid var(--ferocity-red);
      border-radius:.2rem;
      box-shadow:0 16px 35px rgba(0,0,0,.08);
      height:100%;
    }
    .program-icon{
      padding: 10px;
      margin:0 auto 12px auto;
      display:grid; place-items:center;
      border-radius:10px;
      background:#f6f6f6;
      border:1px solid rgba(0,0,0,.08);
    }
    .program-icon img{
      width:100%; object-fit:contain;
    }
    .program-card h3{
      font-weight:900;
      text-transform:uppercase;
      font-size:1rem;
      margin-bottom:.5rem;
    }
    .program-card p{
      color:#444;
      font-size:.92rem;
      margin-bottom:1rem;
    }

    /* Dark CTA band */
    .cta-band{
      background:
        linear-gradient(180deg, rgba(0,0,0,.86), rgba(0,0,0,.86)),
        url("assets/cta-texture.jpg") center/cover no-repeat;
      color:#fff;
      border-top:6px solid rgba(181,23,26,.95);
    }
    .cta-band h2{
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.01em;
    }
    .cta-band .subline{
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.06em;
      opacity:.9;
    }

    /* Footer */
    footer{
      background:#0b0b0c;
      color:#bdbdbd;
      font-size:.9rem;
    }
    footer a{ color:#bdbdbd; text-decoration:none; }
    footer a:hover{ color:#fff; }

	/*modal*/
	.modal-header{
		background-color: var(--ferocity-red);
	}

	label{
		color: var(--ferocity-dark);
	}

	.ab_firstName, .ab_lastName, .ab_mobile, .ab_emailaddress, .ab-optin-submit-button{
		border-radius: 7px;
	}

	.ab_firstName, .ab_lastName, .ab_mobile, .ab_emailaddress{
		width: 60%;
	}