.justify-content-start,
.justify-content-end,
.justify-content-center {
  display: flex; }

.justify-content-start {
  /* Safari 6.1+ */
  justify-content: flex-start; }

.justify-content-end {
  /* Safari 6.1+ */
  justify-content: flex-end; }

.justify-content-center {
  /* Safari 6.1+ */
  justify-content: center; }

@-webkit-keyframes slide-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-webkit-keyframes floatTop {
  0% {
    bottom: 10; }
  100% {
    bottom: 0; } }

@keyframes floatTop {
  0% {
    bottom: 10; }
  100% {
    bottom: 0; } }

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility; }

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

html,
body {
  margin: 0;
  padding: 0;
  font-family: 'BasisGrotesque-Regular', sans-serif; }

.hide {
  display: none; }

.hide-in-mobile {
  display: none; }

.mobile-only {
  display: block; }

.hide-in-desktop {
  display: block; }

.only-mobile {
  display: inline; }

.only-desktop {
  display: none; }

.yotpo .yotpo-icon {
  color: #ffd200; }

@media screen and (min-width: 768px) {
  .mobile-only {
    display: none; } }

@media only screen and (min-width: 900px) {
  .hide-in-desktop {
    display: none; }
  .hide-in-mobile {
    display: block; }
  .only-mobile {
    display: none; }
  .only-desktop {
    display: inline; } }

@font-face {
  font-family: "BasisGrotesque-Bold";
  src: url(/fonts/BasisGrotesque-Bold.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "BasisGrotesque-Regular";
  src: url(/fonts/BasisGrotesque-Regular.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "BasisGrotesque-OffWhite";
  src: url(/fonts/BasisGrotesque-OffWhite.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "BasisGrotesque-BoldItalic";
  src: url(/fonts/BasisGrotesque-BoldItalic.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "BasisGrotesque-OffWhiteItalic";
  src: url(/fonts/BasisGrotesque-OffWhiteItalic.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "BasisGrotesque-Italic";
  src: url(/fonts/BasisGrotesque-Italic.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "HelveticaNeue-Regular";
  src: url(/fonts/HelveticaNeue-Regular.otf) format("otf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

body {
  text-align: center;
  font-family: 'BasisGrotesque-Regular', Arial, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.56;
  color: #495361; }

body.block-scroll {
    overflow: hidden; }

button:focus {
  outline: 0; }

/*-------- HERO SECTION CSS -----------*/

.static-product__image-details {
  justify-content: center;
  flex-direction: column;
  align-items: center;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  display: flex; }

.product-images__container {
  background-color: #f2f4f7;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  height: 290px;
  position: relative; }

.product-images__thumbnails {
  display: none; }

.product-images__featured {
  position: relative;
  flex-grow: 1;
  overflow: hidden; }

.product-images__featured::-webkit-scrollbar {
    display: none; }

.product-images .product-badge-container {
  position: absolute;
  top: 14.4px;
  top: 0.9rem;
  right: 8px;
  right: 0.5rem;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.2s ease; }

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

.product-images .product-badge-container .bogo {
    width: 170px; }

.product-images .product-badge-container .best-seller-image {
    width: 86px;
    height: 28px; }

.product-images .image-carousel-slick {
  width: 100vw; }

.product-images .image-carousel {
  height: 290px; }

.product-images .image-carousel__container {
    display: inline-block;
    background-color: #f2f4f7;
    height: 100%;
    width: 100%; }

.product-images .image-carousel__container .image-wrap {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%; }

.product-images .image-carousel__container img {
      position: relative;
      top: 0%;
      -webkit-transform: translateY(0%);
              transform: translateY(0%);
      width: 100%;
      max-width: 620px;
      max-width: 38.75rem;
      margin-right: auto;
      margin-left: auto;
      mix-blend-mode: darken;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }

.product-images .image-carousel .slick-list,
  .product-images .image-carousel .slick-track {
    height: 100%; }

.product-images .image-carousel .slick-slide {
    background: #f2f4f7;
    display: flex;
    align-items: center; }

.product-images .image-carousel .slick-slide img {
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      mix-blend-mode: darken;
      width: 100%; }

.product-images .image-carousel .slick-slide img.full-image {
        height: 290px;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
        max-width: 100%; }

.product-images .image-carousel .slick-dots span {
    position: absolute;
    bottom: 20px;
    z-index: 1;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center; }

.product-images .image-carousel .slick-dots li {
    list-style: none; }

.product-images .image-carousel .slick-dots button {
    width: 8px;
    width: 0.5rem;
    height: 8px;
    height: 0.5rem;
    opacity: 1;
    background-color: transparent;
    border: 2px solid #ccd3da;
    border: 0.125rem solid #ccd3da;
    border-radius: 50%;
    margin-right: 16px;
    margin-right: 1rem;
    margin-left: 16px;
    margin-left: 1rem;
    display: inline-block;
    padding: 0;
    outline: 0;
    cursor: pointer;
    color: transparent; }

.product-images .image-carousel .slick-dots .slick-active button {
    background: #ccd3da; }

.product-images .image-carousel.desktop {
  display: none; }

.product-images .image-carousel.hide {
  display: none; }

.product-images .tns-outer {
  position: relative; }

.product-images .tns-controls {
  display: none; }

.product-images .tns-nav {
  position: absolute;
  bottom: 20px;
  z-index: 1;
  text-align: center;
  width: 100%; }

.product-images .tns-nav button {
  width: 8px;
  width: 0.5rem;
  height: 8px;
  height: 0.5rem;
  opacity: 1;
  background-color: transparent;
  border: 2px solid #ccd3da;
  border: 0.125rem solid #ccd3da;
  border-radius: 50%;
  margin-right: 16px;
  margin-right: 1rem;
  margin-left: 16px;
  margin-left: 1rem;
  color: #ccd3da;
  display: inline-block;
  padding: 0;
  outline: 0;
  cursor: pointer; }

.product-images .tns-nav button.tns-nav-active {
    background: #ccd3da; }

.product-images .tns-nav button:focus, .product-images .tns-nav button:active {
    outline: 0; }

.product-images__action-close {
  display: none;
  position: absolute;
  top: 28px;
  top: 1.75rem;
  right: 28px;
  right: 1.75rem;
  z-index: 1001;
  width: 24px;
  width: 1.5rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease;
  background: none;
  border: none;
  cursor: pointer; }

.product-images__actions {
  display: none; }

.product-images .carousel-controls {
  display: none; }

.header-container {
  position: relative;
  z-index: 100;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease; }

.header-container__sticky {
    position: fixed;
    z-index: 101;
    display: block;
    width: 100%;
    -webkit-animation: smoothScroll 0.1s forwards;
            animation: smoothScroll 0.1s forwards;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease; }

/*-------- HERO SECTION CSS -----------*/

@media screen and (min-width: 500px) {
  .product-images__container {
    background-color: #f2f4f7;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    height: 375px;
    position: relative; }
  .product-images .image-carousel {
    height: 375px; }
    .product-images .image-carousel .slick-list,
    .product-images .image-carousel .slick-track {
      height: 100%; } }

@media screen and (min-width: 768px) {
  body {
    font-size: 1rem;
    line-height: 1.75; }
  .product-images__container {
    height: 500px; }
  .product-images .image-carousel {
    height: 500px; }
    .product-images .image-carousel .slick-slide img.full-image {
      height: 500px; } }

@media screen and (min-width: 900px) {
  .static-product__image-details {
    flex-direction: row;
    align-items: inherit;
    justify-content: flex-start;
    background-color: white;
    width: 1300px;
    margin: auto;
    padding-top: 50px;
    max-width: 96%; }
    .static-product__image-details.image-expanded .product-images {
      width: 100%; }
      .static-product__image-details.image-expanded .product-images__featured {
        overflow: hidden; }
      .static-product__image-details.image-expanded .product-images .image-carousel__container {
        height: 100vh;
        display: inline-block; }
      .static-product__image-details.image-expanded .product-images__thumbnails, .static-product__image-details.image-expanded .product-images__actions,
      .static-product__image-details.image-expanded .product-images .product-badge-container {
        display: none; }
      .static-product__image-details.image-expanded .product-images__action-close,
      .static-product__image-details.image-expanded .product-images .tns-controls,
      .static-product__image-details.image-expanded .product-images .carousel-controls {
        display: block;
        opacity: 1;
        visibility: visible;
        pointer-events: auto; }
      .static-product__image-details.image-expanded .product-images__grid-view {
        background: none;
        padding: 0; }
  .product-images {
    display: flex;
    width: 60%;
    height: 100%;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    transition: all 0.2s ease; }
    .product-images .image-carousel.desktop {
      display: block; }
    .product-images .thumbnailImage-carousel.mobile,
    .product-images .image-carousel.mobile {
      display: none; }
    .product-images .image-carousel.show {
      display: block; }
    .product-images .image-carousel.hide {
      display: none; }
    .product-images .product-badge-container {
      top: 1rem;
      left: 15px;
      right: auto; }
    .product-images__container {
      height: auto;
      display: flex;
      flex-direction: row; }
    .product-images__thumbnails {
      position: sticky;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 4rem;
      min-width: 4rem;
      max-width: 4rem;
      margin-right: 1rem;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      transition: all 0.2s ease;
      overflow: hidden;
      top: 139px;
      height: calc(100vh - 139px);
      max-height: calc(100vh - 139px); }
      .product-images__thumbnails.hide {
        display: none; }
    .product-images__thumbnails-container {
      max-height: calc(100vh - 88px);
      margin: auto;
      overflow-x: hidden;
      overflow-y: auto; }
    .product-images__thumbnails-item {
      display: block;
      margin-top: 1.25rem;
      margin-bottom: 1.25rem;
      background-color: #f2f4f7;
      border: 0.125rem solid transparent;
      padding: 0;
      cursor: pointer; }
      .product-images__thumbnails-item.active {
        border-color: #ccd3da;
        border-radius: 0.125rem; }
      .product-images__thumbnails-item img {
        mix-blend-mode: darken;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        display: block;
        max-width: 100%; }
    .product-images .image-carousel {
      height: auto; }
      .product-images .image-carousel__container {
        display: flex;
        align-items: center;
        height: calc(100vh - 139px); }
        .product-images .image-carousel__container img {
          max-width: 60rem;
          margin-right: auto;
          margin-left: auto;
          top: 0;
          -webkit-transform: translateY(0%);
                  transform: translateY(0%); }
    .product-images .image-carousel-slick {
      width: calc(100vw - 3rem);
      height: 100vh; }
    .product-images__featured {
      overflow: auto; }
    .product-images__actions {
      transition: all 0.2s ease;
      display: none;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      cursor: pointer;
      z-index: 1; }
    .product-images__action-expand {
      display: block;
      opacity: 1;
      visibility: visible;
      transition: all 0.2s ease;
      padding: 0;
      background: none;
      border: 0;
      cursor: pointer;
      z-index: 1; }
      .product-images__action-expand svg {
        color: #0078d4;
        cursor: pointer; }
    .product-images .carousel-controls {
      display: none; }
    .product-images .prev-next-button {
      position: absolute;
      background: rgba(255, 255, 255, 0.75);
      color: #333;
      top: 50%;
      width: 2.75rem;
      height: 2.75rem;
      background-color: #fff;
      border: 1px solid #f2f4f7;
      border-radius: 50%;
      box-shadow: 0 1px 1px rgba(10, 14, 26, 0.08), 0 1px 6px rgba(10, 14, 26, 0.04);
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      transition: -webkit-transform 0.2s;
      transition: transform 0.2s;
      transition: transform 0.2s, -webkit-transform 0.2s;
      transition: opacity 0.2s ease;
      cursor: pointer;
      list-style: none; }
      .product-images .prev-next-button.prev {
        left: 2%;
        z-index: 1; }
      .product-images .prev-next-button.next {
        right: 2%; }
      .product-images .prev-next-button:focus, .product-images .prev-next-button:active {
        outline: 0;
        box-shadow: none; }
    .product-images .prev-next-button .button-icon {
      position: absolute;
      left: 20%;
      top: 20%;
      width: 60%;
      height: 60%;
      padding: 0.5rem; }
    .product-images__grid-view {
      position: relative;
      top: 0;
      max-height: none;
      height: auto;
      width: calc(100% - 450px);
      padding-left: 0;
      padding-right: 40px;
      background: #fff; }
  .header-container.image-expanded {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    opacity: 0;
    display: none; } }

@-webkit-keyframes smoothScroll {
  0% {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px); }
  100% {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px); } }

@keyframes smoothScroll {
  0% {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px); }
  100% {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px); } }

.hide {
  display: none; }

.offer-banner {
  background-color: #002970;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  padding: 10px 19.2px;
  padding: 0.625rem 1.2rem;
  position: relative;
  width: 100%;
  z-index: 101;
  overflow: hidden;
  height: 35px;
  max-height: 65px; }

.offer-banner.banner-carousel {
    align-items: flex-start;
    padding: 6.4px 0 19.2px;
    padding: 0.4rem 0 1.2rem; }

.offer-banner .tns-controls {
    display: none; }

.offer-banner button[data-action] {
    display: none; }

.offer-banner__carousel--wrapper {
    display: inline-block;
    height: 100%;
    width: 100%;
    transition: -webkit-transform 0s;
    transition: transform 0s;
    transition: transform 0s, -webkit-transform 0s; }

.offer-banner__carousel--text {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0;
    margin: 6.4px 0;
    margin: 0.4rem 0; }

.offer-banner__image {
    width: auto;
    display: flex; }

.offer-banner__text {
    color: #fff;
    display: block;
    white-space: nowrap; }

.offer-banner__text p {
      font-family: 'BasisGrotesque-Bold', Arial, sans-serif;
      font-weight: 700;
      font-size: 12px;
      margin: 0; }

.offer-banner__text a {
      color: #fff;
      font-size: 14px;
      font-size: 0.875rem;
      text-decoration: underline;
      margin-left: 0; }

.offer-banner__text a:hover, .offer-banner__text a:focus {
        color: #fff;
        text-decoration: none; }

.offer-banner .announcment-bar__tooltip {
    display: inline-block;
    position: relative;
    line-height: 1;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
    margin-right: 8px;
    margin-right: 0.5rem;
    color: #fff;
    vertical-align: middle; }

.offer-banner .announcment-bar__tooltip svg {
      width: 16px;
      width: 1rem;
      height: 16px;
      height: 1rem; }

.offer-banner--red-bg-color {
    background-color: #e32c2b; }

.offer-banner__tooltip-wrapper {
    position: absolute;
    background-color: #f2f4f7;
    left: 50%;
    top: 90%;
    z-index: 999;
    border-radius: 7px;
    -webkit-transform: translateX(8%);
            transform: translateX(8%); }

.offer-banner__tooltip {
    max-width: 170px;
    font-size: 12px;
    line-height: 14px;
    padding: 10px 17px;
    color: #3d5d92;
    font-family: 'BasisGrotesque-Regular', Arial, sans-serif; }

.offer-banner__triangle-wrapper {
    position: relative; }

.offer-banner__triangle-wrapper .triangle-up {
      position: absolute;
      width: 0;
      height: 0;
      margin: auto;
      top: -5px;
      left: 10px;
      right: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #f2f4f7; }

@media screen and (device-aspect-ratio: 40 / 71) {
  .offer-banner__tooltip-wrapper {
    -webkit-transform: translateX(-41%);
            transform: translateX(-41%); }
  .offer-banner__carousel--text {
    font-size: 10px;
    line-height: 15px; } }

@media screen and (max-width: 489px) and (min-width: 768px) {
  .offer-banner__tooltip-wrapper {
    -webkit-transform: translateX(15%);
            transform: translateX(15%); } }

@media screen and (min-width: 768px) {
  .offer-banner {
    justify-content: center;
    padding: 0.4rem 1.2rem 0.8rem;
    max-height: 85px; }
    .offer-banner__tooltip-wrapper {
      -webkit-transform: translateX(30%);
              transform: translateX(30%); }
    .offer-banner__triangle-wrapper .triangle-up {
      left: 0px; }
    .offer-banner__image {
      width: 6.25rem;
      margin: 0 0 0 1rem; }
    .offer-banner__text {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      margin-top: 7px;
      width: auto; }
      .offer-banner__text a {
        margin-left: 1rem; }
    .offer-banner .announcment-bar__tooltip {
      margin-left: 0.5rem; }
    .offer-banner__carousel--text {
      font-size: 14px;
      margin: 0.8rem 0 0.4rem; } }

@media screen and (min-width: 1024px) {
  .offer-banner__text p {
    font-size: 13px; } }

.add-margin {
  margin-top: 120px; }

.header {
  font-family: 'BasisGrotesque-Regular', Arial, sans-serif;
  border-bottom: 1px solid #e0e5e9;
  border-bottom: 0.0625rem solid #e0e5e9;
  background-color: #fff;
  transition: border-bottom-color 0.2s ease, background-color 0.2s ease;
  position: relative;
  height: 65px;
  display: flex; }

.header__navbar {
    max-width: 1440px;
    max-width: 90rem;
    width: 100%;
    padding: 0 16px;
    padding: 0 1rem;
    margin: 0 auto;
    position: relative;
    display: flex; }

.header__navbar-wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%; }

.header__navbar-wrapper .mobile-logo {
        margin-top: 2%; }

.header__navbar-wrapper .mobile-logo g {
          fill: #23316a; }

.header__navbar-wrapper .mobile-logo g:hover {
            fill: #08b1ff; }

.header__navbar-logo {
      color: #002970;
      display: inline-block;
      position: absolute;
      left: 50%;
      top: 50%;
      line-height: 1;
      font-size: 0;
      margin: auto;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }

.header__navbar-logo svg {
        width: 100%;
        height: auto; }

.header__navbar-logo svg g {
          fill: #23316a; }

.header__navbar-logo svg g:hover {
            fill: #08b1ff; }

.header__navbar-logo--center {
        margin-right: 0; }

.header__navbar-main-menu {
      flex-grow: 1; }

.header__navbar-main-menu ul {
        display: flex;
        padding: 0;
        margin: 0;
        list-style: none; }

.header__navbar-main-menu ul li .dropdown-content {
          display: none;
          position: absolute;
          background-color: #f3f4f7;
          width: 100%;
          left: 0;
          z-index: 1;
          box-shadow: 0 1px 2px rgba(10, 14, 26, 0.08), 0 4px 12px rgba(10, 14, 26, 0.04); }

.header__navbar-main-menu ul li .dropdown-content .dc-wrap {
            padding-right: 16px;
            padding-right: 1rem;
            padding-left: 16px;
            padding-left: 1rem;
            max-width: 1440px;
            max-width: 90rem;
            width: 100%;
            margin: auto; }

.header__navbar-main-menu ul li .dropdown-content .dc-wrap .row {
              padding-left: 0;
              padding-right: 0;
              padding-top: 20px;
              padding-bottom: 10px; }

.header__navbar-main-menu ul li .dropdown-content .column {
            float: left;
            width: 33.33%;
            padding: 10px;
            height: auto; }

.header__navbar-main-menu ul li .dropdown-content .column .menu-category {
              background-color: #fff;
              border-radius: 2px;
              margin-bottom: 10px;
              position: relative; }

.header__navbar-main-menu ul li .dropdown-content .column .menu-category h3 {
                border-bottom: 1px solid #e9ecef;
                padding: 0;
                margin: 0;
                font-size: 15px;
                line-height: normal;
                letter-spacing: normal;
                height: 56px;
                text-align: left; }

.header__navbar-main-menu ul li .dropdown-content .column .menu-category h3 a {
                  padding: 20px;
                  margin: 0px;
                  color: #232c39;
                  display: flex;
                  flex-direction: row;
                  font-family: 'basis-grotesque', Helvetica, sans-serif;
                  font-size: 15px;
                  width: 100%;
                  position: relative;
                  height: 56px;
                  text-transform: capitalize; }

.header__navbar-main-menu ul li .dropdown-content .column .menu-category h3 a span {
                    display: inline-block;
                    margin-left: 10px;
                    position: relative;
                    transition: all 0.5s ease;
                    left: 0; }

.header__navbar-main-menu ul li .dropdown-content .column .menu-category h3 a .temp-img {
                    display: inline-block;
                    width: 64px;
                    vertical-align: middle;
                    margin-right: 10px;
                    top: 1px;
                    position: absolute;
                    left: 10px; }

.header__navbar-main-menu ul li .dropdown-content .column .menu-category h3 a.temp-link {
                    padding-left: 100px; }

.header__navbar-main-menu ul li .dropdown-content .column .menu-category h3:hover a {
                  color: #0078d4; }

.header__navbar-main-menu ul li .dropdown-content .column .menu-category h3:hover a span {
                    left: 20px; }

.header__navbar-main-menu ul li .dropdown-content .column .menu-category ul {
                margin: 0;
                padding: 0;
                display: block; }

.header__navbar-main-menu ul li .dropdown-content .column .menu-category ul li {
                  float: none;
                  color: #000;
                  text-decoration: none;
                  display: block;
                  text-align: left;
                  padding: 0;
                  margin: 0;
                  font-size: 13px;
                  line-height: normal; }

.header__navbar-main-menu ul li .dropdown-content .column .menu-category ul li a {
                    padding: 10px 5px 10px 10px;
                    width: 100%;
                    margin: 0px;
                    color: #51575f;
                    font-size: 13px;
                    font-family: 'BasisGrotesque-Regular', Helvetica, sans-serif;
                    font-weight: 600;
                    letter-spacing: normal;
                    text-transform: capitalize;
                    display: flex;
                    flex-direction: column;
                    align-items: center; }

.header__navbar-main-menu ul li .dropdown-content .column .menu-category ul li a img {
                      display: inline-block;
                      margin-right: 25px;
                      height: 35px;
                      vertical-align: middle; }

.header__navbar-main-menu ul li .dropdown-content .column .menu-category ul.rx-nav-posts {
                  display: flex;
                  flex-direction: row; }

.header__navbar-main-menu ul li .dropdown-content .column .menu-category ul.rx-nav-posts li a {
                    padding: 20px 10px 13px 20px;
                    line-height: 1.5;
                    display: flex;
                    flex-direction: column; }

.header__navbar-main-menu ul li .dropdown-content .column .menu-category ul.rx-nav-posts li img {
                    display: block;
                    margin-right: 0;
                    vertical-align: middle;
                    height: auto;
                    width: 100%;
                    margin-bottom: 10px; }

.header__navbar-main-menu ul li .dropdown-content .column .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; }

.header__navbar-main-menu ul li .dropdown-content .column .menu-category h4 a {
                  padding: 0;
                  color: #0078d4;
                  float: right; }

.header__navbar-main-menu ul li .dropdown-content .column .menu-category .rx-badge {
                position: absolute;
                left: 0;
                font-size: 10px;
                font-family: 'BasisGrotesque-Regular', Helvetica, sans-serif;
                padding: 3px 7px;
                color: #fff;
                background-color: #0078d4;
                top: -10px;
                font-weight: bold;
                letter-spacing: 0.5px; }

.header__navbar-main-menu ul li .dropdown-content .column .menu-category .rx-badge.maroon-badge {
                  color: white;
                  background-color: #9c1414; }

.header__navbar-main-menu ul li .dropdown-content .column .menu-category .rx-badge.hide-badge {
                  display: none; }

.header__navbar-main-menu ul li .dropdown-content .column .menu-category.first-category {
                padding-bottom: 10px; }

.header__navbar-main-menu ul li .dropdown-content .column .menu-category.blog-nav ul li a {
                padding: 20px 20px 13px; }

.header__navbar-main-menu ul li .dropdown-content .column .d-solid-links ul {
              padding: 0;
              margin: 0;
              display: block; }

.header__navbar-main-menu ul li .dropdown-content .column .d-solid-links ul li {
                float: none;
                color: #000;
                text-decoration: none;
                display: block;
                text-align: left; }

.header__navbar-main-menu ul li .dropdown-content .column .d-solid-links ul li a {
                  background-color: #002970;
                  text-align: left;
                  color: #fff;
                  font-size: 14px;
                  font-family: 'BasisGrotesque-Regular', Helvetica, sans-serif;
                  padding: 16.5px;
                  display: block;
                  margin-bottom: 10px;
                  text-decoration: none;
                  font-weight: bold;
                  letter-spacing: 1px;
                  border-radius: 2px;
                  height: 56px;
                  line-height: 23px;
                  text-transform: capitalize; }

.header__navbar-main-menu ul li .dropdown-content .column .d-solid-links ul li a span {
                    display: inline-block;
                    margin-left: 10px;
                    position: relative;
                    transition: all 0.5s ease;
                    left: 0; }

.header__navbar-main-menu ul li .dropdown-content .column .d-solid-links ul li a span svg {
                      fill: #fff;
                      stroke: #fff; }

.header__navbar-main-menu ul li .dropdown-content .column .d-solid-links ul li a.sale-bg {
                    background-color: #9c1414; }

.header__navbar-main-menu ul li .dropdown-content .column .d-solid-links ul li a.coming-soon-bg {
                    background-color: #0d387c; }

.header__navbar-main-menu ul li .dropdown-content .column .d-solid-links ul li a.refer-bg {
                    background-color: #0078d4; }

.header__navbar-main-menu ul li .dropdown-content .column .d-solid-links ul li a:hover span {
                    left: 20px; }

.header__navbar-main-menu ul li .dropdown-content.snow-dropdown .column.first-snow-column {
            margin-left: 12.5%; }

.header__navbar-main-menu ul li .dropdown-content.snow-dropdown .column.first-snow-column .menu-category .snow-dropdown-inner-wrap {
              display: flex;
              justify-content: flex-start;
              flex-direction: row;
              align-items: flex-start; }

.header__navbar-main-menu ul li .dropdown-content.snow-dropdown .column.first-snow-column .menu-category .snow-dropdown-inner-wrap ul {
                width: 50%; }

.header__navbar-main-menu ul li .dropdown-content.brand .column {
            width: 25%; }

.header__navbar-main-menu ul li .dropdown-content.brand .column.brand-column {
              width: 50%; }

.header__navbar-main-menu button,
      .header__navbar-main-menu input[type='submit'],
      .header__navbar-main-menu input[type='reset'] {
        background: none;
        color: inherit;
        border: none;
        padding: 0;
        font: inherit;
        cursor: pointer;
        outline: inherit; }

.header__navbar-main-menu a,
      .header__navbar-main-menu button {
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        font-family: 'basis-grotesque', Helvetica, sans-serif;
        padding: 36px 12px;
        padding: 2.25rem 0.75rem;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        text-decoration: none;
        letter-spacing: 0.075em;
        line-height: 1.14;
        color: #002970;
        position: relative;
        display: inline-block; }

.header__navbar-main-menu--dropdown {
        position: absolute;
        top: 80px;
        width: 100%;
        left: 0;
        background-color: #f3f4f7;
        border-bottom: 1px solid #e0e5e9; }

.header__navbar-main-menu--dropdown ul {
          display: flex;
          padding: 0;
          margin: 0;
          list-style: none; }

.header__navbar-main-menu--dropdown li {
          width: 33.33%;
          padding: 15px 0;
          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; }

.header__navbar-main-menu--dropdown .active {
          opacity: 1;
          border-bottom: 3px solid #002970; }

.header__navbar-main-menu--close {
        background: none;
        border: none; }

.header__navbar-main-menu--hamburger-menu {
        flex-grow: 1; }

.header__navbar-side-menu .js-cart-icon {
      position: relative; }

.header__navbar-side-menu ul {
      display: flex;
      padding: 0;
      margin: 0;
      list-style: none; }

.header__navbar-side-menu li:last-child a {
      margin: 4.8px 8px 0 16px;
      margin: 0.3rem 0.5rem 0 1rem; }

.header__navbar-side-menu button,
    .header__navbar-side-menu input[type='submit'],
    .header__navbar-side-menu input[type='reset'] {
      background: none;
      color: inherit;
      border: none;
      padding: 0;
      font: inherit;
      cursor: pointer;
      outline: inherit; }

.header__navbar-side-menu a {
      margin: 0 16px;
      margin: 0 1rem;
      position: relative;
      display: inline-block; }

.header__navbar-side-menu .cart-badge {
      top: -35%;
      right: -60%;
      min-width: 16px;
      min-width: 1rem;
      min-height: 16px;
      min-height: 1rem;
      padding: 2px 4px;
      padding: 0.125rem 0.25rem;
      line-height: 1;
      color: #fff;
      background-color: #08b1ff;
      border-radius: 6.25rem;
      position: absolute;
      font-size: 12px;
      font-size: 0.75rem; }

.header__navbar-side-menu .cart-badge::before {
        content: attr(data-cart-count); }

.header__navbar-side-menu .cart-badge.hide-cart-badge {
        display: none; }

.header .desktop-only {
    display: none; }

.header .mobile-only {
    display: block; }

.header .mobile-sub-menu {
    display: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    z-index: 100;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    transition: height 0.2s ease, opacity 0.2s ease; }

.header .mobile-sub-menu.active {
      display: block;
      height: 100vh; }

.header .mobile-sub-menu .overlay__menu {
      position: sticky;
      top: 0;
      z-index: 2;
      border-bottom: 1px solid #e0e5e9;
      border-bottom: 0.0625rem solid #e0e5e9;
      background-color: #fff;
      transition: border-bottom-color 0.2s ease, background-color 0.2s ease;
      height: 65px; }

.header .mobile-sub-menu .overlay__menu .logo {
        height: 100%;
        width: 100%; }

.header .mobile-sub-menu .overlay__wrap {
      max-width: 1440px;
      max-width: 90rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      padding-right: 16px;
      padding-right: 1rem;
      padding-left: 16px;
      padding-left: 1rem;
      margin-right: auto;
      margin-left: auto;
      height: 100%; }

.header .mobile-sub-menu .overlay__wrap .close-nav {
        border: 0;
        background: transparent;
        box-shadow: none;
        padding: 10px 10px 10px 0px;
        margin: 0;
        line-height: 1;
        font-size: 0;
        height: auto; }

.header .mobile-sub-menu .overlay__wrap .inner-logo {
        color: #002970;
        line-height: 1;
        font-size: 0;
        margin: auto;
        height: 40px; }

.header .mobile-sub-menu .overlay__wrap .inner-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: 16px;
        right: 1rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        margin-right: 4px;
        margin-right: 0.25rem;
        color: #002970; }

.header .mobile-sub-menu .overlay__wrap .icon-badge {
        top: 1%;
        left: 25px;
        min-width: 16px;
        min-width: 16px;
        min-width: 1rem;
        min-height: 16px;
        min-height: 16px;
        min-height: 1rem;
        padding: 2px 4px;
        padding: 2px 4px;
        padding: 0.125rem 0.25rem;
        line-height: 1;
        color: #fff;
        background-color: #08b1ff;
        border-radius: 6.25rem;
        position: absolute;
        font-size: 12px;
        font-size: 12px;
        font-size: 0.75rem; }

.header .mobile-sub-menu .overlay__wrap .icon-badge::before {
          content: attr(data-cart-count); }

.header .mobile-sub-menu .overlay__tabs {
      width: 100%;
      background-color: #f3f4f7;
      border-bottom: 1px solid #e0e5e9;
      padding: 0;
      margin: 0;
      font-size: 0;
      font-family: 'basis-grotesque', Helvetica, sans-serif;
      position: sticky;
      top: 57px;
      z-index: 2; }

.header .mobile-sub-menu .overlay__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; }

.header .mobile-sub-menu .overlay__tabs li.active {
          opacity: 1;
          border-bottom: 3px solid #002970; }

.header .mobile-sub-menu .overlay__nav-cont {
      padding: 15px 15px 120px;
      min-height: 100%; }

.header .mobile-sub-menu .overlay__nav-cont .rx-nav-blocks {
        display: none;
        padding-bottom: 75px; }

.header .mobile-sub-menu .overlay__nav-cont .rx-nav-blocks.active {
          display: block; }

.header .mobile-sub-menu .overlay__nav-cont .rx-nav-blocks .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: flex;
          flex-direction: row;
          box-sizing: border-box;
          text-decoration: none;
          font-family: 'BasisGrotesque-Regular', Helvetica, sans-serif; }

.header .mobile-sub-menu .overlay__nav-cont .rx-nav-blocks .rx-accordion .rx-badge {
            position: absolute;
            top: 0;
            left: 0;
            font-size: 10px;
            font-weight: normal;
            font-family: 'BasisGrotesque-Regular', Helvetica, sans-serif;
            padding: 3px 7px;
            color: #fff;
            background-color: #0078d4; }

.header .mobile-sub-menu .overlay__nav-cont .rx-nav-blocks .rx-accordion .rx-badge-sale {
              color: white;
              background-color: #9c1414; }

.header .mobile-sub-menu .overlay__nav-cont .rx-nav-blocks .rx-accordion .rx-badge.hide-badge {
              display: none; }

.header .mobile-sub-menu .overlay__nav-cont .rx-nav-blocks .rx-accordion .rx-badge.maroon-badge {
              color: white;
              background-color: #9c1414; }

.header .mobile-sub-menu .overlay__nav-cont .rx-nav-blocks .rx-accordion img {
            display: block;
            position: absolute;
            right: 18px;
            top: 0;
            height: 100%; }

.header .mobile-sub-menu .overlay__nav-cont .rx-nav-blocks .rx-accordion.plus-icon:after {
            content: '+';
            font-size: 15px;
            color: #002970;
            margin-left: 15px; }

.header .mobile-sub-menu .overlay__nav-cont .rx-nav-blocks .rx-accordion.plus-icon.active:after {
            content: '-'; }

.header .mobile-sub-menu .overlay__nav-cont .rx-nav-blocks .rx-panel {
          padding: 0px;
          background-color: white;
          max-height: 0;
          overflow: hidden;
          transition: max-height 0.2s ease-out; }

.header .mobile-sub-menu .overlay__nav-cont .rx-nav-blocks .rx-panel ul {
            display: block;
            padding: 0;
            margin: 0 0 10px;
            list-style-type: none; }

.header .mobile-sub-menu .overlay__nav-cont .rx-nav-blocks .rx-panel ul li {
              display: block;
              border-bottom: 1px solid #ccc; }

.header .mobile-sub-menu .overlay__nav-cont .rx-nav-blocks .rx-panel ul li:first-child a {
                color: #0078d4; }

.header .mobile-sub-menu .overlay__nav-cont .rx-nav-blocks .rx-panel ul li a,
              .header .mobile-sub-menu .overlay__nav-cont .rx-nav-blocks .rx-panel ul li button {
                display: block;
                text-decoration: none;
                padding: 18px;
                text-align: left;
                width: 100%;
                color: #002970;
                font-family: 'BasisGrotesque-Regular', Helvetica, sans-serif;
                font-size: 14px;
                font-weight: bold;
                letter-spacing: 1px;
                box-sizing: border-box; }

.header .mobile-sub-menu .overlay__nav-cont .rx-nav-blocks .rx-panel.active {
            max-height: 100%; }

.header .mobile-sub-menu .overlay__nav-cont .rx-nav-blocks .rx-solid-links .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; }

.header .mobile-sub-menu .overlay__nav-cont .rx-nav-blocks .rx-solid-links .rx-solid.sale-bg {
            background-color: #9c1414; }

.header .mobile-sub-menu .overlay__nav-cont .rx-nav-blocks .rx-solid-links .rx-solid.coming-soon-bg {
            background-color: #0078d4; }

@media screen and (min-width: 900px) {
  .add-margin {
    margin-top: 0; } }

@media screen and (min-width: 768px) {
  .header {
    height: auto; }
    .header__navbar {
      padding: 0 3.75rem; }
      .header__navbar-logo {
        width: 2.75rem;
        height: 2.75rem;
        margin-right: 0;
        display: flex;
        position: relative;
        -webkit-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
        left: 0;
        top: 0; }
      .header__navbar-main-menu a {
        padding: 2.25rem 1.5rem; }
        .header__navbar-main-menu a:hover {
          position: relative; }
          .header__navbar-main-menu a:hover:after {
            width: 100%; }
        .header__navbar-main-menu a:after {
          content: '';
          position: absolute;
          right: 0;
          bottom: 0;
          left: 0;
          display: block;
          background: transparent;
          width: 0;
          height: 0.125rem;
          margin: auto;
          transition: 0.2s ease; }
      .header__navbar-main-menu ul li:hover .dropdown-content {
        display: block; }
      .header__navbar-main-menu ul li.hamburger-list {
        display: none; }
      .header__navbar-main-menu--hamburger-menu {
        flex-grow: 1; }
    .header .desktop-only {
      display: inline-block; }
    .header .mobile-only {
      display: none; } }

@media screen and (min-width: 1024px) {
  .header__navbar-wrapper .header__navbar-logo {
    margin-right: 30px; }
  .header__navbar-main-menu ul li a.navbar-link:hover,
  .header__navbar-main-menu ul li button.navbar-link:hover {
    border-bottom: 2px solid #08b1ff; }
  .header__navbar-main-menu ul li .dropdown-content .column {
    width: 25%; }
    .header__navbar-main-menu ul li .dropdown-content .column .menu-category ul li a {
      flex-direction: row; }
  .header__navbar-main-menu ul li .dropdown-content.snow-dropdown .column.first-snow-column {
    width: 50%; }
  .header__navbar-main-menu a,
  .header__navbar-main-menu button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    font-family: 'BasisGrotesque-Bold', Arial, sans-serif;
    font-size: 0.8rem; } }

@media screen and (min-width: 1350px) {
  .header__navbar-main-menu {
    display: flex;
    justify-content: center;
    align-items: center; }
    .header__navbar-main-menu ul li .dropdown-content .dc-wrap .row {
      padding-left: 8.33%;
      padding-right: 8.33%; } }

@media screen and (min-width: 1440px) {
  .header__navbar {
    max-width: 100%; } }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

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

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.oneline-color {
  white-space: nowrap; }

.product-details {
  max-width: 100%;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }

.product-details.image-expanded {
    width: 0%;
    padding-right: 0;
    padding-left: 0;
    overflow: hidden;
    opacity: 0;
    margin: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }

.product-details__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 24px;
    padding-top: 1.5rem;
    text-align: left;
    min-height: auto; }

.product-details__colors-swatch {
    padding: 5px 0;
    border-bottom: 1px solid #e5e3e3; }

.product-details__colors-swatch .colors-label {
      float: left;
      font-size: 12px;
      display: block;
      margin-top: 3.5%;
      margin-right: 20px;
      color: #222b38;
      font-family: 'basis-grotesque', Helvetica, sans-serif;
      font-weight: bold; }

.product-details__color-swatch-option {
    display: flex;
    margin-top: 2%; }

.product-details__color-swatch-option .color-text {
      position: absolute;
      top: 51%;
      left: 50%;
      -webkit-transform: translate(-50%, -48%);
              transform: translate(-50%, -48%);
      font-size: 10px;
      font-size: 0.625rem; }

.product-details__color-swatch-option .color-option {
      position: relative;
      display: inline-block;
      height: 28px;
      height: 1.75rem;
      width: 28px;
      width: 1.75rem;
      margin-right: 4px;
      margin-right: 0.25rem;
      margin-left: 4px;
      margin-left: 0.25rem;
      text-decoration: none;
      text-align: center;
      flex-direction: row;
      border: 2px solid #fff;
      border-radius: 50%;
      overflow: hidden;
      color: white;
      box-shadow: 0 0 0 2px #dddcdc; }

.product-details__color-swatch-option .active-border {
      box-shadow: 0 0 0 2px #002970; }

.product-details__color-swatch-option .space-between {
      margin-right: 20px; }

.product-details__color-swatch-option .color-swatch-margin {
      font-family: 'basis-grotesque', Helvetica, sans-serif;
      font-size: 13px;
      font-weight: bold;
      display: inline-block;
      color: black;
      margin-right: 15px;
      text-align: center; }

.product-details__color-swatch-option .color-swatch-margin .color-swatch-disabled:before {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 28px;
        width: 1.75rem;
        height: 28px;
        height: 1.75rem;
        content: '';
        background: rgba(242, 244, 247, 0.3); }

.product-details__color-swatch-option .color-swatch-margin .color-swatch-disabled: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);
        -webkit-transform: rotateZ(-45deg);
                transform: rotateZ(-45deg); }

.product-details__lens-colors-swatch {
    padding: 5px 0;
    border-bottom: 1px solid #e5e3e3; }

.product-details__lens-colors-swatch .colors-label {
      float: left;
      font-size: 12px;
      display: block;
      margin-top: 3.5%;
      margin-right: 20px;
      color: #222b38;
      font-family: 'basis-grotesque', Helvetica, sans-serif;
      font-weight: bold; }

.product-details__lens-color-swatch-option {
    display: flex;
    margin-top: 2%; }

.product-details__lens-color-swatch-option .color-text {
      position: absolute;
      top: 51%;
      left: 50%;
      -webkit-transform: translate(-50%, -48%);
              transform: translate(-50%, -48%);
      font-size: 10px;
      font-size: 0.625rem; }

.product-details__lens-color-swatch-option .color-option {
      position: relative;
      display: inline-block;
      height: 28px;
      height: 1.75rem;
      width: 28px;
      width: 1.75rem;
      margin-right: 4px;
      margin-right: 0.25rem;
      margin-left: 4px;
      margin-left: 0.25rem;
      text-decoration: none;
      text-align: center;
      flex-direction: row;
      border: 2px solid #fff;
      border-radius: 50%;
      overflow: hidden;
      color: white;
      box-shadow: 0 0 0 2px #dddcdc; }

.product-details__lens-color-swatch-option .active-border {
      box-shadow: 0 0 0 2px #002970; }

.product-details__lens-color-swatch-option .color-swatch-margin {
      display: flex;
      font-family: 'basis-grotesque', Helvetica, sans-serif;
      font-size: 13px;
      font-weight: bold;
      color: black;
      margin-right: 15px;
      text-align: center; }

.product-details__lens-color-swatch-option .color-swatch-margin .color-swatch-disabled:before {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 28px;
        width: 1.75rem;
        height: 28px;
        height: 1.75rem;
        content: '';
        background: rgba(242, 244, 247, 0.3); }

.product-details__lens-color-swatch-option .color-swatch-margin .color-swatch-disabled: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);
        -webkit-transform: rotateZ(-45deg);
                transform: rotateZ(-45deg); }

.product-details__lens-color-swatch-option .color-swatch-margin .current-color-swatch,
      .product-details__lens-color-swatch-option .color-swatch-margin .other-color-swtach {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-right: 20px; }

.product-details__lens-color-swatch-option .color-swatch-margin .current-color-swatch .lens-color-text,
        .product-details__lens-color-swatch-option .color-swatch-margin .other-color-swtach .lens-color-text {
          margin-top: 3px; }

.product-details__inner-container {
    width: 100%;
    padding: 0 15px; }

.product-details__polarized {
    justify-content: left;
    display: flex; }

.product-details__polarized.pillbadge-v12-wrapper {
      position: relative; }

.product-details__polarized.pillbadge-v12-wrapper .product-polarized {
        position: absolute;
        right: 0;
        top: 15px; }

.product-details__polarized .product-polarized {
      padding-right: 8px;
      padding-right: 0.5rem;
      padding-left: 8px;
      padding-left: 0.5rem;
      border: 1px solid #ccd3da;
      border-radius: 1.25rem;
      color: #6d7782;
      height: 20px;
      height: 1.25rem;
      font-size: 11px;
      font-size: 0.6875rem;
      line-height: 1.81;
      letter-spacing: 0.05em;
      display: inline-block;
      opacity: 1;
      transition: opacity 0.2s ease; }

.product-details__image-wrap img {
    vertical-align: middle; }

.product-details__image-wrap .product-polarized {
    font-family: 'BasisGrotesque-Regular', Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #004e9c;
    vertical-align: middle; }

.product-details h1 {
    font-family: 'aktiv-grotesk-extended', sans-serif;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -0.025em;
    color: #232b38;
    margin: 8px 0 0;
    margin: 0.5rem 0 0;
    text-align: left;
    display: flex;
    justify-content: space-between; }

.product-details h2, .product-details__subtitle {
    font-family: 'BasisGrotesque-Regular', Arial, sans-serif;
    font-weight: 600;
    color: #6d7782;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.56;
    margin: 0;
    text-align: left;
    text-transform: capitalize;
    text-decoration: none;
    border-bottom: 1px solid transparent; }

.product-details h2:hover, .product-details__subtitle:hover {
      border-bottom: 1px solid black; }

.product-details__form {
    text-align: left;
    display: flex;
    flex-direction: column; }

.product-details__form.color-swatches-form .frame__carousel-wrapper {
      order: 1;
      border-bottom: 1px solid #e5e3e3; }

.product-details__form.color-swatches-form .product-name-wrapper {
      order: 2; }

.product-details__form.color-swatches-form .price-wrapper {
      order: 3; }

.product-details__form.color-swatches-form .add-to-cart__container {
      order: 4; }

.product-details__form-price {
      font-family: 'BasisGrotesque-Regular', Arial, sans-serif;
      overflow: auto;
      margin-bottom: 0;
      margin-top: 15px;
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 1.45;
      color: #232b38;
      text-align: left;
      display: inline-block;
      float: left; }

.product-details__form .price-wrapper {
      padding-bottom: 10px;
      border-bottom: 1px solid #e5e3e3; }

.product-details__form .price-wrapper .price-reviews-section {
        display: flex; }

.product-details__form .price-wrapper .price-reviews-section .collection-price {
          display: flex;
          flex-direction: column;
          font-family: 'basis-grotesque', Helvetica, sans-serif;
          font-size: 22px;
          color: #232b38; }

.product-details__form .price-wrapper .price-reviews-section .collection-price .saved {
            font-size: 11px;
            text-transform: uppercase;
            color: #6d7782;
            margin-bottom: -6px; }

.product-details__form .price-wrapper .price-reviews-section .collection-price .main .discounted-price {
            font-size: 22px;
            color: #e62817; }

.product-details__form .price-wrapper .price-reviews-section .collection-price .main .original-price {
            margin-left: 5px;
            color: #ccd3da;
            text-decoration: line-through;
            font-size: 22px; }

.product-details__form .price-wrapper .price-reviews-section .discounted-Price-wrapper {
          display: flex;
          flex-direction: column;
          font-family: 'basis-grotesque', Helvetica, sans-serif;
          font-size: 22px;
          color: #232b38; }

.product-details__form .price-wrapper .price-reviews-section .discounted-Price-wrapper .discount {
            font-size: 11px;
            text-transform: uppercase;
            color: #6d7782;
            margin-bottom: -6px; }

.product-details__form .price-wrapper .price-reviews-section .discounted-Price-wrapper .cut-off-price-section .discounted-price {
            font-size: 22px;
            color: #e62817; }

.product-details__form .price-wrapper .price-reviews-section .discounted-Price-wrapper .cut-off-price-section .original-price {
            margin-left: 5px;
            color: #ccd3da;
            text-decoration: line-through;
            font-size: 22px; }

.product-details__form .price-wrapper .price-reviews-section .yotpo-bottomline-wrapper {
          margin: 2.2% 0 0 20px; }

.product-details__form .afterpay-paragraph {
      clear: both;
      font-family: 'BasisGrotesque-Regular', Arial, sans-serif;
      font-size: 12px;
      color: #495631;
      margin: 0; }

.product-details__form .afterpay-paragraph img {
        vertical-align: middle;
        max-width: 100px;
        width: 80px; }

.product-details__form .afterpay-paragraph a,
      .product-details__form .afterpay-paragraph .afterpay-link {
        cursor: pointer;
        color: inherit;
        text-decoration: none;
        display: inline-block;
        outline: none; }

.product-details__form .yotpo-bottomline-wrapper {
      display: inline-block;
      vertical-align: middle;
      margin: 2% 0 0 20px; }

.product-details__form .yotpo-bottomline-wrapper a {
        font-family: 'BasisGrotesque-Regular', Arial, sans-serif;
        font-size: 12px;
        color: #6a6c77 !important; }

.product-details__form .pdp-upsell-wrapper {
      border-bottom: 1px solid #e5e3e3;
      padding-bottom: 15px;
      margin: auto;
      width: 100%; }

.product-details__form .pdp-upsell-wrapper p {
        font-family: 'BasisGrotesque-Bold', Arial, sans-serif;
        text-align: left;
        text-transform: uppercase;
        color: #004e9c;
        font-size: 12px;
        margin-top: 15px; }

.product-details__form .pdp__slider-wrapper,
    .product-details__form .frame__slider-wrapper {
      margin: -10px 0 -10px 0; }

.product-details__form .pdp__slider-wrapper .slick-arrow li,
      .product-details__form .frame__slider-wrapper .slick-arrow li {
        list-style: none; }

.product-details__form .pdp__slider-wrapper .slick-arrow li img,
        .product-details__form .frame__slider-wrapper .slick-arrow li img {
          width: 6px;
          height: 12px; }

.product-details__form .pdp__slider-wrapper .slick-arrow li.prev,
        .product-details__form .frame__slider-wrapper .slick-arrow li.prev {
          cursor: pointer;
          position: absolute;
          left: -10px;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          padding-left: 0; }

.product-details__form .pdp__slider-wrapper .slick-arrow li.next,
        .product-details__form .frame__slider-wrapper .slick-arrow li.next {
          cursor: pointer;
          position: absolute;
          right: -10px;
          padding-right: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }

.product-details__form .pdp__slider-wrapper .slick-arrow li:active,
        .product-details__form .frame__slider-wrapper .slick-arrow li:active {
          opacity: 0.5;
          outline: 0; }

.product-details__form .pdp__slider-wrapper .slick-arrow li:focus,
        .product-details__form .frame__slider-wrapper .slick-arrow li:focus {
          opacity: 0.5;
          outline: 0; }

.product-details__form .pdp__slider-wrapper .slick-arrow svg,
      .product-details__form .frame__slider-wrapper .slick-arrow svg {
        top: 12px;
        right: 10px;
        position: absolute; }

.product-details__form .pdp__slider-wrapper .slick-arrow.slick-disabled,
      .product-details__form .frame__slider-wrapper .slick-arrow.slick-disabled {
        opacity: 0.5; }

.product-details__form .pdp__slider-wrapper.mixed-color-wrapper,
      .product-details__form .frame__slider-wrapper.mixed-color-wrapper {
        display: flex;
        margin: 19px 0 0; }

.product-details__form .pdp__slider-wrapper .less-colors-icon,
      .product-details__form .frame__slider-wrapper .less-colors-icon {
        display: inline-block; }

.product-details__form .pdp__slider-wrapper .less-swatch-icon,
      .product-details__form .frame__slider-wrapper .less-swatch-icon {
        cursor: pointer;
        margin-bottom: 24px;
        vertical-align: bottom;
        margin-right: 2%; }

.product-details__form .pdp__slider-wrapper .swatch-less-text,
      .product-details__form .frame__slider-wrapper .swatch-less-text {
        font-family: 'Basis Grotesque', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        line-height: 25px;
        color: #6d7782;
        vertical-align: top;
        cursor: pointer; }

.product-details__form .pdp__slider-wrapper .swatch-icon-wrapper,
      .product-details__form .frame__slider-wrapper .swatch-icon-wrapper {
        display: flex; }

.product-details__form .pdp__slider-wrapper .swatch-icon-wrapper .swatch-icon,
        .product-details__form .frame__slider-wrapper .swatch-icon-wrapper .swatch-icon {
          margin-right: 9px;
          cursor: pointer; }

.product-details__form .pdp__slider-wrapper .swatch-icon-wrapper .swatch-text,
        .product-details__form .frame__slider-wrapper .swatch-icon-wrapper .swatch-text {
          font-family: 'Basis Grotesque', sans-serif;
          font-style: normal;
          font-weight: normal;
          font-size: 11px;
          line-height: 14px;
          margin-top: 3.5%;
          color: #6d7782;
          cursor: pointer; }

.product-details__form .pdp__slider-wrapper .frame-colors,
      .product-details__form .frame__slider-wrapper .frame-colors {
        cursor: pointer;
        display: inline-block;
        position: relative;
        width: 25px;
        height: 25px;
        margin-right: 16px;
        border-radius: 50%;
        overflow: hidden;
        margin-bottom: 15px;
        -webkit-transform: rotate(25deg);
                transform: rotate(25deg); }

.product-details__form .pdp__slider-wrapper .frame-colors.active-option-card,
        .product-details__form .frame__slider-wrapper .frame-colors.active-option-card {
          cursor: pointer;
          box-shadow: 0 0 0 4px white, 0 0 0 6px #000000; }

.product-details__form .pdp__slider-wrapper .frame-colors:before,
        .product-details__form .frame__slider-wrapper .frame-colors:before {
          content: '';
          position: absolute;
          height: 100%;
          width: 50%;
          right: 0.1px; }

.product-details__form .pdp__slider-wrapper .frame-colors:after,
        .product-details__form .frame__slider-wrapper .frame-colors:after {
          content: '';
          position: absolute;
          height: 100%;
          width: 50%;
          left: 0.1px; }

.product-details__form .pdp__slider-wrapper .frame-colors.color-black:before,
        .product-details__form .frame__slider-wrapper .frame-colors.color-black:before {
          background: url(/2f46ae281874d1f411448e5c0d0d73f0.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.color-brown:before,
        .product-details__form .frame__slider-wrapper .frame-colors.color-brown:before {
          background: url(/96b9ffd15d6f23828a42abf3bbe9818d.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.color-pink:before,
        .product-details__form .frame__slider-wrapper .frame-colors.color-pink:before {
          background: url(/640d3ff01a4bbecf5e0e940f39bdb399.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.color-grey:before,
        .product-details__form .frame__slider-wrapper .frame-colors.color-grey:before {
          background: url(/679e5723fd203662f2bcc3c60479ff35.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.color-green:before,
        .product-details__form .frame__slider-wrapper .frame-colors.color-green:before {
          background: url(/334fc7a80acd11a4010c57dbddfcc2cf.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.color-blue:before,
        .product-details__form .frame__slider-wrapper .frame-colors.color-blue:before {
          background: url(/d6a9cd4e01196403e60303b9be50a0e9.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.color-clear:before,
        .product-details__form .frame__slider-wrapper .frame-colors.color-clear:before {
          background: url(/bd178d6e154efc3f5f9349bed836a4e1.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.color-tortoise:before,
        .product-details__form .frame__slider-wrapper .frame-colors.color-tortoise:before {
          background: url(/3e8be3711601e08def14fbc703fa428e.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.color-white:before,
        .product-details__form .frame__slider-wrapper .frame-colors.color-white:before {
          background: url(/e70c635adc3c7c102247fb0306f2bbc1.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.color-silver:before,
        .product-details__form .frame__slider-wrapper .frame-colors.color-silver:before {
          background: url(/643e6bfc5a8a8fb2ae7232b12418612e.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.color-purple:before,
        .product-details__form .frame__slider-wrapper .frame-colors.color-purple:before {
          background: url(/e78082f404ffc9f0c55d35b7c8d18e45.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.color-rose:before,
        .product-details__form .frame__slider-wrapper .frame-colors.color-rose:before {
          background: url(/ed0de9768ea700842a8428cf32d47b10.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.color-red:before,
        .product-details__form .frame__slider-wrapper .frame-colors.color-red:before {
          background: url(/805b0c548dad840a7f82a2434bb4da21.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.color-gold:before,
        .product-details__form .frame__slider-wrapper .frame-colors.color-gold:before {
          background: url(/326b21cc80975926ce0e1272ff1b2811.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.color-orange:before,
        .product-details__form .frame__slider-wrapper .frame-colors.color-orange:before {
          background: url(/47b9d0dd0a510dd4060cc995b0f01e60.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.color-yellow:before,
        .product-details__form .frame__slider-wrapper .frame-colors.color-yellow:before {
          background: url(/5a912aac7d573af06f15d34024610dd1.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.color-champagne:before,
        .product-details__form .frame__slider-wrapper .frame-colors.color-champagne:before {
          background: url(/b7dd6c94c35daf5d97ffea303dcc4568.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.lens-color-yellow:after,
        .product-details__form .frame__slider-wrapper .frame-colors.lens-color-yellow:after {
          background: url(/5a912aac7d573af06f15d34024610dd1.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.lens-color-black:after,
        .product-details__form .frame__slider-wrapper .frame-colors.lens-color-black:after {
          background: url(/2f46ae281874d1f411448e5c0d0d73f0.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.lens-color-brown:after,
        .product-details__form .frame__slider-wrapper .frame-colors.lens-color-brown:after {
          background: url(/96b9ffd15d6f23828a42abf3bbe9818d.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.lens-color-pink:after,
        .product-details__form .frame__slider-wrapper .frame-colors.lens-color-pink:after {
          background: url(/640d3ff01a4bbecf5e0e940f39bdb399.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.lens-color-grey:after,
        .product-details__form .frame__slider-wrapper .frame-colors.lens-color-grey:after {
          background: url(/679e5723fd203662f2bcc3c60479ff35.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.lens-color-green:after,
        .product-details__form .frame__slider-wrapper .frame-colors.lens-color-green:after {
          background: url(/334fc7a80acd11a4010c57dbddfcc2cf.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.lens-color-blue:after,
        .product-details__form .frame__slider-wrapper .frame-colors.lens-color-blue:after {
          background: url(/d6a9cd4e01196403e60303b9be50a0e9.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.lens-color-clear:after,
        .product-details__form .frame__slider-wrapper .frame-colors.lens-color-clear:after {
          background: url(/bd178d6e154efc3f5f9349bed836a4e1.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.lens-color-tortoise:after,
        .product-details__form .frame__slider-wrapper .frame-colors.lens-color-tortoise:after {
          background: url(/3e8be3711601e08def14fbc703fa428e.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.lens-color-white:after,
        .product-details__form .frame__slider-wrapper .frame-colors.lens-color-white:after {
          background: url(/e70c635adc3c7c102247fb0306f2bbc1.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.lens-color-silver:after,
        .product-details__form .frame__slider-wrapper .frame-colors.lens-color-silver:after {
          background: url(/643e6bfc5a8a8fb2ae7232b12418612e.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.lens-color-purple:after,
        .product-details__form .frame__slider-wrapper .frame-colors.lens-color-purple:after {
          background: url(/e78082f404ffc9f0c55d35b7c8d18e45.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.lens-color-rose:after,
        .product-details__form .frame__slider-wrapper .frame-colors.lens-color-rose:after {
          background: url(/ed0de9768ea700842a8428cf32d47b10.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.lens-color-red:after,
        .product-details__form .frame__slider-wrapper .frame-colors.lens-color-red:after {
          background: url(/805b0c548dad840a7f82a2434bb4da21.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.lens-color-gold:after,
        .product-details__form .frame__slider-wrapper .frame-colors.lens-color-gold:after {
          background: url(/326b21cc80975926ce0e1272ff1b2811.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.lens-color-orange:after,
        .product-details__form .frame__slider-wrapper .frame-colors.lens-color-orange:after {
          background: url(/47b9d0dd0a510dd4060cc995b0f01e60.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.lens-color-silver-mirror:after,
        .product-details__form .frame__slider-wrapper .frame-colors.lens-color-silver-mirror:after {
          background: url(/f7e0d7b10ff5be27324b8eb96657fbf2.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.lens-color-champagne:after,
        .product-details__form .frame__slider-wrapper .frame-colors.lens-color-champagne:after {
          background: url(/b7dd6c94c35daf5d97ffea303dcc4568.jpg); }

.product-details__form .pdp__slider-wrapper .frame-colors.lens-color-black-smoke:after,
        .product-details__form .frame__slider-wrapper .frame-colors.lens-color-black-smoke:after {
          background: url(/542fad6313e79644bc2676528d14a3e8.jpg); }

.product-details__form .pdp__carousel,
    .product-details__form .frame__carousel {
      height: auto; }

.product-details__form .pdp__carousel-container,
      .product-details__form .frame__carousel-container {
        display: inline-block;
        /*height: 100%;*/
        width: 100%; }

.product-details__form .pdp__carousel-container .image-wrap,
        .product-details__form .frame__carousel-container .image-wrap {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          font-family: 'BasisGrotesque-Bold', Arial, sans-serif; }

.product-details__form .pdp__carousel-container img,
        .product-details__form .frame__carousel-container img {
          width: 86%;
          margin: auto;
          max-width: 620px;
          max-width: 38.75rem;
          mix-blend-mode: darken;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.product-details__form .pdp__carousel-container p,
        .product-details__form .frame__carousel-container p {
          text-align: center;
          font-size: 12px;
          color: #6d7278;
          margin: 10px 0 7px;
          text-transform: capitalize;
          line-height: 16px; }

.product-details__form .pdp__carousel-container .btn-add,
        .product-details__form .frame__carousel-container .btn-add {
          display: inline-block;
          padding: 3px 12px;
          border: 1.5px solid #004e9c;
          border-radius: 2px;
          color: #004e9c;
          text-align: center;
          font-size: 12px;
          font-weight: 600;
          background: transparent;
          cursor: pointer; }

.product-details__form .pdp__carousel-container .btn-add:hover,
          .product-details__form .frame__carousel-container .btn-add:hover {
            color: #08b1ff; }

.product-details__form .pdp__carousel-container .checked,
        .product-details__form .frame__carousel-container .checked {
          display: none; }

.product-details__form .pdp__carousel-container .product-added-price,
        .product-details__form .frame__carousel-container .product-added-price {
          color: #08b1ff; }

.product-details__form .pdp__carousel-container .btn-product-added,
        .product-details__form .frame__carousel-container .btn-product-added {
          color: #fff !important;
          background-color: #08b1ff;
          border: 1.5px solid #08b1ff;
          width: 90%; }

.product-details__form .pdp__carousel-container .btn-product-added .checked,
          .product-details__form .frame__carousel-container .btn-product-added .checked {
            display: inline;
            width: auto;
            mix-blend-mode: unset;
            height: 12px;
            vertical-align: middle; }

.product-details__form .pdp__highlight,
    .product-details__form .frame__highlight {
      border-bottom: 2px solid #495361; }

.product-details__form .frame__link {
      text-transform: uppercase;
      font-size: 13px;
      line-height: 15px;
      float: none;
      text-decoration: none;
      color: #3d3c3c;
      font-weight: 700;
      font-family: 'BasisGrotesque-Bold', Arial, sans-serif;
      border-bottom: 1px solid transparent; }

.product-details__form .frame__link:hover {
        border-bottom: 1px solid black; }

.product-details__form .frame__carousel {
      height: auto; }

.product-details__form .frame__carousel-container img {
        width: 109px;
        max-width: 100%;
        height: auto; }

.product-details__form .frame__carousel .active {
        border-bottom: 2px solid #495361; }

.product-details__form .product-info {
      padding-top: 15px;
      display: flex;
      justify-content: space-between;
      margin-bottom: 15px; }

.product-details__form .product-info .heading {
        font-size: 12px;
        font-family: 'BasisGrotesque-Bold', Arial, sans-serif;
        color: #222b38; }

.product-details__form .product-info a {
        font-size: 12px;
        font-family: 'BasisGrotesque-Bold', Arial, sans-serif;
        color: #0078d4;
        text-decoration: none;
        letter-spacing: 0.025em; }

.product-details__form .product-info a:hover {
          color: #08b1ff; }

.product-details__form .add-to-cart__container .cc-qualified {
      font-size: 14px;
      color: #3d3c3c;
      text-align: center;
      display: block; }

.product-details__form .add-to-cart__container .cc-qualified img {
        vertical-align: text-bottom; }

.product-details__form .add-to-cart__button {
      width: 100%;
      max-width: 100%;
      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 none;*/
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 40px;
      height: 2.5rem;
      min-width: 68px;
      min-width: 4.25rem;
      padding: 14px 16px 14px;
      padding: 0.875rem 1rem 0.875rem;
      font-family: 'BasisGrotesque-Bold', Arial, sans-serif;
      font-size: 14px;
      font-size: 0.875rem;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0.075em;
      text-align: center;
      text-transform: uppercase;
      cursor: pointer;
      border: 0;
      text-decoration: none;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      position: relative;
      transition: all 0.3s ease 0.3s; }

.product-details__form .add-to-cart__button .cta-price {
        margin-left: 5px; }

.product-details__form .add-to-cart__button.button-transition {
        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%); }

.product-details__fitguide-wrap {
    display: none; }

.product-details__fitguide {
    display: none; }

.product-details__scrolldown {
    display: none; }

.product-details .yotpo .text-m {
    margin-left: 8px;
    text-decoration: underline !important; }

.product__afterpay-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999999;
  background-color: rgba(0, 0, 0, 0.5); }

.product__afterpay-grid-container {
  overflow-y: auto;
  height: 100%;
  width: 100%;
  max-width: 100%;
  padding: 30px;
  background: #b2fce4;
  font-family: 'Italian Plate No2 Expanded', sans-serif; }

.product__header-logo {
  padding-top: 30px; }

.product__header-logo .afterpay-logo-black {
    display: block;
    width: 275px;
    height: auto;
    margin-top: 45px;
    margin-right: auto; }

.product__header-text {
  padding-top: 15px; }

.product__header-text .headline {
    font-size: 48px;
    font-weight: 600;
    margin: 0;
    text-align: left;
    line-height: 1.1;
    letter-spacing: normal;
    color: #000;
    text-transform: none;
    box-sizing: border-box; }

.product__process-step {
  height: 110px;
  width: 100%;
  display: flex; }

.product__process-step.first-box {
    margin-top: 40px; }

.product__process-step.first-box .process-subheading {
      margin-top: 6%; }

.product__process-step.diferent-box {
    margin-top: 15px; }

.product__process-step.diferent-box .process-subheading {
      margin-top: 3%; }

.product__process-step.diferent-box-box .process-subheading {
    margin-top: 2%; }

.product__process-step .process-icon svg {
    fill: none;
    stroke: #000;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px; }

.product__process-step svg.process-icon.shopping-cart {
    width: 120px;
    height: 85px;
    text-align: center; }

.product__process-step svg.process-icon.shopping-cart.only-desktop {
      display: none; }

.product__process-step svg.process-icon.shopping-cart.only-mobile {
      display: block; }

.product__process-step .process-subheading {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: normal;
    color: #000;
    width: 95%;
    margin-left: 40px;
    margin-right: auto;
    max-width: 178px;
    text-align: left; }

.product__disclaimer-step {
  margin-top: 35px;
  padding-bottom: 40px; }

.product__disclaimer-step .disclaimer {
    font-size: 12px;
    font-weight: 400;
    max-width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.1;
    letter-spacing: normal;
    color: #000;
    font-family: 'Italian Plate No2 Expanded', sans-serif; }

.product__disclaimer-step .disclaimer .loan-agreement {
      display: block;
      margin: 10px auto; }

.product__disclaimer-step .disclaimer .disclaimer-link {
      color: #000; }

.product__afterpay-modal-close {
  padding: 0px;
  background: none;
  border: none;
  position: sticky;
  float: right;
  top: 0;
  right: 0;
  cursor: pointer; }

.product-images__container .slick-dots {
  position: absolute;
  bottom: -10px;
  z-index: 1;
  text-align: center;
  width: 100%;
  display: flex !important;
  justify-content: center;
  padding: 0; }

.sticky {
  -webkit-transform: none;
          transform: none; }

.sticky .sticky-cta {
    position: fixed;
    -webkit-animation: fadeIn 0.3s;
    animation: fadeIn 0.3s;
    bottom: 0;
    z-index: 99;
    max-width: 290px;
    height: 56px;
    border-radius: 10px;
    margin: 15px 0; }

.view2 .product-details__polarized {
  justify-content: flex-end; }

.view2 .product-details__title {
  margin: 0;
  display: flex;
  justify-content: space-between; }

.view3 .product-details__polarized {
  justify-content: space-between;
  align-items: center;
  display: flex; }

.view3 .product-details__title {
  margin: 0;
  display: flex;
  justify-content: space-between; }

@media screen and (min-width: 768px) {
  .product__header-text .headline .line-break.new-line {
    display: none; }
  .product__process-step .process-subheading {
    max-width: 100%; }
    .product__process-step .process-subheading .line-break {
      display: none; }
  .view2 .product-details__polarized {
    justify-content: flex-start; }
  .view2 .product-details__title {
    margin: 0.5rem 0 0; }
  .sticky {
    -webkit-transform: none;
            transform: none; }
    .sticky .sticky-cta {
      position: relative;
      bottom: 0;
      z-index: inherit;
      max-width: inherit;
      height: 2.5rem;
      border-radius: 0.1875rem;
      margin: auto; }
  .product-details .pdp__slider-wrapper .swatch-icon-wrapper .swatch-text,
  .product-details .pdp__slider-wrapper .swatch-icon-wrapper .swatch-less-text,
  .product-details .frame__slider-wrapper .swatch-icon-wrapper .swatch-text,
  .product-details .frame__slider-wrapper .swatch-icon-wrapper .swatch-less-text {
    font-size: 12px; }
  .product-details .pdp__slider-wrapper .frame-colors,
  .product-details .frame__slider-wrapper .frame-colors {
    margin-right: 20px; }
  .product-details__fitguide-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 18px;
    position: absolute;
    left: 1rem;
    bottom: 1.5rem; }
    .product-details__fitguide-wrap--fitguide-bottom {
      position: relative;
      left: 0;
      bottom: 0; }
  .product-details__inner-container {
    margin: auto; } }

@media screen and (min-width: 900px) {
  .product-details {
    width: 40%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    transition: all 0.2s ease;
    padding-right: 3.75rem;
    padding-left: 3.75rem;
    min-height: calc(100vh - 140px); }
    .product-details__grid-view {
      padding-left: 0px;
      padding-right: 0px;
      width: 450px; }
    .product-details__container {
      padding-top: 0; }
    .product-details h1 {
      font-size: 32px;
      line-height: 1.18; }
    .product-details h2 {
      font-size: 1rem;
      line-height: 1.75; }
    .product-details__color-swatch-option .color-text {
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .product-details__color-swatch-option .color-option:hover {
      box-shadow: 0 0 0 2px #002970; }
    .product-details .pdp__carousel-container .btn-product-added,
    .product-details .frame__carousel-container .btn-product-added {
      display: flex;
      justify-content: center;
      align-items: center;
      max-width: 85px; }
      .product-details .pdp__carousel-container .btn-product-added .checked,
      .product-details .frame__carousel-container .btn-product-added .checked {
        display: inline;
        vertical-align: middle;
        margin: 0 auto; }
    .product-details__fitguide {
      width: auto;
      height: 1.5rem;
      color: #495361;
      display: inline;
      font-family: 'BasisGrotesque-Bold', Arial, sans-serif;
      font-size: 0.875rem;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0.075em;
      text-transform: uppercase;
      background: transparent;
      border: 0;
      cursor: pointer; }
      .product-details__fitguide:focus {
        outline: 0; }
    .product-details__scrolldown {
      color: #495361;
      display: inline; }
    .product-details__form.color-swatches-form .frame__carousel-wrapper {
      order: 3;
      border-bottom: none; }
    .product-details__form.color-swatches-form .product-name-wrapper {
      order: 1; }
    .product-details__form.color-swatches-form .price-wrapper {
      order: 2; }
    .product-details__form.color-swatches-form .add-to-cart__container {
      order: 4; }
    .product-details__form .price-wrapper .price-reviews-section .collection-price .saved {
      margin-bottom: -9px; }
    .product-details__form .add-to-cart__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: #fff; }
    .product-details__inner-container {
      max-width: 100%;
      margin: 0; }
    .product-details__polarized.pillbadge-v12-wrapper {
      position: relative; }
      .product-details__polarized.pillbadge-v12-wrapper .product-polarized {
        position: relative;
        right: 0;
        top: 0; }
  .product__afterpay-grid-container {
    width: 100%;
    max-width: 775px;
    height: 625px;
    margin: 0 auto;
    position: fixed;
    overflow-y: hidden;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-font-smoothing: antialiased;
    border-radius: 0;
    padding: 0; }
  .product__header-text .headline {
    text-align: center;
    font-size: 44px; }
    .product__header-text .headline .line-break {
      display: none; }
  .product__header-logo .afterpay-logo-black {
    margin-left: auto; }
  .product__process-step-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: center; }
  .product__process-step {
    height: auto;
    width: 184px;
    display: inline-block; }
    .product__process-step.first-box .process-subheading, .product__process-step.diferent-box .process-subheading, .product__process-step.diferent-box-box .process-subheading {
      margin-top: 20px; }
    .product__process-step svg.process-icon.shopping-cart {
      text-align: center;
      width: 110px;
      height: auto;
      max-height: 95px;
      min-height: 75px; }
      .product__process-step svg.process-icon.shopping-cart.only-desktop {
        display: inline-block; }
      .product__process-step svg.process-icon.shopping-cart.only-mobile {
        display: none; }
    .product__process-step .process-subheading {
      max-width: 100%;
      text-align: center;
      margin-left: auto;
      height: 80px;
      margin-top: 20px; }
      .product__process-step .process-subheading .line-break {
        display: block; }
  .product__disclaimer-step .disclaimer {
    max-width: 80%;
    text-align: center; }
  .product__afterpay-modal-close {
    top: 15px;
    right: 15px; } }

@media screen and (min-width: 1200px) {
  .product-details .frame__slider {
    margin: 0 auto; }
  .product-details .frame__link {
    font-size: 11px;
    line-height: 13px; }
  .product-details h1 {
    font-size: 32px;
    line-height: 1.18; } }

.hide {
  display: none !important; }

@media screen and (device-aspect-ratio: 40 / 71) {
  .product__header-logo .afterpay-logo-black {
    width: 200px; }
  .product__header-text .headline {
    font-size: 25px; }
  .product__process-step svg.process-icon.shopping-cart {
    width: 80px; } }

@media screen and (min-width: 1350px) {
  .product-details__colors-swatch .colors-label {
    margin-top: 3%; } }

.hide {
  display: none; }

.check-look-section {
  padding-top: 52px;
  padding-top: 3.25rem; }

.check-look-section .carousel-wrapper {
    overflow: hidden;
    position: relative;
    height: 210px; }

@media only screen and (min-width: 480px) {
      .check-look-section .carousel-wrapper {
        height: auto; } }

.check-look-section .look-title {
    font-family: 'aktiv-grotesk-extended', sans-serif;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: -0.015em;
    color: #232b38;
    text-align: center;
    margin: 0 0 24px;
    margin: 0 0 1.5rem; }

.check-look-section .image-carousel__container {
    display: inline-block;
    height: auto;
    width: 100%; }

.check-look-section .image-carousel__container .image-wrap {
      display: flex;
      justify-content: center;
      align-items: center; }

.check-look-section .image-carousel__container img {
      width: 100%;
      max-width: 1320px;
      margin: auto;
      mix-blend-mode: darken;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }

.check-look-section .tns-outer {
    position: relative;
    display: flex; }

.check-look-section .tns-nav {
    position: absolute;
    bottom: 25px;
    z-index: 1;
    text-align: center;
    width: 100%; }

.check-look-section .tns-nav button {
    width: 8px;
    width: 0.5rem;
    height: 8px;
    height: 0.5rem;
    opacity: 1;
    background-color: transparent;
    border: 2px solid #fff;
    border: 0.125rem solid #fff;
    border-radius: 50%;
    margin: 0 8px;
    color: #fff;
    display: inline-block;
    padding: 0;
    outline: 0;
    cursor: pointer; }

.check-look-section .tns-nav button.tns-nav-active {
      background: #fff; }

.check-look-section .tns-nav button:focus, .check-look-section .tns-nav button:active {
      outline: 0; }

.check-look-section .carousel-controls {
    display: none; }

.check-look-section .prev-next-button {
    position: absolute;
    background: rgba(255, 255, 255, 0.75);
    color: #333;
    top: 50%;
    width: 44px;
    width: 2.75rem;
    height: 44px;
    height: 2.75rem;
    background-color: #fff;
    border: 1px solid #f2f4f7;
    border-radius: 50%;
    box-shadow: 0 1px 1px rgba(10, 14, 26, 0.08), 0 1px 6px rgba(10, 14, 26, 0.04);
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s ease;
    cursor: pointer; }

.check-look-section .prev-next-button.prev {
      left: 2%; }

.check-look-section .prev-next-button.next {
      right: 2%; }

.check-look-section .prev-next-button:hover {
      -webkit-transform: scale(1.3);
              transform: scale(1.3);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      transition: -webkit-transform 0.2s;
      transition: transform 0.2s;
      transition: transform 0.2s, -webkit-transform 0.2s; }

.check-look-section .prev-next-button:hover .button-icon {
        fill: #0078d4; }

.check-look-section .prev-next-button:focus, .check-look-section .prev-next-button:active {
      outline: 0px;
      box-shadow: none; }

.check-look-section .prev-next-button .button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
    padding: 8px;
    padding: 0.5rem; }

@media only screen and (min-width: 768px) {
  .check-look-section .carousel-wrapper {
    margin: 0 24px;
    height: auto; }
  .check-look-section .carousel-controls {
    display: block;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    list-style: none;
    margin: 0; } }

@media only screen and (min-width: 1040px) {
  .check-look-section {
    padding-top: 6.35rem;
    font-size: 1.5rem;
    line-height: 1.33; }
    .check-look-section .look-title {
      margin-bottom: 2.25rem; }
    .check-look-section .carousel-wrapper {
      margin: 0 60px; } }

@media screen and (min-width: 1024px) {
  .check-look-section .look-title {
    font-size: 32px;
    line-height: 40px; } }

.modal {
  position: relative;
  padding: 16px;
  padding: 1rem;
  overflow: hidden;
  white-space: nowrap;
  content: '';
  opacity: 0;
  visibility: hidden;
  z-index: 999; }

.modal__backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 998;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.3);
    transition: opacity 0.15s ease;
    -webkit-overflow-scrolling: touch;
    height: 100vh;
    overflow: hidden; }

.modal__backdrop.show-modal-backdrop {
      visibility: visible;
      display: flex;
      opacity: 1; }

.modal__inner {
    position: relative;
    z-index: -1;
    padding: 16px;
    padding: 1rem;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    background-color: #fff;
    border-radius: 0.1875rem;
    box-shadow: 0 1px 2px rgba(10, 14, 26, 0.08), 0 4px 12px rgba(10, 14, 26, 0.04);
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    transition: opacity 0.15s ease 0.15s, -webkit-transform 0.25s ease 0.1s;
    transition: transform 0.25s ease 0.1s, opacity 0.15s ease 0.15s;
    transition: transform 0.25s ease 0.1s, opacity 0.15s ease 0.15s, -webkit-transform 0.25s ease 0.1s;
    max-width: 800px;
    max-width: 50rem;
    padding-right: 36px;
    padding-right: 2.25rem;
    padding-left: 36px;
    padding-left: 2.25rem; }

.modal__inner .fit-guide__header a {
      display: none; }

.modal__inner .fit-guide__frame-title {
      font-family: 'aktiv-grotesk-extended', sans-serif;
      font-size: 18px;
      font-size: 1.125rem;
      font-weight: 800;
      line-height: 1.11;
      letter-spacing: 0.01em;
      color: #232b38;
      text-align: center;
      display: block;
      width: 100%;
      margin: 0 0 48px;
      margin: 0 0 3rem; }

.modal__inner .fit-guide__image-container {
      white-space: normal; }

.modal__inner .fit-guide__image-container img {
        margin-bottom: 36px;
        margin-bottom: 2.25rem;
        width: 100%; }

.modal__inner .fit-guide__image {
      width: 100%; }

.modal__inner .fit-guide__information {
      margin-top: 0; }

.modal__inner .fit-guide__description {
      margin-top: 0;
      white-space: normal;
      margin-bottom: 36px;
      margin-bottom: 2.25rem;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.71;
      text-align: left; }

.modal__inner .fit-guide__frame-specs {
      display: flex;
      justify-content: space-between; }

.modal__inner .fit-guide__list {
      list-style-type: none;
      -webkit-padding-start: 0;
      padding-inline-start: 0;
      letter-spacing: 0.05em;
      font-size: 11px;
      font-size: 0.6875rem;
      line-height: 1.81; }

.modal__inner .fit-guide__list--labels {
        margin-top: 0;
        margin-bottom: 0;
        font-weight: bold;
        text-align: left;
        font-family: 'BasisGrotesque-Bold', Arial, sans-serif; }

.modal__inner .fit-guide__list--values {
        margin-top: 0;
        margin-bottom: 0;
        text-align: right; }

.modal__close {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    height: 2.75rem;
    font-family: 'basis-grotesque', Helvetica, sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.075em;
    text-align: center;
    cursor: pointer;
    border: 0;
    border-radius: 0.1875rem;
    transition: width 0.2s ease, height 0.2s ease;
    z-index: 1001;
    position: absolute;
    top: 0;
    right: 0;
    min-width: 0;
    padding: 16px;
    padding: 1rem;
    color: #495361;
    background-color: transparent; }

.modal__close:focus {
      outline: 0; }

.modal.show-modal {
    display: flex;
    opacity: 1;
    visibility: visible;
    place-items: center;
    margin: 0 auto; }

.modal.show-modal .modal__inner {
      z-index: 1000;
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }

@media screen and (min-width: 900px) {
  .modal__inner .fit-guide__image-container {
    display: flex;
    align-items: center;
    width: 100%; }
    .modal__inner .fit-guide__image-container img {
      width: calc(50% - 0.75rem);
      margin-top: 0; }
      .modal__inner .fit-guide__image-container img:first-of-type {
        margin-right: 1.5rem; }
  .modal__inner .fit-guide__information {
    display: flex; }
  .modal__inner .fit-guide__description {
    white-space: normal;
    width: calc(50% - 0.75rem);
    margin: 0 1.5rem 0 0; }
  .modal__inner .fit-guide__frame-specs {
    width: calc(50% - 0.75rem); }
  .modal__inner .fit-guide__list {
    list-style-type: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    letter-spacing: 0.05em;
    font-size: 0.6875rem;
    line-height: 1.81; }
    .modal__inner .fit-guide__list--labels {
      margin-top: 0;
      margin-bottom: 0;
      font-weight: bold;
      text-align: left;
      font-family: 'BasisGrotesque-Bold', Arial, sans-serif; }
    .modal__inner .fit-guide__list--values {
      margin-top: 0;
      margin-bottom: 0;
      text-align: right; } }

.product-description {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  color: #495361;
  text-align: left; }

.product-description__heading {
    max-width: 100%;
    width: 100%;
    padding-right: 16px;
    padding-right: 1rem;
    padding-left: 16px;
    padding-left: 1rem;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px;
    padding-top: 1.25rem;
    padding-bottom: 20px;
    padding-bottom: 1.25rem;
    position: relative; }

.product-description__heading h3 {
      font-family: 'BasisGrotesque-Bold', Helvetica, sans-serif;
      display: inline-block;
      margin: 0;
      font-size: 20px;
      font-size: 1.25rem;
      font-weight: 800;
      line-height: 1.4;
      letter-spacing: -0.015em;
      color: #232b38; }

.product-description__heading .accordian-toggle {
      position: absolute;
      right: 16px;
      right: 1rem;
      top: 0;
      bottom: 0px;
      display: flex;
      align-items: center; }

.product-description__heading .accordian-toggle svg {
        margin-bottom: 2px;
        margin-bottom: 0.125rem;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }

.product-description__content {
    max-width: 100%;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-right: 1.25rem;
    padding-left: 20px;
    padding-left: 1.25rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    display: none; }

.product-description__content .fit-guide__header a {
      display: none; }

.product-description__content ul {
      padding: 0 0 0 15px; }

.product-description__content .content-dots {
      display: none; }

.product-description__content .read-more-text {
      display: inline; }

.product-description__content .fit-guide__frame-title {
      font-family: 'aktiv-grotesk-extended', sans-serif;
      font-size: 18px;
      font-size: 1.125rem;
      font-weight: 800;
      line-height: 1.11;
      letter-spacing: 0.01em;
      color: #232b38;
      display: block;
      width: 100%;
      margin: 0 0 48px;
      margin: 0 0 3rem; }

.product-description__content .fit-guide__image-container {
      white-space: normal; }

.product-description__content .fit-guide__image-container img {
        margin-bottom: 36px;
        margin-bottom: 2.25rem;
        width: 100%; }

.product-description__content .fit-guide__image {
      width: 100%; }

.product-description__content .fit-guide__information {
      margin-top: 0; }

.product-description__content .fit-guide__description {
      margin-top: 0;
      white-space: normal;
      margin-bottom: 36px;
      margin-bottom: 2.25rem;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.71;
      text-align: left; }

.product-description__content .fit-guide__frame-specs {
      display: flex;
      justify-content: space-between; }

.product-description__content .fit-guide__list {
      list-style-type: none;
      -webkit-padding-start: 0;
      padding-inline-start: 0;
      letter-spacing: 0.05em;
      font-size: 11px;
      font-size: 0.6875rem;
      line-height: 1.81; }

.product-description__content .fit-guide__list--labels {
        margin-top: 0;
        margin-bottom: 0;
        font-weight: bold;
        text-align: left;
        font-family: 'BasisGrotesque-Bold', Arial, sans-serif; }

.product-description__content .fit-guide__list--values {
        margin-top: 0;
        margin-bottom: 0;
        text-align: right; }

.product-description__btn {
    font-family: 'BasisGrotesque-Bold', Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 28px;
    text-align: justify;
    color: #004e9c;
    text-decoration: none;
    margin-left: 12px;
    display: none; }

.product-description .dots {
    display: inline-block; }

.product-description button,
  .product-description input[type='submit'],
  .product-description input[type='reset'] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    outline: inherit; }

.product-description__blocks {
    width: 100%;
    display: flex;
    max-width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #e0e5e9;
    justify-content: center;
    flex-direction: column;
    align-items: center; }

.product-description--distributed {
    border-bottom: 1px solid #e0e5e9; }

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

.description-blocks {
  text-align: left; }

.description-blocks__block {
    width: 100%;
    text-align: left; }

.description-blocks__block .fit-guide__frame-title {
      font-family: 'aktiv-grotesk-extended', sans-serif;
      font-size: 18px;
      font-size: 1.125rem;
      font-weight: 800;
      line-height: 1.11;
      letter-spacing: 0.01em;
      color: #232b38;
      display: block;
      width: 100%;
      margin: 0 0 48px;
      margin: 0 0 3rem; }

.description-blocks__block .fit-guide__image-container {
      white-space: normal; }

.description-blocks__block .fit-guide__image-container img {
        margin-bottom: 36px;
        margin-bottom: 2.25rem;
        width: 100%; }

.description-blocks__block .fit-guide__image {
      width: 100%; }

.description-blocks__block .fit-guide__information {
      margin-top: 0; }

.description-blocks__block .fit-guide__description {
      margin-top: 0;
      white-space: normal;
      margin-bottom: 36px;
      margin-bottom: 2.25rem;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.71;
      text-align: left; }

.description-blocks__block .fit-guide__frame-specs {
      display: flex;
      justify-content: space-between; }

.description-blocks__block .fit-guide__list {
      list-style-type: none;
      -webkit-padding-start: 0;
      padding-inline-start: 0;
      letter-spacing: 0.05em;
      font-size: 11px;
      font-size: 0.6875rem;
      line-height: 1.81; }

.description-blocks__block .fit-guide__list--labels {
        margin-top: 0;
        margin-bottom: 0;
        font-weight: bold;
        text-align: left;
        font-family: 'BasisGrotesque-Bold', Arial, sans-serif; }

.description-blocks__block .fit-guide__list--values {
        margin-top: 0;
        margin-bottom: 0;
        text-align: right; }

.description-blocks__title {
    padding: 20px 16px;
    padding: 1.25rem 1rem;
    border-top: 1px solid #e0e5e9;
    position: relative;
    display: flex;
    align-items: center;
    margin: 0; }

.description-blocks__content {
    padding: 0 20px 24px;
    padding: 0 1.25rem 1.5rem;
    display: none;
    text-align: left; }

.description-blocks__icon {
    max-width: 24px;
    max-width: 1.5rem;
    margin-right: 12px;
    margin-right: 0.75rem;
    color: #6d7782; }

.description-blocks__text {
    display: inline-block;
    margin: 0;
    font-family: 'BasisGrotesque-Bold', Helvetica, sans-serif;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: 0.025em;
    color: #232b38; }

.description-blocks__text ul {
      padding: 0 0 0 15px; }

.description-blocks__accordion-icon {
    position: absolute;
    right: 16px;
    right: 1rem;
    -webkit-transform: rotateZ(180deg);
            transform: rotateZ(180deg); }

.accordion-active .product-description__content {
  display: block; }

.accordion-active .product-description__heading .accordian-toggle svg {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg); }

.accordion-active .description-blocks__content {
  display: block; }

.accordion-active .description-blocks__accordion-icon {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg); }

@media screen and (min-width: 768px) {
  .product-description {
    max-width: 38.25rem;
    padding: 3.75rem 0;
    text-align: justify; }
    .product-description__heading {
      display: none; }
    .product-description__content {
      display: block; }
      .product-description__content .content-dots {
        display: inline; }
        .product-description__content .content-dots.hide {
          display: none; }
      .product-description__content .read-more-text {
        display: inline; }
        .product-description__content .read-more-text.hide-text {
          display: none; }
    .product-description__blocks {
      border: none;
      flex-direction: row;
      max-width: 38.25rem;
      margin: 0 auto; }
    .product-description--distributed {
      border: none;
      padding: 0; }
    .product-description.only-mobile {
      display: none; }
    .product-description__btn {
      display: inline-block;
      margin-bottom: 20px; }
    .product-description .dots {
      display: inline-block; }
    .product-description__text .line-clamp {
      height: 84px;
      overflow: hidden; }
  .description-blocks__block {
    width: 50%; }
    .description-blocks__block--mobile-only {
      display: none; }
  .description-blocks__title {
    border: none;
    padding: 0;
    margin-bottom: 1rem; }
  .description-blocks__text {
    font-size: 1.125rem;
    line-height: 1.33; }
  .description-blocks__content {
    display: block;
    padding: 0; }
  .description-blocks__accordion-icon {
    display: none; } }

.static-footer {
  border-top: 1px solid #e0e5e9;
  border-top: 0.0625rem solid #e0e5e9; }

.footer-upper {
  max-width: 1440px;
  max-width: 90rem;
  width: 100%;
  padding-right: 16px;
  padding-right: 1rem;
  padding-left: 16px;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
  padding-top: 48px;
  padding-top: 3rem;
  padding-bottom: 48px;
  padding-bottom: 3rem; }

.footer-upper__column--left, .footer-upper__column--right {
    text-align: center; }

.footer-upper__column--center {
    margin-top: 48px;
    margin-top: 3rem;
    margin-right: -16px;
    margin-right: -1rem;
    margin-left: -16px;
    margin-left: -1rem;
    border-bottom: 1px solid #e0e5e9;
    border-bottom: 0.0625rem solid #e0e5e9; }

.footer-upper__column .footer-logo {
    margin-bottom: 40px;
    margin-bottom: 2.5rem;
    color: #002970; }

.footer-upper__column .footer-logo a {
      color: #002970; }

.footer-upper__column .footer-text {
    font-size: 14px;
    font-size: 0.875rem; }

.footer-nav {
  padding: 0 16px 4px;
  padding: 0 1rem 0.25rem;
  border-top: 1px solid #e0e5e9;
  border-top: 0.0625rem solid #e0e5e9; }

.footer-nav__title-wrapper {
    padding-top: 20px;
    padding-top: 1.25rem;
    padding-bottom: 12px;
    padding-bottom: 0.75rem;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between; }

.footer-nav__title-wrapper .accordion-icon {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }

.footer-nav__title-wrapper .accordion-icon-rotate {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg); }

.footer-nav__title {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.075em;
    line-height: 1.14;
    color: #495361;
    margin: 0; }

.footer-nav__menu {
    height: 0;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.2s ease;
    padding: 0;
    margin: 0;
    list-style: none; }

.footer-nav__link {
    margin-top: 12px;
    margin-top: 0.75rem;
    text-align: left; }

.footer-nav__link:first-child {
      margin-top: 0; }

.footer-nav__link a {
      color: #6d7782;
      text-decoration: none;
      font-size: 14px;
      font-size: 0.875rem; }

.footer-nav.accordion-active {
    display: block; }

.footer-nav.accordion-active .footer-nav__menu {
      height: auto;
      max-height: 100%;
      overflow: hidden;
      opacity: 1; }

.newsletter__heading {
  max-width: 300px;
  max-width: 18.75rem;
  margin: 48px auto 0;
  margin: 3rem auto 0;
  font-weight: normal;
  color: #002970;
  font-family: 'BasisGrotesque-Regular', Helvetica, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.56; }

.newsletter__form {
  margin-top: 24px;
  margin-top: 1.5rem; }

.newsletter__form .message {
    width: 100%;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    text-align: left;
    padding: 24px 32px;
    padding: 1.5rem 2rem;
    border-radius: 0.1875rem; }

.newsletter__form .message--success {
      background-color: #d0ffcc;
      color: #20592a; }

.newsletter__form .message--error {
      background-color: #ffdbcc;
      color: #663229; }

.newsletter__form .form-field {
    width: auto;
    margin-bottom: 12px;
    margin-bottom: 0.75rem; }

.newsletter__form .form-field .label-text {
      border: 0;
      clip: rect(1px, 1px, 1px, 1px);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }

.newsletter__form .form-field__input {
      height: 40px;
      height: 2.5rem;
      width: 100%;
      padding: 0px 16px 0px;
      padding: 0rem 1rem 0rem;
      font-family: 'basis-grotesque', Helvetica, sans-serif;
      font-size: 17px;
      font-size: 1.0625rem;
      line-height: 1;
      color: #495361;
      background-color: #fff;
      text-align: left;
      border-radius: 0.1875rem;
      border: 1px solid #e0e5e9;
      border: 0.0625rem solid #e0e5e9;
      transition: background-color 0.2s ease, width 0.2s ease, height 0.2s ease; }

.newsletter__form .form-actions {
    width: auto;
    min-width: 0; }

.newsletter__form .form-actions .signup-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 40px;
      height: 2.5rem;
      min-width: 68px;
      min-width: 4.25rem;
      padding: 14px 16px 14px;
      padding: 0.875rem 1rem 0.875rem;
      font-family: 'BasisGrotesque-Regular', Helvetica, sans-serif;
      font-size: 14px;
      font-size: 0.875rem;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0.075em;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      cursor: pointer;
      border: 0;
      border-radius: 0.1875rem;
      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;
      width: 100%; }

.social-icons {
  margin-top: 20px;
  margin-top: 1.25rem; }

.social-icons__link {
    color: #002970;
    text-decoration: none; }

.social-icons__link:not(:last-child) {
      margin-right: 52px;
      margin-right: 3.25rem; }

.footer-lower {
  border-top: 1px solid #e0e5e9;
  border-top: 0.0625rem solid #e0e5e9; }

.footer-lower__wrapper {
    max-width: 1440px;
    max-width: 90rem;
    width: 100%;
    margin: 0 auto;
    padding: 0; }

.footer-lower__right {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #e0e5e9;
    padding: 12px 16px;
    padding: 0.75rem 1rem; }

.footer-lower__right.pb-4 {
      padding: 12px 16px 64px;
      padding: 0.75rem 1rem 4rem; }

.footer-lower__menu {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none; }

.footer-lower__link {
    margin-right: 17.6px;
    margin-right: 1.1rem; }

.footer-lower__link a {
      color: #6d7782;
      text-decoration: none;
      letter-spacing: 0.025em;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.67; }

.footer-lower__credits {
    color: #6d7782;
    margin: 0;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.67;
    letter-spacing: 0.05em; }

@media screen and (min-width: 1024px) {
  .footer-upper {
    padding-right: 3.75rem;
    padding-left: 3.75rem;
    padding-bottom: 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .footer-upper__column--left {
      grid-column-start: span 5;
      text-align: left; }
    .footer-upper__column--center {
      grid-column-start: span 7;
      display: flex;
      text-align: left;
      margin: 0;
      border: none; }
    .footer-upper__column--right {
      grid-column-start: span 12;
      text-align: left; }
    .footer-upper__column .footer-text {
      font-size: 0.75rem;
      line-height: 1.67; }
  .footer-nav {
    padding: 0;
    border: none; }
    .footer-nav:not(:last-child) {
      margin-right: 2.5rem; }
    .footer-nav__title-wrapper {
      padding: 0; }
      .footer-nav__title-wrapper .accordion-icon {
        display: none; }
    .footer-nav__title {
      text-transform: inherit;
      letter-spacing: normal; }
    .footer-nav__menu {
      height: auto;
      max-height: 100%;
      overflow: visible;
      opacity: 1;
      transition: 0.2s ease;
      margin: 0.75rem 0 0 0; }
    .footer-nav__link {
      margin-top: 0.2rem; }
      .footer-nav__link:first-child {
        margin-top: 0; }
      .footer-nav__link a {
        font-size: 0.75rem;
        line-height: 1.67;
        color: #495361; }
  .newsletter {
    display: grid;
    -ms-grid-columns: repeat(12, 1fr);
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1.5rem;
    margin-top: 2.5rem; }
    .newsletter__heading {
      max-width: 15.625rem;
      margin: 0;
      grid-column-start: span 5;
      font-size: 1rem;
      line-height: 1.75; }
    .newsletter__form {
      grid-column-start: span 7;
      margin-top: 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .newsletter__form .form-field {
        grid-column-start: span 7;
        margin-bottom: 0;
        flex-grow: 1;
        margin-right: 0.5rem; }
        .newsletter__form .form-field__input {
          height: 2.75rem; }
      .newsletter__form .form-actions {
        width: auto;
        min-width: 0; }
        .newsletter__form .form-actions .signup-button {
          height: 2.75rem;
          min-width: 5.5rem; }
  .social-icons {
    grid-column-start: span 5; }
    .social-icons__link:not(:last-child) {
      margin-right: 1.125rem; }
  .footer-lower {
    display: flex; }
    .footer-lower__wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap; }
  .footer-lower__right {
    width: 100%;
    justify-content: center;
    align-items: center; }
    .footer-lower__right.pb-4 {
      padding: 0.75rem 1rem; } }

@media screen and (min-width: 900px) {
  .footer-upper__column--left {
    grid-column-start: span 3; }
  .footer-upper__column--center {
    grid-column-start: span 5; }
  .footer-upper__column--right {
    grid-column-start: span 4; }
  .footer-upper__column .footer-text {
    font-size: 0.75rem;
    line-height: 1.67; }
  .newsletter {
    display: block;
    margin-top: 0; }
    .newsletter__form {
      margin-top: 1.5rem; }
      .newsletter__form .form-field {
        margin-bottom: 0.75rem; }
  .footer-lower__wrapper {
    flex-wrap: nowrap;
    padding: 0 3.75rem; }
  .footer-lower__right {
    width: auto;
    border: none; } }

.footer-cookie-message {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: white;
  z-index: 999999;
  box-shadow: #121212 2px 2px 14px 2px;
  text-align: left; }

.footer-cookie-message p {
    padding: 0px 10px;
    font-size: 13px;
    color: #6a6c77; }

.footer-cookie-message p a {
      color: #0078d4;
      text-decoration: none; }

.footer-cookie-message p a:hover, .footer-cookie-message p a:focus {
        color: #0078d4;
        text-decoration: none; }

.footer-cookie-message .dismiss-btn {
    position: relative;
    top: -5px;
    -webkit-transform: none;
            transform: none;
    left: 0;
    right: 0;
    font-size: 13px;
    display: block;
    margin: auto;
    width: 120px;
    text-align: center;
    background-color: #002970;
    color: white;
    padding: 5px 10px;
    cursor: pointer; }

.currency-converter {
  flex-grow: 1; }

.currency-converter .dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
    cursor: default; }

.currency-converter .dropdown .lable {
      color: black;
      display: block;
      padding: 12px 10px;
      line-height: 14px;
      border-bottom: 1px solid #e6e6e6;
      margin-bottom: 3px;
      text-align: left; }

.currency-converter .dropdown .option-value {
      position: relative;
      min-height: 36px;
      margin: 0;
      line-height: 36px;
      border-top: 1px solid transparent;
      border-bottom: 1px solid transparent;
      width: 100%;
      padding-left: 44px;
      padding-left: 2.75rem;
      padding-right: 32px;
      padding-right: 2rem; }

.currency-converter .dropdown .option-value::before {
        content: '';
        width: 21px;
        height: 15px;
        display: inline-block;
        background-position: 16px center;
        background-position: 16px center;
        background-position: 1rem center;
        background-repeat: no-repeat;
        background-image: url(https://cdn.flow.io/util/icons/flags-v2/svg/iso_2_flags.svg);
        position: absolute;
        top: 16px;
        left: 4%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        border-radius: 2px;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); }

.currency-converter .dropdown .option-value[data-currency='Australia']::before {
        background-position: -69px 0; }

.currency-converter .dropdown .option-value[data-currency='Austria']::before {
        background-position: -46px -51px; }

.currency-converter .dropdown .option-value[data-currency='Canada']::before {
        background-position: -23px -102px; }

.currency-converter .dropdown .option-value[data-currency='China']::before {
        background-position: -115px -119px; }

.currency-converter .dropdown .option-value[data-currency='Denmark']::before {
        background-position: -46px -136px; }

.currency-converter .dropdown .option-value[data-currency='France']::before {
        background-position: -69px -153px; }

.currency-converter .dropdown .option-value[data-currency='Germany']::before {
        background-position: 0 -136px; }

.currency-converter .dropdown .option-value[data-currency='Hong Kong']::before {
        background-position: -115px -170px; }

.currency-converter .dropdown .option-value[data-currency='Italy']::before {
        background-position: -207px -34px; }

.currency-converter .dropdown .option-value[data-currency='Japan']::before {
        background-position: -207px -102px; }

.currency-converter .dropdown .option-value[data-currency='Mexico']::before {
        background-position: -253px -51px; }

.currency-converter .dropdown .option-value[data-currency='Netherlands']::before {
        background-position: -253px -204px; }

.currency-converter .dropdown .option-value[data-currency='Poland']::before {
        background-position: -253px -238px; }

.currency-converter .dropdown .option-value[data-currency='Portugal']::before {
        background-position: -92px -255px; }

.currency-converter .dropdown .option-value[data-currency='Korea']::before {
        background-position: -46px -204px; }

.currency-converter .dropdown .option-value[data-currency='Saudi Arabia']::before {
        background-position: -276px -17px; }

.currency-converter .dropdown .option-value[data-currency='Singapore']::before {
        background-position: -276px -102px; }

.currency-converter .dropdown .option-value[data-currency='Spain']::before {
        background-position: -161px -68px; }

.currency-converter .dropdown .option-value[data-currency='Sweden']::before {
        background-position: -276px -85px; }

.currency-converter .dropdown .option-value[data-currency='Switzerland']::before {
        background-position: 0 -119px; }

.currency-converter .dropdown .option-value[data-currency='Taiwan']::before {
        background-position: -299px -119px; }

.currency-converter .dropdown .option-value[data-currency='UAE']::before {
        background-position: -115px -204px; }

.currency-converter .dropdown .option-value[data-currency='UK']::before {
        background-position: -115px -153px; }

.currency-converter .dropdown .option-value[data-currency='US']::before {
        background-position: -299px -204px; }

.currency-converter .dropdown .option-value.active::after {
        content: 'x';
        width: 22px;
        height: 15px;
        position: absolute;
        right: 2%;
        font-size: 27px;
        color: #0051b2;
        -webkit-transform: scale(1, 0.7);
                transform: scale(1, 0.7); }

.currency-converter .dropdown-btn {
      background: rgba(0, 0, 0, 0);
      border: solid 1px #eee;
      border-radius: 4px;
      cursor: default;
      display: inline-block;
      font-size: 14px;
      margin-bottom: 3px;
      padding: 0;
      width: 100%;
      color: #495361;
      text-decoration: none;
      min-height: 36px;
      text-align: left; }

.currency-converter .dropdown-btn .option-value {
        display: flex;
        align-items: center;
        width: 100%;
        border-radius: 4px;
        position: relative;
        top: 0;
        left: 0;
        line-height: inherit; }

.currency-converter .dropdown-btn .option-value::after {
          content: '';
          border-style: solid;
          border-color: transparent;
          border-top-color: #bbb;
          border-width: 8px 6px 0 6px;
          display: none;
          width: 0;
          height: 0;
          margin-bottom: 0px;
          margin-left: 1px;
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg);
          position: absolute;
          top: 36%;
          right: 3%; }

.currency-converter .dropdown-btn:hover, .currency-converter .dropdown-btn:focus {
        outline: none;
        text-decoration: none; }

.currency-converter .dropdown-content {
      visibility: hidden;
      opacity: 0;
      border-radius: 2px;
      transition: visiblity 0.1s, opacity 0.1s linear;
      position: absolute;
      background-color: white;
      min-width: 300px;
      height: 400px;
      left: 0px;
      bottom: 50px;
      overflow-y: scroll;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
      z-index: 1002;
      font-size: 14px; }

.currency-converter .dropdown-content.active {
        visibility: visible;
        opacity: 1; }

.currency-converter .dropdown .currency-options {
      line-height: 14px;
      display: flex;
      align-content: center;
      flex-direction: column;
      color: #495361;
      text-align: left;
      cursor: pointer;
      width: 100%;
      max-height: 46px;
      margin: 0;
      padding: 0;
      outline: none; }

.currency-converter .dropdown .currency-options.active {
        top: auto;
        bottom: 0;
        display: block; }

.payment-icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  border-top: 1px solid #e0e5e9;
  padding: 12px 16px;
  padding: 0.75rem 1rem;
  margin: 0;
  list-style: none; }

.payment-icons__item {
    display: inline-block;
    line-height: 1;
    margin-bottom: 3px; }

.payment-icons__item svg {
      display: block;
      width: 28px;
      width: 1.75rem;
      height: 17px;
      height: 1.0625rem; }

.payment-icons__item img {
      max-height: 24px;
      padding: 4px; }

@media screen and (min-width: 768px) {
  .payment-icons {
    border: none; }
  .footer-cookie-message {
    text-align: left; }
    .footer-cookie-message p {
      padding-right: 120px;
      padding-left: 35px;
      font-size: 1rem;
      line-height: 1.75; }
    .footer-cookie-message .dismiss-btn {
      position: absolute;
      top: 50%;
      right: 35px;
      left: unset;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      display: inline-block;
      font-size: 1rem;
      line-height: 1.75;
      width: 73px;
      text-decoration: none;
      letter-spacing: 0.025em; }
  .currency-converter {
    flex-grow: unset;
    width: auto; }
    .currency-converter .dropdown {
      min-width: 190px; }
      .currency-converter .dropdown-btn {
        width: auto; } }

@media screen and (min-width: 900px) {
  .currency-converter .dropdown {
    width: auto; }
  .payment-icons {
    padding-right: 1.5rem;
    margin-right: 1.5rem;
    border-right: 1px solid #e0e5e9;
    max-width: 70%; } }

@media screen and (min-width: 1200px) {
  .payment-icons {
    width: auto; }
    .payment-icons__item svg {
      width: 2.25rem;
      height: 1.375rem; } }

.related-products {
  padding-top: 52px;
  padding-top: 3.25rem;
  position: relative; }

.related-products__title {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: -0.015em;
    color: #232b38;
    max-width: 612px;
    max-width: 38.25rem;
    width: 100%;
    padding: 0 16px;
    padding: 0 1rem;
    margin: 0 auto 35px;
    text-align: center;
    font-family: 'aktiv-grotesk-extended', sans-serif; }

.related-products .recomatic-wrap {
    position: relative;
    overflow: hidden;
    display: block !important; }

.related-products .recomatic-wrap .tns-horizontal.tns-subpixel > .tns-item {
      vertical-align: bottom; }

.related-products .recomatic-wrap .brand {
      display: none; }

.related-products .recomatic-wrap ul {
      list-style: none;
      padding: revert;
      margin: auto; }

.related-products .recomatic-wrap ul li.recomatic-product-wrap {
        display: inline-block;
        min-height: 255px;
        padding: 20px 24px 0px !important;
        padding: 20px 1.5rem 0px !important;
        cursor: pointer;
        position: relative;
        left: -22px;
        clear: none; }

.related-products .recomatic-wrap ul li.recomatic-product-wrap .recomatic-product {
          width: 189px;
          width: 11.8125rem;
          margin: 0 auto;
          display: flex; }

.related-products .recomatic-wrap ul li.recomatic-product-wrap .recomatic-product .recomatic-badge {
            width: 100%;
            height: 28px;
            position: absolute;
            text-align: center;
            top: 0px;
            left: 0;
            right: 0; }

.related-products .recomatic-wrap ul li.recomatic-product-wrap .recomatic-product .recomatic-badge.hot {
            background: url(/28e410897d04a0a48082b1cea3f90d9a.svg) no-repeat center; }

.related-products .recomatic-wrap ul li.recomatic-product-wrap .recomatic-product .recomatic-badge.new {
            background: url(/24eb67fb1220de5d4aff2921d6d44cbb.svg) no-repeat center; }

.related-products .recomatic-wrap ul li.recomatic-product-wrap .recomatic-product .recomatic-badge.float {
            background: url(/5889670d954a54dc0cf912fc38cb41d0.svg) no-repeat center; }

.related-products div,
  .related-products a,
  .related-products img,
  .related-products svg {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    text-align: center;
    text-decoration: none; }

.related-products .main-recomatic-image {
    transition: all 0.2s ease; }

.related-products .recomatic-type-wrap,
  .related-products .recomatic-vendor-wrap {
    display: none; }

.related-products .alternate-recomatic-image,
  .related-products .color-recomatic-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    margin: auto;
    transition: all 0.2s ease; }

.related-products .recomatic-content-wrap {
    text-align: center;
    padding: 5px; }

.related-products .recomatic-polarized-wrap {
    padding-bottom: 8px; }

.related-products .recomatic-polarized-wrap .recomatic-polarized {
      padding: 3px 8px;
      border: 1px solid #ccd3da;
      border-radius: 1.25rem;
      color: #6d7782;
      font-size: 11px;
      font-size: 0.6875rem;
      letter-spacing: 0.05em; }

.related-products .recomatic-title-wrap {
    text-align: center;
    font-size: 13px;
    font-weight: bold; }

.related-products .recomatic-title-wrap .recomatic-title {
      margin-top: 0;
      margin-bottom: 0;
      line-height: 1.333;
      font-weight: 800;
      letter-spacing: -0.015em;
      text-decoration: none;
      font-family: 'BasisGrotesque-Bold', Helvetica, sans-serif;
      font-size: 18px;
      font-size: 1.125rem;
      color: #495361; }

.related-products .recomatic-frame-wrap .recomatic-frame {
    color: #6d7782;
    font-size: 14px;
    letter-spacing: 0.4px;
    line-height: 24px; }

.related-products .recomatic-price-wrap {
    text-align: center; }

.related-products .recomatic-price-wrap .recomatic-price {
      color: #232b38;
      font-weight: normal;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.56;
      font-family: 'BasisGrotesque-Regular', Helvetica, sans-serif; }

.related-products .recomatic-reviews-wrap .standalone-bottomline {
    display: none; }

.related-products .recomatic-reviews-wrap .yotpo-stars {
    margin-right: 10px; }

.related-products .recomatic-more {
    text-align: center;
    padding-top: 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    transition: opacity 0.2s ease; }

.related-products .recomatic-more .recomatic-add-to-cart {
      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;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 40px;
      height: 2.5rem;
      min-width: 144px;
      min-width: 9rem;
      padding: 0;
      font-family: 'BasisGrotesque-Regular', Helvetica, sans-serif;
      font-size: 14px;
      font-size: 0.875rem;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0.075em;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      cursor: pointer;
      border: 0;
      border-radius: 0.1875rem; }

.related-products .carousel-controls {
    display: none; }

@media screen and (min-width: 768px) {
  .related-products__title {
    font-size: 1.5rem;
    line-height: 1.33; }
  .related-products .recomatic-wrap ul li.recomatic-product-wrap {
    min-height: 300px; }
    .related-products .recomatic-wrap ul li.recomatic-product-wrap .recomatic-product {
      width: 22.125rem; }
    .related-products .recomatic-wrap ul li.recomatic-product-wrap:hover {
      cursor: pointer; } }

@media screen and (min-width: 1024px) {
  .related-products .carousel-controls {
    display: block; }
  .related-products .recomatic-wrap .recomatic__reviews-wrap {
    display: block; }
    .related-products .recomatic-wrap .recomatic__reviews-wrap .yotpo .yotpo-icon {
      speak: none;
      font-size: 17.5px;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      width: auto !important;
      background: none;
      height: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #ffb805; }
      .related-products .recomatic-wrap .recomatic__reviews-wrap .yotpo .yotpo-icon:before {
        content: '\e60e'; }
    .related-products .recomatic-wrap .recomatic__reviews-wrap .text-m {
      margin-left: 10px;
      font-size: 0.75rem;
      line-height: 1.67;
      color: #6a6c77;
      border: none;
      padding: 0;
      font-family: 'BasisGrotesque-Regular', Helvetica, sans-serif; }
  .related-products .recomatic-wrap .recomatic__more {
    margin: auto auto 0;
    position: unset;
    opacity: 0; }
  .related-products .recomatic-wrap ul li.recomatic-product-wrap .recomatic-product a:hover .main-recomatic-image {
    opacity: 0; }
  .related-products .recomatic-wrap ul li.recomatic-product-wrap .recomatic-product a:hover .alternate-recomatic-image,
  .related-products .recomatic-wrap ul li.recomatic-product-wrap .recomatic-product a:hover .color-recomatic-image {
    opacity: 1; }
  .related-products .recomatic-wrap ul li.recomatic-product-wrap .recomatic-product a:hover .recomatic__more {
    opacity: 1; }
    .related-products .recomatic-wrap ul li.recomatic-product-wrap .recomatic-product a:hover .recomatic__more .add-to-cart: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: #fff; }
  .related-products .recomatic-wrap .recomatic-reviews-wrap .standalone-bottomline {
    display: block;
    margin-top: 20px; }
  .related-products .recomatic-wrap .recomatic-product .recomatic-more {
    display: none; }
  .related-products .prev-next-button {
    position: absolute;
    background: rgba(255, 255, 255, 0.75);
    color: #333;
    top: 50%;
    width: 2.75rem;
    height: 2.75rem;
    background-color: #fff;
    border: 1px solid #f2f4f7;
    border-radius: 50%;
    box-shadow: 0 1px 1px rgba(10, 14, 26, 0.08), 0 1px 6px rgba(10, 14, 26, 0.04);
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s ease;
    cursor: pointer;
    list-style: none; }
    .related-products .prev-next-button.prev {
      left: 2%; }
    .related-products .prev-next-button.next {
      right: 2%; }
    .related-products .prev-next-button:focus, .related-products .prev-next-button:active {
      outline: 0;
      box-shadow: none; }
    .related-products .prev-next-button:hover {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
      color: #0078d4; }
      .related-products .prev-next-button:hover .button-icon {
        fill: #0078d4; }
  .related-products .prev-next-button .button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
    padding: 0.5rem; }
  .related-products__title {
    font-size: 32px;
    line-height: 40px; } }

.yotpo-widget-wrapper {
  max-width: 1440px;
  max-width: 90rem;
  width: 100%;
  padding: 52px 16px 15px;
  padding: 3.25rem 1rem 15px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center; }

.yotpo-widget-wrapper .yotpo-main {
    width: 100%; }

.yotpo-widget-wrapper .yotpo .yotpo-display-wrapper {
    border-top: 1px solid #e3e3e3; }

.yotpo-widget-wrapper .yotpo .yotpo-label-container,
  .yotpo-widget-wrapper .yotpo .write-question-review-buttons-container {
    display: none; }

.yotpo-widget-wrapper .yotpo .yotpo-review {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-top: 10px; }

.yotpo-widget-wrapper .yotpo .bottom-line-items-container {
    justify-content: center;
    display: flex;
    flex-wrap: wrap; }

.yotpo-widget-wrapper .yotpo .bottom-line-items {
    margin-bottom: 35px; }

.yotpo-widget-wrapper .yotpo .bottom-line-items .avg-score {
      font-family: 'Open Sans', Helvetica, sans-serif;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      letter-spacing: normal;
      padding-top: 10px;
      width: 64px;
      height: 16px;
      font-size: 45px;
      line-height: 0.35; }

.yotpo-widget-wrapper .yotpo .yotpo-nav ul .yotpo-nav-tab.yotpo-active .yotpo-nav-wrapper {
    border-color: #002970;
    color: #002970; }

.yotpo-widget-wrapper .yotpo .yotpo-nav ul .yotpo-nav-tab.yotpo-active .yotpo-nav-wrapper span {
      color: #002970; }

.yotpo-widget-wrapper .yotpo .yotpo-nav ul .yotpo-nav-tab .yotpo-nav-wrapper {
    color: #6d7782; }

.yotpo-widget-wrapper .yotpo .yotpo-nav ul .yotpo-nav-tab .yotpo-nav-wrapper span {
      color: #6d7782; }

.yotpo-widget-wrapper .yotpo .yotpo-nav ul .yotpo-nav-tab:focus {
    outline: none; }

.yotpo-widget-wrapper .yotpo .yotpo-nav-content .yotpo-reviews-filters.yotpo-active {
    display: none; }

.yotpo-widget-wrapper .yotpo .yotpo-review .yotpo-header .yotpo-icon-profile,
  .yotpo-widget-wrapper .yotpo .yotpo-comment .yotpo-header .yotpo-icon-profile,
  .yotpo-widget-wrapper .yotpo .yotpo-question .yotpo-header .yotpo-icon-profile,
  .yotpo-widget-wrapper .yotpo .yotpo-onsite-upload .yotpo-header .yotpo-icon-profile {
    background-color: transparent; }

.yotpo-widget-wrapper .yotpo .yotpo-review .yotpo-header .yotpo-icon-profile .yotpo-user-letter,
  .yotpo-widget-wrapper .yotpo .yotpo-comment .yotpo-header .yotpo-icon-profile .yotpo-user-letter,
  .yotpo-widget-wrapper .yotpo .yotpo-question .yotpo-header .yotpo-icon-profile .yotpo-user-letter,
  .yotpo-widget-wrapper .yotpo .yotpo-onsite-upload .yotpo-header .yotpo-icon-profile .yotpo-user-letter {
    display: none; }

.yotpo-widget-wrapper .yotpo .yotpo-bottomline .yotpo-icon-star,
  .yotpo-widget-wrapper .yotpo .yotpo-bottomline .yotpo-icon-half-star,
  .yotpo-widget-wrapper .yotpo .yotpo-bottomline .yotpo-icon-empty-star,
  .yotpo-widget-wrapper .yotpo .yotpo-review .yotpo-header .yotpo-review-stars .yotpo-icon,
  .yotpo-widget-wrapper .yotpo .yotpo-comment .yotpo-header .yotpo-review-stars .yotpo-icon,
  .yotpo-widget-wrapper .yotpo .yotpo-question .yotpo-header .yotpo-review-stars .yotpo-icon,
  .yotpo-widget-wrapper .yotpo .yotpo-onsite-upload .yotpo-header .yotpo-review-stars .yotpo-icon,
  .yotpo-widget-wrapper .yotpo .write-review .yotpo-header .yotpo-icon {
    color: #ffb805; }

.yotpo-widget-wrapper .yotpo .yotpo-review .yotpo-header .yotpo-icon-profile::before,
  .yotpo-widget-wrapper .yotpo .yotpo-comment .yotpo-header .yotpo-icon-profile::before,
  .yotpo-widget-wrapper .yotpo .yotpo-question .yotpo-header .yotpo-icon-profile::before,
  .yotpo-widget-wrapper .yotpo .yotpo-onsite-upload .yotpo-header .yotpo-icon-profile::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    content: ''; }

.yotpo-widget-wrapper .yotpo-main-widget .main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-header {
    display: flex;
    width: 100%; }

.yotpo-widget-wrapper .yotpo-main-widget .main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-header .yotpo-header-element .yotpo-user-name {
    color: #002970;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.025em;
    font-family: 'BasisGrotesque-Regular', Helvetica, sans-serif; }

.yotpo-widget-wrapper .yotpo-main-widget .main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-header .yotpo-header-element:nth-child(2) {
    flex-grow: 1; }

.yotpo-widget-wrapper .yotpo-main-widget
.main-widget
.yotpo-nav-content
.yotpo-reviews
.yotpo-review
.yotpo-header
.yotpo-header-element:nth-child(2)
.label-with-tooltip {
    float: right;
    text-align: right; }

.yotpo-widget-wrapper .yotpo.yotpo-main-widget.yotpo-small .yotpo-review .yotpo-footer .footer-actions,
  .yotpo-widget-wrapper .yotpo .yotpo-review .yotpo-footer .yotpo-helpful,
  .yotpo-widget-wrapper .yotpo .yotpo-comment .yotpo-footer .yotpo-helpful,
  .yotpo-widget-wrapper .yotpo .yotpo-question .yotpo-footer .yotpo-helpful {
    display: none; }

.yotpo-widget-wrapper .yotpo .yotpo-question .yotpo-header.yotpo-verified-user .yotpo-icon-circle-checkmark,
  .yotpo-widget-wrapper .yotpo .yotpo-comment .yotpo-header.yotpo-store-owner .yotpo-icon-circle-checkmark,
  .yotpo-widget-wrapper .yotpo .yotpo-question .yotpo-header.yotpo-store-owner .yotpo-icon-circle-checkmark {
    color: #1cc286; }

.yotpo-widget-wrapper .yotpo-main-widget .main-widget .yotpo-nav-content .yotpo-questions .yotpo-comments-box {
    border-color: #002970; }

.yotpo-widget-wrapper .yotpo-main-widget .main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-main .yotpo-review-wrapper .content-review {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.63;
    font-family: 'BasisGrotesque-Regular', Arial, sans-serif; }

.yotpo-widget-wrapper .yotpo-main-widget .main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-main .content-title {
    color: #232b38;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.025em;
    font-family: 'BasisGrotesque-Regular', Helvetica, sans-serif; }

.yotpo-widget-wrapper .yotpo-drop-down-layout .yotpo-dropdown .list-category[data-value='votes_up'],
  .yotpo-widget-wrapper .yotpo-drop-down-layout .yotpo-dropdown .list-category[data-value='votes_down'] {
    display: none; }

.yotpo-widget-wrapper .yotpo-main-widget .main-widget .yotpo-nav-content {
    margin-top: 36px;
    margin-top: 2.25rem; }

.yotpo-widget-wrapper .yotpo-drop-down-layout .yotpo-dropdown .list-category .selected-item,
  .yotpo-widget-wrapper .yotpo-drop-down-layout .yotpo-dropdown .list-category a.non-selected-item,
  .yotpo-widget-wrapper .yotpo .yotpo-nav-dropdown span:not(.yotpo-icon),
  .yotpo-widget-wrapper .yotpo-drop-down-layout .yotpo-dropdown .list-category + .list-category,
  .yotpo-widget-wrapper .yotpo .yotpo-nav-dropdown,
  .yotpo-widget-wrapper .yotpo-dropdown-button {
    outline: none; }

.yotpo-widget-wrapper .yotpo-drop-down-layout .yotpo-dropdown .list-category .selected-item:focus, .yotpo-widget-wrapper .yotpo-drop-down-layout .yotpo-dropdown .list-category .selected-item:active,
    .yotpo-widget-wrapper .yotpo-drop-down-layout .yotpo-dropdown .list-category a.non-selected-item:focus,
    .yotpo-widget-wrapper .yotpo-drop-down-layout .yotpo-dropdown .list-category a.non-selected-item:active,
    .yotpo-widget-wrapper .yotpo .yotpo-nav-dropdown span:not(.yotpo-icon):focus,
    .yotpo-widget-wrapper .yotpo .yotpo-nav-dropdown span:not(.yotpo-icon):active,
    .yotpo-widget-wrapper .yotpo-drop-down-layout .yotpo-dropdown .list-category + .list-category:focus,
    .yotpo-widget-wrapper .yotpo-drop-down-layout .yotpo-dropdown .list-category + .list-category:active,
    .yotpo-widget-wrapper .yotpo .yotpo-nav-dropdown:focus,
    .yotpo-widget-wrapper .yotpo .yotpo-nav-dropdown:active,
    .yotpo-widget-wrapper .yotpo-dropdown-button:focus,
    .yotpo-widget-wrapper .yotpo-dropdown-button:active {
      outline: none; }

.yotpo-widget-wrapper .bottom-line-items-container .reviews-qa-labels-container .reviews-qa-label {
    font-family: 'BasisGrotesque-Regular', Helvetica, sans-serif; }

.yotpo-widget-wrapper .reviews-header .reviews-amount {
    font-family: 'BasisGrotesque-Regular', Helvetica, sans-serif; }

@media screen and (min-width: 900px) {
    .yotpo-widget-wrapper {
      padding-right: 3.75rem;
      padding-left: 3.75rem; }
      .yotpo-widget-wrapper .yotpo-header-element {
        margin-right: 2rem; }
      .yotpo-widget-wrapper .yotpo-main-widget .main-widget {
        padding-right: calc(50% - 25.6875rem);
        padding-left: calc(50% - 25.6875rem);
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        flex-direction: column; }
        .yotpo-widget-wrapper .yotpo-main-widget .main-widget .yotpo-nav-content .yotpo-reviews {
          display: flex;
          flex-direction: row;
          width: 100%;
          flex-wrap: wrap; }
          .yotpo-widget-wrapper .yotpo-main-widget .main-widget .yotpo-nav-content .yotpo-reviews .yotpo-pager {
            -webkit-column-span: all;
               -moz-column-span: all;
                    column-span: all;
            margin: 20px auto;
            margin-top: 2.25rem;
            margin-bottom: 0; }
          .yotpo-widget-wrapper .yotpo-main-widget .main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-main .yotpo-review-wrapper .content-review {
            font-size: 0.875rem;
            line-height: 1.71; } }

@media screen and (min-width: 768px) {
    .yotpo-widget-wrapper .yotpo .yotpo-review .yotpo-footer {
      display: none; }
    .yotpo-widget-wrapper .yotpo .yotpo-review {
      padding: 1.5rem 0;
      border: none;
      -webkit-column-break-inside: avoid;
         -moz-column-break-inside: avoid;
              break-inside: avoid;
      width: 47%;
      display: flex;
      justify-content: space-evenly;
      align-self: flex-start; } }

.check-look-grid-section {
  padding-top: 52px;
  padding-top: 3.25rem; }

.check-look-grid-section .carousel-wrapper {
    overflow: hidden;
    position: relative;
    height: 240px; }

@media only screen and (min-width: 480px) {
      .check-look-grid-section .carousel-wrapper {
        height: auto; } }

.check-look-grid-section .look-title {
    font-family: 'aktiv-grotesk-extended', sans-serif;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: -0.015em;
    color: #232b38;
    text-align: center;
    margin-bottom: 20px; }

.check-look-grid-section .image-carousel__container {
    display: inline-block;
    height: auto;
    width: 100%; }

.check-look-grid-section .image-carousel__container .image-wrap {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 240px; }

.check-look-grid-section .image-carousel__container img {
      width: 100%;
      margin: auto;
      -o-object-fit: cover;
         object-fit: cover;
      height: 100%; }

.check-look-grid-section .image-carousel ul.slick-dots {
    bottom: 25px;
    position: absolute;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%; }

.check-look-grid-section .image-carousel ul.slick-dots li {
      position: relative;
      display: inline-block;
      height: 20px;
      width: 20px;
      margin: 0 5px;
      padding: 0;
      cursor: pointer; }

.check-look-grid-section .image-carousel ul.slick-dots li button {
        width: 10px;
        height: 10px;
        opacity: 1;
        background-color: transparent;
        border: 2px solid #fff;
        border-radius: 50%;
        margin: 0 12px;
        color: transparent;
        display: inline-block;
        padding: 0;
        outline: 0;
        cursor: pointer; }

.check-look-grid-section .image-carousel ul.slick-dots li.slick-active button {
        background: #fff; }

.check-look-grid-section .image-carousel .slick-arrow .prev-next-button.prev, .check-look-grid-section .image-carousel .slick-arrow .prev-next-button.next {
    display: none; }

.check-look-grid-section .tns-outer {
    position: relative;
    display: flex;
    justify-content: center; }

.check-look-grid-section .tns-nav {
    position: absolute;
    bottom: 15px;
    z-index: 1;
    text-align: center;
    width: 100%; }

.check-look-grid-section .tns-nav button {
    width: 10px;
    height: 10px;
    opacity: 1;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 50%;
    margin: 0 12px;
    color: #fff;
    display: inline-block;
    padding: 0;
    outline: 0;
    cursor: pointer; }

.check-look-grid-section .tns-nav button.tns-nav-active {
      background: #fff; }

.check-look-grid-section .tns-nav button:focus, .check-look-grid-section .tns-nav button:active {
      outline: 0; }

.check-look-grid-section .carousel-controls {
    display: none; }

.check-look-grid-section .prev-next-button .button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
    padding: 8px;
    padding: 0.5rem; }

.check-look-grid-section h2 {
    font-family: 'BasisGrotesque-Regular', Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #232b38;
    margin: 0 0 35px; }

@media only screen and (min-width: 768px) {
  .check-look-grid-section .carousel-wrapper {
    margin: 0 24px;
    height: auto; }
  .check-look-grid-section .carousel-controls {
    display: block;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    list-style: none;
    margin: 0; }
  .check-look-grid-section .image-carousel__container .image-wrap {
    height: 370px; }
  .check-look-grid-section .image-carousel__container img {
    max-width: 100%; } }

@media only screen and (min-width: 1040px) {
  .check-look-grid-section {
    padding-top: 30px;
    font-size: 1.5rem;
    line-height: 1.33;
    max-width: 1440px;
    margin: 0 auto; }
    .check-look-grid-section .look-title {
      margin-bottom: 0; } }

@media screen and (min-width: 1024px) {
  .check-look-grid-section .look-title {
    line-height: 40px;
    margin-bottom: 20px; }
  .check-look-grid-section .image-carousel__container .image-wrap {
    height: 600px; }
  .check-look-grid-section .image-carousel .slick-arrow .prev-next-button {
    position: absolute;
    background: rgba(255, 255, 255, 0.75);
    color: #333;
    top: 45%;
    width: 2.75rem;
    height: 2.75rem;
    background-color: #fff;
    border: 1px solid #f2f4f7;
    border-radius: 50%;
    box-shadow: 0 1px 1px rgba(10, 14, 26, 0.08), 0 1px 6px rgba(10, 14, 26, 0.04);
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s ease;
    cursor: pointer; }
    .check-look-grid-section .image-carousel .slick-arrow .prev-next-button.prev {
      left: 2%;
      z-index: 2;
      display: block; }
    .check-look-grid-section .image-carousel .slick-arrow .prev-next-button.next {
      right: 2%;
      display: block; }
    .check-look-grid-section .image-carousel .slick-arrow .prev-next-button:hover {
      -webkit-transform: scale(1.3);
              transform: scale(1.3);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      transition: -webkit-transform 0.2s;
      transition: transform 0.2s;
      transition: transform 0.2s, -webkit-transform 0.2s; }
      .check-look-grid-section .image-carousel .slick-arrow .prev-next-button:hover .button-icon {
        fill: #0078d4; }
    .check-look-grid-section .image-carousel .slick-arrow .prev-next-button:focus, .check-look-grid-section .image-carousel .slick-arrow .prev-next-button:active {
      outline: 0px;
      box-shadow: none; } }

@media screen and (min-width: 1440px) {
  .check-look-grid-section .image-carousel__container .image-wrap {
    height: 650px; } }

.tns-horizontal.tns-subpixel {
  white-space: unset !important; }

.see-all-colors__wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
  padding: 25px 0 25px 0; }

.see-all-colors__wrapper .tns-horizontal.tns-subpixel > .tns-item {
    vertical-align: bottom; }

.see-all-colors__wrapper--title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 800;
    color: #232b38;
    width: 100%;
    padding: 0 16px;
    padding: 0 1rem;
    margin: 0 0 15px;
    text-align: center;
    font-family: 'aktiv-grotesk-extended', sans-serif;
    text-decoration: none; }

.see-all-colors__wrapper .carousel-controls {
    display: none; }

.see-all-colors__carousel--container {
  width: 100%;
  display: inline-block;
  min-height: 260px;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  padding: 0 13px !important; }

.see-all-colors__content-wrap {
  text-align: center;
  padding: 5px;
  z-index: 1; }

.see-all-colors__content-wrap h2 {
    margin: 0 0 5px 0;
    line-height: 1.333;
    font-weight: 800;
    letter-spacing: -0.015em;
    text-decoration: none;
    font-family: 'BasisGrotesque-Bold', Helvetica, sans-serif;
    font-size: 15px;
    color: #495361;
    text-align: center; }

.see-all-colors__content-wrap h3 {
    color: #6d7782;
    font-size: 14px;
    letter-spacing: 0.4px;
    line-height: 24px;
    font-family: 'BasisGrotesque-Regular', Helvetica, sans-serif;
    font-weight: 400;
    margin: 0 0 10px 0; }

.see-all-colors__content-wrap .product-price {
    text-align: center;
    margin: 0 0 20px 0; }

.see-all-colors__content-wrap .product-price .money {
      color: #232b38;
      font-weight: normal;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.56;
      font-family: 'BasisGrotesque-Regular', Helvetica, sans-serif; }

.see-all-colors__image-wrap {
  max-width: 100%;
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
  padding-top: 24px;
  justify-content: center; }

.see-all-colors__image-wrap img {
    max-width: 100%;
    height: auto; }

.see-all-colors__image-wrap .main-image {
    transition: all 0.2s ease; }

.see-all-colors__image-wrap .alternate-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    margin: auto;
    transition: all 0.2s ease; }

.see-all-colors__reviews-wrap {
  display: none;
  text-align: center; }

.see-all-colors__reviews-wrap .yotpo {
    text-align: center; }

.see-all-colors__reviews-wrap .standalone-bottomline {
    display: flex;
    justify-content: center; }

.see-all-colors__btn-wrap {
  text-align: center;
  transition: opacity 0.2s ease;
  bottom: 0;
  width: 100%;
  left: 0; }

.see-all-colors__btn-wrap .add-to-cart {
    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;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    height: 2.5rem;
    min-width: 144px;
    min-width: 9rem;
    padding: 0;
    font-family: 'BasisGrotesque-Regular', Helvetica, sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.075em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    border: 0;
    border-radius: 0.1875rem; }

.see-all-colors svg {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  text-align: center;
  text-decoration: none; }

.see-all-colors__outer-wrap {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column; }

@media screen and (min-width: 768px) {
  .see-all-colors__carousel--container {
    min-height: 310px; } }

@media screen and (min-width: 1024px) {
  .see-all-colors__wrapper {
    padding: 35px 0 35px 0; }
    .see-all-colors__wrapper--title {
      font-size: 32px;
      line-height: 41px; }
    .see-all-colors__wrapper .carousel-controls {
      display: block; }
    .see-all-colors__wrapper .prev-next-button {
      position: absolute;
      background: rgba(255, 255, 255, 0.75);
      color: #333;
      top: 50%;
      width: 2.75rem;
      height: 2.75rem;
      background-color: #fff;
      border: 1px solid #f2f4f7;
      border-radius: 50%;
      box-shadow: 0 1px 1px rgba(10, 14, 26, 0.08), 0 1px 6px rgba(10, 14, 26, 0.04);
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      transition: -webkit-transform 0.2s;
      transition: transform 0.2s;
      transition: transform 0.2s, -webkit-transform 0.2s;
      transition: opacity 0.2s ease;
      cursor: pointer; }
      .see-all-colors__wrapper .prev-next-button.prev {
        left: 2%; }
      .see-all-colors__wrapper .prev-next-button.next {
        right: 2%; }
      .see-all-colors__wrapper .prev-next-button:focus, .see-all-colors__wrapper .prev-next-button:active {
        outline: 0;
        box-shadow: none; }
      .see-all-colors__wrapper .prev-next-button:hover {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
        color: #0078d4; }
        .see-all-colors__wrapper .prev-next-button:hover .button-icon {
          fill: #0078d4; }
    .see-all-colors__wrapper .prev-next-button .button-icon {
      position: absolute;
      left: 20%;
      top: 20%;
      width: 60%;
      height: 60%;
      padding: 0.5rem; }
  .see-all-colors__content-wrap h2 {
    font-size: 18px; }
  .see-all-colors__content-wrap h2,
  .see-all-colors__content-wrap h3 {
    margin: 0 0 5px 0; }
  .see-all-colors__carousel--container {
    min-height: 100%; }
    .see-all-colors__carousel--container:hover .main-image {
      opacity: 0; }
    .see-all-colors__carousel--container:hover .alternate-image {
      opacity: 1; }
  .see-all-colors__reviews-wrap {
    display: block; }
    .see-all-colors__reviews-wrap .yotpo .yotpo-icon {
      speak: none;
      font-size: 17.5px;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      width: auto !important;
      background: none;
      height: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #ffb805; }
      .see-all-colors__reviews-wrap .yotpo .yotpo-icon:before {
        content: '\e60e'; }
    .see-all-colors__reviews-wrap .text-m {
      margin-left: 10px;
      font-size: 0.75rem;
      line-height: 1.67;
      color: #6a6c77;
      border: none;
      padding: 0;
      font-family: 'BasisGrotesque-Regular', Helvetica, sans-serif; }
  .see-all-colors__btn-wrap {
    display: none; }
  .see-all-colors__carousel-wrapper {
    position: relative; }
    .see-all-colors__carousel-wrapper ul {
      list-style: none; } }

@font-face {
  font-family: 'Italian Plate No2 Expanded';
  src: url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Regular.eot");
  src: url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Regular.eot?#iefix") format("embedded-opentype"), url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Regular.woff2") format("woff2"), url("https://static.afterpay.com/font/ItalianPlateNo2Expanded-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.no-scroll {
  overflow: hidden !important; }

