/* line 1, scss/_shared.scss */
html {
  overflow-x: hidden; }

/* line 5, scss/_shared.scss */
h1 {
  font-family: "Fira Sans", Arial, sans-serif;
  font-size: 42px;
  font-weight: 600;
  line-height: 54px;
  color: #343a40; }
  @media (min-width: 768px) {
    /* line 5, scss/_shared.scss */
    h1 {
      font-size: 46px;
      line-height: 64px; } }
  @media (min-width: 992px) {
    /* line 5, scss/_shared.scss */
    h1 {
      font-size: 56px;
      line-height: 74px; } }

/* line 23, scss/_shared.scss */
h2 {
  font-family: "Fira Sans", Arial, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 38px;
  color: #343a40;
  letter-spacing: -0.04px; }
  @media (min-width: 768px) {
    /* line 23, scss/_shared.scss */
    h2 {
      font-size: 42px;
      line-height: 54px; } }
  @media (min-width: 992px) {
    /* line 23, scss/_shared.scss */
    h2 {
      font-size: 44px;
      line-height: 64px; } }

/* line 42, scss/_shared.scss */
h3 {
  font-family: "Nunito Sans", Arial, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.15px;
  color: #343a40; }

/* line 51, scss/_shared.scss */
h4 {
  font-family: "Nunito Sans", Arial, sans-serif;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0.13px;
  color: #343a40; }

/* line 59, scss/_shared.scss */
.custom-h3 {
  font-size: 30px;
  line-height: 38px;
  font-weight: 500; }

/* line 65, scss/_shared.scss */
section {
  padding: 40px 0px; }
  @media (min-width: 768px) {
    /* line 65, scss/_shared.scss */
    section {
      padding: 70px 0px; } }

/* line 73, scss/_shared.scss */
footer {
  padding: 32px 0px; }
  /* line 76, scss/_shared.scss */
  footer .link {
    font-family: "Nunito Sans", Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.06px;
    color: #343a40;
    text-decoration: none;
    padding: 0px 20px; }
    /* line 85, scss/_shared.scss */
    footer .link:not(:last-of-type) {
      padding-bottom: 1em; }
      @media (min-width: 768px) {
        /* line 85, scss/_shared.scss */
        footer .link:not(:last-of-type) {
          padding-bottom: 0em; } }
    /* line 93, scss/_shared.scss */
    footer .link:hover {
      color: #0069d9; }
  /* line 98, scss/_shared.scss */
  footer .copyright {
    font-family: "Nunito Sans", Arial, sans-serif;
    font-size: 12px;
    line-height: 27px;
    letter-spacing: 0.06px;
    color: #343a40; }

/* line 107, scss/_shared.scss */
a {
  text-decoration: none !important; }

/* line 111, scss/_shared.scss */
img {
  max-width: 100%; }

/* line 115, scss/_shared.scss */
.fas {
  color: #707070;
  font-size: 18px; }

/* line 120, scss/_shared.scss */
.mobile-center {
  text-align: center; }
  @media (min-width: 768px) {
    /* line 120, scss/_shared.scss */
    .mobile-center {
      text-align: initial; } }

/* line 129, scss/_shared.scss */
.nav-item a {
  font-family: "Nunito Sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #343a40;
  letter-spacing: 0.07px;
  text-decoration: none; }
  /* line 137, scss/_shared.scss */
  .nav-item a:hover {
    color: #0069d9; }

/* line 143, scss/_shared.scss */
.navbar-toggler {
  text-decoration: none;
  border: none !important;
  outline: none; }
  /* line 148, scss/_shared.scss */
  .navbar-toggler i {
    transition: linear 0.2s; }

/* line 153, scss/_shared.scss */
.p1 {
  font-family: "Nunito Sans", Arial, sans-serif;
  font-size: 20px;
  line-height: 28px;
  color: #5a6268;
  letter-spacing: 0.36px; }

/* line 161, scss/_shared.scss */
.p2 {
  font-family: "Nunito Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #5a6268;
  letter-spacing: 0.16px;
  color: #707070; }

/* line 170, scss/_shared.scss */
.p3 {
  font-family: "Nunito Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.25px;
  color: #5a6268; }

/* line 178, scss/_shared.scss */
.p4 {
  font-family: "Nunito Sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.25px;
  color: #5a6268; }

/* line 186, scss/_shared.scss */
.p5 {
  font-family: "Nunito Sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.25px;
  color: #343a40; }

/* line 194, scss/_shared.scss */
.page-link {
  font-weight: "Nunito Sans", Arial, sans-serif;
  font-weight: bold;
  color: #008cf6;
  font-size: 16px;
  line-height: 22px;
  border: none;
  background-color: transparent !important;
  padding: 0px; }
  /* line 204, scss/_shared.scss */
  .page-link:hover {
    color: #0069d9; }

/* line 209, scss/_shared.scss */
.pt-10 {
  padding-top: 7em; }
  @media (min-width: 768px) {
    /* line 209, scss/_shared.scss */
    .pt-10 {
      padding-top: 10em; } }

/* line 216, scss/_shared.scss */
.p-lg-7 {
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 992px) {
    /* line 216, scss/_shared.scss */
    .p-lg-7 {
      padding-left: 7em;
      padding-right: 7em; } }

/* line 226, scss/_shared.scss */
.plr-9 {
  padding-left: 0rem;
  padding-right: 0rem; }
  @media (min-width: 768px) {
    /* line 226, scss/_shared.scss */
    .plr-9 {
      padding-left: 5rem;
      padding-right: 5rem; } }
  @media (min-width: 992px) {
    /* line 226, scss/_shared.scss */
    .plr-9 {
      padding-left: 9rem;
      padding-right: 9rem; } }

/* line 241, scss/_shared.scss */
.plr-3 {
  padding-left: 0rem;
  padding-right: 0rem; }
  @media (min-width: 992px) {
    /* line 241, scss/_shared.scss */
    .plr-3 {
      padding-left: 3rem;
      padding-right: 3rem; } }

/* line 251, scss/_shared.scss */
.pr-lg-5 {
  padding-right: 0em; }
  @media (min-width: 992px) {
    /* line 251, scss/_shared.scss */
    .pr-lg-5 {
      padding-right: 5rem; } }

/* line 258, scss/_shared.scss */
.pt-25 {
  padding-top: 0px; }
  @media (min-width: 992px) {
    /* line 258, scss/_shared.scss */
    .pt-25 {
      padding-top: 25px; } }

/* line 266, scss/_shared.scss */
.pb-sm-2 {
  padding-bottom: 2em; }
  @media (min-width: 768px) {
    /* line 266, scss/_shared.scss */
    .pb-sm-2 {
      padding-bottom: 0em; } }

@media (min-width: 992px) {
  /* line 273, scss/_shared.scss */
  .pl-5 {
    padding-left: 3rem; } }

@media (min-width: 992px) {
  /* line 279, scss/_shared.scss */
  .pr-5 {
    padding-right: 3rem; } }

/* line 286, scss/_shared.scss */
.mb25 {
  margin-bottom: 25px; }
  @media (min-width: 992px) {
    /* line 286, scss/_shared.scss */
    .mb25 {
      margin-bottom: 0px; } }

/* line 294, scss/_shared.scss */
.height60 {
  height: auto; }
  @media (min-width: 992px) {
    /* line 294, scss/_shared.scss */
    .height60 {
      height: 60%; } }

/* line 302, scss/_shared.scss */
.height40 {
  height: auto; }
  @media (min-width: 992px) {
    /* line 302, scss/_shared.scss */
    .height40 {
      height: 40%; } }

/* line 310, scss/_shared.scss */
.height100 {
  height: 100%; }

/* line 314, scss/_shared.scss */
.heightAuto {
  height: auto !important; }

/* line 318, scss/_shared.scss */
.sticky {
  position: sticky;
  top: 0px; }
  @media (min-width: 992px) {
    /* line 318, scss/_shared.scss */
    .sticky {
      top: 25px; } }

/* line 327, scss/_shared.scss */
.hideMobile {
  display: none; }
  @media (min-width: 992px) {
    /* line 327, scss/_shared.scss */
    .hideMobile {
      display: flex; } }

/* line 335, scss/_shared.scss */
.hs-form-iframe {
  width: 100% !important; }

/* line 1, scss/_components.scss */
.topNavigation {
  background-color: white; }
  /* line 4, scss/_components.scss */
  .topNavigation__cta {
    margin-left: 0; }
    @media (min-width: 992px) {
      /* line 4, scss/_components.scss */
      .topNavigation__cta {
        order: 3;
        margin-left: 2.5em; } }
  /* line 13, scss/_components.scss */
  .topNavigation__logo {
    flex: 1; }
  /* line 17, scss/_components.scss */
  .topNavigation__items {
    order: 4;
    padding-top: 20px; }
    @media (min-width: 992px) {
      /* line 17, scss/_components.scss */
      .topNavigation__items {
        order: 2;
        padding-top: 0px; } }
    /* line 26, scss/_components.scss */
    .topNavigation__items .nav-item:first-of-type {
      border-bottom: 1px solid #f7f7f7;
      margin-right: 0; }
      @media (min-width: 992px) {
        /* line 26, scss/_components.scss */
        .topNavigation__items .nav-item:first-of-type {
          border-bottom: none;
          margin-right: 1.5em; } }
    /* line 37, scss/_components.scss */
    .topNavigation__items .nav-item.active .nav-link {
      color: #0069d9; }
    /* line 42, scss/_components.scss */
    .topNavigation__items .nav-link {
      font-size: 16px;
      line-height: 19px;
      color: #343a40;
      font-family: "Nunito Sans", Arial, sans-serif; }
  /* line 51, scss/_components.scss */
  .topNavigation .navbar-toggler[aria-expanded="true"] .fas {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }

/* line 62, scss/_components.scss */
.bg__img--home {
  background-image: url("../img/svg/lp-surface-bg.svg"), url("../img/photo/lp-surface.png");
  background-repeat: no-repeat;
  background-size: cover; }

/* line 69, scss/_components.scss */
.bg--gradient {
  background: transparent linear-gradient(180deg, rgba(247, 247, 247, 0.8) 20%, #e4f3ff 100%); }

/* line 73, scss/_components.scss */
.bg--grey {
  background-color: #f7f7f7; }

/* line 77, scss/_components.scss */
.bg--offset-grey {
  background: #f7f7f7; }
  @media (min-width: 992px) {
    /* line 77, scss/_components.scss */
    .bg--offset-grey {
      background: linear-gradient(90deg, #f7f7f7 70%, transparent 30%); } }

/* line 85, scss/_components.scss */
.bg--offset-blue {
  background: transparent; }
  @media (min-width: 992px) {
    /* line 85, scss/_components.scss */
    .bg--offset-blue {
      background: linear-gradient(90deg, transparent 65%, #e4f3ff 10%); } }

/* line 93, scss/_components.scss */
.bg--blue {
  background-color: #e4f3ff; }

/* line 98, scss/_components.scss */
.btn {
  border-radius: 30px;
  font-family: "Nunito Sans", Arial, sans-serif;
  font-size: 12px !important;
  line-height: 14px !important;
  letter-spacing: 0.06px;
  padding-top: 0.8em;
  padding-bottom: 0.8em;
  padding-left: 1.5em;
  padding-right: 1.5em; }
  /* line 109, scss/_components.scss */
  .btn--gradient {
    background: transparent linear-gradient(255deg, #008cf6 0%, #0069d9 100%) 0% 0% no-repeat padding-box;
    color: white !important; }
    /* line 114, scss/_components.scss */
    .btn--gradient:hover {
      background: transparent linear-gradient(255deg, #0069d9 0%, #0069d9 100%) 0% 0% no-repeat padding-box; }
  /* line 120, scss/_components.scss */
  .btn--outline {
    color: #008cf6;
    box-shadow: 0px 0px 0px 2px #008cf6 inset; }
    /* line 124, scss/_components.scss */
    .btn--outline:hover {
      box-shadow: none;
      background-color: #0069d9;
      color: white !important; }

/* line 132, scss/_components.scss */
.contact-card {
  padding: 40px;
  color: white;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom; }
  @media (min-width: 992px) {
    /* line 132, scss/_components.scss */
    .contact-card {
      padding: 100px; } }
  /* line 143, scss/_components.scss */
  .contact-card--home {
    background: linear-gradient(0deg, rgba(8, 26, 43, 0.8), rgba(8, 26, 43, 0.72)), url(../img/photo/lp-cta.png);
    background-size: cover;
    background-repeat: no-repeat; }
  /* line 154, scss/_components.scss */
  .contact-card--government {
    background: url(../img/photo/lp-cta-government.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right; }
    @media (min-width: 992px) {
      /* line 154, scss/_components.scss */
      .contact-card--government {
        background-position: initial; } }
    /* line 164, scss/_components.scss */
    .contact-card--government div {
      width: 100%; }
      @media (min-width: 992px) {
        /* line 164, scss/_components.scss */
        .contact-card--government div {
          width: 75%; } }
  /* line 173, scss/_components.scss */
  .contact-card p {
    font-family: "Nunito Sans", Arial, sans-serif;
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 0.13px;
    width: 75%; }
  /* line 181, scss/_components.scss */
  .contact-card div {
    font-family: "Nunito Sans", Arial, sans-serif;
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 0.24px;
    padding-right: 0; }
    @media (min-width: 768px) {
      /* line 181, scss/_components.scss */
      .contact-card div {
        font-size: 48px;
        line-height: 68px; } }
    @media (min-width: 992px) {
      /* line 181, scss/_components.scss */
      .contact-card div {
        padding-right: 75px; } }

/* line 200, scss/_components.scss */
.device a {
  font-family: "Nunito Sans", Arial, sans-serif;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.32px;
  color: #707070; }
  /* line 207, scss/_components.scss */
  .device a:hover {
    color: #707070; }
  /* line 211, scss/_components.scss */
  .device a .active {
    font-family: "Nunito Sans", Arial, sans-serif !important; }

/* line 216, scss/_components.scss */
.device__collapse-control i {
  transition: linear 0.2s;
  color: #707070; }

/* line 222, scss/_components.scss */
.device__collapse-control[aria-expanded="true"] .fas {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

/* line 231, scss/_components.scss */
.device__items .row:nth-child(even) {
  flex-direction: row-reverse; }
  @media (max-width: 576px) {
    /* line 231, scss/_components.scss */
    .device__items .row:nth-child(even) {
      flex-direction: row; } }

/* line 238, scss/_components.scss */
.device__items .row:not(:last-child) {
  margin-bottom: 80px !important; }
  @media (min-width: 992px) {
    /* line 238, scss/_components.scss */
    .device__items .row:not(:last-child) {
      margin-bottom: 120px !important; } }

/* line 247, scss/_components.scss */
.device__specs {
  list-style: none !important;
  padding-left: 0px; }
  /* line 251, scss/_components.scss */
  .device__specs li {
    padding-bottom: 6px; }

/* line 258, scss/_components.scss */
.hero__copy {
  position: relative;
  margin-top: -45px;
  z-index: 5; }

/* line 263, scss/_components.scss */
.hero__link-box {
  display: none;
  background-color: white;
  padding: 6px 0px; }
  /* line 268, scss/_components.scss */
  .hero__link-box a {
    text-decoration: none;
    font-family: "Nunito Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.07px;
    color: #0069d9; }
  /* line 277, scss/_components.scss */
  .hero__link-box span {
    border-left: 1px solid #707070; }

/* line 284, scss/_components.scss */
.text-box div {
  font-family: "Nunito Sans", Arial, sans-serif;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.1px;
  color: #343a40; }

/* line 292, scss/_components.scss */
.text-box span {
  font-family: "Nunito Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.16px;
  color: #707070; }

/* line 300, scss/_components.scss */
.text-box p {
  color: #343a40 !important; }

/* line 307, scss/_components.scss */
.tiles__item > div {
  height: 100%; }

/* line 313, scss/_components.scss */
.backToTop {
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99; }
  /* line 319, scss/_components.scss */
  .backToTop__link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: none;
    font-size: 2rem;
    line-height: 3rem;
    text-align: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: #008cf6;
    padding: 0.25rem; }
    /* line 333, scss/_components.scss */
    .backToTop__link .fas {
      color: white;
      font-size: 40px; }

@media (min-width: 768px) {
  /* line 341, scss/_components.scss */
  .devicesNav .collapse {
    display: flex;
    flex-direction: column; } }

/* line 348, scss/_components.scss */
.devicesNav__header {
  background: #f7f7f7;
  padding: 0.5em; }
  /* line 352, scss/_components.scss */
  .devicesNav__header p {
    margin-bottom: 0;
    font-size: 20px; }

/* line 358, scss/_components.scss */
.devicesNav__link {
  padding: 0.5em;
  border-bottom: 1px solid #dcdcdc; }
  /* line 363, scss/_components.scss */
  .devicesNav__link.active a {
    color: #008cf6; }
  /* line 368, scss/_components.scss */
  .devicesNav__link a {
    color: #5a6268; }
    /* line 371, scss/_components.scss */
    .devicesNav__link a:hover {
      color: #008cf6; }
    /* line 375, scss/_components.scss */
    .devicesNav__link a.active {
      color: #008cf6; }

/* line 381, scss/_components.scss */
.devicesNav__mobileBar {
  padding: 1em;
  text-align: center;
  background-color: #f7f7f7; }
  @media (min-width: 768px) {
    /* line 381, scss/_components.scss */
    .devicesNav__mobileBar {
      background-color: transparent; } }
  /* line 391, scss/_components.scss */
  .devicesNav__mobileBar a p {
    margin-bottom: 0;
    font-size: 20px;
    color: #5a6268;
    display: flex;
    flex-direction: row; }
    /* line 398, scss/_components.scss */
    .devicesNav__mobileBar a p span {
      flex: 1; }
    /* line 402, scss/_components.scss */
    .devicesNav__mobileBar a p .fas {
      align-self: center; }
  /* line 409, scss/_components.scss */
  .devicesNav__mobileBar a[aria-expanded="true"] .fas {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }

/* line 418, scss/_components.scss */
.devicesNav__content {
  background: white;
  text-align: center; }
  @media (min-width: 768px) {
    /* line 418, scss/_components.scss */
    .devicesNav__content {
      background: none;
      text-align: left; } }

/* line 430, scss/_components.scss */
.surface__content {
  padding-top: 2em;
  padding-bottom: 2em;
  padding-left: 1em;
  padding-right: 1em; }
  @media (min-width: 768px) {
    /* line 430, scss/_components.scss */
    .surface__content {
      padding-top: 5em;
      padding-bottom: 5em;
      padding-left: 3em;
      padding-right: 3em; } }

/* line 445, scss/_components.scss */
.accesorryCard {
  height: 100%;
  background-color: #f7f7f7;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2.25em;
  box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.15); }
  /* line 456, scss/_components.scss */
  .accesorryCard--np {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important; }
  /* line 462, scss/_components.scss */
  .accesorryCard div {
    font-size: 20px;
    line-height: 28px; }
  @media (min-width: 992px) {
    /* line 445, scss/_components.scss */
    .accesorryCard {
      padding: 1em; } }

/* line 472, scss/_components.scss */
.plans {
  padding-top: 4em; }
  /* line 475, scss/_components.scss */
  .plans__content {
    background-color: #f7f7f7;
    padding-top: 4em;
    padding-bottom: 4em;
    padding-left: 2em;
    padding-right: 2em; }
    @media (min-width: 992px) {
      /* line 475, scss/_components.scss */
      .plans__content {
        padding-top: 7em;
        padding-bottom: 7em;
        padding-left: 4em;
        padding-right: 4em; } }
    /* line 489, scss/_components.scss */
    .plans__content p {
      font-family: "Nunito Sans", Arial, sans-serif;
      font-size: 30px;
      line-height: 38px;
      color: #343a40;
      padding-right: 0em; }
      @media (min-width: 992px) {
        /* line 489, scss/_components.scss */
        .plans__content p {
          padding-right: 5em; } }
  /* line 501, scss/_components.scss */
  .plans__image {
    background: url(../img/photo/M365CO20_SMB_COVID_Response_0528.png);
    background-size: cover;
    background-repeat: no-repeat; }

/* line 508, scss/_components.scss */
.gov video {
  border: 1px solid #ccc; }

/* line 512, scss/_components.scss */
.twoColImgText {
  padding: 20px 0; }
  @media (min-width: 768px) {
    /* line 512, scss/_components.scss */
    .twoColImgText {
      padding: 40px 0; } }
  /* line 519, scss/_components.scss */
  .twoColImgText .bg--offset-grey {
    background: #f7f7f7; }
    @media (min-width: 992px) {
      /* line 519, scss/_components.scss */
      .twoColImgText .bg--offset-grey {
        background: linear-gradient(90deg, #f7f7f7 62%, transparent 30%); } }
  /* line 527, scss/_components.scss */
  .twoColImgText .bg--blue {
    background: transparent; }
    @media (min-width: 992px) {
      /* line 527, scss/_components.scss */
      .twoColImgText .bg--blue {
        background: #e4f3ff; } }

/* line 536, scss/_components.scss */
.cardTile {
  background: #f7f7f7;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.15); }
  /* line 542, scss/_components.scss */
  .cardTile img {
    height: 60px; }

/* line 547, scss/_components.scss */
.features {
  padding: 20px 0; }
  @media (min-width: 768px) {
    /* line 547, scss/_components.scss */
    .features {
      padding: 40px 0; } }
  /* line 554, scss/_components.scss */
  .features p {
    padding-left: 2rem;
    padding-right: 2rem; }
    @media (min-width: 768px) {
      /* line 554, scss/_components.scss */
      .features p {
        padding-left: 1rem;
        padding-right: 1rem; } }
    @media (min-width: 992px) {
      /* line 554, scss/_components.scss */
      .features p {
        padding-left: 4rem;
        padding-right: 4rem; } }

/* line 570, scss/_components.scss */
.contact {
  background: transparent; }
  @media (min-width: 768px) {
    /* line 570, scss/_components.scss */
    .contact {
      background: #C5C5C5; } }