@import url(http://fast.fonts.net/t/1.css?apiType=css&projectid=30f7988b-182a-4df0-9dcd-c06002f4619e);
/* @charset "UTF-8"; */

/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under  ()
*/
/*
*  Owl Carousel - Core
*/
.owl-carousel,
.product-sliders__slider {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage,
.product-sliders__slider .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after,
.product-sliders__slider .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer,
.product-sliders__slider .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.product-sliders__slider .owl-wrapper,
.owl-carousel .owl-item,
.product-sliders__slider .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item,
.product-sliders__slider .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img,
.product-sliders__slider .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav.disabled,
.product-sliders__slider .owl-nav.disabled,
.owl-carousel .owl-dots.disabled,
.product-sliders__slider .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.product-sliders__slider .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.product-sliders__slider .owl-nav .owl-next,
.owl-carousel .owl-dot,
.product-sliders__slider .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded,
.owl-loaded.product-sliders__slider {
  display: block;
}

.owl-carousel.owl-loading,
.owl-loading.product-sliders__slider {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden,
.owl-hidden.product-sliders__slider {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item,
.owl-refresh.product-sliders__slider .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item,
.owl-drag.product-sliders__slider .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab,
.owl-grab.product-sliders__slider {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl,
.owl-rtl.product-sliders__slider {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item,
.owl-rtl.product-sliders__slider .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel,
.no-js .product-sliders__slider {
  display: block;
}

/*
*  Owl Carousel - Animate Plugin
*/
.owl-carousel .animated,
.product-sliders__slider .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in,
.product-sliders__slider .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out,
.product-sliders__slider .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut,
.product-sliders__slider .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/*
*  Owl Carousel - Auto Height Plugin
*/
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/*
*  Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy,
.product-sliders__slider .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy,
.product-sliders__slider .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

/*
*  Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper,
.product-sliders__slider .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon,
.product-sliders__slider .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 100ms ease;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
  transition: transform 100ms ease, -webkit-transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover,
.product-sliders__slider .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  -webkit-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.product-sliders__slider .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon,
.product-sliders__slider .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn,
.product-sliders__slider .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame,
.product-sliders__slider .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under  ()
*/
/*
*  Default theme - Owl Carousel CSS File
*/
.owl-theme .owl-nav,
.product-sliders__slider .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*='owl-'],
.product-sliders__slider .owl-nav [class*='owl-'] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*='owl-']:hover,
.product-sliders__slider .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: #fff;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled,
.product-sliders__slider .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-dots,
.product-sliders__slider .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot,
.product-sliders__slider .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-theme .owl-dots .owl-dot span,
.product-sliders__slider .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: rgba(255, 255, 255, 0.2);
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.product-sliders__slider .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.product-sliders__slider .owl-dots .owl-dot:hover span {
  background: rgba(255, 255, 255, 0.5);
}

@font-face {
  font-family: 'DIN Next LT';
  font-weight: 100;
  src: url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/231f4dc4-1ef2-4327-ac59-a8bf0b6f1997.eot?%23iefix&v=3917840088286964567');
  src: url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/231f4dc4-1ef2-4327-ac59-a8bf0b6f1997.eot?%23iefix&v=3917840088286964567') format("eot"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/34ad7465-80b0-4f08-aa31-ce64b18e2568.woff2?v=7433629977379489289') format("woff2"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/5cf072dd-689a-462e-910e-4e86da355389.woff?v=18402782324087591631') format("woff"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/73333a79-131d-45d8-95c4-ca36adfe35c7.ttf?v=15198539511374847883') format("truetype"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/3821d5c2-12c4-4bf5-bcb1-fa177fa970d8.svg%233821d5c2-12c4-4bf5-bcb1-fa177fa970d8?19950') format("svg");
}

@font-face {
  font-family: 'DIN Next LT';
  font-weight: 300;
  src: url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/fb0dd5e6-cf57-43be-8f3f-2880d5389694.eot?%23iefix&v=2258456751898702246');
  src: url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/fb0dd5e6-cf57-43be-8f3f-2880d5389694.eot?%23iefix&v=2258456751898702246') format("eot"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/14aba99e-8c97-4daa-a8df-67920a051402.woff2?v=5480889751571154039') format("woff2"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/96fd6d6f-fad6-4dd9-ab70-29547a56cacd.woff?v=3990209298252747176') format("woff"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/cdc1c0e4-213b-4a01-a1dc-af6dddf2263a.ttf?v=1708465021052299015') format("truetype"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/6bc3f424-2188-4cae-81e3-1e158ad5dd1a.svg%236bc3f424-2188-4cae-81e3-1e158ad5dd1a?19950') format("svg");
}

@font-face {
  font-family: 'DIN Next LT';
  font-weight: 400;
  src: url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/936930ba-a8da-4765-9e89-0f35cdff223f.eot?%23iefix&v=17056041553391380418');
  src: url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/936930ba-a8da-4765-9e89-0f35cdff223f.eot?%23iefix&v=17056041553391380418') format("eot"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/6b4d4830-9c7d-43d2-b5d3-c73f739561b9.woff2?v=8159166955745063077') format("woff2"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/ccf25ada-6d2a-4133-95dc-deb039e22999.woff?v=5731366690983118669') format("woff"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/126195b4-2fa0-4b95-b5cf-ad9bf10193f0.ttf?v=12180178295172806480') format("truetype"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/603bbbe6-a6ab-4b2e-9096-4803341f9a41.svg%23603bbbe6-a6ab-4b2e-9096-4803341f9a41?19950') format("svg");
}

@font-face {
  font-family: 'DIN Next LT';
  font-weight: 500;
  src: url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/c6dbdd54-50f5-472a-8b74-0e98ef77e33e.eot?%23iefix&v=7441246125086493304');
  src: url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/c6dbdd54-50f5-472a-8b74-0e98ef77e33e.eot?%23iefix&v=7441246125086493304') format("eot"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/afabdfcf-432c-49b4-a496-0e5051e87fa9.woff2?v=17008205605404602254') format("woff2"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/611ea865-db7e-4c05-94b8-bd1675c90576.woff?v=7785671712848748770') format("woff"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/e65314e4-c389-45b8-99a9-26ab6aef066c.ttf?v=8825193126537341198') format("truetype"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/b0a5f600-ff10-4a43-84ca-62eed8e141bc.svg%23b0a5f600-ff10-4a43-84ca-62eed8e141bc?19950') format("svg");
}

@font-face {
  font-family: 'DIN Next LT';
  font-weight: 700;
  src: url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/fa5ed46b-792d-4f47-894e-fa587cf4e1cf.eot?%23iefix&v=17164637484425833984');
  src: url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/fa5ed46b-792d-4f47-894e-fa587cf4e1cf.eot?%23iefix&v=17164637484425833984') format("eot"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/03008527-67bd-478e-98e3-3b56dd9a6520.woff2?v=2545498803516390887') format("woff2"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/557f817d-9c25-4a23-baaf-a3cf84a7cd7c.woff?v=10322084129928360449') format("woff"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/92ed1479-1d40-4a94-8baf-6abd88b17afa.ttf?v=5313704731433117022') format("truetype"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/36ae914b-b535-47cd-b3d2-8c43073d8634.svg%2336ae914b-b535-47cd-b3d2-8c43073d8634?19950') format("svg");
}

@font-face {
  font-family: 'DIN Condensed';
  font-weight: 700;
  src: url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/71888b4d-cd66-4c8b-9a5c-b37014e8e4fa.eot?%23iefix&v=10585741037310950464');
  src: url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/71888b4d-cd66-4c8b-9a5c-b37014e8e4fa.eot?%23iefix&v=10585741037310950464') format("eot"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/258804c2-9ca6-4856-bad7-67cde4f087b4.woff2?v=12913348435162018275') format("woff2"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/0c0418fe-d324-4ab2-978a-e8201c646ca1.woff?v=10079301591970684758') format("woff"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/2c4f6a99-1274-42cd-8d14-fecf6ae449a4.ttf?v=17059769771519232036') format("truetype"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/aabfdee7-da54-4fae-93d3-afae95449faa.svg%23aabfdee7-da54-4fae-93d3-afae95449faa?19950') format("svg");
}

@font-face {
  font-family: 'DIN Condensed';
  font-weight: 700;
  src: url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/71888b4d-cd66-4c8b-9a5c-b37014e8e4fa.eot?%23iefix&v=10585741037310950464');
  src: url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/71888b4d-cd66-4c8b-9a5c-b37014e8e4fa.eot?%23iefix&v=10585741037310950464') format("eot"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/258804c2-9ca6-4856-bad7-67cde4f087b4.woff2?v=12913348435162018275') format("woff2"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/0c0418fe-d324-4ab2-978a-e8201c646ca1.woff?v=10079301591970684758') format("woff"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/2c4f6a99-1274-42cd-8d14-fecf6ae449a4.ttf?v=17059769771519232036') format("truetype"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/aabfdee7-da54-4fae-93d3-afae95449faa.svg%23aabfdee7-da54-4fae-93d3-afae95449faa?19950') format("svg");
}

@font-face {
  font-family: 'SangBleuRepublic';
  font-weight: 700;
  src: url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/SangBleuRepublic-Bold-WebM.eot?%23iefix&v=10629208242613542763');
  src: url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/SangBleuRepublic-Bold-WebM.eot?%23iefix&v=10629208242613542763') format("eot"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/SangBleuRepublic-Bold-WebM.woff2?v=4886263497177246011') format("woff2"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/SangBleuRepublic-Bold-WebM.woff?v=2587940302477430389') format("woff"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/SangBleuRepublic-Bold-WebM.ttf?v=4044480652675213364') format("truetype");
}

@font-face {
  font-family: 'SangBleuRepublic';
  font-weight: 400;
  src: url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/SangBleuRepublic-Book-WebM.eot?%23iefix&v=15761467632416683758');
  src: url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/SangBleuRepublic-Book-WebM.eot?%23iefix&v=15761467632416683758') format("eot"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/SangBleuRepublic-Book-WebM.woff2?v=17879726216944431956') format("woff2"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/SangBleuRepublic-Book-WebM.woff?v=12146019817356672082') format("woff"),
  url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/SangBleuRepublic-Book-WebM.ttf?v=13328770964215282630') format("truetype");
}

.standard .field+.field,
.standard .field+#tracking-output,
.standard #tracking-output+.field,
.standard .field+.side-by-side,
.standard .side-by-side+.field,
.standard .side-by-side+.side-by-side {
  margin-top: 0.625rem;
}

.standard input[type='text'],
.standard input[type='email'],
.standard textarea,
.standard input[type='tel'],
.standard select {
  display: block;
  width: 100%;
  border: 0.0625rem solid #bfbfbf;
  border-radius: 0.1875rem;
  padding: 0 0.9375rem;
  font-family: "DIN Next LT", sans-serif;
  font-size: 1rem;
}

.standard input[type='text'],
.standard input[type='email'],
.standard input[type='tel'] {
  line-height: 2.4375rem;
  padding-top: 0.1875rem;
}

.standard select {
  line-height: 2.4375rem;
  padding-top: 0.1875rem;
  background-image: url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/down-chevron.svg?v=11949762056998686691');
  background-position: right 15px center;
  background-repeat: no-repeat;
}

.standard textarea {
  padding: 0.9375rem;
  height: 10.9375rem;
}

@media (min-width: 45em) {
  .standard .side-by-side .field {
    width: 50%;
    float: left;
  }

  .standard .side-by-side .field+.field {
    margin-top: 0;
  }

  .standard .side-by-side .field:first-child {
    padding-right: 0.3125rem;
  }

  .standard .side-by-side .field:last-child {
    padding-left: 0.3125rem;
  }
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-size: 100%;
  font-weight: 400;
  line-height: 1.6;
  font-family: "DIN Next LT", sans-serif;
  color: #5e5e5e;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

body.template-collection {
  background-color: #f7f7f7;
}

@media (min-width: 600px) {
  body.grid-lines {
    background-image: url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/coming-grid.svg?v=1810903715458020626');
    background-size: 1200px;
    background-repeat: repeat-y;
    background-position: center;
  }
}

body.nav-active,
html.nav-active {
  max-height: 100vh;
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1rem;
  line-height: 1.1;
  font-weight: 500;
  color: #292929;
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

label,
a {
  cursor: pointer;
}

a:hover,
button:hover,
input[type='checkbox']:hover,
input[type='submit']:hover {
  cursor: pointer;
}

input,
select,
button,
textarea {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  border: none;
  background: transparent;
  outline: none;
  font-family: "DIN Next LT", sans-serif;
}

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

.width {
  width: 95%;
  max-width: 62.5rem;
  margin: 0 auto;
}

.button,
.shopify-challenge__button {
  background: #292929;
  line-height: 2.6875rem;
  padding: 0.1875rem 1.875rem 0;
  display: inline-block;
  color: white;
  text-transform: uppercase;
  font-size: 1.0625rem;
  font-weight: 700;
}

.button.full,
.shopify-challenge__button.full {
  display: block;
  width: 100%;
}

.button.tall,
.shopify-challenge__button.tall {
  line-height: 2.9375rem;
}

.button.green,
.shopify-challenge__button.green {
  background: #59c58e;
}

.button.green:hover,
.shopify-challenge__button.green:hover {
  background: #50b883;
}

.button.gray,
.shopify-challenge__button.gray {
  background: #d4d4d4;
  color: #fff;
}

.button.gray:hover,
.shopify-challenge__button.gray:hover {
  background: #b8b8b8;
}

.button.lightgray,
.shopify-challenge__button.lightgray {
  background: #d4d4d4;
  color: white;
}

.button.lightgray:hover,
.shopify-challenge__button.lightgray:hover {
  background: #b8b8b8;
}

.button:hover,
.shopify-challenge__button:hover {
  background: #59c58e;
}

.button:disabled,
.button:disabled:hover,
.shopify-challenge__button:disabled,
.shopify-challenge__button:disabled:hover {
  background-color: rgba(0, 0, 0, 0.15) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  cursor: default !important;
}

.standard .side-by-side::before,
.images-tall-short::before,
.images-short-tall::before,
.home-featured-block::before,
.help-contact .width::before,
.help-support ul::before,
.home-product-index::before,
.product-index-section::before,
.story-story .width::before,
.team-members::before,
.clear::before,
.clear::after,
.standard .side-by-side::after,
.images-tall-short::after,
.images-short-tall::after,
.home-featured-block::after,
.help-contact .width::after,
.help-support ul::after,
.home-product-index::after,
.product-index-section::after,
.story-story .width::after,
.team-members::after {
  content: '';
  display: table;
}

.standard .side-by-side::after,
.images-tall-short::after,
.images-short-tall::after,
.home-featured-block::after,
.help-contact .width::after,
.help-support ul::after,
.home-product-index::after,
.product-index-section::after,
.story-story .width::after,
.team-members::after,
.clear::after {
  clear: both;
}

#size-check {
  width: 0.0625rem;
  height: 0.0625rem;
  position: absolute;
  left: -0.0625rem;
  z-index: 10;
}

@media (min-width: 31.25em) {
  #size-check {
    z-index: 20;
  }
}

@media (min-width: 37.5em) {
  #size-check {
    z-index: 30;
  }
}

@media (min-width: 45em) {
  #size-check {
    z-index: 40;
  }
}

@media (min-width: 65.625rem) {
  #size-check {
    z-index: 50;
  }
}

.story-story h3,
.wholesale-interested h3 {
  font-size: 1.5625rem;
  padding-bottom: 1.875rem;
}

.story-story p,
.wholesale-interested p {
  font-size: 1.0625rem;
}

.story-story p+p,
.wholesale-interested p+p {
  margin-top: 1.5625rem;
}

.story-story a,
.wholesale-interested a {
  color: #529bbd;
}

.story-story a:hover,
.wholesale-interested a:hover {
  text-decoration: underline;
}

.help-email h3,
.help-faq-section h3,
.parners-contact h3,
.story-story h3,
.story-team h3,
.wholesale-interested h3 {
  font-size: 1.5625rem;
  padding: 2rem 0 1.875rem;
  position: relative;
}

.help-email h3::after,
.help-faq-section h3::after,
.parners-contact h3::after,
.story-story h3::after,
.story-team h3::after,
.wholesale-interested h3::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 0.125rem;
  width: 3.125rem;
  background: #292929;
}

.lazy {
  -webkit-transition: 1s opacity;
  transition: 1s opacity;
  opacity: 0;
}

.lazy-loaded {
  opacity: 1;
}

.main {
  padding: 1.875rem 0;
}

@media (min-width: 45em) {
  .main {
    padding: 2.425rem 0;
  }
}

.main--gray {
  background: #f7f7f7;
}

.main--compare {
  padding: 2.5rem 0;
}

@media (min-width: 45em) {
  .main--compare {
    padding: 5rem 0;
  }
}

.main--product-bottom {
  padding-bottom: 0;
}

@media (min-width: 45em) {
  .main--product-bottom {
    padding-bottom: 0;
  }
}

.main--search {
  padding-top: 7.5rem;
}

@media (min-width: 45em) {
  .main--search {
    padding-top: 7.5rem;
  }
}

@media (min-width: 31.25em) {
  #size-check {
    z-index: 20;
  }
}

@media (min-width: 45em) {
  #size-check {
    z-index: 30;
  }

  .left-60,
  .left-50,
  .right-50,
  .right-40 {
    float: left;
  }

  .left-60 {
    width: 60%;
  }

  .left-50,
  .right-50 {
    width: 50%;
  }

  .right-40 {
    width: 40%;
  }

  .space-left,
  .large-space-left {
    padding-left: 2.5rem;
  }
}

.offscreen {
  position: absolute;
  left: -999em;
}

.hide {
  display: none;
}

@media (min-width: 65.625rem) {
  #size-check {
    z-index: 40;
  }

  .large-space-left {
    padding-left: 5rem;
  }
}

@media (min-width: 68.75em) {
  #size-check {
    z-index: 50;
  }
}

.relative {
  position: relative;
}

.strike {
  text-decoration: line-through;
}

.wrapper {
  width: 95%;
  margin: 0 auto;
  max-width: 72.5rem;
}

.big-wrapper {
  width: 95%;
  margin: 0 auto;
  max-width: 150rem;
}

.max-width {
  max-width: 72.5rem;
  width: 100%;
  margin: 0 auto;
}

.btn {
  display: inline-block;
  padding: 0 1.625rem;
  line-height: 3rem;
  border: 0.0625rem solid #161616;
  background: #161616;
  color: #fff;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 0.02667em;
  font-weight: 500;
  font-family: "DIN Next LT", sans-serif;
  -webkit-transition: 0.2s color, 0.2s background-color, 0.2s border-color, 0.2s -webkit-transform;
  transition: 0.2s color, 0.2s background-color, 0.2s border-color, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s color, 0.2s background-color, 0.2s border-color;
  transition: 0.2s transform, 0.2s color, 0.2s background-color, 0.2s border-color, 0.2s -webkit-transform;
}

.btn:hover {
  background-color: #59c58e;
  border-color: #59c58e;
}

@media (min-width: 65.625rem) {
  .btn.large {
    padding: 0 3.4375rem;
    line-height: 3.625rem;
  }
}

.btn.full {
  width: 100%;
  display: block;
}

.footer {
  background: #fff;
  font-size: 1rem;
  text-align: center;
  padding: 3.75rem 2.5%;
  border-top: 0.0625rem solid #d0d0d0;
}

@media (min-width: 65.625rem) {
  .footer {
    text-align: left;
  }
}

.footer .max-width {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.wrapper .footer {
  padding: 3.75rem 0;
}

.footer .col:nth-of-type(1) {
  width: 100%;
}

@media (min-width: 65.625rem) {
  .footer .col:nth-of-type(1) {
    width: 30%;
  }
}

.footer .col:nth-of-type(2),
.footer .col:nth-of-type(3) {
  width: 50%;
}

@media (min-width: 65.625rem) {

  .footer .col:nth-of-type(2),
  .footer .col:nth-of-type(3) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.footer .col:nth-of-type(4) {
  width: 17.5rem;
  margin: 0 auto;
}

@media (min-width: 65.625rem) {
  .footer .col:nth-of-type(4) {
    width: 15rem;
    margin: 0;
  }
}

@media (min-width: 65.625rem) {
  .footer .col+.footer .col {
    margin-left: 3.75rem;
  }
}

.footer .col+.col {
  margin-top: 3.125rem;
}

@media (min-width: 65.625rem) {
  .footer .col+.col {
    margin-top: 0;
    margin-left: 2.5rem;
  }
}

.footer .logo {
  margin: 0 auto 0.9375rem;
}

@media (min-width: 65.625rem) {
  .footer .logo {
    margin: 0 0 1.5625rem;
  }
}

.footer .copy,
.footer .copy a {
  color: #6f7073;
}

.footer .list {
  margin-top: 1.875rem;
}

.footer .list li+li {
  margin-top: 0.625rem;
}

.footer h3 {
  font-size: 1.125rem;
}

.footer p {
  font-size: 0.875rem;
}

.footer a {
  color: #202224;
  -webkit-transition: 0.2s color;
  transition: 0.2s color;
}

.footer a:hover {
  text-decoration: underline;
  color: #292929;
}

.footer .social {
  margin-top: 1.25rem;
}

.footer .social li {
  display: inline-block;
  margin: 0 0.5rem;
}

@media (min-width: 65.625rem) {
  .footer .social li {
    margin: 0 1rem 0 0;
  }
}

.footer .social a {
  -webkit-transition: 0.2s -webkit-transform;
  transition: 0.2s -webkit-transform;
  transition: 0.2s transform;
  transition: 0.2s transform, 0.2s -webkit-transform;
  display: inline-block;
}

.footer .social a:hover {
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}

.footer .social img {
  width: 2.125rem;
}

@media (min-width: 65.625rem) {
  .footer .social img {
    width: 1.5rem;
  }
}

.footer .subscribe {
  margin-top: 1.25rem;
}

.footer .email {
  line-height: 3.125rem;
  height: 3.125rem;
  border: 0.0625rem solid #d0d0d0;
  display: block;
  width: 100%;
  font-size: 1.125rem;
  font-family: "DIN Next LT", sans-serif;
  padding: 0 0.75rem;
}

.footer .submit {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.875rem;
  height: 100%;
  -webkit-transition: 0.2s opacity;
  transition: 0.2s opacity;
  background: url('//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/chevron-right.svg?v=3740892446087683809') transparent no-repeat center center;
  background-size: 0.375rem;
}

.footer .submit:hover {
  opacity: 0.6;
}

.footer .success_message,
.footer .error_message {
  margin-top: 0.625rem;
}

.header {
  position: relative;
  z-index: 99999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  width: 100%;
  overflow-y: auto;
}

@media (min-width: 65.625rem) {
  .header {
    display: block;
    overflow: initial;
  }
}

.header h1,
.header .icon-nav {
  position: relative;
  z-index: 10000;
}

.header svg,
.header svg path,
.header svg rect {
  fill: white;
}

.header.static {
  position: relative;
}

.header.dark svg,
.header.dark svg path,
.header.dark svg rect {
  fill: #292929;
}

.header.dark .doubly-wrapper .current {
  color: #292929;
}

.header.dark .nav .anchor {
  color: #292929;
}

.nav-active .header {
  height: 100vh;
  background: #fff;
}

@media (min-width: 65.625rem) {
  .nav-active .header {
    height: auto;
    background: transparent;
  }
}

.nav-active .header svg,
.nav-active .header svg path,
.nav-active .header svg rect {
  fill: #292929;
}

@media (min-width: 65.625rem) {

  .nav-active .header svg,
  .nav-active .header svg path,
  .nav-active .header svg rect {
    fill: #fff;
  }
}

.nav-active .header .anchor {
  color: #292929;
}

.advanced-dropdown-active .header {
  background: #fff;
}

@media (min-width: 65.625rem) {

  .advanced-dropdown-active .header svg,
  .advanced-dropdown-active .header svg path,
  .advanced-dropdown-active .header svg rect {
    fill: #292929;
  }
}

@media (min-width: 65.625rem) {
  .advanced-dropdown-active .header .anchor {
    fill: #292929;
  }
}

.header-top {
  height: 4.125rem;
  min-height: 4.125rem;
  padding: 0 2.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

@media (min-width: 65.625rem) {
  .header-top {
    height: 5rem;
  }
}

.nav-active .header-top {
  border-bottom: 0.0625rem solid #d0d0d0;
}

@media (min-width: 65.625rem) {
  .nav-active .header-top {
    border-bottom: none;
  }
}

#new .header {
  position: relative;
  background: transparent;
}

#new .header h1,
#new .header .icon-nav {
  position: relative;
  z-index: 10000;
}

#new .header svg,
#new .header svg path,
#new .header svg rect {
  fill: #292929;
}

.icon-nav {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 65.625rem) {
  .icon-nav {
    margin: 0 6.875rem 0 auto;
  }
}

.icon-nav li {
  display: inline;
}

.icon-nav li+li {
  margin-left: 1.25rem;
}

.icon-nav a {
  display: inline-block;
}

.icon-nav img,
.icon-nav svg {
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 65.625rem) {
  .icon-nav .header-hamburger {
    display: none;
  }
}

body .doubly-wrapper {
  width: 100%;
  float: none;
  padding: 0.1875rem 0 0.0625rem;
}

@media (min-width: 65.625rem) {
  body .doubly-wrapper {
    padding: 0;
    width: auto;
    position: absolute;
    top: 50%;
    margin-top: 0.125rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 2.5%;
  }
}

body .doubly-wrapper .list {
  width: 100%;
}

@media (min-width: 65.625rem) {
  body .doubly-wrapper .list {
    width: auto;
  }
}

body .doubly-wrapper .doubly-nice-select {
  border: none;
  padding-left: 0;
  padding-right: 20px;
  background: transparent;
}

body .doubly-wrapper .doubly-nice-select.right {
  float: none;
}

body .doubly-wrapper .doubly-nice-select:after {
  border-color: #161616;
  right: 4px;
}

body .doubly-wrapper .current {
  font-weight: bold;
}

@media (min-width: 65.625rem) {
  body .doubly-wrapper .current {
    color: #fff;
  }
}

@media (min-width: 65.625rem) {

  body.template-index .current,
  body.advanced-dropdown-active .current {
    color: #292929;
  }
}

.nav {
  display: none;
  padding: 0 2.5%;
}

@media (min-width: 65.625rem) {
  .nav {
    background: transparent;
    display: block;
    text-align: center;
    width: 100%;
    padding: 0;
    position: absolute;
    bottom: 0;
    height: 5rem;
  }
}

.nav-active .nav {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (min-width: 65.625rem) {
  .nav .standardDropdown {
    position: relative;
  }
}

.nav .item {
  display: block;
}

@media (min-width: 65.625rem) {
  .nav .item {
    display: inline-block;
    line-height: 5rem;
    padding-bottom: 0.625rem;
  }
}

.nav .item+.item {
  border-top: 0.0625rem solid #d0d0d0;
  margin-left: -4px;
}

@media (min-width: 65.625rem) {
  .nav .item+.item {
    border: none;
  }
}

.dropdown-active .nav .item+.item {
  border: none;
}

@media (min-width: 65.625rem) {
  .nav .standardDropdown:hover .dropdown {
    display: block;
  }
}

.nav .anchor {
  display: block;
  line-height: 1.8125rem;
  padding: 1.1875rem 0 0.6875rem;
  color: #fff;
  font-weight: 500;
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/right-chevron.svg?v=14297150483490080848");
  background-position: right center;
  background-repeat: no-repeat;
  position: relative;
}

@media (min-width: 65.625rem) {
  .nav .anchor {
    display: inline-block;
    line-height: 5rem;
    padding: 0;
    background-image: none;
    padding: 0 1.25rem;
  }
}

@media (min-width: 68.75em) {
  .nav .anchor {
    padding: 0 1.5625rem;
  }
}

@media (min-width: 65.625rem) {

  .nav .anchor:hover:after,
  .nav .anchor.active:after {
    height: 0.125rem;
    width: calc(100% - 40px);
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #59c58e;
  }
}

@media (min-width: 68.75em) {

  .nav .anchor:hover:after,
  .nav .anchor.active:after {
    width: calc(100% - 50px);
  }
}

.dropdown-active .nav .anchor {
  display: none;
}

.dropdown-active .nav .anchor.hasSub {
  display: block;
}

@media (min-width: 65.625rem) {
  .dropdown-active .nav .anchor {
    display: block;
  }
}

.nav-active .nav .anchor {
  color: #292929;
}

@media (min-width: 65.625rem) {
  .nav-active .nav .anchor {
    color: #fff;
  }
}

.nav .dropdown {
  background: white;
  width: 100%;
  display: none;
}

@media (min-width: 65.625rem) {
  .nav .dropdown {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 140px;
    padding: 1.25rem 0;
  }
}

.nav .dropdown:after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  background: white;
  top: 0;
  left: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: -5px;
  margin-top: -5px;
}

.nav .dropdown.active {
  display: block;
}

@media (min-width: 65.625rem) {
  .nav .dropdown.active {
    display: none;
  }
}

.dropdown-active .nav .withoutDropdown {
  display: none;
}

@media (min-width: 65.625rem) {
  .dropdown-active .nav .withoutDropdown {
    display: inline-block;
  }
}

.nav .subitem+.subitem {
  border-top: 0.0625rem solid #d0d0d0;
}

@media (min-width: 65.625rem) {
  .nav .subitem+.subitem {
    border-top: none;
  }
}

.nav .subanchor {
  display: block;
  line-height: 1.8125rem;
  padding: 1.1875rem 0 0.6875rem;
  color: #292929;
}

@media (min-width: 65.625rem) {
  .nav .subanchor {
    padding: 0;
    font-size: 0.8125rem;
  }
}

.nav .dropdown-back {
  padding: 0.9375rem 0 0.9375rem;
}

@media (min-width: 65.625rem) {
  .nav .dropdown-back {
    display: none;
  }
}

.nav .dropdown-back a {
  display: block;
  width: 1.8125rem;
  height: 1.8125rem;
  border: 0.0625rem solid #d0d0d0;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.advanced-dropdown-active .anchor {
  color: #292929;
}

#new .nav .anchor {
  color: #292929;
}

.advanced-nav-dropdown {
  position: absolute;
  top: 100%;
  width: 100%;
  display: none;
  background: white;
  z-index: 20;
}

@media (min-width: 65.625rem) {
  .advanced-nav-dropdown {
    display: block;
    opacity: 0;
    left: -9999em;
  }
}

@media (min-width: 65.625rem) {
  .advanced-nav-dropdown.active {
    left: 0;
    opacity: 1;
    z-index: 2;
  }
}

.advanced-nav-dropdown .width {
  border-top: 0.0625rem solid #d0d0d0;
  padding: 50px 0;
  max-width: none;
}

.advanced-nav-dropdown .nav-width {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

@media (min-width: 68.75em) {
  .advanced-nav-dropdown .nav-width {
    max-width: 43.75rem;
  }
}

.advanced-nav-dropdown .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.advanced-nav-dropdown ul {
  width: 17.1875rem;
}

.advanced-nav-dropdown li {
  display: block;
}

.advanced-nav-dropdown li.divider {
  margin-bottom: 20px;
  position: relative;
}

.advanced-nav-dropdown li.divider:after {
  position: absolute;
  content: '';
  bottom: -10px;
  left: 0;
  width: 60px;
  height: 1px;
  background: #eee;
}

.advanced-nav-dropdown a {
  padding: 0.625rem 0;
  font-weight: 500;
  color: #292929;
  display: block;
}

.advanced-nav-dropdown .right {
  width: 14.375rem;
  height: 14.375rem;
  margin-left: auto;
  margin-right: 5rem;
  position: relative;
}

@media (min-width: 68.75em) {
  .advanced-nav-dropdown .right {
    margin: 0;
    position: absolute;
    left: 550px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.advanced-nav-dropdown .right img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: 0.4s opacity;
  transition: 0.4s opacity;
}

.advanced-nav-dropdown .right img.active {
  opacity: 1;
}

@media (min-width: 65.625rem) {
  .fade-in-up {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: 0.9s opacity, 0.9s -webkit-transform;
    transition: 0.9s opacity, 0.9s -webkit-transform;
    transition: 0.9s transform, 0.9s opacity;
    transition: 0.9s transform, 0.9s opacity, 0.9s -webkit-transform;
  }
}

.fade-in-up.active {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

@media (min-width: 65.625rem) {
  .load-in-up {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: 0.9s opacity, 0.9s -webkit-transform;
    transition: 0.9s opacity, 0.9s -webkit-transform;
    transition: 0.9s transform, 0.9s opacity;
    transition: 0.9s transform, 0.9s opacity, 0.9s -webkit-transform;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }
}

.active .load-in-up {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.home-learn {
  text-align: center;
  padding: 2.5rem 0;
}

@media (min-width: 65.625rem) {
  .home-learn {
    padding: 4.375rem 0;
  }
}

.home-learn h2 {
  font-size: 1.625rem;
  font-weight: 300;
  line-height: 1.05;
  margin: 0 auto;
  margin-bottom: 1.25rem;
  max-width: 36.875rem;
}

@media (min-width: 65.625rem) {
  .home-learn h2 {
    font-size: 2.5rem;
    margin-bottom: 1.875rem;
    max-width: 50rem;
  }
}

.home-hero {
  position: relative;
}

.home-hero .slide {
  background-color: #eee;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.25rem;
}

@media (min-width: 31.25em) {
  .home-hero .slide {
    height: 26.25rem;
  }
}

@media (min-width: 45em) {
  .home-hero .slide {
    height: 32.5rem;
  }
}

@media (min-width: 65.625rem) {
  .home-hero .slide {
    height: 40rem;
  }
}

.home-hero h2 {
  text-transform: uppercase;
  font-size: 2.25rem;
  color: #fff;
  margin-bottom: 1.25rem;
}

@media (min-width: 45em) {
  .home-hero h2 {
    font-size: 3.375rem;
    margin-bottom: 1.5625rem;
  }
}

.home-hero .owl-dots {
  position: absolute;
  bottom: 0.75rem;
  left: 0.625rem;
}

.home-slider.owl-theme .owl-dots .owl-dot span,
.home-slider.product-sliders__slider .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 0 10px;
}

.home-slider.owl-theme .owl-dots .owl-dot span,
.home-slider.product-sliders__slider .owl-dots .owl-dot span {
  background: rgba(255, 255, 255, 0.2);
}

.home-slider.owl-theme.owl-theme .owl-dots .owl-dot.active span,
.home-slider.product-sliders__slider .owl-dots .owl-dot.active span,
.home-slider.owl-theme.owl-theme .owl-dots .owl-dot:hover span,
.home-slider.product-sliders__slider .owl-dots .owl-dot:hover span {
  background: #fff;
}

.home-body {
  padding-bottom: 3.75rem;
}

@media (min-width: 65.625rem) {
  .home-body-top .right {
    width: 55%;
  }
}

.home-body-top .left {
  margin-bottom: 0.5rem;
}

@media (min-width: 65.625rem) {
  .home-body-top .left {
    width: 45%;
    margin: 0 2rem 0 0;
  }
}

@media (min-width: 68.75em) {
  .home-body-top .left {
    margin-right: 2.5rem;
  }
}

@media (min-width: 65.625rem) {
  .home-big-blocks .right {
    width: 40%;
  }
}

@media (min-width: 65.625rem) {
  .home-big-blocks.reverse .right {
    width: 60%;
  }
}

.home-big-blocks .left {
  margin-bottom: 0.5rem;
}

@media (min-width: 65.625rem) {
  .home-big-blocks .left {
    width: 60%;
    margin: 0 2rem 0 0;
  }
}

@media (min-width: 68.75em) {
  .home-big-blocks .left {
    margin-right: 2.5rem;
  }
}

@media (min-width: 65.625rem) {
  .home-big-blocks.reverse .left {
    width: 40%;
  }
}

@media (min-width: 65.625rem) {

  .home-body-top,
  .home-big-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.home-body-top+.home-body-top,
.home-big-blocks+.home-body-top,
.home-body-top+.home-big-blocks,
.home-big-blocks+.home-big-blocks {
  margin-top: 0.625rem;
}

@media (min-width: 65.625rem) {

  .home-body-top+.home-body-top,
  .home-big-blocks+.home-body-top,
  .home-body-top+.home-big-blocks,
  .home-big-blocks+.home-big-blocks {
    margin-top: 2.5rem;
  }
}

.home-product-block,
.home-text-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 18.75rem;
  background-size: cover;
  background-position: center center;
  text-align: center;
  padding: 2.5rem 3.125rem;
  position: relative;
}

@media (min-width: 31.25em) {

  .home-product-block,
  .home-text-block {
    height: 25rem;
  }
}

@media (min-width: 45em) {

  .home-product-block,
  .home-text-block {
    height: 31.25rem;
  }
}

@media (min-width: 65.625rem) {

  .home-product-block,
  .home-text-block {
    padding: 3.75rem;
  }
}

.home-product-block+.home-product-block,
.home-text-block+.home-product-block,
.home-product-block+.home-text-block,
.home-text-block+.home-text-block {
  margin-top: 0.625rem;
}

@media (min-width: 65.625rem) {

  .home-product-block+.home-product-block,
  .home-text-block+.home-product-block,
  .home-product-block+.home-text-block,
  .home-text-block+.home-text-block {
    margin-top: 0rem;
  }
}

.home-product-block.top,
.home-text-block.top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.home-product-block.bottom,
.home-text-block.bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media (min-width: 65.625rem) {

  .home-product-block.block-1,
  .home-product-block.block-6,
  .home-text-block.block-1,
  .home-text-block.block-6 {
    height: 36rem;
    margin-bottom: 2rem;
    background-size: cover;
  }
}

@media (min-width: 68.75em) {

  .home-product-block.block-1,
  .home-product-block.block-6,
  .home-text-block.block-1,
  .home-text-block.block-6 {
    height: 48.125rem;
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 65.625rem) {

  .home-product-block.block-2,
  .home-text-block.block-2 {
    height: 30rem;
  }
}

@media (min-width: 68.75em) {

  .home-product-block.block-2,
  .home-text-block.block-2 {
    height: 37.5rem;
  }
}

@media (min-width: 65.625rem) {

  .home-product-block.block-3,
  .home-text-block.block-3 {
    height: 22.5rem;
    margin-top: 2rem;
  }
}

@media (min-width: 68.75em) {

  .home-product-block.block-3,
  .home-text-block.block-3 {
    height: 28.125rem;
    margin-top: 2.5rem;
  }
}

@media (min-width: 65.625rem) {

  .home-product-block.block-5,
  .home-text-block.block-5 {
    height: 36rem;
    margin-bottom: 2rem;
  }
}

@media (min-width: 68.75em) {

  .home-product-block.block-5,
  .home-text-block.block-5 {
    height: 48.125rem;
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 65.625rem) {

  .home-product-block.block-7,
  .home-product-block.block-8,
  .home-text-block.block-7,
  .home-text-block.block-8 {
    height: 30rem;
    margin-bottom: 2rem;
    background-size: cover;
  }
}

@media (min-width: 68.75em) {

  .home-product-block.block-7,
  .home-product-block.block-8,
  .home-text-block.block-7,
  .home-text-block.block-8 {
    height: 37.5rem;
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 65.625rem) {

  .home-product-block.block-9,
  .home-product-block.block-10,
  .home-product-block.block-11,
  .home-product-block.block-12,
  .home-product-block.block-13,
  .home-product-block.block-14,
  .home-text-block.block-9,
  .home-text-block.block-10,
  .home-text-block.block-11,
  .home-text-block.block-12,
  .home-text-block.block-13,
  .home-text-block.block-14 {
    height: 28.125rem;
  }
}

@media (min-width: 68.75em) {

  .home-product-block.block-9,
  .home-product-block.block-10,
  .home-product-block.block-11,
  .home-product-block.block-12,
  .home-product-block.block-13,
  .home-product-block.block-14,
  .home-text-block.block-9,
  .home-text-block.block-10,
  .home-text-block.block-11,
  .home-text-block.block-12,
  .home-text-block.block-13,
  .home-text-block.block-14 {
    height: 28.125rem;
  }
}

.home-product-block .content,
.home-text-block .content {
  display: block;
  width: 100%;
}

.home-product-block h3,
.home-text-block h3 {
  font-size: 2rem;
  margin-bottom: 0.625rem;
}

@media (min-width: 68.75em) {

  .home-product-block h3,
  .home-text-block h3 {
    font-size: 2.5rem;
  }
}

.home-product-block p,
.home-text-block p {
  max-width: 13.75rem;
  margin: 0 auto;
  letter-spacing: 0.025rem;
  color: #292929;
  line-height: 1.4;
}

@media (min-width: 65.625rem) {

  .home-product-block p,
  .home-text-block p {
    max-width: 25rem;
  }
}

@media (min-width: 68.75em) {

  .home-product-block p,
  .home-text-block p {
    font-size: 1.25rem;
  }
}

.home-product-block:after,
.home-text-block.stories:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  opacity: 0;
  -webkit-transition: 0.2s opacity;
  transition: 0.2s opacity;
}

.home-product-block:hover:after,
.home-text-block.stories:hover:after {
  pointer-events: none;
  opacity: 1;
}

.home-product-block.iphone-x {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-iphonex.jpg?v=18118590522197424325");
  background-size: auto 100%;
  background-color: #090909;
  background-repeat: no-repeat;
  background-position: bottom -70px center;
}

@media (min-width: 65.625rem) {
  .home-product-block.iphone-x {
    background-size: 350px;
    background-position: bottom -40px center;
  }
}

@media (min-width: 68.75em) {
  .home-product-block.iphone-x {
    background-size: 480px;
    background-position: bottom -50px left;
  }
}

.home-product-block.iphone-x p {
  color: #e0e0e0;
}

.home-product-block.glass {
  background-size: 200px;
  background-repeat: no-repeat;
  background-color: #8e8e90;
  background-position: bottom -80px center;
}

@media (min-width: 31.25em) {
  .home-product-block.glass {
    background-size: 320px;
    background-position: bottom -120px center;
  }
}

@media (min-width: 31.25em) {
  .home-product-block.glass {
    background-size: 450px;
    background-position: bottom -200px center;
  }
}

@media (min-width: 65.625rem) {
  .home-product-block.glass {
    background-size: 400px;
    background-position: bottom -100px center;
  }
}

@media (min-width: 68.75em) {
  .home-product-block.glass {
    background-size: 470px;
    background-position: bottom center;
  }
}

.home-product-block.iphone-8 {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-iphone8.jpg?v=15692390721367417134");
}

.home-product-block.s9 {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-s9.jpg?v=1589231191931720182");
}

.home-product-block.wireless-charger {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-wireless-charger.jpg?v=17855581693779171178");
}

@media (min-width: 31.25em) {
  .home-product-block.wireless-charger .content {
    margin-top: 40px;
  }
}

@media (min-width: 45em) {
  .home-product-block.wireless-charger .content {
    margin-top: 70px;
  }
}

@media (min-width: 68.75em) {
  .home-product-block.wireless-charger .content {
    margin-top: 110px;
  }
}

.home-product-block.pixel-2 {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-pixel2.jpg?v=10784319679617293081");
}

.home-product-block.glass {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-glass.jpg?v=4658034630111990790");
}

.home-product-block.note8 {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-note8.jpg?v=4826700028559131672");
}

.home-product-block.base {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-base.jpg?v=14771432828134799411");
}

.home-product-block.iphone {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-iphone.jpg?v=11360424861865744680");
}

.home-product-block.android {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-android.jpg?v=16984877951415539851");
}

.home-product-block.chargers {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-chargers.jpg?v=12979906542856700966");
}

.home-product-block h3 {
  color: #fff;
}

.home-product-block p {
  color: #fff;
}

.home-text-block {
  padding: 1.25rem;
}

@media (min-width: 65.625rem) {
  .home-text-block {
    padding: 1.875rem;
  }
}

.home-text-block.subscribe {
  height: 22.5rem;
}

@media (min-width: 65.625rem) {
  .home-text-block.subscribe {
    height: 15.375rem;
  }
}

@media (min-width: 68.75em) {
  .home-text-block.subscribe {
    height: 16.75rem;
  }
}

.home-text-block.subscribe.full {
  display: none;
}

@media (min-width: 65.625rem) {
  .home-text-block.subscribe.full {
    display: block;
  }
}

@media (min-width: 65.625rem) {
  .home-text-block.subscribe.mobile {
    display: none;
  }
}

.home-text-block.subscribe p {
  color: #262626;
}

.home-text-block.subscribe form {
  margin-top: 1.25rem;
}

.home-text-block.beliefs {
  background-color: #3d3630;
}

.home-text-block.beliefs h3,
.home-text-block.beliefs p {
  color: #fff;
}

.home-text-block.refer p {
  margin-bottom: 1.25rem;
}

@media (min-width: 65.625rem) {
  .home-text-block.refer p {
    font-size: 1.375rem;
  }
}

.home-text-block.testimonial {
  background: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-quotes.svg?v=13035001135794073324") #f3f7fc no-repeat center center;
  background-size: 60%;
  text-align: left;
  padding: 1.25rem;
}

@media (min-width: 68.75em) {
  .home-text-block.testimonial {
    padding: 1.875rem;
  }
}

.home-text-block.testimonial blockquote {
  color: #292929;
}

@media (min-width: 68.75em) {
  .home-text-block.testimonial blockquote {
    font-size: 1.4375rem;
  }
}

.home-text-block.testimonial span {
  display: block;
  text-align: right;
  font-weight: 700;
  letter-spacing: 0.375rem;
  text-transform: uppercase;
  font-size: 0.75rem;
  color: #292929;
  margin-top: 0.625rem;
}

@media (min-width: 68.75em) {
  .home-text-block.testimonial span {
    letter-spacing: 0.5rem;
    font-size: 1rem;
    margin-top: 1.25rem;
  }
}

.home-text-block.stories {
  background: #f3f7fc;
  padding: 0 1.25rem;
}

@media (min-width: 65.625rem) {
  .home-text-block.stories {
    padding: 0 1.875rem;
  }
}

.home-text-block.stories img {
  margin: 0 auto 1.25rem;
}

@media (min-width: 68.75em) {
  .home-text-block.stories img {
    width: 5rem;
    margin-bottom: 1.875rem;
  }
}

.home-text-block.stories p {
  color: #6f7073;
}

.home-subscribe {
  margin-top: 1.875rem;
  max-width: 15rem;
  margin: 0 auto;
}

@media (min-width: 65.625rem) {
  .home-subscribe {
    max-width: 25.625rem;
    margin-top: 2.5rem;
  }
}

@media (min-width: 65.625rem) {
  .home-subscribe .relative {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.home-subscribe input {
  line-height: 3rem;
  text-align: center;
  width: 100%;
  border: 0.0625rem solid #d0d0d0;
  background-color: #fff;
  font-family: "DIN Next LT", sans-serif;
  font-size: 1rem;
  padding: 0 1.1875rem;
  letter-spacing: 0.025rem;
}

@media (min-width: 65.625rem) {
  .home-subscribe input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
  }
}

.home-subscribe .submit {
  margin-top: 0.625rem;
}

@media (min-width: 65.625rem) {
  .home-subscribe .submit {
    width: 7.8125rem;
    margin: 0 0 0 0.625rem;
  }
}

.home-subscribe .success_message,
.home-subscribe .error_message {
  font-size: 0.8125rem;
  display: block;
  margin-top: 0.625rem;
}

.home-instagram {
  margin: 2.5rem 0;
  display: none;
}

@media (min-wiudth: 65.625rem) {
  .home-instagram {
    padding: 3.75rem 0;
  }
}

.home-instagram h3 {
  font-size: 1rem;
  letter-spacing: 0.28125rem;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
}

@media (min-width: 65.625rem) {
  .home-instagram h3 {
    font-size: 1.375rem;
    letter-spacing: 0.6875rem;
    margin-bottom: 1.875rem;
  }
}

.home-instagram-feed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.home-instagram-block {
  background-color: #eee;
  display: block;
  position: relative;
  background-size: cover;
  background-position: center center;
  padding-bottom: 50%;
  width: 50%;
}

@media (min-width: 45em) {
  .home-instagram-block {
    width: 20%;
    padding-bottom: 20%;
  }
}

.home-instagram-block:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  opacity: 0;
  -webkit-transition: 0.2s opacity;
  transition: 0.2s opacity;
}

.home-instagram-block:hover:after {
  opacity: 1;
}

.home-instagram-block:nth-of-type(5) {
  display: none;
}

@media (min-width: 45em) {
  .home-instagram-block:nth-of-type(5) {
    display: block;
  }
}

.home-featured {
  padding: 2.5rem 0 1.5625rem;
}

@media (min-width: 45em) {
  .home-featured {
    padding: 0 0 0;
  }
}

@media (min-width: 45em) {
  .home-featured {
    padding: 1.25rem 0 3.75rem;
  }
}

.home-featured h3 {
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 0.28125rem;
  text-align: center;
  margin-bottom: 1.25rem;
}

@media (min-width: 65.625rem) {
  .home-featured h3 {
    letter-spacing: 0.5rem;
    margin-bottom: 1.5625rem;
  }
}

.home-featured ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 45em) {
  .home-featured ul {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.home-featured li {
  width: 50%;
  margin: 0.9375rem 0;
}

@media (min-width: 45em) {
  .home-featured li {
    width: auto;
    margin: 0;
  }
}

.home-featured li:nth-of-type(5) {
  display: none;
}

@media (min-width: 45em) {
  .home-featured li:nth-of-type(5) {
    display: block;
  }
}

.home-featured img {
  margin: 0 auto;
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  opacity: 0.4;
}

@media (min-width: 65.625rem) {
  .home-featured img {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@media (min-width: 68.75em) {
  .home-featured img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.product-map {
  padding: 1.25rem 0 2.5rem;
  display: none;
}

.product-map h3 {
  text-align: center;
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}

@media (min-width: 65.625rem) {
  .product-map h3 {
    font-size: 1.375rem;
  }
}

.product-map .image {
  max-width: 41.875rem;
  margin: 0 auto;
}

.product-map .contains-lazy svg,
.product-map svg rect {
  fill: #fff;
}

.product-featured {
  padding: 2.5rem 0;
}

@media (min-width: 45em) {
  .product-featured {
    padding: 0 0 0;
  }
}

@media (min-width: 45em) {
  .product-featured {
    padding: 1.25rem 0 3.75rem;
  }
}

.product-featured h3 {
  font-size: 1.5625rem;
  text-align: center;
  margin-bottom: 1.25rem;
}

@media (min-width: 45em) {
  .product-featured h3 {
    margin-bottom: 1.5625rem;
  }
}

@media (min-width: 65.625rem) {
  .product-featured h3 {
    margin-bottom: 1.875rem;
  }
}

.product-featured ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 45em) {
  .product-featured ul {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.product-featured li {
  width: 50%;
  margin: 0.9375rem 0;
  display: inline-block;
}

@media (min-width: 45em) {
  .product-featured li {
    display: block;
    width: auto;
    margin: 0;
  }
}

.product-featured img {
  margin: 0 auto;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

@media (min-width: 65.625rem) {
  .product-featured img {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@media (min-width: 68.75em) {
  .product-featured img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.wireless-charger-compat {
  background: #5e5e5e;
  padding: 3.75rem 0;
  color: white;
}

@media (min-width: 65.625rem) {
  .wireless-charger-compat {
    padding: 80px 0;
  }
}

@media (min-width: 65.625rem) {
  .wireless-charger-compat .width {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.wireless-charger-compat .left {
  padding-right: 30px;
}

.wireless-charger-compat h3,
.wireless-charger-compat h4 {
  color: #fff;
}

.wireless-charger-compat h3 {
  font-size: 22px;
  margin-bottom: 15px;
}

.wireless-charger-compat p {
  max-width: 370px;
}

.wireless-charger-compat p a {
  color: #fff;
  text-decoration: underline;
}

.wireless-charger-compat p+p {
  margin-top: 25px;
}

.wireless-charger-compat .right {
  margin-top: 40px;
  position: relative;
}

@media (min-width: 31.25em) {
  .wireless-charger-compat .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 65.625rem) {
  .wireless-charger-compat .right {
    margin: 0 0 0 auto;
  }
}

.wireless-charger-compat .col+.col {
  margin-top: 30px;
}

@media (min-width: 31.25em) {
  .wireless-charger-compat .col+.col {
    margin-top: 0;
    margin-left: 25px;
    padding-left: 25px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
  }
}

@media (min-width: 65.625rem) {
  .wireless-charger-compat .col+.col {
    margin-left: 40px;
    padding-left: 40px;
  }
}

.wireless-charger-compat h4 {
  margin-bottom: 10px;
}

.base-compat {
  text-align: center;
  padding: 20px 0;
}

@media (min-width: 45em) {
  .base-compat {
    padding-bottom: 0;
  }
}

.base-compat .inner {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 40px 0;
}

@media (min-width: 45em) {
  .base-compat .inner {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (min-width: 45em) {
  .base-compat .col {
    width: 50%;
    height: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.base-compat .col+.col {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 45em) {
  .base-compat .col+.col {
    border-top: none;
    padding: 0;
    margin: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
  }
}

.base-compat h3 {
  font-size: 20px;
  margin-bottom: 30px;
}

.base-compat h3 svg {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 5px;
}

.base-compat ul {
  display: block;
  text-align: center;
}

.base-compat li {
  margin: 0 20px;
  display: inline-block;
}

@media (min-width: 65.625rem) {
  .base-compat li {
    margin: 0 30px;
  }
}

.base-compat .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 116px;
  margin-bottom: 20px;
}

.base-compat svg {
  margin: 0 auto;
}

.product-availability {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 15px;
  margin-top: 15px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
}

.product-availability svg {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 5px;
}

#product-unavailable {
  opacity: 0.6;
}

.hero {
  background-color: #ccc;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

.hero--404 {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/404-hero.jpg?v=4096957148505578745");
}

.hero--compare {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/compare-hero.jpg?v=14904690765170289336");
}

.hero--story {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/story-hero.jpg?v=14537206509740665412");
}

.hero--studio {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/studio-hero.jpg?v=12195432950038909420");
}

.hero--lifestyle {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/lifestyle-hero.jpg?v=8985604041787707594");
}

.hero--help {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/help-hero.jpg?v=3023709004313867894");
  background-position: top center;
}

.hero--partners {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/partners-hero.jpg?v=9956754057384500868");
}

.hero--editions {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/editions-hero.jpg?v=9132601592989803568");
}

.hero--wholesale {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/wholesale-hero.jpg?v=11427149825721202530");
}

.hero--when {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/when-hero.jpg?v=8515958158680613339");
}

.hero--base {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/base-lookbook-hero.jpg?v=8931643075076353855");
}

.hero--press {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/press-hero.jpg?v=15528869229282855653");
}

.hero--blog {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/blog-hero.jpg?v=17351140081483199666");
}

.hero--index {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/index-hero.jpg?v=8537802165145563639");
}

.hero--android {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/android-hero.jpg?v=16161296853519576575");
}

.hero--accessories {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/accessories-hero.jpg?v=18323518045742612258");
}

.hero--padded {
  padding: 6.25rem 0 2.5rem;
}

.hero--d30::after,
.hero--d40::after,
.hero--d80::after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: '';
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  z-index: 3;
}

.hero--d80::after {
  background: rgba(0, 0, 0, 0.8);
}

.hero--d40::after {
  background: rgba(0, 0, 0, 0.4);
}

.hero--d30::after {
  background: rgba(0, 0, 0, 0.3);
}

.hero__width {
  position: relative;
  height: 28.125rem;
  z-index: 100;
}

.hero--fullscreen .hero__width {
  height: 100vh;
}

.hero--padded .hero__width {
  height: auto;
}

.hero__content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}

.hero--padded .hero__content {
  position: static;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.hero__heading {
  font-size: 2.75rem;
  color: #fff;
}

@media (min-width: 45em) {
  .hero__heading {
    font-size: 3.125rem;
  }
}

.hero__p {
  font-size: 1.1875rem;
  color: #dbdbdb;
  margin-top: 0.3125rem;
}

.hero__button {
  margin-top: 1.25rem;
}

.hero__read-more {
  display: inline-block;
  color: white;
  font-size: 1.0625rem;
  font-weight: 500;
  position: absolute;
  bottom: 1.875rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  cursor: pointer;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.hero__read-more:hover {
  opacity: 0.8;
}

.hero__read-more svg {
  display: block;
  margin: 0 auto;
  fill: white;
  width: 1.25rem;
  height: 0.625rem;
  margin-top: 0.625rem;
}

.hero__video-wrap {
  display: none;
}

@media (min-width: 45em) {
  .hero__video-wrap {
    display: block;
  }

  .hero__video-wrap video {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.image {
  position: relative;
}

.loader {
  position: relative;
}

.loader img,
.loader video {
  z-index: 3;
}

.image+.image,
.image+.images,
.images+.image,
.images+.images,
.images+.width,
.width+.images,
.image+.width,
.width+.image {
  margin-top: 1.25rem;
}

.contains-lazy svg {
  fill: #f6f6f6;
  max-width: 100%;
  display: block;
}

.contains-lazy img,
.contains-lazy video {
  display: block;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

.images-tall-short,
.images-short-tall {
  position: relative;
}

@media (min-width: 45em) {

  .image+.image,
  .image+.images,
  .images+.image,
  .images+.images,
  .images+.width,
  .width+.images,
  .image+.width,
  .width+.image {
    margin-top: 3.75rem;
  }

  .images-tall-short .image+.image,
  .images-short-tall .image+.image {
    margin-top: 0;
  }

  .images-short-tall .short {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    float: none;
    width: 50%;
  }

  .images-short-tall .tall {
    float: right;
    width: 50%;
    padding-left: 2.5rem;
  }

  .images-short-tall .tall img {
    padding-left: 2.5rem;
  }

  .images-tall-short .tall {
    float: left;
    width: 50%;
  }

  .images-tall-short .short {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    float: none;
    width: 50%;
    padding-left: 2.5rem;
  }

  .images-tall-short .short img {
    padding-left: 2.5rem;
  }
}

.slim-down {
  background-size: cover;
  background-position: center center;
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/slim-down.jpg?v=17615319557185581643");
  padding: 3.75rem 0 1.875rem;
  text-align: center;
  position: relative;
}

.slim-down::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.slim-down__heading {
  color: white;
  font-size: 2.1875rem;
  margin: 0 1.875rem 1.875rem;
  position: relative;
  z-index: 2;
}

.slim-down__list {
  position: relative;
  z-index: 2;
}

.slim-down__item {
  display: block;
  width: 50%;
  float: left;
  margin-bottom: 1.875rem;
}

@media (min-width: 31.25em) {
  .slim-down__item {
    display: inline-block;
    width: 8.75rem;
    float: none;
  }
}

@media (min-width: 65.625rem) {
  body .slim-down__item {
    width: 16.666666667%;
    display: block;
    float: left;
  }
}

.slim-down__item svg {
  fill: white;
  display: block;
  position: absolute;
  bottom: 3.625rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.slim-down__item--iphone-7 svg,
.slim-down__item--iphone-6 svg {
  width: 1.5625rem;
  height: 3.125rem;
}

.slim-down__item--galaxy-s7 svg {
  width: 1.5625rem;
  height: 3.125rem;
}

.slim-down__item--galaxy-s8 svg {
  width: 1.5625rem;
  height: 3.125rem;
}

.slim-down__item--iphone-5 svg {
  width: 1.4375rem;
  height: 2.6875rem;
}

.slim-down__item--ipad-air svg {
  width: 2.6875rem;
  height: 3.75rem;
}

.slim-down__item--ipad-mini svg {
  width: 2.3125rem;
  height: 3.5625rem;
}

@media (min-width: 65.625rem) {
  .slim-down__item+.slim-down__item {
    border-left: 0.0625rem solid rgba(255, 255, 255, 0.1);
  }
}

.slim-down__item-anchor {
  display: block;
  padding-top: 5rem;
  position: relative;
}

.slim-down__item-anchor:hover span {
  text-decoration: underline;
}

.slim-down__strong {
  font-weight: 500;
  color: white;
  line-height: 1.2;
  display: block;
}

.slim-down__shop {
  color: #59c58e;
  display: block;
}

.hamburger {
  display: block;
  margin-top: 0.0625rem;
}

@media (min-width: 65.625rem) {
  .hamburger {
    display: none;
  }
}

.hamburger__icon-bar {
  width: 1.25rem;
  height: 0.125rem;
  border-radius: 0.0625rem;
  background: #fff;
  display: block;
}

.header--dark .hamburger__icon-bar,
#challenge .header .hamburger__icon-bar {
  background: #121212;
}

#menu-toggle:checked~.header .hamburger__icon-bar {
  background: #292929;
}

.home-featured-block__content {
  display: block;
  height: 21.875rem;
  position: relative;
  text-align: center;
}

@media (min-width: 45em) {
  .home-featured-block__content {
    width: 40%;
  }
}

@media (min-width: 65.625rem) {
  .home-featured-block__content {
    width: 33.3333333%;
    height: 25rem;
  }
}

@media (min-width: 68.75em) {
  .home-featured-block__content {
    height: 28.125rem;
  }
}

@media (min-width: 45em) {
  .home-featured-block:nth-of-type(odd) .home-featured-block__content {
    float: right;
  }
}

@media (min-width: 45em) {
  .home-featured-block:nth-of-type(even) .home-featured-block__content {
    float: left;
  }
}

.home-featured-block__content-inner {
  position: absolute;
  width: 100%;
  padding: 0 5%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (min-width: 45em) {
  .home-featured-block__content-inner {
    padding: 0;
  }
}

.home-featured-block--editions .home-featured-block__content-inner {
  max-width: 21.875rem;
}

@media (min-width: 45em) {
  .home-featured-block--editions .home-featured-block__content-inner {
    padding: 0 1.25rem;
  }
}

.home-featured-block__heading {
  font-size: 1.5rem;
  line-height: 1;
}

.home-featured-block__price {
  display: block;
  font-size: 1.375rem;
  margin-top: 0.3125rem;
  color: #5e5e5e;
}

.home-featured-block__p {
  color: #5e5e5e;
  margin: 1.25rem 0;
}

.home-featured-block__button {
  margin-top: 0.9375rem;
}

.home-featured-block:hover .home-featured-block__button {
  background: #59c58e;
}

.home-featured-block__image {
  width: 12.875rem;
  display: block;
  margin: 0 auto;
}

.home-featured-block__lifestyle {
  height: 21.875rem;
  background-size: cover;
  background-position: center center;
}

@media (min-width: 45em) {
  .home-featured-block__lifestyle {
    width: 60%;
  }
}

@media (min-width: 65.625rem) {
  .home-featured-block__lifestyle {
    height: 25rem;
    width: 66.6666666%;
  }
}

@media (min-width: 68.75em) {
  .home-featured-block__lifestyle {
    height: 28.125rem;
  }
}

.home-featured-block__lifestyle--iphone-8 {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-featured-iphone-8-lifestyle.jpg?19950");
}

.home-featured-block__lifestyle--iphone-eight {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-featured-iphone-eight-lifestyle.jpg?19950");
}

.home-featured-block__lifestyle--iphone-7 {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-featured-iphone-7-lifestyle.jpg?19950");
}

.home-featured-block__lifestyle--iphone-6 {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-featured-iphone-6-lifestyle.jpg?19950");
}

.home-featured-block__lifestyle--screen-protector {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-featured-screen-protector-lifestyle.jpg?19950");
}

.home-featured-block__lifestyle--chargers {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-featured-chargers-lifestyle.jpg?19950");
}

.home-featured-block__lifestyle--editions {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-featured-editions-lifestyle.jpg?19950");
}

.home-featured-block__lifestyle--pixel {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-featured-pixel-lifestyle.jpg?19950");
}

.home-featured-block__lifestyle--pixel2 {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-featured-pixel-2-lifestyle.jpg?19950");
}

.home-featured-block__lifestyle--s8 {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-featured-s8-lifestyle.jpg?19950");
}

.home-featured-block__lifestyle--note8 {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-featured-note8-lifestyle.jpg?19950");
}

@media (min-width: 45em) {
  .home-featured-block:nth-of-type(odd) .home-featured-block__lifestyle {
    float: left;
  }
}

@media (min-width: 45em) {
  .home-featured-block:nth-of-type(even) .home-featured-block__lifestyle {
    float: right;
  }
}

.selector-wrapper {
  display: none;
}

@media (min-width: 45em) {
  .product-details {
    width: 90%;
    max-width: 62.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -48%);
    -ms-transform: translate(-50%, -48%);
    transform: translate(-50%, -48%);
    z-index: 10;
  }
}

.product-details__inner {
  width: 100%;
  max-width: 20rem;
  margin: 0 auto;
  padding: 3.75rem 0;
}

@media (min-width: 45em) {
  .product-details__inner {
    float: right;
    padding: 0;
  }
}

.product-details__heading {
  color: white;
  font-size: 1.75rem;
  max-width: 310px;
}

.product-details__heading-plus {
  display: none;
}

.product-details__heading-plus--active {
  display: inline;
}

.product-details__price,
.product-details .compare-price {
  font-size: 1.375rem;
  color: rgba(255, 255, 255, 0.8);
  display: inline-block;
  margin-bottom: 1.25rem;
}

.product-details .compare-price {
  margin-left: 20px;
  text-decoration: line-through;
}

.product-details__form {
  border-top: 0.0625rem solid rgba(255, 255, 255, 0.2);
  padding-top: 1.25rem;
}

.product-description~.product-details__form {
  border-top: none;
}

.product-details__add-to-cart {
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}

.product-description {
  border-top: 0.0625rem solid rgba(255, 255, 255, 0.2);
  padding-top: 1.25rem;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.9);
}

.product-options__option--color,
.product-options__option--shape {
  width: 68%;
  float: left;
  padding: 1.25rem 0;
}

.product-options__option--quantity {
  width: 32%;
  float: left;
  padding: 1.25rem 0;
}

.product-options__option--default {
  display: none;
}

.product-options__option--paper-type {
  width: 100%;
}

#the-peel-notebook-magnetic-minimal-amp-monochromatic .product-options .product-options__option--color {
  width: 100%;
}

#the-peel-notebook-magnetic-minimal-amp-monochromatic .product-options .product-options__option--quantity {
  display: none;
}

#super-thin-iphone-7-case .product-options .product-options__option--color,
#super-thin-iphone-x-case .product-options .product-options__option--color,
#super-thin-iphone-x-case-best-selling .product-options .product-options__option--color,
#super-thin-iphone-8-case .product-options .product-options__option--color {
  width: 68%;
}

#super-thin-iphone-7-case .product-options .product-options__option--quantity,
#super-thin-iphone-x-case .product-options .product-options__option--quantity,
#super-thin-iphone-x-case-best-selling .product-options .product-options__option--quantity,
#super-thin-iphone-8-case .product-options .product-options__option--quantity {
  width: 32%;
}

.product-options__heading {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0.9375rem;
  font-size: 1.0625rem;
}

.product-options__option--color .product-options__heading,
.product-options__option--shape .product-options__heading {
  vertical-align: top;
  display: inline-block;
}

.product-options__option--model .product-options__heading {
  display: none;
}

.product-options__heading-label {
  vertical-align: top;
  font-size: 0.625rem;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0.1875rem;
  display: none;
  padding: 0.375rem 0.3125rem 0.1875rem;
  line-height: 1;
  color: white;
  text-transform: uppercase;
  margin-left: 0.3125rem;
  font-weight: 700;
}

.product-options__option--color .product-options__heading-label,
.product-options__option--shape .product-options__heading-label {
  display: inline-block;
}

.product-options__option--model .product-options__list {
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.2);
  display: block;
}

.product-options__item {
  cursor: pointer;
}

#super-thin-pixel-case .product-options__option--color .product-options__item--quite-black {
  background: #494244;
}

#super-thin-pixel-case .product-options__option--color .product-options__item--very-silver {
  background: #c6c6c4;
}

#super-thin-pixel-case .product-options__option--color .product-options__item--really-blue {
  background: #5c89d7;
}

#super-thin-galaxy-s7-s7-edge-case .product-options__option--color .product-options__item--gold-platinum {
  background: #cbae78;
}

#super-thin-galaxy-s7-s7-edge-case .product-options__option--color .product-options__item--black-onyx {
  background: dimgray;
  margin-right: 0.3125rem;
}

#super-thin-galaxy-s7-s7-edge-case .product-options__option--color .product-options__item--silver-titanium {
  background: #ccc;
}

#super-thin-galaxy-s8-s8-case .product-options__option--color .product-options__item--midnight-black,
#super-thin-galaxy-s8-s8-case .product-options__option--color .product-options__item--midnight-blackout,
#super-thin-galaxy-note8-case .product-options__option--color .product-options__item--midnight-black,
#super-thin-galaxy-note8-case .product-options__option--color .product-options__item--midnight-blackout,
#super-thin-galaxy-note9-case .product-options__option--color .product-options__item--midnight-black,
#super-thin-galaxy-note9-case .product-options__option--color .product-options__item--midnight-blackout {
  background: #000;
}

#super-thin-galaxy-s8-s8-case .product-options__option--color .product-options__item--orchid-grey,
#super-thin-galaxy-s8-s8-case .product-options__option--color .product-options__item--orchid-gray,
#super-thin-galaxy-s8-s8-case .product-options__option--color .product-options__item--grey,
#super-thin-galaxy-note8-case .product-options__option--color .product-options__item--orchid-grey,
#super-thin-galaxy-note8-case .product-options__option--color .product-options__item--orchid-gray,
#super-thin-galaxy-note8-case .product-options__option--color .product-options__item--grey,
#super-thin-galaxy-note9-case .product-options__option--color .product-options__item--orchid-grey,
#super-thin-galaxy-note9-case .product-options__option--color .product-options__item--orchid-gray,
#super-thin-galaxy-note9-case .product-options__option--color .product-options__item--grey {
  background: #868499;
}

#super-thin-galaxy-s8-s8-case .product-options__option--color .product-options__item--arctic-silver,
#super-thin-galaxy-note8-case .product-options__option--color .product-options__item--arctic-silver,
#super-thin-galaxy-note9-case .product-options__option--color .product-options__item--arctic-silver {
  background: #ccc;
}

#the-peel-notebook-magnetic-minimal-amp-monochromatic .product-options__option--color .product-options__item--black {
  background: #000;
}

.product-options__option--shape .product-options__item {
  float: left;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-position: center center;
  background-size: 1.25rem;
  background-repeat: no-repeat;
  margin-right: 0.625rem;
}

.product-options__option--shape .product-options__item--pentagon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSIyNSwwIDUwLDE5LjEgNDAuNSw1MCA5LjUsNTAgMCwxOS4xICIvPjwvc3ZnPg==);
}

.product-options__option--shape .product-options__item--circle {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGNpcmNsZSBjeD0iMjUiIGN5PSIyNSIgcj0iMjUiLz48L3N2Zz4=);
}

.product-options__option--shape .product-options__item--triangle {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSIyNSwwIDUwLDUwIDAsNTAgIi8+PC9zdmc+);
}

.product-options__option--shape .product-options__item--square {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHJlY3Qgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIi8+PC9zdmc+);
}

.product-options__option--color .product-options__item,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item {
  float: left;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 0;
  border-radius: 50%;
  background: white;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.product-options__option--color .product-options__item--jet-black,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--jet-black {
  background: #000;
  background: linear-gradient(135deg, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, black 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
  border: 0.0625rem solid #333;
}

.product-options__option--color .product-options__item--clear,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--clear {
  background: #d5d5d5;
  background: linear-gradient(135deg, #d0d0d0 0%, white 55%, white 100%);
  border: 0.0625rem solid #fff;
}

.product-options__option--color .product-options__item--blackout,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--blackout {
  background: #000;
  border: 0.0625rem solid #333;
}

.product-options__option--color .product-options__item--matte-black,
.product-options__option--color .product-options__item--black,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--black {
  background: #505050;
}

#iphone-7-peel-glass-screen-protector .product-options__option--color .product-options__item--black,
#iphone-6-6s-peel-glass-screen-protector .product-options__option--color .product-options__item--black,
#the-peel-wallet .product-options__option--color .product-options__item--black,
#iphone-7-peel-glass-screen-protector #super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--black,
#iphone-6-6s-peel-glass-screen-protector #super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--black,
#the-peel-wallet #super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--black {
  background: #000;
}

.product-options__option--color .product-options__item--navy,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--navy {
  background: #152840;
}

.product-options__option--color .product-options__item--ocean-blue,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--ocean-blue {
  background: #3e6a90;
}

.product-options__option--color .product-options__item--kinda-blue,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--kinda-blue {
  background: #adbdcd;
}

.product-options__option--color .product-options__item--space-gray,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--space-gray {
  background: #aaaeb1;
}

.product-options__option--color .product-options__item--silver,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--silver {
  background: #dddfde;
}

.product-options__option--color .product-options__item--grey,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--grey {
  background: #dddfde;
}

.product-options__option--color .product-options__item--gold,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--gold {
  background: #eac18e;
}

.product-options__option--color .product-options__item--midnight-green {
  background: #005334;
}

.product-options__option--color .product-options__item--red {
  background: #B94747;
}

.product-options__option--color .product-options__item--rose,
.product-options__option--color .product-options__item--rose-gold,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--rose,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--rose-gold {
  background: #dd707d;
}

.product-options__option--color .product-options__item--tumma,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--tumma {
  background: #243747;
}

.product-options__option--color .product-options__item--crispin,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--crispin {
  background: #abced9;
}

.product-options__option--color .product-options__item--kylosun,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--kylosun {
  background: #f9ec10;
}

.product-options__option--color .product-options__item--garnet,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--garnet {
  background: #d34227;
}

.product-options__option--color .product-options__item--olwen,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--olwen {
  background: #e1e9dd;
}

.product-options__option--color .product-options__item--north,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--north {
  background: #6b8a82;
}

.product-options__option--color .product-options__item--seafoam,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--seafoam {
  background: #cbdfd4;
}

.product-options__option--color .product-options__item--sand,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--sand {
  background: #dcd7d3;
}

.product-options__option--color .product-options__item--blush,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--blush {
  background: #e6bbb5;
}

.product-options__option--color .product-options__item--emerald,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--emerald {
  background: #496f67;
}

.product-options__option--color .product-options__item--tangerine,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--tangerine {
  background: #f6b988;
}

.product-options__option--color .product-options__item--brown,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--brown {
  background: #b35122;
}

.product-options__option--color .product-options__item--raspberry,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--raspberry {
  background: #a35869;
}

.product-options__option--color .product-options__item--all-six,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--all-six {
  background: #777776;
  position: relative;
}

.product-options__option--color .product-options__item--all-six::after,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--all-six::after {
  content: '6';
  position: absolute;
  top: 0.0625rem;
  left: 0;
  font-size: 0.6875rem;
  font-weight: 700;
  text-align: center;
  line-height: 20px;
  color: white;
  text-indent: 0;
  width: 100%;
  height: 100%;
}

.product-options__option--color .product-options__item--selected,
.product-options__option--color .product-options__item:hover,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item--selected,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item:hover {
  border: 0.0625rem solid white;
}

.product-options__option--model .product-options__item,
.product-options__option--paper-type .product-options__item {
  display: block;
  float: left;
  padding: 0 0.625rem;
  border: 0.1875rem solid transparent;
  line-height: 2.9375rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.0625rem;
}

.product-options__option--model .product-options__item:hover,
.product-options__option--model .product-options__item--selected,
.product-options__option--paper-type .product-options__item:hover,
.product-options__option--paper-type .product-options__item--selected {
  border-color: white;
}

.product-options__option--color .product-options__item+.product-options__item,
#super-thin-iphone-5-5s-se-case .product-options__option--default .product-options__item+.product-options__item {
  margin-left: 0.3125rem;
}

.product-options__option--color .product-options__item[style]+.product-options__item {
  margin-left: 0;
}

.product-options__option--model .product-options__item+.product-options__item {
  margin-left: 2.5rem;
}

.quantity-selector__minus,
.quantity-selector__quantity,
.quantity-selector__plus {
  display: inline-block;
  color: white;
  width: 1.875rem;
  text-align: center;
  line-height: 1.25rem;
  cursor: pointer;
}

.quantity-selector__quantity {
  border-left: 0.0625rem solid rgba(255, 255, 255, 0.8);
  border-right: 0.0625rem solid rgba(255, 255, 255, 0.8);
}

.product-variant-description {
  display: none;
}

.product-variant-description--active {
  display: block;
}

.product-details__footer {
  color: white;
  font-size: 0.875rem;
  margin-top: 0.625rem;
}

.product-details__footer a {
  color: white;
}

.product-details__ships {
  display: none;
}

.product-details__ships--active {
  float: left;
  display: block;
}

.product-details__have-questions {
  text-align: center;
  display: block;
}

.product-details__have-questions a:hover {
  text-decoration: underline;
}

.product-details__ships--active~.product-details__have-questions {
  float: right;
  text-align: left;
}

.product-details__looking-for~.product-details__have-questions {
  float: left;
  text-align: left;
}

.product-details__looking-for {
  float: right;
}

.product-details__looking-for svg {
  vertical-align: middle;
  display: inline-block;
  fill: white;
  width: 0.375rem;
  margin: -0.0625rem 0 0 0.3125rem;
}

#the-explorer-edition-curated-by-jack-archer .product-options__option--color,
#understated-edition-iphone-6-6s-case .product-options__option--color {
  width: 65%;
}

#the-explorer-edition-curated-by-jack-archer .product-options__option--quantity,
#understated-edition-iphone-6-6s-case .product-options__option--quantity {
  width: 35%;
}

#super-thin-galaxy-s8-s8-case .product-options__option--model .product-options__item {
  padding: 0 1.25rem;
  border: 0.1875rem solid transparent;
}

#super-thin-galaxy-s8-s8-case .product-options__option--model .product-options__item:hover,
#super-thin-galaxy-s8-s8-case .product-options__option--model .product-options__item--selected {
  border-color: white;
}

#peel-e-gift-card .product-options__option--model .product-options__item+.product-options__item,
#peel-e-gift-card .product-options__option--amount .product-options__item+.product-options__item {
  margin-left: 0.3125rem;
}

#the-super-thin-wireless-charger-for-iphone-amp-android #product-top.black {
  background: #000;
}

#the-super-thin-wireless-charger-for-iphone-amp-android #product-top.white {
  background: #fff;
}

#the-super-thin-wireless-charger-for-iphone-amp-android #product-top.white .product-details__heading {
  color: #292929;
}

#the-super-thin-wireless-charger-for-iphone-amp-android #product-top.white .wrap-reviews .spr-badge-caption,
#the-super-thin-wireless-charger-for-iphone-amp-android #product-top.white .wrap-reviews .spr-badge-caption a,
#the-super-thin-wireless-charger-for-iphone-amp-android #product-top.white .wrap-reviews .spr-badge-starrating .spr-icon,
#the-super-thin-wireless-charger-for-iphone-amp-android #product-top.white .wrap-reviews .spr-badge-starrating .spr-icon-star::before {
  color: #000 !important;
}

#the-super-thin-wireless-charger-for-iphone-amp-android #product-top.white .product-availability,
#the-super-thin-wireless-charger-for-iphone-amp-android #product-top.white .product-description {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}

#the-super-thin-wireless-charger-for-iphone-amp-android #product-top.white .product-details__price,
#the-super-thin-wireless-charger-for-iphone-amp-android #product-top.white .product-options__heading,
#the-super-thin-wireless-charger-for-iphone-amp-android #product-top.white .product-variant-descriptions p,
#the-super-thin-wireless-charger-for-iphone-amp-android #product-top.white .product-description {
  color: rgba(0, 0, 0, 0.8);
}

#the-super-thin-wireless-charger-for-iphone-amp-android #product-top.white .quantity-selector__minus,
#the-super-thin-wireless-charger-for-iphone-amp-android #product-top.white .quantity-selector__plus,
#the-super-thin-wireless-charger-for-iphone-amp-android #product-top.white .quantity-selector__quantity {
  color: rgba(0, 0, 0, 0.8);
}

#the-super-thin-wireless-charger-for-iphone-amp-android #product-top.white .quantity-selector__quantity {
  border-left: 0.0625rem solid rgba(0, 0, 0, 0.8);
  border-right: 0.0625rem solid rgba(0, 0, 0, 0.8);
}

#the-super-thin-wireless-charger-for-iphone-amp-android #product-top.white .product-details__footer {
  color: #292929;
}

#the-super-thin-wireless-charger-for-iphone-amp-android #product-top.white .product-details__footer a {
  color: #292929;
}

#the-super-thin-wireless-charger-for-iphone-amp-android #product-top.white .product-options__heading-label {
  color: #292929;
}

#the-super-thin-wireless-charger-for-iphone-amp-android #product-top.white .product-options__item--white {
  border: 1px solid #ccc;
}

#the-super-thin-wireless-charger-for-iphone-amp-android #product-top.white .product-sliders__slider .owl-dots .owl-dot span {
  background: rgba(0, 0, 0, 0.2);
}

#the-super-thin-wireless-charger-for-iphone-amp-android #product-top.white .product-sliders__slider .owl-dots .owl-dot.active span {
  background: rgba(0, 0, 0, 0.4);
}

#the-super-thin-wireless-charger-for-iphone-amp-android #product-top.white .product-availability {
  color: rgba(0, 0, 0, 0.8);
}

body .product-sliders {
  height: 31.25rem;
}

@media (min-width: 45em) {
  body .product-sliders {
    height: 47.125rem;
  }
}

@media (min-width: 65.625rem) {
  body .product-sliders {
    height: 48.75rem;
  }
}

body .product-sliders .owl-dots {
  position: absolute;
  left: 50%;
  width: calc(100% - 100px);
  max-width: 600px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: inline-block;
  bottom: 1.875rem;
  height: 0.75rem;
  z-index: 2;
}

body .product-sliders .owl-dots .owl-dot {
  width: 0.75rem;
  height: 0.75rem;
  margin: 0 0.5rem;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

body .product-sliders .owl-dots .owl-dot span {
  width: 0.75rem;
  height: 0.75rem;
  display: block;
  margin: 0;
}

body .product-sliders .owl-dots .owl-dot:nth-of-type(1n+9) {
  display: none;
}

@media (min-width: 50rem) {
  body .product-sliders .owl-dots .owl-dot:nth-of-type(1n+9) {
    display: inline-block;
  }
}

body .product-sliders .owl-nav {
  position: absolute;
  bottom: 1.625rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 0;
  height: 1.25rem;
  width: 90%;
  max-width: 43.75rem;
  overflow: hidden;
}

body .product-sliders .owl-next,
body .product-sliders .owl-prev {
  width: 1.25rem;
  height: 1.25rem;
  background-color: transparent !important;
  bottom: 0.3125rem;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: auto 100%;
  opacity: 0.5;
  padding: 0 !important;
  margin: 0 !important;
  display: block;
}

body .product-sliders .owl-next {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjIuNCA0MS42IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMi40IDQxLjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLjQsMzguOUwwLjQsMzguOWMtMC4xLDAuMS0wLjIsMC4zLTAuMywwLjVDMC4xLDM5LjUsMCwzOS43LDAsMzkuOWMtMC4xLDAuMiwwLDAuNSwwLjEsMC43YzAuMSwwLjIsMC4yLDAuNCwwLjMsMC43YzAuMiwwLjEsMC41LDAuMiwwLjcsMC4zYzAuMiwwLjEsMC40LDAuMiwwLjYsMC4xYzAuMiwwLDAuNCwwLDAuNy0wLjFjMC4yLTAuMSwwLjQtMC4yLDAuNi0wLjRsMTktMTkuMWMwLjItMC4yLDAuMy0wLjQsMC40LTAuNmMwLjEtMC4yLDAuMS0wLjQsMC4yLTAuN2MwLTAuMi0wLjEtMC41LTAuMi0wLjdjLTAuMS0wLjItMC4yLTAuNC0wLjMtMC42TDIuOCwwLjdDMi43LDAuNCwyLjYsMC4yLDIuMywwLjJDMi4xLDAuMSwxLjksMC4xLDEuNywwQzEuNSwwLDEuMywwLjEsMS4xLDAuMkMwLjksMC4zLDAuNywwLjQsMC41LDAuNkMwLjQsMC43LDAuMiwwLjksMC4xLDEuMUMwLjEsMS4zLDAsMS42LDAsMS44QzAsMiwwLDIuMiwwLjEsMi40QzAuMywyLjYsMC4zLDIuOCwwLjQsM2wxNy40LDE3LjhMMC40LDM4Ljl6Ii8+PC9zdmc+) !important;
  float: right;
}

body .product-sliders .owl-prev {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjIuNCA0MS42IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMi40IDQxLjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMiwyLjhMMjIsMi44YzAuMS0wLjEsMC4yLTAuMywwLjMtMC41YzAuMS0wLjIsMC4xLTAuNCwwLjEtMC42YzAuMS0wLjIsMC0wLjUtMC4xLTAuN2MtMC4xLTAuMi0wLjItMC40LTAuMy0wLjdjLTAuMi0wLjEtMC41LTAuMi0wLjctMC4zQzIxLjIsMCwyMSwwLDIwLjgsMGMtMC4yLDAtMC40LDAtMC43LDAuMWMtMC4yLDAuMS0wLjQsMC4yLTAuNiwwLjRsLTE5LDE5LjFjLTAuMiwwLjItMC4zLDAuNC0wLjQsMC42Yy0wLjEsMC4yLTAuMSwwLjQtMC4yLDAuN2MwLDAuMiwwLjEsMC41LDAuMiwwLjdjMC4xLDAuMiwwLjIsMC40LDAuMywwLjZsMTkuMSwxOWMwLjEsMC4yLDAuMiwwLjQsMC41LDAuNWMwLjIsMCwwLjQsMC4xLDAuNywwLjJjMC4yLDAsMC40LTAuMSwwLjYtMC4yYzAuMi0wLjEsMC40LTAuMiwwLjYtMC40YzAuMi0wLjIsMC4zLTAuNCwwLjQtMC42YzAuMS0wLjIsMC4xLTAuNCwwLjEtMC43YzAuMS0wLjIsMC0wLjQtMC4xLTAuNmMtMC4xLTAuMi0wLjItMC40LTAuMy0wLjdMNC41LDIwLjhMMjIsMi44eiIvPjwvc3ZnPg==) !important;
  float: left;
}

body #product-top.white .product-sliders .owl-prev,
body #product-top.white .product-sliders .owl-next {
  filter: invert(1);
}

.product-sliders__slider {
  display: none;
}

.product-sliders__item {
  height: 31.25rem;
  background-size: auto 100%;
  background-position: left 30% center;
  background-repeat: no-repeat;
}

#super-thin-iphone-7-case .product-sliders__item {
  background-position: left 40% center;
}

@media (min-width: 45em) {
  #super-thin-iphone-7-case .product-sliders__item {
    background-position: center center;
  }
}

@media (min-width: 45em) {
  .product-sliders__item {
    height: 47.125rem;
    background-size: auto 100%;
    background-position: center center;
  }
}

@media (min-width: 65.625rem) {
  .product-sliders__item {
    height: 48.75rem;
  }
}

.base-images {
  height: 31.25rem;
  position: relative;
  overflow: hidden;
}

@media (min-width: 45em) {
  .base-images {
    height: 37.5rem;
  }
}

@media (min-width: 65.625rem) {
  .base-images {
    height: 45rem;
  }
}

.base-images__image {
  display: none;
  height: 31.25rem;
  width: 100%;
}

@media (min-width: 45em) {
  .base-images__image {
    height: 37.5rem;
  }
}

@media (min-width: 65.625rem) {
  .base-images__image {
    height: 45rem;
  }
}

.base-images__image--active {
  display: block;
}

.base-images__img {
  height: 31.25rem;
  width: auto;
  max-width: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-35%, -50%);
  -ms-transform: translate(-35%, -50%);
  transform: translate(-35%, -50%);
}

@media (min-width: 31.25em) {
  .base-images__img {
    height: 43.75rem;
  }
}

@media (min-width: 45em) {
  .base-images__img {
    display: none;
  }
}

.base-images__video {
  display: none;
}

@media (min-width: 45em) {
  .base-images__video {
    display: block;
    height: 45rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

@media (min-width: 80rem) {
  .base-images__video {
    height: auto;
    width: 100%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

.ajax-cart {
  z-index: 9999999999999;
  padding-top: 1.5rem;
  background: #f7f7f7;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: 0.4s -webkit-transform;
  transition: 0.4s -webkit-transform;
  transition: 0.4s transform;
  transition: 0.4s transform, 0.4s -webkit-transform;
}

.ajax-cart--active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.ajax-cart__header {
  padding-bottom: 3.75rem;
  border-bottom: 0.0625rem solid #dedede;
}

.ajax-cart__header svg {
  float: right;
  width: 1.375rem;
  margin-top: 0.5rem;
  cursor: pointer;
}

.ajax-cart__heading {
  font-size: 1.625rem;
  float: left;
}

.ajax-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.5625rem 0;
  border-bottom: 0.0625rem solid #dedede;
}

.ajax-item__title-cell {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 2.5rem;
}

.ajax-item__title-cell h4 {
  font-size: 1.1875rem;
}

.ajax-item__title-cell span {
  font-size: 0.9375rem;
}

.ajax-item__image-cell {
  width: 5rem;
}

.ajax-item__image-cell img {
  width: 100%;
}

.ajax-item__quantity-cell {
  width: 7.5rem;
}

.ajax-item__remove-cell {
  width: 2.5rem;
  margin-left: 2.5rem;
}

.ajax-item__remove-cell span {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  border: 0.0625rem solid #b9b9b9;
  border-radius: 0.1875rem;
  cursor: pointer;
}

.ajax-item__remove-cell svg {
  margin: 0.9375rem auto 0;
  width: 0.5rem;
  fill: #5e5e5e;
}

.ajax-item__variants {
  display: inline-block;
}

.ajax-item__variants li {
  display: inline-block;
  font-size: 0.9375rem;
}

.ajax-item__variants li+li {
  margin-left: 0.3125rem;
}

.ajax-item__quantity-up,
.ajax-item__quantity-down,
.ajax-item__quantity-quantity {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border: 0.0625rem solid #b9b9b9;
  display: inline-block;
  text-align: center;
  font-size: 0.9375rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.ajax-item__quantity-down,
.ajax-item__quantity-up {
  cursor: pointer;
}

.ajax-item__quantity-down {
  border-top-left-radius: 0.1875rem;
  border-bottom-left-radius: 0.1875rem;
}

.ajax-item__quantity-up {
  border-top-right-radius: 0.1875rem;
  border-bottom-right-radius: 0.1875rem;
}

.ajax-item__quantity-quantity {
  border-left: 0;
  border-right: 0;
}

.ajax-cart__footer {
  padding: 1.875rem 0;
}

.ajax-cart__subtotal {
  float: left;
  line-height: 2.8125rem;
  color: #424242;
  font-weight: 500;
}

.ajax-cart__subtotal span {
  color: #59c58e;
}

.ajax-cart__checkout {
  float: right;
}

.overlay {
  z-index: 888888888;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: none;
}

.ajax-cart__empty p {
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
  padding: 2.5rem 0;
  color: #292929;
}

body .doubly-message {
  padding: 0.625rem 0.9375rem;
  font-size: 0.8125rem;
  background: rgba(0, 0, 0, 0.05) !important;
  color: rgba(0, 0, 0, 0.4) !important;
  margin-bottom: 1.25rem;
}

body .cart .doubly-message {
  margin: 1.25rem 0 0;
}

.product-features {
  margin-bottom: 2.5rem;
}

.product-feature {
  position: relative;
}

.product-feature.top {
  z-index: 20;
}

.product-feature+.product-feature {
  margin-top: 1.875rem;
}

@media (min-width: 45em) {
  .product-feature+.product-feature {
    margin-top: 3.125rem;
  }
}

@media (min-width: 45em) {
  .product-feature+.product-feature--2 {
    margin-top: 0;
    z-index: 10;
    position: relative;
  }
}

@media (min-width: 45em) {
  .product-feature+.product-feature--3 {
    margin-top: 0.625rem;
  }
}

@media (min-width: 45em) {
  .product-feature--2 {
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
  }
}

@media (min-width: 45em) {
  .product-feature__image {
    float: right;
    width: 60%;
  }
}

@media (min-width: 45em) {
  .product-feature--2 .product-feature__image {
    float: none;
  }
}

.product-feature__content {
  text-align: center;
  padding-bottom: 1.875rem;
}

@media (min-width: 45em) {
  .product-feature__content {
    text-align: left;
    padding-bottom: 0;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40%;
    padding-right: 1.25rem;
    max-width: 21.875rem;
  }
}

@media (min-width: 65.625rem) {
  .product-feature__content {
    padding-right: 3.75rem;
  }
}

@media (min-width: 45em) {
  .product-feature--1 .product-feature__content {
    margin-top: -2.5rem;
  }
}

@media (min-width: 45em) {
  .product-feature--2 .product-feature__content {
    left: 60%;
    padding-right: 0;
    padding-left: 1.25rem;
    margin-top: 2.5rem;
  }
}

@media (min-width: 65.625rem) {
  .product-feature--2 .product-feature__content {
    padding-left: 3.75rem;
  }
}

.product-feature__heading {
  font-size: 1.5625rem;
  margin-bottom: 0.625rem;
  font-weight: 500;
}

.product-feature a {
  color: #59c58e;
  font-weight: 700;
}

.product-feature a:hover {
  text-decoration: underline;
}

.product-testimonial {
  color: white;
  margin: 1.25rem 0;
  display: none;
}

@media (min-width: 45em) {
  .product-testimonial {
    margin: 3.75rem 0;
  }
}

.product-testimonial .width {
  background: #5e5e5e;
  position: relative;
}

.product-testimonial a {
  color: #fff;
}

@media (min-width: 45em) {
  .product-testimonial__image {
    width: 50%;
  }
}

.product-testimonial__content {
  padding: 3.75rem 1.25rem;
}

@media (min-width: 45em) {
  .product-testimonial__content {
    width: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 1.25rem;
  }
}

@media (min-width: 65.625rem) {
  .product-testimonial__content {
    padding: 0 3.75rem;
  }
}

.product-testimonial__author {
  font-weight: 500;
  display: block;
  margin-top: 1.25rem;
}

@media (min-width: 45em) {
  .product-testimonial__author {
    font-size: 1.125rem;
  }
}

.product-fixed-header {
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 300;
  padding: 1.25rem 0;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.product-fixed-header--active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.product-fixed-header__logo {
  width: 3.5625rem;
  fill: #292929;
  float: left;
  display: block;
  margin-top: 1rem;
}

.product-fixed-header__button {
  float: right;
}

.product-fixed-header__button svg {
  display: inline-block;
  vertical-align: middle;
  fill: #fff;
  width: 1.125rem;
  margin: -0.0625rem 0 0 0.5rem;
}

.diagram {
  background: #5e5e5e;
  color: white;
  padding: 3.125rem 0;
}

@media (min-width: 45em) {
  .diagram {
    padding: 5rem 0;
  }
}

.diagram .width {
  position: relative;
}

@media (min-width: 45em) {
  .diagram__content {
    width: 50%;
    padding-right: 2.5rem;
  }
}

.diagram__image {
  margin-top: 2.5rem;
}

@media (min-width: 45em) {
  .diagram__image {
    margin-top: 0;
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media (min-width: 45em) {
  .diagram__image img {
    margin: 0 auto;
  }
}

.diagram--protector .diagram__image img {
  max-width: 20rem;
}

.diagram--chargers .diagram__image img {
  max-width: 15rem;
}

.diagram p {
  max-width: 27.5rem;
}

.diagram__heading {
  font-size: 1.5625rem;
  color: #fff;
  margin-bottom: 0.9375rem;
}

.editions-creator {
  margin-bottom: 1.25rem;
  color: #fff;
}

@media (min-width: 45em) {
  .editions-creator {
    margin-bottom: 3.75rem;
  }
}

.editions-creator__inner {
  padding: 3.75rem 1.25rem;
  position: relative;
  background-size: cover;
  background-position: center center;
}

@media (min-width: 31.25em) {
  .editions-creator__inner {
    padding: 3.75rem;
  }
}

@media (min-width: 65.625rem) {
  .editions-creator__inner {
    padding: 6.25rem 3.75rem;
  }
}

.editions-creator__inner::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(22, 22, 22, 0.6);
}

.editions-creator__inner--jessica {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/understated-testimonial-background.jpg?v=17687267755650361097");
}

.editions-creator__inner--jack {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/explorer-testimonial-bg.jpg?v=18045868686332963751");
}

.editions-creator__content {
  max-width: 43.75rem;
  text-align: center;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.editions-creator__author {
  text-transform: uppercase;
  margin-top: 1.875rem;
  font-size: 1.125rem;
  font-weight: 500;
  display: block;
}

.editions-creator__from a {
  color: #fff;
}

.editions-creator__from a:hover {
  text-decoration: underline;
}

.editions-creator p {
  font-size: 1.0625rem;
}

@media (min-width: 31.25em) {
  .editions-creator p {
    font-size: 1.1875rem;
  }
}

.editions-creator p+p {
  margin-top: 1.875rem;
}

.base-banner {
  margin: 1.25rem 0;
}

@media (min-width: 45em) {
  .base-banner {
    margin: 3.75rem 0;
  }
}

.base-banner__inner {
  background-position: center center;
  background-size: cover;
  position: relative;
  padding: 6.25rem 0;
  display: block;
}

.base-banner__inner--manufacturing {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/base-bottom-story.jpg?v=1186842766793192541");
}

.base-banner__inner--base {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/base-lookbook-shop.jpg?v=13114640564215129877");
}

@media (min-width: 45em) {
  .base-banner__inner {
    padding: 8.75rem 0;
  }
}

.base-banner__inner:hover::after {
  background: rgba(0, 0, 0, 0.5);
}

.base-banner__inner::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.3s background;
  transition: 0.3s background;
}

.base-banner__inner--base::after {
  background: transparent;
}

.base-banner__inner--base:hover::after {
  background: rgba(0, 0, 0, 0.2);
}

.base-banner__content {
  position: relative;
  z-index: 2;
  text-align: center;
  display: block;
}

.base-banner__heading {
  color: #fff;
  font-size: 1.75rem;
}

.base-banner__button {
  line-height: 2.5rem;
  padding: 0.125rem 2.5rem 0;
  color: #292929;
  background: #fff;
  border-radius: 0.3125rem;
  display: inline-block;
  margin-top: 1.25rem;
  font-weight: 500;
}

.search-overlay {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -9999;
  opacity: 0;
  -webkit-transition: 0.4s opacity;
  transition: 0.4s opacity;
}

.search-active .search-overlay {
  z-index: 999999999;
  opacity: 1;
}

.search-overlay .close {
  position: fixed;
  top: 1.875rem;
  right: 1.875rem;
  opacity: 0.1;
  cursor: pointer;
  width: 1.25rem;
}

.search-overlay .close:hover {
  opacity: 0.3;
}

.search-overlay .form {
  padding: 0 3%;
  max-width: 37.5rem;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.search-overlay input {
  line-height: 6.25rem;
  font-size: 2.125rem;
  display: block;
}

@media (min-width: 45em) {
  .search-overlay input {
    font-size: 3.125rem;
  }
}

@media (min-width: 65.625rem) {
  .search-overlay input {
    font-size: 4.375rem;
  }
}

.search-overlay input::-webkit-input-placeholder {
  color: #dcdcdc;
}

.search-overlay input:-ms-input-placeholder {
  color: #dcdcdc;
}

.search-overlay input::-ms-input-placeholder {
  color: #dcdcdc;
}

.search-overlay input::placeholder {
  color: #dcdcdc;
}

#someone-purchased.customized {
  font-family: 'sans', sans-serif !important;
  border-radius: 0.3125rem !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 0.0625rem solid #dedede !important;
}

#someone-purchased.customized p {
  color: #5e5e5e !important;
}

#someone-purchased.customized a {
  font-weight: 500 !important;
}

.announcements {
  background-size: cover;
  background-position: center center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  min-height: 40px;
}

.announcements.us-only {
  display: none;
}

.announcements:hover {
  cursor: default;
}

.announcements[href]:hover {
  cursor: default;
}

.in-us .announcements.us-only {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.announcements .width {
  display: block;
}

.announcements p {
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
}

.product-seen {
  padding-top: 2.5rem;
}

@media (min-width: 65.625rem) {
  .product-seen {
    padding-top: 3.75rem;
  }
}

.product-seen__heading {
  font-size: 1.5625rem;
  text-align: center;
  margin-bottom: 0.625rem;
}

.product-seen__logos {
  text-align: center;
}

.product-seen__logo {
  width: 50%;
  height: 6.25rem;
  position: relative;
  display: inline-block;
}

@media (min-width: 31.25em) {
  .product-seen__logo {
    width: 33.3333333%;
  }
}

@media (min-width: 65.625rem) {
  .product-seen__logo {
    width: 20%;
  }
}

.product-seen__logo-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90%;
}

.product-seen__logo-img--geek {
  max-width: 7.0625rem;
}

.product-seen__logo-img--gear-patrol {
  max-width: 9.375rem;
}

.product-seen__logo-img--forbes {
  max-width: 8.125rem;
}

.product-seen__logo-img--slash-gear {
  max-width: 10.125rem;
  max-width: 95%;
}

.product-seen__logo-img--imore {
  max-width: 8.1875rem;
}

.product-seen__logo-img--9-to-5-google {
  max-width: 10.625rem;
}

.product-seen__logo-img--android-headlines {
  max-width: 8.125rem;
}

.product-seen__logo-img--droid-life {
  max-width: 9.375rem;
}

.product-seen__logo-img--tech-advisor {
  max-width: 9.6875rem;
}

.product-seen__logo-img--tech-aeris {
  max-width: 8.75rem;
}

.product-seen__logo-img--phandroid {
  max-width: 8.75rem;
}

.product-seen__logo-img--tech-radar {
  width: 10rem;
}

.product-seen__logo-img--pcmag {
  width: 8.75rem;
}

.product-seen__logo-img--toms {
  width: 13.75rem;
}

.product-seen__logo-img--digital-trends {
  width: 15rem;
}

.product-seen--four .product-seen__logo {
  width: 50%;
}

@media (min-width: 31.25em) {
  .product-seen--four .product-seen__logo {
    width: 33.3333333%;
  }
}

@media (min-width: 65.625rem) {
  .product-seen--four .product-seen__logo {
    width: 25%;
  }
}

.product-reviews {
  padding: 2.5rem 0;
}

@media (min-width: 65.625rem) {
  .product-reviews {
    padding: 3.75rem 0;
  }
}

.product-reviews .spr-container {
  border: none;
}

.product-reviews .spr-header {
  text-align: center;
}

.product-reviews .spr-header-title {
  text-align: center;
  font-size: 1.5625rem;
}

.product-reviews .spr-summary-actions-newreview,
.product-reviews .spr-review-reportreview {
  display: none;
}

.product-reviews .spr-summary {
  display: inline-block;
  margin: 2.5rem 0;
}

.product-reviews .spr-review {
  padding: 1.25rem 1.25rem 2.5rem;
  position: relative;
}

@media (min-width: 31.25em) {
  .product-reviews .spr-review {
    padding: 2.5rem 10% 3.75rem;
  }
}

.product-reviews .spr-review-header-title {
  font-size: 1.125rem;
}

.product-reviews .spr-review-header-byline {
  margin: 0;
  position: absolute;
  bottom: 1.25rem;
  left: 1.25rem;
  color: #5e5e5e;
  font-size: 1rem;
  font-style: normal;
}

.product-reviews .spr-review-header-byline strong {
  color: #5e5e5e;
  font-weight: 400;
}

@media (min-width: 31.25em) {
  .product-reviews .spr-review-header-byline {
    bottom: 2.5rem;
    left: 10%;
  }
}

.product-reviews .spr-review-content-body {
  font-size: 1rem;
  color: #5e5e5e;
  margin-bottom: 0;
  padding: 1.25rem 0 0;
}

.product-reviews .spr-starratings {
  margin-bottom: 0;
}

.product-reviews .spr-review-header-title {
  margin: 1.5625rem 0 0;
}

.product-reviews .spr-icon+.spr-icon {
  margin-left: 0.625rem;
}

.product-reviews .spr-pagination-page,
.product-reviews .spr-pagination-deco,
.product-reviews .spr-pagination-next,
.product-reviews .spr-pagination-prev {
  position: static;
  display: inline-block;
  color: #5e5e5e;
  margin: 0 9px;
  font-size: 1rem;
  vertical-align: middle;
}

.product-reviews .spr-pagination-page a,
.product-reviews .spr-pagination-page strong,
.product-reviews .spr-pagination-deco a,
.product-reviews .spr-pagination-deco strong,
.product-reviews .spr-pagination-next a,
.product-reviews .spr-pagination-next strong,
.product-reviews .spr-pagination-prev a,
.product-reviews .spr-pagination-prev strong {
  color: #5e5e5e;
  display: inline-block;
}

.product-reviews .spr-pagination-page,
.product-reviews .spr-pagination-deco {
  display: none;
}

.product-reviews .spr-pagination-next {
  float: right;
}

.product-reviews .spr-pagination-prev {
  float: left;
}

.product-reviews .spr-pagination-page,
.product-reviews .spr-pagination-deco {
  border-bottom: 0.0625rem solid transparent;
}

.product-reviews .spr-pagination-page.is-active,
.product-reviews .spr-pagination-deco.is-active {
  border-bottom: 0.0625rem solid #5e5e5e;
}

.product-reviews .spr-pagination-page a:hover,
.product-reviews .spr-pagination-deco a:hover {
  color: #232323;
}

.product-reviews .spr-pagination-next a,
.product-reviews .spr-pagination-prev a {
  height: 1.5625rem;
  width: 1.125rem;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 1.125rem;
  background-position: center left;
  margin-top: 5px;
  border-bottom: none;
  opacity: 0.4;
}

.product-reviews .spr-pagination-next a:hover,
.product-reviews .spr-pagination-prev a:hover {
  border-bottom: none;
  opacity: 1;
}

.product-reviews .spr-pagination-next a {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgOTMuNiA1MC4zIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5My42IDUwLjMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9IiMyMzIzMjMiIGQ9Ik02NS4xLDMuN2MwLDAuOSwwLjMsMS45LDEsMi42bDE1LjQsMTUuNEgzLjZjLTIsMC0zLjYsMS42LTMuNiwzLjZzMS42LDMuNiwzLjYsMy42aDc3LjlMNjYuMSw0NC4xYy0wLjcsMC43LTEsMS42LTEsMi42czAuMywxLjksMSwyLjZjMS40LDEuNCwzLjgsMS40LDUuMSwwbDIxLjQtMjEuNGMwLjEtMC4xLDAuMy0wLjQsMC40LTAuNmMwLjctMSwwLjctMi4zLDAuMy0zLjNjLTAuMS0wLjQtMC40LTAuOS0wLjctMS4ybDAsMEw3MS4yLDFjLTEuNC0xLjQtMy44LTEuNC01LjEsMEM2NS40LDEuOCw2NS4xLDIuNyw2NS4xLDMuN3oiLz48L2c+PC9zdmc+);
}

.product-reviews .spr-pagination-prev a {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgOTMuNiA1MC4zIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5My42IDUwLjMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9IiMyMzIzMjMiIGQ9Ik0yOC41LDQ2LjdjMC0wLjktMC4zLTEuOS0xLTIuNkwxMi4xLDI4LjdIOTBjMiwwLDMuNi0xLjYsMy42LTMuNlM5MiwyMS41LDkwLDIxLjVIMTIuMUwyNy41LDYuM2MwLjctMC43LDEtMS42LDEtMi42cy0wLjMtMS45LTEtMi42Yy0xLjQtMS40LTMuOC0xLjQtNS4xLDBMMSwyMi41Yy0wLjEsMC4xLTAuMywwLjQtMC40LDAuNmMtMC43LDEtMC43LDIuMy0wLjMsMy4zYzAuMSwwLjQsMC40LDAuOSwwLjcsMS4ybDAsMGwyMS40LDIxLjdjMS40LDEuNCwzLjgsMS40LDUuMSwwQzI4LjIsNDguNiwyOC41LDQ3LjcsMjguNSw0Ni43eiIvPjwvZz48L3N2Zz4=);
}

.product-reviews .spr-review-header-byline {
  font-size: 0;
}

.product-reviews .spr-review-header-byline strong:first-child {
  font-size: 16px;
}

.product-reviews .spr-review-header-byline strong:last-child {
  font-size: 0;
}

.product-reviews .spr-review-header-byline strong:last-child:before {
  display: inline-block;
  font-size: 16px;
  position: absolute;
  content: 'Verified Purchase';
  right: 2.5rem;
  bottom: 0;
  opacity: 0.5;
}

@media (min-width: 31.25em) {
  .product-reviews .spr-review-header-byline strong:last-child:before {
    right: 10%;
  }
}

.self-refer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  text-align: right;
  display: none;
}

.self-refer--active {
  display: block;
}

.self-refer__close {
  margin-bottom: 0.625rem;
  width: 1.25rem;
  opacity: 0.8;
  display: inline-block;
  cursor: pointer;
}

.self-refer__close:hover {
  opacity: 1;
}

.self-refer__close svg {
  fill: #fff;
}

.self-refer__inner {
  max-width: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.self-refer__white {
  background: #fff;
  padding: 2.5rem;
  max-width: 35rem;
  text-align: center;
  font-size: 1.125rem;
  color: #5e5e5e;
}

@media (min-width: 65.625rem) {
  .self-refer__white {
    padding: 3.75rem;
  }
}

.in-cart-note {
  padding: 15px 20px 10px 20px;
  text-align: center;
  margin-top: 2.5rem;
  position: relative;
  display: none;
}

.not-in-us .in-cart-note {
  display: none;
}

.cart .in-cart-note {
  margin: 1.875rem 0 1.25rem;
}

.in-cart-note::after {
  width: 20px;
  height: 20px;
  position: absolute;
  content: '';
  -webkit-transform: rotate(45deg) translateY(-50%);
  -ms-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  background: black;
  left: 20px;
  top: 0;
}

.in-cart-note.good-add-another,
.in-cart-note.good-add-another::after {
  background: #cefdce;
}

.in-cart-note.add-another-for-free,
.in-cart-note.add-another-for-free::after {
  background: #FFFFE0;
}

.in-cart-note.no-suggest,
.in-cart-note.no-suggest::after {
  background: #e5f5fd;
}

.in-cart-note.good,
.in-cart-note.good::after {
  background: #e5f5fd;
}

.in-cart-note.case,
.in-cart-note.protector,
.in-cart-note.good,
.in-cart-note.case::after,
.in-cart-note.protector::after,
.in-cart-note.good::after {
  background: #e5f5fd;
}

.in-cart-note p {
  position: relative;
  z-index: 2;
  color: #292929;
}

.in-cart-note p a {
  color: #292929;
  font-weight: 500;
  text-decoration: underline;
}

.in-cart-note img {
  display: inline-block;
  vertical-align: middle;
  fill: #292929;
  width: 0.875rem;
}

.in-cart-note .thumb {
  margin-top: -0.3125rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.in-cart-note .gift {
  margin-top: -0.25rem;
  margin-right: 0.3125rem;
}

.in-cart-note .gift.right {
  margin-left: 5px;
  margin-right: 0;
}

.collection-header {
  background: #f3f3f3;
}

@media (min-width: 65.625rem) {
  .collection-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.collection-header .image,
.collection-header .content {
  min-height: 400px;
}

@media (min-width: 65.625rem) {

  .collection-header .image,
  .collection-header .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 500px;
  }
}

.collection-header .image {
  background-size: cover;
  background-position: center center;
}

.collection-header .content {
  padding: 60px 2.5% 40px;
}

@media (min-width: 65.625rem) {
  .collection-header .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 40px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (min-width: 68.75em) {
  .collection-header .content {
    padding: 0 80px 15px;
  }
}

.collection-header .top {
  margin-bottom: 20px;
}

@media (min-width: 65.625rem) {
  .collection-header .top {
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 15px;
  }
}

.collection-header .bottom {
  max-width: 600px;
}

@media (min-width: 700px) {
  .collection-header .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.collection-header h2 {
  font-size: 42px;
  margin-bottom: 15px;
  max-width: 340px;
}

.collection-header .description p {
  font-size: 18px;
  color: #292929;
  display: inline-block;
}

.collection-header .description svg,
.collection-header .description img {
  display: inline-block;
  vertical-align: center;
  margin-top: -2px;
  width: 12px;
  margin-left: 6px;
}

.collection-header-block {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 700px) {
  .collection-header-block {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

@media (min-width: 700px) {
  .collection-header-block+.collection-header-block {
    margin-left: 40px;
  }
}

.collection-header-block .icon {
  margin-right: 22px;
  width: 40px;
}

.collection-header-block .icon img {
  height: 34px;
  width: auto;
}

.collection-header-block strong {
  display: block;
}

.collection-header-block p {
  font-size: 14px;
  color: #292929;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (min-width: 68.75em) {
  .collection-header-block p {
    font-size: 15px;
  }
}

.compare-arms,
.compare-protect {
  text-align: center;
}

.compare-arms p,
.compare-protect p {
  font-size: 1.0625rem;
}

.compare-arms blockquote,
.compare-arms h3,
.compare-protect blockquote,
.compare-protect h3 {
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.25rem;
  color: #292929;
}

@media (min-width: 68.75em) {

  .compare-arms h3,
  .compare-protect h3 {
    padding-left: 3.75rem;
  }
}

.compare-arms {
  position: relative;
}

.compare-arms__image {
  position: absolute;
  width: 100%;
  min-width: 37.5rem;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}

@media (min-width: 87.5em) {
  .compare-arms__image {
    top: -2.5rem;
  }
}

.compare-arms__box {
  background: #ededed;
  position: relative;
  padding: 10rem 1.25rem 2.5rem;
}

@media (min-width: 45em) {
  .compare-arms__box {
    padding: 30% 2.5rem 2.5rem;
  }
}

@media (min-width: 65.625rem) {
  .compare-arms__box {
    padding-top: 25%;
  }
}

@media (min-width: 68.75em) {
  .compare-arms__box {
    padding-top: 28%;
  }
}

@media (min-width: 87.5em) {
  .compare-arms__box {
    padding-top: 32%;
  }
}

@media (min-width: 103.125em) {
  .compare-arms__box {
    padding-top: 38%;
  }
}

.compare-arms p {
  max-width: 42.5rem;
  margin: 0 auto;
}

.compare-arms blockquote {
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 1.2;
}

.compare-protect {
  padding: 3.75rem 0;
}

@media (min-width: 45em) {
  .compare-protect {
    text-align: left;
    padding: 5rem 0;
  }
}

@media (min-width: 45em) {
  .compare-protect .width {
    position: relative;
    padding-right: 21.875rem;
  }
}

.compare-protect__image {
  width: 100%;
  max-width: 17.1875rem;
  display: block;
  margin: 0 auto;
}

@media (min-width: 45em) {
  .compare-protect__image {
    position: absolute;
    top: 50%;
    right: 1.25rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media (min-width: 65.625rem) {
  .compare-protect__image {
    right: auto;
    left: 35rem;
  }
}

@media (min-width: 68.75em) {
  .compare-protect__image {
    left: 38.75rem;
  }
}

@media (min-width: 45em) {
  .compare-protect p {
    max-width: 28.75rem;
  }
}

@media (min-width: 68.75em) {
  .compare-protect p {
    padding-left: 3.75rem;
    max-width: 32.5rem;
  }
}

@media (min-width: 68.75em) {
  .compare-protect blockquote {
    padding-left: 3.75rem;
  }
}

.compare-protect p+p {
  margin-top: 1.5625rem;
}

@media (min-width: 37.5em) {
  .edition-blocks__row+.edition-blocks__row {
    margin-top: 2.5rem;
  }
}

@media (min-width: 37.5em) {
  .edition-blocks__block {
    float: left;
    width: 50%;
  }
}

.edition-blocks__block+.edition-blocks__block {
  margin-top: 2.5rem;
}

@media (min-width: 37.5em) {
  .edition-blocks__block+.edition-blocks__block {
    margin-top: 0;
  }
}

@media (min-width: 37.5em) {
  .edition-blocks__row .edition-blocks__block:first-child {
    padding-right: 0.9375rem;
  }
}

@media (min-width: 37.5em) {
  .edition-blocks__row .edition-blocks__block:last-child {
    padding-left: 0.9375rem;
  }
}

.edition-blocks__heading {
  font-size: 1.5625rem;
  margin-top: 1.25rem;
}

.edition-blocks p {
  font-size: 1.0625rem;
  margin: 0.625rem 0 0.9375rem;
}

.help-support h3 {
  font-size: 1.5625rem;
  padding-top: 2rem;
}

.help-support h4 {
  font-size: 1.0625rem;
  margin-top: 1.25rem;
}

.help-support ul {
  margin-top: 0.3125rem;
}

.help-support li {
  display: block;
  float: left;
}

.help-support li+li {
  margin-left: 0.75rem;
}

.help-support a {
  opacity: 0.6;
  display: block;
}

.help-support a:hover {
  opacity: 1;
}

.help-support svg {
  display: block;
}

.help-support .instagram svg {
  width: 1.3125rem;
  height: 1.3125rem;
}

.help-support .facebook svg {
  width: 0.6875rem;
  height: 1.3125rem;
}

.help-support .twitter svg {
  width: 1.3125rem;
  height: 1.0625rem;
  margin: 0.125rem 0;
}

.help-support .pinterest {
  width: 1.3125rem;
  height: 1.3125rem;
}

.help-faq {
  padding-top: 2.5rem;
}

.help-faq-section+.help-faq-section {
  margin-top: 3.75rem;
}

.help-faq-questions {
  border-bottom: 0.0625rem solid #d6dadb;
}

.help-faq-question {
  padding: 1.875rem 0 1.5rem;
  border-top: 0.0625rem solid #d6dadb;
  cursor: pointer;
}

.help-faq-question h4 {
  font-size: 1.125rem;
  margin-bottom: 0.3125rem;
}

.help-faq-question-body {
  display: none;
}

.help-faq-question-body p {
  font-size: 1.0625rem;
}

.help-faq-question-body p+p,
.help-faq-question-body p+address,
.help-faq-question-body address+p {
  margin-top: 1.5625rem;
}

.help-faq-question-body a {
  color: #529bbd;
}

.help-faq-question-body a:hover {
  text-decoration: underline;
}

#tracking-output {
  border-radius: 0.3125rem;
  margin-bottom: 0.625rem;
  background: #59c58e;
  padding: 0 1.25rem;
  -webkit-box-sizing: initial;
  box-sizing: initial;
}

#tracking-output a {
  color: #fff;
  font-weight: 700;
}

#tracking-output a:hover {
  text-decoration: underline;
}

#tracking-output h4 {
  padding-top: 1.25rem;
  font-size: 1.125rem;
  color: #fff;
  margin-bottom: 0.3125rem;
}

#tracking-output p {
  font-size: 0.9375rem;
  color: #fff;
  padding-bottom: 0.9375rem;
}

.home-product-index-item {
  background: #f2efef;
  display: block;
  padding: 3.75rem 2.5rem 15.625rem;
  text-align: center;
  background-size: auto 95%;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0.375rem 0;
  position: relative;
}

.home-product-index-item::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  opacity: 0;
  background: black;
  top: 0;
  left: 0;
}

.home-product-index-item:hover::after {
  opacity: 0.04;
}

.home-product-index-item:hover span {
  text-decoration: underline;
}

.home-product-index-item h3 {
  font-size: 1.3125rem;
}

.home-product-index-item span {
  display: block;
  color: #59c58e;
  font-size: 1.0625rem;
}

.home-product-index-item.iphone-7 {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-index-iphone-7.jpg?19950");
}

.home-product-index-item.iphone-7-plus {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-index-iphone-7-plus.jpg?19950");
}

.home-product-index-item.iphone-6 {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-index-iphone-6.jpg?19950");
}

.home-product-index-item.iphone-5 {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-index-iphone-5.jpg?19950");
}

.home-product-index-item.ipad-air {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-index-ipad-air.jpg?19950");
}

.home-product-index-item.ipad-mini {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-index-ipad-mini.jpg?19950");
}

.home-product-index-item.screen-protector {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-index-screen-protector.jpg?19950");
}

.home-product-index-item.screen-protector-lite {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-index-lite-protector.jpg?19950");
}

.home-product-index-item.chargers {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-index-chargers.jpg?19950");
}

.home-product-index-item.pixel {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-index-pixel.jpg?19950");
}

.home-product-index-item.pixel2 {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-index-pixel-2.jpg?19950");
}

.home-product-index-item.galaxy-s7 {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-index-galaxy-s7.jpg?19950");
}

.home-product-index-item.galaxy-s8 {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-index-galaxy-s8.jpg?19950");
}

.home-product-index-item.galaxy-note8 {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-index-galaxy-note8.jpg?19950");
}

.home-product-index-item.iphone-8 {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-index-iphone-8.jpg?19950");
}

.home-product-index-item.iphone-eight {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/home-index-iphone-eight.jpg?19950");
}

@media (min-width: 45em) {
  .home-product-index {
    margin: 0.1875rem 0;
  }

  .home-product-index .home-product-index-item:nth-child(odd) {
    border-right: 0.1875rem solid white;
  }

  .home-product-index .home-product-index-item:nth-child(even) {
    border-left: 0.1875rem solid white;
  }

  .home-product-index-item {
    width: 50%;
    float: left;
    margin: 0.1875rem 0;
  }
}

@media (min-width: 68.75em) {
  .home-product-index {
    margin: 0.1875rem 0;
  }

  .home-product-index .home-product-index-item:nth-child(odd) {
    border-right: 0;
  }

  .home-product-index .home-product-index-item:nth-child(even) {
    border-left: 0;
  }

  .home-product-index .home-product-index-item:nth-child(3n + 1) {
    border-right: 0.1875rem solid white;
  }

  .home-product-index .home-product-index-item:nth-child(3n + 2) {
    border-left: 0.1875rem solid white;
    border-right: 0.1875rem solid white;
  }

  .home-product-index .home-product-index-item:nth-child(3n + 3) {
    border-left: 0.1875rem solid white;
  }

  .home-product-index-item {
    width: 33.333333%;
    padding: 3.75rem 2.5rem 18.75rem;
  }
}

#all-peel-products {
  background: #f7f7f7;
}

.product-index-section h3 {
  font-size: 1.5625rem;
  text-align: center;
  margin-bottom: 2.5rem;
}

.product-index-section+.product-index-section {
  padding-top: 5rem;
}

.product-index-section+.product-index-section h3 {
  position: relative;
}

.product-index-section+.product-index-section h3::after {
  content: '';
  position: absolute;
  width: 3.75rem;
  height: 0.1875rem;
  background: #292929;
  left: 50%;
  margin-left: -1.875rem;
  top: -1.5625rem;
}

.product-index-section a {
  display: block;
  text-align: center;
  width: 50%;
  float: left;
  margin-bottom: 1.875rem;
}

.product-index-section a h4 {
  font-size: 0.9375rem;
}

.product-index-section a h5,
.product-index-section a span {
  font-size: 0.8125rem;
  color: #5e5e5e;
}

.product-index-section a h5 {
  font-weight: 400;
  margin-bottom: -0.1875rem;
  margin-top: 0.125rem;
}

.product-index-section a:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.product-index-section a.plus img {
  width: 95%;
}

.product-index-item-image {
  max-width: 25rem;
  margin: 0 auto 0.625rem;
  display: block;
  overflow: hidden;
}

.product-index-item-image img {
  -webkit-transition: 0.2s -webkit-transform;
  transition: 0.2s -webkit-transform;
  transition: 0.2s transform;
  transition: 0.2s transform, 0.2s -webkit-transform;
  width: 85%;
  margin: 0 auto;
}

@media (min-width: 45em) {
  .product-index-section a {
    width: 33.333333%;
  }
}

@media (min-width: 65.625rem) {
  .product-index-section a {
    width: 25%;
  }
}

.partner-features .width {
  position: relative;
  padding-top: 2rem;
}

.partner-features .width::after {
  width: 3.125rem;
  height: 0.125rem;
  background: #292929;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
}

.partner-feature {
  background: #afa8ab;
  text-align: center;
  padding: 2.5rem 2.5rem 13.75rem;
  position: relative;
  overflow: hidden;
}

.partner-feature+.partner-feature {
  margin-top: 2.5rem;
}

.partner-feature img {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.partner-feature h4 {
  font-size: 1.5625rem;
  color: white;
  margin-bottom: 0.3125rem;
}

.partner-feature p {
  font-size: 1.0625rem;
  color: white;
}

.partner-feature.custom-color img {
  width: 10.9375rem;
  margin-bottom: -1.25rem;
  margin-left: -2.5rem;
}

.partner-feature.your-logo img {
  width: 14.0625rem;
}

.partner-feature.custom-packaging img {
  width: 13.125rem;
  bottom: -1.25rem;
  margin-left: -0.9375rem;
}

.parners-contact {
  padding-top: 3.75rem;
}

.parners-contact .partners-min-order {
  margin-top: 1.25rem;
  text-align: center;
  font-size: 1.0625rem;
}

@media (min-width: 37.5em) {
  .partner-feature {
    text-align: left;
    padding: 4.375rem 2.5rem 4.375rem 11.25rem;
  }

  .partner-feature img {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    left: 0;
  }

  .partner-feature.custom-color img {
    width: 9.375rem;
    margin-left: 0;
  }

  .partner-feature.your-logo img {
    width: 11.25rem;
  }

  .partner-feature.custom-packaging img {
    width: 10.625rem;
    left: 0.625rem;
  }
}

@media (min-width: 65.625rem) {
  .partner-feature {
    padding: 5.625rem 2.5rem 5.625rem 15rem;
  }

  .partner-feature img {
    left: 1.25rem;
  }

  .partner-feature.custom-color img {
    width: 10.3125rem;
  }

  .partner-feature.your-logo img {
    width: 13.75rem;
    margin-left: -0.9375rem;
  }

  .partner-feature.custom-packaging img {
    width: 13.75rem;
    margin-left: -0.9375rem;
  }
}

#product-top {
  background: #BEBEBE;
  position: relative;
}

.announcements-active #product-top {
  padding-top: 40px;
}

#product-top .width {
  position: relative;
}

#product-top fieldset,
#product-top .meta {
  display: none;
}

#product-top .product-details__add-to-cart {
  background: #347F59;
}

#product-top .product-details__add-to-cart:hover {
  background: #4eb481;
}

.story-story p+ol,
.story-story ol+p {
  margin-top: 1.5625rem;
}

.story-story ol li {
  list-style-type: decimal;
  list-style-position: inside;
}

.story-team {
  margin-top: 3.75rem;
}

.team-member {
  text-align: center;
}

.team-member h4 {
  font-size: 1.25rem;
  padding-top: 0.625rem;
}

.team-member img {
  max-width: none;
  width: 100%;
}

.team-member span {
  display: block;
  font-size: 0.9375rem;
  padding-bottom: 0.625rem;
}

@media (min-width: 37.5em) {
  .team-member {
    float: left;
    width: 33.333333%;
  }

  .team-member img {
    width: 100%;
    max-width: none;
  }

  .team-member:nth-of-type(1) {
    padding-right: 0.625rem;
  }

  .team-member:nth-of-type(2) {
    padding: 0 0.3125rem;
  }

  .team-member:nth-of-type(3) {
    padding-left: 0.625rem;
  }
}

.hero__when-video {
  position: relative;
  padding-top: 3.125rem;
  padding-bottom: 51.25%;
  height: 0;
}

.hero__when-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.when-share .width {
  padding-bottom: 2.5rem;
  border-bottom: 0.0625rem solid #d6dadb;
}

.when-share__heading {
  font-size: 1.5625rem;
  margin-bottom: 0.9375rem;
}

@media (min-width: 45em) {
  .when-share__heading {
    float: left;
    line-height: 3rem;
    padding-top: 0.125rem;
  }
}

.when-share__facebook,
.when-share__twitter {
  display: block;
  line-height: 2.9375rem;
  padding: 0.1875rem 1.875rem 0 1.5625rem;
  color: white;
  font-weight: 700;
  font-size: 1.0625rem;
  background: #292929;
}

@media (min-width: 31.25em) {

  .when-share__facebook,
  .when-share__twitter {
    display: inline-block;
  }
}

@media (min-width: 45em) {

  .when-share__facebook,
  .when-share__twitter {
    float: right;
  }
}

.when-share__facebook svg,
.when-share__twitter svg {
  display: inline-block;
  vertical-align: middle;
  fill: white;
  margin-right: 0.625rem;
  margin-top: -0.1875rem;
}

.when-share__twitter {
  margin-bottom: 0.625rem;
  background: #00aced;
}

@media (min-width: 31.25em) {
  .when-share__twitter {
    margin-bottom: 0;
    margin-right: 0.625rem;
  }
}

@media (min-width: 45em) {
  .when-share__twitter {
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0.625rem;
  }
}

.when-share__twitter:hover {
  background: #009dd8;
}

.when-share__twitter svg {
  width: 1.4375rem;
  height: 1.1875rem;
}

.when-share__facebook {
  background: #3b5998;
}

.when-share__facebook:hover {
  background: #314d88;
}

.when-share__facebook svg {
  width: 0.625rem;
  height: 1.1875rem;
}

.when-makers {
  padding-top: 2.5rem;
}

.when-makers__heading {
  font-size: 1.5625rem;
  margin-bottom: 0.9375rem;
}

.wholesale-interested {
  padding-bottom: 2.5rem;
}

.wholesale-interested p {
  max-width: 43.75rem;
}

.cart {
  padding: 1.25rem 0 3.75rem;
}

@media (min-width: 45em) {
  .cart {
    padding: 2.5rem 0 3.75rem;
  }
}

.cart__heading {
  font-size: 1.625rem;
  padding-bottom: 0.625rem;
  border-bottom: 0.0625rem solid #dedede;
}

.cart__heading--empty {
  margin-bottom: 1.25rem;
  padding-bottom: 0;
  border-bottom: 0;
}

@media (min-width: 45em) {
  .cart__heading {
    padding-bottom: 1.25rem;
  }
}

.cart-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.5625rem 0;
  border-bottom: 0.0625rem solid #dedede;
}

@media (min-width: 45em) {
  .cart-item {
    padding: 1.875rem 0;
  }
}

.cart-item__title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 1.25rem;
}

@media (min-width: 45em) {
  .cart-item__title {
    margin: 0 2.5rem;
  }
}

@media (min-width: 45em) {
  .cart-item__title h3 {
    font-size: 1.1875rem;
  }
}

.cart-item__title span {
  display: block;
  color: #5e5e5e;
  font-size: 0.9375rem;
}

.cart-item__image {
  width: 3.75rem;
}

@media (min-width: 45em) {
  .cart-item__image {
    width: 5rem;
  }
}

.cart-item__quantity {
  width: 3.75rem;
}

.cart-item__remove {
  width: 0.625rem;
  margin-left: 1.25rem;
}

@media (min-width: 45em) {
  .cart-item__remove {
    margin-left: 2.5rem;
  }
}

.cart-item__remove svg {
  width: 0.625rem;
}

.cart-item__quantity-selector {
  width: 3.75rem;
  border-radius: 0.1875rem;
  background-color: #f8f8f8;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDEuNiAyMi40IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MS42IDIyLjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik0yLjcsMC40TDIuNywwLjRDMi43LDAuMywyLjUsMC4yLDIuMywwLjFDMi4xLDAsMS45LDAsMS43LDBDMS41LDAsMS4zLDAsMS4xLDAuMUMwLjgsMC4yLDAuNiwwLjMsMC40LDAuNEMwLjMsMC42LDAuMiwwLjksMC4xLDEuMUMwLDEuMi0wLjEsMS40LDAsMS42YzAsMC4yLDAsMC40LDAuMSwwLjdjMC4xLDAuMiwwLjIsMC40LDAuNCwwLjZsMTkuMSwxOWMwLjIsMC4yLDAuNCwwLjMsMC42LDAuNGMwLjIsMC4xLDAuNCwwLjEsMC43LDAuMmMwLjIsMCwwLjUtMC4xLDAuNy0wLjJjMC4yLTAuMSwwLjQtMC4yLDAuNi0wLjNsMTktMTkuMWMwLjItMC4xLDAuNC0wLjIsMC41LTAuNWMwLTAuMiwwLjEtMC40LDAuMi0wLjdjMC0wLjItMC4xLTAuNC0wLjItMC42Yy0wLjEtMC4yLTAuMi0wLjQtMC40LTAuNmMtMC4yLTAuMi0wLjQtMC4zLTAuNi0wLjRDNDAuMywwLDQwLDAsMzkuOCwwYy0wLjItMC4xLTAuNCwwLTAuNiwwLjFjLTAuMiwwLjEtMC40LDAuMi0wLjcsMC4zTDIwLjgsMTcuOEwyLjcsMC40eiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: right 0.625rem center;
  height: 1.875rem;
  background-size: 0.625rem;
  padding: 0.125rem 0 0 0.9375rem;
  font-size: 1rem;
}

.cart__subtotal {
  color: #424242;
  font-weight: 500;
  padding: 1.25rem 0;
}

.cart__subtotal span {
  color: #59c58e;
}

@media (min-width: 31.25em) {
  .cart__footer-left {
    padding-right: 0.3125rem;
    float: left;
    width: 50%;
  }
}

.cart__footer-right {
  padding-top: 0.625rem;
}

@media (min-width: 31.25em) {
  .cart__footer-right {
    padding: 0 0 0 0.3125rem;
    float: right;
    width: 50%;
  }
}

.cart-empty {
  text-align: center;
}

.cart-empty p {
  font-size: 1.0625rem;
}

@media (min-width: 45em) {
  .cart-empty p {
    font-size: 1.1875rem;
  }
}

.cart-empty a {
  color: #529bbd;
  font-weight: 500;
}

.cart-empty a:hover {
  text-decoration: underline;
}

.upsell-hero {
  position: relative;
  color: white;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}

@media (min-width: 65.625rem) {
  .upsell-hero {
    background-position: top left;
  }
}

.upsell-hero::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.65)));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.65));
}

.upsell-hero--chargers {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/upsell-chargers.jpg?v=7978590883257476904");
}

.upsell-hero--pixel2 {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/files/pixel2-upsell.jpg?v=14636531766037233997");
}

.upsell-hero--iphone11,
.upsell-hero--iphone11pro,
.upsell-hero--iphonex {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/files/iphone-x-upsell.jpg?v=1110350088353699807");
}

.upsell-hero--s8 {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/files/s8-upsell.jpg?v=1450794239765817726");
}

.upsell-hero--note8 {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/files/note8-upsell.jpg?v=7290285317294696950");
}

.upsell-hero--iphone8 {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/files/iphone-8-upsell.jpg?v=1669325272369310624");
}

.upsell-hero--screen-protector-6 {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/upsell-iphone-6-screen-protector.jpg?v=4466912367604067549");
}

.upsell-hero--screen-protector-7 {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/upsell-iphone-7-screen-protector.jpg?v=9731757395740613544");
}

.upsell-hero .width {
  position: relative;
  height: 36.25rem;
}

.upsell-hero__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.upsell-hero__video video {
  display: none;
}

@media (min-width: 45em) {
  .upsell-hero__video video {
    display: block;
    height: 100%;
    max-width: none;
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media (min-width: 1000px) {
  .upsell-hero__video video {
    height: auto;
    width: 100%;
  }
}

.upsell-hero__content {
  position: absolute;
  bottom: 1.875rem;
  left: 0;
  z-index: 2;
}

.upsell-hero__heading {
  color: white;
  font-size: 1.5625rem;
}

.upsell-hero a {
  color: #fff;
  font-weight: 500;
}

.upsell-hero a:hover {
  text-decoration: underline;
}

.upsell-hero p {
  margin-top: 1.25rem;
  font-size: 1.0625rem;
}

.upsell-form {
  position: relative;
}

.upsell-form__add {
  display: inline-block;
  margin-right: 0.3125rem;
  margin-bottom: 0.625rem;
}

.upsell-form__label {
  border: 1px solid #ccc;
  border-radius: 0.1875rem;
  display: inline-block;
  padding: 0.625rem 0.9375rem 0.5rem 2.5rem;
  cursor: pointer;
}

.upsell-form input {
  position: absolute;
  left: 0.9375rem;
  top: 0.875rem;
  width: 1rem;
  height: 1rem;
  border-radius: 0.1875rem;
  border: 0.0625rem solid #ccc;
  display: block;
}

.upsell-subtotal {
  float: right;
}

.upsell-subtotal h3 {
  line-height: 3.125rem;
}

.upsell-subtotal h3 span {
  color: #59c58e;
}

.upsell-subtotal h3 span.new {
  display: none;
}

.upsell-form--checked label {
  border-color: #74b7ff;
  -webkit-box-shadow: 0 0 0.0625rem 0.0625rem rgba(119, 185, 255, 0.23);
  box-shadow: 0 0 0.0625rem 0.0625rem rgba(119, 185, 255, 0.23);
}

.upsell-form--checked input {
  background-color: #3997fa;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgOTUuOCA3OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTUuOCA3OCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTg3LjEsMS4yYy0xLjUtMS41LTQuMS0xLjUtNS42LDBMMzIsNTAuN2MtMS41LDEuNS00LDEuNS01LjYsMEwxNC4yLDM4LjVjLTEuNS0xLjUtNC4xLTEuNS01LjYsMEwxLjIsNDZjLTEuNSwxLjUtMS41LDQsMCw1LjZsMjUuMywyNS4zYzEuNSwxLjUsNCwxLjUsNS42LDBsNjIuNi02Mi42YzEuNS0xLjUsMS41LTQsMC01LjZMODcuMSwxLjJ6Ii8+PC9zdmc+);
  background-size: 0.625rem;
  background-repeat: no-repeat;
  background-position: center center;
  border-color: #3997fa;
}

.upsell-form--checked h3 span.original {
  display: none;
}

.upsell-form--checked h3 span.new {
  display: inline;
}

.upsell-buttons {
  text-align: center;
  margin-top: 0.9375rem;
}

.upsell-buttons__continue {
  margin-bottom: 0.625rem;
}

@media (min-width: 31.25em) {
  .upsell-buttons__continue {
    margin-bottom: 0;
    float: left;
    width: 50%;
    padding-right: 0.3125rem;
  }
}

@media (min-width: 31.25em) {
  .upsell-buttons__checkout {
    float: right;
    width: 50%;
    padding-left: 0.3125rem;
  }
}

.upsell-model,
.upsell-color,
.upsell-select,
.upsell-quantity {
  height: 2.8125rem;
  border: 0.0625rem solid #ccc;
  font-size: 1rem;
  padding: 0.1875rem 1.875rem 0 0.75rem;
  color: #5e5e5e;
  padding-top: 0.125rem;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDEuNiAyMi40IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MS42IDIyLjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik0yLjcsMC40TDIuNywwLjRDMi43LDAuMywyLjUsMC4yLDIuMywwLjFDMi4xLDAsMS45LDAsMS43LDBDMS41LDAsMS4zLDAsMS4xLDAuMUMwLjgsMC4yLDAuNiwwLjMsMC40LDAuNEMwLjMsMC42LDAuMiwwLjksMC4xLDEuMUMwLDEuMi0wLjEsMS40LDAsMS42YzAsMC4yLDAsMC40LDAuMSwwLjdjMC4xLDAuMiwwLjIsMC40LDAuNCwwLjZsMTkuMSwxOWMwLjIsMC4yLDAuNCwwLjMsMC42LDAuNGMwLjIsMC4xLDAuNCwwLjEsMC43LDAuMmMwLjIsMCwwLjUtMC4xLDAuNy0wLjJjMC4yLTAuMSwwLjQtMC4yLDAuNi0wLjNsMTktMTkuMWMwLjItMC4xLDAuNC0wLjIsMC41LTAuNWMwLTAuMiwwLjEtMC40LDAuMi0wLjdjMC0wLjItMC4xLTAuNC0wLjItMC42Yy0wLjEtMC4yLTAuMi0wLjQtMC40LTAuNmMtMC4yLTAuMi0wLjQtMC4zLTAuNi0wLjRDNDAuMywwLDQwLDAsMzkuOCwwYy0wLjItMC4xLTAuNCwwLTAuNiwwLjFjLTAuMiwwLjEtMC40LDAuMi0wLjcsMC4zTDIwLjgsMTcuOEwyLjcsMC40eiIvPjwvc3ZnPg==);
  background-size: 0.5rem;
  background-position: right 0.75rem center;
  background-repeat: no-repeat;
  vertical-align: top;
}

.upsell-select {
  margin-right: 10px;
  margin-bottom: 10px;
}

.upsell-form__label {
  margin-right: 10px;
  margin-bottom: 10px;
}

.upsell-model {
  margin-right: 0.3125rem;
}

.upsell-bogo-note {
  background: #292929;
  color: white;
  padding: 0.5rem 0.3125rem 0.3125rem;
  display: inline-block;
  margin-bottom: 0.9375rem;
}

.upsell-bogo-note p {
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase;
}

.upsell-bogo-note img {
  display: inline-block;
  width: 0.875rem;
  vertical-align: middle;
  margin: 0 0.625rem;
  margin-top: -0.125rem;
}

.upsell-form--checked .unselected {
  border: 0.0625rem solid #d83333;
  -webkit-box-shadow: 0 0 0.0625rem 0.0625rem rgba(255, 119, 119, 0.23);
  box-shadow: 0 0 0.0625rem 0.0625rem rgba(255, 119, 119, 0.23);
}

.search-bar {
  position: relative;
  width: 300px;
  margin-top: 1.25rem;
}

.search-header--no-results .search-bar {
  margin: 1.25rem auto 0 auto;
}

.search-bar__input {
  padding-top: 0.0625rem;
  line-height: 2.8125rem;
  border-radius: 0.1875rem;
  border: 1px solid #eee;
  background: #fff;
  outline: none;
  display: block;
  width: 100%;
  padding-left: 0.9375rem;
  font-size: 1rem;
}

.search-bar__submit {
  position: absolute;
  width: 0.625rem;
  height: 0.9375rem;
  background: transparent;
  top: 0.9375rem;
  right: 0.625rem;
}

.search-bar__submit svg {
  fill: #232323;
  width: 0.5rem;
}

.search-header {
  padding-bottom: 40px;
}

.search-header--no-results {
  text-align: center;
  padding: 3.75rem 0;
}

.search-header__heading {
  font-size: 1.5rem;
}

.search-item {
  overflow: hidden;
  padding: 15px 0;
  width: 100%;
  position: relative;
}

.search-item__image {
  float: left;
  width: 100px;
}

.search-item__content {
  position: absolute;
  left: 120px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.search-item a {
  color: #232323;
}

.search-item+.search-item {
  padding-top: 1rem;
  border-top: 1px solid #f2f2f2;
}

.search-request-link {
  color: #529bbd;
  text-decoration: underline;
  display: inline-block;
  margin-top: 0.625rem;
}

.search-request-link:hover {
  color: #292929;
}

.four04 {
  text-align: center;
}

.four04 form {
  margin: 1.25rem auto 0;
}

.four04 p {
  font-size: 1.0625rem;
}

@media (min-width: 45em) {
  .four04 p {
    font-size: 1.1875rem;
  }
}

.four04 a {
  color: #529bbd;
  font-weight: 700;
}

.four04 a:hover {
  text-decoration: underline;
}

.page-content {
  padding: 3.75rem 0;
}

.page-content__heading {
  text-transform: uppercase;
  font-size: 1.5rem;
  margin-bottom: 2.5rem;
}

.page-content h3 {
  font-size: 1.125rem;
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
}

.page-content h4 {
  font-size: 1rem;
  margin-top: 1.875rem;
  margin-bottom: 0.625rem;
  text-decoration: underline;
}

.page-content p+p,
.page-content p+ol,
.page-content ol+p,
.page-content ul+p,
.page-content p+ul {
  margin-top: 1.5625rem;
}

.page-content ul li {
  list-style: initial;
  margin-left: 1rem;
}

.page-content li+li {
  margin-top: 0.625rem;
}

.press-quotes {
  padding: 2.5rem 0;
}

@media (min-width: 45em) {
  .press-quotes {
    padding: 3.75rem 0;
    text-align: left;
  }
}

.press-quote {
  text-align: center;
  display: block;
}

@media (min-width: 45em) {
  .press-quote {
    text-align: left;
  }
}

.press-quote+.press-quote {
  margin-top: 3.75rem;
}

@media (min-width: 65.625rem) {
  .press-quote+.press-quote {
    margin-top: 6.25rem;
  }
}

.press-quote__logo {
  margin-bottom: 1.25rem;
  display: block;
}

@media (min-width: 45em) {
  .press-quote__logo {
    float: left;
    margin-bottom: 0;
    width: 30%;
    padding-right: 2.5rem;
  }
}

@media (min-width: 45em) {
  .press-quote:nth-of-type(even) .press-quote__logo {
    float: right;
    width: 30%;
    padding-right: 0;
    padding-left: 2.5rem;
  }
}

.press-quote__logo-img {
  margin: 0 auto;
  width: 100%;
}

.press-quote__logo-img--9-to-5 {
  max-width: 12.5rem;
}

.press-quote__logo-img--forbes {
  max-width: 9.375rem;
}

.press-quote__logo-img--phandroid {
  max-width: 12.5rem;
}

.press-quote__quote {
  overflow: hidden;
  font-size: 1.25rem;
  position: relative;
  padding: 0 2.1875rem;
}

.press-quote__quote span {
  font-size: 22px;
}

@media (min-width: 65.625rem) {
  .press-quote__quote {
    font-size: 1.5625rem;
  }
}

.press-quote__quote:before,
.press-quote__quote:after {
  font-size: 3.75rem;
  position: absolute;
  color: #dedede;
  font-family: georgia;
  line-height: 1;
  width: 30px;
  height: 30px;
  display: none;
}

.press-quote__quote:before {
  content: '\201C';
  top: 0;
  left: 0;
}

.press-quote__quote:after {
  content: '\201D';
  top: 0;
  right: 0;
}

.press-quote p {
  color: #292929;
}

.press-email {
  border-top: 0.0625rem solid #dedede;
  border-bottom: 0.0625rem solid #dedede;
  padding: 2.5rem 0;
  margin-bottom: 2.5rem;
  text-align: center;
  font-size: 1.375rem;
  background-color: #f9f9f9;
}

@media (min-width: 45em) {
  .press-email {
    margin-bottom: 3.75rem;
  }
}

.press-email a {
  font-weight: 700;
  color: #529bbd;
}

.press-email a:hover {
  text-decoration: underline;
}

.latest-press__heading {
  font-size: 1.875rem;
  text-align: center;
  margin-bottom: 2.5rem;
}

.latest-press__li {
  font-weight: 700;
}

.latest-press__li+.latest-press__li {
  margin-top: 1.875rem;
}

.latest-press__li a {
  color: #292929;
  font-size: 1.25rem;
  -webkit-transition: 0.2s color;
  transition: 0.2s color;
}

.latest-press__li a:hover {
  color: #529bbd;
}

.latest-press__li span {
  display: block;
  font-size: 1rem;
  color: #5e5e5e;
  font-weight: 400;
}

@media (min-width: 45em) {
  .blog-index {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.blog-item {
  margin-bottom: 2.5rem;
}

@media (min-width: 45em) {
  .blog-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
  }
}

@media (min-width: 45em) {
  .blog-item:nth-child(even) {
    padding-left: 1.25rem;
  }
}

@media (min-width: 45em) {
  .blog-item:nth-child(odd) {
    padding-right: 1.25rem;
  }
}

.blog-item__inner {
  display: block;
}

.blog-item__image {
  width: 100%;
  position: relative;
  background-color: #f7f7f7;
  padding-bottom: 60%;
  background-size: cover;
  background-position: center center;
  display: block;
}

.blog-item__image::after {
  content: 'Read more';
  position: absolute;
  display: inline-block;
  text-transform: uppercase;
  padding: 0.125rem 1.5625rem 0 1.5625rem;
  border: 0.125rem solid #fff;
  line-height: 2.375rem;
  font-weight: 700;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  opacity: 0;
  -webkit-transition: 0.2s opacity;
  transition: 0.2s opacity;
}

.blog-item__inner:hover .blog-item__image::after {
  opacity: 1;
}

.blog-item__title {
  font-size: 1.5rem;
  margin-top: 0.9375rem;
  font-weight: 700;
  -webkit-transition: 0.2s color;
  transition: 0.2s color;
}

.blog-item__inner:hover .blog-item__title {
  color: #529bbd;
}

.pagination {
  text-align: center;
}

.pagination span {
  display: inline-block;
  line-height: 2.25rem;
  color: #ccc;
  margin-right: 0.125rem;
  border: 0.0625rem solid #eee;
  border-radius: 0.1875rem;
}

.pagination span.current {
  padding: 0.125rem 1.25rem 0;
}

.pagination a {
  background: #f7f7f7;
  display: inline-block;
  padding: 0.125rem 1.25rem 0;
  color: #529bbd;
  -webkit-transition: 0.2s background, 0.2s color;
  transition: 0.2s background, 0.2s color;
}

.pagination a:hover {
  background: #eee;
  color: #292929;
}

.article-content {
  font-size: 1.125rem;
}

.article-content * {
  max-width: 43.75rem;
  margin: 0 auto;
  width: 90%;
}

.article-content *+* {
  margin-top: 1.875rem;
}

.article-content *+blockquote,
.article-content blockquote+*,
.article-content img+*,
.article-content *+img {
  margin-top: 3.75rem;
}

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
  font-size: 1.625rem;
  font-weight: 700;
}

.article-content h4 {
  font-size: 1.375rem;
}

.article-content blockquote {
  color: #59c58e;
  padding: 1.25rem 0 1.25rem 2.5rem;
  font-size: 1.25rem;
  border-left: 0.125rem solid #59c58e;
}

.article-content img {
  width: 100%;
}

.article-content img.full {
  max-width: none;
}

.article-content img.extended {
  max-width: 50rem;
}

.article-content a {
  color: #59c58e;
  font-weight: 700;
}

.article-content .article-back {
  -webkit-transition: 0.2s color, 0.2s fill;
  transition: 0.2s color, 0.2s fill;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.9375rem;
  color: #292929;
  letter-spacing: 0.0625rem;
}

.article-content .article-back:hover {
  color: #59c58e;
  fill: #59c58e;
}

.article-content .article-back svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.9375rem;
  margin-top: -0.125rem;
  width: 0.5rem;
  fill: #292929;
  -webkit-transition: 0.2s fill;
  transition: 0.2s fill;
}

.article-content .article-back:hover svg {
  fill: #59c58e;
}

.giftcard-bottom {
  padding: 3.75rem 0;
}

@media (min-width: 45em) {
  .giftcard-bottom .width {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.giftcard-bottom .left {
  text-align: center;
}

@media (min-width: 45em) {
  .giftcard-bottom .left {
    text-align: left;
    width: 50%;
    margin-right: 40px;
  }
}

@media (min-width: 65.625rem) {
  .giftcard-bottom .left {
    margin-right: 80px;
    width: 45%;
  }
}

.giftcard-bottom .left p {
  margin-top: 1.5625rem;
}

.giftcard-bottom .right {
  margin-top: 1.5625rem;
}

@media (min-width: 45em) {
  .giftcard-bottom .right {
    width: 50%;
    margin-top: 0;
  }
}

@media (min-width: 65.625rem) {
  .giftcard-bottom .right {
    width: 55%;
  }
}

@media (min-width: 65.625rem) {
  .giftcard-bottom {
    padding: 5.625rem 0;
  }
}

.help-forms {
  padding-bottom: 3.75rem;
  max-width: 37.5rem;
  margin: 0 auto;
}

.help-forms h3 {
  padding-bottom: 1.25rem;
}

.help-forms .desc {
  margin-bottom: 2.5rem;
}

.help-forms .form-success {
  background: #59c58e;
  display: block;
  padding: 0.625rem 0.9375rem 0.5rem;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: white;
  font-size: 0.875rem;
}

#challenge .shopify-challenge__container {
  padding: 7.5rem 0 3.75rem 0;
}

#challenge .nice-select .current {
  color: #292929;
}

.request {
  max-width: 31.25rem;
  margin: 3.75rem auto;
}

.request h2,
.request .form-success {
  text-align: center;
  font-size: 1.5rem;
  margin-bottom: 1.25rem;
  font-weight: 500;
  color: #292929;
}

.request .form-success {
  padding: 5rem 0 3.75rem;
}

.request .form-success~.field {
  display: none;
}

.request .request-mailing {
  text-align: center;
  display: none;
}

.request .request-mailing input {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.375rem;
  margin-top: -0.125rem;
}

body#beliefs,
body#design-philosophy,
body#process {
  color: #161616;
}

body#beliefs .hero,
body#design-philosophy .hero,
body#process .hero {
  margin: 0 auto;
}

body#beliefs .current,
body#design-philosophy .current,
body#process .current {
  color: #292929;
}

#beliefs .header.absolute a,
#design-philosophy .header.absolute a,
#process .header.absolute a {
  color: #000;
}

#beliefs .header.absolute svg,
#beliefs .header.absolute svg path,
#beliefs .header.absolute svg rect {
  fill: #000;
}

#design-philosophy .header.absolute svg,
#design-philosophy .header.absolute svg path,
#design-philosophy .header.absolute svg rect {
  fill: #000;
}

#process .header.absolute svg,
#process .header.absolute svg path,
#process .header.absolute svg rect {
  fill: #000;
}

.hero--simple-page {
  background-size: auto 70%;
  background-position: center bottom;
}

#section-philosophy-hero {
  background-size: auto 70% !important;
}

.hero--simple-page.max-width {
  width: auto;
  margin: 0 2.5%;
}

.hero--simple-page .hero__content {
  -webkit-transform: translate(-50%, -105%);
  -ms-transform: translate(-50%, -105%);
  transform: translate(-50%, -105%);
}

#design-philosophy .hero__content {
  -webkit-transform: translate(-50%, -90%);
  -ms-transform: translate(-50%, -90%);
  transform: translate(-50%, -90%);
}

.hero--simple-page.hero--d10 .hero__heading,
.hero--simple-page.hero--d10 .hero__p {
  color: #000;
}

.page--divided-sections {
  padding-top: 0;
}

.page--divided-sections .width {
  width: 85%;
}

.page--divided-sections .page-content {
  padding-bottom: 0;
}

.line-divider {
  width: 150px;
  margin: 3.75rem 0;
  height: 3px;
  border: none;
  color: #ccc;
  background-color: #ccc;
}

.divided-section-block {
  margin-bottom: 3em;
}

.divided-section-block .right p:first-child {
  margin-top: -4px;
}

.divided-section-header {
  margin-bottom: 2em;
  line-height: 1em;
}

.divided-section-block li {
  list-style: none;
  padding-left: 1.5em;
}

.divided-section-block li:before {
  content: "";
  border: 4px #161616 solid !important;
  border-radius: 50px;
  margin-top: 7px;
  margin-left: -20px;
  position: absolute;
}

.pagination-block {
  overflow: hidden;
  margin: 100px 0 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.pagination-block.width {
  margin: 0 auto;
}

.pagination-block .page-link {
  float: left;
  width: 50%;
}

.pagination-block .page-back {
  border-right: 2px solid #ccc;
}

.pagination-block .page-link {
  text-align: center;
  padding: 1em;
}

.pagination-block a {
  color: #000;
  font-size: 1.5rem;
}

.pagination-block a.arrow {
  display: none;
  height: 100%;
}

.pagination-block a.arrow-left {
  float: left;
  left: 5vw;
}

.pagination-block a.arrow-right {
  float: right;
  right: 5vw;
}

.pagination-block .arrow img {
  width: 15px;
  margin-top: 19px;
}

.pagination-block .page-link .page-link-content {
  display: none;
}

@media (max-width: 45em) {
  .hero--simple-page .hero__width {
    height: 22rem;
  }
}

@media (min-width: 45em) {
  .hero--simple-page .hero__content {
    top: 25%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  #design-philosophy .hero__content {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .hero--simple-page {
    background-size: auto 90% !important;
  }

  .page--divided-sections .width {
    padding: 0 12%;
  }

  .divided-section-block {
    margin-bottom: 4em;
    clear: both;
    overflow: hidden;
  }

  .divided-section-block .left {
    float: left;
    width: 25%;
    padding-right: 20px;
  }

  .divided-section-block .right {
    float: left;
    width: 75%;
    padding-left: 20px;
  }

  .pagination-block.width {
    margin: 120px auto 0;
  }

  .pagination-block {
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .pagination-block .page-link {
    float: none;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
  }

  .pagination-block .paginate-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .pagination-block .page-back {
    text-align: right;
    padding: 0 2.25em 0 0;
  }

  .pagination-block .page-next {
    text-align: left;
    padding: 0 0 0 2.25em;
  }

  .pagination-block a {
    font-size: 2rem;
  }

  .pagination-block a.arrow {
    display: block;
  }

  .pagination-block a.arrow {
    position: absolute;
    top: 50%;
    margin-top: -35px;
  }

  .pagination-block a.arrow.arrow-right {
    right: 5vw;
  }

  .pagination-block a.arrow.arrow-left {
    left: 5vw;
  }

  .pagination-block .page-link .page-link-content {
    display: block;
  }
}

@media (min-width: 60em) {

  #beliefs .header .icon-nav,
  #design-philosophy .header .icon-nav,
  #process .header .icon-nav {
    /* 	margin-right: 0; */
  }

  #shopify-section-beliefs .hero.max-width,
  #shopify-section-philosophy .hero.max-width,
  #shopify-section-process .hero.max-width {
    height: 35rem;
  }

  .hero--simple-page .hero__content {
    top: 30%;
  }

  .pagination-block a.arrow.arrow-right {
    right: 12vw;
  }

  .pagination-block a.arrow.arrow-left {
    left: 12vw;
  }
}

@media (min-width: 1160px) {

  #shopify-section-beliefs .hero.max-width,
  #shopify-section-philosophy .hero.max-width,
  #shopify-section-process .hero.max-width {
    max-width: 1100px;
    margin: 0 auto;
  }
}

@media (min-width: 1480px) {
  .page--divided-sections .width {
    padding: 0 10%;
  }
}

.new-peel-hero {
  text-align: center;
  height: 500px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 40px;
}

@media (min-width: 65.625rem) {
  .new-peel-hero {
    height: 660px;
  }
}

.new-peel-hero span {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 0.125rem;
  color: #000000;
}

.new-peel-hero h2 {
  font-size: 3.4375rem;
  font-weight: 100;
  color: #000000;
  line-height: 1.1;
  margin: 15px 0 20px;
}

@media (min-width: 65.625rem) {
  .new-peel-hero h2 {
    font-size: 4.375rem;
  }
}

.new-peel-hero p {
  max-width: 551px;
  margin: 0 auto;
}

.new-peel-body {
  position: relative;
}

.new-peel-body:after {
  content: '';
  position: absolute;
  left: 50%;
  top: -150px;
  height: calc(100% + 210px);
  background: rgba(0, 0, 0, 0.02);
  width: 50%;
  z-index: -1;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.new-peel-row-1,
.new-peel-row-2,
.new-peel-row-3,
.new-peel-row-4,
.new-peel-row-5 {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}

@media (min-width: 600px) {

  .new-peel-row-1,
  .new-peel-row-2,
  .new-peel-row-3,
  .new-peel-row-4,
  .new-peel-row-5 {
    width: 75%;
  }
}

.new-peel-row-4 {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 600px) {
  .new-peel-row-4 {
    margin-top: 80px;
  }
}

.new-peel-image-1 {
  width: 44%;
  float: left;
}

.new-peel-image-2 {
  width: 44%;
  margin-left: 12%;
  float: left;
  margin-top: 80px;
}

.new-peel-image-3 {
  width: 32%;
  float: left;
}

.new-peel-image-4 {
  float: left;
  width: 56%;
  margin-left: 12%;
  position: relative;
  z-index: 2;
  margin-top: 40px;
}

@media (min-width: 600px) {
  .new-peel-image-4 {
    margin-top: 80px;
  }
}

.new-peel-image-5 {
  width: 75%;
  margin-top: -100px;
}

@media (min-width: 600px) {
  .new-peel-image-5 {
    margin-top: -150px;
  }
}

.new-peel-image-6 {
  width: 49%;
}

@media (min-width: 600px) {
  .new-peel-image-6 {
    margin-top: 80px;
  }
}

.new-peel-image-7 {
  width: 39%;
  margin-left: 12%;
}

.new-peel-image-8 {
  width: 100%;
  max-width: 850px;
  margin: 50px auto 0;
}

.new-peel-footer {
  text-align: center;
  max-width: 600px;
  width: 90%;
  margin: 100px auto 60px;
}

.new-peel-footer h2 {
  font-size: 1.5625rem;
  font-weight: 300;
  line-height: 1.43;
  color: #000000;
  margin-bottom: 10px;
}

@media (min-width: 600px) {
  .new-peel-footer h2 {
    font-size: 40px;
  }
}

.new-peel-footer span {
  opacity: 0.5;
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 0.0625rem;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 40px;
  display: block;
}

@media (min-width: 600px) {
  .new-peel-footer span {
    font-size: 1rem;
  }
}

.new-peel-footer form {
  position: relative;
  max-width: 410px;
  margin: 40px auto;
}

.new-peel-footer form .success_message,
.new-peel-footer form .error_message {
  margin-top: 10px;
  font-size: 12px;
}

.new-peel-footer label {
  opacity: 0.5;
  font-size: 0.6875rem;
  font-weight: 400;
  color: black;
  display: block;
  margin-bottom: -10px;
}

@media (min-width: 65.625rem) {
  .new-peel-footer label {
    text-align: left;
    margin: 0;
    font-size: 14px;
  }
}

.new-peel-footer input {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: black;
  line-height: 2.5rem;
  text-align: center;
  display: block;
  width: 100%;
}

@media (min-width: 65.625rem) {
  .new-peel-footer input {
    text-align: left;
    font-size: 18px;
  }
}

.new-peel-footer input::-webkit-input-placeholder {
  color: black;
}

.new-peel-footer input:-ms-input-placeholder {
  color: black;
}

.new-peel-footer input::-ms-input-placeholder {
  color: black;
}

.new-peel-footer input::placeholder {
  color: black;
}

.new-peel-footer button {
  display: none;
}

@media (min-width: 65.625rem) {
  .new-peel-footer button {
    position: absolute;
    display: block;
    bottom: 15px;
    right: 0;
  }
}

.new-peel-footer p {
  font-size: 14px;
  margin: 0 auto;
  max-width: 320px;
  color: black;
}

.new-peel-footer p a {
  text-decoration: underline;
  color: black;
}

#a-wallet-like-no-other {
  background: #000;
}

.dark-coming {
  background-color: #000;
  background-repeat: no-repeat;
}

.dark-coming .width {
  height: 100vh;
  max-width: 94%;
}

@media (min-width: 65.625rem) {
  .dark-coming .width {
    min-height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.dark-coming .content {
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
  padding-top: 350px;
}

@media (min-width: 65.625rem) {
  .dark-coming .content {
    margin: 0;
    padding-top: 0;
    max-width: 650px;
    text-align: left;
  }
}

.dark-coming h2 {
  font-family: "SangBleuRepublic", serif;
  color: #a3a3a3;
  font-size: 1.5625rem;
}

.dark-coming h2 .white {
  display: block;
  color: #fff;
}

@media (min-width: 65.625rem) {
  .dark-coming h2 {
    font-size: 4.125rem;
  }
}

@media (min-width: 65.625rem) {
  .dark-coming.charger h2 {
    font-size: 3.5625rem;
  }
}

.dark-coming p {
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  color: white;
  margin-top: 10px;
}

@media (min-width: 65.625rem) {
  .dark-coming p {
    font-size: 14px;
    letter-spacing: 4px;
  }
}

.dark-coming.wallet {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/coming-wallet.jpg?v=14194108879246384326");
  background-size: 1100px;
  background-position: right 4% top -150px;
}

@media (min-width: 550px) {
  .dark-coming.wallet {
    background-size: 1500px;
    background-position: right 0 top -250px;
  }
}

@media (min-width: 700px) {
  .dark-coming.wallet {
    background-size: 1700px;
    background-position: right 0 top -300px;
  }
}

@media (min-width: 65.625rem) {
  .dark-coming.wallet {
    background-size: auto 1000px;
    background-position: right -200px bottom;
  }
}

@media (min-width: 68.75em) {
  .dark-coming.wallet {
    background-position: right -100px bottom;
  }
}

@media (min-width: 1300px) {
  .dark-coming.wallet {
    background-position: right bottom;
  }
}

.dark-coming.charger {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/coming-charger.jpg?v=7126848343664002655");
  background-size: 750px;
  background-position: right 4% top;
}

@media (min-width: 550px) {
  .dark-coming.charger {
    background-size: 1000px;
    background-position: right 0 top;
  }
}

@media (min-width: 65.625rem) {
  .dark-coming.charger {
    background-size: auto 1000px;
    background-position: right -200px top;
  }
}

@media (min-width: 68.75em) {
  .dark-coming.charger {
    background-position: right -100px top;
  }
}

@media (min-width: 1300px) {
  .dark-coming.charger {
    background-position: right top;
  }
}

.dark-coming.notebook {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/coming-notebook.jpg?v=12041804897169281335");
  background-size: 1000px;
  background-position: right 13% top -100px;
}

@media (min-width: 400px) {
  .dark-coming.notebook {
    background-position: right 11% top -100px;
  }
}

@media (min-width: 550px) {
  .dark-coming.notebook {
    background-size: 1000px;
    background-position: right 1% top -100px;
  }
}

@media (min-width: 700px) {
  .dark-coming.notebook {
    background-position: right -35% top -100px;
  }
}

@media (min-width: 800px) {
  .dark-coming.notebook {
    background-position: right -90% top -100px;
  }
}

@media (min-width: 880px) {
  .dark-coming.notebook {
    background-position: right -130% top -100px;
  }
}

@media (min-width: 65.625rem) {
  .dark-coming.notebook {
    background-size: auto 1000px;
    background-position: right -300px bottom;
  }
}

@media (min-width: 68.75em) {
  .dark-coming.notebook {
    background-position: right -150px bottom;
  }
}

@media (min-width: 1300px) {
  .dark-coming.notebook {
    background-position: right -150px bottom;
  }
}

.dark-coming-features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 25px 0 40px;
  max-width: 550px;
}

@media (min-width: 65.625rem) {
  .dark-coming-features {
    margin: 40px 0 120px;
  }
}

.dark-coming-features li {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 2.9px;
  color: #ffffff;
  text-transform: uppercase;
  height: 40px;
}

@media (min-width: 65.625rem) {
  .dark-coming-features li {
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
    font-size: 0.875rem;
    letter-spacing: 3px;
    width: 47.5%;
  }
}

.dark-coming-features li img {
  display: none;
}

@media (min-width: 65.625rem) {
  .dark-coming-features li img {
    display: block;
    margin-right: 30px;
  }
}

@media (min-width: 65.625rem) {
  .dark-coming-features li br {
    display: none;
  }
}

@media (min-width: 65.625rem) {
  .dark-coming-features li:nth-of-type(even) {
    margin-left: 5%;
  }
}

.dark-coming-features li:nth-of-type(1n + 3) {
  margin-top: 25px;
}

.dark-coming-form {
  text-align: center;
  position: relative;
  width: 70%;
  margin: 0 auto 40px;
}

@media (min-width: 65.625rem) {
  .dark-coming-form {
    margin: 0;
  }
}

.dark-coming-form label {
  opacity: 0.5;
  font-size: 0.6875rem;
  font-weight: 400;
  color: #ffffff;
  display: block;
  margin-bottom: -10px;
}

@media (min-width: 65.625rem) {
  .dark-coming-form label {
    text-align: left;
    margin: 0;
    font-size: 14px;
  }
}

.dark-coming-form input {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  color: #ffffff;
  line-height: 2.5rem;
  text-align: center;
  display: block;
  width: 100%;
  -webkit-transition: 0.2s border;
  transition: 0.2s border;
}

@media (min-width: 65.625rem) {
  .dark-coming-form input {
    text-align: left;
    font-size: 18px;
  }
}

.dark-coming-form input::-webkit-input-placeholder {
  color: white;
}

.dark-coming-form input:-ms-input-placeholder {
  color: white;
}

.dark-coming-form input::-ms-input-placeholder {
  color: white;
}

.dark-coming-form input::placeholder {
  color: white;
}

.dark-coming-form input:focus {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.dark-coming-form button {
  display: none;
}

@media (min-width: 65.625rem) {
  .dark-coming-form button {
    position: absolute;
    display: block;
    bottom: 15px;
    right: 0;
  }
}

.dark-coming-form .success_message,
.dark-coming-form .error_message {
  margin-top: 10px;
  font-size: 12px;
  text-align: left;
}

.lbb-top {
  padding-top: 1.25rem;
}

@media (min-width: 45em) {
  .lbb-top {
    padding-top: 7.5rem;
  }
}

.lbb-top .inner {
  max-width: 53.75rem;
  position: relative;
}

@media (min-width: 45em) {
  .lbb-top .inner {
    padding-left: 6.875rem;
  }
}

.lbb-top h1 {
  font-family: "SangBleuRepublic", serif;
  font-weight: 700;
  color: #1b2b40;
  font-size: 1.75rem;
  margin-bottom: 12px;
}

@media (min-width: 45em) {
  .lbb-top h1 {
    font-size: 4.375rem;
    margin-bottom: 0.9375rem;
    line-height: 1.1;
  }
}

.lbb-top h1 small {
  font-size: 1.125rem;
  font-weight: bold;
  display: block;
  margin-bottom: 7px;
}

@media (min-width: 45em) {
  .lbb-top h1 small {
    font-size: 2.5rem;
  }
}

.lbb-top .read-time {
  font-size: 0.75rem;
  letter-spacing: 0.51875rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #7f7f7f;
  margin-bottom: 1.5625rem;
  display: block;
  margin-top: 0.3125rem;
}

@media (min-width: 45em) {
  .lbb-top .read-time {
    font-size: 0.75rem;
    position: absolute;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    letter-spacing: 0.6875rem;
    top: 60%;
    left: 2rem;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin: 0;
  }
}

.lbb-top p {
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 45em) {
  .lbb-top p {
    font-size: 1rem;
  }
}

.lbb-top p+p {
  margin-top: 1.5625em;
}

.lbb-top h2 {
  margin: 2.1875em 0 1.25em;
  font-size: 1.125rem;
  font-family: "SangBleuRepublic", serif;
  font-weight: 700;
}

@media (min-width: 45em) {
  .lbb-top h2 {
    font-size: 1.25rem;
  }
}

.lbb-top li {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #3c5852;
}

@media (min-width: 45em) {
  .lbb-top li {
    font-size: 1rem;
  }
}

.lbb-top li:before {
  display: inline-block;
  width: 30px;
}

@media (min-width: 65.625rem) {
  .lbb-top li:before {
    width: 40px;
  }
}

.lbb-top li:nth-of-type(1):before {
  content: '/';
}

.lbb-top li:nth-of-type(2):before {
  content: '//';
}

.lbb-top li:nth-of-type(3):before {
  content: '///';
}

.lbb-top li+li {
  margin-top: 1.25rem;
}

.lbb-who {
  background-color: #fafbfc;
  margin-top: 2.5rem;
  padding: 2.5rem 0;
}

@media (min-width: 45em) {
  .lbb-who {
    background: transparent;
    margin-top: 2.8125rem;
    padding: 0;
  }
}

.lbb-who .inner {
  max-width: 15rem;
  margin: 0 auto;
}

@media (min-width: 45em) {
  .lbb-who .inner {
    background-color: #fafbfc;
    max-width: none;
    padding: 2.5rem 0 2.5rem 6.875rem;
    margin: 0;
    position: relative;
  }
}

.lbb-who p {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.71;
  color: #3c5852;
  text-align: center;
}

@media (min-width: 45em) {
  .lbb-who p {
    font-size: 1rem;
    text-align: left;
  }
}

.lbb-who .down {
  margin: 0 auto;
  display: block;
  width: 0.75rem;
  margin-top: 2.5rem;
}

@media (min-width: 45em) {
  .lbb-who .down {
    position: absolute;
    top: 50%;
    left: 2.5rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
  }
}

.lbb-products {
  margin: 60px 0 40px;
}

@media (min-width: 45em) {
  .lbb-products {
    padding-bottom: 200px;
  }
}

.lbb-products .width {
  width: 100%;
}

@media (min-width: 45em) {
  .lbb-products .width {
    width: 95%;
  }
}

.lbb-products .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 45em) {
  .lbb-products .inner {
    padding-left: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
  }
}

.lbb-products-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 200px;
  text-align: center;
}

@media (min-width: 45em) {
  .lbb-products-title {
    position: absolute;
    top: 0;
    left: 110px;
    width: calc(50% - 65px);
  }
}

.lbb-products-title h2 {
  font-size: 20px;
  font-weight: bold;
  color: #1b2b40;
  font-family: "SangBleuRepublic", serif;
  width: 100%;
}

@media (min-width: 45em) {
  .lbb-products-title h2 {
    text-align: left;
  }
}

@media (min-width: 860px) {
  .lbb-products-title h2 {
    font-size: 30px;
    text-align: left;
  }
}

.lbb-products-title h2 small {
  display: block;
  font-size: 14px;
}

@media (min-width: 860px) {
  .lbb-products-title h2 small {
    font-size: 20px;
  }
}

.lbb-product {
  display: block;
  background-color: #eee;
  text-align: center;
  padding: 60px 50px;
  height: 560px;
  background-size: cover;
  background-position: center bottom;
  max-width: 25rem;
  width: 100%;
  margin: 0 auto;
}

@media (min-width: 45em) {
  .lbb-product {
    width: calc(50% - 10px);
    margin: 0 0 1.25rem;
    padding: 60px 20px;
  }
}

@media (min-width: 65.625rem) {
  .lbb-product {
    height: 540px;
  }
}

@media (min-width: 45em) {

  .lbb-product.charger,
  .lbb-product.wallet {
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);
    margin-right: 20px;
  }
}

.lbb-product.charger {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/lbb-charger.jpg?v=17457570053858466260");
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.lbb-product.case {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/lbb-case.jpg?v=6828052540278280862");
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.lbb-product.wallet {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/lbb-wallet.jpg?v=14019724934477345525");
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

@media (min-width: 45em) {
  .lbb-product.wallet {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}

.lbb-product.notebook {
  background-image: url("//cdn.shopify.com/s/files/1/0199/9106/t/253/assets/lbb-notebook.jpg?v=6093697981806732650");
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

@media (min-width: 45em) {
  .lbb-product.notebook {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
}

.lbb-product h3 {
  font-family: "SangBleuRepublic", serif;
  font-weight: 400;
  font-size: 1.5rem;
  color: #546165;
  margin-bottom: 10px;
  line-height: 1.5;
  max-width: 251px;
  margin: 0 auto 10px;
}

.lbb-product span {
  max-width: 251px;
  margin: 0 auto;
  display: block;
}

.lbb-product.case h3,
.lbb-product.wallet h3 {
  color: #fff;
}

.lbb-product span {
  color: rgba(84, 97, 101, 0.5);
}

.lbb-product.case span,
.lbb-product.wallet span {
  color: rgba(255, 255, 255, 0.5);
}

.lbb-photos .width {
  width: 100%;
}

.lbb-photos .inner {
  margin: 0 auto;
}

@media (min-width: 45em) {
  .lbb-photos .inner {
    padding-left: 6.875rem;
    max-width: none;
  }
}

.lbb-photos h2 {
  font-size: 0.875rem;
  font-family: "SangBleuRepublic", serif;
  font-weight: bold;
  text-align: center;
  padding: 20px 0 60px;
  max-width: 17.1875rem;
  margin: 0 auto;
  line-height: 1.8;
}

@media (min-width: 45em) {
  .lbb-photos h2 {
    text-align: left;
    font-size: 1.25rem;
    max-width: none;
    max-width: 39.375rem;
    margin: 0;
  }
}

@media (min-width: 45em) {
  .lbb-photos-photos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (min-width: 45em) {
  .lbb-photos-photos div {
    width: calc(50% - 5px);
    margin-bottom: 10px;
  }
}

@media (min-width: 45em) {
  .lbb-bottom {
    margin: 100px 0;
  }
}

.lbb-bottom .width {
  max-width: 72.5rem;
}

@media (min-width: 45em) {
  .lbb-bottom .width {
    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;
    padding-left: 110px;
  }
}

.lbb-bottom .block {
  max-width: 17.1875rem;
  margin: 0 auto;
  text-align: center;
  margin-top: 60px;
}

@media (min-width: 45em) {
  .lbb-bottom .block {
    max-width: 38.75rem;
    text-align: left;
    width: 50%;
    margin: 0;
    padding-right: 120px;
  }
}

@media (min-width: 65.625rem) {
  .lbb-bottom .block {
    padding-right: 200px;
  }
}

@media (min-width: 45em) {
  .lbb-bottom .block.quote {
    text-align: center;
    background-color: #fafbfc;
    padding: 60px;
  }
}

@media (min-width: 65.625rem) {
  .lbb-bottom .block.quote {
    padding: 100px;
  }
}

.lbb-bottom .block+.block {
  margin-top: 120px;
}

@media (min-width: 45em) {
  .lbb-bottom .block+.block {
    margin-top: 0;
  }
}

.lbb-bottom h2 {
  font-family: "SangBleuRepublic", serif;
  font-weight: bold;
  margin-bottom: 20px;
}

@media (min-width: 45em) {
  .lbb-bottom h2 {
    font-size: 40px;
  }
}

.lbb-bottom img {
  margin: 0 auto 20px;
  width: 50px;
}

@media (min-width: 45em) {
  .lbb-bottom img {
    width: 75px;
    margin-bottom: 25px;
  }
}

.lbb-bottom blockquote {
  font-family: "SangBleuRepublic", serif;
  font-weight: bold;
  font-size: 14px;
}

@media (min-width: 45em) {
  .lbb-bottom blockquote {
    font-size: 16px;
  }
}

.lbb-bottom p {
  font-size: 12px;
}

@media (min-width: 45em) {
  .lbb-bottom p {
    font-size: 16px;
  }
}

.lbb-bottom .marshall {
  font-weight: 700;
  font-size: 16px;
  color: #292929;
  margin-top: 25px;
}

.lbb-bottom form {
  margin-top: 30px;
}

.lbb-bottom label {
  display: block;
  text-align: left;
  font-size: 11px;
  line-height: 1;
  display: none;
}

@media (min-width: 45em) {
  .lbb-bottom label {
    display: block;
    font-size: 13px;
  }
}

.lbb-bottom input {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  line-height: 46px;
  display: block;
  width: 100%;
  font-size: 16px;
  color: #292929;
}

@media (min-width: 45em) {
  .lbb-bottom input {
    font-size: 18px;
  }
}

.lbb-bottom button {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.lbb-bottom .success_message,
.lbb-bottom .error_message {
  margin-top: 10px;
  font-size: 12px;
}

.lbb-up {
  margin: 60px 0;
  text-align: center;
}

@media (min-width: 45em) {
  .lbb-up {
    margin: 0 0 100px;
    text-align: left;
  }
}

.lbb-up .width {
  max-width: 72.5rem;
}

@media (min-width: 45em) {
  .lbb-up .width {
    padding-left: 110px;
  }
}

.lbb-up a {
  display: inline-block;
}

/* Rehash Accessibility Audit - 12/3/2020 */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}