.back-to-account {
  width: 100%;
  background-color: mr-blue;
}
.video-two-sizes .video-wrap,
.video-two-sizes .image-wrap {
  width: 100%;
}
.video-two-sizes .video-wrap video,
.video-two-sizes .image-wrap video,
.video-two-sizes .video-wrap img,
.video-two-sizes .image-wrap img {
  vertical-align: top;
  width: 100%;
}
.video-two-sizes .overlay-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 9em;
}
.video-two-sizes .overlay-title h2 {
  font-weight: 900;
  font-style: normal;
  letter-spacing: -1px;
  line-height: 88%;
  text-align: center;
}
.video-two-sizes .cw-logo {
  position: absolute;
  bottom: 1em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.video-two-sizes .cw-logo svg {
  width: 7em;
}
@media only screen and (min-width: 760px) {
  .video-two-sizes .cw-logo {
    left: 1em;
    -webkit-transform: revert;
    -ms-transform: revert;
    transform: revert;
  }
}
.cw-swatches .header-wrap {
  padding: 3em 1.5em;
}
.cw-swatches h2 {
  font-weight: 900;
  font-style: normal;
  letter-spacing: -1px;
  line-height: 88%;
}
.cw-swatches .sub-title {
  margin: 1em auto;
  max-width: 40em;
}
.cw-swatches .cta .mr-btn {
  text-transform: none;
}
@media only screen and (min-width: 560px) {
  .cw-swatches .sub-title {
    margin: 2em auto;
  }
}
@media only screen and (min-width: 960px) {
  .cw-swatches .header-wrap {
    margin-left: auto;
    margin-right: auto;
  }
}
.color-wonder-try-it-on .row {
  background-color: #426fb3;
}
.color-wonder-try-it-on .inner-wrap {
  padding: 12em 5%;
}
.color-wonder-try-it-on .background-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.color-wonder-try-it-on .background-image .corner {
  position: absolute;
  width: 18%;
  height: 15%;
  border: 4px solid #fff;
  filter: 'alpha(opacity=75)';
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}
.color-wonder-try-it-on .background-image .corner.top {
  top: 2.5em;
  border-bottom-color: transparent;
}
.color-wonder-try-it-on .background-image .corner.bottom {
  bottom: 2.5em;
  border-top-color: transparent;
}
.color-wonder-try-it-on .background-image .corner.left {
  left: 2.5em;
  border-right-color: transparent;
}
.color-wonder-try-it-on .background-image .corner.right {
  right: 2.5em;
  border-left-color: transparent;
}
.color-wonder-try-it-on .background-image .corner.top.left {
  -moz-border-radius-topleft: 3em;
  -webkit-border-top-left-radius: 3em;
  border-top-left-radius: 3em;
}
.color-wonder-try-it-on .background-image .corner.top.right {
  -moz-border-radius-topright: 3em;
  -webkit-border-top-right-radius: 3em;
  border-top-right-radius: 3em;
}
.color-wonder-try-it-on .background-image .corner.bottom.left {
  -moz-border-radius-bottomleft: 3em;
  -webkit-border-bottom-left-radius: 3em;
  border-bottom-left-radius: 3em;
}
.color-wonder-try-it-on .background-image .corner.bottom.right {
  -moz-border-radius-bottomright: 3em;
  -webkit-border-bottom-right-radius: 3em;
  border-bottom-right-radius: 3em;
}
.color-wonder-try-it-on .cta-wrap {
  position: relative;
  text-align: center;
  padding: 0 25%;
}
.color-wonder-try-it-on .cta-wrap .try-it-on-cta {
  margin-top: 1em;
  background-color: #fff;
  color: #911885;
  padding: 1em 1.5em;
  -moz-border-radius: 3.5em;
  -webkit-border-radius: 3.5em;
  border-radius: 3.5em;
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .color-wonder-try-it-on .background-image .corner {
    border: 3px solid #fff;
    width: 25%;
    height: 10%;
  }
  .color-wonder-try-it-on .background-image .corner.top {
    top: 1.5em;
  }
  .color-wonder-try-it-on .background-image .corner.bottom {
    bottom: 1.5em;
  }
  .color-wonder-try-it-on .background-image .corner.left {
    left: 1.5em;
  }
  .color-wonder-try-it-on .background-image .corner.right {
    right: 1.5em;
  }
  .color-wonder-try-it-on .cta-wrap {
    padding: 0 10%;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .color-wonder-try-it-on .cta-wrap {
    padding: 0 15%;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .color-wonder-try-it-on .cta-wrap {
    padding: 0 20%;
  }
}
.how-to-question-accordion-vue h2 {
  margin-top: 2em;
}
.how-to-question-accordion-vue .cta {
  margin-bottom: 2em;
}
.how-to-question-accordion-vue .content-wrap {
  padding: 1em;
}
.dy-content-v3 .dy-content-wrap {
  padding: 2.5em 5%;
  background-color: #3a2d4a;
}
.dy-content-v3 .dy-content-wrap .content-text {
  padding: 0.5em 0;
}
.dy-content-v3 .dy-content-wrap .value-props {
  display: inline-block;
  padding-bottom: 1.5em;
}
.dy-content-v3 .dy-content-wrap .value-props .value-prop {
  position: relative;
  text-align: left;
  padding-left: 1.75em;
  padding-bottom: 0.5em;
}
.dy-content-v3 .dy-content-wrap .value-props .value-prop:last-child {
  padding-bottom: 0;
}
.dy-content-v3 .dy-content-wrap .value-props .value-prop .list-icon {
  position: absolute;
  top: 0.1em;
  left: 0;
  width: 1.5em;
}
.dy-content-v3 .dy-content-wrap .ctas-wrap .mr-btn {
  display: block;
  margin-bottom: 1.5em;
}
.dy-content-v3 .image-wrap {
  display: inline-block;
  vertical-align: top;
  float: right;
}
.dy-content-v3 .image-wrap img {
  vertical-align: top;
}
@media only screen and (min-width: 760px) {
  .dy-content-v3 .dy-content-wrap {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 45%;
  }
  .dy-content-v3 .dy-content-wrap .content-wrap-inner {
    position: absolute;
    top: 50%;
    left: 10%;
    right: 10%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .dy-content-v3 .image-wrap {
    width: 55%;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .dy-content-v3 .dy-content-wrap .content-wrap-inner {
    left: 5%;
    right: 5%;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .dy-content-v3 .dy-content-wrap {
    padding: 2.5em 15%;
  }
}
.colorwonder-comparison {
  padding: 2em;
}
.colorwonder-comparison .inner .cards .card {
  width: 50%;
}
@media only screen and (max-width: 759px) {
  .colorwonder-comparison {
    padding: 1.5em;
  }
}
.colorwonder-comparison .inner {
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 auto;
  max-width: 1300px;
}
.colorwonder-comparison .inner .header-title {
  font-weight: 900;
  letter-spacing: -1px;
}
.colorwonder-comparison .inner .cards {
  display: flex;
  gap: 2em;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
}
@media only screen and (max-width: 759px) {
  .colorwonder-comparison .inner .cards {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}
.colorwonder-comparison .inner .cards .card {
  -webkit-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.03);
  -moz-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.03);
  -o-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.03);
  box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.03);
  padding: 10px;
  max-width: 400px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  width: 100%;
}
.colorwonder-comparison .inner .cards .card .name-wrapper {
  text-align: center;
  padding: 0.5em;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.colorwonder-comparison .inner .cards .card .img-wrap {
  max-width: 11.5em;
  margin: auto;
}
.colorwonder-comparison .inner .cards .card .bullets {
  padding: 2em 1em;
}
.colorwonder-comparison .inner .cards .card .bullets .bullet {
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.colorwonder-comparison .inner .cards .card .bullets .bullet svg {
  width: 20px;
  color: #bdcaea;
}
.colorwonder-comparison .inner .cards .card .cta {
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.colorwonder-comparison .inner .cards .card .cta .mr-btn {
  text-transform: none;
}
.cw-ingredients {
  background-color: #d9732b;
}
.cw-ingredients .info-section {
  padding: 2em;
}
.cw-ingredients h2 {
  font-weight: 900;
  font-style: normal;
  letter-spacing: -1px;
  line-height: 88%;
  text-align: center;
}
.cw-ingredients .cta {
  text-align: center;
}
.cw-ingredients .cta .mr-btn {
  text-transform: none;
}
.cw-ingredients .value-prop {
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-bottom: 0.5em;
  letter-spacing: -0.28px;
  line-height: 118%;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.cw-ingredients .value-prop svg {
  color: #e4b333;
}
.cw-ingredients .img-section .slick-slider {
  margin-bottom: -3px;
}
@media only screen and (min-width: 660px) {
  .cw-ingredients .info-section {
    width: 60%;
    padding: 5% 0 12% 5%;
  }
  .cw-ingredients .info-section h2 {
    text-align: left;
  }
  .cw-ingredients .info-section .cta {
    text-align: left;
  }
  .cw-ingredients .info-section .the-list {
    max-width: 90%;
    padding-top: 2em;
  }
  .cw-ingredients .img-section {
    width: 47%;
    position: absolute;
    bottom: 0;
    right: 4%;
  }
}
@media only screen and (min-width: 960px) {
  .cw-ingredients .info-section .img-section {
    right: 8%;
  }
  .cw-ingredients .info-section .the-list {
    max-width: 80%;
  }
}