* {
  padding: 0;
  margin: 0;
  outline: none;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-tap-highlight-color: transparent;
  outline: 0 !important;
}

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

body,
html {
  font-family: Helvetica, Arial, sans-serif;
  height: 100%;
  width: 100%;
  background: #fff;
  color: #202020;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

div {
  display: block;
}

button:hover {
  cursor: pointer;
}

button:active,
button:focus {
  outline: none;
}

a img {
  border: 0;
}

a:focus {
  outline: none;
}

a {
  text-decoration: none;
}

a:active {
  -webkit-tap-highlight-color: transparent !important;
  -webkit-tap-highlight-color: transparent;
  outline: 0 !important;
}

a:hover {
  cursor: pointer;
}

@font-face {
  font-family: gotham;
  src: url(../assets/Gotham-Medium.eot?v15ccfc18040);
  src: url(../assets/Gotham-Medium.eot?v15ccfc18040#iefix)
      format("embedded-opentype"),
    url(../assets/Gotham-Medium.woff?v15ccfc18040) format("woff"),
    url(../assets/Gotham-Medium.ttf?v15ccfc18428) format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: gotham light;
  src: url(../assets/Gotham-Light.eot?v15cd024e1a8);
  src: url(../assets/Gotham-Light.eot?v15cd024e1a8#iefix)
      format("embedded-opentype"),
    url(../assets/Gotham-Light.woff?v15cd024e1a8) format("woff"),
    url(../assets/Gotham-Light.ttf?v15cd024e1a8) format("truetype");
  font-weight: 400;
  font-style: normal;
}

html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

.remodal,
[data-remodal-id] {
  display: none;
}

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  display: inline-block;
}

.remodal-bg.remodal-is-opened,
.remodal-bg.remodal-is-opening {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-closing,
.remodal-overlay.remodal-is-opening {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: c;
  animation-name: c;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: d;
  animation-name: d;
}

.remodal-wrapper {
  padding: 10px 10px 0;
}

.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  color: #2b2e38;
  background: #fff;
}

.remodal.remodal-is-closing,
.remodal.remodal-is-opening {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: a;
  animation-name: a;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: b;
  animation-name: b;
}

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:focus,
.remodal-close:hover {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, Helvetica CY, Nimbus Sans L, sans-serif !important;
  font-size: 1.5625rem;
  line-height: 2.1875rem;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center;
}

.remodal-cancel,
.remodal-confirm {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:focus,
.remodal-confirm:hover {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:focus,
.remodal-cancel:hover {
  background: #ef5350;
}

.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner,
.remodal-confirm::-moz-focus-inner {
  padding: 0;
  border: 0;
}

@-webkit-keyframes a {
  0% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes a {
  0% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@-webkit-keyframes b {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}

@keyframes b {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}

@-webkit-keyframes c {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes c {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

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

  to {
    opacity: 0;
  }
}

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

  to {
    opacity: 0;
  }
}

@media only screen and (min-width: 40.0625rem) {
  .remodal {
    max-width: 700px;
  }
}

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

html {
  padding-top: 0 !important;
}

.page-container > header {
  top: 0 !important;
}

#admin_bar_iframe {
  display: none !important;
}

#rc-admin-bar {
  position: fixed;
  z-index: 99999;
  top: 50% !important;
  left: -150px;
  width: 150px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.04),
    0 12px 32px 0 rgba(0, 0, 0, 0.08);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: left 0.4s ease-in-out;
  transition: left 0.4s ease-in-out;
}

#rc-admin-bar > button {
  position: absolute;
  border: none;
  -webkit-transform: translate(126px) rotate(0deg);
  transform: translate(126px) rotate(0deg);
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

#rc-admin-bar > button > img {
  width: 50px;
}

#rc-admin-bar ul {
  list-style: none;
  padding: 6px 18px;
  background: #111d2b;
}

#rc-admin-bar ul > li {
  padding: 0.75em 5% 0.75em 0;
  border-top: 1px solid hsla(0, 0%, 100%, 0.08);
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
}

#rc-admin-bar ul > li button {
  width: 100%;
  border: none;
  text-align: left;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
}

#rc-admin-bar ul > li > ul {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  width: 200%;
  background: rgba(17, 29, 43, 0.95);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out, left 0.2s ease-in-out,
    visibility 0s linear 0.2s;
  transition: opacity 0.2s ease-in-out, left 0.2s ease-in-out,
    visibility 0s linear 0.2s;
}

#rc-admin-bar ul > li > ul li {
  cursor: default;
}

#rc-admin-bar ul > li > ul li em,
#rc-admin-bar ul > li > ul li span {
  display: block;
}

#rc-admin-bar ul > li > ul li span {
  margin-bottom: 0.5em;
  font-weight: 700;
}

#rc-admin-bar ul > li:first-child {
  border-top: none;
}

#rc-admin-bar ul > li.active > ul {
  left: 100%;
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out 0.2s, left 0.2s ease-in-out 0.2s,
    visibility 0s linear;
  transition: opacity 0.2s ease-in-out 0.2s, left 0.2s ease-in-out 0.2s,
    visibility 0s linear;
}

#rc-admin-bar > p {
  padding: 10px 18px;
  background: rgba(17, 29, 43, 0.95);
  font-size: 0.75em;
  font-weight: 700;
  color: #fff;
}

#rc-admin-bar > p em {
  padding-left: 8px;
  font-style: normal;
  font-weight: 400;
  color: #f8bc15;
}

#rc-admin-bar.open {
  left: 0;
}

#rc-admin-bar.open > button {
  -webkit-transform: translate(18%, -70%) rotate(1turn);
  transform: translate(18%, -70%) rotate(1turn);
}

.btn {
  display: inline-block;
  position: relative;
  /* padding: 16px 24px;*/
  padding: 8px 24px;
  margin: 0;
  font-family: countach, Helvetica, Arial, sans-serif;
  font-size: 0.9375rem;
  color: #000;
  font-weight: 700;
  background: #f3be00;
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.08);
  border: 2px solid #f3be00;
  border-radius: 2px;
  -webkit-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
  -webkit-transition-property: box-shadow, color, opacity;
  transition-property: box-shadow, color, opacity;
}

.btn:hover {
  opacity: 1;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.12);
}

.btn-clear {
  color: #fff;
  border-color: hsla(0, 0%, 100%, 0.3);
  -webkit-transition: border-color 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out;
  -webkit-transition-property: box-shadow, color, opacity, border;
  transition-property: box-shadow, color, opacity, border;
}

.btn-clear,
.btn-clear:hover {
  background-color: transparent;
  box-shadow: none;
}

.btn-clear:hover {
  border-color: #fff;
}

.btn-clear-black {
  border-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: border-color 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out;
  -webkit-transition-property: box-shadow, color, opacity, border;
  transition-property: box-shadow, color, opacity, border;
}

.btn-clear-black,
.btn-clear-black:hover {
  color: #000;
  background-color: transparent;
  box-shadow: none;
}

.btn-clear-black:hover {
  border-color: #000;
}

.btn-ghost {
  padding: 16px 24px;
  color: #000;
  text-transform: uppercase;
  font-size: 0.9375rem;
  border: 2px solid #58555a;
  -webkit-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
  -webkit-transition-property: background, border, color;
  transition-property: background, border, color;
}

.btn-ghost:hover {
  color: #fff;
  background: #000;
  border-color: #000;
}

.btn-grey {
  color: #000;
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  box-shadow: none;
}

.bundled-btn {
  margin-right: 32px;
}

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

.bundled-btn_wrapper,
.product-buy-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-buy-btn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: center;
  flex-direction: center;
  width: 100%;
  height: 55px;
  font-family: countach, Helvetica, Arial, sans-serif;
  font-size: 0.9375rem;
  max-width: 224px;
  min-width: 190px;
  background-color: #fff;
  font-weight: 700;
  padding: 0;
  border: 0;
  -ms-flex-item-align: center;
  align-self: center;
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.08);
  border: 1px solid #ccc;
}

.product-buy-btn:hover {
  color: #f3be00 !important;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.12);
}

@media (max-width: 61rem) {
  .btn {
    font-size: 0.875rem;
  }
}

@media (max-width: 27.5rem) {
  .btn {
    font-size: 0.75rem;
  }
}

body {
  font-family: Rubik, Helvetica, Arial, sans-serif;
}

.index-section,
.index-section:first-child,
.section-flush {
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.page-container {
  min-height: 55vh;
}

#main {
  margin-top: 68px;
}

#shopify-section-header,
.remodal-is-opened,
.remodal-wrapper,
[data-section-id="header"] {
  top: 0 !important;
}

.remodal-is-closing,
.remodal-is-opened,
.remodal-is-opening {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.remodal-is-closing .quickview-modal,
.remodal-is-opened .quickview-modal,
.remodal-is-opening .quickview-modal {
  opacity: 1;
}

#shopify-section-header {
  position: relative;
  z-index: 10;
}

#shopify-section-header.shopify-section-header--fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background: #fff;
}

#shopify-section-header.shopify-section-header--fixed .site-header {
  padding: 12px 12px 12px 0;
  background: #fff;
}

.site-header {
  height: 68px;
  padding: 12px 12px 12px 0;
}

.site-header,
.site-header .grid--table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.site-header .grid--table {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.site-header a:hover {
  text-decoration: none;
}

.site-header .logo-align--left {
  position: relative;
  width: 224px;
  height: 56px;
  margin-right: 0;
  padding-left: 48px;
  background-color: transparent;
  -webkit-transform: skew(-14deg) translateX(-10px);
  transform: skew(-14deg) translateX(-10px);
}

.site-header__logo {
  height: 100%;
  margin: 0 0 4px;
  -webkit-transform: skew(14deg);
  transform: skew(14deg);
}

.site-header__logo-image {
  height: 100%;
  fill: #fff;
}

.site-header__logo-image .logo-mobile {
  display: none;
}

.site-header__logo-image img {
  height: 100%;
}

.site-header__logo-image .icon-logo__lettering {
  fill: transparent;
}

.site-header__logo-image .icon-logo__rectangle {
  fill: #fff;
}

.site-header nav#AccessibleNav {
  margin: 0 auto;
}

.site-header nav#AccessibleNav .nav {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.site-header nav#AccessibleNav .nav li {
  margin-right: 48px;
  margin-left: 0;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.0625rem;
}

.site-header nav#AccessibleNav .nav li a {
  position: relative;
  color: #111;
  font-style: italic;
}

.site-header nav#AccessibleNav .nav li a:hover:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  bottom: -2px;
  left: 0;
  background-color: #111;
}

.site-header nav#AccessibleNav .nav li.last {
  margin-right: 0;
}

.site-header__icons {
  width: 210px;
  width: 110px;
  margin: 0 0 0 auto;
}

.site-header__icons-wrapper {
  margin-right: 0;
}

.site-header__icons-wrapper,
.site-header__icons-wrapper .site-header__cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.site-header__icons-wrapper .site-header__cart {
  position: relative;
  -webkit-transform: none;
  transform: none;
}

.site-header__icons-wrapper .site-header__cart .cart-icon_text {
  margin-right: 12px;
  font-size: 1rem;
  color: #111;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.0625rem;
  font-weight: 700;
  font-style: italic;
}

.site-header__icons-wrapper .site-header__cart .icon-cart {
  fill: #111;
}

.site-header__icons-wrapper .site-header__cart-count {
  background-color: #f3be00;
  left: auto;
  right: -4px;
  min-width: 16px;
  height: 16px;
}

.site-header__icons-wrapper .site-header__cart,
.site-header__icons-wrapper .site-header__login {
  margin: auto;
}

.site-header__icons-wrapper .site-header__login {
  position: relative;
  font-size: 1rem;
  color: #111;
  line-height: 1;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  font-style: italic;
}

.site-header__icons-wrapper .site-header__login:hover:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  bottom: -2px;
  left: 0;
  background-color: #111;
}

.shopify-section-header--fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background: #fff;
}

.shopify-section-header--fixed .site-header .logo-align--left {
  height: 100%;
}

.shopify-section-header--fixed .site-header__logo-image .icon-logo__lettering {
  fill: #fff;
}

.shopify-section-header--fixed .site-header__logo-image .icon-logo__rectangle {
  fill: #111;
}

.shopify-section-header--fixed .site-header nav#AccessibleNav .nav li a {
  color: #000;
  white-space: nowrap;
}

.shopify-section-header--fixed
  .site-header
  nav#AccessibleNav
  .nav
  li
  a:hover:after {
  background-color: #000;
}

.shopify-section-header--fixed
  .site-header__icons-wrapper
  .site-header__cart
  .cart-icon_text {
  color: #000;
}

.shopify-section-header--fixed
  .site-header__icons-wrapper
  .site-header__cart
  .icon-cart {
  fill: #000;
}

.shopify-section-header--fixed .site-header__icons-wrapper .site-header__login {
  color: #000;
}

.shopify-section-header--fixed
  .site-header__icons-wrapper
  .site-header__login:hover:after {
  background-color: #000;
}

@media screen and (max-width: 64.375rem) {
  /*
    .site-header nav#AccessibleNav {
        width:50%;
        margin-left: 0
    }
	*/
  .site-header nav#AccessibleNav .nav li {
    margin: 0 auto;
    font-size: 0.875rem;
  }
  /*
    .site-header nav#AccessibleNav .nav li.first {
        margin-left: 0
    }
	*/
  .site-header__icons {
    /*width: 180px*/
  }

  .site-header__icons-wrapper .site-header__cart .cart-icon_text,
  .site-header__icons-wrapper .site-header__login {
    font-size: 0.875rem;
  }
}

.site-header .menu-item-testimonials {
  display: none;
}

@media screen and (max-width: 60rem) {
  .site-header {
    height: 56px;
    padding: 12px;
    border-bottom: 0;
    height: 100%;
  }

  .site-header .logo-align--left {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: skew(0deg) translateX(-50%);
    transform: skew(0deg) translateX(-50%);
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    background-color: transparent;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-bottom: 2px;
    padding-top: 2px;
  }

  .site-header__logo {
    height: 100%;
    padding: 5px 0;
    margin: 0 auto;
    -webkit-transform: skew(0deg);
    transform: skew(0deg);
  }

  .site-header__logo-image {
    height: 100%;
  }

  .site-header__logo img {
    height: 100%;
    margin: 0 auto;
  }

  .site-header__menu {
    display: block;
    padding: 0;
    margin-right: auto;
  }

  .site-header__menu .icon-close,
  .site-header__menu .icon-hamburger {
    fill: #111;
    height: 28px;
    width: auto;
    padding: 3px;
  }

  .site-header nav#AccessibleNav {
    display: none;
  }

  .site-header .menu-item-testimonials {
    display: block;
  }

  .site-header__icons {
    width: auto;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    padding-right: 6px;
  }

  .site-header__icons-wrapper .site-header__login {
    display: none;
  }

  .site-header__icons-wrapper .site-header__cart {
    padding: 0;
  }

  .site-header__icons-wrapper .site-header__cart .cart-icon_text {
    display: none;
  }

  .site-header__icons-wrapper .site-header__cart .icon-cart {
    fill: #111;
    height: 32px;
    width: auto;
  }

  .site-header__icons-wrapper .site-header__cart-count {
    top: -4px;
    right: -4px;
  }

  .mobile-nav-wrapper {
    margin-top: 0;
    -webkit-transform: translate3d(-100%, 56px, 0);
    transform: translate3d(-100%, 56px, 0);
  }

  #shopify-section-header.shopify-section-header--fixed .site-header {
    height: 56px;
    padding: 0 12px;
  }

  #shopify-section-header.shopify-section-header--fixed
    .site-header
    .logo-align--left {
    background: transparent;
  }

  #shopify-section-header.shopify-section-header--fixed .icon-cart,
  #shopify-section-header.shopify-section-header--fixed .icon-close,
  #shopify-section-header.shopify-section-header--fixed .icon-hamburger {
    fill: #111;
  }

  #shopify-section-header.shopify-section-header--fixed .mobile-nav-wrapper {
    margin-top: 0;
  }
}

#shopify-section-promobar {
  margin-bottom: 0;
}

#shopify-section-promobar.shopify-section-promobar--add-margin {
  margin-bottom: 68px;
}

.notification-bar {
  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;
  z-index: 1;
  overflow: hidden;
}

.notification-bar__message,
.notification-bar__message-sub {
  padding: 12px 14px;
  font-size: 1rem;
  font-style: italic;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 49%;
  flex: 0 1 49%;
  -webkit-transform: skew(-14deg);
  transform: skew(-14deg);
}

.notification-bar__message-sub p,
.notification-bar__message p {
  -webkit-transform: skew(14deg);
  transform: skew(14deg);
}

.notification-bar__message {
  text-align: right;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.0625rem;
}

.notification-bar__message-sub {
  text-align: left;
}

.notification-bar__message-sub span {
  font-weight: 700;
}

.notification-bar__message-link {
  position: absolute;
  right: 28px;
  top: 12px;
  color: #fff;
}

.notification-bar__message-link a {
  font-size: 0.9rem;
  color: #fff;
  text-transform: uppercase;
  font-style: italic;
}

@media screen and (max-width: 63.4375rem) {
  .notification-bar__message-link {
    display: none;
  }
}

@media screen and (max-width: 50rem) {
  #shopify-section-promobar.shopify-section-promobar--add-margin {
    margin-bottom: 56px;
  }
}

@media screen and (max-width: 40rem) {
  .notification-bar {
    display: block;
  }

  .notification-bar__message,
  .notification-bar__message-sub {
    padding: 4px 10px 12px 4px;
    font-size: 0.75rem;
    background-color: transparent !important;
    text-align: center;
    -webkit-transform: none;
    transform: none;
  }

  .notification-bar__message-sub p,
  .notification-bar__message p {
    -webkit-transform: none;
    transform: none;
  }

  .notification-bar__message {
    padding-bottom: 0;
    padding-top: 12px;
  }
}

@media screen and (max-width: 29.375rem) {
  .notification-bar__message {
    font-size: 0.6875rem;
    letter-spacing: normal;
  }

  .notification-bar__message-sub {
    padding: 4px 10px 12px 4px;
    font-size: 0.6875rem;
  }
}

@media screen and (max-width: 23.4375rem) {
  .notification-bar__message {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 46%;
    flex: 0 1 46%;
    font-size: 0.6875rem;
    text-transform: none;
    font-weight: 500;
  }

  .notification-bar__message-sub {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 55%;
    flex: 0 1 55%;
    font-size: 0.6875rem;
  }
}

.site--footer {
  padding: 54px 0;
  background-color: #111;
  color: #fff;
}

.site--footer a[href^="mailto"],
.site--footer a[href^="tel"] {
  text-decoration: none;
  color: inherit;
}

.site--footer__wrapper {
  width: 80vw;
  max-width: 1440px;
  margin: auto;
}

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

.site--footer__contact,
.site--footer__contact--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.site--footer__contact--item {
  margin: 0 48px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.site--footer__contact .contact--item__image {
  width: 40px;
  margin-right: 16px;
}

.site--footer__contact .contact--item__content--title {
  font-size: 0.625rem;
  text-transform: uppercase;
  line-height: 1.2;
  letter-spacing: 0.02em;
}

.site--footer__contact .contact--item__content--text {
  margin-top: 4px;
  font-size: 1.125rem;
  font-weight: 700;
}

.site--footer hr {
  margin: 54px 0;
  border-color: #fff;
}

.site--footer hr.mobile-only {
  display: none;
}

.site--footer__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.site--footer__links .footer-links__linklist {
  width: 25%;
  list-style: none;
  margin-right: 24px;
}

.site--footer__links .footer-links__item {
  margin-bottom: 28px;
  font-size: 0.875rem;
  list-style: none;
  text-align: left;
}

.site--footer__links .footer-links__item:last-child {
  margin-bottom: 0;
}

.site--footer__links a {
  font-size: 0.9375rem;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}

/*
.site--footer__copy {
    margin-top: 54px;
    font-family: gotham light,Helvetica,Arial,sans-serif;
    font-size: .9375rem;
    line-height: 2.675;
    text-align: center
}
*/

@media screen and (max-width: 50rem) {
  .site--footer__wrapper {
    width: 80vw;
  }

  .site--footer__contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .site--footer__contact--item {
    margin: 0;
  }

  .site--footer__contact--item:not(:first-child) {
    margin-top: 48px;
  }

  .site--footer__links {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  .site--footer__links .footer-links__linklist {
    width: 45%;
    margin-right: 12px;
  }

  .site--footer__links .footer-links__linklist:nth-child(1),
  .site--footer__links .footer-links__linklist:nth-child(2) {
    margin-bottom: 28px;
  }

  .site--footer hr {
    margin: 54px 0;
    border-color: #000;
  }

  .site--footer hr.mobile-only {
    display: block;
  }

  .site--footer__copy {
    margin-top: 0;
    text-align: left;
  }
}

.no-scroll {
  overflow: hidden;
}

.side_panel {
  position: fixed;
  left: 0;
  top: 0 !important;
  opacity: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-transition: opacity 0.24s ease 0.35s;
  transition: opacity 0.24s ease 0.35s;
}

.side_panel.open {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.side_panel.open[data-direction="left"] .side_panel--content {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.side_panel.open[data-direction="right"] .side_panel--content {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.side_panel.open[data-direction="up"] .side_panel--content {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
  -webkit-transform: translate3d(0, -90vh, 0);
  transform: translate3d(0, -90vh, 0);
  -webkit-transform: translate3d(0, -430px, 0);
  transform: translate3d(0, -430px, 0);
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.side_panel.open[data-direction="down"] .side_panel--content {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
  -webkit-transform: translate3d(0, 90vh, 0);
  transform: translate3d(0, 90vh, 0);
  -webkit-transform: translate3d(0, 430px, 0);
  transform: translate3d(0, 430px, 0);
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.side_panel .panel_overlay {
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.side_panel--content,
.side_panel .panel_overlay {
  position: absolute;
  -webkit-backface-visibility: hidden;
}

.side_panel--content {
  background: #fff;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.34s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.34s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.34s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.34s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.34s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.side_panel[data-direction="left"] .side_panel--content {
  top: 0;
  left: 100%;
  height: 100%;
  width: 90%;
  max-width: 400px;
}

.side_panel[data-direction="right"] .side_panel--content {
  top: 0;
  right: 100%;
  height: 100%;
  width: 90%;
  max-width: 400px;
}

.side_panel[data-direction="down"] .side_panel--content {
  width: 100%;
  bottom: 100%;
  left: 0;
}

.side_panel[data-direction="down"] .side_panel--content > div {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 20px 0;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.side_panel[data-direction="up"] .side_panel--content {
  width: 100%;
  top: 100%;
  left: 0;
}

.side_panel[data-direction="up"] .side_panel--content > div {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 20px 0;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.cart-item--options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.side_panel--content {
  overflow: auto;
}

#cart_panel {
  z-index: 100000000000001;
}

.sidecart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.sidecart a:hover {
  text-decoration: none;
}

.sidecart--header_close {
  margin-left: 12px;
  cursor: pointer;
}

.sidecart--header {
  padding: 1.55em 0.5em;
  background-color: #000;
  position: relative;
}

.sidecart--header-text {
  text-transform: uppercase;
  color: #fff;
  font-size: 1.25rem;
  text-align: center;
  font-style: italic;
}

.sidecart--header-close {
  cursor: pointer;
  font-size: 1.75em;
  position: absolute;
  left: 20px;
  top: 16px;
  color: #ebebeb;
}

.sidecart_checkout_form {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.sidecart__total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 24px;
  color: #f3be00;
}

.sidecart__total-subtotal {
  color: #000;
  text-transform: uppercase;
  font-size: 1rem;
}

.sidecart__footer {
  position: relative;
  background: #fff;
  border-top: 2px solid #ebebeb;
  padding-top: 10px;
  font-weight: 700;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.sidecart__footer .checkout-btn {
  display: block;
  width: 90%;
  padding: 18px;
  text-align: center;
  color: #000;
  margin: 20px;
  position: relative;
  font-size: 1rem;
}

.sidecart__footer .checkout-btn:hover {
  color: #fff;
}

.sidecart--empty {
  display: block;
  margin: auto;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  padding-top: 25%;
  padding-bottom: 25%;
  height: 0;
}

.sidecart__items {
  height: calc(100vh - 216px);
  overflow-y: auto;
}

.cart-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  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;
  padding: 0.75rem 1rem;
  border-bottom: 2px solid #ebebeb;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  min-height: 120px;
}

.cart-item,
.cart-item-list {
  position: relative;
}

.cart-item-list--cta_text {
  padding: 24px 0;
  color: gray;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  z-index: 1000000;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.cart-item-list--cta_text:hover {
  color: #000;
  text-decoration: underline;
}

.cart-item--image {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.cart-item--image img {
  width: 100px;
  height: auto;
}

.cart-item--info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -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;
  padding-left: 1rem;
}

.cart-item--info,
.cart-item--info_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

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

.cart-item--info_top a {
  max-width: 220px;
}

.cart-item--info_top-title {
  color: #000;
  font-weight: 500;
  text-transform: uppercase;
}

.cart-item--info_top-variant {
  display: block;
  font-size: 0.8125rem;
  text-decoration: none;
  text-transform: uppercase;
}

.cart-item--info_top-remove {
  cursor: pointer;
  padding: 4px;
  position: absolute;
  top: 6px;
  right: 10px;
}

.cart-item--info_bottom {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding-top: 16px;
}

.cart-item--info_bottom,
.cart-item--info_bottom-quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cart-item--info_bottom-quantity {
  font-size: 0.875rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cart-item--info_bottom-quantity_minus,
.cart-item--info_bottom-quantity_plus {
  width: 25px;
  height: 25px;
  font-size: 1.2rem;
  cursor: pointer;
  background-color: #efefef;
  border-radius: 50%;
  color: #aaa;
  text-align: center;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}

.cart-item--info_bottom-quantity_minus:hover,
.cart-item--info_bottom-quantity_plus:hover {
  color: #100c12;
}

.cart-item--info_bottom-quantity_num {
  margin: 0 6px;
}

.cart-item--info_bottom-price {
  font-size: 0.875rem;
  font-weight: 500;
}

.cart-item--options {
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 110px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  opacity: 0;
  -webkit-transition: opacity 0.24s ease;
  transition: opacity 0.24s ease;
  -webkit-transition-property: opacity, width, -webkit-transform;
  transition-property: opacity, width, -webkit-transform;
  transition-property: opacity, transform, width;
  transition-property: opacity, transform, width, -webkit-transform;
  position: absolute;
  top: 0;
  right: -24px;
  pointer-events: none;
}

.cart-item--options_cancel,
.cart-item--options_delete {
  cursor: pointer;
}

.cart-item--options_cancel {
  position: relative;
  top: 2px;
}

.cart-item--options img {
  display: block;
  margin: 0 auto;
}

.cart-item--options p {
  text-align: center;
  padding: 6px;
}

.empty-cart-btn {
  text-align: center !important;
}

.data-quantity {
  width: 19px;
  text-align: center;
  padding: 0;
  border: 0;
}

.sidecart-hidden {
  display: none !important;
}

.sidecart-remove {
  opacity: 0;
}

.sidecart-options-visible {
  top: 0;
  z-index: 99;
  opacity: 1;
  -webkit-transition-duration: 0.26s;
  transition-duration: 0.26s;
  -webkit-transform: translate3d(-24px, 0, 0);
  transform: translate3d(-24px, 0, 0);
  pointer-events: auto;
}

@media screen and (max-width: 26.5625rem) {
  .cart-item--info {
    width: 70%;
  }

  .cart-item--info-remove {
    position: absolute;
    right: 40px;
  }

  .cart-item--options {
    padding: 0 50px;
  }

  .cart-item:last-child {
    margin-bottom: 100px;
  }
}

.quickview-modal {
  width: 100vw;
  max-width: 100vw;
  min-height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  -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-transition: opacity 0.24s ease;
  transition: opacity 0.24s ease;
  overflow: hidden;
}

.quickview-modal.remodal {
  padding: 0;
}

.quickview-modal--close {
  padding-top: 50%;
  display: inline-block;
  color: hsla(0, 0%, 100%, 0.6);
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.6);
  padding-bottom: 2px;
  cursor: pointer;
  text-transform: uppercase;
  font-style: italic;
  font-weight: 500;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.quickview-modal--close:hover {
  color: #fff;
  border-bottom: 1px solid #fff;
}

.quickview-modal--close_wrapper {
  position: absolute;
  top: 0;
  right: 2rem;
  width: 62px;
  height: 62px;
  z-index: 4000;
}

.product--form {
  padding: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
}

.product--photo {
  width: 50%;
}

.product--photo img {
  width: 100%;
  max-width: 360px;
}

.product--wrapper {
  height: 100%;
  width: 100%;
}

.product--info {
  padding-left: 2.5rem;
  text-align: left;
  width: 100%;
  max-width: 500px;
}

.product--info-title {
  font-size: 3rem;
  line-height: 3rem;
}

.product--info-title,
.product--info_description {
  color: #fff;
  text-transform: none;
  padding-bottom: 1rem;
}

.product--info .prod-price {
  font-size: 1.4rem;
  color: hsla(0, 0%, 100%, 0.6);
}

.product--info-plan {
  margin-bottom: 24px;
}

.product--info-variants {
  margin-top: 24px;
}

.product--info-variants_title {
  font-size: 0.75rem;
  text-transform: uppercase;
  padding-bottom: 0.6rem;
  font-weight: 500;
  text-align: left;
  color: hsla(0, 0%, 100%, 0.6);
}

.product--info-variants_label {
  height: 52px;
  min-width: 114px;
  padding: 0.7rem 1.5rem;
  margin-right: 0.5rem;
  margin-bottom: 1.2rem !important;
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  font-size: 0.9375rem;
  border-radius: 2px;
  background-color: hsla(0, 0%, 100%, 0.08);
  -webkit-transition: background-color 0.14s ease-in-out;
  transition: background-color 0.14s ease-in-out;
}

.product--info-variants_label.sold-out {
  cursor: not-allowed;
  color: #cc3314;
  opacity: 0.8;
}

.product--info-variants_label.sold-out:hover {
  color: #fff;
  background-color: #cc3314;
}

.product--info-variants_label p {
  text-align: center;
  padding-top: 6px;
  font-weight: 700;
}

.product--info-variants_label:hover {
  background-color: #f3be00;
}

.product--info-variants input {
  display: none;
}

.product--info-variants input:checked + label {
  background-color: #f3be00;
  color: #000;
}

.product--info-variants_option {
  padding-bottom: 0.6rem;
}

.product--info-variants_option-plan-input {
  display: none;
}

.product--info-variants_option-plan-input:checked + label {
  color: #fff;
}

.product--info-variants_option-plan-input:checked + label .outer-circle {
  background-color: #fff;
  border: none;
}

.product--info-variants_option-plan-input:checked + label .inner-circle {
  width: 17px;
  height: 17px;
  margin: auto;
  display: block;
  background-color: #f3be00;
  border-radius: 50%;
}

.product--info-variants_option-plan-input:checked + label select {
  opacity: 1;
}

.product--info-variants_option label {
  text-transform: uppercase;
  color: hsla(0, 0%, 100%, 0.6);
  font-weight: 500;
  font-size: 1rem;
}

.product--info-variants_option label,
.product--info-variants_option label .outer-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product--info-variants_option label .outer-circle {
  width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  border: 1px solid hsla(0, 0%, 100%, 0.6);
  border-radius: 50%;
  margin-right: 0.5rem;
}

.product--info-variants_option label .inner-circle {
  display: none;
}

.product--info #quickview_cta_button {
  margin-top: 1rem;
}

.product--info .quickview_cta_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product--info .quickview_cta_text {
  padding-left: 24px;
  margin-top: 0.6rem;
  font-size: 0.8rem;
  font-family: gotham, Helvetica, Arial, sans-serif;
  font-weight: 700;
}

.product--info .quickview_cta_text h1 {
  color: #f3be00;
  text-transform: uppercase;
  font-style: italic;
  text-align: left;
}

.product--info .quickview_cta_text p {
  color: #fff;
  line-height: 1.5;
  font-weight: 100;
  opacity: 0.9;
  font-style: italic;
}

.product--info .product-buy-btn_atc {
  font-family: countach, Helvetica, Arial, sans-serif;
}

.product .freq_wrapper {
  display: inline-block;
  position: relative;
}

.product .freq_wrapper:after {
  content: "";
  display: block;
  position: absolute;
  top: 33%;
  right: 3px;
  width: 11px;
  height: 6px;
  pointer-events: none;
  background: url(dropdown-indicator-white.png?v15ccfc1a750) no-repeat;
}

.color-theme-light .freq_wrapper:after {
  background: url(dropdown-indicator-black.png?) no-repeat;
}

.product .sub_frequency {
  background: transparent;
  color: #fff;
  border: none;
  font-weight: 800;
  border-bottom: 2px solid #fff;
  padding: 0 12px 2px 5px;
  margin: 3px 3px 0;
  text-transform: uppercase;
  opacity: 0.6;
}

.product .sub_frequency option {
  color: #111;
}

.product .recharge--container,
.product .single-option-selector,
.remodal-is-closed,
.remodal-is-initialized,
.remodal-wrapper {
  display: none;
}

.remodal-is-opened {
  display: initial;
}

.swag .quickview-modal--close {
  color: rgba(0, 0, 0, 0.6);
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}

.swag .quickview-modal--close:hover {
  color: #000;
  border-bottom: 1px solid #000;
}

.swag .prod-price,
.swag .product--info-title {
  color: #100c12;
}

.swag .product--info-variants_title {
  color: rgba(0, 0, 0, 0.6);
}

.swag .product--info-variants_label {
  color: #100c12;
  background-color: rgba(0, 0, 0, 0.05);
}

.swag .product--info-variants_label:hover {
  background-color: #f3be00;
}

@media screen and (max-width: 76.875rem) {
  .product--info-variants:not(".swag") {
    width: 365px;
  }
}

@media screen and (max-width: 57.8125rem) {
  .remodal {
    padding: 0.8rem;
  }

  .quickview-modal {
    overflow: scroll;
  }

  .product--form {
    -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;
    padding: 0;
  }

  .product--photo {
    width: 80%;
    margin: 0 auto;
    margin-top: 40px;
    text-align: center;
  }

  .product--info {
    text-align: center;
    padding-left: 12px;
    width: 60%;
    margin: 0 auto;
    min-width: 100%;
    padding-right: 12px;
  }

  .product--info-plan,
  .product--info-variants {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 28px;
  }

  .product--info-plan_title,
  .product--info-variants_title {
    width: 100%;
    text-align: center;
    padding-bottom: 1rem;
  }

  .product--info-plan label,
  .product--info-variants label {
    margin-right: 0.59rem;
    margin-bottom: 0.85rem !important;
    text-align: left;
  }

  .product--info-variants {
    max-width: 320px;
    margin: 24px auto 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .product--info-variants_label {
    min-width: 120px;
  }

  .product--info-variants_label:hover {
    background-color: hsla(0, 0%, 100%, 0.08);
  }

  .product--info-plan {
    padding-bottom: 0;
    max-width: 304px;
    margin: 0 auto;
  }

  .product .quickview_cta_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .product .quickview_cta_text {
    padding-left: 0;
    padding-bottom: 40px;
    margin-top: 0;
  }

  #quickview_cta_button {
    margin-top: 1rem;
    max-width: 304px;
    margin: 0 auto 28px;
  }
}

@media screen and (max-width: 47.9375rem) {
  .product--info-title {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 20.625rem) {
  .product--photo {
    width: 65%;
  }
}

#storemapper:after,
#storemapper[style]:after {
  display: block;
  content: "";
  clear: both;
}

#storemapper .storemapper-categories,
#storemapper[style] .storemapper-categories {
  margin-bottom: 18px;
}

#storemapper .storemapper-category-link:before,
#storemapper .storemapper-select-all:before,
#storemapper[style] .storemapper-category-link:before,
#storemapper[style] .storemapper-select-all:before {
  display: none;
}

#storemapper #storemapper-go.active,
#storemapper #storemapper-go:active,
#storemapper #storemapper-go:focus,
#storemapper #storemapper-go:hover,
#storemapper .open > .dropdown-toggle#storemapper-go,
#storemapper[style] #storemapper-go.active,
#storemapper[style] #storemapper-go:active,
#storemapper[style] #storemapper-go:focus,
#storemapper[style] #storemapper-go:hover,
#storemapper[style] .open > .dropdown-toggle#storemapper-go {
  background: #fff;
}

#storemapper #storemapper-right,
#storemapper[style] #storemapper-right {
  width: calc(67% - 18px);
  margin-left: 18px;
}

#storemapper-list li {
  padding-bottom: 20px;
}

@media screen and (max-width: 47.9375rem) {
  #storemapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse;
  }

  #storemapper #storemapper-right {
    margin-bottom: 18px;
    margin-left: 0 !important;
  }

  #storemapper #storemapper-left,
  #storemapper #storemapper-right {
    width: 100% !important;
    float: none !important;
  }
}

.show-always {
  display: block;
}

.show-never {
  display: none !important;
}

.show-desktop {
  display: block;
}

.show-mobile {
  display: none;
}

@media screen and (max-width: 48rem) {
  .show-desktop {
    display: none;
  }

  .show-mobile {
    display: block;
  }
}

.index-carousel__wrapper {
  position: relative;
}

.index-carousel__bk {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.index-carousel__bk--wrapper {
  position: relative;
}

.index-carousel__bk--item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80vh;
  opacity: 0;
  -webkit-transition: opacity 1.5s ease;
  transition: opacity 1.5s ease;
}

.index-carousel__bk--item.bk-current {
  opacity: 1;
}

.index-carousel__bk--item.grunge {
  background-image: url(beans-left.png?v15ccfc1c2a8),
    url(beans-right.png?v15ccfc1ce60), url(grunge.png?v15ccfc1c690);
  background-size: 30%, 30%, 100%;
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: -21% 90%, 122% 20%, top;
}

.index-carousel__bk--item-image {
  width: 100%;
  height: 100%;
}

.index-carousel__main {
  position: relative;
}

.index-carousel__main--item {
  height: 80vh;
  padding-bottom: 40px;
}

.index-carousel__main--item-wrapper {
  height: 100%;
  max-width: 1440px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto;
  padding: 108px 200px 40px;
}

@media screen and (max-width: 90rem) {
  .index-carousel__main--item-wrapper {
    max-width: none;
    padding: 108px 14% 40px;
  }
}

.index-carousel__main--item-image {
  width: 35%;
  margin: 0 auto 0 0;
}

.index-carousel__main--item-headings {
  width: 60%;
  margin: 0 0 0 auto;
}

.index-carousel__main--item-headings h1 {
  font-size: 4rem;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  line-height: 1.125;
  letter-spacing: 0.0625rem;
}

@media all and (min-width: 60rem) and (max-width: 89.9375rem) {
  .index-carousel__main--item-headings h1 {
    font-size: calc(2.625rem + 22 * (100vw - 60rem) / 480);
  }
}

@media all and (max-width: 59.9375rem) {
  .index-carousel__main--item-headings h1 {
    font-size: 2.625rem;
  }
}

.index-carousel__main--item-headings h1 span {
  display: block;
}

.index-carousel__main--item-headings h3 {
  margin: 30px 0;
  font-family: countach, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 100;
  text-transform: none;

  line-height: 1;
  text-align: left;
  letter-spacing: 0.08em;
}

@media all and (min-width: 60rem) and (max-width: 89.9375rem) {
  .index-carousel__main--item-headings h3 {
    font-size: calc(1.25rem + 4 * (100vw - 60rem) / 480);
  }
}

@media all and (max-width: 59.9375rem) {
  .index-carousel__main--item-headings h3 {
    font-size: 1.25rem;
  }
}

.index-carousel__main--item-headings h3 span {
  display: block;
}

.index-carousel__main--item-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px;
}

.index-carousel__main--item-cta_button {
  width: 46%;
  max-width: 136px;
}

.index-carousel__main--item-cta .btn {
  margin: auto 0;
  padding: 16px 13px;
}

.index-carousel__main--item-cta .collection-view-button {
  margin-left: 1rem;
}

.index-carousel__nav {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.index-carousel__nav--item,
.index-carousel__nav--item-wrapper {
  -webkit-transition: background-color 0.24s ease;
  transition: background-color 0.24s ease;
}

.index-carousel__nav--item-wrapper {
  height: 40px;
  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;
  margin: auto;
  cursor: pointer;
}

@media screen and (max-width: 50rem) {
  .index-carousel__nav--item-wrapper {
    background-color: #000;
  }
}

.index-carousel__nav--item-wrapper h1 {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  color: hsla(0, 0%, 100%, 0.6);
  -webkit-transition: color 0.24s ease;
  transition: color 0.24s ease;
}

.index-carousel__nav--item.slick-current {
  background-color: transparent !important;
}

.index-carousel__nav--item.slick-current .index-carousel__nav--item-wrapper {
  background-color: transparent;
}

.index-carousel__nav--item.slick-current .index-carousel__nav--item-wrapper h1 {
  color: #fff;
}

@media screen and (max-width: 50rem) {
  .index-carousel__bk--item {
    height: 750px;
  }

  .index-carousel__bk--item.grunge {
    background-size: 40%, 40%, 100%;
    background-position: -21% 45%, 122% 16%, top;
  }

  .index-carousel__main--item {
    height: 750px;
  }

  .index-carousel__main--item-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 70px 14% 40px;
  }

  .index-carousel__main--item-image {
    width: 330px;
    margin: auto auto 10px;
  }

  .index-carousel__main--item-image img {
    margin: 0 auto;
  }

  .index-carousel__main--item-headings {
    width: 100%;
    margin: -24px auto auto;
  }

  .index-carousel__main--item-headings h1,
  .index-carousel__main--item-headings h3 {
    text-align: center;
  }

  .index-carousel__main--item-cta {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .index-carousel__nav {
    position: absolute;
    bottom: -1;
  }

  .index-carousel__nav--item-wrapper {
    background-color: #000;
  }

  .index-carousel__nav--item-wrapper h1 {
    font-size: 0.625rem;
  }
}

@media screen and (max-width: 37.5rem) {
  .index-carousel__main--item-headings h3 {
    font-size: 0.9rem;
    line-height: 1.2;
    margin: 12px 0;
  }
}

@media screen and (max-width: 31.25rem) {
  .index-carousel__bk--item.grunge {
    background-size: 60%, 60%, 100%;
    background-position: -80% 42%, 170% 16%, top;
  }
  .index-carousel__bk--item,
  .index-carousel__main--item {
    height: 84vh;
    height: 500px;
  }

  .index-carousel__main--item-wrapper {
    padding: 40px 14%;
  }

  .index-carousel__main--item-image {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
  }

  .index-carousel__main--item-headings {
    margin-top: -10px;
  }

  .index-carousel__main--item-headings h1 {
    font-size: 2rem;
  }

  .index-carousel__main--item-cta {
    margin-top: 20px;
  }

  .index-carousel__main--item-cta .btn {
    width: 46%;
  }

  .index-carousel__nav--item-wrapper h1 {
    font-size: 0.75rem;
    padding: 0 7px;
  }
}

@media screen and (max-width: 26.25rem) {
  .index-carousel__bk--item,
  .index-carousel__main--item {
    height: 40vh;
    height: 500px;
  }

  .index-carousel__main--item-headings h1 {
    font-size: 1.55rem;
  }
}

@media screen and (max-width: 20rem) {
  .index-carousel__main--item-image {
    margin-top: 0;
  }

  .index-carousel__main--item-headings {
    margin-top: -18px;
  }

  .index-carousel__main--item-headings h1 {
    font-size: 1.25rem;
  }

  .index-carousel__main--item-wrapper {
    padding: 20px 4%;
  }

  .index-carousel__main--item-cta .btn {
    padding: 12px 13px;
  }
}

.lifestyle-carousel {
  background: #d3d3d3;
}

.lifestyle-carousel__wrap {
  position: relative;
}

.lifestyle-carousel__item {
  height: 80vh;
}

.lifestyle-carousel__item--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}

.lifestyle-carousel__content {
  max-width: 800px;
  padding: 84px;
}

.lifestyle-carousel__header {
  padding: 24px 0;
}

.lifestyle-carousel__buttons span {
  display: inline-block;
}

.lifestyle-carousel__buttons span:nth-child(2) {
  margin-top: 0;
  margin-left: 24px;
}

.lifestyle-carousel__buttons span .btn {
  min-width: 190px;
}

.lifestyle-carousel .top-left {
  margin: 0 auto auto 0;
}

.lifestyle-carousel .top-center {
  margin: 0 auto auto;
}

.lifestyle-carousel .top-right {
  margin: 0 0 auto auto;
}

.lifestyle-carousel .center-left {
  margin: auto auto auto 0;
}

.lifestyle-carousel .center-center {
  margin: auto;
}

.lifestyle-carousel .center-right {
  margin: auto 0 auto auto;
}

.lifestyle-carousel .bottom-left {
  margin: auto auto 0 0;
}

.lifestyle-carousel .bottom-center {
  margin: auto auto 0;
}

.lifestyle-carousel .bottom-right {
  margin: auto 0 0 auto;
}

.lifestyle-carousel .align-left {
  text-align: left;
}

.lifestyle-carousel .align-center {
  text-align: center;
}

.lifestyle-carousel .align-right {
  text-align: right;
}

.lifestyle-carousel .slick-next,
.lifestyle-carousel .slick-prev {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDEuMSAxNDQuMiI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gIAogICAgLnN0MHtmaWxsOiNGRkZGRkYgO30KPC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzEuMSA2Mi4yYzMgMCA0LjggMCA2LjYgMCAzMCAwIDYwIDAgODkuOSAwIDEuNSAwIDMtMC4xIDQuNSAwLjEgNS40IDAuNyA5LjEgNC45IDkgMTAuMiAtMC4xIDUuMy00LjEgOS4zLTkuNiA5LjUgLTUuMiAwLjItMTAuMyAwLjEtMTUuNSAwIC0yNi4xIDAtNTIuMyAwLTc4LjQgMCAtMS44IDAtMy41IDAtNi41IDAgOCA5LjYgMTUuMyAxOC40IDIyLjYgMjcuMSA1IDYgMTAuMSAxMiAxNSAxOCA0LjIgNS4xIDMuOSAxMC44LTAuNiAxNC42IC00LjQgMy43LTEwLjMgMy4xLTE0LjUtMS45QzM2LjggMTE5LjcgMTkuOSA5OS41IDMuMSA3OS4zYy00LjItNS00LjEtOS40IDAtMTQuNEMxOS44IDQ0LjcgMzYuNiAyNC43IDUzLjQgNC42YzQuNC01LjMgMTAuNC02LjEgMTQuOS0yLjIgNC41IDMuOSA0LjYgOS42IDAuMSAxNUM1Ni4yIDMyIDQ0LjEgNDYuNiAzMS4xIDYyLjJ6Ii8+PC9zdmc+");
  background-color: hsla(0, 0%, 100%, 0.2);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 50%;
  border-radius: 100%;
  z-index: 1;
}

.lifestyle-carousel .slick-next:before,
.lifestyle-carousel .slick-prev:before {
  content: "";
}

.lifestyle-carousel .slick-next:hover,
.lifestyle-carousel .slick-prev:hover {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDEuMSAxNDQuMiI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gIAogICAgLnN0MHtmaWxsOiMwMDAgO30KPC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzEuMSA2Mi4yYzMgMCA0LjggMCA2LjYgMCAzMCAwIDYwIDAgODkuOSAwIDEuNSAwIDMtMC4xIDQuNSAwLjEgNS40IDAuNyA5LjEgNC45IDkgMTAuMiAtMC4xIDUuMy00LjEgOS4zLTkuNiA5LjUgLTUuMiAwLjItMTAuMyAwLjEtMTUuNSAwIC0yNi4xIDAtNTIuMyAwLTc4LjQgMCAtMS44IDAtMy41IDAtNi41IDAgOCA5LjYgMTUuMyAxOC40IDIyLjYgMjcuMSA1IDYgMTAuMSAxMiAxNSAxOCA0LjIgNS4xIDMuOSAxMC44LTAuNiAxNC42IC00LjQgMy43LTEwLjMgMy4xLTE0LjUtMS45QzM2LjggMTE5LjcgMTkuOSA5OS41IDMuMSA3OS4zYy00LjItNS00LjEtOS40IDAtMTQuNEMxOS44IDQ0LjcgMzYuNiAyNC43IDUzLjQgNC42YzQuNC01LjMgMTAuNC02LjEgMTQuOS0yLjIgNC41IDMuOSA0LjYgOS42IDAuMSAxNUM1Ni4yIDMyIDQ0LjEgNDYuNiAzMS4xIDYyLjJ6Ii8+PC9zdmc+");
  background-color: #fff;
}

.lifestyle-carousel .slick-prev {
  left: 24px;
}

.lifestyle-carousel .slick-next {
  right: 24px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media screen and (max-width: 37.5rem) {
  .lifestyle-carousel__content {
    max-width: 90vw;
    max-height: 60vh;
    padding: 32px 32px 76px;
    overflow: hidden;
  }

  .lifestyle-carousel__header {
    padding: 18px 0;
  }

  .lifestyle-carousel__buttons span {
    display: block;
  }

  .lifestyle-carousel__buttons span:last-child {
    margin-top: 24px;
    margin-left: 0;
  }

  .lifestyle-carousel .bottom-center,
  .lifestyle-carousel .bottom-left,
  .lifestyle-carousel .bottom-right,
  .lifestyle-carousel .center-left,
  .lifestyle-carousel .center-right,
  .lifestyle-carousel .top-center,
  .lifestyle-carousel .top-left,
  .lifestyle-carousel .top-right {
    margin: auto;
  }

  .lifestyle-carousel .align-left,
  .lifestyle-carousel .align-right {
    text-align: center;
  }

  .lifestyle-carousel .slick-dots {
    bottom: 24px;
    width: 100%;
    text-align: center;
  }

  .lifestyle-carousel .slick-dots li button:before {
    background-color: transparent;
    border: 2px solid #fff;
    opacity: 0.6;
  }

  .lifestyle-carousel .slick-dots li.slick-active button:before {
    background-color: #fff;
  }
}

.home-columns-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1440px;
  margin: 0 auto;
  padding: 60px 48px;
}

.home-columns .home-column {
  width: 32%;
  margin: 0 auto;
}

.home-columns .home-column__heading {
  font-size: 3rem;
  margin-top: 40px;
  padding: 0 20px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  font-family: countach, Helvetica, Arial, sans-serif;
}

@media all and (min-width: 60rem) and (max-width: 89.9375rem) {
  .home-columns .home-column__heading {
    font-size: calc(2rem + 16 * (100vw - 60rem) / 480);
  }
}

@media all and (max-width: 59.9375rem) {
  .home-columns .home-column__heading {
    font-size: 2rem;
  }
}

.home-columns .home-column__heading span {
  font-weight: 400;
  text-transform: capitalize;
}

.home-columns .home-column__heading.italicize {
  font-style: italic;
}

.home-columns .home-column__image {
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 56.25rem) {
  .home-columns .home-column {
    margin-bottom: 40px;
  }

  .home-columns .home-column__heading {
    margin-top: 24px;
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 37.5rem) {
  .home-columns-wrapper {
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
  }

  .home-columns .home-column {
    width: 100%;
  }
}

.index--product-focus {
  padding: 48px 0;
  margin: 0 auto;
  color: #fff;
}

.index--product-focus__wrapper {
  width: 90vw;
  max-width: 1440px;
  margin: auto;
}

.index--product-focus__wrapper .desktop {
  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;
  margin: auto;
}

.index--product-focus__wrapper .mobile {
  display: none;
}

.index--product-focus__image {
  width: 50%;
  padding: 16px 0;
}

.index--product-focus__image img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  border: 0;
}

.index--product-focus__content {
  width: 50%;
  margin: auto;
  padding: 0 100px 0 36px;
}

.index--product-focus__header {
  padding-bottom: 24px;
  font-size: 3rem;
  line-height: 3rem;
  text-transform: uppercase;
}

@media all and (min-width: 60rem) and (max-width: 89.9375rem) {
  .index--product-focus__header {
    font-size: calc(2rem + 16 * (100vw - 60rem) / 480);
  }
}

@media all and (max-width: 59.9375rem) {
  .index--product-focus__header {
    font-size: 2rem;
  }
}

.index--product-focus__text {
  padding-bottom: 32px;
  font-family: countach, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.75;
}

@media all and (min-width: 60rem) and (max-width: 89.9375rem) {
  .index--product-focus__text {
    font-size: calc(0.75rem + 4 * (100vw - 60rem) / 480);
  }
}

@media all and (max-width: 59.9375rem) {
  .index--product-focus__text {
    font-size: 0.75rem;
  }
}

.index--product-focus__btn {
  margin: 0 auto auto;
}

.index--product-focus__btn .price {
  margin-left: 24px;
}

@media screen and (max-width: 60rem) {
  .index--product-focus__content {
    padding-right: 16px;
  }
}

@media screen and (max-width: 50rem) {
  .index--product-focus__wrapper {
    width: 86vw;
  }

  .index--product-focus__wrapper .desktop {
    display: none;
  }

  .index--product-focus__wrapper .mobile {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
  }

  .index--product-focus__image {
    width: 100%;
  }

  .index--product-focus__btn,
  .index--product-focus__header,
  .index--product-focus__subneader {
    width: 100%;
    text-align: center;
  }

  .index--product-focus__header {
    font-size: 1.75rem;
  }

  .index--product-focus__subheader {
    font-size: 1.25rem;
    padding-bottom: 32px;
    font-weight: 700;
  }

  .index--product-focus__text {
    font-size: 1rem;
  }
}

@media screen and (max-width: 27.5rem) {
  .index--product-focus__btn,
  .index--product-focus__header,
  .index--product-focus__text {
    padding: 14px 0;
  }

  .index--product-focus__header {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }

  .index--product-focus__text {
    font-size: 0.9375rem;
  }

  .index--product-focus__btn {
    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: 0;
  }

  .index--product-focus__btn .price,
  .index--product-focus__btn a {
    margin: auto;
  }
}

.index-collage {
  width: 100%;
  padding: 48px 0;
  background-size: contain;
  background-repeat: repeat-x;
  background-position: 50%;
}

.index-collage__wrapper h1 {
  font-size: 3rem;
  text-transform: uppercase;
  line-height: 2.5rem;
  text-align: center;
}

@media all and (min-width: 60rem) and (max-width: 89.9375rem) {
  .index-collage__wrapper h1 {
    font-size: calc(2rem + 16 * (100vw - 60rem) / 480);
  }
}

@media all and (max-width: 59.9375rem) {
  .index-collage__wrapper h1 {
    font-size: 2rem;
  }
}

.index-collage__wrapper h3 {
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1.5;
  text-align: center;
  font-weight: 400;
  margin-top: 24px;
}

@media all and (min-width: 60rem) and (max-width: 89.9375rem) {
  .index-collage__wrapper h3 {
    font-size: calc(0.75rem + 4 * (100vw - 60rem) / 480);
  }
}

@media all and (max-width: 59.9375rem) {
  .index-collage__wrapper h3 {
    font-size: 0.75rem;
  }
}

.index-collage__wrapper h1,
.index-collage__wrapper h3 {
  width: 90vw;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.index-collage__blocks {
  position: relative;
  width: 90vw;
  max-width: 1440px;
  height: 90vw;
  max-height: 1440px;
  margin: 48px auto 0;
}

.index-collage__block {
  position: absolute;
  margin: 0;
  padding: 0;
}

.index-collage__block a {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.index-collage__block.block_small {
  width: 25%;
  height: 25%;
}

.index-collage__block.block_large {
  width: 50%;
  height: 50%;
}

.index-collage__block.block_1 {
  top: 0;
  left: 0;
}

.index-collage__block.block_2 {
  top: 0;
  left: 25%;
}

.index-collage__block.block_3 {
  top: 0;
  left: 50%;
}

.index-collage__block.block_4 {
  top: 0;
  right: 0;
}

.index-collage__block.block_5 {
  top: 25%;
  left: 0;
}

.index-collage__block.block_6 {
  top: 25%;
  left: 50%;
}

.index-collage__block.block_7 {
  top: 25%;
  right: 0;
}

.index-collage__block.block_8 {
  bottom: 0;
  right: 0;
}

.index-collage__block.block_9 {
  bottom: 0;
  left: 0;
}

.index-collage__block.block_10 {
  bottom: 0;
  left: 25%;
}

@media screen and (max-width: 50rem) {
  .index-collage__wrapper h1,
  .index-collage__wrapper h3 {
    width: 86vw;
  }

  .index-collage__wrapper h1 {
    padding-top: 0;
    margin-bottom: 32px;
    font-size: 1.75rem;
  }

  .index-collage__wrapper h3 {
    margin-bottom: 24px;
    font-size: 1rem;
  }
}

@media screen and (max-width: 48rem) {
  .index-collage__blocks {
    height: auto;
    max-height: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .index-collage__block {
    position: relative;
    margin: 0 auto;
    padding: 0;
  }

  .index-collage__block.block_large,
  .index-collage__block.block_small {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    width: 50%;
    height: 45vw;
  }

  .index-collage__block.block_1,
  .index-collage__block.block_2,
  .index-collage__block.block_3,
  .index-collage__block.block_4,
  .index-collage__block.block_5,
  .index-collage__block.block_6,
  .index-collage__block.block_7,
  .index-collage__block.block_8,
  .index-collage__block.block_9,
  .index-collage__block.block_10 {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .index-collage__block.block_hide {
    display: none;
  }
}

@media screen and (max-width: 27.5rem) {
  .index-collage__wrapper {
    min-height: 100vh;
  }

  .index-collage__wrapper h1 {
    font-size: 2rem;
  }

  .index-collage__wrapper h3 {
    font-size: 0.8125rem;
  }

  .index-collage__blocks {
    width: 86vw;
  }
}

.index-faq {
  color: #fff;
  padding: 48px 36px;
  background: #8c6239;
}

.index-faq__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 65%;
  margin: 0 auto;
}

.index-faq__wrapper h1 {
  margin-bottom: 48px;
  font-size: 3rem;
  text-transform: uppercase;
  line-height: 1.5;
  text-align: center;
}

@media all and (min-width: 60rem) and (max-width: 89.9375rem) {
  .index-faq__wrapper h1 {
    font-size: calc(2rem + 16 * (100vw - 60rem) / 480);
  }
}

@media all and (max-width: 59.9375rem) {
  .index-faq__wrapper h1 {
    font-size: 2rem;
  }
}

.index-faq__wrapper h3 {
  margin-bottom: 100px;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1.5;
  text-align: center;
}

@media all and (min-width: 60rem) and (max-width: 89.9375rem) {
  .index-faq__wrapper h3 {
    font-size: calc(0.75rem + 4 * (100vw - 60rem) / 480);
  }
}

@media all and (max-width: 59.9375rem) {
  .index-faq__wrapper h3 {
    font-size: 0.75rem;
  }
}

.index-faq__item {
  border-bottom: 2px solid hsla(0, 0%, 100%, 0.08);
}

.index-faq__item--question {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-height: 96px;
  cursor: pointer;
  margin: 8px 0;
}

.index-faq__item--question,
.index-faq__item--question .plus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.index-faq__item--question .plus {
  margin: auto 0;
  width: 50px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.index-faq__item--question .plus .icon {
  width: 28px;
  height: 28px;
}

.index-faq__item--question .plus .icon-faq {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.index-faq__item--question .plus .icon-faq .faq-plus {
  fill: #fff;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.index-faq__item--question .plus .icon-faq .faq-circle {
  fill: #222;
  opacity: 0.24;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.index-faq__item--question .plus.open .icon-faq {
  -webkit-transform: none;
  transform: none;
}

.index-faq__item--question .plus.open .icon-faq .faq-plus {
  fill: #222;
}

.index-faq__item--question .plus.open .icon-faq .faq-circle {
  fill: #f8c214;
  opacity: 1;
}

.index-faq__item--question .question--text {
  width: 90%;
  margin: auto 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
}

@media all and (min-width: 50rem) and (max-width: 56.1875rem) {
  .index-faq__item--question .question--text {
    font-size: calc(1.125rem + 6 * (100vw - 50rem) / 100);
  }
}

@media all and (max-width: 49.9375rem) {
  .index-faq__item--question .question--text {
    font-size: 1.125rem;
  }
}

.index-faq__item--answer {
  overflow: hidden;
  height: 0;
  opacity: 0;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.index-faq__item--answer.open {
  height: auto;
  opacity: 1;
}

.index-faq__item--answer__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.index-faq__item--answer__wrapper .blank {
  margin: auto 0;
  width: 50px;
}

.index-faq__item--answer__wrapper .answer--text {
  width: 90%;
  margin: auto 0;
  padding-bottom: 36px;
  font-size: 1rem;
  line-height: 2;
  color: #fff;
}

.index-faq__item--answer__wrapper .answer--text p {
  margin-bottom: 24px;
}

@media screen and (max-width: 50rem) {
  .index-faq__wrapper {
    width: 80%;
  }

  .index-faq__wrapper h1 {
    padding-top: 36px;
    margin-bottom: 24px;
    font-size: 1.75rem;
  }

  .index-faq__wrapper h3 {
    margin-bottom: 24px;
    font-size: 1rem;
  }

  .index-faq__item--question .question--text {
    font-size: 1.125rem;
  }

  .index-faq__item--answer__wrapper .answer--text {
    font-size: 1rem;
  }
}

@media screen and (max-width: 27.5rem) {
  .index-faq {
    padding: 18px 0 28px;
  }

  .index-faq__wrapper {
    width: 90%;
  }

  .index-faq__wrapper h1 {
    font-size: 2rem;
  }

  .index-faq__wrapper h3 {
    font-size: 0.8125rem;
  }

  .index-faq__item--question {
    min-height: 76px;
  }

  .index-faq__item--question .plus {
    width: 48px;
    margin-right: 4px;
  }

  .index-faq__item--question .question--text {
    line-height: 1.4;
  }

  .index-faq__item--answer__wrapper .answer--text {
    padding-bottom: 36px;
    font-size: 1rem;
    line-height: 2;
  }

  .index-faq__item--answer__wrapper .answer--text p {
    margin-bottom: 0;
  }
}

.index--story {
  min-height: 600px;
  padding: 48px 0;
  margin: 0 auto;
  color: #fff;
  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;
}

.index--story__wrapper {
  width: 90vw;
  max-width: 1440px;
  margin: auto;
}

.index--story__wrapper .desktop {
  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;
  margin: auto;
}

.index--story__wrapper .mobile {
  display: none;
}

.index--story__content {
  width: 50%;
  margin: auto;
  padding: 0 100px 0 36px;
}

.index--story__image {
  width: 50%;
  padding: 16px 0;
}

.index--story__image img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  border: 0;
}

.index--story__header {
  padding-bottom: 24px;
  margin: auto auto 0;
  font-size: 3rem;
  line-height: 1.167;
  text-transform: uppercase;
}

@media all and (min-width: 60rem) and (max-width: 89.9375rem) {
  .index--story__header {
    font-size: calc(2rem + 16 * (100vw - 60rem) / 480);
  }
}

@media all and (max-width: 59.9375rem) {
  .index--story__header {
    font-size: 2rem;
  }
}

.index--story__text {
  padding-bottom: 32px;
  margin: 0 auto;
  font-family: countach, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.75;
}

@media all and (min-width: 60rem) and (max-width: 89.9375rem) {
  .index--story__text {
    font-size: calc(0.75rem + 4 * (100vw - 60rem) / 480);
  }
}

@media all and (max-width: 59.9375rem) {
  .index--story__text {
    font-size: 0.75rem;
  }
}

.index--story__btn {
  margin: 0 auto auto;
}

@media screen and (max-width: 60rem) {
  .index--story__content {
    padding-right: 16px;
  }
}

@media screen and (max-width: 50rem) {
  .index--story__wrapper {
    width: 86vw;
  }

  .index--story__wrapper .desktop {
    display: none;
  }

  .index--story__wrapper .mobile {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
  }

  .index--story__image {
    width: 100%;
  }

  .index--story__btn,
  .index--story__header,
  .index--story__text {
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
  }

  .index--story__header {
    font-size: 1.75rem;
  }

  .index--story__text {
    font-size: 1rem;
    padding-bottom: 24px;
    padding-top: 24px;
  }
}

@media screen and (max-width: 27.5rem) {
  .index--story__btn,
  .index--story__header,
  .index--story__text {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .index--story__header {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }

  .index--story__text {
    font-size: 0.9375rem;
  }
}

.index--newsletter {
  background-color: #111;
}

.index--newsletter .contact-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 70vw;
  max-width: 960px;
  margin: auto;
}

.index--newsletter .contact-form label {
  width: 34%;
  margin: 0 auto 0 0;
}

.index--newsletter .contact-form label.h4 {
  color: #fff;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.5rem;
}

.index--newsletter .contact-form label span {
  display: block;
  margin-top: 8px;
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 300;
  letter-spacing: 0.1em;
  text-transform: capitalize;
}

.index--newsletter .contact-form .form-section {
  width: 62%;
  margin: 0 0 0 auto;
}

.index--newsletter .contact-form .newsletter__input {
  font-size: 0.75rem;
  font-family: gotham, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  line-height: 1.333;
  color: #000;
}

.index--newsletter .contact-form .newsletter__input:-moz-placeholder,
.index--newsletter .contact-form .newsletter__input:-ms-input-placeholder,
.index--newsletter .contact-form .newsletter__input::-moz-placeholder,
.index--newsletter .contact-form .newsletter__input::-webkit-input-placeholder {
  color: #a7a9ac;
}

.index--newsletter .contact-form .input-group {
  display: block;
  position: relative;
  background-color: #fff;
  overflow: hidden;
  border-radius: 2px;
  width: 99%;
  border: 0;
}

.index--newsletter .contact-form .input-group__btn,
.index--newsletter .contact-form .input-group__field {
  display: block;
}

.index--newsletter .contact-form .input-group__field {
  width: calc(100% - 72px);
  border: 0;
}

.index--newsletter
  .contact-form
  .input-group__field:focus
  + .input-group__btn
  button:hover:after {
  -webkit-transform: translateX(-15px);
  transform: translateX(-15px);
}

.index--newsletter .contact-form .newsletter-info {
  margin-top: 8px;
}

.index--newsletter .contact-form .input-group__btn {
  width: 78px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 2px;
  background-color: #fff;
}

.index--newsletter .contact-form .input-group__btn .newsletter__submit {
  margin: 0 -7px 0 12px;
  padding-left: 26px;
  -webkit-transform: skew(-14deg);
  transform: skew(-14deg);
  -webkit-transition: padding-left 0.2s ease-in-out;
  transition: padding-left 0.2s ease-in-out;
  position: relative;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.index--newsletter .contact-form .input-group__btn .newsletter__submit:after {
  content: "";
  width: 20px;
  z-index: 99;
  height: 115%;
  position: absolute;
  top: -3px;
  left: 0;
  background-color: #f3be00;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.index--newsletter .contact-form .input-group__btn .newsletter__submit span,
.index--newsletter .contact-form .input-group__btn .newsletter__submit svg {
  -webkit-transform: skew(14deg);
  transform: skew(14deg);
  fill: #fff;
}

.index--newsletter
  .contact-form
  .input-group__btn
  .newsletter__submit.btn__inactive {
  background: grey;
  border-color: grey;
}

.index--newsletter
  .contact-form
  .input-group__btn
  .newsletter__submit.btn__inactive:after {
  background-color: grey;
}

.index--newsletter.error #newsletter-email,
.index--newsletter.error .newsletter-info {
  color: #cc3314 !important;
}

.index--newsletter.error .contact-form .input-group__btn .newsletter__submit,
.index--newsletter.error
  .contact-form
  .input-group__btn
  .newsletter__submit.btn__inactive,
.index--newsletter.error .newsletter__submit:after {
  background: #cc3314 !important;
  border-color: #cc3314 !important;
}

.index--newsletter .errors {
  width: 60%;
  padding-left: 0;
  margin-left: 38%;
  border: none;
  background: transparent;
}

@media screen and (max-width: 50rem) {
  .index--newsletter {
    padding: 48px 0;
  }

  .index--newsletter .contact-form {
    width: 86vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .index--newsletter .contact-form .form-section,
  .index--newsletter .contact-form label {
    width: 100%;
    margin: auto;
  }

  .index--newsletter .contact-form label {
    margin-bottom: 32px;
    text-align: center;
  }

  .index--newsletter .contact-form label span {
    padding: 0;
  }
}

.index--grid {
  padding: 48px 0;
}

.index--grid__header {
  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;
  margin-bottom: 36px;
}

.index--grid__header .skewback {
  padding: 8px 24px;
  background: #000;
  -webkit-transform: skew(-14deg);
  transform: skew(-14deg);
}

.index--grid__header .skewback h1 {
  color: #fff;
  font-family: countach;
  font-size: 1rem;
  font-style: italic;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  -webkit-transform: skew(14deg);
  transform: skew(14deg);
}

@media all and (min-width: 60rem) and (max-width: 89.9375rem) {
  .index--grid__header .skewback h1 {
    font-size: calc(0.75rem + 4 * (100vw - 60rem) / 480);
  }
}

@media all and (max-width: 59.9375rem) {
  .index--grid__header .skewback h1 {
    font-size: 0.75rem;
  }
}

.index--grid__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 90vw;
  max-width: 1440px;
  margin: auto;
}

.index--grid.row3 .index--grid__item {
  width: 30vw;
  max-width: 480px;
  height: 30vw;
  max-height: 480px;
}

.index--grid.row4 .index--grid__item {
  width: 22.5vw;
  max-width: 360px;
  height: 22.5vw;
  max-height: 360px;
}

.index--grid__item {
  margin: 0;
}

.index--grid__item a {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}

@media screen and (max-width: 48rem) {
  .index--grid.row3 .index--grid__item,
  .index--grid.row4 .index--grid__item {
    width: 45vw;
    height: 45vw;
  }
}

@media screen and (max-width: 27.5rem) {
  .index--grid__wrap {
    width: 86vw;
  }

  .index--grid.row3 .index--grid__item,
  .index--grid.row4 .index--grid__item {
    width: 43vw;
    height: 43vw;
  }
}

.template-collection .page-container {
  min-height: 0;
}

.collection--hero {
  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;
  padding: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}

.collection--hero-block {
  width: 50%;
}

.collection--hero-image {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  max-width: 630px;
  float: right;
}
.collection--hero-image.oddit-hero,
.collection--hero-image.oddit-hero img {
  width: 100%;
}
.collection--grid-item_image a {
  padding-bottom: 100%;
  width: 100%;
  display: block;
}
.collection--hero-image img {
  display: block;
  margin-left: auto;
  padding-left: 80px;
  padding-right: 80px;
}

.collection--hero-content {
  margin: 0 auto;
  padding-right: 80px;
  padding-left: 48px;
}

.collection--hero-content_heading {
  line-height: 2.25rem;
  text-transform: uppercase;
}

.collection--hero-content_subheading {
  padding: 16px 0;
  text-transform: none;
  line-height: 1.75rem;
  max-width: 500px;
}

.collection--hero-content_subheading.on-sale {
  padding: 2px 16px;
  background-color: #cc3314;
  display: inline-block;
  color: #fff;
  font-size: 0.875rem;
  border-radius: 2px;
  font-weight: 800;
  font-style: italic;
  margin-bottom: 24px;
}

.collection--hero-content_bottom {
  padding-top: 16px;
}

.collection--hero-content_cta span {
  z-index: 3;
}

.collection--hero-content_cta .btn {
  width: 250px;
}

.collection--hero-content_price {
  padding-left: 18px;
  font-weight: 500;
  /* color: #cc3314*/
}

.collection--hero-content_price .sale-price {
  padding-left: 6px;
  color: #000;
  text-decoration: line-through;
}

.collection--hero .grunge {
  background: url(grunge.png?v15ccfc1c690);
  background-size: 100%;
  background-repeat: repeat-y;
  background-position: top;
}

@media screen and (max-width: 71.875rem) {
  .collection--hero-content_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .collection--hero-content_price {
    padding-left: 0;
    padding-bottom: 24px;
  }

  .collection--hero-content {
    padding-left: 24px;
    padding-right: 24px;
  }

  .collection--hero-content .btn {
    width: 250px;
  }
}

@media screen and (max-width: 50rem) {
  .collection--hero-wrapper {
    margin-bottom: 28px;
  }

  .collection--hero-image {
    z-index: 5;
    float: none;
  }

  .collection--hero-image img {
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 18px;
  }

  .collection--hero-content_subheading.on-sale {
    display: none;
  }

  .collection--hero-block {
    width: 100%;
    text-align: center;
  }

  .collection--hero-content {
    padding: 0 12px;
  }

  .collection--hero-content_heading {
    max-width: 95%;
    margin: 0 auto;
  }

  .collection--hero-content_subheading {
    max-width: 90%;
    margin: 0 auto;
  }

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

  .collection--hero-content_cta {
    width: 260px;
  }

  /*
    .collection--hero-content_price {
        display: none
    }*/
}

.collection--grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 36px 36px;
  padding: 0;
  opacity: 1;
  -webkit-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}

.collection--grid-heading {
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
  margin: 48px auto 38px;
}
/*
.template-collection {
    z-index: 1000001
}*/

.collection--tags-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.collection--tags-list_tag {
  list-style: none;
  display: inline;
  padding: 8px 20px;
  margin: 40px 16px;
  -webkit-transform: skew(-15deg);
  transform: skew(-15deg);
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  z-index: 3;
  background-color: transparent;
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  cursor: pointer;
}

.collection--tags-list_tag:hover {
  background-color: #100c12;
}

.collection--tags-list_tag:hover a {
  text-decoration: none;
  color: #fff;
}

.collection--tags .active {
  background-color: #100c12;
}

.collection--tags .active a {
  color: #fff;
}

.collection--tags_mobile {
  display: none;
}

.hideCollection {
  opacity: 0;
}

@media screen and (max-width: 50rem) {
  .collection--grid {
    padding: 0;
  }

  .collection--grid-heading {
    font-size: 1.75rem;
  }

  .collection--tags-list {
    display: none;
  }

  .collection--tags_mobile {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 22px 0 24px 12px;
    margin-top: 32px;
    border-top: 1px solid #f2f2f2;
    position: relative;
    font-size: 0.9375rem;
  }

  .collection--tags_mobile-wrapper {
    width: 260px;
    position: relative;
  }

  .collection--tags_mobile-wrapper:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 45%;
    margin-top: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0;
    border-color: #000 transparent;
    margin: auto;
  }

  .collection--tags_mobile-list {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #ebebeb;
    padding: 8px 90px 8px 16px;
    width: 260px;
    height: 55px;
    text-transform: uppercase;
    font-weight: 700;
  }

  .collection--tags_mobile-option {
    font-family: countach, Helvetica, Arial, sans-serif;
  }
}

.collection--grid-item {
  width: 33.33%;
  padding: 48px 48px 60px;
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-width: 300px;
}

.collection--grid-item:hover .collection--grid-item_image {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.collection--grid-item_title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.4rem;
  padding-bottom: 12px;
}

.collection--grid-item_image {
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 270px;
  margin: 0 auto;
}

.collection--grid-item_image-wrapper {
  max-width: 360px;
  /* overflow: hidden;*/
  padding-top: 6px;
}

.collection--grid-item_caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.collection--grid-item_caption-description {
  color: #fff;
  text-transform: none;
  text-align: center;
  font-size: 1rem;
  line-height: 1.8rem;
  padding-bottom: 36px;
}

.collection--grid-item_caption-button {
  width: 100%;
  /*height: 55px;*/
  max-width: 224px;
  min-width: 190px;
  font-size: 0.875rem;
}

.collection--grid-item_caption .prod-price {
  font-weight: 500;
}

.swag .collection--grid-item {
  /* background: -webkit-linear-gradient(left,#f5f5f5,#ebebeb)!important;
    background: linear-gradient(left,#f5f5f5,#ebebeb)!important */
  background: none;
}

.swag .collection--grid-item_caption-description {
  color: #000;
  width: 90%;
  margin: 0 auto;
}

.bundled_product {
  width: 50%;
  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;
  background: -webkit-linear-gradient(left, #f5f5f5, #ebebeb) !important;
  background: linear-gradient(left, #f5f5f5, #ebebeb) !important;
}

.bundled_product .collection--grid-item {
  padding: 70px 48px 82px;
  width: 100%;
}

.bundled_product .collection--grid-item_image-wrapper {
  max-width: 520px;
}

.bundled_product .collection--grid-item_caption-description {
  color: #000;
  width: 90%;
  margin: 0 auto;
}

.grunge {
  background: url(grunge.png?v15ccfc1c690);
  background-size: 100%;
  background-repeat: repeat-y;
  background-position: top;
}

@media screen and (max-width: 61.25rem) {
  .collection--grid-item {
    width: 50%;
  }
}

@media screen and (max-width: 56.25rem) {
  .bundled_product {
    width: 100%;
    background: -webkit-linear-gradient(top, #f5f5f5, #ebebeb) !important;
    background: linear-gradient(top, #f5f5f5, #ebebeb) !important;
  }

  .bundled_product_image-wrapper {
    width: 100%;
  }
}

@media screen and (max-width: 39rem) {
  .collection--grid-item {
    padding: 16px;
    padding: 32px;
    width: 100%;
  }

  .collection--grid-item_image-wrapper {
    width: 100%;
    /*-webkit-transform: scale(1.05);
        transform: scale(1.05)*/
  }

  .collection--grid-item_caption-button {
    max-width: 260px;
  }
}

.template-product #main {
  width: 100%;
  margin-top: 0;
}

.template-product .page-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: auto;
}

.template-product .product--wrapper {
  padding: 50px 0;
}

.template-product .product--form {
  max-width: 1080px;
}

.template-page #main {
  margin-top: 32px;
}

.content_page {
  width: 100%;
  max-width: 65%;
  margin: 0 auto;
  padding: 0 32px 88px;
  color: #111;
}

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

.content_page--header {
  width: 100%;
  max-height: 300px;
  height: 40vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-size: cover;
  background-position: 50%;
  margin-top: 7px;
}

.content_page--header_content {
  width: 100%;
  max-width: 1216px;
  margin: 0 auto;
  padding: 0 32px;
}

.content_page--header_content h1 {
  font-size: 3rem;
  margin: 0;
  color: #111;
  font-weight: 800;
  text-transform: uppercase;
}

@media all and (min-width: 60rem) and (max-width: 89.9375rem) {
  .content_page--header_content h1 {
    font-size: calc(2rem + 16 * (100vw - 60rem) / 480);
  }
}

@media all and (max-width: 59.9375rem) {
  .content_page--header_content h1 {
    font-size: 2rem;
  }
}

.content_page--map_header {
  width: 100%;
  margin-top: 7px;
}

.content_page--map_header iframe {
  width: 100%;
  max-width: 100%;
}

.content_page h1,
.content_page h2,
.content_page h3,
.content_page h4,
.content_page h5,
.content_page h6 {
  color: #111;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 32px;
  margin-top: 0;
}

.content_page h1 {
  font-size: 3rem;
}

@media all and (min-width: 60rem) and (max-width: 89.9375rem) {
  .content_page h1 {
    font-size: calc(2rem + 16 * (100vw - 60rem) / 480);
  }
}

@media all and (max-width: 59.9375rem) {
  .content_page h1 {
    font-size: 2rem;
  }
}

.content_page h2 {
  font-size: 2.25rem;
  font-weight: 400;
}

@media all and (min-width: 60rem) and (max-width: 89.9375rem) {
  .content_page h2 {
    font-size: calc(1.75rem + 8 * (100vw - 60rem) / 480);
  }
}

@media all and (max-width: 59.9375rem) {
  .content_page h2 {
    font-size: 1.75rem;
  }
}

.content_page h3 {
  font-size: 1.75rem;
  font-weight: 500;
  text-transform: capitalize;
}

@media all and (min-width: 60rem) and (max-width: 89.9375rem) {
  .content_page h3 {
    font-size: calc(1.5rem + 4 * (100vw - 60rem) / 480);
  }
}

@media all and (max-width: 59.9375rem) {
  .content_page h3 {
    font-size: 1.5rem;
  }
}

.content_page h4 {
  font-size: 1.25rem;
  margin-bottom: 16px;
}

.content_page h4,
.content_page h5 {
  font-weight: 400;
  letter-spacing: 0.03125rem;
}

.content_page h5 {
  font-size: 1.125rem;
}

.content_page h6 {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.03125rem;
}

.content_page h3,
.content_page h4,
.content_page h5 {
  font-weight: 400;
}

.content_page li,
.content_page p {
  color: #111;
}

.content_page p {
  font-size: 1rem;
  line-height: 1.75;
}

.content_page p + :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  margin-top: 18px;
}

.content_page * + h1,
.content_page * + h2,
.content_page * + h3,
.content_page * + h4,
.content_page * + h5,
.content_page * + h6 {
  margin-top: 40px;
}

.content_page dfn,
.content_page em,
.content_page i {
  font-style: italic;
}

.content_page b,
.content_page strong {
  font-weight: 700;
  font-weight: 800;
}

.content_page a {
  display: inline-block;
  position: relative;
  text-decoration: none;
  vertical-align: baseline;
  border: none;
  line-height: 1;
  color: #111;
}

.content_page a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  z-index: -1;
  width: 100%;
  height: 2px;
  background: rgba(0, 0, 0, 0.15);
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}

.content_page a:hover:before {
  background: #f3be00;
}

.content_page .social-link:before {
  height: 0;
}

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

.content_page img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 18px;
}

.content_page svg {
  height: 45px;
  margin-right: 48px;
  text-decoration: none;
  border-bottom: 0;
  -webkit-transition: fill 0.2s ease-in-out;
  transition: fill 0.2s ease-in-out;
}

.content_page svg:hover {
  fill: #f3be00;
}

.content_page hr {
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.16);
  margin: 55px 0;
  border: none;
}

.content_page hr.sg--divider {
  height: 5px;
  border-radius: 5px;
  overflow: hidden;
  background: -webkit-repeating-linear-gradient(
    left,
    #000,
    #000 10px,
    #f8bc15 0,
    #f8bc15 20px
  );
  background: repeating-linear-gradient(
    90deg,
    #000,
    #000 10px,
    #f8bc15 0,
    #f8bc15 20px
  );
}

.content_page ol,
.content_page ul {
  margin-left: 48px;
}

.content_page ol li,
.content_page ul li {
  margin-bottom: 6px;
  line-height: 1.25;
}

.content_page ol ol,
.content_page ol ul,
.content_page ul ol,
.content_page ul ul {
  margin-left: 36px;
}

.content_page ul {
  list-style: disc outside;
}

.content_page ul ul {
  list-style: circle outside;
  margin-top: 6px;
  margin-bottom: 8px;
}

.content_page ol {
  list-style: decimal;
}

.content_page ol ol {
  list-style: upper-roman;
  margin-top: 6px;
  margin-bottom: 8px;
}

.content_page ol ol ol {
  list-style: lower-roman;
}

.content_page .video_wrapper {
  position: relative;
  max-width: 100%;
  height: 0;
  height: auto;
  overflow: hidden;
  padding-bottom: 56.25%;
  margin: 0 auto 24px;
}

.content_page .video_wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.content_page .split-content {
  margin-bottom: 36px;
}

.content_page .split-content.fifty-fifty {
  width: 50%;
  float: left;
}

.content_page .map-wrapper {
  width: 100%;
}

.content_page .map-wrapper iframe {
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 60rem) {
  .content_page {
    max-width: 90vw;
    padding: 0 32px 32px;
  }
}

@media screen and (max-width: 47.9375rem) {
  .content_page .split-content.fifty-fifty {
    width: 100%;
    float: none;
  }
}

@media screen and (max-width: 31.25rem) {
  .content_page {
    max-width: 86vw;
    padding: 0 0 32px;
  }
}

.template-404 .content-wrap {
  display: block;
}

.template-404 .error-page {
  max-width: 450px;
  margin: 0 auto;
}

.template-404 .error-page__header {
  font-size: 7rem;
  text-align: center;
  margin-bottom: 38px;
}

.template-404 .error-page__header > span {
  display: inline-block;
  vertical-align: bottom;
  width: 110px;
  height: 110px;
  margin: 0 5px;
  background: url(404-spinner.png?v15ccfc18428) no-repeat;
  background-size: contain;
  -webkit-animation: e 1s linear infinite forwards;
  animation: e 1s linear infinite forwards;
  -webkit-animation: f 1s linear infinite alternate;
  animation: f 1s linear infinite alternate;
}

.template-404 .error-page__copy {
  text-align: center;
}

@-webkit-keyframes e {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes e {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@-webkit-keyframes f {
  0% {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
  }

  to {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
  }
}

@keyframes f {
  0% {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
  }

  to {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
  }
}

.template-customers-account .container,
.template-customers-addresses .container,
.template-customers-login .container,
.template-customers-order .container,
.template-customers-register .container,
.template-customers-reset_password .container {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}

.account_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1216px;
  margin: 0 auto;
  padding: 88px 48px 0;
}

.account_wrapper .account_nav {
  width: 30%;
  max-width: 280px;
  margin-right: auto;
}

.account_wrapper .account_nav--header {
  margin-bottom: 48px;
}

.account_wrapper .account_nav--main_heading {
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-bottom: 18px;
  padding-left: 12px;
}

.account_wrapper .account_nav--sub_heading {
  font-size: 0.875rem;
  text-transform: uppercase;
  padding-left: 12px;
}

.account_wrapper .account_nav--link,
.account_wrapper .account_nav--links {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.account_wrapper .account_nav--link {
  margin-bottom: 2px;
}

.account_wrapper .account_nav--link a {
  display: block;
  color: #222;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 800;
  padding: 17px;
  line-height: 1;
  border-radius: 3px;
  background: #fff;
  -webkit-transition: background 0.24s ease;
  transition: background 0.24s ease;
  -webkit-transition-property: background, color;
  transition-property: background, color;
}

.account_wrapper .account_nav--link a:hover {
  text-decoration: none;
}

.account_wrapper .account_nav--link:hover a {
  background: #ececec;
  background: hsla(0, 0%, 88%, 0.35);
}

.account_wrapper .account_nav--link.active a {
  color: #fff;
  background: #f3be00;
}

.account_data {
  width: calc(70% - 43px);
}

.account_data--heading {
  margin-bottom: 18px;
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-top: 0;
  color: #222;
}

.account_data--no_orders {
  font-size: 1rem;
}

.account_data table {
  width: 100%;
}

@media screen and (min-width: 48rem) and (max-width: 60rem) {
  .account_wrapper {
    padding-top: 48px;
  }
}

@media screen and (max-width: 48rem) {
  .account_wrapper {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 48px 24px;
  }

  .account_wrapper .account_nav {
    width: 100%;
    overflow: auto;
    max-width: none;
    margin: 0 0 48px;
  }

  .account_wrapper .account_nav--header {
    margin-bottom: 32px;
  }

  .account_wrapper .account_nav--links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
  }

  .account_wrapper .account_nav--link {
    text-align: center;
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  .account_wrapper .account_nav--link a {
    font-size: 1rem;
    padding: 12px 8px;
    margin-right: 2px;
  }

  .account_data {
    width: 100%;
  }
}

@media screen and (max-width: 37.4375rem) {
  .logout_link {
    display: none;
  }
}

.login_data {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  max-width: 1216px;
  margin: 0 auto;
  padding: 88px 48px 48px;
}

.login_data #create-customer,
.login_data #customer,
.login_data #recover-password {
  width: calc(50% - 80px);
  max-width: 400px;
}

.login_data #create-customer a:hover,
.login_data #customer a:hover,
.login_data #recover-password a:hover {
  text-decoration: none;
}

.login_data--reset {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

.login_data--heading {
  width: 100%;
  margin-bottom: 37px;
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 1.25;
  color: #111;
}

.login_data--heading.reset {
  margin-bottom: 12px;
}

.login_data--subheading {
  font-size: 1.125rem;
  margin-bottom: 37px;
}

.login_data #forgot_password,
.login_data .cancel_reset {
  display: block;
  text-align: center;
  margin-top: 30px;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 800;
}

.login_data #forgot_password a,
.login_data .cancel_reset a {
  color: #111;
}

.login_data .errors {
  padding: 0;
  margin-left: 0;
  width: auto;
}

.login_data .login {
  margin: 0;
  padding: 0;
}

.login_data .login li {
  margin-bottom: 4px;
}

.login_data .login--input_group {
  position: relative;
  margin-bottom: 32px;
}

.login_data .login--input_group.action-bottom {
  margin-bottom: 0;
}

.login_data .login--input_group .note {
  margin-top: 15px;
  display: block;
  text-align: center;
}

.login_data .login--input_group label {
  font-size: 0.6875rem;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 7px;
}

.login_data
  .login--input_group
  input:not([type="submit"]):not([type="checkbox"]),
.login_data .login--input_group select {
  display: block;
  height: auto;
  padding: 14px;
  width: 100%;
  max-width: 400px;
  font-size: 1.125rem;
  border-radius: 3px;
  border: 2px solid rgba(0, 0, 0, 0.15);
  box-shadow: none;
  -webkit-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}

.login_data
  .login--input_group
  input:not([type="submit"]):not([type="checkbox"]):focus,
.login_data
  .login--input_group
  input:not([type="submit"]):not([type="checkbox"]):hover,
.login_data .login--input_group select:focus,
.login_data .login--input_group select:hover {
  border-color: #f3be00;
  outline: none;
  box-shadow: none;
}

.login_data .login--input_group select {
  height: 53px;
  padding-left: 22px;
  -webkit-appearance: none;
}

.login_data .login--input_group select::-ms-expand {
  display: none;
}

.login_data .login--input_group .login--btn {
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  margin: 0 auto;
  max-width: 240px;
  text-transform: uppercase;
  font-weight: 800;
}

.login_data .marketing_check {
  width: 300px;
  margin: 0 auto;
  display: block;
}

.login_data [type="checkbox"]:checked,
.login_data [type="checkbox"]:not(:checked) {
  -webkit-appearance: none;
  display: none;
}

.login_data [type="checkbox"]:checked + label,
.login_data [type="checkbox"]:not(:checked) + label {
  position: relative;
  font-weight: 800;
  font-size: 0.875rem;
  text-transform: uppercase;
  padding-left: 35px;
}

.login_data [type="checkbox"]:checked + label:after,
.login_data [type="checkbox"]:checked + label:before,
.login_data [type="checkbox"]:not(:checked) + label:after,
.login_data [type="checkbox"]:not(:checked) + label:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: -4px;
  height: 27px;
  width: 27px;
}

.login_data [type="checkbox"]:checked + label:before,
.login_data [type="checkbox"]:not(:checked) + label:before {
  border: 2px solid #b7b7b7;
  border-radius: 3px;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  -webkit-transition-property: background, border;
  transition-property: background, border;
}

.login_data [type="checkbox"]:checked + label:after,
.login_data [type="checkbox"]:not(:checked) + label:after {
  color: #fff;
  opacity: 0;
  border-radius: 3px;
  text-align: center;
  background: #f3be00
    url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAQAAACMJlQBAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfgChQONzmKx2x9AAAAcUlEQVQY04XPPRJAMBiE4TUuQKHQUxmXMGqOyJ1cIZ1ekeZVhPGThP3KZ4v9hKJXk6E4d2wsFF8MMH3zSvvDoQ0PdoWcJsZIFCxYhjAjMQNgGel9RqLCcM+D3YZ75cXnF2fF4+vNChNilKAjpVIZedkB+i0MB8bxD8UAAAAASUVORK5CYII=);
  background-size: 65%;
  background-position: 50%;
  background-repeat: no-repeat;
  padding-top: 2px;
  -webkit-transition: opacity 0.14s ease;
  transition: opacity 0.14s ease;
}

.login_data [type="checkbox"]:checked + label:hover:before,
.login_data [type="checkbox"]:not(:checked) + label:hover:before {
  background: #fff;
  border-color: #f3be00;
}

.login_data [type="checkbox"]:checked + label:after {
  opacity: 1;
}

@media screen and (max-width: 67.5rem) {
  .login_data #create-customer,
  .login_data #customer,
  .login_data #recover-password {
    width: calc(50% - 40px);
  }
}

@media screen and (max-width: 48rem) {
  .login_data {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 48px 24px;
  }

  .login_data #create-customer,
  .login_data #customer,
  .login_data #recover-password {
    width: 100%;
  }

  .login_data #create-customer {
    margin-top: 48px;
  }

  .login_data #forgot_password {
    margin-top: 20px;
  }

  .login_data .login--input_group {
    margin-bottom: 14px;
  }

  .login_data--heading {
    margin-bottom: 27px;
  }
}

.orders_list--order {
  cursor: pointer;
  border-bottom: 2px solid #ececec;
  background: #fff;
  font-size: 1rem;
  -webkit-transition: background 0.24s ease;
  transition: background 0.24s ease;
}

.orders_list--order:hover {
  background: #f6f6f6;
}

.orders_list--order:first-of-type {
  border-top: 2px solid #ececec;
}

.orders_list--heading {
  text-transform: uppercase;
  color: #111;
  font-weight: 800;
  font-size: 0.6875rem;
}

.orders_list td {
  border: none;
  vertical-align: middle;
}

.orders_list .arrow,
.orders_list .order_date,
.orders_list .order_number,
.orders_list .order_status,
.orders_list .order_total {
  padding: 26px 14px;
}

.orders_list .order_date,
.orders_list .order_number,
.orders_list .order_status,
.orders_list .order_total {
  width: 30%;
}

.orders_list .order_date,
.orders_list .order_status,
.orders_list .order_total {
  text-align: left;
}

.orders_list .arrow {
  width: 10%;
  text-align: right;
  padding-right: 16px;
  color: #c2c2c2;
}

.orders_list .arrow svg {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 12px;
  height: auto;
}

.order-data {
  text-align: left;
  margin-bottom: 50px;
}

.order-data .order_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom: 17px;
  padding: 32px 0 8px;
  border-top: 2px solid #d7d7d7;
  border-bottom: 2px solid #d7d7d7;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.order-data .order_header--heading {
  width: 100%;
  font-size: 1.5rem;
  margin-top: 0;
  margin-bottom: 37px;
  text-transform: uppercase;
  font-weight: 800;
}

.order-data .order_header--date {
  float: right;
  font-size: 0.75rem;
  color: #666;
  font-weight: 400;
  margin-top: 10px;
}

.order-data .order_header--billing,
.order-data .order_header--shipping {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 1rem;
  color: #666;
  width: calc(50% - 20px);
}

.order-data .order_header--billing h6,
.order-data .order_header--shipping h6 {
  font-size: 1rem;
  color: #111;
  font-weight: 800;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.order-data .order_header--billing p,
.order-data .order_header--shipping p {
  line-height: 1.6;
  font-size: 1rem;
}

.order-data .order_header--shipping {
  padding-right: 20px;
}

.order-data .order_header--billing {
  margin-left: auto;
}

.order-data .order_header .billing--address,
.order-data .order_header .billing--method,
.order-data .order_header .shipping--address,
.order-data .order_header .shipping--method {
  width: 100%;
  margin-bottom: 24px;
}

.order-data__items-list {
  width: 100%;
}

.order-data__invoice {
  margin-top: 12px;
  padding: 32px 0 24px;
  border-top: 2px solid #d7d7d7;
  width: 100%;
  font-size: 1rem;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.order-data__invoice .invoice-data {
  width: 60%;
  max-width: 300px;
  margin-left: auto;
}

.order-data__invoice .invoice-data > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 800;
  margin-bottom: 18px;
}

.order-data__invoice .invoice-data span {
  margin-left: auto;
  font-weight: 400;
}

.order-data__invoice .invoice-data .total {
  font-weight: 800;
  margin-top: 15px;
}

.order-data .cart__item {
  padding: 10px 0;
  -webkit-transition: border 0.34s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: border 0.34s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
}

.order-data .cart__item--image {
  width: 50%;
  max-width: 100px;
  position: relative;
  margin-right: 20px;
}

.order-data .cart__item--image img {
  width: 100%;
  height: auto;
}

.order-data .cart__item--qty {
  color: #fff;
  background: #f3be00;
  border-radius: 20px;
  position: absolute;
  z-index: 2;
  top: -2px;
  right: 8px;
  padding: 6px;
  font-size: 0.75rem;
  width: 26px;
  text-align: center;
}

.order-data .cart__item--info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: -17px;
}

.order-data .cart__item--name {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 500;
  margin-top: 0;
}

.order-data .cart__item--sub {
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: 0;
}

.order-data .cart__item--price {
  margin-left: auto;
  font-size: 1rem;
  font-weight: 500;
}

#address_pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 18px;
}

#address_pagination span.current,
#address_pagination span a {
  display: block;
  padding: 4px 8px;
  min-width: 20px;
  background: #fff;
  border-radius: 2px;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  -webkit-transition-property: background, color;
  transition-property: background, color;
}

#address_pagination span.current,
#address_pagination span:hover a {
  color: #fff;
  background: #f3be00;
  text-decoration: none;
}

@media screen and (min-width: 48rem) and (max-width: 60rem) {
  .order-data .order_header--billing,
  .order-data .order_header--shipping {
    width: 100%;
    padding: 0;
  }

  .order-data .order_header .billing--address,
  .order-data .order_header .billing--method,
  .order-data .order_header .shipping--address,
  .order-data .order_header .shipping--method {
    width: calc(50% - 12px);
  }
}

@media screen and (max-width: 48rem) {
  .order-data {
    width: 100%;
  }

  .order-data .order_header--billing h6,
  .order-data .order_header--billing p,
  .order-data .order_header--shipping h6,
  .order-data .order_header--shipping p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 37.4375rem) {
  .order-data .order_header--billing,
  .order-data .order_header--shipping {
    width: 100%;
    padding: 0;
  }

  .order-data .order_header--heading {
    margin-bottom: 24px;
  }

  .order-data .order_header--date {
    display: block;
    float: none;
  }

  .order-data .order_header .billing--address,
  .order-data .order_header .billing--method,
  .order-data .order_header .shipping--address,
  .order-data .order_header .shipping--method {
    width: calc(50% - 12px);
  }

  .order-data__invoice .invoice-data {
    width: 100%;
  }

  .order-data .cart__item--name,
  .order-data .cart__item--price,
  .order-data .cart__item--sub,
  .orders_list--order {
    font-size: 1rem;
  }

  .orders_list .order_date {
    padding: 24px 14px;
  }

  .orders_list--heading:first-child,
  .orders_list .order_number {
    padding-left: 0;
  }
}

.addresses_data--heading {
  width: 100%;
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 36px;
  color: #111;
}

.addresses_data .address--add_trigger.hidden,
.addresses_data .customer_address.hidden {
  display: none;
}

.addresses_data .addresses_list {
  padding-bottom: 50px;
}

.addresses_data .address {
  margin: 0;
  padding: 0;
}

.addresses_data .address li {
  margin-bottom: 4px;
  list-style: none;
  color: #666;
  font-size: 1rem;
}

.addresses_data .address--input_group {
  margin-bottom: 24px;
  position: relative;
}

.addresses_data .address--input_group.action_bottom {
  margin-bottom: 0;
}

.addresses_data .address--input_group.split-two {
  width: calc(50% - 8px);
  float: left;
}

.addresses_data .address--input_group.split-two + .split-two {
  margin-left: 16px;
}

.addresses_data
  .address--input_group.split-two
  + .split-two
  + .address--input_group {
  clear: both;
}

.addresses_data .address--input_group.select:after {
  content: "";
  display: block;
  position: absolute;
  right: 12px;
  top: 62%;
  width: 11px;
  height: 6px;
  pointer-events: none;
  background: url(dropdown-indicator.svg?v15ccfc18fe0);
}

.addresses_data .address--input_group label {
  font-size: 0.6875rem;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 7px;
}

.addresses_data .address--input_group input:not([type="submit"]),
.addresses_data .address--input_group select {
  display: block;
  width: 100%;
  height: auto;
  padding: 14px;
  font-size: 1rem;
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  box-shadow: none;
  color: #111;
  -webkit-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}

.addresses_data .address--input_group input:not([type="submit"]):focus,
.addresses_data .address--input_group input:not([type="submit"]):hover,
.addresses_data .address--input_group select:focus,
.addresses_data .address--input_group select:hover {
  border-color: #f3be00;
  outline: none;
  box-shadow: none;
}

.addresses_data .address--input_group select {
  height: 51px;
  padding-left: 22px;
  line-height: 1;
  -webkit-appearance: none;
}

.addresses_data .address--input_group select::-ms-expand {
  display: none;
}

.addresses_data .address--input_group .address--submit_btn {
  width: 100%;
  font-weight: 800;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.addresses_data [type="checkbox"]:checked,
.addresses_data [type="checkbox"]:not(:checked) {
  -webkit-appearance: none;
  display: none;
}

.addresses_data [type="checkbox"]:checked + label,
.addresses_data [type="checkbox"]:not(:checked) + label {
  position: relative;
  font-weight: 800;
  font-size: 0.875rem;
  text-transform: uppercase;
  padding-left: 35px;
}

.addresses_data [type="checkbox"]:checked + label:after,
.addresses_data [type="checkbox"]:checked + label:before,
.addresses_data [type="checkbox"]:not(:checked) + label:after,
.addresses_data [type="checkbox"]:not(:checked) + label:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -5px;
  left: 0;
  height: 27px;
  width: 27px;
}

.addresses_data [type="checkbox"]:checked + label:before,
.addresses_data [type="checkbox"]:not(:checked) + label:before {
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  -webkit-transition-property: background, border;
  transition-property: background, border;
}

.addresses_data [type="checkbox"]:checked + label:after,
.addresses_data [type="checkbox"]:not(:checked) + label:after {
  color: #fff;
  opacity: 0;
  border-radius: 3px;
  text-align: center;
  background: #f3be00
    url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAQAAACMJlQBAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfgChQONzmKx2x9AAAAcUlEQVQY04XPPRJAMBiE4TUuQKHQUxmXMGqOyJ1cIZ1ekeZVhPGThP3KZ4v9hKJXk6E4d2wsFF8MMH3zSvvDoQ0PdoWcJsZIFCxYhjAjMQNgGel9RqLCcM+D3YZ75cXnF2fF4+vNChNilKAjpVIZedkB+i0MB8bxD8UAAAAASUVORK5CYII=);
  background-size: 65%;
  background-position: 50%;
  background-repeat: no-repeat;
  padding-top: 2px;
  -webkit-transition: opacity 0.14s ease;
  transition: opacity 0.14s ease;
}

.addresses_data [type="checkbox"]:checked + label:hover:before,
.addresses_data [type="checkbox"]:not(:checked) + label:hover:before {
  background: #fff;
  border-color: #f3be00;
}

.addresses_data [type="checkbox"]:checked + label:after {
  opacity: 1;
}

.address--add_wrapper,
.address--edit_wrapper {
  display: none;
}

.address--add_wrapper.active_edit,
.address--edit_wrapper.active_edit {
  display: block;
}

.address_wrapper {
  border: 3px solid #b7b7b7;
  border-radius: 3px;
  padding: 24px;
  margin-bottom: 24px;
  box-shadow: 0 0 4px 0 transparent;
  -webkit-transition: box-shadow 0.24s ease;
  transition: box-shadow 0.24s ease;
  -webkit-transition-property: box-shadow, border;
  transition-property: box-shadow, border;
}

.address_wrapper.active {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
}

.address_wrapper.add_address {
  padding: 18px 24px;
}

.address_wrapper.add_address:not(.active):hover {
  border-color: #000;
}

.address_wrapper .address--edit_trigger {
  float: right;
  margin-left: 20px;
  font-weight: 800;
  font-size: 0.875rem;
  text-transform: uppercase;
  color: #f3be00;
}

.address_wrapper .address--edit_trigger:hover {
  text-decoration: none;
}

.address_wrapper .address--add_trigger {
  text-align: center;
  font-size: 1rem;
  display: block;
  text-transform: uppercase;
  color: #111;
  font-weight: 800;
  padding: 4px;
}

.address_wrapper .address--add_trigger:hover {
  text-decoration: none;
}

.address_wrapper .address--title {
  color: #111;
  font-size: 1rem;
  text-transform: uppercase;
  margin-bottom: 14px;
  margin-top: 0;
}

.address_wrapper .address_form--header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 36px;
  padding-top: 12px;
}

.address_wrapper .address_form--right {
  margin-left: auto;
}

.address_wrapper .address_form--set_default label {
  margin-bottom: 0;
}

.address_wrapper .address_form--set_default input {
  margin-right: 12px;
}

.address_wrapper .address_form--cancel,
.address_wrapper .address_form--delete,
.address_wrapper .address_form--set_default {
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 800;
}

.address_wrapper .address_form--cancel:hover {
  text-decoration: none;
}

.address_wrapper .address_form--delete {
  color: #cc3314;
  margin-right: 16px;
}

.address_wrapper .address_form--delete:hover {
  text-decoration: none;
  color: #b52d12;
}

@media screen and (max-width: 62.5rem) {
  .addresses_data .address--input_group.split-two {
    width: 100%;
    float: none;
  }

  .addresses_data .address--input_group.split-two + .split-two {
    margin-left: 0;
  }
}

@media screen and (max-width: 48rem) {
  .address_wrapper.add_address {
    padding: 15px;
  }

  .address_wrapper .address_form--header {
    margin-bottom: 16px;
  }

  .address_wrapper .address--title {
    font-size: 1rem !important;
  }

  .addresses_data .address li {
    font-size: 1rem;
    line-height: 1.5;
  }

  .addresses_data .address--input_group input,
  .addresses_data .address--input_group select {
    font-size: 1rem;
  }

  .addresses_data .address--input_group {
    margin-bottom: 18px;
  }

  .addresses_data {
    width: 100%;
  }
}

@media screen and (max-width: 24.9375rem) {
  .address_wrapper .address_form--header {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .address_wrapper .address_form--delete {
    margin-right: 0;
    margin-top: 8px;
  }

  .address_wrapper .address_form--cancel,
  .address_wrapper .address_form--delete {
    display: block;
  }

  .address_wrapper .address_form--right {
    text-align: right;
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse;
  }
}

.product-price-display span {
  text-decoration: line-through;
}