nav {
  padding: 0px; }

#content-wrapper {
  padding-top: 0px !important; }

.visible-xs {
  width: 100%; }

.mobile-only {
  display: block; }
  @media (min-width: 992px) {
    .mobile-only {
      display: none; } }

#nav-header, #footer-content {
  display: block !important; }

#nav-header .nav__list__item--mobile-menu img, #nav-header .nav__list__item--mobile-menu-close img {
  max-width: none; }

.wrap {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 25px; }
  .wrap:after {
    content: " ";
    display: block;
    clear: both; }
  @media (min-width: 768px) {
    .wrap {
      padding: 0 30px; } }
  @media (min-width: 992px) {
    .wrap {
      padding: 0 45px; } }
  @media (min-width: 1200px) {
    .wrap {
      max-width: 130rem;
      margin-left: auto;
      margin-right: auto; }
      .wrap:after {
        content: " ";
        display: block;
        clear: both; } }

video {
  width: 75%;
  margin-left: 25%;
  height: auto !important;
  vertical-align: top !important; }

.carousel-control {
  position: absolute;
  top: 50% !important;
  z-index: 5;
  width: 5rem !important;
  height: 6rem;
  margin-top: -35px;
  line-height: 48px;
  transform: translateX(-50%);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50px;
  display: none; }
  @media (min-width: 992px) {
    .carousel-control {
      display: block; } }

.carousel-control.left {
  margin-left: 2%;
  background-image: url(/resources/images/wireless-home/icons/caro-left_arrow-off.svg) !important;
  display: none; }
  @media (min-width: 1200px) {
    .carousel-control.left {
      display: block; } }

.carousel-control.right {
  background-image: url(/resources/images/wireless-home/icons/caro-right_arrow-on.svg) !important;
  display: none; }
  @media (min-width: 1200px) {
    .carousel-control.right {
      display: block; } }

.carousel-caption .caption {
  text-align: center; }
  @media (max-width: 481px) {
    .carousel-caption .caption__header h3 {
      font-size: 3.2rem !important; }
    .carousel-caption .caption__header h1 {
      color: #28c2fe; } }

@media (min-width: 0) and (max-width: 992px) {
  .carousel-caption .caption__body {
    padding-right: 0px; } }

@media (min-width: 992px) {
  .carousel-caption .caption__body {
    float: right; } }

@media (min-width: 768px) {
  .carousel-caption .caption__body {
    width: 65%;
    word-break: normal;
    position: relative;
    right: 0%;
    left: 0%;
    max-width: 100%; } }

@media (min-width: 0) and (max-width: 992px) {
  .carousel-caption .caption__body--left {
    padding-left: 0px; } }

@media (min-width: 992px) {
  .carousel-caption .caption__body--left {
    float: left; } }

@media (min-width: 768px) {
  .carousel-caption .caption__body--left {
    width: 47%;
    word-break: normal;
    position: relative;
    right: 0%;
    left: 0%;
    max-width: 100%; } }

@media (min-width: 992px) {
  .carousel-caption h1 {
    font-size: 2.2rem; } }

@media (min-width: 1200px) {
  .carousel-caption h1 {
    font-size: 3.2rem; } }

@media (min-width: 992px) {
  .carousel-caption h3 {
    font-size: 2.2rem; } }

@media (min-width: 1200px) {
  .carousel-caption h3 {
    font-size: 5.2rem; } }

@media (max-width: 481px) {
  .carousel-caption {
    background: #eee !important;
    height: 240px; } }

@media (min-width: 992px) {
  .carousel-caption {
    right: 15%;
    left: 3% !important;
    padding-bottom: 0px !important;
    position: absolute;
    width: 100%; }
    .carousel-caption .caption {
      text-align: right;
      margin-right: 5%; }
    .carousel-caption h1,
    .carousel-caption p {
      font-weight: 100; } }

@media (min-width: 0) and (max-width: 992px) {
  .carousel-caption {
    left: 5% !important; }
    .carousel-caption .caption__body {
      padding-left: 0px; } }

@media (min-width: 0) and (max-width: 768px) {
  .carousel-caption {
    position: relative !important;
    width: 100% !important;
    left: 0px !important; }
    .carousel-caption .caption {
      text-align: center !important;
      margin-right: 2px;
      margin-left: 2px;
      width: 100% !important; } }

@media (min-width: 768px) {
  .carousel-caption {
    right: 0% !important;
    left: 0% !important;
    width: 100%;
    max-width: 100%;
    position: absolute !important; }
    .carousel-caption .caption {
      text-align: left;
      margin-right: 0px;
      margin-left: 2%;
      width: 88% !important; } }

.section-heading {
  background-color: #28c2fe;
  color: #fff;
  padding: 30px 0; }

.page-heading {
  background: linear-gradient(to right, #28c2fe, #117bd3);
  padding: 50px 0; }
  .page-heading h1 {
    color: #fff; }

.text-xs {
  font-size: 75%; }

@media (min-width: 0) and (max-width: 768px) {
  .carousel-indicators {
    bottom: 0px !important; } }

@media (min-width: 768px) {
  .carousel-indicators {
    left: 90% !important; } }

@media (max-width: 481px) {
  .carousel-indicators {
    position: relative !important;
    bottom: -3px !important; } }

.carousel-indicators li {
  background: #fff !important;
  border: 2px solid #d8d5d5 !important;
  height: 2rem !important;
  margin-left: 2.5px !important;
  margin-right: 2.5px !important;
  width: 2rem !important; }

.carousel-indicators .active {
  background-color: #28c2fe !important;
  border-color: #d8d5d5 !important;
  height: 2rem !important;
  margin-left: 2.5px !important;
  margin-right: 2.5px !important;
  opacity: 1;
  width: 2rem !important; }

.fill {
  height: auto; }
  @media (min-width: 768px) {
    .fill {
      max-height: 400px; }
      .fill a img {
        max-width: 75%;
        margin-left: 25%; } }
  @media (min-width: 992px) {
    .fill {
      max-height: 470px; }
      .fill a img {
        max-width: 75%;
        margin-left: 25%; } }
  @media (min-width: 1200px) {
    .fill {
      max-height: 100%; }
      .fill a img {
        max-width: 75%;
        margin-left: 25%; } }
  @media (max-width: 481px) {
    .fill {
      width: 100%; } }

.hero {
  position: relative; }

.hero-nav {
  background-color: #fff;
  padding: 20px 0;
  display: none;
  width: 25%; }
  @media (min-width: 992px) {
    .hero-nav {
      display: block;
      background-color: #fff;
      color: #28c2fe;
      font-size: 1.6rem;
      font-weight: 300;
      height: 100%;
      padding: 0;
      position: absolute;
      top: 0; }
      .hero-nav .cs-btn-rounded {
        font-size: 16px; }
        .hero-nav .cs-btn-rounded .img-wrapper {
          float: left; }
        .hero-nav .cs-btn-rounded .label {
          display: block;
          font-size: 1.8rem;
          font-weight: 300;
          margin-left: 100px;
          text-align: left;
          margin-top: 0px !important; }
        .hero-nav .cs-btn-rounded .label-text {
          display: block;
          text-align: left;
          margin-left: 100px;
          color: #505050;
          padding: .2em .6em .3em; }
          .hero-nav .cs-btn-rounded .label-text .text {
            width: 83.05085%;
            float: left;
            margin-right: 1.69492%;
            display: inline-block;
            margin-right: 0px; } }
        @media (min-width: 992px) and (min-width: 0) and (max-width: 1200px) {
          .hero-nav .cs-btn-rounded .label-text .text {
            width: 100%;
            float: left;
            margin-left: 0;
            margin-right: 0;
            font-size: 14px; } }
  @media (min-width: 992px) {
          .hero-nav .cs-btn-rounded .label-text .direction {
            width: 15.25424%;
            float: left;
            margin-right: 1.69492%;
            display: inline-block;
            vertical-align: top;
            text-align: right;
            color: #28c2fe;
            font-size: 1.5em; } }
        @media (min-width: 992px) and (min-width: 0) and (max-width: 1200px) {
          .hero-nav .cs-btn-rounded .label-text .direction {
            display: none; } }
  @media (min-width: 1200px) {
    .hero-nav {
      font-size: 1.9rem; } }
  @media (min-width: 0) and (max-width: 1200px) {
    .hero-nav {
      width: 33%; } }
  .hero-nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    height: 100%;
    padding: 0 20px;
    text-align: center; }
    @media (min-width: 992px) {
      .hero-nav ul {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        text-align: left;
        width: 100%; } }
    .hero-nav ul li {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
      @media (min-width: 992px) {
        .hero-nav ul li {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-direction: normal;
          -webkit-box-orient: vertical;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          justify-content: center;
          border-bottom: 1px #eceeef solid;
          padding: 15px 10px; } }
  .hero-nav .btn-wrapper {
    margin-top: 30px;
    text-align: center; }
    @media (min-width: 992px) {
      .hero-nav .btn-wrapper {
        margin-top: 15px;
        padding: 15px 10px; } }
  .hero-nav .label {
    margin: 0; }

.address-check {
  text-align: center; }
  .address-check h1 {
    color: #fff;
    font-size: 2rem;
    margin-bottom: 20px; }
  .address-check .form-inline a {
    margin-top: 20px; }
    @media (min-width: 992px) {
      .address-check .form-inline a {
        float: left;
        margin: 0;
        width: 200px;
        padding: 10px 15px; } }
  @media (min-width: 992px) {
    .address-check .form-inline div {
      width: 80.9322%;
      float: left;
      margin-right: 1.69492%;
      text-align: left;
      float: none;
      margin: auto; } }
  .address-check .form-inline div input {
    color: #55595c;
    height: 50px;
    margin-bottom: 10px;
    text-indent: 10px;
    width: 90%; }
    @media (min-width: 768px) {
      .address-check .form-inline div input {
        width: 23.72881%;
        float: left;
        margin-right: 1.69492%; }
        .address-check .form-inline div input:first-child {
          width: 49.15254%;
          float: left;
          margin-right: 1.69492%; }
        .address-check .form-inline div input:last-child {
          float: right;
          margin-right: 0; } }
  .address-check .address-form .address-error-input-class {
    outline: none;
    border-color: #ff0018;
    box-shadow: 0 0 10px #ffa0a0; }
  @media (min-width: 992px) {
    .address-check .address-form div {
      width: 74.57627%;
      float: left;
      margin-right: 1.69492%;
      text-align: left; } }
  @media (min-width: 0) and (max-width: 1200px) {
    .address-check .address-form div {
      float: none;
      margin: auto;
      display: block; } }
  .address-check .address-form div input {
    color: #55595c;
    height: 50px;
    margin-bottom: 10px;
    text-indent: 10px;
    width: 90%; }
    @media (min-width: 768px) {
      .address-check .address-form div input {
        width: 23.72881%;
        float: left;
        margin-right: 1.69492%; }
        .address-check .address-form div input:first-child {
          width: 49.15254%;
          float: left;
          margin-right: 1.69492%; }
        .address-check .address-form div input:last-child {
          float: right;
          margin-right: 0; } }
  .address-check .address-form .check-home-address {
    float: none; }
    @media (min-width: 0) and (max-width: 1200px) {
      .address-check .address-form .check-home-address {
        margin: auto;
        display: block;
        clear: both; } }

.learn .featured:nth-child(odd) {
  background-color: #fff; }

.learn .featured:nth-child(even) {
  background-color: #f7f7f9; }
  @media (min-width: 768px) {
    .learn .featured:nth-child(even) .featured-media {
      margin-left: 4.16667%;
      margin-right: 0; } }
  .learn .featured:nth-child(even) .featured-text .cs-btn {
    margin-bottom: 20px; }

.featured-media {
  float: left; }
  .featured-media #videoCont {
    background: url(/resources/images/fiberhome/cspiretv/tv.png) no-repeat;
    width: 100%;
    background-size: contain; }
    @media (min-width: 768px) {
      .featured-media #videoCont {
        height: 275px; } }
    @media (min-width: 0) and (max-width: 768px) {
      .featured-media #videoCont {
        height: 430px; } }
    @media (max-width: 481px) {
      .featured-media #videoCont {
        height: 250px; } }
    .featured-media #videoCont .vid_cont {
      top: 5px;
      display: block;
      position: relative;
      margin-left: 9px;
      margin-right: 6px; }
  @media (min-width: 768px) {
    .featured-media {
      width: 32.20339%;
      float: left;
      margin-right: 1.69492%;
      float: left !important; } }
  @media (min-width: 0) and (max-width: 768px) {
    .featured-media {
      float: none; } }
  @media (min-width: 0) and (max-width: 768px) and (min-width: 0) and (max-width: 768px) {
    .featured-media .img-responsive {
      margin: auto; } }

.featured-text {
  margin-top: 50px;
  text-align: center; }
  @media (min-width: 768px) {
    .featured-text {
      float: left !important;
      width: 57.62712%;
      float: right;
      margin-right: 0;
      margin-top: 0;
      text-align: left; } }
  .featured-text h2 {
    font-size: 4rem;
    font-weight: 300;
    margin-bottom: 50px;
    text-align: center; }
    @media (min-width: 768px) {
      .featured-text h2 {
        text-align: left; } }
  .featured-text p {
    line-height: 24px;
    margin-bottom: 50px; }
    @media (min-width: 768px) {
      .featured-text p {
        font-size: 2rem;
        line-height: 36px; } }

.featured .wrap {
  padding-bottom: 70px;
  padding-top: 65px; }

.featured .full-wrapper {
  background: #28c2fe;
  text-align: center;
  color: #fff;
  max-width: 100%; }

@media (min-width: 992px) {
  .featured .no-marg-wrap {
    padding-bottom: 0px; } }

@media (min-width: 992px) {
  .featured .no-marg-wrap {
    padding-bottom: 0px; } }

.cs-btn {
  border-radius: 4px;
  display: inline-block;
  font-size: 1em;
  padding: 14px 18px; }
  @media (min-width: 992px) {
    .cs-btn {
      border-radius: 0;
      font-size: 1.6rem;
      font-weight: 500;
      transition: background .3s; }
      .cs-btn:hover {
        border-radius: 4px; } }

.caption__link {
  color: #28C2FE;
  font-weight: 400;
  display: inline-block;
  font-size: 16px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 18px;
  padding-right: 18px;
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
  transition: background 0.3s; }
  @media (max-width: 481px) {
    .caption__link {
      color: #fff !important;
      background-color: #28c2fe !important;
      border-radius: 4px !important; } }

.caption__link:hover {
  color: #fff;
  background-color: #28C2FE;
  border-color: #28C2FE;
  border-radius: 4px;
  font-weight: 400; }

.caption__link--left {
  color: #fff;
  background-color: #28c2fe;
  font-weight: 400;
  display: inline-block;
  font-size: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 18px;
  padding-right: 18px;
  text-transform: uppercase;
  border-bottom: 1px solid #28c2fe;
  border-radius: 4px;
  transition: background 0.3s;
  width: 40%;
  text-align: center; }

.caption__link--left:hover {
  color: #28c2fe;
  background-color: transparent;
  border-color: #28c2fe;
  border-radius: 0px;
  font-weight: 400; }

.cs-btn-primary {
  background-color: #28c2fe;
  color: #fff; }
  @media (min-width: 992px) {
    .cs-btn-primary {
      background-color: transparent;
      border-bottom: 1px solid #28c2fe;
      color: #003c80; }
      .cs-btn-primary:hover {
        background-color: #28c2fe;
        color: #fff; } }

.cs-btn-hero {
  background-color: #003c80;
  color: #fff; }
  @media (min-width: 992px) {
    .cs-btn-hero {
      background-color: transparent;
      border-bottom: 1px solid #003c80;
      color: #fff; }
      .cs-btn-hero:hover {
        background-color: #003c80;
        color: #fff; } }

.cs-btn-rounded {
  display: inline-block;
  text-align: center; }
  .cs-btn-rounded img {
    width: 45%; }
  .cs-btn-rounded .img-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    border: #28c2fe 2px solid;
    border-radius: 50%;
    height: 8rem;
    transition: all .3s ease;
    width: 8rem; }
    @media (min-width: 768px) {
      .cs-btn-rounded .img-wrapper {
        height: 9rem;
        width: 9rem; } }
    .cs-btn-rounded .img-wrapper:hover {
      box-shadow: inset 0 0 0 6px #28c2fe;
      transform: rotateZ(-13deg); }
  .cs-btn-rounded .label {
    color: #28c2fe; }

.updates {
  background-color: #fff;
  text-align: center; }
  .updates h2 {
    font-size: 3rem;
    margin-bottom: 20px; }