@font-face {
    font-family: 'BangoPro';
    src: url('https://web-assets.skybest.com/files/1/font/bangopro-webfont.woff2') format('woff2'),
        url('https://web-assets.skybest.com/files/1/font/bangopro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
  --card-border-radius: 12px;
  --lead-font-size-big: calc(var(--lead-font-size) * 1.5);
  --light-background: var(--gray-background);
  --section-padding: calc(var(--gutter) * 2);

  --anchor-color: var(--color-brand-blue-wcag);
  --anchor-color-hover: #00588A;

  --red-text-color: #cc0000;

  --button-background: #8FD1CF;
  --button-text-color: #000;
  --button-hover-background: #A1D8D7;
  --button-hover-text-color: #000;
  --button-radius: 16px;

  --box-background: #DFF7E7;
  --box-color: #000;
  --box-radius: 12px;

  --icon-blue: #416CA5;
  --icon-orange: #F06725;

  --h1-size: 3rem;
  --h2-size: 2.8rem;
  --h3-size: 2.22rem;
  --h4-size: 1.66rem;
  --h5-size: 1.2rem;
  --h6-size: 1rem;

  --heading-color: #416CA5;
  --subheader-color: #416CA5;
  --h1-color: var(--heading-color);
  --h2-color: var(--heading-color);
  --h3-color: var(--heading-color);
  --h4-color: var(--heading-color);
  --h5-color: var(--heading-color);
  --h6-color: var(--heading-color);
}

@media (max-width: 767px) {
  .logo-svg g[mask] {
    mask: none !important;
  }

  #logo-sun,
  #logo-swoosh {
    opacity: 1 !important;
  }

  .page-footer {
    padding-bottom: 4rem;
  }
}

.breadcrumb-and-title {
  text-align: center;
}

.cms-block-breadcrumb .breadcrumbs,
.breadcrumb-container .breadcrumbs {
  padding-top: 0;
}

.page-section.borders {
  border-bottom: 4px solid var(--color-brand-blue);
  border-top: 4px solid var(--color-brand-blue);
}

h1, h2, h3, h4, h5, h6
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 400;
  text-wrap: pretty;
}

:where(.cms-block-hero) h1 {
  text-wrap: inherit;
}

.mobile-nav-navs {
  padding: 1rem 0;
}

.mobile-nav-navs ul {
  margin: 0;
  padding: 0;
}

.mobile-nav-navs li {
  list-style: none;
  margin: 0;
}

.mobile-nav-navs a {
  border-bottom: 1px solid var(--light-gray);
  display: block;
  padding: .75rem 1rem;
  text-decoration: none;
}

.page-header__desktop .site-logo {
  display: inline-block;
}

/* anchor */
.page-header__desktop .header-nav ul.is-root > li > a {
  background-clip: unset;
  -webkit-background-clip: unset;
  background-image: none;
  color: #000;
}

/* anchor hover */
.page-header__desktop .header-nav ul.is-root > li > a:active,
.page-header__desktop .header-nav ul.is-root > li > a:focus,
.page-header__desktop .header-nav ul.is-root > li > a:hover {
  background-clip: unset;
  -webkit-background-clip: unset;
  background-image: none;
  color: var(--icon-blue);
}

/* active anchor */
.page-header__desktop .header-nav ul.is-root > li.is-active > a {
  color: var(--icon-blue);
}

/* accent line */
.page-header__desktop .header-nav ul.is-root > li > a:after {
  background: var(--icon-blue);
  display: none;
}

.page-footer {
  background: #f3f3f3;
  min-height: 380px;
  padding-top: 3rem;
}

.ngcom {
  text-transform: uppercase;
}

.separator {
  max-width: none;
  text-align: center;
}


/* --------- ICON BOX --------- */

.icon-boxes {
  --columns: 2;
  --column-gap: 1rem;
  --row-gap: 2rem;
  --box-width: 240px;
  --gutter-padding: var(--column-gap);
  column-gap: var(--column-gap);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-inline: auto;
  max-width: calc(
    (var(--columns) * var(--box-width)) /* sum of boxes */
    + var(--column-gap) * (var(--columns) - 1) /* sum of gaps */
    + (var(--gutter-padding) * 2) /* gutter padding */
  );
  padding-inline: var(--gutter-padding);
  row-gap: var(--row-gap);
}

.icon-box,
:where(.icon-boxes) > * {
  margin: 0;
  width: calc((100% - (var(--column-gap) * (var(--columns) - 1))) / var(--columns));
}

.icon-box a {
  background: var(--box-background);
  border-radius: var(--box-radius);
  color: var(--box-color);
  display: block;
  min-height: 100%;
  padding: 2rem 1rem;
  text-decoration: none;
  transform: translateY(0);
  transition: .25s;
}

.icon-box a:hover {
  transform: translateY(-0.35rem);
}

.icon-box .img-wrap {
  text-align: center;
}

.icon-box img {
  transition: .25s background;
}

.icon-box .img-caption {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.1;
  margin-top: .8rem;
  text-transform: uppercase;
}


/* -------------------------- BUTTONS -------------------------- */

:where(.front) .button,
:where(.front) .button.primary {
  letter-spacing: 0.5px;
  font-weight: 400;
  min-width: 240px;
}

:where(.front) .button.secondary {
  /*background: #FF680A;
  color: #fff;*/
}

:where(.front) .button.secondary:hover,
:where(.front) .button.secondary:active,
:where(.front) .button.secondary:focus {
  /*background: #D65200;
  color: #fff;*/
}

.button .material-icons[data-hover] {
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  transition: .25s;
}

.button:hover .material-icons[data-hover] {
  max-width: 1em;
  opacity: 1;
  width: auto;
}

/* -------------------------- HR -------------------------- */

.cms-block-hline:where(.muted) {
  background-color: var(--light-gray);
}

/* -------------------------- ICON BAR -------------------------- */

.icon-bar {
  /*
  background: var(--color-brand-blue);
  color: #fff;
  */
  color: var(--icon-blue);
  margin-top: 0;
  margin-bottom: 0;
  padding: var(--gutter);
}

/*
.icon-bar--black {
  background: var(--black-background);
}
*/

.icon-bar a {
  color: currentColor;
  border-radius: var(--card-border-radius);
  display: block;
  height: 100%;
  padding: var(--gutter);
  text-decoration: none;
}

.icon-bar a:hover {
  background: #fff;
  color: var(--icon-orange);
}

.icon-bar svg * {
  fill: currentColor;
}

.icon-bar .img-caption {
  font-size: .85rem;
  font-weight: 600;
}

/* ----------------------------- INTERNET ----------------------------- */

.internet-upgrade-button .button .material-icons {
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  transition: .25s;
}

.internet-upgrade-button .button:hover .material-icons {
  max-width: 1em;
  opacity: 1;
  width: auto;
}

.internet-price-box {
  border-radius: var(--card-border-radius);
  padding: 1rem .75rem;
}

.internet-price-box .cms-block {
  margin: 0;
}

.internet-price-box .cms-block:first-child {
  margin-bottom: 0.55rem;
}

.internet-price-box .price {
  font-size: .75rem;
}

.internet-price-box .price p {
  line-height: 1;
}

.broadband-label-link {
  margin-top: 0.5rem !important;
}

.broadband-label-link a {
  color: inherit;
  font-size: .65rem;
  text-decoration: none;
}

.broadband-label-link a:hover {
  text-decoration: underline;
}

.broadband-label-link p {
  line-height: 1;
}

.speed-chip {
  background: var(--box-background);
  border-radius: var(--box-radius);
}

.speed-chip--yellow .speed-chip__color-box {
  background: #fbd475;
}

.speed-chip--green .speed-chip__color-box {
  background: #cbde7b;
}

.speed-chip--blue .speed-chip__color-box {
  background: #7ec0ea;
}

.speed-chip--pink .speed-chip__color-box {
  background: #bb99b8;
}

.speed-chip--purple .speed-chip__color-box {
  background: #b573af;
}

.speed-chip__color-box {
  border-radius: var(--card-border-radius) var(--card-border-radius) 0 0;
  margin: 0;
  text-align: center;
}

.speed-chip__icon {
  margin: 0;
}

.speed-chip__info {
  font-size: .85rem;
  margin: 0;
  padding: .75rem;
}

.speed-chip__speed {
  font-size: 1.3rem;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 0;
}

.speed-chip__price {
  font-size: 1.1rem;
  margin: 0;
}

.speed-chip__price span[style*="line-through"] {
  opacity: 0.45;
}

.speed-chip__label {
  font-size: .65rem;
  margin: 0;
}

.speed-chip__label a {
  color: inherit;
  text-decoration: none;
}

.speed-chip__label a:hover,
.speed-chip__label a:focus,
.speed-chip__label a:active {
  text-decoration: underline;
}

.speed-chip__label p {
  margin: 0;
}

.fcc-label-modal, .fcc-label-modal.is-wide {
  max-width: 536px;
}

/* END INTERNET */

/* ----------------------------- TV ----------------------------- */

.tv-package {
  background: #fff;
  border-left: 4px solid var(--color-brand-orange);
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  overflow: hidden;
  position: relative;
}

.tv-package * {
  box-sizing: border-box;
}

.tv-package__title {
  background: url('https://web-assets.skybest.com/files/1/2016/tv-package-title-background.png') repeat;
  color: #000;
  align-items: center;
  display: flex;
  flex: 1 0 65%;
  font-family: 'Raleway', sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.1;
  padding: 1rem;
  position: relative;
  text-align: center;
  z-index: 1;
}

.tv-package__channel-count {
  background: #e1e1e1;
  color: #585858;
  flex: 1 0 35%;
  text-align: center;
  padding: 2rem .5rem;
}

.tv-package__channel-count__number {
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1.1;
  position: relative;
  z-index: 2;
}

.tv-package__channel-count__text {
  font-family: 'Raleway', sans-serif;
  font-size: .7rem;
  line-height: 1.1;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
}

.tv-package__highlights {
  flex: 0 0 100%;
  padding: 1rem 1rem 2.5rem;
  position: relative;
}

.tv-package__highlights__caption {
  color: #000;
  display: block;
  font-size: .85rem;
  font-weight: 600;
  text-transform: uppercase;
}

a.tv-package__highlights__full-list {
  background: var(--color-brand-blue);
  bottom: 0;
  display: inline-block;
  font-size: .85rem;
  font-weight: 600;
  line-height: 1.2;
  padding: .25rem 2rem .25rem 1rem;
  position: absolute;
  right: 0;
  text-decoration: none;
  text-transform: uppercase;
  z-index: 1;
}

a.tv-package__highlights__full-list,
a.tv-package__highlights__full-list:active,
a.tv-package__highlights__full-list:focus {
  color: #fff;
}

a.tv-package__highlights__full-list:hover {
  color: #fff;
  text-decoration: underline;
}

a.tv-package__highlights__full-list::before {
  background: var(--color-brand-blue);
  bottom: 0;
  content: ' ';
  left: -0.45rem;
  position: absolute;
  top: 0;
  transform: skewX(-9deg);
  width: 1rem;
  z-index: 1;
}

a.tv-package__highlights__full-list * {
  vertical-align: middle;
}

.tv-package__price-container {
  background: #ff8c13;
  color: #fff;
  flex: 0 0 100%;
  padding: 1rem;
  position: relative;
  text-align: center;
}

.tv-package__price .sign {
  display: inline-block;
  font-size: 2rem;
  font-weight: 600;
  line-height: normal;
  vertical-align: top;
}

.tv-package__price .number {
  display: inline-block;
  font-size: 3.4rem;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 1;
  vertical-align: top;
}

.tv-package__price .term {
  display: block;
  font-size: .95rem;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
}

.tv-package__order-button,
.tv-package__order-button:hover,
.tv-package__order-button:active,
.tv-package__order-button:focus {
  background: var(--color-brand-blue);
  color: #fff;
  border-radius: 6px;
  display: inline-block;
  font-size: .85rem;
  font-weight: 600;
  line-height: normal;
  margin-top: .5rem;
  padding: .25rem;
  text-decoration: none;
  text-transform: uppercase;
}

/* END TV */

/* ----------------------------- VOICE ----------------------------- */

.calling-feature-sibling-menu {
  background: var(--light-background);
  border-radius: var(--card-border-radius);
  padding: 1.3rem;
}

.calling-feature-sibling-menu .current {
  font-weight: bold;
}

/* END VOICE */

/* ----------------------------- HELP ------------------------------ */

.help-topics-bm__topic.--is-current {
  background: var(--button-background);
  color: var(--button-text-color);
}

.help-topic__header {
  margin-bottom: 4rem;
}

.help-topic h1 {
  --h1-size: 2.6rem;
}

.help-topic h2 {
  --h2-size: 1.6rem;
}

:where(.help-topic .cms-block) h1 {
  margin-top: 1.75em;
}

.topic-category__icon {
  margin: 0;
}

.topic-category__icon svg {
  height: 80px;
}

.topic-category__icon .fill {
  fill: var(--topic-category-primary-color);
}

.topic-category__icon a:hover .fill {
  fill: #000;
}

.topic-category__icon a {
  color: inherit;
  text-decoration: none;
}

.topic-category__icon .img-caption {
  font-size: 1.2em;
}

.topic-category__topics {
  font-size: .85rem;
  margin: 0;
}

.topic-category__topics .featured-topics {
  margin: 0;
  padding-left: 2rem;
}

.topic-category__topics .featured-topic a {
  color: inherit;
  text-decoration: none;
}

.topic-category__topics .featured-topic a:hover {
  text-decoration: underline;
}

.topic-category__more {
  bottom: 1rem;
  font-size: .85rem;
  margin: 0;
  position: absolute;
}

.ve-block .topic-category__more {
  position: static;
}

.topic-category__more * {
  vertical-align: middle;
}

.topic-category__more a {
  color: inherit;
  text-decoration: none;
}

.topic-category__more a:hover {
  text-decoration: underline;
}

.topic-category {
  align-items: start;
  border: 1px solid color-mix(in srgb, var(--topic-category-primary-color), transparent 80%);
  border-radius: var(--card-border-radius);
  display: grid;
  grid-auto-rows: min-content;
  grid-template-columns: 1fr;
  justify-content: center;
  padding: 1rem;
  row-gap: 1rem;
}

.topic-category .button {
  background: var(--topic-category-primary-color);
  color: #fff;
}

.topic-category {
  padding-bottom: 3rem;
  position: relative;
}

.help-topic__categories a,
.help-topic__categories span {
  background: var(--button-background);
  color: var(--button-text-color);
  font-weight: inherit;
}

.help-topic__categories a:hover,
.help-topic__categories a:focus,
.help-topic__categories a:active {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
}

/* END HELP */

.with-slash-underline {
  position: relative;
}

.with-slash-underline::after {
  background-image: linear-gradient(135deg, var(--color-brand-orange), var(--color-brand-orange), var(--color-brand-blue) 80%);
  border-radius: 50%;
  bottom: 1px;
  content: "";
  height: 3px;
  left: -2px;
  position: absolute;
  right: -2px;
  transform: rotate(-1deg);
}
:root { --body-font-family: Poppins, sans-serif; --heading-font-family: bangopro, sans-serif; }
@media (min-width: 768px) {
.internet-price-box {
  padding: 1rem;
}

.internet-price-box .price {
  font-size: .85rem;
}

/* --------- ICON BOX --------- */

.icon-boxes {
  --columns: 3;
}
}
@media (min-width: 1280px) {
:root {
  --section-padding: calc(var(--gutter) * 3);

  --h1-size: 4rem;
  --h2-size: 3.33rem;
  --h3-size: 2.8rem;
  --h4-size: 2.22rem;
  --h5-size: 1.66rem;
  --h6-size: 1.2rem;
}

.icon-bar > .cms-block-stack-panel-element {
  margin-left: 1rem;
  margin-right: 1rem;
}

/* ----------------------------- TV ----------------------------- */

.tv-package {
  align-items: center;
  border-left-width: 10px;
  flex-wrap: nowrap;
  margin-bottom: 1rem;
}

.tv-package__title {
  align-self: stretch;
  flex: 0 0 215px;
  font-size: 1.6rem;
  padding: 1rem .5rem;
  text-align: left;
  width: auto;
}

.tv-package__channel-count {
  align-self: stretch;
  display: flex;
  flex: 0 0 115px;
  flex-direction: column;
  justify-content: center;
  padding: .5rem;
  position: relative;
}

.tv-package__channel-count::before,
.tv-package__channel-count::after {
  background: #e1e1e1;
  bottom: 0;
  content: ' ';
  position: absolute;
  top: 0;
  width: 33px;
  z-index: 1;
}

.tv-package__channel-count::before {
  left: -16px;
  transform: skewX(-9deg);
}

.tv-package__channel-count::after {
  right: -16px;
  transform: skewX(-9deg);
}

.tv-package__channel-count__number {
  font-size: 2.6rem;
}

.tv-package__channel-count__text {
  font-size: .8125rem;
}

.tv-package__highlights {
  align-self: stretch;
  flex: 1 1 100%;
  padding: 0 45px 34px 45px;
}

a.tv-package__highlights__full-list::before {
  right: 20px;
}

.tv-package__price-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  flex: 0 0 195px;
}

.tv-package__price-container::before {
  background: #ff8c13;
  bottom: -1px;
  content: ' ';
  left: -17px;
  position: absolute;
  top: 0;
  transform: skewX(-9deg);
  width: 35px;
  z-index: 1;
}

.tv-package__price-container > * {
  position: relative;
  z-index: 2;
}

/* END TV */
}