/** Shopify CDN: Minification failed

Line 3621:59 The "-" operator only works if there is whitespace on both sides

**/
/*
text-shadow: <horizontal-offset> <vertical-offset> <blur-radius> <color>;
*/
html {
  padding: 0;
  margin: 0; }
  html body {
    margin: 0;
    padding: 48px 0 0;
    color: #222222;
    font-size: 15px;
    font-family: "Union";
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative; }
    html body.blur header, html body.blur main, html body.blur footer, html body.blur #newsletter-footer {
      -webkit-filter: blur(25px) brightness(115%) opacity(60%);
      filter: blur(25px) brightness(115%) opacity(60%); }
    html body.remove-blur header, html body.remove-blur main, html body.remove-blur footer, html body.remove-blur #side-cart, html body.remove-blur #newsletter-footer {
      -webkit-filter: blur(10px);
      filter: blur(10px); }
    html body.gallery-active.zoom main .zoom-swiper .swiper-slide .zoom-btn {
      cursor: url("https://jesse-kamm-store.myshopify.com/cdn/shop/t/2/assets/zoom-out.png"), auto; }
      html body.gallery-active.zoom main .zoom-swiper .swiper-slide .zoom-btn img {
        height: auto;
        width: 100%; }
    html body.gallery-active.zoom main .swiper-button-next, html body.gallery-active.zoom main .swiper-button-prev, html body.gallery-active.zoom main .swiper-pagination {
      display: none; }
    html body.gallery-active header, html body.gallery-active footer, html body.gallery-active #newsletter-footer, html body.gallery-active .gallery-swiper, html body.gallery-active .information, html body.gallery-active .mat-desc, html body.gallery-active .misc, html body.gallery-active .explore, html body.gallery-active .bottom-logo {
      display: none; }
    html body.gallery-active main {
      padding: 0; }
      html body.gallery-active main .zoom-swiper.fully-loaded {
        z-index: auto;
        opacity: 1;
        visibility: visible;
        overflow-y: scroll; }

@media screen and (max-width: 768px) {
  html body {
    padding: 74px 0 0; } }
a {
  text-decoration: none; }

.animate {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s; }

.animate-two {
  transition: all 0.6s; }

.animate-five {
  transition: all 1.5s; }

.animate-ten {
  transition: all 2.5s;
  -webkit-transition: all 2.5s;
  -moz-transition: all 2.5s;
  -ms-transition: all 2.5s;
  -o-transition: all 2.5s; }

.btn {
  height: 36px;
  border: 1px solid #989898;
  border-radius: 25px;
  font-size: 15px;
  font-size: 11px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #222222;
  line-height: 36px; }
  .btn.black-btn {
    background: #222222;
    color: white;
    border: 1px solid #222222; }
  .btn.white-btn {
    background: transparent;
    color: #222222;
    border: 1px solid white; }

.clear {
  clear: both; }

* {
  box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-family: "Union";
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 11px; }

textarea {
  border: 1px solid #989898;
  outline: none;
  background-color: transparent;
  font-family: "Union";
  color: #222222;
  padding: 12px;
  margin: 0;
  resize: none;
  font-size: 15px; }

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: none;
  height: 36px;
  border: 1px solid #989898;
  border-radius: 25px;
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #222222;
  font-family: "Union";
  text-align: center;
  width: 100%; }
  input::placeholder {
    font-family: "Union";
    font-size: 15px; }
  input:focus {
    outline: none;
    box-shadow: none; }

.bottom-logo {
  height: 27px;
  left: 50%;
  bottom: 36px;
  position: fixed;
  transform: translateX(-50%);
  z-index: 5; }
  .bottom-logo.sticky {
    position: absolute; }
  .bottom-logo img {
    display: block;
    height: 100%; }

@media screen and (max-width: 650px) {
  .bottom-logo {
    height: 24px; } }
/*


Banner


*/
.jk-banner {
  height: 36px;
  background: white;
  color: #989898;
  overflow-x: hidden; }
  .jk-banner.banner-hidden {
    display: none; }
  .jk-banner .marquee {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: hidden; }
    .jk-banner .marquee span {
      font-size: 12px;
      letter-spacing: 0.25px;
      margin: 0 98px;
      animation: scroll-left 15s linear infinite; }
      .jk-banner .marquee span:first-child {
        margin: 0 98px 0 0; }

@media screen and (max-width: 768px) {
  .jk-banner .marquee span {
    margin: 0 36px; }
    .jk-banner .marquee span:first-child {
      margin: 0 36px 0 0; } }
@keyframes scroll-left {
  0% {
    transform: translateX(50%); }

  100% {
    transform: translateX(-100%); } }

/*


Header


*/
header {
  position: fixed;
  top: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  z-index: 1000;
  background: white;
  height: auto; }
  header.hidden {
    top: -100%; }
  header.transparent {
    background: transparent; }
    header.transparent .menu-btn img.black {
      display: none; }
    header.transparent .menu-btn img.white {
      display: block; }
    header.transparent nav a {
      color: white; }
    header.transparent .cart-btn {
      border: 1px solid white;
      color: white; }
    header.transparent .right .search-btn span {
      background: url("https://jesse-kamm-store.myshopify.com/cdn/shop/t/2/assets/search-white.svg");
      background-size: cover; }
    header.transparent .right .cart-btn {
      border: 1px solid white;
      color: white; }
  header.transparent-black {
    background: transparent; }
    header.transparent-black .right .cart-btn {
      border: 1px solid #222222;
      color: #222222; }
    header.transparent-black .breadcrumbs span, header.transparent-black .breadcrumbs a {
      color: #222222; }
  header.blue {
    background: transparent; }
    header.blue .menu-btn img.black {
      display: none; }
    header.blue .menu-btn img.blue {
      display: block; }
    header.blue nav a {
      color: #1e59de; }
    header.blue .cart-btn {
      border-color: #1e59de;
      color: #1e59de; }
    header.blue .right {
      display: none; }
      header.blue .right .search-btn span {
        background: url("/cdn/shop/files/search-blue.svg?v=1715132906"); }
      header.blue .right .cart-btn {
        border-color: #1e59de;
        color: #1e59de; }
  header .nav-btn {
    color: #222222; }
  header .bottom {
    height: 48px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px; }
  header .breadcrumbs {
    display: flex;
    font-size: 10px; }
    header .breadcrumbs span, header .breadcrumbs a {
      color: white;
      text-transform: uppercase;
      letter-spacing: 0.25px; }
      header .breadcrumbs span.divider, header .breadcrumbs a.divider {
        margin: 0 6px; }
  header .menu-btn {
    width: 17px;
    height: 17px;
    visibility: hidden; }
    header .menu-btn img {
      display: block;
      width: 100%; }
      header .menu-btn img.white {
        display: none; }
      header .menu-btn img.blue {
        display: none; }
  header nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
    header nav a {
      color: #222222;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 15px;
      letter-spacing: 0.5px; }
    header nav ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex; }
      header nav ul li {
        display: inline;
        margin: 0 12px;
        padding: 0; }
        header nav ul li:first-child {
          margin: 0 12px 0 0; }
        header nav ul li:last-child {
          margin: 0 0 0 12px; }
  header .right {
    display: flex;
    align-items: center;
    justify-content: center; }
    header .right .search-btn {
      height: 13px;
      width: 13px; }
      header .right .search-btn span {
        display: block;
        width: 100%;
        height: 100%;
        background: url("/cdn/shop/files/search-black.svg?v=1715892129");
        background-size: cover; }
    header .right .cart-btn {
      margin: 0 0 0 20px;
      color: #222222;
      font-size: 11px;
      border: 1px solid #989898;
      border-radius: 50%;
      width: 26px;
      height: 26px;
      display: flex;
      justify-content: center;
      align-items: center; }

@media screen and (max-width: 768px) {
  header {
    height: auto; }
    header.hidden {
      top: -100%; }
    header.mobile-transparent {
      background: transparent; }
      header.mobile-transparent .menu-btn img.black {
        display: none; }
      header.mobile-transparent .menu-btn img.white {
        display: block; }
      header.mobile-transparent .right .search-btn span {
        background: url("https://jesse-kamm-store.myshopify.com/cdn/shop/t/2/assets/search-white.svg");
        background-size: cover; }
      header.mobile-transparent .right .cart-btn {
        color: white;
        border-color: white; } }
@media screen and (max-width: 768px) {
  header.mobile-white {
    background: white; }
    header.mobile-white .menu-btn {
      display: block; }
      header.mobile-white .menu-btn img.black {
        display: block; }
      header.mobile-white .menu-btn img.white {
        display: none; }
    header.mobile-white nav a {
      color: #222222; }
    header.mobile-white .right .search-btn span {
      background: url("https://jesse-kamm-store.myshopify.com/cdn/shop/t/2/assets/search-black.svg?v=17278219720331408271707615360");
      background-size: cover; }
    header.mobile-white .right .cart-btn {
      color: #222222;
      border-color: #222222; }
  header .menu-btn {
    visibility: visible; }
  header nav {
    display: none; } }
/*


Top Nav


*/
.top-nav {
  position: fixed;
  top: -100vh;
  left: 0;
  width: 100%;
  height: 100vh;
  visibility: hidden;
  z-index: -1000; }
  .top-nav.open {
    visibility: visible;
    z-index: 1000;
    top: 0; }
    .top-nav.open .upper {
      opacity: 1; }
  .top-nav .cube {
    height: 36px;
    width: 36px;
    background: teal;
    position: absolute;
    left: 0;
    top: 0; }
  .top-nav .mobile-close {
    padding: 0 24px;
    border-bottom: 1px solid #eeeeee;
    background: white;
    display: none;
    align-items: center;
    height: 74px; }
    .top-nav .mobile-close a {
      height: 17px;
      width: 17px; }
      .top-nav .mobile-close a img {
        display: block;
        width: 100%; }
  .top-nav .upper {
    background: white;
    opacity: 0;
    display: grid;
    grid-template-columns: 2fr 1fr 2fr;
    width: 100%; }
    .top-nav .upper .block-wrap {
      display: grid;
      grid-template-columns: 1fr 1fr; }
      .top-nav .upper .block-wrap .block {
        padding: 34px 0 34px 36px;
        display: flex;
        flex-direction: column; }
        .top-nav .upper .block-wrap .block span {
          margin-top: auto; }
          .top-nav .upper .block-wrap .block span a {
            letter-spacing: 0.5px;
            font-size: 19px;
            line-height: 19px;
            text-transform: uppercase;
            color: #989898; }
        .top-nav .upper .block-wrap .block ul {
          margin: 0;
          padding: 0;
          list-style-type: none; }
          .top-nav .upper .block-wrap .block ul li {
            margin: 0 0 10px;
            padding: 0; }
            .top-nav .upper .block-wrap .block ul li:last-child {
              margin: 0; }
            .top-nav .upper .block-wrap .block ul li a {
              font-size: 15px;
              line-height: 15px;
              color: #222222;
              text-transform: uppercase;
              letter-spacing: 0.5px; }
              .top-nav .upper .block-wrap .block ul li a.red {
                color: darkred; }
              .top-nav .upper .block-wrap .block ul li a:hover {
                color: #989898; }
    .top-nav .upper .filler {
      background: blue;
      opacity: 0; }
    .top-nav .upper .double {
      display: grid;
      grid-template-columns: 1fr 1fr;
      overflow: hidden; }
      .top-nav .upper .double a {
        position: relative; }
        .top-nav .upper .double a img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .top-nav .upper .double a span {
          color: white;
          font-size: 19px;
          text-transform: uppercase;
          position: absolute;
          bottom: 34px;
          left: 36px;
          white-space: nowrap;
          letter-spacing: 0.5px;
          text-shadow: 1px 1px 3px rgba(216, 216, 216, 0.3); }
  .top-nav .close-top-nav-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 480px); }

@media screen and (max-width: 1280px) {
  .top-nav .upper {
    grid-template-columns: 2fr 2fr; }
    .top-nav .upper .filler {
      display: none; }
  .top-nav .close-top-nav-btn {
    height: calc(100vh - 320px); } }
@media screen and (max-width: 1000px) {
  .top-nav .upper {
    grid-template-columns: 2fr 1fr; }
    .top-nav .upper .block-wrap {
      grid-template-columns: 1fr 1fr; }
    .top-nav .upper .double {
      grid-template-columns: 1fr; }
      .top-nav .upper .double .second {
        display: none; } }
@media screen and (max-width: 768px) {
  .top-nav {
    overflow: scroll; }
    .top-nav.open .upper {
      height: auto; }
    .top-nav .mobile-close {
      display: flex; }
    .top-nav .upper {
      height: auto;
      min-height: 100vh;
      flex-direction: column;
      justify-content: flex-start;
      grid-template-columns: 1fr; }
      .top-nav .upper .block-wrap {
        grid-template-columns: 1fr; }
        .top-nav .upper .block-wrap .block {
          padding: 24px; }
          .top-nav .upper .block-wrap .block.discover {
            border-bottom: 1px solid #eeeeee; }
          .top-nav .upper .block-wrap .block span {
            margin: 40px 0 0; }
            .top-nav .upper .block-wrap .block span a {
              padding: 9px 15px;
              border: 1px solid #989898;
              font-size: 11px;
              border-radius: 25px;
              height: auto;
              line-height: normal;
              display: inline-block;
              color: #222222; }
      .top-nav .upper .double .second {
        display: block; }
      .top-nav .upper .double a span {
        bottom: auto;
        left: 24px;
        top: 24px; }
    .top-nav .close-top-nav-btn {
      visibility: hidden;
      z-index: -100000;
      opacity: 0; } }
/*


Mobile Nav


*/
.mobile-nav {
  position: fixed;
  top: 0;
  left: -480px;
  width: 100%;
  max-width: 480px;
  background: white;
  display: flex;
  flex-direction: column;
  padding: 36px 0 0;
  visibility: hidden;
  z-index: -10; }
  .mobile-nav.active {
    left: 0;
    visibility: visible;
    z-index: 1000; }
  .mobile-nav ul {
    list-style: none;
    padding: 0;
    margin: 0 36px;
    display: flex;
    flex-direction: column; }
    .mobile-nav ul.middle {
      margin: 42px 36px 36px; }
    .mobile-nav ul li {
      margin: 0 0 12px;
      padding: 0; }
      .mobile-nav ul li a {
        text-decoration: none;
        font-size: 19px;
        line-height: 19px;
        text-transform: uppercase;
        color: #222222; }
        .mobile-nav ul li a:last-child {
          margin: 0; }
  .mobile-nav .blocks {
    margin: auto 0 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr; }
    .mobile-nav .blocks a {
      position: relative; }
      .mobile-nav .blocks a img {
        display: block;
        width: 100%; }
      .mobile-nav .blocks a span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        font-size: 19px;
        text-transform: uppercase;
        text-align: center; }

/*


Loop


*/
.loop {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 6px;
  row-gap: 60px;
  row-gap: 26px;
  width: 100%; }
  .loop.sm-view, .loop.quarter-view {
    grid-template-columns: 1fr 1fr 1fr 1fr; }
  .loop.lg-view, .loop.half-view {
    grid-template-columns: 1fr 1fr; }
  .loop.single-view {
    grid-template-columns: 1fr; }
  .loop .product {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: relative; }
    .loop .product.discontinued .details {
      height: 42px; }
    .loop .product.discontinued .mobile-swiper .bg {
      opacity: .2; }
    .loop .product.raw .mobile-swiper .bg {
      display: none; }
    .loop .product.raw .mobile-swiper .swiper-wrapper {
      position: relative; }
    .loop .product:hover .options {
      opacity: 1;
      z-index: 10; }
    .loop .product a {
      color: #989898;
      color: #222222; }
    .loop .product .details {
      padding: 12px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .loop .product .details a {
        font-size: 15px;
        text-transform: uppercase;
        letter-spacing: 0.5px; }
        .loop .product .details a.price {
          font-size: 14px;
          letter-spacing: 0.25;
          display: flex; }
          .loop .product .details a.price s {
            margin: 0 0 0 12px;
            color: #989898; }
    .loop .product .label {
      position: absolute;
      left: 12px;
      top: 12px;
      padding: 9px 15px;
      background: rgba(255, 255, 255, 0.4);
      border: 1px solid #989898;
      text-transform: uppercase;
      color: #222222;
      border-radius: 25px;
      font-size: 11px;
      letter-spacing: 0.25px;
      z-index: 2;
      letter-spacing: 0.5px; }
    .loop .product .single-image {
      display: block;
      width: 100%;
      height: 100%;
      position: relative; }
      .loop .product .single-image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .loop .product .mobile-swiper {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 100%; }
      .loop .product .mobile-swiper .bg {
        display: block;
        width: 100%;
        opacity: 0; }
        .loop .product .mobile-swiper .bg.show {
          opacity: 1; }
      .loop .product .mobile-swiper:hover .swiper-button-next, .loop .product .mobile-swiper:hover .swiper-button-prev {
        visibility: visible; }
      .loop .product .mobile-swiper .swiper-wrapper {
        min-width: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0; }
        .loop .product .mobile-swiper .swiper-wrapper .swiper-slide {
          cursor: pointer; }
          .loop .product .mobile-swiper .swiper-wrapper .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover; }
      .loop .product .mobile-swiper .swiper-button-next, .loop .product .mobile-swiper .swiper-button-prev {
        height: 100%;
        top: 22px;
        color: #222222;
        width: auto;
        visibility: hidden;
        font-size: 19px; }
        .loop .product .mobile-swiper .swiper-button-next:after, .loop .product .mobile-swiper .swiper-button-prev:after {
          content: "";
          width: 9px;
          height: 15px; }
      .loop .product .mobile-swiper .swiper-button-next {
        right: 12px; }
        .loop .product .mobile-swiper .swiper-button-next:after {
          background: url("https://jesse-kamm-store.myshopify.com/cdn/shop/t/6/assets/arrow-black-right.svg?v=79559618511413387131715287319");
          background-size: cover; }
      .loop .product .mobile-swiper .swiper-button-prev {
        left: 12px; }
        .loop .product .mobile-swiper .swiper-button-prev:after {
          background: url("https://jesse-kamm-store.myshopify.com/cdn/shop/t/6/assets/arrow-black-left.svg?v=79559618511413387131715287319");
          background-size: cover; }
      .loop .product .mobile-swiper .swiper-pagination {
        bottom: 12px;
        left: 12px;
        top: auto;
        width: auto;
        display: flex; }
        .loop .product .mobile-swiper .swiper-pagination .swiper-pagination-bullet {
          background: white;
          height: 4px;
          width: 4px;
          margin: 0 4px 0 0;
          border: none;
          opacity: 1; }
          .loop .product .mobile-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: #222222; }
    .loop .product .options {
      padding: 0 12px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: center;
      margin: 8px 0 0;
      opacity: 0;
      z-index: -10;
      min-height: 18px;
      height: auto;
      opacity: 1; }
      .loop .product .options.wrap .sizes {
        display: none; }
      .loop .product .options .sizes span {
        color: #222222;
        font-size: 11px;
        height: 11px;
        letter-spacing: 0.5px;
        text-transform: uppercase; }
        .loop .product .options .sizes span.sold-out {
          color: #989898;
          display: none; }
  .loop .empty-collection {
    min-height: 600px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    letter-spacing: 0.25px;
    text-transform: uppercase; }

@media screen and (max-width: 1200px) {
  .loop.sm-view .options {
    flex-direction: column;
    align-items: flex-start; }
    .loop.sm-view .options .sizes {
      margin: 6px 0 0; } }
@media screen and (max-width: 950px) {
  .loop {
    grid-template-columns: 1fr 1fr;
    row-gap: 36px; }
    .loop.lg-view {
      grid-template-columns: 1fr; }
      .loop.lg-view .product .options {
        justify-content: space-between; }
        .loop.lg-view .product .options .sizes {
          display: block; } }
@media screen and (max-width: 650px) {
  .loop {
    grid-template-columns: 1fr; }
    .loop .product .mobile-swiper:hover .swiper-button-next, .loop .product .mobile-swiper:hover .swiper-button-prev {
      visibility: hidden; }
    .loop .product .mobile-swiper .swiper-button-next:after, .loop .product .mobile-swiper .swiper-button-prev:after {
      width: 12px;
      height: 11px; }
    .loop .product .options {
      opacity: 1;
      z-index: auto;
      justify-content: center;
      display: none; }
      .loop .product .options .sizes {
        display: none; }
    .loop.full-view {
      grid-template-columns: 1fr 1fr; }
      .loop.full-view .product .details {
        flex-direction: column;
        align-items: center;
        justify-content: center; }
        .loop.full-view .product .details a {
          font-size: 11px; }
          .loop.full-view .product .details a.price {
            font-size: 10px; }
      .loop.full-view .product .mobile-swiper .label {
        display: none; }
      .loop.full-view .product .options {
        opacity: 1;
        z-index: auto;
        justify-content: center; }
        .loop.full-view .product .options .sizes {
          display: none; } }
/*


Page


*/
.page-pg main {
  min-height: calc(100vh - 48px);
  padding: 48px 24px 99px;
  position: relative; }
  .page-pg main p, .page-pg main h3, .page-pg main span, .page-pg main div {
    font-size: 25px;
    line-height: 32px; }
  .page-pg main button, .page-pg main .pd-action-link {
    height: 36px;
    border: 1px solid #989898;
    border-radius: 25px;
    font-size: 15px;
    font-size: 11px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #222222;
    line-height: 36px;
    padding: 0 12px;
    cursor: pointer; }
    .page-pg main button:hover, .page-pg main .pd-action-link:hover {
      background: #222222;
      color: white;
      border: 1px solid #222222; }
  .page-pg main .pd-action-link {
    margin: 24px 0 0; }

/*


Home


*/
.home-pg {
  padding: 0; }
  .home-pg .bottom-logo {
    opacity: 0; }
    .home-pg .bottom-logo.show {
      opacity: 1; }
  .home-pg header.transparent nav a {
    text-shadow: 1px 1px 3px rgba(216, 216, 216, 0.3); }
  .home-pg main {
    position: relative; }
    .home-pg main .logo {
      position: fixed;
      top: 50%;
      width: 100%;
      padding: 0 24px;
      transform: translateY(-50%);
      z-index: 100; }
      .home-pg main .logo.sticky {
        position: absolute;
        top: auto;
        transform: translateY(0); }
      .home-pg main .logo img {
        display: block;
        width: 100%; }
    .home-pg main .sticky-temp {
      position: sticky;
      bottom: 36px;
      color: white;
      display: inline-flex;
      flex-direction: column;
      font-size: 19px;
      margin-top: -58px;
      margin-top: -86px;
      z-index: 10; }
      .home-pg main .sticky-temp span {
        line-height: 25px;
        text-shadow: 1px 1px 3px rgba(216, 216, 216, 0.3); }
      .home-pg main .sticky-temp.left {
        left: 36px;
        float: left; }
      .home-pg main .sticky-temp.right {
        right: 36px;
        float: right;
        text-align: right; }
    .home-pg main .home-block.gallery {
      overflow: hidden; }
      .home-pg main .home-block.gallery .home-gallery {
        display: block; }
        .home-pg main .home-block.gallery .home-gallery .slide {
          display: grid;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          z-index: -10;
          opacity: 0; }
          .home-pg main .home-block.gallery .home-gallery .slide.active {
            opacity: 1;
            z-index: 2; }
          .home-pg main .home-block.gallery .home-gallery .slide.one {
            grid-template-columns: 1fr; }
          .home-pg main .home-block.gallery .home-gallery .slide.two {
            grid-template-columns: 1fr 1fr; }
    .home-pg main .home-block.first {
      position: relative;
      height: 100vh;
      z-index: 10; }
      .home-pg main .home-block.first .logo {
        display: block;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        padding: 0 24px; }
    .home-pg main .home-block.single {
      position: relative; }
    .home-pg main .home-block.double {
      display: grid;
      grid-template-columns: 1fr 1fr;
      width: 100%; }
      .home-pg main .home-block.double.space {
        margin: 4px 0;
        column-gap: 4px; }
      .home-pg main .home-block.double .left, .home-pg main .home-block.double .right {
        position: relative;
        width: 100%; }
    .home-pg main .home-block.video {
      position: relative;
      height: 100vh; }
      .home-pg main .home-block.video.relative {
        height: auto; }
        .home-pg main .home-block.video.relative .video-wrap {
          height: auto;
          display: block; }
          .home-pg main .home-block.video.relative .video-wrap video {
            height: auto; }
      .home-pg main .home-block.video .bg {
        display: none; }
      .home-pg main .home-block.video .video-wrap {
        position: relative;
        width: 100%;
        height: 100%; }
      .home-pg main .home-block.video video {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .home-pg main .home-block.video .controls {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
      .home-pg main .home-block.video .video-btn {
        position: sticky;
        padding: 36px;
        top: 0;
        left: 0;
        display: flex;
        z-index: 2;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-size: 25px;
        line-height: 25px;
        width: auto;
        height: auto;
        cursor: pointer;
        color: white;
        white-space: nowrap; }
        .home-pg main .home-block.video .video-btn.playback-btn {
          float: left; }
        .home-pg main .home-block.video .video-btn.sound-btn {
          float: right; }
    .home-pg main .home-block.true-height {
      height: 100vh; }
      .home-pg main .home-block.true-height a {
        height: 100%; }
        .home-pg main .home-block.true-height a img {
          height: 100%;
          object-fit: cover; }
    .home-pg main .home-block .bg {
      display: block;
      width: 100%;
      opacity: 0; }
    .home-pg main .home-block .sticky-con {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
      .home-pg main .home-block .sticky-con img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .home-pg main .home-block .sticky-con video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .home-pg main .home-block .sticky-con .text {
        position: sticky;
        padding: 36px;
        top: 0;
        left: 0;
        display: flex;
        z-index: 2;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-size: 25px;
        line-height: 25px;
        color: #222222;
        white-space: nowrap; }
        .home-pg main .home-block .sticky-con .text.white {
          color: white;
          text-shadow: 1px 1px 3px rgba(216, 216, 216, 0.3); }
  .home-pg #newsletter-footer .close-news-btn {
    top: 24px;
    right: 24px;
    opacity: 1;
    height: 18px;
    width: 18px; }
    .home-pg #newsletter-footer .close-news-btn .black {
      display: block; }
    .home-pg #newsletter-footer .close-news-btn .white {
      display: none; }

@media screen and (max-width: 768px) {
  .home-pg main .logo {
    padding: 0 24px; }
  .home-pg main #shopify-section-home {
    opacity: 1; }
  .home-pg main .sticky-temp {
    display: none;
    font-size: 11px;
    line-height: 11px; }
    .home-pg main .sticky-temp.left {
      left: 24px; }
    .home-pg main .sticky-temp.right {
      right: 24px; }
  .home-pg main .home-block.first .sticky-con .text {
    position: absolute;
    top: auto;
    bottom: 0; }
  .home-pg main .home-block.true-height {
    height: auto !important; }
  .home-pg main .home-block.double .left, .home-pg main .home-block.double .right {
    aspect-ratio: 4/5; }
  .home-pg main .home-block.double.left-only {
    grid-template-columns: 1fr; }
    .home-pg main .home-block.double.left-only .right {
      display: none; }
  .home-pg main .home-block.double.right-only {
    grid-template-columns: 1fr; }
    .home-pg main .home-block.double.right-only .left {
      display: none; }
  .home-pg main .home-block.double.column {
    grid-template-columns: 1fr; }
  .home-pg main .home-block.double.space {
    margin: 0;
    column-gap: 0; }
  .home-pg main .home-block.video {
    height: auto; }
    .home-pg main .home-block.video .mobile-height-adjust {
      aspect-ratio: 4/5; }
      .home-pg main .home-block.video .mobile-height-adjust video {
        height: 100% !important; }
    .home-pg main .home-block.video .video-btn {
      padding: 24px;
      font-size: 11px;
      line-height: 11px; }
      .home-pg main .home-block.video .video-btn.static-btn {
        line-height: 19px;
        font-size: 19px; }
  .home-pg main .home-block .sticky-con .text {
    padding: 24px;
    line-height: 19px;
    font-size: 19px; } }
@media screen and (max-width: 680px) {
  .home-pg main .home-block.first {
    height: auto; }
  .home-pg #newsletter-footer .close-news-btn .black {
    display: none; }
  .home-pg #newsletter-footer .close-news-btn .white {
    display: block; } }
/*


Collection


*/
.collection-pg main {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0 99px;
  position: relative; }
  .collection-pg main .hero, .collection-pg main .bar, .collection-pg main .mid-bar {
    z-index: 10; }
  .collection-pg main .hero {
    position: relative;
    width: 100%;
    height: calc(100vh - 96px);
    overflow: hidden; }
    .collection-pg main .hero.split {
      display: grid;
      grid-template-columns: 1fr 1fr; }
      .collection-pg main .hero.split .bg {
        width: 50%;
        width: 100%; }
    .collection-pg main .hero .bg {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }
      .collection-pg main .hero .bg.mobile {
        display: none; }
    .collection-pg main .hero .logo {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      padding: 0 24px;
      transform: translate(-50%, -50%);
      z-index: 100;
      opacity: 1; }
      .collection-pg main .hero .logo.show {
        opacity: 1; }
      .collection-pg main .hero .logo img {
        display: block;
        width: 100%; }
  .collection-pg main .bar {
    height: 48px;
    width: 100%; }
  .collection-pg main .mid-bar {
    background: white;
    position: relative;
    padding: 48px 12px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .collection-pg main .mid-bar .inner {
      width: 100%;
      position: relative;
      padding: 0 146px;
      min-height: 32px; }
      .collection-pg main .mid-bar .inner .filters-btn {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        height: 32px;
        color: #222222;
        visibility: hidden; }
        .collection-pg main .mid-bar .inner .filters-btn img {
          display: block;
          width: 21px;
          height: 16px;
          margin: 0 10px 0 0; }
        .collection-pg main .mid-bar .inner .filters-btn span {
          text-transform: uppercase;
          letter-spacing: 0.25px;
          font-size: 11px; }
      .collection-pg main .mid-bar .inner .nav {
        padding: 0;
        margin: 0;
        list-style-type: none;
        display: flex;
        justify-content: center;
        flex-wrap: wrap; }
        .collection-pg main .mid-bar .inner .nav li {
          margin: 0 6px; }
          .collection-pg main .mid-bar .inner .nav li:first-child {
            margin: 0 6px 0 0; }
          .collection-pg main .mid-bar .inner .nav li:last-child {
            margin: 0 0 0 6px; }
          .collection-pg main .mid-bar .inner .nav li a {
            padding: 9px 15px;
            color: #222222;
            font-size: 11px;
            border: 1px solid #989898;
            border-radius: 25px;
            text-transform: uppercase;
            letter-spacing: 0.25px;
            display: block; }
      .collection-pg main .mid-bar .inner .toggle-view {
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        height: 32px;
        align-items: center;
        width: 134px;
        text-transform: uppercase;
        letter-spacing: 0.25px; }
        .collection-pg main .mid-bar .inner .toggle-view span, .collection-pg main .mid-bar .inner .toggle-view .toggle-view-btn {
          margin: 0 2px 0 0;
          font-size: 11px;
          color: #222222; }
        .collection-pg main .mid-bar .inner .toggle-view .toggle-view-btn {
          visibility: hidden;
          z-index: -100;
          opacity: 0;
          position: absolute; }
        .collection-pg main .mid-bar .inner .toggle-view .view-btn {
          font-size: 11px;
          width: 26px;
          height: 26px;
          border: 1px solid #989898;
          color: #222222;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center;
          margin: 0 0 0 10px; }
          .collection-pg main .mid-bar .inner .toggle-view .view-btn.active {
            background: #222222;
            color: white;
            border: 1px solid #222222; }
          .collection-pg main .mid-bar .inner .toggle-view .view-btn.lg-view-btn:after {
            content: "2"; }
          .collection-pg main .mid-bar .inner .toggle-view .view-btn.md-view-btn:after {
            content: "3"; }
          .collection-pg main .mid-bar .inner .toggle-view .view-btn.sm-view-btn:after {
            content: "4"; }
  .collection-pg main .loop {
    z-index: 3; }
  .collection-pg main .pagination {
    width: 100%;
    background: lime;
    display: flex;
    justify-content: space-between;
    position: relative;
    visibility: hidden; }
    .collection-pg main .pagination a {
      margin: 0 24px;
      position: absolute;
      top: 0;
      left: 24px; }
      .collection-pg main .pagination a.next-btn {
        left: auto;
        right: 24px; }

@media screen and (max-width: 1633px) {
  .collection-pg main .mid-bar {
    padding: 48px 12px 36px; }
    .collection-pg main .mid-bar .inner .nav li {
      margin-bottom: 12px; } }
@media screen and (max-width: 1196px) {
  .collection-pg main .mid-bar .inner .nav li {
    margin-bottom: 12px; } }
@media screen and (max-width: 950px) {
  .collection-pg {
    padding: 0; }
    .collection-pg main .mid-bar .inner {
      padding: 0 102px; }
      .collection-pg main .mid-bar .inner .toggle-view {
        width: 102px; }
        .collection-pg main .mid-bar .inner .toggle-view .view-btn.lg-view-btn:after {
          content: "1"; }
        .collection-pg main .mid-bar .inner .toggle-view .view-btn.md-view-btn:after {
          content: "2"; }
        .collection-pg main .mid-bar .inner .toggle-view .view-btn.sm-view-btn {
          display: none; } }
@media screen and (max-width: 768px) {
  .collection-pg main .hero {
    height: auto; }
    .collection-pg main .hero .bg {
      height: auto;
      height: 100%; }
      .collection-pg main .hero .bg.desktop {
        display: none; }
      .collection-pg main .hero .bg.mobile {
        display: block; }
        .collection-pg main .hero .bg.mobile.second {
          display: none; }
    .collection-pg main .hero.split {
      grid-template-columns: 1fr; }
    .collection-pg main .hero .logo {
      padding: 0 24px; }
  .collection-pg main .mid-bar {
    padding: 24px 12px 12px; }
    .collection-pg main .mid-bar .inner {
      padding: 0;
      display: flex;
      justify-content: space-between; }
      .collection-pg main .mid-bar .inner .filters-btn {
        position: relative;
        visibility: hidden; }
        .collection-pg main .mid-bar .inner .filters-btn img {
          margin: 0; }
        .collection-pg main .mid-bar .inner .filters-btn span {
          display: none; }
      .collection-pg main .mid-bar .inner .nav {
        display: none; }
      .collection-pg main .mid-bar .inner .toggle-view {
        position: relative;
        width: auto; }
        .collection-pg main .mid-bar .inner .toggle-view span {
          display: none; }
        .collection-pg main .mid-bar .inner .toggle-view .toggle-view-btn {
          visibility: visible;
          opacity: 1;
          z-index: auto;
          position: relative;
          margin: 0; }
        .collection-pg main .mid-bar .inner .toggle-view .view-btn {
          display: none; } }
/*


Product


*/
.product-pg {
  padding: 0; }
  .product-pg.banner-active {
    padding: 36px 0 0; }
  .product-pg.scroll {
    overflow-y: scroll; }
  .product-pg.pin main .information {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000; }
    .product-pg.pin main .information .right .select-size a:last-child:hover {
      border-bottom-left-radius: 25px;
      border-bottom-right-radius: 25px; }
    .product-pg.pin main .information .right .select-size .selector, .product-pg.pin main .information .right .select-color .selector {
      border-left: 1px solid #989898;
      border-right: 1px solid #989898;
      border-top: none;
      border-bottom: 1px solid #989898;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      border-bottom-left-radius: 25px;
      border-bottom-right-radius: 25px; }
    .product-pg.pin main .information .right .select-size.active, .product-pg.pin main .information .right .select-color.active {
      border-top-left-radius: 25px;
      border-top-right-radius: 25px;
      border-top: 1px solid #989898;
      border-bottom: none;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
      .product-pg.pin main .information .right .select-size.active .select-size-btn, .product-pg.pin main .information .right .select-size.active .select-color-btn, .product-pg.pin main .information .right .select-color.active .select-size-btn, .product-pg.pin main .information .right .select-color.active .select-color-btn {
        margin-top: 0; }
      .product-pg.pin main .information .right .select-size.active .selector, .product-pg.pin main .information .right .select-color.active .selector {
        bottom: auto;
        top: 35px; }
    .product-pg.pin main .information .right .select-size a.last-color:hover, .product-pg.pin main .information .right .select-color a.last-color:hover {
      border-bottom-left-radius: 25px;
      border-bottom-right-radius: 25px; }
    .product-pg.pin main .information .right .select-size a:hover:first-child, .product-pg.pin main .information .right .select-color a:hover:first-child {
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
    .product-pg.pin main .information .bottom {
      display: none; }
  .product-pg.pin main .mat-desc {
    margin: 129px 0 0; }
  .product-pg main {
    position: relative;
    padding: 0 0 99px; }
    .product-pg main .gallery {
      display: flex;
      overflow-x: scroll;
      overflow-y: hidden;
      -ms-overflow-style: none;
      scrollbar-width: none;
      position: relative; }
      .product-pg main .gallery:-webkit-scrollbar {
        display: none; }
      .product-pg main .gallery .left-btn, .product-pg main .gallery .right-btn {
        height: 100vh;
        width: 50px;
        display: none; }
      .product-pg main .gallery .left-btn {
        background: lightblue; }
      .product-pg main .gallery .right-btn {
        background: lightgreen; }
      .product-pg main .gallery .gallery-btn.hide {
        display: none; }
      .product-pg main .gallery .gallery-btn img {
        height: 100%; }
    .product-pg main .pdp-swiper {
      position: relative;
      overflow-y: hidden;
      -ms-overflow-style: none;
      scrollbar-width: none; }
      .product-pg main .pdp-swiper .swiper-pagination {
        bottom: 12px;
        left: 12px;
        top: auto;
        width: auto;
        display: flex; }
        .product-pg main .pdp-swiper .swiper-pagination .swiper-pagination-bullet {
          background: white;
          height: 5px;
          width: 5px;
          border: 1px solid #989898;
          margin: 0 4px 0 0;
          border: none;
          opacity: 1; }
          .product-pg main .pdp-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: #222222; }
      .product-pg main .pdp-swiper .swiper-button-next, .product-pg main .pdp-swiper .swiper-button-prev {
        z-index: 1;
        width: 100px;
        height: 100%;
        top: 0;
        margin: 0;
        right: 0; }
        .product-pg main .pdp-swiper .swiper-button-next.swiper-button-disabled, .product-pg main .pdp-swiper .swiper-button-prev.swiper-button-disabled {
          opacity: 0; }
      .product-pg main .pdp-swiper .swiper-button-next {
        right: 0;
        cursor: url("https://jesse-kamm-store.myshopify.com/cdn/shop/t/6/assets/arrow-black-right.svg?v=79559618511413387131715287319"), auto; }
        .product-pg main .pdp-swiper .swiper-button-next:after {
          content: "";
          opacity: 0; }
      .product-pg main .pdp-swiper .swiper-button-prev {
        left: 0;
        cursor: url("https://jesse-kamm-store.myshopify.com/cdn/shop/t/6/assets/arrow-black-left.svg?v=79559618511413387131715287319"), auto; }
        .product-pg main .pdp-swiper .swiper-button-prev:after {
          opacity: 0; }
    .product-pg main .gallery-swiper {
      opacity: 0;
      height: 100vh; }
      .product-pg main .gallery-swiper.show {
        opacity: 1; }
      .product-pg main .gallery-swiper .swiper-wrapper .swiper-slide {
        width: auto; }
        .product-pg main .gallery-swiper .swiper-wrapper .swiper-slide img {
          display: block;
          height: 100%; }
    .product-pg main .zoom-swiper {
      height: 100vh;
      z-index: -10000;
      opacity: 0;
      visibility: hidden;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%; }
      .product-pg main .zoom-swiper .swiper-wrapper .swiper-slide {
        width: auto; }
        .product-pg main .zoom-swiper .swiper-wrapper .swiper-slide .zoom-btn {
          cursor: url("https://jesse-kamm-store.myshopify.com/cdn/shop/t/2/assets/zoom-in.png"), auto; }
          .product-pg main .zoom-swiper .swiper-wrapper .swiper-slide .zoom-btn img {
            margin: 0 auto;
            display: block;
            height: 100%; }
      .product-pg main .zoom-swiper .swiper-pagination {
        left: 50%;
        transform: translateX(-50%); }
      .product-pg main .zoom-swiper .close-gallery-btn {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 10;
        width: 72px;
        height: 72px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .product-pg main .zoom-swiper .close-gallery-btn img {
          width: 18px;
          height: 18px; }
    .product-pg main .mobile-swiperx {
      position: relative;
      overflow: hidden;
      display: none;
      z-index: 10; }
      .product-pg main .mobile-swiperx .swiper-wrapper .swiper-slide img {
        display: block;
        width: 100%; }
      .product-pg main .mobile-swiperx .swiper-pagination {
        bottom: 12px;
        left: 12px;
        top: auto;
        width: auto;
        display: flex; }
        .product-pg main .mobile-swiperx .swiper-pagination .swiper-pagination-bullet {
          background: white;
          height: 4px;
          width: 4px;
          margin: 0 4px 0 0;
          border: none;
          opacity: 1; }
          .product-pg main .mobile-swiperx .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: #222222; }
    .product-pg main .information {
      position: relative;
      width: 100%;
      background: white;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      z-index: 10; }
      .product-pg main .information .left, .product-pg main .information .middle {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 24px 0; }
      .product-pg main .information .left {
        width: 384px;
        margin: 0 0 0 24px; }
        .product-pg main .information .left .title {
          text-transform: uppercase;
          font-size: 19px;
          height: 19px;
          letter-spacing: 0.5px; }
        .product-pg main .information .left .price {
          font-size: 15px;
          height: 15px;
          margin: 9px 0 15px;
          display: flex;
          align-items: center; }
          .product-pg main .information .left .price s, .product-pg main .information .left .price span {
            margin: 0 0 0 10px;
            color: #989898;
            text-transform: uppercase; }
      .product-pg main .information .middle {
        font-size: 11px;
        align-items: center; }
        .product-pg main .information .middle .sizes {
          list-style-type: none;
          margin: 12px 0 0;
          padding: 0;
          display: flex; }
          .product-pg main .information .middle .sizes label {
            display: flex;
            margin: 0 5px;
            position: relative;
            cursor: pointer;
            width: 26px;
            height: 26px; }
            .product-pg main .information .middle .sizes label.expand {
              height: 29px;
              width: 45px; }
              .product-pg main .information .middle .sizes label.expand span {
                width: 45px;
                border-radius: 25px; }
                .product-pg main .information .middle .sizes label.expand span.sold-out:after {
                  width: 34px; }
            .product-pg main .information .middle .sizes label:first-child {
              margin: 0 5px 0 0; }
            .product-pg main .information .middle .sizes label:last-child {
              margin: 0 0 0 5px; }
            .product-pg main .information .middle .sizes label span {
              width: 26px;
              height: 26px;
              border: 1px solid #989898;
              border-radius: 50%;
              display: flex;
              align-items: center;
              justify-content: center;
              cursor: pointer;
              position: absolute;
              top: 0;
              left: 0; }
              .product-pg main .information .middle .sizes label span.sold-out {
                background: #F4F4F4;
                color: #d8d8d8;
                border: 1px solid #d8d8d8;
                color: #989898;
                position: relative; }
                .product-pg main .information .middle .sizes label span.sold-out:after {
                  content: "";
                  height: 1px;
                  width: 26px;
                  background: #989898;
                  position: absolute;
                  transform: rotate(-45deg); }
              .product-pg main .information .middle .sizes label span:hover {
                background: #eeeeee; }
            .product-pg main .information .middle .sizes label input {
              position: absolute;
              opacity: 0; }
              .product-pg main .information .middle .sizes label input:checked + span {
                background: #222222;
                color: white; }
                .product-pg main .information .middle .sizes label input:checked + span.sold-out {
                  background: #F4F4F4;
                  color: #d8d8d8;
                  border: 1px solid #d8d8d8;
                  color: #989898;
                  position: relative; }
                  .product-pg main .information .middle .sizes label input:checked + span.sold-out:after {
                    content: "";
                    height: 1px;
                    width: 26px;
                    background: #989898;
                    position: absolute;
                    transform: rotate(-45deg); }
        .product-pg main .information .middle .notify-btn {
          margin: 12px 0 0;
          font-size: 11px;
          color: #989898;
          text-decoration: underline;
          opacity: 0;
          visibility: hidden;
          z-index: -10; }
          .product-pg main .information .middle .notify-btn.show {
            opacity: 1;
            visibility: visible;
            z-index: auto; }
      .product-pg main .information .right {
        padding: 24px 0;
        width: 384px;
        margin: 0 24px 0 0; }
      .product-pg main .information .stripe {
        width: 100%;
        height: 1px;
        background: #eeeeee; }
      .product-pg main .information .bottom {
        height: 35px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-transform: uppercase;
        font-size: 11px;
        color: #222222;
        letter-spacing: 0.5px; }
    .product-pg main .mat-desc {
      margin: 0;
      display: grid;
      grid-template-columns: 1fr 1fr; }
      .product-pg main .mat-desc .left {
        position: relative; }
        .product-pg main .mat-desc .left img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .product-pg main .mat-desc .left .text {
          color: white;
          display: flex;
          flex-direction: column;
          position: absolute;
          top: 24px;
          left: 24px;
          width: 100%; }
          .product-pg main .mat-desc .left .text span.heading {
            font-size: 19px;
            text-transform: uppercase;
            margin: 0 0 36px;
            letter-spacing: 0.5px;
            text-shadow: 1px 1px 3px rgba(216, 216, 216, 0.3); }
          .product-pg main .mat-desc .left .text span.mat-text {
            padding: 0 30% 0 0; }
      .product-pg main .mat-desc .right {
        padding: 24px 0 24px 24px;
        display: flex;
        flex-direction: column; }
        .product-pg main .mat-desc .right span.heading {
          font-size: 19px;
          text-transform: uppercase;
          margin: 0 0 36px;
          letter-spacing: 0.5px; }
        .product-pg main .mat-desc .right .description {
          margin: 0 0 24px; }
          .product-pg main .mat-desc .right .description p, .product-pg main .mat-desc .right .description span {
            margin: 0 0 12px;
            font-size: 15px;
            line-height: 21px;
            padding: 0 30% 0 0;
            letter-spacing: 0.1px; }
            .product-pg main .mat-desc .right .description p:last-child, .product-pg main .mat-desc .right .description span:last-child {
              margin: 0; }
          .product-pg main .mat-desc .right .description ul {
            visibility: hidden;
            position: absolute;
            z-index: -100;
            opacity: 0;
            height: 0;
            width: 0; }
          .product-pg main .mat-desc .right .description a {
            text-decoration: underline;
            color: #222222; }
        .product-pg main .mat-desc .right .bottom {
          margin-top: auto; }
          .product-pg main .mat-desc .right .bottom .size-guide-btn {
            margin: 0 0 24px;
            padding: 9px 15px;
            border: 1px solid #989898;
            text-transform: uppercase;
            border-radius: 25px;
            font-size: 11px;
            display: inline-block;
            color: #222222;
            letter-spacing: 0.5px; }
            .product-pg main .mat-desc .right .bottom .size-guide-btn:hover {
              background: #eeeeee; }
          .product-pg main .mat-desc .right .bottom .stripe {
            height: 1px;
            background: #eeeeee; }
          .product-pg main .mat-desc .right .bottom ul {
            padding: 0;
            margin: 0 0 0 14px;
            font-size: 11px; }
            .product-pg main .mat-desc .right .bottom ul li {
              margin: 0;
              line-height: 17px; }
          .product-pg main .mat-desc .right .bottom .details, .product-pg main .mat-desc .right .bottom .care {
            border-top: 1px solid #eeeeee;
            padding: 24px 0 36px 0;
            display: flex;
            flex-direction: column; }
            .product-pg main .mat-desc .right .bottom .details .heading, .product-pg main .mat-desc .right .bottom .care .heading {
              margin: 0 0 24px;
              font-size: 15px;
              line-height: 15px; }
            .product-pg main .mat-desc .right .bottom .details p, .product-pg main .mat-desc .right .bottom .care p {
              margin: 0;
              font-size: 11px;
              line-height: 17px;
              padding: 0 30% 0 0; }
          .product-pg main .mat-desc .right .bottom .care p {
            margin-bottom: 12px; }
    .product-pg main .select-wrap {
      display: flex;
      justify-content: space-between;
      align-items: flex-end; }
    .product-pg main .product-atc .select-size {
      float: left; }
      .product-pg main .product-atc .select-size .selector a:first-child {
        border-top-left-radius: 25px;
        border-top-right-radius: 25px; }
    .product-pg main .product-atc .select-color {
      float: right; }
    .product-pg main .product-atc .select-size,
    .product-pg main .product-atc .select-color {
      width: calc(50% - 3px);
      background: white;
      border: 1px solid #989898;
      color: #222222;
      margin: 0;
      position: relative;
      display: flex;
      flex-direction: column;
      border-radius: 25px; }
      .product-pg main .product-atc .select-size.single-color .selector,
      .product-pg main .product-atc .select-color.single-color .selector {
        display: none; }
      .product-pg main .product-atc .select-size.single-color.active,
      .product-pg main .product-atc .select-color.single-color.active {
        border-top: 1px solid #989898;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px; }
        .product-pg main .product-atc .select-size.single-color.active .select-color-btn,
        .product-pg main .product-atc .select-color.single-color.active .select-color-btn {
          margin-top: 0; }
      .product-pg main .product-atc .select-size.single-color .select-color-btn:after,
      .product-pg main .product-atc .select-color.single-color .select-color-btn:after {
        background: none; }
      .product-pg main .product-atc .select-size.single .selector a:hover,
      .product-pg main .product-atc .select-color.single .selector a:hover {
        border-top-left-radius: 25px;
        border-top-right-radius: 25px; }
      .product-pg main .product-atc .select-size.active,
      .product-pg main .product-atc .select-color.active {
        border-top: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0; }
        .product-pg main .product-atc .select-size.active .select-size-btn,
        .product-pg main .product-atc .select-size.active .select-color-btn,
        .product-pg main .product-atc .select-color.active .select-size-btn,
        .product-pg main .product-atc .select-color.active .select-color-btn {
          margin-top: 1px; }
          .product-pg main .product-atc .select-size.active .select-size-btn:after,
          .product-pg main .product-atc .select-size.active .select-color-btn:after,
          .product-pg main .product-atc .select-color.active .select-size-btn:after,
          .product-pg main .product-atc .select-color.active .select-color-btn:after {
            transform: rotate(180deg); }
        .product-pg main .product-atc .select-size.active .selector,
        .product-pg main .product-atc .select-color.active .selector {
          opacity: 1;
          visibility: visible;
          z-index: 25; }
      .product-pg main .product-atc .select-size .selector,
      .product-pg main .product-atc .select-color .selector {
        position: absolute;
        bottom: 35px;
        left: -1px;
        width: calc(100% + 2px);
        display: flex;
        flex-direction: column;
        background: white;
        border-left: 1px solid #989898;
        border-right: 1px solid #989898;
        border-top: 1px solid #989898;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
        z-index: -100;
        opacity: 0;
        visibility: hidden; }
        .product-pg main .product-atc .select-size .selector a,
        .product-pg main .product-atc .select-color .selector a {
          color: #222222;
          height: 36px;
          font-size: 11px;
          display: flex;
          justify-content: center;
          align-items: center; }
          .product-pg main .product-atc .select-size .selector a.notify,
          .product-pg main .product-atc .select-color .selector a.notify {
            background: #f4f4f4;
            color: #989898; }
          .product-pg main .product-atc .select-size .selector a.first-color,
          .product-pg main .product-atc .select-color .selector a.first-color {
            border-top-left-radius: 25px;
            border-top-right-radius: 25px; }
          .product-pg main .product-atc .select-size .selector a:hover,
          .product-pg main .product-atc .select-color .selector a:hover {
            background: #eeeeee;
            background: #222222;
            color: white; }
          .product-pg main .product-atc .select-size .selector a.salt,
          .product-pg main .product-atc .select-color .selector a.salt {
            order: 1; }
          .product-pg main .product-atc .select-size .selector a.natural,
          .product-pg main .product-atc .select-color .selector a.natural {
            order: 10; }
          .product-pg main .product-atc .select-size .selector a.black,
          .product-pg main .product-atc .select-color .selector a.black {
            order: 20; }
          .product-pg main .product-atc .select-size .selector a.mushroom,
          .product-pg main .product-atc .select-color .selector a.mushroom {
            order: 30; }
          .product-pg main .product-atc .select-size .selector a.olive,
          .product-pg main .product-atc .select-color .selector a.olive {
            order: 40; }
          .product-pg main .product-atc .select-size .selector a.sequoia,
          .product-pg main .product-atc .select-color .selector a.sequoia {
            order: 50; }
          .product-pg main .product-atc .select-size .selector a.tobacco,
          .product-pg main .product-atc .select-color .selector a.tobacco {
            order: 60; }
          .product-pg main .product-atc .select-size .selector a.buff,
          .product-pg main .product-atc .select-color .selector a.buff {
            order: 70; }
          .product-pg main .product-atc .select-size .selector a.dogwood,
          .product-pg main .product-atc .select-color .selector a.dogwood {
            order: 80; }
          .product-pg main .product-atc .select-size .selector a.lichen,
          .product-pg main .product-atc .select-color .selector a.lichen {
            order: 90; }
          .product-pg main .product-atc .select-size .selector a.pale-blue-denim,
          .product-pg main .product-atc .select-color .selector a.pale-blue-denim {
            order: 100; }
          .product-pg main .product-atc .select-size .selector a.cowboy-blue-denim,
          .product-pg main .product-atc .select-color .selector a.cowboy-blue-denim {
            order: 110; }
          .product-pg main .product-atc .select-size .selector a.mechanics-blue,
          .product-pg main .product-atc .select-color .selector a.mechanics-blue {
            order: 120; }
          .product-pg main .product-atc .select-size .selector a.midnight,
          .product-pg main .product-atc .select-color .selector a.midnight {
            order: 130; }
          .product-pg main .product-atc .select-size .selector a.dark-denim,
          .product-pg main .product-atc .select-color .selector a.dark-denim {
            order: 150; }
      .product-pg main .product-atc .select-size .select-size-btn,
      .product-pg main .product-atc .select-size .select-color-btn,
      .product-pg main .product-atc .select-color .select-size-btn,
      .product-pg main .product-atc .select-color .select-color-btn {
        font-size: 11px;
        height: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #222222;
        position: relative;
        line-height: 36px; }
        .product-pg main .product-atc .select-size .select-size-btn.single:after,
        .product-pg main .product-atc .select-size .select-color-btn.single:after,
        .product-pg main .product-atc .select-color .select-size-btn.single:after,
        .product-pg main .product-atc .select-color .select-color-btn.single:after {
          background: none; }
        .product-pg main .product-atc .select-size .select-size-btn:after,
        .product-pg main .product-atc .select-size .select-color-btn:after,
        .product-pg main .product-atc .select-color .select-size-btn:after,
        .product-pg main .product-atc .select-color .select-color-btn:after {
          content: "";
          background: url("https://jesse-kamm-store.myshopify.com/cdn/shop/t/2/assets/down-arrow.svg?v=29082808783322244061708071362");
          height: 4px;
          width: 6px;
          background-size: cover;
          position: absolute;
          right: 12px; }
    .product-pg main .product-atc .atc-btn {
      width: 100%;
      margin: 6px 0 0;
      text-transform: none; }
      .product-pg main .product-atc .atc-btn.enabled {
        background: #222222;
        color: white;
        text-transform: uppercase;
        border: 1px solid #222222; }
    .product-pg main #mobile-atc {
      padding: 24px;
      position: absolute;
      bottom: 0;
      background: white;
      width: 100%;
      border-top: 1px solid #eeeeee;
      z-index: -10000;
      opacity: 0;
      visibility: hidden;
      display: none; }
      .product-pg main #mobile-atc.orange {
        display: block; }
      .product-pg main #mobile-atc.sticky {
        position: absolute; }
      .product-pg main #mobile-atc .select-size.active, .product-pg main #mobile-atc .select-color.active {
        border-top-left-radius: 25px;
        border-top-right-radius: 25px; }
        .product-pg main #mobile-atc .select-size.active .selector, .product-pg main #mobile-atc .select-color.active .selector {
          position: relative;
          bottom: auto; }
    .product-pg main .misc {
      display: grid;
      grid-template-columns: 1fr 1fr;
      overflow: hidden; }
      .product-pg main .misc span.heading {
        font-size: 19px;
        text-transform: uppercase;
        margin: 0 0 36px; }
      .product-pg main .misc .left {
        display: flex;
        flex-direction: column;
        position: relative; }
        .product-pg main .misc .left img {
          display: block;
          width: 100%; }
        .product-pg main .misc .left span {
          position: absolute;
          top: 24px;
          left: 24px;
          color: white;
          text-shadow: 1px 1px 3px rgba(216, 216, 216, 0.3); }
        .product-pg main .misc .left .top {
          display: grid;
          grid-template-columns: 1fr;
          height: 50%; }
          .product-pg main .misc .left .top img {
            height: 100%;
            object-fit: cover; }
        .product-pg main .misc .left .bottom {
          position: relative;
          height: 50%; }
          .product-pg main .misc .left .bottom.full {
            height: 100%; }
          .product-pg main .misc .left .bottom img {
            height: 100%;
            object-fit: cover; }
      .product-pg main .misc .right {
        height: 100%; }
        .product-pg main .misc .right img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover; }
    .product-pg main .explore {
      margin: 24px 0 0;
      border-top: 1px solid #989898;
      border-top: 1px solid #eeeeee; }
      .product-pg main .explore .heading {
        display: block;
        text-align: center;
        margin: 12px 0 0;
        text-transform: uppercase;
        font-size: 11px; }
      .product-pg main .explore .loop {
        margin: 30px 0 0; }
    .product-pg main .bottom-logo {
      opacity: 0;
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s; }
      .product-pg main .bottom-logo.show {
        opacity: 1; }

@media screen and (max-width: 1280px) {
  .product-pg main .information .middle {
    display: none; }
  .product-pg main .mat-desc .left .text span.mat-text {
    padding: 0 20% 0 0; }
  .product-pg main .mat-desc .right .description p {
    padding: 0 20% 0 0; } }
@media screen and (max-width: 768px) {
  .product-pg.pin {
    position: relative;
    top: auto;
    left: auto;
    z-index: auto; }
    .product-pg.pin main .information {
      position: relative;
      top: auto;
      left: auto;
      z-index: auto; }
    .product-pg.pin main .mat-desc {
      margin: 0; }
  .product-pg header .breadcrumbs {
    display: none; }
  .product-pg main .gallery-swiper {
    display: none; }
  .product-pg main .zoom-swiper {
    display: none; }
  .product-pg main .mobile-swiperx {
    display: block; }
  .product-pg main .information {
    z-index: 10; }
    .product-pg main .information .left {
      width: 100%;
      padding: 24px;
      margin: 0;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between; }
      .product-pg main .information .left .title {
        font-size: 15px; }
      .product-pg main .information .left .price {
        font-size: 14px;
        margin: 0;
        text-align: right; }
      .product-pg main .information .left .color-swatches {
        margin: 12px 0 0;
        width: 100%; }
    .product-pg main .information .right, .product-pg main .information .bottom {
      display: none;
      visibility: hidden;
      z-index: -10000;
      opacity: 0;
      position: absolute; }
    .product-pg main .information .right {
      visibility: visible;
      z-index: auto;
      opacity: 1;
      position: relative;
      margin: 0 24px 24px;
      padding: 0; }
      .product-pg main .information .right .select-size .select-size-btn {
        padding-bottom: 2px; }
      .product-pg main .information .right .select-color .select-color-btn {
        padding-bottom: 2px; }
      .product-pg main .information .right .atc-btn {
        padding-bottom: 2px; }
    .product-pg main .information .stripe {
      display: none; }
  .product-pg main .mat-desc {
    grid-template-columns: 1fr;
    z-index: 10;
    position: relative;
    background: white; }
    .product-pg main .mat-desc .left {
      display: block;
      order: 2; }
    .product-pg main .mat-desc .right {
      padding: 0;
      order: 1; }
      .product-pg main .mat-desc .right .heading.heading-desc {
        display: none; }
      .product-pg main .mat-desc .right .description {
        margin: 0;
        padding: 0 24px; }
        .product-pg main .mat-desc .right .description p {
          padding: 0; }
      .product-pg main .mat-desc .right .bottom {
        margin: 40px 0 0; }
        .product-pg main .mat-desc .right .bottom .size-guide-btn {
          margin: 0 0 24px 24px; }
        .product-pg main .mat-desc .right .bottom .details, .product-pg main .mat-desc .right .bottom .care {
          padding: 24px 0; }
          .product-pg main .mat-desc .right .bottom .details .heading, .product-pg main .mat-desc .right .bottom .care .heading {
            font-size: 15px; }
          .product-pg main .mat-desc .right .bottom .details .heading, .product-pg main .mat-desc .right .bottom .details ul, .product-pg main .mat-desc .right .bottom .details p, .product-pg main .mat-desc .right .bottom .care .heading, .product-pg main .mat-desc .right .bottom .care ul, .product-pg main .mat-desc .right .bottom .care p {
            padding: 0 24px; }
        .product-pg main .mat-desc .right .bottom .care {
          border-bottom: none; }
  .product-pg main .misc {
    grid-template-columns: 1fr;
    display: none; }
    .product-pg main .misc .left {
      width: 100%; }
      .product-pg main .misc .left .top, .product-pg main .misc .left .bottom {
        height: auto; }
        .product-pg main .misc .left .top img, .product-pg main .misc .left .bottom img {
          height: auto;
          object-fit: fill; }
        .product-pg main .misc .left .top span, .product-pg main .misc .left .bottom span {
          font-size: 15px; }
    .product-pg main .misc .right {
      display: none; }
  .product-pg main .explore {
    margin: 24px 0 0;
    margin: 0; }
    .product-pg main .explore .loop {
      grid-template-columns: 1fr; }
      .product-pg main .explore .loop .product .mobile-swiper .label {
        display: flex; }
      .product-pg main .explore .loop .product .options {
        display: none; }
  .product-pg main #mobile-atc {
    z-index: 350;
    opacity: 1;
    visibility: visible;
    position: fixed; }
    .product-pg main #mobile-atc.sticky {
      position: relative; } }
/*


Size Guide


*/
#size-guide {
  z-index: -9999;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap; }
  #size-guide.active {
    opacity: 1;
    visibility: visible;
    z-index: 9999;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s; }
  #size-guide .close-size-guide-btn {
    opacity: 0; }
    #size-guide .close-size-guide-btn.top-close-size {
      background: orange;
      width: 100%;
      height: calc((100% - 697px) / 2);
      opacity: 0; }
    #size-guide .close-size-guide-btn.left-close-size, #size-guide .close-size-guide-btn.right-close-size {
      background: purple;
      width: calc((100% - 1010px) / 2);
      height: 697px;
      opacity: 0; }
    #size-guide .close-size-guide-btn.right-close-size {
      background: lime;
      opacity: 0; }
    #size-guide .close-size-guide-btn.bottom-close-size {
      background: red;
      opacity: 0;
      width: 100%;
      height: calc((100% - 697px) / 2); }
  #size-guide .inner {
    width: calc(100% - 96px);
    max-width: 1010px;
    background: white;
    border: 1px solid #989898;
    padding: 36px;
    height: auto; }
    #size-guide .inner .top {
      display: flex;
      justify-content: space-between; }
      #size-guide .inner .top span {
        font-size: 15px;
        text-transform: uppercase;
        line-height: 15px;
        letter-spacing: 0.5px; }
      #size-guide .inner .top a {
        height: 17px;
        width: 17px;
        opacity: 1; }
        #size-guide .inner .top a img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover; }
    #size-guide .inner p {
      font-size: 15px;
      line-height: 22px;
      margin: 24px 0;
      width: 100%;
      max-width: 442px; }
    #size-guide .inner .middle {
      display: flex; }
      #size-guide .inner .middle .left {
        display: flex;
        flex-direction: column; }
        #size-guide .inner .middle .left .title {
          font-size: 15px;
          text-transform: uppercase;
          line-height: 15px;
          display: none; }
        #size-guide .inner .middle .left .color {
          font-size: 11px;
          line-height: 11px;
          margin: 6px 0 0;
          display: none; }
        #size-guide .inner .middle .left img {
          display: block;
          width: 135px; }
      #size-guide .inner .middle .right {
        display: flex;
        flex-direction: column;
        margin: 20px 0 0 24px; }
        #size-guide .inner .middle .right .title {
          font-size: 15px;
          text-transform: uppercase;
          line-height: 15px;
          letter-spacing: 0.5px; }
        #size-guide .inner .middle .right .color {
          font-size: 11px;
          line-height: 11px;
          margin: 6px 0 0; }
        #size-guide .inner .middle .right .blocks {
          margin: 36px 0 0;
          display: flex; }
          #size-guide .inner .middle .right .blocks .fit, #size-guide .inner .middle .right .blocks .details {
            display: flex;
            flex-direction: column; }
            #size-guide .inner .middle .right .blocks .fit .heading, #size-guide .inner .middle .right .blocks .details .heading {
              font-size: 11px;
              line-height: 11px;
              margin: 0 0 12px;
              text-transform: uppercase;
              letter-spacing: 0.25px; }
            #size-guide .inner .middle .right .blocks .fit ul, #size-guide .inner .middle .right .blocks .details ul {
              padding: 0;
              margin: 0 0 0 14px;
              font-size: 11px; }
              #size-guide .inner .middle .right .blocks .fit ul li, #size-guide .inner .middle .right .blocks .details ul li {
                margin: 0;
                line-height: 17px; }
          #size-guide .inner .middle .right .blocks .details {
            margin: 0 0 0 72px; }
    #size-guide .inner .btn-row {
      margin: 12px 0 0;
      display: flex; }
      #size-guide .inner .btn-row a {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        height: 30px;
        border: 1px solid #989898;
        text-transform: uppercase;
        font-size: 11px;
        color: #222222;
        padding: 0 12px;
        margin: 24px 6px 0 0;
        border-radius: 25px;
        white-space: nowrap;
        letter-spacing: 0.25px; }
        #size-guide .inner .btn-row a.active {
          color: white;
          background: #222222; }
        #size-guide .inner .btn-row a#conversion-btn, #size-guide .inner .btn-row a#cent-btn {
          margin: 24px 0 0 0; }
    #size-guide .inner .table {
      margin: 36px 0 0;
      width: 100%; }
      #size-guide .inner .table table {
        width: 100%;
        border-collapse: collapse; }
        #size-guide .inner .table table td, #size-guide .inner .table table th {
          border: 1px solid #989898;
          padding: 0;
          text-align: center;
          font-size: 11px;
          line-height: 36px;
          font-weight: normal; }
          #size-guide .inner .table table td.mobile, #size-guide .inner .table table th.mobile {
            display: none; }

@media screen and (max-width: 1110px) {
  #size-guide .close-size-guide-btn.left-close-size, #size-guide .close-size-guide-btn.right-close-size {
    width: 48px;
    opacity: 0; }
  #size-guide .close-size-guide-btn.right-close-size {
    background: blue;
    opacity: 0; } }
@media screen and (max-width: 768px) {
  #size-guide .close-size-guide-btn.top-close-size, #size-guide .close-size-guide-btn.right-close-size, #size-guide .close-size-guide-btn.bottom-close-size {
    display: none; }
  #size-guide .close-size-guide-btn.left-close-size {
    width: 48px;
    height: 100%;
    opacity: 0; }
  #size-guide .inner {
    width: calc(100% - 48px);
    height: 100%;
    left: auto;
    transform: none;
    top: 0;
    right: 0;
    border-right: none;
    border-top: none;
    border-bottom: none;
    padding: 0 0 24px;
    overflow-x: hidden; }
    #size-guide .inner .top {
      padding: 24px 24px 48px;
      border-bottom: 1px solid #989898; }
    #size-guide .inner p {
      padding: 0 24px; }
    #size-guide .inner .middle {
      padding: 0 24px;
      flex-direction: column;
      align-items: flex-start; }
      #size-guide .inner .middle .left {
        margin: 36px 0 0;
        width: 100%; }
        #size-guide .inner .middle .left .title, #size-guide .inner .middle .left .color {
          display: inline-flex; }
        #size-guide .inner .middle .left img {
          margin: 24px auto 0; }
      #size-guide .inner .middle .right {
        margin: 0; }
        #size-guide .inner .middle .right .title, #size-guide .inner .middle .right .color {
          display: none; }
        #size-guide .inner .middle .right .blocks {
          flex-direction: column;
          align-items: flex-start; }
          #size-guide .inner .middle .right .blocks .details {
            margin: 24px 0 0 0; }
    #size-guide .inner .btn-row {
      padding: 0 24px; }
    #size-guide .inner .table {
      margin: 36px 0 0 24px;
      width: 100%;
      overflow: auto;
      -ms-overflow-style: none;
      scrollbar-width: none; }
      #size-guide .inner .table:-webkit-scrollbar {
        display: none; }
      #size-guide .inner .table table {
        width: 800px; }
        #size-guide .inner .table table th.mobile, #size-guide .inner .table table td.mobile {
          display: table-cell;
          opacity: 0;
          border: none; } }
/*


Stockists Page


*/
.stockists-pg {
  padding: 0; }
  .stockists-pg main {
    position: relative; }
    .stockists-pg main .anchor {
      display: block;
      position: relative;
      visibility: hidden; }
    .stockists-pg main .pill-nav {
      position: fixed;
      bottom: 36px;
      left: 36px;
      display: flex; }
      .stockists-pg main .pill-nav.sticky {
        position: absolute; }
      .stockists-pg main .pill-nav a {
        padding: 10px 14px;
        color: #222222;
        border-radius: 25px;
        border: 1px solid #222222;
        text-transform: uppercase;
        letter-spacing: 0.25px;
        margin: 0 10px 0 0;
        background: white;
        font-size: 11px;
        line-height: 11px; }
        .stockists-pg main .pill-nav a.active {
          background: #222222;
          color: white; }
    .stockists-pg main .break {
      width: 100%;
      height: 1px;
      margin: 72px 0 0;
      background: #d8d8d8;
      display: block; }
    .stockists-pg main .shopify-section {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      position: relative; }
      .stockists-pg main .shopify-section .hero {
        display: grid;
        grid-template-columns: 1fr 1fr;
        overflow: hidden;
        position: relative;
        z-index: 10;
        height: 100vh; }
        .stockists-pg main .shopify-section .hero .bg {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .stockists-pg main .shopify-section .hero .logo {
          display: block;
          width: 100%;
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%);
          padding: 0 24px; }
      .stockists-pg main .shopify-section span {
        font-size: 25px;
        line-height: 25px; }
        .stockists-pg main .shopify-section span.state-region {
          margin: 72px 0 12px;
          text-transform: uppercase;
          letter-spacing: 0.5px; }
        .stockists-pg main .shopify-section span.retailer {
          margin: 36px 0 0; }
        .stockists-pg main .shopify-section span.city {
          font-style: italic;
          margin: 6px 0 0; }
        .stockists-pg main .shopify-section span.mobile-heading {
          height: 48px;
          line-height: 48px;
          z-index: 10;
          background: #fff;
          display: none;
          font-size: 11px;
          text-transform: uppercase;
          letter-spacing: 0.25px;
          text-align: center;
          width: 100%; }
      .stockists-pg main .shopify-section .mobile-hero {
        height: 100vh;
        width: 100%;
        position: relative;
        display: none;
        z-index: 10; }
        .stockists-pg main .shopify-section .mobile-hero .mobile-height {
          height: 100%;
          width: 100%;
          object-fit: cover; }
        .stockists-pg main .shopify-section .mobile-hero .mobile-logo {
          width: 100%;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          padding: 0 24px; }
          .stockists-pg main .shopify-section .mobile-hero .mobile-logo img {
            display: block; }
    .stockists-pg main .spacer {
      height: 120px; }

@media screen and (max-width: 768px) {
  .stockists-pg main .shopify-section .hero {
    grid-template-columns: 1fr;
    height: auto; }
    .stockists-pg main .shopify-section .hero .bg {
      display: none; }
    .stockists-pg main .shopify-section .hero .second {
      display: none; }
    .stockists-pg main .shopify-section .hero .mobile-height {
      display: block; }
  .stockists-pg main .shopify-section .mobile-hero {
    display: block; }
  .stockists-pg main .shopify-section span {
    font-size: 19px;
    line-height: 19px; }
    .stockists-pg main .shopify-section span.mobile-heading {
      display: block; }
  .stockists-pg main .pill-nav {
    display: none; } }
/*


Half Page


*/
.half-pg main {
  position: relative; }
  .half-pg main .sticky-block {
    display: flex; }
    .half-pg main .sticky-block .mobile-hero {
      height: 100vh;
      width: 100%;
      position: relative;
      display: none;
      z-index: 10; }
      .half-pg main .sticky-block .mobile-hero .mobile-height {
        height: 100%;
        width: 100%;
        object-fit: cover; }
      .half-pg main .sticky-block .mobile-hero .mobile-logo {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0 24px; }
        .half-pg main .sticky-block .mobile-hero .mobile-logo img {
          display: block; }
      .half-pg main .sticky-block .mobile-hero video {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .half-pg main .sticky-block .left, .half-pg main .sticky-block .right {
      width: 50%;
      display: flex;
      flex-direction: column;
      padding: 0 36px;
      position: relative; }
      .half-pg main .sticky-block .left.full-height, .half-pg main .sticky-block .right.full-height {
        height: calc(100vh); }
      .half-pg main .sticky-block .left.stick, .half-pg main .sticky-block .right.stick {
        position: sticky;
        top: 0;
        padding: 0;
        object-fit: cover; }
      .half-pg main .sticky-block .left.contained, .half-pg main .sticky-block .right.contained {
        align-items: center;
        justify-content: center; }
        .half-pg main .sticky-block .left.contained img, .half-pg main .sticky-block .right.contained img {
          width: 50%; }
        .half-pg main .sticky-block .left.contained video, .half-pg main .sticky-block .right.contained video {
          width: 50%; }
      .half-pg main .sticky-block .left .square, .half-pg main .sticky-block .right .square {
        width: 48px;
        height: 48px;
        background: red;
        position: absolute;
        top: 0;
        left: 36px;
        opacity: 0; }
      .half-pg main .sticky-block .left .heading, .half-pg main .sticky-block .right .heading {
        text-transform: uppercase;
        font-size: 25px;
        line-height: 25px;
        margin: 91px 0 41px;
        letter-spacing: 0.5px; }
        .half-pg main .sticky-block .left .heading.extra-line-height, .half-pg main .sticky-block .right .heading.extra-line-height {
          line-height: 30px; }
        .half-pg main .sticky-block .left .heading.first, .half-pg main .sticky-block .right .heading.first {
          margin: 45px 0 41px; }
      .half-pg main .sticky-block .left ul li, .half-pg main .sticky-block .right ul li {
        font-size: 25px;
        line-height: 32px; }
      .half-pg main .sticky-block .left p, .half-pg main .sticky-block .right p {
        font-size: 25px;
        line-height: 32px;
        margin: 0 0 33px;
        text-indent: 36px; }
        .half-pg main .sticky-block .left p a, .half-pg main .sticky-block .right p a {
          color: #989898; }
        .half-pg main .sticky-block .left p.first, .half-pg main .sticky-block .right p.first {
          text-indent: 0; }
        .half-pg main .sticky-block .left p.last, .half-pg main .sticky-block .right p.last {
          margin: 0; }
        .half-pg main .sticky-block .left p.end, .half-pg main .sticky-block .right p.end {
          margin: 0 0 139px; }
      .half-pg main .sticky-block .left .detail, .half-pg main .sticky-block .right .detail {
        font-size: 11px;
        line-height: 17px;
        color: #989898; }
        .half-pg main .sticky-block .left .detail a, .half-pg main .sticky-block .right .detail a {
          color: #989898; }
        .half-pg main .sticky-block .left .detail.first, .half-pg main .sticky-block .right .detail.first {
          margin: 48px 0 0; }
        .half-pg main .sticky-block .left .detail.end, .half-pg main .sticky-block .right .detail.end {
          margin: 0 0 139px; }
      .half-pg main .sticky-block .left .contact, .half-pg main .sticky-block .right .contact {
        margin: 144px 0 0; }
        .half-pg main .sticky-block .left .contact p, .half-pg main .sticky-block .right .contact p {
          text-indent: 0; }
    .half-pg main .sticky-block .mobile-heading {
      height: 48px;
      line-height: 48px;
      z-index: 10;
      background: #fff;
      display: none;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.25px;
      text-align: center;
      width: 100%; }
  .half-pg main .spacer {
    height: 60px;
    display: block; }
  .half-pg main .spacer-extra {
    height: 99px;
    display: block; }
.half-pg .anchor {
  display: block;
  position: relative;
  top: -48px;
  visibility: hidden; }
.half-pg .pill-nav {
  position: fixed;
  bottom: 36px;
  left: 36px;
  display: flex; }
  .half-pg .pill-nav.sticky {
    position: absolute; }
  .half-pg .pill-nav a {
    padding: 10px 14px;
    color: #222222;
    border-radius: 25px;
    border: 1px solid #222222;
    text-transform: uppercase;
    letter-spacing: 0.25px;
    margin: 0 10px 0 0;
    background: white;
    font-size: 11px;
    line-height: 11px; }
    .half-pg .pill-nav a.active {
      background: #222222;
      color: white; }
.half-pg .pill-nav-mobile {
  margin: 24px;
  display: flex; }
  .half-pg .pill-nav-mobile a {
    padding: 10px 14px;
    color: #222222;
    border-radius: 25px;
    border: 1px solid #222222;
    text-transform: uppercase;
    letter-spacing: 0.25px;
    margin: 0 10px 0 0;
    background: white;
    font-size: 11px;
    line-height: 11px; }
    .half-pg .pill-nav-mobile a.active {
      background: #222222;
      color: white; }

@media screen and (max-width: 1024px) {
  .half-pg main .sticky-block {
    flex-direction: column; }
    .half-pg main .sticky-block#about .left {
      padding-top: 64px; }
      .half-pg main .sticky-block#about .left.contained {
        width: calc(100% - 12px);
        margin: 0 auto; }
      .half-pg main .sticky-block#about .left video {
        width: 100%; }
    .half-pg main .sticky-block .left.full-height, .half-pg main .sticky-block .right.full-height {
      height: calc(100vh - 48px);
      height: calc(100vh - 96px);
      z-index: 10; }
    .half-pg main .sticky-block .mobile-heading {
      display: block; }
    .half-pg main .sticky-block.about .left {
      margin: 0 0 48px; }
    .half-pg main .sticky-block.california .right {
      order: 1; }
    .half-pg main .sticky-block.california .left {
      order: 2; }
    .half-pg main .sticky-block.pricing .right {
      display: none; }
    .half-pg main .sticky-block .left, .half-pg main .sticky-block .right {
      width: 100%;
      padding: 0 24px; }
      .half-pg main .sticky-block .left.true-height, .half-pg main .sticky-block .right.true-height {
        height: auto !important; }
      .half-pg main .sticky-block .left.stick, .half-pg main .sticky-block .right.stick {
        position: relative;
        top: auto; }
      .half-pg main .sticky-block .left .heading, .half-pg main .sticky-block .right .heading {
        font-size: 19px;
        line-height: 25px;
        margin: 72px 0 24px; }
        .half-pg main .sticky-block .left .heading.first, .half-pg main .sticky-block .right .heading.first {
          margin: 24px 0 24px; }
      .half-pg main .sticky-block .left ul li, .half-pg main .sticky-block .right ul li {
        font-size: 19px;
        line-height: 25px; }
      .half-pg main .sticky-block .left p, .half-pg main .sticky-block .right p {
        font-size: 19px;
        line-height: 25px; }
        .half-pg main .sticky-block .left p.end, .half-pg main .sticky-block .right p.end {
          margin: 0 0 48px; }
      .half-pg main .sticky-block .left .detail.end, .half-pg main .sticky-block .right .detail.end {
        margin: 0 0 72px; }
  .half-pg main .pill-nav {
    display: none; } }
@media screen and (max-width: 768px) {
  .half-pg {
    padding: 0; }
    .half-pg main .sticky-block#sustainability-ethics .right {
      order: 1; }
    .half-pg main .sticky-block#sustainability-ethics .left {
      order: 2; }
    .half-pg main .sticky-block#california .left {
      order: 2; }
    .half-pg main .sticky-block#california .right {
      order: 1; }
    .half-pg main .sticky-block .about {
      display: none; }
    .half-pg main .sticky-block .mobile-hero {
      display: block; }
    .half-pg main .sticky-block .left.full-height, .half-pg main .sticky-block .right.full-height {
      height: calc(100vh - 48px);
      display: none; } }
/*


Contact


*/
#contact-popup {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  display: flex;
  visibility: hidden;
  opacity: 0;
  z-index: -1500; }
  #contact-popup.active {
    visibility: visible;
    opacity: 1;
    right: 0;
    z-index: 1500; }
  #contact-popup #left-close-contact {
    height: 100%; }
  #contact-popup .right {
    max-width: 640px;
    width: 100%;
    background: white;
    padding: 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-left: 1px solid #989898;
    overflow: scroll; }
    #contact-popup .right .top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 0 0 72px; }
      #contact-popup .right .top span {
        font-size: 15px;
        line-height: 15px;
        text-transform: uppercase;
        letter-spacing: 0.5px; }
      #contact-popup .right .top a {
        width: 17px;
        height: 17px; }
        #contact-popup .right .top a img {
          display: block; }
    #contact-popup .right p {
      font-size: 15px;
      line-height: 20px;
      margin: 0 0 40px; }
      #contact-popup .right p.service, #contact-popup .right p.press, #contact-popup .right p.wholesale {
        margin: 0 0 18px; }
    #contact-popup .right .bottom-links {
      display: flex;
      flex-direction: column;
      margin: auto 24px 12px;
      margin: auto 0 12px;
      padding: 0;
      list-style-type: none; }
      #contact-popup .right .bottom-links li {
        margin: 0 0 10px;
        padding: 0;
        display: flex; }
        #contact-popup .right .bottom-links li:last-child {
          margin: 0; }
        #contact-popup .right .bottom-links li a {
          padding: 9px 15px;
          border: 1px solid #989898;
          text-transform: uppercase;
          color: #222222;
          border-radius: 25px;
          font-size: 11px;
          letter-spacing: 0.5px; }
          #contact-popup .right .bottom-links li a:hover {
            background: #eeeeee;
            color: #222222; }

/*


Cart Loop


*/
.cart-loop, .notify-loop {
  padding: 24px 24px 0;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .cart-loop::-webkit-scrollbar, .notify-loop::-webkit-scrollbar {
    display: none; }
  .cart-loop .cart-item, .notify-loop .cart-item {
    display: flex;
    margin: 0 0 24px; }
    .cart-loop .cart-item img, .notify-loop .cart-item img {
      width: 285px; }
    .cart-loop .cart-item .info, .notify-loop .cart-item .info {
      padding: 24px 0 0 24px;
      display: flex;
      flex-direction: column; }
      .cart-loop .cart-item .info .title, .notify-loop .cart-item .info .title {
        font-size: 15px;
        line-height: 15px;
        text-transform: uppercase;
        margin: 0 0 24px;
        letter-spacing: 0.5px; }
      .cart-loop .cart-item .info .color, .cart-loop .cart-item .info .size, .cart-loop .cart-item .info .quantity, .cart-loop .cart-item .info .inventory, .cart-loop .cart-item .info .price, .cart-loop .cart-item .info .sale-price, .notify-loop .cart-item .info .color, .notify-loop .cart-item .info .size, .notify-loop .cart-item .info .quantity, .notify-loop .cart-item .info .inventory, .notify-loop .cart-item .info .price, .notify-loop .cart-item .info .sale-price {
        font-size: 11px;
        line-height: 11px;
        margin: 0 0 8px;
        display: flex;
        text-transform: uppercase; }
        .cart-loop .cart-item .info .color.grey, .cart-loop .cart-item .info .size.grey, .cart-loop .cart-item .info .quantity.grey, .cart-loop .cart-item .info .inventory.grey, .cart-loop .cart-item .info .price.grey, .cart-loop .cart-item .info .sale-price.grey, .notify-loop .cart-item .info .color.grey, .notify-loop .cart-item .info .size.grey, .notify-loop .cart-item .info .quantity.grey, .notify-loop .cart-item .info .inventory.grey, .notify-loop .cart-item .info .price.grey, .notify-loop .cart-item .info .sale-price.grey {
          color: #989898; }
        .cart-loop .cart-item .info .color s, .cart-loop .cart-item .info .size s, .cart-loop .cart-item .info .quantity s, .cart-loop .cart-item .info .inventory s, .cart-loop .cart-item .info .price s, .cart-loop .cart-item .info .sale-price s, .notify-loop .cart-item .info .color s, .notify-loop .cart-item .info .size s, .notify-loop .cart-item .info .quantity s, .notify-loop .cart-item .info .inventory s, .notify-loop .cart-item .info .price s, .notify-loop .cart-item .info .sale-price s {
          margin: 0 10px 0 0; }
      .cart-loop .cart-item .info .quantity, .notify-loop .cart-item .info .quantity {
        display: flex; }
        .cart-loop .cart-item .info .quantity a, .cart-loop .cart-item .info .quantity button, .notify-loop .cart-item .info .quantity a, .notify-loop .cart-item .info .quantity button {
          width: 14px;
          height: 14px;
          border: 1px solid #989898;
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 50%;
          background: white;
          font-size: 11px;
          padding: 0;
          cursor: pointer;
          position: relative; }
          .cart-loop .cart-item .info .quantity a:after, .cart-loop .cart-item .info .quantity button:after, .notify-loop .cart-item .info .quantity a:after, .notify-loop .cart-item .info .quantity button:after {
            content: "";
            background: #222222;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 6px;
            height: 1px; }
          .cart-loop .cart-item .info .quantity a.minus, .cart-loop .cart-item .info .quantity button.minus, .notify-loop .cart-item .info .quantity a.minus, .notify-loop .cart-item .info .quantity button.minus {
            margin: 0 5px 0 0; }
          .cart-loop .cart-item .info .quantity a.plus, .cart-loop .cart-item .info .quantity button.plus, .notify-loop .cart-item .info .quantity a.plus, .notify-loop .cart-item .info .quantity button.plus {
            margin: 0 0 0 5px; }
            .cart-loop .cart-item .info .quantity a.plus:before, .cart-loop .cart-item .info .quantity button.plus:before, .notify-loop .cart-item .info .quantity a.plus:before, .notify-loop .cart-item .info .quantity button.plus:before {
              content: "";
              background: #222222;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              height: 6px;
              width: 1px; }
          .cart-loop .cart-item .info .quantity a.plus:hover, .cart-loop .cart-item .info .quantity a.minus:hover, .cart-loop .cart-item .info .quantity button.plus:hover, .cart-loop .cart-item .info .quantity button.minus:hover, .notify-loop .cart-item .info .quantity a.plus:hover, .notify-loop .cart-item .info .quantity a.minus:hover, .notify-loop .cart-item .info .quantity button.plus:hover, .notify-loop .cart-item .info .quantity button.minus:hover {
            background: #222222; }
            .cart-loop .cart-item .info .quantity a.plus:hover:before, .cart-loop .cart-item .info .quantity a.plus:hover:after, .cart-loop .cart-item .info .quantity a.minus:hover:before, .cart-loop .cart-item .info .quantity a.minus:hover:after, .cart-loop .cart-item .info .quantity button.plus:hover:before, .cart-loop .cart-item .info .quantity button.plus:hover:after, .cart-loop .cart-item .info .quantity button.minus:hover:before, .cart-loop .cart-item .info .quantity button.minus:hover:after, .notify-loop .cart-item .info .quantity a.plus:hover:before, .notify-loop .cart-item .info .quantity a.plus:hover:after, .notify-loop .cart-item .info .quantity a.minus:hover:before, .notify-loop .cart-item .info .quantity a.minus:hover:after, .notify-loop .cart-item .info .quantity button.plus:hover:before, .notify-loop .cart-item .info .quantity button.plus:hover:after, .notify-loop .cart-item .info .quantity button.minus:hover:before, .notify-loop .cart-item .info .quantity button.minus:hover:after {
              background: white; }

/*


Side Cart / Side Notify / Side Search


*/
#side-cart, #side-notify, #side-search {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  display: flex;
  opacity: 0;
  z-index: -1500;
  right: -100%; }
  #side-cart.active, #side-notify.active, #side-search.active {
    z-index: 1500;
    right: 0;
    opacity: 1; }
  #side-cart.manual .info .size, #side-notify.manual .info .size, #side-search.manual .info .size {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: -100000; }
  #side-cart.automatic .notify-side .bottom .form input#notify-size-input, #side-notify.automatic .notify-side .bottom .form input#notify-size-input, #side-search.automatic .notify-side .bottom .form input#notify-size-input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: -100000; }
  #side-cart.empty #cart-loop, #side-cart.empty .bottom, #side-notify.empty #cart-loop, #side-notify.empty .bottom, #side-search.empty #cart-loop, #side-search.empty .bottom {
    visibility: hidden;
    opacity: 0;
    z-index: -100000; }
  #side-cart .close-cart-side-btn, #side-cart .close-notify-side-btn, #side-cart .close-search-side-btn, #side-notify .close-cart-side-btn, #side-notify .close-notify-side-btn, #side-notify .close-search-side-btn, #side-search .close-cart-side-btn, #side-search .close-notify-side-btn, #side-search .close-search-side-btn {
    width: calc(100% - 640px);
    height: 100%; }
  #side-cart .cart-side, #side-cart .notify-side, #side-cart .search-side, #side-notify .cart-side, #side-notify .notify-side, #side-notify .search-side, #side-search .cart-side, #side-search .notify-side, #side-search .search-side {
    max-width: 640px;
    width: calc(100% - 48px);
    height: 100%;
    display: flex;
    flex-direction: column;
    background: white;
    border-left: 1px solid #989898; }
    #side-cart .cart-side .jk-banner, #side-cart .notify-side .jk-banner, #side-cart .search-side .jk-banner, #side-notify .cart-side .jk-banner, #side-notify .notify-side .jk-banner, #side-notify .search-side .jk-banner, #side-search .cart-side .jk-banner, #side-search .notify-side .jk-banner, #side-search .search-side .jk-banner {
      background: #0c49aa;
      color: white; }
    #side-cart .cart-side .top, #side-cart .notify-side .top, #side-cart .search-side .top, #side-notify .cart-side .top, #side-notify .notify-side .top, #side-notify .search-side .top, #side-search .cart-side .top, #side-search .notify-side .top, #side-search .search-side .top {
      padding: 24px 24px 48px;
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #989898; }
      #side-cart .cart-side .top span, #side-cart .notify-side .top span, #side-cart .search-side .top span, #side-notify .cart-side .top span, #side-notify .notify-side .top span, #side-notify .search-side .top span, #side-search .cart-side .top span, #side-search .notify-side .top span, #side-search .search-side .top span {
        font-size: 15px;
        text-transform: uppercase;
        line-height: 15px;
        letter-spacing: 0.5px; }
        #side-cart .cart-side .top span.mobile, #side-cart .notify-side .top span.mobile, #side-cart .search-side .top span.mobile, #side-notify .cart-side .top span.mobile, #side-notify .notify-side .top span.mobile, #side-notify .search-side .top span.mobile, #side-search .cart-side .top span.mobile, #side-search .notify-side .top span.mobile, #side-search .search-side .top span.mobile {
          display: none; }
      #side-cart .cart-side .top a, #side-cart .notify-side .top a, #side-cart .search-side .top a, #side-notify .cart-side .top a, #side-notify .notify-side .top a, #side-notify .search-side .top a, #side-search .cart-side .top a, #side-search .notify-side .top a, #side-search .search-side .top a {
        width: 17px;
        height: 17px; }
        #side-cart .cart-side .top a img, #side-cart .notify-side .top a img, #side-cart .search-side .top a img, #side-notify .cart-side .top a img, #side-notify .notify-side .top a img, #side-notify .search-side .top a img, #side-search .cart-side .top a img, #side-search .notify-side .top a img, #side-search .search-side .top a img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover; }
    #side-cart .cart-side .bottom, #side-cart .notify-side .bottom, #side-cart .search-side .bottom, #side-notify .cart-side .bottom, #side-notify .notify-side .bottom, #side-notify .search-side .bottom, #side-search .cart-side .bottom, #side-search .notify-side .bottom, #side-search .search-side .bottom {
      margin-top: auto;
      border-top: 1px solid #989898;
      padding: 24px 0 0;
      display: flex;
      flex-direction: column; }
      #side-cart .cart-side .bottom .contains, #side-cart .notify-side .bottom .contains, #side-cart .search-side .bottom .contains, #side-notify .cart-side .bottom .contains, #side-notify .notify-side .bottom .contains, #side-notify .search-side .bottom .contains, #side-search .cart-side .bottom .contains, #side-search .notify-side .bottom .contains, #side-search .search-side .bottom .contains {
        padding: 0 24px;
        text-transform: uppercase;
        margin: 0 0 9px; }
      #side-cart .cart-side .bottom .subtotal, #side-cart .notify-side .bottom .subtotal, #side-cart .search-side .bottom .subtotal, #side-notify .cart-side .bottom .subtotal, #side-notify .notify-side .bottom .subtotal, #side-notify .search-side .bottom .subtotal, #side-search .cart-side .bottom .subtotal, #side-search .notify-side .bottom .subtotal, #side-search .search-side .bottom .subtotal {
        border-bottom: 1px solid #989898;
        font-size: 15px;
        line-height: 15px;
        padding: 0 24px 24px;
        text-transform: uppercase;
        display: flex;
        justify-content: space-between; }
      #side-cart .cart-side .bottom .form, #side-cart .notify-side .bottom .form, #side-cart .search-side .bottom .form, #side-notify .cart-side .bottom .form, #side-notify .notify-side .bottom .form, #side-notify .search-side .bottom .form, #side-search .cart-side .bottom .form, #side-search .notify-side .bottom .form, #side-search .search-side .bottom .form {
        padding: 0 24px;
        display: flex;
        flex-direction: column; }
        #side-cart .cart-side .bottom .form input, #side-cart .notify-side .bottom .form input, #side-cart .search-side .bottom .form input, #side-notify .cart-side .bottom .form input, #side-notify .notify-side .bottom .form input, #side-notify .search-side .bottom .form input, #side-search .cart-side .bottom .form input, #side-search .notify-side .bottom .form input, #side-search .search-side .bottom .form input {
          border-radius: 25px;
          display: block;
          width: 100%;
          padding: 0 12px;
          text-align: center; }
          #side-cart .cart-side .bottom .form input#notify-size-input, #side-cart .notify-side .bottom .form input#notify-size-input, #side-cart .search-side .bottom .form input#notify-size-input, #side-notify .cart-side .bottom .form input#notify-size-input, #side-notify .notify-side .bottom .form input#notify-size-input, #side-notify .search-side .bottom .form input#notify-size-input, #side-search .cart-side .bottom .form input#notify-size-input, #side-search .notify-side .bottom .form input#notify-size-input, #side-search .search-side .bottom .form input#notify-size-input {
            margin: 0 0 12px; }
        #side-cart .cart-side .bottom .form .checkbox, #side-cart .notify-side .bottom .form .checkbox, #side-cart .search-side .bottom .form .checkbox, #side-notify .cart-side .bottom .form .checkbox, #side-notify .notify-side .bottom .form .checkbox, #side-notify .search-side .bottom .form .checkbox, #side-search .cart-side .bottom .form .checkbox, #side-search .notify-side .bottom .form .checkbox, #side-search .search-side .bottom .form .checkbox {
          margin: 36px 0 12px; }
          #side-cart .cart-side .bottom .form .checkbox a, #side-cart .notify-side .bottom .form .checkbox a, #side-cart .search-side .bottom .form .checkbox a, #side-notify .cart-side .bottom .form .checkbox a, #side-notify .notify-side .bottom .form .checkbox a, #side-notify .search-side .bottom .form .checkbox a, #side-search .cart-side .bottom .form .checkbox a, #side-search .notify-side .bottom .form .checkbox a, #side-search .search-side .bottom .form .checkbox a {
            float: left;
            width: 12px;
            height: 12px;
            border: 1px solid #222222;
            border: 1px solid #989898;
            border-radius: 50%;
            margin: 3px 0 0 0; }
            #side-cart .cart-side .bottom .form .checkbox a.active, #side-cart .notify-side .bottom .form .checkbox a.active, #side-cart .search-side .bottom .form .checkbox a.active, #side-notify .cart-side .bottom .form .checkbox a.active, #side-notify .notify-side .bottom .form .checkbox a.active, #side-notify .search-side .bottom .form .checkbox a.active, #side-search .cart-side .bottom .form .checkbox a.active, #side-search .notify-side .bottom .form .checkbox a.active, #side-search .search-side .bottom .form .checkbox a.active {
              background: #222222; }
          #side-cart .cart-side .bottom .form .checkbox span, #side-cart .notify-side .bottom .form .checkbox span, #side-cart .search-side .bottom .form .checkbox span, #side-notify .cart-side .bottom .form .checkbox span, #side-notify .notify-side .bottom .form .checkbox span, #side-notify .search-side .bottom .form .checkbox span, #side-search .cart-side .bottom .form .checkbox span, #side-search .notify-side .bottom .form .checkbox span, #side-search .search-side .bottom .form .checkbox span {
            font-size: 15px;
            margin: 0 0 0 6px;
            float: left;
            width: calc(100% - 18px); }
      #side-cart .cart-side .bottom #notify-success, #side-cart .cart-side .bottom .notify-error, #side-cart .notify-side .bottom #notify-success, #side-cart .notify-side .bottom .notify-error, #side-cart .search-side .bottom #notify-success, #side-cart .search-side .bottom .notify-error, #side-notify .cart-side .bottom #notify-success, #side-notify .cart-side .bottom .notify-error, #side-notify .notify-side .bottom #notify-success, #side-notify .notify-side .bottom .notify-error, #side-notify .search-side .bottom #notify-success, #side-notify .search-side .bottom .notify-error, #side-search .cart-side .bottom #notify-success, #side-search .cart-side .bottom .notify-error, #side-search .notify-side .bottom #notify-success, #side-search .notify-side .bottom .notify-error, #side-search .search-side .bottom #notify-success, #side-search .search-side .bottom .notify-error {
        padding: 0 24px;
        margin: 12px 0 0;
        color: darkred;
        display: none;
        font-size: 11px;
        line-height: 11px; }
        #side-cart .cart-side .bottom #notify-success.show, #side-cart .cart-side .bottom .notify-error.show, #side-cart .notify-side .bottom #notify-success.show, #side-cart .notify-side .bottom .notify-error.show, #side-cart .search-side .bottom #notify-success.show, #side-cart .search-side .bottom .notify-error.show, #side-notify .cart-side .bottom #notify-success.show, #side-notify .cart-side .bottom .notify-error.show, #side-notify .notify-side .bottom #notify-success.show, #side-notify .notify-side .bottom .notify-error.show, #side-notify .search-side .bottom #notify-success.show, #side-notify .search-side .bottom .notify-error.show, #side-search .cart-side .bottom #notify-success.show, #side-search .cart-side .bottom .notify-error.show, #side-search .notify-side .bottom #notify-success.show, #side-search .notify-side .bottom .notify-error.show, #side-search .search-side .bottom #notify-success.show, #side-search .search-side .bottom .notify-error.show {
          display: block; }
      #side-cart .cart-side .bottom #notify-success, #side-cart .notify-side .bottom #notify-success, #side-cart .search-side .bottom #notify-success, #side-notify .cart-side .bottom #notify-success, #side-notify .notify-side .bottom #notify-success, #side-notify .search-side .bottom #notify-success, #side-search .cart-side .bottom #notify-success, #side-search .notify-side .bottom #notify-success, #side-search .search-side .bottom #notify-success {
        color: #2d6029; }
      #side-cart .cart-side .bottom .btn-row, #side-cart .notify-side .bottom .btn-row, #side-cart .search-side .bottom .btn-row, #side-notify .cart-side .bottom .btn-row, #side-notify .notify-side .bottom .btn-row, #side-notify .search-side .bottom .btn-row, #side-search .cart-side .bottom .btn-row, #side-search .notify-side .bottom .btn-row, #side-search .search-side .bottom .btn-row {
        padding: 24px 24px 24px;
        display: flex;
        justify-content: space-between; }
        #side-cart .cart-side .bottom .btn-row a, #side-cart .notify-side .bottom .btn-row a, #side-cart .search-side .bottom .btn-row a, #side-notify .cart-side .bottom .btn-row a, #side-notify .notify-side .bottom .btn-row a, #side-notify .search-side .bottom .btn-row a, #side-search .cart-side .bottom .btn-row a, #side-search .notify-side .bottom .btn-row a, #side-search .search-side .bottom .btn-row a {
          width: 100%; }
          #side-cart .cart-side .bottom .btn-row a.checkout-btn, #side-cart .notify-side .bottom .btn-row a.checkout-btn, #side-cart .search-side .bottom .btn-row a.checkout-btn, #side-notify .cart-side .bottom .btn-row a.checkout-btn, #side-notify .notify-side .bottom .btn-row a.checkout-btn, #side-notify .search-side .bottom .btn-row a.checkout-btn, #side-search .cart-side .bottom .btn-row a.checkout-btn, #side-search .notify-side .bottom .btn-row a.checkout-btn, #side-search .search-side .bottom .btn-row a.checkout-btn {
            background: #222222;
            color: white;
            border: 1px solid #222222;
            font-size: 15px;
            letter-spacing: 0.5px; }

#side-notify .notify-side .heading {
  font-size: 15px;
  margin: 24px; }
#side-notify .notify-side .bottom {
  border-top: none; }
  #side-notify .notify-side .bottom .btn-row a {
    font-size: 15px;
    letter-spacing: 0.5px; }

#side-search {
  height: 100vh; }
  #side-search .close-search-side-btn {
    width: 0;
    left: -10px; }
  #side-search .search-side {
    width: 100%;
    max-width: none; }
    #side-search .search-side .top {
      border-bottom: none; }
    #side-search .search-side .search-form {
      width: 100%;
      padding: 0 24px;
      display: flex; }
      #side-search .search-side .search-form #search-input {
        width: 100%;
        text-align: center;
        font-size: 15px;
        text-transform: none;
        background: transparent; }
        #side-search .search-side .search-form #search-input::-webkit-search-cancel-button, #side-search .search-side .search-form #search-input::-webkit-search-decoration {
          display: none; }
    #side-search .search-side .search-links {
      margin: 24px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      #side-search .search-side .search-links span {
        color: #222222;
        font-size: 11px;
        letter-spacing: 0.5px;
        text-transform: uppercase; }
      #side-search .search-side .search-links a {
        padding: 9px 15px;
        border: 1px solid #989898;
        text-transform: uppercase;
        color: #222222;
        border-radius: 25px;
        font-size: 11px;
        letter-spacing: 0.5px; }
        #side-search .search-side .search-links a:hover {
          background: #eeeeee;
          color: #222222; }
    #side-search .search-side #search-results {
      overflow: scroll;
      padding: 0 24px 72px;
      -ms-overflow-style: none;
      scrollbar-width: none;
      min-height: 1px; }
      #side-search .search-side #search-results::-webkit-scrollbar {
        display: none; }
    #side-search .search-side .bottom-links {
      display: flex;
      flex-direction: column;
      margin: auto 24px 12px;
      margin: auto 24px 36px;
      padding: 0;
      list-style-type: none; }
      #side-search .search-side .bottom-links li {
        margin: 0 0 10px;
        padding: 0;
        display: flex; }
        #side-search .search-side .bottom-links li:last-child {
          margin: 0; }
        #side-search .search-side .bottom-links li a {
          padding: 9px 15px;
          border: 1px solid #989898;
          text-transform: uppercase;
          color: #222222;
          border-radius: 25px;
          font-size: 11px;
          letter-spacing: 0.5px; }
          #side-search .search-side .bottom-links li a:hover {
            background: #eeeeee;
            color: #222222; }

@media screen and (max-width: 688px) {
  #side-cart .close-cart-side-btn, #side-cart .close-notify-side-btn, #side-cart .close-search-side-btn, #side-notify .close-cart-side-btn, #side-notify .close-notify-side-btn, #side-notify .close-search-side-btn, #side-search .close-cart-side-btn, #side-search .close-notify-side-btn, #side-search .close-search-side-btn {
    width: 48px; }
  #side-cart .cart-side .top span.desktop, #side-cart .notify-side .top span.desktop, #side-notify .cart-side .top span.desktop, #side-notify .notify-side .top span.desktop, #side-search .cart-side .top span.desktop, #side-search .notify-side .top span.desktop {
    display: none; }
  #side-cart .cart-side .top span.mobile, #side-cart .notify-side .top span.mobile, #side-notify .cart-side .top span.mobile, #side-notify .notify-side .top span.mobile, #side-search .cart-side .top span.mobile, #side-search .notify-side .top span.mobile {
    display: block; }
  #side-cart .cart-side .cart-loop .cart-item img, #side-cart .cart-side .notify-loop .cart-item img, #side-cart .notify-side .cart-loop .cart-item img, #side-cart .notify-side .notify-loop .cart-item img, #side-notify .cart-side .cart-loop .cart-item img, #side-notify .cart-side .notify-loop .cart-item img, #side-notify .notify-side .cart-loop .cart-item img, #side-notify .notify-side .notify-loop .cart-item img, #side-search .cart-side .cart-loop .cart-item img, #side-search .cart-side .notify-loop .cart-item img, #side-search .notify-side .cart-loop .cart-item img, #side-search .notify-side .notify-loop .cart-item img {
    width: 140px; }
  #side-cart .cart-side .cart-loop .cart-item .info .title, #side-cart .cart-side .notify-loop .cart-item .info .title, #side-cart .notify-side .cart-loop .cart-item .info .title, #side-cart .notify-side .notify-loop .cart-item .info .title, #side-notify .cart-side .cart-loop .cart-item .info .title, #side-notify .cart-side .notify-loop .cart-item .info .title, #side-notify .notify-side .cart-loop .cart-item .info .title, #side-notify .notify-side .notify-loop .cart-item .info .title, #side-search .cart-side .cart-loop .cart-item .info .title, #side-search .cart-side .notify-loop .cart-item .info .title, #side-search .notify-side .cart-loop .cart-item .info .title, #side-search .notify-side .notify-loop .cart-item .info .title {
    font-size: 11px;
    line-height: 11px; }
  #side-cart .cart-side .bottom .contains, #side-cart .notify-side .bottom .contains, #side-notify .cart-side .bottom .contains, #side-notify .notify-side .bottom .contains, #side-search .cart-side .bottom .contains, #side-search .notify-side .bottom .contains {
    display: block; } }
#confirm-remove {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1750;
  background: rgba(12, 73, 170, 0.4);
  width: 100%;
  height: 100vh;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  z-index: -1750;
  visibility: hidden; }
  #confirm-remove.active {
    opacity: 1;
    z-index: 1750;
    visibility: visible; }
  #confirm-remove .inner {
    background: white;
    width: 100%;
    max-width: 480px;
    padding: 24px 24px 48px; }
    #confirm-remove .inner .top {
      display: flex;
      justify-content: space-between; }
      #confirm-remove .inner .top span {
        text-transform: uppercase;
        font-size: 19px;
        line-height: 19px;
        letter-spacing: 0.5px; }
    #confirm-remove .inner .item {
      display: flex;
      flex-direction: column;
      align-items: center; }
      #confirm-remove .inner .item img {
        display: block;
        width: 290px;
        margin: 48px 0 0; }
      #confirm-remove .inner .item span {
        font-size: 15px;
        margin: 48px 0 0; }
      #confirm-remove .inner .item .btns {
        margin: 24px 0 0;
        display: flex;
        justify-content: space-between;
        width: 100%; }
        #confirm-remove .inner .item .btns a {
          width: calc(50% - 6px);
          font-size: 11px;
          text-transform: none; }
          #confirm-remove .inner .item .btns a:hover {
            background: #222222;
            color: white; }

@media screen and (max-width: 650px) {
  #confirm-remove {
    padding: 0 48px; }
    #confirm-remove .inner {
      margin-top: -36px;
      padding: 24px; }
      #confirm-remove .inner .top span {
        font-size: 15px;
        line-height: 15px;
        letter-spacing: 0.2px; }
      #confirm-remove .inner .item img {
        margin: 12px 0 0;
        width: calc(100%); }
      #confirm-remove .inner .item span {
        margin: 24px 0 0; } }
@media screen and (max-width: 400px) {
  #confirm-remove .inner .item .btns {
    flex-direction: column; }
    #confirm-remove .inner .item .btns a {
      width: 100%; }
      #confirm-remove .inner .item .btns a.cancel-remove-btn {
        margin: 12px 0 0; }
      #confirm-remove .inner .item .btns a.confirm-remove-btn {
        background: #222222;
        color: white; } }
/*


Search Page


*/
.search-pg main {
  display: flex;
  position: relative;
  padding-bottom: 99px; }
  .search-pg main .search-left {
    width: 75%;
    padding: 0 0 24px; }
  .search-pg main .search-right {
    width: 25%;
    position: relative; }
    .search-pg main .search-right .inner {
      position: sticky;
      top: 48px;
      display: flex;
      flex-direction: column; }
    .search-pg main .search-right .search-form {
      width: 100%;
      padding: 0 24px;
      height: 41px;
      display: flex;
      align-items: center;
      display: flex; }
      .search-pg main .search-right .search-form .search-page-input {
        width: 100%;
        text-align: center;
        background: transparent;
        background: red; }
    .search-pg main .search-right .search-count {
      margin: 12px 0 0;
      padding: 0 24px;
      font-size: 11px;
      text-transform: uppercase;
      line-height: 12px; }
    .search-pg main .search-right .bottom-links {
      display: flex;
      flex-direction: column;
      margin: auto 24px 12px;
      margin: auto 0 50px;
      padding: 0 24px;
      list-style-type: none;
      opacity: 0; }
      .search-pg main .search-right .bottom-links.show {
        opacity: 1; }
      .search-pg main .search-right .bottom-links li {
        margin: 0 0 10px;
        padding: 0;
        display: flex; }
        .search-pg main .search-right .bottom-links li a {
          padding: 9px 15px;
          border: 1px solid #989898;
          text-transform: uppercase;
          color: #222222;
          border-radius: 25px;
          font-size: 11px;
          letter-spacing: .25px; }
          .search-pg main .search-right .bottom-links li a:hover {
            background: #eeeeee;
            color: #222222; }

@media screen and (max-width: 1920px) {
  .search-pg main .search-left {
    width: 66.666%; }
    .search-pg main .search-left .loop {
      grid-template-columns: 1fr 1fr; }
  .search-pg main .search-right {
    width: 33.333%; } }
@media screen and (max-width: 1000px) {
  .search-pg main .search-left .loop {
    grid-template-columns: 1fr 1fr; }
    .search-pg main .search-left .loop .product .options {
      display: none; } }
@media screen and (max-width: 768px) {
  .search-pg main {
    flex-direction: column; }
    .search-pg main .search-left {
      width: 100%;
      order: 2;
      margin: 48px 0 0; }
      .search-pg main .search-left .loop {
        grid-template-columns: 1fr; }
    .search-pg main .search-right {
      width: 100%;
      order: 1; }
      .search-pg main .search-right .inner {
        height: auto !important; }
        .search-pg main .search-right .inner .bottom-links {
          display: none;
          margin: 24px 0 0;
          flex-direction: row;
          flex-wrap: wrap;
          opacity: 1; }
          .search-pg main .search-right .inner .bottom-links li {
            margin: 0 12px 10px 0; }
            .search-pg main .search-right .inner .bottom-links li:nth-child(1) {
              order: 1; }
            .search-pg main .search-right .inner .bottom-links li:nth-child(2) {
              order: 2; }
            .search-pg main .search-right .inner .bottom-links li:nth-child(3) {
              order: 4; }
            .search-pg main .search-right .inner .bottom-links li:nth-child(4) {
              order: 3; }
            .search-pg main .search-right .inner .bottom-links li:nth-child(5) {
              order: 5; }
            .search-pg main .search-right .inner .bottom-links li:last-child {
              margin: 0 0 12px 0; } }
/*


Cart Page


*/
.cart-pg.empty main .inner .left .cart-loop {
  visibility: hidden;
  opacity: 0;
  z-index: -100000; }
.cart-pg.empty main .inner .right .middle, .cart-pg.empty main .inner .right .bottom, .cart-pg.empty main .inner .right .checkout-btn {
  visibility: hidden;
  opacity: 0;
  z-index: -100000; }
.cart-pg main {
  display: flex;
  justify-content: center;
  height: calc(100vh - 111px);
  min-height: calc(100vh - 159px);
  height: auto; }
  .cart-pg main .inner {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0 24px;
    margin: 48px 0 0;
    border-top: 1px solid #989898;
    flex-wrap: wrap; }
    .cart-pg main .inner .order-heading {
      text-transform: uppercase;
      font-size: 15px;
      line-height: 15px;
      width: 100%;
      margin: 24px 0 0;
      padding: 0 24px;
      display: none; }
    .cart-pg main .inner .left {
      width: 50%;
      max-width: 640px; }
      .cart-pg main .inner .left .cart-loop {
        padding: 24px 24px 0 0; }
    .cart-pg main .inner .right {
      width: 50%;
      max-width: 640px;
      display: flex;
      flex-direction: column;
      align-items: center;
      border-left: 1px solid #989898;
      border-right: 1px solid #989898; }
      .cart-pg main .inner .right .top, .cart-pg main .inner .right .middle, .cart-pg main .inner .right .bottom {
        display: flex;
        padding: 24px;
        border-bottom: 1px solid #989898;
        width: 100%; }
        .cart-pg main .inner .right .top span, .cart-pg main .inner .right .middle span, .cart-pg main .inner .right .bottom span {
          font-size: 15px;
          line-height: 15px;
          text-transform: uppercase; }
      .cart-pg main .inner .right .top {
        justify-content: space-between; }
      .cart-pg main .inner .right .middle {
        flex-direction: column; }
        .cart-pg main .inner .right .middle textarea {
          margin: 24px 0 0; }
      .cart-pg main .inner .right .bottom {
        justify-content: space-between;
        flex-wrap: wrap; }
        .cart-pg main .inner .right .bottom .mobile {
          width: 100%;
          margin: 0 0 12px;
          display: none; }
      .cart-pg main .inner .right .checkout-btn {
        margin: 48px 0;
        width: calc(100% - 48px);
        font-size: 15px;
        letter-spacing: 0.5px; }

@media screen and (max-width: 1100px) {
  .cart-pg main .inner .left {
    width: calc(100% - 375px); }
    .cart-pg main .inner .left .cart-loop .cart-item img {
      width: 240px; }
  .cart-pg main .inner .right {
    width: 375px; } }
@media screen and (max-width: 925px) {
  .cart-pg main .inner {
    flex-direction: column;
    padding: 0; }
    .cart-pg main .inner .order-heading {
      display: block; }
    .cart-pg main .inner .left {
      padding: 0 24px;
      width: calc(100%); }
      .cart-pg main .inner .left .cart-loop .cart-item img {
        width: 300px; }
    .cart-pg main .inner .right {
      margin: 24px 0 0;
      width: 100%;
      border-left: none; }
      .cart-pg main .inner .right .top {
        padding: 0 24px 24px;
        display: none; }
      .cart-pg main .inner .right .middle {
        padding: 0 24px 24px; }
      .cart-pg main .inner .right .bottom .mobile {
        display: block; } }
@media screen and (max-width: 768px) {
  .cart-pg header {
    border-bottom: 1px solid #989898; }
  .cart-pg main .inner {
    border-top: none;
    margin: 0; } }
@media screen and (max-width: 650px) {
  .cart-pg main .inner {
    margin: 0;
    border: none; }
    .cart-pg main .inner .left .cart-loop .cart-item img {
      width: 190px; } }
/*


Newsletter Footer


*/
#newsletter-footer {
  background: #f8f2e4;
  padding: 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  opacity: 1;
  z-index: auto;
  position: absolute;
  overflow: hidden;
  bottom: 0; }
  #newsletter-footer.home {
    bottom: -125%;
    width: 100%;
    position: fixed;
    left: 0;
    z-index: 150000; }
    #newsletter-footer.home .close-news-btn {
      opacity: 1; }
  #newsletter-footer.active {
    opacity: 1;
    position: relative;
    bottom: auto; }
    #newsletter-footer.active.fixed.home {
      position: fixed;
      bottom: 0;
      z-index: 1500000; }
      #newsletter-footer.active.fixed.home.landscape {
        height: auto; }
      #newsletter-footer.active.fixed.home.portrait .image {
        width: auto;
        max-height: calc(100vh - 86px - 36px - 36px - 36px - 36px);
        max-width: none; }
        #newsletter-footer.active.fixed.home.portrait .image img {
          height: 100%;
          width: auto; }
  #newsletter-footer.portrait .image {
    max-width: 310px;
    max-width: calc(310px + 103px); }
  #newsletter-footer .close-news-btn {
    position: absolute;
    top: 36px;
    right: 36px;
    opacity: 0;
    z-index: 3; }
    #newsletter-footer .close-news-btn .white {
      display: none; }
  #newsletter-footer .image {
    width: 100%;
    max-width: 632px;
    position: relative; }
    #newsletter-footer .image img {
      display: block;
      width: 100%; }
    #newsletter-footer .image .absolute {
      position: absolute;
      top: 24px;
      left: 24px;
      display: inline-flex;
      flex-direction: column;
      width: calc(100% - 48px); }
      #newsletter-footer .image .absolute span {
        color: white;
        font-size: 25px;
        line-height: 34px; }
        #newsletter-footer .image .absolute span span {
          letter-spacing: 0.5px; }
        #newsletter-footer .image .absolute span.label {
          padding: 9px 15px;
          border: 1px solid white;
          text-transform: uppercase;
          border-radius: 25px;
          font-size: 11px;
          letter-spacing: .25px;
          width: 108px;
          text-align: center;
          margin: 0 0 24px;
          line-height: 11px; }
  #newsletter-footer .form {
    margin: 24px;
    max-width: 310px;
    width: 100%; }
    #newsletter-footer .form span {
      font-size: 11px !important;
      font-family: "Union" !important;
      color: #222222 !important; }
    #newsletter-footer .form input {
      border-top: none !important;
      border-left: none !important;
      border-right: none !important;
      border-bottom: 1px solid #989898;
      background: transparent !important;
      text-transform: uppercase;
      height: 23px;
      width: 100%;
      text-align: center !important;
      outline: none;
      box-shadow: none;
      border-radius: 0 !important;
      padding: 0 !important;
      letter-spacing: 0.25px !important;
      font-size: 11px !important;
      font-family: "Union" !important; }
      #newsletter-footer .form input:-webkit-autofill {
        background-color: transparent !important;
        -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
        -webkit-text-fill-color: #222 !important; }
      #newsletter-footer .form input::placeholder {
        font-size: 11px !important;
        font-family: "Union" !important; }
      #newsletter-footer .form input:focus {
        outline: none;
        box-shadow: none;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #989898;
        letter-spacing: 0.25px !important;
        font-family: "Union" !important;
        font-size: 11px !important;
        background: transparent !important; }
    #newsletter-footer .form .btn, #newsletter-footer .form button {
      background: white;
      text-transform: uppercase;
      color: #222222;
      font-size: 11px !important;
      font-size: 11px !important;
      letter-spacing: 0.25px !important; }

@media screen and (max-width: 768px) {
  #newsletter-footer {
    margin: 6px 0 0 0; }
    #newsletter-footer.active.home {
      padding: 0; }
    #newsletter-footer .image .absolute {
      width: calc(100% - 48px); }
      #newsletter-footer .image .absolute span {
        font-size: 19px;
        line-height: 25px; }
    #newsletter-footer .form {
      margin: 0;
      max-width: none;
      padding: 48px; } }
@media screen and (max-height: 712px) {
  #newsletter-footer {
    padding: 0; }
    #newsletter-footer.active {
      padding: 36px; }
      #newsletter-footer.active.fixed.home.portrait .image {
        max-height: calc(100vh - 86px - 36px - 24px - 36px -); }
    #newsletter-footer.home .image {
      max-width: 500px; }
    #newsletter-footer.home .form {
      margin: 24px 24px 0; } }
@media screen and (max-width: 600px) {
  #newsletter-footer.active.fixed.home {
    height: auto; }
    #newsletter-footer.active.fixed.home.portrait .image {
      max-width: calc(100%); }
      #newsletter-footer.active.fixed.home.portrait .image img {
        width: 100%;
        height: auto; }
    #newsletter-footer.active.fixed.home.portrait .form {
      padding: 24px 48px 48px; } }
/*


Footer


*/
footer {
  padding: 24px; }
  footer ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    font-size: 11px; }
    footer ul.legal {
      margin: 24px 0 0; }
      footer ul.legal li a {
        font-size: 11px;
        letter-spacing: 0.25px; }
    footer ul li {
      margin: 0 12px;
      padding: 0; }
      footer ul li.mobile {
        display: none; }
      footer ul li:first-child {
        margin: 0 9px 0 0; }
      footer ul li:last-child {
        margin: 0 0 0 9px; }
      footer ul li a {
        color: #222222;
        white-space: nowrap;
        letter-spacing: 0.5px; }

@media screen and (max-width: 1343px) {
  footer ul {
    flex-direction: column; }
    footer ul li {
      margin: 0 0 20px; }
      footer ul li:first-child, footer ul li:last-child {
        margin: 0 0 20px; } }
/*


Animations


*/
@keyframes textFadeInOut {
  0% {
    opacity: 1; }

  50% {
    opacity: 0; }

  100% {
    opacity: 1; } }

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

  100% {
    opacity: 1; } }

/*


Edit Page


*/
.edit-pg {
  padding: 0; }
  .edit-pg main {
    position: relative; }
    .edit-pg main .edit-block {
      position: relative; }
      .edit-pg main .edit-block .loop .product .options {
        display: none; }
      .edit-pg main .edit-block .caption-shop {
        position: relative;
        padding-top: 41px; }
        .edit-pg main .edit-block .caption-shop.top-right .caption {
          left: auto;
          right: 24px; }
        .edit-pg main .edit-block .caption-shop.bottom-left .caption {
          top: auto;
          bottom: 24px; }
        .edit-pg main .edit-block .caption-shop.bottom-right .caption {
          top: auto;
          bottom: 24px;
          left: auto;
          right: 24px; }
        .edit-pg main .edit-block .caption-shop img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .edit-pg main .edit-block .caption-shop .caption {
          position: absolute;
          top: 20px;
          top: calc(20px + 41px);
          left: 24px;
          display: flex;
          flex-direction: column; }
          .edit-pg main .edit-block .caption-shop .caption.black span, .edit-pg main .edit-block .caption-shop .caption.black a {
            color: #222222; }
          .edit-pg main .edit-block .caption-shop .caption span, .edit-pg main .edit-block .caption-shop .caption a {
            color: white;
            font-size: 11px;
            line-height: 19px; }
          .edit-pg main .edit-block .caption-shop .caption a {
            text-decoration: underline; }
          .edit-pg main .edit-block .caption-shop .caption p {
            margin: 0; }
      .edit-pg main .edit-block .logo {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        padding: 0 24px;
        transform: translateY(-50%);
        z-index: 100;
        opacity: 0; }
        .edit-pg main .edit-block .logo.show {
          opacity: 1; }
      .edit-pg main .edit-block.single-hero {
        position: relative; }
        .edit-pg main .edit-block.single-hero.true-height {
          height: 100vh;
          margin: 0 0 84px;
          z-index: 10;
          position: relative; }
          .edit-pg main .edit-block.single-hero.true-height .column {
            height: 100%;
            object-fit: cover; }
            .edit-pg main .edit-block.single-hero.true-height .column.mobile {
              display: none; }
        .edit-pg main .edit-block.single-hero .column {
          display: block;
          width: 100%; }
      .edit-pg main .edit-block.double-hero {
        display: grid;
        grid-template-columns: 1fr 1fr;
        position: relative; }
        .edit-pg main .edit-block.double-hero.true-height {
          height: 100vh;
          margin: 0 0 84px;
          z-index: 10;
          position: relative; }
        .edit-pg main .edit-block.double-hero .column {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .edit-pg main .edit-block.product-row {
        margin: 0 0 48px; }
      .edit-pg main .edit-block.left-shop-right-hero, .edit-pg main .edit-block.left-hero-right-shop, .edit-pg main .edit-block.side-shop-middle-hero {
        display: grid;
        column-gap: 6px;
        margin: 0 0 48px; }
      .edit-pg main .edit-block.left-shop-right-hero, .edit-pg main .edit-block.left-hero-right-shop {
        grid-template-columns: 1fr 1fr; }
      .edit-pg main .edit-block.side-shop-middle-hero {
        grid-template-columns: 1fr 2fr 1fr; }
      .edit-pg main .edit-block.video {
        position: relative;
        background: white;
        margin: 0 0 129px; }
        .edit-pg main .edit-block.video.first {
          height: 100vh;
          z-index: 10; }
        .edit-pg main .edit-block.video video {
          width: 100%;
          height: 100%;
          object-fit: cover; }

@media screen and (max-width: 950px) {
  .edit-pg main .edit-block.left-shop-right-hero, .edit-pg main .edit-block.left-hero-right-shop, .edit-pg main .edit-block.side-shop-middle-hero {
    grid-template-columns: 1fr; }
    .edit-pg main .edit-block.left-shop-right-hero .loop, .edit-pg main .edit-block.left-hero-right-shop .loop, .edit-pg main .edit-block.side-shop-middle-hero .loop {
      grid-template-columns: 1fr 1fr; }
      .edit-pg main .edit-block.left-shop-right-hero .loop .product .details a, .edit-pg main .edit-block.left-hero-right-shop .loop .product .details a, .edit-pg main .edit-block.side-shop-middle-hero .loop .product .details a {
        font-size: 15px; }
  .edit-pg main .edit-block.left-shop-right-hero {
    margin: 0; }
    .edit-pg main .edit-block.left-shop-right-hero .left {
      order: 1; }
    .edit-pg main .edit-block.left-shop-right-hero .right {
      order: 2;
      margin: 48px 0 0;
      margin: 48px 0; }
  .edit-pg main .edit-block.left-hero-right-shop {
    margin: 0; }
    .edit-pg main .edit-block.left-hero-right-shop .right {
      order: 1; }
    .edit-pg main .edit-block.left-hero-right-shop .left {
      order: 2;
      margin: 48px 0 0;
      margin: 48px 0; }
  .edit-pg main .edit-block.side-shop-middle-hero {
    margin: 0; }
    .edit-pg main .edit-block.side-shop-middle-hero .left {
      order: 1; }
    .edit-pg main .edit-block.side-shop-middle-hero .right {
      order: 2; }
    .edit-pg main .edit-block.side-shop-middle-hero .middle {
      order: 3;
      margin: 48px 0 0;
      margin: 48px 0; }
  .edit-pg main .edit-block.product-row .loop.quarter-view, .edit-pg main .edit-block.product-row .loop.half-view {
    grid-template-columns: 1fr; }
  .edit-pg main .edit-block.product-row .loop .product .details a {
    font-size: 15px; }
  .edit-pg main .edit-block.single-hero.true-height, .edit-pg main .edit-block.double-hero.true-height {
    margin: 0 0 48px;
    height: auto !important; }
    .edit-pg main .edit-block.single-hero.true-height .column, .edit-pg main .edit-block.double-hero.true-height .column {
      height: 100%;
      object-fit: cover; }
      .edit-pg main .edit-block.single-hero.true-height .column.desktop, .edit-pg main .edit-block.double-hero.true-height .column.desktop {
        display: none; }
      .edit-pg main .edit-block.single-hero.true-height .column.mobile, .edit-pg main .edit-block.double-hero.true-height .column.mobile {
        display: block; }
  .edit-pg main .edit-block.video {
    margin: 0 0 68px; }
  .edit-pg main .edit-block .caption-shop {
    padding: 0; }
    .edit-pg main .edit-block .caption-shop .caption {
      top: 24px; }
  .edit-pg main .edit-block .loop {
    row-gap: 48px; }
    .edit-pg main .edit-block .loop.half-view {
      grid-template-columns: 1fr 1fr; } }
@media screen and (max-width: 600px) {
  .edit-pg main .edit-block.left-shop-right-hero, .edit-pg main .edit-block.left-hero-right-shop, .edit-pg main .edit-block.side-shop-middle-hero {
    grid-template-columns: 1fr; }
    .edit-pg main .edit-block.left-shop-right-hero .loop, .edit-pg main .edit-block.left-hero-right-shop .loop, .edit-pg main .edit-block.side-shop-middle-hero .loop {
      grid-template-columns: 1fr; }
      .edit-pg main .edit-block.left-shop-right-hero .loop .product .details a, .edit-pg main .edit-block.left-hero-right-shop .loop .product .details a, .edit-pg main .edit-block.side-shop-middle-hero .loop .product .details a {
        font-size: 15px; }
  .edit-pg main .edit-block.left-shop-right-hero {
    margin: 0; }
    .edit-pg main .edit-block.left-shop-right-hero .left {
      order: 1; }
    .edit-pg main .edit-block.left-shop-right-hero .right {
      order: 2;
      margin: 48px 0 0;
      margin: 48px 0; }
  .edit-pg main .edit-block.left-hero-right-shop {
    margin: 0; }
    .edit-pg main .edit-block.left-hero-right-shop .right {
      order: 1; }
    .edit-pg main .edit-block.left-hero-right-shop .left {
      order: 2;
      margin: 48px 0 0;
      margin: 48px 0; }
  .edit-pg main .edit-block.side-shop-middle-hero {
    margin: 0; }
    .edit-pg main .edit-block.side-shop-middle-hero .left {
      order: 1; }
    .edit-pg main .edit-block.side-shop-middle-hero .right {
      order: 2; }
    .edit-pg main .edit-block.side-shop-middle-hero .middle {
      order: 3;
      margin: 48px 0 0;
      margin: 48px 0; }
  .edit-pg main .edit-block.product-row .loop.quarter-view, .edit-pg main .edit-block.product-row .loop.half-view {
    grid-template-columns: 1fr; }
  .edit-pg main .edit-block.product-row .loop .product .details a {
    font-size: 15px; }
  .edit-pg main .edit-block .caption-shop {
    padding: 0; }
  .edit-pg main .edit-block .loop {
    row-gap: 48px; }
    .edit-pg main .edit-block .loop.half-view {
      grid-template-columns: 1fr; } }
/*


Error Page


*/
.error-pg {
  background: #063295; }
  .error-pg .top-nav .mobile-close {
    background: #063295;
    border-color: #1e59de; }
  .error-pg .top-nav .upper {
    background: #063295;
    border-bottom: 1px solid #fff;
    border-color: #1e59de; }
    .error-pg .top-nav .upper .block-wrap .block span a {
      color: #1e59de; }
    .error-pg .top-nav .upper .block-wrap .block ul li a {
      color: #1e59de; }
  .error-pg main {
    height: calc(100vh - 112px);
    position: relative; }
    .error-pg main .absolute-center {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #1e59de;
      font-size: 15px;
      white-space: nowrap; }
  .error-pg #newsletter-footer {
    display: none; }
  .error-pg footer ul li a {
    color: #1e59de; }

@media screen and (max-width: 768px) {
  .error-pg .top-nav .upper .block-wrap .block.discover {
    border-color: #1e59de; }
  .error-pg .top-nav .upper .block-wrap .block span a {
    border-color: #1e59de; } }
#cookies-banner {
  height: auto !important; }

/*


Measurements Popup


*/
.measure-pop {
  position: fixed;
  top: 0;
  right: -50%;
  z-index: -50;
  height: 100vh;
  width: 50%;
  background: white; }
  .measure-pop.active {
    z-index: 1550;
    right: 0; }
  .measure-pop .top {
    padding: 24px 24px 48px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #989898; }
    .measure-pop .top span {
      font-size: 15px;
      text-transform: uppercase;
      line-height: 15px;
      letter-spacing: 0.5px; }
    .measure-pop .top a {
      width: 17px;
      height: 17px; }
      .measure-pop .top a img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .measure-pop .middle {
    height: calc(100vh - 90px);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: scroll; }
    .measure-pop .middle img {
      display: block;
      width: 80%;
      height: auto; }

@media screen and (max-width: 650px) {
  .measure-pop {
    width: 100%;
    right: -150%; }
    .measure-pop .middle {
      justify-content: flex-start;
      align-items: flex-start;
      padding: 24px 24px 48px; }
      .measure-pop .middle img {
        width: 100%; } }