.shopify-challenge__container {
  padding-top: 150px !important;
  padding-bottom: 50px !important;
  background-color: #f2f2f2;
  max-width: none !important;
}

.shopify-challenge__button {
  border-color: #1a1a1a !important;
}

.shopify-challenge__message {
  color: #1a1a1a;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

img {
  display: block;
  max-width: 100%;
}

.aspect .odo-responsive-img {
  height: 100%;
}

picture,
picture img,
.odo-responsive-img img {
  display: block;
}

.odo-responsive-img {
  opacity: 0;
  -webkit-transition: opacity 400ms ease-out;
  transition: opacity 400ms ease-out;
}

.no-js .odo-responsive-img,
.odo-responsive-img--loaded {
  opacity: 1;
}

.odo-responsive-img[data-type="background"] img {
  visibility: hidden;
}

.no-js .odo-responsive-img > img {
  display: none;
}

.no-js .odo-responsive-img[data-type="background"] img {
  visibility: visible;
}

body {
  background-color: #1a1a1a;
  color: #a5a5a5;
  font-family: "Apercu Pro", Tahoma, sans-serif;
  font-size: 16px;
  line-height: 1.15;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

:focus:not(.focus-ring) {
  outline: none;
}

button {
  background: none;
  padding: 0;
  border: 0;
}

button:not(:disabled) {
  cursor: pointer;
}

picture {
  display: block;
}

input[type="submit"]:not(:disabled) {
  cursor: pointer;
}

.div-carousel {
  left: -5000px;
  -webkit-transition: 1s;
  transition: 1s;
}

.div-carousel-transform {
  transform: translateX(5000px);
  -webkit-transform: translateX(5000px);
  -moz-transform: translateX(5000px);
  -ms-transform: translateX(5000px);
  -o-transform: translateX(5000px);
}

.div-carousel-transform-center {
  transform: translateX(5000px);
  -webkit-transform: translateX(5000px);
  -moz-transform: translateX(5000px);
  -ms-transform: translateX(5000px);
  -o-transform: translateX(5000px);
}

.div-carousel-transform-right {
  transform: translateX(11000px);
  -webkit-transform: translateX(11000px);
  -moz-transform: translateX(11000px);
  -ms-transform: translateX(11000px);
  -o-transform: translateX(11000px);
}

.div-carousel-transform-top {
  transform: translateY(-11000px);
  -webkit-transform: translateX(-11000px);
  -moz-transform: translateX(-11000px);
  -ms-transform: translateX(-11000px);
  -o-transform: translateX(-11000px);
}

.div-carousel-container {
  height: 200px;
}

.div-absolute {
  position: absolute !important;
}

.divider {
  display: block;
  height: 4px;
  width: 67px;
  background-color: #ffffff;
  padding: 0;
  border: 0;
  margin: 0;
}

.home-gradient-right {
  background: -webkit-gradient(linear, left top, right top, from(#f8f8f8), to(#ffffff));
  background: linear-gradient(to right, #f8f8f8, #ffffff);
}

.home-gradient-top {
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f6f6), to(#ffffff));
  background: linear-gradient(to top, #f6f6f6, #ffffff);
}

.margin-top-sec {
  margin-top: 72px;
}

@media screen and (max-width: 767px) {
  .margin-top-sec {
    margin-top: 107px;
  }
  .type--center\@xs {
    text-align: -webkit-center;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .divider--center {
    margin-left: auto;
    margin-right: auto;
  }
}

.hairline {
  width: 100%;
  height: 1px;
  border: 0;
  margin: 0;
  background: #333333;
}

.theme--light .hairline {
  background: #dadada;
}

.rounded {
  border-radius: 4px;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}

#main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}

_:-ms-input-placeholder,
:root body {
  display: block;
  min-height: 0;
}

.social-links {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.social-links li + li {
  margin-left: 10px;
}

.social-links svg {
  width: 24px;
  height: 24px;
  -webkit-transition: 120ms;
  transition: 120ms;
}

a.twitter:hover svg {
  fill: #1bb6ec;
}

a.facebook:hover svg {
  fill: #3c599f;
}

a.linkedin:hover svg {
  fill: #3c599f;
  opacity: 0.5;
}

a.tumblr:hover svg {
  fill: #304d6b;
}

a.rss:hover svg {
  fill: #fe9900;
}

a.googleplus:hover svg {
  fill: #e02a27;
}

a.youtube:hover svg {
  fill: #e02a27;
}

a.vimeo:hover svg {
  fill: #1bb6ec;
}

a.pinterest:hover svg {
  fill: #e02a27;
}

a.instagram:hover svg {
  fill: #4f7ca2;
}

a.flickr:hover svg {
  fill: #000;
}

a.email:hover svg {
  fill: #0071bc;
}

.type-label-2-pad {
  margin-left: 0.5em;
}

@media screen and (min-width: 768px) {
  .type-label-2-pad {
    margin-left: 2.5em;
  }
  .social-links li + li {
    margin-left: 22px;
  }
}

.spacer-top-nav-height:not([hidden]) + .spacer-top-page-intro {
  padding-top: 0;
}

@media screen and (min-width: 1024px) {
  .cable-desc {
    display: none !important;
  }
}

@media screen and (max-width: 1023px) {
  .cable-desc-small {
    display: none !important;
  }
}

.col-15\@sm {
  position: relative;
  float: left;
  width: 14%;
  padding-left: 18px;
  padding-right: 18px;
}

input.hs-button.primary.large {
  padding-top: 18px;
  padding-bottom: 18px;
  margin: auto;
  margin-left: 12px;
  border: none;
  background-color: #333333;
  color: #fff !important;
  width: 100%;
}

.mailing-list .input {
  background-color: #202122 !important;
  margin: auto;
  width: auto;
  padding-right: 0px !important;
  padding-left: 0px !important;
}

input.hs-button.primary.large {
  margin: auto;
}

.input ::-webkit-input-placeholder {
  color: white;
  opacity: 1;
}

.input :-ms-input-placeholder {
  color: white;
  opacity: 1;
}

.input ::-ms-input-placeholder {
  color: white;
  opacity: 1;
}

.input ::placeholder {
  color: white;
  opacity: 1;
}

/* .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field {
  padding-bottom: 0.5rem;
} */
ul.hs-error-msgs.inputs-list {
  color: white;
}

input#email-c1449333-40fe-47a9-81a6-1318dd9a6ad5 {
  color: #ffffff;
  background-color: #202122 !important;
  border: none;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 100%;
}

.drip-footer-input {
  color: #ffffff;
  background-color: #202122 !important;
  border: none;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 100%;
}

.drip-footer-button {
  padding-top: 18px;
  padding-bottom: 18px;
  margin: auto;
  border: none;
  background-color: #333333;
  color: #fff !important;
  width: 100%;
}

.container {
  width: 92%;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.container::after {
  content: "";
  display: table;
  clear: both;
}

.container--full\@xs {
  width: auto;
  max-width: none;
}

.row {
  margin-left: -10px;
  margin-right: -10px;
}

.row::after {
  content: "";
  display: table;
  clear: both;
}

.row--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.row--centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.row--flex::after,
.row--centered::after {
  content: none;
}

.aspect {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
}

.aspect--16x9 {
  padding-bottom: 56.25%;
}

.aspect--5x4 {
  padding-bottom: 80%;
}

.aspect--5x3 {
  padding-bottom: 60%;
}

.aspect--4x3 {
  padding-bottom: 75%;
}

.aspect--3x4 {
  padding-bottom: 133.33333%;
}

.aspect--3x2 {
  padding-bottom: 66.66667%;
}

.aspect--3x1 {
  padding-bottom: 33.33333%;
}

.aspect--2x1 {
  padding-bottom: 50%;
}

.aspect--1x1 {
  padding-bottom: 100%;
}

.aspect--none {
  height: auto;
  padding-bottom: 0;
  overflow: visible;
}

.aspect--none > .aspect__inner {
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

.col-1\@xs, .col-2\@xs, .col-3\@xs, .col-4\@xs, .col-5\@xs, .col-6\@xs, .col-7\@xs, .col-8\@xs, .col-9\@xs, .col-10\@xs, .col-11\@xs, .col-12\@xs, .col-1\@sm, .col-2\@sm, .col-3\@sm, .col-4\@sm, .col-5\@sm, .col-6\@sm, .col-7\@sm, .col-8\@sm, .col-9\@sm, .col-10\@sm, .col-11\@sm, .col-12\@sm, .col-1\@md, .col-2\@md, .col-3\@md, .col-4\@md, .col-5\@md, .col-6\@md, .col-7\@md, .col-8\@md, .col-9\@md, .col-10\@md, .col-11\@md, .col-12\@md, .col-1\@lg, .col-2\@lg, .col-3\@lg, .col-4\@lg, .col-5\@lg, .col-6\@lg, .col-7\@lg, .col-8\@lg, .col-9\@lg, .col-10\@lg, .col-11\@lg, .col-12\@lg {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (max-width: 767px) {
  .col-1\@xs, .col-2\@xs, .col-3\@xs, .col-4\@xs, .col-5\@xs, .col-6\@xs, .col-7\@xs, .col-8\@xs, .col-9\@xs, .col-10\@xs, .col-11\@xs, .col-12\@xs {
    float: left;
  }
  .aspect--16x9\@xs {
    padding-bottom: 56.25%;
  }
  .aspect--5x4\@xs {
    padding-bottom: 80%;
  }
  .aspect--5x3\@xs {
    padding-bottom: 60%;
  }
  .aspect--4x3\@xs {
    padding-bottom: 75%;
  }
  .aspect--3x4\@xs {
    padding-bottom: 133.33333%;
  }
  .aspect--3x2\@xs {
    padding-bottom: 66.66667%;
  }
  .aspect--3x1\@xs {
    padding-bottom: 33.33333%;
  }
  .aspect--2x1\@xs {
    padding-bottom: 50%;
  }
  .aspect--1x1\@xs {
    padding-bottom: 100%;
  }
  .aspect--none\@xs {
    height: auto;
    padding-bottom: 0;
    overflow: visible;
  }
  .aspect--none\@xs > .aspect__inner {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }
  .col-1\@xs {
    width: 16.66667%;
  }
  .col-2\@xs {
    width: 33.33333%;
  }
  .col-3\@xs {
    width: 50%;
  }
  .col-4\@xs {
    width: 66.66667%;
  }
  .col-5\@xs {
    width: 83.33333%;
  }
  .col-6\@xs {
    width: 100%;
  }
  .col-pull-0\@xs {
    right: auto;
  }
  .col-pull-1\@xs {
    right: 16.66667%;
  }
  .col-pull-2\@xs {
    right: 33.33333%;
  }
  .col-pull-3\@xs {
    right: 50%;
  }
  .col-pull-4\@xs {
    right: 66.66667%;
  }
  .col-pull-5\@xs {
    right: 83.33333%;
  }
  .col-pull-6\@xs {
    right: 100%;
  }
  .col-push-0\@xs {
    left: auto;
  }
  .col-push-1\@xs {
    left: 16.66667%;
  }
  .col-push-2\@xs {
    left: 33.33333%;
  }
  .col-push-3\@xs {
    left: 50%;
  }
  .col-push-4\@xs {
    left: 66.66667%;
  }
  .col-push-5\@xs {
    left: 83.33333%;
  }
  .col-push-6\@xs {
    left: 100%;
  }
  .col-offset-0\@xs {
    margin-left: 0%;
  }
  .col-offset-1\@xs {
    margin-left: 16.66667%;
  }
  .col-offset-2\@xs {
    margin-left: 33.33333%;
  }
  .col-offset-3\@xs {
    margin-left: 50%;
  }
  .col-offset-4\@xs {
    margin-left: 66.66667%;
  }
  .col-offset-5\@xs {
    margin-left: 83.33333%;
  }
  .col-offset-6\@xs {
    margin-left: 100%;
  }
  .row--gutterless\@xs {
    margin-left: 0;
    margin-right: 0;
  }
  .row--gutterless\@xs > *[class*="col-"] {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .row {
    margin-left: -18px;
    margin-right: -18px;
  }
  .col-1\@xs, .col-2\@xs, .col-3\@xs, .col-4\@xs, .col-5\@xs, .col-6\@xs, .col-7\@xs, .col-8\@xs, .col-9\@xs, .col-10\@xs, .col-11\@xs, .col-12\@xs, .col-1\@sm, .col-2\@sm, .col-3\@sm, .col-4\@sm, .col-5\@sm, .col-6\@sm, .col-7\@sm, .col-8\@sm, .col-9\@sm, .col-10\@sm, .col-11\@sm, .col-12\@sm, .col-1\@md, .col-2\@md, .col-3\@md, .col-4\@md, .col-5\@md, .col-6\@md, .col-7\@md, .col-8\@md, .col-9\@md, .col-10\@md, .col-11\@md, .col-12\@md, .col-1\@lg, .col-2\@lg, .col-3\@lg, .col-4\@lg, .col-5\@lg, .col-6\@lg, .col-7\@lg, .col-8\@lg, .col-9\@lg, .col-10\@lg, .col-11\@lg, .col-12\@lg {
    padding-left: 18px;
    padding-right: 18px;
  }
  .col-1\@sm, .col-2\@sm, .col-3\@sm, .col-4\@sm, .col-5\@sm, .col-6\@sm, .col-7\@sm, .col-8\@sm, .col-9\@sm, .col-10\@sm, .col-11\@sm, .col-12\@sm {
    float: left;
  }
  .aspect--16x9\@sm {
    padding-bottom: 56.25%;
  }
  .aspect--5x4\@sm {
    padding-bottom: 80%;
  }
  .aspect--5x3\@sm {
    padding-bottom: 60%;
  }
  .aspect--4x3\@sm {
    padding-bottom: 75%;
  }
  .aspect--3x4\@sm {
    padding-bottom: 133.33333%;
  }
  .aspect--3x2\@sm {
    padding-bottom: 66.66667%;
  }
  .aspect--3x1\@sm {
    padding-bottom: 33.33333%;
  }
  .aspect--2x1\@sm {
    padding-bottom: 50%;
  }
  .aspect--1x1\@sm {
    padding-bottom: 100%;
  }
  .aspect--none\@sm {
    height: auto;
    padding-bottom: 0;
    overflow: visible;
  }
  .aspect--none\@sm > .aspect__inner {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }
  .col-1\@sm {
    width: 8.33333%;
  }
  .col-2\@sm {
    width: 16.66667%;
  }
  .col-3\@sm {
    width: 25%;
  }
  .col-4\@sm {
    width: 33.33333%;
  }
  .col-5\@sm {
    width: 41.66667%;
  }
  .col-6\@sm {
    width: 50%;
  }
  .col-7\@sm {
    width: 58.33333%;
  }
  .col-8\@sm {
    width: 66.66667%;
  }
  .col-9\@sm {
    width: 75%;
  }
  .col-10\@sm {
    width: 83.33333%;
  }
  .col-11\@sm {
    width: 91.66667%;
  }
  .col-12\@sm {
    width: 100%;
  }
  .col-pull-0\@sm {
    right: auto;
  }
  .col-pull-1\@sm {
    right: 8.33333%;
  }
  .col-pull-2\@sm {
    right: 16.66667%;
  }
  .col-pull-3\@sm {
    right: 25%;
  }
  .col-pull-4\@sm {
    right: 33.33333%;
  }
  .col-pull-5\@sm {
    right: 41.66667%;
  }
  .col-pull-6\@sm {
    right: 50%;
  }
  .col-pull-7\@sm {
    right: 58.33333%;
  }
  .col-pull-8\@sm {
    right: 66.66667%;
  }
  .col-pull-9\@sm {
    right: 75%;
  }
  .col-pull-10\@sm {
    right: 83.33333%;
  }
  .col-pull-11\@sm {
    right: 91.66667%;
  }
  .col-pull-12\@sm {
    right: 100%;
  }
  .col-push-0\@sm {
    left: auto;
  }
  .col-push-1\@sm {
    left: 8.33333%;
  }
  .col-push-2\@sm {
    left: 16.66667%;
  }
  .col-push-3\@sm {
    left: 25%;
  }
  .col-push-4\@sm {
    left: 33.33333%;
  }
  .col-push-5\@sm {
    left: 41.66667%;
  }
  .col-push-6\@sm {
    left: 50%;
  }
  .col-push-7\@sm {
    left: 58.33333%;
  }
  .col-push-8\@sm {
    left: 66.66667%;
  }
  .col-push-9\@sm {
    left: 75%;
  }
  .col-push-10\@sm {
    left: 83.33333%;
  }
  .col-push-11\@sm {
    left: 91.66667%;
  }
  .col-push-12\@sm {
    left: 100%;
  }
  .col-offset-0\@sm {
    margin-left: 0%;
  }
  .col-offset-1\@sm {
    margin-left: 8.33333%;
  }
  .col-offset-2\@sm {
    margin-left: 16.66667%;
  }
  .col-offset-3\@sm {
    margin-left: 25%;
  }
  .col-offset-4\@sm {
    margin-left: 33.33333%;
  }
  .col-offset-5\@sm {
    margin-left: 41.66667%;
  }
  .col-offset-6\@sm {
    margin-left: 50%;
  }
  .col-offset-7\@sm {
    margin-left: 58.33333%;
  }
  .col-offset-8\@sm {
    margin-left: 66.66667%;
  }
  .col-offset-9\@sm {
    margin-left: 75%;
  }
  .col-offset-10\@sm {
    margin-left: 83.33333%;
  }
  .col-offset-11\@sm {
    margin-left: 91.66667%;
  }
  .col-offset-12\@sm {
    margin-left: 100%;
  }
  .row--gutterless\@sm {
    margin-left: 0;
    margin-right: 0;
  }
  .row--gutterless\@sm > *[class*="col-"] {
    padding-left: 0;
    padding-right: 0;
  }
  .container {
    width: 86%;
    max-width: 1200px;
  }
}

@media screen and (min-width: 1024px) {
  .col-1\@md, .col-2\@md, .col-3\@md, .col-4\@md, .col-5\@md, .col-6\@md, .col-7\@md, .col-8\@md, .col-9\@md, .col-10\@md, .col-11\@md, .col-12\@md {
    float: left;
  }
  .aspect--16x9\@md {
    padding-bottom: 56.25%;
  }
  .aspect--5x4\@md {
    padding-bottom: 80%;
  }
  .aspect--5x3\@md {
    padding-bottom: 60%;
  }
  .aspect--4x3\@md {
    padding-bottom: 75%;
  }
  .aspect--3x4\@md {
    padding-bottom: 133.33333%;
  }
  .aspect--3x2\@md {
    padding-bottom: 66.66667%;
  }
  .aspect--3x1\@md {
    padding-bottom: 33.33333%;
  }
  .aspect--2x1\@md {
    padding-bottom: 50%;
  }
  .aspect--1x1\@md {
    padding-bottom: 100%;
  }
  .aspect--none\@md {
    height: auto;
    padding-bottom: 0;
    overflow: visible;
  }
  .aspect--none\@md > .aspect__inner {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }
  .col-1\@md {
    width: 8.33333%;
  }
  .col-2\@md {
    width: 16.66667%;
  }
  .col-3\@md {
    width: 25%;
  }
  .col-4\@md {
    width: 33.33333%;
  }
  .col-5\@md {
    width: 41.66667%;
  }
  .col-6\@md {
    width: 50%;
  }
  .col-7\@md {
    width: 58.33333%;
  }
  .col-8\@md {
    width: 66.66667%;
  }
  .col-9\@md {
    width: 75%;
  }
  .col-10\@md {
    width: 83.33333%;
  }
  .col-11\@md {
    width: 91.66667%;
  }
  .col-12\@md {
    width: 100%;
  }
  .col-pull-0\@md {
    right: auto;
  }
  .col-pull-1\@md {
    right: 8.33333%;
  }
  .col-pull-2\@md {
    right: 16.66667%;
  }
  .col-pull-3\@md {
    right: 25%;
  }
  .col-pull-4\@md {
    right: 33.33333%;
  }
  .col-pull-5\@md {
    right: 41.66667%;
  }
  .col-pull-6\@md {
    right: 50%;
  }
  .col-pull-7\@md {
    right: 58.33333%;
  }
  .col-pull-8\@md {
    right: 66.66667%;
  }
  .col-pull-9\@md {
    right: 75%;
  }
  .col-pull-10\@md {
    right: 83.33333%;
  }
  .col-pull-11\@md {
    right: 91.66667%;
  }
  .col-pull-12\@md {
    right: 100%;
  }
  .col-push-0\@md {
    left: auto;
  }
  .col-push-1\@md {
    left: 8.33333%;
  }
  .col-push-2\@md {
    left: 16.66667%;
  }
  .col-push-3\@md {
    left: 25%;
  }
  .col-push-4\@md {
    left: 33.33333%;
  }
  .col-push-5\@md {
    left: 41.66667%;
  }
  .col-push-6\@md {
    left: 50%;
  }
  .col-push-7\@md {
    left: 58.33333%;
  }
  .col-push-8\@md {
    left: 66.66667%;
  }
  .col-push-9\@md {
    left: 75%;
  }
  .col-push-10\@md {
    left: 83.33333%;
  }
  .col-push-11\@md {
    left: 91.66667%;
  }
  .col-push-12\@md {
    left: 100%;
  }
  .col-offset-0\@md {
    margin-left: 0%;
  }
  .col-offset-1\@md {
    margin-left: 8.33333%;
  }
  .col-offset-2\@md {
    margin-left: 16.66667%;
  }
  .col-offset-3\@md {
    margin-left: 25%;
  }
  .col-offset-4\@md {
    margin-left: 33.33333%;
  }
  .col-offset-5\@md {
    margin-left: 41.66667%;
  }
  .col-offset-6\@md {
    margin-left: 50%;
  }
  .col-offset-7\@md {
    margin-left: 58.33333%;
  }
  .col-offset-8\@md {
    margin-left: 66.66667%;
  }
  .col-offset-9\@md {
    margin-left: 75%;
  }
  .col-offset-10\@md {
    margin-left: 83.33333%;
  }
  .col-offset-11\@md {
    margin-left: 91.66667%;
  }
  .col-offset-12\@md {
    margin-left: 100%;
  }
  .row--gutterless\@md {
    margin-left: 0;
    margin-right: 0;
  }
  .row--gutterless\@md > *[class*="col-"] {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1392px) {
  .col-1\@lg, .col-2\@lg, .col-3\@lg, .col-4\@lg, .col-5\@lg, .col-6\@lg, .col-7\@lg, .col-8\@lg, .col-9\@lg, .col-10\@lg, .col-11\@lg, .col-12\@lg {
    float: left;
  }
  .aspect--16x9\@lg {
    padding-bottom: 56.25%;
  }
  .aspect--5x4\@lg {
    padding-bottom: 80%;
  }
  .aspect--5x3\@lg {
    padding-bottom: 60%;
  }
  .aspect--4x3\@lg {
    padding-bottom: 75%;
  }
  .aspect--3x4\@lg {
    padding-bottom: 133.33333%;
  }
  .aspect--3x2\@lg {
    padding-bottom: 66.66667%;
  }
  .aspect--3x1\@lg {
    padding-bottom: 33.33333%;
  }
  .aspect--2x1\@lg {
    padding-bottom: 50%;
  }
  .aspect--1x1\@lg {
    padding-bottom: 100%;
  }
  .aspect--none\@lg {
    height: auto;
    padding-bottom: 0;
    overflow: visible;
  }
  .aspect--none\@lg > .aspect__inner {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }
  .col-1\@lg {
    width: 8.33333%;
  }
  .col-2\@lg {
    width: 16.66667%;
  }
  .col-3\@lg {
    width: 25%;
  }
  .col-4\@lg {
    width: 33.33333%;
  }
  .col-5\@lg {
    width: 41.66667%;
  }
  .col-6\@lg {
    width: 50%;
  }
  .col-7\@lg {
    width: 58.33333%;
  }
  .col-8\@lg {
    width: 66.66667%;
  }
  .col-9\@lg {
    width: 75%;
  }
  .col-10\@lg {
    width: 83.33333%;
  }
  .col-11\@lg {
    width: 91.66667%;
  }
  .col-12\@lg {
    width: 100%;
  }
  .col-pull-0\@lg {
    right: auto;
  }
  .col-pull-1\@lg {
    right: 8.33333%;
  }
  .col-pull-2\@lg {
    right: 16.66667%;
  }
  .col-pull-3\@lg {
    right: 25%;
  }
  .col-pull-4\@lg {
    right: 33.33333%;
  }
  .col-pull-5\@lg {
    right: 41.66667%;
  }
  .col-pull-6\@lg {
    right: 50%;
  }
  .col-pull-7\@lg {
    right: 58.33333%;
  }
  .col-pull-8\@lg {
    right: 66.66667%;
  }
  .col-pull-9\@lg {
    right: 75%;
  }
  .col-pull-10\@lg {
    right: 83.33333%;
  }
  .col-pull-11\@lg {
    right: 91.66667%;
  }
  .col-pull-12\@lg {
    right: 100%;
  }
  .col-push-0\@lg {
    left: auto;
  }
  .col-push-1\@lg {
    left: 8.33333%;
  }
  .col-push-2\@lg {
    left: 16.66667%;
  }
  .col-push-3\@lg {
    left: 25%;
  }
  .col-push-4\@lg {
    left: 33.33333%;
  }
  .col-push-5\@lg {
    left: 41.66667%;
  }
  .col-push-6\@lg {
    left: 50%;
  }
  .col-push-7\@lg {
    left: 58.33333%;
  }
  .col-push-8\@lg {
    left: 66.66667%;
  }
  .col-push-9\@lg {
    left: 75%;
  }
  .col-push-10\@lg {
    left: 83.33333%;
  }
  .col-push-11\@lg {
    left: 91.66667%;
  }
  .col-push-12\@lg {
    left: 100%;
  }
  .col-offset-0\@lg {
    margin-left: 0%;
  }
  .col-offset-1\@lg {
    margin-left: 8.33333%;
  }
  .col-offset-2\@lg {
    margin-left: 16.66667%;
  }
  .col-offset-3\@lg {
    margin-left: 25%;
  }
  .col-offset-4\@lg {
    margin-left: 33.33333%;
  }
  .col-offset-5\@lg {
    margin-left: 41.66667%;
  }
  .col-offset-6\@lg {
    margin-left: 50%;
  }
  .col-offset-7\@lg {
    margin-left: 58.33333%;
  }
  .col-offset-8\@lg {
    margin-left: 66.66667%;
  }
  .col-offset-9\@lg {
    margin-left: 75%;
  }
  .col-offset-10\@lg {
    margin-left: 83.33333%;
  }
  .col-offset-11\@lg {
    margin-left: 91.66667%;
  }
  .col-offset-12\@lg {
    margin-left: 100%;
  }
  .row--gutterless\@lg {
    margin-left: 0;
    margin-right: 0;
  }
  .row--gutterless\@lg > *[class*="col-"] {
    padding-left: 0;
    padding-right: 0;
  }
}

.row--gutterless {
  margin-left: 0;
  margin-right: 0;
}

.row--gutterless > *[class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.aspect_80 {
  padding-bottom: 90%;
}

.col-2\@xs-1 {
  width: 16.66667%;
}

.col-8\@xs-1 {
  width: 66.66667%;
}

@media screen and (min-width: 768px) {
  .col-2\@xs-1 {
    width: 16.66667%;
  }
  .col-8\@xs-1 {
    width: 66.66667%;
  }
}

.row--thin > *[class*="col-"] {
  padding-left: 6px;
  padding-right: 6px;
}

.row--thin .spacer-top-gutter {
  padding-bottom: 12px;
}

.row--thin .spacer-btm-gutter {
  padding-bottom: 12px;
}

.link {
  display: inline-block;
  padding: 0.5em 0;
  border: 0;
  border-bottom: 2px solid transparent;
  background-color: transparent;
  font-family: "Apercu Pro", Tahoma, sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.25em;
  line-height: 1.15;
  color: #ffffff;
  -webkit-transition: 120ms;
  transition: 120ms;
}

.link:hover {
  color: #0071bc;
}

@media screen and (min-width: 1024px) {
  .link {
    font-size: 16px;
  }
}

@media screen and (min-width: 1024px) {
  .link-footer {
    font-size: 17px !important;
  }
}

.link--small {
  font-size: 10px;
  letter-spacing: 0.15em;
}

@media screen and (min-width: 1024px) {
  .link--small {
    font-size: 14px;
  }
}

.link--muted {
  color: #a5a5a5;
}

.link--active {
  border-bottom-color: currentColor;
}

.theme--light .link {
  color: #202122;
}

.btn {
  position: relative;
  display: inline-block;
  padding-top: 13px;
  padding-right: 28px;
  padding-bottom: 13px;
  padding-left: 28px;
  border: 2px solid;
  border-color: #ffffff;
  border-radius: 30px;
  font-family: "Apercu Pro", Tahoma, sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.25em;
  line-height: 1.15;
  background-color: #ffffff;
  color: #1a1a1a;
  fill: currentColor;
  text-align: center;
  -webkit-transition: 120ms;
  transition: 120ms;
}

.btn:hover {
  background-color: #0071bc;
  border-color: #0071bc;
}

.btn svg {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 13px;
}

@media screen and (min-width: 1024px) {
  .btn {
    padding-top: 19px;
    padding-right: 38px;
    padding-bottom: 19px;
    padding-left: 38px;
    font-size: 16px;
  }
  .btn svg {
    width: 14px;
    height: 18px;
  }
}

.btn--circle.btn--small {
  height: 60px;
  width: 60px;
}

@media screen and (min-width: 1024px) {
  .btn--circle.btn--small {
    height: 80px;
    width: 80px;
  }
}

.btn--circle.btn--tiny {
  height: 35px;
  width: 35px;
}

@media screen and (min-width: 1024px) {
  .btn--circle.btn--tiny {
    height: 50px;
    width: 50px;
  }
}

.btn:disabled {
  border-color: #717171;
  background-color: #717171;
  cursor: not-allowed;
}

.btn:disabled:hover {
  border-color: #717171;
  background-color: #717171;
}

.btn-div {
  position: relative;
  display: inline-block;
  padding-top: 7px;
  padding-bottom: 7px;
}

@media screen and (min-width: 1024px) {
  .btn-div {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.btn--small-1 {
  padding: 10px 12px 10px 12px !important;
}

@media screen and (min-width: 768px) {
  .btn--small-1 {
    padding: 13px 28px 13px 28px !important;
  }
}

@media screen and (min-width: 1024px) {
  .btn--small-1 {
    padding: 19px 38px 19px 38px !important;
    font-size: 16px;
  }
  .btn--small-1 svg {
    width: 14px;
    height: 18px;
  }
}

.btn--small {
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  font-size: 10px;
  letter-spacing: 0.15em;
}

@media screen and (min-width: 1024px) {
  .btn--small {
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
    font-size: 14px;
  }
}

.btn--stroke {
  color: #ffffff;
  border-color: currentColor;
  background-color: transparent;
}

.btn--circle {
  padding: 8px;
  height: 139px;
  width: 139px;
  line-height: 1.5;
  border-radius: 50%;
}

.btn--circle:hover {
  background-color: transparent;
}

@media screen and (min-width: 1024px) {
  .btn--circle {
    height: 222px;
    width: 222px;
  }
}

.btn--blue {
  color: #ffffff !important;
  border-color: #0071bc !important;
  background-color: #0071bc !important;
}

.btn--light-blue {
  color: #ffffff !important;
  border-color: #00b5c3 !important;
  background-color: #00b5c3 !important;
}

.btn--orange {
  color: #ffffff !important;
  border-color: #fd5138 !important;
  background-color: #fd5138 !important;
}

.btn--rec {
  border-radius: 0px !important;
}

.theme--light .btn {
  color: #ffffff;
  background-color: #1a1a1a;
  border-color: #1a1a1a;
}

.theme--light .btn:hover {
  background-color: #0071bc;
  border-color: #0071bc;
}

.input {
  display: block;
  font-size: 16px;
  color: #717171;
  padding-top: 12px;
  padding-right: 16px;
  padding-bottom: 10px;
  padding-left: 16px;
  background-color: #ffffff;
  border: 2px solid transparent;
  border-radius: 4px;
  -webkit-transition: 120ms;
  transition: 120ms;
}

.input:focus {
  border-color: #6cb4c6;
  outline: 0;
}

@media screen and (min-width: 1024px) {
  .input {
    font-size: 16px;
    padding-top: 16px;
    padding-right: 20px;
    padding-bottom: 12px;
    padding-left: 20px;
  }
}

.input::-webkit-input-placeholder {
  color: #a5a5a5;
}

.input:-ms-input-placeholder {
  color: #a5a5a5;
}

.input::-ms-input-placeholder {
  color: #a5a5a5;
}

.input::placeholder {
  color: #a5a5a5;
}

.input--error {
  border-bottom: 4px solid;
  border-color: #ec5a24;
}

.theme--light .input {
  background-color: #f2f2f2;
}

.icon {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  fill: currentColor;
  vertical-align: middle;
}

.icon--xsmall {
  width: 12px;
  height: 12px;
}

.icon--small {
  width: 16px;
  height: 16px;
}

.icon--medium {
  width: 20px;
  height: 20px;
}

.icon--large {
  width: 24px;
  height: 24px;
}

.icon--xlarge {
  width: 40px;
  height: 40px;
}

a svg.icon use,
button svg.icon use {
  pointer-events: none;
}

code:not([class*="language"]) {
  display: inline-block;
  padding: 1px 0 2px;
  margin: 0;
  font-size: 85%;
  background-color: whitesmoke;
  border-radius: 3px;
  font-family: Menlo, Consolas, "Liberation Mono", Courier, monospace;
}

code:not([class*="language"])::before,
code:not([class*="language"])::after {
  content: "\A0";
  letter-spacing: -.2em;
}

.type-display-1 {
  font-family: "Chronicle Display A", "Chronicle Display B", serif;
  font-weight: 300;
  color: #ffffff;
  margin-top: -0.2em;
  font-size: 32px;
  line-height: 1.1;
}

@media screen and (min-width: 1024px) {
  .type-display-1 {
    font-size: 76px;
  }
}

.type-display-2 {
  font-family: "Chronicle Display A", "Chronicle Display B", serif;
  font-weight: 300;
  color: #ffffff;
  margin-top: -0.2em;
  font-size: 32px;
  line-height: 1.2;
}

@media screen and (min-width: 1024px) {
  .type-display-2 {
    font-size: 50px;
  }
}

@media screen and (min-width: 1392px) {
  .type-display-2 {
    font-size: 54px;
  }
}

@media screen and (min-width: 1392px) {
  .type-display-2-invert {
    font-size: 44px !important;
  }
}

.type-display-2-1 {
  font-size: 26px !important;
}

.type-display-3 {
  font-family: "Chronicle Display A", "Chronicle Display B", serif;
  font-weight: 300;
  color: #ffffff;
  margin-top: -0.2em;
  font-size: 32px;
  line-height: 1.1;
}

@media screen and (min-width: 1024px) {
  .type-display-3 {
    font-size: 50px;
  }
}

@media screen and (min-width: 768px) {
  .type-display-3-1 {
    font-size: 26px !important;
  }
}

@media screen and (min-width: 1024px) {
  .type-display-3-1 {
    font-size: 44px !important;
  }
}

@media screen and (min-width: 768px) {
  .type-display-3-3 {
    font-size: 25px !important;
  }
}

@media screen and (min-width: 1024px) {
  .type-display-3-3 {
    font-size: 36px !important;
  }
}

@media screen and (min-width: 1024px) {
  .alexa-content .type-display-3 {
    margin-top: 50px !important;
  }
}

@media screen and (min-width: 1024px) {
  .landing-content .type-display-3 {
    margin-top: 50px !important;
  }
}

.type-display-4 {
  font-family: "Chronicle Display A", "Chronicle Display B", serif;
  font-weight: 300;
  color: #ffffff;
  padding-top: 10px;
  font-size: 18px;
}

@media screen and (min-width: 1024px) {
  .type-display-4 {
    font-size: 20px;
  }
}

.type-header-1, .rte h1 {
  font-family: "Apercu Pro", Tahoma, sans-serif;
  font-weight: 300;
  color: #ffffff;
  margin-top: -0.2em;
  margin-bottom: 9px;
  letter-spacing: -0.02em;
  font-size: 20px;
  line-height: 1.25;
}

@media screen and (min-width: 1024px) {
  .type-header-1, .rte h1 {
    font-size: 30px;
    margin-bottom: 27px;
  }
}

.apercu {
  font-family: "Apercu Pro", Tahoma, sans-serif !important;
}

.type-header-2, .rte h2 {
  font-family: "Apercu Pro", Tahoma, sans-serif;
  font-weight: 300;
  color: #ffffff;
  margin-top: -0.2em;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 1.333;
}

@media screen and (min-width: 1024px) {
  .type-header-2, .rte h2 {
    font-size: 24px;
    margin-bottom: 23px;
  }
}

.type-header-3, .rte h3 {
  font-family: "Apercu Pro", Tahoma, sans-serif;
  font-weight: 400;
  color: #ffffff;
  margin-top: -0.2em;
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 1.333;
}

@media screen and (min-width: 1024px) {
  .type-header-3, .rte h3 {
    font-size: 24px;
    margin-bottom: 15px;
  }
}

.type-header-4, .rte h4,
.rte h5,
.rte h6 {
  font-family: "Apercu Pro", Tahoma, sans-serif;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0em;
  margin-top: -0.2em;
  margin-bottom: 5px;
  font-size: 15px;
  line-height: 1.1;
}

@media screen and (min-width: 1024px) {
  .type-header-4, .rte h4,
  .rte h5,
  .rte h6 {
    font-size: 20px;
    margin-bottom: 4px;
  }
}

.type-title-1 {
  font-family: "Apercu Pro", Tahoma, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 0.24em;
  margin-top: -0.2em;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.5;
}

@media screen and (min-width: 1024px) {
  .type-title-1 {
    font-size: 20px;
  }
}

.type-title-2 {
  font-family: "Apercu Pro", Tahoma, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 0.16em;
  margin-top: -0.1875em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.1;
}

@media screen and (min-width: 1024px) {
  .type-title-2 {
    font-size: 16px;
  }
}

.type-btn-1 {
  font-size: 12px;
  line-height: 1;
}

@media screen and (min-width: 1024px) {
  .type-btn-1 {
    font-size: 14px;
  }
}

.type-body-1 {
  font-family: "Apercu Pro", Tahoma, sans-serif;
  font-weight: 300;
  color: #ffffff;
  margin-top: -0.40625em;
  font-size: 22px;
  line-height: 1.5;
  margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  .type-body-1 {
    font-size: 32px;
    margin-bottom: 32px;
  }
}

.type-body-1-1 {
  font-size: 15px;
}

@media screen and (min-width: 1024px) {
  .type-body-1-1 {
    font-size: 23px;
  }
}

.type-body-2 {
  font-family: "Apercu Pro", Tahoma, sans-serif;
  font-weight: normal;
  color: #a5a5a5;
  margin-top: -0.2em;
  font-size: 17px;
  line-height: 1.5;
  margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  .type-body-2 {
    font-size: 28px;
    margin-bottom: 32px;
  }
}

.type-body-3 {
  font-family: "Apercu Pro", Tahoma, sans-serif;
  font-weight: 300;
  color: #a5a5a5;
  margin-top: -0.2em;
  font-size: 15px;
  line-height: 1.5;
}

@media screen and (min-width: 1024px) {
  .type-body-3 {
    font-size: 20px;
  }
}

.type-body-3-1 {
  font-family: "Apercu Pro", Tahoma, sans-serif;
  font-weight: 300;
  color: #a5a5a5;
  margin-top: -0.2em;
  font-size: 18px;
  line-height: 1.5;
}

.type-body-4, .rte p, .rte li {
  font-family: "Apercu Pro", Tahoma, sans-serif;
  font-weight: 300;
  color: #a5a5a5;
  margin-top: -0.2em;
  font-size: 15px;
  line-height: 1.5;
}

@media screen and (min-width: 1024px) {
  .type-body-4, .rte p, .rte li {
    font-size: 17px;
  }
}

.type-body-5 {
  font-family: "Apercu Pro", Tahoma, sans-serif;
  font-weight: 300;
  color: #a5a5a5;
  margin-top: -0.2em;
  font-size: 12px;
  line-height: 1.5;
}

@media screen and (min-width: 1024px) {
  .type-body-5 {
    font-size: 16px;
  }
}

.type-body-6, dt, dd {
  font-family: "Apercu Pro", Tahoma, sans-serif;
  font-weight: 300;
  color: #a5a5a5;
  margin-top: -0.2em;
  font-size: 14px;
  line-height: 1.4;
}

.type-body-7 {
  font-family: "Apercu Pro", Tahoma, sans-serif;
  font-weight: 300;
  color: #a5a5a5;
  margin-top: -0.2em;
  font-size: 11px;
  line-height: 1.5;
}

@media screen and (min-width: 1024px) {
  .type-body-7 {
    font-size: 14px;
  }
}

.type-body-8 {
  font-family: "Apercu Pro", Tahoma, sans-serif;
  font-weight: 300;
  color: #a5a5a5;
  margin-top: -0.2em;
  font-size: 12px;
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .type-body-8 {
    font-size: 15px;
  }
}

@media screen and (min-width: 1024px) {
  .type-body-8 {
    font-size: 18px;
  }
}

.type-label-1 {
  display: block;
  font-family: "Apercu Pro", Tahoma, sans-serif;
  font-weight: 300;
  color: #717171;
  font-size: 13px;
  margin-top: -0.1764em;
  margin-bottom: 0;
}

@media screen and (min-width: 1024px) {
  .type-label-1 {
    font-size: 17px;
  }
}

.type-label-2 {
  display: block;
  font-family: "Apercu Pro", Tahoma, sans-serif;
  font-weight: normal;
  color: #a5a5a5;
  font-size: 11px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-top: -0.1764em;
  margin-bottom: 0.3333em;
}

@media screen and (min-width: 1024px) {
  .type-label-2 {
    font-size: 12px;
  }
}

.type-body-5 .text-link {
  font-size: inherit;
  line-height: inherit;
}

.type--uppercase {
  text-transform: uppercase;
}

.type--italic {
  font-style: italic;
}

.type--bold {
  font-weight: bold;
}

.type--regular {
  font-weight: normal;
}

.type--thin {
  font-weight: lighter;
}

.type--left {
  text-align: left;
}

.type--center {
  text-align: center;
}

.type--right {
  text-align: right;
}

.type--overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.type--flat-btm {
  margin-bottom: -0.2em !important;
}

.type--flat-btm\:last:last-child {
  margin-bottom: -0.2em !important;
}

.type--auto-top {
  margin-top: auto;
}

.type-display-p3 {
  font-family: "Chronicle Display A", "Chronicle Display B", serif;
  font-weight: 300;
  color: #ffffff;
  margin-top: -0.2em;
  font-size: 32px;
  line-height: 1.1;
}

.theme--light .type-display-p3 {
  color: #1a1a1a;
}

@media screen and (min-width: 1024px) {
  .type-display-3 {
    font-size: 50px;
  }
  .type-display-p3 {
    font-size: 46px;
  }
}

@media screen and (max-width: 768px) {
  .type-display-p3-m {
    font-size: 22px;
  }
  .type-body-1-m {
    font-size: 20px;
  }
}

@media screen and (max-width: 480px) {
  .type-body-1-m {
    font-size: 16px;
  }
}

@media screen and (max-width: 380px) {
  .type-body-1-m {
    font-size: 14px;
  }
}

.theme--light .type-display-1,
.theme--light .type-display-2,
.theme--light .type-display-3,
.theme--light .type-display-4,
.theme--light .type-header-1,
.theme--light .rte h1, .rte
.theme--light h1,
.theme--light .type-header-2,
.theme--light .rte h2, .rte
.theme--light h2,
.theme--light .type-header-3,
.theme--light .rte h3, .rte
.theme--light h3,
.theme--light .type-header-4,
.theme--light .rte h4, .rte
.theme--light h4,
.theme--light
.rte h5,
.rte
.theme--light h5,
.theme--light
.rte h6,
.rte
.theme--light h6,
.theme--light .type-title-1,
.theme--light .type-title-2 {
  color: #1a1a1a;
}

.theme--light .type-body-1,
.theme--light .type-body-2,
.theme--light .type-body-3,
.theme--light .type-body-4,
.theme--light .rte p, .rte
.theme--light p,
.theme--light .rte li, .rte
.theme--light li,
.theme--light .type-body-5,
.theme--light .type-body-6,
.theme--light dt,
.theme--light dd,
.theme--light .type-body-7,
.theme--light .type-body-8,
.theme--light .type-label-1,
.theme--light .type-label-2 {
  color: #717171;
}

.theme--light .btn:disabled,
.theme--light .btn:disabled:hover {
  background-color: #a5a5a5;
  border-color: #a5a5a5;
}

.theme--light .btn--stroke {
  color: #1a1a1a;
  background-color: transparent;
}

.theme--light .btn--stroke:hover {
  background-color: #0071bc;
  color: #ffffff;
}

.theme--light .link:hover {
  color: #0071bc;
}

.theme--light .input--white {
  background-color: #ffffff;
}

a.btn--circle,
div.btn--circle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main a[href]:not([class]),
.inline-link {
  color: #ffffff;
  font-weight: normal;
  text-decoration: none;
  -webkit-transition: 120ms;
  transition: 120ms;
}

main a[href]:not([class]):visited,
.inline-link:visited {
  color: #ffffff;
}

main a[href]:not([class]):hover,
.inline-link:hover {
  color: #0071bc;
}

main p a[href]:not([class]),
.inline-link {
  text-decoration: underline;
}

main p a[href]:not([class]):visited,
.inline-link:visited {
  color: #f2f2f2;
}

.theme--light main a[href]:not([class]),
.theme--light main a[href]:not([class]):visited,
main.theme--light a[href]:not([class]),
main.theme--light a[href]:not([class]):visited,
main .theme--light a[href]:not([class]),
main .theme--light a[href]:not([class]):visited {
  color: #6cb4c6;
}

.theme--light main a[href]:not([class]):hover,
main.theme--light a[href]:not([class]):hover,
main .theme--light a[href]:not([class]):hover {
  color: #0071bc;
}

.theme--light .inline-link,
.theme--light .inline-link:visited {
  color: #6cb4c6;
}

.theme--light .inline-link:hover {
  color: #0071bc;
}

.title-link a svg {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  fill: #6cb4c6;
  -webkit-transition: 120ms;
  transition: 120ms;
}

a:hover ~ .title-link a svg,
.title-link a:hover svg {
  fill: #0071bc;
}

a:hover ~ .title-link a,
a:hover ~ .title-link a:visited {
  color: #0071bc;
}

dt {
  font-weight: bold;
  margin-bottom: 0.25em;
}

dd {
  margin-left: 0;
  margin-bottom: 2em;
}

dl > dd:last-child,
dl > div:last-child dd {
  margin-bottom: 0;
}

.input:focus:invalid {
  border-color: transparent transparent #ec5a24;
}

textarea.input {
  min-height: 150px;
}

@media screen and (min-width: 768px) {
  .contact-form__row textarea {
    min-height: 200px;
  }
}

.spacer-top-none {
  padding-top: 0rem;
}

.spacer-btm-none {
  padding-bottom: 0rem;
}

.spacer-top-xsmall {
  padding-top: 1rem;
}

.spacer-btm-xsmall {
  padding-bottom: 1rem;
}

.spacer-top-small {
  padding-top: 1.5rem;
}

.spacer-btm-small {
  padding-bottom: 1.5rem;
}

.spacer-top-small-medium {
  padding-top: 2rem;
}

.spacer-btm-small-medium {
  padding-bottom: 2rem;
}

.spacer-top-medium {
  padding-top: 2.25rem;
}

.spacer-btm-medium {
  padding-bottom: 2.25rem;
}

.spacer-top-large {
  padding-top: 3rem;
}

.spacer-btm-large {
  padding-bottom: 3rem;
}

.spacer-top-xlarge {
  padding-top: 3.375rem;
}

.spacer-btm-xlarge {
  padding-bottom: 3.375rem;
}

.spacer-top-mega {
  padding-top: 4.25rem;
}

.spacer-btm-mega {
  padding-bottom: 4.25rem;
}

.spacer-top-ultra {
  padding-top: 5.9375rem;
}

.spacer-btm-ultra {
  padding-bottom: 5.9375rem;
}

.spacer-top-nav-height {
  padding-top: 6.75rem;
}

.spacer-btm-nav-height {
  padding-bottom: 6.75rem;
}

.spacer-top-page-intro {
  padding-top: 9.1875rem;
}

.spacer-btm-page-intro {
  padding-bottom: 9.1875rem;
}

@media screen and (min-width: 768px) {
  .spacer-top-none {
    padding-top: 0rem;
  }
  .spacer-btm-none {
    padding-bottom: 0rem;
  }
  .spacer-top-xsmall {
    padding-top: 1.125rem;
  }
  .spacer-btm-xsmall {
    padding-bottom: 1.125rem;
  }
  .spacer-top-small {
    padding-top: 1.5rem;
  }
  .spacer-btm-small {
    padding-bottom: 1.5rem;
  }
  .spacer-top-small-medium {
    padding-top: 2.125rem;
  }
  .spacer-btm-small-medium {
    padding-bottom: 2.125rem;
  }
  .spacer-top-medium {
    padding-top: 2.5rem;
  }
  .spacer-btm-medium {
    padding-bottom: 2.5rem;
  }
  .spacer-top-large {
    padding-top: 4rem;
  }
  .spacer-btm-large {
    padding-bottom: 4rem;
  }
  .spacer-top-xlarge {
    padding-top: 5rem;
  }
  .spacer-btm-xlarge {
    padding-bottom: 5rem;
  }
  .spacer-top-mega {
    padding-top: 6.25rem;
  }
  .spacer-btm-mega {
    padding-bottom: 6.25rem;
  }
  .spacer-top-ultra {
    padding-top: 7.5rem;
  }
  .spacer-btm-ultra {
    padding-bottom: 7.5rem;
  }
  .spacer-top-nav-height {
    padding-top: 4.5rem;
  }
  .spacer-btm-nav-height {
    padding-bottom: 4.5rem;
  }
  .spacer-top-page-intro {
    padding-top: 11.75rem;
  }
  .spacer-btm-page-intro {
    padding-bottom: 11.75rem;
  }
  .spacer-top-none\@sm {
    padding-top: 0rem;
  }
  .spacer-btm-none\@sm {
    padding-bottom: 0rem;
  }
  .spacer-top-xsmall\@sm {
    padding-top: 1.125rem;
  }
  .spacer-btm-xsmall\@sm {
    padding-bottom: 1.125rem;
  }
  .spacer-top-small\@sm {
    padding-top: 1.5rem;
  }
  .spacer-btm-small\@sm {
    padding-bottom: 1.5rem;
  }
  .spacer-top-small-medium\@sm {
    padding-top: 2.125rem;
  }
  .spacer-btm-small-medium\@sm {
    padding-bottom: 2.125rem;
  }
  .spacer-top-medium\@sm {
    padding-top: 2.5rem;
  }
  .spacer-btm-medium\@sm {
    padding-bottom: 2.5rem;
  }
  .spacer-top-large\@sm {
    padding-top: 4rem;
  }
  .spacer-btm-large\@sm {
    padding-bottom: 4rem;
  }
  .spacer-top-xlarge\@sm {
    padding-top: 5rem;
  }
  .spacer-btm-xlarge\@sm {
    padding-bottom: 5rem;
  }
  .spacer-top-mega\@sm {
    padding-top: 6.25rem;
  }
  .spacer-btm-mega\@sm {
    padding-bottom: 6.25rem;
  }
  .spacer-top-ultra\@sm {
    padding-top: 7.5rem;
  }
  .spacer-btm-ultra\@sm {
    padding-bottom: 7.5rem;
  }
  .spacer-top-nav-height\@sm {
    padding-top: 4.5rem;
  }
  .spacer-btm-nav-height\@sm {
    padding-bottom: 4.5rem;
  }
  .spacer-top-page-intro\@sm {
    padding-top: 11.75rem;
  }
  .spacer-btm-page-intro\@sm {
    padding-bottom: 11.75rem;
  }
}

@media screen and (min-width: 1024px) {
  .spacer-top-none {
    padding-top: 0rem;
  }
  .spacer-btm-none {
    padding-bottom: 0rem;
  }
  .spacer-top-xsmall {
    padding-top: 1.5rem;
  }
  .spacer-btm-xsmall {
    padding-bottom: 1.5rem;
  }
  .spacer-top-small {
    padding-top: 2rem;
  }
  .spacer-btm-small {
    padding-bottom: 2rem;
  }
  .spacer-top-small-medium {
    padding-top: 2.625rem;
  }
  .spacer-btm-small-medium {
    padding-bottom: 2.625rem;
  }
  .spacer-top-medium {
    padding-top: 3rem;
  }
  .spacer-btm-medium {
    padding-bottom: 3rem;
  }
  .spacer-top-large {
    padding-top: 5rem;
  }
  .spacer-btm-large {
    padding-bottom: 5rem;
  }
  .spacer-top-xlarge {
    padding-top: 6.25rem;
  }
  .spacer-btm-xlarge {
    padding-bottom: 6.25rem;
  }
  .spacer-top-mega {
    padding-top: 8.75rem;
  }
  .spacer-btm-mega {
    padding-bottom: 8.75rem;
  }
  .spacer-top-ultra {
    padding-top: 10rem;
  }
  .spacer-btm-ultra {
    padding-bottom: 10rem;
  }
  .spacer-top-none\@md {
    padding-top: 0rem;
  }
  .spacer-btm-none\@md {
    padding-bottom: 0rem;
  }
  .spacer-top-xsmall\@md {
    padding-top: 1.5rem;
  }
  .spacer-btm-xsmall\@md {
    padding-bottom: 1.5rem;
  }
  .spacer-top-small\@md {
    padding-top: 2rem;
  }
  .spacer-btm-small\@md {
    padding-bottom: 2rem;
  }
  .spacer-top-small-medium\@md {
    padding-top: 2.625rem;
  }
  .spacer-btm-small-medium\@md {
    padding-bottom: 2.625rem;
  }
  .spacer-top-medium\@md {
    padding-top: 3rem;
  }
  .spacer-btm-medium\@md {
    padding-bottom: 3rem;
  }
  .spacer-top-large\@md {
    padding-top: 5rem;
  }
  .spacer-btm-large\@md {
    padding-bottom: 5rem;
  }
  .spacer-top-xlarge\@md {
    padding-top: 6.25rem;
  }
  .spacer-btm-xlarge\@md {
    padding-bottom: 6.25rem;
  }
  .spacer-top-mega\@md {
    padding-top: 8.75rem;
  }
  .spacer-btm-mega\@md {
    padding-bottom: 8.75rem;
  }
  .spacer-top-ultra\@md {
    padding-top: 10rem;
  }
  .spacer-btm-ultra\@md {
    padding-bottom: 10rem;
  }
}

@media screen and (min-width: 1392px) {
  .spacer-top-none {
    padding-top: 0rem;
  }
  .spacer-btm-none {
    padding-bottom: 0rem;
  }
  .spacer-top-xsmall {
    padding-top: 1.875rem;
  }
  .spacer-btm-xsmall {
    padding-bottom: 1.875rem;
  }
  .spacer-top-small {
    padding-top: 2.5rem;
  }
  .spacer-btm-small {
    padding-bottom: 2.5rem;
  }
  .spacer-top-small-medium {
    padding-top: 3.375rem;
  }
  .spacer-btm-small-medium {
    padding-bottom: 3.375rem;
  }
  .spacer-top-medium {
    padding-top: 3.75rem;
  }
  .spacer-btm-medium {
    padding-bottom: 3.75rem;
  }
  .spacer-top-large {
    padding-top: 6.25rem;
  }
  .spacer-btm-large {
    padding-bottom: 6.25rem;
  }
  .spacer-top-xlarge {
    padding-top: 7.5rem;
  }
  .spacer-btm-xlarge {
    padding-bottom: 7.5rem;
  }
  .spacer-top-mega {
    padding-top: 10rem;
  }
  .spacer-btm-mega {
    padding-bottom: 10rem;
  }
  .spacer-top-ultra {
    padding-top: 12.5rem;
  }
  .spacer-btm-ultra {
    padding-bottom: 12.5rem;
  }
  .spacer-top-none\@lg {
    padding-top: 0rem;
  }
  .spacer-btm-none\@lg {
    padding-bottom: 0rem;
  }
  .spacer-top-xsmall\@lg {
    padding-top: 1.875rem;
  }
  .spacer-btm-xsmall\@lg {
    padding-bottom: 1.875rem;
  }
  .spacer-top-small\@lg {
    padding-top: 2.5rem;
  }
  .spacer-btm-small\@lg {
    padding-bottom: 2.5rem;
  }
  .spacer-top-small-medium\@lg {
    padding-top: 3.375rem;
  }
  .spacer-btm-small-medium\@lg {
    padding-bottom: 3.375rem;
  }
  .spacer-top-medium\@lg {
    padding-top: 3.75rem;
  }
  .spacer-btm-medium\@lg {
    padding-bottom: 3.75rem;
  }
  .spacer-top-large\@lg {
    padding-top: 6.25rem;
  }
  .spacer-btm-large\@lg {
    padding-bottom: 6.25rem;
  }
  .spacer-top-xlarge\@lg {
    padding-top: 7.5rem;
  }
  .spacer-btm-xlarge\@lg {
    padding-bottom: 7.5rem;
  }
  .spacer-top-mega\@lg {
    padding-top: 10rem;
  }
  .spacer-btm-mega\@lg {
    padding-bottom: 10rem;
  }
  .spacer-top-ultra\@lg {
    padding-top: 12.5rem;
  }
  .spacer-btm-ultra\@lg {
    padding-bottom: 12.5rem;
  }
}

.spacer-top-none\:first:first-child {
  padding-top: 0;
}

.type--teal.type--teal {
  color: #6cb4c6;
}

.fill--teal.fill--teal {
  fill: #6cb4c6;
}

.background--teal.background--teal {
  background-color: #6cb4c6;
}

.type--blue.type--blue {
  color: #0071bc;
}

.fill--blue.fill--blue {
  fill: #0071bc;
}

.background--blue.background--blue {
  background-color: #0071bc;
}

.type--orange.type--orange {
  color: #ec5a24;
}

.fill--orange.fill--orange {
  fill: #ec5a24;
}

.background--orange.background--orange {
  background-color: #ec5a24;
}

.type--yellow.type--yellow {
  color: #ffc208;
}

.fill--yellow.fill--yellow {
  fill: #ffc208;
}

.background--yellow.background--yellow {
  background-color: #ffc208;
}

.type--pink.type--pink {
  color: #ff908a;
}

.fill--pink.fill--pink {
  fill: #ff908a;
}

.background--pink.background--pink {
  background-color: #ff908a;
}

.type--white.type--white {
  color: #ffffff;
}

.fill--white.fill--white {
  fill: #ffffff;
}

.background--white.background--white {
  background-color: #ffffff;
}

.type--gray90.type--gray90 {
  color: #f2f2f2;
}

.fill--gray90.fill--gray90 {
  fill: #f2f2f2;
}

.background--gray90.background--gray90 {
  background-color: #f2f2f2;
}

.type--gray80.type--gray80 {
  color: #dadada;
}

.fill--gray80.fill--gray80 {
  fill: #dadada;
}

.background--gray80.background--gray80 {
  background-color: #dadada;
}

.type--gray60.type--gray60 {
  color: #a5a5a5;
}

.fill--gray60.fill--gray60 {
  fill: #a5a5a5;
}

.background--gray60.background--gray60 {
  background-color: #a5a5a5;
}

.type--gray40.type--gray40 {
  color: #717171;
}

.fill--gray40.fill--gray40 {
  fill: #717171;
}

.background--gray40.background--gray40 {
  background-color: #717171;
}

.type--gray30.type--gray30 {
  color: #333333;
}

.fill--gray30.fill--gray30 {
  fill: #333333;
}

.background--gray30.background--gray30 {
  background-color: #333333;
}

.type--gray20.type--gray20 {
  color: #202122;
}

.fill--gray20.fill--gray20 {
  fill: #202122;
}

.background--gray20.background--gray20 {
  background-color: #202122;
}

.type--gray10.type--gray10 {
  color: #1a1a1a;
}

.fill--gray10.fill--gray10 {
  fill: #1a1a1a;
}

.background--gray10.background--gray10 {
  background-color: #1a1a1a;
}

.type--black.type--black {
  color: #000000;
}

.fill--black.fill--black {
  fill: #000000;
}

.background--black.background--black {
  background-color: #000000;
}

.background--transparent.background--transparent {
  background-color: transparent;
}

.background--theme-reverse {
  background-color: #ffffff;
}

.theme--light .background--theme-reverse {
  background-color: #1a1a1a;
}

.flag {
  display: table;
  width: 100%;
}

.flag,
.flag .flag {
  margin-top: 32px;
}

.flag:first-child {
  margin-top: 0;
}

.flag__image,
.flag__body {
  display: table-cell;
  vertical-align: middle;
}

.flag--top .flag__image,
.flag--top .flag__body {
  vertical-align: top;
}

.flag--bottom .flag__image,
.flag--bottom .flag__body {
  vertical-align: bottom;
}

.flag__image {
  padding-right: 16px;
}

.flag__image > img {
  display: block;
  max-width: none;
}

.flag--reverse .flag__image {
  padding-right: 0;
  padding-left: 16px;
}

.flag__body {
  width: 100%;
}

.flag__body :last-child {
  margin-bottom: 0;
}

.media,
.media__body {
  overflow: hidden;
}

.media,
.media .media {
  margin-top: 32px;
}

.media:first-child {
  margin-top: 0;
}

.media__object {
  display: block;
}

.media__heading {
  margin-bottom: 5px;
}

.media > .pull-left {
  margin-right: 16px;
}

.media > .pull-right {
  margin-left: 16px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.rte {
  line-height: 1.5;
  word-wrap: break-word;
}

.rte::after {
  content: "";
  display: table;
  clear: both;
}

.rte > :first-child,
.rte > :first-child:empty + * {
  margin-top: 0;
}

.rte > :last-child {
  margin-bottom: 0;
}

.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
  margin-top: 2.8em;
  margin-bottom: 1em;
}

.rte p {
  margin-top: 1em;
}

.rte ul {
  padding-left: 1em;
}

.rte li {
  margin-top: 0.333em;
}

.rte img {
  margin-top: 2.5em;
  margin-bottom: 2.5em;
}

.rte iframe {
  max-width: 100%;
}

.rte .aspect {
  margin-bottom: 2.5em;
}

.rte .aspect iframe,
.rte .aspect img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.rte table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
}

.rte tr {
  border: 0;
  background-color: #202122;
}

.theme--light .rte tr {
  background-color: #ffffff;
}

.rte td,
.rte th {
  text-align: left;
  padding: 10px 14px;
}

@media screen and (max-width: 767px) {
  .rte td,
  .rte th {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .rte td,
  .rte th {
    padding: 36px 30px;
  }
}

@media screen and (max-width: 767px) {
  .type--left\@xs {
    text-align: left;
  }
  .type--center\@xs {
    text-align: center;
  }
  .type--right\@xs {
    text-align: right;
  }
  .hidden\@xs,
  .hidden\@xs-sm,
  .hidden\@xs-md,
  .hidden\@xs-lg,
  .hidden\@xs-sm-md,
  .hidden\@xs-sm-lg,
  .hidden\@xs-md-lg {
    display: none !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hidden\@sm,
  .hidden\@xs-sm,
  .hidden\@sm-md,
  .hidden\@sm-lg,
  .hidden\@xs-sm-md,
  .hidden\@xs-sm-lg,
  .hidden\@sm-md-lg {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .type--left\@sm\+ {
    text-align: left;
  }
  .type--center\@sm\+ {
    text-align: center;
  }
  .type--right\@sm\+ {
    text-align: right;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1391px) {
  .hidden\@md,
  .hidden\@sm-md,
  .hidden\@xs-md,
  .hidden\@md-lg,
  .hidden\@xs-sm-md,
  .hidden\@sm-md-lg,
  .hidden\@xs-md-lg {
    display: none !important;
  }
}

@media screen and (min-width: 1024px) {
  .type--left\@md\+ {
    text-align: left;
  }
  .type--center\@md\+ {
    text-align: center;
  }
  .type--right\@md\+ {
    text-align: right;
  }
}

@media screen and (min-width: 1392px) {
  .hidden\@lg,
  .hidden\@sm-lg,
  .hidden\@md-lg,
  .hidden\@xs-lg,
  .hidden\@sm-md-lg,
  .hidden\@xs-sm-lg,
  .hidden\@xs-md-lg {
    display: none !important;
  }
}

@media screen and (min-width: 1392px) {
  .type--left\@lg\+ {
    text-align: left;
  }
  .type--center\@lg\+ {
    text-align: center;
  }
  .type--right\@lg\+ {
    text-align: right;
  }
}

@media screen and (min-width: 768px) {
  .spacer-btm-none\@sm-md-lg {
    padding-bottom: 0rem !important;
  }
}

.type--center-1 {
  text-align: center;
  text-align: -webkit-center;
  text-align: -moz-center;
}

@media screen and (max-width: 768px) {
  .hidden\@xs-1,
  .hidden\@xs-sm-1,
  .hidden\@xs-md-1,
  .hidden\@xs-lg-1,
  .hidden\@xs-sm-md-1,
  .hidden\@xs-sm-lg-1,
  .hidden\@xs-md-lg-1 {
    display: none !important;
  }
  .type--center\@xs-1 {
    text-align: center;
  }
  .col-6\@xs-1 {
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  .hidden\@sm-md-lg-1 {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .type--left\@xs {
    text-align: left;
  }
  .type--center\@xs {
    text-align: center;
  }
  .type--right\@xs {
    text-align: right;
  }
  .spacer-top-none\@xs {
    padding-top: 0;
  }
  .spacer-top-small\@xs {
    padding-top: 1.5rem;
  }
  .spacer-btm-small\@xs {
    padding-bottom: 1.5rem;
  }
  .spacer-top-gutter {
    padding-top: 20px;
  }
  .spacer-btm-gutter {
    padding-bottom: 20px;
  }
  .spacer-btm-none\:last-2\@xs:nth-last-child(-n+2) {
    padding-bottom: 0;
  }
  .row--gutterless\@xs {
    margin-left: 0;
    margin-right: 0;
  }
  .row--gutterless\@xs > *[class*="col-"] {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .type--left\@sm {
    text-align: left;
  }
  .type--center\@sm {
    text-align: center;
  }
  .type--right\@sm {
    text-align: right;
  }
}

@media screen and (min-width: 768px) {
  .spacer-top-gutter {
    padding-top: 36px;
  }
  .spacer-btm-gutter {
    padding-bottom: 36px;
  }
  .spacer-btm-none\:last-4\@sm:nth-last-child(-n+4) {
    padding-bottom: 0;
  }
}

.relative {
  position: relative;
}

.static {
  position: static;
}

.ib {
  display: inline-block;
}

.block {
  display: block;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.marginless {
  margin: 0 !important;
}

.paddingless {
  padding: 0 !important;
}

.no-transition {
  -webkit-transition: none !important;
  transition: none !important;
}

.no-transition-duration {
  -webkit-transition-duration: 0ms !important;
          transition-duration: 0ms !important;
}

.height-inherit {
  height: inherit;
}

.height-full {
  height: 100%;
}

.no-min-height {
  min-height: 0;
}

.width-inherit {
  width: inherit;
}

.width-full {
  width: 100%;
}

.no-min-width {
  min-width: 0;
}

.grab {
  cursor: -webkit-grab;
  cursor: grab;
}

.grab.grabbing,
.grabbing,
.grabbing .grab {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

[unselectable="on"],
.unselectable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.ghost-center-wrap {
  font-size: 0;
  height: 100%;
}

.ghost-center-wrap:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}

.ghost-center-wrap .ghost-center {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  font-size: 1rem;
}

.table-center-wrap {
  display: table;
  table-layout: fixed;
}

.table-center {
  display: table-cell;
  vertical-align: middle;
}

.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.justify-content-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.fill-parent, .aspect > div,
.aspect__inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear;
}

.fade.in {
  opacity: 1;
}

.responsive-image-cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
}

.odo-responsive-img--cover {
  overflow: hidden;
}

.odo-responsive-img--cover img {
  width: 100%;
  max-width: none;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.no-overflow,
.no-scroll {
  overflow: hidden;
}

.off-screen {
  position: absolute !important;
  left: -9999px !important;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.invisible {
  visibility: hidden;
}

.unstyled-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.unstyled-button {
  padding: 0;
  background: none;
  border: 0;
}

.unstyled-button:focus {
  outline: 0;
}

.fixed {
  position: fixed !important;
}

@media screen and (max-width: 767px) {
  .flex-1 {
    display: block;
  }
}

.flex--justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.odo-responsive-img--cover {
  overflow: hidden;
}

.odo-dropdown__options {
  max-height: 286px;
  overflow-y: auto;
}

.auto-margin {
  margin: auto;
}

.two-margin {
  margin-bottom: 2em;
}

.one-margin {
  margin-bottom: 1em;
}

.small-margin {
  margin-bottom: 0.5em;
}

.tiny-margin {
  margin-bottom: 0.25em;
}

.tiny-margin--top {
  margin-top: 0.25em;
}

.no-margin {
  margin-bottom: 0;
}

@media print {
  .hidden\@print {
    display: none !important;
  }
  .spacer-top-none\@print {
    padding-top: 0;
  }
  .spacer-btm-none\@print {
    padding-bottom: 0;
  }
  html {
    background-color: white;
  }
  main {
    overflow: visible;
  }
  body {
    width: 100%;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .tile,
  ul,
  img {
    page-break-inside: avoid;
  }
}

.tech-specs__list-item {
  color: #1a1a1a !important;
}

.alexa-content-1 {
  background-color: #1a1a1a !important;
}

.alexa-content {
  background-color: #2a2d32;
  color: #ffffff !important;
}

.alexa-content .type-display-3, .alexa-content .type-display-2 {
  color: #ffffff !important;
  margin-top: 32px !important;
}

.alexa-content .type-body-4, .alexa-content .rte p, .rte .alexa-content p, .alexa-content .rte li, .rte .alexa-content li, .alexa-content .type-body-2, .alexa-content .type-body-1 {
  color: #ffffff !important;
}

.landing-content-1 {
  background-color: #1a1a1a !important;
}

.landing-content-2 {
  background-color: rgba(0, 113, 188, 0.05);
  color: #000 !important;
  padding-top: 109px;
}

.landing-content {
  background-color: #2a2d32;
  color: #ffffff !important;
}

.landing-content .type-display-3, .landing-content .type-display-2 {
  color: #ffffff !important;
  margin-top: 32px !important;
}

.landing-content .type-body-4, .landing-content .rte p, .rte .landing-content p, .landing-content .rte li, .rte .landing-content li, .landing-content .type-body-2, .landing-content .type-body-1 {
  color: #ffffff !important;
}

.btn--landing {
  color: #ffffff !important;
  border-color: #ffffff !important;
}

.landing-title {
  padding-top: 160px;
}

.landing-title-1 {
  padding-top: 35px;
}

@media screen and (min-width: 768px) {
  .landing-title {
    padding-top: 125px;
  }
  .landing-content-2 {
    padding-top: 72px;
  }
}

.img--center--row {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.img--center--col {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex--filler {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.plex-featured-image, .alexa-featured-image {
  height: 85vh;
}

.plex-featured-image__img {
  z-index: 0;
}

.plex-featured-image__container {
  z-index: 1;
}

.plex-featured-image__content {
  position: absolute;
  top: 25%;
  width: 60%;
  padding-left: 0px;
}

@media screen and (max-height: 680px) {
  .plex-featured-image {
    min-height: 640px;
  }
}

@media screen and (max-width: 768px) {
  .alexa-featured-image__img {
    left: -200px;
  }
  .alexa-featured-image {
    height: 70vh !important;
  }
}

@media screen and (max-width: 768px) {
  .plex-featured-image__content {
    width: 70%;
  }
  .plex-featured-image__img {
    left: -420px;
  }
  .alexa-featured-image__img {
    left: -420px;
  }
}

@media screen and (max-width: 360px) {
  .plex-featured-image__content {
    width: 75%;
  }
}

@media screen and (max-width: 667px) and (max-height: 375px) {
  .alexa-featured-image__img {
    left: -20px;
  }
}

/* @media screen and (min-width: 768px) {
  .plex-featured-image__content {
    top:25%;
    width: 45%;
    padding-left: 5%;
  }
} */
.plex-text {
  color: #fff !important;
}

.plex-btn {
  border-color: #fff !important;
}

.plex-media-icon-wrap {
  width: 85px;
}

.plex-media-icon-wrap1 {
  width: 54px;
}

.plex-media-icon-wrap2 {
  width: 81px;
  height: 35px;
}

@media screen and (min-width: 1024px) {
  .plex-type-display-3 {
    font-size: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .plex-media-icon-wrap {
    width: 50px;
  }
  .plex-media-icon-wrap2 {
    width: 50px;
    height: 22px;
  }
  .type-body-3-2 {
    font-size: 16px;
  }
}

@media screen and (max-width: 360px) {
  .type-body-3-2 {
    font-size: 15px;
  }
  .plex-featured-image__img {
    left: -420px;
  }
  .plex-type-display-3 {
    font-size: 24px !important;
  }
}

.black {
  color: #000 !important;
}

.white {
  color: #fff !important;
}

.white-border {
  border-color: #fff !important;
}

.font-15 {
  font-size: 15px;
}

@media screen and (max-width: 767px) {
  .font-15 {
    font-size: 13px;
  }
}

.text_and_image__text {
  width: 90%;
}

@media screen and (min-width: 768px) {
  .text_and_image__text {
    padding-right: 10px;
    padding-left: 0px;
  }
  .text_and_image__img, .divider--right {
    margin-left: auto;
  }
  .text_and_image__text .type-body-4, .text_and_image__text .rte p, .rte .text_and_image__text p, .text_and_image__text .rte li, .rte .text_and_image__text li {
    font-size: 13px;
  }
  .image-full-with-text__text {
    text-align: right;
  }
}

@media screen and (max-width: 768px) {
  .text_and_image__text {
    padding-right: 10px;
    padding-left: 0px;
  }
  .text_and_image__text .type-body-3 {
    /*     font-weight: bold; */
  }
  .text_and_image__text .type-body-4, .text_and_image__text .rte p, .rte .text_and_image__text p, .text_and_image__text .rte li, .rte .text_and_image__text li {
    font-size: 13px;
  }
}

.btm-sticky {
  position: absolute;
  bottom: 0;
}

.marketing-section-stroke {
  stroke: #0071bc;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #1a1a1a !important;
  color: white;
  min-width: 160px;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 2;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  color: white;
}

.dropdown-content a:hover {
  background-color: #1a1a1a !important;
  color: white;
}

.dropdown:hover .dropbtn {
  border-bottom: none;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown .active-lnk:hover {
  color: #0071bc !important;
}

.header-drpdwn.dropdown .dropbtn {
  border: none;
  outline: none;
  color: #1a1a1a;
  padding: 14px 10px;
  font-family: inherit;
  margin: 0;
}

.header-drpdwn.dropdown .dropbtn a {
  border: none;
  outline: none;
  padding: 14px 10px;
  font-family: inherit;
  margin: 0;
  text-decoration: none  !important;
}

.header-drpdwn.dropdown:hover .dropbtn {
  border-bottom: none;
}

.product-nav {
  top: 109px;
  position: fixed;
  z-index: 10;
  width: 100%;
  background: white;
}

.product-header.dropdown .dropbtn {
  border: none;
  outline: none;
  color: #1a1a1a;
  padding: 14px 5px;
  background-color: white !important;
  font-family: inherit;
  margin: 0;
}

.product-header.dropdown .dropbtn a {
  border: none;
  outline: none;
  color: #1a1a1a !important;
  padding: 14px 5px;
  background-color: white !important;
  font-family: inherit;
  margin: 0;
  text-decoration: none  !important;
}

.product-header.dropdown:hover .dropbtn {
  border-bottom: none;
}

.product-header.dropdown .active-lnk:hover {
  color: #0071bc !important;
}

.product-hero-padding {
  padding-top: 181px;
}

@media screen and (min-width: 768px) {
  .product-nav {
    top: 72px;
    padding-left: 60px;
  }
  .product-hero-padding {
    padding-top: 116px;
  }
  .product-header.dropdown .dropbtn {
    padding: 14px 16px;
  }
  .product-header.dropdown .dropbtn a {
    padding: 14px 16px;
  }
}

@media screen and (min-width: 1024px) {
  .product-nav {
    top: 72px;
  }
  .product-nav.specs_subnav {
    top: 122px;
  }
  .product-hero-padding {
    padding-top: 120px;
  }
}

.header-padding {
  padding-top: 120px;
}

@media screen and (min-width: 768px) {
  .header-padding {
    padding-top: 76px;
  }
}

@media screen and (max-width: 767px) {
  .no-border-xs {
    border: 0px !important;
  }
  .spacer-top-medium-xs {
    padding-top: 2.25rem;
  }
}

/*********mobile navigation*********************/
@media screen and (min-width: 767px) {
  .header-drpdwn.dropdown .dropbtn a {
    color: #1a1a1a !important;
    background-color: white !important;
  }
  .dropdown .dropbtn a {
    color: white !important;
    background-color: #1a1a1a !important;
  }
  .header-drpdwn.dropdown .active-lnk:hover {
    color: #0071bc !important;
  }
  .header-drpdwn.dropdown .dropbtn {
    background-color: white !important;
  }
}

@media screen and (max-width: 767px) {
  .header-drpdwn.dropdown .dropbtn a {
    color: #1a1a1a !important;
    background-color: white !important;
  }
  .mobile-dropdown-active.dropdown .active-lnk:hover {
    color: #fff !important;
    background: #0071bc !important;
  }
  .mobile-dropdown-active.dropdown .active-lnk:focus {
    color: #fff !important;
    background: #0071bc !important;
  }
  .header-drpdwn.dropdown.mobile-dropdown.mobile-dropdown-active {
    width: 100% !important;
  }
  .header-drpdwn.dropdown.mobile-dropdown.mobile-dropdown-active:hover {
    color: #fff !important;
    background: #0071bc !important;
  }
  .header-drpdwn.dropdown.mobile-dropdown.mobile-dropdown-active:hover .dropbtn {
    color: #fff !important;
  }
  .header-drpdwn.dropdown.mobile-dropdown.mobile-dropdown-active:focus {
    color: #fff !important;
    background: #0071bc !important;
  }
  .header-drpdwn.dropdown.mobile-dropdown.mobile-dropdown-active:focus .dropbtn {
    color: #fff !important;
  }
  .link-active {
    width: 100% !important;
  }
  .nav-footer-link {
    width: 100% !important;
  }
  .nav-footer-link li a:hover {
    color: #fff !important;
    background: #0071bc !important;
  }
}

.button_container {
  position: fixed;
  top: 3%;
  right: 2%;
  height: 27px;
  width: 35px;
  cursor: pointer;
  z-index: 100;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;
  z-index: 999;
}

.button_container:hover {
  opacity: .7;
}

.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
  transform: translateY(11px) translateX(0) rotate(45deg);
  background: #000;
}

.button_container.active .middle {
  opacity: 0;
  background: #FFF;
}

.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
  transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #000;
}

.button_container span {
  background: #000;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;
}

.button_container span:nth-of-type(2) {
  top: 11px;
}

.button_container span:nth-of-type(3) {
  top: 22px;
}

.mobile-nav-overlay {
  position: fixed;
  background: #fff;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
  z-index: 12;
}

.mobile-nav-overlay.open {
  opacity: 10;
  visibility: visible;
  overflow-y: scroll;
  height: 100%;
}

.mobile-nav-overlay.open li {
  -webkit-animation: fadeInRight .1335s ease forwards;
  animation: fadeInRight .1335s ease forwards;
  -webkit-animation-delay: .1335s;
  animation-delay: .1335s;
}

.mobile-nav-overlay nav {
  position: relative;
  height: 70%;
  margin-top: 10px;
  top: 14%;
  text-align: center;
}

.mobile-nav-overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}

.mobile-nav-overlay ul li {
  display: block;
  height: 5%;
  position: relative;
  opacity: 0;
}

.mobile-nav-overlay ul li a {
  display: block;
  position: relative;
  color: #000;
  text-decoration: none;
  overflow: hidden;
}

.mobile-nav-overlay ul li a:hover:after, .mobile-nav-overlay ul li a:focus:after, .mobile-nav-overlay ul li a:active:after {
  width: 100%;
}

.mobile-nav-overlay ul li a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 3px;
  -webkit-transition: .35s;
  transition: .35s;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

.main-nav {
  padding-bottom: 20px;
}

.margin-auto-xs {
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .main-nav .cart-link {
    right: 79px !important;
  }
  .mobile-dropdown {
    width: 100%;
  }
  .header-drpdwn.dropdown .dropbtn {
    background-color: transparent !important;
  }
  .dropdown-content {
    min-width: 100% !important;
  }
  .dropdown-content a {
    text-align: center;
  }
  .dropdown-content a:hover {
    background-color: transparent !important;
  }
  .mobile-dropdown-active.dropdown .active-lnk:hover {
    color: #fff;
    background: #0071bc;
  }
}
.product-block {
  text-decoration: none;
}
.caavo-logo {
  fill: #1a1a1a;
}

.theme--light .caavo-logo {
  fill: #1a1a1a;
}

.page-footer__logo .caavo-logo {
  fill: #ffffff;
}

.cart-link {
  width: 54px;
  height: 27px;
  border-radius: 20px;
  background-color: #000000;
  color: #ffffff;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: 120ms;
  transition: 120ms;
  cursor: pointer;
}

.cart-link.cart-link:hover {
  background-color: #0071bc;
}

.cart-link svg {
  fill: #ffffff;
  width: 13px;
  height: 10px;
}

.cart-link__count {
  margin-left: 10px;
}

.cart-link__count:empty {
  display: none;
}

.cart-link__active {
  background-color: #0071bc;
}

.main-nav {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 20px;
  background-color: #ffffff;
}

@media screen and (max-width: 767px) {
  .main-nav__logo {
    padding-left: calc(4% + 10px);
  }
  .main-nav .caavo-logo {
    height: 28px;
    width: 112px;
  }
  .main-nav .cart-link {
    position: absolute;
    top: 0;
    right: calc(4% + 10px);
  }
  .main-nav .caavo-logo__text {
    display: none;
  }
  .main-nav__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main-nav__links {
    padding-right: calc(4% + 10px);
    padding-left: calc(4% + 10px);
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    margin-top: 20px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .theme--light .main-nav__links {
    border-top-color: #f2f2f2;
    border-bottom-color: #f2f2f2;
  }
  .main-nav__link {
    font-size: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

@media screen and (min-width: 768px) {
  .height-full {
    height: 100%;
  }
  .cart-link {
    width: 80px;
    height: 40px;
    font-size: 12px;
  }
  .cart-link[data-count="0"] {
    width: 70px;
  }
  .cart-link svg {
    width: 20px;
    height: 15px;
  }
  .main-nav {
    padding-top: 16px;
    padding-right: 60px;
    padding-bottom: 16px;
    padding-left: 60px;
  }
  .main-nav__nav {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .main-nav__links {
    margin-left: auto;
  }
  .main-nav__link {
    margin-right: 50px;
  }
}

.btn-pay {
  border: 1px solid #6d6d6d;
  outline: 0;
  padding: 1px 18px;
  width: 100%;
  height: 100%;
  min-height: 100%;
  border-radius: 5px;
  cursor: default !important;
  padding-top: 6px;
}

.btn-gpay {
  background-color: #000;
  padding-left: 30px;
  padding-right: 30px;
}

.btn-amazonpay {
  background-color: #f9d581;
}

.paypal-button-container {
  display: block;
  white-space: nowrap;
  margin: 0;
  background: 0;
  border: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: none;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  z-index: 0;
  font-size: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.paypal-button:not(.paypal-button-card), .btn-pay {
  border: 1px solid transparent;
  border-radius: 5px;
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  vertical-align: top;
  outline: none;
  overflow: hidden;
}

.paypal-button.paypal-button-color-transparent {
  cursor: auto;
}

.paypal-button * {
  cursor: auto;
}

.paypal-button-container.paypal-button-env-test .paypal-button-text {
  font-family: Arial !important;
  background: rgba(0, 0, 0, 0.5) !important;
  color: transparent  !important;
  text-shadow: none  !important;
}

.paypal-button-card, .paypal-button-card * {
  cursor: pointer;
}

.paypal-button:focus, .paypal-button-card:focus {
  outline: none;
}

.paypal-should-focus .paypal-button:focus,
.paypal-should-focus .paypal-button-card:focus {
  outline: solid 2px Highlight;
  outline: auto 5px -webkit-focus-ring-color;
  outline-offset: -3px;
}

.paypal-button:focus {
  -webkit-box-shadow: -1px -1px 18px 1px rgba(0, 0, 0, 0.25) inset;
          box-shadow: -1px -1px 18px 1px rgba(0, 0, 0, 0.25) inset;
}

.paypal-button.paypal-button-color-transparent:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.paypal-button-logo {
  padding: 0;
  display: inline-block;
  background: none;
  border: none;
  width: auto;
}

.paypal-button-text {
  display: inline-block;
  white-space: pre-wrap;
}

.paypal-button .paypal-button-logo,
.paypal-button .paypal-button-text {
  vertical-align: top;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  text-align: left;
}

.paypal-button .paypal-button-card {
  border-radius: 4px;
}

.paypal-button .paypal-button-text {
  visibility: hidden;
}

.powered-by-paypal > .paypal-button-text {
  vertical-align: top;
  line-height: 18px;
}

.powered-by-paypal > .paypal-button-logo {
  height: 16px;
  min-height: 16px;
}

.paypal-button-tagline {
  max-width: 100%;
  font-weight: normal;
  display: block;
  text-align: center;
  width: auto;
  visibility: hidden;
}

.paypal-separator {
  height: 80%;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  margin: 0 8px;
  display: inline-block;
  position: relative;
  top: 10%;
}

.paypal-button.paypal-button-color-black .paypal-separator {
  border-color: rgba(255, 255, 255, 0.45);
}

.paypal-button.paypal-button-color-gold {
  background: #ffc439;
  color: #111;
}

.paypal-button.paypal-button-color-blue {
  background: #009cde;
  color: #fff;
}

.paypal-button.paypal-button-color-silver {
  background: #eee;
  color: #111;
}

.paypal-button.paypal-button-color-black {
  background: #2C2E2F;
  color: #fff;
}

.paypal-button.paypal-button-color-darkblue {
  background: #003087;
  color: #fff;
}

.paypal-button.paypal-button-color-transparent {
  background: transparent;
  color: #111;
}

.paypal-button.paypal-button-color-white {
  background: #fff;
  color: #2C2E2F;
  border: 1px solid #2C2E2F;
}

.paypal-button-container.paypal-button-layout-vertical .paypal-button-tagline {
  display: none;
}

.paypal-button.paypal-button-branding-unbranded {
  min-width: 60%;
  width: auto;
  font-weight: 900;
}

.paypal-button.paypal-button-branding-unbranded .paypal-button-logo {
  display: none;
}

.paypal-button.paypal-button-label-card {
  border-radius: 0 !important;
}

.paypal-button.paypal-button-label-credit .paypal-button-text {
  display: none !important;
}

.paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-label-credit .paypal-button-logo.paypal-button-logo-paypal {
  display: none;
}

@media only screen and (max-width: 150px) {
  .paypal-button.paypal-button-label-credit .paypal-button-logo.paypal-button-logo-paypal {
    display: none;
  }
}

@media only screen and (min-width: 150px) {
  .paypal-button.paypal-button-label-credit .paypal-button-logo.paypal-button-logo-paypal {
    display: inline-block;
  }
}

@media only screen and (min-width: 75px) {
  .paypal-button-container {
    font-size: 13px;
  }
  .paypal-button:not(.paypal-button-card), .btn-pay {
    height: 42px;
    min-height: 42px;
    max-height: 42px;
  }
  .paypal-button.paypal-button-branding-unbranded {
    font-size: 19px;
  }
  .paypal-button-logo {
    height: 20px;
    max-height: 25px;
    min-height: 17px;
  }
  .paypal-button-logo.paypal-button-logo-eps,
  .paypal-button-logo.paypal-button-logo-mybank {
    height: 26px;
    max-height: 29px;
    min-height: 17px;
  }
  .paypal-button.paypal-button-shape-pill {
    border-radius: 21px;
  }
  .paypal-button.paypal-button-shape-rect {
    border-radius: 4px;
  }
  .paypal-button.paypal-button-layout-vertical {
    margin-bottom: 13px;
  }
  .paypal-separator {
    margin: 0 2px;
  }
  .paypal-button-tagline {
    display: none;
    height: 21px;
    line-height: 21px;
  }
  .paypal-button-fundingicons {
    display: block;
    height: 42px;
  }
  .paypal-button-card {
    display: inline-block;
  }
  .paypal-button .paypal-button-card {
    width: 22.50%;
    max-width: 67px;
    margin-top: 0;
    margin-left: 1.25%;
    margin-right: 1.25%;
  }
  .paypal-button .paypal-button-card img {
    width: 100%;
  }
  .paypal-button-fundingicons .paypal-button-card {
    height: 29px;
    margin-top: 6px;
    margin-left: 3px;
    margin-right: 3px;
  }
  .paypal-button-fundingicons .paypal-button-card img {
    height: 100%;
  }
}

@media only screen and (min-width: 75px) and (max-width: 235px) {
  .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-0 {
    width: 100%;
    margin-right: 0;
  }
  .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-1 {
    display: none;
  }
  .paypal-button-container.paypal-button-layout-horizontal.paypal-button-number-multiple .paypal-button-tagline {
    display: none;
  }
}

@media only screen and (min-width: 235px) {
  .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-0 {
    display: inline-block;
    width: calc(50% - 2px);
    margin-right: 4px;
  }
  .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-1 {
    display: inline-block;
    width: calc(50% - 2px);
  }
  .paypal-button-container.paypal-button-layout-horizontal.paypal-button-number-multiple .paypal-button-tagline {
    display: block;
  }
}

@media only screen and (min-width: 150px) {
  .paypal-button-container {
    font-size: 13px;
  }
  .paypal-button:not(.paypal-button-card), .btn-pay {
    height: 42px;
    min-height: 42px;
    max-height: 42px;
  }
  .paypal-button.paypal-button-branding-unbranded {
    font-size: 19px;
  }
  .paypal-button-logo {
    height: 20px;
    max-height: 25px;
    min-height: 17px;
  }
  .paypal-button-logo.paypal-button-logo-eps,
  .paypal-button-logo.paypal-button-logo-mybank {
    height: 26px;
    max-height: 29px;
    min-height: 17px;
  }
  .paypal-button.paypal-button-shape-pill {
    border-radius: 21px;
  }
  .paypal-button.paypal-button-shape-rect {
    border-radius: 4px;
  }
  .paypal-button.paypal-button-layout-vertical {
    margin-bottom: 13px;
  }
  .paypal-separator {
    margin: 0 2px;
  }
  .paypal-button-tagline {
    display: block;
    height: 21px;
    line-height: 21px;
  }
  .paypal-button-fundingicons {
    display: block;
    height: 42px;
  }
  .paypal-button-card {
    display: inline-block;
  }
  .paypal-button .paypal-button-card {
    width: 22.50%;
    max-width: 67px;
    margin-top: 0;
    margin-left: 1.25%;
    margin-right: 1.25%;
  }
  .paypal-button .paypal-button-card img {
    width: 100%;
  }
  .paypal-button-fundingicons .paypal-button-card {
    height: 29px;
    margin-top: 6px;
    margin-left: 3px;
    margin-right: 3px;
  }
  .paypal-button-fundingicons .paypal-button-card img {
    height: 100%;
  }
}

@media only screen and (min-width: 150px) and (max-width: 235px) {
  .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-0 {
    width: 100%;
    margin-right: 0;
  }
  .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-1 {
    display: none;
  }
  .paypal-button-container.paypal-button-layout-horizontal.paypal-button-number-multiple .paypal-button-tagline {
    display: none;
  }
}

@media only screen and (min-width: 235px) {
  .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-0 {
    display: inline-block;
    width: calc(50% - 2px);
    margin-right: 4px;
  }
  .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-1 {
    display: inline-block;
    width: calc(50% - 2px);
  }
  .paypal-button-container.paypal-button-layout-horizontal.paypal-button-number-multiple .paypal-button-tagline {
    display: block;
  }
}

@media only screen and (min-width: 200px) {
  .paypal-button-container {
    font-size: 13px;
  }
  .paypal-button:not(.paypal-button-card), .btn-pay {
    height: 42px;
    min-height: 42px;
    max-height: 42px;
  }
  .paypal-button.paypal-button-branding-unbranded {
    font-size: 19px;
  }
  .paypal-button-logo {
    height: 20px;
    max-height: 25px;
    min-height: 17px;
  }
  .paypal-button-logo.paypal-button-logo-eps,
  .paypal-button-logo.paypal-button-logo-mybank {
    height: 26px;
    max-height: 29px;
    min-height: 17px;
  }
  .paypal-button.paypal-button-shape-pill {
    border-radius: 21px;
  }
  .paypal-button.paypal-button-shape-rect {
    border-radius: 4px;
  }
  .paypal-button.paypal-button-layout-vertical {
    margin-bottom: 13px;
  }
  .paypal-separator {
    margin: 0 2px;
  }
  .paypal-button-tagline {
    display: block;
    height: 21px;
    line-height: 21px;
  }
  .paypal-button-fundingicons {
    display: block;
    height: 42px;
  }
  .paypal-button-card {
    display: inline-block;
  }
  .paypal-button .paypal-button-card {
    width: 22.50%;
    max-width: 67px;
    margin-top: 0;
    margin-left: 1.25%;
    margin-right: 1.25%;
  }
  .paypal-button .paypal-button-card img {
    width: 100%;
  }
  .paypal-button-fundingicons .paypal-button-card {
    height: 29px;
    margin-top: 6px;
    margin-left: 3px;
    margin-right: 3px;
  }
  .paypal-button-fundingicons .paypal-button-card img {
    height: 100%;
  }
}

@media only screen and (min-width: 200px) and (max-width: 235px) {
  .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-0 {
    width: 100%;
    margin-right: 0;
  }
  .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-1 {
    display: none;
  }
  .paypal-button-container.paypal-button-layout-horizontal.paypal-button-number-multiple .paypal-button-tagline {
    display: none;
  }
}

@media only screen and (min-width: 235px) {
  .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-0 {
    display: inline-block;
    width: calc(50% - 2px);
    margin-right: 4px;
  }
  .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-1 {
    display: inline-block;
    width: calc(50% - 2px);
  }
  .paypal-button-container.paypal-button-layout-horizontal.paypal-button-number-multiple .paypal-button-tagline {
    display: block;
  }
}

@media only screen and (min-width: 300px) {
  .paypal-button-container {
    font-size: 13px;
  }
  .paypal-button:not(.paypal-button-card), .btn-pay {
    height: 42px;
    min-height: 42px;
    max-height: 42px;
  }
  .paypal-button.paypal-button-branding-unbranded {
    font-size: 19px;
  }
  .paypal-button-logo {
    height: 20px;
    max-height: 25px;
    min-height: 17px;
  }
  .paypal-button-logo.paypal-button-logo-eps,
  .paypal-button-logo.paypal-button-logo-mybank {
    height: 26px;
    max-height: 29px;
    min-height: 17px;
  }
  .paypal-button.paypal-button-shape-pill {
    border-radius: 21px;
  }
  .paypal-button.paypal-button-shape-rect {
    border-radius: 4px;
  }
  .paypal-button.paypal-button-layout-vertical {
    margin-bottom: 13px;
  }
  .paypal-separator {
    margin: 0 2px;
  }
  .paypal-button-tagline {
    display: block;
    height: 21px;
    line-height: 21px;
  }
  .paypal-button-fundingicons {
    display: block;
    height: 42px;
  }
  .paypal-button-card {
    display: inline-block;
  }
  .paypal-button .paypal-button-card {
    width: 22.50%;
    max-width: 67px;
    margin-top: 0;
    margin-left: 1.25%;
    margin-right: 1.25%;
  }
  .paypal-button .paypal-button-card img {
    width: 100%;
  }
  .paypal-button-fundingicons .paypal-button-card {
    height: 29px;
    margin-top: 6px;
    margin-left: 3px;
    margin-right: 3px;
  }
  .paypal-button-fundingicons .paypal-button-card img {
    height: 100%;
  }
}

@media only screen and (min-width: 300px) and (max-width: 235px) {
  .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-0 {
    width: 100%;
    margin-right: 0;
  }
  .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-1 {
    display: none;
  }
  .paypal-button-container.paypal-button-layout-horizontal.paypal-button-number-multiple .paypal-button-tagline {
    display: none;
  }
}

@media only screen and (min-width: 300px) {
  .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-0 {
    display: inline-block;
    width: calc(50% - 2px);
    margin-right: 4px;
  }
  .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-1 {
    display: inline-block;
    width: calc(50% - 2px);
  }
  .paypal-button-container.paypal-button-layout-horizontal.paypal-button-number-multiple .paypal-button-tagline {
    display: block;
  }
}

@media only screen and (min-width: 500px) {
  .paypal-button-container {
    font-size: 13px;
  }
  .paypal-button:not(.paypal-button-card), .btn-pay {
    height: 42px;
    min-height: 42px;
    max-height: 42px;
  }
  .paypal-button.paypal-button-branding-unbranded {
    font-size: 19px;
  }
  .paypal-button-logo {
    height: 20px;
    max-height: 25px;
    min-height: 17px;
  }
  .paypal-button-logo.paypal-button-logo-eps,
  .paypal-button-logo.paypal-button-logo-mybank {
    height: 26px;
    max-height: 29px;
    min-height: 17px;
  }
  .paypal-button.paypal-button-shape-pill {
    border-radius: 21px;
  }
  .paypal-button.paypal-button-shape-rect {
    border-radius: 4px;
  }
  .paypal-button.paypal-button-layout-vertical {
    margin-bottom: 13px;
  }
  .paypal-separator {
    margin: 0 2px;
  }
  .paypal-button-tagline {
    display: block;
    height: 21px;
    line-height: 21px;
  }
  .paypal-button-fundingicons {
    display: block;
    height: 42px;
  }
  .paypal-button-card {
    display: inline-block;
  }
  .paypal-button .paypal-button-card {
    width: 22.50%;
    max-width: 67px;
    margin-top: 0;
    margin-left: 1.25%;
    margin-right: 1.25%;
  }
  .paypal-button .paypal-button-card img {
    width: 100%;
  }
  .paypal-button-fundingicons .paypal-button-card {
    height: 29px;
    margin-top: 6px;
    margin-left: 3px;
    margin-right: 3px;
  }
  .paypal-button-fundingicons .paypal-button-card img {
    height: 100%;
  }
}

@media only screen and (min-width: 500px) and (max-width: 235px) {
  .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-0 {
    width: 100%;
    margin-right: 0;
  }
  .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-1 {
    display: none;
  }
  .paypal-button-container.paypal-button-layout-horizontal.paypal-button-number-multiple .paypal-button-tagline {
    display: none;
  }
}

@media only screen and (min-width: 500px) {
  .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-0 {
    display: inline-block;
    width: calc(50% - 2px);
    margin-right: 4px;
  }
  .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-1 {
    display: inline-block;
    width: calc(50% - 2px);
  }
  .paypal-button-container.paypal-button-layout-horizontal.paypal-button-number-multiple .paypal-button-tagline {
    display: block;
  }
}
.page-footer__links {
  -webkit-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 20px;
          column-gap: 20px;
}

.page-footer__links li {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  padding-top: 4px;
  padding-bottom: 4px;
}

.page-footer__links li .link {
  display: inline-block;
}

.page-footer .cart-link {
  margin-top: 1em;
  background-color: #202122;
}

.page-footer__social {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.page-footer .social-links svg {
  fill: #ffffff;
}

.page-footer__login-divider {
  display: inline-block;
  margin: 0 5px;
}

@media screen and (max-width: 767px) {
  .page-footer__social {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (min-width: 768px) {
  .page-footer__logo {
    margin-bottom: 16px;
  }
  .page-footer__links {
    -webkit-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 36px;
            column-gap: 36px;
  }
  .page-footer .cart-link {
    margin-top: 16px;
  }
  .page-footer .social-links {
    margin-left: 10px;
  }
}
.mailing-list {
  padding: 21px 17px;
  background-color: #1a1a1a;
  border-radius: 3px;
}

.mailing-list__input {
  width: 100%;
  padding: 16px 8px;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.05);
  color: #ffffff;
  border: 0;
}

.mailing-list__input::-webkit-input-placeholder {
  color: #ffffff;
}

.mailing-list__input:-ms-input-placeholder {
  color: #ffffff;
}

.mailing-list__input::-ms-input-placeholder {
  color: #ffffff;
}

.mailing-list__input::placeholder {
  color: #ffffff;
}

.mailing-list__input:-webkit-autofill {
  -webkit-text-fill-color: #ffffff;
  text-fill-color: #ffffff;
  -webkit-box-shadow: 0 0 0 100px #272727 inset;
          box-shadow: 0 0 0 100px #272727 inset;
}

.mailing-list__input:valid + button svg {
  fill: #ffffff;
}

.mailing-list__btn {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -15px;
}

.mailing-list__btn svg {
  fill: #717171;
  width: 30px;
  height: 30px;
}

.mailing-list__label {
  padding-bottom: 21px;
}

@media screen and (min-width: 768px) {
  .mailing-list {
    padding: 24px;
  }
  .mailing-list__label {
    padding-bottom: 24px;
  }
  .page-footer .cart-link {
    margin-left: -6px;
  }
}
.image-with-text img {
  width: 100%;
}

.image-with-text__copy {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.image-with-text__image {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media screen and (min-width: 768px) {
  .image-with-text--left .image-with-text__image {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .image-with-text--left .image-with-text__copy {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.header--colored {
  padding-top: 156px;
}

@media screen and (min-width: 768px) {
  .header--colored {
    padding-top: 120px;
  }
}

@media screen and (min-width: 1024px) {
  .header--colored {
    padding-top: 160px;
  }
}

@media screen and (min-width: 1392px) {
  .header--colored {
    padding-top: 180px;
  }
}
.odo-dropdown {
  position: relative;
  width: 220px;
}

.odo-dropdown--native .odo-dropdown__select {
  z-index: 1;
  visibility: visible;
  width: 100%;
  height: 100%;
  padding: 10px;
  opacity: 0;
  background-color: #ffffff;
}

.odo-dropdown:focus,
.odo-dropdown__option:focus {
  outline: none;
}

.odo-dropdown__button {
  position: relative;
  display: block;
  width: 100%;
  padding: 0.75rem 20px 0.75rem 20px;
  -webkit-transition: border-color 200ms ease-out;
  transition: border-color 200ms ease-out;
  border: 2px solid #dadada;
  border-radius: 4px;
  background: none;
  cursor: pointer;
  -webkit-appearance: none;
}

.odo-dropdown__select.focus-ring + .odo-dropdown__button,
.odo-dropdown__button.focus-ring {
  border-color: #0071bc;
  outline: none;
}

.odo-dropdown__button:disabled {
  border-color: #a5a5a5;
  cursor: auto;
}

.odo-dropdown__button:disabled .odo-dropdown__default,
.odo-dropdown__button:disabled .odo-dropdown__value {
  color: #a5a5a5;
}

.odo-dropdown__button:disabled .odo-dropdown__button-icon {
  fill: #a5a5a5;
}

.odo-dropdown__default,
.odo-dropdown__value {
  font-size: 15px;
  font-weight: 700;
  color: #1a1a1a;
}

.odo-dropdown__button-icon {
  width: 16px;
  height: 16px;
  margin-top: 1px;
  -webkit-transition: 200ms ease-out;
  transition: 200ms ease-out;
  fill: #a5a5a5;
}

.odo-dropdown__button:hover:not(:disabled) .odo-dropdown__button-icon {
  fill: #1a1a1a;
}

.odo-dropdown--open .odo-dropdown__button-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.odo-dropdown__button-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.odo-dropdown__select {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 16px;
}

.odo-dropdown__options {
  position: absolute;
  z-index: 40;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  -webkit-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
  opacity: 0;
  background-color: white;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.odo-dropdown__options--open {
  opacity: 1;
}

.odo-dropdown--open .odo-dropdown__options {
  visibility: visible;
  max-height: 286px;
  overflow-y: auto;
}

.odo-dropdown__options::-webkit-scrollbar {
  width: 7px;
  -webkit-appearance: none;
}

.odo-dropdown__options::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.odo-dropdown__option {
  padding: 13px 20px;
  cursor: pointer;
  color: #1a1a1a;
  font-size: 15px;
}

.odo-dropdown__option:not(.odo-dropdown__option--disabled):hover,
.odo-dropdown__option:not(.odo-dropdown__option--disabled).focus-ring {
  background-color: #f2f2f2;
}

.odo-dropdown__option--active {
  background-color: #f2f2f2;
}

.odo-dropdown__option--disabled {
  cursor: default;
  color: #a5a5a5;
}

.odo-dropdown__value:empty,
.no-js .odo-dropdown__button {
  display: none;
}

.no-js .odo-dropdown__select {
  position: static;
  opacity: 1;
  z-index: auto;
}

.odo-dropdown .odo-dropdown__options {
  -webkit-transform: translate(0, 45px);
          transform: translate(0, 45px);
}

@media screen and (min-width: 1024px) {
  .odo-dropdown__default,
  .odo-dropdown__value,
  .odo-dropdown__option {
    font-size: 16px;
  }
  .odo-dropdown__button {
    padding: 19px 20px;
  }
  .odo-dropdown__button-icon {
    width: 17px;
    height: 17px;
  }
  .odo-dropdown .odo-dropdown__options {
    -webkit-transform: translate(0, 60px);
            transform: translate(0, 60px);
  }
}

.quantity-selector .odo-dropdown {
  width: 83px;
}
.featured-quotes q {
  quotes: none;
}

.featured-quotes__title {
  padding-right: 28%;
}

.featured-quotes__block {
  padding-left: 22px;
  padding-right: 30px;
}

.user-quotes__block {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  min-height: 220px !important;
  -webkit-box-shadow: 8px 8px 8px 0px #EAEAEA;
          box-shadow: 8px 8px 8px 0px #EAEAEA;
}

.featured-quotes__mark-wrapper {
  width: 21px;
  height: 15px;
  overflow: hidden;
}

.featured-quotes__mark {
  position: relative;
  color: #0071bc;
  font-family: "Chronicle Display A", "Chronicle Display B", serif;
  font-size: 60px;
  top: -13px;
  left: -2px;
}

@media screen and (min-width: 1024px) {
  .featured-quotes__block {
    padding-left: 50px;
    padding-right: 75px;
  }
  .featured-quotes__mark-wrapper {
    width: 38px;
    height: 30px;
  }
  .featured-quotes__mark {
    top: -23px;
    left: -4px;
    font-size: 110px;
  }
}

@media screen and (min-width: 769px) {
  .user-quotes__block {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 25px;
    min-height: 350px !important;
  }
}