*{box-sizing:border-box}
:root{
  --green:#2bc700;--green-d:#0f7000;--green-dd:#0a4d00;
  --dark:#33373e;--darker:#262626;--band:#2f3237;
  --ink:#222;--muted:#666;--line:#e2e2e2;--bg:#fff;--soft:#f4f5f6;
}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Open Sans",Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;font-size:16px}
img{max-width:100%;height:auto;display:block}
a{color:var(--green-d);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{font-family:"Montserrat",Arial,sans-serif;line-height:1.2;margin:0 0 .5em}
.wrap{max-width:1120px;margin:0 auto;padding:0 18px}
.narrow{max-width:820px}
.btn{display:inline-block;padding:12px 26px;border:0;border-radius:2px;font-family:"Montserrat",sans-serif;font-weight:600;font-size:15px;cursor:pointer;text-align:center;min-height:44px;line-height:20px}
.btn-green{background:var(--green-d);color:#fff}
.btn-green:hover{background:var(--green-dd);color:#fff;text-decoration:none}
.btn-dark{background:var(--dark);color:#fff;margin-left:8px}
.btn-dark:hover{background:#22252a;color:#fff;text-decoration:none}

/* topbar */
.topbar{background:var(--green);color:#0c2e00;font-weight:600;text-align:center;font-size:14px}
.topbar .wrap{padding:7px 18px}

/* header */
.site-header{background:var(--dark)}
.hdr-grid{display:flex;align-items:center;gap:20px;padding:14px 18px}
.brand{flex:0 0 auto}
.brand img{width:230px;height:auto}
.hdr-car{flex:1 1 auto;max-width:230px;width:100%;opacity:.95}
.hdr-contact{flex:0 0 auto;text-align:right;color:#fff;font-family:"Montserrat",sans-serif}
.hc-name{font-weight:700;letter-spacing:.5px;font-size:15px}
.hc-addr{font-size:13px;color:#c9ccd2;margin:2px 0 4px}
.hc-phone{color:#fff;font-weight:700;font-size:18px}
.hc-phone:hover{color:var(--green);text-decoration:none}

/* nav */
.mainnav{background:var(--green)}
.mainnav .wrap{display:flex;align-items:center;padding:0 18px;position:relative}
.nav-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.nav-menu li a{display:block;color:#0c2e00;font-family:"Montserrat",sans-serif;font-weight:600;font-size:14px;letter-spacing:.4px;text-transform:uppercase;padding:14px 18px;min-height:44px}
.nav-menu li a:hover{background:rgba(0,0,0,.14);text-decoration:none}
.nav-menu li.active a{background:rgba(0,0,0,.22)}
.nav-toggle{display:none;background:transparent;border:0;width:48px;height:48px;padding:10px;cursor:pointer;margin-left:auto}
.nav-toggle span{display:block;height:3px;background:#0c2e00;margin:5px 0;border-radius:2px}

/* hero */
.hero{background-size:cover;background-position:center;padding:0 0 40px}
.hero h1{color:#fff;background:var(--dark);margin:0;padding:18px 0;font-size:26px;text-transform:uppercase;text-align:left}
.hero h1 .wrap{padding:0}
.hero>.wrap{padding-top:0}
.hero h1{text-align:center}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
.tile{position:relative;min-height:360px;background-size:cover;background-position:center;border:3px solid #fff;display:flex;align-items:flex-end;overflow:hidden}
.tile:hover{text-decoration:none}
.tile-txt{width:100%;padding:18px 16px;color:#fff;text-align:center}
.tile-h{display:block;font-family:"Montserrat",sans-serif;font-weight:700;font-style:italic;font-size:24px;text-transform:uppercase}
.tile-s{display:block;font-size:14px;margin-top:6px;color:#eee}

/* calc band */
.band-calc{background:var(--soft);padding:40px 0}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
.loan-calc{background:var(--band);color:#fff;padding:22px;border-radius:3px}
.loan-calc.light{background:var(--soft);color:var(--ink);border:1px solid var(--line);max-width:640px}
.loan-calc h2{color:#fff;text-align:center;font-size:20px;text-transform:uppercase;letter-spacing:.5px}
.loan-calc.light h2{color:var(--ink)}
.lc-row{display:flex;gap:14px;margin-bottom:14px;flex-wrap:wrap}
.lc-row label{flex:1 1 180px;font-size:13px;color:inherit;display:block}
.loan-calc:not(.light) .lc-row label{color:#cfd2d8}
.lc-i{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:3px;margin-top:5px;overflow:hidden}
.lc-i em{font-style:normal;color:#888;padding:0 10px;font-size:14px;white-space:nowrap}
.lc-i input{border:0;outline:0;padding:11px 8px;font-size:15px;width:100%;min-height:44px;background:transparent;color:#222}
.loan-calc .btn{width:100%;margin-top:4px}
.lc-result{margin:16px 0 0;font-size:16px;text-align:center}
.lc-result strong{color:var(--green)}
.loan-calc.light .lc-result strong{color:var(--green-d)}
.find-cta{padding:6px 0}
.find-cta h2{font-size:22px}
.find-cta .btn{margin-top:10px}

/* about band */
.band-about{background:var(--darker);padding:46px 0;position:relative}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.about-photo{width:100%;border-radius:2px}
.about-copy{color:#e8e8e8}
.about-copy h2{color:#fff;font-size:26px;text-transform:uppercase}
.about-copy p{margin:.6em 0}
.about-copy .owner{font-weight:700;color:#fff;margin-top:1em}
.about-copy .btn{margin-top:14px}

/* generic pages */
.page-head{background:var(--dark);color:#fff}
.page-head h1{color:#fff;margin:0;padding:26px 0;font-size:28px;text-transform:uppercase}
.content{padding:40px 0}
.content .lead{font-size:19px;color:#333}
.content .lead.center{text-align:center}
.content h2{font-size:22px;margin-top:1.4em;color:var(--dark)}
.content .note{color:var(--muted);font-size:14px}
.about-photo.full{margin:0 auto 22px;max-width:560px}

/* testimonials */
.tgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:26px}
.tcard{margin:0;background:var(--soft);border-left:4px solid var(--green);padding:20px 22px;border-radius:2px}
.tcard blockquote{margin:0;font-size:15.5px;color:#333}
.tcard cite{display:block;margin-top:12px;font-style:normal;font-weight:700;color:var(--green-d)}

/* contact */
.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:34px;align-items:start}
.hours-tbl,.foot-hours table{width:100%;border-collapse:collapse}
.hours-tbl th,.hours-tbl td{text-align:left;padding:7px 4px;border-bottom:1px solid var(--line);font-size:15px}
.hours-tbl td{text-align:right;color:var(--muted)}
.contact-form label{display:block;margin-bottom:14px;font-size:14px;font-weight:600;color:#333}
.cf-row{display:flex;gap:14px;flex-wrap:wrap}
.cf-row label{flex:1 1 160px}
.contact-form input,.contact-form textarea{width:100%;margin-top:5px;padding:11px;border:1px solid var(--line);border-radius:3px;font:inherit;font-weight:400;min-height:44px}
.contact-form textarea{min-height:110px}
.directions-cta{margin-top:34px;background:var(--soft);border:1px solid var(--line);border-radius:3px;padding:26px;text-align:center}
.directions-cta h2{margin-top:0}
.directions-cta .btn{margin-top:8px}
.dark-ico a{color:var(--dark)}

/* legal */
.legal .eff{color:var(--muted);font-size:14px}
.legal h2{font-size:19px;border-bottom:1px solid var(--line);padding-bottom:6px}
.legal p{font-size:15px}

/* footer */
.site-footer{background:var(--darker);color:#cfd2d8}
.foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:40px 18px}
.fb-name{font-family:"Montserrat",sans-serif;font-weight:700;color:#fff;font-size:17px;letter-spacing:.5px}
.fb-addr{margin:8px 0}
.fb-phone{color:#fff;font-weight:700;font-size:18px}
.fb-phone:hover{color:var(--green)}
.foot-hours h2{color:#fff;font-size:18px;text-transform:uppercase;text-align:center;letter-spacing:.5px}
.foot-hours th{text-align:left;color:#fff;font-weight:600;padding:6px 4px;border-bottom:1px solid #3a3a3a;font-size:14px}
.foot-hours td{text-align:right;color:#b7bac0;padding:6px 4px;border-bottom:1px solid #3a3a3a;font-size:14px}
.foot-social{margin-top:14px;display:flex;gap:10px}
.foot-social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}
.foot-social a:hover{background:var(--green);text-decoration:none}
.foot-bottom{background:#1c1c1c;font-size:13px}
.foot-bottom .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:14px 18px}
.foot-bottom a{color:#b7bac0}
.foot-bottom a:hover{color:#fff}

/* responsive */
@media(max-width:860px){
  .hdr-grid{flex-wrap:wrap;justify-content:center;text-align:center;gap:12px}
  .hdr-car{display:none}
  .hdr-contact{text-align:center;width:100%}
  .tiles{grid-template-columns:1fr;gap:16px}
  .tile{min-height:220px}
  .calc-grid,.about-grid,.contact-grid,.foot-grid,.tgrid{grid-template-columns:1fr}
  .nav-toggle{display:block}
  .nav-menu{display:none;flex-direction:column;width:100%;order:3}
  .nav-menu.open{display:flex}
  .nav-menu li a{padding:14px 8px;border-top:1px solid rgba(0,0,0,.12)}
  .mainnav .wrap{flex-wrap:wrap;padding:0 8px}
  .hero h1,.page-head h1{font-size:21px}
  .about-copy{color:#e8e8e8}
}
@media(max-width:480px){
  .hero h1{font-size:19px}
  .tile-h{font-size:20px}
}