section.main {
  clear: both;
}
section.main .consultation-banner-link .consultation-banner {
  margin-bottom: 1.8em;
}
section.main .brands-module dl {
  width: 17%;
}
section.main .brands-module dl:first-child {
  margin-right: 3%;
  width: 50%;
}
section.main .brands-module dl dd.expanded {
  margin-left: 0;
}
section.main .brands-module dl dd.expanded ul li {
  height: 1em;
  margin-bottom: .8em;
}
section.main .brands-module dl dd.expanded ul li:first-child a {
  margin-top: 0;
}
section.main .brands-module dl dd.expanded ul li a {
  font-size: 1em;
}
section.main .brands-module.skincare dl:first-child,
section.main .brands-module.makeup dl:first-child {
  width: 100%;
  margin-right: 0;
}
section.main .brands-module.skincare dl:first-child dd ul,
section.main .brands-module.makeup dl:first-child dd ul {
  width: 23%;
}
section.main .brands-module.skincare dl:first-child dd ul:first-child,
section.main .brands-module.makeup dl:first-child dd ul:first-child {
  margin-right: 0;
  width: 23%;
}
section.main .brands-module.hair dl:first-child {
  width: 43%;
}
.articles section .module-article-box {
  float: right;
  margin: 0 0 .4em;
}
.articles section .module-article-box:first-child {
  float: left;
}
section:after {
  clear: both;
  content: "";
  display: block;
}
.brands-module .brands-module-inner {
  margin: 0;
}
.featured-brands-module section div:first-child article {
  margin-top: 0;
}
.brands-module {
  margin-bottom: 0.5em;
}
.brands-module .brands-module-inner {
  background-color: #fff;
  overflow: hidden;
  padding: 1.5em 1.875em;
  margin-top: 1.3em;
}
.brands-module h1 {
  clear: both;
  color: #000;
  display: block;
  font-size: 2.813em;
  font-family: 'HelveticaNeueW01-600', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
  font-weight: 600;
  letter-spacing: -0.05em;
  line-height: .8em;
  margin: 0 0 -3px -3px;
  padding: 0;
}
.brands-module dl {
  border-bottom: none;
  height: auto;
  float: left;
  width: 16.1%;
  margin-left: 5.55%;
}
.brands-module dl:first-child {
  width: 35%;
  margin-left: 0;
}
.brands-module dl:first-child dd ul {
  float: left;
  width: 40%;
}
.brands-module dl:first-child dd ul:first-child {
  margin-right: 3%;
  width: 50%;
}
.brands-module dl dt {
  cursor: auto;
  font-size: 1em;
  text-transform: none;
  line-height: inherit;
  margin-bottom: 0.375em;
  padding-left: 0;
}
.brands-module dl dt:before,
.brands-module dl dt:after {
  content: none;
  display: none;
}
.brands-module dl dt h2 {
  font-size: 1em;
}
.brands-module dl dt h3 {
  font-size: 1em;
}
.brands-module dl dd {
  font-size: 0.6875em;
  font-family: 'HelveticaNeueW01-200', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
  font-weight: 200;
  display: block;
  margin: 0;
}
.brands-module dl dd ul {
  width: 100%;
}
.brands-module dl dd ul li {
  min-height: 1em;
  margin-bottom: 0.7em;
}
.brands-module dl dd ul li a {
  color: #000;
  text-decoration: none;
}
.brands-module dl dd ul li a:hover {
  text-decoration: underline;
}
.shares {
  border-top: 0;
  width: auto;
  clear: both;
  display: inline-block;
  float: left;
}
.shares ul.feedback li {
  margin-right: 1em;
  display: inline-block;
  *zoom: 1;
}
.shares ul.feedback li:first-child {
  margin-right: 0;
}
.shares ul.feedback li.feed-title {
  width: 10em;
  text-align: left;
  float: left;
  margin-bottom: 0;
  line-height: 1.7em;
}
.shares ul.feedback li.email {
  position: relative;
  top: -0.4em;
  right: 1em;
  width: 4.7em;
}
.shares ul.feedback li.email a {
  display: block;
  float: left;
  top: 4px;
}
.shares ul.feedback li.email a .span {
  margin-top: 2px;
}
.shares ul.feedback li.pinterest {
  text-align: center;
}
.email-product {
  position: absolute;
}
.email-product,
.recommend-box {
  display: none;
  padding: 0 6% 2em;
  text-align: left;
  width: 100%;
  /* VALIDATION STYLES */

  /* END OF VALIDATION STYLES */

}
.email-product:after,
.recommend-box:after {
  clear: both;
  content: "";
  display: block;
}
.email-product .close,
.recommend-box .close {
  text-indent: -9999px;
  top: 0;
}
.email-product .close .close-btn,
.recommend-box .close .close-btn {
  display: block;
}
.email-product .close .close-top,
.recommend-box .close .close-top {
  display: none;
}
.email-product .from-to,
.recommend-box .from-to {
  width: 27%;
  float: left;
}
.email-product .message,
.recommend-box .message {
  width: 68%;
  float: right;
}
.email-product textarea,
.recommend-box textarea {
  width: 100%;
}
.email-product legend,
.recommend-box legend {
  font-size: 1.125em;
}
.email-product span,
.recommend-box span {
  font-size: 0.75em;
  line-height: 1.8em;
}
.email-product label,
.recommend-box label,
.email-product input,
.recommend-box input,
.email-product textarea,
.recommend-box textarea {
  font-size: 0.875em;
}
.email-product .message input,
.recommend-box .message input {
  width: auto;
  float: right;
  cursor: pointer;
}
.email-product .message p,
.recommend-box .message p {
  text-align: right;
  clear: both;
  color: #999;
  font-size: .75em;
}
.email-product .checker,
.recommend-box .checker {
  width: 1.3125em;
  height: 1.3125em;
}
.email-product .checker img,
.recommend-box .checker img {
  width: 1.3125em;
}
.email-product .checker.error-message img,
.recommend-box .checker.error-message img {
  margin-top: -1.3125em;
}
.email-product .select-checker,
.recommend-box .select-checker {
  margin: 0.475em 0 0 0.25em;
}
.sl-facepile {
  width: 100%;
  min-height: 92px;
  margin: 0 auto;
  margin-bottom: 0.5em;
  clear: both;
  display: inline-block;
}
.recommend-section {
  padding-left: 1em;
  margin-left: 0;
}
.recommend-section .share-btn {
  background-color: #4c6597;
}
/*Slider*/
.carousel .bottom-line {
  width: 100%;
}
.carousel li a:hover {
  text-decoration: underline;
}
.carousel li img {
  width: 100%;
}
.featured-brands-module section > div article {
  float: right;
  width: 49.5%;
  position: relative;
  overflow: hidden;
}
.featured-brands-module section > div article img {
  max-width: 100%;
}
.featured-brands-module section > div article:first-child {
  float: left;
}
.categories-slider {
  position: relative;
  margin: 0 0 .5em;
}
.categories-slider:after {
  clear: both;
  content: "";
  display: block;
}
.categories-slider .slider-container {
  float: right;
  width: 74.9%;
  border: none;
}
.categories-slider .slider-container li .image-description {
  font-size: 75%;
  padding: 1em;
  padding-right: 1em;
  padding-bottom: 3.5em;
}
.categories-slider .slider-container.full-width {
  float: left;
  width: 100%;
}
.categories-slider .slider-container .flex-direction-nav {
  width: 60%;
  position: static;
  -webkit-transform: none;
}
.categories-slider .slider-container .flex-direction-nav a {
  margin: -23px 0 0;
  height: 47px;
}
.categories-slider .slider-container .flex-direction-nav a span {
  margin-top: 1em;
}
.categories-slider .slider-container .flex-direction-nav a span.fill {
  margin: 0;
  height: 47px;
}
.categories-slider .slider-container .flex-control-nav {
  height: 56px;
  position: absolute;
  bottom: 0;
}
.categories-slider .slider-container .flex-control-nav li a {
  background-position: 0 -3950px;
}
.categories-slider .slider-container .flex-control-nav li a.flex-active {
  background-position: 0 -3925px;
}
.categories-slider .slider-container .flex-control-nav li:first-child a {
  margin: 28px 0 0;
}
.categories-slider .category {
  float: left;
  width: 24.4%;
  height: 100%;
  position: absolute;
  padding: 0.75em 1.5%;
}
.categories-slider .category h1 {
  color: #000000;
  font-size: 2.1em;
  line-height: 1em;
  font-family: 'HelveticaNeueW01-600', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
  font-weight: 600;
  display: block;
  letter-spacing: -0.02em;
  margin: -2px 0 8px;
}
.categories-slider .category li {
  border: none;
  padding: 0.5em 1.5% 0.3em;
}
.categories-slider .category li:first-child {
  border: none;
}
.categories-slider .category li a {
  font-size: .65em;
  letter-spacing: -0.02em;
}
.categories-slider .category li a span.arrow-right {
  margin: .5em 0 0 .2em;
  padding: 0;
}
div[role="main"] .consultation-banner-link .consultation-banner {
  height: 10.125em;
  margin-bottom: 1em;
  width: 99.8%;
}
div[role="main"] .consultation-banner-link .consultation-banner .picture-container {
  width: 14.8em;
}
div[role="main"] .consultation-banner-link .consultation-banner .picture-container img {
  width: 100%;
}
div[role="main"] .consultation-banner-link .consultation-banner .banner-content span {
  font-size: 1.125em;
  padding-top: 0.9em;
  margin-bottom: 1.2em;
}
div[role="main"] .consultation-banner-link .consultation-banner .banner-content p {
  font-family: 'Times', 'Times New Roman', serif;
  font-style: italic;
  font-weight: 100;
  font-size: 1.5em;
  width: 100%;
  line-height: 1em;
}
div[role="main"] .consultation-banner-link .consultation-banner .banner-content .cta {
  font-size: 0.875em;
  bottom: 2.1em;
  left: 18em;
}
div[role="main"] .consultation-banner-link .consultation-banner .banner-content .cta span {
  padding: 0;
  position: relative;
  top: 1px;
}
div[role="main"] .consultation-banner-link .consultation-banner.general .banner-content span {
  margin-bottom: .4em;
}
div[role="main"] .consultation-banner-link .consultation-banner.general .banner-content .cta {
  bottom: 1.2em;
}
div[role="main"] .consultation-banner-link .consultation-banner.general .banner-content .cta span {
  margin-bottom: 0;
}
.love-it {
  float: left;
  width: 49.7%;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.love-it .txt {
  padding: 1em 10%;
}
@media all and (min-width: 768px) and (max-width: 882px) {
  .love-it .txt {
    padding: .5em 10%;
  }
}
.love-it .txt strong {
  font-size: .75em;
}
.love-it .txt h3 {
  padding: 1em 0;
  font-size: 1.6em;
}
@media all and (min-width: 768px) and (max-width: 882px) {
  .love-it .txt h3 {
    padding: .5em 0;
    font-size: 1.5em;
  }
}
.love-it .txt a {
  font-size: .75em;
}
.love-it .txt a.next {
  margin: 1em 0 .5em;
  padding: 1em 0 0;
}
@media all and (min-width: 768px) and (max-width: 882px) {
  .love-it .txt a.next {
    margin: .5em 0;
    padding-top: .5em;
  }
}
.love-it .txt a .heart {
  display: inline-block;
}
.love-it .txt a .next-black {
  display: inline-block;
}
.love-it .txt a .heart-small {
  display: none;
}
.love-it .txt a .next-black-small {
  display: none;
}
@media all and (min-width: 768px) and (max-width: 800px) {
  .love-it .txt .actions {
    bottom: 0;
  }
}
.heart-your-fave {
  float: right;
  width: 49.7%;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.heart-your-fave .heart-fave {
  margin-top: .9em;
}
.heart-your-fave .heart h4 {
  top: 26%;
  font-size: .8em;
}
.heart-your-fave h3 {
  font-size: 1.6em;
  line-height: 1.2em;
}
.heart-your-fave .recommendation .txt .product-name {
  padding-top: 0;
}
.heart-your-fave .recommendation .txt .product-name h4 {
  margin-top: 0;
  font-size: 1.2em;
}
@media all and (min-width: 1024px) and (max-width: 1199px) {
  .heart-your-fave .recommendation .txt .product-name h4 {
    padding: 1.5em 0;
  }
}
.heart-your-fave .recommendation .txt .product-name h4 a {
  font-size: .85em;
}
.heart-your-fave .recommendation .txt .product-name p {
  padding: 1em .5em;
  font-size: 1em;
  line-height: normal;
}
div[role="main"].home {
  margin: .6em auto 3em;
}
div[role="main"].home section.site-intro {
  margin-bottom: .5em;
  padding-bottom: .6em;
}
div[role="main"].home section.site-intro .weather {
  width: 23em;
  height: 6.1em;
  float: left;
  padding: 0.8em 0 0 1.2em;
}
div[role="main"].home section.site-intro .weather a {
  text-decoration: underline;
  font-size: .8em;
}
div[role="main"].home section.site-intro .weather .weather-icon {
  margin-top: .8em;
}
div[role="main"].home section.site-intro .weather .temperature {
  font-size: 1.625em;
  margin-bottom: .4em;
}
div[role="main"].home section.site-intro .weather .date {
  font-size: .75em;
}
div[role="main"].home section.site-intro .weather .location {
  font-size: .75em;
  line-height: 1.2em;
}
div[role="main"].home section.site-intro .weather .location .edit {
  width: auto;
}
div[role="main"].home section.site-intro .weather .form input[type="text"] {
  width: 10.3em;
  font-size: .6em;
  margin-right: .3em;
}
div[role="main"].home section.site-intro .weather .form input[type="button"] {
  font-size: .6em;
}
div[role="main"].home section.site-intro .greeting {
  width: 52%;
  min-height: 6.1em;
  padding: 1em 2em 0.5em 1em;
}
div[role="main"].home section.site-intro .greeting p.intro {
  font-size: 1.25em;
  padding-bottom: 0;
}
div[role="main"].home section.home-carousel {
  margin-bottom: .5em;
}
div[role="main"].home section.home-carousel .flexslider .slides li .slide-copy {
  bottom: 4.5em;
  right: 10.1em;
  width: 28em;
  font-size: .5em;
}
div[role="main"].home section.home-carousel .flexslider .flex-control-nav {
  height: 56px;
  position: absolute;
  bottom: 0;
  overflow: hidden;
}
div[role="main"].home section.home-carousel .flexslider .flex-control-nav li a {
  margin-top: 28px;
}
div[role="main"].home section.home-carousel .flexslider .flex-direction-nav {
  bottom: 60px;
  position: static;
  /*a {
                                                height: 3.3em;
                                                width: 3.3em;
                                                margin-top:-23px;
                                        }

                                        span {
                                            &.fill {
                                                height: 3.3em;
                                                width: 3.3em;
                                            }
                                        }*/

}
div[role="main"].home section.home-carousel .arrow-carousel {
  bottom: 1.4em;
}
div[role="main"].home section.home-carousel .arrow-carousel.prev {
  left: 1.6em;
}
div[role="main"].home section.home-carousel .arrow-carousel.next {
  right: 1.5em;
}
div[role="main"].home section.signature-beauty {
  background-image: url(../img/homepage/img-signature-large.jpg);
  padding: 4.8% 2em .5em 4em;
}
div[role="main"].home section.signature-beauty .goto-section {
  width: 31.5%;
  height: 8.750em;
  display: inline;
  float: left;
  margin: 0em 0 .5em;
  background-image: url(../img/homepage/section-border.png);
  background-repeat: no-repeat;
  padding-top: 1.3em;
}
div[role="main"].home section.signature-beauty .goto-section.begin {
  background-image: none;
}
div[role="main"].home section.signature-beauty .goto-section p {
  font-size: 1em;
  margin-bottom: .3em;
}
div[role="main"].home section.signature-beauty .goto-section span {
  padding: 0 1em;
  font-size: .9em;
  line-height: 1.3em;
  height: 4em;
}
div[role="main"].home section.signature-beauty .goto-section .arrow-gold {
  margin-top: .4em;
}
div[role="main"].home section.news-month article {
  width: 49.4%;
  float: left;
  margin-bottom: .5em;
}
div[role="main"].home section.news-month article.product-01 {
  margin-right: .5em;
}
div[role="main"].home section.news-month article.product-01 img {
  float: left;
}
div[role="main"].home section.news-month article.product-02 img {
  float: left;
}
div[role="main"].home section.news-month article.module-article-box.first {
  margin-right: .5em;
}
div[role="main"].home section.news-month article.module-article-box img {
  width: 49.5%;
}
div[role="main"].home section.news-month article.module-article-box > div {
  width: 49%;
  padding: 7% .5em 0 1.3em;
}
div[role="main"].home section.news-month article.top-list {
  margin-right: .5em;
  height: 441px;
  padding: 2em;
}
div[role="main"].home section.news-month article.top-list h3 {
  font-size: 1.5em;
  padding: 0 2.5em .3em 0;
  margin-bottom: 1em;
}
div[role="main"].home section.news-month article.top-list h3.top-num {
  font-size: 1.45em;
  margin-bottom: 0;
  padding-bottom: 0;
}
div[role="main"].home section.news-month article.top-list ol li {
  margin-bottom: 1.2em;
}
div[role="main"].home section.news-month article.top-list ol li a {
  font-size: .9em;
}
div[role="main"].home section.news-month article.social {
  height: 441px;
  width: 49.5%;
  padding-left: 3em;
}
div[role="main"].home section.news-month article.social .refresh-social {
  margin: 1em 3% 0 0;
}
div[role="main"].home section.news-month article.social .social-title {
  margin-top: 5em;
}
div[role="main"].home section.news-month article.social .social-title span {
  margin-top: .1em;
}
div[role="main"].home section.news-month article.social .social-title h3 {
  font-size: 1.275em;
}
div[role="main"].home section.news-month article.social #tweet-container .tweet {
  font-size: 1.1em;
  padding: 1.4em 2em 1em 0;
}
div[role="main"].home section.news-month article.social #tweet-container .timePosted {
  font-size: 1em;
}
div[role="main"].home section.news-month article.social .find-us {
  font-size: 1.5em;
}
div[role="main"].home section.signature-beauty .section-title {
  width: 30em;
  margin-left: 25%;
}
div[role="main"].home section.our-causes .causes-module {
  position: relative;
  background-color: transparent;
}
div[role="main"].home section.our-causes .causes-module .copy-container {
  width: 33%;
  position: absolute;
  top: 4em;
  left: auto;
  right: 5%;
  padding: 0;
}
div[role="main"].home section.our-causes .causes-module .copy-container h2 {
  font-size: 1.7em;
}
div[role="main"].home section.our-causes .causes-module .copy-container p {
  font-size: 1em;
}
div[role="main"].home section.our-causes .causes-module .copy-container a {
  font-size: .8em;
}
div[role="main"].home section.show-us .module-title h5 {
  font-size: 1.750em;
}