:root {
  --bell-black-new: #1b1b1b;
  --bell-black-old: #111111;
  --bell-white-new: #ffffff;
  --bell-dark-blue-new: #003778;
  --bell-blue-new: #00549a;
  --Blue-Online: #0070ce;
  --bell-sky-dark: #b7d1e1;
  --bell-sky-default: #d3e3ed;
  --bell-sky-light: #e9f1f6;
  --bell-sky-lighter: #f4f8fb;
  --Text-colour-Body-light: #555555;
  --bell-default-grey: #989b9b;
  --bell-light-grey-new: #e1e1e1;
  --bell-lighter-grey-new: #f7f7f7;
  --bell-vellum-dark: #e1ddd1;
  --bell-vellum-default: #eeece5;
  --bell-vellum-light: #f7f5f2;
  --bell-vellum-lighter: #f9f8f6;
  --Greyscale-Grey-keyline: var(--bell-light-grey-new);
  --bell-blue-grad1: #0070ce;
  --bell-blue-grad2: #00549a;
  --bell-blue-grad3: #003078;
  --bell-blue-gradient: radial-gradient(82.97% 82.35% at 79.46% 38.83%, #0070ce 0%, #00549a 50%, #003078 100%);
  --font-family-regular: "satoshi_regular";
  --font-family-black: "satoshi_black";
  --font-family-light: "satoshi_light";
  --font-family-variable: "satoshi_variable"
}

@font-face {
  font-family: bell-slim-regular;
  src: url(/styles/BRF4/core/fonts/bellslim_regular-webfont.woff2) format("woff2"),url(/styles/BRF4/core/fonts/bellslim_regular-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: bell-slim-medium;
  src: url(/styles/BRF4/core/fonts/bellslim_medium-webfont.woff2) format("woff2"),url(/styles/BRF4/core/fonts/bellslim_medium-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: bell-slim-semibold;
  src: url(/styles/BRF4/core/fonts/bellslim_semibold-webfont.woff2) format("woff2"),url(/styles/BRF4/core/fonts/bellslim_semibold-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: bell-slim-heavy;
  src: url(/styles/BRF4/core/fonts/bellslim_heavy-webfont.woff2) format("woff2"),url(/styles/BRF4/core/fonts/bellslim_heavy-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: bell-slim-black;
  src: url(/styles/BRF4/core/fonts/bellslim_black-webfont.woff2) format("woff2"),url(/styles/BRF4/core/fonts/bellslim_black-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: bellslimrev-black;
  src: url(/styles/BRF4/core/fonts/BellSlimRevBlack.woff2) format("woff2"),url(/styles/BRF4/core/fonts/bellslim_black-webfont.woff) format("woff");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: bellslimrev-regular;
  src: url(/styles/BRF4/core/fonts/bellslim_regular-webfont.woff2) format("woff2"),url(/styles/BRF4/core/fonts/bellslim_regular-webfont.woff) format("woff");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: satoshi_regular;
  src: url(/styles/BRF4/core/fonts/Satoshi-Regular.woff2) format("woff2"),url(/styles/media/support/shared/Satoshi-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: satoshi_black;
  src: url(/styles/BRF4/core/fonts/satoshi-black.woff2) format("woff2"),url(/styles/media/support/shared/satoshi-black.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: satoshi_light;
  src: url(/styles/BRF4/core/fonts/satoshi-light.woff2) format("woff2"),url(/styles/BRF4/core/fonts/satoshi-light.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: satoshi_regular;
  src: url(/styles/BRF4/core/fonts/satoshi-regular.woff2) format("woff2"),url(/styles/media/support/shared//fonts/satoshi-regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: satoshi_variable;
  src: url(/styles/BRF4/core/fonts/satoshi-variable.woff2) format("woff2"),url(/styles/BRF4/core/fonts/satoshi-variable.woff) format("woff");
  font-weight: 550;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: bell-icon-new;
  src: url(/styles/BRF4/core/fonts/shop-icons.eot?#iefix) format("embedded-opentype"),url(/styles/BRF4/core/fonts/shop-icons.woff2) format("woff2"),url(/styles/BRF4/core/fonts/shop-icons.svg) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

main {
  font-family: var(--font-family-variable, "satoshi_variable")
}

.satoshi-light {
  font-family: var(--font-family-light, "satoshi_light")
}

.satoshi-regular {
  font-family: var(--font-family-regular, "satoshi_regular")
}

.satoshi-black {
  font-family: var(--font-family-black, "satoshi_black")
}

.satoshi-variable {
  font-family: var(--font-family-variable, "satoshi_variable");
  font-style: normal;
  font-weight: 550;
  line-height: var(--breakpoint-typography-line-height-body-small,30.8px);
  letter-spacing: var(--breakpoint-typography-letter-spacing-body-small,0)
}

.bell-slim-heavy {
  font-family: bell-slim-heavy
}

.brf-support .small-title-2, .small-title-2 {
  color: var(--bell-black-old,#111)
}

.brf-support .subtitle, .subtitle {
  color: var(--Blue-Online,#0070ce)
}

.brf-support .subtitle-2, .subtitle-2 {
  color: var(--Blue-Online,#0070ce)
}

@font-face {
  font-family: 'BellSlim Rev';
  src: url(/styles/brf4/core/Fonts/BellSlimRevRegular.woff2) format("woff2"),url(/styles/brf4/core/Fonts/BellSlimRevRegular.woff) format("woff");
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'BellSlimRev Heavy';
  src: url(/styles/brf4/core/Fonts/BellSlimRevHeavy.woff2) format("woff2"),url(/styles/brf4/core/Fonts/BellSlimRevHeavy.woff) format("woff");
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'BellSlimRev Black';
  src: url(/styles/brf4/core/Fonts/BellSlimRevBlack.woff2) format("woff2"),url(/styles/brf4/core/Fonts/BellSlimRevBlack.woff) format("woff");
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'BellSlimRev Bold';
  src: url(/styles/brf4/core/Fonts/BellSlimRevBold.woff2) format("woff2"),url(/styles/brf4/core/Fonts/BellSlimRevBold.woff) format("woff");
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'BellSlimRev Medium';
  src: url(/styles/brf4/core/Fonts/BellSlimRevMedium.woff2) format("woff2"),url(/styles/brf4/core/Fonts/BellSlimRevMedium.woff) format("woff");
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'BellSlimRev SemiBold';
  src: url(/styles/brf4/core/Fonts/BellSlimRevSemiBold.woff2) format("woff2"),url(/styles/brf4/core/Fonts/BellSlimRevSemiBold.woff) format("woff");
  font-style: normal;
  font-display: swap
}

.big-title, .small-title, .title {
  font-family: "BellSlimRev Heavy",Helvetica,Arial,sans-serif
}

.h1, .h2, h1, h2 {
  font-family: "BellSlimRev Heavy",Helvetica,Arial,sans-serif;
  color: var(--Blue-Dark,#003778);
  font-weight: 800
}

.h3, h3 {
  font-weight: 550
}

.subtitle-2-reg {
  font-family: var(--font-family-variable, "satoshi_variable");
  font-size: 18px;
  font-style: normal;
  font-weight: 450;
  line-height: 25.2px;
  letter-spacing: 0
}

@media(max-width:767.98px) {
  .h1, .h2, h1, h2 {
    font-size: 28px;
    font-weight: 800;
    line-height: 33.6px;
    letter-spacing: -1.5px
  }

  .h3, h3 {
    font-size: 22px;
    font-weight: 800;
    line-height: 26.4px;
    letter-spacing: -1px
  }

  .h4, h4 {
    font-size: 20px;
    font-weight: 550;
    line-height: 28px;
    letter-spacing: 0
  }
}

@media(min-width:768px) and (max-width:1279.98px) {
  .h1, .h2, h1, h2 {
    font-size: 36px;
    font-weight: 800;
    line-height: 43.2px;
    letter-spacing: -1.5px
  }

  .h3, h3 {
    font-size: 28px;
    font-weight: 800;
    line-height: 33.6px;
    letter-spacing: -1.5px
  }

  .h4, h4 {
    font-size: 20px;
    font-weight: 550;
    line-height: 28px;
    letter-spacing: 0
  }
}

@media(min-width:1280px) {
  .h1, .h2, h1, h2 {
    font-size: 40px;
    letter-spacing: -1.5px;
    line-height: 48px
  }

  .h3, h3 {
    font-size: 32px;
    font-weight: 800;
    line-height: 38.4px;
    letter-spacing: -1px
  }

  .h4, h4 {
    font-size: 22px;
    font-weight: 550;
    line-height: 30.8px;
    letter-spacing: 0
  }
}

.dropdown-menu-inner a span.anchor-text {
  font-family: var(--font-family-regular, "satoshi_regular")
}

span.anchor-text {
  font-family: var(--font-family-variable);
  font-weight: 450;
  line-height: var(--breakpoint-typography-line-height-body-small,19.6px);
  letter-spacing: var(--breakpoint-typography-letter-spacing-body-small,0);
  white-space: inherit
}

  span.anchor-icon:not(button), span.anchor-text:not(button) {
    color: var(--Blue-Online,#0070ce)
  }

.btn-new .anchor-icon, .btn-new .anchor-text {
  color: var(--bell-white-new,#fff)
}

button span.anchor-icon, button span.anchor-text {
  color: var(--bell-white-new,#fff)
}

button.overview-nav-item span.anchor-text {
  color: var(--Blue-Online,#0070ce);
  font-size: 14px
}

#get_help span a, a div, a span.icon-new::before {
  color: var(--Blue-Online,#0070ce)
}

a:is(.btn-new) .anchor-icon span, a:is(.btn-new) .anchor-text span {
  color: var(--bell-white-new,#fff)
}

a.btn-default-new:not(button) {
  padding: 10px 28px
}

body {
  background-color: var(--Blue-Dark,#003778)
}

button.overview-nav-item {
  background-color: var(--bell-white-new,#fff);
  border: unset;
  width: 140px;
  color: var(--Blue-Online,#0070ce)
}

.overview-nav .overview-nav-item:focus, .overview-nav .overview-nav-item:hover {
  color: var(--Blue-Online,#0070ce)
}

button.overview-nav-item {
  background-color: var(--bell-white-new,#fff);
  border: unset;
  width: 140px;
  color: var(--Blue-Online,#0070ce)
}

.overview-nav ul {
  grid-gap: 15px
}

button span.anchor-icon {
  padding-right: 28px;
  margin-left: 8px;
}

span.anchor-icon {
  padding-right: unset;
  margin-left: 8px;
}

.anchor-icon::before {
  vertical-align: middle
}

.borderRadiusAll20 {
  border-radius: 20px
}

.icon-silhouette:before {
  top: -2px !important
}

a.btn-new:focus span, a.btn-new:hover span {
  color: var(--bell-white-new,#fff);
  text-decoration: underline
}

.btn-default-new {
  font-size: 14px;
  font-weight: 450;
  height: unset;
  padding: 10px 0 10px 28px;
  background-color: var(--Blue-Online,#0070ce);
  border-radius: 1000px;
  color: var(--bell-white-new,#fff)
}

  .btn-default-new:active, .btn-default-new:focus, .btn-default-new:hover {
    text-decoration: none;
    color: var(--bell-white-new,#fff)
  }

  .btn-default-new:hover {
    background: linear-gradient(0deg,rgba(17,17,17,.2) 0,rgba(17,17,17,.2) 100%),var(--Blue-Online,#0070ce)
  }

  .btn-default-new:active, .btn-default-new:focus {
    background: linear-gradient(0deg,rgba(17,17,17,.4) 0,rgba(17,17,17,.4) 100%),var(--Blue-Online,#0070ce)
  }

.btn-new {
  border-radius: var(--breakpoint-radius-button,1000px);
  border: 1px solid var(--Blue-Online,#0070ce)
}

.btn-invert {
  border-radius: var(--breakpoint-radius-button,1000px);
  border: 1px solid var(--bell-white-new,#fff)
}

.btn-invert-new {
  font-size: 14px;
  font-weight: 450;
  height: unset;
  padding: 8px 12px;
  background-color: unset;
  border-radius: 1000px
}

  .btn-invert-new:active, .btn-invert-new:focus, .btn-invert-new:hover {
    text-decoration: none;
    color: var(--Blue-Online,#0070ce)
  }

  .btn-invert-new:hover {
    background: linear-gradient(0deg,rgba(17,17,17,.2) 0,rgba(17,17,17,.2) 100%),var(--bell-blue-new,#00549a)
  }

  .btn-invert-new:active, .btn-invert-new:focus {
    background: linear-gradient(0deg,rgba(17,17,17,.4) 0,rgba(17,17,17,.4) 100%),var(--bell-blue-new,#00549a)
  }

.anchor-icon ~ .anchor-text, .anchor-text + .anchor-icon, .anchor-text > .anchor-icon {
  margin-left: 8px
}

.icon-new-circle:hover {
  background: var(--theme-state-layer-hovered-brand,rgba(0,84,153,.08));
  color: var(--Blue-Online,#0070ce)
}

.icon-bundle1 {
  font-size: 68px
}

.icon-security:before {
  font-size: 40px;
  top: 2px
}

.support-banner {
  background-color: var(--bell-vellum-default,#eeece5)
}

.bgVellum {
  background-color: var(--bell-vellum-default,#eeece5)
}

.bgVellumLt {
  background-color: var(--bell-vellum-light,#f9f8f6);
  border: 1px solid var(--bell-vellum-default,#eeece5)
}

.txtBlueOutline {
  color: var(--Blue-Online,#0070ce)
}

.txtBlueDark {
  color: var(--Blue-Dark,#003778)
}

.border-new {
  border: 1px solid var(--bell-vellum-default,#eeece5)
}

.top5 {
  top: 5px
}

.tools-carousel .deep-anchor-text {
  font-family: var(--font-family-variable, "satoshi_variable");
  font-size: 18px;
  font-style: normal;
  font-weight: 650;
  line-height: 30.8px;
  letter-spacing: 0
}

.overview-nav-dropdown-heading {
  font-family: var(--font-family-variable, "satoshi_variable");
  font-size: 18px;
  line-height: 30.8px;
  color: var(--bell-black-old,#111);
  font-weight: bolder
}

.magic-box {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-shrink: 0;
  border-radius: 50px;
  border: 1px solid var(--bell-light-grey-new,#e1e1e1);
  background: var(--bell-white-new,#fff)
}

.CoveoOmnibox.coveo-query-syntax-disabled.magic-box.magic-box-notEmpty {
  padding: 0 20px
}

.hp-search-form {
  color: var(--Text-colour-Body-light,#555);
  font-family: var(--font-family-regular);
  font-size: var(--breakpoint-typography-font-size-body-base,16px);
  font-style: normal;
  font-weight: var(--brand-typography-font-weight-body-regular,450);
  line-height: var(--breakpoint-typography-line-height-body-base,22.4px);
  letter-spacing: var(--breakpoint-typography-letter-spacing-body-base,0);
  flex-direction: row-reverse;
  border: unset
}

.slick-track {
  margin-left: auto;
  margin-right: auto
}

.slick-next {
  background: var(--bell-white-new,#fff);
  border: 1px solid var(--bell-light-grey-new,#e1e1e1)
}

.slick-next, .slick-prev {
  top: 42%;
  padding: 13px 13px 15px 15px
}

  .slick-next:focus, .slick-next:hover {
    background: var(--bell-sky-light,#e9f1f6);
    box-shadow: 0 14px 36px 0 rgba(0,0,0,.3);
    border: 1px solid var(--bell-dark-blue-new,#003778);
    color: var(--bell-dark-blue-new,#003778)
  }

  .slick-next:before, .slick-prev:before {
    color: var(--Blue-Online,#0070ce)
  }

  .slick-next:focus::before, .slick-next:hover::before {
    color: var(--bell-dark-blue-new,#003778)
  }

  .slick-next:hover:before {
    color: var(--bell-dark-blue-new,#003778)
  }

  .slick-next:before {
    color: var(--Blue-Online,#0070ce)
  }

  .slick-prev:before {
    color: var(--Blue-Online,#0070ce)
  }

.slick-prev {
  box-shadow: none;
  background-color: var(--bell-white-new,#fff);
  border: 1px solid var(--bell-light-grey-new,#e1e1e1)
}

.slick-next:focus, .slick-next:focus:before {
  background: var(--bell-sky-light,#e9f1f6);
  color: var(--bell-dark-blue-new,#003778)
}

  .slick-next:focus:before, .slick-next:hover:before {
    background: var(--bell-sky-light,#e9f1f6);
    color: var(--bell-dark-blue-new,#003778)
  }

.slick-prev:focus, .slick-prev:hover {
  background: var(--bell-dark-blue-new,#003778);
  box-shadow: none
}

  .slick-prev:focus::before, .slick-prev:hover::before {
    color: var(--bell-dark-blue-new,#003778)
  }

  .slick-prev:hover:before {
    color: var(--bell-dark-blue-new,#003778)
  }

  .slick-prev:focus, .slick-prev:focus:before {
    background: var(--bell-sky-light,#e9f1f6);
    color: var(--bell-dark-blue-new,#003778)
  }

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
  background: var(--bell-sky-light,#e9f1f6);
  border: 1px solid var(--bell-dark-blue-new,#003778);
  color: var(--bell-dark-blue-new,#003778)
}

  .slick-prev:focus:before, .slick-prev:hover:before {
    color: sa var(--bell-dark-blue-new,#003778)
  }

button.slick-disabled {
  display: none !important
}

body .slick-dots li.slick-active button {
  background: var(--Text-colour-Body-light,#555)
}

body .slick-dots li button {
  border: 2px solid var(--Text-colour-Body-light,#555);
  opacity: 1
}

.outage-text {
  font-family: var(--font-family-variable);
  color: var(--bell-black-old,#111)
}

.overview-nav .icon-mobileMulti {
  font-size: 36px
}

.overview-nav .icon-remote1 {
  font-size: 36px
}

.quick-links a:focus .deep-anchor-text, .quick-links a:hover .deep-anchor-text {
  color: var(--bell-online-blue);
  border-radius: var(--breakpoint-radius-x1,4px);
  background: var(--theme-state-layer-hovered-brand,rgba(0,84,153,.08))
}

@media screen and (min-width:1200px) {
  .support-overview-banner img {
    transform: translate(-151px,6%);
    max-width: 520px
  }
}

@media screen and (min-width:992px) and (max-width:1199.98px) {
  .support-overview-banner img {
    margin-left: 37%;
    transform: translateY(40%) scale(1.8);
    max-width: 520px
  }
}

@media screen and (min-width:768px) and (max-width:991.98px) {
  .support-overview-banner img {
    transform: translate(-25%,-5%) scale(1.1);
    max-width: 700px;
    margin-left: unset
  }
}

@media screen and (max-width:767.98px) {
  .support-overview-banner img {
    transform: translate(-30%,-22%) scale(.5);
    max-width: 700px
  }

  .support-overview-banner-txt {
    padding: 15px
  }

  .connector-active-lob {
    padding-bottom: 20px;
    padding-top: 20px
  }
}

@media (max-width:999.98px) {
  .slick-prev:before {
    color: var(--bell-dark-blue-new,#003778)
  }
}

@media (min-width:640px) and (max-width:999.98px) {
  .slick-next {
    right: 0
  }
}

/* Footer fix for outline */
footer .container .noBullets li a {
  text-decoration: none
}
footer .container .noBullets li a:hover {
    text-decoration: underline;
 }

/* 2nd level LOB navigation rebranding */
.connector-active-lob {
  background: var(--bell-white-new,#fff);
  box-shadow: unset;
  padding-bottom: 30px;
  padding-top: 30px
}

  .connector-active-lob .container {
    justify-content: space-between
  }

  .connector-active-lob ul {
    margin-bottom: unset
  }

  .connector-active-lob a span {
    color: var(--bell-black-old,#111);
    background-color: var(--bell-white-new,#fff);
    font-family: var(--font-family-variable);
    line-height: 30.8px;
    font-weight: 450;
    font-size: 22px;
    text-decoration: none
  }

  .connector-active-lob li a {
    color: var(--Text-colour-Body-light,#555);
    font-family: var(--font-family-regular);
    line-height: 19.6px;
    font-weight: 450;
    padding-bottom: 5px;
    text-decoration: none
  }

  .connector-active-lob ul li.active a, .connector-active-lob ul li:hover a, .connector-active-lob ul > li a:hover, .connector-active-lob ul > li.active > a {
    color: var(--bell-black-old,#111);
    padding-bottom: 5px;
    border-bottom: 1px solid var(--bell-black-old,#111);
    font-family: var(--font-family-variable);
    text-decoration: none
  }

  .connector-active-lob div .url_minheight:focus span, .connector-active-lob div .url_minheight:hover span, .connector-active-lob ul > li a:hover, .connector-active-lob ul > li.active > a {
    color: var(--bell-black-old,#111) !important;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--bell-black-old,#111);
    text-decoration: none
  }