.back-to-account {
  width: 100%;
  background-color: mr-blue;
}
.hero-value-prop-cta .title-image {
  width: 18em;
}
.hero-value-prop-cta h1 {
  margin-bottom: 1em;
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .hero-value-prop-cta .text-wrap {
    padding-left: 8%;
    margin-left: 0 !important;
  }
  .hero-value-prop-cta .text-wrap h1,
  .hero-value-prop-cta .text-wrap p {
    color: #3a2d4a;
  }
  .hero-value-prop-cta .text-wrap h1 {
    margin-bottom: 1em;
  }
  .hero-value-prop-cta .v-center {
    top: 5%;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .hero-value-prop-cta .shadow {
    background: none;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%);
  }
  .hero-value-prop-cta .text-wrap {
    padding: 0 5%;
    margin-left: 0 !important;
  }
  .hero-value-prop-cta .text-wrap .title-image {
    padding-bottom: 0.5em;
  }
  .hero-value-prop-cta .text-wrap h1,
  .hero-value-prop-cta .text-wrap p {
    color: #fff;
  }
  .hero-value-prop-cta .text-wrap p {
    line-height: 1em;
  }
  .hero-value-prop-cta .text-wrap h1 {
    margin-bottom: 0.5em;
  }
  .hero-value-prop-cta .v-center {
    bottom: 5%;
    top: initial;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .hero-value-prop-cta .shadow {
    background: none;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%);
  }
  .hero-value-prop-cta .text-wrap {
    padding: 0 5%;
    margin-left: 0 !important;
  }
  .hero-value-prop-cta .text-wrap .title-image {
    padding-bottom: 0.5em;
  }
  .hero-value-prop-cta .text-wrap h1,
  .hero-value-prop-cta .text-wrap p {
    color: #fff;
  }
  .hero-value-prop-cta .text-wrap p {
    line-height: 1em;
  }
  .hero-value-prop-cta .text-wrap h1 {
    margin-bottom: 0.5em;
  }
  .hero-value-prop-cta .v-center {
    bottom: 5%;
    top: initial;
  }
}
@media only screen and (max-width: 959px) {
  .hero-value-prop-cta .v-center {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@media only screen and (min-width: 960px) {
  .hero-value-prop-cta .text-wrap {
    padding: 0 10%;
  }
  .hero-value-prop-cta .text-wrap p {
    line-height: 1.1em;
    padding: 0.2em 0;
  }
  .hero-value-prop-cta .text-wrap h1,
  .hero-value-prop-cta .text-wrap p {
    color: #3a2d4a;
  }
}
.hero-value-prop-box .text-box {
  position: relative;
  padding: 6.5em 10%;
}
.hero-value-prop-box h1 {
  letter-spacing: 0.05em;
}
.hero-value-prop-box h1 span {
  font-family: 'Betterworks', sans-serif;
  font-size: 0.6em;
  text-transform: none;
  vertical-align: middle;
}
.hero-value-prop-box p {
  width: 45%;
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .hero-value-prop-box p {
    width: 60%;
  }
  .hero-value-prop-box .text-box {
    padding: 6.5em 33% 6.5em 10%;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .hero-value-prop-box .text-box {
    padding: 2em 2%;
    margin-bottom: 20em;
  }
  .hero-value-prop-box h1,
  .hero-value-prop-box p {
    text-align: center;
    width: 100%;
  }
  .hero-value-prop-box p {
    width: 65%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .hero-value-prop-box .text-box {
    padding: 2em 2%;
    margin-bottom: 20em;
  }
  .hero-value-prop-box h1,
  .hero-value-prop-box p {
    text-align: center;
    width: 100%;
  }
  .hero-value-prop-box p {
    width: 90%;
    margin: 0 auto;
  }
}
.quote-box .ldquo {
  color: #7ca3de;
  line-height: 0.9em;
  height: 0.35em;
  font-family: didot;
}
.quote-box .quote-text {
  margin: 1em 0;
  line-height: 1.5em;
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .quote-box .text-wrap p {
    padding: 0 10%;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .quote-box .text-wrap p {
    padding: 0 5%;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .quote-box .text-wrap p {
    padding: 0 10%;
  }
}
@media only screen and (min-width: 960px) {
  .quote-box .text-wrap p {
    padding: 0 22%;
  }
}
.outside-value-prop .text-box {
  position: relative;
  padding: 3.25em 0 3.5em 5%;
}
.outside-value-prop p.top-p {
  padding-bottom: 0.5em;
}
.outside-value-prop p.bottom-p {
  padding-right: 15%;
}
.outside-value-prop img {
  width: 80%;
  margin-top: 1.75em;
}
@media only screen and (min-width: 960px) {
  .outside-value-prop .text-box {
    text-align: left;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .outside-value-prop .text-box {
    text-align: left;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .outside-value-prop .text-box {
    padding: 0 15% 3.5em 15%;
  }
  .outside-value-prop p.top-p {
    padding-bottom: 0.5em;
  }
  .outside-value-prop p.bottom-p {
    width: 100%;
    padding-right: 0;
  }
  .outside-value-prop img {
    width: 55%;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .outside-value-prop .text-box {
    padding: 0 9% 3.5em 9%;
  }
  .outside-value-prop p.bottom-p {
    padding-right: 0;
  }
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .outside-value-prop .text-box {
    padding: 0 4% 3.5em 4%;
  }
  .outside-value-prop p.bottom-p {
    padding-right: 0;
  }
}
.value-prop h2 {
  padding-top: 10%;
  margin-bottom: 1.5%;
}
.value-prop p {
  padding-left: 10%;
  padding-right: 10%;
}
.value-prop .line {
  width: 10%;
  height: 0;
  border-top: 3px solid #343434;
  margin: 3% auto;
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .value-prop h1 {
    padding-top: 12%;
  }
}
.color-crew-carousel p {
  padding-top: 1em;
  padding-bottom: 0.7em;
}
.color-crew-carousel .img-bottom img {
  max-height: 180px;
}
.color-crew-carousel .carousel-wrap {
  position: relative;
  padding: 0 5%;
}
.color-crew-carousel .carousel-wrap img {
  max-width: 100%;
}
.color-crew-carousel .carousel-wrap .left-nav,
.color-crew-carousel .carousel-wrap .right-nav {
  position: absolute;
  top: 0;
  width: 5%;
  height: 100%;
  padding-top: 5em;
  color: #434343;
}
.color-crew-carousel .carousel-wrap .left-nav {
  left: 0;
}
.color-crew-carousel .carousel-wrap .right-nav {
  right: 0;
}
.color-crew-carousel .carousel-wrap .img {
  padding: 0 0.5em;
}
.color-crew-carousel .carousel-wrap .img img {
  margin: 0 auto;
}
.color-crew-carousel .carousel-wrap .img .img-bottom {
  padding-top: 0.5em;
}
.color-crew-carousel .carousel-wrap .img .img-bottom p.name-title {
  padding-top: 0.5em;
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .color-crew-carousel .carousel-wrap .left-nav,
  .color-crew-carousel .carousel-wrap .right-nav {
    width: 20%;
    height: 64%;
  }
  .color-crew-carousel .img-bottom img {
    padding-top: 1em;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .color-crew-carousel .carousel-wrap {
    width: 90%;
    margin: 0 auto;
    padding: 0 10%;
  }
  .color-crew-carousel .carousel-wrap .left-nav,
  .color-crew-carousel .carousel-wrap .right-nav {
    width: 10%;
    height: 64%;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .color-crew-carousel .carousel-wrap {
    width: 80%;
    margin: 0 auto;
    padding: 0 10%;
  }
  .color-crew-carousel .carousel-wrap .left-nav,
  .color-crew-carousel .carousel-wrap .right-nav {
    width: 10%;
    height: 64%;
  }
}
@media only screen and (min-width: 960px) {
  .color-crew-carousel .carousel-wrap {
    padding: 0 7%;
  }
  .color-crew-carousel .carousel-wrap .img {
    padding: 0 1em;
  }
  .color-crew-carousel .carousel-wrap .left-nav,
  .color-crew-carousel .carousel-wrap .right-nav {
    width: 7%;
  }
}
.system-beginning .row {
  padding: 2.5em 0;
}
.system-beginning .image-wrap {
  display: block;
}
.system-beginning .image-wrap .title-wrap {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .system-beginning h2 {
    padding: 0 20%;
  }
  .system-beginning p {
    padding: 0.5em 4%;
  }
  .system-beginning .image-wrap {
    width: 100%;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .system-beginning h2 {
    padding: 0 10%;
  }
  .system-beginning p {
    padding: 0.5em 8%;
  }
  .system-beginning .image-wrap {
    width: 80%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .system-beginning h2 {
    padding: 0 10%;
  }
  .system-beginning p {
    padding: 0.5em 18%;
  }
  .system-beginning .image-wrap {
    width: 70%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 960px) {
  .system-beginning h2 {
    padding: 0 20%;
  }
  .system-beginning p {
    padding: 0.5em 26%;
  }
  .system-beginning .image-wrap {
    width: 50%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .value-prop-cta-experience .v-center {
    top: 22%;
  }
  .value-prop-cta-experience h2 {
    padding: 0.5em 5%;
    padding-top: 1.5em;
  }
  .value-prop-cta-experience p {
    padding: 0 4%;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .value-prop-cta-experience .v-center {
    top: 20%;
  }
  .value-prop-cta-experience h2 {
    padding: 0.5em 9%;
    padding-top: 1.5em;
  }
  .value-prop-cta-experience p {
    padding: 0 8%;
    padding-bottom: 1em;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .value-prop-cta-experience .v-center {
    top: 20%;
  }
  .value-prop-cta-experience h2 {
    padding: 0.5em 20%;
    padding-top: 1.5em;
  }
  .value-prop-cta-experience p {
    padding: 0 15%;
    padding-bottom: 1em;
  }
}
@media only screen and (min-width: 960px) {
  .value-prop-cta-experience h2 {
    padding: 0.5em 12%;
    padding-top: 0;
  }
  .value-prop-cta-experience p {
    padding: 0 16%;
    padding-bottom: 1em;
  }
}
.seo-value-prop-cta .row {
  padding: 1.5% 3%;
  background-color: #f8f8f8;
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .seo-value-prop-cta {
    padding: 0%;
  }
  .seo-value-prop-cta .text-wrap {
    position: relative !important;
    top: 0%;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial;
    padding: 1.5em 5%;
  }
  .seo-value-prop-cta .title-h2 {
    margin-bottom: 0.5em;
  }
  .seo-value-prop-cta .text-one {
    margin-bottom: 1.5em;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .seo-value-prop-cta .content-wrap {
    background-color: #fff;
  }
  .seo-value-prop-cta .text-wrap {
    padding: 0 2%;
  }
  .seo-value-prop-cta .text-wrap p {
    padding: 0.5em 0;
  }
  .seo-value-prop-cta .title-h2 {
    margin-bottom: 0em;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .seo-value-prop-cta .content-wrap {
    background-color: #fff;
  }
  .seo-value-prop-cta .text-wrap {
    padding: 0 6%;
  }
  .seo-value-prop-cta .text-wrap p {
    padding: 1em 0;
  }
  .seo-value-prop-cta .title-h2 {
    margin-bottom: 0em;
  }
}
@media only screen and (min-width: 960px) {
  .seo-value-prop-cta .row {
    background-color: #cac8c9;
  }
  .seo-value-prop-cta .content-wrap {
    background-color: #fff;
  }
  .seo-value-prop-cta .text-wrap {
    padding: 0 6%;
  }
  .seo-value-prop-cta .text-wrap p {
    padding: 1em 0;
  }
  .seo-value-prop-cta .text-wrap .text-two {
    padding-top: 0;
    padding-bottom: 2em;
  }
}
.value-prop-2-links .row {
  padding-bottom: 3em;
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .value-prop-2-links .row {
    padding-bottom: 2em;
  }
  .value-prop-2-links h2 {
    padding: 0 5%;
    padding-top: 2.5em;
  }
  .value-prop-2-links p {
    padding: 1em 5%;
  }
  .value-prop-2-links .cta-link {
    display: block;
    padding-bottom: 1em;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .value-prop-2-links h2 {
    padding: 0 5%;
    padding-top: 2.5em;
  }
  .value-prop-2-links p {
    padding: 1em 5%;
  }
  .value-prop-2-links .cta-link {
    margin: 0 1em;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .value-prop-2-links h2 {
    padding: 0 5%;
    padding-top: 2.5em;
  }
  .value-prop-2-links p {
    padding: 1em 5%;
  }
  .value-prop-2-links .cta-link {
    margin: 0 1em;
  }
}
@media only screen and (min-width: 960px) {
  .value-prop-2-links h2 {
    padding: 0 5%;
    padding-top: 2.5em;
  }
  .value-prop-2-links p {
    padding: 1em 22%;
  }
  .value-prop-2-links .cta-link {
    margin: 0 1em;
  }
}
.component-exampler-layout .xs-12 {
  padding: 1em 5%;
}
.component-exampler-layout p {
  padding-bottom: 0.5em;
}
.component-exampler-layout .component-examples-list {
  height: 8em;
  overflow: auto;
  border: 1px solid #e3e3e3;
}
.component-exampler-layout .component-examples-list li {
  padding: 0.3em 5%;
  border-bottom: 1px solid #e3e3e3;
}
.component-exampler-layout .component-examples-list li:last-child {
  border-bottom: none;
}
.component-exampler-layout .component-examples-list li.selected {
  background-color: #f6f5f4;
}