/** Shopify CDN: Minification failed

Line 4413:0 Unexpected "}"
Line 4431:2 Unexpected "/"

**/
/*** GLOBALS ***/

* {
  box-sizing: border-box;
  outline: none;
}

html {
  height: auto;
  min-height: 100%;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  overflow-x: hidden;
  height: auto;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  position: relative;
}

body.nav-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

.button--primary {
  color: white;
  background-color: #000000;
  background-image: linear-gradient(
    116.57deg,
    rgba(80, 80, 80, 0.4) 0%,
    rgba(30, 30, 30, 0.4) 50%,
    rgba(30, 30, 30, 0) 100%
  );
  transition: 0.2s ease;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border: none;
  padding: 0px 16px;
  font-weight: 700;
  cursor: pointer;
  outline: none;
  font-size: 14px;
  text-decoration: none;
  border-radius: 0;
  text-transform: uppercase;
  display: inline-block;
  letter-spacing: 1px;
}

.button--primary:hover {
  background-color: #222222;
  background-image: linear-gradient(
    116.57deg,
    rgba(180, 180, 180, 0.8) 0%,
    rgba(100, 100, 100, 0.8) 50%,
    rgba(100, 100, 100, 0) 100%
  );
  color: white;
}

.button--primary.btn_gradient {
  background: linear-gradient(270.04deg, #002970 -35.9%, #00428F 6.22%, #0078D4 97.86%);
}
.button--primary.btn_gradient:hover {
  background: linear-gradient(90deg, #8CD9F5 0%, #0175D4 100%);
}

.button--primary.btn_gray {
  background-color: #232b38;
  background-image: unset;
}
.button--primary.btn_gray:hover {
  opacity: .7;
}

.button--primary:disabled,
.button--primary[disabled] {
  color: #8f8f8f;
  background-color: #d8d8d8;
  background-image: unset;
  cursor: not-allowed;
}
.button--primary:disabled:hover,
.button--primary[disabled]:hover {
  color: #8f8f8f;
  background-color: #d8d8d8;
  background-image: unset;
}

.button--secondary {
  color: #002970;
  background-color: transparent;
  transition: 0.2s ease;
  height: 38px;
  text-align: center;
  border: 2px solid #002970;
  border-radius: 0;
  padding: 0px 16px;
  font-weight: 700;
  cursor: pointer;
  outline: none;
  font-size: 14px;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.button--secondary:hover {
  color: #0078d4;
  border: 2px solid #0078d4;
}

.button--outline {
  box-sizing: border-box;
  display: block;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  height: 44px;
  padding: 14px 16px;
  background-color: white;
  border-radius: 0;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-weight: 700;
  font-stretch: normal;
  text-align: center;
  color: #0078d4 !important;
  border: 2px solid #0078d4 !important;
  cursor: pointer;
  text-decoration: none;
  outline: none;
  line-height: 1;
  font-size: 13px;
  transition: all 0.25s ease;
}

.button--outline:hover {
  color: #08b1ff !important;
  border: 2px solid #08b1ff !important;
}

.button--outline.inline {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0.05em;
  padding: 13px 18px;
  line-height: normal;
  width: auto;
}

.button--outline.inline:hover {
  opacity: 0.85;
}

.container .icon {
  color: #000 !important;
}

/* Arrow Link Button */

.arrow-link {
  margin: 0px;
  color: #004e9c;
  display: inline-block;
  text-decoration: none;
  letter-spacing: 0.025em;
  font-weight: bold;
  font-size: 16px;
  width: auto;
  position: relative;
  height: 28px;
  margin-bottom: 30px;
}

.arrow-link .link-arrow {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC41MDQiIGhlaWdodD0iOS4yNzgiIHZpZXdCb3g9IjAgMCAxMC41MDQgOS4yNzgiPjxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4yNSAwLjE2OSkiPjxwYXRoIGlkPSJQYXRoIiBkPSJNOS44NjksMy45Nyw3LjA2OS4yMzhBLjU3Ni41NzYsMCwwLDAsNi4yMjIuMTQ1YS43MzUuNzM1LDAsMCwwLS4wODQuOTNMOC4xMzIsMy43M0guNmEuNjMxLjYzMSwwLDAsMC0uNi42NTkuNjMxLjYzMSwwLDAsMCwuNi42NTlIOC4xMzJMNi4xMzgsNy43YS43NDEuNzQxLDAsMCwwLC4wODQuOTMuNTc2LjU3NiwwLDAsMCwuODQ3LS4wOTNsMi44LTMuNzMyYS43MzQuNzM0LDAsMCwwLDAtLjgzN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC4wODIpIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMC41Ij48L3BhdGg+PC9nPjwvc3ZnPg==);
  display: inline-block;
  margin-left: 10px;
  position: relative;
  transition: all 0.35s ease;
  right: 0;
  width: 10.5px;
  height: 9.5px;
  background-repeat: no-repeat;
  background-position: center center;
  mix-blend-mode: screen;
}

.arrow-link.left .link-arrow {
  transform: rotate(180deg);
  margin-left: 0;
  margin-right: 10px;
  left: auto;
  right: 0;
}

.arrow-link:hover {
  color: #08b1ff;
}

.arrow-link:hover .link-arrow {
  left: 5px;
  right: auto;
  -webkit-filter: invert(36%) sepia(80%) saturate(5476%) hue-rotate(191deg)
    brightness(96%) contrast(101%);
  filter: invert(36%) sepia(80%) saturate(5476%) hue-rotate(191deg)
    brightness(96%) contrast(101%);
}

.arrow-link.left:hover .link-arrow {
  right: 5px;
  left: auto;
}

/* Text Link */

.text-link {
  display: inline-block;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.075em;
  color: #0078d4;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  border-radius: 0;
  transition: all 0.2s ease, height 0.2s ease;
}

/* Vertical & Horizontail Align */

.valign-center {
  align-items: center !important;
}

@media screen and (min-width: 769px) {
  .text-link:hover {
    color: #08b1ff;
  }
}

.icon--badge-hot {
  color: #ffb805;
}

.icon--badge-new {
  color: #08b1ff;
}

.icon--badge-float {
  margin-top: 5px;
}

.icon--badge-sale {
  color: #e62817;
}

.icon--badge-limited {
  color: #002970;
}

.icon--badge-low-stock {
}

.icon--badge-sold-out {
  color: #6d7782;
}

.icon--badge-coming-soon {
  color: #6d7782;
}

.icon--badge-final-sale {
}

.icon--badge-30-off {
}

.icon--badge-35-off {
}

.icon--badge-50-off {
}

.icon-customBestSeller {
  top: 0px;
  right: 0px;
  position: absolute;
  transform: scale(0.1);
  -webkit-transform: scale(0.1);
}


.yotpo .yotpo-bottomline .yotpo-icon-star,
.yotpo .yotpo-bottomline .yotpo-icon-half-star,
.yotpo .yotpo-bottomline .yotpo-icon-empty-star,
.yotpo .yotpo-review .yotpo-header .yotpo-review-stars .yotpo-icon,
.yotpo .yotpo-comment .yotpo-header .yotpo-review-stars .yotpo-icon,
.yotpo .yotpo-question .yotpo-header .yotpo-review-stars .yotpo-icon,
.yotpo .yotpo-onsite-upload .yotpo-header .yotpo-review-stars .yotpo-icon,
.yotpo .write-review .yotpo-header .yotpo-icon {
  color: #6A6C77 !important;
}

/*** Hero Section + Title and Content ***/

.standard-page .hero-section {
  height: auto;
  position: relative;
}

.standard-page .page-hero {
  margin-bottom: 60px;
}

.standard-page .hero-section picture {
  width: 100%;
  height: 350px;
  display: block;
}

.standard-page .hero-section picture img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.standard-page .hero-descr-wrap {
  padding: 40px 40px 60px;
  text-align: center;
}

.standard-page .hero-descr-wrap h1.hero-title {
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.1;
  margin: 0 auto 10px;
}

.standard-page .hero-descr-wrap .subtitle {
  font-size: 17px;
  max-width: 650px;
  margin: 1em auto 0;
}

.standard-page .hero-buttons {
  display: flex;
  margin: 20px auto 0;
  justify-content: center;
}

.standard-page .hero-buttons .button {
  display: inline-block;
  margin: 0 6px;
  text-transform: uppercase;
}

@media screen and (min-width: 769px) {
  .standard-page .hero-section {
    margin-bottom: 80px;
  }
  .standard-page .page-hero {
    margin-bottom: 80px;
  }
  .standard-page .hero-section picture {
    height: 400px;
  }
  .standard-page .hero-section::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background: linear-gradient(
0deg
 , rgba(0, 41, 112, 0.55) 0%, rgba(58, 12, 107, 0) 100% ); */
    background: linear-gradient(
      229.5deg,
      rgba(196, 196, 196, 0) 0%,
      #232323 86.38%
    );
    z-index: 1;
    opacity: 0.5;
    background-blend-mode: multiply;
  }
  .standard-page .hero-descr-wrap {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: white;
    max-width: 1300px;
    margin: 0 auto;
    z-index: 10;
    padding: 0 30px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .standard-page .hero-descr-wrap h1.hero-title {
    font-size: 36px;
  }
  .standard-page .hero-descr-wrap .subtitle {
    color: white;
  }
}

@media screen and (min-width: 1024px) {
  .standard-page .hero-descr-wrap h1.hero-title {
    font-size: 48px;
  }
  .standard-page .hero-descr-wrap .subtitle {
    font-size: 22px;
  }
  .standard-page .hero-section picture {
    height: 500px;
  }
}

body.geolocation-server-render .only-domestic,
html.flow-localized .only-domestic {
  display: none !important;
}

body.geolocation-server-render #rx-men-prescription,
html.flow-localized #rx-men-prescription {
  display: none !important;
}

body.geolocation-server-render #rx-women-prescription,
html.flow-localized #rx-women-prescription {
  display: none !important;
}

body.geolocation-server-render #rx-men-readers,
html.flow-localized #rx-men-readers {
  display: none !important;
}

body.geolocation-server-render #rx-women-readers,
html.flow-localized #rx-women-readers {
  display: none !important;
}

/* Accordion */

.flow-load-wait {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s;
}

.flow-load-wait.geolocation-show {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s;
}

.shopify-section button.accordion {
  outline: none;
  display: block;
  width: 100%;
  text-align: left;
  line-height: 1.6;
  background: white;
  border: none;
  border-top: 1px solid #ccd3da;
  border-radius: 0;
  margin: 0 auto;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  color: #111111;
  font-size: 14px;
  font-weight: 600;
  padding: 18px 32px 18px 18px;
}

.shopify-section button.accordion::after {
  content: "+";
  font-size: 16px;
  color: #111111;
  float: right;
  margin-right: -14px;
  line-height: 24px;
  font-weight: 600 !important;
}

.shopify-section .panel {
  padding: 0 18px;
  font-size: 16px;
  color: #111111;
  line-height: 1.6;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.shopify-section .panel:last-child {
  border-bottom: 1px solid #ccd3da;
}

.shopify-section .panel .accordion-button {
  padding: 20px 0;
  text-align: center;
}

.shopify-section button.accordion.active::after {
  content: "-";
}

.shopify-section .panel table {
  width: 100%;
  display: block;
  font-size: 14px !important;
  border-collapse: collapse;
}

.shopify-section .panel table tr {
  border-bottom: 1px solid #e6eaed;
}

@media screen and (min-width: 769px) {
  .shopify-section button.accordion {
    cursor: pointer;
  }
  .shopify-section .panel .accordion-button {
    padding: 20px 0 40px;
    text-align: center;
  }
}

@media screen and (min-width: 1024px) {
  .shopify-section .panel {
    font-size: 17px;
  }
}

/* Page Hero Image Section */

* .page-hero {
  text-align: center;
  margin: 0 auto 30px;
  position: relative;
}

* .page-hero .page-featured-img {
  width: 100%;
  height: 150px;
  left: 0;
  top: 0;
  z-index: 0;
  position: relative;
  background: #232b38;
}
#shopify-section-static-giving-back .page-hero .page-featured-img {
  height: 300px;
}
#shopify-section-static-affiliate-program .page-hero .page-featured-img {
  height: 450px;
}
.template--page-careers .page-hero .page-featured-img {
  height: 350px;
}
* .page-hero .page-featured-img picture {
  width: 100%;
  height: 100%;
  position: relative;
}
.page-become-retailer-wholesale .page-hero .page-featured-img {
  height: 350px;
}
.page-goggle-and-helmet-warranty .page-hero .page-featured-img {
  height: 350px;
}
* .page-hero .page-featured-img picture img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center 25%;
}

* .page-hero.centered .page-featured-img picture img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center !important;
}

* .page-hero .page-title {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  bottom: 0;
  left: 0;
  right: 0;
}

* .page-hero .page-title .inner-title {
  width: 85%;
  max-width: 650px;
  background: white;
  padding: 25px 30px 20px;
  margin: 0 auto -6%;
}

* .page-hero .page-title h1 {
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.1;
  margin: 0 auto 10px;
}

* .page-hero .page-subtitle {
  font-size: 17px;
  margin-top: 0;
  margin-bottom: 15px;
  color: #6d7782;
  line-height: 1.5;
}

@media screen and (min-width: 769px) {
  #shopify-section-static-giving-back .page-hero .page-featured-img {
    height: 400px;
  }
  #shopify-section-static-affiliate-program .page-hero .page-featured-img {
    height: 350px;
  }
  .template--page-careers .page-hero .page-featured-img {
    height: 400px;
  }
  * .page-hero .page-featured-img {
    height: 250px;
  }
  * .page-hero .page-featured-img::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background: linear-gradient(
  0deg
  , rgba(0, 41, 112, 0.55) 0%, rgba(58, 12, 107, 0) 100% ); */
    background: linear-gradient(
      229.5deg,
      rgba(196, 196, 196, 0) 0%,
      #232323 86.38%
    );
    z-index: 1;
    opacity: 0.45;
    background-blend-mode: multiply;
  }
  * .page-hero .page-title h1 {
    font-size: 36px;
    max-width: 550px;
  }
}

@media screen and (min-width: 769px) {
  * .page-hero .page-featured-img {
    height: 250px;
  }
  * .page-hero .page-title {
    align-items: center;
    justify-content: center;
  }
  * .page-hero .page-title .inner-title {
    background: none;
    margin: 0 auto;
    max-width: 830px;
  }
  * .page-hero .page-title h1,
  * .page-hero .page-title .page-subtitle {
    color: white;
  }
  * .page-hero .page-title h1 {
    font-size: 48px;
  }
  * .page-hero .page-title .page-subtitle {
    font-size: 22px;
  }
}

/* Animations */

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*** END GLOBALS ***/

/*** MAIN NAVIGATION ***/

#main-fixed {
  width: 100%;
  left: 0;
  top: 0;
  z-index: 99;
  transition: all 0.3s ease-in-out;
  position: fixed;
}

#main-fixed.sticky {
  position: fixed;
}

#main-nav .icons .header-icons__icon-badge {
  position: absolute;
  top: 15px;
  right: -8px;
  min-width: 1rem;
  min-height: 1rem;
  padding: 0.125rem 0.25rem;
  line-height: 1;
  color: #fff;
  background-color: #08b1ff;
  border-radius: 6.25rem;
  font-size: 0.875rem;
  visibility: visible;
  opacity: 1;
  font-weight: normal;
  text-align: center;
}

@media screen and (max-width: 768px) {
  /* #main-fixed {
    display: block !important;
    position: fixed;
  } */
  #main-nav .icons .header-icons__icon-badge {
    top: 12px;
  }
}

#main-nav .icons .header-icons__icon-badge::before {
  content: attr(data-cart-count);
}

#main-nav .icons .header-icons__icon-badge[data-cart-count="0"] {
  visibility: hidden;
  opacity: 0;
}

#notification-bar .message {
  margin: 0;
  text-align: center;
  color: white;
  font-family: "basis-grotesque", sans-serif;
  font-size: 13px;
  font-weight: bold;
}

.notification-menu,
.back-menu-outlet {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 10px;
  font-size: 0;
  z-index: 20;
}

.notification-menu{
  right: 50px;
  text-align: right;
}

.back-menu-outlet {
  left: 5px;
  text-align: left;
}

@media screen and (min-width: 769px) {
  .back-menu-outlet {
    left: 50px;
  }
}

.notification-menu li,
.back-menu-outlet li {
  display: inline-block;
}

.notification-menu li,
.back-menu-outlet li {
  margin-right: 5px;
  padding-right: 5px;
}

.notification-menu li:last-child,
.back-menu-outlet li:last-child {
  margin-right: 0;
  padding-right: 0;
}

.notification-menu li a,
.back-menu-outlet li a {
  color: white;
  font-size: 13px;
  font-family: "basis-grotesque";
  text-decoration: none;
}

.notification-menu li a:hover,
.back-menu-outlet li a:hover {
  text-decoration: underline;
}

#main-nav {
  padding: 0px 50px;
  height: 80px;
  border-bottom: 1px solid #e0e5e9;
  position: relative;
  z-index: 2;
}

#main-nav .logo {
  width: 150px;
  float: left;
  text-align: left;
  padding-top: 18px;
}

#main-nav .logo a {
  color: #002970;
}

#main-nav .logo:hover a svg,
#main-nav .logo:hover a svg g {
  color: #08b1ff;
  fill: #08b1ff;
}

#main-nav:hover .logo a {
  color: #002970;
}

#main-nav .logo a {
  display: inline-block;
}

#main-nav .main-dk {
  width: calc(100% - 300px);
  float: left;
}

#main-nav::before {
  background-color: white;
  opacity: 0;
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: all 0.25s;
  z-index: -1;
}

#main-nav:hover::before {
  opacity: 1;
}

#main-nav .main-dk > ul {
  margin: 0;
  padding: 0;
  text-align: center;
  display: block;
  width: 100%;
  list-style-type: none;
  font-size: 0px;
}

#main-nav .main-dk > ul > li {
  display: inline-block;
  color: #002970;
  font-weight: bold;
  font-family: "basis-grotesque";
}

#main-nav:hover .main-dk > ul > li {
  color: #002970;
}

#main-nav .main-dk > ul > li > a {
  text-decoration: none;
  color: #002970;
  height: 80px;
  line-height: 80px;
  display: inline-block;
  padding: 0px 20px;
  font-size: 14px;
  border-bottom: 2px solid transparent;
}

#main-nav .main-dk > ul > li > a svg {
  transform: rotate(180deg);
  margin-left: 2px;
  top: -1px;
  position: relative;
  display: none;
}

#main-nav .main-dk > ul > li > a:hover svg {
  transform: rotate(0deg);
}

#main-nav .main-dk > ul > li:hover > a {
  border-bottom: 2px solid #08b1ff;
}

#main-nav:hover .main-dk > ul > li > a {
  color: #002970;
}

#main-nav .icons {
  float: left;
  width: 150px;
}

#main-nav .icons ul {
  margin: 0;
  padding: 0;
  text-align: right;
  display: block;
  width: 100%;
  list-style-type: none;
}

#main-nav .icons ul li {
  display: inline-block;
  margin: 0px 0px 0px 25px;
  font-size: 14px;
  color: #002970;
  font-weight: bold;
  font-family: "basis-grotesque";
}

#main-nav:hover .icons ul li {
  color: #002970;
}

#main-nav .icons ul li a {
  text-decoration: none;
  color: #002970;
  height: 80px;
  line-height: 80px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}

#main-nav:hover .icons ul li a {
  color: #002970;
}

#main-fixed.sticky #main-nav {
  background-color: white;
}

#main-fixed.sticky #main-nav .logo a {
  color: #002970;
}

#main-fixed.sticky #main-nav .main-dk > ul > li {
  color: #002970;
}

#main-fixed.sticky #main-nav .main-dk > ul > li > a {
  color: #002970;
}

#main-fixed.sticky #main-nav .icons ul li a {
  color: #002970;
}

#main-nav .sub-dk {
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #f3f4f7;
  height: auto;
  display: none;
}

#main-nav .main-dk > ul > li:hover .sub-dk {
  display: block;
}

#main-nav .sub-dk .container {
  max-width: 1300px;
  margin: auto;
  font-size: 0px;
  padding: 20px 0px 10px;
  overflow: auto;
  width: 96%;
  text-align: center;
}

#main-nav .sub-dk .container .column {
  display: inline-block;
  font-size: 0;
  width: 25%;
  vertical-align: top;
  padding: 0px 10px;
  box-sizing: border-box;
}

#main-nav .sub-dk .container .column.half {
  width: 50%;
}

.menu-category {
  background-color: white;
  border-radius: 2px;
  margin-bottom: 10px;
  position: relative;
  overflow: auto;
}

.menu-category h3 {
  border-bottom: 1px solid #e9ecef;
  padding: 0px;
  margin: 0px;
  font-size: 15px;
  line-height: normal;
  letter-spacing: normal;
  height: 56px;
  box-sizing: border-box;
  text-align: left;
  overflow: hidden;
}

.menu-category h3 a {
  padding: 20px;
  margin: 0px;
  color: #232c39;
  display: inline-block;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 15px;
  width: 100%;
  position: relative;
  height: 56px;
  text-decoration: none;
  box-sizing: border-box;
}

.menu-category ul {
  margin: 0px;
  padding: 0px;
}

.menu-category li {
  padding: 0px;
  margin: 0px;
  font-size: 13px;
  line-height: normal;
  float: none;
  color: black;
  text-decoration: none;
  display: block;
  text-align: left;
  font-size: 13px;
}

.menu-category li a {
  padding: 10px 20px 10px;
  width: 100%;
  margin: 0px;
  color: #51575f;
  display: inline-block;
  font-size: 13px;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-weight: 600;
  letter-spacing: normal;
  box-sizing: border-box;
  text-decoration: none;
}
#main-nav .main-dk .d-solid-links li a {
  background-color: #002970;
  text-align: left;
  color: white;
  font-size: 14px;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  padding: 20px 16.5px;
  display: block;
  margin-bottom: 10px;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 1px;
  border-radius: 2px;
  box-sizing: border-box;
}
@media screen and (max-width: 1300px) {
  .menu-category li a {
    padding: 10px 5px 10px 10px;
  }
}

.menu-category li a:hover {
  color: #0078d4;
}

.menu-category.blog-nav li a {
  padding: 20px 20px 13px;
}

.menu-category li a img {
  display: inline-block;
  margin-right: 10px;
  height: 35px;
  vertical-align: middle;
  @media screen and (max-width: 800px) and (min-width: 600px) {
    margin-right: 10px;
  }
}

.menu-category h3 a span {
  display: inline-block;
  margin-left: 10px;
  position: relative;
  transition: all 0.5s ease;
  left: 0;
}

.menu-category h3:hover a span {
  left: 20px;
}

.menu-category h3:hover a {
  color: #0078d4;
}

.menu-category h3:hover a:before {
  content: "Shop All ";
}

.menu-category h3:hover a svg {
  fill: #0078d4 !important;
  stroke: #0078d4 !important;
}

.menu-category .rx-badge {
  top: -10px;
  font-weight: bold;
  letter-spacing: 0.5px;
}

.d-solid-links ul {
  padding: 0px;
  margin: 0px;
}

.d-solid-links li a span {
  display: inline-block;
  margin-left: 10px;
  position: relative;
  transition: all 0.5s ease;
  left: 0;
}

.d-solid-links li a svg {
  fill: #fff !important;
  stroke: #fff !important;
}

.d-solid-links li a:hover span {
  left: 20px;
}

.menu-category h4 {
  border-bottom: 1px solid #e9ecef;
  padding: 20px;
  margin: 0px;
  line-height: normal;
  letter-spacing: normal;
  color: #232c39;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 15px;
  text-align: left;
}

.menu-category h4 a {
  float: right;
  color: #0078d4;
  text-decoration: none;
}

.menu-category h4 a span {
  display: inline-block;
  margin-left: 10px;
}

.menu-category h4 a svg {
  fill: #0078d4 !important;
  stroke: #0078d4 !important;
}

#main-nav .rx-nav-posts {
  overflow: auto;
}

#main-nav .rx-nav-posts li {
  float: left;
  width: 50%;
}

#main-nav .rx-nav-posts li img {
  display: block;
  margin-right: 0;
  vertical-align: middle;
  height: auto;
  width: 100%;
  margin-bottom: 10px;
}

#main-nav .rx-nav-posts li a {
  line-height: 1.5;
}

#main-nav .rx-nav-posts li:first-child a {
  padding-right: 10px;
}

#main-nav .rx-nav-posts li:last-child a {
  padding-left: 10px;
}

.temp-img {
  display: inline-block;
  width: 64px;
  vertical-align: middle;
  margin-right: 10px;
  top: 1px;
  position: absolute;
  left: 20px;
}

@media screen and (max-width: 1300px) {
  .temp-img {
    left: 10px;
  }
}

.menu-category h3 a.temp-link {
  padding-left: 100px;
}

.menu-category h3:hover a.temp-link:before {
  content: "Shop All ";
  display: none;
}

.menu-category h3:hover a:before {
  display: none;
}

.menu-category ul.half {
  width: 50%;
  float: left;
}

.acsb-trigger.acsb-trigger-size-small {
  height: 35px !important;
  right: 0 !important;
  left: auto !important;
  z-index: 100;
}

@media screen and (max-width: 1080px) {
  #main-nav {
    padding: 0px 15px;
  }
  #main-nav .logo {
    width: 60px;
  }
  #main-nav .main-dk > ul {
    text-align: left;
  }
  #main-nav .main-dk {
    width: calc(100% - 190px);
  }
  .notification-menu {
    right: 15px;
  }
  #main-nav .icons ul li:first-child {
    margin-left: 0px;
  }
  #main-nav .icons ul li:nth-child(2) {
    margin-left: 0px;
  }
  #main-nav .main-dk > ul > li > a {
    padding: 0px 10px;
  }
  #main-nav .icons {
    width: 120px;
  }
}

#main-nav .icons .mobile-only {
  display: none;
}

.main-m {
  display: none;
}

@media screen and (max-width: 768px) {
  #main-nav .main-dk {
    display: none;
  }
  .notification-menu {
    display: none;
  }
  .acsb-trigger.acsb-trigger-size-small {
    right: 0px !important;
    left: auto !important;
  }
  #main-nav .icons {
    float: right;
  }
  #main-nav .icons .desktop-only {
    display: none;
  }
  #main-nav .icons .mobile-only {
    display: inline-block;
  }
  #main-nav .icons ul li a {
    height: 65px;
    line-height: 72px;
  }
  #main-nav {
    height: 65px;
  }
  #main-nav .logo {
    padding-top: 15px;
    width: 50px;
  }
  .main-m {
    display: block;
  }
  .main-m {
    float: left;
  }
  .main-m a:first-child {
    margin-right: 10px;
  }
  .main-m a {
    height: 65px;
    line-height: 65px;
    text-decoration: none;
    color: #002970;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    display: inline-block;
  }
  #main-nav .logo a svg {
    height: 35px;
    width: 35px;
  }
}

body .acsb-trigger .acsb-trigger-icon svg,
body .acsb-trigger .acsb-trigger-icon img,
body .acsb-trigger .acsb-trigger-icon .acsb-entity {
  max-width: 50% !important;
  max-height: 50% !important;
}

#search-bar-d,
#search-bar-d-new {
  background-color: white;
  padding: 5px 0px;
  border-bottom: 1px solid #e0e5e9;
  display: none;
}

html div.snize-ac-results.snize-ac-results-mobile {
  background-color: rgba(0, 0, 0, 0.5);
}

#search-bar-d .search-container form .search,
#search-bar-d-new .search-container form .search {
  position: absolute;
  left: 0px;
  top: 15px;
  color: #858585;
}

.search-container {
  max-width: 1300px;
  width: 96%;
  margin: auto;
}

.search-container form {
  position: relative;
}

.search-container input[type="text"] {
  height: 50px;
  width: 100%;
  font-size: 16px;
  padding: 0px 80px 0px 25px;
  border: 0;
}

.search-container input[type="submit"] {
  position: absolute;
  right: 0;
  height: 100%;
  font-size: 16px;
  text-transform: uppercase;
  background-color: transparent;
  border: none;
  padding-right: 0px;
  cursor: pointer;
  color: #0078d4;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-weight: 600;
}

/*** END MAIN NAVIGATION ***/

/*** HOME TEMPLATE ***/

/* ------------- Utility Classes */

.template--index .section {
  margin: 35px auto 45px;
}

.template--index .section .text-center {
  text-align: center;
}

.template--index .section h3, #shopify-tab-section h3 {
  font-size: 22px;
  font-weight: 800;
  font-family: "aktiv-grotesk-extended", sans-serif;
}
@media screen and (min-width: 769px) {
  .template--index .section h3, #shopify-tab-section h3 {
    font-size: 24px;
  }
}

/* Css variables not working in Liquid env? ..
body {
  --black: #232b38;
  --dark-blue: #0078d4;
  --light-blue: #08b1ff;
  --light-gray: #F3F4F7;
} */

.template--index .container,
.template_name--page .container,
.template--404 .container,
.template--search .container {
  max-width: 1300px;
  margin: 0 auto;
}

.template--index .container .inner-section {
  position: relative;
}

.template--index .box-shadow {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15);
}

@media screen and (min-width: 1024px) {
  .template--index .section,
  .template--404 .section,
  .template_name--page .tab-section-wrap {
    margin: 60px auto 70px;
  }
}

@media screen and (min-width: 1400px) {
  .template--index .container {
    padding: 0;
  }
}
.template_name--page .container {
  margin-bottom: 70px;
}
.hero-full-section-wrap {
  position: relative;
}
.hero-full-slider {
  margin: 0 !important;
}
@media screen and (max-width: 768px) {
  .hero-full-slider .slick-dots {
    margin-bottom: -10px;
  }
}

.hero-full-section-wrap .hero-descr {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  z-index: 1;
  max-width: 575px;
  width: fit-content;

}
.hero-full-section-wrap .hero-descr.hero-descr--middle_right {
  right: 15%!important;
}
.hero-full-section-wrap--slider .hero-descr.hero-descr--bottom_left {
  top: unset;
  bottom: 5%;
  transform: unset;
  position: absolute;
  text-align: left;
  z-index: 1;
  max-width: 575px;
  width: fit-content;
  left: 2%;
  margin-bottom: 40px;
}

.hero-full-section-wrap--slider .hero-descr.hero-descr--bottom_middle {
  top: unset;
  bottom: 5%;
  transform: unset;
  position: absolute;
  text-align: left;
  z-index: 1;
  max-width: 575px;
  width: fit-content;
}

.hero-descr--middle_left .hero-descr__svg picture img,
.hero-descr--middle_right .hero-descr__svg picture img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%; 
}

.hero-full-section-wrap .hero-descr.hero-align-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  z-index: 1;
  max-width: 575px;
  width: fit-content;
  right: 2%;
  left: auto;
}
.hero-full-section-wrap .button--primary {
  margin-left: 5px;
  margin-right: 5px;
}

.hero-full-section-wrap .button--secondary {
  margin-left: 5px;
  margin-right: 5px;
  background: white;
  height: 44px;
  line-height: 40px;
}
.hero-full-section-wrap--slider .hero-descr.hero-descr--middle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

div.hero__button-wrapper.text-center-50 a.button--primary--1fe47387-c744-4010-919b-d696f56cd8fd{
  width: 50%;
}

.hero-full-section-wrap--slider .hero-descr.hero-descr--bottom_left {
  position: absolute;
  top: unset;
  bottom: 5%;
  text-align: left;
  z-index: 1;
  max-width: 575px;
  width: fit-content;
  left: 2%;
}

.hero-full-section-wrap--slider .hero-descr.hero-descr--bottom_middle {
  position: absolute;
  top: unset;
  text-align: center;
  z-index: 1;
  max-width: 575px;
  width: fit-content;
  left: 50%;
  transform: translate(-50%, 0%);
}


@media screen and (min-width: 1700px) {
  .hero-full-section-wrap .hero-descr {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(1.15);
    text-align: center;
    z-index: 1;
    max-width: 575px;
    width: fit-content;
  }
  .hero-full-section-wrap .hero-descr.hero-align-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(1.15);
    text-align: center;
    z-index: 1;
    max-width: 575px;
    width: fit-content;
    right: 10%;
    left: auto;
  }
}

.hero-full-section-wrap .hero-descr h1 {
  margin-top: 0px;
  font-weight: 900;
  font-size: 36px;
  margin-bottom: 10px;
  font-family: "aktiv-grotesk-extended", sans-serif;
}

.hero-full-section-wrap picture {
  width: 100%;
  display: block;
  position: relative;
}

.hero-full-section-wrap .hero-image img, .hero-full-section-wrap .hero-image video {
  width: 100%;
  height: 75vh;
  display: block;
  object-position: 50% 50%;
  object-fit: cover;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNSAzNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzUgMzU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojQjNCQUM2O30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE5LjQ5LDEwLjA5TDEyLjcsMjUuNTFIOC43NWw2Ljc5LTE1LjQySDE5LjQ5eiBNMjEuNDcsMTAuMDlsLTYuNzksMTUuNDJoMy45NWw2Ljc5LTE1LjQySDIxLjQ3eiBNMzMuNDksMTcuOAoJYzAtOS4wNS03LjM2LTE2LjQxLTE2LjQxLTE2LjQxQzguMDQsMS4zOSwwLjY4LDguNzUsMC42OCwxNy44czcuMzYsMTYuNDEsMTYuNDEsMTYuNDFDMjYuMTMsMzQuMjEsMzMuNDksMjYuODUsMzMuNDksMTcuOHoKCSBNMzEuNDYsMTcuOGMwLDcuOTItNi40NSwxNC4zNy0xNC4zNywxNC4zN2MtNy45MiwwLTE0LjM3LTYuNDUtMTQuMzctMTQuMzdjMC03LjkyLDYuNDUtMTQuMzcsMTQuMzctMTQuMzcKCUMyNS4wMSwzLjQzLDMxLjQ2LDkuODgsMzEuNDYsMTcuOHoiLz4KPC9zdmc+Cg==")
    #e7ebf2;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 35px 35px;
}

.hero-full-section-wrap p {
  margin: 0px 0 20px;
}

.hero-full-section-wrap .signup,
.hero-full-section-wrap .login {
  display: inline-block;
  width: 174px;
  margin: 0px 10px;
  padding: 12px;
  text-align: center;
  color: white;
  text-transform: uppercase;
  background-color: #004e9c;
  border-radius: 2px;
  font-weight: 400;
  transition: all 0.3s;
}

.hero-full-section-wrap .signup:hover,
.hero-full-section-wrap .login:hover {
  background-color: #0078d4;
}

@media screen and (max-width: 768px) {
  .hero-full-section-wrap .signup,
  .hero-full-section-wrap .login {
    width: 134px;
    padding: 10px;
    font-size: 14px;
  }
  .hero-full-section-wrap .hero-image img {
    height: 40vh;
  }
  .hero-full-section-wrap--slider .hero-image img, .hero-full-section-wrap--slider .hero-image video {
    height: 63vh;
  }
  .hero-full-section-wrap .hero-descr {
    position: relative;
    top: 0;
    transform: none;
    width: 100%;
    max-width: 100%;
    left: 0;
    margin-top: 0px;
    margin-bottom: 20px;
  }
  .hero-full-section-wrap--slider .hero-descr.hero-descr--bottom_left {
    position: absolute;
    bottom: 7%;
    top: unset;
    text-align: left;
    left: 3%;
    margin-bottom: 0px;
  }
  .hero-full-section-wrap--slider .hero-descr.hero-descr--bottom_middle {
    position: absolute;
    bottom: 5%;
    top: unset;
    text-align: center;
    margin-bottom: 0px;
    margin: 0 auto;
  }
  .template--page-gifts .hero-full-section-wrap--slider .hero-descr.hero-descr--bottom_left {
    display: flex;
    flex-flow: column;
    align-items: center;
    left: 0;
    width: 100%;
    max-width: unset;
  }
  .template--page-gifts .hero-full-section-wrap--slider .hero-descr.hero-descr--bottom_middle {
    display: flex;
    flex-flow: column;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    max-width: unset;
  }
  .hero-full-section-wrap--slider .hero-descr.hero-descr--middle_left,
  .hero-full-section-wrap--slider .hero-descr.hero-descr--middle_right {
    position: absolute;
    bottom: 4%;
    top: unset;
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
  }
  .template--page-gifts .hero-full-section-wrap--slider .hero-descr.hero-descr--middle_left {
    display: flex;
    flex-flow: column;
    align-items: center;
    left: 0;
    width: 100%;
    max-width: unset;
  }

  .template--page-gifts .hero-full-section-wrap--slider .hero-descr.hero-descr--middle_right {
    display: flex;
    flex-flow: column;
    align-items: center;
    right: 0;
    width: 100%;
    max-width: unset;
  }
  .hero-full-section-wrap--slider .hero-descr.hero-descr--middle_right, 
  .hero-full-section-wrap--slider .hero-descr.hero-descr--middle_left {
    position: absolute;
    bottom: 4%;
    top: unset;
    text-align: center;
    margin-bottom: 0px;
  }
  .template--page-gifts .hero-full-section-wrap--slider .hero-descr.hero-descr--middle_left {
    display: flex;
    flex-flow: column;
    align-items: center;
    left: 0;
    width: 100%;
    max-width: unset;
  }
  .template--page-gifts .hero-full-section-wrap--slider .hero-descr.hero-descr--middle_right {
    display: flex;
    flex-flow: column;
    align-items: center;
    right: 0;
    width: 100%;
    max-width: unset;
  }
  .hero-full-section-wrap .hero-descr.hero-align-right {
    position: relative;
    top: 0;
    transform: none;
    width: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
    margin-top: 20px;
  }
  .hero-full-section-wrap .hero-descr h1 {
    font-size: 28px;
  }
  .hero-full-section-wrap p {
    padding: 0px 10px;
  }
}

.template--index #site-footer {
  margin-top: 0px;
}

/* Slider Items */

.category-slider {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(2,minmax(0,1fr));
}
@media screen and (min-width: 769px) {
  .category-slider {
    grid-gap: 15px;
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
}

.category-carousel-item h3, .category-carousel-item:visited h3 {
  padding: 10px 0px;
  margin: 0px;
  color: #004e9c;
  display: inline-block;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 16px;
  width: 100%;
  position: relative;
}

.category-carousel-item .link-arrow, .category-tabs__title .link-arrow {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC41MDQiIGhlaWdodD0iOS4yNzgiIHZpZXdCb3g9IjAgMCAxMC41MDQgOS4yNzgiPjxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4yNSAwLjE2OSkiPjxwYXRoIGlkPSJQYXRoIiBkPSJNOS44NjksMy45Nyw3LjA2OS4yMzhBLjU3Ni41NzYsMCwwLDAsNi4yMjIuMTQ1YS43MzUuNzM1LDAsMCwwLS4wODQuOTNMOC4xMzIsMy43M0guNmEuNjMxLjYzMSwwLDAsMC0uNi42NTkuNjMxLjYzMSwwLDAsMCwuNi42NTlIOC4xMzJMNi4xMzgsNy43YS43NDEuNzQxLDAsMCwwLC4wODQuOTMuNTc2LjU3NiwwLDAsMCwuODQ3LS4wOTNsMi44LTMuNzMyYS43MzQuNzM0LDAsMCwwLDAtLjgzN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC4wODIpIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMC41Ij48L3BhdGg+PC9nPjwvc3ZnPg==");
  display: inline-block;
  margin-left: 10px;
  position: relative;
  transition: all 0.35s ease;
  left: 0;
  width: 10.5px;
  height: 9.5px;
  background-repeat: no-repeat;
  background-position: center center;
  mix-blend-mode: screen;
}
.category-carousel-item:hover .link-arrow {
  left: 10px;
  -webkit-filter: invert(36%) sepia(80%) saturate(5476%) hue-rotate(191deg) brightness(96%) contrast(101%);
  filter: invert(36%) sepia(80%) saturate(5476%) hue-rotate(191deg) brightness(96%) contrast(101%);
}
#shopify-categories-section .category-carousel-item img {
  max-width: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}

.categories-section__title {
  font-size: 24px;
  font-weight: 800;
  font-family: "aktiv-grotesk-extended", sans-serif;
}

#home-double-cta {
  overflow: auto;
  margin-top: 20px;
}

@media screen and (max-width:768px){
  #home-double-cta .btn-cta-centered {
    display: flex;
    justify-content: center;
  } 
  #home-double-cta .btn-cta-centered a {
    margin: 0!important;
  }
}

@media screen and (min-width: 769px) {
  #home-double-cta {
    overflow: auto;
    margin-top: 50px;
  }
}
#home-double-cta .left-hero {
  width: 49%;
  float: left;
  position: relative;
}

#home-double-cta .right-hero {
  width: 49%;
  float: right;
  position: relative;
}

#home-double-cta img {
  display: block;
  max-width: 100%;
  min-height: 150px;
  height: auto;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNSAzNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzUgMzU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojQjNCQUM2O30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE5LjQ5LDEwLjA5TDEyLjcsMjUuNTFIOC43NWw2Ljc5LTE1LjQySDE5LjQ5eiBNMjEuNDcsMTAuMDlsLTYuNzksMTUuNDJoMy45NWw2Ljc5LTE1LjQySDIxLjQ3eiBNMzMuNDksMTcuOAoJYzAtOS4wNS03LjM2LTE2LjQxLTE2LjQxLTE2LjQxQzguMDQsMS4zOSwwLjY4LDguNzUsMC42OCwxNy44czcuMzYsMTYuNDEsMTYuNDEsMTYuNDFDMjYuMTMsMzQuMjEsMzMuNDksMjYuODUsMzMuNDksMTcuOHoKCSBNMzEuNDYsMTcuOGMwLDcuOTItNi40NSwxNC4zNy0xNC4zNywxNC4zN2MtNy45MiwwLTE0LjM3LTYuNDUtMTQuMzctMTQuMzdjMC03LjkyLDYuNDUtMTQuMzcsMTQuMzctMTQuMzcKCUMyNS4wMSwzLjQzLDMxLjQ2LDkuODgsMzEuNDYsMTcuOHoiLz4KPC9zdmc+Cg==")
    #e7ebf2;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 35px 35px;
}

#home-double-cta .cc-heroo {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 20px 15px;
  box-sizing: border-box;
}

#home-double-cta .cc-heroo h3 {
  color: white;
  margin-bottom: 0px;
  margin-top: 0px;
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
}

#home-double-cta .cc-subt {
  color: white;
  margin-top: 5px;
  margin-bottom: 15px;
}

.cc-heroo__btns .hero__button:first-child {
  margin-right: 10px;
}
@media screen and (max-width: 550px) {
  #home-double-cta {
    width: 100%;
    padding: 0px;
    max-width: 100%;
  }
  #home-double-cta .left-hero {
    width: 100%;
    float: none;
    position: relative;
  }
  #home-double-cta .right-hero {
    width: 100%;
    float: none;
    margin-top: 20px;
    position: relative;
  }
}

#shopify-tab-section .tab-nav nav {
  display: flex;
  margin: 20px auto 40px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.template--page-snow-fit-guide .tab-section-wrap h3 {
  margin-top: 0;
  margin-bottom: 0;
}
#shopify-tab-section .tab-nav .tab-item {
  display: block;
  padding: 12px 16px;
  position: relative;
  font-size: 14px;
  letter-spacing: 0.02em;
  /*background: orange;*/
  color: #232b38;
  outline: none;
  text-decoration: none;
}

#shopify-tab-section .tab-nav .tab-item.active {
  font-weight: bold;
  color: #002970;
}

#shopify-tab-section .tab-nav .tab-item:active,
#shopify-tab-section .tab-nav .tab-item:visited {
  outline: none;
  border: none;
}

#shopify-tab-section .tab-nav .tab-item::after {
  content: "";
  display: block;
  left: 0;
  right: 0;
  position: absolute;
  bottom: 0;
  top: auto;
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
  /* blue #5f677 */
}

#shopify-tab-section .tab-nav .tab-item::before {
  content: "";
  display: block;
  left: 0;
  right: 0;
  position: absolute;
  bottom: 0;
  top: auto;
  border-bottom: 2px solid #08b1ff;
  transition: all 250ms ease;
  width: 0;
  margin: auto;
  /* blue #5f677 */
}

#shopify-tab-section .tab-nav .tab-item.active::after {
  border-bottom: 2px solid #002970;
  width: 100%;
}

#shopify-tab-section .review-wrap .text-m {
  display: none;
  font-size: 11px;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  position: relative;
  top: 1px;
  left: 2px;
  color: #6e7d89 !important;
}

/* Tab Content */

#shopify-tab-section .tab-content-wrap {
  transition: all 250ms ease;
}

#shopify-tab-section .tab-content {
  display: none;
  border: none;
  outline: none;
}
@media screen and (max-width: 1200px) {
  #shopify-tab-section .tab-content {
    padding: 0 10px;
  }
}
@media screen and (max-width: 1200px) {
  .template_name--index #shopify-tab-section .tab-content {
    padding: 0 5px;
  }
}

#shopify-tab-section .tab-content .products-grid {
  margin: 0 30px;
  font-size: 0px;
}

#shopify-tab-section .tab-content .tab-animate {
  transition: all 300ms;
  opacity: 0;
}

#shopify-tab-section .tab-content.active {
  display: block;
}

#shopify-tab-section .tab-content .tab-animate.in {
  opacity: 1;
}

#shopify-tab-section .tab-content img {
  margin: auto;
  display: block;
}

@media screen and (max-width: 768px) {
  #shopify-tab-section {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 50px;
  }
  #shopify-tab-section .tab-nav .tab-item {
    margin: 0;
    padding: 12px;
  }
  #shopify-tab-section .tab-nav .tab-item {
    margin: 0;
    padding: 12px;
    flex: 1;
  }
}

@media screen and (min-width: 901px) {
  #shopify-tab-section
    .tab-content
    .products-grid
    .cc-collection-item:nth-last-child(-n+3) {
    margin-bottom: 0px;
  }
}

@media screen and (min-width: 1024px) {
  #shopify-tab-section .tab-nav {
    margin-top: 20px;
  }
  #shopify-tab-section .tab-nav .tab-item:hover::before {
    width: 100%;
  }
  #shopify-tab-section .tab-nav .tab-item {
    font-size: 16px;
    padding: 15px 52px 24px 52px;
  }
}

/*** END HOME TEMPLATE ***/

/*** COLLECTION TEMPLATE ***/

.cc-collection-header {
  position: relative;
}
.cc-collection-header--video {
  display: flex;
  flex-flow: column-reverse;
}
.cc-collection-header--video .page-width {
  margin: 0 auto;
}
.cc-collection-header--video .collection-header__content {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.cc-collection-header .featured-image {
  display: block;
  width: 100%;
  height: 45vh;
  object-fit: cover;
  object-position: center;
}

.cc-collection-header .content {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
}

.cc-collection-header .content h1 {
  font-size: 45px;
  font-weight: 800;
  font-family: "aktiv-grotesk-extended", sans-serif;
  margin-top: 0px;
  margin-bottom: 10px;
  max-width: 75%;
}
.collection-header__content {
  padding: 0 15px;
}
.collection-header__content h1 {
  font-size: 32px;
  font-weight: 800;
  font-family: "aktiv-grotesk-extended", sans-serif;
  margin-top: 0px;
  margin-bottom: 5px;
}

.collection-header__content h2, .collection-header__content p {
  font-size: 16px;
  font-weight: normal;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  margin-top: 0px;
  margin-bottom: 0px;
}

.cc-collection-header .content.video-banner {
  position: relative;
  top: 0;
  bottom: 0;
  padding-top: 30px;
}

.cc-collection-header .content.video-banner h1 {
  color: #232b38;
  max-width: 100%;
  text-align: center;
  margin-bottom: 0px;
}

.cc-collection-header .content.video-banner h2 {
  color: #232b38;
  max-width: 100%;
  text-align: center;
}

.cc-collection-header .content.video-banner video {
  width: 100%;
  display: block;
  margin: 20px auto 0px;
}

.cc-collection-header .content .content-container.dark-text h1,
.cc-collection-header .content .content-container.dark-text h2 {
  color: #232b38;
}

@media screen and (max-width: 768px) {
  .cc-collection-header .featured-image {
    height: 185px;
  }
  .cc-collection-header .content {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 12px;
    max-width: 100%;
  }
  .cc-collection-header .content.video-banner .content-container {
    max-width: 100%;
  }
  .collection-header__content h1 {
    font-size: 20px;
    max-width: 100%;
  }
  .collection-header__content h2, .collection-header__content p {
    font-size: 15px;
    max-width: 100%;
  }
}

.cc-collection-header .content-container {
  width: 1300px;
  max-width: 96%;
  margin: auto;
  text-align: left;
}

.collection-csbs-group__header {
  width: 1300px;
  max-width: 96%;
  margin: 20px auto;
  text-align: left;
  border-bottom: 1px solid #e0e5e9;
}

.collection-csbs-group__header h2 {
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 0px;
}

.collection-csbs-group__header p {
  font-size: 18px;
}

.mobile-filter-triggers {
  width: 100%;
  max-width: 1300px;
  margin: 20px auto 0px;
  font-size: 0px;
  text-align: left;
  display: none;
  padding: 0 15px;
}

@media screen and (max-width: 980px) {
  .mobile-filter-triggers {
    display: flex;
  }
}

#mobile-filters.cc-collection-filters {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: white;
  height: 100%;
  z-index: 999;
  margin: 0px;
  max-width: 100%;
  padding: 0px 0px 20px;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
}

#mobile-filters.cc-collection-filters.active {
  display: block;
}

#mobile-filters.cc-collection-filters .filter-button {
  width: 100%;
  display: block;
  text-align: left;
  border-top: 1px solid #eef1f3;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  position: relative;
  border-radius: 0px;
  padding: 15px;
}

#mobile-filters.cc-collection-filters .filter-button svg {
  position: absolute;
  right: 20px;
  top: 20px;
}

#mobile-filters.cc-collection-filters .nav.active {
  padding-bottom: 5px;
}

.mobile-filter-header {
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 1;
}

.mobile-filter-header p {
  font-size: 20px;
  color: #002970;
  font-weight: 900;
  font-family: "aktiv-grotesk-extended", sans-serif;
  margin: 0px 0px 0px;
  padding: 20px 15px 20px;
}

.mobile-filter-header p span {
  display: inline-block;
  float: right;
  cursor: pointer;
  font-weight: 600;
}

.cc-collection-filters {
  font-size: 0px;
  padding-left: 15px;
  padding-right: 15px;
}

.mobile-filter-triggers .filter-trigger {
  background-color: transparent;
  font-size: 14px;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  border: 2px solid #eef1f3;
  border-radius: 4px;
  padding: 10px 15px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
  color: #111111;
  margin-right: 1%;
  width: 49%;
}

.mobile-filter-triggers .sort-trigger {
  background-color: transparent;
  font-size: 14px;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  border: 2px solid #eef1f3;
  border-radius: 4px;
  padding: 10px 15px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
  color: #111111;
  margin-left: 1%;
  width: 49%;
  position: relative;
  display: inline-block;
  text-align: center;
  height: 100%;
}

.mobile-filter-triggers .sort-trigger select {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  height: 100%;
  opacity: 0;
  text-transform: capitalize;
  font-size: 16px;
  border: unset;
}

.cc-collection-filters .filter-button {
  background-color: transparent;
  font-size: 14px;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  border: 2px solid #000000;
  border-radius: 4px;
  padding: 10px 15px;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
  color: #000000;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  gap: 3px;
  transition: all 0.2s ease;
}

.cc-collection-filters .filter-button:hover {
  background-color: #000000;
  background-image: linear-gradient(
    116.57deg,
    rgba(80, 80, 80, 0.4) 0%,
    rgba(30, 30, 30, 0.4) 50%,
    rgba(30, 30, 30, 0) 100%
  );
  color: #ffffff; 
  border-color: #000000; 
}

.cc-collection-filters .filter-button.active {
  background-color: #222222;
  background-image: linear-gradient(
    116.57deg,
    rgba(180, 180, 180, 0.8) 0%,
    rgba(100, 100, 100, 0.8) 50%,
    rgba(100, 100, 100, 0) 100%
  );
  color: #ffffff;
  border-color: #222222;
}

.cc-collection-filters .filter-button.active svg {
  color: white;
  transform: rotate(0deg);
  top: -2px;
}

.cc-collection-filters .filter-button svg {
  transform: rotate(180deg);
  position: relative;
  top: -1px;
}

#mobile-filters.cc-collection-filters .nav {
  padding-top: 5px;
}

.cc-collection-filters .nav {
  display: none;
  list-style-type: none;
  padding: 20px 0px 0px;
}

.cc-collection-filters #optionsD-feature.nav, .cc-collection-filters #optionsM-feature.nav {
  display: none;
}
#optionsD-feature li:nth-child(1), #optionsM-feature li:nth-child(1) {
  order: 3;
}
#optionsD-feature li:nth-child(2), #optionsM-feature li:nth-child(2) {
  order: 5;
}
#optionsD-feature li:nth-child(3), #optionsM-feature li:nth-child(3) {
  order: 2;
}
#optionsD-feature li:nth-child(4), #optionsM-feature li:nth-child(4) {
  order: 1;
}
#optionsD-feature li:nth-child(5), #optionsM-feature li:nth-child(5) {
  order: 4;
}
#optionsD-feature li:nth-child(6), #optionsM-feature li:nth-child(6) {
  order: 6;
}
.cc-collection-filters .nav.active {
  display: block;
}

#mobile-filters.cc-collection-filters .nav li {
  padding: 5px;
}

#mobile-filters.cc-collection-filters .active-filters {
  padding: 15px;
  margin-top: 0px;
}

#mobile-filters.cc-collection-filters .active-filters .clear-tags {
  position: relative;
  font-size: 16px;
  margin-bottom: 10px;
}

#mobile-filters.cc-collection-filters .active-filters li {
  margin-bottom: 10px;
}

.collection-sorting__dropdown label {
  background-color: white;
  font-size: 14px;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  border: 2px solid #eef1f3;
  border-radius: 4px;
  padding: 10px 15px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
  color: #111111;
  margin-right: 0px;
  position: relative;
  display: inline-block;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 3px;
}

.collection-sorting__dropdown label svg {
  transform: rotate(180deg);
  position: relative;
  top: -1px;
}

.collection-sorting__dropdown select {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  height: 100%;
  opacity: 0;
  text-transform: capitalize;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 16px;
}

.cc-collection-filters .nav li {
  display: inline-block;
  font-size: 14px;
  width: 20%;
  padding: 5px 10px 5px 0px;
}

.cc-collection-filters .nav li a {
  color: black;
  text-decoration: none;
  display: inline-block;
  padding: 10px;
  border: 2px solid #f0f3f5;
  width: 100%;
  border-radius: 4px;
  text-transform: capitalize;
}

.cc-collection-filters .nav li.active a,
.cc-collection-filters .nav li a:hover {
  background-color: #f0f3f5;
}

.cc-collection-filters .nav a {
  text-align: center;
}
.cc-collection-filters #optionsD-color.nav a {
  text-align: left;
}
.cc-collection-filters .nav img {
  height: auto;
  width: 80px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
  mix-blend-mode: darken;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cc-collection-filters #optionsD-color.nav img {
  height: 26px;
  width: 26px;
  object-fit: cover;
  border-radius: 100%;
  margin-right: 10px;
  vertical-align: middle;
  display: inline-block;
}

.cc-collection-filters #optionsM-lens-type li,
.cc-collection-filters #optionsM-coll-type li,
.cc-collection-filters #optionsM-shape li,
.cc-collection-filters #optionsM-collection li,
.cc-collection-filters #optionsM-color li,
.cc-collection-filters #optionsM-lens-color li,
.cc-collection-filters #optionsM-feature li {
  width: 50%;
  text-align: center;
}

.cc-collection-filters #optionsM-lens-color li img,
.cc-collection-filters #optionsM-lens-material li img,
.cc-collection-filters #optionsM-color li img {
  height: 30px;
  width: 30px;
  display: block;
  margin: 0px auto 5px;
  border-radius: 100%;
}

.cc-collection-filters #optionsM-material li,
.cc-collection-filters #optionsM-polarized li,
.cc-collection-filters #optionsM-size li {
  width: 50%;
}


.cc-collection-filters #optionsM-polarized.nav a,
.cc-collection-filters #optionsM-material.nav a,
.cc-collection-filters #optionsM-size.nav {
  text-align: center;
}

.cc-collection-filters .active-filters {
  font-size: 16px;
  text-transform: capitalize;
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #e0e5e9;
  position: relative;
}

.cc-collection-filters .active-filters .clear-tags {
  color: #0078d4;
  font-weight: 700;
  position: absolute;
  bottom: 0px;
  right: 0px;
  font-size: 14px;
  padding-right: 0px;
}

.cc-collection-filters .active-filters ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.cc-collection-filters .active-filters ul li {
  display: inline-block;
  margin-right: 20px;
  position: relative;
}

.cc-collection-filters .active-filters ul li:hover a,
.cc-collection-filters .active-filters ul li:hover svg {
  color: #232b38;
}

.cc-collection-filters .active-filters ul li svg {
  color: #6d7782;
  position: absolute;
  right: 0px;
  height: 20px;
  width: 20px;
  top: 0px;
  pointer-events: none;
}

.cc-collection-filters .active-filters a {
  text-decoration: none;
  color: #6d7782;
  display: inline-block;
  padding-right: 25px;
}

@media screen and (max-width: 980px) {
  #desktop-filters {
    display: none;
  }
}
.cc-collection-filters #optionsD-feature.nav.active, .cc-collection-filters #optionsM-feature.nav.active {
  display: flex;
  flex-flow: wrap;
}

.cc-main-collection, .cc-container {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  text-align: left;
  padding-top: 20px;
}

.cc-collection-item {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
  position: relative;
}

.cc-collection-item a {
  text-decoration: none;
}

.cc-collection-item .featured-container {
  background-color: #f3f4f7;
  position: relative;
  height: 240px;
  display: block;
}

.cc-collection-item .featured-container img {
  mix-blend-mode: darken;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  max-width: 76%;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%);
}

.item-hover .featured-container .featured-container__hover-img {
  opacity: 0;
  visibility: hidden;
}
.item-hover .featured-container .featured-container__hover__front-img {
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 500px) {
  .item-hover:hover .featured-container .featured-container__main-img {
    opacity: 0;
    visibility: hidden;
  }
  .item-hover:hover .featured-container .featured-container__hover-img {
    opacity: 1;
    visibility: visible;
    object-fit: cover;
  }

  .item-hover:hover .featured-container .featured-container__hover__front-img {
    opacity: 1;
    visibility: visible;
    object-fit: cover;
  }

  .item-hover.item-hover--lifestyle:hover .featured-container .featured-container__hover-img {
    max-width: 100%;
    width: 100%;
    height: 100%;
  }
  .item-hover.item-hover--lifestyle:hover .featured-container .featured-container__hover__front-img {
    max-width: 76%!important;
  }
}


@media screen and (max-width: 900px) {

  .item-hover.item-hover--lifestyle .featured-container.on-touch .featured-container__hover-img {
    max-width: 100%;
    height: 100%;
    width: 100%;
  }
  .featured-container__hover__front-img {
    max-width: 76%!important;
  }
}

.cc-collection-item.product-type-snow-helmet .featured-container img {
  margin: -10px auto auto auto;
}

.cc-collection-item .collection-item-badge {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1;
}

.readers_boxes {
  position: absolute;
  bottom: 40%;
  z-index: 1;
  width: 100%;
  display: flex;
  justify-content: center;
}

.readers_boxes_PDP {
  display: flex;
  justify-content: center;
}

.readers_box {
  padding: 5px;
  background-color: white;
  margin: 15px;
  color: black;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  width: 30px;
  text-align: center;
}

.readers_text {
  color: black;
  font-size: 16px;
  font-weight: 700;
}

.readers_box_PDP {
  padding: 5px;
  background-color: white;
  margin: 5px;
  color: black;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  border: 1px solid #011e51;
  width: 40px;
  text-align: center;
}

/* .readers_box:hover {
  border: 2px solid #011e51;
} */

/* .readers_box_PDP:hover {
  border: 2px solid #011e51;
} */

.readers_box.active {
  background-color: rgb(0, 30, 96);
  color: white;
}
.readers_box.disabled {
  position: relative;
}

.strike_line {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 50%;
  width: 90%;
  height: 2px;
  background-color: #011e51;
  transform: rotate(-45deg);
}

.readers_box_PDP.active {
  background-color: rgb(0, 30, 96);
  color: white;
}

.readers_box_PDP.disabled {
  position: relative;
}

.strike_PDP_line {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 50%;
  width: 90%;
  height: 2px;
  background-color: #011e51;
  transform: rotate(-45deg);
}

.cc-collection-item .main-info {
  padding: 10px;
  position: relative;
}

.cc-collection-item .main-info h4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-weight: 400;
  font-size: 16px;
  margin: 0;
}

.cc-collection-item .main-info h4 .title {
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
}

.cc-collection-item .main-info h4 a {
  text-decoration: none;
  color: #232b38;
  display: inline-block;
  text-align: left;
}

.cc-collection-item .main-info h4 a:hover {
  text-decoration: underline;
}

.cc-collection-item .main-info .collection-price.sale .saved {
  display: block;
  font-size: 11px;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-weight: normal;
  text-align: right;
  color: #6d7782;
  margin-bottom: 1px;
}

.cc-collection-item .main-info .collection-price.sale .compare {
  color: #6d7782;
  text-decoration: line-through;
}
.collection-price--variants .compare {
  text-decoration: line-through;
  margin-left: 5px;
}
.collection-price--variants .main {
  color: #e62817;
  margin-left: 5px;
}
.collection-price--variants .main--no-compare {
  color: #232b38;
}
.cc-collection-item .main-info .collection-price.sale .main {
  color: #e62817;
  margin-right: 5px;
}
.collection-price--variants-from {
  font-weight: 400;
  font-size: 14px;
}

.cc-collection-item .cc-colors-label {
  display: none;
}

.cc-collection-item .m-price-section {
  display: none;
  margin-top: 0px;
  margin-bottom: 10px;
}

.bl-color-sun {
  position: relative;
  display: inline-block;
  height: 1.75rem;
  width: 1.75rem;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  text-decoration: none;
  text-align: center;
  background-position: center;
  background-size: cover;
  border: 2px solid #fff;
  border-radius: 50%;
  overflow: hidden;
  color: white;
  box-shadow: 0 0 0 2px #dddcdc;
}

.bl-color-clear {
  position: relative;
  display: inline-block;
  height: 1.75rem;
  width: 1.75rem;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  text-decoration: none;
  text-align: center;
  background-position: center;
  background-size: cover;
  border: 2px solid #fff;
  border-radius: 50%;
  overflow: hidden;
  color: black;
  box-shadow: 0 0 0 2px #dddcdc;
}

.sw-extra:hover .bl-color-sun,
.sw-extra:hover .bl-color-clear {
  box-shadow: 0 0 0 2px #002970;
}

.bl-color-clear:hover {
  color: black;
}

.bl-color-sun span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.625rem;
}

.bl-color-clear span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.625rem;
}

.bl-color-clear.active {
  box-shadow: 0 0 0 2px #002970;
}

.bl-color-sun.active {
  box-shadow: 0 0 0 2px #002970;
}

.blLink {
  margin: 0;
}

.cc-collection-item .variant-swatches.extra-bl .bl-color-sun {
  height: 24px;
  width: 24px;
  margin-right: 5px;
  margin-left: 5px;
  border: 2px solid #f3f4f7;
  box-shadow: 0 0 0 2px #dddcdc;
  cursor: pointer;
}

.bl-color-sun.unavailable:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.75rem;
  height: 1.75rem;
  content: "";
  background: rgba(242, 244, 247, 0.3);
}

.bl-color-sun.unavailable:after {
  display: block;
  position: absolute;
  top: 50%;
  left: -10%;
  width: 120%;
  height: 1px;
  border-bottom: 2px solid #002970;
  content: "";
  background: rgba(242, 244, 247, 0.3);
  transform: rotateZ(-45deg);
}

.cc-collection-item .variant-swatches.extra-bl .bl-color-sun.active {
  box-shadow: 0 0 0 2px #002970;
}

.cc-collection-item .variant-swatches.extra-bl .bl-color-sun:hover {
  box-shadow: 0 0 0 2px #002970;
}

.cc-collection-item .variant-swatches.extra-bl {
  position: absolute;
  top: 205px;
  margin: auto;
  left: 0;
  right: 0;
  text-align: center;
  height: 30px;
  width: 235px;
  padding: 0px;
  border-bottom: none;
}

.cc-collection-item .variant-swatches.extra-bl .sw-extra {
  margin-right: 0px;
}

.cc-collection-item .rx-lens-colors .variant-swatch {
  display: inline-block;
  position: relative;
}

.cc-collection-item .rx-lens-colors .variant-swatch__title {
  display: none;
}

.cc-collection-item .main-info .m-price-section .collection-price {
  display: inline-block;
  position: relative;
  right: 0;
  font-weight: 600;
  font-size: 14px;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  color: #232b38;
  display: inline-block;
  text-align: left;
  margin-right: 10px;
  top: 0px;
}

.cc-collection-item .main-info .m-price-section .collection-price.sale .saved {
  text-align: left;
}

.cc-collection-item .m-price-section .pill-badge {
  position: relative;
  font-size: 12px;
}

.cc-collection-item .collection-name {
  font-size: 12px;
  font-weight: bold;
  margin-top: 5px;
  color: #6e7d89;
  position: relative;
  margin-bottom: 15px;
}


@media screen and (max-width: 768px) {
  .cc-collection-item .collection-name {
    margin-bottom: 5px;
  }
}


@media screen and (max-width: 500px) {
  .cc-collection-item .collection-name {
    margin-bottom: 7px;
  }
}

.cc-collection-item .collection-name a {
  color: #6e7d89;
  font-family: "basis-grotesque", Helvetica, sans-serif;
}

.cc-collection-item .collection-name a:hover {
  color: #6e7d89;
  text-decoration: underline;
}

.cc-collection-item .pill-badge {
  position: absolute;
  right: 0;
  display: inline-block;
  padding: 3px 10px;
  border: thin solid #6e7d89;
  border-radius: 20px;
  text-transform: capitalize;
  font-weight: normal;
}

.cc-collection-item .yotpo.bottomLine {
  max-height: 20px;
}

.cc-collection-item .yotpo-bottomline .yotpo-stars {
  cursor: pointer !important;
}

.cc-collection-item .yotpo-bottomline .yotpo-stars .sr-only {
  display: none !important;
}

.template--collection
  .cc-collection-item
  .yotpo-display-wrapper
  .standalone-bottomline
  .text-m,
.template--collection
  .cc-collection-item
  .yotpo-bottomline-wrapper
  .standalone-bottomline
  .text-m {
  color: #6a6c77 !important;
  cursor: pointer !important;
}

.cc-collection-item .yotpo.bottomLine .text-m {
  color: #232b38 !important;
  cursor: pointer !important;
}

.cc-collection-item form {
  background-color: white;
  width: calc(100% + 2px);
  left: -1px;
  transition: all 0.25s;
  visibility: hidden;
  opacity: 0;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .cc-collection-item form {
    position: absolute;
    bottom: -50px;
    padding: 0px 10px 20px;
  }
}

.cc-collection-item form button {
  width: 100%;
  text-transform: uppercase;
  border-radius: 0px;
  padding: 0px;
}

.cc-collection-item form a {
  width: 100%;
  text-transform: uppercase;
  border-radius: 0px;
}

/* .cc-collection-item form button.BIS_trigger {
  display: none;
} */

.cc-collection-item:hover form {
  visibility: visible;
  opacity: 1;
}

.cc-collection-item .more-colors-title {
  margin-top: 0;
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: 400;
  color: #6e7d89;
  text-align: right;
}

.cc-collection-item .more-colors-title a {
  color: #6a6c77;
}

.cc-collection-item .more-colors-slider {
  text-align: center;
  transition: all 0.25s;
  opacity: 0;
  visibility: hidden;
  min-height: 62px;
}

@media screen and (max-width: 768px) {
  .cc-collection-item .more-colors-title {
    margin-bottom: 10px;
    margin-top: 5px;
    font-weight: 400;
  }
}
@media screen and (max-width: 500px) {
  .cc-collection-item .more-colors-title {
    text-align: left;
  }
}

.cc-collection-item .more-colors-slider.d-left {
  text-align: left;
  padding-left: 0px;
  padding-right: 0px;
}

.cc-collection-item .more-colors-slider.d-left .swiper-wrapper {
  margin-left: 0;
}

.cc-collection-item:hover .more-colors-slider {
  opacity: 1;
  visibility: visible;
}

.cc-collection-item .more-colors-slider .more-slide a {
  display: inline-block;
  margin-bottom: 3px;
  border-bottom: 2px solid #fff;
  position: relative;
}

.cc-collection-item .more-colors-slider .more-slide img {
  max-height: 50px;
  min-height: 50px;
  max-width: 100%;
}

.cc-collection-item .more-colors-slider .more-slide a:hover {
  border-bottom: 2px solid #002970;
}

.cc-collection-item .more-colors-slider .more-slide a.sold-out img {
  opacity: 0.25 !important;
}

.cc-collection-item .more-colors-container .swiper-button-next {
  right: 0px;
  top: 60px;
  width: 8px;
  height: 12px;
  z-index: 2;
  cursor: pointer;
  color: #393939;
  visibility: hidden;
}

.cc-collection-item .more-colors-container .swiper-button-prev {
  left: 0px;
  top: 60px;
  width: 8px;
  height: 12px;
  z-index: 2;
  cursor: pointer;
  color: #393939;
  visibility: hidden;
}

.cc-collection-item:hover .more-colors-container .swiper-button-next {
  visibility: visible;
}

.cc-collection-item:hover .more-colors-container .swiper-button-prev {
  visibility: visible;
}

.cc-collection-item .more-colors-container .swiper-button-next:after, .cc-collection-item .more-colors-container .swiper-button-prev:after {
  font-size: 14px;
  font-weight: 700;
}

.collection-filter-bar {
  margin-bottom: 50px !important;
}

.shopify-section.collection .product-badge svg.badge-mips {
  top: 0px;
}

.badge-mips-svg{
  height: 64px;
  right: 0px;
  z-index: 3;
}

.cc-collection-item .snow-helmet-sizes {
  position: absolute;
  top: 205px;
  margin: auto;
  left: 0;
  right: 0;
  text-align: center;

  height: 30px;
  width: 180px;
}

.cc-collection-item .snow-helmet-sizes button {
  border-radius: 0px;
  width: auto;
  height: auto;
  min-width: 42.5px;
  padding: 4px 6px;
  font-weight: 600;
  background-color: white;
  color: black;
  font-size: 12px;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  border: 2px solid #fff;
  cursor: pointer;
  margin: 0px 5px;
  position: relative;
}

.cc-collection-item .snow-helmet-sizes button:hover {
  border: 2px solid #ccc;
}

.cc-collection-item .snow-helmet-sizes button.selected {
  border: 2px solid #002970;
}

.cc-collection-item .snow-helmet-sizes button.sold-out:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.75rem;
  height: 1.75rem;
  content: "";
  background: rgba(242, 244, 247, 0.3);
}

.cc-collection-item .snow-helmet-sizes button.sold-out:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 0%;
  width: 90%;
  height: 1px;
  border-bottom: 2px solid #002970;
  content: "";
  background: rgba(242, 244, 247, 0.3);
  transform: rotateZ(-45deg);
}

.cc-collection-item .readers-powers {
  position: absolute;
  top: 205px;
  margin: auto;
  left: 0;
  right: 0;
  height: 30px;
  width: 235px;
  display: flex;
  justify-content: center;
}

.cc-collection-item .readers-powers button {
  border-radius: 0px;
  width: auto;
  height: auto;
/*   min-width: 42.5px; */
  padding: 4px 6px;
  font-weight: 600;
  background-color: white;
  color: black;
  font-size: 12px;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  border: 2px solid #fff;
  cursor: pointer;
  margin: 0px 5px;
  position: relative;
}

.cc-collection-item .readers-powers button:hover {
  border: 2px solid #ccc;
}

.cc-collection-item .readers-powers button.selected {
  border: 2px solid #002970;
}

.cc-collection-item .readers-powers button.sold-out:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.75rem;
  height: 1.75rem;
  content: "";
  background: rgba(242, 244, 247, 0.3);
}

.cc-collection-item .readers-powers button.sold-out:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 0%;
  width: 90%;
  height: 1px;
  border-bottom: 2px solid #002970;
  content: "";
  background: rgba(242, 244, 247, 0.3);
  transform: rotateZ(-45deg);
}

.cc-collection-item .rx-lens-colors {
  position: absolute;
  top: 205px;
  margin: auto;
  left: 0;
  right: 0;
  text-align: center;
  height: 30px;
  width: 235px;
}

.cc-collection-item .rx-lens-colors .rx-swatch .variant-swatch__label {
  position: relative;
  display: inline-block;
  height: 21px;
  width: 21px;
  margin-right: 5px;
  margin-left: 5px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  background-position: center;
  background-size: cover;
  border: 2px solid #f3f4f7;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 0 2px #dddcdc;
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .cc-collection-item .rx-lens-colors .rx-swatch .variant-swatch__label {
    height: 25px;
    width: 25px;
  }
}

.cc-collection-item .rx-lens-colors .rx-swatch.selected .variant-swatch__label {
  box-shadow: 0 0 0 2px #002970;
}

.cc-collection-item .rx-lens-colors .rx-swatch:hover .variant-swatch__label {
  box-shadow: 0 0 0 2px #002970;
}

#CC-Pagination {
  text-align: center;
}

#CC-Pagination .collection-total-viewed p {
  font-size: 14px;
  color: #6e7883;
}

#CC-Pagination a.button {
  width: 225px;
  border-width: 1px;
  border-radius: 0px;
  color: black;
  border-color: black;
}

@media screen and (min-width: 901px) {
  .cc-main-collection .cc-collection-item:nth-child(3n-1) {
    margin-left: 2%;
    margin-right: 2%;
  }
}

@media screen and (max-width: 900px) {

  .cc-collection-item {
    font-size: 14px;
  }
  #rx-collection .cc-collection-item {
    width: 96%;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
  }
  #rx-collection .cc-main-collection .cc-collection-item:nth-child(2n) {
    margin-left: auto;
  }
  #rx-collection .cc-collection-item .featured-container {
    height: 180px;
  }
  #rx-collection .cc-collection-item .featured-container img {
    max-width: 80%;
  }
  #rx-collection .cc-collection-item .rx-lens-colors {
    top: 150px;
  }
  #rx-collection .cc-collection-item .readers-powers {
    top: 145px;
  }
  .cc-collection-item .collection-item-badge {
    position: absolute;
    top: 5px;
    right: 5px;
    transform: scale(0.75);
    transform-origin: right;
  }
  .readers_boxes {
    position: absolute;
    bottom: 49.5%;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .cc-collection-item .featured-container {
    height: 150px;
  }
  .cc-collection-item .main-info h4 {
    padding-right: 0px;
  }

  .cc-collection-item .m-price-section {
    display: block;
  }
  .cc-collection-item .yotpo.bottomLine .text-m {
    font-size: 12px;
    padding-top: 1px;
  }
  .cc-collection-item form {
    visibility: visible;
    opacity: 1;
    bottom: -40px;
  }
  .cc-collection-item .collection-name .pill-badge {
    display: none;
  }
  .cc-collection-item .readers-powers {
    font-size: 0px;
    top: 120px;
    width: 100%;
  }
  .cc-collection-item .readers-powers button {
    margin: 0px 3px;
    padding: 2px 4px;
  }
  .cc-collection-item .snow-helmet-sizes {
    font-size: 0px;
    top: 120px;
    width: 100%;
  }
  .cc-collection-item .snow-helmet-sizes button {
    margin: 0px 3px;
    padding: 3px 6px;
  }
  .cc-collection-item .more-colors-slider {
    display: none;
  }
  .cc-collection-item .more-colors-container .swiper-button-next, .cc-collection-item .more-colors-container .swiper-button-prev {
    display: none;
  }
  
  .cc-collection-item .variant-swatches.extra-bl {
    top: 120px;
    width: 100%;
  }
  .cc-collection-item .more-colors-slider {
    min-height: 0px;
  }
  .cc-collection-item .more-colors-title a {
    margin-bottom: 0px;
  }
  .cc-collection-item .rx-lens-colors {
    font-size: 0px;
    top: 120px;
    width: 100%;
  }
}
@media screen and (max-width: 550px) {
  .cc-collection-item .featured-container img {
    max-width: 96%;
  }
  .readers_boxes {
    bottom: 53%;
  }
}
@media screen and (min-width: 769px) {
  .cc-collection-item {
    margin-bottom: 65px;
  }
}
@media screen and (max-width: 463px) {
  .readers_box {
    margin: 10px;
  }
  .readers_boxes {
    bottom: 55%;
  }
}
@media screen and (max-width: 425px) {
  .readers_boxes {
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
    bottom: 57%;
  }
  .readers_box {
    margin: 5px;
  }
}
@media screen and (max-width: 410px) {
  .readers_boxes {
    bottom: 59%;
  }
}
@media screen and (max-width: 405px) {
  .readers_boxes {
    bottom: 60%;
  }
}
@media screen and (max-width: 350px) {
  .readers_box {
    margin: 3px;
  }
}
@media screen and (max-width: 320px) {
  .readers_boxes {
    bottom: 62%;
  }
  .readers_box {
    margin: 2px;
    transform: scale(0.9);
  }
}
@media screen and (max-width: 300px) {
  .readers_box {
    margin: 1px;
  }
}
#cc-scroll-top {
  position: fixed;
  bottom: 20px;
  right: 10px;
  width: 40px;
  height: 40px;
  text-align: center;
  background-color: #1059a2;
  color: white;
  opacity: 0.9;
  display: none;
  z-index: 1;
  text-decoration: none;
}

#cc-scroll-top svg {
  position: relative;
  top: 0px;
}

#cc-scroll-top span {
  display: block;
  font-size: 12px;
  position: relative;
  top: 0px;
}

#shopify-section-static-collection-coming-soon-bis {
  margin-top: 50px;
}
#shopify-section-static-collection {
  clear: both;
}
.product-details__frame a.product-frame {
  color: #232b38;
}

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

/*** END COLLECTION TEMPLATE ***/

/*** LOGIN/ACCOUNT PAGES ***/

.account-page.account-page__login {
  padding: 0 15px;
}

.account-page.account-page__login * {
  box-sizing: border-box;
}

.account-page.account-page__login .account-page__login {
  margin-bottom: 60px;
}

.account-page.account-page__login .account-login__form {
  margin-top: 40px;
}

.account-page.account-page__login .account-page-masthead {
  margin-top: 0px;
  color: #232b38;
}

.account-page.account-page__login .account-page-masthead h1 {
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  font-size: 36px;
  text-align: center;
  margin: 0 auto 0px;
}

.account-page.account-page__login .account-login,
.account-page.account-page__login .account-register,
.account-page.account-page__login .account-password-reset {
  max-width: 400px;
  margin: 0 auto 40px;
}

.account-page.account-page__login
  .account-password-reset
  .account-login__account-message {
  margin-bottom: 30px;
  text-align: center;
}

.account-page.account-page__login .form-field {
  margin: 0 0 24px;
}

.account-page.account-page__login #cc-register-subtitle {
  text-align: center;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  line-height: 1.65;

  margin-bottom: 40px;
  font-size: 16px;
}

.account-page.account-page__login .form-checkbox {
  line-height: 1.65;
}

.account-page.account-page__login .account-register__cta {
  text-align: center;
}

.account-page.account-page__login .form-field label {
  display: block;
  font-size: 14px;
  color: #6d7782;
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1.35;
  margin-bottom: 8px;
}

.account-page.account-page__login .account-login__form-success,
#shopify-section-static-account-login.account-login__account-recovery-message,
.account-page.account-page__login .account-login__account-recovery-heading,
.account-page.account-page__login .account-login__account-recovery-message,
.account-page.account-page__login .account-login__cta {
  text-align: center;
  line-height: 1.5;
}

.account-page.account-page__login .account-login__cta {
  margin-top: 20px;
  font-size: 16px;
}

.account-page.account-page__login .account-login__cta-no-account {
  margin-bottom: 8px;
}

.account-page.account-page__login .account-login__cta a {
  color: #0078d4;
  text-decoration: none;
}

.account-page.account-page__login .account-login__account-recovery-heading {
  font-size: 16px;
  margin-top: 20px;
  font-weight: 700;
  margin-bottom: 8px;
}

.account-page.account-page__login .account-login__form-success {
  margin-bottom: 30px;
}

.account-page.account-page__login .account-login__account-recovery-message {
  margin-bottom: 30px;
}

.account-page.account-page__login .form-field__input {
  height: 40px;
  width: 100%;
  padding: 0rem 15px 0rem;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1;
  color: #111111;
  background-color: white;
  text-align: left;
  border-radius: 0.1875rem;
  border: 1px solid #e0e5e9;
  transition: all 0.2s ease;
  outline: none;
}

.account-page.account-page__login .form-field__input:focus {
  border-color: #232b38;
}

.account-page.account-page__login .button {
  width: 100%;
  margin: 0 auto 20px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  border-radius: 0;
}

.account-page.account-page__login .button.button--link-styles {
  font-size: 16px;
  color: #0078d4;
  letter-spacing: 0.025em;
  font-weight: 700;
  border: none;
  background: none;
  outline: none;
  text-transform: none;
}

.account-page.account-page__login .hidden {
  display: none !important;
}

@media screen and (min-width: 769px) {
  .account-page.account-page__login {
    padding: 0;
  }
  .account-page.account-page__login #cc-register-subtitle {
    margin-left: -50px;
    margin-right: -50px;
  }
  .account-page.account-page__login .form-field__input {
    height: 44px;
  }
  .account-page.account-page__login .button.button--link-styles {
    cursor: pointer;
  }
}

@media screen and (min-width: 1024px) {
  .account-page.account-page__login .account-page__login {
    margin-bottom: 12vh;
  }
  /* .account-page.account-page__login .account-page-masthead {
    margin-top: 12vh;
  } */
  .account-page.account-page__login .account-page-masthead h1 {
    font-size: 48px;
  }
  .account-page.account-page__login .account-login__account-recovery-heading {
    font-size: 18px;
  }
}

/* --------------- Homepage Blog Section */

#home-blog-articles h3 {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 800;
  font-family: "aktiv-grotesk-extended", sans-serif;
}

#home-blog-articles header p {
  color: #111111;
  font-size: 16px;
  padding: 0px 10px;
}

#home-blog-articles a {
  text-decoration: none;
  outline: none;
}

#home-blog-articles .text-link {
  display: inline-block;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.075em;
  color: #0078d4;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  border-radius: 0;
  transition: all 0.2s ease, height 0.2s ease;
  margin-top: 0.75em;
}

#home-blog-articles .arrow-link {
  margin: 0px;
  color: #004e9c;
  display: inline-block;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 16px;
  width: auto;
  position: relative;
  height: 28px;
  text-decoration: none;
  font-weight: bold;
}

#home-blog-articles .arrow-link .link-arrow {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC41MDQiIGhlaWdodD0iOS4yNzgiIHZpZXdCb3g9IjAgMCAxMC41MDQgOS4yNzgiPjxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4yNSAwLjE2OSkiPjxwYXRoIGlkPSJQYXRoIiBkPSJNOS44NjksMy45Nyw3LjA2OS4yMzhBLjU3Ni41NzYsMCwwLDAsNi4yMjIuMTQ1YS43MzUuNzM1LDAsMCwwLS4wODQuOTNMOC4xMzIsMy43M0guNmEuNjMxLjYzMSwwLDAsMC0uNi42NTkuNjMxLjYzMSwwLDAsMCwuNi42NTlIOC4xMzJMNi4xMzgsNy43YS43NDEuNzQxLDAsMCwwLC4wODQuOTMuNTc2LjU3NiwwLDAsMCwuODQ3LS4wOTNsMi44LTMuNzMyYS43MzQuNzM0LDAsMCwwLDAtLjgzN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC4wODIpIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMC41Ij48L3BhdGg+PC9nPjwvc3ZnPg==");
  display: inline-block;
  margin-left: 10px;
  position: relative;
  transition: all 0.35s ease;
  left: 0;
  width: 10.5px;
  height: 9.5px;
  background-repeat: no-repeat;
  background-position: center center;
  mix-blend-mode: screen;
}

#home-blog-articles .articles-container {
  padding: 30px 15px;
  position: relative;
}

#home-blog-articles .articles-container .swiper-slide {
  height: unset;
}

#home-blog-articles .featured-article,
#home-blog-articles .secondary-article {
  display: block;
  position: relative;
}

#home-blog-articles .featured-article > a,
#home-blog-articles .secondary-article > a {
  display: block;
}

#home-blog-articles .article-date {
  font-size: 0.6875rem;
  line-height: 1.81;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #ccd3da;
}

#home-blog-articles .article-descr {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

#home-blog-articles .article-title {
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.025em;
  color: #232b38;
  margin: 0 auto;
}

#home-blog-articles .article-tags {
  display: none;
}

#home-blog-articles .article-thumb {
  display: block;
  position: relative;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* Blog Media Query */

@media screen and (max-width: 768px) {
  #home-blog-articles {
    max-width: 100%;
  }
  #home-blog-articles .articles-container {
    padding: 30px 0px;
  }
  #home-blog-articles h3 {
    font-size: 22px;
  }
  #home-blog-articles .articles-container .swiper-slide a img {
    height: 320px;
    max-width: 96%;
    margin: auto;
  }
  #home-blog-articles .article-descr {
    background: white;
    padding: 15px;
    box-shadow: 0 1px 2px rgba(10, 14, 26, 0.08),
      0 4px 12px rgba(10, 14, 26, 0.04);
    bottom: 2%;
    left: 15px;
    right: 15px;
  }
  #home-blog-articles .text-link {
    display: none;
  }
}

@media screen and (min-width: 600px) {
  #home-blog-articles .articles-container.swiper-initialized .swiper-slide {
    height: 400px;
  }
}

@media screen and (min-width: 769px) {
  #home-blog-articles .arrow-link:hover {
    color: #0078d4;
  }
  #home-blog-articles .arrow-link:hover .link-arrow {
    left: 10px;
    -webkit-filter: invert(36%) sepia(80%) saturate(5476%) hue-rotate(191deg)
      brightness(96%) contrast(101%);
    filter: invert(36%) sepia(80%) saturate(5476%) hue-rotate(191deg)
      brightness(96%) contrast(101%);
  }
  #home-blog-articles .text-link:hover {
    color: #08b1ff;
  }
  #home-blog-articles .featured-article > a::after,
  #home-blog-articles .secondary-article > a::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    background: linear-gradient(
      44.91deg,
      rgba(35, 43, 56, 0.6) 0%,
      rgba(35, 43, 56, 0.2) 50.04%,
      rgba(35, 43, 56, 0) 100%
    );
  }
  #home-blog-articles .text-link {
    margin-top: 1em;
  }
  #home-blog-articles .articles-container {
    display: flex;
    align-items: stretch;
    padding: 40px 0;
  }
  #home-blog-articles .featured-article,
  #home-blog-articles .secondary-article {
    margin: 0 1%;
    display: flex;
  }
  #home-blog-articles .featured-article {
    width: 34%;
  }
  #home-blog-articles .featured-article .article-title {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0;
    color: white;
    font-family: "aktiv-grotesk-extended", sans-serif;
    font-weight: 800;
    letter-spacing: -0.015em;
  }
  #home-blog-articles .featured-article .article-thumb {
    height: 350px;
  }
  #home-blog-articles .secondary-article .article-thumb {
    height: 100%;
  }
  #home-blog-articles .secondary-article .article-descr {
    text-align: left;
    padding: 25px;
  }
  #home-blog-articles .secondary-article .article-descr .text-link {
    display: none;
  }
  #home-blog-articles .featured-article .article-descr {
    width: 95%;
    bottom: 0;
    left: 0;
    right: auto;
    text-align: left;
    padding: 25px;
  }
  #home-blog-articles .featured-article .article-title {
    font-size: 24px;
    line-height: 1.33;
    text-decoration: none;
    font-family: "aktiv-grotesk-extended", sans-serif;
  }
  #home-blog-articles .secondary-article {
    width: 30%;
  }
  #home-blog-articles .secondary-article .article-descr .article-title {
    font-family: "basis-grotesque", Helvetica, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.025em;
    color: white;
    font-size: 1.125rem;
    line-height: 1.33;
  }
}

@media screen and (min-width: 1024px) {
  #home-blog-articles .featured-article > a::after,
  #home-blog-articles .secondary-article > a::after {
    display: none;
  }
  #home-blog-articles .article-descr {
    position: absolute;
    background: white;
    padding: 30px;
    box-shadow: 0 1px 2px rgba(10, 14, 26, 0.08),
      0 4px 12px rgba(10, 14, 26, 0.04);
    bottom: 0;
    left: 0;
    right: 0;
  }
  #home-blog-articles .featured-article .article-descr .article-title {
    color: #232b38;
  }
  #home-blog-articles .featured-article .article-descr {
    width: 80%;
    bottom: 7%;
    left: 0;
    right: auto;
    text-align: left;
    padding: 30px 40px;
  }
  #home-blog-articles .featured-article .article-thumb {
    height: 450px;
  }
  #home-blog-articles .secondary-article .article-thumb {
    height: 87%;
  }
  #home-blog-articles .secondary-article .article-descr .article-title {
    color: #232b38;
  }
  #home-blog-articles .secondary-article .article-descr .text-link {
    display: inline-block;
  }
  #home-blog-articles header p {
    font-size: 17px;
  }
}

@media screen and (min-width: 1200px) {
  #home-blog-articles .featured-article {
    width: 44%;
  }
  #home-blog-articles .secondary-article {
    width: 25%;
  }
  #home-blog-articles .secondary-article .article-descr {
    left: 25px;
    right: 25px;
    text-align: center;
  }
  #home-blog-articles .featured-article .article-descr {
    width: 75%;
  }
}

/*** Account Static Landing ***/

.account-page {
  padding: 0 15px;
  margin: 20px auto;
  color: #232b38;
}

/* Pagination */

.account-page .account-page-content .pagination {
  margin: 30px auto;
  text-align: center;
  font-size: 14px;
  color: #6d7782;
}

.account-page .account-page-content .pagination .page {
  margin: 0 6px;
}

.account-page .account-page-content .pagination .page.current {
  color: #07b1ff;
}

.account-page .account-page-content .pagination .next,
.account-page-content .pagination .prev {
  display: none;
}

.account-page .account-page-content .pagination a {
  text-decoration: none;
  color: #0d387c;
}

/* Custom Pages */

.account-page .hide {
  display: none !important;
}

.account-page .container {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto 30px;
}

.account-page .account-page-masthead {
  padding: 15px;
}

.account-page .account-page-masthead h1 {
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  font-size: 24px;
  text-align: center;
}

/* .account-page .account-page-masthead .account-rewards {
  padding: 25px;
  -webkit-box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.03);
  box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.03);
  max-width: 365px;
  margin: 30px auto;
}
  
.account-page .account-page-masthead .rewards-balance {
  display: flex;
}

.account-page .account-page-masthead .points-container {
  width: 48%;
  margin-right: 2%;
}

.account-page .account-page-masthead .points-ratio {
  flex-grow: 1;
  text-align: center;
  font-weight: 600;
  color: #6d7782;
}

.account-page .account-page-masthead .account-rewards .points-total {
  text-align: center;
  line-height: 1;
  margin-bottom: 10px;
}

.account-page .account-page-masthead .account-rewards .points-total img {
  display: inline-block;
  width: 20px;
  height: 20px;
  object-fit: cover;
  content: url(/cdn/shop/t/569/assets/swell-pic-star.svg?v=10525045299490808820);
  margin-right: 8px;
  opacity: 0.25;
  position: relative;
  top: -4px;
}

.account-page .account-page-masthead .account-rewards .swell-point-balance {
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  font-size: 24px;
  /* color: #08B1FF; */
}

.account-page .account-page-masthead .account-rewards .total-label {
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.075em;
  font-weight: 700;
}

.account-page .rewards-nav {
  display: none !important;
}

.account-page .rewards-nav,
.account-page .rewards-plugin {
  margin: 20px auto 0;
}
 */
/* Rewards Modal */

.account-page .rewards-plugin .yotpo-loyalty-popup-overlay,
.account-page .rewards-plugin .yotpo-loyalty-popup-overlay *,
.account-page .rewards-plugin .yotpo-inner-text {
  outline: none !important;
  box-shadow: none !important;
}

.account-page .rewards-plugin .yotpo-rewards-history-title .yotpo-inner-text {
  color: #232b38 !important;
  margin-top: 0;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  border-bottom: 1px solid #e0e5e9;
  font-size: 18px !important;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.account-page .rewards-plugin .yotpo-grid-row .yotpo-row-display {
  background: #fbfbfb !important;
  border-radius: 0 !important;
  border: none !important;
}

.account-page .rewards-plugin .yotpo-grid-row .yotpo-row-display * {
  color: #495361 !important;
}

.account-page .rewards-plugin .yotpo-grid-row-headers * {
  color: #232b38 !important;
  font-size: 14px !important;
}

.account-page .rewards-plugin .row-points-column * {
  font-weight: bold !important;
}

/* Rewards Plugin Nav */

.account-page .rewards-nav,
.account-page .rewards-plugin .yotpo-logged-in-view {
  padding: 0 !important;
}

.account-page .rewards-plugin .yotpo-headline,
.account-page .rewards-plugin .yotpo-description {
  display: none;
}

.account-page .yotpo-primary-button-link {
  display: block !important;
  width: 100%;
}

.account-page .rewards-nav .outline-button,
.account-page .yotpo-action-buttons-tile .yotpo-primary-button-link button {
  box-sizing: border-box;
  display: block;
  height: 44px !important;
  padding: 13px 18px;
  margin: 5px 0;
  background-color: white !important;
  border-radius: 0;
  /* background-image: linear-gradient(to top, #035ea8, #002f79); */
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #0078d4 !important;
  border: 2px solid #0078d4 !important;
  cursor: pointer;
  text-decoration: none;
  width: 100%;
  transition: all 0.25s ease;
}

.account-page .rewards-nav .outline-button:hover,
.account-page
  .yotpo-action-buttons-tile
  .yotpo-primary-button-link
  button:hover {
  color: #08b1ff !important;
  border: 2px solid #08b1ff !important;
}

.account-page
  .yotpo-action-buttons-tile
  .yotpo-primary-button-link
  .yotpo-primary-button,
.account-page .yotpo-action-buttons-tile .yotpo-secondary-button {
  padding: 0 !important;
  width: 100%;
}

.account-page
  .yotpo-action-buttons-tile
  .yotpo-primary-button-link
  button
  span {
  font-size: 12px !important;
  line-height: 1.1;
  font-family: "basis-grotesque", Helvetica, sans-serif !important;
  font-weight: bold !important;
  text-transform: capitalize impo !important;
  letter-spacing: 0.05em;
}

.account-page
  .yotpo-action-buttons-tile
  .yotpo-primary-button-link.yotpo-inactive-button
  button {
  opacity: 0.5;
}

.account-page .rewards-nav .outline-button:hover {
  color: #08b1ff;
}

.account-page .rewards-nav .primary-button,
.account-page .yotpo-secondary-button button {
  box-sizing: border-box;
  display: block;
  height: 44px !important;
  padding: 13px 0px;
  margin: 5px 0;
  background: #002970 !important;
  border-radius: 0;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal !important;
  letter-spacing: normal;
  text-align: center;
  color: white !important;
  border: none !important;
  cursor: pointer !important;
  text-decoration: none;
  width: 100% !important;
  transition: all 0.2s ease;
}

.account-page .rewards-nav .primary-button:hover,
.account-page .yotpo-secondary-button button:hover {
  background-color: #0078d4 !important;
  background-image: linear-gradient(
    116.57deg,
    rgba(191, 248, 255, 0.8) 0%,
    rgba(8, 177, 255, 0.8) 50%,
    rgba(8, 177, 255, 0) 100%
  ) !important;
  color: white !important;
  opacity: 1;
}

.account-page .yotpo-secondary-button button span {
  font-size: 12px !important;
  line-height: 1.1;
  font-family: "basis-grotesque", Helvetica, sans-serif !important;
  font-weight: bold !important;
  text-transform: capitalize impo !important;
  letter-spacing: 0.05em;
}

.account-page .yotpo-loyalty-popup-overlay {
  background: rgba(35, 43, 56, 0.97) !important;
}

.account-page .account-page-nav {
  line-height: 1.5;
}

.account-page .account-page-nav .account-page-nav__inner,
.account-page .account-page-nav .nav-title {
  display: none;
}

.account-page .account-page-nav .nav-title {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.075em;
  margin-bottom: 20px;
}

.account-page .account-page-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.account-page .account-page-nav ul li {
  margin-bottom: 10px;
}

.account-page .account-page-nav ul li a {
  text-decoration: none;
  font-size: 16px;
  color: #0d387c;
}

.account-page .account-page-nav .mobile-account-nav select {
  color: #002970;
  background: white;
  border: 1px solid #002970;
  border-radius: 0;
  height: 44px;
}

.account-page .account-order-list__headings {
  padding: 25px 0;
  display: flex;
}

.account-page .order-history-block {
  padding: 25px 0;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #d8d9d8;
}

.account-page .order-history-block a {
  color: #0d387c;
  text-decoration: none;
}

.account-page .order-history-block a.view-order--mobile {
  display: none;
}

/* Addresses */

.account-page .account-block {
  color: #111111;
}

.account-page .account-block .form-field {
  margin: 15px 0 20px;
}

.account-page .account-block .go-back-link a {
  display: inline-block;
  text-decoration: none;
}

.account-page .account-block .go-back-link a .icon {
  display: inline-block;
  margin-right: 6px;
  width: 6px;
  height: 10px;
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgNiAxMCI+CiAgPHBhdGggaWQ9IlBhdGgiIGQ9Ik0uMjEsMS4wOTEsNC4zMyw1LC4yMSw4LjkwOWEuNi42LDAsMCwwLS4wMDUuOS43NTIuNzUyLDAsMCwwLDEsMGw0LjU4NC00LjM1TDUuOCw1LjQ1MUEuNi42LDAsMCwwLDYsNS4wMThDNiw1LjAxMiw2LDUuMDA2LDYsNXMwLS4wMTIsMC0uMDE4YS42LjYsMCwwLDAtLjItLjQzM2wtLjAxMS0uMDA4TDEuMi4xOTFhLjc1Mi43NTIsMCwwLDAtMSwwQS42LjYsMCwwLDAsLjIxLDEuMDkxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0iIzAwMjk3MCIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: cover;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.account-page .account-block .go-back-link a:hover,
.account-page .account-block .go-back-link a:hover .icon {
  color: #0078d4;
  fill: yellow;
}

.account-page .account-block .account-page-content__addresses {
  font-size: 16px;
  padding: 30px 0;
  border-top: 1px solid #e0e5e9;
}

.account-page
  .account-block
  .account-page-content__addresses
  .address-controls__edit-delete {
  margin-top: 15px;
}

.account-page
  .account-block
  .account-page-content__addresses
  .address-controls__edit-delete
  .button {
  display: inline-block;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  color: #0d387c;
  border: none;
  outline: none;
  background: none;
  font-size: 14px;
  padding: 0;
  cursor: pointer;
}

.account-page
  .account-block
  .account-page-content__addresses
  .address-controls__edit-delete
  .button:hover {
  color: #0078d4;
}

.account-page
  .account-block
  .account-page-content__addresses
  .address-controls__edit-delete
  .address-delete-form {
  display: inline-block;
  margin-left: 10px;
}

.account-page
  .account-block
  .account-page-content__addresses
  .address-controls__edit-delete
  .address-delete-form
  .button {
  color: #e52817;
}

.account-page .account-block .account-page-content__addresses:first-child {
  border: none;
}

.account-page .account-block .account-address {
  padding: 0;
  list-style-type: none;
  margin: 0;
}

.account-page .account-block .account-address li:first-child {
  font-weight: bold;
}

.account-page .account-block:first-child {
  margin-bottom: 40px;
}

.account-page .account-block p,
.account-page .account-block ul {
  line-height: 1.75;
}

.account-page .account-block p {
  font-size: 16px;
  color: #6d7782;
}

.account-page .account-block .button--primary {
  text-transform: uppercase;
  letter-spacing: 0.075em;
}

.account-page .account-block #AddressNewForm {
  margin: 40px auto 20px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e0e5e9;
}

.account-page .account-block .view-addresses-link a {
  text-decoration: none;
  color: #0d387c;
  font-size: 14px;
}

.account-page .account-block .view-addresses-link a:hover {
  color: #0078d4;
}

.account-page .account-block .account-block-title {
  color: #232b38;
  margin-top: 0;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  border-bottom: 1px solid #e0e5e9;
  font-size: 18px;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.account-page input,
.account-page textarea,
.account-page select,
.account-page button.button__text {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.account-page .form-field__input,
.account-page .form-field__select,
.account-page .address-country-option,
.account-page select {
  height: 40px;
  width: 100%;
  padding: 0rem 15px 0rem;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1;
  color: #111111;
  background-color: white;
  text-align: left;
  border-radius: 0.1875rem;
  border: 1px solid #e0e5e9;
  transition: all 0.2s ease;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.account-page .form-field__input:focus {
  border-color: #232b38;
}

.account-page .form-field label {
  display: block;
  font-size: 14px;
  color: #6d7782;
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1.35;
  margin-bottom: 8px;
}

.account-page .form-field label .form-field--required {
  font-weight: normal;
  float: right;
}

.account-page .form-field__select-outer {
  position: relative;
}

.account-page .form-field__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.account-page .input-wrap {
  position: relative;
}

.account-page .input-wrap svg.icon {
  position: absolute;
  top: 50%;
  right: 1rem;
  z-index: 2;
  pointer-events: none;
  transform: translateY(-50%) rotate(90deg);
}

.account-page .form-field {
  margin: 15px 10px 20px;
  width: 100%;
  position: relative;
  color: #6d7782;
}

.account-page .form-checkbox {
  margin: 10px 10px 20px;
  width: 100%;
  color: #6d7782;
}

.account-page .address-controls__default-check .form-checkbox {
  margin: 10px auto;
  display: inline-block;
  padding: 6px 12px;
  border: thin solid #07b1ff;
  border-radius: 20px;
  text-transform: capitalize;
  font-weight: normal;
  width: auto;
  color: #07b1ff;
}

.account-page .form-checkbox input {
  margin-right: 6px;
}

.account-page .form-checkbox svg {
  opacity: 0.25;
}

.account-page .form-field .form-field {
  margin: 0;
}

.account-page .edit-address .account-address-block {
  padding: 10px 15px 15px;
  background: #fbfbfb;
}

/* Order Page */

.account-page .order-block {
  margin-bottom: 40px;
  line-height: 1.75;
}

.account-page .order-block .order-discount:not(.order-discount--title) {
  color: #e52817;
}

.account-page .order-block .discount-name {
  color: #6d7782;
}

.account-page .order-block h3 {
  display: block;
  font-size: 14px;
  color: #232b38;
  font-weight: bold;
  /* padding-bottom: 10px;
  border-bottom: 1px solid #D8D9D8; */
}

.account-page .order-block ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 10px;
}

.account-page .order-block:not(.order-cost__total) .order-cost__value {
  color: #6d7782;
}

.account-page .order-details {
  font-size: 15px;
}

.account-page .order-details .order-details__basic.track-order {
  margin-top: 20px;
}

.account-page .order-details p {
  margin: 0;
}

.account-page .order-details .order-details__basic span {
  color: #6d7782;
}

.account-page .order-details .order-details__basic a {
  text-decoration: none;
  color: #0d387c;
}

.account-page .order-details .order-details__basic a:hover {
  color: #0078d4;
}

.account-page .order-details h2 {
  color: #002970;
  margin-bottom: 10px;
  line-height: 1.15;
  margin-top: 0;
  line-height: 1.15;
}

.account-page .order-details .order-details__order-date {
  color: #6d7782;
}

/* Shipping/ Billing */

/* Orders Table */

.account-page .order-products.order-block .order-products__headings {
}

.account-page .order-products.order-block .order-products__order-item {
  padding: 25px 0;
  border-bottom: 1px solid #d8d9d8;
}

.account-page .order-products.order-block .order-product-name {
  display: flex;
  align-items: center;
}

.account-page .order-products.order-block .order-product-name img {
  display: block;
}

.account-page
  .order-products.order-block
  .order-product-name
  .product-info__product-titles {
  font-weight: bold;
  margin-left: 20px;
}

.account-page
  .order-products.order-block
  .order-product-name
  .product-info__product-titles
  .product-titles__product-title
  a {
  color: #0d387c;
  text-decoration: none;
}

.account-page
  .order-products.order-block
  .order-product-name
  .product-info__product-titles
  .product-titles__product-title
  a:hover {
  color: #0078d4;
}

.account-page .order-cost.order-block .discount {
  color: #07b1ff;
}

.account-page .order-cost__total.order-block {
  font-weight: bold;
  padding-top: 25px;
  margin-top: -20px;
  border-top: 1px solid #d8d9d8;
}

@media screen and (max-width: 768px) {
  .account-page .account-order-list__headings {
    display: none;
  }
  .account-page .mobile-account-nav {
    margin-bottom: 30px;
  }
  .account-page .order-history-block span {
    display: block;
    margin: 10px 0;
  }
  .account-page .order-history-block .account-order-list__column--order-number {
    width: 50%;
    order: 1;
    font-weight: bold;
  }
  .account-page .order-history-block .account-order-list__column--total.money,
  .account-page .order-history-block .account-order-list__column--total {
    width: 50%;
    order: 2;
    text-align: right;
  }
  .account-page .order-history-block span.account-order-list__column--payment {
    margin-left: auto;
    order: 4;
  }
  .account-page .order-history-block .account-order-list__column--date {
    width: 50%;
    order: 3;
  }
  .account-page .order-history-block .account-order-list__column--payment {
    order: 3;
  }
  .account-page .order-history-block .account-order-list__column--mobile-slash {
    order: 5;
  }
  .account-page .order-history-block .account-order-list__column--fulfillment {
    order: 6;
  }
  .account-page .order-history-block .account-order-list__column--track {
    width: 100%;
    order: 7;
    position: relative;
    /* text-align: center; */
  }
  /* .account-page .order-history-block .account-order-list__column--track::before {
    content: 'Track: ';
    display: inline-block;
    margin-right: 6px;
    color: #6d7782;
  } */
  .account-page .order-history-block a.view-order--mobile {
    margin-right: 12px;
    display: inline-block;
  }
  /* Order */
  .account-page .account-block .account-block-title,
  .account-page .order-products.order-block .order-products__headings {
    display: none;
  }
  .account-page .order-products.order-block .order-products__order-item {
    display: flex;
    flex-wrap: wrap;
  }
  .account-page .order-products.order-block .order-product-name {
    align-items: center;
  }
  .account-page .order-products.order-block .order-product-name {
    width: 75%;
    order: 1;
    margin-bottom: 12px;
  }
  .account-page .order-products__column.order-item__product-sku {
    width: 35%;
    order: 2;
    color: #6d7782;
    text-align: right;
    display: none;
  }
  .account-page .order-products__column.order-item__product-quantity {
    order: 3;
    color: #6d7782;
    margin-right: 6px;
    margin-left: auto;
  }
  .account-page .order-products__column.order-item__product-price {
    order: 4;
    color: #6d7782;
  }
  .account-page .order-item__final-price {
    margin-left: auto;
    order: 5;
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .account-page .container {
    display: flex;
    margin: 40px auto;
  }
  .account-page .rewards-nav,
  .yotpo-widget-my-rewards-widget .yotpo-action-buttons-tile {
    display: flex;
    justify-content: space-around;
  }
  .account-page .yotpo-primary-button-link,
  .account-page .yotpo-action-buttons-tile .yotpo-secondary-button {
    width: 48%;
    margin: 0 1%;
  }
  .account-page .account-page-nav .mobile-account-nav {
    display: none;
  }
  .account-page .account-page-nav ul li {
    margin-bottom: 16px;
  }
  .account-page .account-page-nav .account-page-nav__inner,
  .account-page .account-page-nav .nav-title {
    display: block;
  }
  .account-page .account-block .form-field {
    margin: 15px 10px 20px;
  }
  .account-page .form-field__input,
  .account-page .form-field__select,
  .account-page .address-country-option,
  .account-page select {
    height: 44px;
  }
  .account-page .rewards-nav .outline-button,
  .account-page .rewards-nav .primary-button {
    margin: 0 5px;
  }
  .account-page .account-page-masthead .account-rewards .swell-point-balance {
    font-size: 42px;
  }
  .account-page .account-page-nav {
    width: 15%;
    margin-right: 2%;
  }
  .account-page .account-page-nav .selected-nav-item {
    display: none;
  }
  .account-page-content {
    padding: 25px;
    background: white;
    border: 1px solid #e0e5e9;
    /* -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.02);
    box-shadow: 0 0 10px 2px rgba(0,0,0,0.02); */
    flex-grow: 1;
    width: 82%;
  }
  .account-page .account-page-nav ul li a:hover {
    color: #0078d4;
  }
  .account-page .account-page-nav ul li a.logout {
    color: #e52817;
    display: block;
    margin-top: 30px;
  }
  .account-page .account-order-list__headings span {
    display: block;
    font-size: 14px;
    color: #232b38;
    font-weight: bold;
    flex: 0 1 130px;
    margin-right: 15px;
    text-align: center;
  }
  .account-page .order-history-block span {
    display: block;
    font-size: 14px;
    color: #6d7782;
    flex: 0 1 130px;
    margin-right: 15px;
    text-align: center;
  }
  .account-page .account-order-list__headings span.fulfillment,
  .account-page .order-history-block .account-order-list__column--fulfillment,
  .account-page
    .account-order-list__headings
    .account-order-list__column--payment,
  .account-page .order-history-block .account-order-list__column--payment {
    display: none;
  }
  .account-page .order-products.order-block .order-product-name {
    flex: 0 1 240px !important;
  }
  .account-page
    .order-history-block
    span.account-order-list__column--mobile-slash {
    display: none;
  }
  .account-page .order-history-block a:hover {
    color: #0078d4;
  }
  /* .account-order-list__column--total {
    margin-left: auto;
    flex-basis: 100px;
    margin-right:0;
  } */
  .account-page
    .account-order-list__headings
    .account-order-list__column--track,
  .account-page .order-history-block .account-order-list__column--track {
    margin-left: auto;
    flex-basis: 120px;
    margin-right: 0;
  }
  .account-page .order-history-block .account-order-list__column--track {
    word-wrap: break-word;
    hyphens: auto;
  }
  /* Addresses Tablet > */
  .account-page .edit-address .account-address-block {
    padding: 30px;
  }
  .account-page .account-block:first-child {
    margin-bottom: 70px;
  }
  .account-page .account-page-content__form {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: -10px;
    margin-right: -10px;
  }
  .account-page .form-field {
    word-wrap: break-word;
  }
  .account-page .form-field:nth-child(1),
  .account-page .form-field:nth-child(2) {
    flex: 1 0 0%;
  }
  .account-page .form-field:nth-child(4),
  .account-page .form-field:nth-child(5),
  .account-page .form-field:nth-child(6) {
    flex: 1 0 25%;
  }
  .account-page .form-field:nth-child(7),
  .account-page .form-field:nth-child(8),
  .account-page .form-field:nth-child(9),
  .account-page .form-field:nth-child(10) {
    flex: 2 0 25%;
  }
  .account-page .form-field:nth-child(11) {
    width: 100%;
  }
  /* Order Tablet > */
  .account-page .addresses.order-block {
    display: flex;
  }
  .account-page .addresses.order-block .shipping-address,
  .account-page .addresses.order-block .billing-address {
    flex: 1 0 0%;
    max-width: 340px;
  }
  /* Order Table : tablet > */
  .account-page .order-products.order-block .order-products__headings {
    padding: 20px 0;
    border-bottom: 1px solid #d8d9d8;
    display: flex;
  }
  .account-page .order-products.order-block .order-products__headings span {
    display: block;
    font-size: 14px;
    color: #232b38;
    font-weight: bold;
    flex: 0 1 130px;
    margin-right: 15px;
    text-align: center;
  }
  .account-page
    .order-products.order-block
    .order-products__headings
    span.order-products__column--last-column,
  .account-page
    .order-products__order-item
    .order-products__column.order-item__final-price {
    margin-left: auto;
    margin-right: 0;
    flex: 0 1 135px;
  }
  .account-page .order-products.order-block .order-products__order-item {
    display: flex;
    align-items: center;
  }
  .account-page .order-products__order-item .order-products__column {
    display: block;
    font-size: 14px;
    color: #6d7782;
    flex: 0 1 130px;
    margin-right: 15px;
    text-align: center;
  }
  .account-page .order-details {
    display: flex;
    flex-wrap: wrap;
  }
  .account-page .order-details .order-details__order_number,
  .account-page .order-details .order-details__order-date {
    width: 50%;
  }
  .account-page .order-details .order-details__order_number {
    order: 1;
  }
  .account-page .order-details .order-details__order-date {
    order: 3;
  }
  .account-page .order-details .order-details__basic {
    width: 50%;
    text-align: right;
  }
  .account-page .order-details .order-details__basic.payment-status {
    order: 2;
  }
  .account-page .order-details .order-details__basic.fulfillment-status {
    order: 4;
  }
  .account-page .order-details .order-details__basic.track-order {
    width: 100%;
    order: 5;
    text-align: left;
  }
}

@media screen and (min-width: 1024px) {
  .account-page .account-page-masthead {
    padding: 0;
  }
  .account-page .account-page-masthead h1 {
    font-size: 36px;
  }
  .account-page .account-page-nav {
    width: 16%;
  }
  .account-page-content {
    padding: 40px;
  }
}

@media screen and (min-width: 1200px) {
  .account-page .account-order-list__headings span.fulfillment,
  .account-page .order-history-block .account-order-list__column--fulfillment,
  .account-page
    .account-order-list__headings
    .account-order-list__column--payment,
  .account-page .order-history-block .account-order-list__column--payment {
    display: block;
  }
}

/*** END Account Pages ***/

/*** BLOG ***/

#blog {
  margin: 0px auto 60px;
  box-sizing: border-box;
  padding: 0 15px;
}

#blog * {
  box-sizing: border-box;
  outline: none;
}

#blog .container {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}

#blog .article-container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
#blog .article-container img {
  width: 100%;
}

#blog .tag-title {
  color: #232b38;
  text-align: center;
  margin: 30px auto 40px;
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  font-size: 22px;
  text-transform: capitalize;
}

.blog-card-details .article-date {
  color: #ccd3da;
  font-weight: bold;
  letter-spacing: 0.025em;
  font-size: 11px;
  margin-bottom: 10px;
}

#blog .section-title {
  font-size: 18px;
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  margin-bottom: 30px;
  margin-top: 60px;
  color: #232b38;
}

/* Blog Pagination */

.pagination {
  margin: 30px auto;
  text-align: center;
  font-size: 14px;
  color: #6d7782;
  display: flex;
  justify-content: center;
  margin: 30px auto;
}

.paginate-container {
  position: relative;
  padding: 0 45px;
  display: flex;
  flex-direction: row;
  gap: 30px;
  line-height: 14px;
  font-size: 14px;
}

.pagination ul {
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
}

.pagination li {
  display: inline-block;
  margin: 0 6px;
}

.pagination li a {
  color: #0d387c;
  text-decoration: none;
}

.pagination li .pagination__list-item--active {
  color: #07b1ff;
}

.pagination .next,
.account-page-content .pagination .prev {
  display: none;
}

.pagination__arrow {
  display: block;
  /* position: absolute; */
  color: #002970;
}

.pagination__arrow.pagination__arrow--previous {
  left: 0;
  right: auto;
  top: 0;
  transform: rotate(-90deg);
}

.pagination__arrow.pagination__arrow--next {
  left: auto;
  right: 0;
  top: 0;
  transform: rotate(90deg);
}

.blog-header {
  text-align: center;
  margin-top: 30px;
}

.blog-header h1 {
  max-width: 450px;
  margin: 0 auto 25px;
}

.blog-header h1 a {
  cursor: default;
}

.blog-header h1 img {
  display: block;
  max-width: 100%;
}

.blog-header .blog__subtitle {
  color: #6d7782;
  font-size: 18px;
  line-height: 1.35;
  max-width: 550px;
  margin: 0 auto;
}

/* Blog Single */

.blog-article {
}

/* Hero Header Image/Title */

.blog-article .article-hero {
  text-align: center;
  margin: 0 -15px 30px;
  height: 350px;
  position: relative;
  background: #232b38;
}

.blog-article .article-featured-img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  position: relative;
}

.blog-article .article-featured-img picture {
  width: 100%;
  height: 100%;
  position: relative;
}

.blog-article .article-featured-img img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blog-article .article-featured-img::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* background: linear-gradient(
    0deg,
    rgba(0, 41, 112, 0.55) 0%,
    rgba(58, 12, 107, 0) 100%
  ); */
  background: linear-gradient(
    229.5deg,
    rgba(196, 196, 196, 0) 0%,
    #232323 86.38%
  );
  z-index: 1;
  opacity: 0;
  background-blend-mode: multiply;
}

.blog-article .article-title {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  bottom: 0;
  left: 0;
  right: 0;
}

.blog-article .inner-title {
  width: 85%;
  max-width: 650px;
  background: white;
  padding: 25px 30px 20px;
  margin: 0 auto -6%;
}

.blog-article .article-title h1 {
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-size: 28px;
  font-weight: 800;
  color: #232b38;
  letter-spacing: -0.025em;
  line-height: 1.1;
  margin: 0 auto 10px;
}

.blog-article .article-title .article-date {
  color: #ccd3da;
  font-weight: bold;
  letter-spacing: 0.025em;
  font-size: 11px;
  margin-bottom: 10px;
}

/* Content */

.blog-article .article-main-content {
  display: block;
  padding: 0;
  margin-top: 7vh;
  margin-bottom: 5vh;
}

.blog-article .content p {
  font-size: 16px;
  line-height: 1.6;
  color: #111111;
  position: relative;
  z-index: 5;
}

.blog-article .content p img,
.blog-article .content .embed-container,
.blog-article .content video {
  width: 100%;
  max-width: 100%;
  display: block;
  margin: 40px auto;
}

.blog-article .content .embed-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.blog-article .content .embed-container iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

.blog-article .content h2 {
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  font-size: 20px;
  color: #232b38;
  line-height: 1.25;
  margin-top: 30px;
  padding-right: 10%;
}

.blog-article .content h2 a {
  color: #002970;
}

.blog-article .container {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
}

.article-main-content .content p strong {
  font-weight: 800;
}

.blog-article .content p a {
  color: #0078d4;
}

.blog-article .content p a:hover {
  color: #08b1ff;
}

/* Article Products */

#blog.blog-article .article-products .section-title {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding: 0;
}

#blog.blog-article .article-products .section-title span {
  color: #08b1ff;
}

.blog-article .article-products {
  text-align: center;
  margin: 0 -15px 30px;
}

.blog-article .article-products .article-products-slider .cc-collection-item {
  padding: 0 7px;
}

#blog.blog-article
  .article-products
  .cc-collection-item
  .main-info
  .collection-price
  .saved {
  text-align: center;
  margin-top: 10px;
}

#blog.blog-article
  .article-products
  .cc-collection-item
  .main-info
  .collection-name
  .pill-badge {
  position: relative;
  margin: 0 15px;
}

.basic-page-content 
  .article-products
  .cc-collection-item
  .main-info
  .m-price-section {
  display: none;
}

/* Large CTA/Blockquote */

.blog-article blockquote {
  font-size: 32px;
  color: #002970;
  font-weight: 700;
  line-height: 1;
  background: url("logo-quote-blue.svg") no-repeat;
  background-position: left top;
  padding: 0;
  margin: 30px 0 50px;
  width: calc(100% + 1.5rem);
  width: 90%;
  text-align: left;
}

.blog-article blockquote p {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.blog-article blockquote .btn-outline {
  margin: 0 auto;
}

/* Social */

.social-share {
  margin: 40px 0 40px;
  display: flex;
  justify-content: flex-start;
  height: 40px;
}

.social-share p {
  font-size: 0.9375rem;
  margin: 0 0.85rem 0 0;
  color: #002970;
}

.social-share a {
  display: block;
  color: #232b38;
  text-decoration: none;
  transition: all 200ms ease;
}

.social-share a:hover {
  color: #002970;
}

.blog-article .social-share a:not(:last-child) {
  margin-right: 18px;
}

/* Newsletter */

.blog-article .newsletter-signup {
  border-radius: 4px;
  padding: 2.625rem;
  width: 100%;
  margin: var(--space-top-bottom) auto 6rem;
  text-align: center;
  background: url("images/orange-pattern.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0 5px 25px 1px rgba(35, 43, 56, 0.05);
}

.blog-article .newsletter-signup form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 2rem auto;
  max-width: 350px;
}

.blog-article .newsletter-signup form label {
  display: none;
}

.blog-article .newsletter-signup .form-field {
  width: 70%;
  margin-bottom: 0.75rem;
}

.blog-article .newsletter-signup .klaviyo_form_actions {
  width: auto;
  min-width: 0;
}

/* Sidebar */

.blog-article .blog-sidebar {
  text-align: center;
  position: relative;
  margin: 0 auto;
}

.blog-article .blog-sidebar .article-tags {
  margin: 15px auto 30px;
}

.blog-article .blog-sidebar .article-tags .single-tag {
  margin: 4px 2px;
  display: inline-block;
  padding: 6px 10px;
  border: 1px solid #6e7d89;
  color: #002970;
  border-radius: 20px;
  text-transform: capitalize;
  font-weight: normal;
  font-size: 11px;
  text-decoration: none;
  letter-spacing: 0.025em;
  transition: all 250ms ease;
}

.blog-article .blog-sidebar .article-tags .single-tag:hover {
  border: 1px solid #08b1ff;
  color: #08b1ff;
}

.blog-article .blog-sidebar .article-tags .single-tag.primary {
  background: #002970;
  border: 1px solid #002970;
  color: white;
}

.blog-article .article-meta {
  padding: 2rem 0 2.5rem;
  border-bottom: 1px solid var(--lightest-gray);
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.blog-article .author {
  font-weight: normal;
  font-size: 0.725rem;
  color: #002970;
  letter-spacing: 0.03em;
}

.blog-article .author a {
  color: var(--link-blue);
  font-style: italic;
  text-decoration: none;
}

.blog-article .author a:hover {
  color: #002970;
}

/* Featured Products */

.blog-article .featured-products {
  padding-top: 30px;
  top: 0;
  border-top: 1px solid #d8d9d8;
  margin: 0 -15px 30px;
}

.blog-article .featured-products h2 {
  font-size: 24px;
  line-height: 1.35;
  color: #232b38;
  padding: 0 30px;
  font-weight: bold;
  margin-bottom: 2.5rem;
}

.blog-article .product-item {
  margin-bottom: 2rem;
  text-decoration: none !important;
  display: block;
}

.blog-article .product-item img {
  max-width: 170px;
  display: block;
  margin: 0 auto 0.7rem;
}

.blog-article .product-item h3 {
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.333;
  color: var(--black);
  font-weight: 600;
}

.blog-article .product-polarized {
  font-size: 0.6875rem;
  line-height: 1.81;
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  border: 1px solid #ccd3da;
  border-radius: 1.25rem;
  color: #6d7782;
  height: 1.25rem;
  position: relative;
  top: -0.5rem;
}

.blog-article .product-frame {
  color: var(--black);
  font-size: 0.75rem;
  line-height: 1.67;
}

.blog-article .money {
  color: #232b38;
  margin-bottom: 0.3rem;
}

#blog .related-articles .section-title {
  margin-top: 0;
}

@media screen and (min-width: 769px) {
  .blog-article .featured-products .article-products-slider .swiper-wrapper {
    display: unset;
  }
}

/* Blog single ends here */

/* Blog Nav */

.blog-cat-nav {
  margin: 40px auto;
}

.blog-cat-nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: none;
}

.blog-cat-nav ul li a {
  text-decoration: none;
}

/* Dropdown */

.blog-cat-nav .input-wrap {
  position: relative;
  max-width: 400px;
  margin: 0 auto;
}

.blog-cat-nav select {
  display: block;
  color: #002970;
  background: white;
  border: 1px solid #002970;
  border-radius: 0;
  height: 44px;
  width: 100%;
  padding: 0rem 15px 0rem;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  transition: all 0.2s ease;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.blog-cat-nav .input-wrap svg.icon {
  position: absolute;
  top: 50%;
  right: 1rem;
  z-index: 2;
  pointer-events: none;
  transform: translateY(-50%) rotate(90deg);
}

/* Featured Posts */

#blog .featured-articles {
  margin: 30px auto;
  max-width: 100%;
  position: relative;
}

#blog .featured-articles .single-feature {
  margin: 5px;
  box-shadow: 0 1px 2px rgba(10, 14, 26, 0.08),
    0 4px 12px rgba(10, 14, 26, 0.04);
}

#blog .featured-articles .single-feature .article-header,
#blog .featured-articles .single-feature .article-header * {
  text-decoration: none;
}

#blog .featured-articles .single-feature .article-header {
  padding: 20px 15px;
  background: white;
}

#blog .featured-articles .single-feature .article-header h2 {
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  color: #232b38;
  letter-spacing: -0.015em;
  font-size: 22px;
  line-height: 1.2;
  margin: 0 0 10px;
}

#blog .featured-articles .single-feature img {
  max-width: 100%;
  height: auto;
}

#blog .featured-articles .swiper-button-next, #blog .featured-articles .swiper-button-prev {
  width: 44px;
  height: 44px;
  background-color: rgba(0, 0, 0, .4);
  border-radius: 50%;
  transform: scale(1);
  transform-origin: 50% 50%;
  transition: transform 0.15s;
  color: white;
  top: 50%
}
#blog .featured-articles .swiper-button-next:hover, #blog .featured-articles .swiper-button-prev:hover {
  background-color: black;
}

#blog .featured-articles .swiper-button-next:after, #blog .featured-articles .swiper-button-prev:after {
  font-size: 10px;
  font-weight: 900;
}

/* Top stories */

.top-stories {
  margin: 30px auto;
}

.top-stories .top-story {
  position: relative;
  margin-bottom: 30px;
}

.top-stories .top-story .video-story {
  height: 100%;
  width: 100%;
  position: relative;
  margin-bottom: 130px;
}

.top-stories .top-story img,
.top-stories .top-story video {
  display: block;
  object-fit: cover;
  height: 100%;
  width: 100%;
  position: relative;
}

.top-stories .top-story .video-story::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(video-play-button.svg), rgba(0, 120, 212, 0.4);
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 10;
  cursor: pointer;
  transition: all 0.25s ease;
  opacity: 0.7;
}

.top-stories .top-story .video-story .video-title {
  position: absolute;
  font-family: "aktiv-grotesk-extended", sans-serif;
  color: #232b38;
  letter-spacing: -0.015em;
  padding: 20px 15px;
  top: auto;
  z-index: 11;
  transition: all 0.35s ease;
}

.top-stories .top-story .video-story .video-title h2 {
  padding: 0;
  margin: 0;
  font-size: 22px;
  font-weight: 800;
}

.top-stories .top-story .video-story.playing::before {
  opacity: 0;
}

.top-stories .top-story .top-story-header {
  text-align: center;
  padding: 30px;
  background: white;
  position: relative;
  box-shadow: 0 1px 2px rgba(10, 14, 26, 0.08),
    0 4px 12px rgba(10, 14, 26, 0.04);
}

.top-stories .top-story .top-story-header a {
  text-decoration: none;
}

.top-stories .top-story .top-story-header h3 {
  font-size: 18px;
  color: #232b38;
  line-height: 1.3;
  letter-spacing: 0.015em;
  font-weight: bold;
  margin: 0 auto 10px;
}

/* Blog Cards/Posts */

.blog-cards .blog-card {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  /* height: 23.4375rem; */
  margin-bottom: 30px;
  background-color: white;
  border-radius: 0;
  box-shadow: 0 1px 2px rgba(10, 14, 26, 0.08),
    0 4px 12px rgba(10, 14, 26, 0.04);
  margin-bottom: 30px;
}

.blog-card .article__image-wrapper {
  display: block;
  width: 100%;
}

.blog-card .article__image-wrapper img {
  object-fit: cover;
  width: 100%;
}

.blog-cards .blog-card-details {
  padding: 30px;
}

.blog-cards .blog-card-details h3 {
  font-size: 18px;
  color: #232b38;
  line-height: 1.3;
  letter-spacing: 0.015em;
  font-weight: bold;
  margin: 0 auto 10px;
}

.blog-cards .blog-card-details .blog-card-title {
  text-decoration: none;
}

.blog-cards--col {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  -webkit-user-select: none;
  user-select: none;
}

.blog-card--col {
  box-shadow: 0 1px 2px rgba(10, 14, 26, 0.08), 0 4px 12px rgba(10, 14, 26, 0.04);
  text-align: center;
  width: 100%;
  min-width: 280px;
  margin-right: 10px;
  margin-left: 3px;
  margin-bottom: 3px;
}

@media screen and (min-width: 769px) {
  .blog-card--col {
    min-width: 400px;
    margin-right: 20px;
  }
}

.blog-card--col:last-child {
  margin-right: 3px;
}

.blog-card--col img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

@media screen and (min-width: 769px) {
  .blog-card--col img {
    height: 300px;
  }
}

/* Blog media queries */

@media screen and (min-width: 769px) {
  #blog {
    margin: 0 auto 100px;
    padding: 0 30px;
  }
  #blog .blog-header {
    margin-top: 30px;
  }
  .blog-header h1 a {
    cursor: pointer;
  }
  #blog .tag-title {
    font-size: 24px;
  }
  .blog-header .blog__subtitle {
    font-size: 22px;
  }
  .blog-cat-nav {
    margin: 50px auto;
    font-family: "aktiv-grotesk-extended", sans-serif;
    line-height: 1.15;
    display: flex;
    justify-content: center;
  }
  .blog-cat-nav .input-wrap {
    display: none;
  }
  .blog-cat-nav ul {
    display: flex;
    padding: 25px 15px;
    border-top: 1px solid #232b38;
    border-bottom: 1px solid #232b38;
    width: auto;
    justify-content: center;
  }
  .blog-cat-nav ul li {
    margin: 0;
    position: relative;
    padding: 0 10px;
    font-size: 12px;
  }
  .blog-cat-nav ul li:not(:first-child) {
    border-left: 1px solid #232b38;
  }
  .blog-cat-nav ul li a {
    color: #232b38;
    display: block;
    font-weight: bold;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    padding: 0 5px;
    transition: all 250ms ease;
  }
  .blog-cat-nav ul li a:hover {
    color: #0078d4;
  }
  .blog-cat-nav ul li a.selected {
    color: #08b1ff;
  }
  .blog-article blockquote {
    font-size: 42px;
  }
  #blog .featured-articles {
    margin: 60px auto;
  }
  #blog .featured-articles--slider {
    padding: 0;
  }
  #blog .featured-articles .single-feature {
    position: relative;
    margin: 0;
  }
  #blog .featured-articles .single-feature .article-header {
    width: 60%;
    max-width: 550px;
    background: white;
    padding: 40px 30px 40px 50px;
    text-align: left;
    position: absolute;
    bottom: 60px;
    left: 0;
    right: auto;
    box-shadow: none;
  }
  #blog .featured-articles .single-feature .article-header h2 {
    font-size: 24px;
  }
  .top-stories {
    margin: 60px auto 17vh;
  }
  .top-stories .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -1%;
  }
  .top-stories h2 {
    width: 100%;
  }
  .top-stories .top-story {
    width: 48%;
    margin: 0 1%;
    height: 320px;
  }
  .top-stories .top-story .top-story-header {
    max-width: 500px;
    position: absolute;
    bottom: 0;
    left: 30px;
    right: 30px;
    margin: auto;
    transform: translateY(50%);
  }
  /* Blog cards */
  .blog-cards .row {
    display: flex;
    margin: 0 -1%;
    flex-wrap: wrap;
  }
  .blog-cards .blog-card {
    width: 48%;
    margin: 0 1% 30px;
  }
  .blog-cards .blog-card-details {
    padding: 30px 40px;
  }
  /* Blog Single */
  .blog-article .article-hero {
    height: 400px;
    margin: 0 -30px 30px;
  }
  .blog-article .article-title h1 {
    font-size: 36px;
  }
  .blog-article .article-products {
    margin: 15px auto;
  }
  /* Article products */
  #blog.blog-article .article-products-slider .cc-collection-item {
    margin-left: auto;
    margin-right: auto;
  }
  #blog.blog-article .article-products .cc-collection-item .main-info {
    padding-bottom: 20px;
    margin-top: -10px;
  }
  .top-stories .top-story .video-story {
    margin-bottom: 0;
  }
  .top-stories .top-story .video-story .video-title {
    color: white;
    padding: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    z-index: 11;
    transition: all 0.35s ease;
  }
  .top-stories .top-story .video-story .video-title h2 {
    font-size: 24px;
  }
  .top-stories .top-story .video-story.playing .video-title {
    opacity: 0;
  }
}

@media screen and (min-width: 1024px) {
  #blog .tag-title {
    font-size: 36px;
  }
  .blog-cat-nav ul li {
    padding: 0 15px;
    font-size: 14px;
  }
  #blog .featured-articles .single-feature .article-header {
    padding: 50px 40px 50px 65px;
  }
  #blog .featured-articles .single-feature .article-header h2 {
    font-size: 36px;
  }
  .blog-article blockquote {
    font-size: 44px;
  }
  .top-stories .top-story {
    height: 420px;
  }
  .top-stories .top-story .top-story-header {
    padding: 30px 60px;
  }
  .top-stories .top-story .top-story-header h3 {
    font-size: 24px;
  }
  #blog .section-title {
    font-size: 22px;
  }
  .blog-cards .blog-card {
    width: 31%;
  }
  /* Blog Single */
  .blog-article .article-hero {
    height: 500px;
  }
  .blog-article .article-featured-img::after {
    opacity: 0.35;
  }
  .blog-article .inner-title {
    background: none;
    margin: 0 auto 15px;
  }
  .blog-article .article-title h1 {
    font-size: 48px;
    color: white;
  }
  .blog-article .article-title .article-date {
    font-size: 14px !important;
    color: white !important;
  }
  .blog-article .blog-sidebar {
    max-width: 280px;
    margin: 0 6% 0 0;
  }
  .blog-article .article-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .blog-article .content {
    font-size: 17px;
    width: calc(100% - 400px);
    order: 2;
    max-width: 620px;
  }
}

@media screen and (min-width: 1200px) {
  .blog-article .content {
    width: calc(100% - 350px);
  }
  .top-stories .top-story .video-story .video-title {
    padding: 50px 40px 50px 65px;
  }
  .top-stories .top-story .video-story .video-title h2 {
    font-size: 32px;
  }
  .blog-article blockquote {
    font-size: 50px;
  }
}

/*** END BLOG ***/

/*** Blog Products Slider ***/
#blog.blog-article .article-products-slider {
  padding: 0 50px;
}
.basic-page-content .cc-collection-item {
  width: 315px;
  margin: 0 auto;
}
#blog .cc-collection-item .variant-swatches.extra-bl {
  display: none;
}

#blog .cc-collection-item form,
.basic-page-content .cc-collection-item form {
  visibility: visible;
  opacity: 1;
  border: none;
}

#blog .cc-collection-item .featured-container {
  height: 210px;
}

#blog .cc-collection-item .rx-lens-colors {
  top: 167px;
}

#blog .cc-collection-item .main-info {
  border: none;
  text-align: left;
}

#blog .article-products-slider .swiper-button-next, #blog .article-products-slider .swiper-button-prev {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .4);
  transition: .35s;
  color: white;
}

#blog .article-products-slider .swiper-button-next:hover, #blog .article-products-slider .swiper-button-prev:hover {
  background: rgba(0, 0, 0, .8);
}

#blog .article-products-slider .swiper-button-next {
  right: 0;
}

#blog .article-products-slider .swiper-button-prev {
  left: 0;
}

#blog .article-products-slider .swiper-button-next:after, #blog .article-products-slider .swiper-button-prev:after {
  font-size: 10px;
  font-weight: bold;
}

@media screen and (min-width: 769px) {
  #blog .basic-product-slider {
    padding: 0px 50px;
  }
  #blog .cc-collection-item .variant-swatches.extra-bl {
    display: block;
    top: 176px;
  }
}

@media screen and (max-width: 768px) {
  #blog .cc-collection-item form {
    bottom: -50px;
  }
  #blog .cc-collection-item .main-info {
    padding-top: 10px;
  }
  #blog .cc-collection-item {
    width: 100%;
    padding: 0px;
  }
  #blog {
    max-width: 100%;
  }
  .basic-product-slider {
    padding: 0px 0px;
  }

  #blog .cc-collection-item .featured-container {
    height: 180px;
    margin: 0px 10px;
  }
  #blog .cc-collection-item .rx-lens-colors {
    display: none;
  }

}

@media screen and (min-width: 769px) {
  #blog .cc-collection-item {
    margin-left: auto;
    margin-right: auto;
  }
}


/*** FLAGSHIP Page ***/

.flagship-store * {
  box-sizing: border-box;
  outline: none;
}

/* Flagship hero */

.flagship-store .container {
  width: 1300px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}

.flagship-store h2 {
  font-size: 18px;
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  margin-top: 15px;
}

.flagship-store h3 {
  color: #ccd3da;
  font-weight: bold;
  letter-spacing: 0.125em;
  font-size: 11px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.flagship-store p {
  color: #6d7782;
  font-size: 16px;
}

.flagship-store p a {
  color: #0078d4;
  text-decoration: none;
}

.flagship-store .hero-section {
  height: auto;
  position: relative;
}

.flagship-store .hero-section picture {
  width: 100%;
  height: 400px;
}

.flagship-store .hero-section picture img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.flagship-store .hero-descr-wrap {
  padding: 30px 40px;
  text-align: center;
}

.flagship-store .hero-descr-wrap h1.hero-title {
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.1;
  margin: 0 auto 10px;
}

.flagship-store .hero-descr-wrap .subtitle {
  font-size: 17px;
}

/* Address block */

.flagship-store .main-address {
  text-align: center;
  padding: 45px 15px;
  margin: 0 auto;
  border-top: 1px solid #e0e5e9;
}

.flagship-store .main-address .button {
  display: inline-block;
}

/* Flagship slider */

.flagship-store .gallery .container {
  padding: 0 30px;
}

.flagship-store .gallery-slider {
  padding-bottom: 34px;
  margin-bottom: 30px;
}

.flagship-store .gallery-slider .swiper-button-next, .flagship-store .gallery-slider .swiper-button-prev {
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, .4);
  border-radius: 50%;
  transform: scale(1);
  transform-origin: 50% 50%;
  transition: transform 0.15s;
  color: white;
  top: 48%
}
.flagship-store .gallery-slider .swiper-button-next:hover, .flagship-store .gallery-slider .swiper-button-prev:hover {
  background-color: black;
}

.flagship-store .gallery-slider .swiper-button-next:after, .flagship-store .gallery-slider .swiper-button-prev:after {
  font-size: 10px;
  font-weight: 900;
}
.flagship-store .gallery-slider .swiper-pagination {
  margin: 10px 0;
  bottom: -10px;
}


/* CTA section */

.flagship-store .large-text-section {
  margin: 45px auto;
  padding: 0 15px;
  text-align: center;
}

.flagship-store .large-text-section p {
  font-size: 17px;
}

/* Image Grid */

.flagship-store .image-grid {
  padding: 0 15px;
  margin-bottom: 60px;
}

.flagship-store .image-grid img {
  display: block;
  object-fit: cover;
  margin: 15px auto;
  max-height: 320px;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .flagship-store p {
    font-size: 17px;
  }
  .flagship-store .hero-section picture {
    height: 600px;
    position: relative;
  }
  .flagship-store .hero-section::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background: linear-gradient(
0deg
, rgba(0, 41, 112, 0.55) 0%, rgba(58, 12, 107, 0) 100% ); */
    background: linear-gradient(
      229.5deg,
      rgba(196, 196, 196, 0) 0%,
      #232323 86.38%
    );
    z-index: 1;
    opacity: 0.3;
    background-blend-mode: multiply;
  }
  .flagship-store .hero-descr-wrap {
    text-align: left;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: white;
    max-width: 1300px;
    margin: 0 auto;
    z-index: 10;
    padding: 0 30px;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .flagship-store .hero-descr-wrap h1.hero-title {
    font-size: 36px;
  }
  .flagship-store .hero-descr-wrap .subtitle {
    color: white;
  }
  .flagship-store .main-address {
    border: none;
    padding: 30px 0;
  }
  .flagship-store .large-text-section {
    margin: 60px auto;
  }
  /* Image grid */
  .flagship-store .image-grid .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: stretch;
    margin: 0 -1%;
    max-height: 100%;
  }
  .flagship-store .image-grid img {
    margin: 0;
    height: auto;
    max-height: 100%;
  }
  .flagship-store .image-grid .container .col {
    width: 58%;
    flex-grow: 1;
    margin: 0 1%;
  }
  .flagship-store .image-grid .container .col .grid-image:first-child img {
    margin-bottom: 20px;
  }
  .flagship-store .image-grid .container .col-two {
    width: 38%;
    flex-grow: 1;
    margin: 0 1%;
  }
  .flagship-store .image-grid .container .col-two .grid-image {
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
  .flagship-store .image-grid .container .col-two .grid-image img {
    width: 100%;
    height: 100%;
    object-position: center center;
  }
}

@media screen and (min-width: 1024px) {
  .flagship-store h2 {
    font-size: 24px;
  }
  .flagship-store .main-address {
    padding: 60px 0;
  }
  .flagship-store .large-text-section {
    margin: 120px auto;
  }
  .flagship-store .hero-descr-wrap h1.hero-title {
    font-size: 48px;
  }
  .flagship-store .large-text-section p,
  .flagship-store .hero-descr-wrap .subtitle {
    font-size: 22px;
  }
  .flagship-store .image-grid .container .col .grid-image:first-child img {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 1400px) {
  .flagship-store .gallery .container {
    padding: 0;
  }
  .flagship-store .hero-descr-wrap,
  .flagship-store .image-grid {
    padding: 0;
  }
}

/*** FLAGSHIP Ends here ***/

/*** OUR STORY ***/

.our-story {
  margin-top: 40px;
}

.our-story * img {
  max-width: 100%;
}

.our-story .container {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto 30px;
}

.our-story .story-section {
  margin-bottom: 7vh;
  padding: 0 15px;
}

.our-story .story-section .story-content, .rich-text .paragraph p {
  font-size: 16px;
  color: #111111;
  line-height: 1.6;
}

.our-story .story-section .story-img {
  margin-bottom: 30px;
}

.our-story .story-title {
  font-size: 18px;
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  margin-top: 0;
  margin-bottom: 15px;
  color: #232b38;
}

.our-story .subtitle {
  color: #6d7782;
  font-size: 17px;
  margin-top: 0;
  margin-bottom: 15px;
}

/* Story Image Grid */

.our-story .image-grid {
  padding: 0 15px;
  margin-bottom: 60px;
}

.our-story .image-grid img {
  display: block;
  object-fit: cover;
  margin: 15px auto;
  max-height: 460px;
  width: 100%;
  object-position: 35% center;
}

/* Large Centered Text CTA */

.our-story .large-text-section, .image-overlay {
  text-align: center;
  line-height: 1.6;
  margin: -20px auto 40px;
  padding: 65px 40px 0;
  max-width: 650px;
  font-size: 16px;
  background-position: top center !important;
  background-repeat: no-repeat !important;
  background-size: 185px auto !important;
  text-shadow: 0 0 30px #ffffff;
}

.our-story .large-text-section h2, .image-overlay__title {
  font-size: 18px;
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  margin-top: 0;
  margin-bottom: 15px;
  color: #232b38;
}

/* Insta Grid Gallery */

.insta-grid {
  text-align: center;
  margin: 7vh auto;
  padding: 0 15px;
}

.insta-grid header {
  margin-bottom: 20px;
}

.insta-grid h2 {
  font-size: 18px;
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  margin-top: 0;
  margin-bottom: 15px;
  color: #111111;
}

.insta-grid header a {
  font-size: 17px;
  color: #0078d4;
  text-decoration: none;
}

/* Slider */

.insta-grid .yotpo-single-image-container {
  min-height: 250px;
  width: 300px;
}

/* .yotpo-single-image-container {
  width: 350px !important;
} */

.insta-grid .slick-slide {
  transition: all 300ms ease;
}

.insta-grid .slick-slide:not(.slick-current) {
  opacity: 0.2;
}

@media screen and (max-width: 768px) {
  .our-story .story-section .story-img img {
    display: block;
    object-fit: cover;
    margin: 0 auto;
    width: 100%;
  }
  .insta-grid
    .yotpo-display-wrapper
    .yotpo-pictures-gallery-images-wrapper
    .yotpo-single-image-container {
    margin: 0 10px !important;
  }
}

@media screen and (min-width: 650px) {
  .our-story .image-grid img {
    max-height: 900px;
  }
}

@media screen and (min-width: 769px) {
  .our-story {
    margin-top: 60px;
  }
  .our-story .story-section {
    margin-bottom: 7vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .our-story .story-section.right-image-text .story-content {
    order: 1;
  }
  .our-story .story-section.right-image-text .story-img {
    order: 2;
  }
  .our-story .story-section.right-image-text .story-content .align-wrap {
    padding-right: 30px;
  }
  .our-story .story-section.left-image-text .story-content .align-wrap {
    padding-left: 30px;
  }
  .our-story .story-section .story-img,
  .our-story .story-section .story-content {
    width: 50%;
  }
  .our-story .story-section .story-content {
    display: flex;
  }
  /* Story Image Grid */
  .our-story .image-grid .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: stretch;
    margin: 0 -1%;
    max-height: 100%;
  }
  .our-story .image-grid img {
    margin: 0;
    height: auto;
    max-height: 100%;
  }
  .our-story .image-grid .container .col {
    width: 58%;
    flex-grow: 1;
    margin: 0 1%;
    display: flex;
    flex-direction: column;
  }
  .our-story .image-grid .container .col .grid-image {
    height: 50%;
  }
  .our-story .image-grid .container .col .grid-image img {
    height: 100%;
  }
  .our-story .image-grid .container .col .grid-image:first-child {
    margin-bottom: 4%;
  }
  .our-story .image-grid .container .col-two {
    width: 38%;
    flex-grow: 1;
    margin: 0 1%;
  }
  .our-story .image-grid .container .col-two .grid-image {
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
  .our-story .image-grid .container .col-two .grid-image img {
    width: 100%;
    height: 100%;
    object-position: center center;
  }
  .our-story .large-text-section, .image-overlay {
    font-size: 17px;
    margin: 7vh auto 12vh;
  }
  .insta-grid header a:hover {
    color: #08b1ff;
  }
}

@media screen and (min-width: 1024px) {
  .our-story .story-title,
  .our-story .large-text-section h2,
  .insta-grid h2,
  .image-overlay__title {
    font-size: 24px;
  }
  .our-story .story-section .story-content {
    font-size: 17px;
    max-width: 550px;
  }
  .our-story .subtitle {
    font-size: 22px;
  }
  .our-story .story-section .story-img {
    max-width: 650px;
  }
  .our-story .story-section.right-image-text .story-content .align-wrap {
    padding-right: 60px;
  }
  .our-story .story-section.left-image-text .story-content .align-wrap {
    padding-left: 60px;
  }
  .insta-grid {
    margin: 7vh auto;
  }
  .insta-grid header {
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 1400px) {
  .our-story .story-section,
  .our-story .image-grid,
  .insta-grid {
    padding: 0;
  }
}

/*** OUR STORY ends here ***/

/*** Find Store ***/

.page-store-locator, .store-locator {
  margin-top: 30px;
}

.page-store-locator * img, .store-locator * img {
  max-width: 100%;
}

.page-store-locator .container {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto 30px;
}

.page-store-locator header .page-title {
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.1;
  margin: 0 auto 45px;
  text-align: center;
  color: #232b38;
  padding: 0 40px;
}

.page-store-locator .image-left-text {
  padding: 0 15px;
  margin-bottom: 40px;
}

.page-store-locator .image-left-text .content-right {
  font-size: 16px;
  color: #111111;
  line-height: 1.6;
  text-align: center;
}

.page-store-locator
  .image-left-text
  .content-right
  .shogun-image-text__text-title {
  font-size: 18px;
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  margin-top: 0;
  margin-bottom: 15px;
  color: #232b38;
}

/* Map Styles */

.page-store-locator .interactive-map .shogun-text__inner {
  text-align: center;
  font-size: 17px;
  line-height: 1.6;
}

.page-store-locator .interactive-map .shogun-text__inner .text-title {
  font-size: 18px;
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  margin-top: 0;
  margin-bottom: 15px;
  color: #232b38;
}

.page-store-locator .interactive-map .shogun-text__text-body {
  color: #111111;
}

.page-store-locator .stockist-search-form, .store-locator .stockist-search-form {
  padding: 30px !important;
  background: #f0f6f6;
  /* border: 1px solid #232b38 !important; */
  margin: 20px auto 45px !important;
  max-width: 550px;
}

.page-store-locator
  #stockist-widget
  .stockist-query-entry
  .stockist-search-button
  button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  min-width: 4.25rem;
  padding: 0.875rem 1rem 0.875rem;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.075em;
  color: #0078d4;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #002970;
  border: 0;
  border-radius: 0.1875rem;
  transition: width 0.2s ease, height 0.2s ease;
  color: white;
  background-color: #002970;
  background-image: linear-gradient(
    116.57deg,
    rgba(8, 177, 255, 0.4) 0%,
    rgba(0, 120, 212, 0.4) 50%,
    rgba(0, 120, 212, 0) 100%
  );
  transition: 0.2s ease;
}

.page-store-locator
  #stockist-widget
  .stockist-query-entry
  .stockist-search-field {
  height: 44px;
  font-size: 17px;
}

/* .page-store-locator #stockist-widget .stockist-horizontal,
.page-store-locator #stockist-widget .stockist-side-panel,
.page-store-locator #stockist-widget .stockist-result-list {
  height: 350px !important;
} */

.page-store-locator #stockist-widget .stockist-result-list {
  font-family: "basis-grotesque", Helvetica, sans-serif;
  line-height: 1.6;
  font-size: 16px;
}

.page-store-locator #stockist-widget .stockist-result-distance-text {
  font-size: 14px;
  color: #6d7782;
}

.page-store-locator #stockist-widget .stockist-result-list a {
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .page-store-locator .image-left-text .img-left img {
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  .page-store-locator {
    margin-top: 60px;
  }
  .page-store-locator header .page-title {
    font-size: 36px;
    margin-bottom: 80px;
  }
  .page-store-locator .image-left-text {
    margin-bottom: 10vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .page-store-locator .image-left-text .img-left {
    width: 50%;
  }
  .page-store-locator .image-left-text .content-right {
    width: 50%;
    font-size: 17px;
    max-width: 550px;
    display: flex;
    align-items: center;
  }
  .page-store-locator .image-left-text .content-right .content-inner {
    padding: 0 10%;
  }
  .page-store-locator
    #stockist-widget
    .stockist-query-entry
    .stockist-search-button
    button:hover {
    background-color: #0078d4;
    background-image: linear-gradient(
      116.57deg,
      rgba(191, 248, 255, 0.8) 0%,
      rgba(8, 177, 255, 0.8) 50%,
      rgba(8, 177, 255, 0) 100%
    );
    color: white;
  }
  .page-store-locator #stockist-widget .stockist-horizontal,
  .page-store-locator #stockist-widget .stockist-side-panel,
  .page-store-locator #stockist-widget .stockist-result-list,
  .store-locator #stockist-widget .stockist-horizontal,
  .store-locator #stockist-widget .stockist-side-panel,
  .store-locator #stockist-widget .stockist-result-list {
    height: 500px !important;
  }
}

@media screen and (min-width: 1024px) {
  .page-store-locator header .page-title {
    font-size: 48px;
  }
  .page-store-locator .image-left-text .content-right .content-inner {
    padding: 0 15%;
  }
  .page-store-locator
    .image-left-text
    .content-right
    .shogun-image-text__text-title,
  .page-store-locator .interactive-map .shogun-text__inner .text-title {
    font-size: 24px;
  }
  .page-store-locator #stockist-widget .stockist-horizontal,
  .page-store-locator #stockist-widget .stockist-side-panel,
  .page-store-locator #stockist-widget .stockist-result-list {
    height: 550px !important;
  }
}

/*** Find Store ends here ***/

/*** Affiliate Program + Basic Page ***/

.basic-page-content {
  padding: 0 15px;
}

.basic-page-content.no-hero-section {
  margin-top: 50px;
}

.basic-page-content .container {
  max-width: 900px;
  margin: 0 auto 30px;
}

.basic-page-content .container img {
  max-width: 100%;
}

.basic-page-content .container h2 {
  font-size: 18px;
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  margin-top: 0;
  margin-bottom: 15px;
  color: #232b38;
}

.basic-page-content .container h3 {
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.025em;
  color: #232b38;
  line-height: 1.33;
}

.basic-page-content
  *:not(.button):not(.accordion):not(h1):not(h2):not(h3):not(h4):not(span) {
  font-size: 16px;
  color: #111111;
  line-height: 1.6;
}

.basic-page-content * .page-title {
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.1;
  margin: 0 auto 40px;
  text-align: center;
  color: #232b38;
}

.basic-page-content * ul,
.basic-page-content * ol {
  padding: 0 20px;
}

.basic-page-content * table td,
.basic-page-content * table th {
  padding: 10px;
}

.basic-page-content * table p {
  font-size: 15px;
}

.basic-page-content
  *
  a:not(.button):not(.accordion):not(h1):not(h2):not(h3):not(h4):not(span) {
  color: #0078d4;
  text-decoration: none;
}

/* Basic page form */

.basic-page-content form,
.basic-page-content form.shogun-form {
  margin: 20px 0;
  max-width: 500px;
}

.basic-page-content .cc-field {
  margin-bottom: 30px;
}

.basic-page-content .form-field__label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 7px;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  letter-spacing: 0.025em;
}

.basic-page-content .form-field__label span {
  font-size: 14px !important;
  font-weight: bold;
}

.basic-page-content .form-field__label span.form-field__required {
  font-weight: normal;
  color: #6d7782;
  margin-left: 15px;
}

.basic-page-content .form-checkbox {
  margin-bottom: 7px;
  position: relative;
}

.basic-page-content .form-field__input {
  height: 44px;
  width: 100%;
  padding: 0rem 1rem 0rem;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1;
  color: #111111;
  background-color: white;
  text-align: left;
  border-radius: 1px;
  border: 1px solid #e0e5e9;
  transition: background-color 0.2s ease, width 0.2s ease, height 0.2s ease;
}

.basic-page-content .form-field__textarea {
  min-height: 80px;
  max-width: inherit;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.basic-page-content .form-checkbox label {
  padding-left: 30px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  padding-right: 30px;
}

.basic-page-content .a11y {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.basic-page-content .form-checkbox__check {
  position: absolute;
  top: 0;
  left: 3px;
  display: none;
  pointer-events: none;
  color: #0078d4;
}

.basic-page-content .form-checkbox input ~ .form-checkbox__check .icon {
  width: 10px;
}

.basic-page-content .form-checkbox input ~ label::before {
  content: "";
  position: absolute;
  left: 0;
  width: 14px;
  height: 14px;
  border: solid 0.0625rem #495361;

  border-radius: 3px;
}

.basic-page-content .form-checkbox input:checked ~ label::before,
.basic-page-content .form-checkbox input ~ label:hover::before {
  border: solid 1px #0078d4;
  box-shadow: 0 0 0 1px #0078d4;
}

.basic-page-content .form-checkbox input:checked ~ .form-checkbox__check * {
  color: #0078d4;
}

.basic-page-content .form-checkbox input:checked ~ .form-checkbox__check {
  display: block;
  color: #0078d4;
}

.basic-page-content .form-checkbox input:checked ~ .form-checkbox__check .icon {
  color: #0078d4;
}

.basic-page-content .form-field__file-wrapper {
  position: relative;
  display: block;
  height: 44px;
  cursor: pointer;
}

.basic-page-content .form-field__file-button {
  position: absolute;
}

.basic-page-content .form-field__file-button::before {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 160px;
  content: attr(data-pseudo-button);
  margin-right: 10px;
}

.basic-page-content .form-field__file-button::after {
  content: attr(data-pseudo-filename);
  color: #0078d4;
  font-size: 15px;
  font-weight: bold;
}

.basic-page-content .form-field__file-button::before {
  color: #0078d4;
  background-color: transparent;
  transition: 0.2s ease;
  height: 40px;
  line-height: 38px;
  text-align: center;
  border: 2px solid #0078d4;
  padding: 0px 16px;
  font-weight: 700;
  cursor: pointer;
  outline: none;
  font-size: 14px;
  text-decoration: none;
  border-radius: 0;
  display: inline-block;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: relative;
}

.basic-page-content .button--with-spinner .button__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  color: white !important;
}

.basic-page-content .button--with-spinner .button__icon svg {
  display: block;
  width: 25px;
  height: 25px;
}

.basic-page-content .button--with-spinner .button__icon * {
  color: white !important;
}

.basic-page-content .button--with-spinner.button--processing .button__text {
  opacity: 0;
}

.basic-page-content .button--with-spinner.button--processing .button__icon {
  opacity: 1;
  visibility: visible;
  animation: rotate 0.6s linear infinite;
  transition: opacity 0.1s ease 0.1s;
}

.basic-page-content .supportHubForm.successForm {
  padding: 20px;
  background-color: #d0ffcc;
}

.basic-page-content .supportHubForm .successMessage {
  display: none;
}

.basic-page-content .supportHubForm.successForm .cc-field {
  display: none;
}

.basic-page-content .supportHubForm.successForm .successMessage {
  display: block;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .basic-page-content * a:not(.button):not(.accordion):hover {
    color: #08b1ff;
  }
  .basic-page-content .page-title {
    font-size: 36px;
  }
  .basic-page-content .container h2 {
    font-size: 24px;
  }
  .basic-page-content form,
  .basic-page-content form.shogun-form {
    margin: 40px 0;
  }
  .basic-page-content .form-field__file-button:hover::before {
    color: #08b1ff;
  }
}

@media screen and (min-width: 1024px) {
  .basic-page-content .container {
    margin: 0 auto 7vh;
  }
  .basic-page-content
    *:not(.button):not(.accordion):not(h1):not(h2):not(h3):not(h4):not(span) {
    font-size: 17px;
  }
  .basic-page-content .page-title {
    font-size: 48px;
  }
}

/*** Basic Page Ends Here ***/

/*** FAQ Page ***/

.faq-page .hero-section.narrow {
  height: 200px;
}

.faq-page .page-hero {
  margin-bottom: 60px;
}

.faq-page .hero-section picture {
  width: 100%;
  height: 100%;
}

.faq-page .hero-section img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.faq-page .page-header {
  margin: 40px auto;
  text-align: center;
}

.faq-page .page-header .page-title {
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  color: #232b38;
  letter-spacing: -0.025em;
  line-height: 1.1;
  margin: 0 auto 10px;
}

.faq-page .faq-content, .shopify-section.rich-text {
  padding: 0 15px;
}

.faq-page .faq-content .container {
  width: 100%;

  max-width: 1300px;
  margin: 40px auto;
  position: relative;
}

.faq-page .faq-nav {
  line-height: 1.5;
}

.faq-page .faq-nav > nav {
  display: none;
}

.faq-page .faq-nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.faq-page .faq-nav ul li {
  margin-bottom: 15px;
}

.faq-page .faq-nav ul li a {
  text-decoration: none;
  font-size: 16px;
  color: #0d387c;
}

.faq-page .faq-nav ul li a:hover {
  color: #07b1ff;
}

/* FAQ Mobile Select */

.mobile-faq-nav {
  position: relative;
}

.mobile-faq-nav .faq-select {
  display: block;
  color: #002970;
  background: white;
  border: 1px solid #002970;
  border-radius: 0;
  height: 44px;
  width: 100%;
  padding: 0rem 15px 0rem;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  transition: all 0.2s ease;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.mobile-faq-nav .select-arrows {
  position: absolute;
  top: 50%;
  right: 1rem;
  z-index: 2;
  pointer-events: none;
  transform: translateY(-50%) rotate(90deg);
}

.faq-page .cc-faq-container {
  margin-bottom: 15px;
}

.faq-page .cc-faq-container > h2 {
  font-family: "basis-grotesque", Helvetica, sans-serif;
  color: #232b38;
  margin-top: 0px;
  font-size: 18px;
  padding-top: 30px;
}

.faq-page .question-box {
  border: 2px solid #07b1ff;
  background: none;
  font-size: 14px;
  text-align: center;
  margin: 30px auto;
}

.faq-page .question-box.hide-on-mobile {
  display: none;
}

.faq-page .question-box .question-content {
  padding: 20px;
}

.faq-page .question-box .question-heading h3 {
  color: #000;
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-size: 18px;
  line-height: 1.4;
}

.faq-page .question-box a {
  text-decoration: underline;
  color: #0d387c;
}

@media screen and (min-width: 769px) {
  .faq-page .page-hero {
    margin-bottom: 80px;
  }
  .faq-page .hero-section.narrow {
    height: 350px;
  }
  .faq-page .page-header .page-title {
    font-size: 36px;
  }
  .faq-page .faq-nav > nav {
    display: block;
  }
  .mobile-faq-nav {
    display: none;
  }
  .faq-page .faq-content .container {
    display: flex;
    margin: 60px auto;
    justify-content: center;
    align-items: flex-start;
  }
  .faq-page .faq-nav {
    min-width: 25%;
    margin-right: 2%;
    /* position: sticky;
    top: 150px; */
  }
  .faq-page .faq-page-content {
    width: 70%;
    max-width: 750px;
    padding: 0 25px;
  }
  .faq-page .question-box {
    margin: 50px 0;
    max-width: 280px;
  }
  .faq-page .question-box.hide-on-mobile {
    display: block;
  }
  .faq-page .question-box.show-on-mobile {
    display: none;
  }
  .faq-page .question-box .question-content {
    padding: 40px 20px;
  }
  .faq-page .question-box .question-content a:hover {
    color: #07b1ff;
  }
  .faq-page .cc-faq-container {
    margin-bottom: 60px;
  }
  .faq-page .cc-faq-container > h2 {
    font-size: 24px !important;
    padding-top: 0;
  }
}

@media screen and (min-width: 1024px) {
  .faq-page .page-header {
    margin: 60px auto;
  }
  .faq-page .page-header .page-title {
    font-size: 48px;
  }
}

/*** FAQ ends here ***/

/*** Rewards ***/

.us-only-notice {
  padding: 5px 10px;
  text-align: center;
  background-color: #000;
  font-size: 14px;
  color: white;
}

.swell-rewards .button-join {
  color: white;
  background-color: #002970;
  background-image: linear-gradient(
    116.57deg,
    rgba(8, 177, 255, 0.4) 0%,
    rgba(0, 120, 212, 0.4) 50%,
    rgba(0, 120, 212, 0) 100%
  );
  transition: 0.2s ease;
  height: 44px;
  text-align: center;
  border: none;
  padding: 10px 27px;
  font-weight: 700;
  cursor: pointer;
  outline: none;
  font-size: 14px;
  text-decoration: none;
  border-radius: 0;
  display: inline-block;
  letter-spacing: 1px;
  margin: 0 7px;
}

.referral-email .input-email {
  height: 44px;
  border: 1px solid #495361;
  font-size: 15px;
}

.referral-email .button-send-email {
  min-width: 20%;
  color: white;
  background-color: #002970;
  background-image: linear-gradient(
    116.57deg,
    rgba(8, 177, 255, 0.4) 0%,
    rgba(0, 120, 212, 0.4) 50%,
    rgba(0, 120, 212, 0) 100%
  );
  transition: 0.2s ease;
  height: 44px;
  text-align: center;
  border: none;
  padding: 10px 14px;
  font-weight: 700;
  cursor: pointer;
  outline: none;
  font-size: 14px;
  text-decoration: none;
  border-radius: 0;
  display: inline-block;
  letter-spacing: 1px;
}

.swell-rewards .button-join:hover,
.referral-email .button-send-email:hover {
  background-color: #0078d4;
  background-image: linear-gradient(
    116.57deg,
    rgba(191, 248, 255, 0.8) 0%,
    rgba(8, 177, 255, 0.8) 50%,
    rgba(8, 177, 255, 0) 100%
  );
  color: white;
}

.swell-rewards .product-text-div {
  padding: 0;
}

.swell-rewards .text-points {
  padding-bottom: 15px !important;
}

.swell-rewards .product-text-div .text-btn {
  border-radius: 0;
}

.swell-rewards .product-img-div {
  height: auto;
  min-height: 150px;
}

.swell-rewards .product-text-div .products__item--info {
  padding: 0;
}

.swell-rewards .button-login {
  height: 44px;
  font-size: 14px;
  border-radius: 0;
  margin: 0 7px;
}

.swell-rewards .titel h2,
.swell-rewards h3,
.swell-rewards h4 {
  color: #232b38;
}

.swell-rewards .swell-banner-titel h2,
.swell-rewards .titel h2,
.swell-rewards .referral-titel h1 {
  font-size: 24px;
}

.swell-rewards .refer-explain-mobile {
  font-size: 18px;
}

.swell-rewards .swell-header-text p {
  line-height: 1.35;
  margin: 15px auto 20px;
  font-size: 18px;
  color: #111111;
}

.swell-rewards .redemption-products-grid,
.swell-rewards .swell-how-it-works-container {
  margin: 40px auto;
}

/* .swell-rewards .swell-header-buttons button,
.swell-rewards .product-text-div .text-btn {
  border-radius: 0;
} */

.swell-rewards .redemption-option .explain-redemption-option {
  max-width: 550px;
}

.swell-rewards .redemption-option .explain-redemption-option h4 {
  font-weight: bold;
  letter-spacing: 0.025em;
  font-weight: 16px;
  color: #0d387c;
  margin-bottom: 10px;
}

.swell-rewards .swell-all-steps .swell-step h4 {
  color: #0d387c;
}

.swell-rewards .swell-all-steps .swell-step p {
  font-size: 16px !important;
}

.swell-rewards .circle-how-it-works {
  background: linear-gradient(
    325deg,
    rgba(24, 54, 156, 1) 0%,
    rgba(0, 222, 0, 1) 100%
  );
}

.swell-rewards .campaign {
  padding: 15px;
  min-height: 12.5rem;
}

.swell-rewards .campaign h4 {
  color: #232b38;
  font-weight: 800;
}

.swell-rewards .campaign p {
  color: #111111;
  font-size: 15px;
}

.swell-rewards .referral-background {
  max-width: 1300px;
  line-height: 1.65;
  margin: 0 auto !important;
}

.swell-rewards .refer-form-text {
  background: none !important;
}

.swell-rewards .referral-background .referral-titel h5 {
  line-height: 1.65;
  margin-bottom: 5px;
}

.swell-rewards .referral-background .existing p {
  margin-top: 10px;
}

.swell-rewards .referral-background .input-email {
  border: 1px solid #495361;
  font-size: 15px;
}

.cc-terms-head,
.cc-terms-faq {
  max-width: 850px;
  margin: 40px auto;
  padding: 0 15px;
}

.cc-terms-head {
  text-align: center;
}

.cc-terms-head > p {
  max-width: 550px;
  margin: 15px auto 20px;
  line-height: 1.35;
  color: #111111;
}

.cc-terms-head p .button {
  margin: 0 6px;
  height: 44px;
}

.cc-terms-head h3 {
  margin-bottom: 0px;
  font-family: "aktiv-grotesk-extended";
  font-size: 24px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #232b38;
}

.swell-rewards .option {
  padding: 20px;
  border: 1px solid #0d387c;
}

.swell-rewards .option h3 {
  color: #0d387c;
  font-size: 20px;
  margin-bottom: 15px;
}

.swell-rewards .option p {
  font-size: 16px;
}

.swell-rewards .swell-header-mobile {
  height: 350px !important;
}

.swell-rewards .swell-how-it-works-container .titel h1 {
  font-size: 24px;
}

.swell-rewards .redemption-product-title,
.swell-rewards .redemption-option h2,
.swell-rewards .cc-terms-head h3 {
  font-size: 24px;
}

.swell-rewards .refer-form-text p a {
  color: #0d387c;
  text-decoration: none;
}

.swell-rewards .swell-all-steps div {
  padding: 15px 30px;
}

@media screen and (max-width: 900px) {
  .swell-rewards .all-redemption-options {
    width: 550px;
  }
  .swell-rewards .option {
    margin: 15px 2%;
  }
}

@media screen and (max-width: 1000px) {
  .swell-rewards .refer-form {
    margin: 40px auto 0;
  }
  .swell-rewards .referral-background {
    background: none;
  }
}

@media screen and (min-width: 660px) {
  .swell-rewards .swell-all-steps {
    width: 850px;
  }
  .swell-rewards .swell-campaign-grid {
    width: 70%;
    margin: 0 auto;
    max-width: 1300px;
  }
}

@media screen and (min-width: 769px) {
  .swell-rewards .campaign {
    padding: 30px;
    min-height: 250px;
  }
  .swell-rewards .swell-banner-titel h2 {
    font-size: 36px;
  }
  .swell-rewards .redemption-option {
    flex-direction: column;
  }
}

@media screen and (min-width: 900px) {
  .swell-rewards .refer-form {
    padding: 0 15px;
  }
  .swell-rewards .referral-background {
    background: url("/cdn/shop/files/rewards-lighter.jpg?v=1620333863");
    background-size: cover;
    width: 100% !important;
  }
}

@media screen and (min-width: 1024px) {
  .swell-rewards .redemption-products-grid,
  .swell-rewards .swell-how-it-works-container {
    margin: 50px auto 65px;
  }
  .cc-terms-head {
    margin-top: 70px;
  }
  .swell-rewards .swell-banner-titel h2 {
    text-align: center;
  }
  .swell-rewards .swell-header-text p {
    font-size: 22px;
    text-align: center;
  }
  .swell-rewards .redemption-option .explain-redemption-option p,
  .swell-rewards .option p {
    font-size: 17px;
  }
  .swell-rewards .redemption-option .explain-redemption-option h4 {
    font-size: 20px;
  }
  .swell-rewards .swell-all-steps .swell-step p,
  .swell-rewards .campaign p,
  .cc-terms-head p {
    font-size: 17px !important;
  }
  .swell-rewards .referral-background {
    height: 500px !important;
  }
  .swell-rewards .referral-background .input-email {
    font-size: 16px;
  }
  .swell-rewards .option {
    padding: 40px;
  }
  .swell-rewards .option h3 {
    font-size: 27px;
  }
  .cc-terms-faq {
    padding: 0;
  }
}

/*** Rewards ends here ***/

/*** Refer Friend ***/

.cc-ref-page .referral-background {
  background: url("/cdn/shop/files/rewards-lighter.jpg?v=1620333863");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.cc-ref-page .refer-form-text {
  background: none;
}

.cc-ref-page .referral-container-history {
  padding-bottom: 0;
}

.cc-ref-page .referral-history {
  background: none;
}

.cc-ref-page .referral-history h2 {
  padding: 0 10%;
}

.cc-ref-page .referral-history h4 {
  color: #002970;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

.cc-ref-page .referral-history h4:hover {
  color: #08b1ff;
}

.cc-ref-page .referral-history-table {
  margin: 20px auto;
  border: none;
}

.cc-ref-page .referral-history-table tr td:nth-child(2) {
  width: 20%;
}

.cc-ref-page .referral-history-table tr td:first-child {
  width: 80%;
  font-weight: 600;
}

.cc-ref-page .referral-history th {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.045em;
  color: #232b38;
}

.cc-ref-page .referral-history h2 {
  font-size: 24px;
  line-height: 1.1;
  margin-bottom: 15px !important;
}

.cc-ref-page .Refer-Shop-Now-Btn {
  color: #002970;
  background-color: white;
  transition: 0.2s ease;
  height: 44px;
  line-height: 38px;
  text-align: center;
  border: 2px solid #002970;
  padding: 0px 16px;
  font-weight: 700;
  cursor: pointer;
  outline: none;
  font-size: 14px;
  text-decoration: none;
  border-radius: 0;
  display: inline-block;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.cc-ref-page p a {
  color: #0d387c;
  text-decoration: none;
}

@media screen and (max-width: 900px) {
  .cc-ref-page .referral-email form,
  .cc-ref-page .referral-history-table {
    width: 90%;
  }
  .cc-ref-page .referral-background {
    background: none;
  }
  .cc-ref-page .small-media,
  .swell-rewards .small-media,
  .cc-ref-page .swell-img-RAF-history-background {
    height: 350px;
  }
  .cc-ref-page .refer-history-explain-mobile {
    font-size: 16px;
    padding: 0 15%;
  }
  .cc-terms-head > p {
    font-size: 16px;
  }
}

@media screen and (min-width: 769px) {
  .cc-ref-page .Refer-Shop-Now-Btn:hover {
    color: #0078d4;
    border: 2px solid #0078d4;
  }
}

@media screen and (min-width: 900px) {
  .cc-ref-page .refer-form-text {
    width: 50%;
  }
  .cc-ref-page .referral-history-background {
    background: url("/cdn/shop/files/refer-history.jpg?v=1620680508");
    background-size: cover;
    background-repeat: no-repeat;
  }
  .referral-email .input-email {
    width: 70%;
    max-width: 360px;
  }
  .cc-ref-page .referral-history p {
    padding: 0 5%;
  }
}

@media screen and (min-width: 1024px) {
  .referral-email .input-email {
    font-size: 16px;
    width: 65%;
  }
  .cc-ref-page .referral-history p {
    font-size: 17px;
  }
  .cc-ref-page .referral-history p .cc-ref-page .referral-history h2 {
    padding: 0 10%;
  }
}

/*** Giving Back + Page With Sections ***/

.giving-back * img,
.page-with-sections * img {
  max-width: 100%;
}

.page-with-sections img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .page-with-sections .section-reversed {
    display: flex;
    flex-direction: column-reverse;
  }
  .page-with-sections .story-section .align-wrap .story-title,
  .page-with-sections .story-section .align-wrap .subtitle{
    text-align: center;
  }
}

.page-with-sections .align-wrap p {
  text-align: justify;
}

.narrow-container {
  max-width: 550px;
  width: 100%;
  margin: 0 auto;
}

.giving-back .container,
.page-with-sections .container {
  width: 100%;
  max-width: 1300px;
  margin: 30px auto 30px;
}

.giving-back .page-hero,
.page-with-sections .page-hero {
  margin-bottom: 60px;
}

.cta-banner {
  background: rgb(127, 218, 229);
  background: linear-gradient(
    90deg,
    rgba(127, 218, 229, 1) 0%,
    rgba(160, 239, 249, 1) 100%
  );
  padding: 40px 30px;
  text-align: center;
  margin-bottom: 60px;
}

.cta-banner .call-to-action-title {
  font-size: 17px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 20px;
}

/* Page Content */

.page-with-sections .container .page-content {
  font-size: 16px;
  line-height: 1.6;
  color: #111111;
  position: relative;
  z-index: 5;
  max-width: 1000px;
  margin: 40px auto;
  padding: 0 15px;
}

/* Story Section */

.giving-back .story-section,
.page-with-sections .story-section {
  margin-bottom: 7vh;
  padding: 0 15px;
}

.giving-back .story-section .story-content,
.page-with-sections .story-section .story-content {
  font-size: 16px;
  color: #111111;
  line-height: 1.6;
}

.giving-back .story-section .story-img,
.page-with-sections .story-section .story-img {
  margin-bottom: 30px;
}

.giving-back .story-section .story-title,
.page-with-sections .story-section .story-title {
  font-size: 20px;
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  margin-top: 0;
  margin-bottom: 15px;
}

.giving-back .story-section .story-title {
  color: #232b38;
}

.page-with-sections .story-section .story-title, 
.page-with-sections .inner-title div span {
  background: rgb(25,69,189,1);
  background: linear-gradient(45deg, rgba(25,69,189,1) 0%, rgba(0,195,245,1) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.giving-back .story-section .subtitle,
.page-with-sections .story-section .subtitle,
.rich-text .subtitle {
  color: #6d7782;
  font-size: 17px;
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 400;
}

.giving-back .large-quote,
.page-with-sections .large-quote {
  max-width: 700px;
  padding: 0 30px;
  margin: 5vh auto;
}

.giving-back .large-quote blockquote,
.page-with-sections .large-quote blockquote {
  font-size: 32px;
  color: #002970;
  font-weight: 700;
  line-height: 1;
  background: url("logo-quote-blue.svg") no-repeat;
  background-position: left top;
  padding: 0;
  margin: 30px 0 15px;
  text-align: left;
}

.giving-back .large-quote blockquote p,
.page-with-sections .large-quote blockquote p {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.giving-back .large-quote .author,
.page-with-sections .large-quote .author {
  font-family: "aktiv-grotesk-extended", sans-serif;
  color: #232b38;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.035em;
}

.giving-back .large-quote blockquote .btn-outline {
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .giving-back .story-section .story-img img,
  .page-with-sections .story-section .story-img img {
    display: block;
    object-fit: cover;
    margin: 0 auto;
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  .cta-banner {
    margin-bottom: 80px;
    padding: 20px 30px;
  }
  .giving-back .container,
  .page-with-sections .container {
    margin-top: 80px;
  }
  .cta-banner .narrow-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  .cta-banner .call-to-action-title {
    font-size: 20px;
    margin-bottom: 0;
  }
  .page-with-sections .container .page-content {
    margin: 60px auto;
  }
  .giving-back .story-section,
  .page-with-sections .story-section {
    margin-bottom: 7vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .giving-back .story-section .story-img,
  .page-with-sections .story-section .story-img {
    width: 50%;
  }
  .giving-back .story-section .story-content,
  .page-with-sections .story-section .story-content {
    display: flex;
    width: 50%;
    max-width: 550px;
  }
  .giving-back .story-section.right-image-text .story-img,
  .page-with-sections .story-section.right-image-text .story-img {
    order: 2;
  }
  .giving-back .story-section.left-image-text .story-content .align-wrap,
  .page-with-sections
    .story-section.left-image-text
    .story-content
    .align-wrap {
    padding-left: 30px;
    padding-right: 15px;
  }
  .giving-back .story-section.right-image-text .story-content .align-wrap,
  .page-with-sections
    .story-section.right-image-text
    .story-content
    .align-wrap {
    padding-right: 30px;
  }
  .giving-back .large-quote blockquote,
  .page-with-sections .large-quote blockquote {
    font-size: 42px;
  }
}

@media screen and (min-width: 1024px) {
  .cta-banner {
    margin-bottom: 100px;
  }
  .giving-back .container,
  .page-with-sections .container {
    margin-top: 100px;
  }
  .page-with-sections .container .page-content {
    font-size: 17px;
    margin-bottom: 100px;
  }
  .giving-back .story-section .story-img,
  .page-with-sections .story-section .story-img {
    max-width: 650px;
  }
  .giving-back .story-section.left-image-text .story-content .align-wrap,
  .page-with-sections
    .story-section.left-image-text
    .story-content
    .align-wrap {
    padding-left: 60px;
    padding-right: 30px;
  }
  .giving-back .story-section.right-image-text .story-content .align-wrap,
  .page-with-sections
    .story-section.right-image-text
    .story-content
    .align-wrap {
    padding-right: 60px;
  }
  .giving-back .story-section .story-title,
  .page-with-sections .story-section .story-title {
    font-size: 24px;
  }
  .giving-back .story-section .subtitle,
  .page-with-sections .story-section .subtitle,
  .rich-text .subtitle {
    font-size: 22px;
  }
  .giving-back .story-section p,
  .page-with-sections .story-section p,
  .rich-text .paragraph p {
    font-size: 17px;
  }
  .giving-back .large-quote,
  .page-with-sections .large-quote {
    margin: 7vh auto;
  }
  .giving-back .large-quote blockquote,
  .page-with-sections .large-quote blockquote {
    font-size: 44px;
  }
}

@media screen and (min-width: 1200px) {
  .giving-back .large-quote blockquote,
  .page-with-sections .large-quote blockquote {
    font-size: 50px;
  }
  .giving-back .large-quote,
  .page-with-sections .large-quote {
    margin: 10vh auto;
  }
}

@media screen and (min-width: 1400px) {
  .giving-back .story-section,
  .page-with-sections .story-section {
    padding: 0;
  }
}

/*** Giving Back Ends here ***/

/*** Basic Landing (Buckets + Hero Image + Hero Graphics (Logo): Afterpay FAQ ***/

.basic-landing * img {
  max-width: 100%;
}

/* basic ladning header hero */

.basic-landing .container {
  width: 100%;
  max-width: 1300px;
  margin: 40px auto;
  position: relative;
}

.basic-landing .hero-section {
  height: auto;
  position: relative;
}

.basic-landing .hero-section picture {
  width: 100%;
  height: 350px;
  display: block;
}

.basic-landing .hero-section picture img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  object-position: center;
}

.basic-landing .hero-section.narrow picture {
  height: 200px;
}

.basic-landing .hero-graphics {
  max-width: 550px;
  margin: 40px auto 20px;
  width: 80%;
}

.basic-landing .buckets {
  padding: 0 30px;
  width: 100%;
  max-width: 1300px;
  margin: 40px auto 60px;
}

.basic-landing .buckets .single-bucket {
  max-width: 90%;
  margin: 0 auto 40px;
  text-align: center;
  font-size: 16px;
  color: #111111;
  line-height: 1.6;
}

.basic-landing .buckets .single-bucket .bucket-title {
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 0;
  margin-top: 20px;
  color: #232b38;
}

.basic-landing .container .faq-content {
  padding: 0 15px;
}

.basic-landing .container .faq-content .cc-faq-container > h2 {
  font-family: "basis-grotesque", Helvetica, sans-serif;
  color: #232b38;
  margin-top: 0px;
  font-size: 18px;
}

.basic-landing .container .faq-content .question-box {
  border: 2px solid #07b1ff;
  background: none;
  font-size: 14px;
  text-align: center;
  margin: 20px auto 45px;
}

.basic-landing .container .faq-content .question-box a {
  text-decoration: none;
  color: #0d387c;
}

.basic-landing .container .faq-content .question-box .question-content {
  padding: 20px;
}

.basic-landing .container .faq-content .question-box .question-heading h3 {
  color: #0d387c;
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-size: 18px;
  line-height: 1.4;
}

/* Landing Accordions */

@media screen and (min-width: 769px) {
  .basic-landing .hero-section picture {
    height: 400px;
  }
  .basic-landing .hero-section.narrow picture {
    height: 350px;
  }
  .basic-landing .hero-graphics {
    margin: 60px auto 30px;
  }
  .basic-landing .container {
    margin: 60px auto;
  }
  .basic-landing .container .faq-content {
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .basic-landing .container .side-nav {
    min-width: 25%;
    margin-right: 2%;
    order: 1;
  }
  .basic-landing .container .faq-page-content {
    width: 70%;
    max-width: 750px;
    padding: 0 25px;
    order: 2;
  }
  .basic-landing .container .faq-content .question-box {
    margin: 50px 0;
    max-width: 280px;
  }
  .basic-landing .container .faq-content .question-box .question-content {
    padding: 40px 20px;
  }
}

@media screen and (min-width: 1024px) {
  .basic-landing .hero-section picture {
    height: 500px;
  }
  .basic-landing .hero-graphics {
    margin: 80px auto 40px;
  }
  .basic-landing .buckets.row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .basic-landing .buckets .single-bucket {
    font-size: 17px;
    width: 27%;
  }
  .basic-landing .buckets .single-bucket .bucket-title {
    font-size: 18px;
  }
  .basic-landing .container .faq-content .cc-faq-container > h2 {
    font-size: 24px;
  }
  .basic-landing .container .faq-content .question-box a:hover {
    color: #07b1ff;
  }
}

@media screen and (min-width: 1400px) {
  .basic-landing .buckets {
    padding: 0;
  }
}

/*** Basic Landing ends here ***/

/*** Fit Guide ***/

.fit-guide-section {
  padding: 0 15px;
}

.fit-guide-section .fit-guide {
  width: 100%;
  max-width: 1300px;
  margin: 40px auto;
  position: relative;
}

.fit-guide-section .fit-guide .fit-guide__menu-container {
  display: none;
}

.fit-guide-section .fit-guide .form-field__select-outer {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.fit-guide-section .fit-guide .form-field label {
  display: none;
  margin-bottom: 7px;
  position: relative;
}

.fit-guide-section .fit-guide .form-field::before {
  content: "Choose collection:";
  position: inherit;
  display: block;
  height: 20px;
  width: 100%;
  margin-bottom: 15px;
}

.fit-guide-section .fit-guide .form-field__select {
  display: block;
  color: #002970;
  background: white;
  border: 1px solid #002970;
  border-radius: 0;
  height: 44px;
  width: 100%;
  padding: 0rem 15px 0rem;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  transition: all 0.2s ease;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.fit-guide-section .fit-guide .form-field__select-outer svg.icon {
  position: absolute;
  top: 50%;
  right: 1rem;
  z-index: 2;
  pointer-events: none;
  transform: translateY(-50%) rotate(90deg);
}

.fit-guide-section .fit-guide .fit-guide__menu-container ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.fit-guide-section .fit-guide .fit-guide__menu-container ul li {
  margin-bottom: 15px;
}

.fit-guide-section .fit-guide .fit-guide__menu-container ul li a {
  text-decoration: none;
  font-size: 16px;
  color: #0d387c;
}

.fit-guide-section .fit-guide .fit-guide__content {
  color: #111111;
  font-size: 16px;
  line-height: 1.6;
}

.fit-guide-section .fit-guide .fit-guide__content .fit-guide__title {
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-size: 24px;
  font-weight: 800;
  color: #232b38;
  letter-spacing: -0.025em;
  line-height: 1.1;
  margin: 0 auto 30px;
}

.fit-guide-section .fit-guide .fit-guide__content .fit-guide__title--desktop {
  display: none;
}

.fit-guide-section .fit-guide .fit-guide__content h5 {
  font-family: "basis-grotesque", Helvetica, sans-serif;
  color: #232b38;
  margin-top: 20px;
  font-size: 18px;
  margin-bottom: 0;
}

.fit-guide-section .fit-guide .fit-guide__content .fit-guide__frame-title {
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  font-size: 20px;
  color: #232b38;
  line-height: 1.25;
  margin-top: 15px;
  padding-right: 10%;
}

.fit-guide-section .fit-guide .fit-guide__content .fit-guide__guide {
  padding: 0;
  margin: 15px auto -20px;
  display: none;
}

.fit-guide-section
  .fit-guide
  .fit-guide__content
  .fit-guide__guide.fit-guide__overview {
  padding-top: 15px;
}

.fit-guide-section .fit-guide .fit-guide__content .fit-guide__guide.active {
  display: block;
}

.fit-guide-section .fit-guide .fit-guide__content .fit-guide__button {
  color: white;
  background-color: #002970;
  background-image: linear-gradient(
    116.57deg,
    rgba(8, 177, 255, 0.4) 0%,
    rgba(0, 120, 212, 0.4) 50%,
    rgba(0, 120, 212, 0) 100%
  );
  transition: 0.2s ease;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border: none;
  padding: 0px 16px;
  font-weight: 700;
  cursor: pointer;
  outline: none;
  font-size: 14px;
  text-decoration: none;
  border-radius: 0;
  display: inline-block;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: relative;
}

.fit-guide-section .fit-guide .fit-guide__image-container img {
  display: block;
  margin: 20px auto;
  max-width: 100%;
}

.fit-guide-section .fit-guide .fit-guide__frame-specs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
}

.fit-guide-section .fit-guide .fit-guide__frame-specs ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.fit-guide-section .fit-guide .fit-guide__frame-specs .fit-guide__list--labels {
  margin-right: 40px;
}

.fit-guide-section .fit-guide .fit-guide__frame-specs .fit-guide__list--values {
  color: #232b38;
  font-weight: bold;
}

.fit-guide-section .fit-guide .fit-guide__content .fit-guide__header {
  padding-top: 15px;
}

@media screen and (min-width: 769px) {
  .fit-guide-section .fit-guide {
    display: flex;
    flex-wrap: wrap;
    margin: 60px auto;
    justify-content: center;
    align-items: flex-start;
  }
  .fit-guide-section .fit-guide .fit-guide__menu-container {
    min-width: 25%;
    margin-right: 2%;
    display: block;
  }
  .fit-guide-section .fit-guide .fit-guide__content {
    width: 70%;
    max-width: 750px;
    padding: 0 25px;
  }
  .fit-guide-section .fit-guide .fit-guide__content .fit-guide__title,
  .fit-guide-section .fit-guide .fit-guide__content .fit-guide__select {
    display: none;
  }
  .fit-guide-section .fit-guide .fit-guide__content .fit-guide__title--desktop {
    display: block;
    font-family: "aktiv-grotesk-extended", sans-serif;
    font-weight: 800;
    color: #232b38;
    letter-spacing: -0.025em;
    line-height: 1.1;
    margin: 0 auto 10px;
    font-size: 36px;
  }
  .fit-guide-section .fit-guide .fit-guide__content .fit-guide__header {
    padding-top: 90px;
    padding-bottom: 0;
    border-bottom: 1px solid #e0e5e9;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .fit-guide-section .fit-guide .fit-guide__content h5 {
    margin-top: 45px;
  }
  .fit-guide-section .fit-guide .fit-guide__content .fit-guide__frame-title {
    font-size: 30px;
    margin-top: 30px;
  }
  .fit-guide-section .fit-guide .fit-guide__content .fit-guide__guide {
    padding: 0;
    margin: 0 auto 30px;
    display: block;
  }
  .fit-guide-section .fit-guide .fit-guide__content .fit-guide__button {
    background: white;
    color: #0d387c;
  }
  .fit-guide-section .fit-guide .fit-guide__content .fit-guide__button:hover {
    color: #08b1ff;
  }
}

@media screen and (min-width: 1024px) {
  .fit-guide-section .fit-guide .fit-guide__content .fit-guide__title--desktop {
    font-size: 48px;
  }
}

.product-duties {
  margin: 0 0 0px 0;
  font-size: 14px;
  clear: both;
  color: #111111;
}

/*** FOOTER ***/

.countrycurrency-wrap {
  display: flex;
  justify-content: space-between; 
  max-width: 1300px;
  width: 100%;
  margin: 0 auto 35px;
  flex-flow: column;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 769px) {
  .countrycurrency-wrap {
    flex-flow: row;
    align-items: center;
  }
}

body.geolocation-server-render .payment-icons,
html.flow-localized .payment-icons {
  display: none !important;
}

@media screen and (min-width: 769px) {
  .countrycurrency-wrap .country-picker {
    width: 60%;
  }
}
@media screen and (min-width: 769px) {
  .countrycurrency-wrap .social-icons {
    width: 40%;
  }
}

/* Site-wide Buttons ?? */

/* Dropdown Trigger */

.flow-country-picker-modal-trigger {
  border: solid 1px #eee;
  border-radius: 4px;
  cursor: pointer;
  display: inline;
  font-size: 14px;
  padding: 6px;
}

.flow-country-picker-dropdown-trigger,
.flow-currency-picker-dropdown-trigger {
  border: solid 1px #eee;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 3px;
  padding: 6px;
}
@media screen and (max-width: 768px) {
  .flow-country-picker-dropdown-trigger {
    padding: 12px 6px;
  }
}

.flow-country-picker-dropdown-trigger::after,
.flow-currency-picker-dropdown-trigger::after {
  content: "";
  border-style: solid;
  border-color: transparent;
  border-top-color: #bbb;
  border-width: 8px 6px 0 6px;
  display: inline-block;
  width: 0;
  height: 0;
  margin-bottom: 0px;
  margin-left: 1px;
  transform: rotate(180deg);
}

.flow-advanced-country-picker .flow-country-picker-dropdown-trigger::after,
.flow-advanced-country-picker .flow-currency-picker-dropdown-trigger::after {
  margin-left: 25px;
}

.flow-country-picker-modal-trigger > img,
.flow-country-picker-dropdown-trigger > img {
  vertical-align: text-bottom;
  border-radius: 2px;
  margin-right: 6px;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}

.flow-country-picker-modal-trigger-text,
.flow-country-picker-dropdown-trigger-text,
.flow-currency-picker-dropdown-trigger-text {
  bottom: -1px;
  position: relative;
  color: #191919;
}

/* Backdrop that takes over the screen */

.flow-country-picker-dropdown-backdrop {
  background-color: rgba(0, 0, 0, 0);
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.flow-country-picker-instruction-txt {
  color: black;
  display: block;
  padding: 12px 10px;
  line-height: 14px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 3px;
}

/* Dropdown button on hover & focus */

.flow-country-picker-modal-trigger:hover,
.flow-country-picker-modal-trigger:focus,
.flow-country-picker-modal-trigger.flow-country-picker-open,
.flow-country-picker-dropdown-trigger:hover,
.flow-country-picker-dropdown-trigger:focus,
.flow-country-picker-dropdown-trigger.flow-country-picker-open,
.flow-currency-picker-dropdown-trigger:hover,
.flow-currency-picker-dropdown-trigger:focus,
.flow-currency-picker-dropdown-trigger.flow-country-picker-open {
  background-color: #f3f3f3;
}

.flow-country-picker-country-logo {
  display: inline-block;
  padding-right: 10px;
}

.flow-country-picker-country-logo > img {
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}

.flow-country-picker-advanced .flow-country-picker-dropdown-menu {
  max-height: 300px !important;
}

/* Dropdown Content (Hidden by Default) */

.flow-country-picker-dropdown-menu {
  visibility: hidden;
  opacity: 0;
  border-radius: 2px;
  -webkit-transition: visiblity 0.1s, opacity 0.1s linear;
  transition: visiblity 0.1s, opacity 0.1s linear;
  position: absolute;
  background-color: white;
  min-width: 300px;
  max-height: 400px;
  left: 0px;
  bottom: 50px;
  overflow-y: scroll;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  z-index: 1002;
  font-size: 14px;
}

.flow-country-picker-advanced .flow-country-picker-dropdown-menu {
  right: 380px;
}

.flow-country-picker-advanced
  .flow-currency-picker-dropdown-trigger
  + .flow-country-picker-dropdown-menu {
  right: 264px;
}

.flow-country-picker-dropdown-menu a:last-child {
  margin-bottom: 4px;
}

/* Links inside the dropdown */

.flow-country-picker-dropdown-menu a {
  text-decoration: none;
  padding: 6px 10px;
  line-height: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.flow-country-picker-dropdown-menu a:hover {
  opacity: 1;
  background-color: #f3f3f3;
}

/* The actual text inside the dropdown option */

.flow-country-picker-dropdown-option-text {
  -ms-flex-item-align: center;
  align-self: center;
  color: #191919;
  position: relative;
  display: inline-block;
  width: calc(100% - 33px);
  top: -1px;
}

.flow-country-picker-show {
  visibility: visible;
  opacity: 1;
}

.flow-country-picker-open {
  color: #191919;
}

/* Modal Country Picker */

.flow-country-picker-modal {
  background-color: white;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.15),
    0 2px 4px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  max-height: 700px;
  left: calc(50% - 375px);
  overflow: hidden;
  padding: 20px;
  position: fixed;
  top: 25vh;
  width: 700px;
  z-index: 1001;
}

/* An item inside the modal */

.flow-country-picker-modal-item-container {
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  padding: 7px 5px 7px 0;
  width: 100%;
}

.flow-country-picker-modal-item-container:hover {
  background-color: #e6e6e6;
}

.flow-country-picker-modal-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

/* The selected item in the modal */

.flow-country-picker-selected-modal-item {
  background-color: #c0dfff;
  cursor: auto;
  cursor: initial;
}

/* Backdrop that takes over the screen */

.flow-country-picker-modal-backdrop {
  background-color: rgba(0, 0, 0, 0.3);
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

/* The text within the modal item */

.flow-country-picker-modal-text {
  -ms-flex-item-align: center;
  align-self: center;
  color: #191919;
  line-height: 15px;
}

/* Modal item logo */

.flow-country-picker-modal-logo {
  -ms-flex-item-align: center;
  align-self: center;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  flex-shrink: 0;
  height: 15px;
  margin-left: 10px;
  margin-right: 8px;
  width: 21px;
}

/* Modal Header */

.flow-country-picker-modal-header {
  padding-left: 5px;
  padding-bottom: 16px;
}

/* .flow-country-picker-modal-header {
	 padding-left: 5px;
	 padding-bottom: 16px;
	 border-bottom: 1px #e6e6e6 solid;
	 margin-bottom: 16px;
}
 */

.flow-country-picker-modal-title {
  color: #191919;
  display: inline-block;
}

/* Modal close icon */

.flow-country-picker-modal-close {
  float: right;
  cursor: pointer;
  width: 10px;
  height: 10px;
  margin-top: 7px;
  stroke: #bfbfbf;
}

.flow-country-picker-modal-close:hover {
  stroke: #808080;
}

/* Modal Body */

.flow-country-picker-modal-body {
  max-height: 650px;
  overflow-y: auto;
}

/* Modal Body Content */

.flow-country-picker-modal-body-content {
  -webkit-column-count: 4;
  column-count: 4;
}

/* Currently selected experience text */

.flow-country-picker-current-experience-txt {
  display: inline-block;
  padding-left: 7px;
  bottom: 6px;
  position: relative;
}

.flow-country-picker-selected-logo {
  display: inline-block;
}

.flow-country-picker-button-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.flow-country-picker-button {
  font-size: 14px;
  display: inline-block;
  min-width: 80px;
  color: #fff;
  border: solid 1px #191919;
  border-radius: 4px;
  background-color: #191919;
  cursor: pointer;
  flex-basis: 30%;
  margin-left: 20px;
  padding: 8px;
}

.flow-country-picker-button.flow-country-picker-button-secondary {
  border: solid 1px #191919;
  color: #191919;
  background-color: #fff;
}

.flow-country-picker-advanced .flow-country-picker-modal-body-content {
  display: flex;
  padding-bottom: 24px;
  padding-top: 5px;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.flow-country-picker-advanced .flow-country-picker-wrapper,
.flow-country-picker-advanced .flow-currency-picker-wrapper {
  padding: 0px 10px 0px 0px;
  position: relative;
}

.flow-country-picker-wrapper {
  position: relative;
}

.dropdown-container {
  float: left;
  margin-top: 15px;
}

/* Some example responsive rules */

@media (max-width: 768px) {
  .flow-country-picker-modal {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    max-height: unset;
  }
  .flow-country-picker-modal-body-content {
    column-count: unset;
  }
  .flow-country-picker-dropdown-trigger,
  .flow-currency-picker-dropdown-trigger {
    width: 100%;
    text-align: left;
  }
  .dropdown-container {
    width: 100%;
    float: none;
  }
  .flow-country-picker-dropdown-menu {
    width: 96%;
    left: 0;
    right: 0;
    margin: auto;
  }
  .flow-country-picker-dropdown-trigger::after,
  .flow-currency-picker-dropdown-trigger::after {
    position: absolute;
    right: 10px;
    top: 15px;
  }
}

.flow-country-picker-extra-message-container {
  background-color: #f2f5f7;
  border-radius: 2px;
  margin-bottom: 24px;
  padding: 20px;
}

.flow-country-picker-extra-message {
  padding-bottom: 24px;
}

.flow-country-picker-delivery-window {
  padding-bottom: 24px;
}

.flow-country-picker-payment-methods > img {
  padding-right: 12px;
  max-width: 120px;
  max-height: 32px;
  padding-bottom: 8px;
}

.flow-accepted-payment-methods {
  text-align: center;
  float: right;
  margin-top: 20px;
  display: none;
}

body.geolocation-server-render .flow-accepted-payment-methods,
html.flow-localized .flow-accepted-payment-methods {
  display: flex;
}

.flow-accepted-payment-methods img {
  max-height: 24px;
  padding: 4px;
}

@media screen and (max-width: 768px) {
  body.geolocation-server-render .flow-accepted-payment-methods,
  html.flow-localized .flow-accepted-payment-methods {
    padding: 5px 0px;
    float: none;
    display: block;
  }
  .flow-accepted-payment-methods img {
    max-height: 24px;
    display: inline-block;
  }
}

.cart-duties {
  margin: 0 0 10px 0;
  font-size: 14px;
  padding-top: 5px;
  clear: both;
}

.flow-checkout #main-fixed {
  display: none !important;
}

body.flow-checkout {
  padding-top: 0px !important;
  overflow-x: hidden;
}

.flow-checkout .acsb-trigger.acsb-trigger-size-small {
  display: none !important;
}

.flow-checkout #site-footer {
  margin-top: 0px !important;
}

.flow-checkout {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    sans-serif;
}

.flow-checkout .header.application__header {
  display: none;
}

.flow-checkout .section__title {
  color: #333;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    sans-serif;
  font-size: 18px;
  line-height: 1.3em;
  font-weight: normal;
}

.flow-checkout
  .text-field__input--large.text-field__input--with-floating-label {
  font-size: 0.8571428571em;
}

@media screen and (max-width: 768px) {
  .flow-checkout
    .text-field__input--large.text-field__input--with-floating-label {
    font-size: 16px;
  }
}

.flow-checkout .customer-information-form__mobile-cart-button {
  display: none;
}

.flow-checkout a.customer-information-form__desktop-cart-button {
  text-decoration: none;
  color: #2080ec;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  font-size: 14px;
  text-transform: none;
  font-weight: normal;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    sans-serif;
  padding-left: 0px;
}

.flow-checkout
  a.customer-information-form__desktop-cart-button.button
  > .svg-icon:first-child {
  height: 16px;
  width: 16px;
  margin-right: 0px;
  margin-left: 0px;
}

.flow-checkout button.customer-information-form__continue-button {
  background-color: #2080ec;
  color: white;
  text-transform: none;
  font-weight: 500;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 22px 24px;
  font-size: 14px;
  width: auto;
  height: auto;
  line-height: 14px;
  border: none;
}

.flow-checkout button.customer-information-form__continue-button:hover {
  background-color: #1167c8;
}

.flow-checkout .coupon-form__text-field-column .text-field__optional {
  display: none;
}

.flow-checkout button.coupon-form__apply {
  background-color: #2080ec;
  color: white;
  text-transform: none;
  font-weight: 500;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 20px 24px;
  font-size: 14px;
  height: auto;
  line-height: 14px;
  border: none;
}

.flow-checkout button.coupon-form__apply:hover {
  background-color: #1167c8;
}

.flow-checkout .chip--positive {
  border-color: #002970;
  background-color: #002970;
  color: #fff;
}

.flow-checkout .chip--positive .chip__text {
  font-weight: normal;
}

.flow-checkout .checkout-layout__checkout-content-order-summary::after {
  content: "";
  display: block;
  width: 300%;
  position: absolute;
  left: -100%;
  height: 100vh;
  top: -25px;
  bottom: 0;
  background: #fafafa;
  z-index: -1;
  -webkit-box-shadow: 0 -1px 0 #e1e1e1 inset;
  box-shadow: 0 -1px 0 #e1e1e1 inset;
}

@media (min-width: 1024px) {
  .flow-checkout .checkout-layout__checkout-content-order-summary::after {
    left: 0;
    background-position: left top;
    -webkit-box-shadow: 1px 0 0 #e1e1e1 inset;
    box-shadow: 1px 0 0 #e1e1e1 inset;
  }
}

.flow-checkout .application__footer {
  display: none;
}

.flow-checkout .checkout-layout__breadcrumb-container {
  width: 58.33333%;
}

.flow-checkout .order-summary > .section__header--divided {
  display: none;
}

.flow-checkout .order-prices__label {
  padding: 5px 10px;
  font-size: 14px;
  color: #535353;
}

.flow-checkout .order-prices__value {
  font-size: 14px;
  color: #535353;
  font-weight: 500;
  padding: 5px 10px;
}

.flow-checkout .order-item__quantity {
  padding-bottom: 0px;
}

.flow-checkout .order-item__quantity .badge__content--tertiary {
  background-color: rgba(114, 114, 114, 0.9);
  font-weight: normal;
}

.flow-checkout .order-item__price {
  color: #323232;
  font-weight: 500;
  font-size: 14px;
}

.flow-checkout .order-item__name {
  color: #323232;
  font-weight: 500;
  font-size: 14px;
}

@media screen and (min-width: 1024px) {
  .flow-checkout .flow-generic-mobile-improvements .order-item__image {
    height: 64px;
    width: 64px;
  }
}

.flow-checkout .order-total__label {
  font-size: 16px;
  font-weight: normal;
}

.flow-checkout
  .flowio-optin-prompt
  .flowio-localized-content-element__markdown
  > :last-child {
  font-size: 14px;
}

.flow-checkout .checkout-layout__breadcrumb-container > a > img {
  max-height: 40px;
  display: block;
  margin: auto;
  margin-bottom: 15px;
  margin-top: 25px;
}

.flow-checkout .checkout-layout__checkout-content-order-summary {
  top: -100px;
}

.flow-checkout
  .flow-generic-mobile-improvements
  .order-prices__remove-discount {
  font-size: 14px;
  text-transform: none;
}

.flow-checkout a.shipping-method-form__return-button {
  text-decoration: none;
  color: #2080ec;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  font-size: 14px;
  text-transform: none;
  font-weight: normal;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    sans-serif;
  padding-left: 0px;
  display: block;
}

.flow-checkout
  a.shipping-method-form__return-button.button
  > .svg-icon:first-child {
  height: 16px;
  width: 16px;
  margin-right: 0px;
  margin-left: 0px;
  position: relative;
  top: -2px;
}

.flow-checkout a.shipping-method-form__continue-button {
  background-color: #2080ec;
  color: white;
  text-transform: none;
  font-weight: 500;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 22px 24px;
  font-size: 14px;
  width: auto;
  height: auto;
  line-height: 14px;
  border: none;
  float: right;
}

.flow-checkout a.shipping-method-form__continue-button:hover {
  background-color: #1167c8;
}

.flow-checkout .billing-address {
  padding-left: 0px;
}

.flow-checkout .billing-address .radio-button__label {
  font-size: 14px !important;
}

.flow-checkout .payment-method .radio-button__label {
  font-size: 14px !important;
}

.flow-checkout a.payment-form__return-button {
  text-decoration: none;
  color: #2080ec;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  font-size: 14px;
  text-transform: none;
  font-weight: normal;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    sans-serif;
  padding-left: 0px;
  display: block;
  margin-top: 0px;
}

.flow-checkout a.payment-form__return-button.button > .svg-icon:first-child {
  height: 16px;
  width: 16px;
  margin-right: 0px;
  margin-left: 0px;
  position: relative;
  top: -2px;
}

.flow-checkout button.payment-form__continue-button {
  background-color: #2080ec;
  color: white;
  text-transform: none;
  font-weight: 500;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 22px 24px;
  font-size: 14px;
  width: auto;
  height: auto;
  line-height: 14px;
  border: none;
  float: right;
}

.flow-checkout button.payment-form__continue-button:hover {
  background-color: #1167c8;
}

.flow-checkout .mobile-order-summary__header-action > button {
  background-color: transparent;
  border: none;
  height: 20px;
  font-size: 14px;
  color: #2080ec;
  text-transform: none;
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .flow-checkout .checkout-layout__breadcrumb-container {
    width: 100%;
  }
  .flow-checkout .flow-generic-mobile-improvements .step__text {
    visibility: visible;
  }
  .flow-checkout button.customer-information-form__continue-button {
    width: 100%;
    margin-bottom: 0px;
  }
  .flow-checkout a.customer-information-form__desktop-cart-button {
    width: 100%;
  }
  .flow-checkout a.shipping-method-form__continue-button {
    width: 100%;
    margin-bottom: 0px;
  }
  .flow-checkout a.shipping-method-form__return-button {
    background-color: transparent;
    border: none;
    width: 100%;
  }
  .flow-checkout button.payment-form__continue-button {
    width: 100%;
    margin-bottom: 0px;
  }
  .flow-checkout a.payment-form__return-button {
    background-color: transparent;
    border: none;
  }
  .flow-checkout .checkout-layout {
    display: flex;
    flex-direction: column;
  }
  .flow-checkout .checkout-layout__breadcrumb-container {
    order: 0;
  }
  .flow-checkout .mobile-order-summary {
    order: 1;
  }
  .flow-checkout .checkout-layout__checkout-content {
    order: 2;
  }
}

.flow-consent-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: white;
  z-index: 999999;
  box-shadow: #121212 2px 2px 14px 2px;
}

.flow-consent-container p {
  padding-right: 120px;
  padding-left: 35px;
}

@media screen and (max-width: 768px) {
  .flow-consent-container p {
    padding: 0px 10px;
    font-size: 14px;
  }
}

.flow-consent-container .flow-consent-dismiss-btn {
  position: absolute;
  top: 50%;
  right: 35px;
  transform: translateY(-50%);
  display: inline-block;
  background-color: #002970;
  color: white;
  padding: 5px 10px;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .flow-consent-container .flow-consent-dismiss-btn {
    position: relative;
    top: -5px;
    transform: none;
    left: 0;
    right: 0;
    font-size: 14px;
    display: block;
    margin: auto;
    width: 120px;
    text-align: center;
  }
}

#site-footer {
  border-top: 1px solid #e0e5e9;
  margin-top: 50px;
}

#site-footer * {
  box-sizing: border-box;
}

#site-footer .footer-upper {
  padding: 50px 0px;
}

#site-footer .container {
  width: 1300px;
  max-width: 96%;
  margin: 0 auto;
}

#site-footer .footer-content {
  padding: 0;
}

#site-footer .footer-logo {
  margin-bottom: 40px;
}

#site-footer .footer-logo svg {
  color: #002970;
}

#site-footer ul,
#site-footer ol {
  list-style-type: none;
}

#site-footer .footer-upper__menu {
  display: flex;
  justify-content: space-between;
  flex-flow: column-reverse;
  margin: 50px auto;
  margin: 0;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 769px) {
  #site-footer .footer-upper__menu {
    flex-flow: row;
  }
}
@media screen and (max-width: 768px) {
  .footer-upper__menu .footer-upper__social {
    margin-bottom: 15px;
  }
}
/* Footer Accordion */

#site-footer .footer-nav-title-wrapper {
  padding: 20px 0 12px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  #site-footer .footer-nav-title-wrapper {
    padding: 0 0 12px;
  }
}

#site-footer .footer-nav-title {
  font-size: 14px;
  color: #111111;
  font-weight: bold;
  letter-spacing: 0.075em;
  text-decoration: none;
  outline: none;
  line-height: 1.15em;
  margin: 0;
}

#site-footer .accordion-icon {
  transform: rotate(180deg);
  transition: all 0.2s ease-in;
}

#site-footer .footer-nav {
  text-align: left;
  padding-bottom: 6px;
  transition: all 0.3s ease;
}

#site-footer .accordion-item {
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: 0;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.25s ease;
  font-size: 14px;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
}

#site-footer .footer-nav-link {
  margin-bottom: 10px;
}

#site-footer .footer-nav-link a {
  color: #6d7782;
  text-decoration: none;
}

#site-footer .footer-nav-link a:hover {
  font-style: oblique;
}

#site-footer .footer-nav.is-open .accordion-item {
  height: auto;
  max-height: 9999em;
  opacity: 1;
}

#site-footer .footer-nav.is-open .accordion-icon {
  transform: rotate(0);
}

#site-footer .footer-nav.is-open .accordion-icon path {
  fill: #0078d4;
}
.account-page__logo {
  width: 1300px;
  max-width: 96%;
  margin: 0 auto 40px;
  text-align: center;
}
.footer-upper__logo {
  margin-bottom: 40px;
}
.account-page__logo img {
  max-width: 210px;
}
/* Newsletter */

#site-footer .newsletter .newsletter__heading {
  color: #002970;
  margin: 50px auto 10px;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.56;
  max-width: 320px;
}

#site-footer ::placeholder {
  color: #e0e5e9;
}

#site-footer .form-field {
  width: auto;
  margin-bottom: 12px;
}

#site-footer .form-field__input {
  height: 40px;
  width: 100%;
  padding: 0rem 15px 0rem;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1;
  color: #111111;
  background-color: white;
  text-align: left;
  border-radius: 0;
  border: 1px solid #e0e5e9;
  transition: background-color 0.2s ease, width 0.2s ease, height 0.2s ease;
}

#site-footer .a11y {
  display: block;
  height: 0px;
  width: 0px;
  overflow: hidden;
  padding-bottom: 0;
}

/* Social Icons */
.social-icons {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .social-icons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
}
.social-icons__link {
  color: black;
  margin-right: 21px;
  text-decoration: none;
}
.social-icons__link:hover {
  color: #0078D4;
}
.social-icons__link:last-child {
  margin-right: 0;
}
.social-icons__link svg {
  width: 27px;
  height: 27px;
}
#site-footer .payment-icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  padding: 10px 7px;
}

#site-footer .payment-icons__item {
  display: block;
  margin: 0 3px;
  line-height: 1;
}

#site-footer .payment-icons__item svg {
  display: block;
  width: 25px;
  height: 15px;
}

#site-footer .footer-lower-copyright {
  padding: 10px 15px;
  border-top: 1px solid #e0e5e9;
}

#site-footer .footer-copyright-links {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
}

#site-footer .footer-lower-copyright .footer-link {
  margin: 0 6px;
}

#site-footer .footer-lower-copyright .footer-link a {
  color: #6d7782;
  text-decoration: none;
  font-size: 12px;
}

.footer-lower__credits {
  font-size: 12px;
  color: #6d7782;
  text-align: center;
}

@media screen and (min-width: 769px) {
  #site-footer {
    text-align: left;
  }
  #site-footer .container {
    display: flex;
    flex-wrap: wrap;
  }
  #site-footer .footer-upper {
    padding-bottom: 30px;
  }
  #site-footer .footer-upper__content {
    width: 41%;
    margin-right: 2%;
  }
  #site-footer .footer-content {
    font-size: 12px;
  }
  #site-footer .footer-upper__menu .footer-nav {
    width: 20%;
    border: none;
    padding: 0;
  }
  #site-footer .footer-nav-title {
    color: #6d7782;
  }
  #site-footer .accordion-icon {
    display: none;
  }
  #site-footer .accordion-item {
    height: auto;
    opacity: 1;
    max-height: 9999em;
    display: unset;
  }
  #site-footer .newsletter {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
  }
  #site-footer .newsletter .newsletter__heading {
    max-width: 250px;
    margin-top: 0;
    font-size: 16px;
    margin-left: 0;
  }
  #site-footer .newsletter__form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #site-footer .form-field {
    flex-grow: 1;
  }
  #site-footer .payment-icons {
    justify-content: center;
    float: right;
  }
  #site-footer .footer-lower-copyright {
    text-align: center;
  }
  #site-footer .payment-icons__item {
    margin: 0 5px;
  }
  #site-footer .footer-copyright-nav,
  #site-footer .footer-lower__credits {
    display: inline-block;
  }
}

@media screen and (min-width: 769px) {
  #site-footer .footer-upper__content,
  #site-footer .footer-upper__social {
    width: 40%;
  }
}
@media screen and (min-width: 1024px) {
  #site-footer .newsletter {
    display: block;
    margin-top: 0;
  }
  #site-footer .form-field {
    margin-right: 0;
    width: 100%;
    display: block;
  }
}

@media screen and (min-width: 1200px) {
  #site-footer .form-field {
    width: auto;
  }
}

@media screen and (max-width: 768px) {
  #site-footer .footer-upper__content {
    text-align: center;
  }
  #site-footer .newsletter .newsletter__heading {
    text-align: center;
    margin-top: 20px;
  }
}

/*** END FOOTER ***/

/*** AJAX CART ***/

#cc-ajax-cart {
  width: 96%;
  height: 100%;
  max-width: 460px;
  position: fixed;
  left: 100%;
  top: 0;
  background-color: white;
  z-index: 999999998;
  transition: transform 0.25s;
  transform: translate(0%, 0%);
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(10, 14, 26, 0.08),
    0 4px 12px rgba(10, 14, 26, 0.04);
}

#cc-ajax-cart.show {
  transform: translate(-100%, 0%);
  display: block;
}

.no-shipping #cc-shipping-status {
  display: none !important;
}

.no-shipping #cc-ajax-cart-content {
  height: calc(100% - 180px);
}

.view-trending {
  display: none;
}

#cc-cart-overlay {
  visibility: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #0003;
  top: 0;
  left: 0;
  z-index: 999999997;
  transition: opacity 0.25s;
}

#cc-cart-overlay.show {
  visibility: visible;
}

body.cc-no-scroll {
  overflow: hidden;
}

@media screen and (min-width: 769px) {
  body.cc-no-scroll .header-wrapper {
    padding-right: 17px;
  }
  body.cc-no-scroll {
    padding-right: 17px !important;
  }
}

#cc-ajax-cart-content {
  height: calc(100% - 250px);
  overflow-y: auto;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-flow: column;
}

.cartItemImg img {
  width: 80px;
}

#cc-ajax-cart h5 {
  color: #232b38;
  font-size: 15px;
  padding: 15px;
  margin: 0px;
  border-bottom: 1px solid #e0e5e9;
  text-align: center;
}

#cc-ajax-cart #close-cart {
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  padding: 17px 15px 15px;
  color: #6d7782;
}

/* #cc-cartItem {
  padding: 0px 15px 20px;
  list-style-type: none;
  margin: 0;
} */

.cartItemImg {
  float: left;
}

@media screen and (max-width: 768px) {
  .cartItemImg {
    max-width: 30%;
  }
}

.cartItemDetails {
  float: left;
  margin-left: 15px;
  max-width: 185px;
}

@media screen and (max-width: 768px) {
  .cartItemDetails {
    max-width: 40%;
    margin-left: 0px;
    padding-left: 15px;
  }
}

.ccItemL {
  overflow: auto;
  padding: 20px 0px 0px;
}

.cartItemDetails .title {
  font-size: 14px;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px;
}

.cartItemDetails .title a {
  text-decoration: none;
  color: #111111;
}

.cartItemDetails .title span, .cart__variant_title {
  font-style: italic;
  font-weight: normal;
  display: block;
  font-size: 12px;
  margin-top: 5px;
}

.cartItemDetails .final-price {
  font-size: 14px;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 10px;
}

.cc-discount-title {
  color: #008a27;
  font-size: 12px;
  margin: 0;
  display: none;
}

.cartItemDetails .final-price.sale > span:first-child {
  color: #e62817;
  margin-right: 5px;
}

.cartItemDetails .final-price.sale > span:last-child {
  color: #ccd3da;
  text-decoration: line-through;
}

.delete-button {
  color: #6d7782;
  text-decoration: underline;
  font-size: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 700;
  cursor: pointer;
}

.delete-button:hover,
.delete-button:focus {
  color: #e62817;
}

.cartItemQuantity {
  float: right;
  max-width: 125px;
}

@media screen and (max-width: 768px) {
  .cartItemQuantity {
    max-width: 30%;
  }
}

/* Chrome, Safari, Edge, Opera */

.cartItemQuantity input::-webkit-outer-spin-button,
.cartItemQuantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */

.cartItemQuantity input[type="number"] {
  -moz-appearance: textfield;
}

.cartItemQuantity input {
  text-align: center;
  border-color: white;
  background-color: white;
  border-style: solid;
  height: 40px;
  font-size: 16px;
  width: 50px;
  font-family: "basis-grotesque", Helvetica, sans-serif;
}

@media screen and (max-width: 768px) {
  .cartItemQuantity input {
    font-size: 16px;
    width: 35px;
    background-clip: padding-box;
    box-shadow: none !important;
  }
}

.cc-checkout-content {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  box-shadow: inset 0 2px 0px 0px #e0e5e9;
}

.cart-duties {
  font-size: 12px;
}

#cc-shipping-status {
  width: 100%;
  padding-bottom: 30px;
  margin-top: 15px;
  border-bottom: 1px solid #e0e5e9;
}

#cc-cart-trending {
  height: 245px;
  background-color: #f2f4f7;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 15px;
}

@media screen and (max-width: 768px) {
  #cc-cart-trending {
    padding: 10px;
    height: 240px;
  }
}

#cc-ajax-cart-content.addScroll #cc-cart-trending,  #cc-ajax-cart-content.addScroll .rebuy-widget--c-drawer {
  position: relative !important;
}

#cc-cart-trending .cc-trending-title {
  color: #111111;
  font-size: 16px;
  margin: 0px;
  text-align: center;
  white-space: normal;
  font-family: "aktiv-grotesk-extended", sans-serif;
  letter-spacing: 0.025em;
  font-weight: 700;
  padding-bottom: 15px;
}

@media screen and (max-width: 768px) {
  #cc-cart-trending .cc-trending-title {
    font-size: 16px;
  }
}

#cc-cart-trending .product-item__details-price {
  text-align: center;
  font-size: 14px;
  margin-bottom: 10px;
}

.box-placeholder {
  display: inline-block;
  background-color: #fff;
  vertical-align: top;
  height: 188px;
}

@media screen and (max-width: 768px) {
  .box-placeholder {
    height: 185px;
  }
}

.trending-products .box-placeholder {
  font-size: 0;
  line-height: 0;
  padding: 15px;
  display: block;
  float: left;
  margin: 0;
  width: 48%;
  border-radius: 3px;
  box-sizing: border-box;
}

.trending-products .box-placeholder.right {
  float: right;
}

.trending-products .box-placeholder .p-4 {
  max-width: 80%;
  margin: auto;
}

.trending-products .box-placeholder .text {
  display: inline-block;
  background-color: #444;
  height: 12px;
  border-radius: 100px;
  margin: 5px 0;
  min-width: 100px;
  opacity: 0.1;
  animation: fading 1.5s infinite;
}

.trending-products .box-placeholder .text:first-child {
  margin-top: 0;
}

.trending-products .box-placeholder .text:last-child {
  margin-bottom: 0;
}

.trending-products .box-placeholder .text.link {
  background-color: var(--blue);
  opacity: 0.4;
}

.trending-products .box-placeholder .text.line {
  width: 100%;
}

.trending-products .box-placeholder .text.category {
  width: 100px;
  margin-bottom: 10px;
}

.trending-products .box-placeholder h4.text {
  height: 20px;
  margin: 3px 0;
  opacity: 0.2;
}

.trending-products .box-placeholder .image {
  background-color: #444;
  height: 80px;
  width: 80%;
  margin: auto;
  opacity: 0.1;
  animation: fading 1.5s infinite;
  margin-bottom: 10px;
  margin-top: 20px;
}

.real-trending-container .box-placeholder {
  font-size: 0;
  line-height: 0;
  padding: 15px;
  display: block;
  float: left;
  margin: 0;
  width: 25%;
  border-radius: 3px;
  border: 10px solid #f2f4f7;
  height: 235px;
}

.real-trending-container .box-placeholder.right {
  float: left;
}

.real-trending-container .box-placeholder .p-4 {
  max-width: 80%;
  margin: auto;
}

.real-trending-container .box-placeholder .text {
  display: inline-block;
  background-color: #444;
  height: 12px;
  border-radius: 100px;
  margin: 5px 0;
  min-width: 100px;
  opacity: 0.1;
  animation: fading 1.5s infinite;
}

.real-trending-container .box-placeholder .text:first-child {
  margin-top: 0;
}

.real-trending-container .box-placeholder .text:last-child {
  margin-bottom: 0;
}

.real-trending-container .box-placeholder .text.link {
  background-color: var(--blue);
  opacity: 0.4;
}

.real-trending-container .box-placeholder .text.line {
  width: 100%;
}

.real-trending-container .box-placeholder .text.category {
  width: 100px;
  margin-bottom: 10px;
}

.real-trending-container .box-placeholder h4.text {
  height: 20px;
  margin: 3px 0;
  opacity: 0.2;
}

.real-trending-container .box-placeholder .image {
  background-color: #444;
  height: 80px;
  width: 80%;
  margin: auto;
  opacity: 0.1;
  animation: fading 1.5s infinite;
  margin-bottom: 10px;
  margin-top: 20px;
}

@keyframes fading {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0.1;
  }
}

.cc-cart-button {
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  width: 49%;
  display: block;
  float: left;
  font-weight: bold;
  color: #002970;
  border: 2px solid #002970;
  border-radius: 3px;
  text-align: center;
  letter-spacing: 1px;
  text-decoration: none;
  height: 44px;
  line-height: 42px;
}

.cc-cart-button:hover {
  color: #0078d4;
  border: 2px solid #0078d4;
}

.cc-checkout-button {
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  width: 49%;
  display: block;
  float: right;
  font-weight: bold;
  color: #002970;
  border-radius: 3px;
  text-align: center;
  letter-spacing: 1px;
  color: white;
}

.cc-checkout-button:hover {
  color: #fff;
}

.cc-checkout-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}

.cc-checkout-info .cc-checkout-count {
  float: left;
  max-width: 48%;
  font-size: 14px;
}

.cc-checkout-info .cc-checkout-price {
  float: right;
  max-width: 48%;
  font-size: 14px;
  font-weight: bold;
}

.cc-checkout-info .cc-checkout-price.sale > span:first-child {
  color: #e62817;
  margin-right: 5px;
}

.cc-checkout-info .cc-checkout-price.sale > span:last-child {
  color: #6d7782;
  text-decoration: line-through;
}

.quant-cont {
  display: flex;
  justify-content: space-between;
  height: 42px;
  border: 1px solid #e0e5e9;
  border-radius: 3px;
  font-size: 0px;
}

.quant-cont .item-dec {
  height: 40px;
  border: 0;
  background-color: white;
  padding: 0px 12px;
  cursor: pointer;
  vertical-align: top;
}

@media screen and (max-width: 768px) {
  .quant-cont .item-dec {
    padding: 0px 0px 0px 7px;
  }
}

.quant-cont .item-dec svg {
  position: relative;
  top: 0px;
  height: 2px;
  color: #6d7782;
  width: 12px;
  vertical-align: middle;
}

.quant-cont .item-inc {
  height: 40px;
  border: 0;
  background-color: white;
  padding: 0px 12px;
  cursor: pointer;
  vertical-align: top;
}

@media screen and (max-width: 768px) {
  .quant-cont .item-inc {
    padding: 0px 7px 0px 0px;
  }
}

.quant-cont .item-inc svg {
  position: relative;
  top: 0px;
  height: 12px;
  color: #6d7782;
  width: 12px;
}

.trending-products .product-item {
  padding: 10px;
  display: none;
  float: left;
  margin: 0;
  width: 48%;
  background-color: #fff;
  vertical-align: top;
  height: 200px;
  border-radius: 3px;
}

.trending-products .product-item .product-item__details-title a {
  color: #111111;
  text-decoration: none;
  text-align: center;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .trending-products .product-item {
    padding: 10px;
    height: 175px;
  }
}

.trending-products .product-item:last-child {
  float: right;
}

.trending-products .product-item .product-item__image-item {
  width: 100%;
  height: 72px;
  margin: auto;
  text-align: center;
}

.trending-products .product-item .product-item__image-item img {
  max-width: 100%;
  max-height: 100%;
}

@media screen and (max-width: 768px) {
  .trending-products .product-item .product-item__image-item {
    height: 50px;
  }
  #cc-cart-trending .product-item__details-price {
    margin-bottom: 0px;
  }
}

.trending-products
  .product-item
  .product-item__image-item
  .product-item__image
  img {
  width: auto;
  height: 76px;
  margin: auto;
  display: block;
  object-fit: none;
  -webkit-backface-visibility: initial;
  backface-visibility: initial;
  transition: opacity 0.2s ease;
}

@media screen and (max-width: 768px) {
  .trending-products
    .product-item
    .product-item__image-item
    .product-item__image
    img {
    height: 50px;
  }
}

.trending-products .product-item .product-item__details-title {
  padding: 0;
  font-size: 12px;
  margin-top: 0px;
}

.trending-products .product-item .product-item__details-title h3 {
  font-size: 12px;
  text-align: center;
  margin-bottom: 5px;
  margin-top: 5px;
}

.trending-products .product-item .product-item__cta {
  opacity: 1;
  margin-top: 4px;
  text-align: center;
}

.trending-products .product-item .product-item__cta .button--secondary {
  height: 38px;
  line-height: 35px;
  font-size: 12px;
}

.trending-products .product-item .product-item__image-badge {
  position: relative;
  transform: none;
  left: 0;
  height: 18px;
  text-align: center;
}

.trending-products .product-item .product-item__image-badge .product-badge svg {
  height: 18px;
}

.trending-products .product-item {
  padding: 10px;
  display: none;
  float: left;
  margin: 0;
  width: 48%;
  background-color: #fff;
  vertical-align: top;
  height: 188px;
  border-radius: 3px;
}

@media screen and (max-width: 768px) {
  .trending-products .product-item {
    padding: 10px;
    height: 185px;
  }
}

.trending-products .product-item:last-child {
  float: right;
}

.trending-products .product-item .product-item__image-item {
  width: 100%;
  height: 64px;
  margin: auto;
}

@media screen and (max-width: 768px) {
  .trending-products .product-item .product-item__image-item {
    height: 64px;
  }
}

.trending-products
  .product-item
  .product-item__image-item
  .product-item__image
  img {
  width: auto;
  height: 64px;
  margin: auto;
  display: block;
  object-fit: none;
  -webkit-backface-visibility: initial;
  backface-visibility: initial;
  transition: opacity 0.2s ease;
}

@media screen and (max-width: 768px) {
  .trending-products
    .product-item
    .product-item__image-item
    .product-item__image
    img {
    height: 64px;
  }
  .trending-products .product-item .product-item__details-title h3 {
    margin-top: 0px;
  }
}

.trending-products .product-item .product-item__details-title {
  padding: 0;
  font-size: 12px;
  margin-top: 0px;
}

.trending-products .product-item .product-item__details-title h3 {
  font-size: 12px;
}

.trending-products .product-item .product-price {
  font-size: 12px;
}

.trending-products .product-item .product-price.sale > span:first-child {
  color: #e62817;
  margin-right: 5px;
}

.trending-products .product-item .product-price.sale > span:last-child {
  color: #ccd3da;
  text-decoration: line-through;
}

.trending-products .product-item .product-item__cta {
  opacity: 1;
  margin-top: 4px;
}

.trending-products .product-item .product-item__image-badge {
  position: relative;
  transform: none;
  left: 0;
  height: 18px;
}

.trending-products .product-item .product-item__image-badge .product-badge svg {
  height: 18px;
}

.cc-checkout-content .afterpay-logo {
  width: 6em !important;
  height: auto !important;
}

.cc-checkout-content .afterpay-paragraph {
  font-size: 12px !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

@media screen and (max-width: 768px) {
  .cc-checkout-content .afterpay-paragraph {
    font-size: 12px !important;
    margin-top: 5px !important;
    margin-bottom: 15px !important;
    float: left;
    width: 100%;
  }
}

.cc-shipping-content {
  text-align: center;
  color: #008a27;
  font-size: 14px;
  margin: 0;
  padding-top: 7px;
  display: none;
}

.cc-shipping-content .ship-icon {
  vertical-align: middle;
  margin-right: 15px;
  display: inline-block;
}

#cc-shipping-status .cc-bar .cc-bar-fill {
  background-color: #002970;
  width: 0;
  height: 4px;
  margin: 0;
  border-radius: 7px;
  transition: all 0.5s;
}
#cc-shipping-status.success .cc-bar-fill {
  width: 100% !important;
}
#cc-shipping-status.success .cc-bar__checkmark-free-ship svg circle,
#cc-shipping-status.success .cc-bar__checkmark-free-ship-2-day svg circle,
.free-ship-unlocked .cc-bar__checkmark-free-ship svg circle {
  fill: #002970;
}
#cc-shipping-status.success .cc-bar__checkmark-free-ship span,
#cc-shipping-status.success .cc-bar__checkmark-free-ship-2-day span,
.free-ship-unlocked .cc-bar__checkmark-free-ship span {
  color: #002970;
}

#cc-shipping-status.flow__shipping.success .cc-bar-m {
  display: none;
}
#cc-shipping-status.flow__shipping.success .cc-bar-m--free-s {
  display: block;
}

#cc-shipping-status.progress .cc-bar-m--free-s {
  display: none;
}

#cc-shipping-status.progress .cc-shipping-progress {
  display: block;
}

#cc-shipping-status .cc-bar {
  background-color: #CCCCCC;
  height: 4px;
  margin: 0 auto;
  border-radius: 7px;
  position: relative;
  max-width: 73%;
}

#cc-shipping-status .cc-bar-m {
  margin: 10px 0;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #002970;
}

#cc-shipping-status .cc-shipping-progress {
  position: relative;
}

@media screen and (max-width: 720px) {
  #rx-collection .collection__product-item-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  #rx-collection .product-item__image-badge {
    transform: translate(-50%, -50%) scale(1);
  }
}

#cc-cart-bestsellers {
  height: auto;
  width: 100%;
  background-color: #f2f4f7;
  position: absolute;
  bottom: 0;
  padding: 20px;
  z-index: 9;
  display: none;
}

@media screen and (max-width: 768px) {
  #cc-cart-bestsellers {
    padding: 10px;
  }
}

#cc-cart-bestsellers .cc-bsl-title {
  color: #111111;
  font-size: 18px;
  margin: 0px;
  text-align: center;
  white-space: normal;
  font-family: "aktiv-grotesk-extended", sans-serif;
  letter-spacing: 0.025em;
  font-weight: 700;
  padding-bottom: 15px;
}

@media screen and (max-width: 768px) {
  #cc-cart-bestsellers .cc-bsl-title {
    font-size: 16px;
    padding-bottom: 5px;
    padding-top: 5px;
  }
}

#cc-cart-bestsellers .product-item-bestseller {
  padding: 15px;
  display: block;
  float: left;
  margin: 0;
  width: 48%;
  background-color: #fff;
  vertical-align: top;
  height: 215px;
  border-radius: 3px;
  text-align: center;
  margin-top: 10px;
}

#cc-cart-bestsellers .product-item-bestseller:nth-child(even) {
  float: right;
}

#cc-cart-bestsellers .product-item-bestseller .product-item__image-item {
  width: 100%;
  height: 76px;
  margin: auto;
}

#cc-cart-bestsellers
  .product-item-bestseller
  .product-item__image-item
  .product-item__image
  img {
  width: auto;
  height: 76px;
  margin: auto;
  display: block;
  object-fit: none;
  -webkit-backface-visibility: initial;
  backface-visibility: initial;
  transition: opacity 0.2s ease;
}

#cc-cart-bestsellers .product-item-bestseller .product-item__details-title {
  padding: 0;
  font-size: 12px;
  margin-top: 0px;
}

#cc-cart-bestsellers .product-item-bestseller .product-item__details-title h3 {
  font-size: 12px;
}

#cc-cart-bestsellers .product-item-bestseller .product-price {
  font-size: 12px;
}

#cc-cart-bestsellers .product-item-bestseller .product-item__cta {
  opacity: 1;
  margin-top: 4px;
}

#cc-cart-bestsellers .product-item-bestseller .product-item__image-badge {
  position: relative;
  transform: none;
  left: 0;
  height: 18px;
}

#cc-cart-bestsellers
  .product-item-bestseller
  .product-item__image-badge
  .product-badge
  svg {
  height: 18px;
}

#cc-cart-bestsellers .product-item {
  padding: 15px;
  display: block;
  float: left;
  margin: 0;
  width: 48%;
  background-color: #fff;
  vertical-align: top;
  height: 215px;
  border-radius: 3px;
  text-align: center;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  #cc-cart-bestsellers .product-item {
    padding: 10px;
    height: 185px;
  }
}

#cc-cart-bestsellers .product-item .product-item__cta .button--secondary {
  height: 38px;
  line-height: 35px;
  font-size: 12px;
}

#cc-cart-bestsellers .product-item:nth-child(2) {
  float: right;
}

#cc-cart-bestsellers .product-item:nth-child(4) {
  float: right;
}

#cc-cart-bestsellers .product-item .product-item__action--quickshop {
  display: none;
}

#cc-cart-bestsellers .product-item .product-polarized__container {
  display: none;
}

#cc-cart-bestsellers .product-item .product-item__details-frame {
  display: none;
}

#cc-cart-bestsellers .product-item .product-item__image-item {
  width: 100%;
  height: 76px;
  margin: auto;
}

@media screen and (max-width: 768px) {
  #cc-cart-bestsellers .product-item .product-item__image-item {
    height: 64px;
  }
}

#cc-cart-bestsellers .product-item .product-item__image-item img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  display: block;
  transition: opacity 0.2s ease;
}

@media screen and (max-width: 768px) {
  #cc-cart-bestsellers
    .product-item
    .product-item__image-item
    .product-item__image
    img {
    height: 64px;
  }
}

#cc-cart-bestsellers .product-item .product-item__details-title {
  padding: 0;
  font-size: 12px;
  margin-top: 0px;
}

#cc-cart-bestsellers .product-item .product-item__details-title h3 {
  color: #111111;
  text-decoration: none;
  text-align: center;
  font-size: 12px;
  margin: 5px auto;
}

@media screen and (max-width: 768px) {
  #cc-cart-bestsellers .product-item .product-item__details-title h3 {
    margin: 2px auto;
  }
}

#cc-cart-bestsellers .product-item .product-item__details-title h3 a {
  color: #111111;
  text-decoration: none;
  text-align: center;
  font-size: 12px;
}

#cc-cart-bestsellers .product-item .product-price {
  text-align: center;
  font-size: 12px;
  margin-bottom: 10px;
}

#cc-cart-bestsellers .product-item .product-price span {
  float: none !important;
}

#cc-cart-bestsellers .product-item .product-item__cta {
  opacity: 1;
  margin-top: 4px;
}

#cc-cart-bestsellers .product-item .product-item__image-badge {
  position: relative;
  transform: none;
  left: 0;
  height: 18px;
}

#cc-cart-bestsellers
  .product-item
  .product-item__image-badge
  .product-badge
  svg {
  height: 18px;
}

.content-wrapper .mobile-static-header {
  z-index: 1000000;
}

.content-wrapper {
  margin-top: 110px;
}

@media (max-width: 768px) {
  .content-wrapper {
    margin-top: 95px;
  }
}

#real-cart-bestsellers {
  height: auto;
  width: 100%;
  background-color: #fff;
  position: relative;
  bottom: 0;
  padding: 20px;
  overflow: auto;
  display: none;
}

#cc-real-cart-container .real-saved {
  margin: 0;
  font-size: 12px;
  color: #e62817;
  overflow: auto;
  font-weight: bold;
  text-align: right;
}

#cc-real-cart-container.cc-empty .real-saved {
  display: none;
}

@media screen and (max-width: 768px) {
  #real-cart-bestsellers {
    padding: 10px;
  }
}

#real-cart-bestsellers .cc-bsl-title {
  color: #232b38;
  font-size: 24px;
  text-align: center;
  margin: 0px 0px 20px;
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
}

@media screen and (max-width: 768px) {
  #real-cart-bestsellers .cc-bsl-title {
  }
}

#real-cart-bestsellers .product-item {
  padding: 15px;
  display: block;
  float: left;
  margin: 0;
  background-color: #fff;
  vertical-align: top;
  height: 235px;
  width: 25%;
  border-radius: 3px;
  border: 10px solid #f2f4f7;
  text-align: center;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  #real-cart-bestsellers .product-item {
    padding: 10px;
    height: 175px;
  }
}

#real-cart-bestsellers .product-item:nth-child(4) {
  float: right;
}

#real-cart-bestsellers .product-item:nth-child(8) {
  float: right;
}

#real-cart-bestsellers .product-item .product-item__action--quickshop {
  display: none;
}

#real-cart-bestsellers .product-item .product-polarized__container {
  display: none;
}

#real-cart-bestsellers .product-item .product-item__details-frame {
  display: none;
}

#real-cart-bestsellers .product-item .product-item__image-item {
  width: 100%;
  height: 76px;
  margin: auto;
}

@media screen and (max-width: 768px) {
  #real-cart-bestsellers .product-item .product-item__image-item {
    height: 50px;
  }
}

#real-cart-bestsellers
  .product-item
  .product-item__image-item
  .product-item__image
  img {
  width: auto;
  height: 76px;
  margin: auto;
  display: block;
  object-fit: none;
  -webkit-backface-visibility: initial;
  backface-visibility: initial;
  transition: opacity 0.2s ease;
}

@media screen and (max-width: 768px) {
  #real-cart-bestsellers
    .product-item
    .product-item__image-item
    .product-item__image
    img {
    height: 50px;
  }
}

#real-cart-bestsellers .product-item .product-item__details-title {
  padding: 0;
  font-size: 12px;
  margin-top: 0px;
}

#real-cart-bestsellers .product-item .product-item__details-title h3 {
  font-size: 12px;
}

#real-cart-bestsellers .product-item .product-price {
  font-size: 12px;
}

#real-cart-bestsellers .product-item .product-price span {
  float: none !important;
}

#real-cart-bestsellers .product-item .product-item__cta {
  opacity: 1;
  margin-top: 4px;
}

#real-cart-bestsellers .product-item .product-item__image-badge {
  position: relative;
  transform: none;
  left: 0;
  height: 18px;
}

#real-cart-bestsellers
  .product-item
  .product-item__image-badge
  .product-badge
  svg {
  height: 18px;
}

.real-cart-bst-container {
  padding: 20px 3.75rem;
  max-width: 90rem;
  width: 100%;
  margin: auto;
  overflow: auto;
}

@media screen and (max-width: 768px) {
  .real-cart-bst-container {
    padding: 20px 0px;
    max-width: 96%;
  }
}

#cc-real-info #cc-shipping-status .cc-bar {
  width: 100%;
}

#cc-real-cart-container.cc-empty #cc-real-cart {
  display: none;
}

#cc-real-cart-container.cc-empty #cc-real-info {
  float: none;
  margin: auto;
  padding: 20px 50px 75px;
}

#cc-real-cart-container.cc-empty .real-sub {
  display: none;
}

#cc-real-cart-container.cc-empty .real-next-step {
  display: none;
}

#cc-real-cart-container.cc-empty .cart-price-header {
  visibility: hidden;
  opacity: 0;
}

@media screen and (max-width: 768px) {
  #launcher {
    right: 0 !important;
    left: auto !important;
    z-index: 99 !important;
    display: none !important;
  }
  #cc-real-cart-container.cc-empty #cc-real-info {
    width: 100%;
    position: relative;
    background-color: white;
    bottom: 0;
    left: 0;
    top: auto;
    z-index: 1;
    padding: 0px 0px 25px 0px;
    border-top: 0px solid #e0e5e9;
  }
  #cc-real-cart-container.cc-empty .info-prop-wrap {
    display: block;
  }
  #cc-real-cart-container.cc-empty .info-prop-wrap.mobile {
    display: none;
  }
  #cc-real-cart-container.cc-empty > p.afterpay-paragraph {
    display: none;
  }
  #cc-real-cart-container.cc-empty .real-checkout-summary .afterpay-paragraph {
    display: block;
  }
  #cc-real-cart-container.cc-empty .real-checkout-summary {
    padding-top: 15px;
    border-top: 1px solid #e5e3e3;
    margin-top: 15px;
  }
  #cc-real-cart-container.cc-empty .cart-price-header {
    margin-top: 20px;
  }
}
.afterpay-paragraph {
  font-size: 13px !important;
  color: #495631;
  text-align: center;
}
.afterpay-logo {
  width: 80px;
}

/** SEARCH RESULTS **/

.search-page__header {
  width: 1300px;
  max-width: 96%;
  margin: auto;
  text-align: left;
}

/** PRODUCT TEMPLATE **/

@media screen and (min-width: 861px) {
  .shopify-section.product .spin-trigger.cc-m {
    display: none !important;
  }
  .shopify-section.product .spin-trigger-d.cc-m {
    display: none !important;
  }
}

.shopify-section.product .spin-trigger.cc-m {
  position: absolute;
  bottom: 77px;
  margin: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

.shopify-section.product .spin-trigger-d.cc-m {
  position: absolute;
  bottom: 25px;
  margin: 0;
  left: 0;
  right: 0;
  display: none;
  top: auto;
}

.shopify-section.product .spin-trigger {
  text-align: center;
  margin-bottom: 0px;
}
@media screen and (min-width: 768px) {
  .shopify-section.product .spin-trigger a {
    display: none !important;
  }
}
.shopify-section.product .spin-trigger a {
  padding: 5px 25px;
  border: thin solid #ccc;
  border-radius: 35px;
  font-size: 12px;
  color: #0078d4;
  text-decoration: none;
}
.shopify-section.product .spin-trigger-d {
  text-align: center;
  margin: 0px;
  position: absolute;
  bottom: auto;
  right: 0;
  left: 0;
  top: 92%;
}

.shopify-section.product .spin-trigger-d a {
  padding: 5px 25px;
  border: thin solid #ccc;
  border-radius: 35px;
  font-size: 12px;
  color: #0078d4;
  text-decoration: none;
}

.shopify-section.product .cc-qualified {
  display: block;
}

.shopify-section.product .three-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 90%;
  height: 100%;
  max-height: 80%;
  margin: auto;
}

.shopify-section.product model-viewer {
  width: 100%;
  max-width: 100%;
  height: 100%;
  mix-blend-mode: darken;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.shopify-section.product .snow-compare {
  margin-top: 5px;
  font-size: 14px;
  color: #0078d4;
  text-align: center;
}

.shopify-section.product .snow-compare a {
  text-decoration: none;
  color: #0078d4;
}

.shopify-section.product .snow-compare a:hover {
  text-decoration: underline;
  color: #0078d4;
}

.shopify-section.product .snow-compare img {
  height: 16px;
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 5px;
}

.shopify-section.product .cc-main-photo {
  background-color: #f2f4f7;
  width: 82%;
  float: right;
  height: 100%;
  position: relative;
}

.shopify-section.product .cc-3d-view {
  background-color: #f2f4f7;
  width: 82%;
  float: right;
  height: 100%;
  position: relative;
}

.shopify-section.product .static-product__image-details .product-images {
  display: block;
  background-color: #f2f4f7;
  padding-top: 0px;
  position: sticky;
  top: 100px;
  max-height: calc(100vh - 114px);
  height: auto;
  width: 60%;
  padding-left: 25px;
  padding-right: 25px;
}

.shopify-section.product .product-badge-container {
  position: absolute;
  top: 15px;
  right: 1.5rem;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.2s ease;
}

.shopify-section.product .cc-main-photo img {
  margin: auto;
  max-width: 90%;
  display: block;
}

.shopify-section.product .cc-main-photo .main-wrap {
  mix-blend-mode: darken;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: transparent;
}
@media screen and (max-width: 861px) {
  .shopify-section.product .cc-main-photo .main-wrap {
    position: absolute;
  }
}

.shopify-section.product .cc-thumbs {
  max-width: 15%;
  float: left;
  padding-right: 20px;
  padding-top: 0;
  width: 15%;
  max-height: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  /* overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #90a4ae #f2f4f7; */
}

.shopify-section.product .cc-thumbs::-webkit-scrollbar {
  width: 11px;
}

.shopify-section.product .cc-thumbs::-webkit-scrollbar-track {
  background: #f2f4f7;
}

.shopify-section.product .cc-thumbs::-webkit-scrollbar-thumb {
  background-color: #90a4ae;
  border-radius: 6px;
  border: 3px solid #f2f4f7;
}

@media screen and (min-width: 1300px) {
  .shopify-section.product .cc-thumbs {
    width: 12%;
  }
}

.shopify-section.product .cc-thumbs .thumb-wrap {
  background-color: #f2f4f7;
  position: relative;
  margin-bottom: 18px;
  display: block;
  padding: 5px;
  border: 2px solid #f2f4f7;
}

.shopify-section.product .cc-thumbs .thumb-wrap:hover {
  opacity: 0.8;
}

.shopify-section.product .cc-thumbs .thumb-wrap img {
  margin: auto;
  max-width: 90%;
  display: block;
  mix-blend-mode: darken;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.shopify-section.product .product-polarized {
  display: inline-block;
  padding: 2px 10px;
  border: 1px solid #ccd3da;
  border-radius: 20px;
  color: #6d7782;
  font-size: 12px;
}

.shopify-section.product .product-details__title,
.shopify-section.product .product-details__title h1,
.shopify-section.product .product-details__frame h1 {
  font-size: 32px;
  font-weight: 800;
  font-family: "aktiv-grotesk-extended", sans-serif;
  margin-bottom: 0;
  margin-top: 0;
}

#shopify-section-static-product-rx.shopify-section.product
  .product-details__title {
  font-size: 24px;
}

.shopify-section.product .product-details {
  width: 40%;
  padding-left: 50px;
  padding-right: 50px;
  background-color: white;
}

.shopify-section.product .product-details__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.shopify-section.product .product-details__inner .product-details__content {
  width: 100%;
  margin: auto;
  padding-bottom: 0px;
  position: relative;
}

.shopify-section.product .static-product__image-details {
  margin: auto;
  display: flex;
}

.shopify-section.product .cc-thumbs .thumb-wrap.active {
  border: 2px solid #08b1ff;
}

.shopify-section.product
  .static-product__image-details
  .product-images
  .product-images__action-expand {
  position: absolute;
  bottom: 15px;
  top: auto;
  right: 1.5rem;
  left: auto;
  display: inline-block;
  width: auto;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
  color: #111111;
}

.shopify-section.product .product-images__action-close {
  display: none;
}

.shopify-section.product .expanded .product-images {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  padding: 0;
  height: 100%;
  max-height: 100%;
}

.shopify-section.product .expanded .cc-main-photo {
  background-color: #f2f4f7;
  width: 100%;
  float: none;
  padding-top: 0;
  height: 100%;
  position: relative;
}

.shopify-section.product .expanded .cc-main-photo .main-wrap {
  left: 12%;
}

.shopify-section.product .expanded .cc-main-photo img {
  margin: auto;
  max-width: 80%;
  display: block;
}

.shopify-section.product .expanded .cc-thumbs {
  width: 13%;
  float: none;
  position: absolute;
  top: 50%;
  height: auto;
  z-index: 2;
  padding: 2%;
  overflow: auto;
  left: 0;
  transform: translateY(-50%);
}

@media screen and (min-width: 1300px) {
  .shopify-section.product .expanded .cc-thumbs {
    width: 10%;
  }
}

.shopify-section.product .expanded .cc-thumbs .thumb-wrap {
  background-color: #f2f4f7;
  position: relative;
  margin-bottom: 18px;
  display: block;
  border: 2px solid #f2f4f7;
}

.shopify-section.product .expanded .cc-thumbs .thumb-wrap.active {
  border: 2px solid #08b1ff;
}

.shopify-section.product .expanded .product-badge-container {
  display: none;
}

.shopify-section.product .expanded .product-images__action-close {
  position: absolute;
  top: 15px;
  right: 15px;
  left: auto;
  display: inline-block;
  width: auto;
  opacity: 1;
  visibility: visible;
  cursor: pointer;
  pointer-events: initial;
  background-color: transparent;
  border: none;
  color: #111111;
}

.shopify-section.product .product-details__inner {
  min-height: calc(100vh - 114px);
  text-align: left;
}

.shopify-section.product .cc-price-wrap .product-price {
  color: #232b38;
  margin-right: 5px;
}

.shopify-section.product .cc-price-wrap .product-price__main {
  font-size: 22px;
}

.shopify-section.product .cc-price-wrap .yotpo .text-m {
  font-size: 12px;
  margin-left: 5px;
  margin-top: 1px;
}
.collection-pc-wrap .yotpo .text-m {
  font-size: 12px;
}

.shopify-section.product .cc-pdp-upsell .pdp-upsell-item img {
  max-height: 100%;
}
.shopify-section.product .cc-pdp-slider > div{
  width: 30%;
}
.shopify-section.product .cc-pdp-upsell {
  padding-bottom: 15px;
  margin: auto;
  width: 100%;
  margin-top: 10px;
}

.shopify-section.product .cc-pdp-upsell .up-price {
  text-align: center;
  font-size: 12px;
  color: #6d7278;
  margin: 10px 0 0;
  line-height: normal;
  font-weight: bold;
}

.shopify-section.product .cc-pdp-upsell .up-prod {
  text-align: center;
  font-size: 12px;
  color: #6d7278;
  margin: 0;
  line-height: normal;
  font-weight: bold;
}

.shopify-section.product .cc-pdp-upsell .up-button {
  text-align: center;
  font-size: 12px;
  color: #004e9c;
  margin: 8px 0 0;
  padding-bottom: 2px;
}

.shopify-section.product .cc-pdp-upsell .up-button a {
  display: inline-block;
  padding: 5px;
  min-width: 80px;
  border: 1px solid #004e9c;
  border-radius: 2px;
  color: #004e9c;
  text-decoration: none;
  font-weight: bold;
}

.shopify-section.product .cc-pdp-upsell .slick-arrow {
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
}

.shopify-section.product .cc-pdp-upsell .slick-prev.slick-arrow {
  position: absolute;
  left: 0;
  top: 0px;
  padding-left: 0px;
}

.shopify-section.product .cc-pdp-upsell .slick-prev.slick-arrow img {
  width: 6px;
}

.shopify-section.product .cc-pdp-upsell .slick-next.slick-arrow {
  position: absolute;
  right: 0;
  top: 0px;
  padding-right: 0px;
}

.shopify-section.product .cc-pdp-upsell .slick-next.slick-arrow img {
  width: 6px;
}

.shopify-section.product .cc-pdp-upsell .up-button a .checked {
  display: none;
}

.shopify-section.product .cc-pdp-upsell .up-button a.selected {
  background-color: #07b1ff;
  color: white;
  border: thin solid #07b1ff;
  border-radius: 2px;
}

.shopify-section.product .cc-pdp-upsell .up-button a.selected .checked {
  display: inline;
  width: auto;
  height: 12px;
  vertical-align: middle;
}

.shopify-section.product
  .cc-pdp-upsell
  .cc-pdp-slider
  .pdp-upsell-item:nth-child(1) {
  display: inline-block;
  width: 30%;
}

.shopify-section.product
  .cc-pdp-upsell
  .cc-pdp-slider
  .pdp-upsell-item:nth-child(2) {
  display: inline-block;
  width: 30%;
}

.shopify-section.product
  .cc-pdp-upsell
  .cc-pdp-slider
  .pdp-upsell-item:nth-child(3) {
  display: inline-block;
  width: 30%;
}

.shopify-section.product .cc-pdp-upsell .pdp-upsell-item {
  display: none;
}

.shopify-section.product .cc-pdp-upsell .pdp-upsell-item.slick-slide {
  display: block;
  width: auto;
}

.shopify-section.product .product-form .button.button--primary {
  text-transform: uppercase;
  width: 100%;
}

.shopify-section.product .cc-qualified, .pre-order__wrap label {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #3D3C3C;
  text-align: center;
}
.shopify-section.product .cc-qualified img {
  vertical-align: text-bottom;
}
.cc-qualified a {
  color: #3D3C3C;
}
.body--announcement-sticky .product-details__inner {
  text-align: left;
}

.product-details__polarized {
  justify-content: left;
}

.product-details__frame, .product-details__frame a {
  margin-bottom: 0px;
  margin-top: 5px;
  font-size: 32px;
  font-weight: 800;
  font-family: "aktiv-grotesk-extended", sans-serif;
  color: #232b38;

}

.product-details__frame a {
  text-decoration: none;
}

.product-price__main {
  float: left;
}

.product-price__compare {
  float: left;
  margin-left: 5px;
}

.product-price-saved {
  display: block;
  clear: both;
}

.yotpo-display-wrapper .bottomLine,
.yotpo-bottomline-wrapper .bottomLine {
  margin-bottom: 0px;
}

.trustblox-1-timer-textual.trustblox-1-style-text-only.trustblox-1-scheme-navy {
  display: none !important;
}

.cc-price-wrap {
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  border-bottom: 1px solid #e0e5e9;
}

.afterpay-paragraph {
  display: flex;
  align-items: center;
}
.afterpay-paragraph .afterpay-text2, .afterpay-paragraph .afterpay-text1 {
  order: 1;
  margin-right: 5px;
}
.afterpay-paragraph .afterpay-logo, .afterpay-paragraph .afterpay-logo-link {
  order: 2;
}
.afterpay-paragraph .afterpay-link {
  order: 3;
}
.product-form button {
  margin-top: 15px;
  margin-bottom: 15px !important;
  max-width: 100% !important;
}

.variant-swatches {
  justify-content: start;
}

.variant-swatches {
  padding-top: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e5e3e3;
}

.product-info__frames {
  padding-top: 10px;
  border-top: 1px solid #e5e3e3;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 0px;
}

@media screen and (max-width: 768px) {
  .product-info__frames {
    padding-bottom: 20px;
    padding-top: 5px;
  }
  .shopify-section.product .cc-pdp-upsell .up-price {
    margin-top: 5px;
  }
  .product-details .product-details__fitguide-button {
    bottom: 10px;
  }
  .shopify-section.product .product-details .product-details__more-button {
    bottom: 10px;
  }
}

.product-info__frame-collection-link {
  margin-top: 0px;
  float: right;
}

.frames-carousel, .bundle-package {
  clear: both;
  padding: 0 10px;
}
.bundle-package__inner {
  display: flex;
  justify-content: space-evenly;
  align-items: baseline;
}

.bundle-package__item {
  border-bottom: 2px solid #002970;
}

.frames-carousel__item img, .bundle-package__item img{
  max-width: 100px;
  margin: auto;
  height: auto;
}

.frames-carousel .frames-carousel__item.swiper-slide.current {
  border-bottom: 2px solid #002970;
}
@media screen and (min-width: 769px) {
  .rx-desc-wrap,
  .description-blocks__content {
    display: block !important;
  }
}

.cc-price-wrap .afterpay-paragraph {
  font-size: 12px !important;
  color: #495631;
  margin-bottom: 5px;
  margin-top: 5px;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  text-align: left;
}

.product-info__frame-collection-link a {
  font-size: 12px;
  font-family: "basis-grotesque", Helvetica, sans-serif;
}

.cc-more-styles {
  float: left;
  font-size: 12px;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  color: #222b38;
}

.cc-colors-label {
  float: left;
  font-size: 12px;
  display: block;
  margin-right: 15px;
  margin-top: 5px;
  color: #222b38;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .rx-desc-wrap {
    display: none;
    padding: 0px 20px 20px;
  }
}

.product-info-container {
  width: 1300px;
  max-width: 96%;
  margin: auto;
  text-align: left;
  padding-top: 0px;
}

.product-info-container .yotpo-gallery-pdp__title {
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  font-size: 24px;
  text-align: center;
}

.shopify-section.product .yotpo-pictures-widget {
  visibility: hidden;
  height: 0px;
  padding: 0px;
  margin: 0;
  text-align: left;
  overflow: hidden;
}
.shopify-section.product .yotpo-pictures-widget.cc-show {
  height: auto;
  padding: 0px 0px 40px 0px;
  margin: auto;
  overflow: auto;
}
.yotpo-label {
  display: none !important;
}
.shopify-section.product
  .yotpo-pictures-widget.cc-show
  .yotpo-hover-enable
  .y-image-wrapper:hover
  .y-image-overlay {
  background-color: #656565;
  left: 10px;
  right: 10px;
}

.shopify-section.product
  .yotpo-pictures-gallery-title-wrapper
  .yotpo-pictures-gallery-title {
  font-size: 24px !important;
}
.shopify-section.product .yotpo-pictures-widget.cc-show {
  max-width: 100%;
}
.shopify-section.product
  .yotpo-display-wrapper
  .yotpo-pictures-gallery-images-wrapper
  .yotpo-single-image-container {
  margin-right: 0px;
}
.shopify-section.product
  .yotpo-pictures-gallery
  .yotpo-single-image-container:before,
.shopify-section.product
  .yotpo-pictures-widget
  .yotpo-single-image-container:before {
  padding-top: 0;
}
.shopify-section.product .yotpo-pictures-widget .y-image-wrapper {
  position: relative;
  padding: 0px 10px;
  background: transparent;
}
.shopify-section.product .yotpo-display-wrapper .yotpo-image {
  width: 100% !important;
  height: 275px !important;
}
.shopify-section.product
  .yotpo-pictures-widget
  .yotpo-single-image-container
  .yotpo-video {
  height: 275px !important;
}
.shopify-section.product .yotpo-pictures-widget.cc-show {
  padding: 0px 0px 20px 0px;
}
@media screen and (max-width: 768px) {
  .shopify-section.product .yotpo-single-image-container .yotpo-icon-video {
    right: 25px;
  }
  .shopify-section.product .yotpo-pictures-widget .y-image-wrapper {
    padding: 0px 20px;
  }
  .shopify-section.product
    .yotpo-pictures-widget
    .yotpo-single-image-container
    .yotpo-video {
    height: 225px !important;
  }
  .shopify-section.product .yotpo-display-wrapper .yotpo-image {
    width: 100% !important;
    height: 225px !important;
  }
  .shopify-section.product .y-media-hover {
    display: none;
  }
}
.product-info-container .recomatic-wrap .brand {
  display: none;
}

.product-info-container .recomatic-wrap .recomatic-image-wrap {
  background-color: #f3f4f7;
}

.product-info-container .recomatic-responsive-image {
  background-color: #f3f4f7;
  height: 170px;
  position: relative;
}

.product-info-container .recomatic-wrap .recomatic-image-wrap img {
  mix-blend-mode: darken;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  max-width: 80%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}

.product-info-container .recomatic-product-wrap {
  padding: 0px 10px;
}

.product-info-container .recomatic-polarized-wrap {
  padding-bottom: 8px;
  position: absolute;
  right: 0;
  top: 30px;
}

.product-info-container .recomatic-content-wrap {
  position: relative;
  margin-top: 15px;
}

.product-info-container .recomatic-content-wrap .recomatic-title {
  color: #232b38;
  display: inline-block;
  text-align: left;
  font-weight: 600;
  font-size: 16px;
}

.product-info-container .recomatic-wrap .recomatic-title-wrap {
  text-align: left;
}

.product-info-container .recomatic-wrap .recomatic-price-wrap {
  position: absolute;
  top: 5px;
  right: 0;
  font-weight: 600;
  font-size: 16px;
  color: #232b38;
}

.product-info-container .recomatic-frame-wrap {
  margin-top: 5px;
}

.product-info-container .recomatic-frame-wrap,
.product-info-container .recomatic-frame-wrap .recomatic-frame {
  text-align: left;
  color: #6e7d89;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}

.product-info-container .recomatic-wrap a {
  text-decoration: none;
}

.product-info-container .recomatic-wrap .standalone-bottomline {
  text-align: left;
}

.product-info-container .recomatic-wrap .yotpo .text-m {
  font-size: 12px;
}

.product-info-container .recomatic-wrap .recomatic-more {
  opacity: 1 !important;
  padding-top: 5px;
}

.product-info-container .recomatic-wrap .recomatic-add-to-cart {
  width: 100%;
  border-radius: 0px;
  text-transform: uppercase;
}

.product-info-container .recomatic-wrap .recomatic-view-product {
  width: 100%;
  border-radius: 0px;
  text-transform: uppercase;
}

.product-info-container .recomatic-reviews-wrap {
  display: block !important;
}

.product-info-container .recomatic-wrap .slick-prev-next-button {
  width: 2.75rem;
  height: 2.75rem;
  background-color: white;
  border: 1px solid #f2f4f7;
  border-radius: 50%;
  transform: scale(1);
  transform-origin: 50% 50%;
  box-shadow: 0 1px 1px rgb(10 14 26 / 8%), 0 1px 6px rgb(10 14 26 / 4%);
  transition: transform 0.15s;
  position: absolute;
  top: calc(50% - 28px);
  margin-top: -1.7rem;
  color: #232b38;
  cursor: pointer;
}

.product-info-container .recomatic-wrap .slick-prev-next-button .slick-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
  padding: 0.5rem;
}

.product-info-container .recomatic-wrap .slick-prev-next-button.previous {
  left: -12px;
  z-index: 1;
}

.product-info-container .recomatic-wrap .slick-prev-next-button.next {
  right: -12px;
  z-index: 1;
}

.product-info-container .recomatic-wrap .recomatic-compare-at-price-wrap {
  display: none;
}

.product-info-container .pdp-recommendations {
  display: none;
  padding: 40px 0px;
}

.product-info-container .pdp-recommendations h3 {
  text-align: center;
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  font-size: 24px;
  margin: 0px 0px 25px;
}

.product-info__frame-collection-link {
  float: none;
}

.product-info__frame-collection-link a {
  text-transform: uppercase;
  font-size: 12px;
  float: none;
  text-decoration: none;
  color: #004e9c;
  font-weight: bold;
  font-family: "basis-grotesque", Helvetica, sans-serif;
}

.product-info__frame-collection-link a:hover {
  text-decoration: underline;
}

.shopify-section.product .frames-carousel .swiper-button-prev {
  left: 0;
  bottom: 0;
  justify-content: start;
  align-items: end;
  color: #0c56a0;
}

.shopify-section.product .frames-carousel .swiper-button-next {
  right: 0;
  bottom: 0;
  justify-content: end;
  align-items: end;
  color: #0c56a0;
}

.shopify-section.product .frames-carousel .swiper-button-next.swiper-button-disabled, .shopify-section.product .frames-carousel .swiper-button-prev.swiper-button-disabled {
  opacity: 0.5;
}

.shopify-section.product .frames-carousel .swiper-button-prev:after, .shopify-section.product .frames-carousel .swiper-button-next:after {
  font-size: 12px;
  font-weight: bold;
}

.shopify-section.product
  .yotpo-pictures-gallery-title-wrapper
  .yotpo-pictures-gallery-title {
  text-align: center;
  font-family: "aktiv-grotesk-extended", sans-serif !important;
  font-weight: 800;
  font-size: 24px;
  color: black;
}

.yotpo-pictures-widget .yotpo-single-image-container {
  cursor: pointer;
}

.shopify-section.product
  .yotpo-pictures-widget
  .yotpo-pictures-gallery-title-wrapper {
  margin: 0px 0px 25px;
}

.shopify-section.product
  .yotpo-display-wrapper
  .yotpo-pictures-gallery-images-wrapper
  .yotpo-single-image-container {
  margin-bottom: 0px;
}

#cc-snow-tabs {
  padding-right: 3.75rem;
  padding-left: 3.75rem;
  width: 100%;
  max-width: 1300px;
  margin: auto;
  padding-top: 40px;
  overflow: auto;
  padding-bottom: 40px;
}

#cc-snow-tabs .tabs-wrap {
  font-size: 0px;
  text-align: center;
  width: 500px;
  max-width: 90%;
  margin: 0px auto 10px;
}

#cc-snow-tabs .cc-tab {
  width: 33.33%;
  color: #504b4b;
  border-bottom: 2px solid #d6d6d6;
  font-size: 16px;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  display: inline-block;
  cursor: pointer;
  padding: 15px 0px;
  background-color: white;
  letter-spacing: 1px;
  position: relative;
  font-weight: bold;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}

#cc-snow-tabs .cc-tab.tabs-1 {
  width: 100%;
}

#cc-snow-tabs .cc-tab.tabs-2 {
  width: 50%;
}

#cc-snow-tabs .cc-tab.tabs-3 {
  width: 33.33%;
}

#cc-snow-tabs .cc-tab.active {
  background-color: white;
  color: #504b4b;
  border-bottom: 2px solid #504b4b;
}

#cc-snow-tabs .cc-content-wrap {
  padding-top: 35px;
  display: block;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: -10000px;
}

#cc-snow-tabs .cc-content-wrap.active {
  display: block;
  position: static;
  left: 0;
  visibility: visible;
  opacity: 1;
}

#cc-snow-tabs .cc-accordion {
  display: none;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: -0.015em;
  color: #232b38;
  position: relative;
}

.details-text-wrap {
  width: 55%;
  float: right;
  padding: 0px 50px;
}

.details-text-wrap p {
  color: #111111;
  font-size: 16px;
  line-height: 1.75;
}

.details-text-wrap ul {
  color: #111111;
  font-size: 16px;
  line-height: 1.75;
}

.details-text-wrap div {
  color: #111111;
  font-size: 16px;
  line-height: 1.75;
}

.cc-inner-cont {
  position: relative;
}

.details-img-wrap {
  width: 45%;
  float: left;
}

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

@media screen and (min-width: 860px) {
  #cc-snow-tabs .shogun-lens {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
  }
}

@media screen and (min-width: 720px) {
  #cc-snow-tabs .shogun-lens {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
  }
}

#cc-snow-tabs .snow-slide img {
  display: block;
  margin: auto;
  max-width: 90%;
}

#cc-snow-tabs .snow-slide h5 {
  text-align: center;
}

#cc-snow-tabs .snow-features-slider {
  padding: 40px 0px 20px;
  width: 80%;
  max-width: 450px;
  margin: auto;
}

#cc-snow-tabs .snow-features-slider .slick-prev.slick-arrow {
  left: -50px;
  top: 125px;
}

#cc-snow-tabs .snow-features-slider .slick-prev.slick-arrow img {
  width: 11px;
}

#cc-snow-tabs .snow-features-slider .slick-next.slick-arrow {
  right: -50px;
  top: 125px;
}

#cc-snow-tabs .snow-features-slider .slick-next.slick-arrow img {
  width: 11px;
}

@media screen and (max-width: 768px) {
  #cc-snow-tabs .snow-features-slider {
    width: 96%;
  }
}

#cc-snow-tabs .snow-features-slider .slick-dots {
  cursor: pointer;
  list-style-type: none;
  text-align: center;
  padding: 0;
  margin: 0;
}

#cc-snow-tabs .snow-features-slider .slick-dots li {
  display: inline-block;
  margin: 0px 5px;
}

#cc-snow-tabs .snow-features-slider .slick-dots li button {
  font-size: 0px;
  height: 10px;
  width: 10px;
  border-radius: 100%;
  padding: 0px;
  border: 0;
  background-color: #004e9c;
  opacity: 0.4;
}

#cc-snow-tabs .snow-features-slider .slick-dots li.slick-active button {
  opacity: 1;
}

.yotpo .yotpo-label-container {
  display: none;
}

.suggested-topics-row {
  float: left;
}

.yotpo .yotpo-review .yotpo-header .yotpo-icon-profile::before,
.yotpo .yotpo-comment .yotpo-header .yotpo-icon-profile::before,
.yotpo .yotpo-question .yotpo-header .yotpo-icon-profile::before,
.yotpo .yotpo-onsite-upload .yotpo-header .yotpo-icon-profile::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(/cdn/shop/t/597/assets/blenders-wordsmark.svg?v=12530946669877923225);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
}

.yotpo .yotpo-review .yotpo-header .yotpo-icon-profile .yotpo-user-letter {
  display: none;
}

.shopify-section.product
  .yotpo
  .yotpo-review
  .yotpo-header
  .yotpo-icon-profile {
  background: white !important;
}

.shopify-section.product .yotpo .yotpo-reviews .yotpo-regular-box {
  display: inline-block;
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0;
  border-top: 0px;
  vertical-align: top;
}

.shopify-section.product .yotpo .yotpo-regular-box-filters-padding {
  padding-top: 25px;
}

.shopify-section.product .yotpo-reviews.yotpo-active {
  font-size: 0px;
}

.shopify-section.product
  .yotpo
  .yotpo-question
  .yotpo-header
  .yotpo-icon-profile {
  background-color: white !important;
}

.shopify-section.product .yotpo-user-letter {
  display: none;
}

.shopify-section.product .yotpo-widget-wrapper {
  padding: 0px;
}

.shopify-section.product .main-widget.yotpo-display-wrapper {
  padding: 40px 0px;
}

.shopify-section.product .yotpo-lightbox.yotpo-lightbox-new.yotpo {
  display: inline-block;
}

.shopify-section.product .yotpo-no-reviews {
  display: none;
}

.ctl-slide img {
  display: block;
  width: 100%;
  margin: auto;
}

#ctl-slider .ctl-slide {
  background: url(preloader.gif) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  min-height: 220px;
}

#ctl-slider .ctl-slide.swiper-slide-active {
  background: none !important;
}

.cc-check-the-look {
  padding: 40px 0px;
}

.cc-check-the-look h3, .snow_features h3 {
  text-align: center;
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  font-size: 24px;
  margin: 0px 0px 25px;
  color: #232323;
}
@media screen and (max-width: 550px) {
  .cc-check-the-look h3 {
    text-transform: uppercase;
    font-size: 18px;
  }
}

.cc-check-the-look #ctl-slider .swiper-button-next, .cc-check-the-look #ctl-slider .swiper-button-prev {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #fff;
  transition: .35s;
  color: black;
}

.cc-check-the-look #ctl-slider .swiper-button-next {
  right: 25px;
}

.cc-check-the-look #ctl-slider .swiper-button-prev {
  left: 25px;
}

.cc-check-the-look #ctl-slider .swiper-button-next:after, .cc-check-the-look #ctl-slider .swiper-button-prev:after {
  font-size: 10px;
  font-weight: bold;
}

.cc-check-the-look #ctl-slider .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 10px;
  background: unset;
  border: 2px solid white;
  opacity: 1;
}

.cc-check-the-look #ctl-slider .swiper-pagination .swiper-pagination-bullet-active {
  background: white;
}

.shopify-section.product .product-details {
  position: relative;
}

.shopify-section.product .product-details .product-details__more-button svg {
  display: block;
  color: #111111;
}

.shopify-section.product .product-details .product-details__more-button {
  position: absolute;
  bottom: 15px;
  right: 1.5rem;
}

.product-details .product-details__fitguide-button {
  display: block;
  position: absolute;
  bottom: 15px;
  left: 1.5rem;
  opacity: 1;
  width: auto;
  height: 1.5rem;
  color: #111111;
  font-family: basis-grotesque, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  background-color: transparent;
  border: none;
  letter-spacing: 1px;
  cursor: pointer;
}

.product-details .product-details__fitguide-button .button-text {
  vertical-align: text-top;
}

.pdp-ship-return {
  font-size: 0px;
  text-align: left;
  width: 626px;
  margin: auto;
  max-width: 70%;
  padding-bottom: 40px;
}

.pdp-ship-return h5 {
  margin: 0 15px 0 0px;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: -0.015em;
  color: #232b38;
  padding: 0px 0px;
  display: inline-block;
  width: auto;
}

.pdp-ship-return h5:last-child {
  float: right;
}

@media screen and (min-width: 861px) {
  .pdp-ship-return h5 br {
    display: none;
  }
}

.pdp-ship-return svg {
  vertical-align: middle;
  display: inline-block;
  margin: auto;
}

/* REMOVE LATER */
/* #fit-guide-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.65);
  z-index: 1000;
  display: none;
}

#fit-guide-popup #fit_closebg {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

#fit-guide-popup #fit-guide-popup-info {
  width: 900px;
  margin: auto;
  max-width: 96%;
  background-color: white;
  padding: 20px;
  margin-top: 100px;
  position: relative;
  overflow: auto;
}

#fit-guide-popup #fit-guide-popup-info h3 {
  text-align: center;
}

#fit-guide-popup .close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  float: none;
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 40px;
  font-weight: normal;
  line-height: 1;
  color: #222b38;
  text-shadow: 0 1px 0 #fff;
}

#snow-compare-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.65);
  z-index: 1000;
  display: none;
}

#snow-compare-popup #snow_closebg {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

#snow-compare-popup #snow-compare-popup-info {
  width: 827px;
  margin: auto;
  max-width: 96%;
  background-color: white;
  padding: 20px;
  margin-top: 100px;
  position: relative;
  overflow: auto;
}

@media screen and (max-width: 768px) {
  #snow-compare-popup #snow-compare-popup-info {
    margin-top: 10px;
    padding: 10px 0 0 0;
  }
  .ctl-slide img {
    min-height: 240px;
    object-fit: cover;
    object-position: center;
  }
}

#snow-compare-popup #snow-compare-popup-info h3 {
  text-align: center;
  font-family: aktiv-grotesk-extended, sans-serif;
}

#snow-compare-popup .close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  float: none;
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 40px;
  font-weight: normal;
  line-height: 1;
  color: #222b38;
  text-shadow: 0 1px 0 #fff;
}

#snow-complete-look .cc-colors-label {
  display: none;
}

#snow-complete-look .variant-swatches {
  padding-top: 15px;
  padding-bottom: 10px;
  border-bottom: none;
  display: block;
  margin-top: -55px;
}

@media screen and (max-width: 600px) {
  #snow-compare-popup .charts-desktop {
    display: none;
  }
}

@media screen and (min-width: 601px) {
  #snow-compare-popup .charts-mobile {
    display: none;
  }
}

#snow-compare-popup .compare-chart {
  float: left;
  margin: 0px 2%;
  width: 29%;
  padding: 20px;
}

@media screen and (max-width: 768px) {
  #snow-compare-popup .compare-chart {
    padding: 15px 5px;
  }
}

#snow-compare-popup .chart-features {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#snow-compare-popup .chart-features li {
  border-top: 1px solid #e5e3e3;
  text-align: center;
  padding: 10px 0px;
  color: #222b38;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  #snow-compare-popup .chart-features li {
    font-size: 12px;
  }
}

#snow-compare-popup .chart-features li:last-child {
  border-bottom: 1px solid #e5e3e3;
}

#snow-compare-popup .compare-chart img {
  display: block;
  max-width: 90%;
  margin: 0px auto 15px;
}

#snow-compare-popup .compare-chart h5 {
  text-align: center;
  font-size: 22px;
  margin-top: 0px;
  margin-bottom: 5px;
  font-weight: bolder;
  font-family: "aktiv-grotesk-extended", sans-serif;
}

@media screen and (max-width: 768px) {
  #snow-compare-popup .compare-chart h5 {
    font-size: 20px;
  }
}

#snow-compare-popup .yotpo .pull-left {
  float: none;
  text-align: center;
}

#snow-compare-popup .yotpo .standalone-bottomline.star-clickable,
#snow-compare-popup .yotpo .standalone-bottomline .star-clickable {
  display: block;
}

#snow-compare-popup .chart-link {
  text-align: center;
  margin-bottom: 0px;
}

#snow-compare-popup .chart-link a {
  display: inline-block;
  color: white;
  text-transform: uppercase;
  padding: 8px 25px;
  background-color: #004e9c;
  text-align: center;
  transition: all 0.5s;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  #snow-compare-popup .chart-link a {
    padding: 8px 0px;
    width: 100%;
    max-width: 140px;
    font-size: 14px;
  }
}

#snow-compare-popup .chart-link a:hover {
  background-color: #0078d4;
}

/**
 * Compare - Mobile
 * REMOVE LATER
 */
/* .compare-nav {
  margin: 30px 0 0 0;
  padding: 0 40px;
  display: flex;
  list-style: none;
}

@media screen and (max-width: 480px) {
  .compare-nav {
    padding: 0 15px;
  }
}

.compare-nav__item {
  width: 33.33333%;
  text-align: center;
  border-bottom: 2px solid #f2f2f2;
  transition: border 0.15s ease-in-out;
  cursor: pointer;
}

.compare-nav__item.is-active {
  border-color: #002970;
}

.compare-nav__item > img {
  padding: 0 10px;
  width: 100%;
  opacity: 0.5;
  transition: opacity 0.15s ease-in-out;
}

.compare-nav__item.is-active > img,
.compare-nav__item:hover > img {
  opacity: 1;
}

.compare-nav__item > h5 {
  margin: 4px 0 20px 0;
  font-size: 16px;
  font-family: aktiv-grotesk-extended, sans-serif;
}

.current-frame-pill {
  margin-bottom: 8px;
  padding: 3px 9px;
  display: inline-block;
  border: 1px solid #007bd4;
  border-radius: 10px;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #007bd4;
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}

.compare-nav__item.is-current .current-frame-pill {
  opacity: 1;
}

.compare-drawer {
  padding: 30px 76px;
  display: none;
}

.compare-drawer.is-active {
  display: block;
}

.compare-global-features {
  padding: 30px 76px;
  background-color: #f3f4f7;
}

.compare-feature-set {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.compare-feature-set__heading {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: aktiv-grotesk-extended, sans-serif;
  text-align: center;
}

.compare-feature-set__heading.compare-sale > .chart-price:first-child {
  color: #e62817;
}

.compare-feature-set__heading.compare-sale > .chart-price:last-child {
  color: #ccd3da;
  text-decoration: line-through;
}

.compare-feature-set__heading--lg {
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 26px;
}

.compare-feature-set__heading--alt {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #0078d4;
  border-bottom: 1px solid #e5e3e3;
}

.compare-feature-set__item {
  padding: 10px;
  border-bottom: 1px solid #e5e3e3;
  display: block;
  font-size: 12px;
}

.compare-feature-set > li:last-child {
  padding-bottom: 0;
  border: none;
} */

.cc-tech-specs {
  float: left;
  width: 50%;
  padding: 20px 40px 20px 0px;
}

.cc-tech-specs h3 {
  margin-top: 0px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .cc-tech-specs {
    width: 100%;
    padding: 0px 0px 20px 0px;
    float: none;
  }
  .cc-tech-specs h3 {
    display: none;
  }
}

#cc-snow-tabs .cc-content-wrap h3 {
  font-size: 22px;
  font-family: aktiv-grotesk-extended, sans-serif;
  font-weight: 800;
}

.cc-tech-specs .tech-table {
  width: 100%;
  border-collapse: collapse;
}

.cc-tech-specs .tech-table tr {
  border-top: 1px solid #e5e3e3;
}

.cc-tech-specs .tech-table tr:last-child {
  border-bottom: 1px solid #e5e3e3;
}

.cc-tech-specs .tech-table tr td {
  padding: 10px 0px;
  color: #111111;
  font-size: 16px;
  line-height: 1.75;
}

.cc-tech-specs .tech-table tr td a {
  text-decoration: none;
  color: #0078d4;
}

.cc-tech-specs .tech-table tr td:first-child {
  width: 25%;
  vertical-align: top;
  font-weight: bold;
}

.cc-tech-specs .tech-table tr td:last-child {
  width: 75%;
  vertical-align: top;
}

@media screen and (max-width: 768px) {
  .cc-tech-specs .tech-table tr td:first-child {
    width: 35%;
    padding-right: 15px;
  }
  .cc-tech-specs .tech-table tr td:last-child {
    width: 65%;
  }
}

.cc-feature-specs {
  float: right;
  width: 50%;
  padding: 20px;
  background-color: #f3f4f7;
}

.cc-feature-specs h3 {
  margin-top: 0px;
  text-align: center;
  margin-bottom: 0px;
}

@media screen and (max-width: 768px) {
  .cc-feature-specs {
    width: 100%;
    float: none;
  }
  .cc-feature-specs h3 {
    display: none;
  }
}

#cc-snow-tabs .snow-slide img {
  display: block;
  margin: auto;
  max-width: 90%;
}

#cc-snow-tabs .snow-slide h5 {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}

#cc-snow-tabs .snow-slide p {
  color: #111111;
  line-height: 1.75;
}

#cc-snow-tabs .snow-features-slider {
  padding: 40px 0px 20px;
  width: 80%;
  max-width: 450px;
  margin: auto;
}

#cc-snow-tabs .snow-features-slider .slick-prev.slick-arrow {
  left: -50px;
  top: 125px;
  position: absolute;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

#cc-snow-tabs .snow-features-slider .slick-prev.slick-arrow img {
  width: 11px;
}

#cc-snow-tabs .snow-features-slider .slick-next.slick-arrow {
  right: -50px;
  top: 125px;
  position: absolute;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

#cc-snow-tabs .snow-features-slider .slick-next.slick-arrow img {
  width: 11px;
}

@media screen and (max-width: 768px) {
  #cc-snow-tabs .snow-features-slider {
    width: 96%;
  }
}

#cc-snow-tabs .snow-features-slider .slick-dots {
  cursor: pointer;
  list-style-type: none;
  text-align: center;
  padding: 0;
  margin: 0;
}

#cc-snow-tabs .snow-features-slider .slick-dots li {
  display: inline-block;
  margin: 0px 5px;
}

#cc-snow-tabs .snow-features-slider .slick-dots li button {
  font-size: 0px;
  height: 10px;
  width: 10px;
  border-radius: 100%;
  padding: 0px;
  border: 0;
  background-color: #004e9c;
  opacity: 0.4;
}

#cc-snow-tabs .snow-features-slider .slick-dots li.slick-active button {
  opacity: 1;
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px;
}

.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px;
}

.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.twentytwenty-before-label,
.twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity;
}

.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em;
}

.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.twentytwenty-horizontal .twentytwenty-before-label:before,
.twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px;
}

.twentytwenty-vertical .twentytwenty-before-label:before,
.twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px;
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute;
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px;
}

.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px;
}

.twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.twentytwenty-container img {
  max-width: 100%;
  position: absolute;
  top: 0;
  display: block;
}

.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
  background: rgba(0, 0, 0, 0);
}

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active
  :hover.twentytwenty-overlay
  .twentytwenty-before-label,
.twentytwenty-container.active
  :hover.twentytwenty-overlay
  .twentytwenty-after-label {
  opacity: 0;
}

.twentytwenty-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.twentytwenty-before-label {
  opacity: 0;
}

.twentytwenty-before-label:before {
  content: attr(data-content);
}

.twentytwenty-after-label {
  opacity: 0;
}

.twentytwenty-after-label:before {
  content: attr(data-content);
}

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px;
}

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px;
}

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px;
}

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px;
}

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25;
}

.twentytwenty-overlay:hover {
  background: rgba(0, 0, 0, 0.5);
}

.twentytwenty-overlay:hover .twentytwenty-after-label {
  opacity: 1;
}

.twentytwenty-overlay:hover .twentytwenty-before-label {
  opacity: 1;
}

.twentytwenty-before {
  z-index: 20;
}

.twentytwenty-after {
  z-index: 10;
}

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer;
}

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px;
}

.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px;
}

.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px;
}

.twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px;
}

#cc-snow-tabs .lens-filter-wrap {
  width: 50%;
}

#cc-snow-tabs .lens-filter-wrap {
  float: right;
  width: 50%;
}

#cc-snow-tabs .lens-info-wrap {
  float: left;
  width: 47%;
}

#cc-snow-tabs .lens-info-wrap img {
  max-width: 80%;
  display: block;
  margin: auto;
}

#cc-snow-tabs .lens h3 {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 35px;
}

#cc-snow-tabs .lens-info-wrap h5 {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 15px;
}

#cc-snow-tabs .lens-info-wrap {
  color: #111111;
  line-height: 1.75;
}

.power-pack-price .product-price__main--sale {
  color: #232b38;
}

.product-price__main--sale {
  color: #e62817;
}

.product-price__compare.visible {
  display: inline;
}

.product-price-saved {
  font-size: 11px;
  text-transform: uppercase;
  color: #6d7782;
}

.product-price-saved.powder-pack-savings {
  color: #002970;
  font-weight: 700;
  font-size: 11px;
}

.product-price__compare {
  display: none;
  margin-left: 5px;
  color: #6d7782;
  text-decoration: line-through;
  font-size: 22px;
}

#snow-voptions {
  border-bottom: 1px solid #e5e3e3;
  padding: 10px 0px;
}

#snow-voptions label {
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: #222b38;
}
#snow-voptions label span {
  font-size: 14px;
}
#snow-voptions .snow-option {
  background-color: white;
  color: #222b38;
  font-size: 16px;
  text-align: center;
  padding: 0px;
  height: 35px;
  width: 55px;
  border: 1px solid #e5e3e3;
  font-weight: bold;
  margin-right: 10px;
  margin-top: 5px;
  cursor: pointer;
  transition: all 0.5s;
  position: relative;
  margin-bottom: 0px !important;
}

#snow-voptions .snow-option:hover {
  background-color: #ececec;
}

#snow-voptions .snow-option.active {
  background-color: #004e9c;
  color: white;
  border: 1px solid #004e9c;
}

#snow-voptions .snow-option.active:hover {
  background-color: #004e9c;
}

#shopify-section-static-product-snow .selector-wrapper {
  display: none;
}

#shopify-section-static-product-snow #product-variants {
  display: none;
}

#snow-voptions .snow-option.unavailable:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: transparent;
}

#snow-voptions .snow-option.unavailable:after {
  display: block;
  position: absolute;
  top: -22%;
  left: 50%;
  width: 2px;
  height: 145%;
  z-index: 1;
  content: "";
  background: #002970;
  transform: rotateZ(45deg);
}

.shopify-section.product .selector-wrapper {
  display: none;
}

.shopify-section.product .default-variant__input {
  display: none;
}

.shopify-section.product .default-variant__label {
  display: none;
}

.shopify-section.product .sw-extra {
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  display: inline-block;
  color: black;
  margin-right: 15px;
  text-align: center;
}

.shopify-section.product a.sw-extra {
  font-weight: normal;
  color: black;
  text-decoration: none;
}

.shopify-section.product a.sw-extra:hover {
  color: black;
}

.shopify-section.product .bl-color-clear {
  margin-bottom: 5px;
}

.shopify-section.product .bl-color-sun {
  margin-bottom: 5px;
}

.shopify-section.product .fit-guide__frame-title {
  display: block;
  width: 100%;
  font-family: aktiv-grotesk-extended, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.1;
  color: #232b38;
  text-align: center;
}

.shopify-section.product a.fit-guide__button {
  display: none;
}

.shopify-section.product .fit-guide__image-container {
  text-align: center;
  font-size: 0px;
}

.shopify-section.product .fit-guide__image-container img {
  display: inline-block;
  max-width: 50%;
  margin: auto;
}

.shopify-section.product .fit-guide__description {
  color: #111111;
  font-size: 14px;
  line-height: 1.75;
}

.shopify-section.product .fit-guide__list--labels {
  float: left;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.shopify-section.product .fit-guide__list--labels li {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #111111;
}

.shopify-section.product .fit-guide__list--values {
  float: right;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.shopify-section.product .fit-guide__list--values li {
  font-size: 14px;
  margin-bottom: 5px;
  text-align: right;
}

.shopify-section.product .fit-guide__frame-specs {
  padding: 5px 0px 10px;
  overflow: auto;
}

.shopify-section.product
  .product-feature-icons__wrapper.feature-3-wrap
  .product-feature-icon {
  float: left;
  width: 33.33%;
  text-align: center;
}

.shopify-section.product .product-feature-icons__wrapper .product-feature-icon {
  float: left;
  width: 25%;
  text-align: center;
}

.shopify-section.product .product-feature-icons__wrapper {
  padding: 40px 0px;
}

.shopify-section.product .product-feature-icons_list {
  border-top: 1px solid #e0e5e9;
  border-bottom: 1px solid #e0e5e9;
  padding: 20px 0px;
  overflow: auto;
  font-size: 14px;
  color: #111111;
  font-size: 14px;
}

.shopify-section.product .product-feature-icon img {
  vertical-align: middle;
  margin-right: 10px;
  height: 45px;
}

/*** MOBILE PRODUCT **/
#cc-snow-tabs {
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  margin: auto;
  padding-top: 40px;
  overflow: auto;
  padding-bottom: 40px;
}
@media screen and (max-width: 860px) {
  .shopify-section.product
    .product-feature-icons__wrapper.feature-3-wrap
    .product-feature-icon {
    padding: 0px 10px;
  }
  .shopify-section.product .product-feature-icons__wrapper {
    padding: 0px 0px 40px;
  }
  .shopify-section.product .product-feature-icons_list {
    border: none;
    padding: 0px;
  }
  .shopify-section.product .product-feature-icon img {
    display: block;
    margin: auto;
  }
  .shopify-section.product
    .product-feature-icons__wrapper
    .product-feature-icon {
    width: 50%;
    margin-bottom: 15px;
  }
  .shopify-section.product
    .product-feature-icons__wrapper
    .product-feature-icon:nth-child(3) {
    margin-bottom: 0px;
  }
  .shopify-section.product
    .product-feature-icons__wrapper
    .product-feature-icon:nth-child(4) {
    margin-bottom: 0px;
  }
  .shopify-section.product .fit-guide__frame-title {
    display: block;
    width: 100%;
    font-family: aktiv-grotesk-extended, sans-serif;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.1;
    color: #232b38;
  }
  .shopify-section.product a.fit-guide__button {
    display: none;
  }
  .shopify-section.product .fit-guide__image-container img {
    display: block;
    max-width: 100%;
    margin: auto;
  }
  .shopify-section.product .fit-guide__description {
    color: #111111;
    font-size: 16px;
    line-height: 1.75;
  }
  .shopify-section.product .fit-guide__list--labels {
    float: left;
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  .shopify-section.product .fit-guide__list--labels li {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #111111;
  }
  .shopify-section.product .fit-guide__list--values {
    float: right;
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  .shopify-section.product .fit-guide__list--values li {
    font-size: 12px;
    margin-bottom: 5px;
    text-align: right;
  }
  .shopify-section.product .fit-guide__frame-specs {
    padding: 5px 0px 10px;
    overflow: auto;
  }
  .shopify-section.product
    .yotpo-widget-wrapper
    .yotpo-main-widget
    .main-widget
    .yotpo-display-wrapper
    .yotpo-regular-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 0;
  }
  .shopify-section.product .static-product__image-details {
    min-height: auto !important;
    display: block;
  }
  .shopify-section.product .product-details {
    border-bottom: none;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .shopify-section.product .product-details__content {
    padding-bottom: 0px;
  }
  .shopify-section.product .product-badge-container {
    position: absolute;
    top: 15px;
    right: 1.5rem;
    z-index: 1;
    opacity: 1;
    transition: opacity 0.2s ease;
  }
  .shopify-section.product .cc-main-photo {
    background-color: #f2f4f7;
    width: 85%;
    float: none;
    position: absolute;
    height: auto;
    overflow: auto;
    left: 15%;
    top: 50%;
    transform: translateY(-50%);
  }
  .shopify-section.product .cc-thumbs {
    max-width: 15%;
    float: left;
    padding-right: 20px;
    padding-top: 0;
    width: 15%;
    max-height: 100%;
    position: relative;
    top: 0;
    transform: translateY(0%);
  }
  .shopify-section.product .static-product__image-details .product-images {
    display: block;
    background-color: #f2f4f7;
    padding-top: 0px;
    position: relative;
    top: 0;
    max-height: none;
    height: auto;
    position: relative;
    overflow: auto;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    min-height: 285px;
  }
  .shopify-section.product .cc-main-photo img {
    position: relative;
  }
  .shopify-section.product
    .static-product__image-details
    .product-images
    .product-images__action-expand {
    display: none;
  }
  .shopify-section.product .cc-main-photo {
    display: none;
  }
  .shopify-section.product .cc-thumbs {
    width: 100%;
    padding-right: 0;
    max-width: 100%;
  }
  .shopify-section.product .static-product__image-details .product-images {
    height: auto;
    padding-top: 0px;
    position: relative;
    top: 0px;
  }
  .shopify-section.product .cc-thumbs .thumb-wrap.active {
    border: 0;
  }
  .shopify-section.product .cc-thumbs .thumb-wrap {
    border: 0;
    cursor: default;
    margin-bottom: 0px;
    padding: 50px 0px;
  }
  .shopify-section.product .product-badge-container {
    top: 10px;
    right: 10px;
  }
  .shopify-section.product .product-details__inner {
    top: 0px;
    margin-top: 0px;
    min-height: 0px;
    padding-top: 20px;
  }
  .shopify-section.product .cc-thumbs .thumb-wrap.active {
    opacity: 1;
  }
  .shopify-section.product .cc-thumbs .thumb-wrap:hover,
  .shopify-section.product .cc-thumbs .thumb-wrap:focus {
    opacity: 1;
  }
  .shopify-section.product .cc-3d-view {
    width: 100%;
    float: none;
    z-index: 2;
    min-height: 460px;
  }
  /*
  .shopify-section.product .cc-3d-view .spin-trigger-d {
    display: none !important;
  }
  */
  .product-details .product-details__fitguide-button {
    display: none;
  }
  .shopify-section.product .product-details .product-details__more-button {
    display: none;
  }
  .shopify-section.product .cc-thumbs .thumb-wrap img {
    max-width: 98%;
  }
    
  #cc-snow-tabs {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  #cc-snow-tabs .tabs-wrap {
    display: none;
  }
  #cc-snow-tabs .cc-content-wrap {
    display: block !important;
    border-top: 1px solid #e0e5e9;
    padding: 0px;
    position: static;
    left: 0;
    visibility: visible;
    opacity: 1;
  }
  #cc-snow-tabs .cc-content-wrap.details p {
    margin-top: 0px;
  }
  #cc-snow-tabs .cc-content {
    display: none;
    padding: 0px 20px 20px 20px;
  }
  #cc-snow-tabs .cc-content.active {
    display: block;
  }
  #cc-snow-tabs .cc-accordion {
    display: block;
    position: relative;
    padding: 10px 0px;
  }

  #cc-snow-tabs .cc-accordion::after {
    content: "+";
    font-size: 16px;
    color: #111111;
    float: right;
    margin-right: 0px;
    line-height: 24px;
    font-weight: 600 !important;
  }
  #cc-snow-tabs .cc-accordion.active::after {
    content: "-";
  }

  #cc-snow-tabs .cc-accordion svg.chevron {
    position: absolute;
    top: 30px;
    right: 20px;
    color: #111111;
    transform: rotate(180deg);
  }
  #cc-snow-tabs .cc-accordion.active svg.chevron {
    transform: rotate(0deg);
  }
  .fitsguide .description-blocks__icon {
    display: inline-block;
    margin: auto;
    margin-right: 8px;
    color: rgb(109, 119, 130);
  }
  .details .description-blocks__icon {
    vertical-align: top;
    display: inline-block;
    margin: auto;
    margin-right: 6px;
    color: rgb(109, 119, 130);
  }
  #cc-snow-tabs .details .details-text-wrap {
    width: 100%;
    float: none;
    padding: 0px;
  }
  #cc-snow-tabs .details .details-text-wrap h3 {
    display: none;
  }
  #cc-snow-tabs .details .details-img-wrap {
    display: none;
  }
  #cc-snow-tabs .lens-filter-wrap,
  #cc-snow-tabs .lens-info-wrap {
    width: 100%;
    float: none;
  }
  #cc-snow-tabs .lens-filter-wrap {
    margin-bottom: 25px;
  }
  #cc-snow-tabs .cc-accordion {
    font-size: 14px;
  }
  .pdp-ship-return {
    font-size: 0px;
    text-align: center;
    border-top: 1px solid #e0e5e9;
    max-width: 100%;
    width: 100%;
    overflow: auto;
    padding: 0px 0px 20px;
  }
  .pdp-ship-return h5 {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: -0.015em;
    color: #232b38;
    padding: 20px 15px 10px;
    display: block;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #e0e5e9;
  }
  .pdp-ship-return h5 br {
    display: none;
  }
  .pdp-ship-return svg {
    vertical-align: top;
  }
  .product-info-container .pdp-recommendations {
    padding: 20px 0px;
  }
  .cc-check-the-look {
    padding: 20px 0px;
  }
}

@media screen and (max-width: 500px) {
  .product-info-container {
    max-width: 100%;
  }
  .shopify-section.product .yotpo .yotpo-reviews .yotpo-regular-box {
    width: 100%;
  }
  .shopify-section.product .product-details__title,
  .shopify-section.product .product-details__title h1,
  .shopify-section.product .product-details__frame h1 {
    font-size: 24px;
  }
}

/* RX PDP */

#RXbuilder {
  border-bottom: 1px solid #e9e8e8;
  overflow: auto;
}

#RXbuilder .rxType.active {
  color: white;
  font-weight: 600;
  font-size: 13px;
  background-color: #0a55a0;
  border: 2px solid #0a55a0;
}

#RXbuilder .rxColor.active .color {
  border: 2px solid #004e9c;
}

#RXbuilder .rxColor.active {
  font-weight: bold;
}

#RXbuilder .rxPower.active {
  color: white;
  font-weight: 600;
  font-size: 14px;
  background-color: #0a55a0;
  border: 2px solid #0a55a0;
}

#RXbuilder .rxPower.unavailable:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: transparent;
}

#RXbuilder .rxPower.unavailable:after {
  display: block;
  position: absolute;
  top: -22%;
  left: 50%;
  width: 2px;
  height: 145%;
  z-index: 1;
  content: "";
  background: #002970;
  transform: rotateZ(45deg);
}

#RXbuilder h4 {
  font-size: 13px;
  font-weight: 600;
  clear: both;
  margin-bottom: 1.33em;
  position: relative;
  font-family: "basis-grotesque", Helvetica, sans-serif;
}

#RXbuilder h4 small {
  font-size: 12px;
  font-weight: normal;
  display: block;
  color: #6d7782;
  margin-top: 7px;
  font-family: "basis-grotesque", Helvetica, sans-serif;
}

#RXbuilder h4.confirm:before {
  content: url("/cdn/shop/files/Group.png?v=1588841102");
  position: absolute;
  left: -25px;
  top: 0;
}

#RXbuilder h4 > span {
  position: absolute;
  right: -25px;
  font-size: 11px;
  padding: 5px 10px;
  background-color: #f4f4f4;
  top: -3px;
  min-width: 90px;
  text-align: center;
  display: none;
  color: #2165a8;
  border-radius: 30px;
  font-family: "basis-grotesque", Helvetica, sans-serif;
}

#RXbuilder h4 small span.range {
  display: block !important;
}

#RXbuilder h4 em {
  position: absolute;
  right: 75px;
  font-size: 11px;
  padding: 0px;
  background-color: transparent;
  top: 2px;
  font-style: normal;
  width: auto;
  text-align: center;
  display: none;
  color: #1eb8ff;
  font-family: "basis-grotesque", Helvetica, sans-serif;
}

#RXbuilder #step2_single {
  padding-top: 15px;
  border-top: 1px solid #e9e8e8;
}

#RXbuilder #step2_single h4 {
  margin-top: 0px;
}

#RXbuilder #step2_reader {
  padding-top: 15px;
  border-top: 1px solid #e9e8e8;
}

#RXbuilder #step2_reader h4 {
  margin-top: 0px;
}

#RXbuilder #step3_single {
  padding-top: 15px;
  border-top: 1px solid #e9e8e8;
}

#RXbuilder #step3_single h4 {
  margin-top: 0px;
}

#RXbuilder #step3_reader {
  padding-top: 15px;
  border-top: 1px solid #e9e8e8;
  display: none !important;
}

#RXbuilder #step3_reader h4 {
  margin-top: 0px;
}

#RXbuilder .rxType {
  color: #0a55a0;
  font-weight: 600;
  font-size: 13px;
  background-color: white;
  border: 2px solid #80a6cd;
  border-radius: 4px;
  text-align: center;
  padding: 15px 2px;
  width: 48%;
  display: block;
  float: left;
  cursor: pointer;
  margin-top: 0px;
  position: relative;
}

#RXbuilder .rxType:hover {
  color: white;
  font-weight: 600;
  font-size: 13px;
  background-color: #0a55a0;
  border: 2px solid #0a55a0;
}

#RXbuilder .rxType:last-child {
  float: right;
}

#RXbuilder #step2_reader span {
  display: none;
}

#RXbuilder #step2_reader input {
  display: none;
}

#RXbuilder .rxPower {
  color: #0a55a0;
  font-weight: 600;
  font-size: 14px;
  background-color: white;
  border: 2px solid #80a6cd;
  border-radius: 4px;
  text-align: center;
  padding: 10px;
  width: 24%;
  display: block;
  float: left;
  cursor: pointer;
  margin-right: 1%;
  margin-top: 0px;
  position: relative;
}

#RXbuilder .rxPower:hover {
  color: white;
  font-weight: 600;
  font-size: 14px;
  background-color: #0a55a0;
  border: 2px solid #0a55a0;
}

#RXbuilder .rxColor {
  background-color: white;
  border: 0;
  text-align: center;
  cursor: pointer;
  margin-top: 0px;
}
@media screen and (max-width: 768px) {
  #RXbuilder .rxColor {
    padding: 0;
  }
}

.lens-colors-wrap {
  display: flex;
  flex-flow: row;
  justify-content: space-around;
}
@media screen and (min-width: 769px) {
  .lens-colors-wrap {
    justify-content: center;
  }
}
@media screen and (min-width: 769px) {
  .lens-colors-wrap {
    justify-content: space-between;
  }
}

#RXbuilder .rxColor:hover .color {
  border-color: #004e9c;
}

#RXbuilder .rxColor span {
  display: block;
}
#RXbuilder .rxColor span.hidden {
  display: none;
}

#RXbuilder .rxColor .color {
  border: 2px solid #dddcdc;
  border-radius: 50%;
  margin: auto;
  padding: 3px;
  display: inline-block;
  position: relative;
}

#RXbuilder .rxColor span.color-holder {
  height: 25px;
  width: 25px;
  margin: auto;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

#RXbuilder .rxUpgrade {
  background-color: white;
  border: 0;
  position: relative;
  margin-top: 0px;
}

#RXbuilder .rxUpgrade:before {
  width: 20px;
  height: 20px;
  background-color: #f4f4f4;
  position: absolute;
  top: 0;
  left: -25px;
  content: " ";
}

#RXbuilder .rxUpgrade.active:after {
  width: 15px;
  height: 15px;
  position: absolute;
  top: -0.5px;
  left: -22.5px;
  content: url("/cdn/shop/files/noun_tick_1296923.png?v=1588833857");
}

#RXbuilder .rxUpgrade span {
  display: block;
  text-align: left;
  font-size: 13px;
  color: #8f969f;
  max-width: 80%;
  line-height: 1.5;
}

#RXbuilder .add-price {
  font-size: 14px;
  margin: 5px 0px;
  color: #ccd3db;
}

#RXbuilder .rxUpgrade span.upgrade-name {
  font-weight: bold;
  color: #010101;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
  line-height: normal;
}

#RXbuilder .rxUpgrade {
  cursor: pointer;
  width: 100%;
}
#RXbuilder .lensImages img {
  width: 92%;
  max-width: none;
  display: none;
  margin: 0px auto 10px;
}

#RXbuilder .lensImages img {
  display: block;
}

#RXbuilder .lensImages {
  margin-bottom: 15px;
}

#RXbuilder #BIS_trigger {
  display: none !important;
}

#RXbuilder .rxUpgrade span.upgrade-price {
  position: absolute;
  top: 0;
  right: 0;
  color: #0078d4;
  font-size: 13px;
  font-weight: bold;
}

#RXbuilder #step2_single em {
  display: none !important;
}

#RXbuilder #step1 {
  overflow: auto;
  padding-left: 25px;
  padding-right: 25px;
}

#RXbuilder #step2_single {
  padding-left: 25px;
  padding-right: 25px;
}

#RXbuilder #step2_reader {
  overflow: auto;
  padding-left: 25px;
  padding-right: 25px;
}

#RXbuilder #step3_single {
  overflow: auto;
  padding-left: 25px;
  padding-right: 25px;
}

#RXbuilder #step3_reader {
  overflow: auto;
  padding-left: 25px;
  padding-right: 25px;
}

#RXbuilder .lensImages {
  display: none;
}

#RXbuilder #rxInfo {
  padding: 5px 0px;
  display: none;
  border-top: 1px solid #e9e8e8;
}

#RXbuilder #rxInfo p {
  text-align: center;
  margin-top: 0px;
  font-size: 13px;
  margin-bottom: 0px;
}

@media screen and (max-width: 768px) {
  #RXbuilder #step2_single .lensImages {
    display: block;
  }
}

#RXbuilder #step2_single .swiper-button-prev, #RXbuilder #step2_single .swiper-button-next {
  display: none;
}

#RXbuilder #step2_single .swiper-button-prev:after, #RXbuilder #step2_single .swiper-button-next:after {
  font-size: 36px;
  font-weight: bold;
}

@media screen and (min-width: 769px) {
  #RXbuilder #step2_single .swiper-button-prev, #RXbuilder #step2_single .swiper-button-next {
    display: none;
  }
}

#RXbuilder .color.unavailable:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.75rem;
  height: 1.75rem;
  content: "";
  background: rgba(242, 244, 247, 0.3);
}

#RXbuilder .color.unavailable:after {
  display: block;
  position: absolute;
  top: 50%;
  left: -10%;
  width: 120%;
  height: 1px;
  border-bottom: 2px solid #002970;
  content: "";
  background: rgba(242, 244, 247, 0.3);
  transform: rotateZ(-45deg);
}

#RXbuilder .more-info {
  display: inline-block;
  background-color: #adadad;
  color: white;
  height: 16px;
  border-radius: 100%;
  width: 16px;
  text-align: center;
  line-height: 16px;
  font-style: normal;
  cursor: pointer;
  font-weight: bold;
  vertical-align: baseline;
  margin-left: 5px;
  font-size: 14px;
}

#RXbuilder #product-variants {
  display: none;
}

#RXbuilder .upgrade-desc .range {
  display: none !important;
}

body.geolocation-server-render .afterpay-paragraph,
html.flow-localized .afterpay-paragraph,
html.flow-localized afterpay-placement {
  display: none !important;
}

@media screen and (max-width: 860px) {
  #shopify-section-static-product-rx .product-badge-container {
    position: absolute;
    top: 15px;
    right: 1.5rem;
    z-index: 1;
    opacity: 1;
    transition: opacity 0.2s ease;
  }
  #shopify-section-static-product-rx .cc-main-photo {
    background-color: #f2f4f7;
    width: 85%;
    float: none;
    position: absolute;
    height: auto;
    overflow: auto;
    left: 15%;
    top: 50%;
    transform: translateY(-50%);
  }
  #shopify-section-static-product-rx .cc-thumbs {
    max-width: 15%;
    float: left;
    padding-right: 20px;
    padding-top: 0;
    width: 15%;
    max-height: 100%;
    position: relative;
    top: 0;
    transform: translateY(0%);
  }
  #shopify-section-static-product-rx
    .static-product__image-details
    .product-images {
    display: block;
    background-color: #f2f4f7;
    padding-top: 0px;
    position: relative;
    top: 0;
    max-height: none;
    height: auto;
    position: relative;
    overflow: auto;
  }
  #shopify-section-static-product-rx .cc-main-photo img {
    position: relative;
  }
  #shopify-section-static-product-rx
    .static-product__image-details
    .product-images
    .product-images__action-expand {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  #shopify-section-static-product-rx .cc-main-photo {
    display: none !important;
  }
  #shopify-section-static-product-rx .cc-thumbs {
    width: 100%;
    padding-right: 0;
    max-width: 100%;
  }
  #shopify-section-static-product-rx
    .static-product__image-details
    .product-images {
    height: auto;
    padding-top: 0px;
    position: relative;
    top: 0px;
  }
  #shopify-section-static-product-rx .cc-thumbs .thumb-wrap.active {
    border: 0;
  }
  #shopify-section-static-product-rx .cc-thumbs .thumb-wrap {
    border: 0;
    cursor: default;
    margin-bottom: 0px;
    padding: 50px 0px;
  }
  #shopify-section-static-product-rx .product-badge-container {
    top: 20px;
    right: 20px;
  }
  #shopify-section-static-product-rx .product-details__inner {
    top: 0px !important;
  }
  #shopify-section-static-product-rx .cc-thumbs .thumb-wrap.active {
    opacity: 1;
  }
  #shopify-section-static-product-rx .cc-thumbs .thumb-wrap:hover,
  #shopify-section-static-product-rx .cc-thumbs .thumb-wrap:focus {
    opacity: 1;
  }
  #shopify-section-static-product-rx .cc-thumbs .thumb-wrap img {
    max-width: 98%;
  }
}

#INFO_rxpop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.65);
  z-index: 1000;
  display: none;
}

#INFO_rxpop #INFOModal {
  width: 460px;
  margin: auto;
  max-width: 96%;
}
#INFOModal a, .pd-subtitle a {
  color: #0078d4;
}
#INFO_rxpop #container {
  background: #fff;
  position: relative;
  margin-top: 20px;
}

@media only screen and (min-width: 992px) {
  #INFO_rxpop #container {
    margin-top: 140px;
  }
}

#INFO_rxpop #container {
  border-radius: 5px;
  padding: 36px 14px;
}
@media screen and (min-width: 768px) {
  #INFO_rxpop #container {
    padding: 30px 45px;
  }
}

#INFO_rxpop .close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  float: none;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  color: #ccc;
  text-shadow: 0 1px 0 #fff;
}

#INFO_rxpop h3 {
  margin-top: 10px;
}

#INFO_rxpop .button-p {
  margin-bottom: 0px;
  text-align: right;
}

#INFO_rxpop #INFO_closebg {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

#INFO_rxpop p span {
  display: block;
  text-align: center;
  font-weight: bold;
  font-style: italic;
}

#rx-nav {
  display: block;
  width: 100%;
  position: absolute;
  top: 35px;
  left: 0;
  background-color: white;
  z-index: 100;
  transform: translate3d(0, 0, 0);
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  transition: height 0.2s ease, opacity 0.2s ease;
  opacity: 0;
  visibility: hidden;
  display: none;
}

#rx-nav.active {
  height: calc(100vh - 35px);
  opacity: 1;
  visibility: visible;
  display: block;
}

/* Style the buttons that are used to open and close the accordion panel */

.rx-accordion {
  background-color: #f7f8f9;
  color: #002970;
  cursor: pointer;
  padding: 30px 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-bottom: 10px;
  position: relative;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 15px;
  display: block;
  box-sizing: border-box;
  text-decoration: none;
  font-family: "basis-grotesque", Helvetica, sans-serif;
}

.rx-accordion img,
.submenu-mb__item img {
  display: block;
  position: absolute;
  right: 18px;
  top: 0;
  height: 100%;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

.rx-accordion.active {
  background-color: #f7f8f9;
}

button.rx-accordion,
button.rx-accordion:hover,
button.rx-accordion:focus {
  color: #002970 !important;
}

.rx-accordion:hover {
  color: #0078d4;
  background-color: #f7f8f9;
}

.rx-accordion:focus {
  color: #002970;
}

button.rx-accordion:after,
.submenu-mb__item-opener:after {
  content: "+";
  /* Unicode character for "plus" sign (+) */
  font-size: 15px;
  color: #002970;
  margin-left: 15px;
}

button.rx-accordion.active:after,
.submenu-mb__item-opener.active:after {
  content: "-";
  /* Unicode character for "minus" sign (-) */
}

/* Style the accordion panel. Note: hidden by default */

.rx-panel,
.submenu-mb__group {
  padding: 0px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.rx-tabs {
  width: 100%;
  background-color: #f3f4f7;
  border-bottom: 1px solid #e0e5e9;
  padding: 0px;
  margin: 0px;
  font-size: 0px;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  position: sticky;
  top: 65px;
  z-index: 2;
}

.rx-tabs li {
  display: inline-block;
  width: 33.33%;
  padding: 15px 0px;
  text-align: center;
  color: #002970;
  opacity: 0.6;
  font-size: 13px;
  cursor: pointer;
  line-height: normal;
  border-bottom: 3px solid transparent;
  border-top: 3px solid transparent;
  font-weight: bold;
}

.rx-tabs li.active {
  opacity: 1;
  border-bottom: 3px solid #002970;
}

.rx-nav-cont {
  padding: 15px 15px 100px;
  min-height: 100%;
}

.header-wrapper:not(.header-wrapper--sticky) .rx-nav-cont {
  padding: 15px 15px 120px;
}

.rx-hero {
  position: relative;
  margin-bottom: 15px;
}

.rx-hero-image img {
  display: block;
  width: 100%;
}

.rx-hero-content {
  position: absolute;
  display: inline-block;
  margin: auto;
  left: 5%;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
}

.rx-hero-content p {
  color: #111111;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 15px;
  font-weight: bold;
  font-family: "basis-grotesque", Helvetica, sans-serif;
}

.rx-hero-content a {
  display: inline-block;
  color: #fff;
  background-color: #002970;
  background-image: linear-gradient(
    116.57deg,
    rgba(8, 177, 255, 0.4) 0%,
    rgba(0, 120, 212, 0.4) 50%,
    rgba(0, 120, 212, 0) 100%
  );
  transition: 0.2s ease;
  min-width: 4.25rem;
  padding: 0.875rem 1rem 0.875rem;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.075em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  border-radius: 0.1875rem;
}

.rx-badge {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 10px;
  font-weight: normal;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  padding: 3px 7px;
  color: white;
  background-color: #06affd;
}

.rx-solid {
  background-color: #002970;
  text-align: center;
  color: white;
  font-size: 15px;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  padding: 10px 18px;
  display: block;
  margin-bottom: 10px;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 1px;
}

.rx-solid:hover {
  color: white;
  opacity: 0.9;
}

.rx-panel ul,
.submenu-mb__group ul {
  display: block;
  padding: 0;
  margin: 0 0 10px;
  list-style-type: none;
}

.rx-panel ul li,
.submenu-mb__group ul li {
  display: block;
  border-bottom: 1px solid #ccc;
}

.rx-panel ul li a,
.submenu-mb__group ul li a {
  display: block;
  text-decoration: none;
  padding: 18px;
  text-align: left;
  width: 100%;
  color: #002970;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  box-sizing: border-box;
}

.rx-panel ul li:first-child a svg,
.submenu-mb__group ul li:first-child a svg {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  overflow: visible;
}

.rx-solid svg {
  display: inline-block;
  margin-left: 10px;
  vertical-align: baseline;
  overflow: visible;
  position: relative;
  top: -1px;
}

#rx-nav .rx-nav-blocks {
  display: none;
  padding-bottom: 75px;
}

#rx-nav .rx-nav-blocks.active {
  display: block;
}

#rx-nav .rx-over-menu {
  position: sticky;
  top: 0;
  z-index: 2;
  border-bottom: 0.0625rem solid #e0e5e9;
  background-color: #fff;
  transition: border-bottom-color 0.2s ease, background-color 0.2s ease;
  height: 65px;
}

#rx-nav .rx-close-nav {
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 10px 10px 10px 0px;
  margin: 0;
  line-height: 1;
  font-size: 0;
  height: auto;
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
}

#rx-nav .rx-search {
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 10px 10px 10px 0px;
  margin: 0;
  line-height: 1;
  font-size: 0;
  height: auto;
  position: absolute;
  right: 1rem;
  margin-right: 40px;
  top: 50%;
  transform: translateY(-50%);
}

#rx-nav .rx-over-wrap {
  position: relative;
  max-width: 90rem;
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
  height: 100%;
}

#rx-nav .rx-logo {
  color: #002970;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  line-height: 1;
  font-size: 0;
  margin: auto;
  transform: translate(-50%, -50%);
}

#rx-nav .rx-logo svg {
  width: 36px;
  height: 36px;
}

#rx-nav .rx-cart {
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 10px 0px 10px 10px;
  margin: 0;
  line-height: 1;
  font-size: 0;
  height: auto;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: #002970;
}

#rx-nav .header-icons__icon-badge {
  position: absolute;
  top: 0;
  right: -10px;
  min-width: 1rem;
  min-height: 1rem;
  padding: 0.125rem 0.25rem;
  line-height: 1;
  color: #fff;
  background-color: #08b1ff;
  border-radius: 6.25rem;
  font-size: 0.875rem;
  visibility: visible;
  opacity: 1;
}

#rx-nav .header-icons__icon-badge::before {
  content: attr(data-cart-count);
}

#rx-nav .header-icons__icon-badge[data-cart-count="0"] {
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
}

/*** CART TEMPLATE ***/

.cart-sub-nav-bar {
  background-color: #f2f4f7;
  border-bottom: 1px solid #e0e5e9;
}

.cart-sub-nav-bar__content {
  width: 1300px;
  max-width: 96%;
  margin: auto;
  padding: 15px 0px;
  overflow: auto;
}

.cart-sub-nav-bar__continue-shopping-wrapper {
  float: left;
}

.cart-sub-nav-bar__continue-shopping {
  border: none;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  text-decoration: none;
  color: #0078d4;
  font-size: 14px;
}

.cart-sub-nav-bar__continue-shopping svg {
  transform: rotate(270deg);
  margin-right: 10px;
  top: -1px;
  position: relative;
}

.cart-sub-nav-bar__account-wrapper {
  float: right;
}

@media screen and (max-width: 768px) {
  .cart-sub-nav-bar__continue-shopping-wrapper {
    display: none;
  }
}

.cart-sub-nav-bar__have-an-account {
  display: inline-block;
  margin: 0px;
  color: #6d7782;
}

.cart-sub-nav-bar__log-in {
  display: inline-block;
  margin: 0px;
  text-transform: uppercase;
  color: #0078d4;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
  margin-left: 15px;
}

.cart-sub-nav-bar__sign-up {
  display: inline-block;
  margin: 0px;
  text-transform: uppercase;
  color: #0078d4;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
  margin-left: 15px;
}

.collection-bottom h2 {
  font-size: 22px;
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
}

.collection-bottom p {
  color: #111111;
  font-size: 16px;
  line-height: 1.75;
}

.collection-bottom h2:first-child {
  margin-top: 0px;
}
.bottom-more-links {
  padding-top: 10px;
}
.bottom-more-links h3, .blog_posts__title {
  font-size: 22px;
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
}

.bottom-more-links p {
  color: #111111;
  font-size: 16px;
  line-height: 1.75;
}

#learn-more-content {
  display: none;
}

#learn-more {
  background-color: transparent;
  border: none;
  outline: none;
  color: #0078d4;
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  padding-left: 0px;
}
#learn-more svg {
  transform: rotate(-180deg);
}
#learn-more.active svg {
  transform: rotate(0deg);
}
.bottom-container p #learn-more {
  display: none;
}
.bottom-more-links a {
  display: inline-block;
  padding: 2px 15px;
  border-radius: 20px;
  text-decoration: none;
  margin-right: 5px;
  border: 1px solid #002970;
  font-size: 14px;
  color: #002970;
  margin-bottom: 7px;
}
.bottom-more-links a svg {
  display: inline-block;
  margin-left: 3px;
  position: relative;
  fill: #002970;
}
.bottom-more-links a:hover {
  background-color: #002970;
  color: white;
}
.bottom-more-links a:hover svg {
  fill: #fff;
}
@media screen and (max-width: 768px) {
  #learn-more {
    display: block;
    margin: 10px auto;
  }
}

.collection-bottom .bottom-container {
  width: 1300px;
  max-width: 96%;
  margin: 20px auto 0px;
}
.collection-bottom .bottom-more-links {
  width: 1300px;
  max-width: 96%;
  margin: 20px auto 0px;
}
/* RX BACK IN STOCK */

#BISC_rxpop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.65);
  z-index: 1000;
  display: none;
  /* only the stuff we need added here */
}

#BISC_rxpop a {
  background-color: transparent;
}

#BISC_rxpop a:active,
#BISC_rxpop a:hover {
  outline: 0;
}

#BISC_rxpop h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

#BISC_rxpop hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

#BISC_rxpop input,
#BISC_rxpop optgroup,
#BISC_rxpop select,
#BISC_rxpop textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

#BISC_rxpop button[disabled] {
  opacity: 0.6;
}

#BISC_rxpop button.button {
  display: block;
  width: 100%;
}

#BISC_rxpop button::-moz-focus-inner,
#BISC_rxpop input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

#BISC_rxpop input {
  line-height: normal;
}

#BISC_rxpop input[type="number"]::-webkit-inner-spin-button,
#BISC_rxpop input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

#BISC_rxpop * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#BISC_rxpop *:before,
#BISC_rxpop *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#BISC_rxpop #container {
  background: white;
  padding: 12px 18px 40px 18px;
}

@media only screen and (min-width: 500px) {
  #BISC_rxpop #container {
    border-radius: 5px;
    padding: 30px 40px;
  }
}

@media only screen and (min-width: 992px) {
  #BISC_rxpop #container {
    margin-top: 140px;
  }
}

#BISC_rxpop .fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

#BISC_rxpop .fade.in {
  opacity: 1;
}

#BISC_rxpop .modal {
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

#BISC_rxpop .modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

#BISC_rxpop .modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

#BISC_rxpop .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

#BISC_rxpop .modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

#BISC_rxpop .modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0;
}

#BISC_rxpop .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

#BISC_rxpop .modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

#BISC_rxpop .modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

#BISC_rxpop .modal-title {
  margin: 0;
  line-height: 1.42857143;
}

#BISC_rxpop .modal-body {
  position: relative;
  padding: 15px;
}

@media (min-width: 768px) {
  #BISC_rxpop .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  #BISC_rxpop .modal-sm {
    width: 300px;
  }
}

@media (min-width: 992px) {
  #BISC_rxpop .modal-lg {
    width: 900px;
  }
}

#BISC_rxpop .clearfix:before,
#BISC_rxpop .clearfix:after {
  content: " ";
  display: table;
}

#BISC_rxpop .clearfix:after {
  clear: both;
}

#BISC_rxpop h3 {
  font-size: 24px;
}

#BISC_rxpop h4 {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#BISC_rxpop h3,
#BISC_rxpop h4 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

#BISC_rxpop .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#BISC_rxpop .input-lg {
  font-size: 15px;
  height: 46px;
  padding: 10px 16px;
  line-height: 1.3333333;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #BISC_rxpop select:focus,
  #BISC_rxpop textarea:focus,
  #BISC_rxpop input:focus {
    font-size: 16px;
    background: #eee;
  }
}

#BISC_rxpop .submit-wrap {
  margin-top: 20px;
}

#BISC_rxpop .form-group {
  margin-bottom: 15px;
}

#BISC_rxpop .qty-label {
  width: 65%;
  float: left;
  text-align: right;
  padding-right: 20px;
}

#BISC_rxpop .qty-input-wrap {
  width: 35%;
  float: left;
}

#BISC_rxpop .qty-wrap {
  overflow: hidden;
}

#BISC_rxpop .qty-wrap input {
  text-align: right;
}

#BISC_rxpop .btn {
  display: inline-block;
  padding: 8px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 3px;
}

#BISC_rxpop .btn-success {
  width: 100%;
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

#BISC_rxpop .btn-lg {
  line-height: 24px;
  font-size: 15px;
  padding: 14px;
  line-height: 1.3333333;
}

#BISC_rxpop .close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  float: none;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
}

#BISC_rxpop .alert {
  padding: 6px 11px;
  font-size: 13px;
  margin: 15px 0;
  border: 1px solid transparent;
  border-radius: 4px;
}

#BISC_rxpop .alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

#BISC_rxpop .alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

#BISC_rxpop .pull-right {
  float: right;
}

#BISC_rxpop .text-right {
  text-align: right;
}

#BISC_rxpop .modal-body {
  padding: 22px 40px;
  font-size: 13px;
  line-height: 180%;
}

#BISC_rxpop .modal-body h3:first-child {
  margin-top: 0;
}

#BISC_rxpop .modal-title {
  margin: 0;
  font-size: 22px;
  color: #333;
}

#BISC_rxpop .modal-content .close {
  font-size: 30px;
}

#BISC_rxpop .modal-backdrop.in {
  filter: alpha(opacity=65);
  opacity: 0.65;
}

#BISC_rxpop .small-print {
  opacity: 1;
  font-size: 12px;
  line-height: normal;
  color: #333;
}

#BISC_rxpop .small-print a {
  color: inherit;
  text-decoration: underline;
}

#BISC_rxpop .product-name {
  margin-bottom: 20px;
  color: #333;
}

#BISC_rxpop .accepts_marketing {
  opacity: 0.835;
  font-size: 13px;
}

#BISC_rxpop .accepts_marketing input {
  margin-right: 10px;
}

@media only screen and (max-width: 786px) {
  #BISC_rxpop .modal-body {
    padding: 20px 30px;
  }
  #BISC_rxpop .input-lg {
    font-size: 16px;
  }
}

@media only screen and (max-width: 500px) {
  #BISC_rxpop .modal-dialog {
    margin: 0;
  }
  #BISC_rxpop .modal-content {
    border-radius: 0;
  }
}

@media only screen and (min-width: 500px) {
  #BISC_rxpop #BISModal {
    max-width: 460px;
    margin: auto;
  }
}

#BISC_rxpop .ie8 #BISModal {
  width: 100%;
  max-width: 460px;
  margin: auto;
  border: 1px solid #999;
}

#BISC_rxpop select.default_variant {
  display: none;
}

#BISC_rxpop .ie8 .modal-dialog {
  width: 460px !important;
  margin: 10px auto;
}

#BISC_rxpop .completed_message {
  display: none;
}

#BISC_rxpop .complete .completed_message {
  display: block;
}

#BISC_rxpop #BISModal.in {
  position: relative;
  z-index: 1050;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

#BISC_rxpop h3,
#BISC_rxpop h4 {
  text-align: center;
}

#BISC_rxpop h3 + p {
  text-align: center;
  font-size: 14px;
  color: #333;
  line-height: normal;
}

#BISC_rxpop p.small-print {
  text-align: center;
}

#BISC_rxpop #container {
  background: #fff;
  position: relative;
}

#BISC_rxpop body {
  color: #333;
}

#BISC_rxpop body.fadein {
  background: rgba(0, 0, 0, 0.65);
}

#BISC_rxpop .btn {
  color: #fff;
  background-color: #001e60;
  border-color: #001e60;
}

#BISC_rxpop .close {
  color: #ccc;
}

#BISC_rxpop .alert-danger {
  border-color: #f2dede;
  background-color: #f2dede;
  color: #a94442;
}

#BISC_rxpop .alert-success {
  background-color: #dff0d8;
  border-color: #dff0d8;
  color: #3c763d;
}

#BISC_rxpop .alert-success a {
  color: #3c763d;
  text-decoration: underline;
}

#BISC_rxpop #BISC_closebg {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

/* Spam Alert on Contact Page */

.contact-grid .spam-message {
  background: #ffdbcc;
  color: #232b38;
  font-size: 15px;
  line-height: 1.6;
  max-width: 100%;
  padding: 20px;
  margin: 0 auto 30px;
  clear: both;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .contact-grid .spam-message {
    padding: 20px 20px 30px;
    margin: 0 auto 40px;
    font-size: 17px;
  }
}

/* Upload RX/PD */

.rx-upload-container {
  padding: 0 15px;
}

.rx-upload-container #label_3 {
  display: block;
  color: #232b38;
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  font-size: 36px;
  text-align: center;
  margin: 0 auto 20px;
  line-height: 1.1;
}

#rx-upload-options .up-message {
  font-size: 16px;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  letter-spacing: 0.025em;
  line-height: 1.6;
  color: #111111;
  margin-bottom: 0;
  padding-top: 15px;
  text-align: center;
  font-weight: 700;
  margin-top: 0;
}

#rx-upload-options .up-message span {
  display: block;
  color: #6e7883;
  font-weight: normal;
}

.rx-upload-container form {
  margin: 80px auto 120px;
}

.rx-upload-container form ul {
  list-style-type: none;
  text-align: center;
  padding: 0;
  margin: 0;
}

/* #label_3{
  font-family: "aktiv-grotesk-extended",sans-serif;
  font-size: 24px;
  font-weight:800;
  text-transform: capitalize;
  color:#0075DA;
} */

#label_3 span {
  font-size: 18px;
  display: block;
  color: #6e7883;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-weight: normal;
}

#rx-upload-options .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

#rx-upload-options .inputfile + label {
  max-width: 80%;
  font-size: 16px;
  border-radius: 3px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 5px 10px;
  margin-top: 15px;
  margin-bottom: 15px;
}

#rx-upload-options .inputfile:focus + label,
#rx-upload-options .inputfile.has-focus + label {
  border: 2px solid #f2f4f7;
}

/* #rx-upload-options .inputfile + label * {
  pointer-events: none;in case of FastClick lib use
} */

#rx-upload-options .inputfile + label svg {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: #4a5461;
  margin-top: -0.25em;
  /* 4px */
  margin-right: 0.25em;
  /* 4px */
}

#rx-upload-options .inputfile-2 + label {
  color: #4a5461;
  border: 2px solid #f2f4f7;
  width: 100%;
  max-width: 100%;
  text-align: left;
  font-weight: normal;
  font-size: 18px;
  padding: 20px;
  position: relative;
  font-weight: bold;
}

#rx-upload-options .inputfile-2 + label img {
  width: 15px;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#rx-upload-options .inputfile-2:focus + label,
#rx-upload-options .inputfile-2.has-focus + label {
  border: 2px solid #f2f4f7;
}

#upResponse {
  display: none;
}

#upResponse p {
  text-align: center;
}

#cid_5 {
  margin-top: 20px;
  float: left;
  margin-right: 20px;
  width: calc(50% - 10px);
}

#cid_6 {
  float: left;
  margin-top: 20px;
  width: calc(50% - 10px);
}

#cid_5 label,
#cid_6 label {
  display: block;
  font-size: 14px;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  letter-spacing: 0.025em;
  line-height: 1.6;
  color: #111111;
  font-weight: 700;
  margin-bottom: 0;
  text-align: left;
  margin-bottom: 7px;
}

#cid_5 input,
#cid_6 input {
  height: 44px;
  width: 100%;
  padding: 0rem 15px 0rem;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1;
  color: #111111;
  background-color: white;
  text-align: left;
  border-radius: 0.1875rem;
  border: 1px solid #e0e5e9;
  transition: all 0.2s ease;
  outline: none;
  margin-bottom: 20px;
}

#id_3 {
  margin-bottom: 0px;
  text-align: left;
}

#id_2 {
  text-align: left;
}

#id_5 {
  overflow: auto;
  margin-top: 0px;
}

#input_2.button {
  margin-top: 10px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .rx-upload-container {
    margin: 35px auto;
  }

  .rx-upload-container form {
    width: 600px;
    max-width: 100%;
    margin: auto;
    padding: 0px;
    margin-top: 0;
  }
  #cid_5 {
    float: left;
    padding-right: 15px;
    box-sizing: border-box;
    width: 50%;
    margin-right: 0px;
    text-align: left;
  }
  #cid_6 {
    float: left;
    padding-left: 15px;
    box-sizing: border-box;
    width: 50%;
    text-align: left;
  }
  #cid_5 label {
    display: block;
    text-align: left;
    /* font-size: 16px; */
  }
  #cid_6 label {
    display: block;
    text-align: left;
    /* font-size: 16px; */
  }
  #cid_5 input {
    width: 100%;
    box-sizing: border-box;
  }
  #cid_6 input {
    width: 100%;
    box-sizing: border-box;
  }
  #label_3 {
    font-size: 20px;
  }
  #rx-upload-options .inputfile-2 + label {
    font-size: 16px;
  }
  #id_2 {
    text-align: center;
  }
}

@media screen and (min-width: 769px) {
  #rx-upload-options .inputfile-2 + label:hover {
    color: #0078d4;
    border: 2px solid #0078d4;
  }
}

@media screen and (min-width: 1024px) {
  .rx-upload-container #label_3 {
    font-size: 48px;
  }
}
/* REPORT SCAM PAGE */
.template--page-report-scam .basic-page-content #cs-form-2.supportHubForm {
  position: relative;
}
.template--page-report-scam
  .basic-page-content
  #cs-form-2.supportHubForm
  .successMessage {
  display: none;
}
.template--page-report-scam
  .basic-page-content
  #cs-form-2.supportHubForm.successForm {
  background-color: #d0ffcc;
  color: #20592a;
}
.template--page-report-scam
  .basic-page-content
  #cs-form-2.supportHubForm.successForm
  .successMessage {
  display: block;
}
.template--page-report-scam
  .basic-page-content
  #cs-form-2.supportHubForm.successForm
  .cc-field {
  display: none;
}
.template--page-report-scam
  .basic-page-content
  #cs-form-2.supportHubForm.successForm
  button {
  display: none;
}
.template--page-report-scam .basic-page-content #cs-form-2 .successMessage {
  font-size: 16px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.template--page-report-scam
  .basic-page-content
  #cs-form-2.supportHubForm.sending::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
}
.template--page-report-scam
  .basic-page-content
  #cs-form-2.supportHubForm.sending::after {
  content: url("/cdn/shop/files/blenders-sending-light.svg?v=1610744838");
  z-index: 2;
  position: absolute;
  height: 75px;
  width: 75px;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.template--page-report-scam .basic-page-content #cs-form-2 .cc-field {
  position: relative;
  overflow: auto;
  padding-bottom: 30px;
  font-size: 16px;
}
.template--page-report-scam .basic-page-content #cs-form-2 .cc-field label {
  margin-bottom: 0.5rem;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 16px;
  color: #111111;
  display: block;
  padding-bottom: 5px;
  padding-right: 75px;
  position: relative;
}
.template--page-report-scam .basic-page-content #cs-form-2 .cc-field .info {
  font-weight: 400;
  color: #6d7782;
  font-size: 12px;
  float: none;
  line-height: 16px;
  position: absolute;
  right: 0;
}
.template--page-report-scam .basic-page-content #cs-form-2 .cc-field input {
  width: 100%;
  padding: 0rem 1rem 0rem;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1;
  color: #111111;
  background-color: #fff;
  text-align: left;
  border-radius: 0.1875rem;
  border: 0.0625rem solid #e0e5e9;
  transition: background-color 0.2s ease, width 0.2s ease, height 0.2s ease;
  height: 2.75rem;
  clear: both;
}
.template--page-report-scam
  .basic-page-content
  #cs-form-2
  .cc-field
  input[type="file"] {
  background-color: transparent;
  border: 0;
  padding: 0;
  height: auto;
}
.template--page-report-scam
  .basic-page-content
  #cs-form-2
  .cc-field
  input[type="checkbox"] {
  width: 20px;
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  margin-right: 5px;
}
.template--page-report-scam .basic-page-content #cs-form-2.supportHubForm {
  background-color: #f3f4f7;
  padding: 20px;
  margin: auto;
  width: 100%;
  max-width: 600px;
}
.template--page-report-scam .basic-page-content #cs-form-2.supportHubForm h5 {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 0;
  font-size: 20px;
  font-weight: bold;
}
.template--page-report-scam
  .basic-page-content
  #cs-form-2.supportHubForm
  .button--primary {
  width: 100%;
}

/* Page Reviews */

.page-reviews .yotpo-label .yotpo-modal-logo,
.page-reviews .yotpo-label .yotpo-clr,
.page-reviews .yotpo-label.yotpo-small-box {
  display: none;
}
.page-reviews .page-content {
  margin-top: 20px;
}
#sticky-atc-trigger {
  position: fixed;
  bottom: 0px;
  left: 0;
  z-index: 98;
  width: 100%;
  display: block;
}
#sticky-atc-trigger button {
  margin: 0px !important;
  height: 60px;
  line-height: 60px;
}
#sticky-atc-trigger button.hidden {
  display: none;
}
@media screen and (min-width: 769px) {
  #sticky-atc-trigger {
    display: none !important;
  }
}
.template--product #attentive_creative {
  left: 0px !important;
}
.template--product #attentive_creative.atc-sticky {
  bottom: 65px !important;
  left: 0px !important;
}

/* Page Reviews */

.page-with-sections.page-reviews .container {
  margin-top: 0px;
}
.page-with-sections.page-reviews .container .page-content {
  margin-top: 20px;
}
.page-reviews img.center {
  margin: 30px auto;
  display: block;
}

.page-reviews #yotpo-testimonials-custom-tab .yotpo-modal-bottom-line {
  margin-top: 15px;
  padding-bottom: 20px;
}

.page-reviews .yotpo .yotpo-modal-content .write-review-button {
  float: none;
  margin: 15px auto;
}

.page-reviews
  .yotpo
  .yotpo-modal-content
  .write-review-button.only-invisible.yotpo-hidden {
  display: none !important;
}

.page-reviews .yotpo .yotpo-nav li {
  margin: 0 5px;
}

.page-reviews .carousel-display-wrapper .yotpo-label.yotpo-small-box,
.page-reviews .yotpo-modal-dialog .yotpo-label {
  display: none;
}

.page-reviews .yotpo-reviews-carousel {
  font-family: "basis-grotesque", Helvetica, sans-serif;
}

.page-reviews
  .yotpo-reviews-carousel
  .carousel-display-wrapper
  #carousel-top-panel
  .carousel-arrows {
  float: none;
  margin: 10px auto 7px;
}

/* .page-reviews .totpo.yotpo-reviews-carousel span.yotpo-icon {
  color: #232b38;
} */

.page-reviews
  .yotpo-reviews-carousel
  .carousel-display-wrapper
  .yotpo-carousel
  .carousel-stars {
  right: 1px;
}

.page-reviews .yotpo-popup-box-small.yotpo-nav.yotpo-nav-primary {
  margin-top: 20px;
  margin-bottom: 20px;
}

.page-reviews .yotpo .yotpo-nav ul .yotpo-nav-tab span {
  display: block;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 14px;
  padding: 12px !important;
  letter-spacing: 0.02em;
  color: #232b38 !important;
  outline: none;
}

.page-reviews .yotpo .yotpo-nav li .yotpo-nav-wrapper {
  padding: 0;
}

.page-reviews
  .yotpo
  .yotpo-nav
  ul
  .yotpo-nav-tab.yotpo-active
  .yotpo-nav-wrapper {
  border-width: 2px !important;
}

.page-reviews
  .yotpo
  .yotpo-nav
  ul
  .yotpo-nav-tab.yotpo-nav-tab.yotpo-active
  span {
  color: #002970 !important;
}

.page-reviews .yotpo .yotpo-popup-box-small {
  margin: 0;
}

.page-reviews
  .yotpo-reviews-carousel
  .carousel-display-wrapper
  #carousel-top-panel
  .headline {
  font-family: "aktiv-grotesk-extended", sans-serif;
  color: #232b38;
  font-size: 18px;
  line-height: 1.35;
  max-width: 550px;
  margin: 0 auto;
}

.page-reviews
  .yotpo-reviews-carousel
  .carousel-display-wrapper
  #carousel-top-panel {
  padding-bottom: 20px;
  margin-bottom: 25px;
  border-bottom: 1px solid #f3f4f7;
}

.page-reviews
  .yotpo-reviews-carousel
  .carousel-display-wrapper
  #carousel-top-panel
  .yotpo-icon-star,
.page-reviews
  .yotpo-reviews-carousel
  .carousel-display-wrapper
  #carousel-top-panel
  .yotpo-icon-half-star,
.page-reviews
  .yotpo-reviews-carousel
  .carousel-display-wrapper
  #carousel-top-panel
  .yotpo-icon-empty-star {
  line-height: 1;
  color: #ffb805 !important;
}

.page-reviews
  .yotpo-reviews-carousel
  .carousel-display-wrapper
  .carousel-reviews-bottom-line {
  display: none;
}

.page-reviews
  .yotpo-reviews-carousel
  .carousel-display-wrapper
  .yotpo-carousel
  .carousel-review-title {
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  font-size: 17px;
  margin-top: 10px;
  color: #232b38;
}

.page-reviews .yotpo-reviews-carousel .y-carousel-product-image {
  border: none !important;
}

.page-reviews
  .yotpo-reviews-carousel
  .carousel-display-wrapper
  .yotpo-carousel
  .carousel-review-product-text {
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-weight: 600;
  color: #232b38;
  font-size: 12px;
}

.page-reviews
  .yotpo-reviews-carousel
  .carousel-display-wrapper
  .yotpo-carousel
  .yotpo-icon-star {
  font-size: 19px !important;
  color: #ffb805 !important;
  line-height: 1.5;
}

.page-reviews
  .yotpo-reviews-carousel
  .carousel-display-wrapper
  .yotpo-carousel
  .carousel-review-body {
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 17px;
  font-style: normal !important;
  line-height: 1.45;
}

.page-reviews
  .yotpo-reviews-carousel
  .carousel-display-wrapper
  .yotpo-carousel
  .carousel-review-author {
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: #6e7d89;
}

.page-reviews
  .yotpo-reviews-carousel
  .carousel-display-wrapper
  .carousel-read-more {
  color: #002970;
  font-weight: 700;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal !important;
  text-decoration: none;
}

.page-reviews
  #yotpo-testimonials-custom-tab
  .yotpo-review
  .yotpo-main
  .content-review {
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #111111;
}

.page-reviews
  #yotpo-testimonials-custom-tab
  .yotpo-review
  .yotpo-main
  .content-title {
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  font-size: 17px;
  margin-top: 10px;
  color: #232b38;
}

.page-reviews .yotpo .yotpo-review .yotpo-footer .yotpo-grouping-reference {
  font-size: 14px !important;
  line-height: 1.2;
  font-family: "basis-grotesque", Helvetica, sans-serif;
}

.page-reviews
  .yotpo
  .yotpo-review
  .yotpo-footer
  .yotpo-grouping-reference
  .grouping-reference-link {
  color: #232b38;
  font-size: 14px;
  font-weight: 600;
  font-family: "basis-grotesque", Helvetica, sans-serif;
}

.page-reviews
  .yotpo
  .yotpo-review
  .yotpo-footer
  .yotpo-grouping-reference
  .grouping-reference-link:hover {
  color: #0078d4;
}

.page-reviews #yotpo-testimonials-custom-tab .yotpo-main .product-link {
  color: #232b38;
  font-size: 14px;
  font-weight: 600;
  font-family: "basis-grotesque", Helvetica, sans-serif;
}

.page-reviews .yotpo .yotpo-review .yotpo-footer .footer-actions,
.page-reviews
  .yotpo
  .yotpo-review
  .yotpo-footer
  .footer-actions
  .yotpo-icon.yotpo-icon-seperator {
  display: none;
}

.page-reviews
  .yotpo
  .yotpo-review
  .yotpo-footer
  .yotpo-grouping-reference
  span {
  float: none !important;
  margin-right: 5px !important;
}

.page-reviews .yotpo .yotpo-pager .yotpo-page-element {
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 14px;
  color: #0d387c;
}

.page-reviews .yotpo .yotpo-pager .yotpo-page-element.yotpo-active {
  color: #07b1ff;
}

.page-reviews .yotpo .yotpo-review .yotpo-header .yotpo-icon-profile,
.page-reviews .yotpo .yotpo-comment .yotpo-header .yotpo-icon-profile,
.page-reviews .yotpo .yotpo-question .yotpo-header .yotpo-icon-profile,
.page-reviews .yotpo .yotpo-onsite-upload .yotpo-header .yotpo-icon-profile {
  background: none;
}

.page-reviews
  .yotpo
  input[type="button"].yotpo-default-button.primary-color-btn {
  box-sizing: border-box;
  display: block;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  height: 44px;
  padding: 14px 16px;
  background-color: white;
  border-radius: 0;
  font-family: "basis-grotesque", Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-stretch: normal;
  text-align: center;
  color: #0078d4 !important;
  border: 2px solid #0078d4 !important;
  cursor: pointer;
  text-decoration: none;
  outline: none;
  line-height: 1;
  font-size: 13px;
  transition: all 0.25s ease;
  margin-top: 25px;
  margin-bottom: 20px;
}

.page-reviews
  .yotpo
  input[type="button"].yotpo-default-button.primary-color-btn:hover {
  color: #08b1ff !important;
  border: 2px solid #08b1ff !important;
  background: white !important;
}

.page-reviews .yotpo .form-element .y-label {
  font-family: "basis-grotesque", Helvetica, sans-serif;
  display: inline-block;
  font-size: 14px;
  color: #6d7782;
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1.35;
  margin-bottom: 8px;
  padding: 0;
}

.page-reviews .yotpo input.y-input:not([type="button"]) {
  height: 44px;
  width: 100%;
  padding: 0rem 15px 0rem;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1;
  color: #111111;
  background-color: white;
  text-align: left;
  border-radius: 0.1875rem;
  border: 1px solid #e0e5e9;
  transition: all 0.2s ease;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0 0 25px;
}

.page-reviews .yotpo textarea.y-input {
  height: 140px;
  width: 100%;
  padding: 15px;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1;
  color: #111111;
  background-color: white;
  text-align: left;
  border-radius: 0.1875rem;
  border: 1px solid #e0e5e9;
  transition: all 0.2s ease;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0 0 25px;
}

.page-reviews .yotpo .write-review .connect-wrapper {
  padding: 0;
}

.page-reviews .yotpo .write-review .submit-button {
  float: none;
}

@media screen and (min-width: 768px) {
  .page-reviews
    .yotpo-reviews-carousel
    .carousel-display-wrapper
    #carousel-top-panel
    .carousel-arrows {
    float: right;
    margin: 10px 0;
  }

  .page-reviews .yotpo .yotpo-nav ul .yotpo-nav-tab span {
    font-size: 16px;
    padding: 15px 15px 24px 15px !important;
  }
}

@media screen and (min-width: 1024px) {
  .page-reviews
    #yotpo-testimonials-custom-tab
    .yotpo-review
    .yotpo-main
    .content-review {
    font-size: 17px;
  }
}

/* Custom code. Denis */
.hero-descr__headline {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  margin-bottom: 0;
}
.hero-full-section-wrap--slider .hero-descr__headline {
  justify-content: start;
  align-items: flex-start;
  padding: 0 10px;
}
@media screen and (min-width: 769px) {
  .hero-full-section-wrap--slider .hero-descr__headline {
    padding: 0;
  }
}
.hero-descr__headline-icon {
  width: 100%;
  max-width: 35px;
  margin-bottom: 5px;
  display: none;
}
@media screen and (min-width: 769px) {
  .hero-descr__headline-icon {
    display: block;
  }
}
.button--primary-red {
  background-color: #f24c53;
  background-image: unset;
}
.button--primary-red:hover {
  background-color: #f24c53;
  background-image: unset;
}
@media screen and (min-width: 769px) {
  .hero-descr__content-lg {
    position: absolute;
    bottom: -7%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
  }
}

.page-featured-img__min-h {
  min-height: 200px;
}
@media screen and (min-width: 768px) {
  .page-featured-img__min-h {
    min-height: 350px;
  }
}
.btn__id-me {
  max-height: 33px;
}
.static__page-faq .cc-faq-container .panel p {
  margin-top: 0;
  font-size: 15px;
}

/* ID.ME page */
.page-content-wrap {
  position: unset;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  bottom: 0;
  left: 0;
  right: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 600px;
  margin: 0 auto;
  padding: 0 15px;
}
@media screen and (min-width: 768px) {
  .page-content-wrap {
    position: absolute;
  }
}
.page-hero__title {
  color: #111111;
  font-size: 2rem;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .page-hero__title {
    color: #fff;
    font-size: 2.8rem;
  }
}
.page-hero__subtitle {
  font-size: 1rem;
  margin-top: 0;
  margin-bottom: 15px;
  color: #6d7782;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .page-hero__subtitle {
    font-size: 1.11rem;
    color: #fff;
  }
}
.w100 {
  width: 100% !important;
}
.slick-list {
  width: 100%;
}
.fourohfour-section {
  max-width: 650px;
  margin: 50px auto;
  padding: 0 10px;
}
.fourohfour__subtitle {
  margin-bottom: 20px;
  font-size: .9rem;
}
@media screen and (min-width: 768px) {
  .fourohfour__subtitle {
    font-size: 1rem;
  }
}

/* Section. Hero with embedded form */
.hero-embedded-form .page-hero .page-featured-img::after {
  background: unset;
}
.hero-embedded-form .page-hero {
  margin: 0 auto;
}
.template--page-landing-sweepstakes #site-footer {
  margin-top: 0;
}
.hero-embedded-form__image {
  height: 216px !important;
}
@media screen and (min-width: 768px) {
  .hero-embedded-form__image {
    height: 660px !important;
  }
}
.hero-embedded-form__content {
  min-height: 385px;
  position: relative;
  width: 100%;
  padding-top: 50px;
}
@media screen and (min-width: 768px) {
  .hero-embedded-form__content {
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
    padding-top: 0;
  }
}
.hero-embedded-form__content-bcg {
  background: linear-gradient(2.61deg, #18369c 3.22%, #31c3e8 101.23%);
  opacity: 0.9;
}
.flex-centered {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.flex-column {
  flex-flow: column;
}
.flex-row {
  flex-flow: row;
}
.h100 {
  height: 100%;
}
.hero-embedded-form__label {
  background: #08b1ff;
  height: 28px;
  padding-left: 8px;
  padding-right: 8px;
  margin: 0 auto 12px;
  max-width: 300px;
}
@media screen and (min-width: 768px) {
  .hero-embedded-form__label {
    margin-bottom: 25px;
  }
}
.hero-embedded-form__label span {
  font-weight: bold;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  letter-spacing: 0.17em;
  font-family: "aktiv-grotesk-extended", sans-serif;
  color: #fff;
}
.hero-embedded-form__title_svg {
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .hero-embedded-form__title_svg {
    margin-bottom: 25px;
  }
}
.hero-embedded-form__wrap {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
}
.hero-embedded-form__wrap-email {
  width: 270px;
  height: 44px;
  background: #ffffff;
  border: 1px solid #e1cfcf;
  font-size: 0.95rem;
  padding: 0 10px;
}
.hero-embedded-form__wrap-submit {
  margin-left: 0px;
  margin-top: 15px;
  height: 44px;
}
@media screen and (min-width: 769px) {
  .hero-embedded-form__wrap-submit {
    margin-left: 15px;
    margin-top: 0;
  }
}
.hero-embedded-form__wrap-submit input {
  width: 270px;
  background: linear-gradient(284.04deg, #f05223 7.5%, #f51c82 92.5%);
  border: unset;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .hero-embedded-form__wrap-submit input {
    width: 140px;
  }
}
.hero-embedded-form__terms_and_conditions_text {
  max-width: 250px;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .hero-embedded-form__terms_and_conditions_text {
    max-width: 425px;
  }
}
.hero-embedded-form__terms_and_conditions_text p {
  text-align: left;
  color: #fff;
  font-size: 0.8rem;
}
.hero-embedded-form__terms_and_conditions_text p a {
  color: #08b1ff;
  text-decoration: unset;
}
.hero-embedded-form__on-submitted p {
  font-size: 1.2rem;
  line-height: 31px;
  text-align: center;
  color: #fff;
  max-width: 500px;
  margin-top: 0;
}
.hero-embedded-form__on-submitted-btn {
  width: 218px;
  margin: 0 auto;
  background-color: #fff;
  height: 38px;
}
.hero-embedded-form__on-submitted-btn a {
  color: #0078d4;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
}
.hero-embedded-form .hero-embedded-form__on-submitted {
  display: none;
}
.hero-embedded-form.hidden .hero-embedded-form__on-submitted {
  display: unset;
}
.hero-embedded-form.hidden .hero-embedded-form__on-submit {
  display: none;
}

/* lazyload images */
img[src=""],
img:not([src]) {
  color: transparent;
}
.cc-collection-item .more-colors-slider .more-slide img[src=""],
.cc-collection-item .more-colors-slider .more-slide img:not([src]),
.tile-link img[src=""],
.tile-link img:not([src]) {
  position: relative;
}
.cc-collection-item .more-colors-slider .more-slide img[src=""]::after,
.cc-collection-item .more-colors-slider .more-slide img:not([src])::after,
.tile-link img[src=""]::after,
.tile-link mg:not([src])::after {
  content: "";
  background-color: #f3f4f7;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .sm-hidden {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  .lg-hidden {
    display: none !important;
  }
}

/* Announcement Bar Countdown */
.announcement-bar__countdown-text {
  margin-right: 7px;
}
/* Collection grid */
.grid__lg-3-sm-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px 10px;
}
@media screen and (min-width: 769px) {
  .grid__lg-3-sm-2 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0px 20px;
  }
}
.grid__lg-3-sm-1 {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 30px 10px;
  padding-left: 12px;
  padding-right: 12px;
}
@media screen and (min-width: 768px) {
  .grid__lg-3-sm-1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    padding-left: unset;
    padding-right: unset;
  }
}
@media screen and (min-width: 1024px) {
  .grid__lg-3-sm-1 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0px 20px;
    padding-left: unset;
    padding-right: unset;
  }
}
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.relative {
  position: relative;
}
.tile__whole-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cc-collection-item__bcg_image-tile {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f3f4f7;
}
@media screen and (max-width: 900px) {
  .cc-collection-item__bcg_image-tile {
    margin-bottom: 10%;
  }
  .featured-container__hover__front-img {
    max-width: 76%!important;
  }
}
@media screen and (max-width: 768px) {
  .cc-collection-item__bcg_image-tile {
    margin-bottom: 0%;
  }
}
.cc-collection-item__bcg_image-tile img {
  width: 95%;
}
@media screen and (min-width: 769px) {
  .cc-collection-item__bcg_image-tile img {
    width: 75%;
  }
}
.bcg_image-tile__url {
  font-weight: 700;
  padding: 10px 0;
  margin-top: 15px;
  letter-spacing: 1px;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .bcg_image-tile__url {
    max-width: 200px;
    padding: 15px 0;
  }
}
.thumbnail_tile__image {
  width: 100%;
  height: 150px;
  object-fit: cover;
}
@media screen and (min-width: 900px) {
  .thumbnail_tile__image {
    height: 240px;
  }
}
.grid__lg-3-sm-1 .cc-collection-item__bcg_image-tile {
  padding: 30px;
}
.thumbnail_tile__title-d {
  position: absolute;
  font-weight: 800;
  font-size: 1.5rem;
  line-height: 1.3;
  text-align: center;
  top: 20px;
}
.thumbnail_tile__title-m {
  font-weight: bold;
  font-size: 1.1rem;
  line-height: 1.3;
}
.thumbnail_tile__descr {
  padding: 0 25px;
  font-size: 1rem;
  line-height: 1.3;
  margin-bottom: 25px;
}
@media screen and (min-width: 769px) {
  .thumbnail_tile__descr {
    font-size: 1.1rem;
  }
}
.thumbnail_tile__btns-wrap {
  width: 90%;
  margin: 0 auto 25px;
  flex-flow: wrap;
}
.thumbnail_tile__btns-wrap a {
  height: 45px;
  padding: 0 25px;
  font-weight: 600;
  margin: 10px;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .thumbnail_tile__btns-wrap a {
    width: unset;
  }
}
.mw-100 {
  max-width: 100px;
}
.mw-100 img {
  max-width: 100%;
}
.rx-nav-posts__one {
  width: 25% !important;
}
.rx-nav-posts__one img {
  max-height: 220px;
  object-fit: cover;
}
.rx-tabs--flex {
  display: flex;
  justify-content: space-around;
}
.rx-tabs--flex li {
  width: auto;
}
.py-55 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}
.hero-descr__svg {
  margin-bottom: 4%;
}
.hero-descr__svg img {
  width: 100%;
}
.hero-descr__svg {
  margin-left: 0px;
}

@media screen and (min-width: 861px) {
  .shopify-section.product
    .static-product__image-details
    .product-images.fullscreen
    .cc-main-photo {
    height: 100%;
    display: flex !important;
    justify-content: center;
    align-items: center;
  }
}
.story-section__logo-with-title {
  display: flex;
  align-items: center;
  margin-bottom: 17px;
}
.story-section__logo-with-title img {
  margin-right: 12px;
}
@media screen and (min-width: 769px) {
  .story-section__logo-with-title img {
    margin-right: 20px;
  }
}
.story-section__logo-with-title .story-title {
  margin-bottom: 0;
}
.featured-image__logo-overlaid {
  position: absolute;
  left: 2%;
  top: 0;
  height: 100%;
}
.account-page__logo {
  margin: 50px auto 20px;
}
.cc-collection-item.product-type-rx a {
  font-size: 16px;
}
.newsletter__svg {
  text-align: left;
}
.newsletter__svg img {
  padding-top: 17px;
  padding-bottom: 5px;
  max-width: 220px;
}
@media screen and (min-width: 769px) {
  .newsletter__svg img {
    padding-top: 0px;
  }
}
.rx-nav-blocks.prescription .rx-panel ul li:first-child a {
  color: #002970;
}
.mb-3 {
  margin-bottom: 30px;
}
.mb-2 {
  margin-bottom: 20px;
}

/* NAVIGATION */
.section__header {
  background-color: #fff;
}
.site-nav {
  height: 65px;
  border-bottom: 1px solid #e0e5e9;
  position: relative;
  background-color: #fff;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .site-nav {
    height: 80px;
  }
}
@media screen and (min-width: 1080px) {
  .site-nav {
    padding: 0px 50px;
  }
}
.site-nav a svg {
  color: black;
}
.site-nav .logo {
  padding-left: 15px;
}
@media screen and (min-width: 1080px) {
  .site-nav .logo {
    padding-left: 0;
  }
}
@media screen and (max-width: 769px) {
  .site-nav .logo {
    padding-left: 0;
  }
}
@media screen and (min-width: 769px) {
  .site-nav .logo {
    min-width: 124px;
  }
}
.site-nav .logo a svg {
  width: 150px;
  height: 100%;
  display: block;
}
@media screen and (min-width: 769px) {
  .site-nav .logo a svg {
    width: 160px;
  }
}
.site-nav .logo:hover a svg {
  color: #08b1ff;
}
.flex-space-b-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
}
.site-nav__center .main-list {
  display: flex;
  justify-content: flex-end;
  padding: 0;
  margin: 0;
}
.site-nav__center li {
  list-style: none;
}
.site-nav__center .site-nav__item {
  padding-left: 12px;
  padding-right: 12px;
}
@media screen and (min-width: 1080px) {
  .site-nav__center .site-nav__item {
    padding-left: 18px;
    padding-right: 18px;
  }
}
.site-nav__center .site-nav__item {
  display: flex;
  align-items: center;
  border-bottom: 2px solid transparent;
}
.site-nav__center .site-nav__item:hover {
  border-bottom: 4px solid #fff;
  cursor: pointer;
}
.site-nav__center .site-nav__item a {
  text-decoration: none;
  font-size: 14px;
}
.dark-blue {
  color: #051D5E;
}
.bold {
  font-weight: 600;
}
.burger__button {
  display: block;
  position: relative;
  background: transparent;
  width: 18px;
  height: 18px;
  text-align: center;
  transition: all 0.5s ease;
}

.burger__button.open {
  box-shadow: none;
  background-color: transparent;
}
.burger__button__icon {
  display: inline-block;
  position: absolute;
  background: #002970;
  margin: 0 auto;
  width: 18px;
  height: 2px;
  top: 50%;
  left: 0;
  right: 0;
  border-radius: 3px;
  transition: all 0.3s ease;
  transform: translateY(-1px);
}

.burger__button.open .burger__button__icon {
  background: transparent;
}
.burger__button__icon::after,
.burger__button__icon::before {
  content: "";
  position: absolute;
  margin: 0 auto;
  background: #002970;
  width: 18px;
  height: 2px;
  left: 0;
  right: 0;
  border-radius: 3px;
  transition: all 0.5s ease;
}
.burger__button.open .burger__button__icon:before,
.burger__button.open .burger__button__icon:after {
  transform-origin: 0 50%;
  width: 17px;
  background: #002970;
}

.burger__button__icon::before {
  bottom: 6px;
}
.burger__button.open .burger__button__icon:before {
  transform: rotateZ(0.78539816rad);
}
.burger__button__icon::after {
  top: 6px;
}
.burger__button.open .burger__button__icon:after {
  transform: rotateZ(-0.78539816rad);
}
.site-nav__search-mobile {
  margin-left: 12px;
}
.site-nav__mobile-left {
  display: flex;
  justify-content: center;
  align-items: center;
}

.site-nav__icons .header-icons__icon-badge {
  position: absolute;
  top: -12px;
  right: -8px;
  padding: 0.125rem 0.25rem;
  line-height: 1;
  color: #fff;
  background-color: #0078D4;
  border-radius: 6.25rem;
  font-size: 0.875rem;
  visibility: visible;
  opacity: 1;
  font-weight: normal;
  text-align: center;
  min-width: 18px;
  min-height: 18px;
}
.site-nav__icons .header-icons__icon-badge::before {
  content: attr(data-cart-count);
}
.site-nav__icons .header-icons__icon-badge[data-cart-count="0"],
.site-nav__icons .header-icons__icon-badge[data-cart-count=""] {
  visibility: hidden;
  opacity: 0;
  padding: 0;
  min-width: 0;
  min-height: 0;
}

.nav-sm {
  background-color: #fff;
  max-height: 100%;
  min-height: 100vh;
  left: -100%;
  position: absolute;
  top: 100%;
  transition: left 0.3s ease-in-out;
  width: 100%;
  margin-top: 1px;
  padding-bottom: 170px;
  z-index: 2;
  overflow-x: hidden;
  overflow-y: hidden;
}
.burger__button.open + .nav-sm {
  transition: left 0.5s;
  left: 0;
  overflow-y: auto;
}
.burger__button .nav-sm{
  list-style-type: none;
}
body.nav-open {
  overflow: hidden;
}
.subnav-open .burger__button.open + .nav-sm {
  overflow-y: hidden;
}
.ul-def {
  list-style: unset;
  margin: 0;
  padding: 0;
}
.nav-sm__link {
  text-decoration: none;
  color: #002970;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 18px 0;
}
.bb-1 {
  border-bottom: 1px solid #e0e5e9;
}
.nav-sm__additional-link {
  text-decoration: none;
  color: #002970;
  font-size: 0.85rem;
  padding-bottom: 18px;
}
@media screen and (max-width: 768px) {
  #country-picker {
    margin-bottom: 15px;
  }
}
#country-picker-mobile .flow-country-picker-dropdown-trigger::after,
.flow-currency-picker-dropdown-trigger::after {
  content: unset;
}
#country-picker-mobile .flow-country-picker-dropdown-trigger {
  padding: 12px 6px;
}
body.nav-open .flow-country-picker-dropdown-backdrop {
  z-index: 97;
}
.submenu-dk {
  background-color: #fff;
  position: absolute;
  width: 100%;
  border-top: 1px solid #e0e5e9;
  border-bottom: 1px solid #e0e5e9;
  left: 0;
  top: 100%;
  visibility: hidden;
  opacity: 0;
}
.site-nav__item:hover > .submenu-dk {
  opacity: 1;
  visibility: visible;
  height: auto;
  padding-top: 25px;
  padding-bottom: 25px;
}
.site-nav__item:hover > .support_menu_exists {
  padding-top: 0;
  padding-bottom: 0;
}
.site-nav__item.hidden, .bb-1.hidden {
  display: none;
}
.submenu-dk__wrap {
  /* revisit max-width: 1300px; */
  max-width: 850px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.submenu-dk__wrap-column {
  /* revisit width: 25%; */
  width: 25%;
  padding: 0 12px;
}
.submenu-dk__title {
  border-bottom: 1px solid #e9ecef;
  padding-bottom: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.submenu-dk__title-link {
  color: #232c39;
}
.submenu-dk__title:hover .submenu-dk__title-link,
.submenu-dk__child-link:hover {
  color: #0078d4;
}
.submenu-dk__title:hover .submenu-dk__title-link svg {
  fill: #0078d4;
}
.submenu-dk__title:hover .prevent-def {
  color: unset;
}
.mp-0 {
  padding: 0;
  margin: 0;
}
.p-0 {
  padding: 0;
}
.submenu-dk__child-link {
  color: #51575f;
  font-size: 13px !important;
  padding-bottom: 12px;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 35px;
  /* revisit min-height: 50px; */
}
.submenu-dk__child-link img,
.submenu-dk__title-link--no-nested img {
  margin-right: 10px;
  height: 35px;
}
.submenu-dk__title-link--no-nested {
  display: flex;
  align-items: center;
}
.submenu-dk__title--no-nested:first-child {
  display: flex;
  max-height: 38px;
}
.submenu-dk__wrap-column--featured-c {
  display: flex;
  margin-top: 38px;
}
.submenu-dk__featured_img {
  /* revisit width: 130px; */
  width: 210px;
  height: 135px;
  overflow: hidden;
  position: relative;
  /* revisit transform: skewX(-30deg); */
}
/* revisit  @media screen and (max-width: 1350px) {
  .submenu-dk__featured_img {
    width: 100px;
  }
} */
@media screen and (max-width: 1460px) {
  .submenu-dk__featured_img {
    width: 190px;
  }
}
@media screen and (max-width: 1300px) {
  .submenu-dk__featured_img {
    width: 210px;
  }
  .submenu-dk__wrap-column--featured-c {
    flex-flow: column;
  }
}
@media screen and (max-width: 1300px) {
  .submenu-dk__featured_img {
    width: 170px;
    height: 100px;
  }
}
.sumbenu-featured-c-1 {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .sumbenu-featured-c-1 {
    margin-right: 30px;
  }
}
.submenu-dk__featured_img img {
  /* revisit position: absolute;
  width: 200%;
  top: 0;
  left: -50%;
  transform: skewX(30deg); */
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.submenu-dk__featured_title {
  /* revisit position: relative;
  right: 28%;
  width: 130px;
  text-align: center; */
  margin-top: 5px;
  color: #51575f;
  font-size: 13px;
}
/* revisit @media screen and (max-width: 1350px) {
  .submenu-dk__featured_title {
    width: 100px;
    right: 37%;
  }
} */
.submenu-dk__wrap-column--featured-c a:hover .submenu-dk__featured_title {
  color: #0078d4;
}
.support_menu_bcg {
  position: absolute;
  width: 100%;
  background-color: #f3f4f7;
}
.support_menu_bcg__wrap {
  position: relative;
  padding: 25px 12px;
}
.support_menu_bcg__wrap li a {
  min-height: 35px;
}
.support_menu_exists .submenu-dk__wrap-column:not(:last-child) {
  padding: 25px 12px;
}
.overflow-h {
  overflow: hidden;
}
.nav-sm__slide-img {
  height: 200px;
  overflow: hidden;
  position: relative;
  transform: skewX(-30deg);
  margin: 0 10px;
}
.nav-sm__slide-img img {
  position: absolute;
  height: 100%;
  width: 200%;
  top: 0;
  left: -50%;
  transform: skewX(30deg);
  object-fit: cover;
}
.nav-sm__slide a,
.nav-sm__c-item a {
  text-decoration: unset;
}
.nav-sm__slide span {
  position: relative;
  right: 25%;
  display: block;
  width: 100%;
  max-width: 200px;
  text-align: center;
  margin: 7px auto 0;
  color: #51575f;
}
@media screen and (min-width: 550px) {
  .nav-sm__slide span {
    right: 10%;
  }
}
.nav-sm__slider-wrap:not(.slick-initialized) {
  display: none;
}

.site-nav .slick-dots {
  position: absolute;
  top: -15%;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.site-nav .slick-dots li {
  position: relative;
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.site-nav .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background-color: #e0e5e9;
}
.site-nav .slick-dots .slick-active button {
  background-color: #08b1ff;
}
.nav-sm__slider-wrap .slick-list {
  margin-bottom: 30px;
}
.submenu-mb {
  background-color: #fff;
  max-height: 100%;
  min-height: 100vh;
  padding-top: 15px;
  right: -100%;
  position: absolute;
  top: 0;
  transition: right 0.3s ease-in-out;
  width: 100%;
  padding-bottom: 200px;
  z-index: 2;
  overflow: auto;
}
.nav-sm__link.open + .submenu-mb {
  transition: right 0.5s;
  right: 0;
}
.submenu-mb__header {
  text-align: center;
  padding: 3px 15px 15px;
  font-size: 14px;
  letter-spacing: 1px;
  border-bottom: 1px solid #e0e5e9;
  text-transform: uppercase;
  color: #002970;
}
.submenu-mb__header-close-btn {
  position: absolute;
  max-width: 20px;
  top: 0;
}
.submenu-mb__header-close-btn svg {
  height: 100%;
  width: 100%;
  fill: #343434;
}
.submenu-mb__body {
  margin: 15px;
}
.submenu-mb__item {
  background-color: #f7f8f9;
  color: #002970;
  cursor: pointer;
  padding: 25px 16px;
  width: 100%;
  text-align: left;
  border: none;
  transition: 0.4s;
  margin-bottom: 10px;
  position: relative;
  font-weight: 700;
  letter-spacing: 1px;
  text-decoration: unset;
  display: block;
  font-size: 15px;
}
.submenu-mb__footer {
  background-color: #f7f8f9;
}
.submenu-mb__footer-wrap {
  padding: 25px 31px;
}
.submenu-mb__footer-wrap a {
  text-decoration: unset;
}
.submenu-mb__footer-wrap .submenu-dk__title {
  border-bottom: unset;
  margin-bottom: 3px;
}
.submenu-mb__footer-wrap ul {
  list-style: none;
}
.submenu-mb__footer-wrap li .submenu-dk__child-link {
  min-height: unset;
}
body.geolocation-server-render .only-domestic,
html.flow-localized .only-domestic {
  display: none !important;
}
.nav-sm__content-wrap {
  display: flex;
  justify-content: center;
}
.nav-sm__c-item {
  width: 50%;
  text-align: center;
}
.nav-sm__c-item-img {
  height: 240px;
}
.nav-sm__c-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.nav-sm__c-item span {
  font-size: 0.85rem;
  color: #51575f;
  margin-top: 7px;
  display: block;
}
.nav-sm__c-item:first-child {
  margin-right: 4px;
}

/* New navigation */
.header-v2 .site-nav__center .site-nav__item a,
.header-v2 .site-nav__center .site-nav__item {
  font-size: 13px;
}
.header-v2 .nav-sm {
  margin-top: 0;
}
.header-v2 .site-nav__center .site-nav__item a {
  text-transform: uppercase;
}
.header-v2 .ul-def {
  width: 100%;
  z-index: 3;
  background-color: #F3F4F7;
  left: -100%;
  position: absolute;
  top: 100%;
  transition: left 0.3s ease-in-out;
}
.header-v2 .burger__button.open + .ul-def {
  transition: left 0.5s;
  left: 0;
}
.header-v2 .burger__button.open + .ul-def + .nav-sm {
  transition: left 0.5s;
  left: 0;
  overflow-y: auto;
}
.header-v2 .ul-def li {
  flex: 1;
}
.header-v2 .ul-def li.active:after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 100%;
  background: #051D5E;
}
.header-v2 .nav-sm__link {
  flex-direction: column;
  color: #0D286C;
  text-align: center;
  font-size: 10.5px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.735px;
  cursor: pointer;
}
.header-v2 .ul-def li.active a {
  font-weight: bold;
}

.header-v2 .nav-sm__content {
  padding: 0 20px;
}
.mt48 {
  margin-top: 48px;
}
.mt68 {
  margin-top: 68px;
}
.header-v2 .nav-sm__content-link {
  flex-basis: 100%;
  height: 75px;
  text-decoration: none;
  background-color: #fff
}
.header-v2 .nav-sm .nav-sm__content-link:first-child {
  margin-top: 12px;
  background-color: #fff;
}
.header-v2 .nav-sm__content-link:not(:last-child) {
  border-bottom: 1px solid #CCD3DA;
  background-color: #fff;
}
.header-v2 .nav-sm__content-link__image {
  margin-left: 13px;
}
.header-v2 .nav-sm__content-link__title {
  margin-left: 15px;
}
.header-v2 .nav-sm__content-link__title {
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.84px;
  text-transform: uppercase;
  text-decoration: none;
}
.header-v2 .nav-sm__content-link__arrow {
  margin-right: 15px;
  transition: margin 0.2s;
}
.header-v2 .nav-sm__content-link:hover {
  cursor: pointer;
}
.header-v2 .nav-sm__content-link:hover .nav-sm__content-link__arrow {
  margin-right: 5px;
  margin-left: 10px;
}

.header-v2 .nav-sm__content-featured {
  gap: 10px;
  margin-top: 24px;
  margin-bottom: auto;
}
.header-v2 .nav-sm__content-featured.no-links {
  flex-direction: column;
  gap: 15px;
  width: 100%;
}
.header-v2 .nav-sm__content-featured.no-links .nav-sm__content-feature {
  border-radius: 0;
  aspect-ratio: unset;
  max-height: 230px;
}
.subnav-open .header-v2 .burger__button.open + .nav-sm {
  overflow-y: auto;
}

.header-v2 .nav-sm__content-feature:hover img {
  filter: brightness(50%);
}
.header-v2 .nav-sm__content-feature:hover svg,
.header-v2 .nav-sm__content-feature-sale:hover svg,
.header-v2 .nav-sm__content-feature-new_collection:hover svg {
  transform: translate(40%, 0);
}
.header-v2 .nav-sm__content-featured.no-links .nav-sm__content-feature__image img {
  width: 100%;
  object-fit: cover;
}
.header-v2 .nav-sm__content-feature {
  flex: 1;
  flex-basis: calc(50% - 10px);
  aspect-ratio: 1.33/1;
  overflow: hidden;
  border-radius: 4px;
}
.header-v2 .nav-sm__content-feature-new_collection {
  height: 45px;
  flex-basis: 100%;
  order: 4;
}
.header-v2 .nav-sm__content-feature-sale {
  height: 45px;
  flex-basis: 100%;
  order: 5;
}
.header-v2 .nav-sm__content-feature-new_collection .nav-sm__content-feature__image-overlay {
  border-radius: 4px;
  flex-direction: row;
  align-items: center;
  padding: 15px 22px 15px 17px;
}
.header-v2 .nav-sm__content-feature-sale .nav-sm__content-feature__image-overlay {
  border-radius: 4px;
  flex-direction: row;
  align-items: center;
  padding: 15px 22px 15px 17px;
}
.header-v2 .nav-sm__content-feature-sale .nav-sm__content-feature__image-overlay .nav-sm__content-feature__subtext,
.header-v2 .nav-sm__content-feature-new_collection .nav-sm__content-feature__image-overlay .nav-sm__content-feature__subtext {
  height: 16px;
  align-self: center;
}
.header-v2 .nav-sm__content-link__arrow {
  color: #0234f3;
}
.header-v2 .nav-sm__content-feature svg,
.header-v2 .nav-sm__content-feature-sale svg,
.header-v2 .nav-sm__content-feature-new_collection svg {
  position: relative;
  transition: all 0.2s ease;
  color: #fff;
}
@media (min-width: 769px) {
  .header-v2 .nav-sm__content-featured:not(.no-links) {
    max-width: 71%;
    margin-top: 0;
    margin-left: 75px;
  }
  .header-v2 .nav-sm__content-featured.no-links {
    flex-direction: row;
    margin-top: 0;
  }
  .header-v2 .submenu-dk {
    transition: opacity 0.3s;
    cursor: auto;
  }
  .header-v2 .submenu-dk__wrap {
    max-width: 1525px;
    padding: 0 40px;
  }
  .header-v2 .site-nav__item:hover > .submenu-dk {
    padding-top: 43px;
    padding-bottom: 49px;
    z-index: 2;
  }
  .header-v2 .site-nav__item:hover > .submenu-dk__overlay {
    opacity: 1;
    visibility: visible;
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(5px);
    z-index: 1;
    pointer-events: none;
  }
  .header-v2 .nav-sm__content-featured.no-links .nav-sm__content-feature__image img {
    height: 100%;
  }
  .header-v2 .nav-sm__content-feature {
    flex-basis: calc(25% - 15px);
  }
  .header-v2 .nav-sm__content-feature-sale {
    flex-basis: 100%;
  }
}
.header-v2 .nav-sm__content-feature__image {
  height: 100%;
}
.header-v2 .nav-sm__content-featured:not(.no-links) .nav-sm__content-feature__image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.header-v2 .nav-sm__content-feature__image-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
  flex-direction: column;
  justify-content: space-between;
  padding: 14px 15px 11px 13px;
  background-color: rgba(0, 0, 0, 0.5);
}
.header-v2 .nav-sm__content-feature:hover .nav-sm__content-feature__image-overlay,
.header-v2 .nav-sm__content-feature:focus .nav-sm__content-feature__image-overlay {
  background-color: rgba(0, 0, 0, 0.8);
}
.header-v2 .nav-sm__content-feature__title {
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.98px;
  text-transform: uppercase;
  text-decoration: none;
}
.header-v2 .nav-sm__content-feature__subtext {
  color: #FFF;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: none;
  height: 30px;
  align-items: center;
  align-self: flex-end;
}

/* end new navigation */

.product-compare-price {
  color: #6d7782;
}
.button--primary-black {
  background-color: #000;
  background-image: unset;
}
.button--primary-black:hover {
  background-color: #000;
  background-image: unset;
}
.hero__top-title {
  font-family: aktiv-grotesk-extended, sans-serif;
}

.cc-terms-faq p a {
  color: #1978d4;
}
.cc-terms-faq img {
  max-height: 300px;
  margin-bottom: 20px;
}
.cc-cart-buttons {
  display: flex;
  justify-content: space-between;
}


.p-15 {
  padding: 15px;
}
/* Rewards:  How It Works */
.how-it-works-content {
  margin: 40px auto;
}

.how-it-works-content__title,
.cc-terms-faq__top h3 {
  font-size: 24px;
  font-weight: 800;
  font-family: aktiv-grotesk-extended, sans-serif;
}
.how-it-works-content .buckets {
  padding: 0 15px;
}

.buckets .buckets__item {
  text-align: center;
  position: relative;
  margin: 30px auto 45px;
}

.buckets__item-thumb {
  padding: 0 15px;
  position: relative;
  margin-bottom: 45px;
}

.buckets__item-thumb img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.buckets__item-title {
  font-family: aktiv-grotesk-extended, sans-serif;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0em;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.buckets__item p {
  color: #232b38;
  font-size: 18px;
  margin-top: 10px;
  padding: 0 15px;
}

.buckets__item__step-number {
  width: 55px;
  height: 55px;
  bottom: -30px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

@media screen and (max-width: 768px) {
  .buckets__item p {
    font-size: 16px;
  }
  .cc-cart-buttons {
    padding-bottom: 15px;
  }
}

@media screen and (min-width: 768px) {
  .how-it-works-content .buckets {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/* Rewards: User Logged in Reward stats */
.user-points-stats-content {
  margin: 40px auto;
}

.user-stats {
  padding: 0 15px;
}

.user-stats__reward-bucket {
  position: relative;
  margin: 15px auto;
  padding: 20px 20px 30px;
  text-align: center;
  color: #2d2a26;
}

.reward-bucket__total {
  font-family: aktiv-grotesk-extended, sans-serif;
  font-size: 60px;
  letter-spacing: 0;
  font-weight: 500;
  line-height: 1em;
  margin-bottom: 10px;
  margin-top: 15px;
  transition: 250ms all ease;
}

#referral-code {
  font-size: 42px;
}

.reward-bucket__label {
  font-family: aktiv-grotesk-extended, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.user-stats__reward-bucket p {
  line-height: 1.6;
}

.reward-bucket__callout {
  color: #6e7d89;
}

.user-stats__reward-bucket {
  border: 1px solid #b6d1d7;
  border-radius: 4px;
}

.user-stats__reward-bucket.available::after {
  content: "";
  display: block;
  width: 56px;
  height: 56px;
  background: url("/cdn/shop/files/star-graphics.svg?v=1643142493");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 50%;
  margin-left: -28px;
  top: -28px;
}

.user-stats__reward-bucket.available .reward-bucket__total {
  background: -webkit-linear-gradient(135deg, #ff79c8, #f5d108);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (min-width: 768px) {
  .user-stats {
    display: flex !important;
    justify-content: space-between;
    grid-gap: 30px;
  }

  .user-stats__reward-bucket {
    width: 33%;
    padding: 30px 30px 45px;
    margin: 30px auto;
  }

  .reward-bucket__total {
    font-size: 70px;
    height: 70px;
    margin-top: 20px;
  }

  #referral-code {
    font-size: 60px;
    height: 70px;
  }

  .user-stats__reward-bucket.available {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

@media screen and (min-width: 1200px) {
  .user-stats {
    display: flex !important;
    justify-content: space-between;
    grid-gap: 45px;
  }
}

/* Ways to Earn Points Buckets + Marketing Tile */
:root {
  --flexified-padding: 10px !important;
}
:root {
  --app-height: 100%;
}
.ways-to-earn-content {
  margin: 40px auto 0;
}

.ways-to-earn-content__title {
  font-family: aktiv-grotesk-extended, sans-serif;
  font-weight: 800;
  font-size: 24px;
  margin-bottom: 1em;
}

.ways-to-earn-content .full-width {
  background: #08b1ff;
  padding: 40px 15px;
}

.ways-to-earn-content .container {
  margin: 0 auto;
}

.ways-buckets img {
  max-width: 100%;
}

.ways-buckets .yotpo-container-headline {
  display: none;
}

.ways-buckets--col-2 {
  margin-bottom: 30px;
  margin-top: 30px;
  order: 1;
}

.ways-buckets--full {
  width: 100%;
}

.ways-buckets .ways-buckets__marketing-tile {
  display: block;
  height: auto;
  margin: 0 auto;
}

.ways-buckets .ways-buckets__marketing-tile img {
  width: 100%;
  height: auto;
}

.ways-buckets--full
  .flexified-wrapper:not(.flexified-mobile).flexified-full-width-last-item
  .flexified-child:last-child {
  flex-grow: unset;
}

.ways-buckets
  .yotpo-widget-campaign-widget
  .yotpo-widget-campaign-widget-container,
.ways-buckets
  .yotpo-widget-campaign-widget
  .yotpo-widget-campaign-widget-container.yotpo-is-mobile {
  padding: 0;
}

.rewards__marketing-image {
  display: block;
  object-fit: cover;
  height: 100%;
  width: auto;
}

.ways-buckets .yotpo-widget-campaign-widget .flexified-wrapper {
  padding: 0;
  margin-bottom: -20px;
}

.ways-buckets .flexified-child {
  border: none !important;
  margin-bottom: 0 !important;
  min-height: 225px;
  width: 100% !important;
  margin-left: 0 !important;
}

.ways-buckets .yotpo-widget-campaign-widget .yotpo-title-text {
  font-family: aktiv-grotesk-extended, sans-serif !important;
  font-size: 16px !important;
}

.ways-buckets .yotpo-description-text {
  font-family: basis-grotesque, Helvetica, sans-serif !important;
}

.ways-buckets .flexified-child .yotpo-overlay-tile {
  font-size: 13px !important;
  z-index: 10;
  font-family: basis-grotesque, Helvetica, sans-serif !important;
}

.ways-buckets .flexified-child .yotpo-overlay-tile button,
.ways-buckets .flexified-child div {
  font-family: basis-grotesque, Helvetica, sans-serif !important;
  outline: none !important;
  border: none !important;
}

.ways-buckets .yotpo-widget-campaign-widget .yotpo-message-text {
  margin-top: 5px !important;
}

.ways-buckets .flexified-child .yotpo-overlay-tile .yotpo-message-tile-text {
  font-size: 15px !important;
  font-family: basis-grotesque, Helvetica, sans-serif !important;
  font-weight: normal !important;
}

.ways-buckets .flexified-child .yotpo-action-tile .yotpo-title-text {
  font-size: 15px !important;
  font-family: aktiv-grotesk-extended, sans-serif !important;
}

.ways-buckets
  .yotpo-widget-campaign-widget
  .yotpo-action-button-widget
  .yotpo-button-style {
  margin-top: 15px !important;
  margin-bottom: 5px !important;
  text-transform: capitalize;
}

.ways-buckets .flexified-child .yotpo-overlay-tile .yotpo-widget-date-picker {
  margin: 0 !important;
}

.ways-buckets .yotpo-widget-campaign-widget-icon-container {
  position: relative;
}

.ways-buckets .yotpo-widget-campaign-widget-icon-container svg {
  width: 56px;
  height: 56px;
  padding: 12px;
  position: relative;
  z-index: 1;
  top: 2px;
}

.ways-buckets .yotpo-widget-campaign-widget-icon-container::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  left: 50%;
  margin-left: -30px;
  top: 0;
  width: 60px;
  height: 60px;
  background: white;
  border-radius: 50%;
}

.ways-buckets--col-3 .yotpo-outer-tile:nth-child(n + 7) {
  display: none;
}

.ways-buckets
  .yotpo-widget-campaign-widget
  .yotpo-is-mobile
  .yotpo-widget-campaign-widget-icon-container {
  height: auto !important;
}

@media screen and (min-width: 768px) {
  .ways-buckets .flexified-child {
    border: none !important;
    width: calc(33% - 15px) !important;
    margin-bottom: 30px !important;
  }

  .ways-buckets .ways-buckets__marketing-tile {
    max-width: 450px;
  }
}

@media screen and (min-width: 1024px) {
  .ways-to-earn-content {
    margin: 60px auto 0;
  }

  .ways-buckets {
    display: flex;
    padding: 40px 0;
  }

  .ways-buckets--col-2 {
    width: 40%;
    margin: 0 0 0 10px;
    order: 2;
  }

  .ways-buckets--col-3 {
    width: 60%;
    margin: 0 10px 0 0;
    order: 1;
  }

  .ways-buckets .ways-buckets__marketing-tile,
  .ways-buckets .ways-buckets__marketing-tile img {
    height: 100%;
    width: auto;
  }

}

/* Refer Friend CTA Block */
.refer-friend-content {
  position: relative;
}

.section__refer-friend {
  margin-bottom: 45px;
}

.refer-friend-content .refer-dislcaimer {
  position: absolute;
  height: 82px;
  bottom: 15px;
  left: 0;
  right: 0;
}

.refer-friend-content .refer-dislcaimer p {
  font-size: 12px;
  color: white;
  text-align: center;
  padding: 10px 30px;
  max-width: 400px;
  margin: 0 auto;
}

.refer-friend-content .refer-dislcaimer p a {
  color: #08b1ff;
}

.refer-friend-content .yotpo-widget-referral-widget {
  position: relative;
}

.refer-friend-content
  .yotpo-widget-referral-widget
  .yotpo-background.yotpo-center-background {
  height: auto !important;
}

.refer-friend-content .yotpo-widget-referral-widget .yotpo-tile-box {
  width: 100% !important;
}

.refer-friend-content .yotpo-widget-referral-widget .yotpo-title-text,
.refer-friend-content .yotpo-referral-widget-form,
.refer-friend-content #yotpoReferralDescriptionText {
  font-family: basis-grotesque, Helvetica, sans-serif !important;
  font-size: 18px !important;
}

.refer-friend-content #yotpoReferralDescriptionText {
  padding: 0 20px;
}

.refer-friend-content #yotpoReferralTitleText {
  width: 250px;
  height: 80px;
  background: url("/cdn/shop/files/12_BLNDRS_Website_ReferAFriend_Get30Give30-02.svg?v=1662136528");
  /*background: url("/cdn/shop/files/12_BLNDRS_Website_ReferAFriend_Get20Give20.svg?v=1664817414");*/
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999em;
  overflow: hidden;
  margin: 0.5em auto;
}

.refer-friend-content .yotpo-header-text {
  font-family: aktiv-grotesk-extended, sans-serif !important;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 700;
  margin: 2em auto 0 !important;
  padding: 0 !important;
  letter-spacing: 1px;
}

.refer-friend-content
  .yotpo-widget-referral-widget
  .yotpo-referral-widget-form {
  margin: 20px auto !important;
  max-width: 450px;
}

.refer-friend-content
  .yotpo-widget-referral-widget
  .yotpo-action-button-widget.yotpo-customer-share-button,
.refer-friend-content .yotpo-inputs-container,
.refer-friend-content
  .yotpo-widget-referral-widget
  .yotpo-action-button-widget.yotpo-friends-share-button {
  margin: 0;
}

.refer-friend-content .yotpo-inputs-container {
  flex-grow: 1;
}

.refer-friend-content .yotpo-inputs-container label {
  color: white !important;
}

.refer-friend-content
  .yotpo-widget-referral-widget
  .yotpo-action-button-widget.yotpo-customer-share-button,
.refer-friend-content
  .yotpo-widget-referral-widget
  .yotpo-action-button-widget.yotpo-friends-share-button {
  width: 100%;
  margin: 30px auto 10px;
}

.refer-friend-content
  .yotpo-widget-referral-widget
  .yotpo-action-button-widget.yotpo-customer-share-button
  button,
.refer-friend-content
  .yotpo-widget-referral-widget
  .yotpo-action-button-widget.yotpo-friends-share-button
  button {
  width: 100% !important;
  background: #0078d4 !important;
}

.refer-friend-content
  .yotpo-widget-referral-widget
  .yotpo-action-button-widget.yotpo-customer-share-button
  button
  span,
.refer-friend-content
  .yotpo-widget-referral-widget
  .yotpo-action-button-widget.yotpo-friends-share-button
  button
  span {
  font-family: basis-grotesque, Helvetica, sans-serif !important;
  text-transform: uppercase;
  font-weight: 700 !important;
  font-size: 14px !important;
}

.refer-friend-content .yotpo-input-example {
  color: #dfe8ef !important;
}

.refer-friend-content .yotpo-share-buttons-container {
  margin-top: -15px !important;
}

.refer-friend-content .yotpo-share-button-txt {
  font-size: 14px !important;
}

.yotpo-widget-referral-widget .yotpo-share-buttons-container.yotpo-is-mobile li,
.yotpo-widget-referral-widget
  .yotpo-share-buttons-container.yotpo-is-mobile
  li:first-child,
.yotpo-widget-referral-widget
  .yotpo-share-buttons-container.yotpo-is-mobile
  li:last-child {
  margin: 20px 7px !important;
}

@media screen and (max-width: 768px) {
  .refer-friend-content .yotpo-description-text {
    font-size: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .section__refer-friend {
    margin-bottom: 60px;
  }

  .refer-friend-content
    .yotpo-widget-referral-widget
    .yotpo-background.yotpo-center-background {
    max-height: 600px !important;
  }

  .refer-friend-content #yotpoReferralDescriptionText {
    max-width: 600px;
    margin: 0.5em auto;
  }

  .refer-friend-content .yotpo-widget-referral-widget .yotpo-title-text,
  .refer-friend-content .yotpo-referral-widget-form,
  .refer-friend-content #yotpoReferralDescriptionText {
    font-size: 20px !important;
  }

  .refer-friend-content .yotpo-header-text {
    font-size: 30px;
  }

  .refer-friend-content #yotpoReferralTitleText {
    width: 400px;
    height: 130px;
  }

  .refer-friend-content
    .yotpo-widget-referral-widget
    .yotpo-referral-widget-form {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .refer-friend-content
    .yotpo-widget-referral-widget
    .yotpo-action-button-widget.yotpo-customer-share-button,
  .refer-friend-content
    .yotpo-widget-referral-widget
    .yotpo-action-button-widget.yotpo-friends-share-button {
    width: 130px;
    margin-left: 15px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .refer-friend-content .yotpo-share-buttons-container {
    margin-top: 30px !important;
  }
}

/* YOTPO reward Modal */
#swell-overlay {
  background-color: #232b38 !important;
  opacity: 0.7 !important;
}

#swell-popup {
  border: none !important;
  border-radius: 12px !important;
  -webkit-box-shadow: 0 5px 20px 1px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 5px 20px 1px rgba(0, 0, 0, 0.1) !important;
  overflow: hidden;
}

#swell-bootstrap,
.swell-standalone-modal {
  opacity: 0.4;
}

#swell-popup #swell-bootstrap .modal-header {
  background-color: #232b38 !important;
}

#swell-popup #swell-bootstrap .modal-body {
  padding: 40px 30px;
}

#swell-bootstrap .modal-header .modal-title {
  text-transform: uppercase;
  font-family: basis-grotesque, Helvetica, sans-serif !important;
  font-size: 16px;
  letter-spacing: 1px;
}

/* Rebuy */
.powered-by-rebuy {
	display: none;
}
.rebuy-c__badge {
  position: absolute;
  width: 100%;
  top: -12px;
}
.hero__top-title, .primary-title {
  font-family: aktiv-grotesk-extended,sans-serif;
}
.rebuy-widget--c-drawer {
  width: 100%;
  position: absolute !important;
  bottom: 0;
  left: 0;
  padding: 20px 0 0 !important;
  /* height: 315px; */
}
.rebuy-widget--c-drawer .flickity-page-dots, .rebuy-widget--c-page .flickity-page-dots {
  bottom: -18px !important;
}
.rebuy-widget--c-drawer .flickity-page-dots .dot, .rebuy-widget--c-page .flickity-page-dots .dot {
  height: 5px !important;
  width: 30% !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background-color: #bbbbbb !important;
}
.rebuy-widget--pdp .flickity-page-dots .dot {
  background-color: #bbbbbb !important;
}
.rebuy-widget--c-page .flickity-page-dots .dot {
  width: 50px !important;
}
.rebuy-widget--c-page .rebuy-button {
  padding: 7px 3px;
}
@media screen and (min-width: 769px) {
  .rebuy-widget--c-page .rebuy-button {
    padding: 7px 15px;
  }
}
.rebuy-widget--c-drawer .flickity-page-dots .dot:first-child, .rebuy-widget--c-page .flickity-page-dots .dot:first-child {
  border-radius: 3px 0 0 3px !important;
}
.rebuy-widget--c-drawer .flickity-page-dots .dot:last-child, .rebuy-widget--c-page .flickity-page-dots .dot:last-child {
  border-radius: 0 3px 3px 0 !important;
}
.rebuy-widget--c-drawer .dot.is-selected, .rebuy-widget--c-page .dot.is-selected, .rebuy-widget--pdp .dot.is-selected {
  background-color: #9b9b9b !important;
}
.primary-title--left-md {
  text-align: left !important;
  font-size: .87rem;
  padding: 0 15px !important;
  margin-bottom: 10px !important;
}
.bcg__grey {
  background-color: #f6f6f6;
}
.bcg__white {
  background-color: #fff;
}
.rebuy-widget--c-drawer .flickity-button, .rebuy-widget--c-page .flickity-button {
  display: none;
}
.rebuy-widget--pdp .flickity-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 2.75rem !important;
  height: 2.75rem !important;
  border: 1px solid #f2f4f7 !important;
  transform: scale(1);
  transform-origin: 50% 50%;
  box-shadow: 0 1px 1px #0a0e1a14, 0 1px 6px #0a0e1a0a;
  transition: transform .15s;
  margin-top: -1.7rem !important;
}
.rebuy-widget--pdp .flickity-button-icon {
  width: 23% !important;
  height: 23% !important;
  position: unset !important;
  color: #232b38;
}
@media screen and (max-width: 768px) {
  .rebuy-widget--pdp .flickity-button {
    display: none !important;
  }
}
.rebuy-product-info--flex-c {
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 50px;
}
@media screen and (min-width: 769px) {
  .rebuy-product-info--flex-c {
    align-items: unset;
  }
}
.rebuy-widget--c-drawer .rebuy-product-info {
  margin-bottom: 7px;
}
.rebuy-widget--c-drawer .rebuy-product-price, .rebuy-widget--c-drawer .rebuy-product-title, .rebuy-widget--c-page .rebuy-product-price, .rebuy-widget--c-page .rebuy-product-title {
  margin-top: 0 !important;
  color: #495361 !important;
  font-weight: 600;
  font-size: 13px;
}
@media screen and (max-width: 550px) {
  .rebuy-widget--c-drawer .rebuy-product-price, .rebuy-widget--c-drawer .rebuy-product-title {
    font-size: 12px;
  }
}
.rebuy-widget--c-drawer .rebuy-product-actions {
  margin-top: 0 !important;
}
.rebuy-widget--c-page .rebuy-product-actions {
  margin-top: 10px !important;
}
.rebuy-widget--c-drawer .rebuy-product-price, .rebuy-widget--c-drawer .rebuy-button--white {
  font-weight: 600 !important;
}
.rebuy-button--white {
  background-color: #fff !important;
  color: #002970 !important;
  border-color: #002970 !important;
  border-radius: 3px !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  cursor: pointer;
  text-decoration: unset;
}
.rebuy-button--white:hover {
  color: #0078d4 !important;
  border-color: #0078d4 !important;
}
.rebuy-button--white:hover .rebuy-product-price span {
  color: #0078d4 !important;
}
.cc-checkout-content-wrap {
  padding: 15px;
}
.cc-checkout-content-wrap .afterpay-paragraph {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .cc-checkout-content-wrap {
    display: flex;
    flex-flow: column;
    padding: 10px 10px 0;
  }
}
.rebuy-widget--c-drawer .rebuy-product-block,
.rebuy-widget--c-page .rebuy-product-block {
  max-width: 165px;
  margin-right: 15px !important;
  border-bottom: none;
  flex-shrink: 0;
  align-items: center;
  padding: 20px !important;
  display: inline-block !important;
}
.rebuy-widget--c-drawer .rebuy-product-block:last-child {
  margin-right: 0px !important;
}
@media screen and (max-width: 768px) {
  .rebuy-widget--c-drawer .rebuy-product-block {
    max-width: 145px;
    margin-right: 10px !important;
  }
}
@media screen and (max-width: 768px) {
  .rebuy-widget--c-drawer .rebuy-product-info--flex-c,
  .rebuy-widget--c-page .rebuy-product-info--flex-c {
    flex-flow: column;
  }
}
.rebuy-widget--c-drawer .rebuy-button--white {
  padding: 7px 15px !important;
}
@media screen and (max-width: 768px) {
  .rebuy-widget--c-drawer .rebuy-button--white {
    padding: 5px;
    font-size: 11px !important;
  }
}
.rebuy-widget--c-page {
  width: 100%;
  padding-top: 0 !important;
}
@media screen and (min-width: 1200px) {
  .rebuy-widget--c-page {
    width: 60%;
  }
}
.rebuy-widget--c-page .primary-title {
  text-align: left !important;
  font-size: 1.1rem;
  margin-bottom: 10px !important;
}
.rebuy-widget--c-page .rebuy-product-grid {
  padding: 30px !important;
}
@media screen and (max-width: 768px) {
  .rebuy-widget--c-page .rebuy-product-grid {
    padding: 30px 10px !important;
    margin: 0 -7px;
  }
}
.rebuy-widget--c-page .rebuy-product-block {
  margin-right: 15px !important;
  max-width: 150px;
}
@media screen and (min-width: 1200px) {
  .rebuy-widget--c-page .rebuy-product-block {
    max-width: 172px;
  }
}
@media screen and (max-width: 768px) {
  .rebuy-widget--c-page .rebuy-product-block {
    max-width: 140px;
    margin-right: 10px !important;
  }
}
@media screen and (min-width: 768px) {
  .rebuy-widget--c-page .rebuy-product-block:last-child {
    margin-right: 0px !important;
  }
}
.cc-empty .rebuy-widget--c-page {
  margin: 0 auto;
}
.cc-empty .primary-title {
  text-align: center !important;
}
@media screen and (max-width: 550px) {
  .rebuy-widget--c-page .rebuy-product-info--flex-c {
    flex-flow: column;
  }
  .rebuy-widget--c-page .rebuy-product-title { 
    margin-right: 0px !important;
    margin-bottom: 5px !important;
  }
}
.cc-pdp-upsell .up-title {
  color: #3D3C3C !important;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: .89rem;
  text-align: left !important;
  border-bottom: 1px solid #ccd3da;
  margin-bottom: 20px !important;
  padding-bottom: 10px !important;
}
.rebuy-widget--pdp .primary-title {
  font-family: aktiv-grotesk-extended,sans-serif;
  font-weight: 800;
  font-size: 24px;
  text-transform: capitalize;
}
@media screen and (max-width: 550px) {
  .rebuy-widget--pdp .primary-title, .snow_features h3  {
    font-family: "basis-grotesque", Helvetica, sans-serif;
    font-size: .89rem;
    text-align: left !important;
    border-bottom: 1px solid #ccd3da;
    text-transform: uppercase;
    margin: 0 15px 0px !important;
    padding-bottom: 10px !important;
  }
}
.rebuy-widget--pdp-upsell .primary-title, .primary-title--bundle-pdp {
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: .89rem;
  text-align: left !important;
  color: #3d3c3c!important;
}
.rebuy-widget--pdp-upsell .primary-title {
  margin-bottom: 5px !important;
}
.rebuy-widget--pdp-upsell .description {
  margin-bottom: 0px !important;
  text-align: left !important;
}
.rebuy-widget--pdp-upsell .rebuy-product-grid {
  margin-top: 20px !important;
}
.rebuy-widget--pdp-upsell .rebuy-product-options {
  display: none;
}
.rebuy-money.sale, .rebuy-widget .rebuy-money.sale {
  color: #E62817 !important;
  margin-left: 3px;
}
.uppercase {
  text-transform: uppercase;
}
.cc-checkout-subtotal {
  font-size: 14px;
}
.pdp-adds-on__img-wrap {
  height: 110px;
  background: #f2f4f7;
}
.pdp-adds-on__title-wrap {
  text-align: center;
  margin-top: 7px;
}
.pdp-adds-on__title {
  margin: 0;
  font-size: 13px;
  display: inline-block;
  color: #3D3C3C;
}
.pdp-adds-on__price {
  margin: 0;
  display: inline-block;
}
@media screen and (max-width: 550px) {
  .pdp-adds-on__title, .pdp-adds-on__price {
    font-size: 12px;
    padding: 0 3px;
  }
}
.rebuy__pdp_rec, .section_container {
  width: 100%;
  margin: auto;
  max-width: 1300px;
}
.rebuy-widget--pdp .rebuy-product-media {
  background-color: #f3f4f7;
  width: 100%;
  padding-top: 76%;
  display: flex;
  align-items: center;
  position: relative;
}
.rebuy-widget--pdp .rebuy-product-media img {
  max-width: 80% !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.rebuy-widget--pdp .rebuy-product-grid {
  margin: 0 10px;
}
@media screen and (max-width: 550px) {
  .rebuy-widget--pdp .rebuy-product-media {
    height: 130px;
  }
}
@media screen and (max-width: 550px) {
  .rebuy-widget--pdp .rebuy-product-media img {
    max-width: 90% !important;
  }
}
.rebuy-widget--pdp .rebuy-product-grid  {
  padding-left: 0 !important;
  padding-right: 0 !important;
} 
.rebuy-widget--pdp .rebuy-product-info--flex-c {
  justify-content: space-between;
  font-size: 14px;
}
.rebuy-widget--pdp .rebuy-product-price,
.rebuy-widget__upsell .rebuy-product-price {
  margin-top: 10px !important;
}
.rebuy-button--gradient-blue {
  background-color: #002970 !important;
  background-image: linear-gradient(116.57deg,rgba(8,177,255,.4) 0%,rgba(0,120,212,.4) 50%,rgba(0,120,212,0) 100%) !important;
  transition: .2s ease;
  height: 44px !important;
  line-height: 44px !important;
  border: none !important;
  padding: 0 16px !important;
  font-weight: 700;
  cursor: pointer;
  font-size: 14px !important;
  text-decoration: none;
  border-radius: 0 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media screen and (max-width: 550px) {
  .rebuy-button--gradient-blue {
    height: 36px !important;
    line-height: 36px !important;
    font-size: 12px !important;
  }
}
.rebuy-product-c-name {
  flex: 0 0 auto;
  margin-top: 5px;
  order: 4;
  text-align: left;
  color: #6e7d89;
  font-family: basis-grotesque,Helvetica,sans-serif;
  font-size: 12px;
}
.rebuy-widget--pdp .rebuy-product-price span {
  color: #232b38;
}
.rebuy-widget--pdp .rebuy-product-block {
  padding-top: 10px !important;
  padding-right: 12px !important;
  padding-left: 0 !important;
}
@media screen and (max-width: 768px) {
  .rebuy-widget--pdp .rebuy-product-block {
    max-width: 155px;
    margin-right: 0px !important;
  }
}
.rebuy-widget--pdp .rebuy-product-title, .rebuy-widget--c-drawer .rebuy-product-title {
  text-align: left;
}
.rebuy-widget--pdp .flickity-page-dots {
  display: none !important;
}
.rebuy-product-image img, .pdp-adds-on__img-wrap img {
  mix-blend-mode: darken;
}
@media screen and (max-width: 550px) {
  .rebuy-widget--pdp .rebuy-product-price, .rebuy-widget--pdp .rebuy-product-title  {
    font-size: 14px !important;
  }
}
.rebuy-widget--pdp .flickity-button.previous {
  left: -20px !important;
}
.rebuy-widget--pdp .flickity-button.next {
  right: -12px !important;
}
.rebuy-widget--c-drawer .rebuy-money, .rebuy-widget--c-page .rebuy-money {
  color: #002970 !important;
  margin-left: 5px;
}
.rebuy-widget--c-page .rebuy-button, .rebuy-widget--c-page  .rebuy-money, .rebuy-widget--pdp-upsell .rebuy-button .rebuy-widget--pdp-upsell .rebuy-money {
  font-weight: 600 !important;
}
.rebuy-widget--pdp-upsell .rebuy-product-block {
  padding: 0 !important;
}
.rebuy-widget--pdp-upsell .rebuy-product-grid {
  justify-content: space-between !important;
  flex-wrap: unset !important;
}
.rebuy-widget--pdp-upsell .rebuy-product-media {
  width: 100%;
  padding-top: 100%;
  position: relative;
  background: #f2f4f7;
}
.rebuy-widget--pdp-upsell .rebuy-product-media img {
  max-width: 100px !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.rebuy-widget--pdp-upsell .rebuy-product-title {
  margin: 0;
  font-size: 13px;
  display: inline-block;
  color: #3d3c3c;
}
.rebuy-widget--pdp-upsell .rebuy-product-actions {
  margin-top: 8px !important;
}
.rebuy-widget--pdp-upsell .rebuy-button {
  padding: 8px 0;
  width: 100%;
  border-radius: 2px;
  color: #002970 !important;
  border: 2px solid #002970 !important;
  margin: auto;
  text-transform: uppercase;
}
@media screen and (min-width: 769px) {
  .rebuy-widget--pdp-upsell .rebuy-button {
    width: 80%;
  }
}
.rebuy-widget--pdp-upsell .rebuy-money {
  color: #002970 !important;
  margin-left: 3px;
}
.rebuy-widget--pdp-upsell .rebuy-button:hover {
  color: #0078d4 !important;
  border: 2px solid #0078d4 !important;
}
.rebuy-widget--pdp-upsell .rebuy-button:hover .rebuy-money {
  color: #0078d4 !important;
}
.rebuy-widget--pdp-upsell .rebuy-product-block:not(:last-child) {
  margin-right: 20px;
}
.rebuy-widget.rebuy-widget--pdp-upsell .rebuy-money.compare-at,
.rebuy-widget.widget-type-cart .rebuy-money.compare-at {
  color: #002970 !important;
  margin-left: 0;
}
.rebuy-widget--pdp-upsell .rebuy-button:hover .rebuy-money.compare-at,
.rebuy-widget.widget-type-cart .rebuy-button:hover .rebuy-money.compare-at {
  color: #0078d4 !important;
}
.rebuy-widget--pdp-upsell .rebuy-button:hover .rebuy-money.sale,
.rebuy-widget.widget-type-cart .rebuy-button:hover .rebuy-money.sale {
  color: #E62817 !important;
}
.rebuy-product-grid--scroll {
  display: block !important;
  white-space: nowrap;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 15px !important;
  justify-content: flex-start !important;
  background-color: #f6f6f6;
}
/* .rebuy-product-grid--scroll::-webkit-scrollbar {
  height: 6px;
}
.rebuy-product-grid--scroll::-webkit-scrollbar-track-piece {
  background-color: #f6f6f6;
  margin: 15px;
  border-radius: 5px;
}
.rebuy-product-grid--scroll::-webkit-scrollbar-thumb {
  background-color: #b1b1b1;
  border-radius: 5px;
} */
.rebuy-widget--c-page .rebuy-product-image img, .rebuy-widget--c-drawer .rebuy-product-image img {
  height: 62.5px !important;
}
.rebuy-widget .rebuy-money.compare-at {
  color: #212121 !important;
  text-decoration: line-through;
  font-weight: 600;
}
.rebuy-widget--c-drawer .rebuy-product-title, .rebuy-widget--c-page .rebuy-product-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
  margin-top: 5px !important;
}
.rebuy-widget--c-drawer .rebuy-product-options {
  margin: 5px 0 !important;
}
.rebuy-widget--c-drawer .rebuy-select {
  padding: 2px 5px;
  font-size: 10px !important;
  background-image: unset !important;
}
.rebuy-product-grid--scroll__grey {
  padding: 20px 0px 20px 20px;
  flex: none;
  background-color: #f6f6f6;
}
.c-countdown__wrap {
  padding: 10px 20px;
  text-align: center;
  min-height: 38px;
  font-size: 14px;
}
@media screen and (min-width: 550px) {
  .c-countdown__wrap {
    font-size: 16px;
  }
}
.flex-wrap {
  flex-flow: wrap;
}
.flex-grow {
  flex-grow: 1;
}

/* Hero video section */
.video-hero__wrap video {
  width: 100%;
  object-fit: cover;
}

.video-hero__lg {
  max-height: 720px;
  display: block;
}
@media screen and (max-width: 768px) {
  .video-hero__lg {
    display: none;
  }
}

.video-hero__sm {
  max-height: 275px;
  display: block;
}
@media screen and (min-width: 769px) {
  .video-hero__sm {
    display: none;
  }
}

.product_countdown__wrap-content, .product_countdown__wrap-expired {
  max-width: 1050px;
  margin: 0 auto;
  padding: 50px 15px;
}
.shopify-section.product_countdown {
  font-family: "basis-grotesque";
}
.pc_prehype-header, .pc_live-header, .pc_sold_out {
  font-size: 21px;
  letter-spacing: 0.05em;
  font-weight: 800;
  width: fit-content;
  text-align: center;
  margin: 0 auto 12px;
  max-width: 300px;
  color: #fff;
}
@media screen and (min-width: 550px) {
  .pc_prehype-header, .pc_live-header {
    font-size: 25px;
    max-width: unset;
  }
}
.pc_live-header {
  display: none;
}
@media screen and (min-width: 769px) {
  .pc_live-header {
    margin: 40px auto 65px;
    display: block;
  }
}
.pc_sold_out {
  font-size: 18px;
  max-width: none;
  margin: 0 auto 15px;
}
@media screen and (min-width: 769px) {
  .pc_sold_out {
    font-size: 36px;
    margin: 0 auto 30px;
  }
}
.pc__sold_out_descr {
  color: #fff;
  max-width: 450px;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
}
@media screen and (min-width: 769px) {
  .pc__sold_out_descr {
    font-size: 18px;
  }
}
.coming-soon__countdown {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(4,minmax(0,1fr));
  text-align: center;
  color: #fff;
  margin-bottom: 30px;
}
@media screen and (min-width: 550px) {
  .coming-soon__countdown {
    grid-gap: 20px;
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 860px) {
  .coming-soon__countdown {
    grid-gap: 45px;
  }
}
.product_countdown--signup .coming-soon__countdown {
  margin: 0 auto 40px;
}
.product_countdown--signup .at-terms {
  margin: 0;
}
.product_countdown--signup .at-terms p {
  margin-left: 0;
}
@media screen and (min-width: 860px) {
  .product_countdown--signup .coming-soon__countdown {
    grid-gap: 25px;
  }
}
.coming-soon__countdown-item div {
  position: relative;
  font-size: 8rem;
  display: flex;
  justify-content: center;
  border-width: 4px;
  border-style: solid;
  border-image: linear-gradient(270deg, #427CBD -2%, #46C43E 97.76%) 1;
}
.product_countdown--signup .coming-soon__countdown-item div {
  border: unset;
  background: #fff;
  color: #000;
  font-size: 40px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product_countdown--signup .coming-soon__countdown {
  max-width: 410px;
}
@media screen and (max-width: 1020px) {
  .coming-soon__countdown-item div {
    font-size: 6rem;
  }
}
@media screen and (max-width: 860px) {
  .coming-soon__countdown-item div {
    font-size: 5rem;
  }
}
@media screen and (max-width: 550px) {
  .coming-soon__countdown-item div {
    font-size: 2.7rem;
    padding: 10px 0;
  }
}
.coming-soon__countdown-item span {
  font-weight: bold;
  font-size: 11px;
  letter-spacing: 0.21em;
  margin-bottom: 8px;
  display: inline-block;
  color: #fff;
}
.product_countdown--signup .coming-soon__countdown-item span {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
}
@media screen and (min-width: 550px) {
  .coming-soon__countdown-item span {
    font-size: 13px;
    margin-bottom: 0px;
  }
}
.attentive_form__descr {
  max-width: 500px;
  margin: 0 auto 15px;
}
@media screen and (min-width: 550px) {
  .attentive_form__descr {
    margin: 0 auto 10px;
  }
}
.product_countdown__descr {
  max-width: 550px;
  margin: 0 auto 25px;
}
@media screen and (min-width: 550px) {
  .product_countdown__descr {
    margin: 0 auto 45px;
  }
}
.product_countdown__descr p, .attentive_form__descr p {
  color: #fff;
  font-size: 16px;
  line-height: 27px;
  text-align: center;
  margin-top: 0;
}
@media screen and (min-width: 550px) {
  .product_countdown__descr p {
    font-size: 20px;
  }
}
.attentive_form__descr p {
  line-height: 1.3;
}
.at-form {
  display: flex;
  justify-content: center;
  flex-flow: column;
  max-width: 400px;
  margin: 0 auto 10px;
}
.product_countdown__wrap .at-form {
  max-width: unset;
}
.at-field {
  margin-bottom: 15px;
}
.product_countdown__wrap form {
  max-width: 410px;
  margin: 0 auto;
}
.at-field input {
  height: 45px;
  width: 100%;
  min-width: 250px;
  padding: 12px;
  font-size: 16px;
  border: 2px solid #767676;
}
.button--green-linear {
  width: 100%;
  color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
  background: linear-gradient(270deg, #214C7C -2%, #4CAE46 97.76%);
  border: unset;
  cursor: pointer;
  height: 45px;
}
.at-field input::placeholder {
  color: #AAA6A6;
  opacity: 1;
}
.at-field input:-ms-input-placeholder {
  color: #AAA6A6;
}
.at-field input::-ms-input-placeholder {
  color: #AAA6A6;
}
.at-terms {
  max-width: 400px;
  margin: 0 auto 10px;
}
.at-terms p {
  color: #fff;
  font-size: 8px;
  margin-left: 5px;
}
.at-terms p a {
  color: #fff;
  text-decoration: underline;
}
.button__sumbit-form[disabled=disabled], .button__sumbit-form:disabled {
  cursor: not-allowed;
}
.at-form-confirmation {
  max-width: 400px;
  margin: 0 auto;
  /* color: blanchedalmond; */
  color: #fff;
  font-weight: 700;
  text-align: center;
  display: none;
}
.simple_slider {
  position: relative;
}
.template--page-forward-motion #site-footer, .template--page-vault #site-footer,
.template--page-nathan_florence #site-footer {
  margin-top: 0px;
}

.simple_slider__nav_item {
  max-width: 25px;
  padding-bottom: 5px;
  margin-right: 10px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  color: #CAD5DA;
  border-bottom: 3px solid transparent;
}
@media screen and (min-width: 769px) {
  .simple_slider__nav_item {
    max-width: 33px;
    padding-bottom: 10px;
    margin-right: 15px;
    font-size: 18px;
  }
}
.simple_slider__nav_item.swiper-slide-active {
  border-bottom: 3px solid #08B1FF;
  color: #000;
}
.form-submitted .at-form-confirmation {
  display: block;
}
.footer__email .form-submitted .at-form-confirmation {
  text-align: left;
  font-size: 14px;
  margin: 0;
  color: #002970;
  font-weight: 600;
}
.product_countdown__wrap-content, .product_countdown__wrap-expired {
  display: none;
}
.product_countdown__wrap-expired.show, .product_countdown__wrap-content.show {
  display: block;
  z-index: 1;
}
.pc__product-wrap {
  display: flex;
  flex-flow: column-reverse;
}
@media screen and (min-width: 769px) {
  .pc__product-wrap {
    flex-flow: row;
  }
}
.pc__content {
  color: #fff;
  padding: 0 30px;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .pc__content {
    text-align: unset;
  }
}
.pc__content span {
  letter-spacing: 3px;
  font-size: 14px;
}
.pc__content h3 {
  margin-top: 0px;
  margin-bottom: 15px;
  font-size: 45px;
  letter-spacing: .03em;
}
@media screen and (min-width: 769px) {
  .pc__content h3 {
    margin-top: 10px;
  }
}
.pc__product img {
  width: 100%;
}
.pc__product__divider {
  width: 3px;
  background: linear-gradient(180deg, #FFFFFF 40.1%, rgba(255, 255, 255, 0) 100%);
}
.pc__bullet_point {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.pc__bullet_point img {
  margin-right: 5px;
}
.button__pc {
  margin-top: 45px;
  justify-content: center;
  align-items: center;
  max-width: 150px;
  text-decoration: unset;
}

.button__pc--sm-hidden {
  display: none;
}
@media screen and (min-width: 769px) {
  .button__pc--sm-hidden {
    display: flex;
  }
}
.button__pc--lg-hidden {
  display: flex;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .button__pc--lg-hidden {
    display: none;
  }
}
.product_countdown__wrap--flex {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 350px !important;
}
@media screen and (min-width: 769px) {
  .product_countdown__wrap--flex {
    min-height: 450px !important;
  }
}
.button__pc-sold-out {
  display: flex;
  min-width: 300px;
  margin: 35px auto 0;
}
.form__subscribed-text p {
  color: #fff;
  font-size: 12px;
  letter-spacing: .03em;
}

.flexified-wrapper {
  display: grid !important;
  grid-gap: 20px;
  grid-template-columns: repeat(2,minmax(0,1fr));
}
@media screen and (min-width: 769px) {
  .flexified-wrapper {
    grid-template-columns: repeat(3,minmax(0,1fr));
    grid-gap: 30px;
  }
}
.ways-buckets--full .flexified-child {
  width: 100% !important;
  margin-bottom: 0 !important;
}

/* Collection Sub-Navigation */
.collection-nav {
  display: flex;
  white-space: nowrap;
  overflow: scroll;
  margin: 0px 0px 30px;
}
.collection-nav::-webkit-scrollbar {
  display: none;
}
.collection-nav {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media screen and (min-width: 769px) {
  .collection-nav {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    grid-gap: 20px;
    margin: 30px 0 50px;
  }
}
.collection-nav--mb-25 {
  margin: 0px 0 25px;
}
.collection-nav a {
  text-decoration: unset;
}
.collection-nav__item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 150px;
  width: 150px;
  background-position: center;
  background-size: cover;
  margin-right: 15px;
  background-color: #f3f4f7;
}
@media screen and (min-width: 769px) {
  .collection-nav__item {
    width: unset;
    margin-right: unset;
  }
}
.collection-nav__title {
  color: #232b38;
  margin: 7px 0 0;
  font-size: 14px;
  white-space: normal;
}
@media screen and (min-width: 769px) {
  .collection-nav__title {
    font-size: 16px;
  }
}

/* Careers page with Jazz HR */
.page-careers .accordion-page-content {
  display: none;
}
.page-careers .basic-page-content .container {
  margin-bottom: 45px !important;
}
#resumator-wrapper, .open_positions__title h2 {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 15px;
}
.open_positions__title h2 {
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
  font-size: 18px;
  color: #232b38;
  margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
  .open_positions__title h2 {
    font-size: 24px !important;
  }
}
@media screen and (min-width: 769px) {
  #resumator-wrapper, .open_positions__title h2 {
    padding: 0;
    font-size: 18px;
  }
}
.resumator-job-title, .resumator-job-info, .resumator-job-info-details {
  font-family: "aktiv-grotesk-extended", sans-serif !important;
  color: #232b38 !important;
  letter-spacing: .03em;
}
.resumator-job-description-text p span, .resumator-job-description-text p, .resumator-job-description ul li span, .resumator-job-description ul li {
  font-family: "basis-grotesque", Helvetica, sans-serif !important;
  font-size: 16px !important;
  color: #495361 !important;
  line-height: 1.6;
}
.resumator-job-title {
  border-top: unset !important;
}
.resumator-job-title {
  color: #002970 !important;
}
#resumator-logo {
  display: none;
}
.resumator-job-view-details {
  font-size: 14px !important;
  padding-top: 15px !important;
}
.resumator-job {
  border-bottom: 1px solid #ddd;
  padding-bottom: 25px;
}
.resumator-job:last-child {
  border-bottom: unset;
  padding-bottom: unset;
}
a.resumator-hide-details, a.resumator-job-link {
  font-size: 15px !important;
  font-weight: 400 !important;
  font-family: "basis-grotesque", Helvetica, sans-serif !important;
  letter-spacing: .03em;
  color: #08b1ff !important;
  text-decoration: unset;
}
.resumator-apply-button {
  color: white;
  background-color: #002970;
  background-image: linear-gradient(
    116.57deg,
    rgba(8, 177, 255, 0.4) 0%,
    rgba(0, 120, 212, 0.4) 50%,
    rgba(0, 120, 212, 0) 100%
  );
  transition: 0.2s ease;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border: none;
  padding: 0px 16px;
  font-weight: 700;
  cursor: pointer;
  outline: none;
  font-size: 14px;
  text-decoration: none;
  /* border-radius: 3px; */
  border-radius: 0;
  text-transform: uppercase;
  display: inline-block;
  letter-spacing: 1px;
}

.resumator-apply-button:hover {
  background-color: #0078d4;
  background-image: linear-gradient(
    116.57deg,
    rgba(191, 248, 255, 0.8) 0%,
    rgba(8, 177, 255, 0.8) 50%,
    rgba(8, 177, 255, 0) 100%
  );
  color: white;
}
.resumator-form-iframe iframe {
  max-height: 1400px !important;
}
/* End */

.collection-pc-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
@media screen and (min-width: 900px) {
  .collection-pc-wrap {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 500px) {
  .collection-pc-wrap {
    margin-bottom: 15px;
    align-items: baseline;
    flex-flow: column;
  }
}

/* Rich Text Section */
.rich-text {
  margin: 50px 0;
}
.rich-text__wrap h2 {
  margin-top: 0;
  margin-bottom: 15px;
}
.rich-text__wrap h4 {
  margin-bottom: 15px;
  margin-top: 0;
}
.rich-text__wrap h4, .rich-text__wrap .paragraph p {
  font-family: "basis-grotesque", Helvetica, sans-serif;
}
.page-title {
  font-size: 18px;
  font-weight: 800;
  font-family: "aktiv-grotesk-extended",sans-serif;
}
@media screen and (min-width: 769px) {
  .page-title {
    font-size: 22px;
  }
}
.h1 {
  font-size: 28px;
}
@media screen and (min-width: 769px) {
  .h1 {
    font-size: 32px;
  }
}
.paragraph p {
  font-family: "aktiv-grotesk-extended",sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 165.3%;
  color: #6D7782;
}
.paragraph p a {
  color: #002970;
}
.rich-text__wrap--center {
  text-align: center;
}
.rich-text__wrap--right {
  text-align: right;
}

/* Store Locator Section */
.stockist-powered-by-link {
  display: none;
}
.store-locator .page-title {
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  .banner-hidden__desktop .relative {
    display: none;
  }
  .banner-hidden__desktop .content {
    position: unset;
    margin-top: 30px;
  }
}
.cc-filters-sort-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cc-filters-sort-wrap .button__compare-goggles, .mobile-filter-triggers .button__compare-goggles {
  margin-bottom: 0;
}
.button__compare-goggles {
  width: 100%;
}
@media screen and (min-width: 979px) {
  .cc-filters-sort-wrap .button__compare-goggles {
    margin-left: 15px;
  }
}
.mobile-filter-triggers .button__compare-goggles {
  font-size: 12px;
  padding: 0px 5px;
}
@media screen and (min-width: 769px) {
  .mobile-filter-triggers .button__compare-goggles {
    padding: 0px 10px;
  }
}
.banner-hidden__desktop .content {
  margin-top: 20px;
  display: block;
}
.cc-collection-header .banner-hidden__desktop  .content h1 {
  font-size: 23px;
  margin-bottom: 5px;
}
@media screen and (min-width: 769px) {
  .cc-collection-header .banner-hidden__desktop  .content h1 {
    font-size: 27px;
  }
}
.cc-collection-header .banner-hidden__desktop  .content h2 {
  font-size: 16px;
}
@media screen and (min-width: 769px) {
  .cc-collection-header .banner-hidden__desktop  .content h2 {
    font-size: 18px;
  }
}
.tab-animate .swiper-button-prev {
  width: 12px;
  height: 20px;
  color: #393939;
  top: 55%;
  left: 5px;
}
.tab-animate .swiper-button-next {
  width: 12px;
  height: 20px;
  color: #393939;
  top: 55%;
  right: 5px;
}
.tab-animate .swiper-button-prev:after, .tab-animate .swiper-button-next:after {
  font-size: 20px;
  font-weight: bold;
}
.best-selling-swiper .cc-collection-item .cc-collection-item__content {
  margin: 0 5px;
}
@media screen and (min-width: 769px) {
  .best-selling-swiper {
    max-width: 100%;
  }
  .best-selling-swiper .cc-collection-item .cc-collection-item__content {
    margin: 0 10px;
  }
}

@media screen and (max-width: 769px) {
  .tab-animate .swiper-button-prev,
  .tab-animate .swiper-button-next
   {
    display: none;
  }

  #shopify-tab-section .tab-content .products-grid {
    margin: 0px;
  }
}



.signup-slider__wrap .signup-slider .swiper-pagination {
  display: flex;
  justify-content: center;
  flex-flow: column;
  width: fit-content;
  right: 2%;
  left: auto;
}

.signup-slider__wrap .signup-slider .swiper-pagination .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  margin: 0 5px 7px;
  border-radius: unset;
}

.signup-slider__wrap .signup-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: black;
}

@media screen and (max-width: 768px) {
  .signup-slider__wrap .signup-slider .swiper-pagination {
    right: 7%;
    top: 0%;
  }
}
.best-selling-swiper .cc-collection-item {
  margin-bottom: 20px;
  width: 100%;
}
.best-selling-swiper .cc-collection-item form {
  position: unset;
  padding: 0;
}

.best-selling-swiper .swiper-pagination {
  position: unset;
}

.best-selling-swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 3px;
  background: #e9e9e9;
  opacity: 1;
}

.best-selling-swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #071f60;
}

.hero-full-slider > div {
  display: none;
}
.hero-full-slider > div:first-child {
  display: block;
}
.hero-full-slider.slick-initialized > div {
  display: block;
}
.hero-full-slider .hero__button-wrapper {
  margin-left: 10px;
}
.hero-full-slider .hero__button-wrapper .button--primary {
  margin-left: 0;
}
@media screen and (min-width: 769px) {
  .hero-full-slider .hero__button-wrapper {
    margin-left: 0px;
  }
}
/* .rxColor[data-color="Champagne"], [rx-color="Champagne"] {
  display: none !important;
} */

/* Dynamic checkout btn */
.shopify-payment-button__more-options {
  display: none;
}
.shopify-payment-button {
  margin-bottom: 15px;
}
.shopify-payment-button__button, .shopify-cleanslate button {
  margin-top: 0 !important;
}
.shopify-payment-button__button--unbranded {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: unset;
  color: #002970;
  border: 1px solid #002970;
  background-color: #fff;
}
.shopify-payment-button__button--unbranded:hover {
  background-color: #045ea8 !important;
  border: 1px solid #045ea8;
  color: #fff;
}
/* Hide if FLOW.IO */
.geolocation-server-render .shopify-payment-button,
.geolocation-server-render .widget-type-cart .rebuy-money.compare-at {
  display: none;
}
.geolocation-server-render .widget-type-cart .rebuy-money.sale {
  color: #002970 !important;
}
.geolocation-server-render .widget-type-cart .rebuy-button:hover .rebuy-money.sale {
  color: #0078d4 !important;
}
.page-width {
  max-width: 1300px;
  width: 100%;
  margin: 20px auto;
}
.page-width--smaller {
  max-width: 1200px;
}
.slick-dots > li:only-child {
  display: none;
}
.category-tabs {
  display: flex;
  margin: 0 10px 50px;
  overflow: auto;
}
.category-tabs::-webkit-scrollbar, .category-slider::-webkit-scrollbar {
  display: none;
}
.category-tabs__item {
  width: 25%;
  max-width: 308px;
  min-width: 215px;
  margin-right: 12px;
}
.category-tabs__item-content {
  max-width: 93%;
}
@media screen and (min-width: 769px) {
  .category-tabs__item {
    min-width: 270px;
  }
}
.category-tabs__item:last-child {
  margin-right: 0px;
}
.category-tabs__item img, .category-tabs__item video {
  height: 250px;
  object-fit: cover;
}
@media screen and (min-width: 769px) {
  .category-tabs__item img, .category-tabs__item video {
    height: 350px;
  }
}
.category-tabs__title {
  color: #004e9c;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 800;
  margin-top: 10px;
}
.category-tabs__item a {
  text-decoration: none;
}
.category-tabs__descr p {
  color: #111111;
  margin-top: 0;
  font-size: 14px;
  margin-bottom: 7px;
}
.category-tabs_cta span {
  font-size: 12px;
  color: #004e9c;
  text-decoration: underline;
  font-weight: 600;
  text-underline-offset: 1px;
}
.lens-type__wrap,
.coll-type__wrap {
  display: flex;
  align-items: center;
  flex-flow: row;
  border-bottom: 1px solid #e5e3e3;
  padding: 10px 0;
}
.lens-type__wrap {
  padding: 10px 0;
}

.coll-type__wrap{
  justify-content: space-between;
}


.x2-option .dx-svg-badge,
.dx-option .dx-svg-badge {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(40%, -50%);
}

@media screen and (max-width: 768px) {
  .dx-option.checked{
    margin: 2px 0;
  }
}

.coll-type__wrap-header {
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #222b38;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  position: relative;
}

.coll-type__wrap-header::before,
.coll-type__wrap-header::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #e0e5e9;
}

.coll-type__wrap-header::before {
  left: 0;
  margin-right: 10px;
}

.coll-type__wrap-header::after {
  right: 0;
  margin-left: 10px;
}


.lens-type__wrap-title,
.coll-type__wrap-title {
  font-size: 12px;
  display: block;
  color: #222b38;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-weight: bold;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
  white-space: nowrap;
}
.geolocation-server-render .lens-type__wrap,
.geolocation-server-render .coll-type__wrap {
  align-items: flex-start;
  flex-flow: column;
}
@media screen and (min-width: 769px) {
  .geolocation-server-render .lens-type__wrap,
  .geolocation-server-render .coll-type__wrap  {
    align-items: center;
    flex-flow: row;
  }
}

.lens-type__wrap a, 
.coll-type__wrap a {
  text-decoration: unset;
  margin-right: 10px;
}
@media screen and (min-width: 769px) {
  .lens-type__wrap a, 
  .coll-type__wrap a {
    margin-right: 15px;
  }
}

.lens-type__wrap-btns {
  display: flex;
}

.coll-type__wrap-btns {
  display: flex;
  justify-content: center;
  gap: 15px;
  min-width: 100%;
}

@media screen and (min-width: 769px) {
  .coll-type__wrap-btns {
    height: 40px;
  }
}

@media screen and (max-width: 1300px) {
  .coll-type__wrap-btns {
    padding: 0 20px;
  }
}

.coll-type__wrap-btn {
  flex: 1;
  text-align: center;
  height: 50px;
}


.mb-sm-05 {
  margin-bottom: 5px;
}
.lens-type,
.coll-type {
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
  min-width: 140px;
  padding: 15px 5px;
  border-radius: 3px;
  color: #0a55a0;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.lens-type,
.coll-type.x2-option{
  border: 2px solid #80a6cd;
}


@media screen and (min-width: 769px) {
  .coll-type {
    max-height: 40px;
  }
  .lens-type {
    min-width: 150px;
  }
}

.geolocation-server-render .lens-type,
.geolocation-server-render .coll-type {
  min-width: 155px;
}

.lens-type.active,
.coll-type.active {
  background-color: #0a55a0;
  border: 2px solid #0a55a0;
  color: #fff;
  margin-right: 10px;
}
@media screen and (min-width: 769px) {
  .lens-type.active,
  .coll-type.active {
    margin-right: 15px;
  }
}
.lens-type.unavailable::before,
.coll-type.unavailable::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background: rgba(242, 244, 247, 0.3);
}
.lens-type.unavailable::after,
.coll-type.unavailable::after {
  content: '';
  display: block;
  position: absolute;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M1 0 L0 1 L99 100 L100 99' fill='black' /><path d='M0 99 L99 0 L100 1 L1 100' fill='black' /></svg>");
  background-repeat:no-repeat;
  background-position:center center;
  height: 100%;
  width: 100%;
}
.lens-type__wrap .prevent-def,
.coll-type__wrap .prevent-def {
  cursor: not-allowed;
}
.sunglasses-icon {
  display: flex;
  align-items: center;
  padding: 12px 13px 12px 15px;
  border-bottom: 1px solid #e0e5e9;
}
.sunglasses-icon:first-child {
  border-top: 1px solid #e0e5e9;
}
.sunglasses-icon:last-child {
  border-bottom: unset;
}
.sunglasses-icon img {
  height: 24px;
  width: 24px;
  object-fit: cover;
  margin-right: 10px;
}
.sunglasses-icon p, .rebuy-widget--pdp-upsell .description {
  margin: 0;
  font-size: 12px;
  color: #3D3C3C;
}
body.geolocation-server-render .sunglasses-icons__wrap {
  margin: 10px 0 25px;
}
.rebuy-widget.rebuy-widget--pdp-upsell {
  padding-top: 0;
}

/* AU + CAN Test */
.flowcc-experience-AUS #rebuy-widget-23739, .flowcc-experience-AUS #rebuy-widget-23879 {
  display: none !important;
}
.flowcc-experience-CAN #rebuy-widget-23739, .flowcc-experience-CAN #rebuy-widget-23879 {
  display: none !important;
}
.cc-cartItems__gift, .cc-cartItems__gift--pdp{
  background-color: #f6f6f6;
  padding: 20px 10px;
  border-radius: 3px;
}
.cc-cartItems__gift {
  margin: 20px 15px 15px;
  display: none;
}
.cc-cartItems__gift.show {
  display: block;
}
.gift-items__wrap {
  display: flex;
  align-items: center;
}
.gift-items__wrap img {
  mix-blend-mode: darken;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100px;
  height: 100%;
}
.gift-items__wrap-content, .gift-items__wrap-content--pdp {
  max-width: 290px;
  padding-left: 10px;
}
.gift-items__wrap-content h4, .gift-items__wrap-content--pdp h4 {
  margin: 0 0 5px;
  font-size: 14px;
}
.gift-items__wrap-content p, .gift-items__wrap-content--pdp p {
  margin-top: 0;
  font-size: 12px;
}
.gift-items__wrap-content button, .gift-items__wrap-content--pdp button {
  font-size: 10px;
  line-height: unset;
  height: unset;
  padding: 10px;
}
.pre-order__wrap {
  display: flex;
  align-items: center;
}
.pre-order__wrap label {
  text-align: left;
  margin-left: 5px;
  margin-bottom: 0;
}
.container_wrap {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
}
.snow_features {
  margin-top: 55px;
  margin-bottom: 45px;
}
@media screen and (max-width: 550px) {
  .snow_features {
    margin-top: 25px;
    margin-bottom: 15px;
  }
}
.snow_features-wrap {
  padding: 0 15px 0;
}
@media screen and (min-width: 769px) {
  .snow_features-wrap {
    padding: 0;
  }
}
.snow_features__slider {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  -webkit-user-select: none;
  user-select: none;
}
.snow_features__slider-slide img {
  width: 270px;
  height: 165px;
  object-fit: cover;
}
@media screen and (min-width: 769px) {
  .snow_features__slider-slide img {
    width: 360px;
    height: 220px;
  }
}
.snow_features__slider-slide {
  margin-right: 20px;
  margin-bottom: 10px;
  margin-top: 8px;
}
.snow_features__slider-slide:last-child {
  margin-right: 0;
}
.snow_features__slider-slide h5 {
  font-size: 14px;
  margin-bottom: 15px;
}
.snow_features__slider-slide p {
  font-size: 12px;
  line-height: 22px;
  margin-top: 0;
}
.snow_features__slider::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 5px;
}
.snow_features__slider::-webkit-scrollbar-thumb {
  background-color: #2d2d2d;
}
.snow_features__slider::-webkit-scrollbar-track-piece {
  background-color: #e2e2e2;
}

/* DELETE LATER */
@media screen and (max-width: 768px) {
  .template--domestic .button--primary--15ed17da-1c68-40be-939d-1c353e843a01 {
    color: #ffffff !important;
    background-color: #000000 !important;
  }
}

/* CONTACT US PAGE */
.contact_us__content {
  margin-top: 70px;
  padding: 0 15px;
}
.contact_us__content--with-sidebar {
  display: flex;
  flex-flow: column-reverse;
}
@media screen and (min-width: 769px) {
  .contact_us__content--with-sidebar {
    flex-flow: wrap;
  }
}

.contact_us__content-main {
  max-width: 670px;
  margin: 0 auto;
  padding: 0 10px;
}
.contact_us__content-main h1 {
  font-family: "aktiv-grotesk-extended", sans-serif;
  color: #232b38;
  font-weight: 800;
  font-size: 24px;
  margin-top: 0;
  text-transform: uppercase;
  margin-bottom: 30px;
}
@media screen and (min-width: 769px) {
  .contact_us__content-main h1 {
    font-size: 32px;
  }
}
.contact_us__content-main p {
  font-size: 1.1rem;
  letter-spacing: .03rem;
  margin-bottom: 30px;
  margin-top: 0;
}
.contact_us__content-main p a {
  color: #0078d4;
}
.contact_us__content_sidebar {
  padding-top: 40px;
}
@media screen and (min-width: 769px) {
  .contact_us__content_sidebar {
    padding-top: 60px;
  }
}
.contact_us__content_sidebar h3 {
  margin-top: 0%;
}
.sidebar_link {
  display: block;
  margin-top: 10px;
  text-decoration: none;
  color: #0078d4;
}
.form-two-fields {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(1,minmax(0,1fr));
}
@media screen and (min-width: 769px) {
  .form-two-fields {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
.form-field {
  margin-bottom: 20px;
}
.form-field label {
  font-size: 14px;
  letter-spacing: 0.03em;
  color: #111111;
  display: block;
  padding-bottom: 5px;
}
.form-field select, .form-field input, .form-field textarea {
  display: block;
  width: 100%;
  width: 100%;
  padding: 0rem 1rem 0rem;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 16px;
  color: #111111;
  border-radius: 0.18rem;
  border: 0.0625rem solid #e0e5e9;
  height: 2.7rem;
  clear: both;
}
.form-field textarea {
  padding: 1rem;
}
.form-field textarea {
  height: unset;
}
.required {
  color: #c90e02;
}
.form-field input[type=file] {
 padding: 0;
 border: unset;
 height: unset;
}
.zap_form .successMessage {
  display: none;
}
.zap_form.form-submitted .successMessage {
  display: block;
  font-size: 16px;
  color: #111111;
  line-height: 1.5;
}
.zap_form.form-submitted .contact_us_form_wrap {
  display: none;
}
.form-field input::-webkit-outer-spin-button,
.form-field input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-field input[type=number] {
  -moz-appearance: textfield;
}
.button--primary_pdp_upsell {
  margin: 0 auto;
  max-width: 320px;
}
.template--index .rebuy__recently_viewed .rebuy-widget--pdp .primary-title {
  font-weight: 800;
  font-family: "aktiv-grotesk-extended", sans-serif;
}
@media screen and (max-width: 768px) {
  .template--index .rebuy__recently_viewed .rebuy-widget--pdp .primary-title {
    font-size: 22px;
    text-align: center !important;
    border-bottom: unset;
    text-transform: unset;
  }
}
.rebuy__recently_viewed .rebuy-product-info--flex-c {
  margin-top: 5px;
}
.attentive_form .pc_prehype-header {
  margin-bottom: 5px;
}
.basic-page-content .article-products .main-info a {
  color: #232b38 !important;
}
.basic-page-content .article-products .collection-name {
  display: none;
}
.basic-page-content .cc-collection-item form {
  position: unset;
  margin: 10px 0 0;
  bottom: unset;
}
.page-san-diego-pride .page-hero .page-featured-img {
  height: 300px;
}
@media screen and (min-width: 769px) {
  .page-san-diego-pride .page-hero .page-featured-img {
    height: 400px;
  }
}
@media screen and (max-width: 768px) {
  .page-san-diego-pride .page-hero .page-title .inner-title {
    background: #ffffffe8;
  }
}
fieldset.lens-type__wrap,
fieldset.coll-type__wrap  {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  border-radius: unset;
  border-top: unset;
  border-left: unset;
  border-right: unset;
}

fieldset.coll-type__wrap  {
  margin: 0, 10px;
}

.lens-type__wrap input[type=radio],
.coll-type__wrap input[type=radio] {
  clip: rect(0,0,0,0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}

.lens-type__wrap input[type=radio]:checked+label {
  background-color: #0a55a0;
  border: 2px solid #0a55a0;
  color: #fff;
}

.coll-type__wrap input[type=radio]:checked + label.x2-option {
  background-color: #0a55a0;
  border: 2px solid #0a55a0;
  color: #fff;
}

.coll-type__wrap  input[type=radio]:checked + label.dx-option {
  background: rgba(25,69,189,1);
  background: linear-gradient(45deg, rgba(25,69,189,1) 0%, rgba(0,195,245,1) 100%);
  color: #fff;
}
.coll-type__wrap .dx-option input[type=radio]:checked+label:hover {
  background-image: linear-gradient(to right, #E6B800 0%, #B8860B 50%, #E6B800 100%);
  background: rgba(25,69,189,1);
  background: linear-gradient(45deg, rgba(25,69,189,1) 100%, rgba(0,195,245,1) 0%);
}

.dx-option.unchecked{
  border: 1px solid #1945bd;
}

.lens-type .flow-price,
.coll-type .flow-price {
  padding-left: 3px;
}
.option_selected--non-polarized .sunglasses-icon__polarized_icon {
  display: none;
}
.option_selected--polarized .sunglasses-icon__pureblends.sunglasses-icon__pureblends--polarized,
.option_selected--non-polarized .sunglasses-icon__pureblends.sunglasses-icon__pureblends--non-polarized {
  display: flex;
}
.variant_unavailable .shopify-payment-button {
  display: none;
}

/* REBUY RX POPUP */
.rebuy-widget--popup .rebuy-widget-content {
  padding: 0 !important;
}
.rebuy-widget-content__title {
  padding: 22px 10px;
  background-color: #0078D4;
  margin-bottom: 30px;
}
@media screen and (min-width: 769px) {
  .rebuy-widget-content__title {
    margin-bottom: 20px;
  }
}
.rebuy-widget--popup .rebuy-widget-content__title .super-title {
  font-size: 34px;
  text-transform: unset !important;
  font-weight: 800;
  color: #fff !important;
  font-family: "aktiv-grotesk-extended",sans-serif;
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  .rebuy-widget--popup .rebuy-widget-content__title .super-title {
    font-size: 44px;
  }
}
.rebuy-widget--popup .rebuy-modal-close {
  opacity: unset !important;
}
.rebuy-widget--popup .rebuy-modal-close .fa-times {
  color: #fff;
}
.rebuy-widget--popup .primary-title {
  font-family: "aktiv-grotesk-extended",sans-serif;
  font-size: 16px;
  max-width: 500px;
  margin: 0 auto !important;
}
@media screen and (min-width: 769px) {
  .rebuy-widget--popup .primary-title {
    max-width: 565px;
  }
}
@media screen and (min-width: 769px) {
  .rebuy-widget--popup .primary-title {
    font-size: 18px;
  }
}
.rebuy-widget-content__body {
  padding: 0 23px !important;
}
@media screen and (min-width: 769px) {
  .rebuy-widget-content__body {
    padding: 0 25px !important;
  }
}
.rebuy-widget--popup .rebuy-product-title {
  font-size: 15px;
  color: #3D3C3C !important;
  font-weight: 600;
  margin-top: 0 !important;
  font-family: "aktiv-grotesk-extended",sans-serif;
}
@media screen and (min-width: 769px) {
  .rebuy-widget--popup .rebuy-product-title {
    font-size: 16px;
  }
}
.rebuy-widget--popup .rebuy-product-price {
  font-size: 15px;
  font-weight: 600;
}
@media screen and (min-width: 769px) {
  .rebuy-widget--popup .rebuy-product-price {
    font-size: 16px;
  }
}
.rebuy-widget--popup .description {
  font-size: 11px;
  margin-bottom: 10px !important;
  margin-top: 0 !important;
}
@media screen and (min-width: 769px) {
  .rebuy-widget--popup .description {
    font-size: 12px;
  }
}
.rebuy-widget--popup .btns__wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  flex-flow: column;
}
@media screen and (min-width: 769px) {
  .rebuy-widget--popup .btns__wrap {
    flex-flow: row;
    margin-top: 10px;
  }
}
.rebuy-widget--popup .button {
  margin-top: 0;
  max-width: 320px;
  width: 100%;
  cursor: pointer;
  text-transform: uppercase;
  font-family: "aktiv-grotesk-extended",sans-serif;
  font-size: 14px;
  font-weight: 600;
  height: 44px;
}
.rebuy-widget--popup .button:first-child {
  margin-right: 0px;
  margin-bottom: 9px;
}
@media screen and (min-width: 769px) {
  .rebuy-widget--popup .button:first-child {
    margin-right: 10px;
    margin-bottom: 0;
  }
}
.rebuy-widget--popup .rebuy-product-block {
  padding-bottom: 10px !important;
}
.rebuy-widget--popup .button.decline {
  color: #002970;
  border: 1px solid #002970;
  background: #fff;
  transition: background 0.2s ease-in-out;
}
.rebuy-widget--popup .button.decline:hover {
  background-color: #045ea8;
  border: 1px solid #045ea8;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .rebuy-widget--popup .rebuy-product-actions {
    margin-top: 0 !important;
  }
}
.rebuy-widget.rebuy-widget--popup {
  display: none;
}
.footer-link #ot-sdk-btn.ot-sdk-show-settings {
  color: #6d7782;
  text-decoration: none;
  font-size: 12px;
  border: unset;
  padding: 0;
  font-family: "basis-grotesque", Helvetica, sans-serif;
  background: unset;
}
.footer-link #ot-sdk-btn.ot-sdk-show-settings:hover {
  background-color: unset;
  color: #6d7782;
}
.footer-link.do-not-sell-my-information {
  display: none;
}
.tab-section__subtitle p {
  text-align: center;
  color: #111111;
  margin: 10px 0 30px 0;
}
#ot-sdk-btn-floating {
  display: none !important;
}
afterpay-placement {
  font-size: 12px;
  text-align: center;
  margin-bottom: 12px !important;
  --logo-badge-width: 80px;
  color: #495631;
  font-family: basis-grotesque,Helvetica,sans-serif;
}
.rebuy-widget afterpay-placement {
  margin-top: 5px;
  margin-bottom: 12px;
}
.real-checkout-summary afterpay-placement {
  text-align: center !important;
}
#cc-ajax-cart afterpay-placement {
  margin: 0 0 10px;
}
.rx_available {
  color: #0078D4;
  font-size: 14px;
  text-decoration: unset;
  display: flex;
  margin: 7px 0;
  align-items: center;
  width: fit-content;
}
.rx_available:hover {
  color: #08B1FF;
}
.rx_available svg {
  fill: #0078D4;
  width: 13px;
  height: 13px;
  margin-left: 5px;
}
.rx_available:hover svg {
  fill: #08B1FF;
}
.keep_breast_logo {
  max-width: 150px;
  width: 100%;
  position: absolute;
  bottom: -12px;
  right: -15px;
  opacity: .95;
}
@media screen and (min-width: 769px) {
  .keep_breast_logo {
    bottom: 20px;
    right: 30px;
  }
}
.cc-collection-item__wrap {
  display: flex;
  align-items: center;
  justify-content: end;
  position: absolute;
  padding: 42px 20px;
  bottom: 0;
}
@media screen and (min-width: 769px) {
  .cc-collection-item__wrap {
    padding: 30px;
  }
}
.template--page-gifts .home-double-cta,
.template--page-gifts .collection-cat-slider {
  margin-bottom: 50px;
}
@media screen and (min-width: 769px) {
  .template--page-gifts .home-double-cta,
  .template--page-gifts .collection-cat-slider {
    margin-bottom: 80px;
  }
}
.template--page-gifts .cc-heroo__btns a {
  color: #ffffff;
  border: 2px solid #ffffff;
  background-color: transparent;
  background-image: unset;
  display: flex;
  align-items: center;
  width: fit-content; 
}
.template--page-gifts .cc-heroo__btns a:hover {
  color: #e2bf4a;
  border: 2px solid #e2bf4a;
}
@media screen and (min-width: 769px) {
  .no-border-l-r__lg {
    border-left: unset;
    border-right: unset;
  }
  .no-border-r__lg {
    border-right: unset;
  }
}
@media screen and (min-width: 769px) {
  #cc-shipping-status.no-bt-lg {
    border-bottom: unset;
  }
}
#validation-form .error {
  text-align: center;
  padding: 0 10px;
}
#validation-form .error {
  max-width: 600px;
  padding: 20px;
  margin: 20px auto 0;
  color: rgb(230, 40, 23);
  border-radius: 3px;
}
.product-price__wrap {
  display: flex;
  align-items: end;
  justify-content: space-between;
  overflow: hidden;
}
.text-m::before {
  content: "("
}
.text-m::after {
  content: ")"
}
@media screen and (max-width: 500px) {
  .price-section__wrap {
    display: flex;
    flex-flow: column-reverse;
  }
}
@media screen and (max-width: 500px) {
  .cc-collection-item .more-colors-title.hidden-mobile {
    display: none;
  }
}
@media screen and (min-width: 500px) {
  .cc-collection-item .more-colors-title.hidden-desktop {
    display: none;
  }
}

.template_name--page .hero-full-section-wrap .hero-image {
  margin-bottom: 0;
}
.product-grid-container {
  padding: 0 15px;
}
.signup_countdown__header {
  font-weight: 700;
  font-size: 12px;
  line-height: 19px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #FFFFFF;
  margin: 0 0 15px;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .signup_countdown__header {
    font-size: 16px;
  }
}
.at-terms__title {
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  margin-bottom: 8px;
  letter-spacing: 0.12em;
}
@media screen and (min-width: 769px) {
  .at-terms__title {
    font-size: 18px;
  }
}
.bcg__bottom_svg {
  margin-bottom: 20px;
  min-width: 260px;
}
.signup-slider__wrap {
  background-color: #ffffff;
  width: 100%;
  border-radius: 35px;
  margin-bottom: 65px;
}
@media screen and (min-width: 769px) {
  .signup-slider__wrap {
    border-radius: 50px;
  }
}
.signup-slide__wrap {
  display: flex !important;
  padding: 0 15px;
  flex-flow: column;
}
@media screen and (min-width: 769px) {
  .signup-slide__wrap {
    flex-flow: row;
  }
}
.signup-slide, .signup-slide-descr__wrap {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .signup-slide, .signup-slide-descr__wrap {
    width: 50%;
  }
}
.signup-slide-descr__wrap {
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding: 0 20px;
}
.signup-slide-descr {
  max-width: 490px;
  margin: 0 auto;
}
.signup-slide-descr h3 {
  font-size: 24px;
  font-weight: 800;
}
.signup-slide-descr p {
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #6D7782;
}
.py-50 {
  padding: 50px 0;
}
.template--page-snow-2023 .static-footer {
  margin-top: 0px !important;
}
.template--page-gifts .categories-section-wrap {
  padding: 0 10px;
}

/* ReBuy Dynamic Bundle */
.widget-type-dynamic-bundle.rebuy-widget {
  padding: 10px 0 0px;
}
.widget-type-dynamic-bundle .rebuy-bundle__actions-price {
  text-align: left;
  padding-bottom: 15px;
  border-bottom: 1px solid #E5E3E3;
  width: 100% !important;
}
.widget-type-dynamic-bundle .rebuy-money.sale {
  color: #232B38 !important;
  font-weight: 400;
  font-size: 22px;
}
.widget-type-dynamic-bundle .rebuy-bundle__items {
  order: 2 !important;
}
.widget-type-dynamic-bundle .rebuy-product-checkbox {
  display: none;
}
.widget-type-dynamic-bundle .rebuy-product-block:first-child {
  padding-top: 7px !important;
}
.rebuy-product-title__wrap {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.widget-type-dynamic-bundle .rebuy-product-options {
  margin-left: 0 !important;
}
.widget-type-dynamic-bundle .rebuy-size-label {
  background-color: white;
  color: #222b38;
  font-size: 16px;
  height: 35px;
  width: 55px;
  border: 1px solid #e5e3e3;
  font-weight: bold;
  transition: all 0.5s;
  border-radius: unset !important;
  cursor: pointer;
}
.widget-type-dynamic-bundle .rebuy-size-input:checked+.rebuy-size-label {
  background-color: #004e9c;
  color: white;
  border: 1px solid #004e9c !important;
}
.widget-type-dynamic-bundle .rebuy-select:disabled {
  background-color: #fff !important;
  color: #222B38;
  opacity: unset !important;
  cursor: unset !important;
  border: unset;
  background-image: unset;
  font-weight: bold;
  color: #222b38;
  font-size: 12px;
  padding: 0;
  width: fit-content;
  margin-right: 5px;
  visibility: hidden;
  position: absolute;
}
.widget-type-dynamic-bundle.rebuy-widget .rebuy-money.compare-at {
  color: #6D7682 !important;
  text-decoration: unset;
  font-weight: unset;
}
.rebuy__select-wrap {
  display: flex;
  margin-bottom: 5px;
  align-items: center;
}
.rebuy__select-wrap.unselected .option__name {
  display: none;
}
.rebuy__select-wrap.unselected .option__unselected {
  display: unset;
}
.rebuy__select-wrap .option__unselected {
  display: none;
}
.rebuy__select-wrap span {
  font-size: 12px;
  margin-right: 5px;
}
.widget-type-dynamic-bundle .rebuy-bundle__actions {
  padding-top: 0 !important;
}
.accordion__shipping {
  border-bottom: 1px solid #E0E5E9 !important;
}
.accordion__shipping.active {
  border-bottom: unset !important;
}
.rebuy-widget.widget-type-dynamic-bundle .rebuy-bundle .rebuy-product-block {
  padding: 25px 0 0 !important;
}
.rebuy-widget.widget-type-dynamic-bundle .rebuy-bundle .rebuy-product-block:first-child {
  padding-top: 0 !important;
}
.rebuy-widget.widget-type-dynamic-bundle .rebuy-bundle .rebuy-product-block .rebuy-product-options {
  margin-top: 15px !important;
}
.rebuy-widget.widget-type-dynamic-bundle .rebuy-bundle__actions-price {
  margin-bottom: 15px !important;
}
.rebuy-bundle__actions-price.collection-price .rebuy-money.sale {
  color: #232b38 !important;
}
.rebuy-bundle__actions-price.collection-price .rebuy-money.compare-at {
  text-decoration: unset;
  font-weight: 400;
}
.swatch_size_not_available__S .option-name__S .rebuy-size-label::before,
.swatch_size_not_available__M .option-name__M .rebuy-size-label::before,
.swatch_size_not_available__L .option-name__L .rebuy-size-label::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: transparent;
}
.swatch_size_not_available__S .option-name__S .rebuy-size-label::after,
.swatch_size_not_available__M .option-name__M .rebuy-size-label::after,
.swatch_size_not_available__L .option-name__L .rebuy-size-label::after {
  display: block;
  position: absolute;
  top: -40%;
  left: 40%;
  width: 2px;
  height: 182%;
  z-index: 1;
  content: "";
  background: #002970;
  transform: rotateZ(59deg);
}

.parallax__body-bcg {
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center 0;
}
.parallax__body {
  width: 100vw;
  height: 100vh;
  display: grid;
  place-items: center;
}
.parallax__header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 25px;
}
.parallax__header-img {
  max-width: 280px;
}
.signup_countdown__header-text {
  font-style: normal;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.5px;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-top: 0;
}
@media screen and (min-width: 769px) {
  .signup_countdown__header-text {
    font-size: 20px;
  }
}
.signup_countdown__prehype_header {
  max-width: 400px !important;
}
.footer__email h6 {
  margin: 0;
  color: #6D7782;
  font-size: 14px;
  letter-spacing: .075em;
}
.footer__email p {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #6D7782;
}
.footer__email p a {
  color: #6D7782;
}
.footer__email p a:hover {
  color: #000;
}
#validation-form .error {
  text-align: center;
  padding: 0 10px;
}
.footer__email-submit-wrap {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.footer__email-submit-wrap input {
  width: 75%;
  margin-right: 15px;
  border-bottom: 1px solid #6D7782;
  border-top: unset;
  border-left: unset;
  border-right: unset;
  font-size: 16px;
}
@media screen and (max-width: 377px) {
  .footer__email-submit-wrap input {
    margin-right: 13px;
  }
}
.button--border {
  font-family: "basis-grotesque", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid black;
  color: black;
  background-color: #fff;
  text-transform: uppercase;
  padding: 12px 10px;
  font-size: 14px;
  cursor: pointer;
  font-weight: 600;
  border-radius: 3px;
  min-width: 120px;
}
.button--border:hover {
  color: #0078d4;
  border-color: #0078d4;
}
.footer__email-submit-label {
  position: absolute;
  font-size: 16px;
  color: #6D7782;
  bottom: 27%;
  transition: 0.2s ease;
}
.footer__email-submit-wrap.active .footer__email-submit-label {
  font-size: 12px;
  bottom: 80%;
}
.footer__email-submit-wrap input:-webkit-autofill,
.footer__email-submit-wrap input:-webkit-autofill:hover, 
.footer__email-submit-wrap input:-webkit-autofill:focus, 
.footer__email-submit-wrap input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
@media screen and (max-width: 768px) {
  .footer__email .attentive-phone {
    margin-top: 35px;
  }
}
.product-price__wrap .standalone-bottomline .star-clickable a.text-m {
  margin-right: -40px !important;
}
.cc-bar__checkmark {
  display: flex;
  flex-flow: column;
  align-items: center;
  position: absolute;
}
.cc-bar__checkmark-free-ship {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 63%);
}
.cc-bar__checkmark svg {
  margin-bottom: 3px;
}
.cc-bar__checkmark span {
  color: #6A6C77;
  font-size: 10px;
  letter-spacing: 0.02em;
}
.cc-bar__checkmar-wrap {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.cc-bar__checkmark-free-ship-2-day {
  bottom: 0;
  right: 0;
  transform: translate(43%, 63%);
}
.cc-shipping-progress.no_2_days_ship .cc-bar__checkmark-free-ship {
  bottom: 0;
  right: 0;
  left: unset;
  transform: translate(43%, 63%);
}
#cc-shipping-status.no_2_days_ship {
  padding-bottom: 15px;
}
#cc-shipping-status.no_2_days_ship .cc-bar {
  height: 12px;
  max-width: 100%;
}
#cc-ajax-cart #cc-shipping-status .cc-bar {
  margin-left: 15px;
  margin-right: 15px;
}
#cc-shipping-status.no_2_days_ship .cc-bar-fill {
  height: 12px;
}
.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}
.w50 {
  width: 50%;
}
#exit-filter svg {
  width: 18px;
  height: 18px;
}
.collection-sorting__dropdown {
  display: flex;
}
.content-wrap h1 {
  font-size: 22px;
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 800;
}
@media screen and (min-width: 769px) {
  .content-wrap h1 {
    font-size: 24px;
  }
}
.video-section {
  margin-top: 60px;
  margin-bottom: 70px;
}
.content-wrap p {
  font-size: 16px;
  line-height: 19px;
  color: #111111;
  margin-bottom: 30px;
}
.content-wrap--video {
  max-width: 1100px;
  margin: 0 auto;
}
.embed-video-wrap {
  max-width: 740px;
  margin: 0 auto;
}
.embed-video-wrap iframe, .embed-video-wrap video {
  width: 100%;
  border: unset;
  height: 200px;
}
@media screen and (min-width: 769px) {
  .embed-video-wrap iframe, .embed-video-wrap video {
    height: 420px;
  }
}
.template--page-landing-rewards .hero-descr {
  text-align: center !important;
}
.template--page-landing-rewards .hero-descr img {
  margin: 0 auto;
}
.sec-m-y {
  margin-top: 80px;
  margin-bottom: 60px;
}
@media screen and (min-width: 769px) {
  .sec-m-y {
    margin-top: 100px;
  }
}
.template--page-all-day-every-day .hero-full-section-wrap--slider-image {
  max-width: 1300px;
  margin: 0 auto;
  max-height: 685px;
}
.template--page-all-day-every-day .hero-full-slider .slick-dots {
  bottom: -8%;
}
@media screen and (min-width: 769px) {
  .template--page-all-day-every-day .hero-full-slider .slick-dots {
    bottom: -6%;
  }
}

/* IMAGE WITH SVG SECTION */
.image_with_svg__wrap-img {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .image_with_svg__wrap-img {
    width: 50%;
  }
}

.image_with_svg__wrap-svg {
  position: absolute;
  bottom: 12%;
}
@media screen and (min-width: 900px) {
  .image_with_svg__wrap-svg {
    width: 600px;
    right: 7%;
  }
}
@media (min-width: 769px) and (max-width: 899px) {
  .image_with_svg__wrap--mojave .image_with_svg__wrap-svg {
    right: 24%;
  }
  .image_with_svg__wrap--sage .image_with_svg__wrap-svg {
    right: 39%;
  }
  .image_with_svg__wrap--lavender .image_with_svg__wrap-svg {
    right: 12%;
  }
  .image_with_svg__wrap--smoke .image_with_svg__wrap-svg {
    right: 31%;
  }
}
@media (max-width: 769px) {
  .image_with_svg__wrap-svg {
    left: 50%;
    bottom: unset;
    transform: translate(-50%, -50%);
  }
}

.image_with_svg__wrap--mojave .image_with_svg__wrap-svg img {
  max-width: 220px;
}
.image_with_svg__wrap--sage .image_with_svg__wrap-svg img {
  max-width: 140px;
}
.image_with_svg__wrap--lavender .image_with_svg__wrap-svg img {
  max-width: 290px;
}
.image_with_svg__wrap--smoke .image_with_svg__wrap-svg img {
  max-width: 190px;
}
@media screen and (min-width: 769px) {
  .image_with_svg__wrap--mojave .image_with_svg__wrap-svg img {
    max-width: 330px;
  }
  .image_with_svg__wrap--sage .image_with_svg__wrap-svg img {
    max-width: 210px;
  }
  .image_with_svg__wrap--lavender .image_with_svg__wrap-svg img {
    max-width: 435px;
  }
  .image_with_svg__wrap--smoke .image_with_svg__wrap-svg img {
    max-width: 285px;
  }
}
@media screen and (min-width: 1200px) {
  .image_with_svg__wrap--mojave .image_with_svg__wrap-svg img {
    max-width: 440px;
  }
  .image_with_svg__wrap--sage .image_with_svg__wrap-svg img {
    max-width: 280px;
  }
  .image_with_svg__wrap--lavender .image_with_svg__wrap-svg img {
    max-width: 580px;
  }
  .image_with_svg__wrap--smoke .image_with_svg__wrap-svg img {
    max-width: 380px;
  }
}
.cart_upsell {
  background-color: #F2F4F7;
  margin: 10px 15px 0;
}
.cart_upsell__wrap {
  display: flex;
  align-items: center;
  padding: 15px;
}
.cart_upsell__wrap-img {
  max-width: 100px;
  margin-right: 20px;
}
.cart_upsell__wrap-txt h4 {
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-size: 16px;
  color: #212121;
  margin-top: 0;
  margin-bottom: 8px;
  font-weight: 800;
}
.cart_upsell__wrap-txt p {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 8px;
  line-height: 17px;
  color: #212121;
}
.cart_upsell__wrap-submit {
  font-family: "basis-grotesque", Helvetica, sans-serif;
  color: #0078D4;
  line-height: 17px;
  text-decoration-line: underline;
  font-size: 14px;
  cursor: pointer;
}
.cart_upsell__wrap-submit:hover {
  color: #08B1FF;
}


/* Rebuy Upsell Pop-up */
.rebuy-widget__upsell .rebuy-widget-content {
  max-height: unset;
  overflow: auto;
}
@media screen and (min-width: 769px) {
  .rebuy-widget__upsell .rebuy-widget-content {
    max-height: 600px;
  }
}
.rebuy-widget__upsell .primary-title {
  font-size: 24px;
  font-weight: 800;
  max-width: 400px;
  text-align: center;
  margin: 0 auto 30px !important;
  padding: 0 10px !important;
  color: #232B38 !important;
}
@media screen and (min-width: 769px) {
  .rebuy-widget__upsell .primary-title {
    font-size: 32px;
    line-height: 36px;
  }
}
.rebuy-widget__upsell .rebuy-product-media {
  background: #f2f4f7;
  padding: 25px 0;
  max-height: 180px;
  min-height: 107px;
}
.rebuy-widget__upsell .rebuy-product-media img {
  mix-blend-mode: darken;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  max-width: 76% !important;
}
.rebuy-widget__upsell .rebuy-widget-content {
  padding: 40px 15px !important;
}
@media screen and (min-width: 769px) {
  .rebuy-widget__upsell .rebuy-widget-content {
    padding: 40px !important;
  }
}
.rebuy-widget__upsell .rebuy-modal-close {
  padding: 15px !important;
  opacity: unset !important;
}
.rebuy-widget__upsell .rebuy-product-info {
  text-align: left;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .rebuy-widget__upsell .rebuy-product-info {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .rebuy-widget__upsell .widget-display-popup {
    padding: 0 !important;
  }
  .rebuy-widget-container.widget-display-popup .rebuy-widget-content {
    border-radius: unset !important;
  }
}
.rebuy-widget__upsell-b-link {
  color: #002970;
  font-weight: 700;
  text-decoration: underline;
  padding-top: 40px;
  display: block;
}
.rebuy-widget__upsell-b-link:hover {
  color: #0078D4;
}

@media screen and (max-width: 768px) {
  .rebuy-widget__upsell .rebuy-widget-container.widget-display-popup {
    transition: all .2s !important;
    transform: unset !important;
    opacity: unset !important;
    visibility: unset !important;
    top: 100% !important;
  }
  .rebuy-widget__upsell .rebuy-widget-container.widget-display-popup.is-visible {
    top: 0 !important;
  }
}
.cc-checkout-savings {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 10px;
}
.rebuy-widget__upsell .rebuy-product-grid {
  display: grid !important;
  grid-gap: 30px 10px;
  grid-template-columns: repeat(2,minmax(0,1fr));
}
@media screen and (min-width: 769px) {
  .rebuy-widget__upsell .rebuy-product-grid {
    grid-gap: 40px 20px;
  }
}
.rebuy-widget__upsell .rebuy-product-block {
  padding: 0 !important;
  width: unset !important;
}
.rebuy-widget__upsell .rebuy-product-block .rebuy-product-media {
  order: unset !important;
}
.rebuy-product-border {
  border-left: 1px solid #f3f4f7;
  border-right: 1px solid #f3f4f7;
  border-bottom: 1px solid #f3f4f7;
  padding: 5px;
}
@media screen and (min-width: 769px) {
  .rebuy-product-border {
    padding: 0px 10px 15px;
  }
}
@media screen and (max-width: 768px) {
  .rebuy-widget__upsell .rebuy-product-actions {
    margin-top: 10px !important;
  }
}
.rebuy-widget__upsell .rebuy-money, .rebuy-widget__upsell .rebuy-widget .rebuy-money {
  color: #212121 !important;
}
.rebuy-widget__upsell .rebuy-product-grid:after {
  content: unset !important;
}
.standard-page table, .standard-page th, .standard-page td {
  border: 1px solid #495361;
}
.standard-page ul {
  overflow: auto;
}
.standard-page a {
  word-break: break-all;
}
.table_wrap {
  overflow: auto;
}

/* Cookie and Privacy logic */
.cookie-privacy-hidden {
  display: none;
}
.cookie-DEU .privacy-policy-de, .cookie-DEU .cookie-policy-de,
.cookie-ESP .privacy-policy-es, .cookie-ESP .cookie-policy-es,
.cookie-FRA .privacy-policy-fr, .cookie-FRA .cookie-policy-fr,
.cookie-ITA .privacy-policy-ita, .cookie-ITA .cookie-policy-ita,
.cookie-policy-general .privacy-policy-us, .cookie-policy-general .cookie-policy-us,
.template--domestic .privacy-policy-us, .template--domestic .cookie-policy-us {
  display: block;
}

.full-width-cart-buttons{
  width: 100% !important;
}

/* Cookiebot */
/* Branding on the banner */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none;
}

/* Branding on the Privacy trigger */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none;
}

/* PDP Pureblend modal */
body.lock-scroll {
  overflow: hidden;
}

button[data-modal-open] {
  position: absolute;
  color: #012D75;
  text-align: right;
  background: none;
  border: none;
  cursor: pointer;
  width: 100%;
  padding: 0;
}
button[data-modal-open] span {
  font-family: Helvetica;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 21.6px; /* 180% */
  text-decoration-line: underline;
  pointer-events: none;
}
button[data-modal-open] svg {
  pointer-events: none;
  top: 2px;
  position: relative;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 998;
  overflow-y: scroll;
}
.modal__inner {
  width: 100%;
  height: 100%;
}
.modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background:rgba(255, 255, 255, 0.3)
}
.modal__inner {
  z-index: 999;
}
.modal__content {
  display: block;
  margin: 0 auto;
  background: #EFF1F5;
  max-width: 500px;
  position: relative;
  padding: 19px 16px;
  bottom: 0;
}
.modal__content-image img {
  width: 100%;
  height: auto;
}
.modal__content-logo {
  margin: 0 auto;
  max-width: 300px;
  padding: 20px 0;
}
.modal__content-header {
  color: #000;
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: 21.6px; /* 135% */
  text-transform: uppercase;
  margin: 0 auto;
  max-width: 300px;
  padding-bottom: 7px;
}
.modal__content-body {
  color: #000;
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 154.286% */
  display: block;
  margin: 0 auto;
  max-width: 300px;
  padding-bottom: 20px;
}
.modal__content-body ul {
  list-style-position: inside;
  padding: 0;
}
.modal__close {
  width: 100%;
}
@media (min-width: 769px) {
  .modal__content {
    top: 50%;
    bottom: 50%;
    transform: translateY(-50%);
  }
  .modal__content-logo {
    padding: 25px 0;
    max-width: 370px;
  }
  .modal__content-header {
    padding-bottom: 20px;
    max-width: 370px;
  }
  .modal__content-body {
    padding-bottom: 25px;
    max-width: 370px;
  }
}


/* Blendlab Sections */
.header-bar {
  height: 35px;
  background-color: #002970;
}

.customize-section h2 {
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 31px;
  text-align: center;
  color: #232B38;
  max-width: 250px;
  margin: 80px auto 0;
  font-family: 'aktiv-grotesk-extended', sans-serif;
}

.customize-section p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  color: #262626;
  margin-top: 15px;
}

.customize-glasses-item {
  display: flex;
  flex-flow: column;
  align-items: center;
  cursor: pointer;
  margin-top: 10px;
}

.customize-glasses-item img {
  max-width: 350px;
  height: 100%;
  width: 100%;
}

.customize-glasses-item-title {
  display: block;
  font-weight: 800;
  font-size: 20px;
  text-align: center;
  color: #232b38;
  font-family: 'aktiv-grotesk-extended', sans-serif;
}
@media screen and (min-width: 769px) {
  .customize-glasses-item-title {
    font-size: 24px;
  }
}

.customize-glasses-item-button {
  background: linear-gradient(284.04deg, #F05223 7.5%, #F51C82 92.5%);
  width: 100%;
  height: 37px;
  color: #fff;
  border: none;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-top: 20px;
  cursor: pointer;
}

.customize-glasses-item-button:hover {
  background: linear-gradient(284.04deg, #F58261 7.5%, #F7499B 92.5%);
}

.instruction-section {
  font-family: 'aktiv-grotesk-extended', sans-serif;
  background-image: url('/cdn/shop/files/threekit-bg-wave-mobile-min.png?v=1679430556');
  background-position: left;
  background-repeat: no-repeat;
  background-attachment: local;
  background-size: contain;
  text-align: center;
  padding: 0 0 100px;
  margin-top: 80px;
  overflow-x: hidden;
}

.instruction-section::-webkit-scrollbar {
  display: none;
}

.instruction-section-title {
  font-weight: 800;
  font-size: 24px;
  line-height: 21px;
  text-align: center;
  color: #262626;
  margin-top: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}

.instruction-steps-container {
  margin-top: 68px;
  padding-left: calc(50% - 137.5px);
  display: flex;
  column-gap: 30px;
}
.instruction-step.blur {
  filter: blur(1.5px);
  opacity: .9;
}
.instruction-step:last-child {
  padding-right: calc(50vw - 137.5px);
}

.instruction-step-title {
  display: block;
  font-weight: 800;
  font-size: 22px;
  text-align: center;
  letter-spacing: 0.05em;
  color: #232B38;
  margin-top: -20px;
  padding-bottom: 10px;
}

.instruction-step-description {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  color: #262626;
  font-family: "basis-grotesque", Helvetica, sans-serif;
}

.instruction-arrow {
  margin-top: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  column-gap: 50px;
}

.instruction-step-image {
  width: 275px;
}

.instruction-left-arrow {
  transform: rotate(180deg);
  cursor: pointer;
}

.instruction-left-arrow.disabled,
.instruction-right-arrow.disabled {
  opacity: .2;
}

.instruction-right-arrow {
  margin-top: 7px;
  cursor: pointer;
}

.advantages-container {
  margin-top: 80px;
}

.advantages-image img {
  width: 100%;
}

.advantages-content {
  padding: 37px 15px 0;
}

.advantages-title {
  font-weight: 800;
  font-size: 24px;
  line-height: 31px;
  color: #232B38;
  font-family: 'aktiv-grotesk-extended', sans-serif;
}

.advantages-details {
  margin-top: 12px;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.01em;
  color: #262626;
}

.advantages-list {
  padding-left: 25px;
}

.footer-content-title {
  margin-top: 30px;
  font-weight: 800;
  font-size: 18px;
  line-height: 21px;
  color: #262626;
  display: block;
}

.footer-content-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #262626;
  margin-top: 10px;
}

.pure-blend-lens {
  width: 100%;
}

.item-hover .customize-glasses-item-image--main-hover {
  opacity: 0;
  visibility: hidden;
}
.customize-glasses-item-image--main-hover {
  position: absolute;
  left: 0;
}
@media screen and (min-width: 500px) {
  .item-hover:hover .customize-glasses-item-image--main {
    opacity: 0;
    visibility: hidden;
  }
  .item-hover:hover .customize-glasses-item-image--main-hover {
    opacity: 1;
    visibility: visible;
    object-fit: cover;
  }
}

@media only screen and (min-width: 600px) {
  .header-background {
    height: 705px;
    margin-top: 80px;
  }

  .customize-section h2 {
    font-size: 32px;
    line-height: 41px;
    text-align: center;
    color: #232B38;
    max-width: none;
    margin-top: 100px;
  }

  .customize-section p {
    font-size: 18px;
    line-height: 26px;
  }

  .customize-glasses-container {
    display: flex;
    justify-content: center;
    column-gap: 100px;
  }

  .instruction-section {
    background-image: url('/cdn/shop/files/BLNDRS_BlendLab_WaveEdit-opacity-min.png?v=1679411451');
    margin-top: 100px;
    padding: 0px 0 125px;

  }

  .instruction-section-title {
    font-size: 32px;
    letter-spacing: 0.02em;
  }

  .instruction-steps-container {
    margin-top: 70px;
    column-gap: 160px;
    padding-left: calc(50% - 195px);
  }

  .instruction-step:last-child {
    padding-right: calc(50vw - 200px);
  }

  .instruction-step-image {
    width: 400px;
    height: auto;
  }

  .instruction-step-title {
    font-size: 30px;
    padding-bottom: 10px;
  }

  .instruction-step-description {
    font-size: 20px;
  }

  .advantages-container {
    margin-top: 100px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    column-gap: 60px;
    flex-direction: row-reverse;
  }

  .advantages-image img {
    width: 100%;
  }

  .advantages-title {
    font-size: 32px;
    line-height: 41px;
  }

  .advantages-details {
    font-size: 18px;
    line-height: 27px;
  }

  .pure-blend-lens {
    width: auto;
  }
}

@media screen and (max-width: 500px) {
  .item-hover.on-touch .customize-glasses-item-image--main {
    opacity: 0;
    visibility: hidden; 
  }
  .item-hover.on-touch .customize-glasses-item-image--main-hover {
    opacity: 1;
    visibility: visible;
    object-fit: cover;
  }
}
.threekit-frames {
  margin-bottom: 80px;
}
@media screen and (min-width: 769px) {
  .threekit-frames {
    margin-bottom: 100px;
  }
}

.threekit [class^=button__][class*=logo__] {
  display: none;
}
.threekit .buttons___los0o {
  display: none!important;
}

.threekit [class^=arButton__] {
  display: none!important;
}

/* PDP feature icons block */
.feature-icons__wrapper {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 5px;
  margin-bottom: 10px;
  margin-top: 10px;
  /* AB TEST */
  display: none; 
  visibility: hidden;
}
.feature-icons__block {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.feature-icons__block img {
  margin-bottom: 6px;
  height: 34px;
  width: auto;
}
.feature-icons__block p {
  color: #3D3C3C;
  font-size: 10px;
  font-weight: 400;
  margin: 0;
}
.feature-icons__block p:first-child {
  font-size: 12px;
  font-weight: 700;
}
.feature-icons__block p:last-child {
  margin-bottom: 6px;
}


.pre-order__block_date {
  font-family: "basis-grotesque", Helvetica, sans-serif;
  font-size: 12px;
  margin-bottom: 10px;
  color: "#3D3C3C"
}

.nav-header-mobile-sale a{
  color: red;
}

.nav-header-desktop-sale a{
  color: red;
}

.nav-header-desktop-custom a, .nav-header-mobile-custom a {
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(47,196,230,1) 0%, rgba(8,73,207,1) 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: none;
}

.nav-sm li {
  list-style-type: none;
}


/* Branded messaging section */
.branded-messaging {
  background: #000000;
  color: #fff;
  position: relative;
}

.branded-messaging__block {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 10px 0;
}
.branded-messaging__block-text {
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 30px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
.branded-messaging .button {
  border: 0;
  border-top: 1px solid #001F60;
  border-bottom: 1px solid #001F60;
  background: #000;

  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.branded-messaging .button-pause,
.branded-messaging .button-play {
  display: none;
}
.branded-messaging .button-pause.active,
.branded-messaging .button-play.active {
  display: inline-block;
}
@media screen and (min-width: 769px) {
  .branded-messaging .container .swiper-slide {
    width: unset;
  }
  .branded-messaging__block {
    padding: 15px 0;
  }
  .branded-messaging__block-text {
    font-size: 16px;
  }
  .branded-messaging .button {
    display: none;
  }
}


/* quick links section */
.quick-links__block-link {
  border: 1px solid #7C9499;
  display: flex;
  height: 45px;
  padding: 5px;
  justify-content: center;
  align-items: center;

  color: #000;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: 20px;
  text-decoration: none;
}
.quick-links__block-link:hover {
  color: #FFF;
  background: linear-gradient(270deg, #012E76 0.55%, #045FA9 100.06%);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border: 1px solid transparent;
}

.quick-links .swiper .swiper-pagination {
  position: unset;
  padding-top: 15px;
  max-width: 168px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.quick-links .swiper .swiper-pagination .swiper-pagination-bullet {
  width: 100%;
  height: 2px;
  margin: 0;
  background: #e9e9e9;
  opacity: 1;
  border-radius: 0;
}

.quick-links .swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #002970;
}
@media screen and (min-width: 769px) {
  .quick-links__block-link {
    padding: 5px 35px;
  }
  .quick-links .swiper-slide {
    width: unset;
  }

  .quick-links .swiper .swiper-pagination {
    display: none;
  }
}

.branded-messaging__section + .quick-links__section {
  margin-top: -10px;
}

/* Product Details Variant B for A / B Testing */
/* Variant A */
.product-details .product-details__content {
  display: flex;
  flex-direction: column;
}


.product-details .product-details__content .product-item__details-polarized.product-polarized__container.product-polarized__container--visible {
  order: 0;
}

.product-details .product-details__content .product-details__title {
  order: 1;
}
/* .product-details .product-details__content .product-details__frame {
  order: 2;
} */

.product-details .product-details__content .product-details__price {
  order: 3;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
}

.product-details .product-details__content .cc-price-wrap {
  flex-basis: 50%;
}

.product-details .product-details__content [data-oke-star-rating] {
  flex-basis: 50%;
  text-align: right;
}

.product-details .product-details__content .feature-icons__wrapper {
  order: 1;
}

.product-details .sunglasses-icons__wrap {
  order: 1;
}

.product-details .sunglasses-icons__wrap .sunglasses-icon p b {
  display: none;
}

.product-details .cc-price-wrap {
  border: none;
}

.standalone-bottomline .star-clickable a.text-m:after {
  width: 48px !important;
}

.product-details.variant--b .product-details__price-frame-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.product-details.variant--b .product-details__price-frame-wrapper .product-details__price {
  padding-bottom: 0;
}

.product-details [data-oke-star-rating].variant--b {
  display: none;
}

.product-details .product-details__price.variant--b {
  display: none;
}

.product-details square-placement {
  order: 0;
}


/* Variant B */

.product-details.variant--b .product-details__header {
  display: flex;
  flex-direction: column;
}

.product-details.variant--b .product-details__content .product-details__frame {
  order: 0;
  margin-top: 0;
}

.product-details.variant--b .product-details__content .product-details__title {
  order: 1;
}

.product-details .product-details__content .product-item__details-polarized.product-polarized__container.product-polarized__container--visible {
  order: 0;
}

.product-details.variant--b [data-oke-star-rating] {
  display: none;
}
.product-details.variant--b [data-oke-star-rating].variant--b {
  display: block;
  text-align: left;
  margin-bottom: 5px;
}

.product-details.variant--b .product-details__price {
  display: none;
}

.product-details.variant--b .product-details__price.variant--b {
  display: block;
}

.product-details.variant--b .sunglasses-icons__wrap {
  display: flex;
  order: 1;
}

.product-details.variant--b .product-info__frames {
  order: 1;
}

.product-details.variant--b .sunglasses-icons__wrap .sunglasses-icon {
  display: flex;
  flex-direction: column;
  border: none;
  justify-items: center;
  text-align: center;
  flex-basis: 33.3333%;
}
.product-details.variant--b .sunglasses-icons__wrap .sunglasses-icon img {
  margin-bottom: 6px;
  margin-right: 0;
  height: 30px;
  width: 30px;
}

.product-details.variant--b .sunglasses-icons__wrap .sunglasses-icon p b {
  display: flex;
}
   
.product-details.variant--b #view2-accordion li {
  list-style: none;
}

.product-details.variant--b .rebuy-widget--pdp-upsell .rebuy-product-media {
  background-color: #ffffff;
}
  
.product-details.variant--b .product-details__header .product-details__title {
  display: flex;
  align-items: center;
}

.product-details.variant--b .product-details__header .product-details__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product-details.variant--b .product-details__header .product-details__title .product-details__price.variant--b {
  border: none;
  text-align: right;
}

.product-details.variant--b .product-details__header .product-details__title .product-details__price.variant--b .product-price__wrap.mt-2 {
  margin-top: 0;
}

.product-details.variant--b .product-details__header .product-details__title .product-details__price.variant--b .product-price {
  font-size: 22px;
  font-weight: 400;
  font-family: Helvetica, sans-serif;
}

.product-details.variant--b #view2-accordion {
  order: 2;
}

.product-details.variant--b #view2-accordion + [data-rebuy-id] {
  order: 1;
}

.product-details.variant--b square-placement {
  border-bottom: 1px solid #e0e5e9;
}

.product-details.variant--b [data-product-form] {
  order: 1;
}

.product-details.variant--b,
.product-details.variant--b .product-form {
  display: flex;
  flex-direction: column;
}

.product-details.variant--b #deliveryTargerContainer {
  text-align: center;
  order: 1;
  margin-bottom: 23px;
  max-width: 294px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 769px) {
  .product-details.variant--b #deliveryTargerContainer {
    max-width: 318px;
  }
}

.product-details.variant--b .product-details__content {
  order:0
}

.product-details.variant--b square-placement {
  order: 1;
}

.product-details.variant--b .variant-swatches {
  order: 2;
}

.product-details.variant--b div#colorway_variance_A {
  order: 3;
}

.product-details.variant--b div#colorway_variance_B {
  order: 3;
}

.product-details.variant--b .sunglasses-icons__wrap {
  order: 4;
}

.product-details.variant--b [data-product-form] {
  order: 5;
}

/* Global utils */

.shopify-payment-button__more-options {
  display: none !important;
}

.hide {
  display: none !important;
}

.cc-main-collection .cc-collection-item .cc-collection-item__content {
  position: relative;
}

.link--text {
  color: rgb(var(--color-foreground));
}

.link--text:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.disclosure__button {
  font-size: 14px !important;
  border: 1px solid rgba(211, 211, 211, 1);
}

@media screen and (min-width: 768px) {
  .disclosure__button {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 3rem !important;
  }
}


@media screen and (max-width: 768px) {
  .geolocation_country_picker #FooterCountryLabel{
    display: none;
  }
  .geolocation_country_picker #FooterCountryForm div{
    width: calc(100vw - 2rem);
  }
  .localization-form:only-child .button, .localization-form:only-child .localization-form__select {
    margin: 0!important;
  }
}
.caption-large {
  font-size: 14px;
}

.field__input,
.customer .field input {
  flex-grow: 1;
  text-align: left;
  padding: 1.5rem;
  margin: 1px;
  transition: box-shadow 0.1s ease;
}

.field__input,
.select__select,
.customer .field input,
.customer select {
  -webkit-appearance: none;
  appearance: none;
  background-color: rgb(255, 255, 255);
  color: rgb(18, 18, 18);
  /* font-family: var(--font-body-family); */
  font-style: normal;
  font-weight: 400;
  font-size: 1.6rem;
  width: 100%;
  box-sizing: border-box;
  transition: box-shadow 0.1s ease;
  border-radius: 0;
  /* height: 4.5rem; */
  /* min-height: calc(1px * 2); */
  /* min-width: calc(7rem + (1px * 2)); */
  position: relative;
  border: 0;
}

.field__input {
  font-size: 14px;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  letter-spacing: 0.04rem;
}

.field__label,
.customer .field label {
  font-size: 12px;
  left: calc(1px + 2rem);
  top: calc(1rem + 1px);
  margin-bottom: 0;
  pointer-events: none;
  position: absolute;
  transition: top 0.1s ease, font-size 0.1s ease;
  color: rgba(18, 18, 18, 0.75);
  letter-spacing: 0.1rem;
  line-height: 1.5;
}

.field__button {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: currentColor;
  cursor: pointer;
  display: flex;
  height: 4.4rem;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.4rem;
}

.field {
  width: 100%;
}

.country-filter__input {
  padding: 15px 0px 0px 0px;
}

.field__label {
  display: none;
}

.list-unstyled {
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.list-unstyled .popular-countries {
  margin-bottom: 0px;
}

.visibility-hidden {
  visibility: hidden;
}

.flow-country-picker-wrapper {
  display: none;
}

.new-pdp-carousel-desktop-dots {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  width: 100%;
}
.new-pdp-carousel-desktop-dots li button {
  line-break: 0;
  font-size: 0;
}
.new-pdp-carousel-desktop-dots li {
  flex: 1 1 0%;
  cursor: pointer;
  height: 4px;
  background-color: white;
}
.new-pdp-carousel-desktop-dots li.slick-active {
  background-color: #013da7;
}


/* Scrollbar */


.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}

.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scroll-element {
  display: none;
}
.scroll-element, .scroll-element div {
  box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}




/*************** SCROLLBAR MAC OS X ***************/

.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div
{
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
.scrollbar-macosx > .scroll-element .scroll-bar {
  background-color: #6C6E71;
  display: block;

  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;

  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;

  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}


.scrollbar-macosx > .scroll-element.scroll-x {
  bottom: 0px;
  height: 0px;
  left: 0;
  min-width: 100%;
  overflow: visible;
  width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0px;
  top: 0;
  width: 0px;
}

.home-full-hero-section .slick-dotted.slick-slider
{
    margin-bottom: 0!important;
}

.home-tabs-section .slick-dots button:before{
  display: none!important;
}

.quick-links__section .slick-dots button:before {
  display: none!important;
  opacity: 0!important;
}

@media screen and (min-width: 769px) {
  .home-full-hero-section .hero-descr.hero-descr--middle_left{
    translate: 2vw 13vh;
  }
}

.home-full-hero-section .tab-slider .slick-dots li.slick-active, .hero-full-slider .slick-dots li.slick-active, .parallax__mobile-slider .slick-dots li.slick-active {
  background: #000000;
}

.home-full-hero-section .slick-dots li button:before,
.home-full-hero-section .slick-dots li.slick-active button:before {
    display: none;
}


/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; }

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }



/* Shopify Geo App */

.country-selector__overlay{
  display: none!important;

}

.top-22-5 {
  top: 90px;
}



#rebuy-cart .rebuy-cart__flyout {
  width: 480px;
  margin: 0;
  border-radius: 0;
  gap: unset;
}

#rebuy-cart [data-rebuy-cart-anchor=header] {
  padding: 12px 0;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
}

#rebuy-cart [data-rebuy-cart-anchor=header] #rebuy-cart-title {
  color: black;
  font-weight: bold;
  text-transform: capitalize;
  font-size: 15px;
  line-height: 20px;
}
#rebuy-cart [data-rebuy-cart-anchor=header] #rebuy-cart-close {
  position: absolute;
  right: 13px;
}

#rebuy-cart [data-rebuy-component=cart-items] {
  flex: unset;
  border: unset;
  gap: 6px;
}

#rebuy-cart [data-rebuy-component=cart-items]>ul {
  flex-flow: column-reverse;
  margin: 24px 0;
  gap: 9px;
}

#rebuy-cart [data-rebuy-component=cart-items] .rebuy-cart__flyout-item {
  flex-flow: unset;
  gap: unset;
}
#rebuy-cart .rebuy-cart__flyout-item-media {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 72px;
  background-color: #f2f4f7;
  border-radius: 4px;
}

#rebuy-cart .rebuy-cart__flyout-item-media img {
  height: unset;
  mix-blend-mode: darken;
}

#rebuy-cart .rebuy-cart__flyout-item-info {
  justify-content: space-between;
  align-items: unset;
  flex-flow: row;
}

#rebuy-cart .rebuy-cart__flyout-item-main-info {
  display: flex;
  flex-flow: column;
}

#rebuy-cart .rebuy-cart__flyout-item-info .rebuy-cart__flyout-item-product-category {
  color: rgba(111, 112, 117, 0.7);
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  margin-bottom: 4px;
  text-transform: capitalize;
}

#rebuy-cart .rebuy-cart__flyout-item-info .rebuy-cart__flyout-item-product-title {
  width: fit-content;
  padding: 0;
  color: black;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  margin-bottom: 6px;
}

#rebuy-cart .rebuy-cart__flyout-item-info .rebuy-cart__flyout-item-variant-title {
  width: fit-content;
  color: #0078d4;
  padding: 4px;
  border-radius: 4px;
  text-transform: uppercase;
  background-color: #f2f4f7;
  font-size: 10px;
  line-height: 8px;
  margin-bottom: 6px;
  font-weight: bold;
}

#rebuy-cart .rebuy-product-block .rebuy-variant-title {
  color: #023FAA;
  padding: 4px 5px;
  margin: 0;
  border-radius: 9999px;
  text-transform: uppercase;
  background-color: white;
  font-size: 9px;
  line-height: normal;
  font-weight: bold;
  letter-spacing: 0.18px;
  position: absolute;
  right: 6px;
  bottom: 6px;
}

#rebuy-cart .rebuy-cart__flyout-item-price {
  width: unset;
  margin: 0;
  font-size: 13px;
  line-height: 13px;
}

#rebuy-cart .rebuy-cart__flyout-item-price div {
  display: flex;
  gap: 8px;
}

#rebuy-cart .rebuy-cart__flyout-item-price .rebuy-money {
  color: #30333D;
}

#rebuy-cart .rebuy-cart__flyout-item-price .rebuy-money.sale {
  margin: 0;
  color: #30333D !important;
}

#rebuy-cart .rebuy-cart__flyout-item-price .rebuy-money.compare-at {
  color: rgba(111, 113, 118, 0.7);
}

#rebuy-cart .rebuy-cart__flyout-item-price .free-gift {
  color: #FF0004;
}

#rebuy-cart .rebuy-cart__flyout-item-quantity {
  margin: 4px 0 0;
  width: unset;
}

#rebuy-cart .rebuy-cart__flyout-item-quantity .rebuy-cart__flyout-item-quantity-widget {
  padding: 6px 4px;
  background-color: rgba(236, 239, 243, 0.7);
  border: 1px solid rgba(236, 239, 243, 0.7);
  border-radius: 0.125rem;
  align-items: center;
  width: 70px;
  justify-content: space-between;
}

#rebuy-cart .rebuy-cart__flyout-item-quantity .rebuy-cart__flyout-item-quantity-widget .rebuy-cart__flyout-item-quantity-widget-button {
  width: 16px;
  height: 16px;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: inherit;
  font-size: 13px;
}

#rebuy-cart .rebuy-cart__flyout-item-quantity .rebuy-cart__flyout-item-quantity-widget .rebuy-cart__flyout-item-quantity-widget-label {
  width: unset;
  height: unset;
  color: black;
  font-size: 13px;
  line-height: 13px;
  border: unset;
  padding: 0 6px;
}

#rebuy-cart [data-rebuy-cart-anchor=body] {
  gap: unset;
}

#rebuy-cart [data-rebuy-component=cross-sell-widget] {
  padding: 24px 16px;
  border-top: 1px solid rgb(238, 239, 241);
}

#rebuy-cart [data-rebuy-cart-anchor=body]>div:nth-last-child(2) {
  padding: 24px 16px 32px;
}

#rebuy-cart [data-rebuy-component=cross-sell-widget] .rebuy-widget {
  position: unset;
}

#rebuy-cart .bundle-save .rebuy-widget-content .primary-title {
  padding: 0;
  font-size: 16px;
  line-height: 19px;
  color: black;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 12px;
}

#rebuy-cart .bundle-save .rebuy-widget-content .rebuy-product-grid {
  display: flex;
  gap: 12px;
}

#rebuy-cart .rebuy-widget .rebuy-product-grid::after {
  content: unset;
}

#rebuy-cart .rebuy-widget.bundle-save .rebuy-product-grid .rebuy-product-block {
  position: relative;
  gap: 24px;
  flex-flow: row;
  padding: 0;
}

#rebuy-cart .rebuy-widget.bundle-save .rebuy-product-grid.large-columns-1 .rebuy-product-block .rebuy-product-media {
  width: 40%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f2f4f7;
  border-radius: 4px;
}

@media screen and (max-width: 480px) {
  #rebuy-cart .rebuy-cart__flyout {
    left: auto;
  }
}

#rebuy-cart [data-rebuy-component=cross-sell-widget] .bundle-save .rebuy-product-info {
  padding: 0;
}

#rebuy-cart [data-rebuy-component=cross-sell-widget] .bundle-save .rebuy-product-info .rebuy-product-title {
  color: black;
  margin: 0 0 6px;
}

#rebuy-cart [data-rebuy-component=cross-sell-widget] .bundle-save .rebuy-product-info .rebuy-product-price {
  margin: 0 0 12px;
}

#rebuy-cart [data-rebuy-component=cross-sell-widget] .rebuy-product-options {
  margin: 0;
}

#rebuy-cart [data-rebuy-component=cross-sell-widget] .bundle-save .rebuy-product-options {
  width: 54.5%;
}

#rebuy-cart [data-rebuy-component=cross-sell-widget] .rebuy-widget .rebuy-product-block .rebuy-product-actions {
  width: 100%;
}

#rebuy-cart [data-rebuy-component=cross-sell-widget] 
.rebuy-widget.bundle-save 
.rebuy-product-block .rebuy-product-actions .rebuy-button {
  padding: 6px 18px;
  background-color: #ffffff; /* White base */
  border: 2px solid transparent;
  border-radius: 4px;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: bold;
  color: #000000; /* Black text by default */
  cursor: pointer;
  transition: all 0.25s ease;

  /* Premium contour effect */
  background-image: linear-gradient(#fff, #fff), 
                    linear-gradient(116.57deg, rgba(80,80,80,0.8) 0%, rgba(30,30,30,0.8) 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); /* Softer, premium shadow */
}

/* Hover effect: dark background, white text */
#rebuy-cart [data-rebuy-component=cross-sell-widget] 
.rebuy-widget.bundle-save 
.rebuy-product-block .rebuy-product-actions .rebuy-button:hover {
  background-color: #000000; /* Dark fill on hover */
  background-image: none; /* Remove gradient to emphasize the fill */
  color: #ffffff; /* Switch to white text */
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);
}


#rebuy-cart .get-accessories .rebuy-widget-content .primary-title {
  font-size: 14px;
  line-height: 16px;
  padding: 8px 0;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 24px;
}

#rebuy-cart .get-accessories .rebuy-product-grid, #rebuy-cart .shop-now-rebuy-products .rebuy-product-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#rebuy-cart .rebuy-widget .rebuy-product-grid.large-style-grid .rebuy-product-block .rebuy-product-media {
  width: 100%;
  height: 110.75px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f2f4f7;
  border-radius: 4px;
  margin-bottom: 12px;
}

#rebuy-cart .rebuy-widget .rebuy-product-grid.large-style-grid .rebuy-product-block .rebuy-product-info {
  padding: 0;
  width: 100%;
  display: flex;
  flex-flow: column;
  text-align: left;
}

#rebuy-cart .rebuy-widget .rebuy-product-grid.large-style-grid .rebuy-product-block .rebuy-product-info .rebuy-product-title {
  color: black;
  margin: 0 0 6px;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  width: fit-content;
}

#rebuy-cart .rebuy-widget .rebuy-product-grid.large-style-grid .rebuy-product-block .rebuy-product-info .rebuy-product-price {
  margin: 0;
}

#rebuy-cart .rebuy-widget .rebuy-product-grid.large-style-grid .rebuy-product-block .rebuy-product-actions {
  margin: 0;
}

#rebuy-cart .rebuy-widget .rebuy-product-grid.large-style-grid 
.rebuy-product-block .rebuy-product-actions .rebuy-button {
  padding: 6px 20px;
  margin-top: 12.25px;
  background-color: #000000;
  background-image: linear-gradient(
    116.57deg,
    rgba(80, 80, 80, 0.4) 0%,
    rgba(30, 30, 30, 0.4) 50%,
    rgba(30, 30, 30, 0) 100%
  );
  border: 0;
  border-radius: 4px;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: bold;
  color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2); /* neutral black shadow */
  cursor: pointer;
  transition: all 0.2s ease;
}

/* Hover effect: subtle lighten */
#rebuy-cart .rebuy-widget .rebuy-product-grid.large-style-grid 
.rebuy-product-block .rebuy-product-actions .rebuy-button:hover {
  background-color: #222222;
  background-image: linear-gradient(
    116.57deg,
    rgba(180, 180, 180, 0.8) 0%,
    rgba(100, 100, 100, 0.8) 50%,
    rgba(100, 100, 100, 0) 100%
  );
  color: #ffffff;
}

#rebuy-cart [data-rebuy-cart-anchor=footer] {
  border-top: 1px solid rgba(237, 239, 243, 0.6);
  box-shadow: 0 -1px 10px rgba(237, 239, 243, 0.7);
  gap: 14px;
}

#rebuy-cart [data-rebuy-cart-anchor=footer].rebuy-delivery {
  gap: 10px;
}

#rebuy-cart [data-rebuy-cart-anchor=footer] .rebuy-cart__flyout-subtotal {
  margin-top: 14px;
}



#rebuy-cart [data-rebuy-component=cart-subtotal] .rebuy-cart__flyout-subtotal-label {
  font-size: 14px;
  line-height: 14px;
  color: black;
  font-weight: bold;
}

#rebuy-cart [data-rebuy-component=cart-subtotal] .rebuy-cart__flyout-subtotal-amount {
  align-items: baseline;
  gap: 4px;
  height: 16px;
}

#rebuy-cart [data-rebuy-component=cart-subtotal] .rebuy-cart__flyout-subtotal-amount .save-amount {
  font-size: 13px;
  line-height: 14px;
  color: #ff0004;
}

#rebuy-cart [data-rebuy-component=cart-subtotal] .rebuy-cart__flyout-subtotal-amount .subtotal-amount {
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  height: 16px;
  gap: 4px;
  color: black;
}

#rebuy-cart [data-rebuy-component=cart-subtotal] .rebuy-cart__flyout-subtotal-final-amount {
  color: black;
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
}

#rebuy-cart [data-rebuy-component=cart-subtotal] .rebuy-cart__flyout-subtotal-compare-amount {
  font-size: 13px;
  line-height: 14px;
  color: rgba(111, 113, 118, 0.7);
  margin: 0;
  padding-top: 3px;
}

#rebuy-cart [data-rebuy-component=checkout-area] {
  gap: 16px;
}

#rebuy-cart [data-rebuy-component=checkout-area] .rebuy-button {
  padding: 24px 24px;
  font-size: 20px;
    line-height: 16px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(1, 41, 112, 0.19);
  background: linear-gradient(to right, #023da8, #024ed6);
}


#rebuy-cart [data-rebuy-component=cart-items] .rebuy-cart__flyout-empty-cart {
  padding: 60px 0 0 0;
}

#rebuy-cart [data-rebuy-component=cart-items] .rebuy-cart__flyout-empty-cart p:first-child {
  line-height: 16px;
  color: black;
  margin-bottom: 40px;
}

#rebuy-cart [data-rebuy-component=cart-items] .rebuy-cart__flyout-empty-cart p:last-child {
  font-size: 16px;
  line-height: 26px;
  color: black;
  font-weight: bold;
  text-transform: uppercase;
}

#rebuy-cart .shop-now-nav {
  width: 100%;
}

#rebuy-cart .shop-now-menu {
  display: flex;
  justify-content: space-between;
}

#rebuy-cart .shop-now-menu .shop-now-list {
  padding: 6px 24px;
  border: 1px solid #dee2e9;
  border-radius: 41px;
  color: #012970;
  font-size: 13px;
  line-height: 15px;
  cursor: pointer;
}

#rebuy-cart .shop-now-menu .shop-now-list.active {
  background: #204cb2;
  color: white;
  line-height: 16px;
  border-radius: 43px;
  border: 0;
}

#rebuy-cart .rebuy-product-grid.large-style-grid .rebuy-product-block {
  padding: 0;
  width: 100%;
}

#rebuy-cart .shop-now-rebuy-products [data-rebuy-component=cross-sell-widget] {
  border: unset;
}

#rebuy-cart .shop-now-rebuy-products .rebuy-product-grid .rebuy-product-block .rebuy-product-media img {
  scale: 0.8;
}

#rebuy-cart .shop-now-rebuy-products .rebuy-product-price>div {
  display: flex;
  gap: 8px;
}

#rebuy-cart .shop-now-rebuy-products .rebuy-product-price span {
  font-size: 13px;
  line-height: 13px;
}

#rebuy-cart .shop-now-rebuy-products .rebuy-product-price span.rebuy-money.sale {
  margin: 0px;
  color: #30333d !important;
}

#rebuy-cart .shop-now-rebuy-products .rebuy-product-price span.rebuy-money.compare-at {
  margin: 0px;
  color: rgba(111, 113, 118, 0.7) !important;
}



















/* Free Shipping */
#rebuy-cart [data-rebuy-component=progress-bar] {
  margin-top: 24px;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-bar-prompt {
  margin: 0;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-bar-prompt h2 {
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 4px;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-bar-prompt p {
  font-size: 12px;
  line-height: 12px;
  color: #002970;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-bar-meter {
  margin: 30px 0 0;
  height: 32px;
  border-radius: 16px;
  background: #F2F4F7;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-bar-meter svg {
  position: absolute;
  z-index: 1;
}

#rebuy-cart [data-rebuy-component=progress-bar] 
.rebuy-cart__progress-bar-meter-fill {
  height: 100%;
  background-color: #1a1a1a; /* softer black for a premium feel */
  background-image: linear-gradient(
    90deg,
    rgba(50, 50, 50, 1) 0%,   /* lighter gray highlight */
    rgba(30, 30, 30, 1) 50%,  /* balanced mid-tone */
    rgba(10, 10, 10, 1) 100%  /* deep finish */
  );
  border-radius: 16px;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.15),
              inset 0 0 8px rgba(255, 255, 255, 0.06);
  border-right: none;
  transition: all 0.3s ease;
  position: relative;
}

/* Subtle animated shine for a premium effect */
#rebuy-cart [data-rebuy-component=progress-bar] 
.rebuy-cart__progress-bar-meter-fill::after {
  content: "";
  position: absolute;
  top: 0;
  left: -40%;
  height: 100%;
  width: 50%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.35) 0%,  /* brighter highlight */
    rgba(255, 255, 255, 0) 70%
  );
  animation: shine 2.8s infinite;
  border-radius: inherit;
}

@keyframes shine {
  0% {
    left: -40%;
  }
  60% {
    left: 120%;
  }
  100% {
    left: 120%;
  }
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-bar-meter-fill.full-progress {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-right: 0;
}

#rebuy-cart [data-rebuy-component=progress-bar] 
.rebuy-cart__progress-bar-meter .tooltip-price {
  position: absolute;
  bottom: 32px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  font-size: 12px;
  line-height: 12px;
  color: #ffffff; /* white text for contrast */
  padding: 0 12px;
  border: none;
  border-radius: 17px;
  background-color: #1a1a1a; /* softer black for premium feel */
  background-image: linear-gradient(
    135deg,
    rgba(60, 60, 60, 1) 0%,   /* lighter highlight top-left */
    rgba(25, 25, 25, 1) 100%  /* deeper tone bottom-right */
  );
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25),
              inset 0 0 4px rgba(255, 255, 255, 0.08);
  z-index: 2;
  transition: all 0.3s ease;
}

/* Optional: subtle pulse when close to free shipping */
#rebuy-cart [data-rebuy-component=progress-bar] 
.rebuy-cart__progress-bar-meter .tooltip-price.highlight {
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.25),
              inset 0 0 6px rgba(255, 255, 255, 0.15);
  transform: translateX(-50%) scale(1.05);
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-bar-meter .tooltip-price::after {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid;
  border-color: #002970 transparent transparent transparent;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-bar-meter .tooltip-price.tooltip-price-full-progress {
  right: -8px;
  transform: unset;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-bar-meter .tooltip-price.tooltip-price-full-progress::after {
  left: unset;
  right: 5px;
  transform: unset;
}


#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-step-wrapper {
  padding: 0 15px;
  margin-top: 6px;
  position: relative;
  justify-content: unset;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-step {
  padding: 0;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-step-label {
  font-size: 11px;
  line-height: 11px;
  padding: 0;
  text-align: left;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-step.complete .rebuy-cart__progress-step-label {
  font-weight: bold;
}

#rebuy-cart [data-rebuy-component=progress-bar] .step-price {
  position: absolute;
  font-size: 11px;
  line-height: 11px;
  color: #232B38;
  font-weight: bold;
  top: -26px;
  z-index: 1;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-step.complete .step-price {
  color: white;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-gifts {
  margin-top: 16px;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-gifts-container {
  display: flex;
  flex-flow: column;
  gap: 8px;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-gift {
  max-width: unset;
  flex-direction: unset;
  padding: 8px 14px 8px 8px;
  margin: 0;
  background: #F2F4F7;
  border-radius: 5px;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-gift .rebuy-cart__progress-gift-detail {
  display: flex;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-gift .rebuy-cart__progress-gift-detail img {
  width: 60px;
  height: 40px;
  mix-blend-mode: darken;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-gift-info {
  margin-left: 7px;
  width: unset;
  text-align: left;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-gift-title {
  font-size: 13px;
  line-height: 13px;
  font-weight: bold;
  margin: 6px 0 4px;
  display: inline-block;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-gift-detail-info {
  display: flex;
  gap: 5px;
  align-items: center;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-gift-price {
  font-size: 12px;
  line-height: 12px;
  color: #30333D;
  text-decoration-line: line-through;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-gift-free {
  font-size: 12px;
  line-height: 12px;
  color: #FF0004;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-gift-selection-container {
  position: unset;
  width: unset;
  height: unset;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-gift-variant-select-container {
  position: unset;
  width: unset;
  height: unset;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-gift-variant-select {
  right: 14px;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  padding: 6px;
  background: #023FAA;
  color: white;
  border-radius: 4px;
  width: 62px;
  height: unset;
  opacity: unset;
  outline: 0;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-gift-variant-select:focus-visible {
  outline: 0 !important;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-gift-variant-select option:first-child {
  display: none;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-gift-variant-select button {
  width: auto;
  height: auto;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  background-color: white;
  color: black;
  padding: 3px 8px;
  margin: 0 3px;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-gift-variant-select button.selected {
  border: 2px solid #002970;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-gift-variant-select button:hover {
  border: 2px solid #ccc;
}

#rebuy-cart [data-rebuy-component=progress-bar] .rebuy-cart__progress-gift .rebuy-cart__progress-gift-add {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  padding: 6px 18px;
  width: 62px;
  background: #023FAA;
  color: white;
  border-radius: 4px;
  text-align: center;
}

#rebuy-cart [data-rebuy-cart-anchor=footer] .delivery-date {
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
  font-size: 12px;
  line-height: 14px;
}

#rebuy-cart [data-rebuy-cart-anchor=footer] .delivery-date div:first-child {
  color: #6F7176;
}

#rebuy-cart [data-rebuy-cart-anchor=footer] .delivery-date div:first-child span:first-child {
  font-weight: bold;
  color: black;
}

#rebuy-cart [data-rebuy-cart-anchor=footer] .delivery-date div:nth-child(2) {
  font-weight: bold;
}

#rebuy-cart .rebuy-cart__flyout__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 1000;
}



/*** CART TEMPLATE ***/

.cart-sub-nav-bar {
  background-color: #f2f4f7;
  border-bottom: 1px solid #e0e5e9;
}

.cart-sub-nav-bar__content {
  width: 1300px;
  max-width: 96%;
  margin: auto;
  padding: 15px 0px;
  overflow: auto;
}

.cart-sub-nav-bar__continue-shopping-wrapper {
  float: left;
}

.cart-sub-nav-bar__continue-shopping {
  border: none;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  text-decoration: none;
  color: #0078d4;
  font-size: 14px;
}

.cart-sub-nav-bar__continue-shopping svg {
  transform: rotate(270deg);
  margin-right: 10px;
  top: -1px;
  position: relative;
  display: inline;
}

.cart-sub-nav-bar__account-wrapper {
  float: right;
}

@media screen and (max-width: 768px) {
  .cart-sub-nav-bar__continue-shopping-wrapper {
    display: none;
  }
}

.cart-sub-nav-bar__have-an-account {
  display: inline-block;
  margin: 0px;
  color: #6d7782;
}

.cart-sub-nav-bar__log-in {
  display: inline-block;
  margin: 0px;
  text-transform: uppercase;
  color: #0078d4;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
  margin-left: 15px;
}

.cart-sub-nav-bar__sign-up {
  display: inline-block;
  margin: 0px;
  text-transform: uppercase;
  color: #0078d4;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
  margin-left: 15px;
}


label .snize-filter-checkbox{
  font-size: 0px !important;
}

input.snize-product-filters-checkbox{
  width: 12px;
  height: 12px;
}

.collection-filters__wrap{
  display: flex;
}