/* ============================================================
BUDGET MOVERS — Shared Stylesheet
Palette: Navy #1B2E4B | Orange #E8601C | Light Gray #F5F6F8
White #FFFFFF | Dark Text #222831 | Mid Gray #6B7280
Type: System stack for speed + budget feel
============================================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
–navy: #1B2E4B;
–orange: #E8601C;
–orange-d:#C44E14;
–light: #F5F6F8;
–white: #FFFFFF;
–text: #222831;
–mid: #6B7280;
–border: #DDE1E8;
–radius: 6px;
–max-w: 1100px;
}
body {
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Arial, sans-serif;
color: var(–text);
background: var(–white);
line-height: 1.65;
font-size: 16px;
}
a { color: var(–orange); text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; display: block; }
/* ── NAV ── */
.site-nav {
background: var(–navy);
padding: 0 24px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
position: sticky;
top: 0;
z-index: 100;
min-height: 64px;
}
.nav-logo {
font-size: 1.35rem;
font-weight: 800;
color: var(–white);
letter-spacing: -0.5px;
white-space: nowrap;
}
.nav-logo span { color: var(–orange); }
.nav-links {
display: flex;
list-style: none;
gap: 4px;
flex-wrap: wrap;
}
.nav-links a {
color: rgba(255,255,255,0.82);
font-size: 0.85rem;
font-weight: 500;
padding: 6px 10px;
border-radius: var(–radius);
transition: background 0.15s, color 0.15s;
}
.nav-links a:hover,
.nav-links a.active { background: rgba(255,255,255,0.12); color: var(–white); text-decoration: none; }
.nav-cta {
background: var(–orange);
color: var(–white) !important;
border-radius: var(–radius);
padding: 8px 18px !important;
font-weight: 700 !important;
white-space: nowrap;
font-size: 0.85rem !important;
}
.nav-cta:hover { background: var(–orange-d) !important; text-decoration: none !important; }
/* ── BREADCRUMB ── */
.breadcrumb {
background: var(–light);
padding: 10px var(–max-w);
font-size: 0.82rem;
color: var(–mid);
padding: 10px 32px;
}
.breadcrumb a { color: var(–mid); }
.breadcrumb span { margin: 0 6px; }
/* ── HERO ── */
.hero {
background: var(–navy);
color: var(–white);
padding: 72px 32px 64px;
text-align: center;
position: relative;
overflow: hidden;
}
.hero::before {
content: ”;
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(232,96,28,0.18) 0%, transparent 60%);
pointer-events: none;
}
.hero-eyebrow {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 0.78rem;
font-weight: 700;
color: var(–orange);
margin-bottom: 14px;
}
.hero h1 {
font-size: clamp(1.9rem, 4vw, 3rem);
font-weight: 800;
line-height: 1.18;
max-width: 780px;
margin: 0 auto 18px;
}
.hero p {
font-size: 1.1rem;
color: rgba(255,255,255,0.82);
max-width: 640px;
margin: 0 auto 32px;
}
.hero-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
/* ── BUTTONS ── */
.btn {
display: inline-block;
padding: 13px 28px;
border-radius: var(–radius);
font-weight: 700;
font-size: 0.95rem;
cursor: pointer;
transition: background 0.15s, transform 0.1s;
}
.btn:hover { transform: translateY(-1px); text-decoration: none; }
.btn-primary { background: var(–orange); color: var(–white); }
.btn-primary:hover { background: var(–orange-d); color: var(–white); }
.btn-outline { background: transparent; color: var(–white); border: 2px solid rgba(255,255,255,0.55); }
.btn-outline:hover { border-color: var(–white); color: var(–white); }
.btn-navy { background: var(–navy); color: var(–white); }
.btn-navy:hover { background: #14223a; color: var(–white); }
/* ── SECTION WRAPPER ── */
.section { padding: 64px 32px; }
.section-light { background: var(–light); }
.section-navy { background: var(–navy); color: var(–white); }
.section-navy h2, .section-navy h3 { color: var(–white); }
.section-navy p { color: rgba(255,255,255,0.82); }
.container { max-width: var(–max-w); margin: 0 auto; }
.section-label {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 0.75rem;
font-weight: 700;
color: var(–orange);
margin-bottom: 10px;
}
h2.section-title {
font-size: clamp(1.5rem, 3vw, 2.1rem);
font-weight: 800;
margin-bottom: 14px;
line-height: 1.2;
}
.section-sub {
color: var(–mid);
max-width: 640px;
margin-bottom: 40px;
font-size: 1.02rem;
}
/* ── CARDS GRID ── */
.cards-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 24px;
}
.card {
background: var(–white);
border: 1px solid var(–border);
border-radius: 10px;
padding: 28px 24px;
transition: box-shadow 0.2s, transform 0.2s;
}
.card:hover { box-shadow: 0 6px 24px rgba(0,0,0,0.09); transform: translateY(-2px); }
.card-icon {
width: 52px; height: 52px;
background: rgba(232,96,28,0.1);
border-radius: 12px;
display: flex; align-items: center; justify-content: center;
margin-bottom: 16px;
font-size: 1.6rem;
}
.card h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 8px; }
.card p { color: var(–mid); font-size: 0.93rem; line-height: 1.6; }
.card-link { display: inline-block; margin-top: 14px; font-size: 0.88rem; font-weight: 600; color: var(–orange); }
/* ── TWO-COL FEATURE ── */
.feature-split {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
align-items: center;
}
.feature-split.reverse { direction: rtl; }
.feature-split.reverse > * { direction: ltr; }
.feature-text h2 { font-size: clamp(1.4rem, 2.5vw, 1.9rem); font-weight: 800; margin-bottom: 14px; }
.feature-text p { color: var(–mid); margin-bottom: 16px; }
.feature-img {
border-radius: 10px;
overflow: hidden;
background: var(–light);
aspect-ratio: 4/3;
display: flex; align-items: center; justify-content: center;
font-size: 4rem;
}
/* ── CHECKLIST ── */
.checklist { list-style: none; display: flex; flex-direction: column; gap: 10px; margin: 16px 0 24px; }
.checklist li {
display: flex; gap: 10px; align-items: flex-start;
font-size: 0.95rem; color: var(–text);
}
.checklist li::before {
content: ‘✓’;
color: var(–orange);
font-weight: 800;
flex-shrink: 0;
margin-top: 1px;
}
/* ── STATS BAR ── */
.stats-bar {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 1px;
background: var(–border);
border: 1px solid var(–border);
border-radius: 10px;
overflow: hidden;
margin: 40px 0;
}
.stat-item {
background: var(–white);
padding: 28px 20px;
text-align: center;
}
.stat-num { font-size: 2.1rem; font-weight: 800; color: var(–navy); line-height: 1; }
.stat-label { font-size: 0.8rem; color: var(–mid); margin-top: 6px; text-transform: uppercase; letter-spacing: 0.5px; }
/* ── FAQ ACCORDION ── */
.faq-list { display: flex; flex-direction: column; gap: 12px; }
.faq-item {
border: 1px solid var(–border);
border-radius: var(–radius);
overflow: hidden;
}
.faq-q {
width: 100%; background: none; border: none;
text-align: left; padding: 18px 20px;
font-size: 0.97rem; font-weight: 600; color: var(–text);
cursor: pointer;
display: flex; justify-content: space-between; align-items: center;
gap: 12px;
}
.faq-q:hover { background: var(–light); }
.faq-q .arrow { transition: transform 0.25s; font-size: 0.8rem; color: var(–orange); }
.faq-item.open .arrow { transform: rotate(180deg); }
.faq-a { display: none; padding: 0 20px 18px; color: var(–mid); font-size: 0.93rem; line-height: 1.65; }
.faq-item.open .faq-a { display: block; }
/* ── CTA BAND ── */
.cta-band {
background: var(–orange);
color: var(–white);
padding: 56px 32px;
text-align: center;
}
.cta-band h2 { font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; margin-bottom: 12px; }
.cta-band p { font-size: 1.05rem; opacity: 0.92; margin-bottom: 28px; }
.btn-white { background: var(–white); color: var(–orange); font-weight: 700; }
.btn-white:hover { background: #f0f0f0; color: var(–orange-d); }
/* ── STORAGE TYPE TABS ── */
.storage-tabs { margin-bottom: 40px; }
.tab-btns { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 32px; }
.tab-btn {
padding: 10px 20px;
border: 2px solid var(–border);
border-radius: 100px;
background: none;
font-size: 0.9rem; font-weight: 600; color: var(–mid);
cursor: pointer;
transition: all 0.15s;
}
.tab-btn.active, .tab-btn:hover { border-color: var(–orange); color: var(–orange); background: rgba(232,96,28,0.06); }
/* ── HIGHLIGHT BOX ── */
.highlight-box {
background: rgba(232,96,28,0.07);
border-left: 4px solid var(–orange);
border-radius: 0 var(–radius) var(–radius) 0;
padding: 20px 24px;
margin: 24px 0;
}
.highlight-box p { color: var(–text); font-size: 0.95rem; }
/* ── FOOTER ── */
.site-footer {
background: var(–navy);
color: rgba(255,255,255,0.7);
padding: 48px 32px 28px;
}
.footer-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 32px;
max-width: var(–max-w);
margin: 0 auto 40px;
}
.footer-brand .nav-logo { margin-bottom: 12px; }
.footer-brand p { font-size: 0.87rem; line-height: 1.6; max-width: 260px; }
.footer-col h4 { color: var(–white); font-size: 0.88rem; font-weight: 700; margin-bottom: 14px; text-transform: uppercase; letter-spacing: 0.5px; }
.footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.footer-col a { color: rgba(255,255,255,0.65); font-size: 0.87rem; }
.footer-col a:hover { color: var(–white); text-decoration: none; }
.footer-bottom {
border-top: 1px solid rgba(255,255,255,0.12);
padding-top: 20px;
text-align: center;
font-size: 0.82rem;
max-width: var(–max-w);
margin: 0 auto;
}
/* ── RESPONSIVE ── */
@media (max-width: 768px) {
.nav-links { display: none; }
.feature-split { grid-template-columns: 1fr; gap: 32px; }
.feature-split.reverse { direction: ltr; }
.footer-grid { grid-template-columns: 1fr 1fr; }
.section { padding: 48px 20px; }
.hero { padding: 52px 20px 48px; }
}
@media (max-width: 480px) {
.footer-grid { grid-template-columns: 1fr; }
.stats-bar { grid-template-columns: 1fr 1fr; }
}
Long-Term Storage Solutions
Extended, secure warehouse storage for the moves that don’t have a firm end date — military deployments, corporate assignments, downsizing, and beyond.
When “Temporary” Lasts a While, That’s Okay
Long-term storage — typically anything beyond 90 days — is for situations where you need your belongings held safely for months or even years. Whether you’re on a military deployment, an extended corporate assignment, caring for a family member, or simply not ready to bring items to a new space, we have you covered.
Our warehouse is not a collection of self-storage lockers. Your belongings are stored in dedicated, secured vaults inside a climate-controlled facility with professional handling on both ends.
- Month-to-month pricing — no annual lock-in required
- Climate-controlled warehouse with humidity management
- Dedicated vault storage — your items never mixed with others
- 24/7 security monitoring with video surveillance
- Flexible delivery scheduling when you’re ready
- Inventory provided so you always know what’s stored
Made for Extended-Duration Situations
Long-term storage solves real problems for people in real transitions.
Military Deployments
Deployed for 6–18 months? We’ll store your household goods safely while you serve. We work with military families regularly and understand the unique logistics of PCS moves and deployment storage.
Extended Corporate Assignments
Relocated for work but not sure how long you’ll be there? Store your furniture and belongings rather than shipping and re-shipping them across the country.
Family Caregiving Transitions
Moving to care for a parent or family member, but keeping your own home in the balance? Long-term storage holds your life together while you figure out what comes next.
International Relocation
Moving abroad but not taking everything with you? Keep your furniture and goods safely stored stateside for when you return.
Downsizing
Moving to a smaller home but not ready to part with certain pieces? Long-term storage buys you time to make decisions without living in a crowded space.
Extended Renovation
Major remodels can run months. Store everything safely until your home is completely finished rather than protecting items room by room.
Two Levels of Long-Term Protection
Choose the level of protection that fits your belongings and your budget.
Climate-Controlled Storage
Temperature and humidity managed year-round. Ideal for furniture, electronics, documents, clothing, and most household goods.
- Temperature stabilized
- Humidity controlled
- Padded & wrapped items
- Best for standard households
Vault Storage
Maximum protection inside a fully enclosed, individual wooden crate within the warehouse. The highest security level we offer for long-duration storage.
- Enclosed wooden vault crate
- Individual — not shared space
- Ideal for fine art, antiques, heirlooms
- Full inventory & documentation
Interstate storage note: For moves crossing state lines, federal regulations may cap Storage in Transit (SIT) at 180 days. Long-term storage agreements are handled differently — ask your coordinator which classification applies to your move.
Why BudgetMovers for Long-Term Storage
Long-Term Storage FAQs
Storing for the Long Haul?
Get a transparent, month-to-month quote for your long-term storage needs