@charset "UTF-8";
body {
  background-image: url("https://cdn11.bigcommerce.com/s-xipvh/images/stencil/original/image-manager/onair-background-edit.png?t=1660547704");
  background-position: center;
  background-attachment: fixed;
  background-size: cover; }

.body {
  max-width: 1334px;
  margin: auto;
  background-color: white; }

.home {
  background-image: url("https://cdn11.bigcommerce.com/s-xipvh/images/stencil/original/image-manager/onair-background-edit.png?t=1660547704");
  background-position: center;
  background-attachment: fixed;
  background-size: cover; }

blockquote p {
  font-size: 15px;
  line-height: 22px;
  margin: 20px 10%;
  text-align: justify;
  text-indent: 20px; }

.card-body .card-text {
  color: #002a38; }

/* =========================================================
   ONAIR / VAULT THEME — DESKTOP MEGA MENU COLUMN FIX

   Add this to: assets/scss/custom.scss
   Then save and apply the theme.

   This affects only the desktop Brands and Solutions menus.
   The mobile navigation is not changed.
   ========================================================= */
/* ---------- BRANDS: THREE COLUMNS ---------- */
.navPages-wider.desktop
.navPages-list.two
.nav-page-list
> a[href="/brands/"]
+ .navPage-subMenu {
  left: 0 !important;
  right: auto !important;
  width: 680px !important;
  max-width: calc(100vw - 40px) !important;
  max-height: none !important;
  padding: 14px 16px 16px !important;
  overflow: visible !important;
  z-index: 1001 !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18); }

.navPages-wider.desktop
.navPages-list.two
.nav-page-list
> a[href="/brands/"]
+ .navPage-subMenu
> .navPage-subMenu-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: 18px !important;
  row-gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important; }

.navPages-wider.desktop
.navPages-list.two
.nav-page-list
> a[href="/brands/"]
+ .navPage-subMenu
> .navPage-subMenu-list
> .navPage-subMenu-item {
  display: block !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important; }

.navPages-wider.desktop
.navPages-list.two
.nav-page-list
> a[href="/brands/"]
+ .navPage-subMenu
.navPage-subMenu-action {
  display: block !important;
  width: 100% !important;
  padding: 7px 10px !important;
  line-height: 1.3 !important;
  white-space: normal !important; }

/* ---------- SOLUTIONS: TWO COLUMNS ---------- */
/*
   The current Vault navigation uses /brands (without the
   trailing slash) for the Solutions menu. If that menu link
   is changed later, update the href in these selectors.
*/
.navPages-wider.desktop
.navPages-list.two
.nav-page-list
> a[href="/brands"]
+ .navPage-subMenu {
  left: 0 !important;
  right: auto !important;
  width: 480px !important;
  max-width: calc(100vw - 40px) !important;
  max-height: none !important;
  padding: 14px 16px 16px !important;
  overflow: visible !important;
  z-index: 1001 !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18); }

.navPages-wider.desktop
.navPages-list.two
.nav-page-list
> a[href="/brands"]
+ .navPage-subMenu
> .navPage-subMenu-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 18px !important;
  row-gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important; }

.navPages-wider.desktop
.navPages-list.two
.nav-page-list
> a[href="/brands"]
+ .navPage-subMenu
> .navPage-subMenu-list
> .navPage-subMenu-item {
  display: block !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important; }

.navPages-wider.desktop
.navPages-list.two
.nav-page-list
> a[href="/brands"]
+ .navPage-subMenu
.navPage-subMenu-action {
  display: block !important;
  width: 100% !important;
  padding: 7px 10px !important;
  line-height: 1.3 !important;
  white-space: normal !important; }

/* ---------- NARROW DESKTOP: BRANDS USE TWO COLUMNS ---------- */
@media (min-width: 901px) and (max-width: 1100px) {
  .navPages-wider.desktop
.navPages-list.two
.nav-page-list
> a[href="/brands/"]
+ .navPage-subMenu {
    width: 500px !important;
    max-width: calc(100vw - 32px) !important; }
  .navPages-wider.desktop
.navPages-list.two
.nav-page-list
> a[href="/brands/"]
+ .navPage-subMenu
> .navPage-subMenu-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }