@charset "UTF-8";
section:not(:last-child) {
  margin-bottom: 1.5rem;
}
@media (min-width: 769px) {
  section:not(:last-child) {
    margin-bottom: 3rem;
  }
}

section .promo__section {
  margin-top: 1.5rem;
}
@media (min-width: 769px) {
  section .promo__section {
    margin-top: 3rem;
  }
}

/* HIDE BREADCRUMBS */
@media only screen and (min-width: 501px) {
  .category-breadcrumbs-container {
    position: absolute;
    left: -9999px;
    height: 1px;
  }
}
.bondbar_landing_heading_container {
  position: relative;
  text-align: center;
  padding: 0.5rem 0.25rem;
  width: auto;
}
.bondbar_landing_heading_container h2.bondbar_landing_heading {
  font-size: 40px;
  font-weight: 200 !important;
}
@media (min-width: 768px) {
  .bondbar_landing_heading_container h2.bondbar_landing_heading {
    font-size: 80px;
  }
}

.beauty-mark::before {
  color: #5190D3;
}

span.bondbar__new-flag {
  background-color: #5190D3;
  color: white;
  padding: 3px 5px;
}

.bg-blue {
  position: relative;
}
.bg-blue:after {
  content: "";
  position: absolute;
  z-index: -1;
  display: block;
  top: 0;
  left: calc((100vw - 100%) / -2);
  width: 100vw;
  height: 100%;
  background-color: #bad3ee;
}

.bg-gray {
  position: relative;
}
.bg-gray:after {
  content: "";
  position: absolute;
  z-index: -1;
  display: block;
  top: 0;
  left: calc((100vw - 100%) / -2);
  width: 100vw;
  height: 100%;
  background-color: #f6f5f2;
}

section:not(:first-of-type) {
  padding: 3rem 1rem;
}
@media (min-width: 768px) {
  section:not(:first-of-type) {
    padding: 4rem 2rem;
  }
}

img + p:first-of-type, picture + p:first-of-type, img + a, picture + a, img + .h4:first-of-type, picture + .h4:first-of-type {
  margin: 1rem 0rem 0.5rem !important;
}

img.bondbar__icon {
  max-width: 80px;
}

.mkt-btn, .content-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-transform: capitalize;
  text-align: center;
  text-decoration: none !important;
  width: fit-content;
  cursor: pointer;
  transition: 0.2s;
  padding: 8px 24px;
  min-width: 82px;
  border-radius: 44px;
  font-size: 16px;
  background-color: #fff;
  color: #140002;
}
.mkt-btn p, .content-button p {
  font-family: "Jost", "Open Sans", sans-serif;
  margin: 0px !important;
  font-weight: 600;
  text-decoration: none;
  transition: 0.2s;
}
.mkt-btn i, .content-button i {
  transition: 0.2s;
}
.mkt-btn:hover, .content-button:hover {
  transition: 0.2s;
}
.mkt-btn:hover p, .mkt-btn:hover i, .content-button:hover p, .content-button:hover i {
  transition: 0.2s;
}
@media (max-width: 370px) {
  .mkt-btn, .content-button {
    padding: 8px 14px;
    font-size: 14px;
  }
}
@media (max-width: tiny) {
  .mkt-btn, .content-button {
    padding: 8px 14px;
    font-size: 14px;
  }
}
.mkt-btn p, .content-button p {
  font-size: 16px;
  letter-spacing: 0.5px;
}
@media (max-width: 370px) {
  .mkt-btn p, .content-button p {
    font-size: 14px;
  }
}
@media (max-width: tiny) {
  .mkt-btn p, .content-button p {
    font-size: 14px;
  }
}
.mkt-btn p, .mkt-btn i, .mkt-btn a, .content-button p, .content-button i, .content-button a {
  color: #140002;
}
.mkt-btn:hover, .content-button:hover {
  background-color: rgba(255, 255, 255, 0.8666666667);
}
.mkt-btn--hollow, .content-button__hollow {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-transform: capitalize;
  text-align: center;
  text-decoration: none !important;
  width: fit-content;
  cursor: pointer;
  transition: 0.2s;
  padding: 8px 24px;
  min-width: 82px;
  border-radius: 44px;
  font-size: 16px;
  border: 1px solid #140002;
  background-color: transparent;
  color: #140002 !important;
  position: relative;
  backdrop-filter: blur(6px);
}
.mkt-btn--hollow p, .content-button__hollow p {
  font-family: "Jost", "Open Sans", sans-serif;
  margin: 0px !important;
  font-weight: 600;
  text-decoration: none;
  transition: 0.2s;
}
.mkt-btn--hollow i, .content-button__hollow i {
  transition: 0.2s;
}
.mkt-btn--hollow:hover, .content-button__hollow:hover {
  transition: 0.2s;
}
.mkt-btn--hollow:hover p, .mkt-btn--hollow:hover i, .content-button__hollow:hover p, .content-button__hollow:hover i {
  transition: 0.2s;
}
@media (max-width: 370px) {
  .mkt-btn--hollow, .content-button__hollow {
    padding: 8px 14px;
    font-size: 14px;
  }
}
@media (max-width: tiny) {
  .mkt-btn--hollow, .content-button__hollow {
    padding: 8px 14px;
    font-size: 14px;
  }
}
.mkt-btn--hollow p, .content-button__hollow p {
  font-size: 16px;
  letter-spacing: 0.5px;
}
@media (max-width: 370px) {
  .mkt-btn--hollow p, .content-button__hollow p {
    font-size: 14px;
  }
}
@media (max-width: tiny) {
  .mkt-btn--hollow p, .content-button__hollow p {
    font-size: 14px;
  }
}
.mkt-btn--hollow p, .mkt-btn--hollow i, .mkt-btn--hollow a, .content-button__hollow p, .content-button__hollow i, .content-button__hollow a {
  color: #140002 !important;
}
.mkt-btn--hollow:hover, .content-button__hollow:hover {
  background-color: rgba(44, 42, 41, 0.8666666667);
  border: 1px solid rgba(44, 42, 41, 0.8666666667);
  color: #fff !important;
}
.mkt-btn--hollow:hover p, .mkt-btn--hollow:hover i, .mkt-btn--hollow:hover a, .content-button__hollow:hover p, .content-button__hollow:hover i, .content-button__hollow:hover a {
  color: #fff !important;
}

.mkt-btn--xs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-transform: capitalize;
  text-align: center;
  text-decoration: none !important;
  width: fit-content;
  cursor: pointer;
  transition: 0.2s;
  padding: 5px 16px;
  min-width: 71px;
  border-radius: 28px;
  font-size: 12.8px;
}
.mkt-btn--xs p {
  font-family: "Jost", "Open Sans", sans-serif;
  margin: 0px !important;
  font-weight: 600;
  text-decoration: none;
  transition: 0.2s;
}
.mkt-btn--xs i {
  transition: 0.2s;
}
.mkt-btn--xs:hover {
  transition: 0.2s;
}
.mkt-btn--xs:hover p, .mkt-btn--xs:hover i {
  transition: 0.2s;
}
@media (max-width: 370px) {
  .mkt-btn--xs {
    padding: 5px 9px;
    font-size: 12px;
  }
}
@media (max-width: tiny) {
  .mkt-btn--xs {
    padding: 5px 9px;
    font-size: 12px;
  }
}
.mkt-btn--xs p {
  font-size: 12.8px;
  letter-spacing: 0.3px;
}
@media (max-width: 370px) {
  .mkt-btn--xs p {
    font-size: 12px;
  }
}
@media (max-width: tiny) {
  .mkt-btn--xs p {
    font-size: 12px;
  }
}

.mkt-btn--sm {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-transform: capitalize;
  text-align: center;
  text-decoration: none !important;
  width: fit-content;
  cursor: pointer;
  transition: 0.2s;
  padding: 8px 16px;
  min-width: 75px;
  border-radius: 36px;
  font-size: 14px;
}
.mkt-btn--sm p {
  font-family: "Jost", "Open Sans", sans-serif;
  margin: 0px !important;
  font-weight: 600;
  text-decoration: none;
  transition: 0.2s;
}
.mkt-btn--sm i {
  transition: 0.2s;
}
.mkt-btn--sm:hover {
  transition: 0.2s;
}
.mkt-btn--sm:hover p, .mkt-btn--sm:hover i {
  transition: 0.2s;
}
@media (max-width: 370px) {
  .mkt-btn--sm {
    padding: 8px 1px;
    font-size: 12px;
  }
}
@media (max-width: tiny) {
  .mkt-btn--sm {
    padding: 8px 1px;
    font-size: 12px;
  }
}
.mkt-btn--sm p {
  font-size: 14px;
  letter-spacing: 0.38px;
}
@media (max-width: 370px) {
  .mkt-btn--sm p {
    font-size: 12px;
  }
}
@media (max-width: tiny) {
  .mkt-btn--sm p {
    font-size: 12px;
  }
}

.mkt-btn--md {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-transform: capitalize;
  text-align: center;
  text-decoration: none !important;
  width: fit-content;
  cursor: pointer;
  transition: 0.2s;
  padding: 9px 16px;
  min-width: 75px;
  border-radius: 36px;
  font-size: 14px;
}
.mkt-btn--md p {
  font-family: "Jost", "Open Sans", sans-serif;
  margin: 0px !important;
  font-weight: 600;
  text-decoration: none;
  transition: 0.2s;
}
.mkt-btn--md i {
  transition: 0.2s;
}
.mkt-btn--md:hover {
  transition: 0.2s;
}
.mkt-btn--md:hover p, .mkt-btn--md:hover i {
  transition: 0.2s;
}
@media (max-width: 370px) {
  .mkt-btn--md {
    padding: 7px 13px;
    font-size: 12px;
  }
}
@media (max-width: tiny) {
  .mkt-btn--md {
    padding: 7px 13px;
    font-size: 12px;
  }
}
.mkt-btn--md p {
  font-size: 14px;
  letter-spacing: 0.38px;
}
@media (max-width: 370px) {
  .mkt-btn--md p {
    font-size: 12px;
  }
}
@media (max-width: tiny) {
  .mkt-btn--md p {
    font-size: 12px;
  }
}

.mkt-btn--lg {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-transform: capitalize;
  text-align: center;
  text-decoration: none !important;
  width: fit-content;
  cursor: pointer;
  transition: 0.2s;
  padding: 8px 24px;
  min-width: 82px;
  border-radius: 44px;
  font-size: 16px;
}
.mkt-btn--lg p {
  font-family: "Jost", "Open Sans", sans-serif;
  margin: 0px !important;
  font-weight: 600;
  text-decoration: none;
  transition: 0.2s;
}
.mkt-btn--lg i {
  transition: 0.2s;
}
.mkt-btn--lg:hover {
  transition: 0.2s;
}
.mkt-btn--lg:hover p, .mkt-btn--lg:hover i {
  transition: 0.2s;
}
@media (max-width: 370px) {
  .mkt-btn--lg {
    padding: 8px 14px;
    font-size: 14px;
  }
}
@media (max-width: tiny) {
  .mkt-btn--lg {
    padding: 8px 14px;
    font-size: 14px;
  }
}
.mkt-btn--lg p {
  font-size: 16px;
  letter-spacing: 0.5px;
}
@media (max-width: 370px) {
  .mkt-btn--lg p {
    font-size: 14px;
  }
}
@media (max-width: tiny) {
  .mkt-btn--lg p {
    font-size: 14px;
  }
}

.mkt-btn--xl {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-transform: capitalize;
  text-align: center;
  text-decoration: none !important;
  width: fit-content;
  cursor: pointer;
  transition: 0.2s;
  padding: 10px 24px;
  min-width: 114px;
  border-radius: 54px;
  font-size: 21px;
}
.mkt-btn--xl p {
  font-family: "Jost", "Open Sans", sans-serif;
  margin: 0px !important;
  font-weight: 600;
  text-decoration: none;
  transition: 0.2s;
}
.mkt-btn--xl i {
  transition: 0.2s;
}
.mkt-btn--xl:hover {
  transition: 0.2s;
}
.mkt-btn--xl:hover p, .mkt-btn--xl:hover i {
  transition: 0.2s;
}
@media (max-width: 370px) {
  .mkt-btn--xl {
    font-size: 18px;
    padding: 10px 20px;
  }
}
@media (max-width: tiny) {
  .mkt-btn--xl {
    font-size: 18px;
    padding: 10px 20px;
  }
}
.mkt-btn--xl p {
  font-size: 21px;
  letter-spacing: 0.8px;
}
@media (max-width: 370px) {
  .mkt-btn--xl p {
    font-size: 18px;
  }
}
@media (max-width: tiny) {
  .mkt-btn--xl p {
    font-size: 18px;
  }
}

.mkt-btn--wht {
  background-color: #fff;
  color: #140002;
}
.mkt-btn--wht p, .mkt-btn--wht i, .mkt-btn--wht a {
  color: #140002;
}
.mkt-btn--wht:hover {
  background-color: rgba(255, 255, 255, 0.8666666667);
}
.mkt-btn--blk {
  background-color: #140002;
  color: #fff !important;
}
.mkt-btn--blk p, .mkt-btn--blk i, .mkt-btn--blk a {
  color: #fff !important;
}
.mkt-btn--blk:hover {
  background-color: rgba(44, 42, 41, 0.8666666667);
}
.mkt-btn--red {
  background-color: #DC1E35;
  color: #fff !important;
}
.mkt-btn--red p, .mkt-btn--red i, .mkt-btn--red a {
  color: #fff !important;
}
.mkt-btn--red:hover {
  background-color: #B60022;
}

.mkt-btn--hollow {
  border: 1px solid #140002;
  background-color: transparent;
  color: #140002 !important;
  position: relative;
  backdrop-filter: blur(6px);
}
.mkt-btn--hollow p, .mkt-btn--hollow i, .mkt-btn--hollow a {
  color: #140002 !important;
}
.mkt-btn--hollow:hover {
  background-color: rgba(44, 42, 41, 0.8666666667);
  border: 1px solid rgba(44, 42, 41, 0.8666666667);
  color: #fff !important;
}
.mkt-btn--hollow:hover p, .mkt-btn--hollow:hover i, .mkt-btn--hollow:hover a {
  color: #fff !important;
}

.mkt-btn--hollow--wht {
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff !important;
  position: relative;
  backdrop-filter: blur(6px);
}
.mkt-btn--hollow--wht p, .mkt-btn--hollow--wht i, .mkt-btn--hollow--wht a {
  color: #fff !important;
}
.mkt-btn--hollow--wht:hover {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.8);
  color: #140002 !important;
}
.mkt-btn--hollow--wht:hover p, .mkt-btn--hollow--wht:hover i, .mkt-btn--hollow--wht:hover a {
  color: #140002 !important;
}

.bondbar__hero .bondbar__nav .mkt-btn.mkt-btn--wht {
  height: 48px;
  border: 1px solid #140002;
  background-color: #140002;
  color: #ffffff !important;
  transition: color 0.25s, background-color 0.25s;
  border-radius: 8px;
}
.bondbar__hero .bondbar__nav .mkt-btn.mkt-btn--wht:hover {
  background-color: #ffffff;
  color: #140002 !important;
  box-shadow: none;
}
.bondbar__hero .bondbar__nav ul.pill-nav li a {
  height: 48px;
  color: #140002 !important;
  background-color: #ffffff;
  border: 1px solid #140002;
  transition: color 0.25s, background-color 0.25s;
  border-radius: 8px;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.bondbar__hero .bondbar__nav ul.pill-nav li a:hover {
  background-color: #140002;
  box-shadow: none;
  color: #ffffff !important;
}
@media screen and (min-width: 769px) {
  .bondbar__hero .bondbar__nav ul.pill-nav li {
    width: auto;
  }
}

.bondbar__review-quote .h4.bondbar_landing_heading {
  font-size: 24px;
  margin: 1rem 0;
}
@media (min-width: 991px) {
  .bondbar__review-quote .h4.bondbar_landing_heading {
    margin: 2rem auto;
    max-width: 60%;
  }
}
.bondbar__review-quote .slick-dotted.slick-slider {
  margin-bottom: 3rem !important;
}

.grid-container_3pk {
  display: grid;
  grid-template-columns: auto;
  column-gap: 5rem;
  row-gap: 3rem;
}
@media (min-width: 768px) {
  .grid-container_3pk {
    grid-template-columns: auto auto;
  }
}
.grid-container_3pk .grid-item_3pk {
  display: flex;
  flex-direction: column;
  margin: auto;
}
@media (min-width: 768px) {
  .grid-container_3pk .grid-item_3pk.grid-item_3pk-1 {
    grid-column: 1;
  }
  .grid-container_3pk .grid-item_3pk.grid-item_3pk-2 {
    grid-column: 2;
    grid-row-start: 1;
    grid-row-end: 4;
  }
  .grid-container_3pk .grid-item_3pk.grid-item_3pk-3 {
    grid-column: 1;
    grid-row-start: 3;
  }
}
.grid-container_3pk img {
  border-radius: 8px;
}

.bondbar__hair-color #rz_color {
  margin: 4rem 0;
}
.bondbar__hair-color img {
  border-radius: 10px;
}
.bondbar__hair-color .grid-item_3pk.grid-item_3pk-3 div {
  margin: 1rem 0 0.5rem;
}
@media (min-width: 768px) {
  .bondbar__hair-color .grid-item_3pk.grid-item_3pk-1 {
    max-width: 560px;
  }
  .bondbar__hair-color .grid-item_3pk.grid-item_3pk-2 {
    max-width: 420px;
  }
  .bondbar__hair-color .grid-item_3pk.grid-item_3pk-3 {
    max-width: 440px;
  }
}

@media (max-width: 769px) {
  .bondbar__system-banner {
    position: relative;
    left: -1rem;
    width: 100vw;
  }
}
.bondbar__inspire .bondbar__articles {
  padding-bottom: 3rem;
}
.bondbar__inspire .bondbar__articles a:hover {
  text-decoration: none !important;
}
.bondbar__inspire img {
  border-radius: 10px;
}
.bondbar__inspire #vn_reviews .vn-tile {
  background-color: #EEEBE6;
  padding: 1.5rem;
  border-radius: 10px;
  min-height: 424px;
}
@media (min-width: 991px) {
  .bondbar__inspire #vn_reviews .vn-tile {
    min-height: 400px;
  }
}
.bondbar__inspire #vn_reviews .vn-tile .bondbar__review-tile .bondbar__review-stars::before {
  content: "★★★★★";
  font-size: 1.2rem;
}
.bondbar__inspire #vn_reviews .vn-tile .bondbar__review-tile q {
  font-size: 20px;
}

.bondbar__system-banner--outer::before {
  position: relative;
  top: 38px;
  left: 70%;
  z-index: 1;
}
@media (min-width: 991px) {
  .bondbar__system-banner--outer::before {
    top: 98px;
  }
}

.bondbar__review-quote .bondbar_landing_heading_container::before {
  position: absolute;
  top: -100px;
  left: 0;
}
@media (min-width: 991px) {
  .bondbar__review-quote .bondbar_landing_heading_container::before {
    top: 0;
  }
}

.bondbar__color-video .bondbar_landing_heading_container::before {
  position: absolute;
  top: -90px;
  left: 0;
}
@media (min-width: 769px) {
  .bondbar__color-video .bondbar_landing_heading_container::before {
    top: -120px;
    left: -10px;
  }
}
@media (min-width: 991px) {
  .bondbar__color-video .bondbar_landing_heading_container::before {
    top: -140px;
  }
}

.bondbar__hair-color .bondbar_landing_heading_container::before {
  position: absolute;
  right: 30px;
  top: -110px;
}
@media (min-width: 769px) {
  .bondbar__hair-color .bondbar_landing_heading_container::before {
    right: -45px;
  }
}
@media (min-width: 991px) {
  .bondbar__hair-color .bondbar_landing_heading_container::before {
    top: -120px;
  }
}

.yotpo-slider-wrapper .yotpo-pictures-widget .yotpo-display-wrapper .y-slider-container .yotpo-single-image-container .y-image-wrapper {
  border-radius: 8px !important;
}
.yotpo-slider-wrapper .yotpo-pictures-widget .yotpo-display-wrapper .y-slider-container .yotpo-single-image-container .yotpo-image {
  border-radius: 8px !important;
}
.yotpo-slider-wrapper .yotpo-pictures-widget .yotpo-display-wrapper .y-slider-container .yotpo-single-image-container .yotpo-image {
  border-radius: 8px !important;
}
.yotpo-slider-wrapper .yotpo-single-image-container .y-image-overlay {
  border-radius: 8px !important;
}
.yotpo-slider-wrapper .yotpo-display-wrapper .y-slider-container .yotpo-single-image-container {
  border-radius: 8px !important;
}
.yotpo-slider-wrapper .yotpo-display-wrapper .y-slider-container .yotpo-single-image-container .y-image-wrapper .yotpo-hover-image-small {
  border-radius: 8px !important;
}
.yotpo-slider-wrapper .yotpo-display-wrapper .y-slider-container .yotpo-single-image-container .y-image-wrapper .yotpo-hover-image-small .yotpo-image {
  border-radius: 8px !important;
}

/*# sourceMappingURL=style.css.map */