.back-to-account {
  width: 100%;
  background-color: #6994ce;
}
@-webkit-keyframes dropDown {
  0% {
    max-height: 0px;
    filter: 'alpha(opacity=0)';
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }

  25% {
    filter: 'alpha(opacity=100%)';
    -moz-opacity: 1%;
    -khtml-opacity: 1%;
    opacity: 1%;
  }

  100% {
    max-height: 200px;
  }
}
.banner-background-image .messages-wrap {
  position: relative;
  overflow: hidden;
  max-height: 200px;
  -webkit-animation-name: dropDown;
  -moz-animation-name: dropDown;
  -o-animation-name: dropDown;
  animation-name: dropDown;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  -o-animation-duration: 0.8s;
  animation-duration: 0.8s;
  animation-delay: 2.5s;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -o-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}
.banner-background-image .message {
  display: inline-block;
  vertical-align: top;
  padding: 0 0.5em;
}
.banner-background-image .background-image-wrap {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.banner-background-image .smart-blonde-text {
  vertical-align: top;
}
.banner-background-image .smart-blonde-text .script {
  vertical-align: top;
  line-height: 2.1em;
}
.banner-background-image .smart-blonde-text .triangle {
  vertical-align: top;
  line-height: 1.75em;
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .banner-background-image .messages {
    padding: 0.75em 3%;
    padding-bottom: 0.5em;
  }
  .banner-background-image .smart-blonde-text .script {
    line-height: 2em;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .banner-background-image .messages {
    padding: 0.75em 5%;
    padding-bottom: 0.5em;
  }
  .banner-background-image .smart-blonde-text .script {
    line-height: 2em;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .banner-background-image .messages {
    padding: 0.75em 7%;
    padding-bottom: 0.5em;
  }
  .banner-background-image .smart-blonde-text .script,
  .banner-background-image .smart-blonde-text .triangle {
    line-height: 2em;
  }
}
@media only screen and (min-width: 960px) {
  .banner-background-image .messages {
    padding: 1em 10%;
    padding-bottom: 0.75em;
  }
  .banner-background-image .smart-blonde-text .triangle {
    line-height: 2.25em;
  }
}
@-webkit-keyframes dropDown {
  0% {
    max-height: 0px;
    filter: 'alpha(opacity=0)';
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }

  20% {
    filter: 'alpha(opacity=100)';
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }

  100% {
    max-height: 200px;
    filter: 'alpha(opacity=100)';
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
}
.mr-simple-banner .row .messages-wrap {
  font-size: 0;
  overflow: hidden;
  max-height: 200px;
  -webkit-animation-name: dropDown;
  -moz-animation-name: dropDown;
  -o-animation-name: dropDown;
  animation-name: dropDown;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  -o-animation-duration: 0.8s;
  animation-duration: 0.8s;
  animation-delay: 2.5s;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -o-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}
.mr-simple-banner .message {
  display: inline-block;
  vertical-align: top;
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .mr-simple-banner p {
    padding: 3% 0;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .mr-simple-banner p {
    padding: 3.5% 0;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .mr-simple-banner p {
    padding: 3% 0;
  }
}
@media only screen and (min-width: 960px) {
  .mr-simple-banner p {
    padding: 2% 0;
  }
}
.return-user-module .row {
  padding: 0.25em 0;
}
.return-user-module .mini-module-box {
  display: inline-block;
  vertical-align: top;
  width: 22em;
  padding: 0.5em 0;
}
.return-user-module .mini-module-box:nth-child(n + 4) {
  display: none !important;
}
.return-user-module .mini-module-box .left-wrap {
  width: 3em;
}
.return-user-module .icon-bag {
  position: relative;
}
.return-user-module .cart-items-count {
  color: #770069;
  position: absolute !important;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -0.6em;
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .return-user-module .mini-module-box:nth-child(n + 2) {
    display: none !important;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .return-user-module .mini-module-box {
    width: 20em;
  }
  .return-user-module .mini-module-box:nth-child(n + 3) {
    display: none !important;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .return-user-module .mini-module-box {
    width: 20em;
  }
  .return-user-module .mini-module-box:nth-child(n + 3) {
    display: none !important;
  }
}
@-moz-keyframes fastFade {
  0% {
    filter: 'alpha(opacity=100)';
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }

  16.6% {
    filter: 'alpha(opacity=100)';
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }

  16.7% {
    filter: 'alpha(opacity=0)';
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }

  100% {
    filter: 'alpha(opacity=0)';
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
}
@-webkit-keyframes fastFade {
  0% {
    filter: 'alpha(opacity=100)';
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }

  16.6% {
    filter: 'alpha(opacity=100)';
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }

  17% {
    filter: 'alpha(opacity=0)';
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }

  100% {
    filter: 'alpha(opacity=0)';
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
}
@-ms-keyframes fastFade {
  0% {
    filter: 'alpha(opacity=100)';
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }

  16.6% {
    filter: 'alpha(opacity=100)';
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }

  17% {
    filter: 'alpha(opacity=0)';
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }

  100% {
    filter: 'alpha(opacity=0)';
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
}
.future-hero .large-row {
  position: relative;
  overflow: hidden;
  max-width: 2600px;
  margin: 0 auto;
}
.future-hero .sliding-text {
  display: block;
  width: 100%;
  height: 1.5em;
  position: relative;
}
.future-hero .sliding-text span {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  overflow: hidden;
  filter: 'alpha(opacity=0)';
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  white-space: nowrap;
}
.future-hero mr-fixed-wrap {
  display: block;
  height: 3.1em;
}
.future-hero mr-fixed-wrap.fixed .cta-wrap {
  z-index: 100;
  position: fixed;
  padding: 1em 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  border-top: 1px solid #999;
  background-color: #f6f5f4;
  filter: 'alpha(opacity=100)';
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 300ms ease-in-out;
  -moz-transition: opacity 300ms ease-in-out;
  -ms-transition: opacity 300ms ease-in-out;
  -o-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}
.future-hero mr-fixed-wrap.stopped .cta-wrap {
  filter: 'alpha(opacity=0)';
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  pointer-events: none;
}
.future-hero .future-text-wrap {
  padding: 6em 5%;
  padding-bottom: 11em;
  padding-right: 55%;
}
.future-hero .future-text-wrap h1 {
  padding-bottom: 0.5em;
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .future-hero .future-text-wrap {
    padding: 2em 10%;
    padding-bottom: 16.5em;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .future-hero .future-text-wrap {
    padding: 2.5em 15%;
    padding-bottom: 23em;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .future-hero .future-text-wrap {
    padding: 3em 20%;
    padding-bottom: 26em;
  }
}
.shades-bar .large-row {
  position: relative;
  overflow: hidden;
  max-width: 2600px;
  margin: 0 auto;
}
.shades-bar .shades-text-wrap {
  padding: 3.25em 5%;
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .shades-bar .shades-text-wrap {
    padding: 2em 5%;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .shades-bar .shades-text-wrap {
    padding: 2.5em 5%;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .shades-bar .shades-text-wrap {
    padding: 2.5em 5%;
  }
}
.expertise-included .expertise-wrap {
  padding: 4.5em 5%;
}
.expertise-included .image-wrap img {
  width: 100%;
  vertical-align: middle;
}
.expertise-included .expertise-text-wrap {
  padding-top: 3em;
  padding-left: 10%;
  padding-right: 5%;
}
.expertise-included .expertise-text-wrap h2 {
  padding-bottom: 0.25em;
}
.expertise-included .expertise-text-wrap .mr-btn {
  margin-top: 1.5em;
  padding-left: 3em;
  padding-right: 3em;
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .expertise-included .expertise-wrap {
    padding: 3em 14%;
  }
  .expertise-included .expertise-text-wrap {
    padding-top: 2em;
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .expertise-included .expertise-wrap {
    padding: 3em 24%;
  }
  .expertise-included .expertise-text-wrap {
    padding-top: 2em;
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .expertise-included .expertise-wrap {
    padding: 3em 24%;
  }
  .expertise-included .expertise-text-wrap {
    padding-top: 2em;
    padding-left: 5%;
    padding-right: 5%;
  }
}
.ugc-images .row {
  background-color: #dad9df;
}
.ugc-images .ugc-wrap {
  padding: 3em 5%;
}
.ugc-images .mr-stars,
.ugc-images .reviews-text {
  display: inline-block;
  vertical-align: top;
}
.ugc-images .images-wrap {
  padding: 1em 0;
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .ugc-images .ugc-wrap {
    padding: 2em 5%;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .ugc-images .ugc-wrap {
    padding: 2em 5%;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .ugc-images .ugc-wrap {
    padding: 2em 5%;
  }
}
.ugc-image-v2 {
  display: inline-block;
  vertical-align: top;
  width: 17em;
  margin: 0 0.5em;
}
.ugc-image-v2 img {
  width: 100%;
  vertical-align: middle;
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .ugc-image-v2 {
    width: 15em;
    margin-top: 1.25em;
  }
  .ugc-image-v2:first-child {
    margin-top: 0;
  }
  .ugc-image-v2:nth-child(n + 3) {
    display: none;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .ugc-image-v2 {
    width: 15.5em;
  }
  .ugc-image-v2:first-child {
    margin-top: 0;
  }
  .ugc-image-v2:nth-child(n + 3) {
    display: none;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .ugc-image-v2 {
    width: 17em;
  }
  .ugc-image-v2:first-child {
    margin-top: 0;
  }
  .ugc-image-v2:nth-child(n + 3) {
    display: none;
  }
}
.color-bar-fabulous .fabulous-text-wrap {
  padding: 4em 5%;
}
.color-bar-fabulous .fabulous-text-wrap .logo-image {
  width: 22em;
}
.color-bar-fabulous .fabulous-text-wrap .text-one,
.color-bar-fabulous .fabulous-text-wrap .tag-line {
  padding: 0 12%;
  padding-top: 0.5em;
}
.color-bar-fabulous .fabulous-text-wrap .mr-btn {
  margin-top: 1.5em;
  padding-left: 4em;
  padding-right: 4em;
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .color-bar-fabulous .fabulous-text-wrap {
    padding-top: 2.5em;
    padding-bottom: 15em;
  }
  .color-bar-fabulous .fabulous-text-wrap .logo-image {
    width: 16em;
  }
  .color-bar-fabulous .fabulous-text-wrap .text-one,
  .color-bar-fabulous .fabulous-text-wrap .tag-line {
    padding: 0 5%;
  }
  .color-bar-fabulous .fabulous-text-wrap .tag-line {
    padding-top: 0.5em;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .color-bar-fabulous .fabulous-text-wrap .logo-image {
    width: 17em;
  }
  .color-bar-fabulous .fabulous-text-wrap .text-one {
    padding: 0;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .color-bar-fabulous .fabulous-text-wrap .logo-image {
    width: 17em;
  }
  .color-bar-fabulous .fabulous-text-wrap .text-one {
    padding: 0;
  }
}
.brand-bar-v2 .row {
  background-color: #4a2d42;
  padding: 1.25em 0;
}
.brand-bar-v2 .brand-logo {
  display: inline-block;
  vertical-align: top;
  margin: 0 1.25em;
  height: 4em;
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .brand-bar-v2 .row {
    padding: 0.75em 0;
  }
  .brand-bar-v2 .brand-logo {
    height: 3em;
    margin: 0 0.75em;
  }
  .brand-bar-v2 .brand-logo:nth-child(n + 4) {
    display: none !important;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .brand-bar-v2 .row {
    padding: 1.25em 0;
  }
  .brand-bar-v2 .brand-logo {
    height: 3.25em;
    margin: 0 0.5em;
  }
  .brand-bar-v2 .brand-logo:nth-child(n + 7) {
    display: none !important;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .brand-bar-v2 .row {
    padding: 0.75em 0;
  }
  .brand-bar-v2 .brand-logo {
    height: 3em;
    margin: 0 0.75em;
  }
  .brand-bar-v2 .brand-logo:nth-child(n + 7) {
    display: none !important;
  }
}
.text-gray-background {
  background-color: #e5e5e5;
}
.text-gray-background .the-text-wrap {
  padding: 2em 5%;
}
@media only screen and (min-width: 960px) {
  .text-gray-background .outer-text-wrap {
    position: relative;
  }
  .text-gray-background .outer-text-wrap .line {
    content: '';
    position: absolute;
    left: 5%;
    right: 5%;
    bottom: 1px;
    width: 90%;
    height: 1px;
    background-color: #afafaf;
  }
}
.birthday-confetti {
  position: fixed;
  z-index: 250;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.95);
  display: none;
}
.birthday-confetti .birthday-text {
  line-height: 1.4em;
}