$monitor: 1440px; $laptop: 1024px; $tablet: 992px; $mobile: 768px;
@mixin breakpoint($point) { @if $point == monitor { @media (max-width: $monitor - 1px) { @content; } } @else if $point == laptop { @media (max-width: $laptop - 1px) { @content; } } @else if $point == tablet { @media (max-width: $tablet - 1px) { @content; } } @else if $point == mobile { @media (max-width: $mobile - 1px) { @content; } } }
// https://wizardry-technique.webflow.io/ body { font-size: 1.1111111111111112vw; } /\* Max Font Size */ @media screen and (min-width:1440px) { body { font-size: 16px; } }
/\* Min Font Size */ @media screen and (max-width:991px) { body { font-size: 1em; } } // https://wizardry-technique.webflow.io/
body { font-family: GT-America; font-style: normal; font-weight: 275; line-height: 150%; color: var(--forest); background-color: var(--page-bg); }
h1, .h1 { font-size: 5em; font-style: normal; font-weight: 500; line-height: 110%; letter-spacing: -0.8px; margin: 0.25em 0 0.75em;
@include breakpoint(tablet) { font-size: 3.125em; } } h2, .h2 { font-size: 3.125em; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -1px; margin: 0.25em 0 0.75em;
@include breakpoint(tablet) { font-size: 2.1875em; } } h3, .h3 { font-size: 2.8125em; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.9px; margin: 0.25em 0 0.75em;
@include breakpoint(tablet) { font-size: 1.75em; } } h4, .h4 { font-size: 1.875em; font-style: normal; font-weight: 500; line-height: 105%; letter-spacing: -0.6px; margin: 0.25em 0 0.75em;
@include breakpoint(tablet) { font-size: 1.25em; } } p { font-style: normal; font-size: 16px; font-weight: 275; line-height: 150%; // color: var(--forest); } .eyebrow { font-size: 15px; font-style: normal; font-weight: 500; line-height: 123%; letter-spacing: 1.5px; text-transform: uppercase;
@include breakpoint(tablet) { font-size: 12px; } }
// LARGE BUTTON .button-large { display: inline-block; text-align: center; font-size: 18px; font-style: normal; font-weight: 400; line-height: 105.687%; text-transform: capitalize; text-decoration: none; color: inherit; padding: 0.82em 2em; min-width: 212px; border: 1px solid var(--forest); border-radius: 25px; transition: 0.3s background-color;
&:hover { background-color: var(--evergreen); border-color: var(--evergreen); color: var(--neutral); }
&--white-line { @extend .button-large; color: var(--white); border: 1px solid var(--white);
&:hover { color: var(--black); background-color: var(--white); } }
&--evergreen { @extend .button-large; background-color: var(--evergreen); color: var(--neutral); border: none;
&:hover { background-color: var(--forest); } } }
// SMALL BUTTON .button-small { .button-small-href { display: flex; padding: 20px 0; color: inherit; text-decoration: none;
.button-small-line-right { position: relative; margin-left: 10px; width: 35px; height: 2px; background-color: #06443c; border-radius: 2px; transition: 200ms width;
&:before, &:after { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV8/pCJVETuIOGRoO9lFRRy1CkWoEGqFVh1MLv2CJg1Jiouj4Fpw8GOx6uDirKuDqyAIfoA4OzgpukiJ/0sKLWI8OO7Hu3uPu3eAv1llqhmcBVTNMjKppJDLrwqhVwQxhAHEEJeYqc+JYhqe4+sePr7eJXiW97k/R79SMBngE4hnmW5YxBvE05uWznmfOMLKkkJ8Tjxu0AWJH7kuu/zGueSwn2dGjGxmnjhCLJS6WO5iVjZU4iniqKJqlO/Puaxw3uKsVuusfU/+wnBBW1nmOs0xpLCIJYgQIKOOCqqwkKBVI8VEhvaTHv5Rxy+SSyZXBYwcC6hBheT4wf/gd7dmcXLCTQongZ4X2/6IAaFdoNWw7e9j226dAIFn4Err+GtNYOaT9EZHix4Bg9vAxXVHk/eAyx1g5EmXDMmRAjT9xSLwfkbflAeGb4G+Nbe39j5OH4AsdZW+AQ4OgXiJstc93t3b3du/Z9r9/QCwaXK/e5hOFQAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+gEEQ4nOaS4shIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAC0lEQVQI12NgAAIAAAUAAeImBZsAAAAASUVORK5CYII=); display: block; position: absolute; width: 10px; height: 2px; background-color: #06443c; transform: rotate(45deg); right: -1px; top: -3px; border-radius: 2px; }
&:after { transform: rotate(-45deg); top: 3px; } }
.button-small-line-left { position: relative; margin-right: 10px; width: 35px; height: 2px; background-color: #06443c; border-radius: 2px; transition: 200ms width;
&:after { transform: rotate(45deg); top: 3px; } }
&:hover { .button-small-line-right { width: 50px; }
.button-small-line-left { width: 50px; } } }
&--white { @extend .button-small;
.button-small-href { color: var(--white);
.button-small-line-right, .button-small-line-left { background-color: var(--white);
&:before, &:after { background-color: var(--white); } } }
&:hover { .button-small-line-right { width: 50px; }
.button-small-line-left { width: 50px; } } } }
// DARK NAV .nav-dark { position: absolute; background-color: var(--page-bg); width: 100%; height: 82px; z-index: 1001;
@media screen and (max-width:991px) { top: 0px; height: 54px; }
.nav-outside { position: absolute; background-image: none;
@media screen and (max-width:991px) { background-color: var(--page-bg); }
.nav-inside { .nav-logo-image-white { display: none; } .nav-logo-image-dark { display: block; } .nav-menu { .nav-linklist-label { color: var(--forest); } .nav-linklist { .nav-linklist-item { .nav-linklist-item-link { color: var(--forest); } } } .nav-button { color: var(--forest); border-color: var(--forest); } }
.nav-burger-btn { .nav-burger-btn-bar { background-color: var(--forest); } } } } }
Locally owned & client-focused. Payroll re-defined.
brand overview
Payroll Vault is the premier payroll franchise concept that has accelerated its success through franchisee satisfaction
Since 2012, we've become a growing network of franchisees, each with their own unique ability to enhance the financial future of their local business community. Not only is Payroll Vault your franchise opportunity to be a local pioneer, paving the way for other professionals, it is your chance to build a legacy.
industry
Business Services
open units
60+
operations type
Multiple Revenue Streams
.brand-overview-images { .w-dyn-list { height: 100%;
.brand-overview-slider { height: 100%;
.brand-overview-slider-item:not(:first-of-type) { display: none; }
.flickity-viewport { height: 100% !important;
.brand-overview-slider-item { display: block; width: 100%; height: 100%;
@media screen and (max-width:991px) { width: calc(100% - 40px) !important; margin-right: 10px; }
img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } } }
.flickity-prev-next-button { width: 43px; height: 43px; background: var(--neutral); transition: 300ms background;
@media screen and (max-width:991px) { display: none; }
&.previous { display: none; }
&.next { bottom: 10px; right: 30px; left: auto; top: auto; }
&:hover { background: var(--sage); }
.flickity-button-icon { path { fill: var(--forest); } } }
.flickity-page-dots { display: none; bottom: -30px;
@media screen and (max-width:991px) { display: block; }
.dot { width: 11px; height: 11px; margin: 0 4px; background: #75988F; opacity: 0.2;
&.is-selected { opacity: 1; } } } } } }
No items found.
.section_why-brand { .why-brand-reasons { .why-brand-reason { border-right: 1px solid var(--moss);
&:nth-of-type(3) { border-right: none; }
h1, h2, h3, h4, h5, h6 { color: var(--evergreen); line-height: 130%; } }
.why-brand-reason-dd { width: 100% !important; } } }
why
Payroll Vault
### Local go-to expert for payroll and workforce management services
Freedom and Independence
Create your work/life balance supported by a professional lifestyle business.
Satisfaction and Fulfillment
Build a business that delivers a vital business service
Community and Discovery
Channel stress of a job into energy of business ownership and make lifelong connections that enrich and empower your community.
Freedom and Independence
Satisfaction and Fulfillment
Community and Discovery
Our Impact
Payroll Vault
"My team works extremely hard to ensure that our clients receive the best possible service, and the business would not be where it is without them. We are also a success thanks to the tremendous and continuous support we receive from Payroll Vault."
– Cadie Gaut
Franchisee // Mobile, AL
.contact-cta {
.eyebrow { margin-bottom: 0; }
h3 { margin-top: 0.25em; margin-bottom: 0.85em; } }
CONNECT WITH OUR TEAM
Ready to partner with us? Let’s talk.
Testimonials
.testimonials-slider {
.w-dyn-items { .w-dyn-item { display: none;
&:first-of-type { display: flex; } }
&.flickity-enabled { .w-dyn-item { display: flex; } } }
.flickity-viewport { transition: height 0.2s; width: 100%; }
.flickity-prev-next-button { top: 0; right: 0; left: auto !important; transform: translateY(calc(-100% - 20px)); width: 43px; height: 43px; background: transparent; transition: 300ms background;
@media screen and (max-width:991px) { display: none; }
&.previous { right: 50px; }
&.next { right: 0px; }
&:hover { background: var(--sage); }
.flickity-button-icon { path { fill: var(--forest); } } }
.flickity-page-dots { display: none;
@media screen and (max-width:991px) { display: block; } }
.testimonials-slider-slide {
} }
No items found.
RESOURCES
Learn more about
Payroll Vault
.w-dyn-item { &.featured-item { grid-column: 1/3 !important; } }
.image-card-cta {
.w-dyn-empty { display: none; }
.image-card-cta-image { &:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV8/pCJVETuIOGRoO9lFRRy1CkWoEGqFVh1MLv2CJg1Jiouj4Fpw8GOx6uDirKuDqyAIfoA4OzgpukiJ/0sKLWI8OO7Hu3uPu3eAv1llqhmcBVTNMjKppJDLrwqhVwQxhAHEEJeYqc+JYhqe4+sePr7eJXiW97k/R79SMBngE4hnmW5YxBvE05uWznmfOMLKkkJ8Tjxu0AWJH7kuu/zGueSwn2dGjGxmnjhCLJS6WO5iVjZU4iniqKJqlO/Puaxw3uKsVuusfU/+wnBBW1nmOs0xpLCIJYgQIKOOCqqwkKBVI8VEhvaTHv5Rxy+SSyZXBYwcC6hBheT4wf/gd7dmcXLCTQongZ4X2/6IAaFdoNWw7e9j226dAIFn4Err+GtNYOaT9EZHix4Bg9vAxXVHk/eAyx1g5EmXDMmRAjT9xSLwfkbflAeGb4G+Nbe39j5OH4AsdZW+AQ4OgXiJstc93t3b3du/Z9r9/QCwaXK/e5hOFQAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+gEEQ4nOaS4shIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAC0lEQVQI12NgAAIAAAUAAeImBZsAAAAASUVORK5CYII=); display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(53, 53, 53, 0.00) 0%, rgba(53, 53, 53, 0.73) 100%); z-index: 1; }
&:after { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV8/pCJVETuIOGRoO9lFRRy1CkWoEGqFVh1MLv2CJg1Jiouj4Fpw8GOx6uDirKuDqyAIfoA4OzgpukiJ/0sKLWI8OO7Hu3uPu3eAv1llqhmcBVTNMjKppJDLrwqhVwQxhAHEEJeYqc+JYhqe4+sePr7eJXiW97k/R79SMBngE4hnmW5YxBvE05uWznmfOMLKkkJ8Tjxu0AWJH7kuu/zGueSwn2dGjGxmnjhCLJS6WO5iVjZU4iniqKJqlO/Puaxw3uKsVuusfU/+wnBBW1nmOs0xpLCIJYgQIKOOCqqwkKBVI8VEhvaTHv5Rxy+SSyZXBYwcC6hBheT4wf/gd7dmcXLCTQongZ4X2/6IAaFdoNWw7e9j226dAIFn4Err+GtNYOaT9EZHix4Bg9vAxXVHk/eAyx1g5EmXDMmRAjT9xSLwfkbflAeGb4G+Nbe39j5OH4AsdZW+AQ4OgXiJstc93t3b3du/Z9r9/QCwaXK/e5hOFQAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+gEEQ4nOaS4shIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAC0lEQVQI12NgAAIAAAUAAeImBZsAAAAASUVORK5CYII=); display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--sage); z-index: 2; opacity: 0; transition: 0.3s opacity; } }
.image-card-cta-play-icon { .circle, .triangle { transition: 0.3s all; } }
.button-small { .button-small-line-right, .button-small-line-left { background-color: var(--white); &:before, &:after { background-color: var(--white); } } }
&:hover { color: var(--forest);
.image-card-cta-image { &:after { opacity: 1; } }
.image-card-cta-play-icon { .circle { fill: var(--moss); } .triangle { fill: var(--moss); } }
.button-small { .button-small-line-right, .button-small-line-left { background-color: var(--forest); width: 50px; &:before, &:after { background-color: var(--forest); } } } } }
Brand News
Payroll Vault Opens New Franchise in North Idaho Region
CPA Invests in Award-Winning Franchise That Also Covers Hayden, Post Falls
.w-dyn-item { &.featured-item { grid-column: 1/3 !important; } }
.image-card-cta {
.w-dyn-empty { display: none; }
.image-card-cta-play-icon { .circle, .triangle { transition: 0.3s all; } }
.button-small { .button-small-line-right, .button-small-line-left { background-color: var(--white); &:before, &:after { background-color: var(--white); } } }
&:hover { color: var(--forest);
.image-card-cta-image { &:after { opacity: 1; } }
.image-card-cta-play-icon { .circle { fill: var(--moss); } .triangle { fill: var(--moss); } }
Brand News
Payroll Vault Opens New Franchise in Castle Rock
Colorado Family Invests In Award-Winning Franchise
.w-dyn-item { &.featured-item { grid-column: 1/3 !important; } }
.image-card-cta {
.w-dyn-empty { display: none; }
.image-card-cta-play-icon { .circle, .triangle { transition: 0.3s all; } }
.button-small { .button-small-line-right, .button-small-line-left { background-color: var(--white); &:before, &:after { background-color: var(--white); } } }
&:hover { color: var(--forest);
.image-card-cta-image { &:after { opacity: 1; } }
.image-card-cta-play-icon { .circle { fill: var(--moss); } .triangle { fill: var(--moss); } }
Brand News
Payroll Vault Expands Services in Colorado
Payroll Vault announced today it has recently expanded in Denver, signing a local entrepreneur as its latest franchisee.
.contact-modal { .contact-modal-form { .w-richtext, .w-embed { width: 100%; }
fieldset { margin-bottom: 20px; max-width: none;
&.form-columns-2 { display: flex; gap: 20px;
.field { width: calc(50% - 10px); flex-shrink: 0; } } } label { font-size: 14px; font-weight: 400; color: var(--evergreen); margin-bottom: 1em; } select { width: 100% !important; position: relative; font-size: 16px; color: var(--evergreen); appearance: none; border: none; outline: none; background-color: var(--white); background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjI0NjA5IDAuOTgzMzk3TDcuODMwMDggNy4wMTU2M0wxNC40MTQxIDAuOTgzNCIgc3Ryb2tlPSIjMDA2NjVBIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==); background-repeat: no-repeat; background-position: center right 20px; border-radius: 20px; padding: 0.75em 1em;
} input[type="text"], input[type="email"] { font-size: 16px; appearance: none; border: none; outline: none; background: transparent; border-bottom: 1px solid var(--moss); width: 100%; color: var(--evergreen); padding: 0 1em 0.5em; } textarea { font-size: 16px; appearance: none; border: none; outline: none; background: var(--white); width: 100% !important; border-radius: 20px; min-height: 100px; color: var(--evergreen); padding: 1em; } .inputs-list { list-style: none; padding: 0; margin: 0;
&.hs-error-msgs { label { color: red; } }
.hs-error-msg { color: red; font-weight: bold; }
.hs-form-booleancheckbox {
label { cursor: pointer; display: flex; align-content: center;
&:hover { span:after { opacity: 0.5; } }
input { display: none; }
input:checked + span:after { opacity: 1; }
span { position: relative; display: flex; align-items: center; margin-left: 0.5em;
&:before { display: inline-block; content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV8/pCJVETuIOGRoO9lFRRy1CkWoEGqFVh1MLv2CJg1Jiouj4Fpw8GOx6uDirKuDqyAIfoA4OzgpukiJ/0sKLWI8OO7Hu3uPu3eAv1llqhmcBVTNMjKppJDLrwqhVwQxhAHEEJeYqc+JYhqe4+sePr7eJXiW97k/R79SMBngE4hnmW5YxBvE05uWznmfOMLKkkJ8Tjxu0AWJH7kuu/zGueSwn2dGjGxmnjhCLJS6WO5iVjZU4iniqKJqlO/Puaxw3uKsVuusfU/+wnBBW1nmOs0xpLCIJYgQIKOOCqqwkKBVI8VEhvaTHv5Rxy+SSyZXBYwcC6hBheT4wf/gd7dmcXLCTQongZ4X2/6IAaFdoNWw7e9j226dAIFn4Err+GtNYOaT9EZHix4Bg9vAxXVHk/eAyx1g5EmXDMmRAjT9xSLwfkbflAeGb4G+Nbe39j5OH4AsdZW+AQ4OgXiJstc93t3b3du/Z9r9/QCwaXK/e5hOFQAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+gEEQ4nOaS4shIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAC0lEQVQI12NgAAIAAAUAAeImBZsAAAAASUVORK5CYII=); position: relative; width: 18px; height: 18px; background-color: var(--moss); border-radius: 100%; margin-right: 10px; }
&:after { display: inline-block; content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMSAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMTY0MDYgNi4xOTA1NEwzLjU2ODI5IDguNTA0MzdMOS45OTI1NSAxLjA5MTgiIHN0cm9rZT0iI0U5RTdERSIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=); position: absolute; width: 9px; height: 8px; top: -2px; left: 4px; opacity: 0; transition: 0.2s opacity; }
p { display: inline-block; font-size: 14px; font-style: italic; } } } } } input[type="submit"] { appearance: none; border: none; outline: none; background: transparent; width: 100%; display: inline-block; text-align: center; font-size: 18px; font-style: normal; font-weight: 400; line-height: 105.687%; text-transform: capitalize; text-decoration: none; color: inherit; padding: 0.82em 2em; min-width: 212px; border: 1px solid var(--evergreen); border-radius: 25px; transition: 0.3s background-color; background-color: var(--evergreen); color: var(--neutral);
&:hover { background-color: var(--forest); } } } }
connect with our team
Ready to partner with us? Let’s talk.
Brand Interest (Active)
Please SelectBreak CoffeeGreenLightPayroll VaultSea Love
First name*
Last name*
Email*
Message
Lead source
- Send me franchise news and insights
reCAPTCHA
Recaptcha requires verification.
protected by reCAPTCHA
.contact-modal { .contact-modal-form { .w-richtext, .w-embed { width: 100%; }
fieldset { margin-bottom: 20px; max-width: none;
&.form-columns-2 { display: flex; gap: 20px;
&.hs-error-msgs { label { color: red; } }
.hs-error-msg { color: red; font-weight: bold; }
.hs-form-booleancheckbox {
label { cursor: pointer; display: flex; align-content: center;
&:hover { span:after { opacity: 0.5; } }
input { display: none; }
input:checked + span:after { opacity: 1; }
span { position: relative; display: flex; align-items: center; margin-left: 0.5em;
&:hover { background-color: var(--forest); } } } }
Contact US
Your next franchise partner is here
Ready to partner with us? Let’s talk.
Brand Interest (Active)
Please SelectBreak CoffeeGreenLightPayroll VaultSea Love
First name*
Last name*
Email*
Message
Lead source
- Send me franchise news and insights
reCAPTCHA
Recaptcha requires verification.
protected by reCAPTCHA
reCAPTCHA
Select all squares with traffic lights If there are none, click skip
Please try again.
Please select all matching images.
Please also check the new images.
Please select around the object, or reload if there are none.
Skip
reCAPTCHA
Select all squares with traffic lights If there are none, click skip
Please try again.
Please select all matching images.
Please also check the new images.
Please select around the object, or reload if there are none.
Skip