/******************************************************************
Site Name:
Author:

Stylesheet: Header

******************************************************************/
/******************************************************************
Site Name:
Author:

Stylesheet: All SASS Utility Includes

******************************************************************/
/******************************************************************
Site Name:
Author:

Stylesheet: Utility Functions

******************************************************************/
/******************************************************************
Site Name:
Author:

Stylesheet: Variables

******************************************************************/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of Sass' great features:
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques like gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

******************************************************************/
/******************************************************************
Site Name:
Author:

Stylesheet: Main Navigation

On mobile devices, this menu is known as "off-canvas".
It currently slides out from the right.

******************************************************************/
#main-navigation {
  background-color: #ffffff;
}
#main-navigation ul {
  clear: both;
  margin: 0;
  padding: 0;
}
#main-navigation li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: 300;
}
#main-navigation li a {
  color: #111;
  font-family: "Knockout 31 A", "Knockout 31 B", "Arial", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", sans-serif;
  font-size: 1.5rem;
}
#main-navigation li.button a {
  color: #ffffff;
  font-size: 1.375rem;
}
#main-navigation ul.main-menu > li > a {
  text-decoration: none;
}
#main-navigation ul.main-menu > li.menu-item-has-children {
  position: relative;
}
#main-navigation ul.main-menu > li.menu-item-has-children.header-apply-button ul.sub-menu {
  left: unset;
  right: 0;
}

#main-navigation button,
#mobile-menu-button {
  background: none;
  color: inherit;
  font: inherit;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  cursor: pointer;
}

@media (max-width: 767.98px) {
  #mobile-menu-button {
    display: block;
    color: #ffffff;
    font-size: 0.875em;
    background: #ee1b2e;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1;
    padding: 0.65em;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    z-index: 1000;
  }
  #mobile-menu-button:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f0c9";
    display: inline-block;
    margin-right: 5px;
    width: 1em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  #main-navigation .menu-header-menu-container {
    display: none;
    background-color: rgba(74, 74, 74, 0.97);
    padding-bottom: 2em;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 997;
  }
  #main-navigation .menu-header-menu-container .existing-customer-link {
    display: block;
    margin-top: 0.5em;
    padding-left: 1em;
    font-size: inherit;
  }
  #main-navigation .menu-header-menu-container .existing-customer-link a {
    color: #ffffff;
    font-size: 1.125em;
    padding: 5px 15px;
  }
  #main-navigation li {
    display: block;
    padding-left: 1em;
    padding-right: 1em;
  }
  #main-navigation li a {
    color: #ffffff;
    display: inline-block;
    font-size: 1.125em;
    padding: 5px 15px;
    text-decoration: none;
  }
  #main-navigation li.button {
    background: none;
    text-align: left;
  }
  #main-navigation li.button a {
    font-weight: 500;
    margin-bottom: 0.5em;
  }
  #main-navigation li.button ul.sub-menu li {
    margin-left: calc(1em + 15px);
  }
  #main-navigation li.button ul.sub-menu li a {
    background-color: #ee1b2e;
    margin-bottom: 0.5em;
    text-align: center;
  }
  #main-navigation ul.sub-menu li {
    margin-left: 1em;
  }
  body.mobile-menu-open #masthead {
    position: relative;
  }
  body.mobile-menu-open #masthead:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: rgb(74, 74, 74);
    z-index: 998;
  }
  body.mobile-menu-open #main-navigation #mobile-menu-button:before {
    content: "\f00d";
  }
  body.mobile-menu-open #main-navigation .menu-header-menu-container {
    display: block;
  }
}
@media (min-width: 768px) {
  #mobile-menu-button {
    display: none !important;
  }
  #main-navigation {
    display: block;
    background-color: #ffffff;
    white-space: nowrap;
    position: relative;
    margin-top: 1em;
  }
  #main-navigation .menu-header-menu-container .existing-customer-link {
    display: none !important;
  }
  #main-navigation button.menu-button,
  #main-navigation button.menu-back-button {
    display: none !important;
  }
  #main-navigation ul.main-menu {
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
  }
  #main-navigation ul.main-menu li.focus ul.sub-menu {
    display: block;
  }
  #main-navigation ul.main-menu li:not(.button) {
    font-size: 0.85em;
    padding: 0.25em 0.6em;
    white-space: normal;
  }
  #main-navigation ul.main-menu li:not(.button).button {
    margin-left: 1em;
  }
  #main-navigation ul.sub-menu {
    background-color: #ee1b2e;
    display: none;
    position: absolute;
    text-align: left;
    top: 99.9%;
    bottom: auto;
    left: 0;
    width: auto;
    z-index: 1000;
  }
  #main-navigation ul.sub-menu li.menu-item {
    display: block;
    margin: 0;
    white-space: nowrap;
  }
  #main-navigation ul.sub-menu li.menu-item a {
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 12px;
    text-align: left;
    color: #ffffff;
    text-decoration: none;
  }
  #main-navigation ul.sub-menu li.menu-item a:hover, #main-navigation ul.sub-menu li.menu-item a:focus {
    text-decoration: underline;
  }
  #main-navigation ul.sub-menu li.menu-item ul.sub-menu {
    left: 99.9%;
    top: 0;
  }
  #main-navigation li:hover > ul {
    display: table;
  }
}
@media (min-width: 992px) {
  #main-navigation ul.main-menu li.menu-item:not(.button) {
    font-size: 1em;
    padding: 0.25em 1em;
    margin-right: 1rem;
  }
  #main-navigation ul.sub-menu li.menu-item a {
    font-size: 1rem;
    padding-left: 10px;
    padding-right: 10px;
  }
}
/******************************************************************
Site Name:
Author:

Stylesheet: Hero

******************************************************************/
.hero {
  padding: 3em 0 2.5em;
  background-position: center center;
  background-size: cover;
  position: relative;
}
.hero .container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .homepage-hero {
    padding: 4em 0;
  }
}

.hero-simple.background-color-black {
  border-bottom: 7px solid #ee1b2e;
}

.hero-advanced {
  padding: 2em 0;
}
@media (min-width: 576px) {
  .hero-advanced {
    padding: 4em 0;
  }
}
@media (min-width: 768px) {
  .hero-advanced {
    padding: 8em 0;
  }
}
.hero-advanced .hero-title,
.hero-advanced .hero-subtitle,
.hero-advanced .hero-description p,
.hero-advanced a:not(.button) {
  color: #ffffff;
  text-shadow: 0 0 8px #111;
}
.hero-advanced .hero-title {
  font-size: 1.375rem;
}
@media (min-width: 576px) {
  .hero-advanced .hero-title {
    font-size: 1.75rem;
  }
}
.hero-advanced .hero-subtitle {
  font-size: 2.25rem;
  margin-top: 14px;
}
@media (min-width: 576px) {
  .hero-advanced .hero-subtitle {
    font-size: 2.75rem;
    line-height: 1;
  }
}
.hero-advanced .hero-container {
  position: relative;
  z-index: 3;
}

.hero_light .hero-title,
.hero_light .hero-subtitle,
.hero_light .hero-description p,
.hero_light a:not(.button) {
  color: #111;
  text-shadow: none;
}

.hero-content-width-narrow {
  max-width: 550px;
}

.hero-content-width-normal {
  max-width: 650px;
}

.hero-content-width-wide {
  max-width: none;
}

.hero-content-align-right {
  margin-left: auto;
}

.hero-card-image-container {
  padding: 0 3em;
}

.hero_card_side .hero-card-image-container {
  padding: 0 1em;
}
@media (min-width: 768px) {
  .hero_card_side .hero-container {
    display: flex;
    flex-direction: row;
  }
  .hero_card_side .hero-card-image-container {
    padding: 0 1em;
    flex: 1 0 325px;
  }
  .hero_card_side .hero-content-container {
    padding: 0 1em;
  }
  .hero_card_side .hero-title {
    margin-top: 0;
  }
}

.hero-content-container {
  display: inline-block;
  padding: 1em;
}
@media (min-width: 768px) {
  .hero-content-container {
    padding: 1em 3em;
  }
}
.hero-content-container p {
  color: #ffffff;
  font-size: 1.25rem;
  margin: 0.9em 0 1em;
}
.hero-content-container .cta {
  margin-bottom: 0;
}

.hero-title,
.hero-subtitle {
  font-size: 1.75em;
  line-height: 1.1;
}
@media (min-width: 576px) {
  .hero-title,
  .hero-subtitle {
    font-size: 2.25em;
  }
}
@media (min-width: 768px) {
  .hero-title,
  .hero-subtitle {
    font-size: 3.125em;
  }
}

.hero-title {
  color: #ee1b2e;
  margin-top: 0;
  margin-bottom: 0;
}

.hero-subtitle {
  color: #ee1b2e;
  margin: 0;
}

.hero-dark-stripes {
  background-image: linear-gradient(0deg, #000000 5.56%, #333333 5.56%, #333333 50%, #000000 50%, #000000 55.56%, #333333 55.56%, #333333 100%);
  background-size: 18px 18px;
}
.hero-dark-stripes .container::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background: radial-gradient(circle farthest-side, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
}

.hero-light-stripes {
  background-image: linear-gradient(0deg, #e1e1e1 5.56%, #b6b6b6 5.56%, #b6b6b6 50%, #e1e1e1 50%, #e1e1e1 55.56%, #b6b6b6 55.56%, #b6b6b6 100%);
  background-size: 18px 18px;
}
.hero-light-stripes .container::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background: radial-gradient(circle farthest-side, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.1));
}

#inner-header {
  padding: 1em;
  max-width: 1170px;
  margin: 0 auto;
}

#logo.h1 {
  margin: 0;
}
#logo a {
  text-decoration: none;
}
#logo img {
  position: relative;
  z-index: 999;
  width: 145px;
  max-width: 145px;
  height: 100%;
}

.header-content .existing-customer-link {
  margin-bottom: 0.5rem;
}
.header-content .existing-customer-link a {
  font-size: 0.8rem;
  font-weight: normal;
  line-height: 1;
  display: inline-block;
  color: #8b8b8e;
  text-decoration: none;
}
.header-content .existing-customer-link a:hover {
  text-decoration: underline;
}
.header-content .phone-number a {
  line-height: 1;
  display: inline-block;
  color: #ee1b2e;
  font-size: 1.125rem;
  text-decoration: none;
}
.header-content .phone-number a:hover {
  text-decoration: underline;
}
.header-content .header-coupon-code {
  font-size: 0.75rem;
  color: #ee1b2e;
}
.header-content .header-coupon-code span {
  font-weight: bold;
}

@media (max-width: 767.98px) {
  #inner-header {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  #logo {
    order: 2;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    justify-content: space-between;
  }
  .header-content {
    order: 1;
  }
  .header-content .existing-customer-link {
    display: none;
  }
  .header-content .phone-number,
  .header-content .header-coupon-code {
    display: block;
    text-align: center;
  }
  .header-content .header-coupon-code {
    margin-bottom: 8px;
  }
}
@media (min-width: 576px) {
  #inner-header {
    padding: 1em 2em;
  }
  .header-content {
    display: flex;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
    justify-content: flex-start;
  }
}
@media (min-width: 768px) {
  #inner-header {
    padding: 1em 3em;
  }
  #logo img {
    width: 165px;
    max-width: 165px;
  }
}
@media (min-width: 992px) {
  #logo img {
    width: 250px;
    max-width: 250px;
  }
}
body.mobile-menu-open {
  position: fixed;
  top: 0;
  width: 100%;
  overflow-y: hidden;
}
body.mobile-menu-open .header-content .phone-number {
  position: relative;
  z-index: 1000;
}
body.mobile-menu-open .header-content .phone-number a {
  color: #ffffff;
}
body.mobile-menu-open .header-content .header-coupon-code {
  color: #ffffff;
  position: relative;
  z-index: 1000;
}

@media (max-width: 767.98px) {
  .sales-rep-header-info {
    order: 2;
  }
}
.sales-rep-header-info span {
  display: block;
  text-align: right;
}/*# sourceMappingURL=header.css.map */