/* This file is exported and used to import the whole Volt system. IMPORTANT: use extensions to accomodate various build pipelines. */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Lato:300,400,700");
/* media query breakpoints */
/* create mixin for grid-row */
/* create mixin for column */
/* create tag declarations for grid */
/* build out columns and offsets */
/* return styles for build */
@import url("https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300");
.volt-comparison-table {
  border-color: #cbcbcb;
  border-style: solid;
  border-width: 0 1px 1px 0;
  font-size: .8rem;
  margin-bottom: 1rem; }
  .volt-comparison-table tbody {
    display: flex;
    flex-flow: column; }
    @media (min-width: 1200px) {
      .volt-comparison-table tbody {
        flex-flow: row nowrap; } }
    .volt-comparison-table tbody tr {
      display: flex;
      flex-flow: column;
      justify-content: space-between;
      align-items: center;
      align-self: stretch;
      flex: 1 1 auto; }
      @media (min-width: 1200px) {
        .volt-comparison-table tbody tr {
          flex: 1 1 auto; } }
      .volt-comparison-table tbody tr:nth-child(1) {
        display: none; }
        @media (min-width: 1200px) {
          .volt-comparison-table tbody tr:nth-child(1) {
            display: flex;
            flex: 1 1 auto; } }
        .volt-comparison-table tbody tr:nth-child(1) td {
          display: flex;
          flex-flow: row;
          align-items: center;
          justify-content: flex-start;
          text-align: left;
          font-weight: bold; }
      .volt-comparison-table tbody tr td {
        display: flex;
        flex-flow: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 100%;
        padding: 1rem;
        flex: 0 0 75px;
        box-sizing: border-box;
        align-self: stretch;
        border-style: solid;
        border-color: #cbcbcb;
        border-width: 1px 0 0 1px; }
        @media (min-width: 1200px) {
          .volt-comparison-table tbody tr td {
            justify-content: center; } }
        .volt-comparison-table tbody tr td:nth-child(even) {
          background: #f3f3f3; }
        .volt-comparison-table tbody tr td:nth-child(1) {
          justify-content: flex-start;
          text-align: left;
          flex: 0 0 100px;
          font-weight: bold;
          font-size: 1rem; }
          @media (min-width: 1200px) {
            .volt-comparison-table tbody tr td:nth-child(1) {
              font-weight: normal; } }
          .volt-comparison-table tbody tr td:nth-child(1) a {
            font-size: 1rem; }
            @media (min-width: 1200px) {
              .volt-comparison-table tbody tr td:nth-child(1) a {
                font-size: .9rem; } }
          @media (min-width: 1200px) {
            .volt-comparison-table tbody tr td:nth-child(1) {
              justify-content: center;
              text-align: center; } }

.volt-comparison-table__key {
  display: block; }
  @media (min-width: 1200px) {
    .volt-comparison-table__key {
      display: none; } }

.volt-comparison-table__icon {
  width: 20px;
  height: 20px; }

/* wrappers */
.volt-reveal-tile__wrapper {
  display: flex;
  flex-flow: row wrap;
  position: relative;
  box-sizing: border-box;
  padding: 4rem 2rem;
  margin-bottom: 1rem;
  background: #f3f3f3;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.1);
  font-size: .9rem;
  transition: all 1s; }
  @media (min-width: 640px) {
    .volt-reveal-tile__wrapper {
      padding: 2rem 3rem;
      margin-bottom: 1rem;
      background: #f3f3f3; }
      .volt-reveal-tile__wrapper:hover .volt-reveal-tile__button {
        background: white; }
      .volt-reveal-tile__wrapper:active {
        background: white; } }

.volt-reveal-tile__wrapper--open {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  padding: 4rem 2rem;
  font-size: .9rem;
  transition: all .5s;
  background: white;
  border: 1px solid #cbcbcb;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }
  .volt-reveal-tile__wrapper--open:hover {
    cursor: default;
    background: white; }
  @media (min-width: 640px) {
    .volt-reveal-tile__wrapper--open {
      padding: 2rem 3rem;
      flex-flow: row wrap; } }
  .volt-reveal-tile__wrapper--open .volt-reveal-tile__close {
    display: block; }
  .volt-reveal-tile__wrapper--open .volt-reveal-tile__headline {
    transition: border-bottom .5s, padding-bottom .5s; }

/* reveal */
.volt-reveal-tile__reveal {
  order: 3;
  flex: 1 1 auto;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: all .5s, margin-top .5s .5s; }
  .volt-reveal-tile__reveal p {
    line-height: 2rem; }
  .volt-reveal-tile__reveal p:nth-child(1) {
    margin-top: 1rem; }
  .volt-reveal-tile__reveal dl {
    margin: 1rem;
    font-size: .9rem; }
    .volt-reveal-tile__reveal dl dt {
      font-weight: bold; }
    .volt-reveal-tile__reveal dl dd {
      margin: .5rem 1rem 1.5rem 1rem; }
      .volt-reveal-tile__reveal dl dd em {
        color: #007cc3; }

.volt-reveal-tile__image {
  max-width: 100%;
  height: auto; }

.volt-reveal-tile__text {
  max-height: 400px;
  overflow: hidden;
  transition: max-height .5s; }

.volt-reveal-tile__button {
  display: inline-block;
  padding: .5rem;
  font-size: 1rem;
  background: #f3f3f3;
  border: 4px solid #007cc3;
  color: #007cc3;
  text-decoration: none;
  text-transform: uppercase;
  transition: background .5s; }
  .volt-reveal-tile__button:hover {
    text-decoration: none;
    background: white; }

.volt-reveal-tile__headline {
  padding-bottom: .5rem;
  font-weight: 100;
  border-bottom: 0 solid #f3f3f3;
  margin-top: .9rem;
  color: #555555;
  font-size: 1.5rem;
  line-height: 1.5rem; }
  .volt-reveal-tile__headline span {
    color: #007cc3; }
  @media (min-width: 640px) {
    .volt-reveal-tile__headline {
      margin-top: 0;
      font-size: 2.5rem;
      line-height: 2.5rem; } }

.volt-reveal-tile__close {
  display: none;
  position: absolute;
  top: 10px;
  right: 20px;
  width: 40px;
  height: 40px;
  font-size: 3rem;
  cursor: pointer; }

.volt-reveal-tile__close-button {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2MCA2MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjAgNjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojOTk5OTk5O30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI5LjcsNThDNDUuNCw1OCw1OCw0NS40LDU4LDI5LjdTNDUuNCwxLjQsMjkuNywxLjRTMS40LDE0LjEsMS40LDI5LjdTMTQuMSw1OCwyOS43LDU4IE0zOS45LDQzLjlMMjkuNywzMy43CglMMTkuNiw0My45bC00LTRsMTAuMi0xMC4yTDE1LjYsMTkuNmw0LTRsMTAuMiwxMC4ybDEwLjItMTAuMmw0LDRMMzMuNywyOS43bDEwLjIsMTAuMkwzOS45LDQzLjl6Ii8+Cjwvc3ZnPgo="); }

.volt-reveal-tile__left--col-1, .volt-reveal-tile__left--col-2, .volt-reveal-tile__left--col-3, .volt-reveal-tile__left--col-4, .volt-reveal-tile__left--col-5, .volt-reveal-tile__left--col-6, .volt-reveal-tile__left--col-7, .volt-reveal-tile__left--col-8, .volt-reveal-tile__left--col-9, .volt-reveal-tile__left--col-10, .volt-reveal-tile__left--col-11, .volt-reveal-tile__left--col-12 {
  width: 100%;
  box-sizing: border-box;
  display: inherit;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  order: 2; }
  @media (min-width: 640px) {
    .volt-reveal-tile__left--col-1, .volt-reveal-tile__left--col-2, .volt-reveal-tile__left--col-3, .volt-reveal-tile__left--col-4, .volt-reveal-tile__left--col-5, .volt-reveal-tile__left--col-6, .volt-reveal-tile__left--col-7, .volt-reveal-tile__left--col-8, .volt-reveal-tile__left--col-9, .volt-reveal-tile__left--col-10, .volt-reveal-tile__left--col-11, .volt-reveal-tile__left--col-12 {
      display: inherit;
      text-align: left;
      justify-content: center;
      order: 1; } }

.volt-reveal-tile__right--col-1, .volt-reveal-tile__right--col-2, .volt-reveal-tile__right--col-3, .volt-reveal-tile__right--col-4, .volt-reveal-tile__right--col-5, .volt-reveal-tile__right--col-6, .volt-reveal-tile__right--col-7, .volt-reveal-tile__right--col-8, .volt-reveal-tile__right--col-9, .volt-reveal-tile__right--col-10, .volt-reveal-tile__right--col-11, .volt-reveal-tile__right--col-12 {
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  order: 1; }
  .volt-reveal-tile__right--col-1 img, .volt-reveal-tile__right--col-2 img, .volt-reveal-tile__right--col-3 img, .volt-reveal-tile__right--col-4 img, .volt-reveal-tile__right--col-5 img, .volt-reveal-tile__right--col-6 img, .volt-reveal-tile__right--col-7 img, .volt-reveal-tile__right--col-8 img, .volt-reveal-tile__right--col-9 img, .volt-reveal-tile__right--col-10 img, .volt-reveal-tile__right--col-11 img, .volt-reveal-tile__right--col-12 img {
    display: inline-block !important;
    max-width: 90%;
    height: auto; }
  @media (min-width: 640px) {
    .volt-reveal-tile__right--col-1, .volt-reveal-tile__right--col-2, .volt-reveal-tile__right--col-3, .volt-reveal-tile__right--col-4, .volt-reveal-tile__right--col-5, .volt-reveal-tile__right--col-6, .volt-reveal-tile__right--col-7, .volt-reveal-tile__right--col-8, .volt-reveal-tile__right--col-9, .volt-reveal-tile__right--col-10, .volt-reveal-tile__right--col-11, .volt-reveal-tile__right--col-12 {
      order: 2; } }

/* layout columns */
@media (min-width: 640px) {
  .volt-reveal-tile__left--col-1 {
    width: 8.33333%; } }

@media (min-width: 640px) {
  .volt-reveal-tile__right--col-1 {
    width: 8.33333%; } }

@media (min-width: 640px) {
  .volt-reveal-tile__left--col-2 {
    width: 16.66667%; } }

@media (min-width: 640px) {
  .volt-reveal-tile__right--col-2 {
    width: 16.66667%; } }

@media (min-width: 640px) {
  .volt-reveal-tile__left--col-3 {
    width: 25%; } }

@media (min-width: 640px) {
  .volt-reveal-tile__right--col-3 {
    width: 25%; } }

@media (min-width: 640px) {
  .volt-reveal-tile__left--col-4 {
    width: 33.33333%; } }

@media (min-width: 640px) {
  .volt-reveal-tile__right--col-4 {
    width: 33.33333%; } }

@media (min-width: 640px) {
  .volt-reveal-tile__left--col-5 {
    width: 41.66667%; } }

@media (min-width: 640px) {
  .volt-reveal-tile__right--col-5 {
    width: 41.66667%; } }

@media (min-width: 640px) {
  .volt-reveal-tile__left--col-6 {
    width: 50%; } }

@media (min-width: 640px) {
  .volt-reveal-tile__right--col-6 {
    width: 50%; } }

@media (min-width: 640px) {
  .volt-reveal-tile__left--col-7 {
    width: 58.33333%; } }

@media (min-width: 640px) {
  .volt-reveal-tile__right--col-7 {
    width: 58.33333%; } }

@media (min-width: 640px) {
  .volt-reveal-tile__left--col-8 {
    width: 66.66667%; } }

@media (min-width: 640px) {
  .volt-reveal-tile__right--col-8 {
    width: 66.66667%; } }

@media (min-width: 640px) {
  .volt-reveal-tile__left--col-9 {
    width: 75%; } }

@media (min-width: 640px) {
  .volt-reveal-tile__right--col-9 {
    width: 75%; } }

@media (min-width: 640px) {
  .volt-reveal-tile__left--col-10 {
    width: 83.33333%; } }

@media (min-width: 640px) {
  .volt-reveal-tile__right--col-10 {
    width: 83.33333%; } }

@media (min-width: 640px) {
  .volt-reveal-tile__left--col-11 {
    width: 91.66667%; } }

@media (min-width: 640px) {
  .volt-reveal-tile__right--col-11 {
    width: 91.66667%; } }

@media (min-width: 640px) {
  .volt-reveal-tile__left--col-12 {
    width: 100%; } }

@media (min-width: 640px) {
  .volt-reveal-tile__right--col-12 {
    width: 100%; } }

.volt-gradient-tile__wrapper {
  display: flex;
  flex-flow: row wrap;
  position: relative;
  box-sizing: border-box;
  padding: 4rem 2rem;
  margin-bottom: 1rem;
  background: #f3f3f3;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.1);
  font-size: .9rem;
  transition: all 1s; }
  @media (min-width: 640px) {
    .volt-gradient-tile__wrapper {
      padding: 2rem 3rem;
      margin-bottom: 1rem;
      background: #f3f3f3; }
      .volt-gradient-tile__wrapper:hover .volt-gradient-tile__button {
        background: white; }
      .volt-gradient-tile__wrapper:active {
        background: white; } }

.volt-gradient-tile__image {
  max-width: 100%;
  height: auto; }

.volt-gradient-tile__text {
  color: white;
  max-height: 400px;
  overflow: hidden;
  transition: max-height .5s; }

.volt-gradient-tile__headline {
  padding-bottom: .5rem;
  font-weight: 100;
  border-bottom: 0 solid #f3f3f3;
  margin-top: .9rem;
  color: white;
  font-size: 1.5rem;
  line-height: 1.5rem; }
  .volt-gradient-tile__headline span {
    color: white; }
  @media (min-width: 640px) {
    .volt-gradient-tile__headline {
      margin-top: 0;
      font-size: 2.5rem;
      line-height: 2.5rem; } }

.volt-gradient-tile__left--col-1, .volt-gradient-tile__left--col-2, .volt-gradient-tile__left--col-3, .volt-gradient-tile__left--col-4, .volt-gradient-tile__left--col-5, .volt-gradient-tile__left--col-6, .volt-gradient-tile__left--col-7, .volt-gradient-tile__left--col-8, .volt-gradient-tile__left--col-9, .volt-gradient-tile__left--col-10, .volt-gradient-tile__left--col-11, .volt-gradient-tile__left--col-12 {
  width: 100%;
  box-sizing: border-box;
  display: inherit;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  order: 2; }
  @media (min-width: 640px) {
    .volt-gradient-tile__left--col-1, .volt-gradient-tile__left--col-2, .volt-gradient-tile__left--col-3, .volt-gradient-tile__left--col-4, .volt-gradient-tile__left--col-5, .volt-gradient-tile__left--col-6, .volt-gradient-tile__left--col-7, .volt-gradient-tile__left--col-8, .volt-gradient-tile__left--col-9, .volt-gradient-tile__left--col-10, .volt-gradient-tile__left--col-11, .volt-gradient-tile__left--col-12 {
      display: inherit;
      text-align: left;
      justify-content: center;
      order: 1; } }

.volt-gradient-tile__right--col-1, .volt-gradient-tile__right--col-2, .volt-gradient-tile__right--col-3, .volt-gradient-tile__right--col-4, .volt-gradient-tile__right--col-5, .volt-gradient-tile__right--col-6, .volt-gradient-tile__right--col-7, .volt-gradient-tile__right--col-8, .volt-gradient-tile__right--col-9, .volt-gradient-tile__right--col-10, .volt-gradient-tile__right--col-11, .volt-gradient-tile__right--col-12 {
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  order: 1; }
  .volt-gradient-tile__right--col-1 img, .volt-gradient-tile__right--col-2 img, .volt-gradient-tile__right--col-3 img, .volt-gradient-tile__right--col-4 img, .volt-gradient-tile__right--col-5 img, .volt-gradient-tile__right--col-6 img, .volt-gradient-tile__right--col-7 img, .volt-gradient-tile__right--col-8 img, .volt-gradient-tile__right--col-9 img, .volt-gradient-tile__right--col-10 img, .volt-gradient-tile__right--col-11 img, .volt-gradient-tile__right--col-12 img {
    display: inline-block !important;
    max-width: 90%;
    height: auto; }
  @media (min-width: 640px) {
    .volt-gradient-tile__right--col-1, .volt-gradient-tile__right--col-2, .volt-gradient-tile__right--col-3, .volt-gradient-tile__right--col-4, .volt-gradient-tile__right--col-5, .volt-gradient-tile__right--col-6, .volt-gradient-tile__right--col-7, .volt-gradient-tile__right--col-8, .volt-gradient-tile__right--col-9, .volt-gradient-tile__right--col-10, .volt-gradient-tile__right--col-11, .volt-gradient-tile__right--col-12 {
      order: 2; } }

/* layout columns */
@media (min-width: 640px) {
  .volt-gradient-tile__left--col-1 {
    width: 8.33333%; } }

@media (min-width: 640px) {
  .volt-gradient-tile__right--col-1 {
    width: 8.33333%; } }

@media (min-width: 640px) {
  .volt-gradient-tile__left--col-2 {
    width: 16.66667%; } }

@media (min-width: 640px) {
  .volt-gradient-tile__right--col-2 {
    width: 16.66667%; } }

@media (min-width: 640px) {
  .volt-gradient-tile__left--col-3 {
    width: 25%; } }

@media (min-width: 640px) {
  .volt-gradient-tile__right--col-3 {
    width: 25%; } }

@media (min-width: 640px) {
  .volt-gradient-tile__left--col-4 {
    width: 33.33333%; } }

@media (min-width: 640px) {
  .volt-gradient-tile__right--col-4 {
    width: 33.33333%; } }

@media (min-width: 640px) {
  .volt-gradient-tile__left--col-5 {
    width: 41.66667%; } }

@media (min-width: 640px) {
  .volt-gradient-tile__right--col-5 {
    width: 41.66667%; } }

@media (min-width: 640px) {
  .volt-gradient-tile__left--col-6 {
    width: 50%; } }

@media (min-width: 640px) {
  .volt-gradient-tile__right--col-6 {
    width: 50%; } }

@media (min-width: 640px) {
  .volt-gradient-tile__left--col-7 {
    width: 58.33333%; } }

@media (min-width: 640px) {
  .volt-gradient-tile__right--col-7 {
    width: 58.33333%; } }

@media (min-width: 640px) {
  .volt-gradient-tile__left--col-8 {
    width: 66.66667%; } }

@media (min-width: 640px) {
  .volt-gradient-tile__right--col-8 {
    width: 66.66667%; } }

@media (min-width: 640px) {
  .volt-gradient-tile__left--col-9 {
    width: 75%; } }

@media (min-width: 640px) {
  .volt-gradient-tile__right--col-9 {
    width: 75%; } }

@media (min-width: 640px) {
  .volt-gradient-tile__left--col-10 {
    width: 83.33333%; } }

@media (min-width: 640px) {
  .volt-gradient-tile__right--col-10 {
    width: 83.33333%; } }

@media (min-width: 640px) {
  .volt-gradient-tile__left--col-11 {
    width: 91.66667%; } }

@media (min-width: 640px) {
  .volt-gradient-tile__right--col-11 {
    width: 91.66667%; } }

@media (min-width: 640px) {
  .volt-gradient-tile__left--col-12 {
    width: 100%; } }

@media (min-width: 640px) {
  .volt-gradient-tile__right--col-12 {
    width: 100%; } }

.volt__hero {
  display: block;
  margin-bottom: 1rem;
  width: 100%; }

.volt__input-block, .volt__input-block--full, .volt__select-block, .volt__select-block--full {
  position: relative;
  margin: .5rem 0; }
  .volt__input-block input, .volt__input-block--full input, .volt__select-block input, .volt__select-block--full input {
    width: auto;
    font-size: 1rem;
    padding: 1.75rem 1.25rem 1rem 1.25rem; }
  .volt__input-block label, .volt__input-block--full label, .volt__select-block label, .volt__select-block--full label {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5;
    transition: all .25s;
    margin: 1.5rem 0 0 1.25rem;
    font-size: .9rem; }
  .volt__input-block select, .volt__input-block--full select, .volt__select-block select, .volt__select-block--full select {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='https://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    height: 4rem;
    margin: 0;
    padding: 0.5rem 1.25rem;
    appearance: none;
    border: 1px solid #ebeaeb;
    border-radius: 4px;
    background-color: white;
    font-size: .9rem;
    line-height: normal;
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

.volt__input-block--full input {
  width: 100%; }

.volt__select-block--full input {
  width: 100%; }

.volt__input--dirty + label {
  margin: .75rem 0 0 1.25rem;
  font-size: .6rem; }

.volt__input--invalid {
  border-left: 4px solid red; }

.volt__select--invalid {
  border-left: 4px solid red !important; }

body {
  font-family: "Lato", sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: 200;
  margin-bottom: .8rem;
  text-transform: uppercase; }

h1 {
  font-size: 3rem;
  line-height: 3rem; }
  @media (min-width: 1024px) {
    h1 {
      font-size: 4rem;
      line-height: 4rem; } }

h2 {
  font-size: 2rem;
  line-height: 2rem; }
  @media (min-width: 1024px) {
    h2 {
      font-size: 3rem;
      line-height: 3rem; } }

h3 {
  font-size: 1.5rem;
  line-height: 1.5rem; }
  @media (min-width: 1024px) {
    h3 {
      font-size: 2rem;
      line-height: 2rem; } }

h4 {
  font-size: 1rem;
  line-height: 1rem; }

h5 {
  font-size: .9rem;
  line-height: .9rem; }

h6 {
  font-size: .7rem;
  line-height: .7rem; }

body {
  color: #333333; }

a {
  color: #00b6de;
  text-decoration: none;
  transition: all .5s; }

hr {
  border: 0;
  height: 0;
  border-top: 1px solid #cbcbcb; }

p {
  line-height: 1.5rem;
  margin-top: 0;
  font-size: 1rem; }

.font-base {
  font-family: "Lato", sans-serif; }

.font-display {
  font-family: "Lato", sans-serif; }

ol, ul {
  margin: 0; }
  ol li, ul li {
    margin-bottom: .5rem; }
    ol li ul, ol li ol, ul li ul, ul li ol {
      margin-top: .5rem;
      padding-left: 1.25rem; }

dl dt {
  font-family: "Open Sans", sans-serif;
  font-weight: 100;
  font-size: 1.25rem; }

dl dd {
  margin: .5rem 0 1.5rem;
  line-height: 1.5rem; }

blockquote {
  font-style: italic;
  padding: 0 4rem;
  line-height: 1.5rem;
  position: relative; }
  blockquote:before {
    font-family: 'Georgia', serif;
    color: #dcdcdc;
    content: '\201C';
    font-size: 10rem;
    position: absolute;
    left: -2rem;
    top: 3rem; }
  blockquote:after {
    font-family: 'Georgia', serif;
    content: '\201D';
    color: #dcdcdc;
    font-size: 10rem;
    position: absolute;
    right: 1rem;
    bottom: -2rem; }
  blockquote cite {
    display: block;
    font-weight: bold;
    font-size: .8rem;
    margin: .5rem 0 0 .5rem; }
    blockquote cite:before {
      content: '-';
      margin-right: .5rem; }

.volt-grid__row {
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  margin: 0 auto 0 auto;
  max-width: 68rem; }

.sm-1 {
  display: flex;
  flex: 1;
  box-sizing: border-box;
  background: #fff;
  min-height: 100px;
  margin-bottom: 1rem;
  flex-basis: calc(8.33333% - 0.91667rem);
  max-width: calc(8.33333% - 0.91667rem); }

.sm-2 {
  display: flex;
  flex: 1;
  box-sizing: border-box;
  background: #fff;
  min-height: 100px;
  margin-bottom: 1rem;
  flex-basis: calc(16.66667% - 0.83333rem);
  max-width: calc(16.66667% - 0.83333rem); }

.sm-3 {
  display: flex;
  flex: 1;
  box-sizing: border-box;
  background: #fff;
  min-height: 100px;
  margin-bottom: 1rem;
  flex-basis: calc(25% - 0.75rem);
  max-width: calc(25% - 0.75rem); }

.sm-4 {
  display: flex;
  flex: 1;
  box-sizing: border-box;
  background: #fff;
  min-height: 100px;
  margin-bottom: 1rem;
  flex-basis: calc(33.33333% - 0.66667rem);
  max-width: calc(33.33333% - 0.66667rem); }

.sm-5 {
  display: flex;
  flex: 1;
  box-sizing: border-box;
  background: #fff;
  min-height: 100px;
  margin-bottom: 1rem;
  flex-basis: calc(41.66667% - 0.58333rem);
  max-width: calc(41.66667% - 0.58333rem); }

.sm-6 {
  display: flex;
  flex: 1;
  box-sizing: border-box;
  background: #fff;
  min-height: 100px;
  margin-bottom: 1rem;
  flex-basis: calc(50% - 0.5rem);
  max-width: calc(50% - 0.5rem); }

.sm-7 {
  display: flex;
  flex: 1;
  box-sizing: border-box;
  background: #fff;
  min-height: 100px;
  margin-bottom: 1rem;
  flex-basis: calc(58.33333% - 0.41667rem);
  max-width: calc(58.33333% - 0.41667rem); }

.sm-8 {
  display: flex;
  flex: 1;
  box-sizing: border-box;
  background: #fff;
  min-height: 100px;
  margin-bottom: 1rem;
  flex-basis: calc(66.66667% - 0.33333rem);
  max-width: calc(66.66667% - 0.33333rem); }

.sm-9 {
  display: flex;
  flex: 1;
  box-sizing: border-box;
  background: #fff;
  min-height: 100px;
  margin-bottom: 1rem;
  flex-basis: calc(75% - 0.25rem);
  max-width: calc(75% - 0.25rem); }

.sm-10 {
  display: flex;
  flex: 1;
  box-sizing: border-box;
  background: #fff;
  min-height: 100px;
  margin-bottom: 1rem;
  flex-basis: calc(83.33333% - 0.16667rem);
  max-width: calc(83.33333% - 0.16667rem); }

.sm-11 {
  display: flex;
  flex: 1;
  box-sizing: border-box;
  background: #fff;
  min-height: 100px;
  margin-bottom: 1rem;
  flex-basis: calc(91.66667% - 0.08333rem);
  max-width: calc(91.66667% - 0.08333rem); }

.sm-12 {
  display: flex;
  flex: 1;
  box-sizing: border-box;
  background: #fff;
  min-height: 100px;
  margin-bottom: 1rem;
  flex-basis: calc(100% - 0rem);
  max-width: calc(100% - 0rem); }

@media (min-width: 640px) {
  .md-1 {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    background: #fff;
    min-height: 100px;
    margin-bottom: 1rem;
    flex-basis: calc(8.33333% - 0.91667rem);
    max-width: calc(8.33333% - 0.91667rem); }
  .md-2 {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    background: #fff;
    min-height: 100px;
    margin-bottom: 1rem;
    flex-basis: calc(16.66667% - 0.83333rem);
    max-width: calc(16.66667% - 0.83333rem); }
  .md-3 {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    background: #fff;
    min-height: 100px;
    margin-bottom: 1rem;
    flex-basis: calc(25% - 0.75rem);
    max-width: calc(25% - 0.75rem); }
  .md-4 {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    background: #fff;
    min-height: 100px;
    margin-bottom: 1rem;
    flex-basis: calc(33.33333% - 0.66667rem);
    max-width: calc(33.33333% - 0.66667rem); }
  .md-5 {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    background: #fff;
    min-height: 100px;
    margin-bottom: 1rem;
    flex-basis: calc(41.66667% - 0.58333rem);
    max-width: calc(41.66667% - 0.58333rem); }
  .md-6 {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    background: #fff;
    min-height: 100px;
    margin-bottom: 1rem;
    flex-basis: calc(50% - 0.5rem);
    max-width: calc(50% - 0.5rem); }
  .md-7 {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    background: #fff;
    min-height: 100px;
    margin-bottom: 1rem;
    flex-basis: calc(58.33333% - 0.41667rem);
    max-width: calc(58.33333% - 0.41667rem); }
  .md-8 {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    background: #fff;
    min-height: 100px;
    margin-bottom: 1rem;
    flex-basis: calc(66.66667% - 0.33333rem);
    max-width: calc(66.66667% - 0.33333rem); }
  .md-9 {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    background: #fff;
    min-height: 100px;
    margin-bottom: 1rem;
    flex-basis: calc(75% - 0.25rem);
    max-width: calc(75% - 0.25rem); }
  .md-10 {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    background: #fff;
    min-height: 100px;
    margin-bottom: 1rem;
    flex-basis: calc(83.33333% - 0.16667rem);
    max-width: calc(83.33333% - 0.16667rem); }
  .md-11 {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    background: #fff;
    min-height: 100px;
    margin-bottom: 1rem;
    flex-basis: calc(91.66667% - 0.08333rem);
    max-width: calc(91.66667% - 0.08333rem); }
  .md-12 {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    background: #fff;
    min-height: 100px;
    margin-bottom: 1rem;
    flex-basis: calc(100% - 0rem);
    max-width: calc(100% - 0rem); } }

@media (min-width: 1200px) {
  .lg-1 {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    background: #fff;
    min-height: 100px;
    margin-bottom: 1rem;
    flex-basis: calc(8.33333% - 0.91667rem);
    max-width: calc(8.33333% - 0.91667rem); }
  .lg-2 {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    background: #fff;
    min-height: 100px;
    margin-bottom: 1rem;
    flex-basis: calc(16.66667% - 0.83333rem);
    max-width: calc(16.66667% - 0.83333rem); }
  .lg-3 {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    background: #fff;
    min-height: 100px;
    margin-bottom: 1rem;
    flex-basis: calc(25% - 0.75rem);
    max-width: calc(25% - 0.75rem); }
  .lg-4 {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    background: #fff;
    min-height: 100px;
    margin-bottom: 1rem;
    flex-basis: calc(33.33333% - 0.66667rem);
    max-width: calc(33.33333% - 0.66667rem); }
  .lg-5 {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    background: #fff;
    min-height: 100px;
    margin-bottom: 1rem;
    flex-basis: calc(41.66667% - 0.58333rem);
    max-width: calc(41.66667% - 0.58333rem); }
  .lg-6 {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    background: #fff;
    min-height: 100px;
    margin-bottom: 1rem;
    flex-basis: calc(50% - 0.5rem);
    max-width: calc(50% - 0.5rem); }
  .lg-7 {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    background: #fff;
    min-height: 100px;
    margin-bottom: 1rem;
    flex-basis: calc(58.33333% - 0.41667rem);
    max-width: calc(58.33333% - 0.41667rem); }
  .lg-8 {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    background: #fff;
    min-height: 100px;
    margin-bottom: 1rem;
    flex-basis: calc(66.66667% - 0.33333rem);
    max-width: calc(66.66667% - 0.33333rem); }
  .lg-9 {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    background: #fff;
    min-height: 100px;
    margin-bottom: 1rem;
    flex-basis: calc(75% - 0.25rem);
    max-width: calc(75% - 0.25rem); }
  .lg-10 {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    background: #fff;
    min-height: 100px;
    margin-bottom: 1rem;
    flex-basis: calc(83.33333% - 0.16667rem);
    max-width: calc(83.33333% - 0.16667rem); }
  .lg-11 {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    background: #fff;
    min-height: 100px;
    margin-bottom: 1rem;
    flex-basis: calc(91.66667% - 0.08333rem);
    max-width: calc(91.66667% - 0.08333rem); }
  .lg-12 {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    background: #fff;
    min-height: 100px;
    margin-bottom: 1rem;
    flex-basis: calc(100% - 0rem);
    max-width: calc(100% - 0rem); } }

.activate, .coupon, .eligibility, .products {
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  margin: 0 auto 0 auto;
  max-width: 68rem;
  box-sizing: border-box;
  padding: 0 1.5rem 1.5rem;
  width: 90%;
  margin-bottom: 2rem; }
  @media (min-width: 1200px) {
    .activate, .coupon, .eligibility, .products {
      padding: 0 1.5rem 1.5rem;
      width: 55%; } }

.activate__wrapper, .eligibility__wrapper, .products__wrapper {
  flex: 1;
  width: 100%;
  margin: 0 auto 0 auto; }
  @media (min-width: 1200px) {
    .activate__wrapper, .eligibility__wrapper, .products__wrapper {
      width: 60%;
      padding: .25rem 0; } }

.activate__button-row, .eligibility__button-row {
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  margin: 0 auto 0 auto;
  max-width: 68rem;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.activate__header, .coupon__header, .eligibility__header, .products__header {
  font-size: 2.5rem;
  line-height: 2.5rem;
  font-weight: 100;
  margin: 0 0 2rem 0; }
  @media (min-width: 1024px) {
    .activate__header, .coupon__header, .eligibility__header, .products__header {
      font-size: 3.5rem;
      line-height: 3.5rem;
      margin: 1rem 0 3rem 0; } }

.activate__button, .coupon__button, .eligibility__button {
  padding: 1.5rem 2rem;
  color: white;
  background-color: #007cc3;
  border: none;
  border-radius: 4px;
  font-size: .9rem;
  cursor: pointer;
  min-width: 200px;
  transition: background .5s;
  margin: 1rem .25rem 0 .25rem;
  width: 100%;
  order: 1; }
  .activate__button:hover, .coupon__button:hover, .eligibility__button:hover {
    background: #005c90; }
  @media (min-width: 640px) {
    .activate__button, .coupon__button, .eligibility__button {
      width: auto; } }

.activate__back-button, .coupon__back-button, .eligibility__back-button {
  padding: 1.5rem 2rem;
  color: white;
  background-color: #cbcbcb;
  border: none;
  border-radius: 4px;
  font-size: .9rem;
  cursor: pointer;
  min-width: 200px;
  transition: background .5s;
  margin: 1rem .25rem 0 .25rem;
  text-transform: uppercase;
  width: 100%;
  order: 2; }
  .activate__back-button:hover, .coupon__back-button:hover, .eligibility__back-button:hover {
    background: #b2b2b2; }
  @media (min-width: 640px) {
    .activate__back-button, .coupon__back-button, .eligibility__back-button {
      width: auto; } }

@media (min-width: 1200px) {
  .activate {
    width: 78%; } }

.activate label {
  color: #333333;
  font-size: .8rem; }

.activate__button {
  background-color: #007cc3; }
  .activate__button:hover {
    background: #005c90; }

.activate__header-row {
  text-align: center; }

.activate__button-row {
  margin-top: 3rem; }
  @media (min-width: 640px) {
    .activate__button-row {
      width: fit-content; } }

.activate__intro {
  margin-bottom: 0; }
  @media (min-width: 1024px) {
    .activate__intro {
      margin-bottom: 2rem; } }

.activate__intro-subtitle {
  display: flex;
  justify-content: center;
  margin-bottom: 0; }
  @media (min-width: 1024px) {
    .activate__intro-subtitle {
      margin-bottom: 2rem; } }

.activate__subtitle-check {
  margin-right: 1rem; }

.activate__errors {
  padding: 1rem;
  border-left: 8px solid #cc0000;
  background: white;
  margin-bottom: 2rem; }

.activate__product-row {
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  margin: 0 auto 0 auto;
  max-width: 68rem;
  margin: 0;
  box-sizing: border-box;
  flex-flow: row wrap;
  min-height: 700px; }
  .activate__product-row .product__wrapper .product__button {
    background-color: #C6C6C6; }
    .activate__product-row .product__wrapper .product__button:hover {
      background-color: #adadad; }

.activate__other-rebates-link {
  margin-top: 2rem;
  text-align: center;
  text-decoration: underline; }

body {
  background: #F7F7F7;
  margin: 0;
  padding: 0;
  color: #3d4247 !important; }

a {
  color: #007cc3 !important; }

h1 {
  color: #3d4247;
  font-size: 3rem !important;
  line-height: 3rem !important;
  margin-bottom: 1.5rem !important;
  text-transform: none !important; }
  @media (min-width: 640px) {
    h1 {
      font-size: 4.5rem !important;
      line-height: 4.25rem !important;
      margin-bottom: 1.5rem !important; } }

.app__header {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  background: white; }

.app__progress-wrapper {
  position: relative; }

.app__progress {
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  height: 70px;
  display: flex;
  flex-flow: row; }

.app__progress-id {
  display: none; }
  @media (min-width: 1024px) {
    .app__progress-id {
      display: block; } }

.app__progress-item {
  position: relative;
  width: 25%;
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.5);
  font-family: "Open Sans", sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  box-sizing: border-box;
  padding: 0 2rem;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  transition: color .25s .3s; }
  @media (min-width: 1024px) {
    .app__progress-item {
      justify-content: flex-start; } }
  .app__progress-item span {
    display: flex;
    flex-flow: row;
    border: none;
    border-radius: 40px;
    width: 36px;
    height: 36px;
    margin-right: .5rem;
    justify-content: center;
    align-items: center;
    transition: border width height .25s .3s; }
    @media (min-width: 640px) {
      .app__progress-item span {
        border: 1px solid rgba(255, 255, 255, 0.9); } }

.app__progress-item--active {
  color: white !important;
  border-right: none; }
  .app__progress-item--active span {
    width: 30px;
    height: 30px;
    border: none; }
    @media (min-width: 640px) {
      .app__progress-item--active span {
        border: 1px solid rgba(255, 255, 255, 0.9); } }

.app__progress-item--touched {
  border-right: none;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  color: white; }
  .app__progress-item--touched span {
    color: rgba(255, 255, 255, 0.8); }

.app__progress-item--active.app__progress-item--touched {
  border-left: none; }

.app__progress-item--base {
  width: 25%;
  height: 70px;
  position: absolute;
  top: 0;
  left: 0;
  transition: transform .5s; }

.app__progress-nav--base {
  background: #007cc3;
  height: 70px;
  position: absolute;
  top: 0;
  left: 0;
  transition: transform .5s; }

.app__progress-item--product {
  background: #006caa; }

.app__progress-item--eligibility {
  background: #006caa;
  transform: translateX(100%); }

.app__progress-item--activate {
  background: #006caa;
  transform: translateX(200%); }

.app__progress-item--use {
  background: #006caa;
  transform: translateX(300%); }

.app__progress-nav--product {
  width: 0; }

.app__progress-nav--eligibility {
  width: 25%; }

.app__progress-nav--activate {
  width: 50%; }

.app__progress-nav--use {
  width: 100%; }

.app__return {
  width: 100%;
  min-height: 50px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center; }
  @media (min-width: 640px) {
    .app__return {
      justify-content: flex-start; } }
  .app__return a {
    cursor: pointer;
    width: 80%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding-left: 1rem;
    font-size: .9rem; }
    @media (min-width: 640px) {
      .app__return a {
        justify-content: flex-start;
        width: 20%; } }

.app__powered-by {
  width: 100%;
  text-align: center;
  margin: 0rem 0 1rem 0; }
  .app__powered-by img {
    width: 150px;
    opacity: .6; }

.app__legalese {
  width: 100%;
  text-align: center;
  margin: 1rem 0 1rem 0;
  font-size: .8rem; }
  .app__legalese div {
    display: inline-block; }
    .app__legalese div:first-child {
      margin-right: .5rem; }
    .app__legalese div:first-child:after {
      content: '|';
      color: #cbcbcb;
      margin-left: .5rem; }

.app__error {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  justify-content: flex-start;
  height: 0;
  overflow: hidden;
  display: block;
  color: white;
  box-sizing: border-box;
  transition: margin .15s; }
  .app__error span {
    display: none; }
    @media (min-width: 640px) {
      .app__error span {
        box-sizing: border-box;
        display: flex;
        flex-flow: row;
        align-items: center;
        justify-content: center;
        color: white;
        width: 24px;
        height: 24px;
        border-radius: 0;
        margin-right: .5rem;
        background: #cc0000;
        width: 24px;
        height: 24px;
        border-radius: 24px; } }

.app__error--show {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  overflow: wrap;
  height: auto;
  color: #555555;
  margin: .5rem 0 0 0;
  box-sizing: border-box;
  border-left: 4px solid #cc0000;
  padding-left: .5rem; }
  @media (min-width: 640px) {
    .app__error--show {
      border-left: none;
      height: 30px; } }
  .app__error--show span {
    width: 24px;
    height: 24px; }

input[type=checkbox] {
  display: none; }
  input[type=checkbox]:checked + label span {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KCS5zdDF7ZmlsbDojNDQ0NDQ0O30KPC9zdHlsZT4KPHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIi8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0wLDB2NTBoNTBWMEgweiBNNDUsNDVINVY1aDQwVjQ1eiIvPgo8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjIyLDMwLjggMTUuNSwyNC4zIDEzLjMsMjYuNiAyMi4xLDM1LjQgMzguMiwxOS4zIDM1LjgsMTcgIi8+Cjwvc3ZnPgo=) 0 4px no-repeat; }
  input[type=checkbox] + label span {
    display: inline-block;
    width: 30px;
    height: 40px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KCS5zdDF7ZmlsbDojNDQ0NDQ0O30KPC9zdHlsZT4KPHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIi8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0wLDB2NTBoNTBWMEgweiBNNDUsNDVINVY1aDQwVjQ1eiIvPgo8L3N2Zz4K) 0 4px no-repeat;
    cursor: pointer; }

input {
  -webkit-appearance: none;
  border: 1px solid #eeeeee !important;
  box-sizing: border-box;
  border-radius: 0; }
  input:focus + label {
    margin: .75rem 0 0 1.25rem;
    font-size: .6rem; }
    input:focus + label span {
      font-size: .6rem; }

select {
  width: 100%;
  border-radius: 0 !important;
  border: 1px solid #eeeeee !important;
  -webkit-appearance: none;
  -webkit-border-radius: 0px; }

input[type=radio] {
  display: none; }
  input[type=radio]:checked + label span {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNDQ0NDQ0O30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMjUiIGN5PSIyNSIgcj0iMjUiLz4KPGNpcmNsZSBjbGFzcz0ic3QxIiBjeD0iMjUiIGN5PSIyNSIgcj0iMTguOCIvPgo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyNSIgY3k9IjI1IiByPSIxMy40Ii8+Cjwvc3ZnPgo=) 0 0 no-repeat; }
  input[type=radio] + label span {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: -1px .5rem 0 0;
    vertical-align: middle;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNDQ0NDQ0O30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMjUiIGN5PSIyNSIgcj0iMjUiLz4KPGNpcmNsZSBjbGFzcz0ic3QxIiBjeD0iMjUiIGN5PSIyNSIgcj0iMTguOCIvPgo8L3N2Zz4K) 0 0 no-repeat;
    cursor: pointer; }

.app__utility-logo {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  height: inherit;
  padding: 0 2rem;
  box-sizing: border-box;
  width: 100%; }
  .app__utility-logo img {
    width: 100%;
    max-width: 550px;
    max-height: 80px; }
  @media (min-width: 1024px) {
    .app__utility-logo {
      width: 40%;
      padding: 0.5rem 1rem; } }
  @media (min-width: 1200px) {
    .app__utility-logo {
      justify-content: flex-start; } }

.error-status__wrapper, .home__wrapper {
  width: 100%;
  box-sizing: border-box;
  padding: 2rem;
  text-align: center; }

.error-status__logo, .home__logo {
  width: 100%;
  max-width: 800px;
  max-height: 100px; }

.error-status__ack {
  font-size: 1rem;
  font-weight: 100;
  margin: 1rem; }

.error-status__ack-intro {
  font-size: 2rem;
  font-weight: 100;
  margin: 2rem 0; }

.integrator__row {
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  margin: 0 auto 0 auto;
  max-width: 68rem;
  justify-content: center;
  font-size: .75rem; }
  @media (min-width: 1024px) {
    .integrator__row {
      font-size: 1rem; } }

.integrator__wrapper {
  display: flex;
  flex-flow: column;
  box-sizing: border-box;
  margin: 1rem 0 1rem 0;
  padding: 1rem 1rem;
  background: white;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  border-radius: 4px;
  padding-left: 1rem;
  align-items: center;
  width: 100%;
  justify-content: space-around; }
  @media (min-width: 1024px) {
    .integrator__wrapper {
      flex-flow: row;
      width: 60%; } }

.integrator__header {
  font-size: 1.5rem;
  font-weight: 100;
  margin: 1rem; }

.integrator__title {
  color: #3D4247;
  text-transform: uppercase;
  text-align: center; }

.integrator__img {
  width: 30%; }

.integrator__right {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  padding: .25rem 0; }
  @media (min-width: 1024px) {
    .integrator__right {
      padding: 0 2rem;
      width: 70%; } }

.integrator__collections-callout {
  border-bottom: 1px solid #cbcbcb; }

.integrator__cta {
  color: white !important;
  background-color: #007cc3;
  border: none;
  border-radius: 4px;
  font-family: "Lato", sans-serif;
  font-size: .9rem;
  cursor: pointer;
  transition: background .5s;
  text-transform: uppercase;
  margin-top: 1rem;
  text-align: center;
  font-size: .75rem;
  padding: .75rem .75rem; }
  .integrator__cta:hover {
    background: #005c90; }
  @media (min-width: 1024px) {
    .integrator__cta {
      font-size: 1rem; } }

.coupon {
  flex-flow: column;
  padding: 0 .5rem .5rem; }
  .coupon label {
    color: #333333;
    font-size: .8rem; }

.coupon__row {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-top: 2rem; }

.coupon__row--center {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-top: 2rem; }

.coupon__wrapper {
  display: flex;
  flex: 1 1 100%;
  align-items: stretch;
  width: 100%;
  padding-right: 0;
  box-sizing: border-box; }
  @media (min-width: 1024px) {
    .coupon__wrapper {
      flex: 1 1 45%;
      max-width: 49%;
      padding-right: 1rem; } }

.coupon__online {
  display: flex;
  flex-flow: row;
  align-items: stretch;
  flex: 1 1 100%;
  padding-left: 0;
  box-sizing: border-box; }
  @media (min-width: 1024px) {
    .coupon__online {
      padding-left: 1rem;
      flex: 1 1 45%; } }

.coupon__barcode {
  flex: 0 0 auto; }

.coupon__header {
  margin-bottom: 1rem; }

.coupon__header-row {
  text-align: center; }

.coupon__product-name {
  width: 100%;
  text-align: center;
  font-size: 1.25rem;
  margin: .5rem 1rem 0 1rem; }

.coupon__details {
  width: 90%;
  margin: 0rem auto 1rem auto; }

.coupon__details-item {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-size: .9rem;
  margin: 0 0 2rem 0; }

.coupon__expiration {
  font-size: .8rem;
  margin: .25rem 0; }

.coupon__barcode {
  width: 100%; }
  .coupon__barcode img {
    width: 100%;
    height: auto; }

.coupon__type-intro {
  font-size: 1.5rem;
  font-weight: 100;
  text-transform: uppercase;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 1rem;
  margin-bottom: 1rem; }

.coupon__code {
  background: #f7f7f7;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  height: 100px;
  border-radius: 8px;
  text-align: center;
  margin-bottom: 30px; }
  @media (min-width: 640px) {
    .coupon__code {
      font-size: 1.5rem; } }

.coupon__code--copy {
  cursor: pointer;
  width: 100%;
  padding: 0 3rem;
  display: flex; }
  .coupon__code--copy input {
    font-size: 1.5rem;
    font-weight: 100;
    background: transparent;
    border: none !important;
    text-align: center;
    flex: 3; }
  .coupon__code--copy img {
    flex: 1;
    width: 1rem; }

.coupon__button {
  background-color: #007cc3;
  color: #FFFFFF !important;
  min-width: 176px;
  text-align: center; }
  .coupon__button:hover {
    background: #005c90; }

.coupon__details-price {
  font-size: 3rem;
  color: #007cc3;
  font-weight: 100 !important; }

.coupon__tile {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  margin: .5rem 0 .5rem 0;
  background: white;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  padding: 1rem 1rem;
  border-radius: 4px; }
  @media (min-width: 1024px) {
    .coupon__tile {
      margin: 1rem 0 1rem 0;
      padding: 1rem 2rem; } }

.coupon__expiration {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-size: .8rem; }

.coupon__assistance {
  padding: 0 2rem; }

.coupon__legalese {
  padding: 1rem 2rem; }

.coupon__issuer-confirmation {
  width: 100%;
  text-align: center; }

.coupon__button-row {
  width: 100%;
  text-align: center; }

.coupon__instructions {
  font-size: .9rem;
  margin-bottom: 1rem; }

.coupon__tooltip {
  display: inline; }
  .coupon__tooltip span {
    z-index: 10;
    display: none;
    margin-top: 0.1rem;
    margin-left: -3rem;
    width: 90px;
    font-size: 0.5rem;
    padding: 0.2rem 0;
    background: rgba(1, 1, 1, 0.7);
    color: white;
    border-radius: 0.4rem; }

.coupon__tooltip:hover span {
  display: inline;
  position: absolute;
  border: 2px solid #FFF; }

.coupon__tooltip span:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(1, 1, 1, 0.7);
  font-size: 0;
  line-height: 0;
  top: -5px;
  right: 40px; }

.coupon__other-rebates-link {
  margin-top: 2rem;
  text-align: center;
  text-decoration: underline; }

.eligibility__first-name {
  width: 100%; }

.eligibility__last-name {
  width: 100%; }

.eligibility__state, .eligibility__address-1 {
  width: 64%;
  box-sizing: border-box;
  display: inline-block; }

.eligibility__zip, .eligibility__address-2 {
  width: 35%;
  box-sizing: border-box;
  display: inline-block;
  float: right; }

.eligibility__header-row {
  text-align: center; }

.eligibility__city {
  width: 100%; }

.eligibility__email {
  width: 100%; }

.eligibility__phone-number {
  width: 100%; }

.eligibility__text {
  padding-top: 1rem; }

hr {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 2rem; }

.eligibility__button-row {
  margin-top: 0;
  width: auto; }
  @media (min-width: 640px) {
    .eligibility__button-row {
      width: fit-content; } }

.eligibility__errors {
  padding: 1rem;
  border-left: 8px solid #cc0000;
  background: white;
  margin-bottom: 2rem; }

.eligibility__button {
  background-color: #007cc3; }
  .eligibility__button:hover {
    background: #005c90; }
  .eligibility__button img {
    display: none; }

.eligibility__in-request {
  position: relative;
  padding-right: 50px;
  transition: padding .10s linear; }

.eligibility__in-request::before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline;
  position: absolute;
  top: 35%;
  right: 10px;
  -webkit-animation: rotation .5s ease-in-out infinite;
  -moz-animation: rotation .5s ease-in-out infinite;
  animation: rotation .5s ease-in-out infinite;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjUgMjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI1IDI1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6dXJsKCNTVkdJRF8xXyk7fS5zdDF7b3BhY2l0eTowO30uc3Qye2ZpbGw6dXJsKCNTVkdJRF8yXyk7fTwvc3R5bGU+PGc+PGc+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwIiB5MT0iMTIuNSIgeDI9IjI1IiB5Mj0iMTIuNSI+PHN0b3AgIG9mZnNldD0iMC40NTMyIiBzdHlsZT0ic3RvcC1jb2xvcjojRkZGRkZGIi8+PHN0b3AgIG9mZnNldD0iMC41ODE5IiBzdHlsZT0ic3RvcC1jb2xvcjojRkRGREZEO3N0b3Atb3BhY2l0eTowLjc2NDciLz48c3RvcCAgb2Zmc2V0PSIwLjY1NjYiIHN0eWxlPSJzdG9wLWNvbG9yOiNGNEY0RjQ7c3RvcC1vcGFjaXR5OjAuNjI4Ii8+PHN0b3AgIG9mZnNldD0iMC43MTc1IiBzdHlsZT0ic3RvcC1jb2xvcjojRTZFNkU2O3N0b3Atb3BhY2l0eTowLjUxNjYiLz48c3RvcCAgb2Zmc2V0PSIwLjc3MSIgc3R5bGU9InN0b3AtY29sb3I6I0QyRDJEMjtzdG9wLW9wYWNpdHk6MC40MTg4Ii8+PHN0b3AgIG9mZnNldD0iMC44MTk2IiBzdHlsZT0ic3RvcC1jb2xvcjojQjhCOEI4O3N0b3Atb3BhY2l0eTowLjMyOTkiLz48c3RvcCAgb2Zmc2V0PSIwLjg2NDciIHN0eWxlPSJzdG9wLWNvbG9yOiM5ODk4OTg7c3RvcC1vcGFjaXR5OjAuMjQ3NCIvPjxzdG9wICBvZmZzZXQ9IjAuOTA3MSIgc3R5bGU9InN0b3AtY29sb3I6IzczNzM3MztzdG9wLW9wYWNpdHk6MC4xNjk4Ii8+PHN0b3AgIG9mZnNldD0iMC45NDc0IiBzdHlsZT0ic3RvcC1jb2xvcjojNDc0NzQ3O3N0b3Atb3BhY2l0eTo5LjYyMDc0NGUtMDIiLz48c3RvcCAgb2Zmc2V0PSIwLjk4NDYiIHN0eWxlPSJzdG9wLWNvbG9yOiMxNjE2MTY7c3RvcC1vcGFjaXR5OjIuODE5MjY0ZS0wMiIvPjxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMDAwMDA7c3RvcC1vcGFjaXR5OjAiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMi41LDBDNS42LDAsMCw1LjYsMCwxMi41UzUuNiwyNSwxMi41LDI1UzI1LDE5LjQsMjUsMTIuNVMxOS40LDAsMTIuNSwweiBNMTIuNSwyMUM3LjgsMjEsNCwxNy4yLDQsMTIuNUM0LDcuOCw3LjgsNCwxMi41LDRTMjEsNy44LDIxLDEyLjVDMjEsMTcuMiwxNy4yLDIxLDEyLjUsMjF6Ii8+PC9nPjxnIGNsYXNzPSJzdDEiPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNCIgeTE9IjEyLjUiIHgyPSIyMSIgeTI9IjEyLjUiPjxzdG9wICBvZmZzZXQ9IjAuNDUzMiIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRkZGRiIvPjxzdG9wICBvZmZzZXQ9IjAuNTgxOSIgc3R5bGU9InN0b3AtY29sb3I6I0ZERkRGRDtzdG9wLW9wYWNpdHk6MC43NjQ3Ii8+PHN0b3AgIG9mZnNldD0iMC42NTY2IiBzdHlsZT0ic3RvcC1jb2xvcjojRjRGNEY0O3N0b3Atb3BhY2l0eTowLjYyOCIvPjxzdG9wICBvZmZzZXQ9IjAuNzE3NSIgc3R5bGU9InN0b3AtY29sb3I6I0U2RTZFNjtzdG9wLW9wYWNpdHk6MC41MTY2Ii8+PHN0b3AgIG9mZnNldD0iMC43NzEiIHN0eWxlPSJzdG9wLWNvbG9yOiNEMkQyRDI7c3RvcC1vcGFjaXR5OjAuNDE4OCIvPjxzdG9wICBvZmZzZXQ9IjAuODE5NiIgc3R5bGU9InN0b3AtY29sb3I6I0I4QjhCODtzdG9wLW9wYWNpdHk6MC4zMjk5Ii8+PHN0b3AgIG9mZnNldD0iMC44NjQ3IiBzdHlsZT0ic3RvcC1jb2xvcjojOTg5ODk4O3N0b3Atb3BhY2l0eTowLjI0NzQiLz48c3RvcCAgb2Zmc2V0PSIwLjkwNzEiIHN0eWxlPSJzdG9wLWNvbG9yOiM3MzczNzM7c3RvcC1vcGFjaXR5OjAuMTY5OCIvPjxzdG9wICBvZmZzZXQ9IjAuOTQ3NCIgc3R5bGU9InN0b3AtY29sb3I6IzQ3NDc0NztzdG9wLW9wYWNpdHk6OS42MjA3NDRlLTAyIi8+PHN0b3AgIG9mZnNldD0iMC45ODQ2IiBzdHlsZT0ic3RvcC1jb2xvcjojMTYxNjE2O3N0b3Atb3BhY2l0eToyLjgxOTI2NGUtMDIiLz48c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojMDAwMDAwO3N0b3Atb3BhY2l0eTowIi8+PC9saW5lYXJHcmFkaWVudD48Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSIxMi41IiBjeT0iMTIuNSIgcj0iOC41Ii8+PC9nPjwvZz48L3N2Zz4=); }

@-webkit-keyframes rotation {
  from {
    -ms-transition: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  to {
    -ms-transition: rotate(359deg);
    -webkit-transform: rotate(359deg); } }

.eligibility__tac {
  width: 80%;
  margin: 2rem auto 2rem auto; }
  .eligibility__tac ol {
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    margin: 2rem 0;
    padding: 2rem 0; }
    .eligibility__tac ol li {
      font-size: .9rem;
      margin-left: 0rem; }
      @media (min-width: 640px) {
        .eligibility__tac ol li {
          margin-left: 2rem; } }

.eligibility__tac-textarea {
  width: 100%;
  height: 200px;
  box-sizing: border-box;
  padding: 1rem; }

.eligibility__tac-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center; }

.eligibility__tac-checkbox {
  margin-right: 1rem; }

.eligibility__tac-textarea {
  height: 0;
  opacity: 0;
  transition: all .5s; }

.eligibility__tac-textarea--show {
  margin: 2rem 0;
  height: 200px;
  opacity: 1; }

.eligibility__account {
  margin-bottom: 3rem; }

#eligibility_status {
  display: none; }

.eligibility__tac-intro {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 100;
  margin-bottom: 1rem; }

.eligibility__tooltip-account_number {
  margin-left: 2px; }
  @media (min-width: 640px) {
    .eligibility__tooltip-account_number {
      margin-left: 31px; } }
  .eligibility__tooltip-account_number a {
    margin-left: 5px;
    cursor: pointer;
    text-decoration: underline;
    color: #3d4247 !important; }

.products {
  width: 100%;
  max-width: 68rem; }

.products__wrapper {
  width: 100%; }

.products__row, .products__product-row, .products__search-row {
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  margin: 0 auto 0 auto;
  max-width: 68rem;
  margin: 0;
  box-sizing: border-box;
  flex-flow: row wrap; }

.products__product-row {
  min-height: 700px; }

.products__product-row--filtered {
  justify-content: center !important; }

.products__show-all {
  font-size: .8rem;
  margin: 1rem 0 1rem 0; }

.products__filter-row {
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  margin: 0 auto 0 auto;
  max-width: 68rem;
  width: 100%;
  display: none; }
  @media (min-width: 1200px) {
    .products__filter-row {
      flex-flow: row nowrap;
      justify-content: center;
      align-items: center;
      display: flex;
      margin-bottom: 2rem; } }

.products__search-row {
  display: block;
  text-align: center; }
  .products__search-row select {
    width: 50% !important; }
  @media (min-width: 1200px) {
    .products__search-row {
      display: none; } }

.products__info {
  text-align: center;
  width: 100%; }

.products__toggle {
  margin-bottom: 1rem;
  cursor: pointer;
  text-align: center;
  width: 100%; }

.product__filler {
  width: 100%; }
  @media (min-width: 640px) {
    .product__filler {
      width: 44%; } }
  @media (min-width: 1024px) {
    .product__filler {
      width: 30%; } }

.products__header-row {
  text-align: center; }

.products__header {
  margin-bottom: 2rem; }

.products__filter-by {
  margin-right: .5rem;
  font-size: .9rem;
  text-transform: uppercase;
  color: #999;
  display: none; }
  @media (min-width: 1200px) {
    .products__filter-by {
      display: inline-block; } }

.products__filter, .products__filter--active, .products__filter--active-asc {
  background: #cbcbcb;
  padding: 0.5rem calc(1rem + 12px) 0.5rem 1rem;
  color: white !important;
  font-size: .8rem;
  cursor: pointer;
  border-radius: 2px;
  margin: .25rem; }
  .products__filter span:before, .products__filter--active span:before, .products__filter--active-asc span:before {
    display: inline-block;
    visibility: hidden;
    margin-right: 4px;
    margin-bottom: 2px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: white transparent transparent transparent; }

.products__filter--active {
  background: #007cc3; }
  .products__filter--active span:before {
    visibility: visible; }

.products__filter--active-asc {
  background: #007cc3; }
  .products__filter--active-asc span:before {
    visibility: visible;
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent white transparent; }

.products__status {
  font-size: 1.5rem;
  font-weight: 100;
  margin: 2rem 0 3rem 0;
  text-align: center; }
  .products__status p {
    margin-top: 1rem; }

.products__button {
  padding: 1.5rem 2rem;
  color: white;
  background-color: #007cc3;
  border: none;
  border-radius: 4px;
  font-size: .9rem;
  cursor: pointer;
  min-width: 200px;
  transition: background .5s;
  margin: 1rem .25rem 0 .25rem;
  text-transform: uppercase;
  display: inline-block;
  color: white !important;
  text-decoration: none; }
  .products__button:hover {
    background: #005c90; }

.products__disclaimer-row {
  padding: 1rem 0; }
  @media (min-width: 640px) {
    .products__disclaimer-row {
      padding: 1rem; } }

.products__disclaimer-wrapper {
  display: flex;
  justify-content: space-between;
  flex-flow: column;
  width: 100%;
  box-sizing: border-box;
  background: white;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  padding: 1rem 2rem;
  border-radius: 4px; }
  @media (min-width: 640px) {
    .products__disclaimer-wrapper {
      flex-flow: row nowrap; } }

.products__disclaimer-left {
  flex: 1;
  display: flex;
  flex-flow: column-reverse; }
  @media (min-width: 640px) {
    .products__disclaimer-left {
      flex-flow: row nowrap;
      align-items: center; } }
  @media (min-width: 1024px) {
    .products__disclaimer-left {
      flex: 2; } }

.products__disclaimer-icon {
  border-top: 4px solid #000;
  margin: .75rem 0 1.5rem;
  width: 2rem; }
  @media (min-width: 640px) {
    .products__disclaimer-icon {
      margin: 0 1.5rem 0 0;
      width: 2.5rem; } }

.products__disclaimer-message {
  font-weight: bold;
  margin-right: 1rem; }

.products__disclaimer-right {
  flex: 1; }

.products__disclaimer-link {
  font-weight: bold;
  display: inline-block;
  margin: 1rem 0; }
  @media (min-width: 640px) {
    .products__disclaimer-link {
      margin: 0; } }

:host {
  width: 100%; }

.inputItem__error {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  justify-content: flex-start;
  height: 0;
  overflow: hidden;
  color: white;
  box-sizing: border-box;
  transition: margin .15s; }
  .inputItem__error span {
    display: none; }
    @media (min-width: 640px) {
      .inputItem__error span {
        box-sizing: border-box;
        display: flex;
        flex-flow: row;
        align-items: center;
        justify-content: center;
        color: white;
        width: 24px;
        height: 24px;
        margin-right: .5rem;
        background: #cc0000;
        border-radius: 24px; } }

.inputItem__error--show, .inputItem__error-center--show {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  overflow: wrap;
  height: auto;
  color: #555555;
  margin: .5rem 0 0 0;
  box-sizing: border-box;
  border-left: 4px solid #cc0000;
  padding-left: .5rem; }
  @media (min-width: 640px) {
    .inputItem__error--show, .inputItem__error-center--show {
      border-left: none;
      height: 30px; } }
  .inputItem__error--show span, .inputItem__error-center--show span {
    width: 24px;
    height: 24px; }

.inputItem__error-center--show {
  justify-content: center; }

select {
  width: 100%;
  border-radius: 0 !important;
  border: 1px solid #eeeeee !important;
  -webkit-appearance: none;
  -webkit-border-radius: 0px; }

input {
  box-sizing: border-box; }

.input-item__checkbox-row {
  width: 48%;
  margin: 0 auto;
  text-transform: capitalize; }

.input-item__checkbox-input {
  padding: 0 .5rem 0 0; }

.input-item__checkbox-label {
  font-size: .9rem; }
  @media (min-width: 640px) {
    .input-item__checkbox-label {
      white-space: nowrap; } }

.input-item__radio-row {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 80%;
  margin: .5rem auto .5rem auto; }

.input-item__group-label {
  font-family: "Open Sans", sans-serif;
  font-weight: 100;
  font-size: 1.25rem;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 1rem;
  text-align: center;
  margin: 2rem auto 1.5rem auto;
  width: 80%; }

.input-item__radio-input {
  padding: 0 0 0 0; }

.input-item__radio-label {
  font-size: .9rem;
  margin-right: 2rem;
  margin-left: .5rem; }

.input-item__wrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  margin: .5rem 0;
  width: 100%;
  box-sizing: border-box; }
  @media (min-width: 640px) {
    .input-item__wrapper {
      width: 60%; } }

@keyframes stretchdelay {
  0%,
  40%,
  100% {
    transform: scale(0.4); }
  20% {
    transform: scale(1); } }

.spinner {
  height: 25px;
  display: inline-block;
  font-size: 10px;
  text-align: center;
  width: 100%; }

.spinner > div {
  display: inline-block;
  width: 6px;
  height: 100%;
  background-color: white;
  animation: stretchdelay 1.2s infinite ease-in-out; }

.spinner > div {
  width: 12px;
  background-color: #999999;
  animation: stretchdelay 1.2s infinite ease-in-out; }

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

.spinner .rect4 {
  -webkit-animation-delay: -.9s;
  animation-delay: -.9s; }

.spinner .rect5 {
  -webkit-animation-delay: -.8s;
  animation-delay: -.8s; }

.product__wrapper {
  display: flex;
  flex-flow: column;
  min-height: inherit;
  justify-content: space-between;
  width: 100%;
  min-height: 100px;
  box-sizing: border-box;
  margin: 1rem 0;
  background: white;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  text-align: center;
  border-radius: 4px; }
  @media (min-width: 640px) {
    .product__wrapper {
      width: 44%;
      margin: 1rem; } }
  @media (min-width: 1024px) {
    .product__wrapper {
      width: 29%; } }

@media (min-width: 640px) {
  .product__wrapper.product-selected {
    width: 100%;
    flex-flow: row;
    text-align: left; }
    .product__wrapper.product-selected .product__info {
      display: block;
      border-right: 1px solid #cbcbcb;
      padding: 1rem 0 2rem 0; }
    .product__wrapper.product-selected .product__image-horizontal {
      display: block;
      text-align: center;
      margin-top: 1rem; }
      .product__wrapper.product-selected .product__image-horizontal img {
        max-height: 200px; }
    .product__wrapper.product-selected .product__image-vertical {
      display: none; }
    .product__wrapper.product-selected .product__rebate-price-line {
      display: block; }
    .product__wrapper.product-selected .product__rebate-details {
      text-align: left; }
    .product__wrapper.product-selected .product__redemption {
      margin-top: 0;
      border-top: none; }
    .product__wrapper.product-selected .product__redemption-location {
      align-items: center;
      padding-left: 1rem; }
    .product__wrapper.product-selected .product__cta {
      align-content: space-between;
      display: flex;
      flex-flow: wrap; }
    .product__wrapper.product-selected .product__button {
      width: 100%; } }

.product__wrapper .input-item__wrapper {
  width: 100%; }

.product__wrapper .input-item__radio-input span {
  width: 20px;
  height: 20px; }

.product__wrapper .input-item__group-label {
  display: none; }

.product__info {
  display: contents; }

.product__filler {
  width: 100%; }
  @media (min-width: 640px) {
    .product__filler {
      width: 44%; } }
  @media (min-width: 1024px) {
    .product__filler {
      width: 29%; } }

.product__pre-price {
  font-size: .8rem;
  font-style: italic; }

.product__redemption {
  border-top: 1px solid #cbcbcb;
  margin-top: 1rem;
  padding-top: 1rem; }

.product__redemption-location {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  text-align: left;
  font-size: .8rem;
  width: 100%;
  box-sizing: border-box;
  padding-left: 2rem;
  margin: .25rem 0; }
  .product__redemption-location img {
    width: 24px;
    padding-right: .5rem; }

.product__redemption-text {
  top: 2px;
  position: relative; }

.product__image-horizontal {
  display: none; }

.product__image-vertical {
  flex: 0 0 auto; }
  .product__image-vertical img {
    width: 100%; }

.product__name {
  padding: 1rem .5rem 0;
  font-size: 1rem;
  font-weight: bold;
  flex: 0 0 auto; }

.product__model {
  padding: .25rem .5rem 0;
  font-size: .9rem;
  margin: .5rem 0;
  flex: 0 0 auto; }

.product__subtext {
  padding: .5rem .5rem 1.25rem;
  font-size: .9rem;
  flex: 0 0 auto; }

.product__rebate {
  padding: .25rem .5rem 0;
  flex: 0 0 auto; }

.product__rebate-price-line {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center; }

.product__rebate-price {
  font-size: 3rem;
  color: #007cc3;
  font-weight: 100;
  flex: 0 0 auto; }

.product__rebate-details {
  font-size: .9rem;
  width: 100%;
  text-align: center; }

.product__button {
  width: 90%;
  padding: 1.5rem 2rem;
  color: white;
  background-color: #007cc3;
  border: none;
  border-radius: 4px;
  font-size: .9rem;
  cursor: pointer;
  transition: background .5s;
  margin: 1rem; }
  .product__button:hover {
    background: #005c90; }

.product__integrator-selected {
  background-color: #007cc3 !important; }
  .product__integrator-selected:hover {
    background: #005c90 !important; }
