@charset "UTF-8";
/*  NODE MODULES
    1. Add paths to any additional modules to config.js
    2. Import here */
/*  Local SCSS requirements */
.show-for-medium-up {
  display: none; }
  @media only screen and (min-width: 735px) {
    .show-for-medium-up {
      display: inherit; } }

/*  Local mixins */
/* Global styles */
@font-face {
  font-family: 'Sharp-Sans';
  src: url("../woff/sharpsansno1-light.woff");
  src: url("../ttf/sharpsansno1-light.ttf");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'Sharp-Sans';
  src: url("../woff/sharpsansno1-book.woff");
  src: url("../ttf/sharpsansno1-book.ttf");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Sharp-Sans';
  src: url("../woff/sharpsansno1-mediumitalic.woff");
  src: url("../ttf/sharpsansno1-mediumitalic.ttf");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'Sharp-Sans';
  src: url("../woff/sharpsansno1-medium.woff");
  src: url("../ttf/sharpsansno1-medium.ttf");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Sharp-Sans';
  src: url("../woff/sharpsansno1-semibolditalic.woff");
  src: url("../ttf/sharpsansno1-semibolditalic.ttf");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Sharp-Sans';
  src: url("../woff/sharpsansno1-semibold.woff");
  src: url("../ttf/sharpsansno1-semibold.ttf");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Sharp-Sans';
  src: url("../woff/sharpsansno1-bold.woff");
  src: url("../ttf/sharpsansno1-bold.ttf");
  font-weight: 700;
  font-style: normal; }

html {
  font-family: "Sharp-Sans", Helvetica, sans-serif;
  font-size: 10px;
  line-height: 1.5; }

h1 {
  font-family: "Sharp-Sans", Helvetica, sans-serif;
  font-weight: 600;
  font-size: 4rem;
  line-height: 1.2; }
  @media only screen and (min-width: 992px) {
    h1 {
      font-size: 4.8rem; } }

h2 {
  font-family: "Sharp-Sans", Helvetica, sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.2; }
  @media only screen and (min-width: 735px) {
    h2 {
      font-size: 2.4rem; } }
  @media only screen and (min-width: 992px) {
    h2 {
      font-size: 3.2rem; } }

p {
  font-family: "Sharp-Sans", Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.8rem; }

a {
  font-family: "Sharp-Sans", Helvetica, sans-serif; }

small {
  font-family: "Sharp-Sans", Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.6; }

* {
  box-sizing: border-box; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
a,
span,
small,
blockquote {
  margin: 0; }

h1,
h2,
h3,
h4,
p,
a,
li,
blockquote,
span,
small {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

cite {
  font-style: normal; }

iframe {
  vertical-align: middle; }

a {
  text-decoration: none;
  color: #76Ceda; }

ul,
ol {
  padding-left: 0rem; }

address {
  font-style: normal; }

ul li {
  list-style-type: none; }

img {
  max-width: 100%;
  vertical-align: middle; }

svg {
  height: 100%;
  width: auto; }

html {
  overflow-x: hidden; }

html,
body {
  width: 100%; }

body {
  background-color: #fff;
  color: #002330;
  -webkit-font-smoothing: antialiased; }

p {
  margin-bottom: 1rem; }

main > section,
footer {
  padding: 8rem 2rem; }
  @media only screen and (max-width: 1024px) {
    main > section,
    footer {
      padding: 5rem 2rem; } }

main > section:first-of-type {
  padding-top: 16rem; }
  @media only screen and (max-width: 735px) {
    main > section:first-of-type {
      padding-top: 8rem; } }

.hd.hd-1 {
  font-size: 43px;
  font-size: calc( 40px + (80 - 40) * ((100vw - 320px) / (1160 - 320))); }
  @media screen and (min-width: 1160px) {
    .hd.hd-1 {
      font-size: 80px; } }
  @media only screen and (min-width: 992px) {
    .hd.hd-1 {
      font-size: 80px;
      font-size: calc( 40px + (80 - 40) * ((100vw - 320px) / (1160 - 320))); } }
  @media only screen and (min-width: 992px) and (min-width: 1160px) {
    .hd.hd-1 {
      font-size: 80px; } }

.hd.hd-1_5 {
  font-size: 38px;
  font-size: calc( 36px + (64 - 36) * ((100vw - 320px) / (1160 - 320))); }
  @media screen and (min-width: 1160px) {
    .hd.hd-1_5 {
      font-size: 64px; } }
  @media only screen and (min-width: 992px) {
    .hd.hd-1_5 {
      font-size: 64px;
      font-size: calc( 36px + (64 - 36) * ((100vw - 320px) / (1160 - 320))); } }
  @media only screen and (min-width: 992px) and (min-width: 1160px) {
    .hd.hd-1_5 {
      font-size: 64px; } }

.hd.hd-2 {
  font-size: 32px;
  font-size: calc( 32px + (48 - 32) * ((100vw - 320px) / (1160 - 320))); }
  @media screen and (min-width: 1160px) {
    .hd.hd-2 {
      font-size: 48px; } }
  @media only screen and (min-width: 992px) {
    .hd.hd-2 {
      font-size: 48px;
      line-height: 1.1;
      font-size: calc( 32px + (48 - 32) * ((100vw - 320px) / (1160 - 320))); } }
  @media only screen and (min-width: 992px) and (min-width: 1160px) {
    .hd.hd-2 {
      font-size: 48px; } }

.hd.hd-3 {
  font-size: 28px;
  font-size: calc( 28px + (48 - 28) * ((100vw - 320px) / (1160 - 320))); }
  @media screen and (min-width: 1160px) {
    .hd.hd-3 {
      font-size: 48px; } }
  @media only screen and (min-width: 992px) {
    .hd.hd-3 {
      font-size: 48px;
      line-height: 1.1;
      font-size: calc( 28px + (48 - 28) * ((100vw - 320px) / (1160 - 320))); } }
  @media only screen and (min-width: 992px) and (min-width: 1160px) {
    .hd.hd-3 {
      font-size: 48px; } }

.hd.hd-3_5 {
  font-size: 24px;
  font-size: calc( 24px + (47 - 24) * ((100vw - 320px) / (1160 - 320))); }
  @media screen and (min-width: 1160px) {
    .hd.hd-3_5 {
      font-size: 47px; } }
  @media only screen and (min-width: 992px) {
    .hd.hd-3_5 {
      font-size: 47px;
      line-height: 1;
      font-size: calc( 24px + (47 - 24) * ((100vw - 320px) / (1160 - 320))); } }
  @media only screen and (min-width: 992px) and (min-width: 1160px) {
    .hd.hd-3_5 {
      font-size: 47px; } }

.hd.hd-4 {
  font-size: 26px;
  font-size: calc( 24px + (40 - 24) * ((100vw - 320px) / (1160 - 320))); }
  @media screen and (min-width: 1160px) {
    .hd.hd-4 {
      font-size: 40px; } }
  @media only screen and (min-width: 992px) {
    .hd.hd-4 {
      font-size: 40px;
      line-height: 1.1;
      font-size: calc( 24px + (40 - 24) * ((100vw - 320px) / (1160 - 320))); } }
  @media only screen and (min-width: 992px) and (min-width: 1160px) {
    .hd.hd-4 {
      font-size: 40px; } }

.hd.hd-4_5 {
  font-size: 20px;
  font-size: calc( 20px + (32 - 20) * ((100vw - 320px) / (1160 - 320))); }
  @media screen and (min-width: 1160px) {
    .hd.hd-4_5 {
      font-size: 32px; } }
  @media only screen and (min-width: 992px) {
    .hd.hd-4_5 {
      font-size: 32px;
      font-size: calc( 20px + (32 - 20) * ((100vw - 320px) / (1160 - 320))); } }
  @media only screen and (min-width: 992px) and (min-width: 1160px) {
    .hd.hd-4_5 {
      font-size: 32px; } }

.hd.hd-5 {
  font-size: 18px;
  font-size: calc( 18px + (20 - 18) * ((100vw - 320px) / (1160 - 320))); }
  @media screen and (min-width: 1160px) {
    .hd.hd-5 {
      font-size: 20px; } }
  @media only screen and (min-width: 992px) {
    .hd.hd-5 {
      font-size: 20px;
      font-size: calc( 18px + (20 - 18) * ((100vw - 320px) / (1160 - 320))); } }
  @media only screen and (min-width: 992px) and (min-width: 1160px) {
    .hd.hd-5 {
      font-size: 20px; } }

.hd.hd-6 {
  font-size: 14px; }

.hd--setup {
  max-width: 960px;
  width: 90%;
  margin: auto; }

.is-fixed {
  height: 100%;
  margin: 0;
  overflow: hidden; }

.row {
  width: 30rem;
  max-width: 1260px;
  margin-right: auto;
  margin-bottom: 5rem;
  margin-left: 0;
  position: relative; }

.iframe-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  overflow: hidden;
  width: 100%; }
  .iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.toggle-icon {
  margin-left: auto;
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0; }
  .toggle-icon::before {
    content: '';
    transition: opacity 150ms ease;
    opacity: 1;
    display: block;
    width: 2px;
    background-color: white;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    position: absolute; }
  .toggle-icon::after {
    content: '';
    position: absolute;
    display: block;
    height: 2px;
    width: 100%;
    background-color: white;
    left: 50%;
    transform: translateX(-50%); }
  .toggle-icon.is-dark::before, .toggle-icon.is-dark::after {
    background-color: #002330; }
  .toggle-icon.is-round {
    background: currentColor;
    border-radius: 10px;
    margin-left: 5px;
    height: 18px;
    width: 18px; }
    .toggle-icon.is-round::before {
      width: 1px;
      height: 50%; }
    .toggle-icon.is-round::after {
      width: 50%;
      height: 1px; }
  .toggle-icon.is-minus::before {
    display: none; }

.is-active > * > .toggle-icon:before {
  display: none; }

/*  Component styles */
/* custom select */
/*
<select name="sample">
  <option value="">Select</option>
  <option value="Alabama">Alabama</option>
  <option value="Alaska">Alaska</option>
</select>
*/
select[is-replaced] {
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  display: none; }
  select[is-replaced][disabled] + .select-item:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; }
  select[is-replaced][disabled] + .select-item .select-label {
    opacity: 0.6; }

.select-item {
  position: relative;
  font-size: 11px;
  width: 30rem;
  margin-bottom: 4rem;
  box-shadow: 0px 0px 2px grey; }
  @media screen and (max-width: 768px) {
    .select-item {
      width: 30rem;
      line-height: 2rem !important; } }
  @media screen and (max-width: 414px) {
    .select-item {
      width: 30rem;
      line-height: 1rem !important; } }
  @media screen and (max-width: 375px) {
    .select-item {
      line-height: 2rem !important;
      width: 30rem;
      margin-bottom: 4.5rem;
      box-shadow: 0px 0px 4px grey; } }
  @media screen and (max-width: 320px) {
    .select-item {
      width: 28.5rem;
      line-height: 2rem !important;
      margin-bottom: 3.5rem; } }
  .select-item input {
    height: auto; }
  .select-item input[type="radio"] {
    background: none;
    border: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    -webkit-appearance: none; }
  .select-item label {
    color: #444;
    display: inline-block;
    letter-spacing: 0;
    font-weight: 600; }
  .select-item .select-btn {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 60px;
    margin: 0;
    overflow: hidden;
    opacity: 0;
    z-index: 1; }
    .select-item .select-btn:focus + .select-label, .select-item .select-btn:active + .select-label {
      box-shadow: 0 0 5px #cacaca; }
    .select-item .select-btn:disabled + .select-label {
      color: #eee; }
    @media only screen and (max-width: 640px) {
      .select-item .select-btn:checked + .select-label:before {
        content: '';
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.25); } }
    .select-item .select-btn:checked + .select-label:after {
      transform: rotate(360deg);
      left: inherit;
      margin: -0.1rem 0 0; }
    .select-item .select-btn:checked + .select-label + [data-select-dropdown] {
      display: block;
      z-index: 4; }
  .select-item .select-label {
    padding: 1.7rem 70px 1.5rem 1.2rem;
    width: 100%;
    font-size: 16px;
    margin: 0;
    min-width: 80px;
    background: #fff;
    position: relative;
    transition: box-shadow 100ms ease; }
  .select-item [data-select-dropdown] {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    line-height: 2.5rem; }
  .select-item [data-select-search] {
    line-height: 3rem;
    border: 1px solid #f5f6f7;
    font-size: 1.5rem;
    width: 100%;
    display: none; }
    @media only screen and (max-width: 640px) {
      .select-item [data-select-search] {
        display: none; } }
    .select-item [data-select-search].no-results + [data-select-list]:after {
      content: 'No results found';
      padding: 10px;
      display: inline-block; }
  .select-item [data-select-list] {
    max-height: 220px;
    overflow: auto;
    width: 100%;
    list-style: none;
    margin: 0;
    background: #fff;
    padding: 0;
    box-shadow: 0 0px 0px 1px #f5f6f7; }
    @media only screen and (max-width: 640px) {
      .select-item [data-select-list] {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        max-height: 80vh;
        max-width: 90vw;
        z-index: 2; } }
    .select-item [data-select-list] input[type="radio"],
    .select-item [data-select-list] input[type="checkbox"] {
      opacity: 0; }
      .select-item [data-select-list] input[type="radio"]:focus + label,
      .select-item [data-select-list] input[type="radio"]:hover + label,
      .select-item [data-select-list] input[type="radio"]:hover:checked + label,
      .select-item [data-select-list] input[type="checkbox"]:focus + label,
      .select-item [data-select-list] input[type="checkbox"]:hover + label,
      .select-item [data-select-list] input[type="checkbox"]:hover:checked + label {
        background: #002330;
        color: #fff; }
      .select-item [data-select-list] input[type="radio"]:checked + label,
      .select-item [data-select-list] input[type="checkbox"]:checked + label {
        background: #d2d3d2;
        color: #000; }
    .select-item [data-select-list] li {
      position: relative; }
    .select-item [data-select-list] label {
      font-size: 14px;
      padding: 0.5em 1.5em;
      width: 100%;
      margin: 0;
      font-weight: 600;
      transition: all 0.15s ease; }
      .select-item [data-select-list] label:before {
        display: none; }
      .select-item [data-select-list] label:after {
        display: none; }
      .select-item [data-select-list] label:hover {
        background: #002330; }

select.compatibility__select + .select-item {
  line-height: 5rem; }
  select.compatibility__select + .select-item .select-btn {
    height: 70px; }
    select.compatibility__select + .select-item .select-btn:focus + .select-label, select.compatibility__select + .select-item .select-btn:active + .select-label {
      box-shadow: none; }
  select.compatibility__select + .select-item .select-label {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    color: #000000;
    transition: border-color 0.3s ease;
    font-size: 1.5rem;
    line-height: 5rem;
    padding: 0 0 0 2rem; }
    select.compatibility__select + .select-item .select-label:hover {
      border-color: #76Ceda; }
    select.compatibility__select + .select-item .select-label:before {
      display: none; }
    select.compatibility__select + .select-item .select-label:after {
      border-right: 2px solid #002330;
      border-bottom: 2px solid #002330;
      right: 0; }
    @media only screen and (max-width: 735px) {
      select.compatibility__select + .select-item .select-label {
        font-size: 4rem;
        line-height: 6rem;
        padding-bottom: 0; } }
    @media only screen and (max-width: 1024px) {
      select.compatibility__select + .select-item .select-label {
        font-size: 4.8rem; } }
    @media screen and (max-width: 768px) {
      select.compatibility__select + .select-item .select-label {
        font-size: 1.8rem; } }
    @media screen and (max-width: 454px) {
      select.compatibility__select + .select-item .select-label {
        font-size: 1.5rem;
        line-height: 3; } }

select.compatibility__select[disabled] + .select-item .select-label {
  color: #002330; }

.explore_products {
  background-color: #f5f6f7;
  margin-top: 16rem;
  padding: 2rem 2rem 8rem; }
  @media only screen and (max-width: 992px) {
    .explore_products {
      margin-top: 8rem;
      margin-bottom: 0; } }
  .explore_products--container {
    width: 80%;
    max-width: 1260px;
    margin-left: 20rem;
    margin-right: auto;
    display: flex;
    justify-content: space-around;
    position: relative; }
    @media only screen and (max-width: 992px) {
      .explore_products--container {
        flex-direction: column-reverse; } }
  .explore_products--copy {
    margin-top: auto;
    max-width: 42.5rem;
    margin-right: 4rem; }
    @media only screen and (max-width: 992px) {
      .explore_products--copy {
        margin-right: 0; } }
    .explore_products--copy h1 {
      margin-bottom: 4rem; }
      @media only screen and (max-width: 992px) {
        .explore_products--copy h1 {
          line-height: 1;
          margin-bottom: 3rem; } }
    .explore_products--copy a {
      background-color: #76Ceda;
      color: #253746;
      border-radius: 50px;
      cursor: pointer;
      display: inline-block;
      font-family: "Sharp-Sans", Helvetica, sans-serif;
      font-weight: 600;
      font-size: 1.4rem;
      padding: 1.4rem 1.5rem 1.1rem;
      min-width: 22rem;
      max-width: 100%;
      transition: all 200ms ease;
      text-align: center;
      text-transform: uppercase;
      border: none; }
      .explore_products--copy a:hover {
        background-color: #4ec0cf; }
      .explore_products--copy a img {
        margin-left: 1rem; }
  .explore_products--image {
    margin-top: -8rem; }
    @media only screen and (max-width: 992px) {
      .explore_products--image {
        margin-top: -12rem;
        margin-bottom: 4rem; } }

.hero {
  position: relative;
  background-color: black;
  overflow: hidden;
  color: #fff;
  top: 6rem; }
  @media only screen and (max-width: 737px) {
    .hero {
      padding-left: 2rem;
      padding-right: 2rem; } }
  @media screen and (max-width: 768px) {
    .hero {
      margin-left: 2rem; } }
  .hero--image {
    display: flex;
    flex-direction: column;
    height: 135vh;
    max-height: 95rem;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover; }
    @media screen and (max-width: 768px) {
      .hero--image {
        height: 44vh; } }
    @media screen and (max-width: 414px) {
      .hero--image {
        margin-left: -1rem; } }
    @media only screen and (max-width: 737px) {
      .hero--image {
        height: auto;
        max-height: none;
        text-align: center;
        background: #02151c url(../jpg/bg-hero.jpg) no-repeat top;
        background-size: cover; } }
  @media only screen and (max-width: 737px) and (orientation: landscape) {
    .hero--image {
      padding-top: 8rem;
      box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, 0.4); } }
    @media only screen and (max-width: 737px) {
        .hero--image h1,
        .hero--image p, .hero--image--byline {
          margin-left: auto;
          margin-right: auto; } }
    .hero--image h1 {
      max-width: 53rem;
      font-size: 5rem;
      margin-bottom: 3rem;
      margin-left: 4rem; }
      @media only screen and (max-width: 735px) {
        .hero--image h1 {
          font-size: 3.8rem; } }
      @media screen and (max-width: 1290px) {
        .hero--image h1 {
          font-size: 3.8rem;
          margin-bottom: 1rem;
          margin-left: 4rem; } }
      @media screen and (max-width: 1075px) {
        .hero--image h1 {
          font-size: 3.8rem;
          margin-bottom: 2rem;
          margin-left: 2rem;
          text-align: left;
          width: 50%; } }
      @media screen and (max-width: 990px) {
        .hero--image h1 {
          width: 100%; } }
      @media screen and (max-width: 768px) {
        .hero--image h1 {
          font-size: 2.8rem;
          margin-bottom: 2rem;
          margin-left: 2rem;
          text-align: left;
          max-width: 30rem; } }
    .hero--image p, .hero--image--byline {
      max-width: 43rem;
      font-size: 2.0rem;
      padding-bottom: 2rem;
      margin-bottom: 15rem;
      margin-left: 4rem; }
      @media only screen and (max-width: 992px) {
        .hero--image p, .hero--image--byline {
          max-width: 50rem; } }
      @media screen and (max-width: 1290px) {
        .hero--image p, .hero--image--byline {
          font-size: 1.5rem;
          padding-bottom: 2rem;
          margin-left: 4rem; } }
      @media screen and (max-width: 1075px) {
        .hero--image p, .hero--image--byline {
          font-size: 1.5rem;
          padding-bottom: 2rem;
          margin-bottom: 15rem;
          margin-left: 2rem;
          text-align: left;
          width: 50%; } }
      @media screen and (max-width: 990px) {
        .hero--image p, .hero--image--byline {
          height: 100%; } }
      @media screen and (max-width: 768px) {
        .hero--image p, .hero--image--byline {
          font-size: 1.5rem;
          padding-bottom: 2rem;
          margin-bottom: 10rem;
          margin-left: 2rem;
          text-align: justify;
          width: 30rem;
          text-overflow: clip; } }
      @media screen and (max-width: 568px) {
        .hero--image p, .hero--image--byline {
          width: 95%; } }
  .hero--text {
    background-color: #f5f6f7;
    color: #002330; }
    .hero--text h1 {
      font-size: 4.8rem;
      margin-top: 6rem;
      line-height: 1.1; }
      @media only screen and (max-width: 735px) {
        .hero--text h1 {
          margin-top: 3rem;
          font-size: 3.8rem; } }
    .hero--text p {
      font-size: 1.8rem;
      margin: 0 auto;
      max-width: 64rem; }
  .hero--cta {
    background-color: #08BFC1;
    color: #ffffff;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: "Sharp-Sans", Helvetica, sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    padding: 1.5rem 5rem;
    transition: all 200ms ease;
    text-align: center;
    border: none; }
  .hero .tos--container {
    margin-top: -12rem;
    margin-left: auto;
    margin-right: auto; }
  .hero--container {
    width: 80%;
    max-width: 1260px;
    margin-left: 25rem;
    margin-right: auto;
    z-index: 2;
    position: relative; }
    @media screen and (max-width: 990px) {
      .hero--container {
        margin-left: 10%; } }
    @media screen and (max-width: 768px) {
      .hero--container {
        margin-top: -5rem; } }
    @media screen and (max-width: 568px) {
      .hero--container {
        margin-left: 0;
        width: 100%; } }
    .hero--text .hero--container {
      display: contents;
      flex-direction: column;
      align-items: center;
      text-align: center;
      max-width: 940px; }
  .hero--video {
    display: block;
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%; }
    .hero--video video {
      opacity: 0.5;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
      min-height: 50%;
      min-width: 50%;
      z-index: 1; }
    @media only screen and (max-width: 737px) {
      .hero--video {
        display: none; } }
  .hero--search {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #002330;
    padding-left: 2rem;
    padding-right: 2rem; }
    .hero--search h1 {
      text-align: center; }
      @media only screen and (max-width: 735px) {
        .hero--search h1 {
          font-size: 3.2rem; } }
    .hero--search form {
      width: 60rem;
      max-width: 100%; }
    .hero--search input {
      font-weight: 600;
      text-align: center;
      width: 100%; }
  .hero--sticker {
    display: flex;
    flex-direction: column;
    background-color: #76Ceda;
    color: #002330;
    text-align: center;
    font-size: 2rem;
    line-height: 1.2; }
    @media only screen and (max-width: 737px) {
      .hero--sticker {
        margin: 3rem -2rem -5rem;
        padding: 1.5rem 2rem 1rem; } }
    @media only screen and (min-width: 738px) {
      .hero--sticker {
        position: absolute;
        bottom: -1rem;
        right: -1rem;
        width: 20rem;
        height: 20rem;
        margin: 0;
        padding: 1.5rem;
        border-radius: 50%;
        justify-content: center; }
        .hero--sticker a {
          display: block;
          margin: 0.8rem auto -1.6rem;
          max-width: 80%; } }
    .hero--sticker a {
      color: inherit;
      font-size: 1.5rem; }
      .hero--sticker a:hover {
        text-decoration: underline; }
  @media only screen and (max-width: 737px) {
    .hero--logo {
      display: none; } }
  @media only screen and (min-width: 738px) {
    .hero--logo {
      position: absolute;
      bottom: 8rem;
      right: 10rem;
      height: 58rem; } }
  @media screen and (max-width: 1466px) {
    .hero--logo {
      position: absolute;
      bottom: -3rem;
      right: -1rem;
      zoom: 80%; } }
  @media screen and (max-width: 1290px) {
    .hero--logo {
      position: absolute;
      bottom: -3rem;
      right: -1rem;
      top: -20rem; } }
  @media screen and (max-width: 1075px) {
    .hero--logo {
      position: absolute;
      bottom: -3rem;
      right: -1rem;
      zoom: 85%; } }
  @media screen and (max-width: 990px) {
    .hero--logo {
      display: none; } }
  @media screen and (max-width: 768px) {
    .hero--logo {
      position: absolute;
      bottom: -4rem;
      display: inline;
      right: -1rem;
      zoom: 50%;
      top: -13rem; } }
  .hero--logo + .hero--sticker {
    bottom: 6rem; }
  .hero--logo img {
    max-width: 100%;
    height: 87rem;
    vertical-align: middle; }
    @media screen and (max-width: 990px) {
      .hero--logo img {
        height: 75rem; } }
    @media screen and (max-width: 768px) {
      .hero--logo img {
        display: inline; } }
    @media screen and (max-width: 414px) {
      .hero--logo img {
        display: none; } }
    @media screen and (max-width: 375px) {
      .hero--logo img {
        display: none; } }
  .hero h1 {
    font-weight: 600; }
  @media only screen and (max-width: 735px) {
    .hero p {
      font-size: 1.8rem;
      line-height: 2;
      padding-bottom: 2rem; } }
  .hero--a {
    margin-left: 4rem;
    position: relative;
    top: -80px;
    color: white; }
    @media screen and (max-width: 1024px) {
      .hero--a {
        margin-left: 3rem; } }
    @media screen and (max-width: 768px) {
      .hero--a {
        margin-left: 2rem; } }
    @media screen and (max-width: 460px) {
      .hero--a {
        margin-left: -40rem; } }
    @media screen and (max-width: 375px) {
      .hero--a {
        margin-left: -5rem;
        margin-top: -2rem; } }

[data-accordion] {
  padding: 15px 0; }

[data-accordion-trigger] {
  display: flex; }
  [data-accordion-trigger]:hover {
    cursor: pointer; }

[data-accordion-body] {
  overflow: hidden;
  max-height: 0;
  transition: max-height 250ms ease; }

[data-accordion-body-inner] {
  padding: 2rem 10rem 2rem 0; }
  [data-accordion-body-inner] a {
    color: #76Ceda; }
  [data-accordion-body-inner] ul, [data-accordion-body-inner] ol {
    margin-left: 1.25rem; }
  [data-accordion-body-inner] li {
    font-size: 1.8rem;
    margin-left: 2rem;
    list-style-type: inherit; }

.carousel--inner {
  width: 80%;
  max-width: 1260px;
  margin-left: 20rem;
  margin-right: auto;
  position: relative;
  overflow: hidden; }

.carousel--container {
  display: grid;
  display: -ms-grid; }
  .carousel--container > li {
    grid-column: 1;
    grid-row: 1;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 250ms ease;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white; }
    .carousel--container > li.carousel--item-active {
      opacity: 1; }
  .carousel--container.carousel--slide > li {
    opacity: 1;
    transform: translate3d(100%, 0, 0);
    transition: transform 250ms ease; }
    .carousel--container.carousel--slide > li.carousel--item-active {
      transform: translate3d(0, 0, 0);
      z-index: 52; }
    .carousel--container.carousel--slide > li.carousel--item-previous {
      transform: translate3d(-100%, 0, 0);
      z-index: 50; }
    .carousel--container.carousel--slide > li.carousel--item-next {
      transform: translate3d(100%, 0, 0);
      z-index: 51; }

.carousel--controls {
  pointer-events: none;
  display: flex;
  align-items: center;
  position: absolute;
  font-size: 60px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 10rem;
  z-index: 53; }
  .carousel--controls-prev {
    padding-left: 20px; }
    .carousel--controls-prev:hover {
      padding-left: 10px; }
  .carousel--controls-next {
    margin-left: auto;
    justify-content: flex-end;
    padding-right: 20px; }
    .carousel--controls-next:hover {
      padding-right: 10px; }
  .carousel--controls-prev, .carousel--controls-next {
    pointer-events: fill;
    align-self: stretch;
    display: flex;
    align-items: center;
    flex: 1;
    max-width: 100px;
    transition: padding 200ms ease; }

.carousel--indicators {
  display: flex;
  justify-content: center;
  padding: 2rem 0; }
  .carousel--indicators li {
    display: inline-block;
    margin: 0 1.5rem;
    overflow: hidden;
    text-indent: -9999px;
    font-size: .1px;
    background-color: #002330;
    width: .8rem;
    height: .8rem;
    border-radius: 50%; }
    .carousel--indicators li.is-active {
      background-color: #76Ceda; }

.faq {
  padding: 8rem 2rem;
  background-color: #002330;
  color: #fff; }
  .faq__container {
    width: 80%;
    max-width: 1260px;
    margin-left: 20rem;
    margin-right: auto;
    display: flex;
    align-items: flex-start; }
    @media only screen and (max-width: 992px) {
      .faq__container {
        flex-direction: column;
        align-items: center; } }
    .faq__container h1 {
      font-size: 4.8rem;
      font-weight: 600;
      margin-right: 20rem; }
      @media only screen and (max-width: 992px) {
        .faq__container h1 {
          margin-right: 0;
          margin-bottom: 3rem;
          text-align: center;
          font-size: 3.4rem; } }
    .faq__container h2 {
      font-size: 2rem;
      line-height: 1.5;
      font-weight: 600;
      margin-right: 3rem; }
      @media only screen and (max-width: 992px) {
        .faq__container h2 {
          font-size: 1.8rem; } }
  .faq--cta {
    background-color: #76Ceda;
    color: #253746;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: "Sharp-Sans", Helvetica, sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    padding: 1.4rem 1.5rem 1.1rem;
    min-width: 22rem;
    max-width: 100%;
    transition: all 200ms ease;
    text-align: center;
    text-transform: uppercase;
    border: none;
    margin-top: 3rem;
    width: 17rem; }
    .faq--cta:hover {
      background-color: #4ec0cf; }
    .faq--cta img {
      margin-left: 1rem; }

.faq__section {
  width: 80%;
  max-width: 1200px;
  margin-left: 20rem;
  margin-right: auto;
  display: table; }
  .faq__section aside {
    width: 100%;
    float: right; }
    @media only screen and (min-width: 735px) {
      .faq__section aside {
        width: 25%; } }
  .faq__section .faq__content {
    float: left;
    width: 100%; }
    @media only screen and (min-width: 735px) {
      .faq__section .faq__content {
        width: 72%; } }

.faq__question__container {
  flex-direction: column; }
  .faq__question__container a {
    border-bottom: 1px solid currentColor; }
  .faq__question__container .faq__question:last-child {
    border-bottom: 0; }
  .faq__question__container .faq__question a {
    color: #002330; }

.faq__title {
  display: flex;
  align-items: center;
  padding: 30px 0 10px;
  flex-wrap: wrap;
  width: 100%; }
  .faq__title svg {
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    margin-left: -15px; }
  .faq__title h2 {
    margin-top: 7px;
    margin-right: auto;
    font-size: 28px;
    font-size: calc(28px + 16 * ((100vw - 320px) / 840)); }

.faq__buttons {
  display: flex;
  margin-top: 15px; }
  .faq__buttons button {
    display: flex;
    align-items: center;
    background: none;
    border: 0;
    color: #002330;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0;
    flex-wrap: wrap;
    margin-left: 20px;
    margin-top: 20px; }
    @media only screen and (min-width: 735px) {
      .faq__buttons button {
        margin-left: 20px;
        margin-top: 0px; } }
    .faq__buttons button:first-child {
      margin-left: 0px; }

.faq__questions {
  margin-top: 30px; }

.faq__question {
  border-bottom: 1px solid #002330;
  font-size: 16px;
  padding: 0;
  width: 100%; }
  .faq__question > div:first-child {
    align-items: center; }
  .faq__question ul li {
    list-style-type: disc; }
  .faq__question ol, .faq__question ul {
    padding-left: 2em; }
    .faq__question ol li, .faq__question ul li {
      padding-left: 0.5em;
      margin-bottom: 10px; }

.faq__question__title {
  font-size: 18px;
  font-weight: 700;
  padding: 25px 0; }
  .faq__question__title span:first-of-type {
    padding-right: 30px; }
  @media only screen and (min-width: 735px) {
    .faq__question__title {
      font-size: 24px; } }

.faq__grid__title {
  font-size: 26px;
  font-size: calc(24px + 16 * ((100vw - 320px) / 840));
  width: 100%;
  text-align: center;
  margin: 40px 0 20px;
  padding: 0 10px; }
  @media only screen and (min-width: 735px) {
    .faq__grid__title {
      margin: 70px 0 30px; } }

.faq__grid {
  display: flex;
  max-width: 1100px;
  margin: 10px auto;
  padding: 10px 10px 60px;
  flex-wrap: wrap; }
  .faq__grid a {
    width: calc( 50% - 10px);
    border: 1px solid #76Ceda;
    padding: 25px 5px;
    background: #fff;
    transition: background 0.3s ease;
    margin: 5px;
    color: #002330; }
    @media only screen and (min-width: 735px) {
      .faq__grid a {
        width: calc( 25% - 10px);
        padding: 2.5%; } }
    .faq__grid a:hover {
      background: #76Ceda; }
  .faq__grid svg {
    height: 50px;
    width: 100%; }
    @media only screen and (min-width: 735px) {
      .faq__grid svg {
        height: 80px; } }
  .faq__grid h3 {
    text-align: center;
    font-weight: 600;
    margin-top: 10px; }
    @media only screen and (min-width: 735px) {
      .faq__grid h3 {
        margin-top: 20px; } }

.faq__sidebar {
  font-size: 16px;
  padding: 0 0px; }
  @media only screen and (min-width: 735px) {
    .faq__sidebar {
      margin-top: 160px; } }
  .faq__sidebar li {
    width: 100%;
    padding: 12px 10px;
    margin: 0 auto; }
    @media only screen and (min-width: 992px) {
      .faq__sidebar li {
        width: 70%; } }
    .faq__sidebar li.is-active a {
      color: #002330; }
  .faq__sidebar a {
    width: 100%;
    color: #9aa5af;
    font-weight: 600;
    transition: color 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
    .faq__sidebar a:hover {
      color: #002330; }

.faq__search h2 {
  font-size: 28px;
  font-size: calc(28px + 20 * ((100vw - 320px) / 840));
  font-weight: 600;
  padding: 40px 0 10px; }

.faq__search__result {
  display: none;
  font-size: 16px;
  border-bottom: 1px solid #9aa5af;
  padding: 45px 0 45px; }
  .faq__search__result a {
    border-bottom: 1px solid currentColor;
    color: #002330; }
  .faq__search__result h5 {
    width: 100%;
    font-size: 18px;
    font-size: calc(18px + 2 * ((100vw - 320px) / 840));
    padding: 25px 0;
    font-weight: 600; }
  .faq__search__result p {
    font-size: 16px;
    margin-bottom: 20px; }

.faq__search__result_show {
  display: block; }

form {
  font-size: 1.8rem; }
  form [class^="become_distributor"] {
    border-bottom: .3rem solid transparent;
    transition: border-bottom 100ms ease; }
  form label {
    color: #9aa5af;
    font-size: 1.4rem; }
  form input,
  form textarea,
  form select {
    font-family: "Sharp-Sans", Helvetica, sans-serif;
    letter-spacing: .5px;
    border: 0;
    outline: 0;
    background: #fff;
    border-radius: 0;
    transition: box-shadow 100ms ease;
    font-size: 1.2rem;
    box-shadow: 0px 0px 2px grey;
    margin-bottom: 1.5rem;
    border-radius: 2px; }
    form input:active, form input:focus,
    form textarea:active,
    form textarea:focus,
    form select:active,
    form select:focus {
      box-shadow: 0 0 5px #cacaca; }
  form input,
  form select {
    height: 3rem;
    width: 25rem; }
  form select[disabled] {
    opacity: 0.6; }
  form .select-container {
    background: #fff;
    position: relative; }
    form .select-container::before, form .select-container::after {
      pointer-events: none;
      position: absolute; }
    form .select-container::before {
      content: "";
      top: 0;
      right: 0;
      height: 6rem;
      width: 6rem;
      background-color: #76Ceda; }
    form .select-container::after {
      content: "";
      top: 2rem;
      right: calc(3rem - 1.5rem/2);
      height: 1.5rem;
      width: 1.5rem;
      border-left: 1px solid #002330;
      border-bottom: 1px solid #002330;
      transform: rotate(-45deg);
      transition: transform 150ms ease; }
    form .select-container select {
      width: 100%;
      appearance: none;
      background: transparent; }
      form .select-container select::-ms-expand {
        display: none; }
      form .select-container select:active {
        background: gold; }
  form button:active, form button:focus {
    outline: 0; }
  form .form_error {
    border-bottom: .3rem solid tomato; }
    form .form_error > label {
      position: relative;
      width: fit-content; }
      form .form_error > label::after {
        content: "Required";
        position: absolute;
        left: calc(100% + .5rem);
        bottom: 0;
        display: inline-block;
        padding-left: .5rem;
        padding-bottom: .3rem;
        font-size: 1rem;
        color: tomato;
        width: 200%; }

input[type="search"] {
  border: none;
  width: 100%;
  padding: 10px 10px 10px 42px;
  background-image: url("../svg/search.svg");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 15px 50%;
  line-height: 1.15;
  font-weight: 600;
  font-size: 14px; }
  @media only screen and (min-width: 735px) {
    input[type="search"] {
      font-size: 16px; } }

button:hover, button:active {
  color: #76Ceda; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(0, 35, 48, 0.7); }

::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(0, 35, 48, 0.7); }

:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(0, 35, 48, 0.7); }

:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(0, 35, 48, 0.7); }

.featured_products h1 {
  color: #002330;
  max-width: 56rem;
  text-align: center;
  margin: 0 auto 5rem; }
  @media only screen and (max-width: 992px) {
    .featured_products h1 {
      max-width: 36rem; } }

.featured_products--container {
  width: 80%;
  max-width: 1260px;
  margin-left: 20rem;
  margin-right: auto;
  overflow: hidden;
  display: flex;
  justify-content: space-around;
  text-align: center;
  margin-bottom: 2.4rem; }
  @media only screen and (max-width: 735px) {
    .featured_products--container {
      flex-direction: column;
      align-items: center; } }
  .featured_products--container article {
    width: 38rem;
    max-width: 100%; }
    @media only screen and (max-width: 735px) {
      .featured_products--container article:not(:last-of-type) {
        margin-bottom: 8rem; } }
  .featured_products--container hr {
    height: .1rem;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-top: 1px solid #f5f6f7;
    margin: 2.4rem auto; }
  .featured_products--container h1 {
    font-size: 1.8rem;
    margin-bottom: 0; }
  .featured_products--container p {
    max-width: 33rem;
    margin-left: auto;
    margin-right: auto; }
  .featured_products--container h3 {
    margin-bottom: .8rem;
    margin-top: 2.4rem;
    font-weight: 600;
    font-size: 1.4rem; }

.featured_products--price {
  font-weight: 600; }
  .featured_products--price-dollars {
    font-size: 4rem; }
    .featured_products--price-dollars::before {
      content: "$";
      display: inline-block;
      font-size: 2rem;
      margin-top: .7rem;
      vertical-align: top; }
  .featured_products--price-cents {
    font-weight: 700;
    display: inline-block;
    font-size: 1.9rem;
    margin-left: -.5rem;
    margin-top: .7rem;
    vertical-align: top; }

.featured_products--cta {
  background-color: #002330;
  color: #fff;
  border-radius: 50px;
  cursor: pointer;
  display: inline-block;
  font-family: "Sharp-Sans", Helvetica, sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  padding: 1.4rem 1.5rem 1.1rem;
  min-width: 22rem;
  max-width: 100%;
  transition: all 200ms ease;
  text-align: center;
  text-transform: uppercase;
  border: none; }
  .featured_products--cta:hover {
    background-color: black; }
  .featured_products--cta img {
    margin-left: 1rem; }

.featured_products small {
  display: block;
  margin: auto;
  max-width: 63rem; }

.burger--container {
  border-radius: 3px;
  width: 5rem;
  height: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  cursor: pointer;
  transition: padding 100ms ease-in-out; }

.burger--line {
  background-color: #fff;
  display: inline-block;
  height: 2px;
  width: 100%;
  transition: all 100ms ease, background-color 250ms ease; }
  .burger--line:nth-of-type(2)::after {
    content: "";
    background-color: #fff;
    width: 100%;
    height: 2px;
    position: absolute;
    display: inline-block;
    opacity: 0;
    transition: all 100ms ease, background-color 250ms ease; }
  .burger--container.is-expanded .burger--line:nth-of-type(2) {
    transform: rotate(45deg);
    position: relative;
    background-color: white; }
    .burger--container.is-expanded .burger--line:nth-of-type(2)::after {
      content: "";
      opacity: 1;
      background-color: white;
      width: 100%;
      height: 2px;
      position: absolute;
      display: inline-block;
      transform: rotate(-90deg); }
  .burger--container.is-expanded .burger--line:first-of-type, .burger--container.is-expanded .burger--line:last-of-type {
    opacity: 0; }

.large_paragraph {
  background-color: #f6f6f6; }
  .large_paragraph--container {
    width: 100%;
    max-width: 80%;
    margin-left: 10%;
    margin-right: auto;
    display: flex;
    padding: 2rem; }
    @media screen and (max-width: 1024px) {
      .large_paragraph--container {
        padding: 5rem 4rem 0;
        display: flex; } }
    @media screen and (max-width: 768px) {
      .large_paragraph--container {
        display: flex;
        padding: 0; } }
    @media screen and (max-width: 414px) {
      .large_paragraph--container {
        display: inline; } }
    @media screen and (max-width: 375px) {
      .large_paragraph--container {
        display: inline; } }
  .large_paragraph--logo {
    margin-left: -5rem;
    margin-top: -5rem; }
    @media screen and (max-width: 1075px) {
      .large_paragraph--logo {
        margin-left: 0; } }
    @media screen and (max-width: 768px) {
      .large_paragraph--logo {
        margin: 0rem -11rem -13rem 0; }
        .large_paragraph--logo img {
          width: 100%;
          height: 100%;
          margin: 0 5rem 0 -6rem; } }
    .large_paragraph--logo img {
      width: 100%;
      height: 100%; }
      @media screen and (max-width: 568px) {
        .large_paragraph--logo img {
          width: 50rem;
          height: 100%;
          margin-left: 0; } }
      @media screen and (max-width: 414px) {
        .large_paragraph--logo img {
          width: 40rem;
          height: 100%;
          margin-left: 5rem; } }
      @media screen and (max-width: 375px) {
        .large_paragraph--logo img {
          margin-left: 1rem; } }
  .large_paragraph--data {
    margin: 12rem 0 0 -5rem; }
    .large_paragraph--data p {
      font-size: 1.5rem;
      margin-bottom: 3rem; }
      @media screen and (max-width: 768px) {
        .large_paragraph--data p {
          width: 30rem;
          text-align: justify; } }
      @media screen and (max-width: 414px) {
        .large_paragraph--data p {
          width: 35rem;
          text-align: justify; } }
      @media screen and (max-width: 375px) {
        .large_paragraph--data p {
          margin-bottom: 2rem;
          width: 30rem; } }
      @media screen and (max-width: 320px) {
        .large_paragraph--data p {
          margin-bottom: 2rem;
          width: 27rem; } }
    @media screen and (max-width: 1075px) {
      .large_paragraph--data {
        margin: 5rem 0 0 -8rem; } }
    @media screen and (max-width: 768px) {
      .large_paragraph--data {
        margin: 6rem 0 0 0; } }
    @media screen and (max-width: 414px) {
      .large_paragraph--data {
        margin: 0 0 0 1rem; } }
    @media screen and (max-width: 375px) {
      .large_paragraph--data {
        margin: 0 0 0 1rem; } }
  .large_paragraph--thumb {
    display: flex;
    cursor: pointer; }
    .large_paragraph--thumb img {
      margin: -2rem;
      width: 25rem;
      height: 16rem; }
      @media screen and (max-width: 768px) {
        .large_paragraph--thumb img {
          width: 25rem;
          height: 15rem; } }
      @media screen and (max-width: 568px) {
        .large_paragraph--thumb img {
          width: 20rem;
          height: 15rem; } }
      @media screen and (max-width: 320px) {
        .large_paragraph--thumb img {
          width: 27rem;
          height: 15rem; } }
    .large_paragraph--thumb p {
      font-size: 1.4rem !important;
      font-weight: bold; }
      @media screen and (max-width: 768px) {
        .large_paragraph--thumb p {
          font-weight: bold;
          font-size: 1.3rem !important; } }
    .large_paragraph--thumb--data {
      margin: 1rem 0 0 -3rem;
      padding-top: 1rem; }
      @media screen and (max-width: 375px) {
        .large_paragraph--thumb--data {
          margin: 0 0 0 -3rem; } }
      .large_paragraph--thumb--data a {
        text-decoration: none !important;
        color: #08BFC1;
        font-size: 1.4rem; }
      .large_paragraph--thumb--data p {
        font-weight: bold;
        margin-bottom: 1rem; }
        @media screen and (max-width: 768px) {
          .large_paragraph--thumb--data p {
            width: 22rem; } }
        @media screen and (max-width: 414px) {
          .large_paragraph--thumb--data p {
            width: 21rem; } }
        @media screen and (max-width: 375px) {
          .large_paragraph--thumb--data p {
            width: 16rem; } }
  .large_paragraph--cards {
    margin: -15rem 0 0 15%;
    width: 75%;
    display: grid;
    grid-template-columns: 45rem 50rem;
    justify-items: center;
    gap: 3rem; }
    @media screen and (max-width: 768px) {
      .large_paragraph--cards {
        display: grid;
        grid-template-columns: auto auto;
        margin-top: 5rem;
        margin-left: 0; } }
    @media screen and (max-width: 568px) {
      .large_paragraph--cards {
        display: grid;
        grid-template-columns: auto;
        width: 90%;
        margin-top: 5rem;
        margin-left: 0; } }
    .large_paragraph--cards .card {
      border-radius: 10px;
      display: flex;
      padding: 2rem;
      width: 100%;
      background-color: white;
      box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.1); }
      @media screen and (max-width: 768px) {
        .large_paragraph--cards .card {
          width: 33.5rem;
          margin-left: 1rem; } }
      @media screen and (max-width: 375px) {
        .large_paragraph--cards .card {
          width: 95%;
          margin-left: -2rem; } }
      @media screen and (max-width: 360px) {
        .large_paragraph--cards .card {
          width: 90%;
          margin-left: -3rem; } }
      @media screen and (max-width: 320px) {
        .large_paragraph--cards .card {
          width: 80%;
          margin-left: -5rem; } }
      .large_paragraph--cards .card p {
        margin-left: 2rem;
        line-height: 1.3;
        width: 32rem; }
        @media screen and (max-width: 768px) {
          .large_paragraph--cards .card p {
            width: 32rem; } }
        .large_paragraph--cards .card p .title {
          font-weight: bold; }
    .large_paragraph--cards .icon {
      height: 2vw;
      object-fit: cover; }
      @media screen and (max-width: 768px) {
        .large_paragraph--cards .icon {
          margin-top: 1rem;
          height: 3rem; } }
      @media screen and (max-width: 568px) {
        .large_paragraph--cards .icon {
          margin-top: -1rem; } }
      @media screen and (max-width: 414px) {
        .large_paragraph--cards .icon {
          margin-top: 1rem; } }
      @media screen and (max-width: 375px) {
        .large_paragraph--cards .icon {
          margin-top: 1rem; } }
      @media screen and (max-width: 320px) {
        .large_paragraph--cards .icon {
          margin-top: 0; } }
    .large_paragraph--cards .description {
      font-size: 1.3rem;
      line-height: 0 !important;
      letter-spacing: 0; }
  .large_paragraph h1 {
    color: #002330;
    font-weight: 900;
    margin-bottom: 3rem; }
    @media only screen and (max-width: 735px) {
      .large_paragraph h1 {
        margin-bottom: 2rem;
        font-size: 2.5rem; } }
    @media screen and (max-width: 768px) {
      .large_paragraph h1 {
        font-size: 2.8rem;
        width: 30rem; } }
    @media screen and (max-width: 414px) {
      .large_paragraph h1 {
        font-size: 2.8rem;
        width: 35rem; } }
    @media screen and (max-width: 375px) {
      .large_paragraph h1 {
        font-size: 3rem;
        width: 33rem; } }
    @media screen and (max-width: 320px) {
      .large_paragraph h1 {
        font-size: 3rem;
        width: 27rem; } }
  .large_paragraph a {
    text-decoration: underline; }
  .large_paragraph li {
    font-size: 2.2rem;
    font-weight: bold;
    margin-left: 2rem; }
    .large_paragraph li:not(:last-of-type) {
      margin-bottom: 3rem; }
  .large_paragraph .link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1; }
  .large_paragraph--headshot {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 70%;
    margin: 5rem auto auto; }
    .large_paragraph--headshot .text {
      text-align: center;
      font-size: 2rem;
      letter-spacing: 1px; }
    .large_paragraph--headshot .info {
      text-align: center;
      line-height: 1 !important;
      font-size: 1.4rem !important; }
    .large_paragraph--headshot img {
      width: 10rem; }

.large_title {
  background-color: #fff; }
  .large_title--container {
    width: 80%;
    max-width: 1200px;
    margin-left: 20rem;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center; }
  .large_title h1 {
    text-align: center;
    margin-bottom: 0;
    font-size: 3.6rem;
    font-weight: 600; }
    @media only screen and (max-width: 735px) {
      .large_title h1 {
        font-size: 2.8rem; } }
  .large_title--cta-container {
    display: inline-block; }
  .large_title--cta {
    background-color: #76Ceda;
    color: #253746;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: "Sharp-Sans", Helvetica, sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    padding: 1.4rem 1.5rem 1.1rem;
    min-width: 22rem;
    max-width: 100%;
    transition: all 200ms ease;
    text-align: center;
    text-transform: uppercase;
    border: none;
    margin: 3rem 1rem 0; }
    .large_title--cta:hover {
      background-color: #4ec0cf; }
    .large_title--cta img {
      margin-left: 1rem; }

.modal-active {
  overflow: hidden; }

.modal--container {
  display: none;
  font-size: 1.8rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 11000; }
  .modal--container.active {
    display: flex; }

.modal--shell {
  position: relative; }

.modal--close {
  position: absolute;
  top: -2rem;
  right: -2rem;
  appearance: none;
  background-color: #fff;
  border-radius: 50%;
  border: none;
  color: #002330;
  cursor: pointer;
  outline: none;
  width: 4rem;
  height: 4rem;
  z-index: 11002;
  transition: all 200ms ease;
  box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.5);
  transform: rotate(45deg); }
  .modal--close::before, .modal--close::after {
    content: '';
    position: absolute;
    text-align: center;
    margin: auto;
    background-color: #333;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
  .modal--close::before {
    width: 1px;
    height: 1.5rem; }
  .modal--close::after {
    height: 1px;
    width: 1.5rem; }

.modal--inner {
  background-color: #333;
  box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.5);
  max-height: 80vh;
  max-width: 102rem;
  opacity: 0;
  overflow-y: auto;
  position: relative;
  transition: opacity 250ms ease;
  width: 90vw;
  z-index: 11001; }
  .modal--inner .js--modal-content {
    display: block; }
  .modal-active .modal--inner {
    opacity: 1; }

.modal--content {
  position: relative;
  width: 100%; }

.modal--legal {
  background: #fff;
  padding: 4rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .modal--legal h3 {
    font-size: 2.4rem;
    margin-bottom: 3rem; }
  .modal--legal p {
    margin-bottom: 3rem;
    max-width: 70rem; }
  .modal--legal--links {
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 600; }
    .modal--legal--links .go-back {
      margin-right: 2rem;
      color: #253746; }
      .modal--legal--links .go-back:hover {
        color: #76Ceda; }
    .modal--legal--links .modal--cta {
      background-color: #76Ceda;
      color: #253746;
      border-radius: 50px;
      cursor: pointer;
      display: inline-block;
      font-family: "Sharp-Sans", Helvetica, sans-serif;
      font-weight: 600;
      font-size: 1.4rem;
      padding: 1.4rem 1.5rem 1.1rem;
      min-width: 22rem;
      max-width: 100%;
      transition: all 200ms ease;
      text-align: center;
      text-transform: uppercase;
      border: none; }
      .modal--legal--links .modal--cta:hover {
        background-color: #4ec0cf; }
      .modal--legal--links .modal--cta img {
        margin-left: 1rem; }

.js--modal-content {
  display: none; }

.js--scrollbar_measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px; }

.pencil_banner {
  background-color: #76Ceda;
  color: #002330;
  padding: 2rem 2rem 1.5rem; }
  .pencil_banner--container {
    width: 80%;
    max-width: 1200px;
    margin-left: 20rem;
    margin-right: auto;
    text-align: center;
    font-size: 2.6rem;
    line-height: 1.4; }
    .pencil_banner--container a {
      color: inherit;
      font-weight: 600;
      white-space: nowrap; }
      .pencil_banner--container a:hover {
        text-decoration: underline; }

.phone_carousel {
  background: url("../jpg/bg-crash-rsa.jpg") no-repeat top center;
  margin-bottom: -1rem; }
  @media screen and (max-width: 768px) {
    .phone_carousel {
      background-size: auto !important; } }
  @media only screen and (max-width: 735px) {
    .phone_carousel {
      background: #f6f6f6; } }
  .phone_carousel--container {
    align-items: center;
    max-width: 1260px;
    margin-right: auto;
    margin-left: auto;
    display: flex; }
    @media screen and (max-width: 768px) {
      .phone_carousel--container {
        padding-top: 0 !important; } }
    @media screen and (max-width: 375px) {
      .phone_carousel--container {
        margin-top: 30rem;
        margin-bottom: 7rem; } }
    @media only screen and (max-width: 735px) {
      .phone_carousel--container {
        flex-direction: column; } }
  .phone_carousel--logo img {
    height: 80rem;
    width: 47rem;
    margin-left: 5rem; }
    @media only screen and (max-width: 735px) {
      .phone_carousel--logo img {
        margin-left: 1rem;
        height: 60rem;
        max-width: 39rem;
        margin-top: -40rem; } }
    @media screen and (max-width: 768px) {
      .phone_carousel--logo img {
        height: 56rem;
        width: 47rem;
        margin-left: 2rem; } }
    @media only screen and (max-width: 735px) {
      .phone_carousel--logo img {
        margin-left: 0;
        max-width: 35rem; } }
    @media screen and (max-width: 414px) {
      .phone_carousel--logo img {
        margin-top: -10rem; } }
    @media screen and (max-width: 375px) {
      .phone_carousel--logo img {
        margin-top: -42rem; } }
  .phone_carousel--info {
    color: white;
    width: 50%;
    margin-left: 7rem; }
    @media only screen and (max-width: 768px) {
      .phone_carousel--info {
        margin-left: 3rem;
        margin-right: 3rem; } }
    @media only screen and (max-width: 735px) {
      .phone_carousel--info {
        color: black;
        width: 100%;
        margin-top: -2rem;
        margin-left: 0; } }
    @media screen and (max-width: 414px) {
      .phone_carousel--info {
        margin-left: 4rem; } }
    @media only screen and (max-width: 375px) {
      .phone_carousel--info {
        margin-left: 2rem; } }
    .phone_carousel--info--heading {
      font-size: 5rem;
      line-height: 1.2;
      font-weight: bold;
      margin-bottom: 4rem;
      /* font-family: "Sharp Sans No1 Bold"; */
      width: 45rem; }
      @media only screen and (max-width: 735px) {
        .phone_carousel--info--heading {
          color: #383838;
          font-size: 2.5rem;
          width: 35rem; } }
      @media screen and (max-width: 768px) {
        .phone_carousel--info--heading {
          width: 30rem;
          margin-bottom: 2rem;
          font-size: 2.8rem; } }
      @media screen and (max-width: 568px) {
        .phone_carousel--info--heading {
          width: 100%; } }
      @media screen and (max-width: 414px) {
        .phone_carousel--info--heading {
          width: 35rem; } }
      @media screen and (max-width: 375px) {
        .phone_carousel--info--heading {
          font-size: 3rem;
          width: 35rem; } }
    .phone_carousel--info--text {
      font-size: 1.8rem;
      width: 75%;
      margin-bottom: 5rem;
      letter-spacing: 0.1rem; }
      @media only screen and (max-width: 735px) {
        .phone_carousel--info--text {
          font-size: 1.5rem;
          letter-spacing: 0;
          width: 35rem; } }
      @media screen and (max-width: 768px) {
        .phone_carousel--info--text {
          font-size: 1.5rem;
          width: 27rem;
          margin-bottom: 3rem;
          text-align: justify;
          letter-spacing: 0; } }
      @media screen and (max-width: 568px) {
        .phone_carousel--info--text {
          width: 100%; } }
      @media screen and (max-width: 414px) {
        .phone_carousel--info--text {
          width: 35rem; } }
      @media screen and (max-width: 375px) {
        .phone_carousel--info--text {
          width: 30rem; } }
      @media screen and (max-width: 320px) {
        .phone_carousel--info--text {
          width: 27rem; } }
    .phone_carousel--info--bullets {
      display: flex;
      font-size: 1.8rem;
      margin-bottom: 3rem;
      width: 75%; }
      @media screen and (max-width: 768px) {
        .phone_carousel--info--bullets {
          display: flex;
          font-size: 1.5rem;
          text-align: justify;
          margin-bottom: 1.5rem;
          width: 27rem; } }
      .phone_carousel--info--bullets img {
        height: 3rem;
        margin: -0.3rem 2rem 0 0; }
        @media screen and (max-width: 568px) {
          .phone_carousel--info--bullets img {
            margin-right: 1rem; } }
      @media only screen and (max-width: 735px) {
        .phone_carousel--info--bullets {
          color: #383838;
          width: 35rem;
          font-size: 1.578rem; } }
      @media screen and (max-width: 568px) {
        .phone_carousel--info--bullets {
          width: 100%; } }
      @media screen and (max-width: 414px) {
        .phone_carousel--info--bullets {
          width: 35rem; } }
      @media screen and (max-width: 375px) {
        .phone_carousel--info--bullets {
          width: 31rem; } }
      @media screen and (max-width: 320px) {
        .phone_carousel--info--bullets {
          width: 27rem; } }

.phone_location {
  padding: 5rem;
  background-color: #f6f6f6; }
  @media screen and (max-width: 768px) {
    .phone_location {
      width: 100%;
      line-height: 2;
      font-size: 2.4rem; } }
  .phone_location--container {
    display: flex;
    flex-direction: row-reverse;
    margin-left: 10%; }
    @media screen and (max-width: 768px) {
      .phone_location--container {
        display: flex;
        flex-direction: row-reverse; } }
    @media screen and (max-width: 375px) {
      .phone_location--container {
        display: inline; } }
    @media screen and (max-width: 414px) {
      .phone_location--container {
        display: inline; } }
  .phone_location--logo {
    margin-left: 7%;
    margin-right: 7%; }
    @media screen and (max-width: 768px) {
      .phone_location--logo {
        margin-left: 9rem;
        margin-right: -10rem; } }
    .phone_location--logo img {
      height: 80rem; }
      @media screen and (max-width: 768px) {
        .phone_location--logo img {
          height: 60rem;
          max-width: 38rem;
          margin-left: -7.5rem; } }
      @media screen and (max-width: 568px) {
        .phone_location--logo img {
          width: 42rem;
          height: 65rem; } }
      @media screen and (max-width: 454px) {
        .phone_location--logo img {
          max-width: 43rem;
          margin-left: -10rem; } }
      @media screen and (max-width: 414px) {
        .phone_location--logo img {
          margin-left: -10rem;
          margin-top: -16rem; } }
      @media screen and (max-width: 375px) {
        .phone_location--logo img {
          margin-top: -23rem; } }
      @media screen and (max-width: 360px) {
        .phone_location--logo img {
          margin-left: -13rem; } }
  .phone_location--info {
    width: 37%;
    margin-top: 9rem;
    font-size: 1rem; }
    @media only screen and (max-width: 768px) {
      .phone_location--info {
        width: 33rem;
        margin-left: -3rem;
        letter-spacing: 0; } }
    @media only screen and (max-width: 568px) {
      .phone_location--info {
        width: 100%; } }
    @media only screen and (max-width: 454px) {
      .phone_location--info {
        width: 100%; } }
    @media screen and (max-width: 414px) {
      .phone_location--info {
        margin-top: -12rem;
        margin-bottom: 5rem; } }
    @media only screen and (max-width: 375px) {
      .phone_location--info {
        margin-top: -14rem; } }
    .phone_location--info h1 {
      color: #002330;
      font-weight: 900;
      letter-spacing: 2px;
      margin-bottom: 4rem;
      font-size: 4.3rem; }
      @media only screen and (max-width: 768px) {
        .phone_location--info h1 {
          font-size: 2.8rem;
          margin-bottom: 2rem;
          width: 30rem;
          font-weight: 900; } }
      @media only screen and (max-width: 568px) {
        .phone_location--info h1 {
          width: 30rem; } }
      @media screen and (max-width: 414px) {
        .phone_location--info h1 {
          font-size: 2.8rem;
          width: 40rem; } }
      @media screen and (max-width: 375px) {
        .phone_location--info h1 {
          font-size: 3rem;
          width: 30rem; } }
    .phone_location--info p {
      margin-bottom: 4rem;
      font-size: 1.58rem;
      text-align: initial; }
      @media only screen and (max-width: 768px) {
        .phone_location--info p {
          margin-bottom: 2rem;
          font-size: 1.5rem;
          text-align: justify;
          line-height: 1.5;
          width: 30rem; } }
      @media only screen and (max-width: 414px) {
        .phone_location--info p {
          text-align: justify;
          width: 35rem; } }
      @media screen and (max-width: 375px) {
        .phone_location--info p {
          font-size: 1.6rem;
          width: 33rem; } }
      @media screen and (max-width: 360px) {
        .phone_location--info p {
          font-size: 1.6rem;
          width: 30rem; } }
      @media screen and (max-width: 320px) {
        .phone_location--info p {
          font-size: 1.6rem;
          width: 27rem; } }
  .phone_location--thumb {
    display: inline-flex; }
    @media screen and (min-width: 375px) {
      .phone_location--thumb--data {
        margin-left: -1rem; } }
    @media screen and (min-width: 320px) {
      .phone_location--thumb--data {
        margin-left: -1rem; } }
    .phone_location--thumb--data p {
      margin-bottom: 1rem;
      font-size: 1.5rem;
      font-weight: bold;
      width: 26rem; }
      @media only screen and (max-width: 768px) {
        .phone_location--thumb--data p {
          width: 17rem;
          line-height: 1.2; } }
      @media only screen and (max-width: 568px) {
        .phone_location--thumb--data p {
          width: 100%; } }
      @media screen and (max-width: 414px) {
        .phone_location--thumb--data p {
          width: 23rem;
          margin-bottom: -0.5rem; } }
      @media screen and (max-width: 375px) {
        .phone_location--thumb--data p {
          width: 22rem;
          margin-bottom: -0.5rem; } }
      @media screen and (max-width: 320px) {
        .phone_location--thumb--data p {
          width: 16rem;
          margin-bottom: -0.5rem; } }
    .phone_location--thumb--data a {
      font-size: 1.6rem;
      letter-spacing: 1px; }
    .phone_location--thumb img {
      max-width: 16rem;
      height: 16rem;
      margin-top: -4rem;
      margin-left: -2rem; }
      @media only screen and (max-width: 768px) {
        .phone_location--thumb img {
          max-width: 14rem;
          height: 14rem;
          margin-top: -3rem; } }
      @media screen and (max-width: 375px) {
        .phone_location--thumb img {
          height: 15rem;
          margin-top: -3rem; } }
      @media only screen and (max-width: 320px) {
        .phone_location--thumb img {
          max-width: 14rem;
          height: 16rem;
          margin-top: -3rem; } }
  .phone_location--cards {
    display: grid;
    grid-template-columns: 45rem 50rem;
    justify-items: center;
    gap: 3rem;
    margin: -10rem auto auto 15%; }
    @media screen and (max-width: 1150px) {
      .phone_location--cards {
        margin-left: 5%; } }
    @media screen and (max-width: 768px) {
      .phone_location--cards {
        display: grid;
        grid-template-columns: auto auto;
        width: 100%;
        margin-top: -4rem;
        margin-left: 0;
        text-align: justify; } }
    @media screen and (max-width: 568px) {
      .phone_location--cards {
        display: grid;
        grid-template-columns: auto;
        width: 100%;
        margin-left: 0;
        justify-items: left; } }
    @media screen and (max-width: 375px) {
      .phone_location--cards {
        margin-top: 1rem; } }
    .phone_location--cards .card {
      border-radius: 10px;
      display: flex;
      padding: 2rem;
      width: 95%;
      background-color: white;
      box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.1); }
      @media screen and (min-width: 768px) {
        .phone_location--cards .card {
          width: 100%; } }
      @media screen and (max-width: 568px) {
        .phone_location--cards .card {
          width: 100%; } }
      @media screen and (max-width: 414px) {
        .phone_location--cards .card {
          width: 37rem;
          margin-left: -3rem;
          text-align: left; } }
      @media screen and (max-width: 375px) {
        .phone_location--cards .card {
          width: 34rem;
          margin-left: -3rem;
          text-align: left; } }
      @media screen and (max-width: 360px) {
        .phone_location--cards .card {
          width: 32rem; } }
      @media screen and (max-width: 320px) {
        .phone_location--cards .card {
          width: 28rem;
          margin-left: -3rem;
          text-align: left; } }
      .phone_location--cards .card p {
        margin-left: 2rem;
        line-height: 1.3; }
        @media screen and (max-width: 768px) {
          .phone_location--cards .card p {
            margin-left: 1.5rem; } }
      .phone_location--cards .card .icon {
        margin-top: -7rem;
        max-width: 10%; }
        @media screen and (max-width: 768px) {
          .phone_location--cards .card .icon {
            height: 18rem;
            max-width: 13%; } }
        @media screen and (max-width: 320px) {
          .phone_location--cards .card .icon {
            margin-top: -7rem; } }
      .phone_location--cards .card .description {
        font-size: 1.3rem;
        line-height: 0 !important;
        letter-spacing: 0; }
  .phone_location--headshot {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 73%;
    margin: 5rem auto auto;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .phone_location--headshot {
        width: 100%; } }
    .phone_location--headshot img {
      width: 10rem; }
  .phone_location .headshot_text {
    width: 95%;
    font-size: 2rem;
    text-align: center;
    letter-spacing: 2px; }
    @media screen and (max-width: 768px) {
      .phone_location .headshot_text {
        width: 100%;
        font-size: 2rem;
        text-align: center; } }
    @media screen and (max-width: 568px) {
      .phone_location .headshot_text {
        width: 100%;
        font-size: 2rem;
        text-align: center;
        letter-spacing: 0;
        line-height: 1.5; } }
  .phone_location .headshot_info {
    font-size: 1.5rem; }

.wifi {
  background-image: url("../jpg/bg-wifi.jpg");
  background-position: top center;
  background-size: auto;
  background-repeat: no-repeat;
  background-color: #f6f6f6; }
  @media only screen and (max-width: 735px) {
    .wifi {
      background: #f6f6f6; } }
  .wifi--container {
    align-items: center;
    display: flex;
    color: white;
    margin-left: 10%; }
    @media only screen and (max-width: 735px) {
      .wifi--container {
        flex-direction: column; } }
    @media only screen and (max-width: 768px) {
      .wifi--container {
        display: flex;
        margin-left: 3rem; } }
    @media screen and (max-width: 375px) {
      .wifi--container {
        margin-left: 10rem; } }
  .wifi--logo img {
    height: 75rem;
    width: 45rem; }
    @media only screen and (max-width: 768px) {
      .wifi--logo img {
        margin-top: 0;
        height: 56rem;
        width: 72rem;
        margin-left: -6rem; } }
    @media only screen and (max-width: 568px) {
      .wifi--logo img {
        height: 100%; } }
    @media screen and (max-width: 414px) {
      .wifi--logo img {
        margin-top: -13rem;
        margin-left: -1rem; } }
    @media only screen and (max-width: 375px) {
      .wifi--logo img {
        height: 50rem;
        max-width: 30rem;
        margin-top: -10rem;
        margin-left: -10rem; } }
  .wifi--info {
    width: 50%;
    margin-left: 5rem; }
    @media only screen and (max-width: 735px) {
      .wifi--info {
        color: black;
        width: 100%;
        margin-top: -2rem;
        margin-left: 0; } }
    @media screen and (max-width: 768px) {
      .wifi--info {
        width: 30rem;
        margin-left: -5rem;
        font-size: 1.5rem;
        margin-right: 9rem; } }
    @media screen and (max-width: 414px) {
      .wifi--info {
        margin-left: 0; } }
    @media screen and (max-width: 375px) {
      .wifi--info {
        margin-left: -4rem; } }
    @media screen and (max-width: 320px) {
      .wifi--info {
        margin-left: 1rem; } }
    .wifi--info--heading {
      font-size: 4.525rem;
      line-height: 1.2;
      font-weight: bold;
      margin-bottom: 4rem;
      /* font-family: "Sharp Sans No1 Bold"; */
      width: 45rem; }
      @media screen and (max-width: 768px) {
        .wifi--info--heading {
          font-size: 2.8rem;
          width: 30rem;
          margin-bottom: 2rem; } }
      @media screen and (max-width: 568px) {
        .wifi--info--heading {
          width: 100%; } }
      @media screen and (max-width: 414px) {
        .wifi--info--heading {
          width: 35rem;
          font-size: 3.5rem; } }
      @media screen and (max-width: 375px) {
        .wifi--info--heading {
          font-size: 2.8rem; } }
      @media screen and (max-width: 320px) {
        .wifi--info--heading {
          font-size: 2.8rem;
          width: 28rem; } }
    .wifi--info--text {
      font-size: 1.525rem;
      width: 60rem;
      margin-bottom: 3.525rem;
      letter-spacing: 0.1rem; }
      @media only screen and (max-width: 735px) {
        .wifi--info--text {
          font-size: 1.5rem;
          line-height: 2;
          width: 35rem; } }
      @media only screen and (max-width: 568px) {
        .wifi--info--text {
          width: 100%; } }
      @media only screen and (max-width: 1185px) {
        .wifi--info--text {
          width: 100%; } }
      @media screen and (max-width: 768px) {
        .wifi--info--text {
          width: 30rem;
          text-align: justify;
          font-size: 1.5rem;
          margin-bottom: 2rem; } }
      @media screen and (max-width: 414px) {
        .wifi--info--text {
          width: 35rem;
          text-align: justify;
          line-height: 1.5; } }
      @media only screen and (max-width: 375px) {
        .wifi--info--text {
          font-size: 1.6rem;
          width: 30rem; } }
      @media only screen and (max-width: 320px) {
        .wifi--info--text {
          font-size: 1.6rem;
          width: 27rem; } }
    .wifi--info--bullets {
      display: flex;
      font-size: 1.525rem;
      margin-bottom: 2.525rem; }
      @media screen and (max-width: 768px) {
        .wifi--info--bullets {
          width: 30rem;
          margin-bottom: 1rem; } }
      .wifi--info--bullets img {
        height: 2.525rem;
        margin: -0.3rem 2rem 0 0; }
        @media only screen and (max-width: 735px) {
          .wifi--info--bullets img {
            margin-right: 1rem; } }
      @media only screen and (max-width: 735px) {
        .wifi--info--bullets {
          color: #383838;
          width: 35rem;
          font-size: 1.578rem; } }
      @media only screen and (max-width: 568px) {
        .wifi--info--bullets {
          width: 100%; } }
      @media screen and (max-width: 414px) {
        .wifi--info--bullets {
          width: 35rem; } }
      @media screen and (max-width: 375px) {
        .wifi--info--bullets {
          width: 30rem;
          text-align: justify; } }
      @media screen and (max-width: 320px) {
        .wifi--info--bullets {
          width: 27rem;
          text-align: justify; } }

.products {
  background-image: url("../jpg/bg-products.jpg");
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat; }
  @media screen and (max-width: 768px) {
    .products {
      margin-top: -2rem;
      margin-left: -8rem; } }
  @media screen and (max-width: 568px) {
    .products {
      margin-left: 0; } }
  .products--container {
    display: flex;
    margin-bottom: -2.5rem;
    margin-left: 10rem; }
    @media screen and (max-width: 768px) {
      .products--container {
        display: flex;
        margin-bottom: -2.5rem; } }
    @media screen and (max-width: 454px) {
      .products--container {
        margin-left: 0; } }
    @media screen and (max-width: 414px) {
      .products--container {
        display: inline; } }
    @media screen and (max-width: 375px) {
      .products--container {
        display: inline; } }
  .products .feature_comparison {
    margin: 6rem 0 -3.7rem 21rem;
    display: flex;
    color: #ffffff; }
    @media screen and (max-width: 768px) {
      .products .feature_comparison {
        margin-left: 10rem; } }
    @media screen and (max-width: 414px) {
      .products .feature_comparison {
        margin-left: 0; } }
    @media screen and (max-width: 320px) {
      .products .feature_comparison {
        margin-left: 0; } }
    .products .feature_comparison a {
      text-decoration: none;
      font-size: 1.3rem;
      color: #ffffff; }
      @media screen and (max-width: 768px) {
        .products .feature_comparison a {
          color: #76Ceda; } }
      @media screen and (max-width: 375px) {
        .products .feature_comparison a {
          font-size: 1.6rem;
          font-weight: bold; } }
    .products .feature_comparison .square {
      box-sizing: border-box;
      height: 10px;
      width: 10px;
      border: 2.8px solid #FFFFFF;
      transform: rotate(45deg);
      border-left: 1px solid transparent;
      margin: 0.5rem;
      border-bottom: 1px solid transparent; }
      @media screen and (max-width: 768px) {
        .products .feature_comparison .square {
          border: 2.8px solid #76Ceda;
          border-bottom: 1px solid transparent;
          border-left: 1px solid transparent; } }
  .products .product {
    width: 35%;
    display: inline-grid;
    margin-left: 5%; }
    @media screen and (max-width: 768px) {
      .products .product {
        margin-left: 0;
        width: 75%; } }
    @media screen and (max-width: 454px) {
      .products .product {
        margin-left: 0;
        width: 100%; } }
    .products .product--logo {
      height: 35rem; }
      @media screen and (max-width: 768px) {
        .products .product--logo {
          margin-left: 3.5rem;
          max-width: 34rem; } }
      @media screen and (max-width: 568px) {
        .products .product--logo {
          margin-left: 0; } }
      @media screen and (max-width: 414px) {
        .products .product--logo {
          margin-left: 7rem; } }
      @media screen and (max-width: 375px) {
        .products .product--logo {
          margin-left: 5.5rem; } }
      @media screen and (max-width: 320px) {
        .products .product--logo {
          margin-left: 3rem; } }
    .products .product--title_logo {
      width: 8rem;
      margin-left: 1rem;
      margin-bottom: 2rem; }
      @media screen and (max-width: 768px) {
        .products .product--title_logo {
          display: inline;
          margin: 0 0 2rem 1.5rem; } }
    .products .product--title_black_logo {
      display: none; }
      @media screen and (max-width: 768px) {
        .products .product--title_black_logo {
          display: none;
          width: 10rem;
          margin: 0 0 2rem 1.5rem; } }
    .products .product--title_anchor {
      background-color: transparent !important;
      height: 5rem;
      width: 10rem !important;
      margin-left: -1rem !important; }
    .products .product p {
      font-size: 1.5rem;
      color: white;
      margin-left: 1rem;
      margin-bottom: 4rem; }
      @media screen and (max-width: 768px) {
        .products .product p {
          width: 31.5rem;
          margin-top: 4rem;
          text-align: justify; } }
      @media screen and (max-width: 568px) {
        .products .product p {
          width: 95%;
          margin-left: 0;
          margin-top: 4rem; } }
    .products .product a {
      text-decoration: none;
      color: white;
      border-radius: 5rem;
      padding: 1rem;
      text-align: center;
      margin-left: 1rem;
      font-size: 1.5rem;
      width: 15rem;
      height: 4.5rem;
      background-color: #08BFC1; }

.phone_features--heading {
  text-align: center;
  border-bottom: 1px solid rgba(154, 165, 175, 0.25);
  padding-bottom: 10px; }
  .phone_features--heading h2 {
    font-size: 4.8rem;
    font-weight: 600; }
    @media only screen and (max-width: 992px) {
      .phone_features--heading h2 {
        margin-right: 0;
        margin-bottom: 3rem;
        text-align: center;
        font-size: 3.4rem; } }

.phone_features--slide {
  padding: 60px 0;
  border-bottom: 1px solid rgba(154, 165, 175, 0.25); }
  @media only screen and (min-width: 640px) {
    .phone_features--slide {
      display: flex; } }
  .phone_features--slide-image {
    display: block;
    text-align: center; }
    .phone_features--slide-image img {
      margin-left: -20px;
      max-width: 100%; }
      @media only screen and (min-width: 640px) {
        .phone_features--slide-image img {
          margin-left: -40px;
          padding: 0rem 2rem; } }
  .phone_features--slide-list {
    list-style: none;
    margin-left: 0; }
    @media only screen and (min-width: 735px) {
      .phone_features--slide-list {
        padding-left: 0; } }
  .phone_features--slide-item {
    margin-bottom: 30px; }
    .phone_features--slide-item h3 {
      color: #002330;
      line-height: normal;
      margin-bottom: 10px;
      font-size: 20px;
      font-weight: 600; }
    .phone_features--slide-item p {
      display: inline; }
    .phone_features--slide-item .learn-more {
      color: #002330;
      text-decoration: underline;
      padding-left: 5px; }
    .phone_features--slide-item .pg,
    .phone_features--slide-item .pg a {
      color: #002330;
      line-height: initial;
      margin-bottom: 10px; }
      .phone_features--slide-item .pg span,
      .phone_features--slide-item .pg a span {
        font-size: 14px;
        font-weight: 400;
        margin-left: 20px; }

.products_comparison {
  width: 80%;
  max-width: 1260px;
  margin-left: 20rem;
  margin-right: auto;
  background-color: #f5f6f7;
  margin-top: 8rem;
  padding-left: 8rem;
  padding-top: 10rem;
  padding-bottom: 10rem;
  display: flex;
  position: relative; }
  .products_comparison--cta {
    background-color: transparent;
    color: #002330;
    border: 2px solid #002330;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: "Sharp-Sans", Helvetica, sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    padding: 1.4rem 1.5rem 1.1rem;
    min-width: 22rem;
    max-width: 100%;
    transition: all 200ms ease;
    text-align: center;
    text-transform: uppercase;
    border: none; }
    .products_comparison--cta:hover {
      color: #fff;
      background-color: #253746; }
    .products_comparison--cta img {
      margin-left: 1rem; }
  .products_comparison--copy {
    align-self: center; }
    .products_comparison--copy h1 {
      max-width: 41rem;
      padding-bottom: 4rem; }
  .products_comparison--image {
    position: absolute;
    right: -6rem;
    top: -6rem; }
  .products_comparison--modal {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    background-color: #fff; }
  .products_comparison--cta_group {
    padding-top: 4rem;
    padding-bottom: 4rem;
    text-align: center; }
    .products_comparison--cta_group ul li {
      min-height: none; }
    .products_comparison--cta_group > *:not(:last-of-type) {
      display: block;
      margin-bottom: 2rem;
      margin-left: auto;
      margin-right: auto; }
  .products_comparison--buy_now {
    background-color: #76Ceda;
    color: #253746;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: "Sharp-Sans", Helvetica, sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    padding: 1.4rem 1.5rem 1.1rem;
    min-width: 22rem;
    max-width: 100%;
    transition: all 200ms ease;
    text-align: center;
    text-transform: uppercase;
    border: none;
    max-width: 13rem;
    padding-top: 1rem;
    padding-bottom: 0.7rem; }
    .products_comparison--buy_now:hover {
      background-color: #4ec0cf; }
    .products_comparison--buy_now img {
      margin-left: 1rem; }
  .products_comparison--learn_more {
    display: block;
    font-size: 1.2rem;
    line-height: 3.7rem;
    color: #002330; }
    .products_comparison--learn_more:hover {
      color: #76Ceda; }
    .products_comparison--learn_more::after {
      content: "\276F";
      margin-left: .8rem;
      text-indent: .1rem;
      vertical-align: text-bottom;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-weight: 100;
      height: 1.7rem;
      width: 1.7rem;
      background-color: #76Ceda;
      color: #002330;
      border-radius: 50%;
      display: inline-block;
      font-size: 1rem;
      line-height: 1.7;
      text-align: center; }
    @media only screen and (max-width: 735px) {
      .products_comparison--learn_more {
        line-height: normal;
        padding-left: 0.3rem;
        padding-right: 0.3rem; }
        .products_comparison--learn_more::after {
          display: block;
          text-align: center;
          margin: 1rem auto; } }
  .products_comparison--header {
    border-bottom: 1px solid #f5f6f7;
    position: sticky;
    top: -12rem; }
    @media only screen and (max-width: 735px) {
      .products_comparison--header {
        top: 0; } }
    .products_comparison--header > div {
      min-height: 18rem; }
      @media only screen and (max-width: 735px) {
        .products_comparison--header > div {
          min-height: 10rem; } }
    .products_comparison--header-features {
      background-color: #fff;
      display: flex;
      justify-content: flex-start;
      align-items: flex-end;
      padding-bottom: 1rem; }
      .products_comparison--header-features h1 {
        padding-bottom: 2rem;
        font-size: 2.4rem;
        padding-left: 8rem; }
        @media only screen and (max-width: 735px) {
          .products_comparison--header-features h1 {
            padding-bottom: 0;
            font-size: 1.8rem;
            padding-left: 1rem; } }
    .products_comparison--header-hum_app, .products_comparison--header-hum_essentials, .products_comparison--header-hum_plus, .products_comparison--header-hum_x {
      display: flex;
      align-items: flex-end;
      justify-content: center;
      padding-bottom: 1.5rem; }
      .products_comparison--header-hum_app-desktop, .products_comparison--header-hum_essentials-desktop, .products_comparison--header-hum_plus-desktop, .products_comparison--header-hum_x-desktop {
        height: 12rem; }
        @media only screen and (max-width: 735px) {
          .products_comparison--header-hum_app-desktop, .products_comparison--header-hum_essentials-desktop, .products_comparison--header-hum_plus-desktop, .products_comparison--header-hum_x-desktop {
            display: none; } }
      @media only screen and (min-width: 735px) {
        .products_comparison--header-hum_app-mobile, .products_comparison--header-hum_essentials-mobile, .products_comparison--header-hum_plus-mobile, .products_comparison--header-hum_x-mobile {
          display: none; } }
      @media only screen and (max-width: 735px) {
        .products_comparison--header-hum_app, .products_comparison--header-hum_essentials, .products_comparison--header-hum_plus, .products_comparison--header-hum_x {
          padding-bottom: 1rem; } }
    .products_comparison--header-hum_app, .products_comparison--header-hum_essentials {
      background-color: #f5f6f7; }
      @media only screen and (max-width: 735px) {
        .products_comparison--header-hum_app-desktop, .products_comparison--header-hum_essentials-desktop {
          transform: translate3d(-0.85rem, 0.65rem, 0); } }
    .products_comparison--header-hum_plus {
      background-color: #9aa5af; }
      @media only screen and (max-width: 735px) {
        .products_comparison--header-hum_plus-desktop {
          transform: translate3d(0, 0.2rem, 0) scale(1.05); } }
    .products_comparison--header-hum_x {
      background-color: #253746; }
      @media only screen and (max-width: 735px) {
        .products_comparison--header-hum_x-desktop {
          padding: 0 0.3rem;
          transform: translate3d(0, -0.5rem, 0); } }
  .products_comparison--chart h3 {
    font-weight: 600; }
  .products_comparison--chart ul li {
    padding-top: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 8rem; }
    @media only screen and (max-width: 735px) {
      .products_comparison--chart ul li {
        min-height: 6rem; } }
  .products_comparison--chart-features ul {
    padding-left: 8rem;
    border-right: 1px solid #f5f6f7;
    height: 100%; }
    .products_comparison--chart-features ul li {
      align-items: flex-start; }
    @media only screen and (max-width: 735px) {
      .products_comparison--chart-features ul {
        font-size: 1.2rem;
        padding-left: 1rem; } }
  .products_comparison--chart-hum_app, .products_comparison--chart-hum_essentials, .products_comparison--chart-hum_plus, .products_comparison--chart-hum_x {
    font-size: 3rem; }
    @media only screen and (max-width: 735px) {
      .products_comparison--chart-hum_app, .products_comparison--chart-hum_essentials, .products_comparison--chart-hum_plus, .products_comparison--chart-hum_x {
        font-size: 2rem; }
        .products_comparison--chart-hum_app img, .products_comparison--chart-hum_essentials img, .products_comparison--chart-hum_plus img, .products_comparison--chart-hum_x img {
          max-width: 2rem; } }
  .products_comparison--chart-hum_plus {
    background-color: rgba(154, 165, 175, 0.1);
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.13); }

.products-row {
  display: flex;
  flex-wrap: wrap; }

.products-col-start {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.products-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

@media only screen and (max-width: 735px) {
  #products-page .modal--container.active .modal--inner {
    max-height: 100vh;
    width: 100vw; }
  #products-page .modal--close {
    top: 0;
    right: 0;
    opacity: 0.6; } }

@media only screen and (max-width: 735px) {
  .promo_grid {
    border-bottom: 1px solid #f5f6f7; } }

.promo_grid--container {
  width: 80%;
  max-width: 1100px;
  margin-left: 20rem;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  text-align: center; }
  @media only screen and (max-width: 735px) {
    .promo_grid--container {
      flex-direction: column; }
      .promo_grid--container article:not(:last-of-type) {
        margin-bottom: 5rem; } }
  .promo_grid--container img {
    border-radius: 50%;
    margin-bottom: 2.4rem; }
    @media only screen and (max-width: 735px) {
      .promo_grid--container img {
        margin-bottom: 1.5rem; } }
  .promo_grid--container h1 {
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: 3rem; }
    @media only screen and (max-width: 735px) {
      .promo_grid--container h1 {
        margin-bottom: 2rem; } }
  .promo_grid--container a {
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase; }
    .promo_grid--container a::after {
      content: "\276F";
      margin-left: .8rem;
      text-indent: .1rem;
      vertical-align: text-bottom;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-weight: 100;
      height: 1.7rem;
      width: 1.7rem;
      background-color: #76Ceda;
      color: #002330;
      border-radius: 50%;
      display: inline-block;
      font-size: 1rem;
      line-height: 1.7;
      text-align: center;
      font-weight: 300;
      background-color: #002330;
      color: #fff; }
    @media only screen and (max-width: 735px) {
      .promo_grid--container a {
        font-size: 1.3rem;
        font-weight: 400; } }

.promo--container, .promo--arrow {
  color: white;
  padding: 20px;
  background-color: #253746;
  box-shadow: 0;
  position: fixed;
  left: 20px;
  border-radius: 5px;
  transition: transform; }
  .promo--container.promo--active, .promo--arrow.promo--active {
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
    transform: translateY(0); }
    @media only screen and (max-width: 735px) {
      .promo--container.promo--active, .promo--arrow.promo--active {
        transform: translateX(0); } }

.promo--cta {
  background-color: #76Ceda;
  color: #253746;
  border-radius: 50px;
  cursor: pointer;
  display: inline-block;
  font-family: "Sharp-Sans", Helvetica, sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  padding: 1.4rem 1.5rem 1.1rem;
  min-width: 22rem;
  max-width: 100%;
  transition: all 200ms ease;
  text-align: center;
  text-transform: uppercase;
  border: none;
  margin-bottom: 2rem; }
  .promo--cta:hover {
    background-color: #4ec0cf; }
  .promo--cta img {
    margin-left: 1rem; }

.promo--container {
  bottom: 20px;
  width: 360px;
  max-height: 640px;
  transform: translateY(100%) translateY(32px);
  transform: translateY(calc(100% + 32px));
  transition-timing-function: cubic-bezier(0.17, 0.67, 0.43, 1.4);
  transition-duration: 250ms;
  z-index: 9998; }
  @media only screen and (max-width: 735px) {
    .promo--container {
      width: auto;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 10001;
      margin: 20px;
      transform: translateY(calc(100% + 45px)); } }
  @media only screen and (max-width: 735px) and (orientation: portrait) {
    .promo--container {
      margin: 5vh 15px;
      transform: translateX(calc(-100% - 32px)); } }
  .promo--container-inner {
    color: white;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 100%; }

@media only screen and (max-width: 735px) and (orientation: portrait) {
  .promo--container-inner {
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center; } }

@media only screen and (max-width: 735px) and (orientation: landscape) {
  .promo--container-inner {
    padding-left: 20px;
    padding-right: 20px; } }
    .promo--container-inner-image {
      width: 50%;
      padding: 20px 0;
      padding-right: 10px; }

@media only screen and (max-width: 735px) and (orientation: portrait) {
  .promo--container-inner-image {
    width: 75%;
    padding: 0; } }
      .promo--container-inner-image img {
        max-height: 100%;
        max-width: 100%; }
    .promo--container-inner-details {
      width: 45%;
      padding-top: 20px; }
      @media only screen and (max-width: 735px) {
        .promo--container-inner-details {
          width: auto; } }
      .promo--container-inner-details h1 {
        font-size: 16px;
        margin-bottom: 20px;
        line-height: 1.4;
        max-width: 110px;
        font-weight: 600; }
        @media only screen and (max-width: 735px) {
          .promo--container-inner-details h1 {
            font-size: 20px;
            margin: auto;
            margin-bottom: 30px;
            max-width: 200px; } }
      .promo--container-inner-details-wrapper {
        text-align: center; }

.promo--legal {
  text-align: left; }
  @media only screen and (max-width: 735px) {
    .promo--legal {
      padding: 2rem; } }
  .promo--legal a {
    color: #76Ceda; }
  .promo--legal-back {
    text-transform: uppercase;
    color: white; }
    .promo--legal-back::before {
      content: "\276E";
      margin-right: .8rem;
      vertical-align: text-bottom;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-weight: 100;
      height: 1.7rem;
      width: 1.7rem;
      background-color: #76Ceda;
      color: #002330;
      border-radius: 50%;
      display: inline-block;
      font-size: 1rem;
      line-height: 1.7;
      text-align: center; }
  .promo--legal h2 {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 2rem; }
  .promo--legal p {
    font-size: 1.2rem;
    margin-bottom: 4rem; }
  @media only screen and (max-width: 735px) {
    .promo--legal h2 {
      font-size: 12px; }
    .promo--legal p {
      margin-bottom: 20px; } }

.promo--close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 28px;
  margin-top: -10px;
  color: white;
  font-weight: 100; }
  @media only screen and (max-width: 735px) {
    .promo--close {
      font-size: 50px;
      text-align: right; } }

.promo--arrow {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  cursor: pointer;
  bottom: 0;
  width: 200px;
  padding: 10px 0;
  transform: translateY(100%) translateY(22px);
  transform: translateY(calc(100% + 22px));
  transition-timing-function: ease-in;
  transition-duration: 100ms;
  z-index: 9998;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media only screen and (max-width: 735px) {
    .promo--arrow {
      width: 60px;
      height: 60px; } }
  @media only screen and (max-width: 735px) and (orientation: portrait) {
    .promo--arrow {
      border-radius: 0 5px 5px 0;
      bottom: 30px;
      left: 0;
      transform: translateX(-100%); } }
  .promo--arrow img {
    margin-right: 14px; }
    @media only screen and (max-width: 735px) {
      .promo--arrow img {
        margin-right: 2px; } }
  .promo--arrow h1 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 4px; }
    @media only screen and (max-width: 735px) {
      .promo--arrow h1 {
        display: none; } }

.promo--underlay {
  display: none;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  transition: opacity 2s ease; }
  .promo--underlay.promo--active {
    display: block;
    opacity: 1; }

.promo--redirect {
  text-align: center; }
  .promo--redirect h1 {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 3rem; }
  .promo--redirect p {
    margin-bottom: 4rem; }
  .promo--redirect-back, .promo--redirect-continue {
    font-size: 1.5rem;
    font-weight: 600;
    padding: 0 2rem; }
  .promo--redirect-back {
    text-transform: uppercase; }
  .promo--redirect-continue {
    background-color: #76Ceda;
    color: #253746;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: "Sharp-Sans", Helvetica, sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    padding: 1.4rem 1.5rem 1.1rem;
    min-width: 22rem;
    max-width: 100%;
    transition: all 200ms ease;
    text-align: center;
    text-transform: uppercase;
    border: none; }
    .promo--redirect-continue:hover {
      background-color: #4ec0cf; }
    .promo--redirect-continue img {
      margin-left: 1rem; }

.promo--freeze {
  overflow: hidden !important; }

.promo--block {
  display: block !important; }

.promo--scroll {
  overflow-y: scroll !important; }

.promo--details-desktop, .promo--details-mobile {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase; }

.promo--details-mobile {
  display: none; }
  @media only screen and (max-width: 735px) {
    .promo--details-mobile {
      display: inline-block; } }

.promo--details-desktop {
  display: inline-block; }
  .promo--details-desktop::after {
    content: "\276F";
    margin-left: .8rem;
    text-indent: .1rem;
    vertical-align: text-bottom;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    height: 1.7rem;
    width: 1.7rem;
    background-color: #76Ceda;
    color: #002330;
    border-radius: 50%;
    display: inline-block;
    font-size: 1rem;
    line-height: 1.7;
    text-align: center; }
  @media only screen and (max-width: 735px) {
    .promo--details-desktop {
      display: none; } }

.reviews .title--container {
  position: relative; }
  .reviews .title--container::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #333;
    top: calc(50% - .5rem);
    width: 100%; }
  .reviews .title--container h1 {
    display: block;
    position: relative;
    max-width: 44rem;
    background: #fff;
    text-align: center;
    margin: 0 auto 5rem;
    padding-left: 2rem;
    padding-right: 2rem; }
  @media only screen and (max-width: 735px) {
    .reviews .title--container::before {
      top: 1rem;
      height: 3px;
      z-index: 999; }
    .reviews .title--container::after {
      content: "";
      position: absolute;
      bottom: 1rem;
      left: 0;
      right: 0;
      height: 3px;
      background-color: #333;
      z-index: 999; }
    .reviews .title--container h1 {
      font-size: 3.2rem;
      line-height: 1.2;
      padding-top: 4rem;
      padding-bottom: 4rem;
      text-align: left; } }

.reviews h1 {
  color: #002330;
  position: relative;
  display: block; }

.reviews--container {
  width: 80%;
  max-width: 1260px;
  margin-left: 20rem;
  margin-right: auto;
  overflow: hidden; }

.reviews--affiliates {
  display: flex;
  justify-content: space-around;
  margin-bottom: 5rem; }
  @media only screen and (max-width: 735px) {
    .reviews--affiliates {
      flex-direction: column;
      align-items: center; }
      .reviews--affiliates:not(:last-of-type) img {
        margin-bottom: 3rem; } }
  .reviews--affiliates img {
    filter: grayscale(100%);
    transition: filter 150ms ease; }
    .reviews--affiliates img:hover {
      filter: grayscale(0%); }

.reviews--items {
  display: flex;
  justify-content: center;
  margin: 0; }
  @media only screen and (max-width: 992px) {
    .reviews--items {
      width: 300%; } }
  .reviews--items li {
    padding: 4rem 6rem;
    text-align: center; }
    @media only screen and (max-width: 992px) {
      .reviews--items li {
        text-align: left;
        line-height: 3.2rem;
        padding: 0;
        transition: transform 250ms ease;
        width: 100%; }
        .reviews--items li.is-panning {
          transition: none; } }
    .reviews--items li blockquote {
      font-size: 1.8rem;
      font-weight: 300;
      max-width: 26.5rem;
      min-height: 24rem;
      margin: auto; }
      .reviews--items li blockquote::before {
        content: "\201C"; }
      .reviews--items li blockquote::after {
        content: "\201D"; }
      .reviews--items li blockquote strong {
        font-weight: 600; }
      @media only screen and (max-width: 1024px) {
        .reviews--items li blockquote {
          min-height: 26rem; } }
      @media only screen and (max-width: 992px) {
        .reviews--items li blockquote {
          min-height: 18rem; } }
    .reviews--items li cite {
      display: inline-block;
      font-size: 1.8rem;
      font-weight: 600;
      margin-top: 1rem; }
    .reviews--items li p {
      color: #9aa5af;
      font-size: 1.4rem;
      font-weight: 300; }
    @media only screen and (max-width: 992px) {
      .reviews--items li blockquote,
      .reviews--items li cite,
      .reviews--items li p {
        display: block;
        margin: auto;
        padding: 0;
        line-height: 3.2rem;
        max-width: 42.5rem; } }
    .reviews--items li:nth-of-type(even) {
      border-left: 1px solid #f5f6f7;
      border-right: 1px solid #f5f6f7; }
      @media only screen and (max-width: 992px) {
        .reviews--items li:nth-of-type(even) {
          border: 0; } }

.reviews--indicators {
  display: none;
  margin: 2rem auto 0;
  text-align: center; }
  @media only screen and (max-width: 992px) {
    .reviews--indicators {
      display: block; } }
  .reviews--indicators li {
    display: inline-block;
    height: 8px;
    width: 8px; }
    .reviews--indicators li:not(:last-of-type) {
      margin-right: 2.5rem; }
    .reviews--indicators li.is-active a {
      background: #76Ceda; }
    .reviews--indicators li a {
      background: #002330;
      display: block;
      border-radius: 50%;
      height: 8px;
      width: 8px;
      font-size: 0.1px;
      border-radius: 50%;
      text-indent: 1000px;
      transition: background 250ms ease; }

.slider--section {
  padding-left: 0;
  padding-right: 0; }

.slider {
  margin: 0 20px; }
  @media only screen and (min-width: 735px) {
    .slider {
      margin: 0 45px; } }

.slider--content {
  width: 100%;
  position: relative; }

.slider--container {
  width: 100%;
  overflow: hidden; }
  .slider--container svg > * {
    fill: black; }
  .slider--container ul {
    display: flex;
    transform: translate3d(0, 0, 0);
    transition: all 0.5s ease;
    -webkit-overflow-scrolling: touch; }
    .slider--container ul.is-pan {
      transition: all 0s ease; }
  .slider--container li {
    min-width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; }
  .slider--container .slider--video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); }
    .slider--container .slider--video svg {
      height: 6rem;
      transition: transform 100ms ease; }
      .slider--container .slider--video svg:hover {
        transform: scale(1.1); }
      @media only screen and (max-width: 735px) {
        .slider--container .slider--video svg {
          height: 4rem; } }

.slider--nav {
  display: grid;
  grid-template-columns: 55px 55px 55px 55px;
  grid-gap: 20px;
  float: left; }
  @media only screen and (min-width: 735px) {
    .slider--nav {
      grid-template-columns: 60px 60px 60px 60px; } }
  .slider--nav a {
    margin: 20px 0 0;
    padding-bottom: 17px;
    border-bottom: 3px solid transparent; }
    .slider--nav a:first-child {
      margin-left: 0; }
    .slider--nav a.is-active {
      border-color: #76Ceda; }

.prev--btn,
.next--btn {
  width: 35px;
  height: 52px;
  position: absolute;
  top: calc(50% - 25px);
  display: none; }
  @media only screen and (min-width: 735px) {
    .prev--btn,
    .next--btn {
      display: block; } }
  .prev--btn:before,
  .next--btn:before {
    content: '';
    position: absolute;
    top: 15%;
    width: 34px;
    height: 34px;
    border-top: 2px solid #333;
    border-left: 2px solid #333; }

.prev--btn {
  left: -40px; }
  .prev--btn:before {
    left: 35%;
    transform: rotate(-45deg); }

.next--btn {
  right: -40px; }
  .next--btn:before {
    right: 35%;
    transform: rotate(135deg); }

.visually-hidden {
  position: absolute;
  left: -9999em; }

.slider--caption {
  padding: 20px 30px;
  display: none;
  width: 50%;
  height: 10rem;
  overflow-y: visible; }
  @media only screen and (min-width: 735px) {
    .slider--caption {
      display: inline-block; } }
  .slider--caption ul {
    position: relative; }
  .slider--caption li {
    opacity: 0;
    position: absolute; }
    .slider--caption li.is-active {
      transition: all 0.3s ease;
      opacity: 1; }

.slider--modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  padding: 30px; }

.slider--modal--html {
  width: 100%;
  height: 100%;
  float: left; }
  .slider--modal--html iframe {
    height: 100%;
    width: 100%; }

.slider--modal--close {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  width: 20px;
  height: 20px; }
  .slider--modal--close:before, .slider--modal--close:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff; }
  .slider--modal--close:before {
    transform: rotate(45deg); }
  .slider--modal--close:after {
    transform: rotate(-45deg); }

.js_video_accordion {
  overflow: hidden;
  transition: height 250ms ease; }

.video_accordion {
  width: 80%;
  max-width: 1260px;
  margin-left: 20rem;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 8rem; }
  @media only screen and (max-width: 1024px) {
    .video_accordion {
      padding: 5rem 4rem; } }
  .video_accordion h1 {
    color: #9aa5af;
    font-size: 1.8rem;
    font-weight: 600; }
    @media only screen and (min-width: 1024px) {
      .video_accordion h1 {
        margin-left: 3rem; } }
  .video_accordion--container-items {
    padding: 2rem;
    margin: -2rem; }
  .video_accordion--container-toggle {
    text-align: center;
    margin-top: 2rem; }
    .video_accordion--container-toggle p {
      color: #002330;
      font-size: 1.4rem;
      margin-bottom: 1rem; }
    .video_accordion--container-toggle svg {
      height: 3rem;
      width: 3rem;
      transition: transform 250ms ease; }
    .video_accordion--container-toggle a.is-active svg {
      transform: rotate(180deg); }
    .video_accordion--container-toggle.is-hidden {
      display: none; }
  .video_accordion nav {
    margin: 2rem 0;
    margin-right: -4rem;
    overflow-x: auto;
    white-space: nowrap; }
    @media only screen and (min-width: 480px) {
      .video_accordion nav {
        margin: 2rem 1rem; } }
    @media only screen and (min-width: 735px) {
      .video_accordion nav {
        margin: 4rem 2rem; } }
    .video_accordion nav a {
      flex-direction: column;
      font-size: 2.4rem;
      font-weight: 600;
      margin-right: 3rem;
      border-bottom: 3px solid transparent;
      color: #9aa5af;
      transition: all 0.3s ease;
      position: relative; }
      .video_accordion nav a::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        margin: auto;
        height: 3px;
        background: #76Ceda;
        display: block;
        transition: all 250ms ease;
        width: 0; }
      .video_accordion nav a:hover::after {
        width: 100%; }
      @media only screen and (min-width: 480px) {
        .video_accordion nav a {
          font-size: 2.7rem; } }
      @media only screen and (min-width: 992px) {
        .video_accordion nav a {
          font-size: 3rem; } }
      .video_accordion nav a.is-active {
        color: #002330;
        border-color: #76Ceda; }
  .video_accordion nav {
    margin-left: 0;
    margin-bottom: 4rem; }
    @media only screen and (min-width: 1024px) {
      .video_accordion nav {
        margin-left: 3rem; } }
  .video_accordion--item {
    cursor: pointer;
    padding: 2rem 0; }
    @media only screen and (min-width: 735px) {
      .video_accordion--item {
        padding: 0 3rem 3rem; } }
    .video_accordion--item-thumb {
      position: relative; }
      .video_accordion--item-thumb::after {
        pointer-events: none;
        margin: auto;
        content: "";
        background: url("../svg/play-btn.svg") no-repeat center center;
        height: 4rem;
        width: 4rem;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0; }
    .video_accordion--item img {
      flex-shrink: 0;
      cursor: pointer;
      align-self: center;
      height: auto;
      transition: all 150ms ease; }
      @media only screen and (min-width: 1024px) {
        .video_accordion--item img:hover {
          box-shadow: 0 0 2rem 0.2rem rgba(0, 0, 0, 0.5); } }
    .video_accordion--item h2 {
      font-size: 1.4rem;
      font-weight: 600;
      margin: 1rem 0.4rem 0;
      text-align: center;
      color: #002330; }
  .video_accordion ul {
    display: flex;
    flex-wrap: wrap;
    align-content: start; }
    .video_accordion ul li {
      list-style: none;
      order: 1;
      position: relative;
      width: 100%; }
      @media only screen and (min-width: 735px) {
        .video_accordion ul li {
          width: 50%; } }
      @media only screen and (min-width: 992px) {
        .video_accordion ul li {
          width: 33.33333333%; } }
      .video_accordion ul li.is-faded {
        order: 2;
        opacity: 0.3;
        cursor: default;
        display: none; }
        .video_accordion ul li.is-faded::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 1; }
      .video_accordion ul li.is-hidden {
        display: none; }

.compatibility {
  padding: 0;
  background-color: #f6f6f6; }
  .compatibility__container {
    width: 80%;
    margin-left: 20rem;
    margin-right: auto;
    padding: 8rem 2rem;
    text-align: left; }
    @media screen and (max-width: 768px) {
      .compatibility__container {
        margin-left: 0;
        width: 100%; } }
    @media only screen and (max-width: 1024px) {
      .compatibility__container {
        padding: 8rem 4rem 6rem; } }
    .compatibility__container-internal {
      display: flex;
      justify-content: center;
      flex-direction: row-reverse; }
      @media screen and (max-width: 768px) {
        .compatibility__container-internal {
          display: flex;
          justify-content: center;
          flex-direction: row-reverse; } }
      @media screen and (max-width: 414px) {
        .compatibility__container-internal {
          display: inline; } }
      @media screen and (max-width: 375px) {
        .compatibility__container-internal {
          display: inline; } }
  .compatibility-info {
    margin-right: 15rem;
    width: 30%; }
    @media screen and (max-width: 568px) {
      .compatibility-info {
        width: 100%; } }
    @media screen and (max-width: 414px) {
      .compatibility-info {
        margin-left: -2rem; } }
    @media screen and (max-width: 375px) {
      .compatibility-info {
        margin-left: -2rem; } }
  .compatibility-text1 {
    font-size: 1.8rem;
    margin-bottom: 3rem; }
    @media screen and (max-width: 768px) {
      .compatibility-text1 {
        font-size: 1.5rem;
        margin-bottom: 3rem;
        width: 30rem;
        text-align: justify; } }
    @media screen and (max-width: 568px) {
      .compatibility-text1 {
        width: 70%; } }
    @media screen and (max-width: 414px) {
      .compatibility-text1 {
        font-size: 1.5rem;
        width: 35rem; } }
    @media screen and (max-width: 375px) {
      .compatibility-text1 {
        width: 30rem; } }
    @media screen and (max-width: 320px) {
      .compatibility-text1 {
        width: 27rem; } }
  .compatibility-text {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 2rem; }
    @media screen and (max-width: 768px) {
      .compatibility-text {
        font-size: 1.4rem;
        width: 30rem;
        text-align: justify; } }
    @media screen and (max-width: 568px) {
      .compatibility-text {
        width: 70%; } }
    @media screen and (max-width: 414px) {
      .compatibility-text {
        font-size: 1.5rem;
        width: 35rem; } }
    @media screen and (max-width: 375px) {
      .compatibility-text {
        width: 30rem;
        font-size: 1.5rem; } }
    @media screen and (max-width: 320px) {
      .compatibility-text {
        width: 27rem;
        font-size: 1.5rem; } }
  .compatibility-logo {
    margin-right: 8rem; }
    @media screen and (max-width: 768px) {
      .compatibility-logo {
        margin-right: 0;
        margin-top: 3rem;
        margin-left: 3rem; } }
    @media screen and (max-width: 414px) {
      .compatibility-logo {
        margin-right: 1rem;
        margin-left: 1rem;
        margin-top: -10rem; } }
    @media screen and (max-width: 375px) {
      .compatibility-logo {
        margin-top: -8rem; } }
    .compatibility-logo-large {
      height: 47rem;
      width: 45rem; }
      @media screen and (max-width: 768px) {
        .compatibility-logo-large {
          height: 35rem; } }
      @media screen and (max-width: 568px) {
        .compatibility-logo-large {
          height: 100%;
          max-width: 85%;
          margin-left: 0; } }
      @media screen and (max-width: 375px) {
        .compatibility-logo-large {
          margin-left: 3rem; } }
      @media screen and (max-width: 360px) {
        .compatibility-logo-large {
          margin-left: 0;
          height: 100%;
          max-width: 100%; } }
    .compatibility-logo-mini {
      position: absolute;
      height: 15rem !important;
      width: 15rem !important;
      z-index: 1;
      padding: 0;
      margin-left: -7rem;
      margin-top: 15rem; }
      @media screen and (max-width: 768px) {
        .compatibility-logo-mini {
          display: none; } }
  #compatibility-page .compatibility {
    padding-top: 10rem; }
    @media only screen and (max-width: 1024px) {
      #compatibility-page .compatibility {
        padding-top: 6rem; } }
  .compatibility h4 {
    color: #9aa5af;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 3rem; }
    @media only screen and (max-width: 735px) {
      .compatibility h4 {
        max-width: 26rem; } }
  .compatibility h2 {
    font-size: 4.4rem;
    font-weight: bold;
    line-height: 5rem; }
    @media only screen and (max-width: 1024px) {
      .compatibility h2 {
        font-size: 4.8rem; } }
    @media screen and (max-width: 768px) {
      .compatibility h2 {
        width: 30rem;
        font-size: 2.8rem;
        line-height: 1.1;
        margin-top: 2rem;
        font-weight: 900; }
        .compatibility h2 br {
          display: none; } }
    @media only screen and (max-width: 568px) {
      .compatibility h2 {
        width: 70%; } }
    @media screen and (max-width: 414px) {
      .compatibility h2 {
        font-size: 3.0rem;
        width: 36rem; } }
    @media screen and (max-width: 375px) {
      .compatibility h2 {
        font-size: 2rem;
        width: 30rem; } }
  .compatibility form {
    font-size: 6.4rem;
    line-height: 6rem;
    margin-bottom: 2rem; }
    @media only screen and (max-width: 735px) {
      .compatibility form {
        font-size: 3.6rem;
        line-height: 1.1; } }
  @media only screen and (max-width: 735px) and (orientation: portrait) {
    .compatibility form {
      display: block; } }
    @media only screen and (max-width: 1024px) {
      .compatibility form {
        font-size: 4.8rem; } }
  .compatibility .compatibility__select_container {
    width: 30rem;
    position: relative;
    display: flex;
    margin-bottom: -3rem;
    flex-direction: column;
    flex-basis: auto; }
    @media screen and (max-width: 414px) {
      .compatibility .compatibility__select_container {
        margin-bottom: -3rem !important; } }
    @media screen and (max-width: 375px) {
      .compatibility .compatibility__select_container {
        margin-bottom: -3rem !important; } }
    .compatibility .compatibility__select_container:not(:last-of-type) {
      margin-right: 2rem; }

@media only screen and (max-width: 735px) and (orientation: portrait) {
  .compatibility .compatibility__select_container:not(:last-of-type) {
    margin-right: 0; } }
    @media only screen and (max-width: 735px) {
      .compatibility .compatibility__select_container:last-of-type {
        display: inline-flex; } }
    @media only screen and (max-width: 735px) {
      .compatibility .compatibility__select_container {
        margin-bottom: 0; } }
    .compatibility .compatibility__select_container:after {
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 10px solid #08BFC1;
      position: absolute;
      top: 25%;
      right: 10px;
      content: "";
      z-index: 2; }
      @media screen and (max-width: 454px) {
        .compatibility .compatibility__select_container:after {
          top: 22%;
          right: 10%; } }
    .compatibility .compatibility__select_container select {
      width: 25rem;
      border: 0;
      position: relative;
      z-index: 99; }
  .compatibility__label {
    font-size: 1.8rem;
    font-weight: 600;
    color: #002330; }
    @media only screen and (max-width: 735px) {
      .compatibility__label {
        font-size: 1.2rem;
        padding-top: 10px; } }
  .compatibility__results-container {
    display: flex;
    align-items: flex-end; }
    .compatibility__results-container .js--modal-content {
      display: none !important; }
    @media only screen and (max-width: 735px) {
      .compatibility__results-container {
        display: block;
        text-align: center;
        margin-bottom: 3rem; } }
    @media screen and (max-width: 737px) {
      .compatibility__results-container {
        display: block;
        text-align: left;
        margin-bottom: 3rem; } }
    .compatibility__results-container h2 {
      font-size: 5.6rem;
      margin-bottom: 1.5rem;
      text-align: left; }
      @media only screen and (max-width: 735px) {
        .compatibility__results-container h2 {
          text-align: center; } }
    .compatibility__results-container h5 {
      font-size: 1.4rem;
      font-weight: 600; }
      @media only screen and (max-width: 735px) {
        .compatibility__results-container h5 {
          margin-bottom: 2rem; } }
      .compatibility__results-container h5 sup {
        font-size: 1.8rem;
        top: -0.2rem; }
  .compatibility__results-info {
    font-size: 16px;
    font-weight: 600;
    padding-top: 8rem;
    padding-bottom: 2rem; }
  .compatibility__results-pid {
    font-size: 16px;
    padding-right: 6rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: inline-block; }
    .compatibility__results-pid::before {
      content: '\2713';
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
      font-weight: 400;
      height: 2.7rem;
      width: 2.7rem;
      line-height: 2.7rem;
      background-color: #76Ceda;
      color: #002330;
      border-radius: 50%;
      display: inline-block;
      font-size: 1.7rem;
      text-align: center;
      margin-right: 1.5rem; }
  .compatibility__results-warning {
    font-size: 1.4rem;
    padding-top: 5rem; }
    .compatibility__results-warning h4 {
      color: #002330;
      margin-bottom: 2rem; }
  .compatibility__results-copy {
    margin-right: 5rem; }
    @media only screen and (max-width: 735px) {
      .compatibility__results-copy {
        margin-right: 0; } }
  .compatibility__results-cta_group {
    text-align: center; }
    .compatibility__results-cta_group-mineral {
      background-color: #76Ceda;
      color: #253746;
      border-radius: 50px;
      cursor: pointer;
      display: inline-block;
      font-family: "Sharp-Sans", Helvetica, sans-serif;
      font-weight: 600;
      font-size: 1.4rem;
      padding: 1.4rem 1.5rem 1.1rem;
      min-width: 22rem;
      max-width: 100%;
      transition: all 200ms ease;
      text-align: center;
      text-transform: uppercase;
      border: none; }
      .compatibility__results-cta_group-mineral:hover {
        background-color: #4ec0cf; }
      .compatibility__results-cta_group-mineral img {
        margin-left: 1rem; }
    .compatibility__results-cta_group-clear {
      background-color: transparent;
      color: #002330;
      border: 2px solid #002330;
      border-radius: 50px;
      cursor: pointer;
      display: inline-block;
      font-family: "Sharp-Sans", Helvetica, sans-serif;
      font-weight: 600;
      font-size: 1.4rem;
      padding: 1.4rem 1.5rem 1.1rem;
      min-width: 22rem;
      max-width: 100%;
      transition: all 200ms ease;
      text-align: center;
      text-transform: uppercase;
      border: none;
      margin-left: 2rem; }
      .compatibility__results-cta_group-clear:hover {
        color: #fff;
        background-color: #253746; }
      .compatibility__results-cta_group-clear img {
        margin-left: 1rem; }
      @media only screen and (max-width: 735px) {
        .compatibility__results-cta_group-clear {
          margin-left: 0;
          margin-top: 2rem; } }
    .compatibility__results-cta_group-verizon {
      display: block;
      font-size: 1.4rem !important;
      text-align: center;
      margin: 2rem 0 0 !important; }
      .compatibility__results-cta_group-verizon a {
        color: #002330;
        text-decoration: underline;
        font-weight: 900; }
  .compatibility__results-legal {
    font-size: 1.2rem;
    padding-top: 6rem; }

.hero__search {
  position: relative;
  min-height: 400px;
  background: #57737e; }

.hero__search__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .hero__search__img img {
    object-fit: cover;
    width: 100%;
    height: 100%; }

.hero__search__content {
  position: relative;
  padding: 50px 0 20px;
  text-align: center;
  max-width: 1160px;
  margin: 0 auto; }
  @media only screen and (min-width: 992px) {
    .hero__search__content {
      padding: 120px 0 40px; } }
  @media only screen and (min-width: 735px) {
    .hero__search__content {
      padding: 60px 0 30px; } }
  .hero__search__content h1 {
    color: #fff;
    margin: 0 0 15px;
    font-size: 32px; }
    @media only screen and (min-width: 735px) {
      .hero__search__content h1 {
        margin: 30px 0 15px;
        font-size: calc(32px + 16 * ((100vw - 320px) / 840)); } }
  .hero__search__content form {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0rem; }
    @media only screen and (min-width: 735px) {
      .hero__search__content form {
        width: 60%; } }
  .hero__search__content input {
    height: auto; }
  .hero__search__content button {
    padding: 0;
    border: 0; }

.breadcrumbs {
  list-style: none;
  font-size: 16px;
  margin: 0;
  padding: 0; }
  .breadcrumbs li {
    display: inline-block;
    position: relative;
    padding-right: 25px; }
    .breadcrumbs li:before {
      content: '';
      position: absolute;
      top: 50%;
      right: 10px;
      width: 5px;
      height: 5px;
      border-top: 1px solid #002330;
      border-right: 1px solid #002330;
      transform: rotate(45deg);
      margin-top: -4px; }
    .breadcrumbs li:last-child {
      font-weight: 600; }
      .breadcrumbs li:last-child:before {
        display: none; }
  .breadcrumbs a {
    text-decoration: underline;
    color: #002330; }

@media only screen and (max-width: 735px) {
  [data-list-dropdown][data-breakpoint="medium down"] {
    display: flex;
    flex-direction: column; }
    [data-list-dropdown][data-breakpoint="medium down"].is-open li {
      height: auto; }
      [data-list-dropdown][data-breakpoint="medium down"].is-open li.is-active a:after {
        top: 25px;
        transform: rotate(-135deg); }
    [data-list-dropdown][data-breakpoint="medium down"] li {
      order: 2;
      background: #f5f6f7;
      padding: 0;
      height: 0;
      overflow: hidden; }
      [data-list-dropdown][data-breakpoint="medium down"] li.is-active {
        order: 1;
        height: auto; }
        [data-list-dropdown][data-breakpoint="medium down"] li.is-active a {
          position: relative; }
          [data-list-dropdown][data-breakpoint="medium down"] li.is-active a:before {
            content: '';
            width: 55px;
            height: 100%;
            position: absolute;
            top: 0;
            right: 0;
            background: #76Ceda; }
          [data-list-dropdown][data-breakpoint="medium down"] li.is-active a:after {
            content: '';
            position: absolute;
            top: 20px;
            right: 22px;
            width: 10px;
            height: 10px;
            border-right: 1px solid #002330;
            border-bottom: 1px solid #002330;
            transform: rotate(45deg); }
      [data-list-dropdown][data-breakpoint="medium down"] li a {
        display: inline-block;
        color: #002330;
        padding: 15px 20px; } }

#pagination {
  width: 100%;
  padding: 20px 0;
  display: none;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  margin-top: 40px; }
  #pagination li {
    padding: 0 15px; }
  #pagination a {
    color: #002330; }

#pagination__previous,
#pagination__next {
  text-transform: uppercase;
  font-size: 16px;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block; }
  #pagination__previous:hover,
  #pagination__next:hover {
    color: #76Ceda; }
  #pagination__previous:before,
  #pagination__next:before {
    content: '';
    width: 18px;
    height: 18px;
    background: #002330;
    border-radius: 20px;
    display: inline-block;
    position: absolute;
    top: 0; }
  #pagination__previous:after,
  #pagination__next:after {
    content: '';
    width: 4px;
    height: 4px;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    position: absolute;
    top: 6px; }

#pagination__previous {
  display: none;
  padding-left: 25px; }
  #pagination__previous:before {
    left: 0; }
  #pagination__previous:after {
    left: 8px;
    transform: rotate(45deg); }

#pagination__next {
  display: none;
  padding-right: 25px; }
  #pagination__next:before {
    right: 0; }
  #pagination__next:after {
    right: 8px;
    transform: rotate(-135deg); }

.pagination_show {
  display: flex !important; }

/*  Layout styles */
.header {
  z-index: 10999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-color: black;
  padding: 0 1rem 0;
  color: #fff;
  transition: background 250ms ease; }
  @media only screen and (max-width: 737px) {
    .header {
      height: 10rem;
      padding: 0.5rem;
      padding-bottom: 0;
      overflow-x: hidden; }
      .header.is-expanded {
        height: 100vh; } }
  @media only screen and (max-width: 735px) {
    .header {
      height: 6rem; } }
  .header--inverted:not(.is-sticky) a {
    color: #fff !important; }
  .header--inverted:not(.is-sticky) .navigation--bottom > ul > li.navigation--cta {
    border-left-color: #253746 !important; }
  .header--inverted:not(.is-sticky) .navigation--top ul li:not(:last-of-type) {
    border-right-color: #253746 !important; }
  .header--inverted:not(.is-sticky) .burger--line {
    background: #253746 !important; }
  .header a {
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px; }
    @media only screen and (max-width: 737px) {
      .header a {
        color: #002330; } }
  .header svg {
    fill: currentColor; }
    @media only screen and (max-width: 737px) {
      .header svg {
        fill: #fff; } }
  .header.is-sticky {
    background-color: black;
    position: fixed;
    top: 3.5rem;
    transform: translate3d(0, -4rem, 0);
    box-shadow: 0 0 4rem -1rem black; }
    .header.is-sticky svg:hover {
      fill: #76Ceda; }
    .header.is-sticky .navigation--promotion {
      opacity: 1; }
    @media only screen and (max-width: 737px) {
      .header.is-sticky {
        transition: all 250ms ease;
        transform: translate3d(0, 0, 0);
        top: 0; } }
  .header .navigation--logo .is-active {
    transition-delay: 250ms; }
    .header .navigation--logo .is-active #logo {
      fill: #002330; }
  .header .navigation--logo .unsticky #bulb {
    transform: translateX(0) translate3d(0, 0, 0); }
  .header .navigation--logo #logo > * {
    transition: all 250ms ease; }

.navigation {
  width: 80%;
  max-width: 1440px;
  margin-left: 20rem;
  margin-right: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  flex-direction: row-reverse;
  margin-left: 5rem; }
  @media only screen and (max-width: 737px) {
    .navigation {
      align-items: end;
      height: 4.5rem;
      margin-left: 5rem; } }
  .navigation--logo {
    margin-top: 2rem;
    margin-left: -2rem; }
    .navigation--logo a {
      display: block; }
    .navigation--logo svg {
      width: auto;
      display: block; }
      @media screen and (max-width: 768px) {
        .navigation--logo svg {
          transform: scale(0.75);
          margin-top: -2rem;
          margin-left: -2rem; } }
      @media screen and (max-width: 414px) {
        .navigation--logo svg {
          transform: scale(0.75);
          margin-top: -2rem;
          margin-left: -2rem; } }
      @media screen and (max-width: 375px) {
        .navigation--logo svg {
          transform: scale(0.6);
          margin-top: -2rem;
          margin-left: -2rem; } }
    @media only screen and (max-width: 737px) {
      .navigation--logo:hover #bulb {
        fill: #76Ceda; } }
  .navigation--container {
    display: flex;
    margin-left: auto;
    width: 100%; }
    @media only screen and (max-width: 737px) {
      .navigation--container {
        display: inline-block;
        flex-direction: column;
        position: fixed;
        top: 50px;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: #fff;
        align-items: center;
        transform: translate3d(100%, 0, 0);
        transition: transform 100ms ease-in-out; }
        .navigation--container.is-expanded {
          transform: translate3d(0, 0, 0); }
          .navigation--container.is-expanded ~ .navigation--logo svg {
            fill: #002330; } }
  .navigation--mobile {
    display: none; }
    @media only screen and (max-width: 737px) {
      .navigation--mobile {
        display: block;
        margin-left: auto;
        z-index: 0; } }
  .navigation--top {
    height: 1rem;
    display: flex;
    align-items: center;
    margin-top: 1.5em;
    margin-left: auto; }
    @media only screen and (max-width: 737px) {
      .navigation--top {
        display: block;
        height: auto;
        margin-bottom: 2rem; } }
    @media screen and (max-width: 768px) {
      .navigation--top {
        margin-left: 0; } }
    .navigation--top ul {
      margin-left: auto;
      text-align: center; }
      @media only screen and (max-width: 737px) {
        .navigation--top ul {
          display: flex;
          flex-direction: column; } }
      .navigation--top ul li {
        display: inline-block;
        padding-left: 2rem; }
        @media only screen and (min-width: 738px) {
          .navigation--top ul li:not(:last-of-type) {
            padding-right: 2rem;
            padding-top: 2rem; } }
        .navigation--top ul li:first-of-type {
          padding-left: 0; }
        @media only screen and (max-width: 737px) {
          .navigation--top ul li:last-of-type {
            padding-left: 0; } }
        @media only screen and (max-width: 737px) {
          .navigation--top ul li {
            padding: 0 !important;
            margin: 1rem 0; } }
        .navigation--top ul li a {
          font-size: 1.4rem;
          border-bottom: 3px solid transparent;
          padding-bottom: 0.5em; }
          .navigation--top ul li a:hover {
            color: #76Ceda; }
          .navigation--top ul li a.is-active {
            border-color: #08BFC1;
            color: #08BFC1; }
  .navigation--bottom {
    padding: 0;
    margin-left: auto; }
    @media screen and (max-width: 768px) {
      .navigation--bottom {
        margin-right: -20rem; } }
    @media screen and (max-width: 414px) {
      .navigation--bottom {
        margin-right: 0; } }
    @media screen and (max-width: 375px) {
      .navigation--bottom {
        margin-right: 0; } }
    .navigation--bottom > ul {
      display: flex;
      height: 6rem;
      z-index: 10; }
      @media only screen and (max-width: 737px) {
        .navigation--bottom > ul {
          flex-direction: column;
          height: auto; } }
      .navigation--bottom > ul > li {
        display: flex;
        align-self: stretch;
        align-items: center;
        padding: 0.5rem 1rem 0; }
        @media only screen and (max-width: 737px) {
          .navigation--bottom > ul > li {
            display: block;
            align-self: center;
            padding: 0.5rem 0; } }
        .navigation--bottom > ul > li.has-secondary::after {
          content: '';
          height: 0.5rem;
          width: 0.5rem;
          display: inline-block;
          margin-left: 1rem;
          vertical-align: text-top;
          margin-bottom: 0.5rem;
          transform: rotate(45deg);
          transition: all 200ms ease;
          border-right: 1px solid #fff;
          border-bottom: 1px solid #fff;
          transition-delay: 250ms; }
          @media only screen and (max-width: 737px) {
            .navigation--bottom > ul > li.has-secondary::after {
              display: none; } }
        .navigation--bottom > ul > li.has-secondary a,
        .navigation--bottom > ul > li.has-secondary ~ li a:not(.navigation--cta) {
          transition-delay: 250ms; }
        .navigation--bottom > ul > li.has-secondary:hover {
          cursor: pointer; }
          .navigation--bottom > ul > li.has-secondary:hover a,
          .navigation--bottom > ul > li.has-secondary:hover ~ li a:not(.navigation--cta) {
            color: #002330; }
          .navigation--bottom > ul > li.has-secondary:hover::after {
            margin-bottom: 0;
            border-color: #002330;
            transform: rotate(225deg); }
          .navigation--bottom > ul > li.has-secondary:hover > ul {
            transform: translate3d(0, 0, 0); }
            .navigation--bottom > ul > li.has-secondary:hover > ul > li {
              transition: opacity 500ms ease;
              transition-delay: 400ms;
              opacity: 1; }
              .navigation--bottom > ul > li.has-secondary:hover > ul > li:nth-of-type(2) {
                transition-delay: 500ms; }
        .navigation--bottom > ul > li > a {
          font-size: 1.3rem;
          position: relative;
          transition: color 150ms ease; }
        .navigation--bottom > ul > li.navigation--cta {
          align-self: center;
          max-height: 4rem;
          margin-top: 1rem;
          margin-bottom: 1rem;
          margin-right: 5rem;
          padding-top: 0;
          padding-right: 0; }
          @media only screen and (max-width: 737px) {
            .navigation--bottom > ul > li.navigation--cta {
              padding-left: 0;
              border-left: 0;
              margin-left: 0;
              margin-right: 1rem; } }
          @media screen and (max-width: 1024px) {
            .navigation--bottom > ul > li.navigation--cta {
              margin-right: 10rem; } }
          @media screen and (max-width: 568px) {
            .navigation--bottom > ul > li.navigation--cta {
              margin-right: 1rem; } }
          .navigation--bottom > ul > li.navigation--cta a {
            background-color: #76Ceda;
            border-radius: 50px;
            cursor: pointer;
            display: inline-block;
            font-family: "Sharp-Sans", Helvetica, sans-serif;
            font-size: 1.4rem !important;
            padding: 1rem 1.1rem;
            min-width: 22rem;
            max-width: 100%;
            transition: all 200ms ease;
            text-align: center;
            border: none;
            line-height: 1rem;
            font-size: 1.2rem;
            min-width: 11rem;
            transition-delay: 0; }
          .navigation--bottom > ul > li.navigation--cta--signin {
            border: 1px solid #ffffff;
            padding: 1rem 2rem;
            border-radius: 5rem;
            margin: 1.5rem 0; }
        .navigation--bottom > ul > li > ul {
          display: flex;
          justify-content: space-around;
          align-items: center;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          margin: auto;
          z-index: -1;
          background-color: #fff;
          color: #002330;
          padding-top: 14rem;
          padding-bottom: 4rem;
          width: 100%;
          height: auto;
          max-height: 100vh;
          transition: transform 500ms ease-in-out;
          transform: translate3d(0, -100vh, 0);
          box-shadow: 0 0 40px -10px black; }
          @media only screen and (max-width: 737px) {
            .navigation--bottom > ul > li > ul {
              display: none; } }
          .navigation--bottom > ul > li > ul li {
            opacity: 0;
            transition: opacity 50ms ease; }
            .navigation--bottom > ul > li > ul li img {
              transition: transform 100ms ease; }
            .navigation--bottom > ul > li > ul li:hover img {
              transform: scale(1.05); }
          .navigation--bottom > ul > li > ul a {
            color: inherit;
            font-size: 6rem; }
  .navigation--promotion {
    background-color: #76Ceda;
    color: #002330;
    margin-left: -2rem;
    margin-right: -2rem;
    padding: 0.5rem 2rem;
    text-align: center;
    font-size: 1.4rem;
    transition: opacity 100ms ease;
    opacity: 0; }
    @media only screen and (max-width: 737px) {
      .navigation--promotion {
        margin-top: 1rem;
        box-shadow: 0 0 40px -10px black; }
        .is-sticky .navigation--promotion {
          display: none !important; } }
    .navigation--promotion ul {
      margin-bottom: 0; }
    .navigation--promotion li {
      display: inline;
      list-style-type: disc; }
      @media only screen and (min-width: 735px) {
        .navigation--promotion li:not(:last-of-type) {
          margin-right: 2rem; }
          .navigation--promotion li:not(:last-of-type)::after {
            content: '\00b7';
            margin-left: 2rem;
            font-weight: 900;
            font-size: 2rem; } }
      @media only screen and (max-width: 735px) {
        .navigation--promotion li:last-child {
          display: block; } }
    .navigation--promotion a {
      color: #002330;
      text-transform: uppercase;
      text-decoration: underline; }

.navigation--left-to-right {
  flex-direction: row !important; }

@media only screen and (max-width: 1024px) {
  .homepage .phone_carousel {
    background-size: 100% auto; } }

@media only screen and (max-width: 992px) {
  .homepage .phone_carousel {
    background-size: auto 36rem; } }

@media only screen and (max-width: 1024px) {
  .homepage .phone_carousel--container {
    padding-top: 20rem; } }

@media only screen and (max-width: 992px) {
  .homepage .phone_carousel--container {
    padding-top: 38rem; } }

@media only screen and (max-width: 735px) {
  .homepage .phone_carousel--container {
    padding-top: 34rem; } }

.homepage .phone_carousel--slide-copy {
  padding-top: 16rem; }
  @media only screen and (max-width: 992px) {
    .homepage .phone_carousel--slide-copy {
      padding-top: 0; } }

@media (min-width: 768px) {
  .homepage .homepage {
    margin-right: -3rem; } }

.homepage .ratings {
  background: #253746;
  padding: 3rem 2rem;
  color: #fff;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  @media only screen and (min-width: 480px) {
    .homepage .ratings {
      flex-direction: row; } }
  @media only screen and (min-width: 735px) {
    .homepage .ratings {
      font-size: 40px; } }

.homepage .rating {
  max-width: 340px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .homepage .rating:first-child {
    margin-bottom: 2rem; }
    @media only screen and (min-width: 480px) {
      .homepage .rating:first-child {
        margin-bottom: 0; } }

.homepage .rating_content {
  display: flex;
  align-items: center; }

.homepage .stars {
  margin: 0 1rem;
  font-size: 30px; }
  @media only screen and (min-width: 735px) {
    .homepage .stars {
      font-size: 40px; } }
  .homepage .stars li {
    display: inline-block;
    color: #9aa5af;
    float: left;
    width: 26px; }
    @media only screen and (min-width: 735px) {
      .homepage .stars li {
        width: 36px; } }
    .homepage .stars li:before {
      content: '\2605'; }
    .homepage .stars li.full {
      color: #76Ceda; }
    .homepage .stars li.half {
      position: relative; }
      .homepage .stars li.half:after {
        content: '\2605';
        color: #76Ceda;
        position: absolute;
        width: 50%;
        overflow: hidden;
        top: 0;
        left: 0px; }

.features_hero {
  max-height: 75rem; }
  @media only screen and (max-width: 992px) {
    .features_hero {
      margin-top: 0;
      background: none; } }

@media only screen and (max-width: 992px) {
  .features .hero--container {
    color: #002330;
    text-align: left; } }

@media only screen and (max-width: 992px) {
  .features_benefits {
    padding: 8rem 2rem 4rem !important; } }

.features_benefits--container {
  width: 80%;
  max-width: 1260px;
  margin-left: 20rem;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem; }
  @media only screen and (max-width: 992px) {
    .features_benefits--container {
      padding: 0; } }

.features_benefits--hero {
  position: relative;
  margin-bottom: 3.2rem; }
  .features_benefits--hero .hero--cta {
    position: absolute;
    bottom: 5rem;
    left: 5rem; }

.features_benefits--details {
  padding-right: 2rem; }
  @media only screen and (max-width: 735px) {
    .features_benefits--details {
      padding-right: 0; } }

.features_benefits--breadcrumb {
  font-size: 1.2rem;
  margin-bottom: 4rem;
  margin-left: 5rem; }
  .features_benefits--breadcrumb:hover {
    text-decoration: underline; }
  .features_benefits--breadcrumb::before {
    content: "\276E";
    margin-right: .8rem;
    vertical-align: text-bottom;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    height: 1.7rem;
    width: 1.7rem;
    background-color: #76Ceda;
    color: #002330;
    border-radius: 50%;
    display: inline-block;
    font-size: 1rem;
    line-height: 1.7;
    text-align: center;
    background-color: #002330;
    color: #fff; }
  @media only screen and (max-width: 992px) {
    .features_benefits--breadcrumb {
      display: none; } }
  .features_benefits--breadcrumb a {
    color: #002330; }

.features_benefits--content {
  display: flex; }
  @media only screen and (max-width: 992px) {
    .features_benefits--content {
      flex-direction: column-reverse; } }

.features_benefits--upper {
  display: flex;
  margin-left: 5rem;
  margin-bottom: 8rem; }
  @media only screen and (max-width: 992px) {
    .features_benefits--upper {
      margin-bottom: 3.2rem;
      margin-left: auto;
      margin-right: auto;
      flex-direction: column;
      padding-left: 2rem;
      padding-right: 2rem;
      max-width: 45rem; } }
  .features_benefits--upper-icon img {
    margin-top: 6px;
    height: 5rem; }
  .features_benefits--upper-copy {
    margin-left: 4rem; }
    @media only screen and (max-width: 992px) {
      .features_benefits--upper-copy {
        margin-left: 0; } }
    .features_benefits--upper-copy h1 {
      font-size: 6.8rem;
      margin-bottom: 3.2rem;
      max-width: 67rem; }
      @media only screen and (max-width: 992px) {
        .features_benefits--upper-copy h1 {
          font-size: 4rem;
          margin-top: 2.4rem;
          margin-bottom: 2.4rem; } }
    .features_benefits--upper-copy p {
      line-height: 2;
      max-width: 55rem; }

.features_benefits--navigation {
  min-width: 25rem;
  margin-left: auto;
  margin-bottom: 10rem; }
  @media only screen and (max-width: 992px) {
    .features_benefits--navigation {
      display: none; } }
  .features_benefits--navigation h1 {
    font-size: 1.4rem;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #f5f6f7; }
  .features_benefits--navigation li:not(:last-of-type) {
    margin-bottom: 1.5rem; }
  .features_benefits--navigation a {
    color: #d9dde0;
    font-size: 1.8rem;
    font-weight: 600;
    transition: color 250ms ease; }
    .features_benefits--navigation a.is-active, .features_benefits--navigation a:hover {
      color: #002330; }
  .features_benefits--navigation-mobile {
    display: none; }
    @media only screen and (max-width: 992px) {
      .features_benefits--navigation-mobile {
        display: block;
        position: relative;
        font-family: "Sharp-Sans", Helvetica, sans-serif; }
        .features_benefits--navigation-mobile::before, .features_benefits--navigation-mobile::after {
          content: "";
          pointer-events: none;
          display: block;
          position: absolute; }
        .features_benefits--navigation-mobile::before {
          right: 0;
          top: 0;
          height: 45px;
          width: 45px;
          background: #76Ceda; }
        .features_benefits--navigation-mobile::after {
          transform: rotate(45deg);
          top: 15px;
          right: 17.5px;
          height: 10px;
          width: 10px;
          border-right: 1px solid #002330;
          border-bottom: 1px solid #002330; } }
    .features_benefits--navigation-mobile select::-ms-expand {
      display: none; }
    .features_benefits--navigation-mobile select {
      -webkit-appearance: none;
      appearance: none;
      border: 0;
      border-radius: 0;
      width: 100%;
      background: #f5f6f7;
      line-height: 41px;
      padding: 0;
      font-size: 14px;
      text-indent: 16px;
      padding-top: 4px;
      margin-bottom: 40px; }

.features_benefits--lower {
  display: flex;
  align-items: center;
  margin-left: 5rem; }
  @media only screen and (max-width: 992px) {
    .features_benefits--lower {
      margin-left: 0;
      flex-direction: column;
      padding-left: 2rem;
      padding-right: 2rem; } }
  .features_benefits--lower video,
  .features_benefits--lower img {
    max-width: 100%; }
  .features_benefits--lower-copy {
    margin-left: 10rem; }
    @media only screen and (max-width: 992px) {
      .features_benefits--lower-copy {
        margin-left: 0;
        margin-top: 3.2rem; } }
  .features_benefits--lower h2 {
    font-size: 4rem;
    font-weight: 400; }
    @media only screen and (max-width: 992px) {
      .features_benefits--lower h2 {
        font-size: 2.4rem; } }
    .features_benefits--lower h2::after {
      content: "";
      background-color: #76Ceda;
      display: block;
      height: .3rem;
      width: 4rem;
      margin: 2.4rem 0 4rem; }
      @media only screen and (max-width: 992px) {
        .features_benefits--lower h2::after {
          margin-top: 1.6rem;
          margin-bottom: 2.4rem; } }
  .features_benefits--lower p {
    line-height: 2;
    max-width: 45rem; }

.features_ideal {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0; }
  .features_ideal ul {
    margin-left: auto;
    margin-right: auto; }
  .features_ideal h2 {
    font-size: 1.4rem;
    text-transform: uppercase;
    margin-bottom: 1.5rem; }
  .features_ideal p,
  .features_ideal li {
    font-size: 1.3rem;
    line-height: 1.85; }
  .features_ideal--container {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .features_ideal--shadowed {
    background-color: #f5f6f7;
    padding: 8rem 2rem 24rem; }
    @media only screen and (max-width: 992px) {
      .features_ideal--shadowed {
        padding: 4rem 4rem 6rem; } }
    .features_ideal--shadowed-inner {
      width: 80%;
      max-width: 1180px;
      margin-left: 20rem;
      margin-right: auto; }
    .features_ideal--shadowed h1 {
      text-align: center; }
      @media only screen and (max-width: 735px) {
        .features_ideal--shadowed h1 {
          text-align: left;
          font-size: 2.4rem; } }
      .features_ideal--shadowed h1::after {
        content: '';
        background-color: #76Ceda;
        display: block;
        height: 0.3rem;
        width: 4rem;
        text-align: center;
        margin: 2.4rem auto 4rem; }
        @media only screen and (max-width: 735px) {
          .features_ideal--shadowed h1::after {
            margin-top: 1.6rem;
            margin-left: 0; } }
    .features_ideal--shadowed ul {
      display: flex;
      justify-content: center;
      max-width: 98rem;
      margin-bottom: 4rem; }
      @media only screen and (max-width: 735px) {
        .features_ideal--shadowed ul {
          flex-direction: column; } }
      .features_ideal--shadowed ul li {
        text-align: center;
        flex: 1;
        padding: 0 2rem;
        width: 100%; }
        @media only screen and (min-width: 735px) {
          .features_ideal--shadowed ul li {
            max-width: 50rem; } }
      @media only screen and (max-width: 735px) {
        .features_ideal--shadowed ul p {
          margin-bottom: 2.4rem; } }
  .features_ideal--transparent-inner {
    width: 80%;
    max-width: 1180px;
    margin-left: 20rem;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media only screen and (max-width: 735px) {
      .features_ideal--transparent-inner {
        align-items: flex-start; } }
  .features_ideal--transparent img {
    margin-top: -20rem;
    margin-bottom: 8rem; }
    @media only screen and (max-width: 992px) {
      .features_ideal--transparent img {
        margin-top: -6rem;
        padding-left: 2rem;
        padding-right: 2rem;
        margin-bottom: 8rem; } }
  .features_ideal--transparent blockquote {
    position: relative;
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.45;
    max-width: 64rem;
    margin-bottom: 5rem;
    text-align: center; }
    @media only screen and (max-width: 735px) {
      .features_ideal--transparent blockquote {
        font-size: 2rem;
        line-height: 1.6;
        margin-bottom: 0;
        text-align: left;
        padding: 0 2rem 0 4rem; } }
    .features_ideal--transparent blockquote::before, .features_ideal--transparent blockquote::after {
      content: '';
      display: block;
      position: absolute;
      width: 4.2rem;
      height: 3.1rem; }
    .features_ideal--transparent blockquote::before {
      background: url("../svg/icon_quote_open.svg") no-repeat center center;
      left: -6.8rem;
      top: 3.6rem; }
      @media only screen and (max-width: 992px) {
        .features_ideal--transparent blockquote::before {
          left: -3.4rem; } }
      @media only screen and (max-width: 735px) {
        .features_ideal--transparent blockquote::before {
          left: 7.6rem;
          top: -4.7rem; } }
    .features_ideal--transparent blockquote::after {
      background: url("../svg/icon_quote_close.svg") no-repeat center center;
      right: -6.8rem;
      bottom: 3.6rem; }
      @media only screen and (max-width: 992px) {
        .features_ideal--transparent blockquote::after {
          right: -3.4rem; } }
      @media only screen and (max-width: 735px) {
        .features_ideal--transparent blockquote::after {
          right: 5.6rem;
          bottom: -4.7rem; } }
  .features_ideal--transparent cite {
    color: #8a8a8a;
    font-size: 1.8rem;
    font-weight: 600;
    font-style: italic; }
    @media only screen and (max-width: 735px) {
      .features_ideal--transparent cite {
        padding: 6.4rem 4rem 0; } }
    .features_ideal--transparent cite::before {
      content: '— '; }
  .features_ideal--transparent p {
    color: #9aa5af;
    font-size: 1.4rem; }
    @media only screen and (max-width: 735px) {
      .features_ideal--transparent p {
        padding: 0 4rem; } }

.features_body--container {
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto; }

.features_body--grid--row {
  padding: 9rem 0;
  display: flex;
  flex-direction: row; }
  .features_body--grid--row:nth-of-type(2n) {
    flex-direction: row-reverse; }
  @media only screen and (max-width: 735px) {
    .features_body--grid--row {
      display: block;
      padding: 0; } }

.features_body--grid--item {
  padding: 0 5rem; }
  @media only screen and (max-width: 735px) {
    .features_body--grid--item {
      padding: 2rem; } }
  .features_body--grid--item--image {
    flex: 0 0 43%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .features_body--grid--item--text {
    flex: 0 0 57%;
    text-align: left; }
    .features_body--grid--item--text h3 {
      font-size: 4rem;
      font-weight: 400;
      line-height: 3.6rem; }
      @media only screen and (max-width: 735px) {
        .features_body--grid--item--text h3 {
          font-size: 2.5rem; } }
      .features_body--grid--item--text h3:after {
        content: '';
        background-color: #76ceda;
        display: block;
        height: 0.3rem;
        width: 4rem;
        text-align: center;
        margin: 2rem 0 4rem 0; }
    .features_body--grid--item--text p {
      line-height: 2;
      margin-bottom: 5rem; }
    .features_body--grid--item--text i {
      font-size: 1.5rem;
      line-height: 2; }

.features_body h2 {
  padding-top: 0;
  font-size: 5.2rem;
  text-align: center;
  margin-bottom: 10rem; }
  @media only screen and (max-width: 735px) {
    .features_body h2 {
      margin-bottom: 2rem;
      font-size: 2.8rem; } }

.products_hero {
  background-color: #f5f6f7;
  padding-bottom: 16rem; }
  .products_hero--container {
    width: 80%;
    max-width: 1260px;
    margin-left: 20rem;
    margin-right: auto;
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 735px) {
      .products_hero--container {
        flex-direction: column-reverse; } }
  .products_hero--copy {
    max-width: 50rem;
    padding-right: 2rem; }
    .products_hero--copy--header {
      max-width: 44rem;
      padding-right: 2rem; }
      .products_hero--copy--header h1 {
        font-size: 8rem;
        margin-bottom: 2rem; }
        @media only screen and (max-width: 992px) {
          .products_hero--copy--header h1 {
            font-size: 5rem; } }
        @media only screen and (max-width: 735px) {
          .products_hero--copy--header h1 {
            font-size: 4rem; } }
    .products_hero--copy p {
      font-size: 1.9rem;
      line-height: 1.6;
      max-width: 46rem;
      margin-bottom: 4rem; }
      @media only screen and (max-width: 735px) {
        .products_hero--copy p {
          font-size: 1.6rem;
          line-height: 2; } }
    .products_hero--copy strong {
      font-weight: 600;
      font-size: 3rem; }
    .products_hero--copy--badge {
      margin-right: 20px; }
  .products_hero .products_hero--image {
    margin-left: auto;
    max-width: 640px; }
    @media only screen and (max-width: 735px) {
      .products_hero .products_hero--image {
        margin-left: -2rem;
        margin-right: -2rem;
        margin-bottom: 3.2rem; } }

.products_lineup {
  width: 80%;
  max-width: 1260px;
  margin-left: 20rem;
  margin-right: auto;
  padding-top: 0;
  margin-top: -8rem; }
  .products_lineup--products {
    margin-bottom: 5rem; }
    .products_lineup--products ul {
      display: flex;
      text-align: center; }
      @media only screen and (max-width: 735px) {
        .products_lineup--products ul {
          flex-direction: column; } }
      .products_lineup--products ul li {
        flex: 1;
        margin: 0 3rem;
        display: flex;
        flex-direction: column; }
        .products_lineup--products ul li:hover img {
          transform: scale(1.05); }
        @media only screen and (max-width: 735px) {
          .products_lineup--products ul li {
            margin-left: 0;
            margin-right: 0; }
            .products_lineup--products ul li:not(:last-of-type) {
              margin-bottom: 8rem; } }
        .products_lineup--products ul li img {
          height: 240px;
          margin-bottom: 2rem;
          transition: transform 150ms ease; }
        .products_lineup--products ul li p {
          font-size: 1.5rem;
          line-height: 1.8;
          letter-spacing: 1.4px;
          margin-bottom: 3rem;
          text-align: left; }
  .products_lineup--learn_more {
    font-size: 1.4rem;
    align-self: flex-start;
    color: #002330; }
    .products_lineup--learn_more::after {
      content: "\276F";
      margin-left: .8rem;
      text-indent: .1rem;
      vertical-align: text-bottom;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-weight: 100;
      height: 1.7rem;
      width: 1.7rem;
      background-color: #76Ceda;
      color: #002330;
      border-radius: 50%;
      display: inline-block;
      font-size: 1rem;
      line-height: 1.7;
      text-align: center; }
  .products_lineup--cta {
    text-align: center; }
    .products_lineup--cta a {
      background-color: #76Ceda;
      color: #253746;
      border-radius: 50px;
      cursor: pointer;
      display: inline-block;
      font-family: "Sharp-Sans", Helvetica, sans-serif;
      font-weight: 600;
      font-size: 1.4rem;
      padding: 1.4rem 1.5rem 1.1rem;
      min-width: 22rem;
      max-width: 100%;
      transition: all 200ms ease;
      text-align: center;
      text-transform: uppercase;
      border: none; }
      .products_lineup--cta a:hover {
        background-color: #4ec0cf; }
      .products_lineup--cta a img {
        margin-left: 1rem; }

.products_features_grid {
  width: 80%;
  max-width: 1260px;
  margin-left: 20rem;
  margin-right: auto;
  padding-top: 30px; }
  @media only screen and (min-width: 735px) {
    .products_features_grid {
      padding: 6rem 0 0; } }
  .products_features_grid .title--container h4 {
    font-size: 1.8rem;
    font-weight: 600;
    max-width: 48rem;
    color: #9aa5af;
    padding: 0; }
    @media only screen and (min-width: 480px) {
      .products_features_grid .title--container h4 {
        padding: 0rem 1rem; } }
    @media only screen and (min-width: 735px) {
      .products_features_grid .title--container h4 {
        padding: 0rem 2rem; } }
  .products_features_grid nav {
    margin: 2rem 0;
    margin-right: -4rem;
    overflow-x: auto;
    white-space: nowrap; }
    @media only screen and (min-width: 480px) {
      .products_features_grid nav {
        margin: 2rem 1rem; } }
    @media only screen and (min-width: 735px) {
      .products_features_grid nav {
        margin: 4rem 2rem; } }
    .products_features_grid nav a {
      flex-direction: column;
      font-size: 2.4rem;
      font-weight: 600;
      margin-right: 3rem;
      border-bottom: 3px solid transparent;
      color: #9aa5af;
      transition: all 0.3s ease;
      position: relative; }
      .products_features_grid nav a::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        margin: auto;
        height: 3px;
        background: #76Ceda;
        display: block;
        transition: all 250ms ease;
        width: 0; }
      .products_features_grid nav a:hover::after {
        width: 100%; }
      @media only screen and (min-width: 480px) {
        .products_features_grid nav a {
          font-size: 2.7rem; } }
      @media only screen and (min-width: 992px) {
        .products_features_grid nav a {
          font-size: 3rem; } }
      .products_features_grid nav a.is-active {
        color: #002330;
        border-color: #76Ceda; }
  .products_features_grid ul {
    display: flex;
    flex-wrap: wrap;
    padding-top: 1rem; }
    @media only screen and (min-width: 480px) {
      .products_features_grid ul {
        padding-left: 1rem;
        padding-right: 1rem; } }
    @media only screen and (min-width: 735px) {
      .products_features_grid ul {
        padding-left: 2rem;
        padding-right: 2rem; } }
    .products_features_grid ul li {
      padding-bottom: 4rem;
      order: 1;
      position: relative;
      width: 100%; }
      @media only screen and (min-width: 735px) {
        .products_features_grid ul li {
          padding-bottom: 8rem;
          width: 50%;
          padding-right: 6rem; } }
      @media only screen and (min-width: 992px) {
        .products_features_grid ul li {
          padding-bottom: 8rem;
          width: 33.33333333%;
          padding-right: 6rem; } }
      .products_features_grid ul li svg {
        height: 3rem;
        width: 3rem;
        margin-left: 1rem;
        margin-bottom: 2rem; }
        .products_features_grid ul li svg > * {
          fill: black; }
      .products_features_grid ul li.is-faded {
        order: 2;
        opacity: 0.3; }
        .products_features_grid ul li.is-faded::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 1; }
      .products_features_grid ul li img {
        margin-left: 1rem;
        margin-bottom: 3rem;
        display: block;
        height: 4rem; }
      .products_features_grid ul li h3 {
        font-size: 1.8rem;
        font-weight: 600;
        margin-bottom: 1.6rem; }
      .products_features_grid ul li p {
        font-size: 1.4rem;
        line-height: 1.6;
        padding-right: 2rem; }
      .products_features_grid ul li a {
        margin-top: 1rem;
        font-size: 1.4rem;
        display: inline-block;
        color: #002330; }
        @media only screen and (min-width: 992px) {
          .products_features_grid ul li a {
            margin-top: 2rem; } }
        .products_features_grid ul li a::after {
          content: "\276F";
          margin-left: .8rem;
          text-indent: .1rem;
          vertical-align: text-bottom;
          font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
          font-weight: 100;
          height: 1.7rem;
          width: 1.7rem;
          background-color: #76Ceda;
          color: #002330;
          border-radius: 50%;
          display: inline-block;
          font-size: 1rem;
          line-height: 1.7;
          text-align: center; }
      .products_features_grid ul li small {
        padding-left: 10px; }

.product_details_hero--container {
  width: 80%;
  max-width: 1260px;
  margin-left: 20rem;
  margin-right: auto;
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 735px) {
    .product_details_hero--container {
      flex-direction: column; } }

.product_details_hero--list {
  font-size: 1.8rem;
  padding: 2rem 0 1rem; }
  .product_details_hero--list ul {
    margin: 1rem 0 1rem 1rem; }
    .product_details_hero--list ul li {
      list-style: disc;
      line-height: 1.8; }

.product_details_hero--image {
  width: 74rem;
  padding-right: 6.5rem;
  text-align: right;
  position: relative; }
  @media only screen and (max-width: 735px) {
    .product_details_hero--image {
      width: calc(100% + 4rem);
      padding-right: 0;
      margin-left: -2rem;
      margin-right: -2rem;
      text-align: center; } }
  .product_details_hero--image-badge {
    background-color: #76ceda;
    border-radius: 50%;
    display: flex;
    font-size: 1.4rem;
    height: 150px;
    width: 150px;
    position: absolute;
    right: 25%; }
    .product_details_hero--image-badge-label {
      margin: auto;
      text-align: center;
      max-width: 150px;
      padding-top: 5px; }
      .product_details_hero--image-badge-label strong {
        font-size: 2.5rem;
        line-height: 2.5rem; }
      .product_details_hero--image-badge-label sup {
        font-size: 1.7rem; }

.product_details_hero--copy {
  align-self: center;
  max-width: 55rem; }
  @media only screen and (max-width: 735px) {
    .product_details_hero--copy {
      margin-left: auto;
      margin-right: auto; } }
  .product_details_hero--copy-logo {
    margin-bottom: 3rem; }
  .product_details_hero--copy p {
    font-size: 2rem;
    font-weight: 400;
    max-width: 43rem; }
    @media only screen and (max-width: 735px) {
      .product_details_hero--copy p {
        font-size: 1.8rem;
        line-height: 1.9; } }
  .product_details_hero--copy-pricing {
    padding: 3rem 0;
    display: flex; }
    .product_details_hero--copy-pricing .pricing-column {
      text-align: left;
      padding: 0 0.5rem;
      justify-content: left;
      display: flex;
      flex-direction: column;
      align-items: left; }
      .product_details_hero--copy-pricing .pricing-column:nth-child(2) {
        justify-content: left; }
      .product_details_hero--copy-pricing .pricing-column h3 {
        font-size: 4rem;
        font-weight: 400;
        line-height: 3.6rem; }
        @media only screen and (max-width: 735px) {
          .product_details_hero--copy-pricing .pricing-column h3 {
            font-size: 3.2rem; } }
        .product_details_hero--copy-pricing .pricing-column h3.crossed {
          position: relative; }
          .product_details_hero--copy-pricing .pricing-column h3.crossed:before {
            content: '';
            width: 90%;
            height: 3px;
            background: #76Ceda;
            position: absolute;
            top: 30%;
            left: 11%;
            transform: rotate(-10deg); }
        .product_details_hero--copy-pricing .pricing-column h3 sup {
          font-size: 60%; }
        .product_details_hero--copy-pricing .pricing-column h3 span {
          font-size: 1.8rem;
          line-height: 1.8rem; }
      .product_details_hero--copy-pricing .pricing-column small {
        display: inline-block;
        max-width: 12rem;
        font-size: 1.1rem;
        line-height: 1;
        margin-top: 0.5rem; }
    .product_details_hero--copy-pricing .price_description {
      height: 25px;
      font-size: 10px; }
    .product_details_hero--copy-pricing .tax-details {
      height: 75px; }
      .product_details_hero--copy-pricing .tax-details small {
        display: inline-block;
        max-width: 12rem;
        font-size: 1.4rem;
        line-height: 1;
        margin-top: 0.5rem; }
      .product_details_hero--copy-pricing .tax-details medium {
        display: inline-block;
        max-width: 12rem;
        font-size: 1.8rem;
        line-height: 1;
        margin-top: 0.5rem; }
  .product_details_hero--copy-price_description {
    height: 25px;
    font-size: 10px; }
  .product_details_hero--copy-cta {
    background-color: #76Ceda;
    color: #253746;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: "Sharp-Sans", Helvetica, sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    padding: 1.4rem 1.5rem 1.1rem;
    min-width: 22rem;
    max-width: 100%;
    transition: all 200ms ease;
    text-align: center;
    text-transform: uppercase;
    border: none;
    margin-bottom: 2rem; }
    .product_details_hero--copy-cta:hover {
      background-color: #4ec0cf; }
    .product_details_hero--copy-cta img {
      margin-left: 1rem; }
    @media only screen and (max-width: 735px) {
      .product_details_hero--copy-cta {
        display: block;
        text-align: center;
        margin-left: auto;
        margin-right: auto; } }
    @media only screen and (max-width: 1024px) {
      .product_details_hero--copy-cta {
        margin-bottom: 4rem; } }
  .product_details_hero--copy-cta {
    background-color: #76Ceda;
    color: #253746;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: "Sharp-Sans", Helvetica, sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    padding: 1.4rem 1.5rem 1.1rem;
    min-width: 22rem;
    max-width: 100%;
    transition: all 200ms ease;
    text-align: center;
    text-transform: uppercase;
    border: none;
    margin-bottom: 3rem; }
    .product_details_hero--copy-cta:hover {
      background-color: #4ec0cf; }
    .product_details_hero--copy-cta img {
      margin-left: 1rem; }
    @media only screen and (max-width: 735px) {
      .product_details_hero--copy-cta {
        display: block;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 4rem; } }

.product_details_hero--legal p {
  font-size: 10px;
  line-height: 1.5; }

.product_details_shopping_benefits {
  background-color: #253746;
  padding-top: 4rem;
  padding-bottom: 4rem;
  margin-bottom: 8rem; }
  @media only screen and (max-width: 735px) {
    .product_details_shopping_benefits {
      margin-bottom: 0; } }
  .product_details_shopping_benefits--container {
    width: 80%;
    max-width: 1260px;
    margin-left: 20rem;
    margin-right: auto; }
  .product_details_shopping_benefits--list {
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 300; }
    @media only screen and (max-width: 735px) {
      .product_details_shopping_benefits--list {
        flex-direction: column; }
        .product_details_shopping_benefits--list li:not(:last-of-type) {
          margin-bottom: 4rem; } }
    .product_details_shopping_benefits--list img {
      margin-right: 2rem; }

.product_details .phone_carousel {
  background-color: #002330;
  color: #fff;
  padding: 8rem 2rem 4rem;
  margin-bottom: 22rem; }
  @media only screen and (max-width: 992px) {
    .product_details .phone_carousel {
      margin-bottom: 0; } }
  .product_details .phone_carousel--container {
    width: 80%;
    max-width: 960px;
    margin-left: 20rem;
    margin-right: auto; }
  .product_details .phone_carousel--slide-image {
    padding-right: 10rem; }
    .product_details .phone_carousel--slide-image img {
      margin-bottom: -22rem; }
  .product_details .phone_carousel--slide-copy-icon {
    margin-right: 1.5rem;
    margin-bottom: 3rem; }
  .product_details .phone_carousel--slide-copy h1 {
    font-size: 3.2rem; }
  .product_details .phone_carousel--slide-copy p {
    font-size: 1.8rem; }
  .product_details .phone_carousel--indicators {
    align-self: flex-start;
    padding-top: 19rem; }
    @media only screen and (max-width: 735px) {
      .product_details .phone_carousel--indicators {
        padding-top: 0;
        align-self: center; } }
    .product_details .phone_carousel--indicators a {
      background-color: #fff; }

@media only screen and (max-width: 735px) {
  .product_details .specs_accordion {
    padding-bottom: 0; } }

.product_details .specs_accordion--container {
  width: 80%;
  max-width: 1260px;
  margin-left: 20rem;
  margin-right: auto;
  display: flex; }
  .product_details .specs_accordion--container > * {
    flex-grow: 1;
    flex-basis: 0; }
  @media only screen and (max-width: 735px) {
    .product_details .specs_accordion--container {
      flex-direction: column;
      padding-bottom: 0; } }

.product_details .specs_accordion--copy h1 {
  font-size: 5rem;
  margin-bottom: 2rem; }
  @media only screen and (max-width: 735px) {
    .product_details .specs_accordion--copy h1 {
      font-size: 3.2rem; } }

.product_details .specs_accordion--copy p {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2;
  max-width: 46rem; }
  @media only screen and (max-width: 735px) {
    .product_details .specs_accordion--copy p {
      margin-bottom: 4rem; } }

.product_details .specs_accordion--list--title {
  align-items: center;
  padding: 3em 0; }

.product_details .specs_accordion--list--body > * {
  padding: 2rem 0 4rem; }

.product_details .specs_accordion--list--body ul {
  display: flex;
  flex-wrap: wrap; }
  .product_details .specs_accordion--list--body ul.in-the-box li {
    flex: 0 0 50%;
    font-size: 1.8rem;
    margin-bottom: 4rem; }
    @media only screen and (max-width: 735px) {
      .product_details .specs_accordion--list--body ul.in-the-box li {
        flex-basis: 100%;
        font-size: 1.4rem; } }
  .product_details .specs_accordion--list--body ul.specs li {
    letter-spacing: 1.2px;
    color: #253746;
    font-size: 1.4rem;
    margin-bottom: 3rem; }
    .product_details .specs_accordion--list--body ul.specs li:nth-of-type(odd) {
      flex: 0 0 40%;
      font-weight: 600;
      text-transform: uppercase; }
      @media only screen and (max-width: 735px) {
        .product_details .specs_accordion--list--body ul.specs li:nth-of-type(odd) {
          letter-spacing: 0;
          flex-basis: 100%;
          margin-bottom: 0; } }
    .product_details .specs_accordion--list--body ul.specs li:nth-of-type(even) {
      flex-basis: 60%; }
      @media only screen and (max-width: 735px) {
        .product_details .specs_accordion--list--body ul.specs li:nth-of-type(even) {
          letter-spacing: 0;
          flex-basis: 100%;
          margin-bottom: 2rem; } }

.product_details .specs_accordion--list > ul > li {
  border-top: 1px solid #f5f6f7; }
  .product_details .specs_accordion--list > ul > li:last-of-type {
    border-bottom: 1px solid #f5f6f7; }
  .product_details .specs_accordion--list > ul > li.is-active svg {
    transform: rotate(45deg); }
  .product_details .specs_accordion--list > ul > li h2 {
    font-size: 3.2rem;
    padding-top: .4rem;
    font-weight: 400; }
    @media only screen and (max-width: 735px) {
      .product_details .specs_accordion--list > ul > li h2 {
        font-size: 2.4rem; } }
  .product_details .specs_accordion--list > ul > li svg {
    height: 3.5rem;
    width: 3.5rem;
    margin-left: auto;
    transition: transform 150ms ease; }

.product_details .reviews--affiliates {
  display: none; }

.product_details_buy_lockup {
  background-color: #f5f6f7;
  padding-top: 8rem; }
  .product_details_buy_lockup--container {
    width: 80%;
    max-width: 1260px;
    margin-left: 20rem;
    margin-right: auto;
    display: flex; }
    @media only screen and (max-width: 735px) {
      .product_details_buy_lockup--container {
        flex-direction: column; } }
  @media only screen and (max-width: 735px) {
    .product_details_buy_lockup--image {
      margin-bottom: 2rem; } }
  @media only screen and (max-width: 735px) {
    .product_details_buy_lockup--copy .product_details_hero--copy-logo {
      text-align: center; } }
  .product_details_buy_lockup--image img {
    max-height: 59rem; }

.setup__container {
  width: 80%;
  max-width: 1260px;
  margin-left: 20rem;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .setup__container h1 {
    width: 100%;
    font-size: 4.8rem;
    text-align: center;
    margin-bottom: 6rem; }

.setup__instructions .setup__container {
  width: 80%;
  max-width: 1160px;
  margin-left: 20rem;
  margin-right: auto; }

@media only screen and (max-width: 735px) {
  .setup__instructions {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0; } }

.setup__instructions--pdf {
  margin: 0 0 5rem;
  text-align: center; }
  .setup__instructions--pdf a {
    font-size: 1.4rem;
    font-weight: bold;
    position: relative;
    color: #002330; }
    .setup__instructions--pdf a::before, .setup__instructions--pdf a::after {
      content: "";
      position: absolute;
      display: block;
      width: 70%;
      background-color: #9aa5af;
      height: 1px;
      left: -75%;
      top: 50%; }
    .setup__instructions--pdf a::after {
      left: auto;
      right: -75%; }
    .setup__instructions--pdf a span::after {
      content: "\276E";
      margin-left: .8rem;
      margin-top: .1rem;
      transform: rotate(-90deg);
      vertical-align: text-bottom;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-weight: 100;
      height: 1.7rem;
      width: 1.7rem;
      background-color: #76Ceda;
      color: #002330;
      border-radius: 50%;
      display: inline-block;
      font-size: 1rem;
      line-height: 1.7;
      text-align: center;
      background-color: #002330;
      color: #fff; }
      @media only screen and (max-width: 735px) {
        .setup__instructions--pdf a span::after {
          margin-top: 0; } }

.setup__instructions--grid--row {
  display: flex;
  flex-direction: row-reverse; }
  .setup__instructions--grid--row:nth-of-type(2n) {
    flex-direction: row; }
  @media only screen and (max-width: 735px) {
    .setup__instructions--grid--row {
      display: block; } }

.setup__instructions--grid--item {
  flex: 0 0 50%;
  padding: 0rem 1rem 10rem 0rem;
  min-height: 60rem; }
  @media only screen and (max-width: 735px) {
    .setup__instructions--grid--item {
      padding: 2rem;
      min-height: auto; } }
  .setup__instructions--grid--item--image {
    display: flex;
    justify-content: center;
    background-color: #fafafa; }
  .setup__instructions--grid--item--image-1 {
    display: flex;
    justify-content: center;
    background-color: #fafafa; }
    @media only screen and (max-width: 735px) {
      .setup__instructions--grid--item--image-1 {
        display: flex;
        justify-items: center; } }
    @media only screen and (min-width: 735px) {
      .setup__instructions--grid--item--image-1 {
        display: none; } }
  .setup__instructions--grid--item--video {
    display: flex;
    justify-items: center;
    background-color: #fafafa; }
    @media only screen and (max-width: 735px) {
      .setup__instructions--grid--item--video {
        display: none; } }
    @media only screen and (min-width: 735px) {
      .setup__instructions--grid--item--video {
        display: flex;
        justify-items: center; } }
  .setup__instructions--grid--item .setup_img {
    display: flex;
    margin-bottom: 1.5rem; }
  .setup__instructions--grid--item .setup_imgcol1 {
    flex: 20%; }
  .setup__instructions--grid--item .setup_imgcol2 {
    flex: 80%; }
  .setup__instructions--grid--item .setup_link_desc {
    padding-top: 2rem; }
  .setup__instructions--grid--item--text {
    text-align: left;
    padding-left: 4rem; }
    .setup__instructions--grid--item--text .btn-secondary {
      font-size: 1.4rem;
      color: #002330; }
      .setup__instructions--grid--item--text .btn-secondary::after {
        content: "\276F";
        margin-left: .8rem;
        text-indent: .1rem;
        vertical-align: text-bottom;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-weight: 100;
        height: 1.7rem;
        width: 1.7rem;
        background-color: #76Ceda;
        color: #002330;
        border-radius: 50%;
        display: inline-block;
        font-size: 1rem;
        line-height: 1.7;
        text-align: center;
        background-color: #002330;
        color: #fff; }
    .setup__instructions--grid--item--text h3 {
      font-size: 2.4rem;
      padding-top: 4rem; }
    .setup__instructions--grid--item--text h2 {
      margin: 2.5rem 0;
      font-size: 4.8rem;
      padding-bottom: 1.5rem; }
      @media only screen and (max-width: 735px) {
        .setup__instructions--grid--item--text h2 {
          font-size: 2.8rem; } }
    .setup__instructions--grid--item--text p a {
      border-bottom-width: 1px;
      border-bottom-style: solid; }

.setup__selector {
  background-color: #f6f6f6;
  padding-bottom: 0; }

.setup__container {
  width: 80%;
  max-width: 1260px;
  margin-left: 20rem;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .setup__container h1 {
    width: 100%;
    font-size: 4.8rem;
    text-align: center;
    margin-bottom: 6rem; }

.setup__grid {
  display: flex; }
  @media only screen and (max-width: 735px) {
    .setup__grid {
      flex-direction: column; } }
  .setup__grid--item {
    flex: 1;
    text-align: center;
    transition: all 250ms ease;
    border-bottom: 5px solid transparent; }
    .setup__grid--item a {
      display: block;
      padding-bottom: 8rem; }
    .setup__grid--item:hover {
      border-bottom: 5px solid #76Ceda; }
      @media only screen and (max-width: 735px) {
        .setup__grid--item:hover {
          border-bottom: 5px solid transparent; } }
    .setup__grid--item img {
      max-width: 27.8rem;
      width: 100%; }

.main_section {
  background-color: #ffffff; }
  .main_section--container {
    margin-top: -5rem;
    margin-bottom: -10rem;
    display: flex;
    flex-direction: row-reverse; }
    @media screen and (max-width: 768px) {
      .main_section--container {
        margin-top: 0;
        display: flex; } }
    @media screen and (max-width: 414px) {
      .main_section--container {
        display: inline; } }
    @media screen and (max-width: 375px) {
      .main_section--container {
        display: inline; } }
  .main_section--logo {
    max-width: 70rem; }
    @media screen and (max-width: 375px) {
      .main_section--logo {
        margin-bottom: -7rem;
        max-width: 70rem;
        margin-top: 7rem; } }
    @media screen and (max-width: 768px) {
      .main_section--logo img {
        margin-left: 6rem;
        margin-top: -10rem;
        height: 50rem;
        width: 41rem; } }
    @media screen and (max-width: 414px) {
      .main_section--logo img {
        display: none; } }
  .main_section--info {
    margin-left: 20rem;
    margin-top: 20rem;
    margin-right: 5rem;
    width: 50rem; }
    @media screen and (max-width: 768px) {
      .main_section--info {
        margin-left: 6rem;
        margin-top: -3rem;
        margin-right: 0; } }
    @media screen and (max-width: 414px) {
      .main_section--info {
        margin-left: 1rem;
        margin-top: 0;
        margin-right: 0; } }
    @media screen and (max-width: 375px) {
      .main_section--info {
        margin-left: 0; } }
    .main_section--info h1 {
      font-size: 5rem;
      font-weight: bold;
      margin-bottom: 3rem;
      width: 45rem; }
      @media screen and (max-width: 768px) {
        .main_section--info h1 {
          font-size: 2.5rem;
          width: 35rem;
          margin-bottom: 2rem; } }
      @media screen and (max-width: 375px) {
        .main_section--info h1 {
          font-size: 2.8rem;
          width: 34rem; } }
      @media screen and (max-width: 320px) {
        .main_section--info h1 {
          font-size: 3rem;
          width: 30rem; } }
    .main_section--info p {
      font-size: 1.8rem;
      width: 39rem;
      line-height: 1.8;
      margin-bottom: 4rem; }
      @media screen and (max-width: 768px) {
        .main_section--info p {
          width: 35rem;
          line-height: 1.5;
          text-align: justify;
          font-size: 1.5rem; } }
      @media screen and (max-width: 375px) {
        .main_section--info p {
          width: 33rem; } }
      @media screen and (max-width: 320px) {
        .main_section--info p {
          width: 28rem;
          font-size: 1.6rem; } }
    .main_section--info a {
      border: 1px solid #08BFC1;
      border-radius: 3rem;
      margin-right: 2rem;
      font-weight: bold;
      font-size: 1.5rem;
      text-align: center; }
    .main_section--info .get {
      background-color: #08BFC1;
      color: #ffffff;
      padding: 1.5rem 4rem; }
      @media screen and (max-width: 768px) {
        .main_section--info .get {
          padding: 0.8rem 3.5rem;
          font-size: 1.4rem; } }
    .main_section--info .learn {
      background-color: #ffffff;
      color: #08BFC1;
      padding: 1.5rem 4rem; }
      @media screen and (max-width: 768px) {
        .main_section--info .learn {
          padding: 0.8rem 2rem;
          font-size: 1.4rem; } }
    .main_section--info img {
      width: 100%; }
    @media screen and (max-width: 414px) {
      .main_section--info_buttons {
        display: grid;
        grid-gap: 1em;
        width: 35rem;
        margin-left: 2rem; } }
    @media screen and (max-width: 375px) {
      .main_section--info_buttons {
        display: grid;
        grid-gap: 1em;
        width: 30rem; } }
    @media screen and (max-width: 320px) {
      .main_section--info_buttons {
        display: grid;
        grid-gap: 1em;
        width: 30rem;
        margin-left: 0; } }

.location {
  background-color: #ffffff;
  padding: 0; }
  .location--container {
    display: flex;
    flex-direction: row-reverse; }
    @media screen and (max-width: 414px) {
      .location--container {
        display: inline; } }
    @media screen and (max-width: 375px) {
      .location--container {
        display: inline; } }
  .location--logo {
    width: 100%;
    margin-left: -10rem; }
    .location--logo img {
      height: 90rem;
      width: 60rem;
      margin-left: 0; }
      @media screen and (max-width: 768px) {
        .location--logo img {
          height: 65rem;
          margin-left: 4rem;
          margin-top: -6rem; } }
      @media screen and (max-width: 414px) {
        .location--logo img {
          margin-left: 14rem;
          margin-top: 0; } }
      @media screen and (max-width: 375px) {
        .location--logo img {
          margin-left: 14rem;
          margin-top: 1rem; } }
      @media screen and (max-width: 320px) {
        .location--logo img {
          height: 60rem;
          min-width: 35rem;
          margin-left: 13rem; } }
  .location--info {
    width: 100%;
    margin-left: 22rem;
    padding-top: 10rem; }
    @media screen and (max-width: 768px) {
      .location--info {
        margin-left: 11rem;
        padding-top: 0;
        margin-bottom: 10rem; } }
    @media screen and (max-width: 414px) {
      .location--info {
        margin-left: 3rem;
        margin-top: -13rem;
        margin-bottom: 12rem; } }
    @media screen and (max-width: 375px) {
      .location--info {
        margin-left: 2rem;
        margin-top: -12rem; } }
    .location--info h1.page {
      border: 3px solid #000000;
      border-radius: 5rem;
      padding: 1rem;
      text-align: center;
      font-size: 2.5rem;
      font-Weight: bold;
      width: 5.5rem;
      margin-bottom: 3rem; }
    .location--info h1.heading {
      font-size: 5rem;
      font-weight: bold;
      margin-bottom: 3rem;
      width: 55rem; }
      @media screen and (max-width: 768px) {
        .location--info h1.heading {
          font-size: 2.5rem;
          width: 30rem;
          margin-bottom: 2rem; } }
      @media screen and (max-width: 414px) {
        .location--info h1.heading {
          font-size: 2.8rem;
          width: 35rem; } }
      @media screen and (max-width: 320px) {
        .location--info h1.heading {
          font-size: 3rem;
          width: 30rem; } }
    .location--info p {
      font-size: 1.8rem;
      width: 40rem;
      margin-bottom: 3rem;
      line-height: 1.8;
      font-weight: 600; }
      @media screen and (max-width: 768px) {
        .location--info p {
          width: 30rem;
          font-size: 1.5rem;
          text-align: justify;
          line-height: 1.5; } }
      @media screen and (max-width: 414px) {
        .location--info p {
          width: 35rem;
          font-size: 1.5rem;
          text-align: justify; } }
      @media screen and (max-width: 360px) {
        .location--info p {
          width: 30rem; } }
      @media screen and (max-width: 320px) {
        .location--info p {
          width: 28rem;
          font-size: 1.6rem; } }
    .location--info--bullets {
      font-size: 1.8rem;
      margin-bottom: 2rem;
      display: inline-flex; }
      @media screen and (max-width: 768px) {
        .location--info--bullets {
          width: 30rem;
          margin-bottom: -2rem; } }
      @media screen and (max-width: 375px) {
        .location--info--bullets {
          width: 35rem;
          margin-bottom: 0; } }
      .location--info--bullets img {
        height: 2.855rem;
        margin-right: 2rem; }
      @media screen and (max-width: 414px) {
        .location--info--bullets p {
          width: 30rem; } }
      @media screen and (max-width: 375px) {
        .location--info--bullets p {
          width: 25rem; } }
      @media screen and (max-width: 320px) {
        .location--info--bullets p {
          width: 23rem;
          font-size: 1.6rem; } }

.installation {
  background: url("../jpg/install-bg.jpg");
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
  color: #ffffff;
  margin-top: -10rem; }
  @media screen and (max-width: 768px) {
    .installation {
      margin-bottom: 0;
      background-size: 149%; } }
  @media screen and (max-width: 414px) {
    .installation {
      background-size: 300vh; } }
  @media screen and (max-width: 375px) {
    .installation {
      background-size: 300vh; } }
  @media screen and (max-width: 320px) {
    .installation {
      margin-top: 0;
      background-size: 340vh; } }
  .installation--container {
    display: flex;
    margin-bottom: -10rem;
    margin-left: 5rem;
    margin-top: 5rem; }
    @media screen and (max-width: 768px) {
      .installation--container {
        margin-bottom: 0; } }
    @media screen and (max-width: 414px) {
      .installation--container {
        display: inline; } }
    @media screen and (max-width: 375px) {
      .installation--container {
        display: inline; } }
  .installation--logo {
    width: 100%; }
    .installation--logo img {
      height: 90rem;
      width: 55rem;
      margin-left: 15rem; }
      @media screen and (max-width: 768px) {
        .installation--logo img {
          height: 65rem;
          max-width: 40rem;
          margin-left: 0;
          margin-right: -4rem; } }
      @media screen and (max-width: 414px) {
        .installation--logo img {
          height: 62rem;
          max-width: 40rem;
          margin-left: 7rem; } }
      @media screen and (max-width: 375px) {
        .installation--logo img {
          height: 56rem;
          max-width: 31rem;
          margin-left: 8rem;
          margin-top: -3rem; } }
      @media screen and (max-width: 320px) {
        .installation--logo img {
          margin-left: 4rem; } }
  .installation--info {
    width: 100%;
    margin-left: -10rem; }
    @media screen and (max-width: 768px) {
      .installation--info {
        margin-top: -4rem;
        margin-left: -8rem; } }
    @media screen and (max-width: 414px) {
      .installation--info {
        margin-top: -19rem;
        margin-left: 0;
        margin-bottom: 17rem; } }
    @media screen and (max-width: 375px) {
      .installation--info {
        margin-top: -18rem;
        margin-left: 0;
        margin-bottom: 15rem; } }
    .installation--info h1.page {
      border: 3px solid #ffffff;
      border-radius: 5rem;
      padding: 1rem;
      text-align: center;
      font-size: 2.5rem;
      width: 5.5rem;
      margin-bottom: 2rem; }
      @media screen and (max-width: 768px) {
        .installation--info h1.page {
          border: 2px solid #ffffff;
          border-radius: 50%;
          font-size: 2rem;
          margin-bottom: 1.5rem;
          width: 5rem;
          margin-top: 5rem; } }
    .installation--info h1.heading {
      font-size: 5rem;
      font-weight: bold;
      margin-bottom: 2.5rem;
      width: 50rem;
      margin-top: 3rem; }
      @media screen and (max-width: 768px) {
        .installation--info h1.heading {
          font-size: 2.5rem;
          width: 30rem; } }
      @media screen and (max-width: 414px) {
        .installation--info h1.heading {
          font-size: 2.8rem;
          width: 35rem; } }
      @media screen and (max-width: 375px) {
        .installation--info h1.heading {
          width: 30rem; } }
      @media screen and (max-width: 320px) {
        .installation--info h1.heading {
          font-size: 3rem;
          width: 30rem; } }
    .installation--info p {
      font-size: 1.7rem;
      line-height: 2;
      width: 55rem;
      margin-bottom: 3rem; }
      @media screen and (max-width: 768px) {
        .installation--info p {
          width: 30rem;
          line-height: 1.5;
          text-align: justify;
          font-size: 1.5rem;
          margin-bottom: 2rem; } }
      @media screen and (max-width: 414px) {
        .installation--info p {
          width: 35rem;
          padding-right: 2rem; } }
      @media screen and (max-width: 360px) {
        .installation--info p {
          width: 33rem; } }
      @media screen and (max-width: 320px) {
        .installation--info p {
          width: 29rem;
          font-size: 1.6rem; } }
    .installation--info a {
      border: 1px solid #ffffff;
      border-radius: 5rem;
      color: #ffffff;
      padding: 1.5rem 4rem;
      font-size: 1.5rem;
      font-weight: bold;
      margin-right: 2rem; }
      @media screen and (max-width: 768px) {
        .installation--info a {
          border: 1px solid #ffffff;
          padding: 1rem 2.5rem;
          font-size: 1rem;
          margin-right: 2rem;
          text-align: center;
          margin-bottom: 1rem; } }
    .installation--info--bullets {
      font-size: 1.8rem;
      margin-bottom: 0;
      margin-top: 0;
      display: inline-flex; }
      @media screen and (max-width: 768px) {
        .installation--info--bullets {
          width: 34rem; } }
      @media screen and (max-width: 768px) {
        .installation--info--bullets p {
          width: 25rem; } }
      @media screen and (max-width: 414px) {
        .installation--info--bullets p {
          width: 30rem; } }
      @media screen and (max-width: 320px) {
        .installation--info--bullets p {
          width: 25rem;
          font-size: 1.6rem; } }
      .installation--info--bullets img {
        height: 2.855rem;
        margin-right: 2rem; }
  .installation .setup_buttons {
    margin-top: 5rem; }
    @media screen and (max-width: 375px) {
      .installation .setup_buttons a {
        font-size: 1.5rem; } }
    @media screen and (max-width: 768px) {
      .installation .setup_buttons {
        width: 40rem;
        margin-top: 1rem; } }
    @media screen and (max-width: 375px) {
      .installation .setup_buttons {
        display: grid;
        width: 35rem;
        margin-bottom: -10rem; } }
    @media screen and (max-width: 414px) {
      .installation .setup_buttons {
        display: grid;
        width: 30rem;
        margin-top: 0;
        margin-left: 5rem;
        margin-bottom: -10rem; } }
    @media screen and (max-width: 360px) {
      .installation .setup_buttons {
        display: grid;
        width: 30rem;
        margin-top: 0;
        margin-left: 2rem;
        margin-bottom: -16rem; } }
    @media screen and (max-width: 320px) {
      .installation .setup_buttons {
        display: grid;
        width: 30rem;
        margin-top: 0;
        margin-left: 0; } }

.download {
  background: url("../jpg/download-bg.jpg");
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat; }
  @media screen and (max-width: 414px) {
    .download {
      background-size: 300vh; } }
  @media screen and (max-width: 375px) {
    .download {
      background-size: 300vh;
      margin-right: -1rem; } }
  @media screen and (max-width: 360px) {
    .download {
      margin-right: -1rem; } }
  .download--container {
    display: flex;
    margin-top: -7rem;
    margin-left: 3rem; }
    @media screen and (max-width: 414px) {
      .download--container {
        display: inline; } }
    @media screen and (max-width: 375px) {
      .download--container {
        display: inline; } }
  .download--logo {
    width: 100%; }
    .download--logo img {
      height: 85rem;
      width: 50rem;
      margin-left: 10rem; }
      @media screen and (max-width: 768px) {
        .download--logo img {
          height: 50rem;
          width: 40rem;
          margin-left: 0; } }
      @media screen and (max-width: 414px) {
        .download--logo img {
          height: 50rem;
          width: 31rem;
          margin-left: 3rem;
          margin-top: -8rem;
          margin-bottom: -10rem; } }
      @media screen and (max-width: 375px) {
        .download--logo img {
          margin-left: 0rem;
          margin-top: -8rem; } }
      @media screen and (max-width: 320px) {
        .download--logo img {
          height: 50rem;
          margin-left: -2rem;
          min-width: 32rem;
          margin-top: -5rem; } }
  .download--info {
    width: 100%;
    margin-top: 10rem;
    margin-right: 5rem;
    color: #ffffff; }
    @media screen and (max-width: 768px) {
      .download--info {
        margin-top: -2rem;
        margin-left: 0; } }
    @media screen and (max-width: 414px) {
      .download--info {
        margin-left: 1rem; } }
    @media screen and (max-width: 375px) {
      .download--info {
        margin-top: -2rem; } }
    .download--info h1.page {
      border: 3px solid #ffffff;
      border-radius: 5rem;
      padding: 1rem;
      text-align: center;
      font-size: 2.5rem;
      width: 5.5rem;
      margin-bottom: 3rem; }
      @media screen and (max-width: 768px) {
        .download--info h1.page {
          border: 2px solid white;
          margin-top: 9rem;
          font-size: 2rem;
          border-radius: 50%;
          width: 5rem;
          margin-bottom: 2rem; } }
    .download--info h1.heading {
      font-size: 5rem;
      font-weight: bold;
      margin-bottom: 3rem;
      width: 55rem; }
      @media screen and (max-width: 768px) {
        .download--info h1.heading {
          width: 30rem;
          font-size: 2.5rem; } }
      @media screen and (max-width: 375px) {
        .download--info h1.heading {
          font-size: 2.8rem;
          width: 35rem; } }
      @media screen and (max-width: 360px) {
        .download--info h1.heading {
          font-size: 2.8rem;
          width: 30rem; } }
      @media screen and (max-width: 320px) {
        .download--info h1.heading {
          width: 28rem;
          font-size: 3rem; } }
    .download--info p {
      font-size: 1.8rem;
      line-height: 1.8;
      width: 55rem; }
      @media screen and (max-width: 768px) {
        .download--info p {
          width: 30rem;
          text-align: justify;
          font-size: 1.5rem; } }
      @media screen and (max-width: 375px) {
        .download--info p {
          width: 33rem;
          text-align: justify;
          font-size: 1.5rem; } }
      @media screen and (max-width: 360px) {
        .download--info p {
          width: 30rem; } }
      @media screen and (max-width: 320px) {
        .download--info p {
          width: 27rem;
          font-size: 1.6rem; } }
    .download--info .store_badges {
      display: flex;
      margin-top: 3rem; }
      @media screen and (max-width: 320px) {
        .download--info .store_badges {
          width: 30rem; } }
      @media screen and (max-width: 375px) {
        .download--info .store_badges {
          width: 35rem; } }
      @media screen and (max-width: 360px) {
        .download--info .store_badges {
          width: 30rem; } }
      .download--info .store_badges img {
        height: 5rem;
        margin-right: 5rem; }
      .download--info .store_badges a {
        margin-right: 2rem; }
        @media screen and (max-width: 320px) {
          .download--info .store_badges a {
            margin-right: 2rem; } }

.experience {
  background-image: url("../png/exp-welcome-bg.png");
  background-position: top center;
  background-size: 115%;
  background-repeat: no-repeat; }
  @media screen and (max-width: 768px) {
    .experience {
      margin-bottom: -6.5rem; } }
  @media screen and (max-width: 414px) {
    .experience {
      background-size: 300vh;
      margin-bottom: 0; } }
  @media screen and (max-width: 375px) {
    .experience {
      background-size: 300vh;
      margin-bottom: 0; } }
  @media screen and (max-width: 320px) {
    .experience {
      background-size: 353vh;
      margin-bottom: 0; } }
  .experience--container {
    display: flex;
    margin-left: 15rem;
    color: #ffffff; }
    @media screen and (max-width: 768px) {
      .experience--container {
        margin-top: -5rem;
        margin-bottom: 5rem; } }
    @media screen and (max-width: 414px) {
      .experience--container {
        display: inline; } }
    @media screen and (max-width: 375px) {
      .experience--container {
        display: inline; } }
  .experience--logo {
    width: 45%;
    margin-top: 2rem; }
    .experience--logo img {
      height: 67rem; }
      @media screen and (max-width: 768px) {
        .experience--logo img {
          height: 47rem !important;
          max-width: 23rem;
          margin-left: -9rem; } }
      @media screen and (max-width: 414px) {
        .experience--logo img {
          margin-left: 7rem; } }
      @media screen and (max-width: 375px) {
        .experience--logo img {
          margin-left: 6rem; } }
      @media screen and (max-width: 320px) {
        .experience--logo img {
          margin-left: 3rem; } }
  .experience--info {
    width: 100%;
    margin-left: 12rem; }
    @media screen and (max-width: 768px) {
      .experience--info {
        margin-left: 3rem;
        margin-top: 2rem; } }
    @media screen and (max-width: 414px) {
      .experience--info {
        margin-left: -1rem; } }
    @media screen and (max-width: 375px) {
      .experience--info {
        margin-left: -2rem; } }
    .experience--info h1 {
      font-size: 6rem;
      font-weight: 600;
      width: 55rem;
      margin-bottom: 3rem; }
      @media screen and (max-width: 768px) {
        .experience--info h1 {
          font-size: 2.5rem;
          width: 30rem;
          margin-bottom: 2rem; } }
      @media screen and (max-width: 414px) {
        .experience--info h1 {
          font-size: 2.8rem;
          width: 35rem;
          font-weight: bold;
          padding-left: 2rem; } }
      @media screen and (max-width: 320px) {
        .experience--info h1 {
          width: 28rem;
          font-weight: bold; } }
    .experience--info p {
      font-size: 1.8rem;
      width: 60rem;
      line-height: 2;
      margin-bottom: 4rem; }
      @media screen and (max-width: 768px) {
        .experience--info p {
          width: 30rem;
          line-height: 1.4;
          text-align: justify;
          font-size: 1.5rem;
          margin-bottom: 2rem; } }
      @media screen and (max-width: 414px) {
        .experience--info p {
          width: 35rem;
          font-size: 1.6rem;
          padding-left: 2rem; } }
      @media screen and (max-width: 320px) {
        .experience--info p {
          width: 30rem;
          font-size: 1.6rem; } }
    .experience--info--bullets {
      font-size: 1.8rem;
      font-weight: 100;
      margin-bottom: 2.5rem;
      display: inline-flex; }
      @media screen and (max-width: 768px) {
        .experience--info--bullets {
          font-size: 1.4rem;
          width: 35rem;
          display: inline-flex;
          margin-bottom: 1rem; } }
      .experience--info--bullets p {
        margin-bottom: -4rem; }
        @media screen and (max-width: 768px) {
          .experience--info--bullets p {
            margin-bottom: 0;
            width: 25rem; } }
        @media screen and (max-width: 414px) {
          .experience--info--bullets p {
            width: 30rem; } }
        @media screen and (max-width: 320px) {
          .experience--info--bullets p {
            width: 25rem; } }
      .experience--info--bullets img {
        height: 2.855rem;
        margin-right: 2rem; }
        @media screen and (max-width: 767px) {
          .experience--info--bullets img {
            margin-right: 1rem; } }
        @media screen and (max-width: 414px) {
          .experience--info--bullets img {
            margin-right: -1rem;
            margin-left: 2rem; } }
        @media screen and (max-width: 375px) {
          .experience--info--bullets img {
            margin-right: -1rem;
            margin-left: 2rem; } }
    .experience--info .exp_learn_button {
      margin-top: 3rem; }
      @media screen and (max-width: 414px) {
        .experience--info .exp_learn_button {
          margin-left: 3rem; } }
      @media screen and (max-width: 375px) {
        .experience--info .exp_learn_button {
          margin-left: 8rem; } }
    .experience--info a {
      border: 1px solid #ffffff;
      border-radius: 5rem;
      padding: 1.5rem 3rem;
      font-size: 2rem;
      color: #ffffff;
      margin-top: 6rem; }
      @media screen and (max-width: 768px) {
        .experience--info a {
          padding: 1rem 3rem;
          font-size: 1.4rem; } }
      @media screen and (max-width: 320px) {
        .experience--info a {
          padding: 1rem 3rem;
          font-size: 1.4rem;
          margin-left: -5rem; } }

.locateobd {
  background-color: #ffffff;
  padding-top: 12rem; }
  @media screen and (max-width: 768px) {
    .locateobd {
      padding-top: 0; } }
  @media screen and (max-width: 375px) {
    .locateobd {
      margin-left: 11rem; } }
  .locateobd--container {
    display: flex;
    flex-direction: row-reverse;
    margin-top: -5rem;
    margin-left: 7rem; }
    @media screen and (max-width: 768px) {
      .locateobd--container {
        margin-top: -9rem;
        margin-left: 11rem;
        margin-bottom: -12rem; } }
    @media screen and (max-width: 414px) {
      .locateobd--container {
        display: inline; } }
    @media screen and (max-width: 375px) {
      .locateobd--container {
        display: inline; } }
    @media screen and (max-width: 320px) {
      .locateobd--container {
        margin-top: -15rem; } }
  .locateobd--logo {
    width: 100%; }
    .locateobd--logo img {
      height: 47rem;
      width: 45rem;
      margin-left: -8rem; }
      @media screen and (max-width: 768px) {
        .locateobd--logo img {
          height: 34rem;
          max-width: 34rem;
          margin-left: -11rem;
          margin-top: 2rem; } }
      @media screen and (max-width: 414px) {
        .locateobd--logo img {
          margin-left: 2rem; } }
      @media screen and (max-width: 375px) {
        .locateobd--logo img {
          margin-left: -10rem; } }
      @media screen and (max-width: 360px) {
        .locateobd--logo img {
          margin-left: -12rem; } }
      @media screen and (max-width: 320px) {
        .locateobd--logo img {
          width: 30rem; } }
  .locateobd--info {
    margin-left: 15rem;
    margin-right: 10rem; }
    @media screen and (max-width: 768px) {
      .locateobd--info {
        margin-left: -7rem; } }
    @media screen and (max-width: 414px) {
      .locateobd--info {
        margin-left: 1rem;
        margin-bottom: -10rem; } }
    @media screen and (max-width: 375px) {
      .locateobd--info {
        margin-left: -10rem;
        margin-bottom: -10rem; } }
    .locateobd--info h1 {
      font-size: 4rem;
      font-weight: bold;
      width: 30rem;
      margin-bottom: 3rem; }
      @media screen and (max-width: 768px) {
        .locateobd--info h1 {
          font-size: 2.5rem;
          margin-bottom: 2rem; } }
      @media screen and (max-width: 375px) {
        .locateobd--info h1 {
          width: 35rem; } }
      @media screen and (max-width: 414px) {
        .locateobd--info h1 {
          width: 35rem;
          font-size: 2.5rem;
          margin-top: 2rem;
          margin-bottom: 2rem; } }
    .locateobd--info p {
      font-size: 1.5rem;
      width: 33rem;
      margin-bottom: 3rem;
      line-height: 1.8; }
      @media screen and (max-width: 768px) {
        .locateobd--info p {
          font-size: 1.4rem;
          width: 30rem;
          text-align: justify;
          margin-bottom: 3rem;
          line-height: 1.5; } }
      @media screen and (max-width: 414px) {
        .locateobd--info p {
          width: 30rem; } }
      @media screen and (max-width: 320px) {
        .locateobd--info p {
          width: 27rem; } }
  .locateobd .port {
    background: transparent; }
  .locateobd .port__select_container {
    margin-bottom: -3rem; }
    @media screen and (max-width: 320px) {
      .locateobd .port__select_container {
        margin-bottom: 0; } }

.become_distributor--container {
  width: 80%;
  max-width: 840px;
  margin-left: 20rem;
  margin-right: auto; }
  .become_distributor--container h1 {
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.2;
    max-width: 68rem; }
    @media only screen and (max-width: 735px) {
      .become_distributor--container h1 {
        font-size: 3.2rem; } }

.become_distributor .hero--text {
  color: #fff;
  background-color: #002330; }

.become_distributor .hero h1 {
  font-size: 5.6rem;
  max-width: 50rem; }
  @media only screen and (max-width: 735px) {
    .become_distributor .hero h1 {
      font-size: 3.8rem; } }

.become_distributor .hero p {
  max-width: 58rem; }

.become_distributor--details .become_distributor--container {
  display: grid;
  grid-template-columns: repeat(2, 1fr); }
  @media only screen and (max-width: 735px) {
    .become_distributor--details .become_distributor--container {
      grid-template-columns: 1fr; } }

.become_distributor--details h1 {
  max-width: 34rem;
  font-weight: 700;
  line-height: 1.2; }
  @media only screen and (max-width: 735px) {
    .become_distributor--details h1 {
      margin-bottom: 3rem; } }

.become_distributor--details li {
  font-size: 1.8rem;
  font-weight: 600;
  list-style-type: disc; }
  .become_distributor--details li:not(:last-of-type) {
    margin-bottom: 2rem; }

.become_distributor--form {
  background-color: #f5f6f7; }
  .become_distributor--form .become_distributor--container {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .become_distributor--form .become_distributor--container > button {
      margin-top: 4rem; }
  .become_distributor--form h1 {
    text-align: center;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 735px) {
      .become_distributor--form h1 {
        text-align: left; } }
  .become_distributor--form form {
    padding: 5rem 0;
    display: grid;
    width: 100%;
    grid-template-columns: repeat(10, 1fr);
    grid-gap: 5rem 2rem; }
    @media only screen and (max-width: 735px) {
      .become_distributor--form form {
        grid-gap: 2rem 0;
        grid-template-columns: 1fr; } }
    .become_distributor--form form > div {
      display: flex;
      flex-direction: column; }
      @media only screen and (max-width: 735px) {
        .become_distributor--form form > div {
          grid-column: span 1; } }
  .become_distributor--form .select-item {
    width: 100%; }
  .become_distributor--form-companyName, .become_distributor--form-footprint, .become_distributor--form-experience, .become_distributor--form-companyPosition {
    grid-column: span 10; }
  .become_distributor--form-email {
    grid-column: span 6; }
  .become_distributor--form-companyAddress1, .become_distributor--form-companyAddress2, .become_distributor--form-firstName, .become_distributor--form-lastName {
    grid-column: span 5; }
  .become_distributor--form-city, .become_distributor--form-natureOfBusiness, .become_distributor--form-phone {
    grid-column: span 4; }
  .become_distributor--form-storeType {
    grid-column: span 3; }
  .become_distributor--form-state, .become_distributor--form-numberOfLocations, .become_distributor--form-zip {
    grid-column: span 3; }
  .become_distributor--form-submit {
    grid-column: span 10;
    display: flex;
    align-items: center; }
  .become_distributor--form button {
    background-color: #76Ceda;
    color: #253746;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: "Sharp-Sans", Helvetica, sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    padding: 1.4rem 1.5rem 1.1rem;
    min-width: 22rem;
    max-width: 100%;
    transition: all 200ms ease;
    text-align: center;
    text-transform: uppercase;
    border: none; }
    .become_distributor--form button:hover {
      background-color: #4ec0cf; }
    .become_distributor--form button img {
      margin-left: 1rem; }
  .become_distributor--form a {
    background-color: #76Ceda;
    color: #253746;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: "Sharp-Sans", Helvetica, sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    padding: 1.4rem 1.5rem 1.1rem;
    min-width: 22rem;
    max-width: 100%;
    transition: all 200ms ease;
    text-align: center;
    text-transform: uppercase;
    border: none;
    margin-top: 60px; }
    .become_distributor--form a:hover {
      background-color: #4ec0cf; }
    .become_distributor--form a img {
      margin-left: 1rem; }
  .become_distributor--form .form_error.become_distributor--form-zip label::after {
    content: "Invalid zip code"; }
  .become_distributor--form .form_error.become_distributor--form-phone label::after {
    content: "Invalid phone number"; }
  .become_distributor--form .form_error.become_distributor--form-email label::after {
    content: "Invalid email address"; }

.terms--container {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.8rem;
  text-align: justify; }
  @media screen and (max-width: 568px) {
    .terms--container {
      padding-top: 2rem; } }
  .terms--container > *:not(:last-child) {
    margin-bottom: 3rem; }

.terms h1 {
  font-size: 3rem;
  text-align: center; }

.terms h2 {
  font-size: 2rem; }

.terms ul,
.terms ol {
  margin-left: 2rem; }
  .terms ul li:not(:last-of-type),
  .terms ol li:not(:last-of-type) {
    margin-bottom: 1rem; }

.terms ul li {
  list-style-type: disc; }

.terms a {
  color: #002330;
  border-bottom: 1px solid currentColor; }

.terms--activate h3 {
  margin-bottom: 0 !important; }

#motor-club-terms-id {
  font-size: 14px; }

.footer {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #000000;
  color: #ffffff;
  overflow: hidden;
  position: absolute;
  width: 100%; }
  .footer--inner {
    width: 80%;
    max-width: 1260px;
    margin-left: 20rem;
    margin-right: auto; }
    @media screen and (max-width: 768px) {
      .footer--inner {
        width: 100%;
        margin-left: 0;
        height: 135rem; } }
    @media screen and (max-width: 414px) {
      .footer--inner {
        height: 110rem; } }
    @media screen and (max-width: 375px) {
      .footer--inner {
        height: 130rem; } }
  .footer a {
    color: #fff; }
    @media screen and (max-width: 768px) {
      .footer a {
        margin-right: 1rem; } }
  .footer--links {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8rem; }
    @media only screen and (max-width: 992px) {
      .footer--links {
        flex-wrap: wrap;
        flex: 1 0 25%; } }
    @media screen and (max-width: 768px) {
      .footer--links {
        flex-wrap: nowrap;
        margin-bottom: 0; } }
    @media screen and (max-width: 375px) {
      .footer--links {
        flex-wrap: wrap; } }
  .footer--column {
    padding: 0 1rem; }
    @media screen and (max-width: 768px) {
      .footer--column {
        width: 100%; } }
    @media only screen and (max-width: 735px) {
      .footer--column {
        flex-basis: 50%; }
        .footer--column:not(:last-of-type) {
          margin-bottom: 5rem; } }
    .footer--column-heading {
      font-size: 1.5rem;
      margin-bottom: 2rem;
      text-transform: uppercase;
      font-weight: 900;
      display: inline-block; }
    .footer--column-list {
      padding-left: 0; }
      .footer--column-list li:not(:last-of-type) {
        margin-bottom: 1.5rem; }
    .footer--column li a {
      font-size: 1.5rem; }
      @media screen and (max-width: 768px) {
        .footer--column li a {
          font-size: 1.2rem; } }
      .footer--column li a img {
        padding: 0 0 2px 2px; }
  .footer--contact {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    @media only screen and (min-width: 480px) and (max-width: 992px) {
      .footer--contact {
        flex-basis: 100%;
        flex-direction: row;
        justify-content: space-between;
        margin: 8rem 0 0; }
        .footer--contact > * {
          flex: 1;
          padding: 0 1rem; } }
  @media only screen and (min-width: 480px) and (max-width: 992px) and (max-width: 735px) {
    .footer--contact {
      margin-top: 0; } }
    .footer--contact h1 {
      font-size: 2rem;
      margin-bottom: 1rem;
      text-transform: none; }
    @media only screen and (max-width: 735px) {
      .footer--contact-telephone {
        margin-bottom: -1rem; } }
    .footer--contact-telephone a {
      line-height: 2.4;
      font-size: 1.4rem; }
    .footer--contact-social ul {
      min-width: 20rem;
      display: flex;
      justify-content: space-between; }
      .footer--contact-social ul a {
        flex-basis: 33%; }
      .footer--contact-social ul li {
        margin-bottom: 0; }
        .footer--contact-social ul li svg {
          height: 25px;
          fill: #76Ceda; }
          .footer--contact-social ul li svg .transparent {
            fill: #253746; }
            .footer--contact-social ul li svg .transparent-dark {
              fill: #131d25; }
  .footer--language p {
    font-size: 1.3rem; }
  .footer--language a {
    color: #76Ceda;
    font-weight: 600;
    margin: 0 10px; }
  .footer--language span {
    margin: 0 10px; }
  .footer--legal p {
    font-size: 1.1rem; }
  .footer .footer_store_badges {
    margin-top: -5rem;
    margin-bottom: 5rem;
    display: flex;
    justify-content: center; }
    @media screen and (max-width: 768px) {
      .footer .footer_store_badges {
        margin-top: 0rem;
        margin-bottom: 5rem;
        display: flex; } }
    .footer .footer_store_badges img {
      height: 5rem;
      margin-right: 5rem; }
      @media screen and (max-width: 768px) {
        .footer .footer_store_badges img {
          margin-right: 1rem; } }

@media only screen and (max-width: 735px) {
  .store_locator {
    padding: 0; } }

.store_locator--container {
  width: 80%;
  max-width: 1260px;
  margin-left: 20rem;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (max-width: 735px) {
    .store_locator--container {
      flex-direction: column; } }

.store_locator--search {
  position: relative; }
  @media only screen and (max-width: 735px) {
    .store_locator--search input {
      padding: 1rem;
      height: auto; } }
  .store_locator--search ul {
    z-index: 10998;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #002330;
    padding: calc(6rem - 1px) 0 0 0;
    pointer-events: none;
    transition: box-shadow 100ms ease;
    box-shadow: 0 0 5px #a4a4a4; }
    @media only screen and (max-width: 735px) {
      .store_locator--search ul {
        padding: calc(3.8rem - 1px) 0 0 0;
        font-size: 1.4rem; } }
    .store_locator--search ul:empty {
      display: none;
      box-shadow: none; }
    .store_locator--search ul li {
      cursor: pointer;
      pointer-events: all;
      background-color: #fff;
      padding: 1rem;
      transition: all 100ms ease;
      text-overflow: ellipsis; }
      .store_locator--search ul li:hover, .store_locator--search ul li:active, .store_locator--search ul li:focus {
        outline: 0;
        background-color: #f5f6f7; }

.store_locator--insufficient-search {
  text-align: center;
  font-size: 1.2rem;
  font-weight: 400;
  color: red;
  padding-top: 1rem; }

.store_locator--results {
  flex: 35%;
  height: 80rem;
  max-height: 80vh;
  padding-right: 3rem;
  overflow-y: auto; }
  @media only screen and (max-width: 735px) {
    .store_locator--results {
      height: auto;
      max-height: none;
      order: 3;
      padding-right: 0; } }
  .store_locator--results h3 {
    margin-bottom: 1rem;
    font-weight: 600;
    font-size: 2rem; }
    @media only screen and (max-width: 735px) {
      .store_locator--results h3 {
        padding-left: 2rem;
        font-size: 1.8rem; } }
  .store_locator--results-none .no-results-cta {
    background-color: #76Ceda;
    color: #253746;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: "Sharp-Sans", Helvetica, sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    padding: 1.4rem 1.5rem 1.1rem;
    min-width: 22rem;
    max-width: 100%;
    transition: all 200ms ease;
    text-align: center;
    text-transform: uppercase;
    border: none;
    display: block;
    text-align: center;
    margin: 3rem auto 1rem; }
    .store_locator--results-none .no-results-cta:hover {
      background-color: #4ec0cf; }
    .store_locator--results-none .no-results-cta img {
      margin-left: 1rem; }
  .store_locator--results-list > p {
    margin-bottom: 1rem; }
    @media only screen and (max-width: 735px) {
      .store_locator--results-list > p {
        padding: 0 2rem; } }
  .store_locator--results-item {
    display: flex;
    align-items: flex-start;
    margin: 3rem 0; }
    .store_locator--results-item:not(:last-of-type) {
      padding-bottom: 3rem;
      border-bottom: 1px solid #f5f6f7; }
    @media only screen and (max-width: 735px) {
      .store_locator--results-item {
        margin: 1rem; } }
    .store_locator--results-item-number {
      font-size: 1.8rem;
      font-weight: 700;
      margin-right: 2rem;
      padding-top: 0.7rem;
      padding-left: 0.1rem;
      text-align: center;
      color: #fff;
      height: 3.6rem;
      width: 3.6rem;
      border-radius: 50%; }
      @media only screen and (max-width: 735px) {
        .store_locator--results-item-number {
          font-size: 1.4rem;
          padding-top: 0.3rem;
          padding-left: 0;
          height: 2.4rem;
          width: 2.4rem;
          margin-right: 1rem; } }
      .store_locator--results-item-number[data-storetype='store'] {
        background-color: #cd040b; }
      .store_locator--results-item-number[data-storetype='retailer'] {
        background-color: #8fd4d5; }
    .store_locator--results-item-address {
      padding-right: 2rem; }
      .store_locator--results-item-address h3 {
        cursor: pointer; }
        .store_locator--results-item-address h3:hover {
          text-decoration: underline; }
        @media only screen and (max-width: 735px) {
          .store_locator--results-item-address h3 {
            padding-left: 0; } }
      .store_locator--results-item-address p,
      .store_locator--results-item-address a {
        font-size: 1.4rem;
        font-style: normal;
        cursor: default; }
        @media only screen and (max-width: 735px) {
          .store_locator--results-item-address p,
          .store_locator--results-item-address a {
            font-size: 1.2rem; } }
      .store_locator--results-item-address [data-accordion].is-active [data-accordion-trigger]::after {
        transform: rotate(90deg); }
      .store_locator--results-item-address [data-accordion-trigger] {
        font-weight: 600; }
        @media only screen and (max-width: 735px) {
          .store_locator--results-item-address [data-accordion-trigger] {
            margin-top: 1.5rem; } }
        .store_locator--results-item-address [data-accordion-trigger]::after {
          content: "\276E";
          margin-left: .8rem;
          margin-top: .1rem;
          transform: rotate(-90deg);
          vertical-align: text-bottom;
          font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
          font-weight: 100;
          height: 1.7rem;
          width: 1.7rem;
          background-color: #76Ceda;
          color: #002330;
          border-radius: 50%;
          display: inline-block;
          font-size: 1rem;
          line-height: 1.7;
          text-align: center;
          background-color: #002330;
          color: #fff;
          transition: transform 150ms ease; }
          @media only screen and (max-width: 735px) {
            .store_locator--results-item-address [data-accordion-trigger]::after {
              margin-top: 0; } }
      .store_locator--results-item-address [data-accordion-body-inner] {
        padding: 1rem 0; }
        .store_locator--results-item-address [data-accordion-body-inner] ul {
          padding-left: 0;
          font-size: 1.2rem; }
          .store_locator--results-item-address [data-accordion-body-inner] ul strong {
            display: inline-block;
            min-width: 9rem; }
    .store_locator--results-item-distance {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      text-align: right;
      font-size: 1.2rem;
      font-weight: 600; }
  .leaflet-popup-content-wrapper {
    border-radius: 0; }
  .store_locator--results-info h3 {
    font-size: 1.8rem;
    margin-bottom: 1rem; }
  .store_locator--results-info p {
    font-size: 1.2rem;
    margin: 0; }
  .store_locator--results h2 {
    position: sticky;
    top: 0;
    background: #fff;
    border-bottom: 1px solid #f5f6f7;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    z-index: 10;
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 735px) {
      .store_locator--results h2 {
        position: relative;
        padding-left: 2rem; } }
    .store_locator--results h2 span {
      background-color: #76Ceda;
      color: #253746;
      border-radius: 50px;
      cursor: pointer;
      display: inline-block;
      font-family: "Sharp-Sans", Helvetica, sans-serif;
      font-weight: 600;
      font-size: 1.4rem;
      padding: 1.4rem 1.5rem 1.1rem;
      min-width: 22rem;
      max-width: 100%;
      transition: all 200ms ease;
      text-align: center;
      text-transform: uppercase;
      border: none;
      width: auto;
      margin-left: auto;
      font-size: 1rem;
      opacity: 0;
      transition: all 150ms ease; }
      .store_locator--results h2 span:hover {
        background-color: #4ec0cf; }
      .store_locator--results h2 span img {
        margin-left: 1rem; }
      .store_locator--results h2 span.is-active {
        opacity: 1; }

.store_locator--map {
  flex: 60%;
  height: 80rem;
  max-height: 80vh;
  z-index: 11; }
  @media only screen and (max-width: 735px) {
    .store_locator--map {
      box-shadow: 0 0 4rem -1rem #333;
      position: sticky !important;
      top: 5.8rem;
      height: 40vh;
      order: 1; } }

.store_locator--details {
  flex: 100%; }
  @media only screen and (max-width: 735px) {
    .store_locator--details {
      order: 2; } }
  .store_locator--details ul {
    display: flex;
    padding-bottom: 2rem; }
    @media only screen and (max-width: 735px) {
      .store_locator--details ul {
        justify-content: center;
        padding-top: 2rem; } }
    .store_locator--details ul li {
      font-size: 1.4rem;
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 735px) {
        .store_locator--details ul li {
          font-size: 1.2rem; } }
      .store_locator--details ul li:not(:last-of-type) {
        padding-right: 2rem; }
      .store_locator--details ul li:first-of-type {
        margin-left: auto; }
        @media only screen and (max-width: 735px) {
          .store_locator--details ul li:first-of-type {
            margin-left: 0; } }
      .store_locator--details ul li.verizon-store::before, .store_locator--details ul li.authorized-retailer::before {
        content: '';
        border-radius: 50%;
        display: block;
        height: 2rem;
        width: 2rem;
        margin-right: 1rem; }
        @media only screen and (max-width: 735px) {
          .store_locator--details ul li.verizon-store::before, .store_locator--details ul li.authorized-retailer::before {
            height: 1.5rem;
            width: 1.5rem; } }
      .store_locator--details ul li.verizon-store::before {
        background-color: #cd040b; }
      .store_locator--details ul li.authorized-retailer::before {
        background-color: #8fd4d5; }

.store_locator .loadingModal {
  font-family: "Sharp-Sans", Helvetica, sans-serif;
  z-index: 9999999;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  font-size: 1.8rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center; }

.page_not_found {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30rem 4rem 20rem; }
  @media only screen and (max-width: 640px) {
    .page_not_found {
      padding: 15rem 4rem; } }
  .page_not_found h1 {
    font-size: 7rem; }
    @media only screen and (max-width: 640px) {
      .page_not_found h1 {
        font-size: 4rem; } }
  .page_not_found h2 {
    font-size: 17rem;
    color: #76Ceda;
    margin-bottom: -3rem; }
    @media only screen and (max-width: 640px) {
      .page_not_found h2 {
        font-size: 12rem;
        margin-bottom: -1rem; } }
  .page_not_found p {
    font-size: 1.8rem;
    padding-bottom: 4rem;
    text-align: center; }
    @media only screen and (max-width: 640px) {
      .page_not_found p {
        font-size: 1.4rem;
        padding-bottom: 3rem; } }
  .page_not_found a {
    background-color: #76Ceda;
    color: #253746;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: "Sharp-Sans", Helvetica, sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    padding: 1.4rem 1.5rem 1.1rem;
    min-width: 22rem;
    max-width: 100%;
    transition: all 200ms ease;
    text-align: center;
    text-transform: uppercase;
    border: none; }
    .page_not_found a:hover {
      background-color: #4ec0cf; }
    .page_not_found a img {
      margin-left: 1rem; }

.vendor_portal .hero {
  max-height: 100vh; }
  @media only screen and (max-width: 735px) {
    .vendor_portal .hero {
      max-height: none;
      padding-top: 20rem;
      padding-bottom: 5rem; }
      .vendor_portal .hero--container {
        padding-top: 0; } }
  .vendor_portal .hero h1 {
    font-size: 6.4rem;
    max-width: none; }
    @media only screen and (max-width: 735px) {
      .vendor_portal .hero h1 {
        font-size: 3.8rem;
        text-align: center; } }

.vendor_portal--grid {
  padding: 0;
  display: flex; }
  @media only screen and (max-width: 735px) {
    .vendor_portal--grid {
      flex-direction: column; } }
  .vendor_portal--grid-item {
    flex: 1;
    display: flex;
    align-items: center;
    padding-top: 10rem;
    padding-bottom: 10rem; }
    .vendor_portal--grid-item:first-of-type {
      background-color: #f5f6f7;
      justify-content: flex-end;
      padding-right: 10rem;
      padding-left: 2rem; }
      @media only screen and (max-width: 735px) {
        .vendor_portal--grid-item:first-of-type {
          padding: 3rem;
          justify-content: center; } }
    .vendor_portal--grid-item:last-of-type {
      background-color: #e4e5e3;
      padding-left: 10rem;
      padding-right: 2rem; }
      @media only screen and (max-width: 735px) {
        .vendor_portal--grid-item:last-of-type {
          padding: 3rem;
          justify-content: center; } }
    .vendor_portal--grid-item-inner {
      max-width: 50rem;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center; }
    .vendor_portal--grid-item h1 {
      font-size: 1.8rem;
      line-height: 1.5;
      max-width: 15rem;
      margin-bottom: 1rem;
      min-height: 7.2rem; }
    .vendor_portal--grid-item-cta {
      background-color: #76Ceda;
      color: #253746;
      border-radius: 50px;
      cursor: pointer;
      display: inline-block;
      font-family: "Sharp-Sans", Helvetica, sans-serif;
      font-weight: 600;
      font-size: 1.4rem;
      padding: 1.4rem 1.5rem 1.1rem;
      min-width: 22rem;
      max-width: 100%;
      transition: all 200ms ease;
      text-align: center;
      text-transform: uppercase;
      border: none;
      margin-bottom: 4rem; }
      .vendor_portal--grid-item-cta:hover {
        background-color: #4ec0cf; }
      .vendor_portal--grid-item-cta img {
        margin-left: 1rem; }

.port {
  background-color: #f5f6f7; }
  .port__container {
    width: 80%;
    margin-right: auto;
    padding: 0 2rem 8rem;
    text-align: left; }
    @media only screen and (max-width: 1024px) {
      .port__container {
        padding: 0 4rem 6rem; } }
    @media only screen and (max-width: 992px) {
      .port__container {
        padding: 0 0 6rem;
        display: block;
        margin-left: 2rem; } }
    .port__container form {
      width: 100%; }
  .port h4 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 3rem; }
    @media only screen and (max-width: 735px) {
      .port h4 {
        max-width: 26rem; } }
  .port h2 {
    font-size: 6.4rem;
    font-weight: 600;
    line-height: 7rem; }
    @media only screen and (max-width: 1024px) {
      .port h2 {
        font-size: 4.8rem; } }
    @media only screen and (max-width: 735px) {
      .port h2 {
        font-size: 3.6rem;
        line-height: 1.1; }
        .port h2 br {
          display: none; } }
  .port__form {
    width: 100%;
    max-width: 85%;
    padding-right: 2rem;
    margin-left: -3rem; }
    .port__form form {
      width: 100%;
      font-size: 6.4rem;
      line-height: 1rem;
      display: inline-flex;
      flex-wrap: wrap; }
      @media only screen and (max-width: 1024px) {
        .port__form form {
          font-size: 4.8rem; } }
      @media only screen and (max-width: 735px) {
        .port__form form {
          font-size: 3.6rem;
          line-height: 1.1; } }
  @media only screen and (max-width: 735px) and (orientation: portrait) {
    .port__form form {
      display: block; } }
    @media only screen and (max-width: 992px) {
      .port__form {
        width: 100%;
        max-width: 100%; } }
  .port__results .port-result-illustration {
    margin-bottom: 40px; }
  @media only screen and (max-width: 992px) {
    .port__results {
      width: 100%;
      max-width: 100%;
      margin-top: 60px; } }
  .port__select_container {
    width: 100%;
    margin: 0; }
    .port__select_container .select-label {
      padding: 1rem 70px 0 1.2rem;
      width: 30rem;
      box-shadow: 0 0 2px grey;
      height: 4rem; }
      .port__select_container .select-label:after {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        top: 4rem;
        right: 2rem;
        margin: -2.6rem 0 0 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 10px solid #08BFC1;
        z-index: 1;
        box-sizing: border-box; }
  .port__label {
    font-size: 1.8rem;
    font-weight: 600;
    color: #002330; }
    @media only screen and (max-width: 735px) {
      .port__label {
        font-size: 1.2rem;
        padding-top: 10px; } }
  .port .hidden {
    display: none; }

.sitemap--container {
  width: 80%;
  max-width: 1260px;
  margin-left: 20rem;
  margin-right: auto;
  padding: 8rem 2rem; }
  .sitemap--container h2 {
    margin: 1.5rem 0;
    font-weight: 600; }
    .sitemap--container h2 a {
      color: #333; }
  .sitemap--container ul {
    margin-bottom: 1.5rem; }
    .sitemap--container ul li {
      list-style-type: none;
      line-height: 1.4; }
      .sitemap--container ul li a {
        font-size: 1.8rem;
        color: #333; }
    @media only screen and (min-width: 640px) {
      .sitemap--container ul {
        columns: 2; } }
    @media only screen and (min-width: 992px) {
      .sitemap--container ul {
        columns: 3; } }
    @media only screen and (min-width: 1200px) {
      .sitemap--container ul {
        columns: 4; } }

.sitemap--group {
  margin-bottom: 5rem; }
  .sitemap--group a:hover {
    text-decoration: underline; }

#rauxa-homepage-page .phone_carousel {
  background-color: #002330;
  color: #fff;
  padding: 8rem 2rem 4rem;
  margin-bottom: 22rem; }
  @media only screen and (max-width: 992px) {
    #rauxa-homepage-page .phone_carousel {
      margin-bottom: 0; } }
  #rauxa-homepage-page .phone_carousel--container {
    width: 80%;
    max-width: 960px;
    margin-left: 20rem;
    margin-right: auto; }
  #rauxa-homepage-page .phone_carousel--slide-image {
    padding-right: 10rem; }
    #rauxa-homepage-page .phone_carousel--slide-image img {
      margin-bottom: -22rem; }
  #rauxa-homepage-page .phone_carousel--slide-copy-icon {
    margin-right: 1.5rem;
    margin-bottom: 3rem; }
  #rauxa-homepage-page .phone_carousel--slide-copy h1 {
    font-size: 3.2rem; }
  #rauxa-homepage-page .phone_carousel--slide-copy p {
    font-size: 1.8rem; }
  #rauxa-homepage-page .phone_carousel--indicators {
    align-self: flex-start;
    padding-top: 19rem; }
    @media only screen and (max-width: 735px) {
      #rauxa-homepage-page .phone_carousel--indicators {
        padding-top: 0;
        align-self: center; } }
    #rauxa-homepage-page .phone_carousel--indicators a {
      background-color: #fff; }

#hum-for-family .phone_carousel--slide-copy {
  align-self: center; }

.announcements_body {
  background-color: #fff; }
  .announcements_body--container {
    width: 80%;
    max-width: 1260px;
    margin-left: 20rem;
    margin-right: auto;
    display: flex; }
    @media only screen and (max-width: 735px) {
      .announcements_body--container {
        display: block; } }
  .announcements_body--copy {
    max-width: 55rem;
    padding-right: 2rem; }
    .announcements_body--copy p {
      font-size: 1.8rem;
      line-height: 1.6;
      max-width: 47rem;
      margin-bottom: 4rem; }
      @media only screen and (max-width: 735px) {
        .announcements_body--copy p {
          font-size: 1.8rem;
          line-height: 2; } }
  @media only screen and (min-width: 736px) {
    .announcements_body .announcements_body--image {
      max-width: 640px;
      margin-left: auto; } }

.info__instructions .info__container {
  width: 80%;
  max-width: 800px;
  margin-left: 20rem;
  margin-right: auto; }

@media only screen and (max-width: 735px) {
  .info__instructions {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0; } }

.info__instructions--pagetitle {
  padding-left: 4.5rem;
  padding-bottom: 1rem;
  font-size: 4rem; }
  @media only screen and (max-width: 735px) {
    .info__instructions--pagetitle {
      font-size: 2.8rem;
      padding-left: 3.5rem;
      padding-bottom: 1rem; } }

.info__instructions--dot {
  height: 10px;
  width: 10px;
  background-color: #050505;
  border-radius: 50%;
  display: inline-block; }

.info__instructions--pagebottomtitle {
  font-size: 2.4rem;
  font-weight: bold;
  padding-bottom: 1rem; }
  @media only screen and (max-width: 735px) {
    .info__instructions--pagebottomtitle {
      font-size: 2.0rem;
      padding-left: 3.5rem; } }

.info__instructions--pagedesc {
  padding: 0rem 1rem 1rem 0rem; }
  @media only screen and (max-width: 735px) {
    .info__instructions--pagedesc {
      padding-left: 3.5rem;
      min-height: auto; } }
  .info__instructions--pagedesc p a {
    border-bottom-width: 1px;
    border-bottom-style: solid; }

.info__instructions--grid--row {
  display: flex;
  flex-direction: row; }
  .info__instructions--grid--row:nth-of-type(2n) {
    flex-direction: row-reverse; }
    @media only screen and (max-width: 735px) {
      .info__instructions--grid--row:nth-of-type(2n) {
        display: block;
        flex-direction: row; } }
  @media only screen and (max-width: 735px) {
    .info__instructions--grid--row {
      display: block;
      flex-direction: row; } }

.info__instructions--grid--item {
  flex: 0 0 50%;
  padding: 0rem 1rem 5rem 0rem; }
  @media only screen and (max-width: 735px) {
    .info__instructions--grid--item {
      padding: 2rem;
      min-height: auto;
      flex-direction: row-reverse; } }
  .info__instructions--grid--item--image {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 2.0rem;
    overflow: hidden; }
  .info__instructions--grid--item--image-1 {
    display: flex;
    justify-content: center;
    background-color: #fafafa; }
    @media only screen and (max-width: 735px) {
      .info__instructions--grid--item--image-1 {
        display: flex;
        justify-items: center; } }
    @media only screen and (min-width: 735px) {
      .info__instructions--grid--item--image-1 {
        display: none; } }
  .info__instructions--grid--item--video {
    display: flex;
    justify-items: center;
    background-color: #fafafa; }
    @media only screen and (max-width: 735px) {
      .info__instructions--grid--item--video {
        display: none; } }
    @media only screen and (min-width: 735px) {
      .info__instructions--grid--item--video {
        display: flex;
        justify-items: center; } }
  .info__instructions--grid--item .info_img {
    display: flex;
    margin-bottom: 1.5rem; }
  .info__instructions--grid--item .info_imgcol1 {
    flex: 20%; }
  .info__instructions--grid--item .info_imgcol2 {
    flex: 80%; }
  .info__instructions--grid--item .info_link_desc {
    padding-top: 2rem; }
  .info__instructions--grid--item--text {
    text-align: left;
    padding-left: 4rem; }
    .info__instructions--grid--item--text .btn-secondary {
      font-size: 1.4rem;
      color: #002330; }
      .info__instructions--grid--item--text .btn-secondary::after {
        content: "\276F";
        margin-left: .8rem;
        text-indent: .1rem;
        vertical-align: text-bottom;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-weight: 100;
        height: 1.7rem;
        width: 1.7rem;
        background-color: #76Ceda;
        color: #002330;
        border-radius: 50%;
        display: inline-block;
        font-size: 1rem;
        line-height: 1.7;
        text-align: center;
        background-color: #002330;
        color: #fff; }
    .info__instructions--grid--item--text h3 {
      font-size: 2.4rem;
      padding-top: 4rem;
      padding-bottom: 1.5rem; }
      @media only screen and (max-width: 735px) {
        .info__instructions--grid--item--text h3 {
          font-size: 2.4rem; } }
    .info__instructions--grid--item--text h4 {
      font-size: 2.4rem;
      margin: 1rem 2.5rem;
      padding-top: 4rem;
      padding-bottom: 1.5rem; }
      @media only screen and (max-width: 735px) {
        .info__instructions--grid--item--text h4 {
          font-size: 2.4rem; } }
    .info__instructions--grid--item--text h2 {
      margin: 2.5rem 0;
      font-size: 4.8rem;
      padding-bottom: 1.5rem; }
      @media only screen and (max-width: 735px) {
        .info__instructions--grid--item--text h2 {
          font-size: 2.8rem; } }
    .info__instructions--grid--item--text h1 {
      margin: 1rem 2.5rem;
      font-size: 4rem; }
      @media only screen and (max-width: 735px) {
        .info__instructions--grid--item--text h1 {
          font-size: 2.8rem; } }
    .info__instructions--grid--item--text p a {
      border-bottom-width: 1px;
      border-bottom-style: solid; }

.device-offline__instructions .do__container {
  width: 80%;
  max-width: 1000px;
  margin-left: 20rem;
  margin-right: auto; }

@media only screen and (max-width: 735px) {
  .device-offline__instructions {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0; } }

.device-offline__instructions--pagetitle {
  font-size: 4rem;
  text-align: center;
  padding-left: 4.5rem;
  padding-bottom: 1rem; }
  @media only screen and (max-width: 735px) {
    .device-offline__instructions--pagetitle {
      font-size: 2.8rem;
      padding-left: 3.5rem;
      padding-bottom: 1rem; } }

.device-offline__instructions--dot {
  height: 10px;
  width: 10px;
  background-color: #050505;
  border-radius: 50%;
  display: inline-block; }

.device-offline__instructions--pagebottomtitle {
  font-size: 2.4rem;
  font-weight: bold;
  padding-bottom: 1rem; }
  @media only screen and (max-width: 735px) {
    .device-offline__instructions--pagebottomtitle {
      font-size: 2.0rem;
      padding-left: 3.5rem; } }

.device-offline__instructions--pagedesc {
  padding: 0rem 1rem 1rem 0rem; }
  @media only screen and (max-width: 735px) {
    .device-offline__instructions--pagedesc {
      padding-left: 3.5rem;
      min-height: auto; } }
  .device-offline__instructions--pagedesc p a {
    border-bottom-width: 1px;
    border-bottom-style: solid; }

.device-offline__instructions--pagedesc-2 {
  padding: 0rem 1rem 1rem 0rem;
  font-size: 2.5rem;
  padding-left: 1rem; }
  @media only screen and (max-width: 735px) {
    .device-offline__instructions--pagedesc-2 {
      padding-left: 3.5rem;
      min-height: auto; } }
  .device-offline__instructions--pagedesc-2 p a {
    border-bottom-width: 1px;
    border-bottom-style: solid; }

.device-offline__instructions--grid--row {
  display: flex;
  flex-direction: row; }
  .device-offline__instructions--grid--row:nth-of-type(2n) {
    flex-direction: row-reverse; }
    @media only screen and (max-width: 735px) {
      .device-offline__instructions--grid--row:nth-of-type(2n) {
        display: block;
        flex-direction: row; } }
  @media only screen and (max-width: 735px) {
    .device-offline__instructions--grid--row {
      display: block;
      flex-direction: row; } }

.device-offline__instructions--grid--item {
  flex: 0 0 50%;
  padding: 0rem 1rem 5rem 0rem; }
  @media only screen and (max-width: 735px) {
    .device-offline__instructions--grid--item {
      padding: 2rem;
      min-height: auto;
      flex-direction: row-reverse; } }
  .device-offline__instructions--grid--item--image {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 2.0rem;
    overflow: hidden; }
  .device-offline__instructions--grid--item--image-1 {
    display: flex;
    justify-content: center;
    background-color: #fafafa; }
    @media only screen and (max-width: 735px) {
      .device-offline__instructions--grid--item--image-1 {
        display: flex;
        justify-items: center; } }
    @media only screen and (min-width: 735px) {
      .device-offline__instructions--grid--item--image-1 {
        display: none; } }
  .device-offline__instructions--grid--item--video {
    display: flex;
    justify-items: center;
    background-color: #fafafa; }
    @media only screen and (max-width: 735px) {
      .device-offline__instructions--grid--item--video {
        display: none; } }
    @media only screen and (min-width: 735px) {
      .device-offline__instructions--grid--item--video {
        display: flex;
        justify-items: center; } }
  .device-offline__instructions--grid--item .do_img {
    display: flex;
    margin-bottom: 1.5rem; }
  .device-offline__instructions--grid--item .do_imgcol1 {
    flex: 20%; }
  .device-offline__instructions--grid--item .do_imgcol2 {
    flex: 80%; }
  .device-offline__instructions--grid--item .do_link_desc {
    padding-top: 2rem; }
  .device-offline__instructions--grid--item--text {
    text-align: left;
    padding-left: 4rem; }
    .device-offline__instructions--grid--item--text .btn-secondary {
      font-size: 1.4rem;
      color: #002330; }
      .device-offline__instructions--grid--item--text .btn-secondary::after {
        content: "\276F";
        margin-left: .8rem;
        text-indent: .1rem;
        vertical-align: text-bottom;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-weight: 100;
        height: 1.7rem;
        width: 1.7rem;
        background-color: #76Ceda;
        color: #002330;
        border-radius: 50%;
        display: inline-block;
        font-size: 1rem;
        line-height: 1.7;
        text-align: center;
        background-color: #002330;
        color: #fff; }
    .device-offline__instructions--grid--item--text ul {
      padding-left: 1.5rem; }
    .device-offline__instructions--grid--item--text ul li {
      list-style-type: disc;
      font-size: 2.5rem;
      line-height: normal; }
    .device-offline__instructions--grid--item--text li span {
      font-size: initial; }
    .device-offline__instructions--grid--item--text h3 {
      font-size: 2.4rem;
      padding-top: 4rem;
      padding-bottom: 1.5rem; }
      @media only screen and (max-width: 735px) {
        .device-offline__instructions--grid--item--text h3 {
          font-size: 2.4rem; } }
    .device-offline__instructions--grid--item--text h4 {
      font-size: 2.4rem;
      margin: 1rem 2.5rem;
      padding-top: 4rem;
      padding-bottom: 1.5rem; }
      @media only screen and (max-width: 735px) {
        .device-offline__instructions--grid--item--text h4 {
          font-size: 2.4rem; } }
    .device-offline__instructions--grid--item--text h2 {
      margin: 2.5rem 0;
      font-size: 4.8rem;
      padding-bottom: 1.5rem; }
      @media only screen and (max-width: 735px) {
        .device-offline__instructions--grid--item--text h2 {
          font-size: 2.8rem; } }
    .device-offline__instructions--grid--item--text h1 {
      margin: 1rem 2.5rem;
      font-size: 4rem; }
      @media only screen and (max-width: 735px) {
        .device-offline__instructions--grid--item--text h1 {
          font-size: 2.8rem; } }
    .device-offline__instructions--grid--item--text p a {
      border-bottom-width: 1px;
      border-bottom-style: solid; }