html {
  scroll-behavior: smooth
}

body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0
}

ul[class],
ol[class] {
  padding: 0
}

body {
  min-height: 100vh;
  min-width: 320px;
  display: flex;
  flex-direction: column;
  -webkit-font-smoothing: antialiased;
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right)
}

body.modal-open {
  overflow: hidden;
  max-width: 100vw
}

ul[class],
ol[class] {
  list-style: none
}

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

input,
button,
textarea,
select {
  font: inherit
}

body #main-wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto
}

p {
  font-size: 1.125rem;
  line-height: 1.45;
  margin-top: 0;
  margin-bottom: 1rem
}

.button {
  font-family: sans-serif;
  -webkit-font-smoothing: antialiased;
  padding: 15px 25px;
  line-height: 1.2;
  font-size: 1.375rem;
  cursor: pointer;
  border: none;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 700;
  transition: .2s ease-in-out;
  display: inline-block
}

#nav-bottom .button:hover,
#nav-bottom .button {
  padding: 8px 40px;
  margin-right: 1px;
  font-size: 20px;
  color: #000;
  line-height: 1.2;
  border-radius: .25rem;
  text-transform: uppercase;
  font-weight: 700;
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: center
}

.button:hover {
  background-image: none;
  background-color: #f3ce75
}

#main {
  min-height: 100vh;
  display: flex;
  flex-direction: column
}

.slick-dots {
  position: absolute;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}

.subhead {
  font-weight: 400;
  text-align: center;
  margin-bottom: 25px
}

.heading {
  color: #434339;
  font-weight: 700;
  text-align: center;
  font-size: 2rem
}

.background-effect {
  height: 100%;
  position: absolute;
  content: "";
  z-index: 1;
  width: 100vw;
  top: 20px;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  display: none
}

header {
  overflow: hidden
}

.mobile-only {
  display: none
}

.desktop-only {
  display: block
}

.site-logo {
  display: flex;
  justify-content: center;
  max-width: 300px;
  margin: 15px auto;
  padding: 0 15px
}

.site-logo img {
  height: 50px;
  width: auto;
  max-height: 100%
}

@media(width <=768px), (width <=1023px)and (orientation: landscape) {
  .site-logo {
    margin: 5px auto
  }

  .site-logo img {
    height: 35px
  }
}

#pushpa-footer {
  overflow: hidden;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  min-height: 346px
}

@media(width <=428px) {
  #pushpa-footer {
    min-height: 486px
  }
}

@media(width <=414px) {
  #pushpa-footer {
    min-height: 501px
  }
}

@media(width <=390px) {
  #pushpa-footer {
    min-height: 530px
  }
}

#pushpa-footer #references {
  color: #919b9a;
  font-size: 1.125rem;
  line-height: 1.667;
  text-align: center;
  margin-top: 1rem
}

#pushpa-footer #references a {
  font-size: 12px;
  letter-spacing: 1px;
  color: #fff;
  text-decoration: none;
  padding-left: 20px
}

#pushpa-footer #references a:hover {
  color: #499fdc;
  transition: .3s;
  text-decoration: underline
}

#pushpa-footer .disclaimer {
  margin-top: 30px;
  font-size: .6875rem
}

#pushpa-footer .giddy-links {
  margin: 0;
  padding: 10px 0 25px;
  list-style: none;
  text-align: center
}

#pushpa-footer .giddy-links li {
  display: inline;
  margin: 0 2em;
  font-size: .875rem
}

#pushpa-footer .giddy-links li span {
  text-decoration: none;
  cursor: pointer
}

#pushpa-footer .copyright {
  font-size: .75rem;
  padding: 5px 0
}

#pushpa-footer #footer-disclaimer {
  max-width: 710px;
  margin: 0 auto;
  padding: 10px 5px
}

#pushpa-footer #footer-badges {
  padding: 10px 0
}

#pushpa-footer #footer-badges .footer-badge-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

#pushpa-footer #footer-badges .footer-badge-container .payment-badge img,
#pushpa-footer #footer-badges .footer-badge-container .payment-badge svg {
  margin: 0 10px !important
}

#pushpa-footer #footer-badges .footer-badge-container .payment-badge img.guarantee,
#pushpa-footer #footer-badges .footer-badge-container .payment-badge svg.guarantee {
  width: 75px
}

#pushpa-footer #footer-badges .footer-badge-container .payment-badge img.trust-badge,
#pushpa-footer #footer-badges .footer-badge-container .payment-badge svg.trust-badge {
  height: 62px;
  object-fit: contain
}

#pushpa-footer #footer-badges .footer-badge-container .payment-badge img.paypal,
#pushpa-footer #footer-badges .footer-badge-container .payment-badge svg.paypal {
  width: 88px
}

#pushpa-footer #footer-badges .footer-badge-container .payment-badge img.stripe-secure,
#pushpa-footer #footer-badges .footer-badge-container .payment-badge svg.stripe-secure {
  width: 118px
}

@media(width <=768px) {
  #pushpa-footer #footer-badges .footer-badge-container {
    flex-wrap: wrap;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px 1%
  }

  #pushpa-footer #footer-badges .footer-badge-container .payment-badge img {
    margin: 0 auto !important
  }

  #pushpa-footer #footer-badges .footer-badge-container .payment-badge img.discover {
    max-width: 54px
  }

  #pushpa-footer #footer-badges .footer-badge-container .payment-badge img.american-express {
    max-width: 66px
  }

  #pushpa-footer #footer-badges .footer-badge-container .payment-badge img.mastercard {
    max-width: 28px
  }

  #pushpa-footer #footer-badges .footer-badge-container .payment-badge img.visa {
    max-width: 38px
  }

  #pushpa-footer #footer-badges .footer-badge-container .payment-badge img.paypal {
    max-width: 62px
  }

  #pushpa-footer #footer-badges .footer-badge-container .payment-badge img.stripe-secure {
    max-width: 95px
  }

  #pushpa-footer #footer-badges .footer-badge-container .payment-badge:first-child {
    display: none
  }

  #pushpa-footer #footer-badges .footer-badge-container .mobile-only.guarantee h4 {
    display: inline-block;
    padding: 5px;
    background: #fff7e3;
    font-family: sans-serif;
    font-size: .9375rem;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 15px
  }
}

.modal .modal-dialog .modal-content {
  box-shadow: 0 0 0 8px rgba(0, 0, 0, .4), 0 0 2px rgba(0, 0, 0, .1);
  border-radius: 0
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  outline: 0
}

.modal-content .modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem
}

.modal-content .close {
  padding: 0;
  margin: 0;
  position: absolute;
  opacity: 1;
  width: 30px;
  height: 30px;
  line-height: 26px;
  z-index: 999;
  cursor: pointer;
  border-radius: 0;
  border: 0;
  background: 0 0 !important;
  box-shadow: none;
  text-shadow: none;
  right: 5px;
  top: 3px;
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  color: #aaa
}

.modal.iframe-modal .modal-dialog .modal-content .modal-body {
  max-height: calc(100vh - 210px);
  height: 600px
}

.modal.iframe-modal .modal-dialog .modal-content .modal-body iframe {
  width: 100%;
  height: 100%;
  border: 0;
  padding: 2rem 0 0
}

.slider-footer_btn {
  padding: 35px 0 25px
}

.expand-fade-enter-active *,
.expand-fade-leave-active * {
  transition: all 1s
}

.expand-fade-enter-active *,
.expand-fade-leave-active * {
  max-height: 100vh;
  opacity: 1
}

.expand-fade-enter *,
.expand-fade-leave-to * {
  max-height: 0;
  opacity: 0
}

body.intl-sweepstakes .hide-me-first {
  display: none !important
}

@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url(6d828decdef7a65c2598.woff2) format("woff2"), url(1a08122504320d9e5446.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url(6ffafb9d189611d6cd92.woff2) format("woff2"), url(23bf9c87b183678ff04c.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url(a1e7c965aa5ee87eb216.woff2) format("woff2"), url(19b4942ad53f7f102b65.ttf) format("truetype")
}

body {
  font-family: "Open Sans", sans-serif
}

body section {
  position: relative;
  z-index: 1
}

body .nav {
  display: flex;
  justify-content: center;
  padding: 20px 0;
  border-top: 2px solid #f1f1f1
}

body .nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  width: 100%;
  max-width: 980px
}

body .nav .menu-item {
  flex: 1;
  margin: 0 10px
}

body .nav .menu-item a {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  color: #666;
  text-decoration: none;
  font-size: 16px;
  text-align: center;
  transition: background-color .3s ease, color .3s ease;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center
}

@media(width <=767px) {
  body .nav .menu-item a {
    font-size: .75em
  }
}

body .nav .menu-item a:hover {
  background: #252525;
  color: #fff;
  border: 1px solid #252525
}

body .nav .cta-btn a {
  background-color: coral;
  color: #fff;
  border: none
}

body .nav .cta-btn a:hover {
  background-color: #ff4500;
  color: #fff
}

body .s1 {
  display: flex;
  align-items: center;
  padding: 0 5%;
  gap: 5%
}

body .s1 h1 {
  min-height: 0;
  font-weight: 700;
  margin-bottom: 20px;
  position: relative;
  font-size: 50px;
  line-height: 1.1
}

@media(orientation: landscape)and (width <=1023px) {
  body .s1 h1 {
    font-size: 30px
  }
}

body .s1 .left {
  padding: 50px 0;
  width: 50%
}

body .s1 .left.not-flx-gap {
  margin-right: 10px
}

@media(orientation: landscape)and (width <=1023px) {
  body .s1 .left {
    padding: 30px 0
  }
}

body .s1 .right {
  width: 50%
}

@media(orientation: landscape)and (width <=1023px) {
  body .s1 .right {
    align-self: start
  }
}

body .s1 .right .image-container {
  padding: 50px 0
}

@media(width <=767px) {
  body .s1 .right .image-container {
    padding-top: 0;
    padding-bottom: 20px
  }
}

body .s1 .right .image-container picture {
  width: 100%;
  height: auto
}

body .s1 .right .image-container picture img {
  width: 100%;
  height: auto
}

body .s1 .grid {
  display: flex;
  align-items: center;
  margin: 30px 0;
  gap: 15px;
  height: 80px
}

body .s1 .grid.mb0 {
  margin-bottom: 0
}

body .s1 .grid span {
  font-weight: 700;
  text-transform: uppercase;
  font-size: .875rem
}

body .s1 .grid .image-container {
  max-width: 80px;
  width: 100%
}

body .s1 .grid img {
  filter: grayscale(100%) brightness(0) contrast(40%);
  width: auto;
  height: auto;
  max-height: 45px
}

@media(width >=768px) {
  body .s1 .grid img {
    max-width: 80px;
    margin: 0 auto
  }
}

body .s1 #testimonials-anchor {
  text-decoration: none
}

body .s1 #testimonials-anchor:hover {
  text-decoration: none
}

body .s1 .count-reviews {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: bold;
  color: #434339;
  margin-top: 10px
}

@media(width <=767px) {
  body .s1 .count-reviews {
    margin-top: 20px
  }
}

body .s1 .count-reviews .star-ratings {
  width: 81px;
  position: relative;
  margin-right: 5px
}

body .s1 .count-reviews .star-ratings .fill-ratings {
  color: #ffd206;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 100%
}

body .s1 .count-reviews .star-ratings .fill-ratings svg path {
  fill: #ffd206;
  stroke: #ffd206
}

body .s1 .count-reviews .star-ratings .empty-ratings {
  padding: 0;
  display: block;
  z-index: 0;
  width: 81px;
  height: 100%
}

body .s1 .description {
  line-height: 1.5;
  margin-bottom: 25px;
  font-size: 1.125rem;
  color: #434339
}

body .s1 .video-wrapper {
  width: 100%;
  height: 100%;
  min-height: 305px;
  position: relative
}

@media(width <=767px) {
  body .s1 .video-wrapper {
    min-height: unset
  }
}

body .s1 .sproutvideo-player {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0
}

body .s2 .grid-container {
  padding: 30px
}

body .s2 .caption-copy {
  line-height: 1.4;
  font-size: .875rem
}

body .s2 .caption-heading {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.2;
  font-size: 1.125rem
}

@media only screen and (width <=390px) {
  body .s2 .caption-heading {
    font-size: .9375rem
  }
}

body .s2 .grid {
  display: flex
}

body .s2 .grid .image-container .inner {
  display: flex;
  align-items: center
}

body .s2 .grid .image-container .inner .caption {
  flex: 1;
  padding: 0 10px
}

@media only screen and (width >=768px)and (width <=961px) {
  body .s2 .grid .image-container .inner .caption {
    flex: inherit
  }
}

body .s2 .grid .image-container .inner .image {
  width: 80px;
  max-width: 80px;
  height: 80px;
  max-height: 80px;
  margin-bottom: 5px
}

body .s2 .grid .image-container .inner .image picture {
  position: relative;
  height: 80px;
  width: 80px;
  display: block
}

body .s2 .grid .image-container .inner .image picture img {
  width: 100%;
  object-fit: contain;
  position: relative;
  height: 80%;
  top: 50%;
  transform: translateY(-50%);
  max-height: 60px;
  max-width: 80px;
  margin: 0 auto;
  filter: grayscale(100%) brightness(0) contrast(40%)
}

@media only screen and (width <=767px) {
  body .s2 .grid .image-container .inner .image {
    width: 55px;
    max-width: 55px;
    height: 55px;
    max-height: 55px
  }

  body .s2 .grid .image-container .inner .image picture {
    width: 55px;
    height: 55px
  }
}

body .s2 .slider-container {
  padding: 0 50px 50px;
  text-align: center
}

body .s2 .slider-container h2 {
  padding-top: 50px;
  font-weight: 700;
  text-align: center;
  font-size: 2rem;
  line-height: 1.1
}

body .s2 .slider-container .subhead {
  font-weight: 400;
  text-align: center;
  margin-bottom: 22px
}

body .s2 .slider-container #slider-carousel-wrapper {
  min-height: 317px
}

@media(width <=950px) {
  body .s2 .slider-container #slider-carousel-wrapper {
    min-height: 245px
  }
}

@media(width <=428px) {
  body .s2 .slider-container #slider-carousel-wrapper {
    min-height: 404px
  }
}

@media(width <=414px) {
  body .s2 .slider-container #slider-carousel-wrapper {
    min-height: 392px
  }
}

@media(width <=375px) {
  body .s2 .slider-container #slider-carousel-wrapper {
    min-height: 358px
  }
}

body .s2 .slider-container .carousel {
  max-width: 960px;
  margin: 50px auto 0
}

@media only screen and (width <=768px) {
  body .s2 .slider-container .carousel {
    margin: 25px auto 0
  }
}

body .s2 .slider-container .carousel .carousel__viewport {
  margin: 20px auto 35px
}

body .s2 .slider-container .carousel .carousel__prev,
body .s2 .slider-container .carousel .carousel__next {
  position: absolute;
  border: none;
  width: 50px;
  height: 50px;
  transform: translateY(-50%);
  z-index: 1;
  font-size: 50px;
  background: 0 0;
  font-family: Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  top: calc(50% - 25px)
}

body .s2 .slider-container .carousel .carousel__prev svg,
body .s2 .slider-container .carousel .carousel__next svg {
  width: 50px;
  height: 50px
}

body .s2 .slider-container .carousel .carousel__prev {
  left: -50px
}

body .s2 .slider-container .carousel .carousel__next {
  right: -50px
}

body .s2 .slider-container .slick-dots li {
  margin: 0 3px;
  text-align: center
}

body .s2 .slider-container .slick-dots li button {
  outline: 0;
  line-height: 0;
  font-size: 0;
  color: rgba(0, 0, 0, 0);
  width: 12px;
  height: 12px;
  padding: 0;
  background: 0 0;
  border-radius: 50%;
  border: 2px solid #333;
  margin: 0 auto
}

body .s2 .slider-container .slick-dots li.slick-active button {
  background: #333;
  border: 2px solid #333
}

body .s2 .slick-dots {
  bottom: -35px
}

body .s2 .image-container {
  max-width: 300px;
  width: 100%
}

body .s2 .slider-image {
  width: calc(100% - 140px);
  margin: 50px auto 75px
}

body .s2 button {
  margin-top: 35px
}

@media only screen and (width <=767px) {
  body .s2 .slider-container {
    padding: 0 15px 20px
  }

  body .s2 .slider-container .carousel .carousel__prev {
    display: none
  }

  body .s2 .slider-container .carousel .carousel__next {
    display: none
  }

  body .s2 .slider-container li.carousel__slide img {
    width: 100%;
    height: 100%
  }
}

@media only screen and (width <=390px) {
  body .s2 .slider-container h2 {
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 1.6875rem;
    margin-bottom: 8px
  }
}

body .s3 {
  padding: 50px 5%;
  display: flex;
  gap: 2em
}

body .s3 h2.top {
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-bottom: 17px;
  margin-bottom: 10px !important;
  position: relative;
  line-height: 1.4
}

body .s3 h2.top::after {
  content: "";
  width: 30px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0
}

body .s3 h2.bottom {
  margin-bottom: 45px;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.1
}

@media(width <=767px) {
  body .s3 h2.bottom {
    margin-bottom: 0
  }
}

body .s3 .left {
  flex-basis: 33.33%
}

body .s3 .right {
  flex-basis: 66.66%
}

body .s3 .right p {
  line-height: 1.5;
  margin-bottom: 25px;
  font-size: 1.125rem
}

body .s3 .right p:last-child {
  margin-bottom: 0
}

body .s4 .item {
  display: flex
}

body .s4 .item .left {
  width: 50%;
  max-width: 50%;
  min-height: 320px;
  position: relative
}

@media(width <=767px) {
  body .s4 .item .left {
    width: 100%;
    max-width: 100%
  }
}

body .s4 .item .left img {
  width: 100%;
  height: auto
}

body .s4 .item .right {
  width: 50%;
  max-width: 50%;
  min-height: 320px;
  position: relative
}

@media(width <=767px) {
  body .s4 .item .right {
    width: 100%;
    max-width: 100%
  }
}

body .s4 .item .right img {
  width: 100%;
  height: auto
}

@media screen and (width >=768px) {

  body .s4 .item .left img,
  body .s4 .item .right img {
    object-fit: cover
  }
}

body .s4 .text-block {
  padding-top: 45px;
  padding-bottom: 45px
}

body .s4 .text-block .subhead {
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-bottom: 17px;
  margin-bottom: 10px;
  position: relative;
  color: #857550;
  text-align: left;
  margin-left: 10%;
  margin-right: 10%
}

body .s4 .text-block .subhead::after {
  content: "";
  width: 30px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0
}

body .s4 .text-block .text {
  margin-left: 10%;
  margin-right: 10%
}

@media only screen and (width <=768px) {
  body .s4 .text-block .text {
    margin-left: 8%;
    margin-right: 8%
  }

  body .s4 .text-block .text a.button {
    display: block
  }
}

body .s4 .text-block .heading {
  min-height: 0 !important;
  color: #434339;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: left;
  margin-left: 10%;
  margin-right: 10%
}

body .s4 .text-block ul {
  color: #434339;
  padding-left: 20px
}

body .s4 .text-block ul li {
  margin-bottom: 20px;
  line-height: 1.4
}

@media screen and (width <=767px) {

  body #app .s4 .right,
  body #app .s4 .left {
    order: 1
  }

  body #app .s4 .text-block.left,
  body #app .s4 .text-block.right {
    order: 2
  }
}

body .s5 {
  padding: 0 50px 50px
}

body .s5 .heading {
  color: #434339;
  font-weight: 700;
  text-align: center;
  padding-top: 50px
}

body .s5 .grid-container {
  margin: 50px auto 0;
  max-width: 950px;
  width: 100%
}

body .s5 .grid-container .grid {
  display: flex;
  margin: -15px 0 0 -15px;
  width: calc(100.005% + 10px);
  flex-wrap: wrap
}

body .s5 .grid-container .grid .image-container {
  flex: 1 0 calc(33.3333% - 20px);
  margin: 20px 0 0 20px;
  width: calc(33.3333% - 20px)
}

@media only screen and (width >=768px)and (width <=961px) {
  body .s5 .grid-container .grid .image-container .caption-position-below .image img {
    height: 80%
  }
}

body .s5 .grid-container .grid .image-container .inner {
  display: flex;
  flex-direction: column;
  height: 100%
}

body .s5 .grid-container .grid .image-container .inner .image picture {
  width: 100%;
  height: auto
}

body .s5 .grid-container .grid .image-container .inner .image picture img {
  object-fit: cover
}

body .s5 .grid-container .grid.grid-2 .image-container,
body .s5 .grid-container .grid.grid-4 .image-container {
  width: calc(50% - 20px);
  flex-basis: calc(50% - 20px)
}

@media(width <=767px) {

  body .s5 .grid-container .grid.grid-2 .image-container,
  body .s5 .grid-container .grid.grid-4 .image-container {
    flex-basis: 100%;
    width: 100%
  }
}

body .s5 .grid-container .caption-heading {
  text-align: left;
  font-weight: 700;
  margin-bottom: 5px;
  color: #000;
  text-transform: uppercase;
  line-height: 1.2
}

body .s5 .grid-container .caption-heading.left {
  text-align: left
}

body .s5 .grid-container .caption-heading.centered {
  text-align: center
}

body .s5 .grid-container .caption-heading.right {
  text-align: right
}

body .s5 .grid-container .caption-copy.left {
  text-align: left
}

body .s5 .grid-container .caption-copy.centered {
  text-align: center
}

body .s5 .grid-container .caption-copy.right {
  text-align: right
}

body .s5 .grid-container .caption {
  padding: 15px 0 0;
  flex-grow: 1
}

body .s5 .grid-container .callout {
  display: flex;
  padding: 16px 20px;
  border-radius: 8px;
  background: #ebe8e0;
  justify-content: space-between
}

@media(width <=767px) {
  body .s5 .grid-container .callout {
    margin-bottom: 60px
  }
}

body .s5 .grid-container .callout.left {
  justify-content: flex-start
}

body .s5 .grid-container .callout.centered {
  justify-content: center
}

body .s5 .grid-container .callout.right {
  justify-content: flex-end
}

body .s5 .grid-container .callout .left-callout {
  display: flex;
  flex-direction: column;
  justify-content: center
}

body .s5 .grid-container .callout .left-callout.right {
  align-items: flex-end
}

body .s5 .grid-container .callout .left-callout .sub-callout {
  color: #1c1c1c;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem
}

body .s5 .grid-container .callout .left-callout .primary-callout {
  color: #1c1c1c;
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.2rem
}

body .s5 .grid-container .callout .right-callout {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end
}

body .s5 .grid-container .callout .right-callout p {
  margin: 0;
  color: #828282;
  font-size: .6875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.125rem;
  letter-spacing: .5px
}

body .s5 .cta-button-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: -10px
}

@media(width <=767px) {
  body .s5 .cta-button-container {
    margin-top: 0;
    margin-bottom: 20px
  }
}

body .s6 {
  padding: 20px 0 70px;
  width: 95%;
  margin: auto
}

body .s6 h2.reviews-headline {
  text-align: center;
  font-weight: 700;
  padding: 35px 0 0;
  margin: 0 auto;
  width: 100%;
  font-size: 43px
}

@media(width <=767px) {
  body .s6 h2.reviews-headline {
    font-size: 2rem;
    padding-top: 20px
  }
}

body .s6 .testimonials {
  display: flex;
  margin: 30px 0 90px
}

body .s6 .testimonials .slick-dots {
  bottom: -50px
}

body .s6 .testimonials .slick-dots li {
  margin: 0 3px;
  text-align: center
}

body .s6 .testimonials .slick-dots li button {
  outline: 0;
  line-height: 0;
  font-size: 0;
  width: 12px;
  height: 12px;
  padding: 0;
  background: 0 0;
  border-radius: 50%;
  margin: 0 auto
}

body .s6 .testimonials .slick-dots li.slick-active button {
  background: #333;
  border: 2px solid #333
}

body .s6 .testimonial-block {
  margin: 0 10px;
  display: flex;
  flex-direction: column;
  padding: 20px;
  height: 100%
}

body .s6 .testimonial-block .stars img {
  width: 75px;
  height: auto
}

body .s6 .testimonial-block .review {
  padding-bottom: 70px;
  flex-grow: 1
}

body .s6 .testimonial-block .review h3 {
  font-weight: 700;
  color: #434339 !important;
  margin-bottom: 15px
}

body .s6 .testimonial-block .review a {
  text-decoration: none;
  color: #434339
}

body .s6 .testimonial-block .user .verified {
  padding: 5px 0;
  font-size: .75rem;
  display: flex;
  justify-content: left;
  align-items: center
}

body .s6 .testimonial-block .user .verified svg {
  fill: #37a54c;
  margin-right: 4px
}

body .s6 .section-footer {
  text-align: center
}

body .s6 .testimonial-footer {
  display: flex;
  justify-content: space-between
}

body .s6 .testimonial-footer .stars .star-count {
  font-size: .75rem
}

body .s7 h2.heading {
  padding: 45px 20px 0;
  margin-bottom: 5px
}

@media only screen and (width <=768px) {
  body .s7 h2.heading {
    padding: 25px 20px 0
  }
}

@media only screen and (width <=768px) {
  body .s7 .subhead {
    padding: 0 20px
  }
}

body .s7 .grid {
  display: flex
}

body .s7 .grid .image-container {
  flex: 1 0 calc(33.3333% - 0px);
  margin: 0;
  text-align: center;
  position: relative
}

@media only screen and (width >=768px)and (width <=961px) {
  body .s7 .grid .image-container .inner .image img {
    height: 100%
  }
}

body .s7 .grid .caption {
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2
}

body .s7 .grid .text-group {
  top: 25%;
  position: relative
}

body .s7 .grid .caption-heading {
  text-align: center !important;
  text-transform: uppercase;
  font-weight: 400;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 10px;
  letter-spacing: 1px
}

body .s7 .grid .caption-heading::after {
  content: "";
  width: 30px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -15px
}

body .s7 .grid .caption-copy {
  text-align: center !important;
  font-weight: 700;
  line-height: 1.2;
  padding: 0 10%
}

body .s7 .grid .inner::after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(10, 0, 0, .5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}

body .s8 {
  display: flex;
  padding: 50px
}

body .s8.imageFullBleed {
  padding: 0
}

body .s8.imageFullBleed.content-block--features {
  padding: 0
}

body .s8.imageFullBleed .right {
  min-height: 500px;
  padding-left: 0
}

body .s8.imageFullBleed .right .features-text-wrapper {
  padding: 50px 10%
}

@media only screen and (width <=767px) {
  body .s8.imageFullBleed .right .features-text-wrapper {
    padding: 20px 10%
  }
}

body .s8.imageFullBleed .left {
  min-height: 500px;
  display: flex;
  position: relative
}

@media only screen and (width <=767px) {
  body .s8.imageFullBleed .left {
    min-height: 100vw
  }
}

body .s8.imageFullBleed .left .image-container {
  display: flex;
  width: 100%
}

body .s8.imageFullBleed .left .image-container img {
  width: auto;
  object-fit: cover
}

body .s8 .subhead {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-bottom: 17px;
  margin-bottom: 10px;
  position: relative;
  text-align: left
}

body .s8 .subhead::after {
  content: "";
  width: 30px;
  height: 1px;
  position: absolute;
  bottom: 0;
  text-align: left;
  margin-left: 0;
  left: 0
}

body .s8 .heading {
  min-height: 0 !important;
  color: #434339;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: left;
  line-height: 1.1
}

body .s8 .left,
body .s8 .right {
  flex-basis: 50%
}

body .s8 .right {
  padding-left: 5%
}

@media only screen and (width >=768px)and (width <=961px) {
  body .s8 .right {
    padding: 30px 0 30px 8%
  }
}

body .s8 .image-container img {
  width: 100%;
  height: auto
}

body .s8 .icon-strip-block .grid-container {
  margin: 40px auto 0;
  width: 100%
}

body .s8 .icon-strip-block .grid-container .grid {
  display: flex;
  flex-wrap: wrap
}

body .s8 .icon-strip-block .grid-container .grid .image-container {
  flex: 1 0 50%
}

body .s8 .icon-strip-block .grid-container .grid .image-container .inner {
  padding: 0 0 30px;
  align-items: center
}

body .s8 .icon-strip-block .grid-container .grid .image-container .inner.inner.caption-position-right {
  display: flex
}

body .s8 .icon-strip-block .grid-container .grid .image-container .inner.caption-position-right .caption {
  height: auto;
  max-height: none;
  flex: 1;
  padding: 0 10px
}

body .s8 .icon-strip-block .grid-container .grid .image-container .inner .caption .text-group .caption-copy {
  font-size: .875rem;
  text-align: left;
  line-height: 1.4
}

body .s8 .icon-strip-block .grid-container .grid .image-container .inner .image {
  margin: 0 auto;
  width: 80px;
  max-width: 80px;
  height: 80px;
  max-height: 80px;
  display: flex;
  align-items: center
}

body .s8 .icon-strip-block .grid-container .grid .image-container .inner .image img {
  width: 70%;
  height: 70%
}

body .s8 .icon-strip-block .grid-container .grid .image-container .inner .image img.colorize-gray,
body .s8 .icon-strip-block .grid-container .grid .image-container .inner .image img.no-color {
  width: 75%;
  filter: grayscale(100%) brightness(0) contrast(40%)
}

body .s9 .block-content {
  display: flex;
  flex-direction: row-reverse
}

body .s9 .block-content .text-group {
  display: flex;
  flex-basis: 50%
}

body .s9 .block-content .text-group .creator-copy-block {
  padding: 0 10% 0 5%
}

body .s9 .block-content .text-group .creator-copy-block h2 {
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
  font-size: 2rem;
  margin-top: 20px
}

@media screen and (width <=767px) {
  body .s9 .block-content .text-group .creator-copy-block {
    padding: 0
  }

  body .s9 .block-content .text-group .creator-copy-block p {
    text-align: center
  }
}

@media screen and (width >=700px)and (width <=850px) {
  body .s9 .block-content .text-group .creator-copy-block p {
    font-size: 14px
  }
}

@media screen and (width >=851px) {
  body .s9 .block-content .text-group .creator-copy-block {
    align-items: center
  }

  body .s9 .block-content .text-group .creator-copy-block p {
    font-size: 1.125rem;
    line-height: 1.45
  }
}

@media screen and (width >=767px) {
  body .s9 .block-content .text-group {
    align-items: center
  }
}

body .s9 .block-content .media-group {
  display: flex;
  flex-basis: 50%
}

body .s9 .block-content .media-group .image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%
}

body .s9 .block-content .media-group .image-container img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border-style: none;
  text-align: center;
  margin: auto
}

body .s9 .block-content.imageFullBleed .media-group .image-container picture {
  width: 100%;
  height: 100%
}

body .s9 .block-content.imageFullBleed .media-group .image-container picture img,
body .s9 .block-content.imageFullBleed .media-group .image-container>img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

body .s10 {
  padding: 0 50px 50px
}

body .s10 img {
  height: 100%;
  width: auto
}

body .s10 .grid-container {
  max-width: 950px;
  margin: 0 auto;
  width: 100%
}

body .s10 .section-heading .heading {
  font-weight: 700;
  text-align: center;
  padding-top: 50px
}

body .s10 .caption-copy {
  font-size: .9375rem;
  text-align: center;
  line-height: 1.4
}

body .s10 .button-wrapper {
  text-align: center;
  padding: 35px 0 0
}

@media(width <=767px) {
  body .s10 .button-wrapper {
    display: none
  }
}

body section.content-block--comparisonTable {
  background-color: #e9e7e5;
  max-width: 1200px;
  padding: 35px 10px
}

body section.content-block--comparisonTable .block-header {
  padding: 0 20px;
  text-align: center;
  margin-bottom: 10px
}

body section.content-block--comparisonTable .block-header .heading {
  margin-bottom: 5px
}

body section.content-block--comparisonTable .block-header .subhead {
  margin-bottom: 0
}

body section.content-block--comparisonTable .block-body.comparison-table {
  display: table;
  width: 100%;
  max-width: 940px;
  border-collapse: collapse;
  margin: 0 auto 10px
}

body section.content-block--comparisonTable .block-body.comparison-table .table-row {
  display: table-row
}

body section.content-block--comparisonTable .block-body.comparison-table .table-row>div {
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  height: 75px;
  display: flex;
  padding: 0 3px
}

body section.content-block--comparisonTable .block-body.comparison-table .heading::before {
  display: table-cell;
  content: "";
  width: 44%
}

body section.content-block--comparisonTable .block-body.comparison-table .heading::after {
  display: table-cell;
  content: "";
  width: 5%
}

body section.content-block--comparisonTable .block-body.comparison-table .heading .heading-column {
  width: 26.5%;
  display: flex;
  align-items: center
}

body section.content-block--comparisonTable .block-body.comparison-table .heading .heading-column+.heading-column {
  color: #999
}

body section.content-block--comparisonTable .block-body.comparison-table .features::after {
  display: table-cell;
  content: "";
  width: 5%
}

body section.content-block--comparisonTable .block-body.comparison-table .features .feature-label {
  padding-left: 5%;
  text-align: left
}

body section.content-block--comparisonTable .block-body.comparison-table .features svg {
  width: 22px;
  height: 22px
}

body section.content-block--comparisonTable .block-body.comparison-table .features svg.checkmark {
  fill: #18953c;
  background: #fff;
  border-radius: 50%
}

body section.content-block--comparisonTable .block-body.comparison-table .features svg.xmark {
  fill: #ee4432
}

body section.content-block--comparisonTable .block-body.comparison-table .features svg.greyX {
  fill: #999
}

body section.content-block--comparisonTable .block-body.comparison-table .features svg.bullet {
  fill: #999
}

body section.content-block--comparisonTable .block-body.comparison-table .features:nth-child(even) {
  background-color: #fff
}

@media only screen and (width <=767px) {
  body section.content-block--comparisonTable .block-header .heading {
    font-size: 1.6875rem
  }

  body section.content-block--comparisonTable .block-header .subhead {
    font-size: 1rem
  }

  body section.content-block--comparisonTable .block-body.comparison-table .table-row>div {
    font-size: .9063rem;
    height: 55px
  }

  body section.content-block--comparisonTable .block-body.comparison-table .features svg {
    width: 20px;
    height: 20px
  }
}

@media only screen and (width <=390px) {
  body section.content-block--comparisonTable .block-body.comparison-table .table-row>div {
    font-size: .8125rem;
    height: 50px
  }
}

body section.content-block--comparisonTable .block-body.comparison-table {
  display: block
}

body section.content-block--comparisonTable .block-body.comparison-table .features::after,
body section.content-block--comparisonTable .block-body.comparison-table .heading::after,
body section.content-block--comparisonTable .block-body.comparison-table .heading::before {
  display: none !important
}

body section.content-block--comparisonTable .cell-content {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 12px
}

body section.content-block--comparisonTable .heading-column .heading-column-wrapper {
  display: flex;
  flex-direction: column;
  width: fit-content
}

body section.content-block--comparisonTable.left .heading-column .heading-column-wrapper {
  align-items: flex-start
}

body section.content-block--comparisonTable .block-body.comparison-table .cell-content {
  width: 100%;
  text-align: left;
  padding-top: 20px;
  padding-bottom: 19px
}

body section.content-block--comparisonTable .block-body.comparison-table .heading-column.feature-title {
  text-align: left;
  padding-left: 0
}

body section.content-block--comparisonTable .block-body.comparison-table .heading-column.feature-title span {
  padding-left: 5%
}

body section.content-block--comparisonTable .block-body.comparison-table .heading,
body section.content-block--comparisonTable .block-body.comparison-table .features {
  display: flex
}

body section.content-block--comparisonTable .block-body.comparison-table .heading .heading-column {
  flex: 1
}

body section.content-block--comparisonTable .block-body.comparison-table .features .feature-label {
  padding-top: 20px;
  padding-bottom: 19px;
  padding-left: 0;
  display: flex;
  align-items: center;
  flex: 1
}

body section.content-block--comparisonTable .block-body.comparison-table .features .feature-label .feature-label-wrapper {
  padding-left: 5%
}

body section.content-block--comparisonTable .block-body.comparison-table .features .feature-indicator {
  flex: 1
}

body section.content-block--comparisonTable.center .block-body.comparison-table .heading .heading-column+.heading-column,
body section.content-block--comparisonTable.center .block-body.comparison-table .cell-content {
  justify-content: center;
  display: flex
}

body section.content-block--comparisonTable .block-body.comparison-table .features svg.greyX,
body section.content-block--comparisonTable .block-body.comparison-table .features svg.checkmark {
  display: flex;
  flex-basis: 18px
}

body section.content-block--comparisonTable .block-body.comparison-table .features svg {
  width: 18px
}

body section.content-block--comparisonTable .block-body.comparison-table .features svg.bullet {
  fill: #108f72
}

body section.content-block--comparisonTable.featured-item1 .item1 .heading-column-wrapper,
body section.content-block--comparisonTable.featured-item1 .item1 .feature-title,
body section.content-block--comparisonTable.featured-item2 .item2 .heading-column-wrapper,
body section.content-block--comparisonTable.featured-item2 .item2 .feature-title,
body section.content-block--comparisonTable.featured-item3 .item3 .heading-column-wrapper,
body section.content-block--comparisonTable.featured-item3 .item3 .feature-title {
  color: #108f72;
  font-weight: 600
}

body section.content-block--comparisonTable .block-body.comparison-table .heading-column.feature-title {
  display: flex;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: -0.28px;
  gap: 18px;
  margin-left: 0 !important;
  padding-left: 0 !important
}

body section.content-block--comparisonTable .block-header {
  padding: 0;
  text-align: left
}

body section.content-block--comparisonTable .block-header h2,
body section.content-block--comparisonTable .block-header .subhead {
  color: #1c1c1c
}

body section.content-block--comparisonTable .block-header h2 {
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 10px !important
}

body section.content-block--comparisonTable .block-header .subhead {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 35px !important
}

body section.content-block--comparisonTable .block-body.comparison-table .table-row>div:not(.heading-column) {
  height: auto;
  border-bottom: 1px solid rgba(28, 28, 28, .2)
}

body section.content-block--comparisonTable .heading-column-wrapper {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: -0.28px;
  gap: 18px;
  margin-bottom: 15px;
  color: #1c1c1c
}

body section.content-block--comparisonTable.featured-item2 .heading.color-heading .item2,
body section.content-block--comparisonTable.featured-item3 .heading.color-heading .item3,
body section.content-block--comparisonTable.featured-item1 .heading.color-heading .item1 {
  background: #108f72 !important
}

body section.content-block--comparisonTable.featured-item2 .heading.color-heading .item2 .heading-column-wrapper,
body section.content-block--comparisonTable.featured-item3 .heading.color-heading .item3 .heading-column-wrapper,
body section.content-block--comparisonTable.featured-item1 .heading.color-heading .item1 .heading-column-wrapper {
  color: #fff !important
}

body section.content-block--comparisonTable .block-body.comparison-table .heading.color-heading .heading-column {
  border-radius: 8px;
  margin: 4px;
  background: #eff1f4;
  justify-content: center;
  align-items: center;
  display: flex
}

body section.content-block--comparisonTable .block-body.comparison-table .heading.color-heading .heading-column .heading-column-wrapper {
  margin-bottom: 0;
  gap: 10px;
  color: #929ba9
}

body section.content-block--comparisonTable .block-body.comparison-table .heading.color-heading .heading-column .heading-column-wrapper img {
  width: 90%;
  margin-left: auto;
  margin-right: auto
}

body section.content-block--comparisonTable .block-body.comparison-table .heading.color-heading .heading-column.feature-title {
  background: none;
  justify-content: flex-start;
  align-items: center;
  border: 0
}

body section.content-block--comparisonTable .heading-column-wrapper img {
  max-height: 30px
}

body section.content-block--comparisonTable.center .cell-content {
  align-items: center;
  justify-content: center
}

body section.content-block--comparisonTable .cell-content {
  flex-direction: row;
  align-items: center
}

body section.content-block--comparisonTable .feature-title {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.36px
}

@media(width <=768px) {
  body .block-body .table-row .feature-label~.feature-indicator svg+.feature-title {
    display: none !important;
    font-size: 14px
  }

  body section.content-block--comparisonTable .block-body.comparison-table .heading.color-heading .heading-column {
    height: auto
  }

  body section.content-block--comparisonTable .block-body.comparison-table .features svg {
    flex-shrink: 0
  }

  body .block-body .table-row .feature-title~.heading-column .heading-column-wrapper {
    align-items: center
  }

  body .block-body .table-row .feature-label~.feature-indicator .cell-content {
    justify-content: center
  }

  body section.content-block--comparisonTable .feature-title {
    font-size: 14px;
    line-height: 16px
  }

  body section.content-block--comparisonTable .heading-column-wrapper img {
    max-width: 80%;
    height: 20px
  }
}

body .spinner {
  margin: 0 auto;
  border-color: var(--theme-copy, #303030);
  border-bottom-color: rgba(0, 0, 0, 0);
  display: block
}

body .content-link-cta {
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  cursor: pointer
}

body .content-container {
  max-width: 685px;
  border-radius: 8px;
  border: 1px solid #f2f2f2;
  max-height: 90%;
  display: flex;
  flex-flow: column nowrap
}

body .content-container .close {
  margin-right: 26px;
  margin-top: 8px
}

body .content-container .modal-header {
  padding: 17px 40px;
  border-bottom: 1px solid #f2f2f2
}

body .content-container .modal-header .headline {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px;
  letter-spacing: -0.4px
}

body .content-container .modal-body {
  padding: 26.5px 40px;
  color: #303030;
  overflow: auto
}

body .content-container .modal-body p {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 8px
}

body .content-container .modal-body p strong {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.36px;
  margin-top: 21.5px;
  display: inline-block
}

body .content-container .modal-body table {
  width: 100%;
  border-spacing: 0
}

body .content-container .modal-body table tr td {
  padding: 16px 10px 16px 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.32px
}

body .content-container .modal-body table tr:not(:last-child) td {
  padding: 16px 10px 15px 0;
  border-bottom: 1px solid #f2f2f2
}

body .content-container .modal-body table tr:first-child td {
  padding: 16px 10px 16px 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.28px
}

@media only screen and (width <=425px) {
  body .content-container .close {
    margin-right: 16px;
    margin-top: 8px
  }

  body .content-container .modal-header {
    padding: 17px 20px
  }

  body .content-container .modal-body {
    padding: 26.5px 20px
  }
}

body .offer-section .site-logo-bundles img {
  max-height: 25px;
  width: auto;
  height: 25px;
  margin: 4px auto
}

body .offer-section #offer {
  height: 100%
}

body .offer-section #offer.single-offer {
  padding-top: 50px;
  padding-bottom: 60px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif
}

body .offer-section #offer.single-offer h2.offer-heading span {
  color: #1c1c1c;
  text-align: center;
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: -0.21px
}

body .offer-section #offer.single-offer h2.offer-subheading {
  margin-top: 10px;
  margin-bottom: 0
}

body .offer-section #offer.single-offer h2.offer-subheading span {
  color: #43433a;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

body .offer-section #offer.single-offer .offer-bundle {
  padding: 0
}

body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container {
  max-width: 792px;
  margin: 20px auto 0;
  display: flex;
  justify-content: center;
  justify-items: center
}

body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-body {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: center
}

body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-body .bundle-description {
  color: #1c1c1c;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 12px
}

body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-body .pricing-display-container {
  gap: 16px
}

body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-body .pricing-display-container .retail-price {
  color: #e43;
  text-align: center;
  font-size: 16.5px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  text-decoration: line-through
}

body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-body .pricing-display-container .total-price {
  color: #000;
  text-align: center;
  font-size: 33px;
  font-style: normal;
  font-weight: 400;
  line-height: 33px;
  margin: 8px auto
}

body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-body .pricing-display-container .save {
  color: #25ae4e;
  text-align: center;
  font-size: 16.5px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px
}

body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-body .pricing-display-container .pricing-display_shipping {
  color: #434339;
  text-align: center;
  font-size: 16.5px;
  font-style: normal;
  font-weight: 700;
  line-height: normal
}

body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-body .pricing-display-container .pricing-display_shipping img {
  width: 41.2px;
  height: 22.321px
}

body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .body-wrapper {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center
}

body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-top {
  margin-top: auto;
  margin-bottom: auto;
  width: 50%
}

body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-top .bundle-image {
  max-width: 387px;
  width: 100%;
  transform: unset;
  height: auto;
  margin-bottom: 0
}

body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-top .bundle-image picture {
  max-width: unset;
  width: 100%;
  height: auto
}

body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-top .bundle-image picture img {
  max-width: 376px;
  width: 100%;
  max-height: none;
  height: auto;
  margin: 15px auto
}

body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-top .bundle-description {
  margin-top: 20px;
  color: #1c1c1c;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-bottom {
  grid-area: cta;
  justify-content: center;
  margin: 20px auto 0;
  padding: unset;
  display: flex;
  height: 52px
}

body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-bottom .cta-button {
  padding: 11px 58px;
  width: unset !important;
  min-width: auto !important
}

body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-bottom .cta-button span {
  color: #000;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  padding: 0
}

body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .stripe-payment-message {
  margin-top: 20px
}

body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .stripe-payment-message .__PrivateStripeElement {
  width: 100%
}

@media(width <=768px) {
  body .offer-section #offer.single-offer {
    padding-top: 10px;
    padding-bottom: 40px
  }

  body .offer-section #offer.single-offer .site-logo-bundles {
    display: none
  }

  body .offer-section #offer.single-offer h2.offer-heading span {
    font-size: 22.4px;
    font-style: normal;
    font-weight: 700;
    line-height: 25.76px;
    letter-spacing: -0.15px
  }

  body .offer-section #offer.single-offer h2.offer-subheading {
    margin-top: 10px;
    margin-bottom: 10px
  }

  body .offer-section #offer.single-offer h2.offer-subheading span {
    color: #43433a;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
  }

  body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container {
    flex-direction: column;
    margin-top: 0
  }

  body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-top .bundle-image {
    margin-bottom: 0
  }

  body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-top .bundle-image picture img {
    max-width: 275px
  }

  body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-top .bundle-description {
    margin-top: 22px
  }

  body .offer-section #offer.single-offer .offer-bundle .bundle .pricing-display_shipping {
    margin-top: 5px
  }

  body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-body {
    margin-top: 10px;
    padding-bottom: 0
  }

  body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-bottom {
    margin-top: 10px
  }

  body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-bottom .cta-button {
    font-size: 24px;
    color: #000;
    border-radius: 5px;
    border: 0;
    display: inline-block;
    background-repeat: repeat-x;
    background-size: 200%;
    background-position: 0 -100%;
    text-decoration: none;
    text-align: center;
    transition: .2s ease-in-out;
    background-image: linear-gradient(to bottom, var(--cta-background-color, var(--light-orange)) 0, var(--cta-background-color2, var(--orange)) 100%);
    background-color: var(--cta-background-color, var(--light-orange));
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .2) inset
  }

  body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .body-wrapper,
  body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-top {
    width: 100%
  }

  body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-body .pricing-display-container .retail-price {
    color: #e43;
    text-align: center;
    font-size: 16.48px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-decoration-line: line-through
  }

  body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-body .pricing-display-container .total-price {
    color: #000;
    text-align: center;
    font-size: 32.96px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0
  }

  body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-body .pricing-display-container .save {
    color: #25ae4e;
    text-align: center;
    font-size: 16.48px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
  }

  body .offer-section #offer.single-offer .offer-bundle .bundle .bundle-container .card-body .pricing-display-container .pricing-display_shipping {
    margin-top: 17px;
    margin-bottom: 8px
  }
}

body .offer-section #offer .card-bottom_mobile-order-now {
  display: none
}

body .offer-section #offer .card-bottom_mobile-order-now .stripe-payment-message {
  margin-top: 20px
}

@media only screen and (width <=767px) {
  body .offer-section #offer .card-bottom_mobile-order-now {
    display: block;
    margin-top: 10px;
    text-align: center
  }

  body .offer-section #offer .card-bottom_mobile-order-now #card-bottom_mobile-order-now {
    transition: unset
  }

  body .offer-section #offer .card-bottom_mobile-order-now #card-bottom_mobile-order-now.isLoading {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 54px;
    padding: 0
  }

  body .offer-section #offer .card-bottom_mobile-order-now span {
    display: inline-block;
    padding: 0 40px
  }

  body .offer-section #offer .card-bottom_mobile-order-now span#spinner {
    padding: 0
  }

  body .offer-section #offer .card-bottom_mobile-order-now .cta-message {
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 7px;
    line-height: 23px
  }
}

body .offer-section #offer .offer-bundles {
  display: flex;
  height: 100%;
  padding: 20px 0 30px;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  justify-content: center
}

@media(width >=768px) {
  body .offer-section #offer .offer-bundles.no-ribbons {
    padding-top: 0;
    margin-top: -10px
  }
}

body .offer-section #offer .offer-bundles .bundle {
  border-radius: 0;
  border: 0;
  position: relative;
  transition: .2s ease-in-out
}

@media only screen and (width >=768px) {
  body .offer-section #offer .offer-bundles .bundle {
    border: 1px solid #d0ccc5
  }

  body .offer-section #offer .offer-bundles .bundle.selected {
    border-color: #828282
  }
}

body .offer-section #offer .offer-bundles .bundle .bundle-title {
  padding-bottom: 10px;
  font-weight: 500
}

body .offer-section #offer .offer-bundles .bundle .bundle-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-align: center;
  padding: 0 10px
}

body .offer-section #offer .offer-bundles .bundle .bundle-container .card-top {
  margin-top: 50px
}

@media only screen and (width >=768px) {
  body .offer-section #offer .offer-bundles .bundle .bundle-container .card-top .no-one-ribbon {
    margin-top: 20px
  }
}

@media only screen and (width <=767px) {
  body .offer-section #offer .offer-bundles .bundle .bundle-container .card-top {
    margin-top: 0
  }

  body .offer-section #offer .offer-bundles .bundle .bundle-container .card-top.no-ribbon {
    padding-top: 5px;
    padding-bottom: 5px
  }
}

body .offer-section #offer .offer-bundles .bundle .bundle-container .body-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%
}

body .offer-section #offer .offer-bundles .bundle .bundle-container .card-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto
}

body .offer-section #offer .offer-bundles .bundle .bundle-container .card-body .pricing-display-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

@media(width <=768px) {
  body .offer-section #offer .offer-bundles .bundle .bundle-container .card-body .pricing-display-container {
    flex-grow: unset
  }
}

body .offer-section #offer .offer-bundles .bundle .bundle-container .card-body .pricing-display-container .bundle-pricing-text:last-child {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

@media(width <=768px) {
  body .offer-section #offer .offer-bundles .bundle .bundle-container .card-body .pricing-display-container .bundle-pricing-text:last-child {
    flex-grow: unset
  }
}

body .offer-section #offer .offer-bundles .bundle .bundle-container .card-body .bundle-description {
  color: #1c1c1c;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  padding: 10px 0 0
}

body .offer-section #offer .offer-bundles .bundle .bundle-container .card-body .whats-included-content p {
  text-align: center;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 0
}

@media(width <=767px) {
  body .offer-section #offer .offer-bundles .bundle .bundle-container .card-body .whats-included-content p {
    font-size: 11px;
    line-height: 16px
  }
}

body .offer-section #offer .offer-bundles .bundle .bundle-container .card-body .whats-included-title {
  font-size: .875rem
}

@media(width <=767px) {
  body .offer-section #offer .offer-bundles .bundle .bundle-container .card-body .whats-included-title {
    font-size: .6875rem
  }
}

body .offer-section #offer .offer-bundles .bundle .bundle-container .card-body .whats-included-title+div p:first-child {
  margin-bottom: 0
}

body .offer-section #offer .offer-bundles .bundle .bundle-container .card-body ul {
  margin-top: 0;
  margin-bottom: 0
}

body .offer-section #offer .offer-bundles .bundle .bundle-container .card-body ul li {
  font-size: .9375rem
}

body .offer-section #offer .offer-bundles .bundle .bundle-container .card-body ul li:not(:last-child) {
  margin-bottom: 9px
}

@media(width <=767px) {
  body .offer-section #offer .offer-bundles .bundle .bundle-container .card-body ul li {
    font-size: .6875rem;
    margin-bottom: 0
  }

  body .offer-section #offer .offer-bundles .bundle .bundle-container .card-body ul li:not(:last-child) {
    margin-bottom: 0
  }
}

@media only screen and (width <=767px) {
  body .offer-section #offer .offer-bundles .bundle .bundle-container .card-body {
    padding-bottom: 0;
    padding-top: 5px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center
  }
}

@media only screen and (width <=767px) {
  body .offer-section #offer .offer-bundles .bundle .bundle-container {
    display: flex;
    flex-direction: initial;
    align-items: center;
    padding: 5px;
    justify-content: space-between;
    gap: 1%
  }
}

body .offer-section #offer .offer-bundles .bundle .promo-text {
  margin-bottom: 10px
}

body .offer-section #offer .offer-bundles .bundle .promo-text span {
  font-weight: 600;
  font-size: 1.75rem
}

@media only screen and (width <=767px) {
  body .offer-section #offer .offer-bundles .bundle .promo-text span {
    font-weight: 700
  }
}

body .offer-section #offer .offer-bundles .bundle .bundle-sweepstakes {
  margin-bottom: 10px
}

body .offer-section #offer .offer-bundles .bundle .bundle-sweepstakes span {
  background-color: #f72515;
  padding: 4px 10px;
  font-size: 14px !important;
  line-height: 14px;
  border-radius: 10px;
  color: #fff
}

@media only screen and (width <=767px) {
  body .offer-section #offer .offer-bundles .bundle .bundle-sweepstakes:has(+.whats-included-expander) {
    margin-bottom: 15px
  }
}

body .offer-section #offer .offer-bundles .bundle .whats-included.reveal {
  max-height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  transition: .3s ease-in-out
}

body .offer-section #offer .offer-bundles .bundle .whats-included-link,
body .offer-section #offer .offer-bundles .bundle .whats-included-link-reveal,
body .offer-section #offer .offer-bundles .bundle .whats-included-link-close {
  color: #000;
  font-weight: 400;
  margin: 0;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  padding: 0;
  font-size: 1rem
}

body .offer-section #offer .offer-bundles .bundle .whats-included-link-reveal::after {
  position: relative;
  top: 4px;
  content: "";
  width: 17px;
  height: 17px;
  line-height: 17px;
  background: url(b737864452cd42b5c22e.svg) center center no-repeat;
  border-radius: 50%;
  display: inline-block;
  transform: rotate(360deg);
  margin-left: 4px
}

@media(width <=767px) {
  body .offer-section #offer .offer-bundles .bundle .whats-included-link-reveal::after {
    margin-left: 0
  }
}

body .offer-section #offer .offer-bundles .bundle .whats-included-link-close::after {
  position: relative;
  top: 3px;
  content: "";
  width: 17px;
  height: 17px;
  line-height: 17px;
  background: url(b737864452cd42b5c22e.svg) center center no-repeat;
  border-radius: 50%;
  display: inline-block;
  transform: rotate(180deg);
  margin-left: 4px
}

@media(width <=767px) {
  body .offer-section #offer .offer-bundles .bundle .whats-included-link-close::after {
    margin-left: 0
  }
}

body .offer-section #offer .offer-bundles .bundle .whats-included-title {
  font-weight: 700;
  color: #333
}

body .offer-section #offer .offer-bundles .bundle .pricing-display .retail-price {
  color: #e43 !important;
  font-weight: 400 !important;
  text-decoration: line-through;
  margin-bottom: 3px;
  margin-top: 11px;
  line-height: 22px;
  font-size: 16px
}

body .offer-section #offer .offer-bundles .bundle .pricing-display .total-price {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 3px
}

body .offer-section #offer .offer-bundles .bundle .pricing-display .total-price .per-each-label {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #000
}

body .offer-section #offer .offer-bundles .bundle .pricing-display .save {
  font-weight: 400;
  display: inline-block;
  font-size: 16px;
  line-height: 18px
}

@media only screen and (width <=767px) {
  body .offer-section #offer .offer-bundles .bundle .pricing-display .save {
    font-weight: 700
  }
}

body .offer-section #offer .offer-bundles .bundle .pricing-display_shipping {
  margin-top: 10px;
  color: #434339;
  font-size: 16px;
  font-weight: 400;
  height: 34px
}

body .offer-section #offer .offer-bundles .bundle .pricing-display_shipping img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px
}

@media only screen and (width <=767px) {
  body .offer-section #offer .offer-bundles .bundle .pricing-display_shipping {
    display: none
  }
}

body .offer-section #offer .offer-bundles .bundle .pricing-display_shipping_mobile {
  display: none
}

@media only screen and (width <=767px) {
  body .offer-section #offer .offer-bundles .bundle .pricing-display_shipping_mobile {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    font-family: sans-serif
  }
}

body .offer-section #offer .offer-bundles .bundle .qty-selector {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 10px -7px;
  width: calc(100% + 14px)
}

body .offer-section #offer .offer-bundles .bundle .qty-selector .label {
  flex: 0;
  height: 40px;
  position: relative;
  padding: 0 7px
}

body .offer-section #offer .offer-bundles .bundle .qty-selector .label span {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  font-weight: 600
}

body .offer-section #offer .offer-bundles .bundle .qty-selector .label .label-full {
  display: inline-block
}

body .offer-section #offer .offer-bundles .bundle .qty-selector .label .label-abrev {
  display: none
}

body .offer-section #offer .offer-bundles .bundle .qty-selector .ui-element {
  display: flex;
  justify-content: center;
  padding: 0 7px
}

body .offer-section #offer .offer-bundles .bundle .qty-selector .ui-element button {
  flex: 0 0 100%;
  color: #333;
  background-image: linear-gradient(to bottom, #eee 0, #ddd 100%);
  background-color: #ddd;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .2) inset;
  font-size: 28px;
  padding: 0;
  height: 36px;
  line-height: 36px;
  width: 40px;
  max-width: 40px;
  position: relative
}

body .offer-section #offer .offer-bundles .bundle .qty-selector .ui-element button[aria-label="+1"]::before {
  content: "+"
}

body .offer-section #offer .offer-bundles .bundle .qty-selector .ui-element button[aria-label="-1"]::before {
  content: "–";
  position: relative;
  top: -2px
}

body .offer-section #offer .offer-bundles .bundle .qty-selector .ui-element input {
  text-align: center;
  border: 0;
  user-select: none;
  pointer-events: none;
  height: 40px;
  line-height: 40px;
  padding: 0 5px;
  font-size: 17px;
  font-weight: 600;
  flex: 0 0 100%;
  max-width: 28px;
  background: rgba(0, 0, 0, 0)
}

@media only screen and (width <=767px) {
  body .offer-section #offer .offer-bundles .bundle .qty-selector {
    width: 100%;
    max-width: none;
    display: none;
    margin: 10px 0
  }

  body .offer-section #offer .offer-bundles .bundle .qty-selector .label {
    height: 32px;
    font-size: .875rem;
    width: 25%;
    padding: 0
  }

  body .offer-section #offer .offer-bundles .bundle .qty-selector .label .label-full {
    display: none
  }

  body .offer-section #offer .offer-bundles .bundle .qty-selector .label .label-abrev {
    display: inline-block
  }

  body .offer-section #offer .offer-bundles .bundle .qty-selector .ui-element button {
    height: 32px;
    line-height: 32px;
    width: 40px;
    max-width: 40px
  }

  body .offer-section #offer .offer-bundles .bundle .qty-selector .ui-element input {
    height: 32px;
    line-height: 32px;
    width: 30px;
    max-width: 30px
  }
}

@media only screen and (width <=400px) {
  body .offer-section #offer .offer-bundles .bundle .qty-selector .ui-element button {
    width: 35px;
    max-width: 35px
  }

  body .offer-section #offer .offer-bundles .bundle .qty-selector .ui-element input {
    width: 20px;
    max-width: 20px
  }
}

body .offer-section #offer .offer-bundles .bundle .cta-message {
  margin: 10px 0;
  font-weight: 700;
  font-size: .875rem
}

@media only screen and (width <=767px) {
  body .offer-section #offer .offer-bundles .bundle .cta-message {
    margin: 10px 0 0;
    font-size: .75rem;
    display: none
  }
}

@media only screen and (width <=767px) {
  body .offer-section #offer .offer-bundles .bundle.selected .qty-selector {
    display: flex
  }

  body .offer-section #offer .offer-bundles .bundle.selected .cta-message {
    display: block
  }
}

body .offer-section #offer .offer-bundles .bundle .ribbon {
  font-size: 1rem;
  height: 35px;
  line-height: 35px;
  margin-left: 0;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 90;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ece8df
}

@media only screen and (width <=767px) {
  body .offer-section #offer .offer-bundles .bundle .ribbon {
    background: rgba(0, 0, 0, 0)
  }
}

@media(width >=768px) {
  body .offer-section #offer .offer-bundles .bundle .ribbon.no-ribbon {
    width: auto;
    left: -1px;
    top: -1px;
    right: -1px;
    border-bottom: 1px solid #d0ccc5
  }
}

body .offer-section #offer .offer-bundles .bundle .ribbon span {
  font-weight: 600;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 1px;
  margin-bottom: 0;
  font-size: 16px
}

@media only screen and (width <=767px) {
  body .offer-section #offer .offer-bundles .bundle .ribbon span {
    font-size: .75rem;
    font-family: sans-serif
  }
}

body .offer-section #offer .offer-bundles .bundle .card-bottom {
  padding: 16px 10px 20px
}

body .offer-section #offer .offer-bundles .bundle .stripe-payment-message {
  margin-bottom: 20px;
  min-height: 43px;
  display: flex;
  align-items: center;
  justify-content: center
}

body .offer-section #offer .offer-bundles .bundle .stripe-payment-message .__PrivateStripeElement {
  width: 100%
}

body .offer-section #offer .offer-bundles .bundle .stripe-payment-message.no-options {
  background: #ece8df;
  margin-left: -11px;
  margin-right: -11px;
  padding-bottom: 20px;
  margin-bottom: -1px;
  border-top: 1px solid #d0ccc5
}

body .offer-section #offer .offer-bundles .bundle .bundle-image {
  width: 100%;
  margin: 0 auto;
  max-width: 200px;
  min-height: 200px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center
}

@media only screen and (width <=768px) {
  body .offer-section #offer .offer-bundles .bundle .bundle-image {
    margin-bottom: 0;
    min-height: 0
  }
}

body .offer-section #offer .offer-bundles .bundle .bundle-image img {
  object-fit: contain;
  max-height: 200px;
  max-width: 200px;
  height: auto;
  width: 100%
}

body .offer-section #offer .offer-bundles .bundle.selected {
  z-index: 99;
  box-shadow: unset
}

@media(width <=767px) {
  body .offer-section #offer .offer-bundles .bundle.selected {
    border: 1px solid #818181;
    margin: 0 -5px
  }
}

@media(width >=768px) {
  body .offer-section #offer .offer-bundles .bundle.selected .ribbon.no-ribbon {
    border-bottom: 1px solid #818181
  }
}

body .offer-section #offer .offer-bundles .bundle.selected .stripe-payment-message.no-options {
  border-color: #828282
}

@media only screen and (width <=767px) {
  body .offer-section #offer .offer-bundles .bundle .bundle-container {
    padding: 5px;
    display: grid;
    gap: 0;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr min-content;
    margin-top: 24px
  }

  body .offer-section #offer .offer-bundles .bundle .bundle-container.no-ribbon {
    margin-top: 0
  }

  body .offer-section #offer .offer-bundles .bundle .bundle-container .card-top {
    grid-row: span 2
  }

  body .offer-section #offer .offer-bundles .bundle .bundle-container .card-bottom {
    padding: 0 0 5px
  }

  body .offer-section #offer .offer-bundles .bundle .bundle-container .card-bottom .cta-button {
    display: none
  }

  body .offer-section #offer .offer-bundles .bundle .bundle-container .stripe-payment-message {
    grid-column: span 2
  }
}

@media only screen and (width <=767px)and (width <=768px) {
  body .offer-section #offer .offer-bundles .bundle .bundle-container .stripe-payment-message {
    margin-bottom: 6px;
    padding-top: 12px;
    border-top: 1px solid rgba(129, 129, 129, .2)
  }
}

@media only screen and (width <=767px) {
  body .offer-section #offer .offer-bundles .bundle .bundle-title {
    display: none
  }

  body .offer-section #offer .offer-bundles .bundle .bundle-image {
    max-width: 100px
  }

  body .offer-section #offer .offer-bundles .bundle .bundle-image img {
    max-width: 120px
  }

  body .offer-section #offer .offer-bundles .bundle .promo-text {
    font-size: 14px;
    max-width: 90%;
    margin: 0 auto 9.5px;
    line-height: 18px
  }

  body .offer-section #offer .offer-bundles .bundle .promo-text span {
    font-size: inherit
  }

  body .offer-section #offer .offer-bundles .bundle .ribbon {
    position: absolute;
    transform: none;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 24px;
    line-height: 24px;
    justify-content: flex-start
  }

  body .offer-section #offer .offer-bundles .bundle .ribbon span {
    padding-left: 26px
  }
}

@media only screen and (width <=767px)and (width <=767px) {
  body .offer-section #offer .offer-bundles .bundle .whats-included-expander {
    margin-top: -9.5px
  }
}

@media only screen and (width <=767px) {

  body .offer-section #offer .offer-bundles .bundle .whats-included-link,
  body .offer-section #offer .offer-bundles .bundle .whats-included-link-close,
  body .offer-section #offer .offer-bundles .bundle .whats-included-link-reveal {
    font-size: 3.813vw;
    margin-left: 15px
  }
}

@media only screen and (width <=767px)and (width <=767px) {

  body .offer-section #offer .offer-bundles .bundle .whats-included-link,
  body .offer-section #offer .offer-bundles .bundle .whats-included-link-close,
  body .offer-section #offer .offer-bundles .bundle .whats-included-link-reveal {
    margin: 0;
    color: #000;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    text-decoration: none;
    padding-bottom: 5px
  }

  body .offer-section #offer .offer-bundles .bundle .whats-included-link::after,
  body .offer-section #offer .offer-bundles .bundle .whats-included-link-close::after,
  body .offer-section #offer .offer-bundles .bundle .whats-included-link-reveal::after {
    filter: unset;
    background: url(4cad1e7bace50cb203bf.svg) center center no-repeat;
    transform: rotate(180deg)
  }
}

@media only screen and (width <=767px) {
  body .offer-section #offer .offer-bundles .bundle .whats-included-link-close::after {
    transform: unset
  }

  body .offer-section #offer .offer-bundles .bundle .pricing-display .retail-price {
    font-size: .75rem;
    margin-top: 0;
    line-height: 14px
  }

  body .offer-section #offer .offer-bundles .bundle .pricing-display-container {
    margin-top: 7.25px
  }
}

@media only screen and (width <=767px)and (width <=767px) {
  body .offer-section #offer .offer-bundles .bundle .pricing-display-container {
    margin-top: 0
  }
}

@media only screen and (width <=767px) {
  body .offer-section #offer .offer-bundles .bundle .pricing-display-container .total-price {
    font-size: 18px;
    margin: 0;
    line-height: 20px
  }

  body .offer-section #offer .offer-bundles .bundle .pricing-display-container .total-price .per-each-label {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #000
  }

  body .offer-section #offer .offer-bundles .bundle .pricing-display-container .save {
    font-size: 11px;
    line-height: 13px
  }

  body .offer-section #offer .offer-bundles .bundle .pricing-display,
  body .offer-section #offer .offer-bundles .bundle .pricing-display span {
    font-size: .875rem
  }

  body .offer-section #offer .offer-bundles .bundle .ribbon::before {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    z-index: 90;
    top: 5px;
    left: 5px;
    background: #fff
  }

  body .offer-section #offer .offer-bundles .bundle:not(.selected) .ribbon::before {
    background: #fff;
    box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .5) inset;
    border-radius: 8px
  }

  body .offer-section #offer .offer-bundles .bundle .empty-ribbon::before {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    z-index: 90;
    top: 5px;
    left: 5px;
    background: #fff
  }

  body .offer-section #offer .offer-bundles .bundle.selected .empty-ribbon::before {
    background: url(28ece59e70a918ee6864.svg) center center no-repeat
  }

  body .offer-section #offer .offer-bundles .bundle.selected .ribbon::before {
    background: url(28ece59e70a918ee6864.svg) center center no-repeat;
    filter: invert(9)
  }

  body .offer-section #offer .offer-bundles .bundle.selected .ribbon.no-ribbon::before {
    filter: unset
  }
}

body .offer-section #offer .offer-bundles input[type=checkbox] {
  display: none
}

body .offer-section #offer .offer-bundles input[type=checkbox]:checked+label+.whats-included.reveal {
  max-height: 500px;
  padding: 10px 0
}

body .offer-section #offer .offer-bundles ul,
body .offer-section #offer .offer-bundles ol,
body .offer-section #offer .offer-bundles p {
  padding-left: 0;
  text-align: center;
  list-style-position: inside;
  font-size: 14px;
  color: #333;
  list-style-type: none
}

@media only screen and (width <=767px) {
  body .offer-section #offer .offer-bundles {
    padding: 0 0 15px
  }
}

@media only screen and (width >=767px) {
  body .offer-section #offer .offer-bundles {
    gap: 13px
  }
}

@supports(-webkit-appearance: none) and (not (translate: none)) {
  body .offer-section #offer .offer-bundles .card:not(:last-child) {
    margin-bottom: 13px
  }

  @media only screen and (width >=767px) {
    body .offer-section #offer .offer-bundles .card:not(:last-child) {
      margin-bottom: 0;
      margin-right: 1%
    }
  }
}

body .offer-section #offer .offer-bundle {
  height: 100%;
  padding: 34px 0 30px;
  width: 100%;
  max-width: 950px;
  margin: 0 auto
}

body .offer-section #offer .offer-bundle .bundle {
  border-radius: 0;
  border: 0;
  overflow: hidden;
  position: relative;
  transition: .2s ease-in-out
}

body .offer-section #offer .offer-bundle .bundle .bundle-title {
  display: none
}

body .offer-section #offer .offer-bundle .bundle .bundle-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 40px;
  height: 100%;
  text-align: center;
  padding: 0 10px
}

@media only screen and (width <=640px) {
  body .offer-section #offer .offer-bundle .bundle .bundle-container {
    grid-template-columns: repeat(1, 1fr)
  }
}

body .offer-section #offer .offer-bundle .bundle .bundle-container .card-top {
  grid-column: 1;
  grid-row: 1/span 2
}

@media only screen and (width <=640px) {
  body .offer-section #offer .offer-bundle .bundle .bundle-container .card-top {
    grid-column: 1;
    grid-row: 1
  }
}

body .offer-section #offer .offer-bundle .bundle .bundle-container .card-top .bundle-description {
  color: #1c1c1c;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

body .offer-section #offer .offer-bundle .bundle .bundle-container .card-body {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-direction: column-reverse
}

@media only screen and (width <=640px) {
  body .offer-section #offer .offer-bundle .bundle .bundle-container .card-body {
    grid-column: 1;
    grid-row: 2;
    margin-top: 16px
  }
}

body .offer-section #offer .offer-bundle .bundle .bundle-container .card-body .whats-included-title {
  font-size: .875rem
}

body .offer-section #offer .offer-bundle .bundle .bundle-container .card-body .whats-included-title+div p:first-child {
  margin-bottom: 0
}

body .offer-section #offer .offer-bundle .bundle .bundle-container .card-body ul {
  margin-top: 0
}

body .offer-section #offer .offer-bundle .bundle .bundle-container .card-body ul li {
  font-size: .8125rem
}

body .offer-section #offer .offer-bundle .bundle .bundle-container .card-bottom {
  padding: 10px 10px 20px;
  grid-column: 2;
  grid-row: 2
}

@media only screen and (width <=640px) {
  body .offer-section #offer .offer-bundle .bundle .bundle-container .card-bottom {
    grid-column: 1;
    grid-row: 3
  }
}

body .offer-section #offer .offer-bundle .bundle .promo-text span {
  display: none
}

body .offer-section #offer .offer-bundle .bundle .whats-included.reveal {
  max-height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  transition: .3s ease-in-out
}

body .offer-section #offer .offer-bundle .bundle .whats-included-link-reveal {
  color: #454545
}

body .offer-section #offer .offer-bundle .bundle .whats-included-link,
body .offer-section #offer .offer-bundle .bundle .whats-included-link-reveal,
body .offer-section #offer .offer-bundle .bundle .whats-included-link-close {
  font-weight: 500;
  margin: 10px 0;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: underline;
  display: inline-block;
  padding: 5px 0 10px;
  font-size: 1rem
}

body .offer-section #offer .offer-bundle .bundle .whats-included-link-reveal::after {
  position: relative;
  top: 4px;
  content: "";
  width: 17px;
  height: 17px;
  line-height: 17px;
  background: url(7ebd1daef135fe67c349.svg) center center no-repeat;
  border-radius: 50%;
  display: inline-block;
  transform: rotate(360deg);
  margin-left: 4px
}

@media(width <=767px) {
  body .offer-section #offer .offer-bundle .bundle .whats-included-link-reveal::after {
    margin-left: 0
  }
}

body .offer-section #offer .offer-bundle .bundle .whats-included-link-close::after {
  position: relative;
  top: 3px;
  content: "";
  width: 17px;
  height: 17px;
  line-height: 17px;
  background: url(7ebd1daef135fe67c349.svg) center center no-repeat;
  border-radius: 50%;
  display: inline-block;
  transform: rotate(180deg);
  margin-left: 4px
}

@media(width <=767px) {
  body .offer-section #offer .offer-bundle .bundle .whats-included-link-close::after {
    margin-left: 0
  }
}

body .offer-section #offer .offer-bundle .bundle .whats-included-title {
  font-weight: 700;
  color: #333
}

body .offer-section #offer .offer-bundle .bundle .pricing-display .retail-price {
  color: #1c1c1c;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  text-decoration: line-through
}

@media only screen and (width <=640px) {
  body .offer-section #offer .offer-bundle .bundle .pricing-display .retail-price {
    font-size: 24px
  }
}

body .offer-section #offer .offer-bundle .bundle .pricing-display .total-price {
  color: #1c1c1c;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.21px
}

@media only screen and (width <=640px) {
  body .offer-section #offer .offer-bundle .bundle .pricing-display .total-price {
    font-size: 30px;
    letter-spacing: -0.15px
  }
}

body .offer-section #offer .offer-bundle .bundle .pricing-display .save {
  color: #1c1c1c;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

body .offer-section #offer .offer-bundle .bundle .pricing-display_shipping {
  margin-top: 10px;
  color: #434339;
  font-size: 16px;
  font-weight: 600
}

body .offer-section #offer .offer-bundle .bundle .pricing-display_shipping img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px
}

body .offer-section #offer .offer-bundle .bundle .pricing-display_shipping_mobile {
  display: none
}

body .offer-section #offer .offer-bundle .bundle .qty-selector {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 10px -7px;
  width: calc(100% + 14px)
}

body .offer-section #offer .offer-bundle .bundle .qty-selector .label {
  flex: 0;
  height: 40px;
  position: relative;
  padding: 0 7px
}

body .offer-section #offer .offer-bundle .bundle .qty-selector .label span {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  font-weight: 600
}

body .offer-section #offer .offer-bundle .bundle .qty-selector .label .label-full {
  display: inline-block
}

body .offer-section #offer .offer-bundle .bundle .qty-selector .label .label-abrev {
  display: none
}

body .offer-section #offer .offer-bundle .bundle .qty-selector .ui-element {
  display: flex;
  justify-content: center;
  padding: 0 7px
}

body .offer-section #offer .offer-bundle .bundle .qty-selector .ui-element button {
  flex: 0 0 100%;
  color: #333;
  background-image: linear-gradient(to bottom, #eee 0, #ddd 100%);
  background-color: #ddd;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .2) inset;
  font-size: 28px;
  padding: 0;
  height: 36px;
  line-height: 36px;
  width: 40px;
  max-width: 40px;
  position: relative
}

body .offer-section #offer .offer-bundle .bundle .qty-selector .ui-element button[aria-label="+1"]::before {
  content: "+"
}

body .offer-section #offer .offer-bundle .bundle .qty-selector .ui-element button[aria-label="-1"]::before {
  content: "–";
  position: relative;
  top: -2px
}

body .offer-section #offer .offer-bundle .bundle .qty-selector .ui-element input {
  text-align: center;
  border: 0;
  user-select: none;
  pointer-events: none;
  height: 40px;
  line-height: 40px;
  padding: 0 5px;
  font-size: 17px;
  font-weight: 600;
  flex: 0 0 100%;
  max-width: 28px;
  background: rgba(0, 0, 0, 0)
}

body .offer-section #offer .offer-bundle .bundle .cta-message {
  margin: 10px 0;
  font-weight: 700;
  font-size: .875rem
}

body .offer-section #offer .offer-bundle .bundle .ribbon {
  font-size: 1rem;
  height: 35px;
  line-height: 35px;
  margin-left: 0;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 90;
  text-align: center
}

body .offer-section #offer .offer-bundle .bundle .ribbon span {
  font-weight: 600;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 1px;
  margin-bottom: 0;
  font-size: 16px
}

body .offer-section #offer .offer-bundle .bundle .bundle-image {
  width: 100%;
  margin: 0 auto;
  max-width: 200px;
  min-height: 200px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center
}

body .offer-section #offer .offer-bundle .bundle .bundle-image img {
  object-fit: contain;
  max-height: 200px;
  max-width: 200px;
  height: auto;
  width: 100%
}

body .offer-section #offer .offer-bundle .bundle.selected {
  transform: scale(1.03);
  z-index: 99
}

body .offer-section #offer .offer-bundle .bundle.selected .bundle-image {
  transform: scale(0.9708737864)
}

@media only screen and (width <=767px) {
  body .offer-section #offer .offer-bundle .bundle .cta-button {
    border-radius: 6px !important;
    width: 100%
  }
}

body .offer-section #offer .offer-bundle input[type=checkbox] {
  display: none
}

body .offer-section #offer .offer-bundle input[type=checkbox]:checked+label+.whats-included.reveal {
  max-height: 500px;
  padding: 10px 0
}

body .offer-section #offer .offer-bundle ul,
body .offer-section #offer .offer-bundle ol,
body .offer-section #offer .offer-bundle p {
  padding-left: 0;
  text-align: center;
  list-style-position: inside;
  list-style-type: none;
  font-size: 14px;
  color: #333
}

body .offer-section #offer .offer-section-heading {
  margin: 10px 0 0
}

body .offer-section #offer .offer-section-heading .offer-subheading {
  font-weight: 400;
  text-align: center;
  margin: 0 auto 11.5px;
  line-height: 20px;
  font-size: 15px
}

body .offer-section #offer .offer-section-heading .offer-subheading span {
  font-size: 15px;
  line-height: 20px
}

body .offer-section #offer .offer-section-heading .offer-subheading:has(+.checkout-countdown) {
  margin-bottom: 0
}

@media only screen and (width >=1024px) {
  body .offer-section #offer .offer-section-heading .offer-subheading {
    line-height: 1rem
  }

  body .offer-section #offer .offer-section-heading .offer-subheading span {
    font-size: 1.125rem
  }
}

body .offer-section #offer .offer-section-heading .offer-heading {
  font-weight: 400;
  line-height: 146.25%;
  margin: 0 0 7px;
  padding: 0 15px;
  text-decoration: inherit;
  font-size: 32px;
  text-align: center
}

body .offer-section #offer .offer-section-heading .offer-heading:has(+.checkout-countdown) {
  margin-bottom: 0
}

@media(width <=767px) {
  body .offer-section #offer .offer-section-heading .offer-heading {
    font-size: 22px;
    line-height: 32px;
    padding: 0;
    margin-bottom: 3.5px
  }
}

@media(width <=375px) {
  body .offer-section #offer .offer-section-heading .offer-heading {
    font-size: 1.4rem
  }
}

body .offer-section #offer .offer-section-heading .checkout-countdown {
  max-width: 100%;
  margin-bottom: 0
}

body .offer-section #offer .offer-section-heading .checkout-countdown .checkout-countdown-wrapper {
  background: rgba(0, 0, 0, 0)
}

body .offer-section #offer .offer-section-heading:has(.offer-subheading+.checkout-countdown)+.offer-bundles {
  padding-top: 0
}

@media(width <=767px) {
  body .offer-section #offer .offer-section-heading {
    margin-bottom: 0
  }
}

body .offer-section #offer .card {
  flex-basis: 33.33%
}

body .offer-section #offer .cta-button {
  user-select: none;
  cursor: pointer;
  font-weight: 700;
  line-height: 1.14;
  text-transform: uppercase
}

body .offer-section #offer .cta-button span {
  display: inline-block;
  padding: 0 10px
}

@media(width <=767px) {
  body .offer-section #offer {
    font-family: sans-serif
  }
}

body .offer-section .card-body {
  flex: 1 1 auto
}

body #offer-section {
  background: #ece8df
}

body .content-block--howToUse .image img {
  height: auto
}

body .full-width-image {
  display: grid;
  grid-template: "soloyo" 1fr/1fr;
  justify-items: center;
  width: 100%;
  overflow: hidden
}

body .full-width-image picture {
  grid-area: soloyo;
  width: 100%;
  max-width: 100%;
  height: auto
}

body .full-width-image picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center
}

body .full-width-image>img {
  grid-area: soloyo;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center center
}

body .full-width-image .image-text-overlay {
  grid-area: soloyo;
  width: calc(100% - 100px);
  height: calc(100% - 100px);
  display: flex;
  flex-direction: column;
  padding: 50px
}

body .full-width-image .image-text-overlay.centerTop {
  text-align: center;
  justify-content: flex-start;
  align-items: center
}

body .full-width-image .image-text-overlay.centerMiddle {
  text-align: center;
  justify-content: center;
  align-items: center
}

body .full-width-image .image-text-overlay.centerBottom {
  text-align: center;
  justify-content: flex-end;
  align-items: center
}

body .full-width-image .image-text-overlay.leftTop {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start
}

body .full-width-image .image-text-overlay.leftMiddle {
  text-align: left;
  justify-content: center;
  align-items: flex-start
}

body .full-width-image .image-text-overlay.leftBottom {
  text-align: left;
  justify-content: flex-end;
  align-items: flex-start
}

body .full-width-image .image-text-overlay.rightTop {
  text-align: right;
  justify-content: flex-start;
  align-items: flex-end
}

body .full-width-image .image-text-overlay.rightMiddle {
  text-align: right;
  justify-content: center;
  align-items: flex-end
}

body .full-width-image .image-text-overlay.rightBottom {
  text-align: right;
  justify-content: flex-end;
  align-items: flex-end
}

body .video-full-width .video-wrapper {
  width: 100%;
  height: 100%;
  min-height: 305px;
  position: relative
}

@media(width <=767px) {
  body .video-full-width .video-wrapper {
    min-height: unset
  }
}

body .video-full-width .video-wrapper .jwplayer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

body .video-full-width .sproutvideo-player {
  width: 100%;
  top: 0;
  left: 0
}

body .video-full-width .sproutvideo-player-preroll {
  z-index: 0
}

body #nav-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 88px;
  opacity: 0;
  visibility: hidden
}

body #nav-bottom.element-animation_show {
  z-index: 100;
  visibility: visible
}

body #nav-bottom .inner {
  height: 86px;
  background: #fff;
  box-shadow: 0 1px 1px 2px #ddd
}

body #nav-bottom .inner .row {
  max-width: 976px;
  margin: 0 auto;
  display: flex;
  height: 100%;
  padding: 0 15px;
  justify-content: space-between
}

body #nav-bottom .inner .logo img {
  height: 43px;
  width: auto;
  object-fit: contain
}

body #nav-bottom .inner .msg span {
  padding: 0 25px;
  display: inline-block
}

body #nav-bottom .left {
  flex: 0 0 60%;
  max-width: 66.6667%;
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 1.538%;
  padding-right: 1.538%
}

body #nav-bottom .right {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
  display: flex;
  align-items: center;
  justify-content: end;
  padding-left: 1.538%;
  padding-right: 1.538%
}

body .element-animation_show {
  opacity: 1 !important;
  z-index: 100;
  transition: opacity 1s;
  pointer-events: auto
}

body .button-holder .button {
  padding-left: 55px;
  padding-right: 55px
}

body .button {
  font-family: "Open Sans", Helvetica, Arial, sans-serif
}

@media(width <=767px) {
  body .content-block--whatIncluded img {
    width: 100%;
    height: auto
  }

  body .content-block--whatIncluded.mobile-list {
    padding-bottom: 30px
  }

  body .content-block--whatIncluded.mobile-list .grid-container {
    margin-top: 10px;
    margin-bottom: 0
  }

  body .content-block--whatIncluded.mobile-list .grid-container .grid {
    width: max-content;
    margin: 0 auto;
    max-width: 100%
  }

  body .content-block--whatIncluded.mobile-list .heading {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.1px;
    padding-top: 30px
  }

  body .content-block--whatIncluded.mobile-list .image-container {
    display: flex;
    flex-direction: row;
    align-items: normal;
    gap: 30px;
    margin: 0
  }

  body .content-block--whatIncluded.mobile-list .image-container .image {
    max-width: 50px;
    width: 100%
  }

  body .content-block--whatIncluded.mobile-list .image-container .inner {
    flex-direction: row !important;
    gap: 30px;
    padding-top: 15px
  }

  body .content-block--whatIncluded.mobile-list .image-container .caption {
    padding: 0;
    display: flex
  }

  body .content-block--whatIncluded.mobile-list .text-group {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    text-transform: none
  }

  body .content-block--whatIncluded.mobile-list .text-group .caption-heading {
    min-width: 80px;
    width: 80px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0;
    text-transform: none;
    overflow-wrap: break-word
  }

  body .content-block--whatIncluded.mobile-list .text-group .caption-copy {
    width: 120px;
    overflow-wrap: break-word
  }

  body .content-block--whatIncluded.mobile-list .text-group .caption-copy p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0
  }

  body #nav-bottom .left {
    display: none
  }

  body #nav-bottom .right {
    width: 100%;
    max-width: 100%;
    flex: auto
  }

  body #nav-bottom .button-holder {
    width: 100%;
    text-align: center;
    display: contents
  }

  body #nav-bottom .button {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    max-width: none;
    margin: 0 auto
  }

  body #nav-bottom:not(.element-animation_show) {
    pointer-events: none
  }

  body .s1 .grid {
    margin-bottom: 0
  }

  body .s1 .grid img {
    max-width: 65px
  }

  body .s1 .left {
    padding-bottom: 36px
  }

  body .s5 .grid-container .grid {
    display: flex;
    margin: auto;
    width: 100%
  }

  body .s5 .grid-container .grid .image-container {
    width: 100%;
    margin: auto
  }

  body #offer .offer-section-heading .offer-heading {
    font-size: 22px;
    padding: 0;
    margin-bottom: 6.75px
  }

  body #offer .offer-bundles .bundle .ribbon span {
    font-size: .75rem
  }
}

@media only screen and (width <=1200px) {

  body .content-block--heroSection .right,
  body .content-block--heroSection .left {
    width: 50%
  }

  body .content-block--heroSection .inner {
    width: 87px
  }

  body .s4 .left:not(.text-block),
  body .s4 .right:not(.text-block) {
    display: flex
  }
}

@media(width <=767px) {

  body a.button,
  body div.button {
    max-width: 600px;
    margin: 0 auto;
    font-size: 1.25rem;
    width: auto;
    padding: 15px 20px
  }

  body .s1 {
    flex-direction: column;
    text-align: center
  }
}

@media(width <=767px)and (width <=767px) {
  body .s1 .left {
    padding-top: 40px
  }
}

@media(width <=767px) {
  body .s1 .grid .image-container {
    max-width: 65px
  }

  body .s1 .section-title {
    top: 5px;
    transform: none;
    font-size: .875rem
  }

  body .s1 h1 {
    text-align: center;
    font-size: 36px
  }

  body .s1 .description {
    font-size: 16px;
    margin: 0 auto 25px
  }

  body .s1 .grid {
    flex-wrap: wrap;
    justify-content: space-around
  }

  body .s1 .video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px
  }

  body .s1 .video-wrapper .jwplayer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
  }

  body .s1 .section-title {
    width: 100%;
    text-align: center
  }

  body .s1 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
  }

  body .s1 iframe.sproutvideo-player {
    z-index: 2
  }

  body .s1 .right {
    width: 100%
  }

  body .s2 .grid {
    flex-wrap: wrap;
    justify-content: center
  }

  body .s2 .grid .image-container {
    flex: 0 0 50% !important;
    text-align: center;
    position: relative
  }

  body .s2 .grid .image-container .inner {
    flex-direction: column;
    margin-bottom: 30px
  }

  body .s2 .slider-container .image-container {
    max-width: none
  }

  body .s3 {
    flex-direction: column;
    text-align: center
  }

  body .s3 h2.top::after {
    left: 50%;
    margin-left: -15px;
    content: "";
    width: 30px;
    height: 1px;
    position: absolute;
    bottom: 0
  }

  body .s3 .left {
    border-right: none
  }

  body .s4 .item {
    flex-direction: column
  }

  body .s4 .item:nth-child(2) .left {
    order: 2
  }

  body .s4 .item:nth-child(2) .right {
    order: 1
  }

  body .s4 iframe,
  body .s4 .jwplayer {
    height: 75vw;
    width: calc(100% - 30px);
    margin: 0 auto;
    padding: 0 15px
  }

  body .s5 .grid-container .grid {
    flex-direction: column
  }

  body .s7 .grid {
    flex-direction: column
  }

  body .s7 .grid .image-container img {
    width: 100%;
    height: auto
  }

  body .s8 {
    flex-direction: column
  }

  body .s8 .subhead {
    text-align: center
  }

  body .s8 .subhead::after {
    left: 50%;
    margin-left: -15px
  }

  body .s8 .heading {
    text-align: center
  }

  body .s8 .icon-strip-block .grid-container .grid {
    flex-direction: column
  }

  body .s8 .icon-strip-block .grid-container .grid .image-container .inner.caption-position-right .caption {
    display: flex;
    align-items: center
  }

  body .s8 .icon-strip-block .grid-container .grid .image-container .inner .image {
    width: 55px;
    max-width: 55px
  }

  body .s8 .icon-strip-block .grid-container .grid .image-container .inner .caption .text-group .caption-copy {
    font-size: 1rem
  }

  body .s8 .inner .image img {
    width: 45px !important
  }

  body .s8 .right {
    padding-left: 0
  }

  body .s8 .image-container img {
    object-fit: contain
  }

  body .s8.content-block--features {
    padding: 20px 20px 50px
  }

  body .s9 .block-content {
    flex-direction: column-reverse;
    padding: 50px 20px 0;
    padding: 0 20px
  }

  body .s9 .block-content .image-container {
    justify-content: center !important
  }

  body .s9 .block-content.imageFullBleed {
    padding: 0
  }

  body .s9 .block-content.imageFullBleed .image-container {
    width: 100%
  }

  body .s9 .block-content.imageFullBleed .image-container picture {
    width: 100%
  }

  body .s9 .block-content.imageFullBleed .image-container picture img {
    width: 100%
  }

  body .s9 .block-content.imageFullBleed .text-group {
    margin: 0 20px
  }

  body .s10 {
    padding: 0 20px 50px
  }

  body #offer .offer-bundles {
    flex-direction: column
  }

  body .divider {
    display: none
  }

  body .s1 .description p {
    font-size: 16px
  }

  body .s3 .right p {
    font-size: 16px
  }

  body .s4 .text p {
    text-align: center
  }

  body .s4 .right,
  body .s4 .right.text-block,
  body .s4 .left,
  body .s4 .left.text-block {
    width: auto
  }

  body .s4 .text-block .subhead {
    text-align: center
  }

  body .s4 .text-block .subhead::after {
    left: 50%;
    transform: translateX(-50%)
  }

  body .s4 .text-block .heading {
    text-align: center
  }

  body .content-block--heroSection .right,
  body .content-block--heroSection .left {
    width: 100%
  }

  body .content-block--heroSection .inner {
    width: auto
  }

  body .s5 {
    padding: 0 20px 20px
  }

  body .s5 .heading {
    font-size: 1.6875rem;
    font-family: sans-serif;
    -webkit-font-smoothing: antialiased;
    padding-left: 10px;
    padding-right: 10px
  }

  body .s9 .has-text-color {
    text-align: center
  }

  body .s10 .section-heading .heading {
    font-size: 1.6875rem;
    padding: 10px 20px 20px
  }

  body .s10 .section-heading div {
    padding: 0 20px
  }

  body #offer {
    padding-top: 5px;
    font-family: sans-serif;
    padding-bottom: 20px
  }

  body #offer .offer-bundles {
    gap: 8px
  }

  body #offer .offer-section-heading {
    margin-bottom: 0
  }

  body #offer .cta-button {
    border-radius: 1000px !important;
    box-shadow: none;
    width: calc(100vw - 40px);
    background: #f6c347;
    max-width: 600px;
    margin: 0 auto;
    font-size: 1.25rem
  }

  body #offer .offer-section-heading .offer-subheading {
    margin-bottom: 10px;
    line-height: 1rem
  }

  body #offer .bundle-container .whats-included-link-close,
  body #offer .bundle-container .whats-included-link-reveal {
    margin: 0;
    text-decoration: none;
    padding: 5px 0
  }

  body #offer .bundle-container .card-body {
    padding-bottom: 10px;
    align-self: center;
    width: 100%
  }

  body #offer .bundle-container .card-body .whats-included-title {
    font-size: .875rem
  }

  body #offer .bundle-container .card-body .whats-included-title+div p:first-child {
    margin-bottom: 0
  }

  body #offer .bundle-container .card-body ul {
    margin-top: 0
  }

  body #offer .bundle-container .card-body ul li {
    font-size: .8125rem
  }

  body .offer-section .site-logo-bundles {
    display: block
  }

  body .offer-section .site-logo-bundles img {
    max-height: 25px;
    width: auto;
    height: 25px;
    margin: 4px auto
  }

  body .s10 .grid-container .grid .image-container .caption .text-group .caption-heading {
    height: auto
  }

  body #footer-badges {
    background-color: #fff !important;
    border: none !important
  }

  body #footer-badges .footer-badge-container {
    flex-wrap: wrap;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px 0
  }

  body #footer-badges .footer-badge-container .payment-badge img {
    margin: 0 10px !important
  }

  body #footer-badges .footer-badge-container .payment-badge img.discover {
    max-width: 54px
  }

  body #footer-badges .footer-badge-container .payment-badge img.american-express {
    max-width: 66px
  }

  body #footer-badges .footer-badge-container .payment-badge img.mastercard {
    max-width: 28px
  }

  body #footer-badges .footer-badge-container .payment-badge img.visa {
    max-width: 38px
  }

  body #footer-badges .footer-badge-container .payment-badge img.paypal {
    max-width: 62px
  }

  body #footer-badges .footer-badge-container .payment-badge img.stripe-secure {
    max-width: 95px
  }

  body #footer-badges .footer-badge-container .payment-badge:first-child {
    display: none
  }

  body #footer-badges .mobile-only.guarantee h4 {
    display: inline-block;
    padding: 5px;
    background: #fff7e3;
    font-family: sans-serif;
    font-size: .9375rem;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 15px
  }

  body .mobile-only {
    display: block
  }

  body .desktop-only {
    display: none
  }

  body #faq {
    padding: 0 0 10px;
    overflow: hidden;
    background: #fff;
    border: none;
    margin-top: -1px
  }

  body #faq .open {
    font-family: sans-serif;
    font-size: 16px;
    font-weight: 400
  }

  body #faq .open .faq {
    color: #333;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 16px;
    font-weight: 400
  }

  body .s1 .description p {
    font-size: 16px
  }

  body .s3 .right p {
    font-size: 16px !important
  }

  body .s4 .text-block .subhead {
    text-align: center
  }

  body .s4 .text-block .heading {
    text-align: center
  }
}

body .row-form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px
}

body .col-12 {
  flex: 0 0 100%;
  max-width: 100%
}

body .col-6 {
  flex: 0 0 50%;
  max-width: 50%
}

body .row {
  display: flex;
  flex-wrap: wrap
}

body .col-12 {
  flex: 0 0 100%;
  max-width: 100%
}

body .col-4 {
  flex: 0 0 33.3333%;
  max-width: 33.3333%
}

body .width-2 {
  width: 100%;
  display: flex;
  gap: 10px
}

body .width-2 .p1,
body .width-2 .p2 {
  max-width: 50%;
  width: 100%
}

body .width-3 {
  width: 100%;
  display: flex;
  gap: 10px
}

body .width-3 .p1,
body .width-3 .p2,
body .width-3 .p3 {
  max-width: 33.33%;
  width: 100%
}

body .products .product .aspect:last-child {
  width: 65px;
  max-width: 65px
}

body .footer-popups {
  margin: 20px auto;
  display: flex;
  justify-content: center;
  color: #919b9a;
  font-size: 14px;
  cursor: pointer;
  padding-left: 15px;
  padding-right: 15px;
  max-width: fit-content;
  flex-wrap: wrap
}

body .footer-popups button {
  font-size: 14px;
  font-weight: 400
}

body .footer-popups .ot-sdk-show-settings {
  color: #919b9a !important;
  font-size: 14px !important;
  cursor: pointer;
  border: none !important;
  padding: 0 !important;
  line-height: 1.2;
  margin-right: 56px;
  margin-left: 0;
  background-color: rgba(0, 0, 0, 0) !important
}

body .footer-popups .ot-sdk-show-settings:hover {
  background-color: rgba(0, 0, 0, 0) !important
}

@media only screen and (width <=768px) {
  body .footer-popups .ot-sdk-show-settings {
    margin-right: 30px
  }
}

body .footer-popups>div:not(:last-child) {
  margin-right: 56px
}

@media only screen and (width <=768px) {
  body .footer-popups>div:not(:last-child) {
    margin-right: 30px;
    padding-bottom: 20px
  }
}

body .divider {
  width: 50px;
  position: relative
}

body .divider::after {
  content: "";
  border-right: 1px solid #cbcac9;
  position: absolute;
  top: 10%;
  left: 50%;
  margin-left: -1px;
  height: 80%;
  width: 1px
}

body .carousel button {
  box-shadow: none
}

body .site-logo-bundles {
  display: none
}

@media only screen and (width >=991px) {
  body .s8 .image img {
    margin-bottom: auto;
    margin-top: auto
  }
}

@media only screen and (width >=768px)and (width <=991px) {
  body .s8 {
    align-items: center
  }

  body .s8 .is-style-main-heading {
    font-size: 1.875rem
  }

  body .s8 .icon-strip-block .grid-container .grid {
    display: block
  }

  body .s8 .icon-strip-block .grid-container .grid .image-container .inner .image {
    width: 70px;
    max-width: 70px;
    height: 70px;
    max-height: 70px
  }

  body .s8 .icon-strip-block .grid-container .grid .image-container .inner.caption-position-right .caption {
    height: 100%;
    max-height: 70px
  }
}

@media only screen and (width <=1024px) {
  body .s1 .description {
    max-width: 410px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
  }

  body .s1 .description ul {
    list-style: none !important;
    padding: 0
  }

  body .icon-strip-block img.colorize-gray {
    filter: grayscale(100%) brightness(0) contrast(40%)
  }
}

.content-block--guarantees h2 {
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  color: var(--default-text-color);
  margin-bottom: 20px
}

.content-block--guarantees p.subhead {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 40px
}

.content-block--guarantees .image {
  text-align: center;
  flex-shrink: 0
}

.content-block--guarantees .image img {
  width: 50px;
  margin: 0 auto 17px;
  height: auto
}

.content-block--guarantees .image.round img {
  width: 100px
}

.content-block--guarantees .image img.min-height-guarantees {
  min-height: 50px
}

.content-block--guarantees .caption-heading {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.32px;
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 10px
}

.content-block--guarantees .caption-copy {
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.content-block--guarantees .caption-copy p {
  margin-bottom: 0
}

.content-block--guarantees .layout.border1 .image-container,
.content-block--guarantees .layout3Column.border1 .image-container {
  border-radius: 0;
  background: none;
  box-shadow: none
}

.content-block--guarantees .layout.border .image-container,
.content-block--guarantees .layout3Column.border .image-container {
  border-radius: 8px;
  background: #f7f8fa
}

.content-block--guarantees .layout .grid,
.content-block--guarantees .layout3Column .grid {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  justify-content: space-between
}

.content-block--guarantees .layout .grid .inner,
.content-block--guarantees .layout3Column .grid .inner {
  padding: 20px 7%
}

.content-block--guarantees .layout .grid .image-container,
.content-block--guarantees .layout3Column .grid .image-container {
  width: 32%;
  margin-bottom: 20px;
  align-items: stretch;
  display: flex;
  justify-content: center
}

.content-block--guarantees .layout.position-left .grid .inner,
.content-block--guarantees .layout3Column.position-left .grid .inner {
  display: flex;
  flex-wrap: nowrap;
  gap: 8%;
  padding: 0
}

.content-block--guarantees .layout.position-left .grid .inner .caption-heading,
.content-block--guarantees .layout.position-left .grid .inner .caption-copy,
.content-block--guarantees .layout3Column.position-left .grid .inner .caption-heading,
.content-block--guarantees .layout3Column.position-left .grid .inner .caption-copy {
  text-align: left
}

.content-block--guarantees .layout.position-left .image img,
.content-block--guarantees .layout3Column.position-left .image img {
  width: 36px
}

.content-block--guarantees .layout.position-left .image-container,
.content-block--guarantees .layout3Column.position-left .image-container {
  width: 30%;
  margin-bottom: 20px;
  align-items: stretch;
  display: flex;
  justify-content: left
}

@media(width <=768px) {

  .content-block--guarantees .layout .grid,
  .content-block--guarantees .layout3Column .grid {
    flex-direction: column
  }

  .content-block--guarantees .layout .grid .image-container,
  .content-block--guarantees .layout3Column .grid .image-container {
    width: 100%
  }

  .content-block--guarantees .layout.position-left .grid .image-container,
  .content-block--guarantees .layout3Column.position-left .grid .image-container {
    width: 100%
  }
}

.content-block--guarantees .layout2Column.border .image-container {
  border-radius: 8px;
  background: #f7f8fa;
  margin-bottom: 20px
}

.content-block--guarantees .layout2Column .grid {
  display: flex;
  flex-wrap: wrap;
  gap: 3%;
  justify-content: space-between
}

.content-block--guarantees .layout2Column .grid .inner {
  padding: 20px 4.5%
}

.content-block--guarantees .layout2Column .grid .image-container {
  width: 48.5%;
  align-items: stretch;
  display: flex;
  justify-content: center
}

.content-block--guarantees .layout2Column.position-left .grid {
  gap: 4%
}

.content-block--guarantees .layout2Column.position-left .grid .inner {
  display: flex;
  flex-wrap: nowrap;
  gap: 6%;
  padding: 0
}

.content-block--guarantees .layout2Column.position-left .grid .inner .caption-heading,
.content-block--guarantees .layout2Column.position-left .grid .inner .caption-copy {
  text-align: left
}

.content-block--guarantees .layout2Column.position-left .grid .image img {
  width: 36px
}

.content-block--guarantees .layout2Column.position-left .grid .image-container {
  width: 47.5%;
  margin-bottom: 20px;
  align-items: stretch;
  display: flex;
  padding: 0;
  justify-content: left
}

@media(width <=768px) {
  .content-block--guarantees .layout2Column .grid {
    flex-direction: column
  }

  .content-block--guarantees .layout2Column .grid .image-container {
    width: 100%
  }

  .content-block--guarantees .layout2Column.position-left .grid .image-container {
    width: 100%
  }
}

.content-block--guarantees .layout1Column.border .image-container {
  border-radius: 8px;
  background: #f7f8fa
}

.content-block--guarantees .layout1Column .grid {
  display: flex;
  flex-wrap: wrap
}

.content-block--guarantees .layout1Column .grid .image-container {
  width: 100%;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  align-items: stretch;
  display: flex;
  justify-content: center
}

.content-block--guarantees .layout1Column.position-left .image img {
  width: 32px
}

.content-block--guarantees .layout1Column.position-left .image-container {
  padding: 0;
  width: 100%;
  justify-content: start
}

.content-block--guarantees .layout1Column.position-left .caption-copy,
.content-block--guarantees .layout1Column.position-left .caption-heading {
  text-align: left
}

.content-block--guarantees .layout1Column.position-left .inner {
  display: flex;
  gap: 2.5%
}

.content-block--guarantees .layout1Column.position-left .inner .caption {
  padding: 5px 0 0
}

@media(width <=768px) {
  .content-block--guarantees .layout1Column .grid {
    flex-direction: column
  }

  .content-block--guarantees .layout1Column .grid .image-container {
    width: 100%
  }

  .content-block--guarantees .layout1Column.position-left .grid .image-container {
    width: 100%
  }
}

body.rtl .s3 h2.top::after {
  left: auto;
  right: 0
}

body.rtl .s3 .left {
  border-right: 0;
  border-left: 1px solid rgba(0, 0, 0, .1)
}

body.rtl .s4 .text-block .subhead {
  text-align: right
}

body.rtl .s4 .text-block .subhead::after {
  left: auto;
  right: 0
}

body.rtl .s4 .text-block .heading {
  text-align: right
}

body.rtl .s5 .grid-container .caption-heading {
  text-align: right
}

body.rtl .s5 .grid-container .caption-heading.left {
  text-align: right
}

body.rtl .s5 .grid-container .caption-heading.right {
  text-align: left
}

body.rtl .s5 .grid-container .caption-copy {
  text-align: right
}

body.rtl .s5 .grid-container .caption-copy.left {
  text-align: right
}

body.rtl .s5 .grid-container .caption-copy.right {
  text-align: left
}

body.rtl .s8 .subhead {
  text-align: right
}

body.rtl .s8 .subhead::after {
  left: auto;
  right: 0
}

body.rtl .s8 .heading {
  text-align: right
}

body.rtl .s8 .icon-strip-block .grid-container .grid .image-container .inner .caption .text-group .caption-copy {
  text-align: right
}

@media only screen and (width <=767px) {
  body.rtl .offer-section #offer .offer-bundles .bundle .ribbon {
    left: auto;
    right: 0
  }

  body.rtl .offer-section #offer .offer-bundles .bundle .ribbon::before {
    right: 5px !important
  }
}

@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  src: url(a326ef9a2bd62d0c5394.woff2) format("woff2"), url(0b7ebb30c248fcda7217.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  src: url(f1342c5b841e614b40da.woff2) format("woff2"), url(96215ce43fd0974dfec7.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  src: url(cf99b64f6df6ea7155d1.woff2) format("woff2"), url(3d2caca3865b8f436214.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  src: url(66b322ee99e7c6fba410.woff2) format("woff2"), url(81fe4dccc3f94637c188.ttf) format("truetype")
}

.row {
  flex-flow: row nowrap;
  justify-content: center
}

@media(width <=1200px) {
  .row {
    margin: 0
  }
}

@media(max-width: 934px) {
  .row {
    flex-wrap: wrap
  }
}

#checkout-logo-wrapper {
  display: flex;
  align-items: center;
  max-width: 558px;
  min-width: 558px;
  margin-bottom: 25px;
  margin-top: 25px
}

@supports(margin: max(0px)) {
  #checkout-logo-wrapper {
    margin-top: max(env(safe-area-inset-top), 25px)
  }
}

@media(width <=1200px) {
  #checkout-logo-wrapper {
    min-width: unset;
    width: 100%
  }
}

@media(max-width: 934px) {
  #checkout-logo-wrapper {
    justify-content: space-between;
    max-width: unset;
    margin-top: 14px;
    margin-bottom: 14px;
    gap: 20px
  }

  @supports(margin: max(0px)) {
    #checkout-logo-wrapper {
      margin-top: max(env(safe-area-inset-top), 14px)
    }
  }
}

#checkout-logo-wrapper #checkout-logo-back {
  margin-right: 20px;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer
}

#checkout-logo-wrapper #checkout-logo {
  cursor: pointer
}

#checkout-logo-wrapper #checkout-logo img {
  height: 32px;
  width: auto
}

#checkout-logo-wrapper #checkout-logo img.tall {
  max-height: 40px
}

@media(max-width: 934px) {
  #checkout-logo-wrapper #checkout-logo img {
    height: 24px
  }
}

#cart-details {
  flex-basis: 40%;
  margin: 96px 42px;
  max-width: 470px;
  z-index: 500
}

@media(width <=1366px) {
  #cart-details {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0;
    margin-right: 0;
    max-width: unset;
    flex-basis: 48%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column
  }
}

@media(max-width: 934px) {
  #cart-details {
    flex-basis: 100%;
    width: 100% !important;
    position: static !important;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px
  }
}

#payment-form {
  flex-basis: 40%;
  margin: 0;
  box-shadow: none;
  border-radius: 0;
  border-right: 1px solid rgba(0, 0, 0, .1019607843);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-right: 62px;
  padding-bottom: 0;
  height: 100%;
  max-height: 100%;
  background: #fff
}

@media(width <=1366px) {
  #payment-form {
    padding-left: 20px;
    padding-right: 20px;
    flex-basis: 48%;
    align-items: flex-start
  }
}

@media(max-width: 934px) {
  #payment-form {
    flex-basis: 100%;
    box-shadow: none;
    padding-top: 6px;
    max-width: unset;
    border-right: none
  }
}

#payment-form .checkout-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 558px;
  min-width: 558px
}

@media(width <=1366px) {
  #payment-form .checkout-container {
    max-width: unset;
    width: 100%
  }
}

@media(width <=1200px) {
  #payment-form .checkout-container {
    min-width: unset;
    width: 100%
  }
}

@media(max-width: 934px) {
  #payment-form .checkout-container {
    max-width: unset
  }
}

#payment-form .checkout-container h2 {
  font-family: inter, "Open Sans", helvetica, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  margin-bottom: 16px;
  margin-top: 40px;
  flex-basis: 100%;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  color: #000
}

#payment-form .checkout-container h2#contact-information-header,
#payment-form .checkout-container h2:first-child {
  margin-top: 0
}

#payment-form .checkout-container h3 {
  font-family: inter, "Open Sans", helvetica, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #697386;
  flex-basis: 100%
}

#payment-form .checkout-container #link-authentication-element {
  width: 100%
}

#payment-form .checkout-container #link-authentication-element.error {
  border: 1px solid #df1b41;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .03), 0 3px 6px rgba(0, 0, 0, .02), 0 0 0 1px #df1b41;
  border-radius: 5px
}

#payment-form .checkout-container .shipping-info-wrapper {
  display: flex;
  flex-direction: column;
  border: 1px solid #e8e8eb;
  border-radius: 6px;
  padding: 17px;
  width: 100%
}

#payment-form .checkout-container .shipping-info-wrapper .shipping-info-row {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e8e8eb;
  padding-top: 12px;
  padding-bottom: 12px
}

#payment-form .checkout-container .shipping-info-wrapper .shipping-info-row:first-child {
  padding-top: 0
}

#payment-form .checkout-container .shipping-info-wrapper .shipping-info-row:last-child {
  border: unset;
  padding-bottom: 0
}

#payment-form .checkout-container .shipping-info-wrapper .shipping-info-row .shipping-info-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

#payment-form .checkout-container .shipping-info-wrapper .shipping-info-row .shipping-info-label-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  text-overflow: ellipsis
}

#payment-form .checkout-container .shipping-info-wrapper .shipping-info-row .shipping-info-label-wrapper.wrap {
  flex-wrap: nowrap;
  word-break: break-all
}

#payment-form .checkout-container .shipping-info-wrapper .shipping-info-row .shipping-info-label {
  color: #777;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  overflow-wrap: break-word;
  white-space: nowrap
}

#payment-form .checkout-container .shipping-info-wrapper .shipping-info-row .shipping-info-action {
  color: red;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 17px
}

#payment-form .checkout-container .shipping-info-wrapper .shipping-info-row .shipping-info-value {
  margin-top: 4px;
  display: block;
  width: 100%;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%
}

@media(max-width: 934px) {
  #payment-form .checkout-container .shipping-info-wrapper .shipping-info-row .shipping-info-value .shipping-info-value-email {
    word-break: break-all
  }

  #payment-form .checkout-container .shipping-info-wrapper .shipping-info-row .shipping-info-value.shipping-info-value-shipping {
    display: block
  }
}

#payment-form .checkout-container #stripe-phone-input,
#payment-form .checkout-container #paypal-phone-input {
  width: 100%;
  height: 46px;
  margin-bottom: 10px;
  overflow: visible
}

#payment-form .checkout-container #stripe-phone-input.phone-error,
#payment-form .checkout-container #paypal-phone-input.phone-error {
  border: 1px solid #df1b41;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .03), 0 3px 6px rgba(0, 0, 0, .02), 0 0 0 1px #df1b41;
  border-radius: 5px
}

#payment-form .checkout-container #stripe-phone-input .vue-tel-input,
#payment-form .checkout-container #paypal-phone-input .vue-tel-input {
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  height: 44px;
  display: flex;
  align-items: center
}

#payment-form .checkout-container #stripe-phone-input .vue-tel-input:focus-within,
#payment-form .checkout-container #paypal-phone-input .vue-tel-input:focus-within {
  border: 1px solid #fff
}

#payment-form .checkout-container #stripe-phone-input .vue-tel-input .vti__dropdown:hover,
#payment-form .checkout-container #paypal-phone-input .vue-tel-input .vti__dropdown:hover {
  background-color: unset
}

#payment-form .checkout-container #stripe-phone-input .vue-tel-input .vti__dropdown.open .vti__dropdown-list,
#payment-form .checkout-container #paypal-phone-input .vue-tel-input .vti__dropdown.open .vti__dropdown-list {
  margin-top: 11px
}

#payment-form .checkout-container #stripe-phone-input .vue-tel-input .vti__selection .vti__flag,
#payment-form .checkout-container #paypal-phone-input .vue-tel-input .vti__selection .vti__flag {
  width: 20px !important
}

#payment-form .checkout-container #stripe-phone-input .vue-tel-input .vti__selection .vti__country-code,
#payment-form .checkout-container #paypal-phone-input .vue-tel-input .vti__selection .vti__country-code {
  padding: 0 8px 0 4px;
  font-size: 16px;
  font-family: inter, "Open Sans", helvetica, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #30313d
}

#payment-form .checkout-container #stripe-phone-input .vue-tel-input .vti__input,
#payment-form .checkout-container #paypal-phone-input .vue-tel-input .vti__input {
  border-radius: 0 6px 6px 0;
  padding-left: 0
}

#payment-form .checkout-container #stripe-phone-input:focus-within,
#payment-form .checkout-container #paypal-phone-input:focus-within {
  outline: 0;
  border-color: hsla(210, 96%, 45%, .5);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .03), 0 3px 6px rgba(0, 0, 0, .02), 0 0 0 3px hsla(210, 96%, 45%, .25), 0 1px 1px 0 rgba(0, 0, 0, .08);
  border-radius: 5px
}

#payment-form .checkout-container #stripe-phone-input input,
#payment-form .checkout-container #paypal-phone-input input {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #30313d;
  font-family: inter, "Open Sans", helvetica, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  line-height: 18.4px;
  border-radius: 5px;
  border: none;
  word-spacing: 0
}

#payment-form .checkout-container #stripe-phone-input input::placeholder,
#payment-form .checkout-container #paypal-phone-input input::placeholder {
  font-size: 14px;
  color: #757680
}

@media(max-width: 934px) {

  #payment-form .checkout-container #stripe-phone-input input,
  #payment-form .checkout-container #paypal-phone-input input {
    height: 36px
  }
}

#payment-form .checkout-container #stripe-phone-input {
  margin-top: 3px
}

#payment-form .checkout-container .phone-input-error {
  margin-bottom: 8px;
  color: #df1b41;
  font-size: 12px;
  font-family: Inter, Helvetica, Arial, sans-serif
}

@media(max-width: 934px) {
  #payment-form .checkout-container#shipping-method .shipping-info-wrapper {
    display: none
  }
}

#payment-form .checkout-container#shipping-method h2 {
  margin-bottom: 10px
}

@media(max-width: 934px) {
  #payment-form .checkout-container#shipping-method h2 {
    margin-top: 0
  }
}

#payment-form .checkout-container#contact-information {
  min-height: 150px
}

#payment-form .checkout-container #email-me-wrapper {
  margin-top: 16px
}

@media(max-width: 934px) {
  #payment-form .checkout-container #email-me-wrapper {
    margin: 20px 0 10px
  }
}

#payment-form .checkout-container #email-me-wrapper #email-me-label {
  padding-top: 1px;
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 0;
  cursor: pointer;
  user-select: none;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #222;
  -webkit-tap-highlight-color: hsla(0, 0%, 100%, 0)
}

@media(max-width: 934px) {
  #payment-form .checkout-container #email-me-wrapper #email-me-label {
    font-size: 12px;
    line-height: 14px
  }
}

#payment-form .checkout-container #email-me-wrapper #email-me-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0
}

#payment-form .checkout-container #email-me-wrapper #email-me-checkmark {
  position: absolute;
  top: -1px;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: #fff
}

#payment-form .checkout-container #email-me-wrapper #email-me-checkmark::after {
  content: "";
  position: absolute;
  display: none
}

#payment-form .checkout-container #email-me-wrapper #email-me-label input:checked~#email-me-checkmark::after {
  display: block
}

#payment-form .checkout-container#shipping-address {
  min-height: 142px;
  margin-bottom: 35px;
  margin-top: 35px
}

@media(max-width: 934px) {
  #payment-form .checkout-container#shipping-address {
    margin-top: 20px
  }
}

#payment-form .checkout-container#shipping-address #address-phone-note {
  font-family: Inter, "Open Sans", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16.5px;
  color: #222
}

#payment-form .checkout-container#shipping-address #address-phone-note.phone-error {
  color: #df1b41 !important
}

#payment-form .checkout-container#paypal-confirm {
  margin-bottom: 30px
}

#payment-form .checkout-container#paypal-confirm .shipping-info-wrapper {
  margin-bottom: 30px
}

#payment-form .checkout-container#paypal-confirm .shipping-info-wrapper #paypal-logo {
  display: flex;
  align-items: center;
  margin-right: 16px
}

#payment-form .checkout-container#paypal-confirm #paypal-phone-header {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin-top: 0;
  margin-bottom: 10px
}

#payment-form .checkout-container#paypal-confirm #paypal-phone-note {
  color: #222;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%
}

#payment-form .checkout-container#paypal-confirm #paypal-phone-note.phone-error {
  color: #df1b41 !important
}

#payment-form .checkout-container#paypal-confirm #paypal-order-review-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 17px 20px 14px;
  border: 1px solid #e8e8eb;
  border-radius: 6px
}

#payment-form .checkout-container#paypal-confirm #paypal-order-review-container #paypal-order-review-header {
  display: flex;
  flex-direction: column;
  margin-right: 20px
}

#payment-form .checkout-container#paypal-confirm #paypal-order-review-container #paypal-order-review-header b {
  margin-bottom: 5px
}

#payment-form .checkout-container#paypal-confirm #paypal-order-review-container #paypal-order-review-header span {
  font-size: 12px;
  color: #697386
}

#payment-form .checkout-container#paypal-confirm #paypal-order-review-container #paypal-order-review {
  min-width: 150px
}

@media(width <=500px) {
  #payment-form .checkout-container#paypal-confirm #paypal-order-review-container {
    flex-direction: column
  }

  #payment-form .checkout-container#paypal-confirm #paypal-order-review-container #paypal-order-review-header {
    margin-right: 0;
    margin-bottom: 10px;
    align-items: center;
    text-align: center
  }
}

#payment-form .checkout-container#payment-details #payment-method-header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  width: 100%
}

#payment-form .checkout-container#payment-details #payment-method-header-wrapper #payment-method-header-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start
}

#payment-form .checkout-container#payment-details #payment-method-header-wrapper #payment-method-header-text h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  color: #000;
  margin: 0 0 6px
}

#payment-form .checkout-container#payment-details #payment-method-header-wrapper #payment-method-header-text h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  color: #697386
}

#payment-form .checkout-container#payment-details #payment-method-header-wrapper #payment-method-header-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(119, 119, 119, .0509803922);
  border-radius: 4px;
  padding: 9px 10px;
  border: 1px solid rgba(119, 119, 119, .2)
}

#payment-form .checkout-container#payment-details #payment-method-header-wrapper #payment-method-header-badge svg {
  width: 11px;
  height: 14px;
  margin-right: 7px
}

#payment-form .checkout-container#payment-details #payment-method-header-wrapper #payment-method-header-badge strong {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  color: #000
}

#payment-form .checkout-container#payment-loader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

#payment-form .checkout-container#payment-loader #payment-loader-image {
  width: 180px;
  height: 180px;
  margin-bottom: 20px
}

#payment-form .checkout-container#payment-loader #payment-loader-image img {
  width: 100%;
  height: 100%;
  object-fit: contain
}

#payment-form .checkout-container#payment-loader #payment-loader-text p {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  color: #697386;
  margin-bottom: 3px;
  letter-spacing: -0.24px
}

#payment-form .checkout-container#payment-loader #payment-loader-text p strong {
  display: block;
  margin-bottom: 3px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #000
}

@media(max-width: 934px) {
  #payment-form .checkout-container#checkout-submit {
    margin-bottom: 20px;
    flex-wrap: nowrap
  }
}

#payment-form .checkout-container #shipping-methods {
  display: flex;
  flex-direction: column;
  padding: 17px 20px 16px;
  border: 1px solid #e8e8eb;
  border-radius: 6px;
  margin: 20px auto 30px;
  flex-basis: 100%
}

#payment-form .checkout-container #shipping-methods .shipping-method {
  display: flex;
  align-items: center
}

#payment-form .checkout-container #shipping-methods .shipping-method .shipping-method-checkbox {
  margin-right: 15px
}

#payment-form .checkout-container #shipping-methods .shipping-method .shipping-method-checkbox input[type=radio],
#payment-form .checkout-container #shipping-methods .shipping-method .shipping-method-checkbox input[type=checkbox] {
  width: 17px;
  height: 17px
}

#payment-form .checkout-container #shipping-methods .shipping-method .shipping-method-name {
  flex-grow: 1;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #222
}

#payment-form .checkout-container #shipping-methods .shipping-method .shipping-method-price {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  text-align: right;
  color: #222
}

#payment-form .checkout-container .checkout-input-wrapper {
  display: flex;
  align-items: center;
  flex-basis: 100%;
  position: relative
}

#payment-form .checkout-container .checkout-input-wrapper .StripeElement {
  min-width: 100%
}

#payment-form .checkout-container .checkout-input-wrapper #link-authentication-error {
  color: #df1b41;
  font-size: 12px;
  font-family: Inter, Helvetica, Arial, sans-serif;
  margin-top: 9px
}

#payment-form .checkout-container .checkout-input-wrapper label {
  display: none
}

#payment-form .checkout-container .checkout-input-wrapper #express-checkout-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 52px;
  margin: 0 auto 25px
}

#payment-form .checkout-container .checkout-input-wrapper #express-checkout-wrapper #express-checkout-container {
  width: 100%;
  max-width: 315px;
  display: flex;
  flex-direction: column;
  gap: 6px
}

#payment-form .checkout-container .checkout-input-wrapper #express-checkout-wrapper h3 {
  display: inline;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #000;
  margin-bottom: 20px;
  background-color: #fff
}

#payment-form .checkout-container .checkout-input-wrapper #express-checkout-wrapper #express-checkout-element {
  width: 100%
}

@media(max-width: 767px) {
  #payment-form .checkout-container .checkout-input-wrapper #express-checkout-wrapper {
    margin-bottom: 13px;
    display: flex;
    flex-direction: column
  }

  #payment-form .checkout-container .checkout-input-wrapper #express-checkout-wrapper h3 {
    margin-bottom: 14px
  }

  #payment-form .checkout-container .checkout-input-wrapper #express-checkout-wrapper #express-checkout-element {
    margin-top: 4px
  }
}

#payment-form .checkout-container .checkout-input-wrapper #express-checkout-wrapper #paypal-button-container {
  width: 100%;
  max-height: 44px
}

#payment-form .checkout-container .checkout-input-wrapper #express-checkout-wrapper #paypal-pay-later-messaging {
  width: 100%
}

#payment-form .checkout-container .checkout-input-wrapper #express-checkout-or-wrapper {
  margin: 0 0 25px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

@media(max-width: 934px) {
  #payment-form .checkout-container .checkout-input-wrapper #express-checkout-or-wrapper {
    margin: 3px 0 25px
  }
}

#payment-form .checkout-container .checkout-input-wrapper #express-checkout-or-wrapper #express-checkout-or {
  position: relative;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #8792a2;
  background-color: #fff;
  padding: 0 10px
}

@media(max-width: 934px) {
  #payment-form .checkout-container .checkout-input-wrapper #express-checkout-or-wrapper #express-checkout-or {
    font-size: 14px
  }
}

#payment-form .checkout-container .checkout-input-wrapper #express-checkout-or-wrapper #express-checkout-or-line {
  content: "";
  width: 100%;
  height: 0;
  border-top: 1px solid #e8e8eb;
  position: absolute
}

#payment-form .checkout-container .checkout-input-wrapper #stripe-phone-wrapper {
  width: 100%;
  margin-top: 10px
}

#payment-form .checkout-container .checkout-input-wrapper .checkout-input {
  display: flex;
  align-items: center;
  height: 52px;
  flex-grow: 1;
  font-size: 16px;
  padding: 0 0 0 13px;
  margin: 0
}

#payment-form .checkout-container .checkout-input-wrapper #customer_phone_tooltip {
  width: 18px;
  height: 18px;
  border: 1.4px solid #697386;
  border-radius: 18px;
  position: absolute;
  right: 17px;
  top: 17px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: -0.04em;
  color: #697386;
  cursor: pointer
}

#payment-form .checkout-container .checkout-input-wrapper #customer_phone_tooltip div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

#payment-form .checkout-container .checkout-input-wrapper #customer_phone_tooltip_content {
  padding: 10px;
  background: #222;
  border-radius: 6px;
  width: 200px;
  position: absolute;
  right: 0;
  bottom: 40px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  display: none;
  align-items: center;
  letter-spacing: -0.02em;
  color: #fff
}

#payment-form .checkout-container .checkout-input-wrapper #customer_phone_tooltip:hover+#customer_phone_tooltip_content {
  display: flex
}

#payment-form .checkout-container .checkout-input-wrapper #submit {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  border-radius: 6px;
  padding: 20px 26px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  box-shadow: unset;
  white-space: nowrap;
  cursor: pointer
}

@media(max-width: 934px) {
  #payment-form .checkout-container .checkout-input-wrapper #submit {
    margin-bottom: 0
  }
}

#payment-form .checkout-container .checkout-input-wrapper #submit.disabled {
  background: #e8e8eb;
  cursor: pointer;
  pointer-events: all !important;
  opacity: .5
}

#payment-form .checkout-container .checkout-input-wrapper #submit.disabled:hover {
  filter: unset
}

body.rtl #checkout-logo-wrapper #checkout-logo-back {
  margin-right: 0;
  margin-left: 20px;
  transform: rotateZ(180deg)
}

body.rtl #payment-form {
  padding-right: 0;
  padding-left: 62px;
  border-left: 1px solid rgba(0, 0, 0, .102);
  border-right: unset;
  z-index: 2
}

body.rtl #checkout-logo-back-to-cart svg {
  transform: rotate(180deg)
}

@media(width <=1366px) {
  body.rtl #cart-details {
    margin-right: 0
  }

  body.rtl #payment-form {
    padding-left: 20px;
    padding-right: 20px
  }
}

@supports(-webkit-appearance: none) and (not (translate: none)) {
  @media only screen and (width >=767px) {
    #payment-form {
      align-self: flex-start;
      min-height: 100vh
    }
  }
}

form {
  width: 30vw;
  min-width: 500px;
  align-self: center;
  box-shadow: 0 0 0 .5px rgba(50, 50, 93, .1), 0 2px 5px 0 rgba(50, 50, 93, .1), 0 1px 1.5px 0 rgba(0, 0, 0, .07);
  border-radius: 7px;
  margin: 20px auto
}

.hidden {
  display: none
}

#payment-message {
  color: #697386;
  font-size: 16px;
  line-height: 20px;
  padding-top: 12px;
  text-align: center
}

#payment-element {
  margin-bottom: 24px;
  margin-top: 16px
}

@media(max-width: 934px) {
  #payment-element {
    margin-top: 16px
  }
}

button {
  background: #5469d4;
  font-family: inter, "Open Sans", helvetica, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  border-radius: 4px;
  border: 0;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  display: block;
  transition: all .2s ease;
  box-shadow: 0 4px 5.5px 0 rgba(0, 0, 0, .07);
  width: 100%
}

button:hover {
  filter: contrast(115%)
}

button:disabled {
  opacity: .5;
  cursor: default
}

.spinner,
.spinner::before,
.spinner::after {
  border-radius: 50%
}

#spinner,
.spinner {
  width: 30px;
  height: 30px;
  border: 5px solid #fff;
  border-bottom-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite
}

.spinner-remove-cart {
  border: 3px solid #777;
  border-bottom-color: rgba(0, 0, 0, 0);
  width: 13px;
  height: 13px
}

.upsell .upsell-info .pricing-display .only-price {
  font-size: 1.75rem;
  color: #0a0a0a;
  font-weight: 400;
  text-align: center
}

.upsell .upsell-info .cancel-upsell.link {
  color: #2484d0;
  font-size: 1rem;
  text-decoration: none;
  cursor: pointer;
  display: block;
  text-align: center
}

.upsell .row {
  justify-content: space-around
}

.upsell .right-column {
  margin-top: 10px
}

.upsell.upsell-popup .headline {
  font-size: 1.75rem;
  margin: 20px 0
}

.upsell.upsell-popup .modal-dialog .modal-content .modal-body {
  padding: 15px 50px;
  max-height: calc(100vh - 30px)
}

@media only screen and (width <=767px) {
  .upsell.upsell-popup .modal-dialog .modal-content .modal-body {
    padding: 0 20px;
    overflow-y: auto
  }
}

@media only screen and (width <=414px) {
  .upsell.upsell-popup .modal-dialog .modal-content .modal-body {
    max-height: 80vh
  }

  @supports(height: 100dvh) {
    .upsell.upsell-popup .modal-dialog .modal-content .modal-body {
      max-height: 90dvh
    }
  }
}

.upsell.upsell-popup .modal-dialog .modal-content .modal-body .container {
  max-width: 960px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

@media only screen and (width <=767px) {
  .upsell.upsell-popup .modal-dialog .modal-content .modal-body .container {
    padding: 0
  }
}

.upsell.upsell-popup .modal-dialog .modal-content .modal-body .container .right-column.upsell-info .upsell-actions .button-container {
  margin: 0 auto 15px;
  padding: 0;
  max-width: 450px;
  text-align: center
}

@media only screen and (height <=600px) {
  .upsell.upsell-popup .modal-dialog .modal-content .modal-body .container .right-column.upsell-info .upsell-actions .button-container {
    margin-bottom: 0
  }
}

.upsell.upsell-popup .modal-dialog .modal-content .modal-body .container .right-column.upsell-info .upsell-actions .button-container .button {
  margin: 0;
  font-size: 18px;
  padding: 20px 30px;
  min-width: 80%;
  width: auto;
  color: var(--cta-label-color, #000);
  border-radius: 5px;
  border: 0;
  user-select: none;
  cursor: pointer;
  font-weight: 700;
  line-height: 1.14;
  text-transform: uppercase;
  display: inline-block;
  background: var(--button-color, #edb52f);
  background-repeat: repeat-x;
  background-size: 200%;
  background-position: 0 -100%;
  text-decoration: none;
  text-align: center;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .2) inset;
  transition: .2s ease-in-out
}

.upsell.upsell-popup .modal-dialog .modal-content .modal-body .container .right-column.upsell-info .upsell-actions .button-container .button:hover {
  background: var(--button-rollover-color, #f3ce75)
}

.upsell.upsell-popup .modal-dialog .modal-content .modal-body .container .right-column.upsell-info .upsell-actions {
  padding-top: 25px;
  margin-bottom: 16px
}

@media only screen and (height <=600px) {
  .upsell.upsell-popup .modal-dialog .modal-content .modal-body .container .right-column.upsell-info .upsell-actions {
    padding-top: 8px
  }
}

.upsell.upsell-popup .headline {
  font-size: 1.75rem;
  margin: 20px 0
}

@keyframes rotation {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

@media only screen and (width <=600px) {
  form {
    width: 80vw;
    min-width: initial
  }
}

.upsell-blocks {
  display: none
}

#checkout-submit {
  margin-bottom: 26px;
  align-items: center
}

#checkout-submit #checkout-logo-back-to-cart {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 10px
}

#checkout-submit #checkout-logo-back-to-cart span {
  color: #777;
  font-family: Inter, "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: -0.02em
}

#checkout-submit .checkout-input-wrapper {
  flex-basis: unset !important;
  width: fit-content;
  margin: 0
}

#checkout-submit #submit {
  margin: 0;
  height: 44px;
  border-radius: 200px;
  letter-spacing: -0.02em
}

#checkout-submit #checkout-logo-proceed {
  display: none
}

@media(max-width: 425px) {
  #checkout-submit #checkout-logo-proceed {
    display: block;
    margin-left: 10px;
    transform: rotate(180deg)
  }

  #checkout-submit #checkout-logo-proceed path {
    fill: #fff
  }
}

@media only screen and (width >=935px)and (width <=1366px) {
  #payment-form {
    max-width: 629px;
    padding-left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
    flex-basis: content;
    min-width: auto;
    width: max(100%, 629px)
  }

  #payment-form .checkout-container {
    min-width: auto
  }

  #cart-details {
    min-width: 474px;
    max-width: 510px;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 0;
    padding-top: 96px;
    background: #f7f7f7;
    box-sizing: border-box;
    flex-shrink: 0;
    width: max(100%, 629px)
  }

  #cart-details #gu-cart {
    margin-left: 0;
    margin-right: 0
  }

  .row.row-payment-step #cart-details {
    background: rgba(0, 0, 0, 0)
  }

  .inline-checkout #cart-details {
    padding-top: 0
  }
}

.asset-video-player-button-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center
}

.asset-video-player-button-wrapper .asset-video-player-button {
  background: rgba(40, 187, 255, .85);
  width: 75px;
  height: 75px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer
}

.asset-video-player-button-wrapper .asset-video-player-button svg {
  fill: #fff;
  width: 30px;
  height: 30px;
  margin-left: 5px
}

.asset-video-player {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  object-fit: cover
}

.asset-video-player.with-preroll {
  opacity: 0
}

.asset-video-player-preroll {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}

#variant-chooser[data-v-69ae1d83] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column
}

#variant-chooser #variant-chooser-header[data-v-69ae1d83] {
  text-align: center;
  color: #333;
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-top: 16px;
  margin-bottom: 10px
}

#variant-chooser #variant-chooser-variants[data-v-69ae1d83] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center
}

@media(min-width: 500px)and (max-width: 600px) {
  #variant-chooser #variant-chooser-variants[data-v-69ae1d83] {
    flex-wrap: nowrap
  }
}

#variant-chooser #variant-chooser-variants .variant-chooser-variant[data-v-69ae1d83] {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 32px;
  margin-right: 12px;
  line-height: 26px;
  padding-top: 2px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

@media only screen and (max-width: 600px) {
  #variant-chooser #variant-chooser-variants .variant-chooser-variant[data-v-69ae1d83] {
    font-size: 16px;
    line-height: 22px;
    padding-top: 0
  }
}

#variant-chooser #variant-chooser-variants .variant-chooser-variant input[data-v-69ae1d83] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0
}

#variant-chooser #variant-chooser-variants .variant-chooser-checkmark[data-v-69ae1d83] {
  position: absolute;
  top: 3px;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #fff;
  border-radius: 2.5px;
  border: 2px solid #999
}

@media only screen and (max-width: 600px) {
  #variant-chooser #variant-chooser-variants .variant-chooser-checkmark[data-v-69ae1d83] {
    top: 0;
    height: 18px;
    width: 18px
  }
}

#variant-chooser #variant-chooser-variants .variant-chooser-variant:hover input~.variant-chooser-checkmark[data-v-69ae1d83] {
  background-color: #fff
}

#variant-chooser #variant-chooser-variants .variant-chooser-variant input:checked~.variant-chooser-checkmark[data-v-69ae1d83] {
  background-color: #0175ff;
  border: 2px solid #0175ff
}

#variant-chooser #variant-chooser-variants .variant-chooser-checkmark[data-v-69ae1d83]:after {
  content: "";
  position: absolute;
  display: none
}

#variant-chooser #variant-chooser-variants .variant-chooser-variant input:checked~.variant-chooser-checkmark[data-v-69ae1d83]:after {
  display: block
}

#variant-chooser #variant-chooser-variants .variant-chooser-variant .variant-chooser-checkmark[data-v-69ae1d83]:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

@media only screen and (max-width: 600px) {
  #variant-chooser #variant-chooser-variants .variant-chooser-variant .variant-chooser-checkmark[data-v-69ae1d83]:after {
    left: 6px;
    top: 1px
  }
}

#variant-chooser .chooser-disabled[data-v-69ae1d83] {
  pointer-events: none;
  opacity: .4
}

.modal-mask[data-v-ff9c3460] {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: table;
  transition: opacity .3s ease
}

.modal-mask.light[data-v-ff9c3460] {
  background: rgba(242, 242, 242, .9)
}

.modal-mask.dark[data-v-ff9c3460] {
  background: rgba(0, 0, 0, .5)
}

.modal-mask.theme[data-v-ff9c3460] {
  background: rgba(var(--theme-primary-rgb, 0, 140, 209), 0.6);
  backdrop-filter: blur(50px)
}

.modal-mask.inline[data-v-ff9c3460] {
  position: relative;
  height: auto;
  fill: #fff;
  filter: drop-shadow(0px 0px 50px rgba(0, 0, 0, 0.08));
  margin-bottom: 35px
}

@media screen and (max-width: 1440px)and (min-width: 884px) {
  .modal-mask.inline[data-v-ff9c3460] {
    max-width: 632px
  }
}

@media(max-width: 1366px) {
  .modal-mask.inline[data-v-ff9c3460] {
    max-width: unset
  }
}

@media screen and (max-width: 934px) {
  .modal-mask.inline[data-v-ff9c3460] {
    fill: none;
    filter: none
  }

  .modal-mask.inline .modal-wrapper[data-v-ff9c3460] {
    position: relative
  }
}

.modal-mask.blur-background[data-v-ff9c3460] {
  backdrop-filter: blur(4px)
}

@supports(height: 100dvh) {
  .modal-mask[data-v-ff9c3460] {
    height: 100dvh
  }
}

.modal-wrapper[data-v-ff9c3460] {
  display: table-cell;
  position: absolute;
  vertical-align: middle;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.modal-mask.inline .modal-wrapper[data-v-ff9c3460] {
  position: relative
}

.modal-container[data-v-ff9c3460] {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  transition: all .3s ease;
  font-family: sans-serif;
  -webkit-font-smoothing: antialiased;
  background: none
}

.modal-content[data-v-ff9c3460] {
  border: none;
  z-index: 999;
  margin: 0 auto;
  background: none;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  outline: 0
}

.modal-content>[data-v-ff9c3460-s] {
  position: relative;
  background-color: #fff;
  width: 100%
}

.modal-enter[data-v-ff9c3460] {
  opacity: 0
}

.modal-leave-active[data-v-ff9c3460] {
  opacity: 0
}

.modal-enter .modal-container[data-v-ff9c3460],
.modal-leave-active .modal-container[data-v-ff9c3460] {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.qty-selector[data-v-b3d80f64] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 10px -7px;
  width: calc(100% + 14px)
}

.qty-selector .label[data-v-b3d80f64] {
  flex: 0;
  height: 40px;
  position: relative;
  padding: 0 7px
}

.qty-selector .label span[data-v-b3d80f64] {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  font-weight: 600
}

.qty-selector .label .label-full[data-v-b3d80f64] {
  display: inline-block
}

.qty-selector .label .label-abrev[data-v-b3d80f64] {
  display: none
}

.qty-selector .ui-element[data-v-b3d80f64] {
  display: flex;
  justify-content: center;
  padding: 0 7px
}

.qty-selector .ui-element button[data-v-b3d80f64] {
  flex: 0 0 100%;
  color: #333;
  background-image: linear-gradient(to bottom, #eee 0, #ddd 100%);
  background-color: #ddd;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .2) inset;
  font-size: 28px;
  padding: 0;
  height: 36px;
  line-height: 36px;
  width: 40px;
  max-width: 40px;
  position: relative
}

.qty-selector .ui-element button[aria-label="+1"][data-v-b3d80f64]:before {
  content: "+"
}

.qty-selector .ui-element button[aria-label="-1"][data-v-b3d80f64]:before {
  content: "–";
  position: relative;
  top: -2px
}

.qty-selector .ui-element input[data-v-b3d80f64] {
  text-align: center;
  border: 0;
  user-select: none;
  pointer-events: none;
  height: 40px;
  line-height: 40px;
  padding: 0 5px;
  font-size: 17px;
  font-weight: 600;
  flex: 0 0 100%;
  max-width: 28px;
  background: rgba(0, 0, 0, 0)
}

.size-selector[data-v-2bb2b4eb] {
  height: 64px;
  width: 100%;
  border-radius: 12px;
  border: 1px solid #dbdbdb;
  cursor: pointer;
  position: relative;
  transition: background-color 1.5s ease-out, border-color 1.5s ease-out
}

body.default-dtc-template .size-selector[data-v-2bb2b4eb]:not(.inside-checkout-layout),
body.default-template .size-selector[data-v-2bb2b4eb]:not(.inside-checkout-layout) {
  height: 56px;
  border-radius: 10px;
  border: 1px solid #e7e7e7;
  background: #f3f3f3
}

@media all and (max-width: 768px) {

  body.default-dtc-template .size-selector[data-v-2bb2b4eb]:not(.inside-checkout-layout),
  body.default-template .size-selector[data-v-2bb2b4eb]:not(.inside-checkout-layout) {
    background: #fff
  }
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout).force-applied[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout).force-applied[data-v-2bb2b4eb] {
  border: 1px solid var(--theme-primary, #f00);
  background: rgba(var(--theme-primary-rgb, 255, 0, 0), 0.1)
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout) .selected-size .selected-size-title[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout) .selected-size .selected-size-title[data-v-2bb2b4eb] {
  color: #434339;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout) .selected-size .selected-size-title .price-diff[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout) .selected-size .selected-size-title .price-diff[data-v-2bb2b4eb] {
  font-weight: 400
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout) .selected-size .selected-size-title .price-diff[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout) .selected-size .selected-size-title .price-diff[data-v-2bb2b4eb] {
  font-size: 12px
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout) .expanded[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout) .expanded[data-v-2bb2b4eb] {
  z-index: 105;
  border-radius: 10px;
  border: 3px solid #e7e7e7;
  left: -3px;
  top: 56px;
  box-sizing: border-box;
  width: calc(100% + 6px)
}

@media all and (max-width: 768px) {

  body.default-dtc-template .size-selector:not(.inside-checkout-layout) .expanded[data-v-2bb2b4eb],
  body.default-template .size-selector:not(.inside-checkout-layout) .expanded[data-v-2bb2b4eb] {
    position: fixed;
    left: 0;
    top: auto;
    bottom: 0;
    height: auto;
    min-height: 370px;
    width: 100%
  }
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout) .expanded .expanded-header[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout) .expanded .expanded-header[data-v-2bb2b4eb] {
  border-bottom: 1px solid rgba(0, 0, 0, .05)
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout) .expanded .expanded-header .expanded-header-title[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout) .expanded .expanded-header .expanded-header-title[data-v-2bb2b4eb] {
  color: #434339;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-transform: uppercase
}

@media all and (max-width: 768px) {

  body.default-dtc-template .size-selector:not(.inside-checkout-layout) .expanded .expanded-sizes[data-v-2bb2b4eb],
  body.default-template .size-selector:not(.inside-checkout-layout) .expanded .expanded-sizes[data-v-2bb2b4eb] {
    padding-bottom: 95px
  }
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout) .expanded .expanded-sizes .expanded-size[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout) .expanded .expanded-sizes .expanded-size[data-v-2bb2b4eb] {
  background: #fff;
  color: #202020;
  text-align: left;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout) .expanded .expanded-sizes .expanded-size.active[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout) .expanded .expanded-sizes .expanded-size.active[data-v-2bb2b4eb] {
  background: #f2f2f2;
  font-weight: 600
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout) .expanded .expanded-sizes .expanded-size.active .expanded-price-diff[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout) .expanded .expanded-sizes .expanded-size.active .expanded-price-diff[data-v-2bb2b4eb] {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-transform: capitalize
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout).bottom .expanded[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout).bottom .expanded[data-v-2bb2b4eb] {
  display: flex;
  flex-direction: column;
  bottom: 56px;
  top: auto
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout).bottom .expanded .expanded-header[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout).bottom .expanded .expanded-header[data-v-2bb2b4eb] {
  order: 2;
  border-bottom: none;
  border-top: 1px solid rgba(0, 0, 0, .05)
}

body.default-dtc-template .size-selector:not(.inside-checkout-layout).bottom .expanded .expanded-sizes[data-v-2bb2b4eb],
body.default-template .size-selector:not(.inside-checkout-layout).bottom .expanded .expanded-sizes[data-v-2bb2b4eb] {
  order: 1
}

.size-selector.force-applied[data-v-2bb2b4eb] {
  border: 1px solid var(--theme-primary, #f00);
  background: rgba(var(--theme-primary-rgb, 255, 0, 0), 0.1)
}

.size-selector.unfilled[data-v-2bb2b4eb] {
  border: 1px solid red !important;
  background: rgba(255, 0, 0, .3) !important
}

.size-selector .selected-size[data-v-2bb2b4eb] {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  overflow: hidden
}

.size-selector .selected-size .selected-size-title[data-v-2bb2b4eb] {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 0 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  height: fit-content;
  margin: auto 0;
  gap: 0 8px
}

@media all and (max-width: 768px) {
  .size-selector .selected-size .selected-size-title[data-v-2bb2b4eb] {
    padding: 0 8px
  }
}

.size-selector .selected-size .selected-size-title .price-diff[data-v-2bb2b4eb] {
  color: #666
}

.size-selector .selected-size .switcher[data-v-2bb2b4eb] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 15px
}

@media all and (max-width: 768px) {
  .size-selector .selected-size .switcher[data-v-2bb2b4eb] {
    padding-right: 10px;
    padding-left: 10px
  }
}

.size-selector .expanded-overlay[data-v-2bb2b4eb] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  background: rgba(0, 0, 0, .15)
}

.size-selector .expanded[data-v-2bb2b4eb] {
  position: absolute;
  left: -1px;
  top: 64px;
  box-sizing: border-box;
  width: calc(100% + 2px);
  min-width: 250px;
  z-index: 999;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, .1);
  background: #fff;
  box-shadow: 0 32px 32px 0 rgba(0, 0, 0, .13)
}

@media all and (max-width: 768px) {
  .size-selector .expanded[data-v-2bb2b4eb] {
    position: fixed;
    left: 0;
    top: auto;
    bottom: 0;
    height: auto;
    min-height: 370px
  }
}

.size-selector .expanded .expanded-header[data-v-2bb2b4eb] {
  display: none;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.size-selector .expanded .expanded-header .expanded-header-title[data-v-2bb2b4eb] {
  color: #202020;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin: 22px 20px;
  text-transform: uppercase
}

.size-selector .expanded .expanded-header .expanded-switcher[data-v-2bb2b4eb] {
  padding-right: 20px
}

@media all and (max-width: 768px) {
  .size-selector .expanded .expanded-header[data-v-2bb2b4eb] {
    display: flex
  }
}

.size-selector .expanded .expanded-sizes[data-v-2bb2b4eb] {
  padding: 8px;
  box-sizing: border-box;
  cursor: default
}

@media all and (max-width: 768px) {
  .size-selector .expanded .expanded-sizes[data-v-2bb2b4eb] {
    padding: 20px 16px
  }
}

.size-selector .expanded .expanded-sizes .expanded-size[data-v-2bb2b4eb] {
  padding: 8px 26.5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #202020;
  position: relative;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 8px;
  flex-wrap: wrap
}

@media all and (max-width: 860px) {
  .size-selector .expanded .expanded-sizes .expanded-size[data-v-2bb2b4eb] {
    white-space: wrap
  }
}

@media all and (max-width: 768px) {
  .size-selector .expanded .expanded-sizes .expanded-size[data-v-2bb2b4eb] {
    padding: 12px 26.5px
  }
}

.size-selector .expanded .expanded-sizes .expanded-size.active[data-v-2bb2b4eb] {
  background: #f2f2f2;
  font-weight: 600
}

.size-selector .expanded .expanded-sizes .expanded-size.active .expanded-price-diff[data-v-2bb2b4eb] {
  font-weight: 600
}

.size-selector .expanded .expanded-sizes .expanded-size[data-v-2bb2b4eb]:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.03) 100%), #fff
}

.size-selector .expanded .expanded-sizes .expanded-size .expanded-checkmark[data-v-2bb2b4eb] {
  position: absolute;
  left: 8px
}

.size-selector .expanded .expanded-sizes .expanded-size .expanded-price-diff[data-v-2bb2b4eb] {
  font-size: 12px;
  color: #666
}

.size-selector.inside-checkout-layout[data-v-2bb2b4eb] {
  height: 48px;
  box-sizing: border-box
}

.size-selector.inside-checkout-layout .selected-size[data-v-2bb2b4eb] {
  height: 48px
}

.size-selector.inside-checkout-layout .expanded[data-v-2bb2b4eb] {
  top: 49px
}

@media all and (max-width: 768px) {
  .size-selector.inside-checkout-layout .expanded[data-v-2bb2b4eb] {
    top: auto
  }
}

.size-selector.inside-checkout-layout .switcher[data-v-2bb2b4eb] {
  padding-right: 16px
}

.size-selector.inside-checkout-layout .selected-size-title[data-v-2bb2b4eb] {
  padding: 0 8px
}

.color-selector[data-v-e517ce46] {
  width: 100%;
  border-radius: 12px;
  border: 1px solid #dbdbdb;
  height: 64px;
  cursor: pointer;
  position: relative;
  transition: background-color 1.5s ease-out, border-color 1.5s ease-out
}

body.default-dtc-template .color-selector[data-v-e517ce46]:not(.inside-checkout-layout),
body.default-template .color-selector[data-v-e517ce46]:not(.inside-checkout-layout) {
  height: 56px;
  border-radius: 10px;
  border: 1px solid #e7e7e7;
  background: #f3f3f3
}

@media all and (max-width: 768px) {

  body.default-dtc-template .color-selector[data-v-e517ce46]:not(.inside-checkout-layout),
  body.default-template .color-selector[data-v-e517ce46]:not(.inside-checkout-layout) {
    background: #fff
  }
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout).force-applied[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout).force-applied[data-v-e517ce46] {
  border: 1px solid var(--theme-primary, #f00);
  background: rgba(var(--theme-primary-rgb, 255, 0, 0), 0.1)
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout) .selected-color .selected-image[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout) .selected-color .selected-image[data-v-e517ce46] {
  width: 86px;
  margin: 5px;
  height: auto;
  background-color: #fff
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout) .selected-color .selected-image.color[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout) .selected-color .selected-image.color[data-v-e517ce46] {
  width: 40px;
  height: 40px;
  margin: 8px;
  border-radius: 2px;
  padding: 0
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout) .selected-color .selected-image.color .selected-color-image[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout) .selected-color .selected-image.color .selected-color-image[data-v-e517ce46] {
  width: 40px;
  height: 40px;
  border-radius: 2px
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout) .selected-color .selected-color-title[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout) .selected-color .selected-color-title[data-v-e517ce46] {
  color: #434339;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout) .expanded[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout) .expanded[data-v-e517ce46] {
  z-index: 102;
  border-radius: 10px;
  border: 1px solid #e7e7e7;
  left: -1px;
  top: -1px;
  box-sizing: border-box;
  width: calc(100% + 2px)
}

@media all and (max-width: 768px) {

  body.default-dtc-template .color-selector:not(.inside-checkout-layout) .expanded[data-v-e517ce46],
  body.default-template .color-selector:not(.inside-checkout-layout) .expanded[data-v-e517ce46] {
    position: fixed;
    left: 0;
    top: auto;
    bottom: 0;
    height: auto;
    min-height: 370px;
    width: 100%
  }
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout) .expanded .expanded-header[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout) .expanded .expanded-header[data-v-e517ce46] {
  border-bottom: 1px solid rgba(0, 0, 0, .05)
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout) .expanded .expanded-header .expanded-header-title[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout) .expanded .expanded-header .expanded-header-title[data-v-e517ce46] {
  color: #434339;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-transform: uppercase
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout) .expanded .expanded-colors .expanded-color .preview-color[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout) .expanded .expanded-colors .expanded-color .preview-color[data-v-e517ce46] {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border: 1px solid rgba(0, 0, 0, .15)
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout) .expanded .expanded-colors .expanded-color .expanded-color-image[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout) .expanded .expanded-colors .expanded-color .expanded-color-image[data-v-e517ce46] {
  padding: 15px 16.75px 15px 15.25px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, .15);
  background: #fff
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout) .expanded .expanded-colors .expanded-color .expanded-color-image.active[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout) .expanded .expanded-colors .expanded-color .expanded-color-image.active[data-v-e517ce46] {
  border: 1px solid #44443a
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout) .expanded .expanded-colors .expanded-color .expanded-color-title[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout) .expanded .expanded-colors .expanded-color .expanded-color-title[data-v-e517ce46] {
  color: #434339;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-transform: uppercase
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout).bottom .expanded[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout).bottom .expanded[data-v-e517ce46] {
  display: flex;
  flex-direction: column;
  bottom: -1px;
  top: auto
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout).bottom .expanded .expanded-header[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout).bottom .expanded .expanded-header[data-v-e517ce46] {
  order: 2;
  border-bottom: none;
  border-top: 1px solid rgba(0, 0, 0, .05)
}

body.default-dtc-template .color-selector:not(.inside-checkout-layout).bottom .expanded .expanded-color[data-v-e517ce46],
body.default-template .color-selector:not(.inside-checkout-layout).bottom .expanded .expanded-color[data-v-e517ce46] {
  order: 1
}

.color-selector.force-applied[data-v-e517ce46] {
  border: 1px solid var(--theme-primary, #f00);
  background: rgba(var(--theme-primary-rgb, 255, 0, 0), 0.1)
}

.color-selector.unfilled[data-v-e517ce46] {
  border: 1px solid red !important;
  background: rgba(255, 0, 0, .3) !important
}

.color-selector .selected-color[data-v-e517ce46] {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  height: 100%
}

.color-selector .selected-color .selected-image[data-v-e517ce46] {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 120px;
  height: 56px;
  padding: 0 10px;
  margin: 4px;
  border-radius: 8px;
  background: #f3f3f3;
  overflow: hidden
}

@media all and (max-width: 768px) {
  .color-selector .selected-color .selected-image[data-v-e517ce46] {
    width: 56px;
    padding: 3px
  }
}

.color-selector .selected-color .selected-image.color[data-v-e517ce46] {
  padding: 4px;
  box-sizing: border-box
}

.color-selector .selected-color .selected-image img[data-v-e517ce46] {
  height: 100%;
  max-height: 56px;
  width: auto;
  object-fit: cover
}

@media all and (max-width: 768px) {
  .color-selector .selected-color .selected-image img[data-v-e517ce46] {
    width: 100%;
    height: auto
  }
}

.color-selector .selected-color .selected-image .selected-color-image[data-v-e517ce46] {
  width: 48px;
  height: 48px;
  border-radius: 48px
}

.color-selector .selected-color .selected-image .selected-color-image.white[data-v-e517ce46] {
  border: 1px solid rgba(0, 0, 0, .15);
  box-sizing: border-box
}

.color-selector .selected-color .selected-color-title[data-v-e517ce46] {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  margin-left: 10px
}

.color-selector .selected-color .selected-color-title.no-color[data-v-e517ce46] {
  margin-left: 20px
}

.color-selector .selected-color .switcher[data-v-e517ce46] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 15px
}

@media all and (max-width: 768px) {
  .color-selector .selected-color .switcher[data-v-e517ce46] {
    padding-right: 10px;
    padding-left: 10px
  }
}

.color-selector .expanded-overlay[data-v-e517ce46] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  background: rgba(0, 0, 0, .15)
}

.color-selector .expanded[data-v-e517ce46] {
  position: absolute;
  left: -1px;
  top: -1px;
  box-sizing: border-box;
  width: calc(100% + 2px);
  z-index: 999;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, .1);
  background: #fff;
  box-shadow: 0 32px 32px 0 rgba(0, 0, 0, .13)
}

@media all and (max-width: 768px) {
  .color-selector .expanded[data-v-e517ce46] {
    position: fixed;
    left: 0;
    top: auto;
    bottom: 0;
    height: auto;
    min-height: 370px
  }
}

.color-selector .expanded .expanded-header[data-v-e517ce46] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.color-selector .expanded .expanded-header .expanded-header-title[data-v-e517ce46] {
  color: #202020;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin: 20px;
  text-transform: uppercase
}

.color-selector .expanded .expanded-header .expanded-switcher[data-v-e517ce46] {
  padding-right: 20px
}

.color-selector .expanded .expanded-colors[data-v-e517ce46] {
  padding: 20px 20px 0;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  cursor: default
}

@media all and (max-width: 768px) {
  .color-selector .expanded .expanded-colors[data-v-e517ce46] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
  }
}

.color-selector .expanded .expanded-colors .expanded-color[data-v-e517ce46] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-basis: 47%;
  margin-bottom: 10px;
  cursor: pointer
}

@media all and (max-width: 768px) {
  .color-selector .expanded .expanded-colors .expanded-color[data-v-e517ce46] {
    margin: 0
  }
}

.color-selector .expanded .expanded-colors .expanded-color .preview-color[data-v-e517ce46] {
  width: 48px;
  height: 48px;
  border-radius: 48px
}

.color-selector .expanded .expanded-colors .expanded-color .preview-color.white[data-v-e517ce46] {
  border: 1px solid rgba(0, 0, 0, .15);
  box-sizing: border-box
}

.color-selector .expanded .expanded-colors .expanded-color .expanded-color-image[data-v-e517ce46] {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100px;
  padding: 15px 14.75px 15px 13.25px;
  box-sizing: border-box;
  flex-grow: 1;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, .1);
  background: #f3f3f3
}

.color-selector .expanded .expanded-colors .expanded-color .expanded-color-image[data-v-e517ce46]:hover {
  border-color: hsla(0, 0%, -10%, .1);
  background-color: rgb(217.5, 217.5, 217.5)
}

.color-selector .expanded .expanded-colors .expanded-color .expanded-color-image.active[data-v-e517ce46] {
  border: 1px solid var(--theme-primary, #f00)
}

.color-selector .expanded .expanded-colors .expanded-color .expanded-color-title[data-v-e517ce46] {
  color: #202020;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.color-selector.inside-checkout-layout[data-v-e517ce46] {
  padding-left: 8px;
  box-sizing: border-box;
  height: 48px;
  border: 1px solid #dbdbdb;
  border-radius: 12px
}

.color-selector.inside-checkout-layout .selected-color[data-v-e517ce46] {
  height: 48px
}

.color-selector.inside-checkout-layout .selected-color .selected-image[data-v-e517ce46] {
  width: 24px !important;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  padding: 0;
  margin: 0
}

.color-selector.inside-checkout-layout .selected-color .selected-image .selected-color-image[data-v-e517ce46] {
  width: 20px;
  height: 20px;
  border-radius: 50%
}

.color-selector.inside-checkout-layout .selected-color .selected-image .selected-color-image.white[data-v-e517ce46] {
  border: 1px solid rgba(0, 0, 0, .15);
  box-sizing: border-box
}

.color-selector.inside-checkout-layout .selected-color .selected-color-title[data-v-e517ce46] {
  margin-left: 8px
}

.color-selector.inside-checkout-layout .selected-color .switcher[data-v-e517ce46] {
  padding-right: 16px
}

.color-selector.inside-checkout-layout .expanded[data-v-e517ce46] {
  overflow: hidden;
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  border: unset
}

@media all and (max-width: 768px) {
  .color-selector.inside-checkout-layout .expanded[data-v-e517ce46] {
    background: #fff
  }
}

.color-selector.inside-checkout-layout .expanded .expanded-header .expanded-header-title[data-v-e517ce46],
.color-selector.inside-checkout-layout .expanded .expanded-header .expanded-switcher[data-v-e517ce46] {
  visibility: hidden
}

.color-selector.inside-checkout-layout .expanded .expanded-header .expanded-header-title[data-v-e517ce46] {
  margin: 0;
  height: 47px;
  box-sizing: border-box
}

@media all and (max-width: 768px) {

  .color-selector.inside-checkout-layout .expanded .expanded-header .expanded-header-title[data-v-e517ce46],
  .color-selector.inside-checkout-layout .expanded .expanded-header .expanded-switcher[data-v-e517ce46] {
    visibility: visible
  }

  .color-selector.inside-checkout-layout .expanded .expanded-header .expanded-header-title[data-v-e517ce46] {
    height: 20px;
    margin: 20px
  }
}

.color-selector.inside-checkout-layout .expanded .expanded-colors[data-v-e517ce46] {
  display: block;
  padding: 8px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, .13) 0 32px 32px 0;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, .1)
}

@media all and (max-width: 768px) {
  .color-selector.inside-checkout-layout .expanded .expanded-colors[data-v-e517ce46] {
    box-shadow: none;
    border: none
  }
}

.color-selector.inside-checkout-layout .expanded .expanded-colors .expanded-color[data-v-e517ce46] {
  flex-direction: row;
  justify-content: start;
  height: 40px;
  margin: 0;
  border-radius: 6px
}

.color-selector.inside-checkout-layout .expanded .expanded-colors .expanded-color[data-v-e517ce46]:hover {
  background: #f2f2f2
}

.color-selector.inside-checkout-layout .expanded .expanded-colors .expanded-color .preview-color[data-v-e517ce46] {
  width: 24px;
  height: 24px;
  margin: 0 8px;
  border-radius: 50%
}

.color-selector.inside-checkout-layout .expanded .expanded-colors .expanded-color .preview-color.white[data-v-e517ce46] {
  border: 1px solid rgba(0, 0, 0, .15);
  box-sizing: border-box
}

.color-selector.inside-checkout-layout .expanded .expanded-colors .expanded-color .expanded-color-title.active[data-v-e517ce46] {
  font-weight: 600
}

.color-selector.inside-checkout-layout .expanded .expanded-colors .expanded-color.active[data-v-e517ce46] {
  background: #f2f2f2;
  font-weight: 600
}

#upsell-ms[data-v-c31556ac] {
  display: flex;
  flex-direction: column
}

#upsell-ms #upsell-ms-header[data-v-c31556ac] {
  color: #333;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.2px;
  margin-bottom: 20px
}

#upsell-ms #upsell-ms-cols[data-v-c31556ac] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center
}

#upsell-ms #upsell-ms-cols .upsell-ms-col[data-v-c31556ac] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  flex-basis: 0;
  margin-right: 8px
}

#upsell-ms #upsell-ms-cols .upsell-ms-col[data-v-c31556ac]:last-child {
  margin-right: 0
}

#upsell-ms #upsell-ms-cols .upsell-ms-col .upsell-ms-col-header[data-v-c31556ac] {
  color: #252729;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  text-align: left;
  width: 100%;
  margin-bottom: 10px
}

#upsell-ms #upsell-ms-cols .upsell-ms-col .upsell-ms-col-component[data-v-c31556ac] {
  margin-bottom: 20px;
  width: 100%
}

#upsell-ms #upsell-ms-cols .upsell-ms-col .upsell-ms-col-component[data-v-c31556ac] .color-selector .selected-color .selected-image {
  width: 56px
}

#upsell-ms #upsell-ms-cols .upsell-ms-col .upsell-ms-col-component[data-v-c31556ac] .color-selector .selected-color .selected-image img {
  width: 100%;
  height: auto
}

#upsell-ms.inside-checkout-layout[data-v-c31556ac] {
  margin-top: 20px;
  padding: 0 20px
}

#upsell-ms.inside-checkout-layout #upsell-ms-cols[data-v-c31556ac] {
  flex-direction: column;
  gap: 8px
}

#upsell-ms.inside-checkout-layout #upsell-ms-cols .upsell-ms-col[data-v-c31556ac] {
  width: 100%;
  margin-right: 0;
  height: 48px
}

#upsell-ms.inside-checkout-layout #upsell-ms-cols .upsell-ms-col .upsell-ms-col-header[data-v-c31556ac] {
  display: none
}

#upsell-ms.inside-checkout-layout #upsell-ms-cols .upsell-ms-col .upsell-ms-col-component[data-v-c31556ac] {
  margin-bottom: 0
}

.upsell-default[data-v-58e5807c] {
  box-shadow: 0 0 0 8px rgba(0, 0, 0, .4), 0 0 2px rgba(0, 0, 0, .1);
  max-width: 1100px;
  width: calc(100% - 40px);
  display: flex
}

.upsell-default .left-column_details[data-v-58e5807c] {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.upsell-default .modal-header h3[data-v-58e5807c] {
  margin-top: 0;
  color: #42b983;
  font-family: "Open Sans", Helvetica, Arial, sans-serif
}

.upsell-default .headline_mobile[data-v-58e5807c] {
  display: none
}

@media only screen and (width <=767px) {
  .upsell-default .headline_mobile[data-v-58e5807c] {
    display: block;
    font-family: sans-serif;
    font-size: 1.25rem;
    text-align: center;
    color: #434339
  }
}

@media only screen and (height <=535px) {
  .upsell-default .headline_mobile[data-v-58e5807c] {
    display: none
  }
}

@media only screen and (width <=440px) {
  .upsell-default .headline_mobile[data-v-58e5807c] {
    opacity: 0
  }
}

.upsell-default .modal-body[data-v-58e5807c] {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  padding: 15px;
  max-height: calc(100vh - 30px)
}

.upsell-default .modal-body .container[data-v-58e5807c] {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

@media screen and (width >=500px) {
  .upsell-default .modal-body .container .row[data-v-58e5807c] {
    flex-wrap: nowrap
  }
}

.upsell-default .modal-body .container .row .right-column[data-v-58e5807c] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0
}

.upsell-default .modal-body .container .row .right-column .long-description[data-v-58e5807c] {
  max-width: 550px;
  text-align: center;
  color: #434339
}

.upsell-default .modal-body .container .row .right-column .long-description[data-v-58e5807c] p {
  font-size: 16px;
  margin-block: 10px
}

.upsell-default .modal-body .container .row .right-column .long-description[data-v-58e5807c] p:last-child {
  margin-block-end: 0
}

.upsell-default .modal-body .container .row .right-column .long-description[data-v-58e5807c] ul,
.upsell-default .modal-body .container .row .right-column .long-description[data-v-58e5807c] ol {
  text-align: left;
  margin-block: 10px
}

@media screen and (width <=767px) {
  .upsell-default .modal-body[data-v-58e5807c] {
    padding: 0 20px;
    overflow-y: auto
  }

  .upsell-default .modal-body .container[data-v-58e5807c] {
    padding: 0 0 20px
  }
}

@media screen and (width <=500px) {
  .upsell-default .modal-body[data-v-58e5807c] {
    display: flex
  }
}

@media only screen and (width <=767px) {
  .upsell-default .modal-body .popup-image[data-v-58e5807c] {
    margin-top: 10px
  }
}

.upsell-default .modal-body .popup-image img[data-v-58e5807c] {
  object-fit: contain;
  margin: 0 auto
}

@media only screen and (height <=640px) {
  .upsell-default .modal-body .popup-image img[data-v-58e5807c] {
    width: 150px;
    height: 150px
  }
}

@media only screen and (width <=767px) {
  .upsell-default .modal-body .popup-image img[data-v-58e5807c] {
    height: 20vh;
    min-height: 100px;
    max-height: 165px
  }
}

.upsell-default .modal-body .upsell-info[data-v-58e5807c] {
  max-width: 650px
}

.upsell-default .modal-body .popup-special-container[data-v-58e5807c] {
  display: none
}

@media only screen and (width <=767px) {
  .upsell-default .modal-body .description[data-v-58e5807c] {
    margin: 0 0 15px;
    padding-bottom: 2px;
    position: relative
  }
}

@media only screen and (height <=640px) {
  .upsell-default .modal-body .description[data-v-58e5807c] {
    margin: 0 0 8px
  }
}

@media(width >=400px)and (width <=500px) {
  .upsell-default .modal-body .description[data-v-58e5807c] {
    margin: 0
  }
}

@media screen and (width <=399px) {
  .upsell-default .modal-body .description[data-v-58e5807c] {
    margin: 0
  }
}

.upsell-default .modal-body .description .first-line[data-v-58e5807c] {
  margin: 0;
  text-align: center;
  color: #333;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700
}

.upsell-default .modal-body .description .second-line[data-v-58e5807c] {
  text-align: center;
  color: #ff6b01;
  font-size: 24px;
  font-weight: bold;
  margin-top: 10px;
  max-width: 550px;
  line-height: 32px
}

@media only screen and (width <=767px) {
  .upsell-default .modal-body .description .second-line[data-v-58e5807c] {
    font-size: 1.275rem;
    margin-top: 0
  }
}

@media only screen and (height <=640px) {
  .upsell-default .modal-body .description .second-line[data-v-58e5807c] {
    margin-bottom: .3rem
  }
}

.upsell-default .modal-body .pricing-display .only-price[data-v-58e5807c] {
  color: #434339;
  font-size: 16px;
  text-align: center
}

.upsell-default .modal-body .pricing-display .only-price_msrp[data-v-58e5807c] {
  color: #e43;
  font-size: 16px;
  font-weight: 700;
  text-decoration: line-through;
  text-align: center
}

.upsell-default .modal-body .pricing-display .only-price_savings[data-v-58e5807c] {
  color: #25ae4e;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin-top: 5px
}

.upsell-default .modal-body .upsell-line[data-v-58e5807c] {
  width: 44px;
  height: 1px;
  background-color: #d9d9d9;
  margin: 14px auto 0
}

.upsell-default .modal-body .headline[data-v-58e5807c] {
  margin-bottom: 0;
  margin-top: 5px;
  color: #434339;
  text-align: center
}

@media only screen and (orientation: portrait)and (width <=767px) {
  .upsell-default .modal-body .headline[data-v-58e5807c] {
    display: none
  }
}

@media only screen and (width <=440px) {
  .upsell-default .modal-body .headline[data-v-58e5807c] {
    display: block;
    margin-top: 20px
  }
}

@media only screen and (height <=500px) {
  .upsell-default .modal-body .headline[data-v-58e5807c] {
    display: none
  }
}

.upsell-default .modal-body .headline_margin[data-v-58e5807c] {
  margin-bottom: 50px
}

.upsell-default .modal-body .usa-shipping[data-v-58e5807c] {
  display: flex;
  justify-content: center;
  line-height: .9
}

@media only screen and (width <=767px) {
  .upsell-default .modal-body .usa-shipping[data-v-58e5807c] {
    margin-top: 12px
  }
}

@media only screen and (height <=535px) {
  .upsell-default .modal-body .usa-shipping[data-v-58e5807c] {
    display: none
  }
}

@media only screen and (width <=440px) {
  .upsell-default .modal-body .usa-shipping[data-v-58e5807c] {
    display: none
  }
}

.upsell-default .modal-body .usa-shipping .number[data-v-58e5807c] {
  font-size: 150px;
  font-weight: 700;
  color: #333
}

@media only screen and (width <=767px) {
  .upsell-default .modal-body .usa-shipping .number[data-v-58e5807c] {
    font-size: 80px
  }
}

.upsell-default .modal-body .usa-shipping .percentoff[data-v-58e5807c] {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  font-size: 40px;
  color: #333
}

@media only screen and (width <=767px) {
  .upsell-default .modal-body .usa-shipping .percentoff[data-v-58e5807c] {
    font-size: 20px
  }
}

.upsell-default .modal-body .usa-shipping .percent[data-v-58e5807c] {
  font-size: 80px;
  color: #333
}

@media only screen and (width <=767px) {
  .upsell-default .modal-body .usa-shipping .percent[data-v-58e5807c] {
    font-size: 30px
  }
}

.upsell-default .upsell-actions[data-v-58e5807c] {
  padding-top: 20px;
  margin-bottom: 0
}

@media only screen and (height <=500px) {
  .upsell-default .upsell-actions[data-v-58e5807c] {
    padding-top: 0
  }
}

.upsell-default .upsell-actions .button-container[data-v-58e5807c] {
  margin: 0 auto 15px;
  padding: 0;
  max-width: 450px;
  text-align: center
}

.upsell-default .upsell-actions .button-container.full-width[data-v-58e5807c] {
  max-width: unset;
  width: 100%
}

.upsell-default .upsell-actions .button-container.full-width .button[data-v-58e5807c] {
  width: 100%
}

.upsell-default .upsell-actions .button[data-v-58e5807c] {
  overflow-x: hidden;
  padding: 15px 30px !important;
  min-width: 80%;
  line-height: 1.14
}

@media(width >=500px)and (width <=600px) {
  .upsell-default .upsell-actions .button[data-v-58e5807c] {
    min-width: 70%
  }
}

@media(width <=499px) {
  .upsell-default .upsell-actions .button[data-v-58e5807c] {
    min-width: 0;
    width: 100%;
    box-sizing: border-box
  }
}

.upsell-default .upsell-actions .button span[data-v-58e5807c] {
  font-size: 24px
}

@media only screen and (width <=767px) {
  .upsell-default .upsell-actions .button span[data-v-58e5807c] {
    font-size: 19px
  }
}

@media only screen and (width <=375px) {
  .upsell-default .upsell-actions .button span[data-v-58e5807c] {
    font-size: 17px
  }
}

.upsell-default .upsell-actions .btn-disabled[data-v-58e5807c] {
  pointer-events: none;
  opacity: .4
}

.upsell-default .upsell-actions .btn-disabled.clickable[data-v-58e5807c] {
  pointer-events: all
}

.upsell-default .upsell-actions .cancel-upsell[data-v-58e5807c] {
  color: #2484d0;
  cursor: pointer;
  font-size: 1rem;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0
}

@media only screen and (height <=640px) {
  .upsell-default .upsell-actions .cancel-upsell[data-v-58e5807c] {
    margin-top: 5px
  }
}

.upsell-default #error-message[data-v-58e5807c] {
  text-align: center;
  color: red;
  margin-top: 10px
}

.upsell-default .modal-default-button[data-v-58e5807c] {
  float: right
}

@media(width >=400px)and (width <=500px) {
  .upsell-default .right-column[data-v-58e5807c] {
    margin-top: 20px
  }
}

.upsell-default .upsell-qty .qty-title[data-v-58e5807c] {
  margin: 0;
  margin-bottom: 8px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 19.2px;
  color: #434339;
  text-align: center
}

.upsell-default .upsell-qty .qty-actions[data-v-58e5807c] {
  display: flex;
  align-items: center;
  justify-content: center
}

.upsell-default .upsell-qty .qty-btn[data-v-58e5807c] {
  padding: 5px 10px;
  font-size: 2.5rem;
  font-weight: 700;
  color: #5c524b;
  line-height: 24px;
  border: 1px solid #ccc;
  border-radius: .25rem;
  background: linear-gradient(to bottom, #eee 0, #d5d5d5 100%);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
  text-shadow: 0 1px 1px hsla(0, 0%, 100%, .9);
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  cursor: pointer;
  user-select: none
}

.upsell-default .upsell-qty .qty-indicator[data-v-58e5807c] {
  width: 50px;
  font-size: 1.8125rem;
  font-weight: 700;
  text-align: center;
  color: #333;
  pointer-events: none
}

.upsell-default .upsell-qty .qty-minus span[data-v-58e5807c] {
  position: relative;
  top: -3px
}

body.rtl .upsell-serenity .modal-header .logo[data-v-58e5807c],
body.rtl .upsell-default .modal-header .logo[data-v-58e5807c] {
  justify-content: right
}

body.rtl .upsell-serenity .modal-header .headline span[data-v-58e5807c],
body.rtl .upsell-default .modal-header .headline span[data-v-58e5807c] {
  margin: 0 auto 0 0
}

body.rtl .upsell-serenity .modal-body .text-group[data-v-58e5807c],
body.rtl .upsell-default .modal-body .text-group[data-v-58e5807c] {
  padding-left: 0;
  padding-right: 50px
}

body.rtl .upsell-serenity .modal-body .text-group .upsell-info .pricing-display .upsell-price[data-v-58e5807c],
body.rtl .upsell-default .modal-body .text-group .upsell-info .pricing-display .upsell-price[data-v-58e5807c] {
  margin-right: 0;
  margin-left: 10px
}

body.rtl .upsell-serenity .modal-body .text-group .upsell-info .upsell-actions button[data-v-58e5807c],
body.rtl .upsell-default .modal-body .text-group .upsell-info .upsell-actions button[data-v-58e5807c] {
  margin: 0 0 0 10px
}

@media screen and (width <=1023px) {
  body.rtl .upsell .modal-body .text-group[data-v-58e5807c] {
    padding-right: 0
  }

  body.rtl .upsell .modal-body .text-group .upsell-info .upsell-actions button[data-v-58e5807c] {
    margin: 0 10px 0 0
  }
}

.rtl .upsell-serenity .modal-header .logo[data-v-58e5807c] {
  justify-content: right
}

.rtl .upsell-serenity .modal-header .headline span[data-v-58e5807c] {
  margin: auto auto auto 0
}

.rtl .upsell-serenity .modal-body .text-group[data-v-58e5807c] {
  padding-left: 0;
  padding-right: 50px
}

.rtl .upsell-serenity .modal-body .text-group .upsell-info .upsell-actions button[data-v-58e5807c] {
  margin: 0
}

.rtl .upsell-serenity .modal-body .text-group .upsell-info .upsell-actions button.cancel-upsell[data-v-58e5807c] {
  margin-right: 10px
}

@media screen and (width <=860px) {
  .rtl .upsell-serenity .modal-body[data-v-58e5807c] {
    padding: 0
  }
}

[data-v-58e5807c] #upsell-ms {
  margin-top: 20px
}

[data-v-58e5807c] #upsell-ms #upsell-ms-cols .upsell-ms-col {
  margin-right: 20px;
  min-width: 220px
}

@media all and (max-width: 800px) {
  [data-v-58e5807c] #upsell-ms #upsell-ms-cols .upsell-ms-col {
    min-width: unset;
    margin-right: 10px
  }
}

[data-v-58e5807c] #upsell-ms #upsell-ms-cols .upsell-ms-col:last-child {
  margin-right: 0
}

[data-v-58e5807c] #upsell-ms #upsell-ms-cols .upsell-ms-col .upsell-ms-col-component {
  margin-bottom: 0
}

[data-v-58e5807c] #upsell-ms #upsell-ms-cols .upsell-ms-col .upsell-ms-col-component .color-selector,
[data-v-58e5807c] #upsell-ms #upsell-ms-cols .upsell-ms-col .upsell-ms-col-component .size-selector {
  box-sizing: border-box;
  height: 62px
}

@media all and (max-width: 768px) {

  [data-v-58e5807c] #upsell-ms #upsell-ms-cols .upsell-ms-col .upsell-ms-col-component .color-selector .selected-image.color,
  [data-v-58e5807c] #upsell-ms #upsell-ms-cols .upsell-ms-col .upsell-ms-col-component .size-selector .selected-image.color {
    width: 40px;
    margin-right: 0;
    padding-right: 0
  }
}

[data-v-58e5807c] #upsell-ms #upsell-ms-cols .upsell-ms-col .upsell-ms-col-component .selected-image.color {
  background-color: unset;
  border-radius: 2px
}

@media all and (max-width: 768px) {
  [data-v-58e5807c] #upsell-ms #upsell-ms-cols .upsell-ms-col .upsell-ms-col-component .switcher {
    padding-right: 8px;
    padding-left: 4px
  }
}

#kits-total-bar[data-v-4bddfcae] {
  position: fixed;
  z-index: 105;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 88px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-top: 1px solid #c4c4c4
}

@media(max-width: 767px) {
  #kits-total-bar[data-v-4bddfcae] {
    background-color: #d9f6ff;
    height: 88px;
    justify-content: space-around
  }
}

#kits-total-bar #kits-total-value[data-v-4bddfcae] {
  font-size: 1.75rem;
  margin-right: 24px;
  font-weight: 700
}

@media(max-width: 767px) {
  #kits-total-bar #kits-total-value[data-v-4bddfcae] {
    font-size: 18px
  }
}

#kits-total-bar .cta-button[data-v-4bddfcae] {
  background: #17953c;
  color: #fff;
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box
}

@media(max-width: 767px) {
  #kits-total-bar .cta-button[data-v-4bddfcae] {
    font-size: 18px
  }
}

#kits-total-bar .btn-disabled[data-v-4bddfcae] {
  pointer-events: none;
  opacity: .5
}

#kits-total-bar .btn-disabled-clickable[data-v-4bddfcae] {
  cursor: default;
  opacity: .5
}

.bundle-type-switcher[data-v-27169396] {
  width: auto;
  margin: 50px auto 0;
  color: #69a860;
  background: #f0f5ee;
  border: 1px solid #69a860
}

@media only screen and (max-width: 440px) {
  .bundle-type-switcher[data-v-27169396] {
    margin-top: 30px;
    font-size: .7rem
  }
}

#size-chart[data-v-3c7a0873] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 20px
}

@media all and (max-width: 767px) {
  #size-chart[data-v-3c7a0873] {
    margin-left: 0;
    margin-right: 0
  }
}

#size-chart #size-chart-header[data-v-3c7a0873] {
  text-align: center;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold
}

@media all and (max-width: 767px) {
  #size-chart #size-chart-header[data-v-3c7a0873] {
    margin-bottom: 0
  }
}

#size-chart #size-chart-container[data-v-3c7a0873] {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin: 4px 0 16px;
  background: #fff;
  border-radius: 10px;
  border: 2px solid #e7e7e7
}

@media all and (max-width: 767px) {
  #size-chart #size-chart-container[data-v-3c7a0873] {
    background: #f3f3f3
  }
}

#size-chart #size-chart-container .size-chart-item[data-v-3c7a0873] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 10px 5px;
  flex: 1
}

#size-chart #size-chart-container .size-chart-item .size-chart-item-label[data-v-3c7a0873] {
  font-size: 22px;
  font-weight: bold;
  text-transform: capitalize;
  line-height: 32px;
  white-space: nowrap;
  margin-top: 22px;
  margin-bottom: 10px;
  width: 100%;
  text-align: center
}

@media all and (max-width: 767px) {
  #size-chart #size-chart-container .size-chart-item .size-chart-item-label[data-v-3c7a0873] {
    font-size: 18px;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 3px
  }
}

#size-chart #size-chart-container .size-chart-item .size-chart-item-description[data-v-3c7a0873] {
  color: #565656;
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 16px;
  text-align: center
}

@media all and (max-width: 767px) {
  #size-chart #size-chart-container .size-chart-item .size-chart-item-description[data-v-3c7a0873] {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0
  }
}

#size-chart #shortcode-link[data-v-3c7a0873] {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  color: #2484d0;
  text-decoration: underline;
  margin-bottom: 0
}

#size-chart #shortcode-link[data-v-3c7a0873] .content-link-cta {
  font-weight: 400
}

#mix-match-variant-info {
  display: flex;
  gap: 13px;
  justify-content: center;
  align-items: normal;
  margin-top: 20px;
  width: 100%;
  box-sizing: border-box
}

#mix-match-variant-info .variant {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  max-width: 100%;
  box-sizing: border-box;
  flex-basis: 33.33%;
  margin: 0;
  padding: 10px
}

#mix-match-variant-info .variant:last-child {
  margin-right: 0
}

#mix-match-variant-info .variant.titleBelow .variant-header-wrapper {
  display: flex;
  flex-direction: column
}

#mix-match-variant-info .variant.titleBelow .variant-header-wrapper .image-wrapper {
  border-radius: 10px 10px 0 0;
  margin-bottom: 0
}

#mix-match-variant-info .variant.titleBelow .variant-image {
  order: 1;
  margin-bottom: 0;
  margin-top: 20px
}

#mix-match-variant-info .variant.titleBelow .variant-title-wrapper {
  order: 2;
  margin-bottom: 20px;
  border-radius: 0 0 10px 10px
}

#mix-match-variant-info .variant.titleBelow .variant-description-wrapper {
  order: 3
}

#mix-match-variant-info .variant .variant-header-wrapper {
  width: 100%;
  margin-bottom: 20px
}

#mix-match-variant-info .variant .variant-header-wrapper .image-wrapper {
  background: #f6f6f6;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
  margin-bottom: 20px
}

#mix-match-variant-info .variant .variant-title-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  min-height: 51px;
  padding-top: 20px;
  padding-bottom: 10px;
  width: 100%;
  background: #f6f6f6;
  border-radius: 10px 10px 0 0
}

#mix-match-variant-info .variant .variant-title-wrapper .variant-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0;
  text-align: center
}

#mix-match-variant-info .variant .variant-title-wrapper .variant-subtitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  text-align: center
}

#mix-match-variant-info .variant .variant-image {
  width: 100%;
  margin: 0 auto;
  max-width: 200px;
  min-height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px
}

#mix-match-variant-info .variant .variant-image.rounded img {
  border-radius: 50%;
  border: 3px solid #00b39b
}

#mix-match-variant-info .variant .variant-image picture {
  width: 100%;
  object-fit: cover
}

#mix-match-variant-info .variant .variant-image picture img {
  width: 100%;
  object-fit: cover
}

#mix-match-variant-info .variant .variant-description-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-grow: 1;
  width: 100%
}

#mix-match-variant-info .variant .variant-description-wrapper .variant-description {
  border-bottom: 1px solid #bababa;
  padding-bottom: 7px;
  margin-bottom: 7px;
  width: 100%;
  text-align: center;
  color: #565656
}

@media(max-width: 768px) {
  #mix-match-variant-info {
    flex-direction: column;
    gap: 30px
  }

  #mix-match-variant-info .variant {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 0;
    gap: 15px;
    border: 1px solid #e1e4e9;
    background: var(--george-george-bg-01, #fff)
  }

  #mix-match-variant-info .variant.titleBelow .variant-header-wrapper {
    display: grid
  }

  #mix-match-variant-info .variant.titleBelow .variant-title-wrapper {
    order: inherit
  }

  #mix-match-variant-info .variant .variant-header-wrapper {
    width: 100%;
    margin: 0 10px 15px;
    align-items: center;
    flex-direction: column;
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 38% 1fr;
    justify-items: center
  }

  #mix-match-variant-info .variant .variant-header-wrapper .image-wrapper {
    background: none;
    padding: 0 29px;
    max-width: 75px;
    width: 100%;
    margin-bottom: 20px
  }

  #mix-match-variant-info .variant .variant-title-wrapper {
    min-height: initial;
    flex: 100%;
    background: none;
    padding-top: 15px;
    padding-bottom: 0;
    grid-column: 1/-1;
    margin-bottom: 20px
  }

  #mix-match-variant-info .variant .variant-title-wrapper .variant-title {
    font-size: 28px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.56px
  }

  #mix-match-variant-info .variant .variant-image {
    margin-bottom: 0;
    min-height: inherit;
    max-width: 75px
  }

  #mix-match-variant-info .variant .variant-image picture img {
    object-fit: contain;
    height: auto
  }

  #mix-match-variant-info .variant .variant-image.rounded img {
    border: 3px solid #00b39b;
    border-radius: 50%
  }

  #mix-match-variant-info .variant .variant-description {
    font-size: 14px;
    color: #434339;
    line-height: 12px !important
  }

  #mix-match-variant-info .variant .variant-subtitle {
    font-size: .75rem;
    margin-top: 8px
  }
}

body.kits-visible {
  padding-bottom: 88px
}

#bundle-kits[data-v-c78302a4] {
  color: #434339;
  background: #efefef;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  padding: 40px
}

@media(max-width: 767px) {
  #bundle-kits[data-v-c78302a4] {
    padding: 20px 15px 40px
  }
}

#bundle-kits #bundle-kits-header[data-v-c78302a4] {
  text-align: center;
  font-size: 2.25rem;
  font-weight: 700;
  margin-bottom: .5rem;
  line-height: 1.2
}

@media(max-width: 767px) {
  #bundle-kits #bundle-kits-header[data-v-c78302a4] {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 1.25rem
  }
}

#bundle-kits #bundle-kits-subheader[data-v-c78302a4] {
  font-size: 1.125rem;
  text-align: center;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2
}

@media(max-width: 767px) {
  #bundle-kits #bundle-kits-subheader[data-v-c78302a4] {
    padding-right: 20px;
    padding-left: 20px
  }
}

#bundle-kits #bundle-kits-container[data-v-c78302a4] {
  margin: 24px 0 0;
  border: 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 0 4px 0 rgba(0, 0, 0, .1);
  padding: 4px 20px 20px;
  background: #fff
}

#bundle-kits #bundle-kits-container .bundle-kits-container_header[data-v-c78302a4] {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 20px
}

#bundle-kits #bundle-kits-container #bundle-kits-selected[data-v-c78302a4] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 14px
}

#bundle-kits #bundle-kits-container #bundle-kits-selected img[data-v-c78302a4] {
  height: 200px;
  width: auto
}

@media(max-width: 767px) {
  #bundle-kits #bundle-kits-container #bundle-kits-selected img[data-v-c78302a4] {
    width: 270px;
    height: auto
  }
}

#bundle-kits #bundle-kits-container #bundle-kits-items[data-v-c78302a4] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin-top: 20px;
  margin-bottom: 6px
}

@media(max-width: 575px) {
  #bundle-kits #bundle-kits-container #bundle-kits-items[data-v-c78302a4] {
    justify-content: space-between;
    gap: 0
  }
}

#bundle-kits #bundle-kits-container #bundle-kits-items .bundle-kits-item[data-v-c78302a4] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  padding: 0 20px
}

@media(max-width: 575px) {
  #bundle-kits #bundle-kits-container #bundle-kits-items .bundle-kits-item[data-v-c78302a4] {
    flex: 0 calc(33% - 40px);
    max-width: calc(33% - 40px)
  }
}

#bundle-kits #bundle-kits-container #bundle-kits-items .bundle-kits-item .bundle-kits-item-title[data-v-c78302a4] {
  font-size: 1em;
  cursor: pointer;
  text-align: center;
  hyphens: auto;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center
}

@media(max-width: 575px) {
  #bundle-kits #bundle-kits-container #bundle-kits-items .bundle-kits-item .bundle-kits-item-title[data-v-c78302a4] {
    padding-bottom: 4px;
    font-size: .875em
  }
}

#bundle-kits #bundle-kits-container #bundle-kits-items .bundle-kits-item .bundle-kits-item-image[data-v-c78302a4] {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  overflow: hidden;
  transition: .15s ease-in-out;
  border: .5px solid #ccc;
  position: relative
}

#bundle-kits #bundle-kits-container #bundle-kits-items .bundle-kits-item .bundle-kits-item-image img[data-v-c78302a4] {
  display: block;
  height: 100%;
  object-fit: contain
}

@media(max-width: 767px) {
  #bundle-kits #bundle-kits-container #bundle-kits-items .bundle-kits-item .bundle-kits-item-image[data-v-c78302a4] {
    width: 60px;
    height: 60px;
    border-radius: 60px
  }
}

#bundle-kits #bundle-kits-container #bundle-kits-items .bundle-kits-item .bundle-kits-item-image[data-v-c78302a4]:hover {
  box-shadow: 0 0 0 3px #efefef, 0 0 0 6px #74726d
}

#bundle-kits #bundle-kits-container #bundle-kits-items .bundle-kits-item .bundle-kits-item-image.selected[data-v-c78302a4] {
  box-shadow: 0 0 0 5px #d4d1cb, 0 0 0 6px #c5c0b8
}

@media(max-width: 767px) {
  #bundle-kits #bundle-kits-container #bundle-kits-items .bundle-kits-item .bundle-kits-item-image.selected[data-v-c78302a4] {
    box-shadow: 0 0 0 3px #d4d1cb, 0 0 0 4px #c5c0b8
  }
}

#bundle-kits #bundle-kits-container #bundle-kits-items .bundle-kits-item .bundle-kits-item-image.selected[data-v-c78302a4]:before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(14148b627f7d5aa0830d.svg) center center/70% 70% no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  filter: grayscale(100%) brightness(0.9)
}

#bundle-kits #bundle-kits-container #bundle-kits-items .bundle-kits-item .bundle-kits-item--price-increase[data-v-c78302a4] {
  margin-top: 15px;
  white-space: nowrap
}

@media(max-width: 575px) {
  #bundle-kits #bundle-kits-container #bundle-kits-items .bundle-kits-item .bundle-kits-item--price-increase[data-v-c78302a4] {
    margin-top: 5px
  }
}

#bundle-kits #bundle-kits-container #bundle-kits-items .bundle-kits-item .bundle-kits-item--price-increase div[data-v-c78302a4] {
  width: 100%;
  text-align: center;
  font-size: 1rem
}

@media(max-width: 575px) {
  #bundle-kits #bundle-kits-container #bundle-kits-items .bundle-kits-item .bundle-kits-item--price-increase div[data-v-c78302a4] {
    font-size: .875em
  }

  #bundle-kits #bundle-kits-container #bundle-kits-items .bundle-kits-item .bundle-kits-item--price-increase div[data-v-c78302a4]:last-child {
    font-size: .75rem
  }
}

@media(max-width: 575px) {
  #bundle-kits #bundle-kits-container .bundle-kits-items_center[data-v-c78302a4] {
    justify-content: center !important
  }
}

body.inline-upsell-visible {
  padding-bottom: 88px
}

.headline_mobile {
  display: none
}

@media only screen and (width <=767px) {
  .headline_mobile {
    display: block;
    font-family: sans-serif;
    font-size: 1.25rem;
    text-align: center;
    color: #434339
  }
}

@media only screen and (height <=535px) {
  .headline_mobile {
    display: none
  }
}

.upsell-actions .button {
  overflow-x: hidden;
  padding: 15px 30px !important;
  box-sizing: border-box
}

.upsell-actions .button.full-width {
  width: 100%
}

.upsell-actions .button span {
  font-size: 24px
}

@media only screen and (width <=767px) {
  .upsell-actions .button span {
    font-size: 19px
  }
}

@media only screen and (width <=375px) {
  .upsell-actions .button span {
    font-size: 17px
  }
}

.upsell-actions .cancel-upsell {
  color: #2484d0;
  cursor: pointer;
  font-size: 1rem;
  text-align: center;
  margin-top: 10px
}

@media only screen and (height <=640px) {
  .upsell-actions .cancel-upsell {
    margin-top: 5px
  }
}

.upsell-actions .btn-disabled {
  pointer-events: none;
  opacity: .4
}

.upsell-actions .btn-disabled.clickable {
  pointer-events: all
}

#error-message {
  text-align: center;
  color: red;
  margin-top: 10px
}

#inline-preupsell {
  max-width: 1160px;
  width: calc(100% - 40px);
  margin-right: auto;
  margin-left: auto;
  padding: 15px 0;
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  z-index: 106;
  position: relative
}

@media only screen and (max-width: 767px) {
  #inline-preupsell {
    padding: 0
  }
}

@media(min-width: 992px) {
  #inline-preupsell .col-lg-6 {
    flex: 0 0 50%;
    max-width: 45%;
    padding-left: 15px;
    padding-right: 15px
  }
}

#inline-preupsell .first-line {
  font-size: 2.25rem;
  color: #000;
  font-weight: 700
}

#inline-preupsell .bundle-pricing-text p,
#inline-preupsell .bundle-pricing-text ul {
  font-size: 1rem;
  line-height: 1.5;
  color: #434339
}

@media only screen and (max-width: 1000px) {
  #inline-preupsell .row {
    flex-direction: column;
    align-items: center
  }
}

@media only screen and (max-width: 768px) {
  #inline-preupsell {
    padding: 35px 0;
    max-width: 720px
  }
}

#inline-preupsell .headline {
  margin: 0 0 20px;
  font-size: 2.25rem;
  color: #000;
  text-align: center;
  font-weight: 700
}

@media only screen and (max-width: 768px) {
  #inline-preupsell .headline {
    font-size: 1.5rem;
    margin: 0
  }
}

#inline-preupsell .usa-shipping {
  display: inline
}

#inline-preupsell .left-column,
#inline-preupsell .right-column {
  flex: 1;
  max-width: 50%;
  padding-right: 15px;
  padding-left: 15px;
  margin: 0
}

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

  #inline-preupsell .left-column,
  #inline-preupsell .right-column {
    max-width: unset;
    width: 100%;
    padding: 0
  }
}

#inline-preupsell .left-column {
  display: flex;
  align-items: center;
  justify-content: center;
  height: max-content
}

#inline-preupsell .right-column #upsell-ms {
  margin-top: 20px
}

#inline-preupsell .right-column #upsell-ms #upsell-ms-cols .upsell-ms-col {
  margin-right: 20px;
  min-width: auto
}

#inline-preupsell .right-column #upsell-ms #upsell-ms-cols .upsell-ms-col:last-child {
  margin-right: 0
}

#inline-preupsell .right-column #upsell-ms #upsell-ms-cols .upsell-ms-col .upsell-ms-col-component {
  margin-bottom: 0
}

#inline-preupsell .right-column #upsell-ms #upsell-ms-cols .upsell-ms-col .upsell-ms-col-component .selected-image.color {
  background-color: unset;
  border-radius: 2px
}

#inline-preupsell .popup-image {
  max-height: 400px;
  max-width: 100%;
  float: right
}

#inline-preupsell .popup-image img {
  max-width: 100%;
  width: auto;
  max-height: 400px
}

@media only screen and (max-width: 768px) {
  #inline-preupsell .popup-image {
    padding: 10px
  }
}

#inline-preupsell .description {
  margin: 5px 16px;
  margin-bottom: -0.5rem;
  text-align: left
}

#inline-preupsell .description .first-line,
#inline-preupsell .description .second-line {
  margin: 0;
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5
}

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

  #inline-preupsell .description .first-line,
  #inline-preupsell .description .second-line {
    font-size: 14px;
    line-height: 1.4
  }
}

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

  #inline-preupsell .description .first-line,
  #inline-preupsell .description .second-line {
    font-size: 3.5588vw
  }
}

#inline-preupsell .pricing-display {
  text-align: center
}

#inline-preupsell .pricing-display .only-price_msrp {
  color: #98908b;
  font-weight: 700;
  font-size: 1.125rem;
  text-decoration: line-through
}

#inline-preupsell .pricing-display .only-price {
  color: #17953c;
  font-size: 1.75rem;
  font-weight: 700
}

#inline-preupsell .upsell-actions {
  text-align: center;
  min-height: 100px
}

#inline-preupsell .upsell-actions .button-container {
  margin: 30px 0 20px
}

@media only screen and (max-width: 768px) {
  #inline-preupsell .upsell-actions .button-container {
    margin: 10px 0
  }
}

#inline-preupsell .cancel-upsell {
  color: #2484d0;
  cursor: pointer;
  font-size: 1rem;
  text-align: center;
  margin-top: 10px
}

@media only screen and (max-height: 640px) {
  #inline-preupsell .cancel-upsell {
    margin-top: 5px
  }
}

#inline-preupsell .cancel-upsell-qty {
  text-decoration: underline
}

#inline-preupsell .upsell-qty .qty-title {
  margin: 0;
  margin-bottom: 8px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 19.2px;
  color: #434339;
  text-align: center
}

#inline-preupsell .upsell-qty .qty-actions {
  display: flex;
  align-items: center;
  justify-content: center
}

#inline-preupsell .upsell-qty .qty-btn {
  padding: 5px 10px;
  font-size: 2.5rem;
  font-weight: 700;
  color: #5c524b;
  line-height: 24px;
  border: 1px solid #ccc;
  border-radius: .25rem;
  background: linear-gradient(to bottom, #eee 0, #d5d5d5 100%);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
  text-shadow: 0 1px 1px hsla(0, 0%, 100%, .9);
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  cursor: pointer;
  user-select: none
}

#inline-preupsell .upsell-qty .qty-indicator {
  width: 50px;
  font-size: 1.8125rem;
  font-weight: 700;
  text-align: center;
  color: #333;
  pointer-events: none
}

#inline-preupsell .upsell-qty .qty-minus span {
  position: relative;
  top: -3px
}

.whats-included_block[data-v-73dd8a4d] {
  visibility: hidden;
  height: 6px
}

.whats-included-content[data-v-73dd8a4d] {
  color: #333;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin: 20px 0 0
}

@media(max-width: 767px) {
  .whats-included-content[data-v-73dd8a4d] {
    font-size: 11px;
    margin: 0 0 7px
  }
}

.qty-selector.unavailable[data-v-2a255bfe] {
  pointer-events: none
}

.qty-selector.unavailable .label[data-v-2a255bfe],
.qty-selector.unavailable .ui-element[data-v-2a255bfe] {
  opacity: .5
}

.cta-button.disabled[data-v-7e35a3fe] {
  pointer-events: none;
  opacity: .5
}

.spinner-wrapper[data-v-7e35a3fe] {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box
}

body.kits-visible {
  padding-bottom: 88px
}

#bundle-product-variants[data-v-6bdc49f6] {
  color: #434339;
  background: #efefef;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  padding: 40px
}

@media(max-width: 767px) {
  #bundle-product-variants[data-v-6bdc49f6] {
    padding: 20px 15px 40px
  }
}

#bundle-product-variants #bundle-product-variants-header[data-v-6bdc49f6] {
  text-align: center;
  font-size: 2.25rem;
  font-weight: 700;
  margin-bottom: .5rem;
  line-height: 1.2
}

@media(max-width: 767px) {
  #bundle-product-variants #bundle-product-variants-header[data-v-6bdc49f6] {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 1.25rem
  }
}

#bundle-product-variants #bundle-product-variants-subheader[data-v-6bdc49f6] {
  font-size: 1.125rem;
  text-align: center;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2
}

#bundle-product-variants #bundle-product-variants-container[data-v-6bdc49f6] {
  margin: 40px 0 0;
  border: 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 0 4px 0 rgba(0, 0, 0, .1);
  padding: 20px;
  background: #fff
}

#bundle-product-variants #bundle-product-variants-container .bundle-product-variants-container_header[data-v-6bdc49f6] {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px
}

#bundle-product-variants #bundle-product-variants-container #bundle-product-variants-selected[data-v-6bdc49f6] {
  display: flex;
  align-items: center;
  justify-content: center
}

#bundle-product-variants #bundle-product-variants-container #bundle-product-variants-selected img[data-v-6bdc49f6] {
  height: 200px;
  width: auto
}

@media(max-width: 767px) {
  #bundle-product-variants #bundle-product-variants-container #bundle-product-variants-selected img[data-v-6bdc49f6] {
    width: 270px;
    height: auto
  }
}

#bundle-product-variants #bundle-product-variants-container #bundle-product-variants-items[data-v-6bdc49f6] {
  display: flex;
  justify-content: center;
  align-items: stretch;
  margin-top: 20px;
  margin-bottom: 20px;
  gap: 40px
}

@media(max-width: 575px) {
  #bundle-product-variants #bundle-product-variants-container #bundle-product-variants-items[data-v-6bdc49f6] {
    justify-content: space-between;
    gap: 0
  }
}

#bundle-product-variants #bundle-product-variants-container #bundle-product-variants-items .bundle-product-variants-item[data-v-6bdc49f6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer
}

@media(max-width: 575px) {
  #bundle-product-variants #bundle-product-variants-container #bundle-product-variants-items .bundle-product-variants-item[data-v-6bdc49f6] {
    flex: 1
  }
}

#bundle-product-variants #bundle-product-variants-container #bundle-product-variants-items .bundle-product-variants-item .bundle-product-variants-item-title[data-v-6bdc49f6] {
  font-size: 1em;
  cursor: pointer;
  text-align: center;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center
}

@media(max-width: 575px) {
  #bundle-product-variants #bundle-product-variants-container #bundle-product-variants-items .bundle-product-variants-item .bundle-product-variants-item-title[data-v-6bdc49f6] {
    padding-bottom: 4px
  }
}

#bundle-product-variants #bundle-product-variants-container #bundle-product-variants-items .bundle-product-variants-item .bundle-product-variants-item-image[data-v-6bdc49f6] {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  overflow: hidden;
  transition: .15s ease-in-out;
  border: .5px solid #ccc;
  position: relative
}

#bundle-product-variants #bundle-product-variants-container #bundle-product-variants-items .bundle-product-variants-item .bundle-product-variants-item-image img[data-v-6bdc49f6] {
  display: block;
  height: 100%;
  object-fit: contain
}

@media(max-width: 767px) {
  #bundle-product-variants #bundle-product-variants-container #bundle-product-variants-items .bundle-product-variants-item .bundle-product-variants-item-image[data-v-6bdc49f6] {
    width: 60px;
    height: 60px;
    border-radius: 60px
  }
}

#bundle-product-variants #bundle-product-variants-container #bundle-product-variants-items .bundle-product-variants-item .bundle-product-variants-item-image[data-v-6bdc49f6]:hover {
  box-shadow: 0 0 0 3px #efefef, 0 0 0 6px #74726d
}

#bundle-product-variants #bundle-product-variants-container #bundle-product-variants-items .bundle-product-variants-item .bundle-product-variants-item-image.selected[data-v-6bdc49f6] {
  box-shadow: 0 0 0 5px #d4d1cb, 0 0 0 6px #c5c0b8
}

@media(max-width: 767px) {
  #bundle-product-variants #bundle-product-variants-container #bundle-product-variants-items .bundle-product-variants-item .bundle-product-variants-item-image.selected[data-v-6bdc49f6] {
    box-shadow: 0 0 0 3px #d4d1cb, 0 0 0 4px #c5c0b8
  }
}

#bundle-product-variants #bundle-product-variants-container #bundle-product-variants-items .bundle-product-variants-item .bundle-product-variants-item-image.selected[data-v-6bdc49f6]:before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(14148b627f7d5aa0830d.svg) center center/70% 70% no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  filter: grayscale(100%) brightness(0.9)
}

#bundle-product-variants #bundle-product-variants-container #bundle-product-variants-items .bundle-product-variants-item .bundle-product-variants-item-price-increase[data-v-6bdc49f6] {
  margin-top: 15px;
  white-space: nowrap
}

@media(max-width: 575px) {
  #bundle-product-variants #bundle-product-variants-container #bundle-product-variants-items .bundle-product-variants-item .bundle-product-variants-item-price-increase[data-v-6bdc49f6] {
    margin-top: 5px
  }
}

#bundle-product-variants #bundle-product-variants-container #bundle-product-variants-items .bundle-product-variants-item .bundle-product-variants-item-price-increase div[data-v-6bdc49f6] {
  width: 100%;
  text-align: center;
  font-size: 1em
}

@media(max-width: 575px) {
  #bundle-product-variants #bundle-product-variants-container #bundle-product-variants-items .bundle-product-variants-item .bundle-product-variants-item-price-increase div[data-v-6bdc49f6] {
    font-size: .875em
  }

  #bundle-product-variants #bundle-product-variants-container #bundle-product-variants-items .bundle-product-variants-item .bundle-product-variants-item-price-increase div[data-v-6bdc49f6]:last-child {
    font-size: .75rem
  }
}

#backorder-note[data-v-0cb995a1]:not(.serenity-template) {
  background: #ece8df;
  padding: 25px 50px
}

@media(max-width: 767px) {
  #backorder-note[data-v-0cb995a1]:not(.serenity-template) {
    padding: 0 15px 20px 15px
  }
}

#backorder-note:not(.serenity-template) #backorder-note-content[data-v-0cb995a1] {
  text-align: center;
  border: dashed #444 2px;
  padding: 20px;
  line-height: 2em;
  font-size: 1.125rem;
  margin: 0 auto
}

@media screen and (min-width: 1200px) {
  #backorder-note:not(.serenity-template) #backorder-note-content[data-v-0cb995a1] {
    max-width: 1140px
  }
}

@media screen and (max-width: 1199px) {
  #backorder-note:not(.serenity-template) #backorder-note-content[data-v-0cb995a1] {
    max-width: 960px
  }
}

@media screen and (max-width: 767px) {
  #backorder-note:not(.serenity-template) #backorder-note-content[data-v-0cb995a1] {
    max-width: 720px;
    padding: 10px;
    line-height: 1.4;
    font-size: .875rem
  }
}

#backorder-note.serenity-template[data-v-0cb995a1] {
  margin: 35px auto 0 auto;
  border: 1px dashed #000;
  padding: 24px 20px;
  border-radius: 10px
}

#backorder-note.serenity-template #backorder-note-content[data-v-0cb995a1] {
  display: flex;
  justify-content: center;
  align-items: center
}

#backorder-note.serenity-template #backorder-note-content svg[data-v-0cb995a1] {
  margin: 0 15px;
  width: 34px;
  min-width: 34px;
  height: auto
}

#backorder-note.serenity-template #backorder-note-content .message[data-v-0cb995a1] {
  margin: 0 15px
}

#backorder-note.serenity-template #backorder-note-content .message>div[data-v-0cb995a1] {
  display: flex;
  flex-direction: row
}

#backorder-note.serenity-template #backorder-note-content .message>div[data-v-0cb995a1]:nth-child(1) {
  margin-bottom: 10px
}

#backorder-note.serenity-template #backorder-note-content .message>div strong[data-v-0cb995a1] {
  display: block;
  font-weight: 600;
  font-size: .875rem;
  line-height: 1.4;
  margin-right: 18px;
  white-space: nowrap
}

#backorder-note.serenity-template #backorder-note-content .message>div strong[data-v-0cb995a1]:after {
  content: ":"
}

#backorder-note.serenity-template #backorder-note-content .message>div p[data-v-0cb995a1] {
  font-size: .875rem;
  line-height: 1.4;
  margin: 0
}

@media screen and (max-width: 520px) {
  #backorder-note.serenity-template[data-v-0cb995a1] {
    border-radius: 6px;
    padding: 16px 20px
  }

  #backorder-note.serenity-template #backorder-note-content[data-v-0cb995a1] {
    justify-content: left
  }

  #backorder-note.serenity-template #backorder-note-content svg[data-v-0cb995a1] {
    width: 30px;
    min-width: 30px;
    margin: 0 10px 0 0
  }

  #backorder-note.serenity-template #backorder-note-content .message[data-v-0cb995a1] {
    margin: 0 10px
  }

  #backorder-note.serenity-template #backorder-note-content .message>div[data-v-0cb995a1] {
    flex-direction: column
  }

  #backorder-note.serenity-template #backorder-note-content .message>div[data-v-0cb995a1]:nth-child(1) {
    margin-bottom: 18px
  }

  #backorder-note.serenity-template #backorder-note-content .message>div strong[data-v-0cb995a1] {
    font-size: .75rem
  }

  #backorder-note.serenity-template #backorder-note-content .message>div strong[data-v-0cb995a1]:after {
    content: ""
  }

  #backorder-note.serenity-template #backorder-note-content .message>div p[data-v-0cb995a1] {
    font-size: .75rem
  }
}

body.mix-match-visible {
  padding-bottom: 88px
}

#bundle-mix-match[data-v-6ce42167] {
  padding: 40px;
  color: #434339;
  background: #efefef;
  border-top: 2px solid rgba(0, 0, 0, .1);
  border-bottom: 2px solid rgba(0, 0, 0, .1);
  display: block;
  opacity: 1
}

@media only screen and (max-width: 767px) {
  #bundle-mix-match[data-v-6ce42167] {
    padding: 40px 20px 20px
  }
}

@media only screen and (max-width: 576px) {
  #bundle-mix-match[data-v-6ce42167] {
    padding: 20px 20px 20px
  }
}

#bundle-mix-match #bundle-mix-match-header[data-v-6ce42167] {
  padding: 0 20px;
  margin-bottom: .5rem;
  text-align: center;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.2;
  color: #434339
}

@media only screen and (max-width: 991px) {
  #bundle-mix-match #bundle-mix-match-header[data-v-6ce42167] {
    padding: 0 60px;
    font-size: 1.25rem
  }
}

@media only screen and (max-width: 767px) {
  #bundle-mix-match #bundle-mix-match-header[data-v-6ce42167] {
    padding: 0
  }
}

#bundle-mix-match #bundle-mix-match-subheader[data-v-6ce42167] {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin: 0;
  margin-bottom: 15px !important;
  color: #434339
}

@media(max-width: 767px) {
  #bundle-mix-match #bundle-mix-match-subheader[data-v-6ce42167] {
    padding-right: 20px;
    padding-left: 20px;
    font-size: .875rem
  }
}

#bundle-mix-match #bundle-mix-match-items[data-v-6ce42167] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  row-gap: 20px;
  font-size: 1rem
}

@media only screen and (max-width: 991px) {
  #bundle-mix-match #bundle-mix-match-items[data-v-6ce42167] {
    font-size: .875rem
  }
}

@media only screen and (max-width: 767px) {
  #bundle-mix-match #bundle-mix-match-items[data-v-6ce42167] {
    row-gap: 0;
    margin-top: 15px;
    padding: 10px 0;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background: #f3f3f3
  }
}

#bundle-mix-match .bundle-mix-match-item[data-v-6ce42167] {
  display: flex;
  align-items: center;
  column-gap: 20px;
  width: 86%;
  padding: 20px 7%;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  justify-content: center
}

@media only screen and (max-width: 767px) {
  #bundle-mix-match .bundle-mix-match-item[data-v-6ce42167] {
    position: relative;
    justify-content: space-around;
    column-gap: 4%;
    width: calc(100% - 45px);
    padding: 0 0 0 45px;
    background: unset;
    border: none
  }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
  #bundle-mix-match .bundle-mix-match-item[data-v-6ce42167] {
    padding: 20px;
    width: calc(100% - 40px)
  }
}

#bundle-mix-match .bundle-mix-match-item .bundle-mix-match-item-title[data-v-6ce42167] {
  flex: none;
  padding: 10px 20px 10px 0;
  font-size: 28px !important;
  text-align: center;
  font-weight: bold;
  line-height: 1.1;
  font-weight: 700;
  color: #434339
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
  #bundle-mix-match .bundle-mix-match-item .bundle-mix-match-item-title[data-v-6ce42167] {
    font-size: 1.25rem
  }
}

@media only screen and (max-width: 767px) {
  #bundle-mix-match .bundle-mix-match-item .bundle-mix-match-item-title[data-v-6ce42167] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 18px 0 18px 20px;
    font-size: 18px !important;
    text-align: center;
    max-width: none
  }

  #bundle-mix-match .bundle-mix-match-item .bundle-mix-match-item-title span[data-v-6ce42167] {
    display: none
  }
}

#bundle-mix-match .bundle-mix-match-item .bundle-mix-match-variant[data-v-6ce42167] {
  position: relative;
  flex: 1;
  max-width: 170px;
  cursor: pointer;
  height: 55px;
  min-height: 55px;
  box-sizing: border-box
}

#bundle-mix-match .bundle-mix-match-item .bundle-mix-match-variant input[data-v-6ce42167] {
  position: absolute;
  clip: rect(0 0 0 0);
  overflow: hidden
}

#bundle-mix-match .bundle-mix-match-item .bundle-mix-match-variant span[data-v-6ce42167] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 15px 0 50px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: .875rem;
  background: #f3f3f3;
  border-radius: 10px;
  border: 3px solid #e7e7e7;
  box-sizing: border-box;
  transition: .2s ease-in-out;
  height: 55px;
  word-wrap: break-word;
  overflow-wrap: break-word
}

@media only screen and (min-width: 767px) {
  #bundle-mix-match .bundle-mix-match-item .bundle-mix-match-variant span.fs-08[data-v-6ce42167] {
    font-size: .8rem
  }

  #bundle-mix-match .bundle-mix-match-item .bundle-mix-match-variant span.fs-07[data-v-6ce42167] {
    font-size: .7rem
  }
}

@media only screen and (max-width: 767px) {
  #bundle-mix-match .bundle-mix-match-item .bundle-mix-match-variant span[data-v-6ce42167] {
    padding: 15px 0 15px 25px;
    font-size: 3vw;
    border: 0
  }
}

#bundle-mix-match .bundle-mix-match-item .bundle-mix-match-variant span em[data-v-6ce42167] {
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 12px
}

@media only screen and (max-width: 767px) {
  #bundle-mix-match .bundle-mix-match-item .bundle-mix-match-variant span em[data-v-6ce42167] {
    font-size: 2.6vw
  }
}

#bundle-mix-match .bundle-mix-match-item .bundle-mix-match-variant span[data-v-6ce42167]::before {
  content: "";
  position: absolute;
  top: 28px;
  left: 15px;
  width: 24px;
  height: 24px;
  border: 1px solid #999;
  border-radius: 3px;
  background: #fff;
  transform: translateY(-50%)
}

@media only screen and (max-width: 767px) {
  #bundle-mix-match .bundle-mix-match-item .bundle-mix-match-variant span[data-v-6ce42167]::before {
    left: 0;
    width: 18px;
    height: 18px
  }
}

#bundle-mix-match .bundle-mix-match-item .bundle-mix-match-variant input:checked+span[data-v-6ce42167]:before {
  background: url(14148b627f7d5aa0830d.svg) center center/70% 70% no-repeat #0175ff;
  border-color: #0175ff
}

body.inline-checkout-shown {
  padding-bottom: 0
}

#header.hide {
  display: none
}

.inline-checkout-wrapper {
  display: flex;
  min-height: 100vh;
  max-width: 1440px;
  margin: auto;
  font-family: Inter, "Open Sans", Helvetica, Arial, sans-serif
}

.inline-checkout-wrapper .row {
  display: flex;
  width: 100%;
  justify-content: center
}

@media(min-width: 935px) {
  .inline-checkout-wrapper .row {
    flex-wrap: nowrap
  }
}

.inline-checkout-wrapper .vue-tel-input input {
  box-shadow: 0 0 0px 1000px #fff inset
}

.inline-checkout-wrapper #payment-form-wrapper {
  width: 100%;
  max-width: 808px;
  background: #fff
}

@media(max-width: 934px) {
  .inline-checkout-wrapper #payment-form-wrapper {
    max-width: unset
  }

  .inline-checkout-wrapper #payment-form-wrapper.step-payment {
    padding-top: 0;
    padding-bottom: 40px
  }
}

.inline-checkout-wrapper #payment-form {
  max-width: 558px;
  width: calc(100% - 81px);
  margin-left: auto;
  padding-right: 62px;
  box-shadow: none
}

.inline-checkout-wrapper #payment-form #checkout-logo-wrapper,
.inline-checkout-wrapper #payment-form #breadcrumbs,
.inline-checkout-wrapper #payment-form .checkout-container {
  max-width: unset;
  width: 100%
}

.inline-checkout-wrapper #payment-form #express-checkout-wrapper #paypal-button-container iframe {
  z-index: auto
}

.inline-checkout-wrapper #payment-form .checkout-container #email-me-wrapper #email-me-label {
  font-family: Inter, "Open Sans", Helvetica, Arial, sans-serif
}

.inline-checkout-wrapper #payment-form #checkout-submit {
  margin-bottom: 26px;
  align-items: center
}

.inline-checkout-wrapper #payment-form #checkout-submit #checkout-logo-back-to-cart {
  display: flex;
  align-items: center;
  cursor: pointer
}

.inline-checkout-wrapper #payment-form #checkout-submit #checkout-logo-back-to-cart span {
  font-family: Inter, "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.02em
}

@media(max-width: 934px) {
  .inline-checkout-wrapper #payment-form #checkout-submit #checkout-logo-back-to-cart span {
    font-size: 12px
  }
}

.inline-checkout-wrapper #payment-form #checkout-submit .checkout-input-wrapper {
  flex-basis: unset
}

.inline-checkout-wrapper #payment-form #checkout-submit #checkout-logo-proceed {
  display: none
}

.inline-checkout-wrapper #payment-form .payment-form-links {
  width: 100%;
  align-self: flex-start;
  border-top: 1px solid #e6e6e6
}

.inline-checkout-wrapper #payment-form .payment-form-links #checkout-footer {
  width: 100%;
  margin: 0;
  padding: 20px 0
}

.inline-checkout-wrapper #payment-form .payment-form-links #checkout-footer .checkout-footer-el {
  font-weight: 400;
  color: #697386
}

@media(max-width: 934px) {
  .inline-checkout-wrapper #payment-form .payment-form-links {
    display: none
  }
}

@media(max-width: 1366px) {
  .inline-checkout-wrapper #payment-form {
    padding-right: 40px;
    margin-left: 0;
    max-width: 100%;
    width: 100%
  }
}

@media(max-width: 934px) {
  .inline-checkout-wrapper #payment-form {
    max-width: unset;
    width: auto;
    padding-right: 20px
  }

  .inline-checkout-wrapper #payment-form #breadcrumbs {
    margin-bottom: 24px
  }
}

.inline-checkout-wrapper #cart-details-wrapper {
  padding: 0;
  max-width: 632px;
  width: 100%;
  background: #f7f7f7
}

@media(max-width: 934px) {
  .inline-checkout-wrapper #cart-details-wrapper {
    max-width: unset;
    background: #fff
  }
}

.inline-checkout-wrapper .cart-details-wrapper_payment {
  background: #fff !important
}

.inline-checkout-wrapper #cart-details {
  margin: 92px 0;
  padding-left: 42px;
  max-width: 470px;
  z-index: auto
}

@media(max-width: 1366px) {
  .inline-checkout-wrapper #cart-details {
    max-width: unset;
    width: 100%;
    padding-left: 40px
  }
}

@media(max-width: 934px) {
  .inline-checkout-wrapper #cart-details {
    margin: 0;
    padding: 0 15px;
    max-width: unset;
    background: #fff;
    box-sizing: border-box;
    margin-bottom: 20px
  }
}

.inline-checkout-wrapper #gu-cart {
  z-index: auto
}

.inline-checkout-wrapper #gu-cart h2 {
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #1f1f1f
}

.inline-checkout-wrapper #gu-cart #gu-product-wrapper {
  border: none
}

.inline-checkout-wrapper #cart-details-teleport {
  margin-bottom: 40px;
  display: none
}

.inline-checkout-wrapper #cart-details-teleport #gu-cart {
  border-radius: 0;
  background: #f7f8fa;
  border-top: 1px solid #e7e8ea
}

.inline-checkout-wrapper #cart-details-teleport #gu-cart.expanded {
  height: fit-content;
  overflow: hidden
}

.inline-checkout-wrapper #cart-details-teleport #gu-cart #mobile-header {
  border: none;
  border-radius: 0;
  background: #f7f8fa
}

.inline-checkout-wrapper #cart-details-teleport #gu-cart #mobile-header #mobile-header-arrow {
  transform: rotate(180deg);
  display: flex
}

@media(max-width: 934px) {
  .inline-checkout-wrapper #cart-details-teleport {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 9999
  }
}

@media(min-width: 1441px) {
  .inline-checkout-wrapper {
    max-width: unset
  }

  .inline-checkout-wrapper #payment-form-wrapper {
    width: 56%;
    max-width: unset
  }

  .inline-checkout-wrapper #cart-details-wrapper {
    width: 44%;
    max-width: unset
  }
}

body.rtl #cart-details {
  padding: 0 42px 0 0
}

body.rtl #payment-form-wrapper #payment-form {
  margin: 0;
  margin-right: auto;
  padding-left: 66px
}

@media(max-width: 1100px) {
  body.rtl #payment-form-wrapper #payment-form {
    padding-left: 20px;
    padding-right: 15px
  }
}

body.default-dtc-template #multi-selection-wrapper[data-v-4e7185db],
body.default-template #multi-selection-wrapper[data-v-4e7185db] {
  padding: 40px;
  background: #efefef;
  position: relative;
  z-index: 105
}

@media all and (max-width: 768px) {

  body.default-dtc-template #multi-selection-wrapper[data-v-4e7185db],
  body.default-template #multi-selection-wrapper[data-v-4e7185db] {
    padding: 0 0 114px;
    background: #efefef
  }
}

#multi-selection[data-v-4e7185db] {
  font-family: Inter, "Open Sans", Helvetica, Arial, sans-serif
}

body.default-dtc-template #multi-selection[data-v-4e7185db],
body.default-template #multi-selection[data-v-4e7185db] {
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  background: #fff
}

@media all and (max-width: 768px) {

  body.default-dtc-template #multi-selection[data-v-4e7185db],
  body.default-template #multi-selection[data-v-4e7185db] {
    padding: 0 20px;
    border: none;
    background-color: #efefef
  }
}

#multi-selection-header[data-v-4e7185db] {
  color: #252729;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  margin-top: 20px;
  margin-bottom: 20px
}

body.default-dtc-template #multi-selection-header[data-v-4e7185db],
body.default-template #multi-selection-header[data-v-4e7185db] {
  color: #434339;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 30px;
  margin-bottom: 40px
}

@media all and (max-width: 768px) {

  body.default-dtc-template #multi-selection-header[data-v-4e7185db],
  body.default-template #multi-selection-header[data-v-4e7185db] {
    margin-top: 0;
    padding-top: 24px;
    margin-bottom: 0
  }
}

#multi-selection-products[data-v-4e7185db] {
  min-width: 100%
}

body.default-dtc-template #multi-selection-products #multi-selection-header[data-v-4e7185db],
body.default-template #multi-selection-products #multi-selection-header[data-v-4e7185db] {
  display: none
}

#multi-selection-products #multi-selection-header .multi-selection-header-attribute[data-v-4e7185db] {
  color: #252729;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  padding-bottom: 10px;
  padding-left: 20px;
  width: 50%
}

body.default-dtc-template #multi-selection-products #multi-selection-header .multi-selection-header-attribute[data-v-4e7185db],
body.default-template #multi-selection-products #multi-selection-header .multi-selection-header-attribute[data-v-4e7185db] {
  width: auto;
  max-width: 300px
}

#multi-selection-products .multi-selection-row[data-v-4e7185db] {
  min-height: 64px
}

body.default-dtc-template #multi-selection-products .multi-selection-row[data-v-4e7185db],
body.default-template #multi-selection-products .multi-selection-row[data-v-4e7185db] {
  display: flex;
  justify-content: center;
  align-items: center
}

@media all and (max-width: 768px) {

  body.default-dtc-template #multi-selection-products .multi-selection-row[data-v-4e7185db],
  body.default-template #multi-selection-products .multi-selection-row[data-v-4e7185db] {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 24px
  }

  body.default-dtc-template #multi-selection-products .multi-selection-row.one[data-v-4e7185db],
  body.default-template #multi-selection-products .multi-selection-row.one[data-v-4e7185db] {
    flex-wrap: nowrap;
    justify-content: center
  }

  body.default-dtc-template #multi-selection-products .multi-selection-row.one .multi-selection-counter[data-v-4e7185db],
  body.default-template #multi-selection-products .multi-selection-row.one .multi-selection-counter[data-v-4e7185db] {
    flex-basis: unset;
    margin-right: 10px
  }
}

#multi-selection-products .multi-selection-row .multi-selection-counter[data-v-4e7185db] {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: -0.32px;
  vertical-align: middle;
  padding-bottom: 20px;
  white-space: nowrap
}

body.default-dtc-template #multi-selection-products .multi-selection-row .multi-selection-counter[data-v-4e7185db],
body.default-template #multi-selection-products .multi-selection-row .multi-selection-counter[data-v-4e7185db] {
  color: #434339;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  padding: 0;
  margin-bottom: 40px;
  margin-right: 20px
}

@media all and (max-width: 768px) {

  body.default-dtc-template #multi-selection-products .multi-selection-row .multi-selection-counter[data-v-4e7185db],
  body.default-template #multi-selection-products .multi-selection-row .multi-selection-counter[data-v-4e7185db] {
    flex-basis: 100%;
    margin: 0 0 4px 0;
    color: #434339;
    text-align: left;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px
  }
}

#multi-selection-products .multi-selection-row .multi-selection-attribute[data-v-4e7185db] {
  width: 50%;
  padding-left: 20px;
  padding-bottom: 15px
}

#multi-selection-products .multi-selection-row .multi-selection-attribute.unavailable[data-v-4e7185db] {
  opacity: .5;
  pointer-events: none
}

#multi-selection-products .multi-selection-row .multi-selection-attribute.one[data-v-4e7185db] {
  width: 100%
}

#multi-selection-products .multi-selection-row .multi-selection-attribute.one[data-v-4e7185db] .size-selector,
#multi-selection-products .multi-selection-row .multi-selection-attribute.one[data-v-4e7185db] .color-selector {
  max-width: 300px
}

body.default-dtc-template #multi-selection-products .multi-selection-row .multi-selection-attribute[data-v-4e7185db],
body.default-template #multi-selection-products .multi-selection-row .multi-selection-attribute[data-v-4e7185db] {
  max-width: 300px;
  flex-basis: 300px;
  padding: 0;
  margin-bottom: 40px;
  margin-right: 20px
}

@media all and (max-width: 768px) {

  body.default-dtc-template #multi-selection-products .multi-selection-row .multi-selection-attribute[data-v-4e7185db],
  body.default-template #multi-selection-products .multi-selection-row .multi-selection-attribute[data-v-4e7185db] {
    flex-basis: 45%;
    margin: 0
  }
}

body.default-dtc-template #multi-selection-products .multi-selection-row .multi-selection-attribute[data-v-4e7185db]:last-child,
body.default-template #multi-selection-products .multi-selection-row .multi-selection-attribute[data-v-4e7185db]:last-child {
  margin-right: 0
}

body.default-dtc-template #multi-selection-products #apply-to-all[data-v-4e7185db],
body.default-template #multi-selection-products #apply-to-all[data-v-4e7185db] {
  margin-top: -25px;
  min-height: 54px
}

@media all and (max-width: 768px) {

  body.default-dtc-template #multi-selection-products #apply-to-all[data-v-4e7185db],
  body.default-template #multi-selection-products #apply-to-all[data-v-4e7185db] {
    margin-top: -10px;
    margin-bottom: -32px;
    position: relative;
    z-index: 1;
    justify-content: center
  }
}

#multi-selection-products #apply-to-all td[data-v-4e7185db] {
  text-align: right;
  color: #252729;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  padding-bottom: 20px;
  margin-bottom: 0
}

@media all and (max-width: 768px) {

  body.default-dtc-template #multi-selection-products #apply-to-all td[data-v-4e7185db],
  body.default-template #multi-selection-products #apply-to-all td[data-v-4e7185db] {
    padding-bottom: 0
  }
}

@media all and (max-width: 768px) {

  body.default-dtc-template #multi-selection-products #apply-to-all td.multi-selection-counter[data-v-4e7185db],
  body.default-template #multi-selection-products #apply-to-all td.multi-selection-counter[data-v-4e7185db] {
    display: none
  }

  body.default-dtc-template #multi-selection-products #apply-to-all td.multi-selection-counter.apply-to-all-spacer[data-v-4e7185db],
  body.default-template #multi-selection-products #apply-to-all td.multi-selection-counter.apply-to-all-spacer[data-v-4e7185db] {
    display: unset;
    min-width: 50px;
    margin-right: 10px;
    flex-basis: unset
  }
}

#multi-selection-products #apply-to-all td span[data-v-4e7185db] {
  border-bottom: 1px solid #000;
  cursor: pointer
}

#multi-selection-products #apply-to-all td.one[data-v-4e7185db] {
  text-align: left
}

#multi-selection-products #apply-to-all td.one span[data-v-4e7185db] {
  display: flex;
  max-width: 300px;
  justify-content: flex-end;
  border-bottom: unset;
  text-decoration: underline
}

#size-chart[data-v-4e7185db] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding: 20px 0;
  border-bottom: 1px solid #f2f2f2;
  border-top: 1px solid #f2f2f2
}

body.default-dtc-template #size-chart[data-v-4e7185db],
body.default-template #size-chart[data-v-4e7185db] {
  border: none;
  justify-content: center;
  padding: 0;
  margin: 0 0 30px
}

@media all and (max-width: 768px) {

  body.default-dtc-template #size-chart[data-v-4e7185db],
  body.default-template #size-chart[data-v-4e7185db] {
    margin-top: 40px
  }
}

#size-chart #size-chart-label[data-v-4e7185db] {
  color: #252729;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px
}

#size-chart #size-chart-actions[data-v-4e7185db] .content-link-cta {
  color: #252729;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px
}

body.default-dtc-template #size-chart #size-chart-actions[data-v-4e7185db] .content-link-cta,
body.default-template #size-chart #size-chart-actions[data-v-4e7185db] .content-link-cta {
  color: #2484d0;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font
}

body.rtl .timer[data-v-14d5ee8e] {
  flex-direction: row-reverse !important
}

.timer[data-v-14d5ee8e] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px
}

.timer .timer__block[data-v-14d5ee8e] {
  background: #fff;
  border-radius: 4px;
  border: 1px solid #cfd4d9;
  overflow: hidden;
  box-sizing: border-box;
  width: 28px;
  height: 30px
}

.timer .timer__block .timer__digit[data-v-14d5ee8e] {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px
}

.timer .timer__block .timer__digit .up[data-v-14d5ee8e] {
  transform: translateY(100%);
  animation: .3s slide-up-14d5ee8e ease-out 0s 1 normal
}

.timer .timer__block .timer__digit .down[data-v-14d5ee8e] {
  transform: translateY(-100%);
  animation: .3s slide-up-14d5ee8e ease-out 0s 1 normal
}

.timer .timer__separator[data-v-14d5ee8e] {
  font-size: 24px;
  font-weight: 700
}

@keyframes slide-up-14d5ee8e {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(-100%)
  }
}

@media(max-width: 425px) {
  .timer .timer__block[data-v-14d5ee8e] {
    width: 24px;
    height: 26px
  }

  .timer .timer__block .timer__digit[data-v-14d5ee8e] {
    line-height: 24px
  }
}

.checkout-countdown[data-v-e3a75478] {
  width: 100%;
  max-width: 558px;
  margin-bottom: 35px;
  display: flex;
  justify-content: center;
  font-family: Inter, "Open Sans", Helvetica, Arial, sans-serif
}

@media(max-width: 1366px) {
  .checkout-countdown[data-v-e3a75478] {
    max-width: unset;
    width: 100%
  }
}

.checkout-countdown .checkout-countdown-wrapper[data-v-e3a75478] {
  width: 100%;
  max-width: 480px;
  padding: 18px 30px;
  box-sizing: border-box;
  border-radius: 12px;
  background-color: #f7f7f7;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px
}

.checkout-countdown .checkout-countdown-wrapper .countdown-header[data-v-e3a75478] {
  font-size: 13px;
  font-weight: 600;
  line-height: 17.5px
}

.checkout-countdown .checkout-countdown-wrapper .countdown-subheader[data-v-e3a75478] {
  font-size: 10px;
  font-weight: 600;
  color: #777
}

@media(max-width: 585px) {
  .checkout-countdown .checkout-countdown-wrapper[data-v-e3a75478] {
    padding: 18px 14px
  }
}

@media(max-width: 425px) {
  .checkout-countdown .checkout-countdown-wrapper[data-v-e3a75478] {
    padding: 18px 4px
  }

  .checkout-countdown .checkout-countdown-wrapper .countdown-header[data-v-e3a75478] {
    font-size: 12px
  }

  .checkout-countdown .checkout-countdown-wrapper .countdown-subheader[data-v-e3a75478] {
    font-size: 9px
  }
}

:root {
  /* Color */
  --vc-clr-primary: #000;
  --vc-clr-secondary: #090f207f;
  --vc-clr-white: #ffffff;

  /* Icon */
  --vc-icn-width: 1.2em;

  /* Navigation */
  --vc-nav-width: 30px;
  --vc-nav-height: 30px;
  --vc-nav-border-radius: 0;
  --vc-nav-color: var(--vc-clr-primary);
  --vc-nav-color-hover: var(--vc-clr-secondary);
  --vc-nav-background: transparent;

  /* Pagination */
  --vc-pgn-width: 12px;
  --vc-pgn-height: 4px;
  --vc-pgn-margin: 4px;
  --vc-pgn-border-radius: 0;
  --vc-pgn-background-color: var(--vc-clr-secondary);
  --vc-pgn-active-color: var(--vc-clr-primary);
}

.carousel {
  position: relative;
  text-align: center;
  box-sizing: border-box;
  touch-action: pan-y;
  overscroll-behavior: none;
}

.carousel.is-dragging {
  touch-action: none;
}

.carousel * {
  box-sizing: border-box;
}

.carousel__track {
  display: flex;
  padding: 0 !important;
  position: relative;
}

.carousel__viewport {
  overflow: hidden;
}

.carousel__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.carousel__icon {
  width: var(--vc-icn-width);
  height: var(--vc-icn-width);
  fill: currentColor;
}

.carousel__prev,
.carousel__next {
  box-sizing: content-box;
  background: var(--vc-nav-background);
  border-radius: var(--vc-nav-border-radius);
  width: var(--vc-nav-width);
  height: var(--vc-nav-height);
  text-align: center;
  font-size: var(--vc-nav-height);
  padding: 0;
  color: var(--vc-nav-color);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  border: 0;
  cursor: pointer;
  margin: 0 10px;
  top: 50%;
  transform: translateY(-50%);
}

.carousel__next--disabled,
.carousel__prev--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.carousel__prev {
  left: 0;
}

.carousel__next {
  right: 0;
}

.carousel--rtl .carousel__prev {
  left: auto;
  right: 0;
}

.carousel--rtl .carousel__next {
  right: auto;
  left: 0;
}

@media (hover: hover) {

  .carousel__prev:hover,
  .carousel__next:hover {
    color: var(--vc-nav-color-hover);
  }
}

.carousel__pagination {
  display: flex;
  justify-content: center;
  list-style: none;
  line-height: 0;
  margin: 10px 0 0;
  padding: 0;
}

.carousel__pagination-button {
  display: block;
  border: 0;
  margin: 0;
  cursor: pointer;
  padding: var(--vc-pgn-margin);
  background: transparent;
}

.carousel__pagination-button::after {
  display: block;
  content: '';
  width: var(--vc-pgn-width);
  height: var(--vc-pgn-height);
  border-radius: var(--vc-pgn-border-radius);
  background-color: var(--vc-pgn-background-color);
}

.carousel__pagination-button--active::after {
  background-color: var(--vc-pgn-active-color);
}

@media(hover: hover) {
  .carousel__pagination-button:hover::after {
    background-color: var(--vc-pgn-active-color);
  }
}

.carousel__slide {
  scroll-snap-stop: auto;
  flex-shrink: 0;
  margin: 0;
  position: relative;

  display: flex;
  justify-content: center;
  align-items: center;

  /* Fix iOS scrolling #22 */
  transform: translateZ(0);
}


.carousel__pagination-button::after {
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background-color: inherit;
  border: 2px solid rgba(9, 15, 32, .4980392157);
  margin: 0 3px
}

@media only screen and (max-width: 375px) {
  .carousel__pagination-button::after {
    margin: 0 2px
  }
}

.carousel__pagination-button--active::after {
  background-color: #333
}

.s2 button {
  margin-top: 0 !important
}

.carousel__pagination {
  margin-top: 20px !important
}

li.carousel__slide picture {
  box-sizing: unset;
  height: auto !important
}

li.carousel__slide picture img {
  width: 300px;
  height: 260px
}

@media only screen and (min-width: 768px)and (max-width: 961px) {
  li.carousel__slide picture img {
    width: 220px;
    height: 190px
  }
}

section.carousel[data-v-0d7778e6] {
  margin-top: 20px;
  margin-bottom: 20px
}

section.carousel .testimonial-block .review[data-v-0d7778e6] {
  text-align: left
}

section.carousel .testimonial-block .testimonial-footer .raiting[data-v-0d7778e6] {
  text-align: left
}

.carousel__pagination[data-v-0d7778e6] {
  margin-top: 30px
}

body.rtl section.carousel .testimonial-block .review[data-v-0d7778e6] {
  text-align: right
}

body.rtl .reviewer-name[data-v-0d7778e6] {
  display: flex;
  justify-content: flex-end
}

.modal-sub-header {
  width: 100%;
  margin: 30px auto 24px;
  background: #fff
}

.modal-sub-header .sub-header-wrapper {
  padding: 30px;
  display: flex;
  align-items: center;
  gap: 50px;
  border-radius: 6px;
  border: 1px solid #e7e8ea;
  justify-content: space-between
}

.modal-sub-header .left-part {
  max-width: 525px;
  width: 100%;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  text-align: left
}

.modal-sub-header .left-part .sub-header {
  color: #222;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.16px;
  margin-bottom: 5px
}

.modal-sub-header .left-part .description {
  color: #697386;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%
}

.modal-sub-header .right-part {
  flex-shrink: 0
}

.modal-sub-header .right-part .returns-btn {
  display: flex;
  padding: 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  border-radius: 4.859px;
  background: #222;
  color: #fff;
  font-weight: 600;
  line-height: 1
}

@media(max-width: 600px) {
  .modal-sub-header {
    margin-top: 0
  }

  .modal-sub-header .sub-header-wrapper {
    flex-direction: column;
    align-items: self-start;
    gap: 25px
  }

  .v-modal-body p {
    font-size: 14px
  }
}

.v-modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(247, 248, 250, .9);
  display: table;
  transition: opacity .3s ease;
  font-family: "Inter", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  color: #000;
  cursor: auto
}

.v-modal-wrapper {
  display: table-cell;
  vertical-align: middle
}

.v-modal-container {
  max-width: 852px;
  margin: 0 auto;
  padding: 20px 0;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
  transition: all .3s ease;
  position: relative
}

@media only screen and (max-width: 900px) {
  .v-modal-container {
    width: 90vw
  }
}

.v-modal-header {
  border-bottom: 1px solid #e8e8eb;
  font-size: 24px;
  font-weight: 500;
  text-align: left;
  padding: 10px 40px 20px 40px;
  line-height: 1.2;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.v-modal-header .v-close {
  padding: 0;
  margin: 0;
  position: relative;
  opacity: 1;
  width: 50px;
  z-index: 999;
  cursor: pointer;
  border-radius: 0;
  border: 0;
  background: 0 0 !important;
  box-shadow: none;
  color: #697386;
  text-shadow: none
}

.v-modal-header .v-close span {
  font-size: 50px;
  line-height: 1
}

@media only screen and (max-width: 600px) {
  .v-modal-header {
    padding: 0 20px 10px 20px;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.36px;
    width: calc(100% - 40px)
  }

  .v-modal-header .v-close span {
    font-size: 40px;
    float: right
  }
}

body.rtl .v-modal-header,
body.rtl .v-modal-body {
  text-align: right
}

.v-modal-body {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 20px;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  max-height: calc(100vh - 210px);
  overflow-y: auto
}

.v-modal-body ul {
  padding-left: 20px;
  margin-bottom: 16px;
  margin-top: 0;
  list-style-type: disc
}

.v-modal-body ul li {
  list-style-type: disc;
  list-style-position: outside
}

.v-modal-body h3 {
  font-size: 14pt;
  margin-bottom: 8pt;
  margin-top: 20px
}

.v-modal-body p {
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 16px
}

.v-modal-body a {
  text-decoration: underline;
  color: #2484d0;
  overflow-wrap: break-word;
  word-break: break-all
}

.v-modal-body .text-upper {
  text-transform: uppercase
}

@media only screen and (max-width: 600px) {
  .v-modal-body {
    padding-left: 20px;
    padding-right: 20px
  }
}

.v-modal-default-button {
  float: right
}

.v-modal-enter-from {
  opacity: 0
}

.v-modal-leave-to {
  opacity: 0
}

.v-modal-enter-from .v-modal-container,
.v-modal-leave-to .v-modal-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

@media only screen and (max-width: 600px) {
  #faq .v-modal-container {
    width: 90vw;
    height: 90vh
  }

  #faq .v-modal-header {
    color: #000;
    font-size: 1.125rem;
    font-weight: 700
  }

  #faq .v-modal-body {
    max-height: calc(100vh - 110px);
    padding-top: 0;
    padding-left: 0;
    padding-right: 10px
  }
}

.faq-wrapper {
  padding: 20px 0;
  text-align: center;
  background-color: #bcb19e;
  display: flex;
  justify-content: center
}

@media only screen and (max-width: 600px) {
  .faq-wrapper {
    padding: 0;
    background-color: #fff
  }
}

.faq-wrapper .container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

@media only screen and (max-width: 600px) {
  .faq-wrapper .container-fluid {
    padding: 0
  }
}

.faq-wrapper .container-fluid h3 {
  text-align: center;
  font-weight: 700;
  font-size: 22px
}

.faq-wrapper .container-fluid h3 span.faq {
  color: #fff;
  text-decoration: underline;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
  cursor: pointer;
  margin-left: 8px
}

.faq-wrapper .col-lg-12 {
  width: 100%
}

.faq-wrapper .faq-container {
  margin-top: 20px
}

.faq-wrapper .faq-content {
  margin-bottom: 5px;
  padding: 0 10px;
  color: #70818b
}

.faq-wrapper .faq-content h4 {
  text-align: left;
  background: #f1f1f1;
  border-radius: 5px;
  padding: 20px;
  position: relative;
  font-size: 16px;
  cursor: pointer;
  border: 1px solid #e7e7e7;
  z-index: 10;
  margin-bottom: 0
}

@media only screen and (max-width: 600px) {
  .faq-wrapper .faq-content h4 {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 10px 10px
  }

  .faq-wrapper .faq-content h4 strong {
    display: inline-block;
    margin-left: 24px
  }
}

.faq-wrapper .faq-content h4:before {
  content: "Q: ";
  font-weight: 700;
  font-size: 24px;
  padding-right: 20px
}

@media only screen and (max-width: 600px) {
  .faq-wrapper .faq-content h4:before {
    content: "";
    padding-right: 0
  }
}

.faq-wrapper .faq-content .question-arrow_left:after {
  content: "◀";
  font-size: 16px;
  float: right;
  line-height: 1.5;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  transition: .2s linear
}

@media only screen and (max-width: 600px) {
  .faq-wrapper .faq-content .question-arrow_left:after {
    content: "▶";
    font-size: 12px;
    position: absolute;
    left: 13px;
    top: calc(50% - 10px);
    transition: .2s linear
  }
}

@media only screen and (max-width: 600px) {
  .faq-wrapper .faq-content .question-arrow_down {
    background: #f1f1f1;
    color: #000;
    font-weight: 600
  }
}

.faq-wrapper .faq-content .question-arrow_down:after {
  content: "▼";
  font-size: 16px;
  float: right;
  line-height: 1.5;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  transition: .2s linear
}

@media only screen and (max-width: 600px) {
  .faq-wrapper .faq-content .question-arrow_down:after {
    font-size: 12px;
    position: absolute;
    left: 13px;
    top: calc(50% - 10px);
    transition: .2s linear
  }
}

.faq-wrapper .faq-content .answer {
  background: #fff;
  padding: 20px 20px 15px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  position: relative;
  z-index: 1;
  margin-top: -10px
}

@media only screen and (max-width: 600px) {
  .faq-wrapper .faq-content .answer {
    margin-left: 12px;
    margin-top: 0;
    color: #000
  }
}

.faq-wrapper .faq-content .answer .content {
  margin-left: 50px;
  text-align: left;
  word-wrap: break-word
}

@media only screen and (max-width: 600px) {
  .faq-wrapper .faq-content .answer .content {
    margin-left: 0
  }
}

.faq-wrapper .faq-content .answer:before {
  content: "A: ";
  font-weight: 700;
  float: left;
  font-size: 24px;
  line-height: 1;
  color: #585858
}

@media only screen and (max-width: 600px) {
  .faq-wrapper .faq-content .answer:before {
    content: ""
  }
}

.v-enter-active,
.v-leave-active {
  transition: opacity .3s ease
}

.v-enter-from,
.v-leave-to {
  opacity: 0
}

body.rtl .faq-wrapper .faq-content h4,
body.rtl .faq-wrapper .faq-content .answer .content {
  text-align: right
}

body.rtl .faq-wrapper .faq-content .answer .content {
  margin-right: 50px;
  margin-left: 0
}

body.rtl .faq-wrapper .faq-content .answer:before {
  float: right
}

.nav-item[data-v-4f7847d2] {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
  color: inherit
}

.nav-item[data-v-a21d1176] {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
  color: inherit
}

.nav-item[data-v-56624b9f] {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
  color: inherit
}

.privacy-switch {
  font-family: "Open Sans", sans-serif;
  -webkit-font-smoothing: antialiased
}

.privacy-switch {
  position: relative;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-weight: bold;
  color: #fff;
  height: 18px;
  padding: 6px 6px 5px 6px;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 4px;
  background: #ececec;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, .1), inset 0px 1px 3px 0px rgba(0, 0, 0, .1);
  cursor: pointer;
  font-size: 16px;
  margin-right: 20px;
  float: none;
  margin-top: 13px;
  margin-bottom: 10px
}

body.IE7 .privacy-switch {
  width: 78px
}

.privacy-switch span {
  display: inline-block;
  width: 35px
}

.privacy-switch span.on {
  color: #fff
}

.privacy-switch .toggle {
  position: absolute;
  top: 1px;
  width: 40px;
  height: 25px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .3);
  border-radius: 4px;
  background: #fff;
  background: -moz-linear-gradient(top, #ececec 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #ececec 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #ececec 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #ececec 0%, #ffffff 100%);
  background: linear-gradient(top, #ececec 0%, #ffffff 100%);
  box-shadow: inset 0px 1px 0px 0px hsla(0, 0%, 100%, .5);
  z-index: 999;
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  -ms-transition: all .15s ease-in-out
}

.privacy-switch.off .toggle {
  left: 2%
}

.privacy-switch.on .toggle {
  left: 50%
}

.privacy-switch.off {
  background: #f4524d
}

.privacy-switch.on {
  background: #6dab3c
}

.nav-item[data-v-43de089c] {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
  color: inherit
}

.modal-mask[data-v-43de089c] {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  transition: opacity .3s ease
}

.modal-wrapper[data-v-43de089c] {
  display: table-cell;
  vertical-align: middle
}

.modal-container[data-v-43de089c] {
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
  border-radius: 2px;
  transition: all .3s ease;
  font-family: "Calibri", sans-serif;
  -webkit-font-smoothing: antialiased;
  box-shadow: 0 0 0 8px rgba(0, 0, 0, .4), 0 0 2px rgba(0, 0, 0, .1);
  position: relative
}

.modal-header[data-v-43de089c] {
  padding-top: 20px
}

.modal-header h3[data-v-43de089c] {
  margin-top: 0;
  color: #42b983
}

.modal-header .close[data-v-43de089c] {
  padding: 0;
  margin: 0;
  position: absolute;
  opacity: 1;
  width: 30px;
  height: 30px;
  line-height: 26px;
  z-index: 999;
  cursor: pointer;
  border-radius: 0;
  border: 0;
  background: 0 0 !important;
  box-shadow: none;
  color: #aaa;
  text-shadow: none;
  right: 5px;
  top: 3px
}

.modal-header .close span[data-v-43de089c] {
  text-align: center;
  position: relative;
  top: 0;
  font-size: 30px;
  font-weight: 400
}

.modal-body[data-v-43de089c] {
  margin: 20px 0;
  height: 600px;
  max-height: calc(100vh - 210px);
  overflow-y: auto
}

.modal-enter[data-v-43de089c] {
  opacity: 0
}

.modal-leave-active[data-v-43de089c] {
  opacity: 0
}

.modal-enter .modal-container[data-v-43de089c],
.modal-leave-active .modal-container[data-v-43de089c] {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.support-content[data-v-43de089c] {
  text-align: left;
  padding: 0 10px;
  max-width: 800px;
  height: 600px;
  margin: 20px auto 0 auto;
  color: #000
}

.support-content p[data-v-43de089c] {
  font-size: 14pt;
  line-height: 107%
}

.support-content h2[data-v-43de089c] {
  font-size: 2rem;
  margin-bottom: 1em;
  font-weight: 700;
  color: #52c8f6;
  text-align: center
}

.support-content ul[data-v-43de089c] {
  padding-left: 20px
}

.support-content h3[data-v-43de089c] {
  font-size: 14pt;
  line-height: 107%;
  margin-bottom: 8pt;
  margin-top: 40px
}

.support-content a[data-v-43de089c] {
  text-decoration: underline;
  color: #2484d0
}

.nav-item[data-v-dbaecd36] {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
  color: inherit
}

.modal-mask[data-v-dbaecd36] {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  transition: opacity .3s ease
}

.modal-wrapper[data-v-dbaecd36] {
  display: table-cell;
  vertical-align: middle
}

.modal-container[data-v-dbaecd36] {
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
  border-radius: 2px;
  transition: all .3s ease;
  font-family: "Calibri", sans-serif;
  -webkit-font-smoothing: antialiased;
  box-shadow: 0 0 0 8px rgba(0, 0, 0, .4), 0 0 2px rgba(0, 0, 0, .1);
  position: relative
}

.modal-header[data-v-dbaecd36] {
  padding-top: 20px
}

.modal-header h3[data-v-dbaecd36] {
  margin-top: 0;
  color: #42b983
}

.modal-header .close[data-v-dbaecd36] {
  padding: 0;
  margin: 0;
  position: absolute;
  opacity: 1;
  width: 30px;
  height: 30px;
  line-height: 26px;
  z-index: 999;
  cursor: pointer;
  border-radius: 0;
  border: 0;
  background: 0 0 !important;
  box-shadow: none;
  color: #aaa;
  text-shadow: none;
  right: 5px;
  top: 3px
}

.modal-header .close span[data-v-dbaecd36] {
  text-align: center;
  position: relative;
  top: 0;
  font-size: 30px;
  font-weight: 400
}

.modal-body[data-v-dbaecd36] {
  margin: 20px 0;
  height: 600px;
  max-height: calc(100vh - 210px);
  overflow-y: auto
}

.modal-enter[data-v-dbaecd36] {
  opacity: 0
}

.modal-leave-active[data-v-dbaecd36] {
  opacity: 0
}

.modal-enter .modal-container[data-v-dbaecd36],
.modal-leave-active .modal-container[data-v-dbaecd36] {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.support-content[data-v-dbaecd36] {
  text-align: left;
  padding: 0 10px;
  max-width: 800px;
  height: 600px;
  margin: 20px auto 0 auto;
  color: #000
}

.support-content p[data-v-dbaecd36] {
  font-size: 14pt;
  line-height: 107%
}

.support-content h2[data-v-dbaecd36] {
  font-size: 2rem;
  margin-bottom: 1em;
  font-weight: 700;
  color: #52c8f6;
  text-align: center
}

.support-content ul[data-v-dbaecd36] {
  padding-left: 20px
}

.support-content h3[data-v-dbaecd36] {
  font-size: 14pt;
  line-height: 107%;
  margin-bottom: 8pt;
  margin-top: 40px
}

.support-content a[data-v-dbaecd36] {
  text-decoration: underline;
  color: #2484d0
}