@charset "UTF-8";

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
body {margin: 0; padding: 0px;}

/* @font-face{
	font-family:"Helvetica Neue LT W05_55 Roman";
	src:url("../../fonts/522972a6-5867-47ae-82fc-a7cf9bd5d4d4.eot?#iefix");
	src:url("../fonts/522972a6-5867-47ae-82fc-a7cf9bd5d4d4.eot?#iefix") format("eot"),url("../fonts/neue-helvetica/08b57253-2e0d-4c12-9c57-107f6c67bc49.woff2") format("woff2"),url("../fonts/neue-helvetica/08edde9d-c27b-4731-a27f-d6cd9b01cd06.woff") format("woff"),url("../fonts/neue-helvetica/8f4a1705-214a-4dd0-80b8-72252c37e688.ttf") format("truetype");
}
@font-face{
	font-family:"Helvetica Neue LT W01_75 Bold";
	src:url("../fonts/9697cfef-7816-47cc-81ed-c56c029d3bcf.eot?#iefix");
	src:url("../fonts/9697cfef-7816-47cc-81ed-c56c029d3bcf.eot?#iefix") format("eot"),url("../fonts/1f4274cd-2674-481e-9023-69e33ffca161.woff2") format("woff2"),url("../fonts/5e8d493c-be01-44b9-962e-504a5cf10dd8.woff") format("woff"),url("../fonts/ae36b4a0-aa2c-46cc-98d8-d8b7d22241dc.ttf") format("truetype");
}
@font-face{
	font-family:"Neue Helvetica W01_59 Comp";
	src:url("../fonts/16fcc3ae-9eac-408e-9730-c05fd7ff78a4.eot?#iefix");
	src:url("../fonts/16fcc3ae-9eac-408e-9730-c05fd7ff78a4.eot?#iefix") format("eot"),url("../fonts/c45ebbd2-f9c4-4b1d-9f60-6c4d85544fc1.woff2") format("woff2"),url("../fonts/ff4ce601-b504-4b47-9d8d-3b3062c2034e.woff") format("woff"),url("../fonts/8f4c046d-7190-455d-b7ad-348264710152.ttf") format("truetype");
}
@font-face{
	font-family:"Neue Helvetica W01_79 C1289709";
	src:url("../fonts/fd82e75b-65f1-4356-b6b1-eaf6e466db25.eot?#iefix");
	src:url("../fonts/fd82e75b-65f1-4356-b6b1-eaf6e466db25.eot?#iefix") format("eot"),url("../fonts/e60ad497-643b-4bd2-87e7-2c611b627f01.woff2") format("woff2"),url("../fonts/bc3be26e-0e16-4127-a87d-eb76bb903f4c.woff") format("woff"),url("../fonts/f270cf00-6a43-4941-b860-a45eef36bfbf.ttf") format("truetype");
} */
@font-face {
    font-family: 'NeueHelveticaW01-79CmBold';
    src: url('../fonts/NeueHelveticaW01-79CmBold.eot');
    src: url('../fonts/NeueHelveticaW01-79CmBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NeueHelveticaW01-79CmBold.woff2') format('woff2'),
        url('../fonts/NeueHelveticaW01-79CmBold.woff') format('woff'),
        url('../fonts/NeueHelveticaW01-79CmBold.ttf') format('truetype'),
        url('../fonts/NeueHelveticaW01-79CmBold.svg#NeueHelveticaW01-79CmBold') format('svg');
    font-weight: bold;
    font-style: normal;
  }
.site-container {
    position: relative;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s ease-in-out;
}

.h1_tag_heading {
    position: relative;
    margin: 20px auto;
    text-align: center;
    width: 100%;
    font-weight: 600;
    font-size: 1.525rem;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: 1.25px;
    color: #000000;
}

.header-banner h1 {
    margin-top: 0px;
}

.site-container .ActivateEmailcontainer {
    margin: 100px;
    clear: both;
    text-align: center;
    font-family: inherit;
}

.auth__section-header {
    font-family: "Neue Helvetica W01", sans-serif;
    font-weight: 100;
}

    .footer__category-name, .auth__section-header span, .auth__section-subheader, .authmodal__section-header span, .authmodal__section-subheader {
        font-family: "Neue Helvetica W01", sans-serif;
        font-weight: 500;
    }


.chatbot-search__top-bar .tt-suggestion, .chatbot-search__results-container .no-results {
    font-family: "Neue Helvetica W01", sans-serif;
    font-weight: 100;
}

.chatbot-card__content-title, .chatbot-card__product-title, .chatbot-ftue__title, .chatbot-signin__title, .content-feed-ftue__title {
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-weight: 200;
}

.footer__category-name, .authmodal__section-header span, .authmodal__section-subheader, .auth__section-header span, .auth__section-subheader {
    font-family: "Neue Helvetica W01", sans-serif;
    font-weight: 500;
}

.chatbot-card__content-category, .chatbot-card__content-title span, .chatbot-card__product-title span, .chatbot-card__option, .chatbot-ftue__title em, .chatbot-ftue__button, .chatbot-signin__title span, .chatbot-signin__button, .content-feed__swipe, .content-feed-ftue__button {
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-weight: 500;
}

.accessibility-hidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

*, *:before, *:after {
    box-sizing: inherit;
    -webkit-tap-highlight-color: transparent;
}

:focus {
    outline: none;
}

.sitecore-editor img {
    height: 100%;
}

html {
    box-sizing: border-box;
}

body {
    margin: 0;
    width: 100%;
    font-family: "Helvetica Neue LT W05_55 Roman";
    font-size: 16px;
    font-weight: 100;
}

    body:before {
        display: none;
        content: "mobile";
    }

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    body:before {
        content: "tablet";
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    body:before {
        content: "small_desktop";
    }
}

@media screen and (min-width: 80em) and (max-width: 9999em) {
    body:before {
        content: "large_desktop";
    }
}

@media only screen and (max-width:768px) {
    .site-container {
        overflow: hidden;
    }
}


body.noscroll {
    overflow-y: hidden;
}

noscroll {
    overflow: hidden;
    position: fixed;
    height: 100%;
}

.clearfix:after, .page-content:after, .notification__form:after, .discontinued-card:after, .discontinued-card__column:after, .best-sellers__container:after, .best-sellers__group:after, .best-sellers__group__container:after, .compbeauprof:after, .compbeauprof__response:after, .chatbot-card:after, .footer__categories:after, .footer__newsletter-and-social:after, .footer__newsletter:after, .footer__newsletter .form:after, .footer__social:after, .footer__dropdown-and-links:after, .footer__links:after, .get-the-look__container:after, .cart-menu__info:after, .cart-menu__items:after, .cart-menu__item:after, .module-stateful.product-info:after, .module-stateful.product-info .product-info__columns:after, .module-stateful.product-info .col-3 .product-info__right-carousel:after, .product-info__shop:after, .quickshop__modal:after, .quickshop__shop:after, .sku-wall:after, .sku__content:after, .product-kit:after, .single-image-carousel:after, .single-image-carousel .gigi-wrapper:after, .ratings-and-reviews .rar__review:after, .ratings-and-reviews .rar__form:after, .ratings-and-reviews .form.rar__form .form__group.rar__narrow-input.rar__narrow-input-nomargin:after, .masthead:after, .masthead__main:after, .mastheadv2:after, .mastheadv2 .masthead__main:after, .featured-product-collage:after, .product-guide:after, .product-guide__products:after, .product-content-grid:after, .product-content-grid__grid:after, .video-kit__body:after, .video-kit__hero-card:after, .video-kit__cards:after, .video-overlay__details:after, .product-recommender:after, .product-recommender__states-container:after, .promo:after, .gallery-inline:after, .gallery-inline-2:after, .profile-page__content:after, .profile-page__module-content:after, .profile-page__module-row:after, .profile-page__module .form__group--2colums:after, .profile-page__module .form__group--3colums:after, .profile-page__module .form__group--phone:after, .profile-page__module .form__group--address:after, .profile-page__module .form__group--birthday:after, .profile-page__buttons-row:after, .cart-page__content:after, .cart-page__info:after, .cart-page__item:after, .discontinued-products__module-content:after, .search-results-page:after, .search-results-page .product-content-grid:after, .shoppable-page__content:after, .shoppable-page__info:after, .shoppable-page__item:after, .full-width-image-with-copy:after, .full-width-image-with-copy__content:after, .full-width-image-with-copy__featured-product:after, .half-width-image:after, .half-width-image-with-number ol > li:after, .half-width__step__featured-product:after, .shoppable-modal__item:after {
    content: "";
    display: table;
    clear: both;
}

.chatbot-card:after {
    content: "";
    display: table;
    clear: both;
}

.module, .module-stateful, .pull-quote__wrapper {
    display: block;
    margin: 40px auto;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .module, .module-stateful, .pull-quote__wrapper {
        width: 100%;
    }
    .module-stateful.gallery-inline {
        overflow: hidden;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .module, .module-stateful, .pull-quote__wrapper {
        width: 760px;
        margin: 60px auto;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .module, .module-stateful, .pull-quote__wrapper {
        width: 1020px;
        margin: 80px auto;
    }
}

@media screen and (min-width: 80em) and (max-width: 9999em) {
    .module, .module-stateful, .pull-quote__wrapper {
        width: 1280px;
        margin: 80px auto;
    }
}

.module-wide, .notification {
    width: 100%;
    max-width: 100rem;
}

.page-content {
    display: block;
    margin: 5rem auto;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .page-content {
        width: 20rem;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .page-content {
        width: 760px;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .page-content {
        width: 1020px;
    }
}

@media screen and (min-width: 80em) and (max-width: 9999em) {
    .page-content {
        width: 1280px;
    }
}

.cdp-element {
    display: block;
    margin: 3.75rem auto 3.75rem;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .cdp-element {
        width: 20rem;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .cdp-element {
        width: 760px;
    }
}

@media screen and (min-width: 63.75em) {
    .cdp-element {
        margin: 5rem auto 5rem;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .cdp-element {
        width: 1020px;
    }
}

@media screen and (min-width: 80em) and (max-width: 9999em) {
    .cdp-element {
        width: 1280px;
    }
}

.content-wrapper, .notification__wrapper {
    display: block;
    margin: 0 auto;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .content-wrapper, .notification__wrapper {
        width: 100%;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .content-wrapper, .notification__wrapper {
        width: 760px;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .content-wrapper, .notification__wrapper {
        width: 1020px;
    }
}

@media screen and (min-width: 80em) and (max-width: 9999em) {
    .content-wrapper, .notification__wrapper {
        width: 1280px;
    }
}

.shelf, .content-card--with-shelf .content-card__shelf, .cart-menu__shelf, .product-guide__shelf, .cart-page__shelf, .shoppable-page__shelf, .shoppable-modal__shelf {
    position: relative;
    display: block;
    text-decoration: none;
}

    /* Hidding shadow image
@media screen and (min-width: 47.5em) {
    
  .shelf, .content-card--with-shelf .content-card__shelf, .cart-menu__shelf, .product-guide__shelf, .cart-page__shelf, .shoppable-page__shelf, .shoppable-modal__shelf {
    box-shadow: 0 4.8125rem 3.5rem -3.6875rem rgba(0, 0, 0, 0.55); } }
     */

    .shelf:after, .content-card--with-shelf .content-card__shelf:after, .cart-menu__shelf:after, .product-guide__shelf:after, .cart-page__shelf:after, .shoppable-page__shelf:after, .shoppable-modal__shelf:after {
        top: 99%;
        display: block;
        position: absolute;
        content: " ";
        background-color: #000000;
        height: 1.25rem;
        width: 15rem;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

@media screen and (min-width: 47.5em) {
    .shelf:after, .content-card--with-shelf .content-card__shelf:after, .cart-menu__shelf:after, .product-guide__shelf:after, .cart-page__shelf:after, .shoppable-page__shelf:after, .shoppable-modal__shelf:after {
        left: 0;
        width: 100%;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

img {
    text-decoration: none;
    border: 0px;
}

.site-container .module:first-child:not(.small-feed):not(.masthead):not(.featured-product-wide_no-secondary):not(.vto), .site-container .module-stateful:first-child:not(.small-feed):not(.masthead):not(.featured-product-wide_no-secondary):not(.vto), .site-container .pull-quote__wrapper:first-child:not(.small-feed):not(.masthead):not(.featured-product-wide_no-secondary):not(.vto) {
    margin-top: 30px;
}

@media screen and (min-width: 47.5em) {
    .site-container .module:first-child:not(.small-feed):not(.masthead):not(.featured-product-wide_no-secondary), .site-container .module-stateful:first-child:not(.small-feed):not(.masthead):not(.featured-product-wide_no-secondary), .site-container .pull-quote__wrapper:first-child:not(.small-feed):not(.masthead):not(.featured-product-wide_no-secondary) {
        margin-top: 40px;
    }
}

.site-container .module.featured-product-wide_no-secondary:first-child, .site-container .featured-product-wide_no-secondary.module-stateful:first-child, .site-container .featured-product-wide_no-secondary.pull-quote__wrapper:first-child {
    margin-top: 0px;
}

.site-container .module.featured-product-wide_no-secondary:nth-child(2), .site-container .featured-product-wide_no-secondary.module-stateful:nth-child(2), .site-container .featured-product-wide_no-secondary.pull-quote__wrapper:nth-child(2) {
    margin-top: 0px;
}

.site-container .module.product-info:first-child, .site-container .product-info.module-stateful:first-child, .site-container .product-info.pull-quote__wrapper:first-child {
    margin-top: 20px;
}

@media screen and (min-width: 63.75em) {
    .site-container .module.product-info:first-child, .site-container .product-info.module-stateful:first-child, .site-container .product-info.pull-quote__wrapper:first-child {
        margin-top: 40px;
    }
}

@media screen and (min-width: 63.75em) {
    .site-container .module.product-info:nth-child(2), .site-container .product-info.module-stateful:nth-child(2), .site-container .product-info.pull-quote__wrapper:nth-child(2) {
        margin-top: 0px;
    }
}

@font-face {
    font-family: "Neue Helvetica W01_n3";
    src: url("../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot");
}

@font-face {
    font-family: "Neue Helvetica W01";
    src: url("../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix");
    src: url("../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"), url("../fonts/5a13f7d1-b615-418e-bc3a-525001b9a671.woff2") format("woff2"), url("../fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"), url("../fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"), url("../fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Neue Helvetica W01_n1";
    src: url("../fonts/3345539a-5527-4641-bca2-fa42b579c9ed.eot?#iefix") format("eot");
}

@font-face {
    font-family: "Neue Helvetica W01";
    src: url("../fonts/3345539a-5527-4641-bca2-fa42b579c9ed.eot?#iefix");
    src: url("../fonts/3345539a-5527-4641-bca2-fa42b579c9ed.eot?#iefix") format("eot"), url("../fonts/c80fb00b-f0d1-44c8-bf06-2661f3a9e4f8.woff2") format("woff2"), url("../fonts/ed81998a-20f5-461f-8ae8-b2d1c4feec2a.woff") format("woff"), url("../fonts/ea4682a4-ca47-43c0-a7af-aa3d4c3df6c8.ttf") format("truetype"), url("../fonts/dc47192b-c265-43dd-8513-6a8d3bf3c186.svg#dc47192b-c265-43dd-8513-6a8d3bf3c186") format("svg");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Neue Helvetica W01_n5";
    src: url("../fonts/3a605871-b94d-4161-a394-bb2cfc975df7.eot?#iefix") format("eot");
}

@font-face {
    font-family: "Neue Helvetica W01";
    src: url("../fonts/3a605871-b94d-4161-a394-bb2cfc975df7.eot?#iefix");
    src: url("../fonts/3a605871-b94d-4161-a394-bb2cfc975df7.eot?#iefix") format("eot"), url("../fonts/423db818-6ba7-4789-995f-1f2d7f6018df.woff2") format("woff2"), url("../fonts/aef05e22-e1d4-4e59-bc2e-a71c13c26cca.woff") format("woff"), url("../fonts/b785b1cf-24fa-44c9-8c93-d8e2d6912c47.ttf") format("truetype"), url("../fonts/5ab0c585-fb4b-43d9-abb0-b92f452b1284.svg#5ab0c585-fb4b-43d9-abb0-b92f452b1284") format("svg");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Sonica Brush W03_n4";
    src: url("../fonts/sonica-brush/e5662c5b-11d9-4898-829a-ef52595f31a1.eot?#iefix") format("eot");
}

@font-face {
    font-family: "Sonica Brush W03";
    src: url("../fonts/sonica-brush/e5662c5b-11d9-4898-829a-ef52595f31a1.eot?#iefix");
    src: url("../fonts/sonica-brush/e5662c5b-11d9-4898-829a-ef52595f31a1.eot?#iefix") format("eot"), url("../fonts/sonica-brush/fc313fed-d3b5-4d2d-b1ac-ebfcc1b7ae4f.woff2") format("woff2"), url("../fonts/sonica-brush/4c9f3316-ab01-4192-90d9-18e02fc38516.woff") format("woff"), url("../fonts/sonica-brush/464e95c8-47cc-41b8-b897-416b96d871b7.ttf") format("truetype"), url("../fonts/sonica-brush/ab118813-17e9-42a1-848c-49e54a540832.svg#ab118813-17e9-42a1-848c-49e54a540832") format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Maybelline-icons";
    src: url("../fonts/icons/Maybelline-icons.eot");
    src: url("../fonts/icons/Maybelline-icons.eot?#iefix") format("eot"), url("../fonts/icons/Maybelline-icons.woff") format("woff"), url("../fonts/icons/Maybelline-icons.ttf") format("truetype"), url("../fonts/icons/Maybelline-icons.svg#Maybelline-icons") format("svg");
}

/* HP Revamp - Update Fonts and Colors Across All Modules */
@font-face {
    font-family: "Helvetica Neue LT W05_55 Roman";
    src: url("../fonts/neue-helvetica/522972a6-5867-47ae-82fc-a7cf9bd5d4d4.eot?#iefix");
    src: url("../fonts/neue-helvetica/522972a6-5867-47ae-82fc-a7cf9bd5d4d4.eot?#iefix") format("eot"),url("../fonts/neue-helvetica/08b57253-2e0d-4c12-9c57-107f6c67bc49.woff2") format("woff2"),url("../fonts/neue-helvetica/08edde9d-c27b-4731-a27f-d6cd9b01cd06.woff") format("woff"),url("../fonts/neue-helvetica/8f4a1705-214a-4dd0-80b8-72252c37e688.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Helvetica Neue LT W01_75 Bold";
    src: url("../fonts/neue-helvetica/9697cfef-7816-47cc-81ed-c56c029d3bcf.eot?#iefix");
    src: url("../fonts/neue-helvetica/9697cfef-7816-47cc-81ed-c56c029d3bcf.eot?#iefix") format("eot"),url("../fonts/neue-helvetica/1f4274cd-2674-481e-9023-69e33ffca161.woff2") format("woff2"),url("../fonts/neue-helvetica/5e8d493c-be01-44b9-962e-504a5cf10dd8.woff") format("woff"),url("../fonts/neue-helvetica/ae36b4a0-aa2c-46cc-98d8-d8b7d22241dc.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Neue Helvetica W01_59 Comp";
    src: url("../fonts/neue-helvetica/16fcc3ae-9eac-408e-9730-c05fd7ff78a4.eot?#iefix");
    src: url("../fonts/neue-helvetica/16fcc3ae-9eac-408e-9730-c05fd7ff78a4.eot?#iefix") format("eot"),url("../fonts/neue-helvetica/c45ebbd2-f9c4-4b1d-9f60-6c4d85544fc1.woff2") format("woff2"),url("../fonts/neue-helvetica/ff4ce601-b504-4b47-9d8d-3b3062c2034e.woff") format("woff"),url("../fonts/neue-helvetica/8f4c046d-7190-455d-b7ad-348264710152.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Neue Helvetica W01_79 C1289709";
    src: url("../fonts/neue-helvetica/fd82e75b-65f1-4356-b6b1-eaf6e466db25.eot?#iefix");
    src: url("../fonts/neue-helvetica/fd82e75b-65f1-4356-b6b1-eaf6e466db25.eot?#iefix") format("eot"),url("../fonts/neue-helvetica/e60ad497-643b-4bd2-87e7-2c611b627f01.woff2") format("woff2"),url("../fonts/neue-helvetica/bc3be26e-0e16-4127-a87d-eb76bb903f4c.woff") format("woff"),url("../fonts/neue-helvetica/f270cf00-6a43-4941-b860-a45eef36bfbf.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}
/* End HP Revamp - Update Fonts and Colors Across All Modules */


.icon:before, .cta:before, .cta-text:after, .share-tray__item.link:after, .share-tray__item-link:before, .filter-dropdown > li > span:after, .heading-sliced:before, .form .form__checkbox label:after, .get-the-look__video__image:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .new-brow:before, .module-stateful.product-info .product-info__color-overlay--with-video:before, .cheatsheet .cheatsheet__dash:before, .plus-link:after, .quickshop__swatches__item.active:before, .get-the-look__video__image:before, .featured-product-wide .fpw__link:after, .pull-quote__quote:before, .pull-quote__quote:after, .ratings-and-reviews .rar__user-rating li:before, .small-feed__item--video .small-feed__image:before, .video-kit__hero-image:before, .video-kit__card-image:before, .video-promoted__image:before, .content-feed__common:after, .content-feed-ftue__icon:before, .cart-page__info .cart-page__current-shop:after, .discontinued-products .twitter-typeahead:after, .discontinued-products__module-heading.expandable:after, .shoppable-page__info .shoppable-page__current-shop:after, .content-feed__swipe span:after {
    font-family: "Maybelline-icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
    text-decoration: none;
    text-transform: none;
}

.content-feed__common:after, .content-feed-ftue__icon:before {
    font-family: "Maybelline-icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
    text-decoration: none;
    text-transform: none;
}

.icon-arrow_CTA:before, .featured-product-wide .fpw__link:after {
    content: "\E001";
}

.icon-arrow_down:before, .content-feed__common:after {
    content: "\E002";
}

.icon-arrow_left:before {
    content: "\E003";
}

.icon-arrow_right:before, .content-feed__swipe span:after {
    content: "\E004";
}

.icon-arrow_up:before {
    content: "\E005";
}

.icon-chat:before {
    content: "\E006";
}

.icon-check:before {
    content: "\E007";
}

.icon-close:before {
    content: "\E008";
}

.icon-content-feed:before {
    content: "\E009";
}

.icon-diamond_rating:before {
    content: "\E00A";
}

.icon-doublearrow_left:before {
    content: "\E00B";
}

.icon-doublearrow_right:before {
    content: "\E00C";
}

.icon-facebook:before {
    content: "\E00D";
}

.icon-geolocation:before {
    content: "\E00E";
}

.icon-google_plus:before {
    content: "\E00F";
}

.icon-hamburger:before {
    content: "\E010";
}

.icon-heart:before {
    content: "\E011";
}

.icon-heart_filled:before {
    content: "\E012";
}

.icon-instagram:before {
    content: "\E013";
}

.icon-link:before {
    content: "\E014";
}

.icon-minus:before, .cheatsheet .cheatsheet__dash:before {
    content: "\E015";
}

.icon-ok_ru:before {
    content: "\E016";
}

.icon-phone_swipe:before, .content-feed-ftue__icon:before {
    content: "\E017";
}

.icon-pinterest:before {
    content: "\E018";
}

.icon-plus:before, .plus-link:after {
    content: "\E019";
}

.icon-profile:before {
    content: "\E01A";
}

.icon-quotes_left:before {
    content: "\E01B";
}

.icon-quotes_right:before {
    content: "\E01C";
}

.icon-return:before {
    content: "\E01D";
}

.icon-search:before {
    content: "\E01E";
}

.icon-share:before {
    content: "\E01F";
}

.icon-shoppingbag:before {
    content: "\E020";
}

.icon-slash:before {
    content: "\E021";
}

.icon-slash_split:before, .module-stateful.product-info .new-brow:before {
    content: "\E022";
}

.icon-star:before {
    content: "\E023";
}

.icon-storelocator:before {
    content: "\E024";
}

.icon-swatch:before {
    content: "\E025";
}

.icon-swatch_selected:before {
    content: "\E026";
}

.icon-tip:before {
    content: "\E027";
}

.icon-tumblr:before {
    content: "\E028";
}

.icon-twitter:before {
    content: "\E029";
}

.icon-video:before {
    content: "\E02A";
}

.icon-vk-ru:before {
    content: "\E02B";
}

.icon-weheartit:before {
    content: "\E02C";
}

.icon-youtube:before {
    content: "\E02D";
}

.button {
    font-family: "Neue Helvetica W01_79 C1289709";
    display: inline-block;
    cursor: pointer;
    transition: border .2s ease-in-out, opacity .2s ease-in-out, color .2s ease-in-out, background .2s ease-in-out;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.125rem;
    letter-spacing: 1px;
    padding: 0.75rem 0.75rem;
    border-width: 0.0625rem;
    border-style: solid;
    border-color: transparent;
    text-decoration: none;
    min-width: 10rem;
    text-align: center;
    border-color: #000000;
    color: #000000;
    background-color: transparent;
    opacity: 1;
}

    .button .icon, .button .get-the-look__video__image, .button .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .button .color-picker__swatch:before, .button .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .button .product-info__shade-swatch:before, .button .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .button .product-info__color-overlay--with-video:before, .button .cheatsheet .cheatsheet__dash, .cheatsheet .button .cheatsheet__dash, .button .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .button li, .button .video-kit__hero-image, .button .video-kit__card-image, .button .video-promoted__image {
        line-height: 0;
        position: relative;
        top: 0.1875rem;
        font-size: 1.0625rem;
        margin-right: 0;
    }

    .no-touch .button:hover, .button:active, .button:focus, .button.active {
        /* background-color: #333;
        color: #fff; */
        text-decoration: underline;
    }

    .button:active {
        opacity: .8;
    }

.button-primary {
    color: #FFFFFF;
    background-color: #000;
    border-color: transparent;
}

    .button:disabled, .button.disabled, .button-primary.disabled {
        background: #999999;
        cursor: default;
        border-color: transparent;
    }

.no-touch .button:disabled:hover, .no-touch .button.disabled:hover, .no-touch .button-primary.disabled:hover {
    background: #999999;
    border-color: #FFFFFF;
}

.button-icon {
    min-width: auto;
    color: #FFFFFF;
    background-color: #f92a63;
    border-color: #f92a63;
}

    .button-icon .icon, .button-icon .get-the-look__video__image, .button-icon .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .button-icon .color-picker__swatch:before, .button-icon .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .button-icon .product-info__shade-swatch:before, .button-icon .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .button-icon .product-info__color-overlay--with-video:before, .button-icon .cheatsheet .cheatsheet__dash, .cheatsheet .button-icon .cheatsheet__dash, .button-icon .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .button-icon li, .button-icon .video-kit__hero-image, .button-icon .video-kit__card-image, .button-icon .video-promoted__image {
        color: #FFFFFF;
        font-size: 1.5rem;
    }

        .button-icon .icon:before, .button-icon .cta:before, .button-icon .cta-text:after, .button-icon .share-tray__item.link:after, .button-icon .share-tray__item-link:before, .button-icon .filter-dropdown > li > span:after, .button-icon .heading-sliced:before, .button-icon .form .form__checkbox label:after, .form .form__checkbox .button-icon label:after, .button-icon .get-the-look__video__image:before, .button-icon .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .button-icon .color-picker__swatch:before, .button-icon .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .button-icon .product-info__shade-swatch:before, .button-icon .module-stateful.product-info .new-brow:before, .module-stateful.product-info .button-icon .new-brow:before, .button-icon .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .button-icon .product-info__color-overlay--with-video:before, .button-icon .cheatsheet .cheatsheet__dash:before, .cheatsheet .button-icon .cheatsheet__dash:before, .button-icon .plus-link:after, .button-icon .quickshop__swatches__item.active:before, .button-icon .featured-product-wide .fpw__link:after, .featured-product-wide .button-icon .fpw__link:after, .button-icon .pull-quote__quote:before, .button-icon .pull-quote__quote:after, .button-icon .ratings-and-reviews .rar__user-rating li:before, .ratings-and-reviews .rar__user-rating .button-icon li:before, .button-icon .small-feed__item--video .small-feed__image:before, .small-feed__item--video .button-icon .small-feed__image:before, .button-icon .video-kit__hero-image:before, .button-icon .video-kit__card-image:before, .button-icon .video-promoted__image:before, .button-icon .content-feed__common:after, .button-icon .content-feed-ftue__icon:before, .button-icon .cart-page__info .cart-page__current-shop:after, .cart-page__info .button-icon .cart-page__current-shop:after, .button-icon .discontinued-products .twitter-typeahead:after, .discontinued-products .button-icon .twitter-typeahead:after, .button-icon .discontinued-products__module-heading.expandable:after, .button-icon .shoppable-page__info .shoppable-page__current-shop:after, .shoppable-page__info .button-icon .shoppable-page__current-shop:after {
            position: relative;
            top: 0.3125rem;
            left: 0.3125rem;
        }

    .button-icon .content-feed__common:after, .button-icon .content-feed-ftue__icon:before {
        position: relative;
        top: 0.3125rem;
        left: 0.3125rem;
    }

    .no-touch .button-icon:hover, .button-icon:active, .button-icon:focus {
        color: #f92a63;
        background-color: #FFFFFF;
        border-color: #CCCCCC;
    }

        .no-touch .button-icon:hover .icon, .no-touch .button-icon:hover .get-the-look__video__image, .no-touch .button-icon:hover .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .no-touch .button-icon:hover .color-picker__swatch:before, .no-touch .button-icon:hover .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .no-touch .button-icon:hover .product-info__shade-swatch:before, .no-touch .button-icon:hover .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .no-touch .button-icon:hover .product-info__color-overlay--with-video:before, .no-touch .button-icon:hover .cheatsheet .cheatsheet__dash, .cheatsheet .no-touch .button-icon:hover .cheatsheet__dash, .no-touch .button-icon:hover .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .no-touch .button-icon:hover li, .no-touch .button-icon:hover .video-kit__hero-image, .no-touch .button-icon:hover .video-kit__card-image, .no-touch .button-icon:hover .video-promoted__image, .button-icon:active .icon, .button-icon:active .get-the-look__video__image, .button-icon:active .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .button-icon:active .color-picker__swatch:before, .button-icon:active .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .button-icon:active .product-info__shade-swatch:before, .button-icon:active .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .button-icon:active .product-info__color-overlay--with-video:before, .button-icon:active .cheatsheet .cheatsheet__dash, .cheatsheet .button-icon:active .cheatsheet__dash, .button-icon:active .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .button-icon:active li, .button-icon:active .video-kit__hero-image, .button-icon:active .video-kit__card-image, .button-icon:active .video-promoted__image, .button-icon:focus .icon, .button-icon:focus .get-the-look__video__image, .button-icon:focus .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .button-icon:focus .color-picker__swatch:before, .button-icon:focus .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .button-icon:focus .product-info__shade-swatch:before, .button-icon:focus .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .button-icon:focus .product-info__color-overlay--with-video:before, .button-icon:focus .cheatsheet .cheatsheet__dash, .cheatsheet .button-icon:focus .cheatsheet__dash, .button-icon:focus .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .button-icon:focus li, .button-icon:focus .video-kit__hero-image, .button-icon:focus .video-kit__card-image, .button-icon:focus .video-promoted__image {
            color: #f92a63;
        }

.cta {
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
}

    .cta:before {
        transition: color .2s ease-in-out;
    }

.no-touch .cta:hover:before {
    color: #f92a63;
}

.cta:active:before {
    color: #f92a63;
}

.cta-favorite {
    transition: opacity .2s ease;
}

@media screen and (max-width: 47.5em) {
    .cta-favorite {
        padding: 5px;
    }
}

.cta-favorite:before {
    color: #000;
    content: "";
    font-size: 1.25rem;
    z-index: 1;
}

.header-full-width__sharing .cta-favorite:before {
    color: #000;
}

.no-touch .cta-favorite:active:before, .cta-favorite:active:before, .cta-favorite.active:before {
    color: #f92a63;
    content: "";
}

.cta-favorite.inactive {
    opacity: 0;
}

.cta-share:before {
    color: #000;
    content: "";
    font-size: 1.25rem;
}

.single-image-carousel__cta-links .cta-share:before {
    color: #000;
}

.cta-share:active:before {
    color: #f92a63;
}

.single-image-carousel__description.cta-labeled-close {
    -webkit-transform: translate(0, -0.625rem);
    -ms-transform: translate(0, -0.625rem);
    transform: translate(0, -0.625rem);
    position: relative;
}

.cta-labeled-close:before {
    color: #000000;
    content: "";
    font-size: 1.875rem;
}

.cta-labeled-close:after {
    text-transform: uppercase;
    content: attr(data-label);
    text-align: center;
    font-weight: 300;
    font-size: 0.5rem;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    letter-spacing: 0.2em;
    line-height: 1;
}

.no-touch .cta-labeled-close:hover,
.no-touch .cta-labeled-close:hover:after, .cta-labeled-close:active {
    transition: color .2s ease-in-out;
    color: #f92a63;
}

.cta-boxed-close {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #333333;
}

    .cta-boxed-close:before {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        color: #FFFFFF;
        content: "";
        font-size: 1.25rem;
    }

    .no-touch .cta-boxed-close:hover,
    .no-touch .cta-boxed-close:hover:before, .cta-boxed-close:active {
        color: #f92a63;
    }

.cta-colored {
    background-color: #f92a63;
}

    .no-touch .cta-colored:hover,
    .no-touch .cta-colored:hover:before, .cta-colored:active {
        color: #000000;
    }

.cta-text {
    position: relative;
    color: #000000;
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 1.125rem;
    line-height: 1rem;
    text-transform: uppercase;
    transition: color .2s ease-in-out;
    letter-spacing: 1px;
    font-weight: 500;
}

    .cta-text:after {
        content: "";
        position: relative;
        top: 0.25rem;
        padding-left: 0.875rem;
    }
/*
.cta-text--small, .before-after__featured-shop a.cta-text {
    font-size: 0.75rem;
}
*/
.cta-text--small:after, .before-after__featured-shop a.cta-text:after {
    top: 0.0625rem;
    -webkit-transform: translateY(3%);
    -ms-transform: translateY(3%);
    transform: translateY(3%);
    display: inline-block;
    padding-left: 8px;
}

.cta-text--medium {
    font-size: 0.875rem;
}

    .cta-text--medium:after {
        top: 0.0625rem;
        -webkit-transform: translateY(3%);
        -ms-transform: translateY(3%);
        transform: translateY(3%);
        display: inline-block;
        padding-left: 8px;
    }

.cta-text--large {
    font-size: 1rem;
}

    .cta-text--large:after {
        font-size: 1.25rem;
        top: 0.25rem;
        -webkit-transform: translateY(1%);
        -ms-transform: translateY(1%);
        transform: translateY(1%);
        padding-left: 11px;
    }
/*
.cta-text--small-medium, .product-guide__info .cta, .predictive-search__results-info .cta, .chatbot-search__results-info .cta, .profile-page__heading .cta-text {
    font-size: 0.75rem;
}
*/

.chatbot-search__results-info .cta {
    font-size: 0.75rem;
}

    .cta-text--small-medium:after, .product-guide__info .cta:after, .predictive-search__results-info .cta:after, .chatbot-search__results-info .cta:after, .profile-page__heading .cta-text:after {
        top: 0.0625rem;
        -webkit-transform: translateY(3%);
        -ms-transform: translateY(3%);
        transform: translateY(3%);
        display: inline-block;
        padding-left: 8px;
    }

@media screen and (min-width: 47.5em) {
    /*
    .cta-text--small-medium, .product-guide__info .cta, .predictive-search__results-info .cta, .chatbot-search__results-info .cta, .profile-page__heading .cta-text {
        font-size: 0.875rem;
    }*/

    .cta-text--small-medium:after, .product-guide__info .cta:after, .predictive-search__results-info .cta:after, .chatbot-search__results-info .cta:after, .profile-page__heading .cta-text:after {
        top: 0.0625rem;
        -webkit-transform: translateY(3%);
        -ms-transform: translateY(3%);
        transform: translateY(3%);
        display: inline-block;
        padding-left: 8px;
    }
}

.cta-text--medium-large, .single-image-carousel__detail .cta-text, .featured-product-wide .cta-text, .featured-product-collage__content .featured-product-collage__cta, .video-kit__hero-card .cta-text, .video-kit .cta-text, .video-kit__card-body .cta-text, .product-recommender .landing__content-box > .cta, .video-promoted__box .cta-text, .promo__hero-cta {
    font-size: 1.125rem;
}

    .cta-text--medium-large:after, .single-image-carousel__detail .cta-text:after, .featured-product-wide .cta-text:after, .featured-product-collage__content .featured-product-collage__cta:after, .video-kit__hero-card .cta-text:after, .video-kit .cta-text:after, .video-kit__card-body .cta-text:after, .product-recommender .landing__content-box > .cta:after, .video-promoted__box .cta-text:after, .promo__hero-cta:after {
        top: 0.0625rem;
        -webkit-transform: translateY(3%);
        -ms-transform: translateY(3%);
        transform: translateY(3%);
        display: inline-block;
        padding-left: 8px;
    }

@media screen and (min-width: 63.75em) {
    .cta-text--medium-large, .single-image-carousel__detail .cta-text, .featured-product-wide .cta-text, .featured-product-collage__content .featured-product-collage__cta, .video-kit__hero-card .cta-text, .video-kit .cta-text, .video-kit__card-body .cta-text, .product-recommender .landing__content-box > .cta, .video-promoted__box .cta-text, .promo__hero-cta {
        font-size: 1.125rem;
    }

        .cta-text--medium-large:after, .single-image-carousel__detail .cta-text:after, .featured-product-wide .cta-text:after, .featured-product-collage__content .featured-product-collage__cta:after, .video-kit__hero-card .cta-text:after, .video-kit .cta-text:after, .video-kit__card-body .cta-text:after, .product-recommender .landing__content-box > .cta:after, .video-promoted__box .cta-text:after, .promo__hero-cta:after {
            line-height: 1;
            font-size: 1.25rem;
            top: 0.25rem;
            -webkit-transform: translateY(1%);
            -ms-transform: translateY(1%);
            transform: translateY(1%);
            padding-left: 11px;
        }
}

.no-touch .cta-text:hover,
.no-touch .cta-text:hover:after, .cta-text:active {
    transition: color .2s ease-in-out;
    /*color: #f92a63; */
}

.cta-highlighted {
    background-color: #000000;
    color: #FFFFFF;
    padding: 0.125rem 0.25rem;
}

.menu, .filter, .filter-dropdown {
    width: 12.5rem;
}

    .menu li, .filter li, .filter-dropdown li {
        transition: color .2s ease-in-out, background .2s ease-in-out;
        background-color: #FAFAFA;
        padding: 1.25rem 1.875rem;
        font-size: 0.75rem;
        line-height: 1.125rem;
        text-transform: uppercase;
        font-weight: 300;
        letter-spacing: 0.1em;
        color: #000;
        cursor: pointer;
        border-bottom: 0.0625rem solid rgba(153, 153, 153, 0.5);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .menu li:first-child, .filter li:first-child, .filter-dropdown li:first-child {
            border-top: 0.0625rem solid rgba(153, 153, 153, 0.5);
        }

        .no-touch .menu li:hover, .no-touch .filter li:hover, .no-touch .filter-dropdown li:hover, .menu li.active, .filter li.active, .filter-dropdown li.active {
            color: #FB2460;
        }

.link-menu, .profile-page__menu-panel .action-menu {
    width: 12.5rem;
}

    .link-menu li, .profile-page__menu-panel .action-menu li {
        transition: color .2s ease-in-out;
        background-color: #FAFAFA;
        font-size: 0.75rem;
        line-height: 1.125rem;
        text-transform: uppercase;
        font-weight: 300;
        letter-spacing: 0.1em;
        border-bottom: 0.0625rem solid rgba(153, 153, 153, 0.5);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .link-menu li:first-child, .profile-page__menu-panel .action-menu li:first-child {
            border-top: 0.0625rem solid rgba(153, 153, 153, 0.5);
        }

        .link-menu li a, .profile-page__menu-panel .action-menu li a {
            transition: color .2s ease-in-out;
            color: #666666;
            text-decoration: none;
            display: block;
            padding: 1.25rem 1.875rem;
        }

            .no-touch .link-menu li a:hover, .no-touch .profile-page__menu-panel .action-menu li a:hover, .profile-page__menu-panel .no-touch .action-menu li a:hover, .link-menu li a.active, .profile-page__menu-panel .action-menu li a.active {
                color: #FC2561;
            }

.share-tray {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    z-index: 11;
    background: transparent;
    z-index: 10;
    left: -8px;
}

    .share-tray a.cta-share {
        margin-top: 0px;
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: transparent;
    }

.share-tray__list {
    z-index: 11;
    position: absolute;
    margin: 0;
    top: 0;
    overflow: hidden;
    left: 0;
    height: 0;
    transition: top 0.4s ease-in-out, height 0.4s ease-in-out;
    width: 40px;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.share-tray__item {
    float: left;
    height: 40px;
    width: 40px;
    display: block;
    position: relative;
    background: #E5E5E5;
}

    .share-tray__item.facebook .share-tray__item-link:before {
        content: "";
    }

    .share-tray__item.twitter .share-tray__item-link:before {
        content: "";
    }

    .share-tray__item.google .share-tray__item-link:before {
        content: "";
    }

    .share-tray__item.pinterest .share-tray__item-link:before {
        content: "";
    }

    .share-tray__item.tumblr .share-tray__item-link:before {
        content: "";
    }

    .share-tray__item.vk .share-tray__item-link:before {
        content: "";
    }

    .share-tray__item.ok .share-tray__item-link:before {
        content: "";
    }

    .share-tray__item.link .share-tray__item-link:before {
        content: "";
        z-index: 10;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        height: 40px;
        width: 40px;
        transition: opacity 0.4s ease;
        opacity: 1;
        background: #E5E5E5;
    }

    .share-tray__item.link:after {
        content: "";
        position: absolute;
        font-weight: 800;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        line-height: 40px;
        text-align: center;
        color: #FC2561;
        text-decoration: none;
        background: #E5E5E5;
        opacity: 1;
        transition: opacity 0.4s ease;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .share-tray__item.link.copied .share-tray__item-link:before {
        opacity: 0;
    }

.share-tray__item-link {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #333333;
    text-decoration: none;
    background: #E5E5E5;
}

    .no-touch .share-tray__item-link:hover, .share-tray__item-link:active, .share-tray__item-link.zeroclipboard-is-hover, .share-tray__item-link.link-hover {
        color: #FC2561;
    }

    .share-tray__item-link:focus {
        outline: none;
    }

    .share-tray__item-link > span {
        display: none;
        visibility: hidden;
        height: 0;
        width: 0;
        overflow: hidden;
    }

.share-tray--open a.cta-share {
    background: #333333;
}

    .share-tray--open a.cta-share:before {
        color: #FFFFFF;
    }

.share-tray--open .share-tray__list {
    top: -320px;
    height: 320px;
}

.half-width-image-with-number .share-tray {
    display: none;
}

.header-full-width .share-tray {
    display: none;
}

.filter__label {
    margin: 1.125rem 0;
    font-size: 1.125rem;
    line-height: 2rem;
    font-weight: 100;
    text-transform: uppercase;
}

.search-filter__wrapper {
    margin-left: 20px;
}

#enhanced-search-vue .filter-container {
    margin-top: 10px;
}

#enhanced-search-vue .mny-loader {
    padding-top: 100px;
    padding-bottom: 100px;
    position: absolute;
    height: 300px;
    width: 100%;
    background: #fff;
    z-index: 2;
}

#enhanced-search-vue .reset-all {
    padding-bottom: 5px;
    float: right;
}

#enhanced-search-vue .product_filters {
    margin-top: 5px;
    clear: both;
}

#enhanced-search-vue .icon-close {
    /*animation:fade-search 30s infinite;*/
    cursor: pointer;
    float: right;
    color: rgba(153, 153, 153, 0.5);
}

@keyframes fade-search {
    0%, 100% {
        opacity: 0.1;
    }

    50% {
        opacity: 1;
    }
}

#enhanced-search-vue .enhance-mobile {
    display: none;
}


#enhanced-search-vue .filter-container .filter__label {
    margin-bottom: 10px;
}


#enhanced-search-vue .search-mobile-menu {
    position: absolute;
    left: -30%;
    z-index: 50;
    color: #005c9c;
    background: #fff;
    width: 30%;
    height: 100%;
    padding: 100px;
    display: flex;
    flex-direction: column;
    transition: 300ms left cubic-bezier(0.77, 0, 0.175, 1);
}

@media only screen and (max-width: 600px) {
    #enhanced-search-vue .search-mobile-menu {
        width: 250px;
        left: -250px;
        padding: 20px;
    }
}

#enhanced-search-vue .search-mobile-menu.active {
    left: 0;
    width: 90%;
    -moz-box-shadow: 3px 3px 5px 6px #ccc;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow: 3px 3px 5px 6px #ccc;
}

#enhanced-search-vue .icon-close {
    display: none;
}

#enhanced-search-vue .search-filter__label.refineby {
    clear: both;
    margin-left: 20px;
}

.refine-container .filter-label {
    display: none;
}

#enhanced-search-vue .total {
    padding-left: 2px;
}

#enhanced-search-vue .product-content-grid__nothing-status-message:after {
    height: 0;
}

#enhanced-search-vue .no-results {
}

    #enhanced-search-vue .no-results.active {
        display: block;
        opacity: 1;
        transition: opacity 10s linear;
    }

#enhanced-search-vue .product_filters-footer {
    display: none;
}

#enhanced-search-vue .filter-results-wrapper {
    display: none;
    margin-top: 30px;
    padding: 10px 20px 0;
}

    #enhanced-search-vue .filter-results-wrapper .search-filter__label {
        color: #fff;
        font-weight: 300;
    }

@media screen and (max-width: 47.5em) {

    #enhanced-search-vue .category-container {
        margin-top: 15px !important;
    }

    #enhanced-search-vue .no-results {
        width: 300px !important;
        margin: 20px auto !important;
    }

    #enhanced-search-vue .reset-all {
        color: #eee !important;
        display: none !important;
    }

    #enhanced-search-vue .search-results-page {
        padding: 0 0.12rem;
        z-index: 1;
    }

    .search-filter__label.categories a:hover, .search-filter__label.categories span:hover {
        color: #fff;
    }

    .search-filter__label.refineby div {
        float: left;
        margin-right: 8px;
        font-size: 11px;
    }

    .search-enhance__top-bar {
        margin-top: 0 !important;
        border-bottom: 1px solid rgba(153, 153, 153, 0.5) !important;
        height: 46px !important;
    }

    .refine-container .refine-label {
        float: left;
    }

    .refine-container .filter-label {
        clear: both;
        margin: 5px auto;
        display: block;
        padding-top: 10px;
    }

    .refine-container .icon-arrow_down {
        margin-left: 5px;
        margin-top: -1px;
        position: absolute;
        color: #f92a63;
    }

    .search-filter__label .mobile-filter {
        position: absolute;
        right: 0;
    }

    .search-enhance__top-bar input {
        padding: 0 !important;
    }

    .search-results-page .search-results__count {
        margin: 0 0 5px 0 !important;
    }

    #enhanced-search-vue .icon-close {
        color: #FC2561;
        display: block;
        text-decoration: none;
        position: absolute;
        top: 9px;
        right: 20px;
        font-size: 1.4rem;
    }

    #enhanced-search-vue .filter-icon {
        position: absolute;
        width: 24px;
        height: 20px;
        margin-top: 5px;
    }

    #enhanced-search-vue .filters-slidein {
        z-index: 100000000; /* cover it all */
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        height: calc(100% - 0px);
        width: 100%;
        background: rgba(0, 0, 0, 0.9);
        right: -9999px;
        position: fixed;
    }

    #enhanced-search-vue .filters-slidein-wrapper {
        overflow-y: scroll;
        flex-grow: 2;
        position: relative;
        width: 100%;
    }

    #enhanced-search-vue .product_filters-footer {
        display: flex;
        width: 100%;
        position: relative;
        bottom: 0;
        padding: 5px 15px;
    }

    #enhanced-search-vue .filter-results-wrapper {
        display: block !important;
    }

    #enhanced-search-vue .product_filters-reset, #enhanced-search-vue .product_filters-reset-done {
        margin: 5px 5px;
    }

        #enhanced-search-vue .product_filters-reset a, #enhanced-search-vue .product_filters-reset-done a {
            background-color: #000;
            border: 1px solid rgba(153, 153, 153, 0.5);
            padding: 0.5rem 0.5rem;
        }

    #enhanced-search-vue .filters-slidein.animated {
        animation-name: fadeInRight;
        right: 0;
        animation-duration: 1s;
    }

    @keyframes fadeInRight {
        from {
            opacity: 0;
            transform: translate3d(100%, 0, 0);
        }

        to {
            opacity: 1;
            transform: none;
        }
    }

    #enhanced-search-vue .animated .filter__label {
        color: #eee;
    }

    #enhanced-search-vue .search-filter__label.categories {
        color: #fff;
    }

    #enhanced-search-vue .refine-container {
    }

    #enhanced-search-vue .category-container {
        display: none;
        padding: 0 20px;
        margin-top: 50px;
    }

    #enhanced-search-vue .filter-container {
        display: none;
        margin-top: 20px;
        padding: 0 20px;
    }

    #enhanced-search-vue .animated .category-container, #enhanced-search-vue .animated .filter-container {
        display: block;
    }
}

#enhanced-search-vue .filter__label {
    margin-bottom: 0;
    margin-top: 0;
    font-family: "Neue Helvetica W01_79 C1289709";
}

#enhanced-search-vue .search-filter__label {
    position: relative;
    color: #000;
    padding: 5px 0;
    margin: 0;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Neue Helvetica W01_79 C1289709";
}

.search-filter__label.category {
    position: relative;
    color: #666;
    padding: 2px 0;
    margin: 0.25rem 0;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.search-filter__label.selection {
    position: relative;
    color: #666;
    padding: 2px 0;
    margin: 0.25rem 0;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.search-filter__label.categories {
    position: relative;
    color: #666;
    padding: 3px 0;
    margin: 0.25rem 0;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.search-filter__label span, .search-filter__label a {
    cursor: pointer;
}

.search-filter__label.refineby div {
    margin-bottom: 8px;
}

.search-filter__label span.selected-category {
    cursor: inherit;
    color: #f92a63;
}

.search-filter__label span.divider {
    cursor: inherit;
    color: #000;
}

.search-filter__label .active {
    color: #f92a63;
    /*padding-bottom: 3px;
  border-bottom: 3px solid #f92a63;*/
}

    .search-filter__label .active:before {
        background: #f92a63;
        margin-right: 3px;
        width: 10px;
        height: 10px;
        content: "";
        display: inline-block;
        position: relative;
        top: 1px;
    }

.search-filter__label :hover {
    color: #f92a63;
}

.filter-dropdown__label {
    position: relative;
    margin: 0.25rem 0 1.125rem 1.75rem;
    font-size: 1.125rem;
    font-family: "Neue Helvetica W01_79 C1289709";
    line-height: 1.125rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
}

    .filter-dropdown__label:before {
        content: '';
        width: 1.25rem;
        height: 0.125rem;
        background: #000000;
        line-height: 0.875rem;
        display: block;
        position: absolute;
        top: 46%;
        left: 0;
        -webkit-transform: translate(-28px, -50%);
        -ms-transform: translate(-28px, -50%);
        transform: translate(-28px, -50%);
    }

.filter-dropdown > li {
    padding: 0;
}

    .filter-dropdown > li.active {
        background-color: #FFFFFF;
    }

    .filter-dropdown > li > span {
        padding: 1.25rem 1.875rem;
        font-family: "Neue Helvetica W01_79 C1289709";
        font-size: 1.125rem;
        letter-spacing: 1px;
        position: relative;
        display: block;
        font-weight: 500;
    }

        .filter-dropdown > li > span:after {
            position: absolute;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            right: 1.25rem;
            font-size: 0.9375rem;
            color: #FB2460;
            content: "";
        }

    .filter-dropdown > li.active > span:after {
        content: "";
    }

    .filter-dropdown > li > ul {
        overflow: hidden;
        transition: height .4s ease-in-out;
        height: 0;
    }

    .filter-dropdown > li.active > ul {
        height: 100%;
    }

    .filter-dropdown > li > ul li {
        background-color: #FAFAFA;
        transition: background .4s ease-in-out;
        text-transform: none;
        min-height: 1.875rem;
        line-height: 1.875rem;
        border-bottom: none;
        padding-top: 0;
        padding-bottom: 0;
        font-family: "Neue Helvetica W01_79 C1289709";
        font-size: 1.125rem;
        letter-spacing: 1px;
        font-weight: 500;
    }

        .filter-dropdown > li > ul li:first-child {
            padding-top: 0.625rem;
        }

        .filter-dropdown > li > ul li:last-child {
            padding-bottom: 0.625rem;
        }

    .filter-dropdown > li.active > ul li, .filter-dropdown > li > ul li {
        background-color: #FFFFFF;
        font-family: "Neue Helvetica W01_79 C1289709";
        font-size: 1.125rem;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

.filter-dropdown .level-2 .level-2__item {
    font-weight: 500;
    text-transform: uppercase;
    color: #000000;
    cursor: auto;
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 1.125rem;
    letter-spacing: 1px;
}

    .filter-dropdown .level-2 .level-2__item:hover {
        color: #000000;
    }

.filter-dropdown .level-3 .level-3__item {
    border: none;
    padding: .25rem .25rem .25rem 1rem;
    min-height: 15px;
    line-height: 1.1;
    font-size: 0.75rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: "Neue Helvetica W01_79 C1289709";
}

    .filter-dropdown .level-3 .level-3__item:last-child {
        padding-bottom: .5rem;
    }

.notification {
    position: relative;
    background-color: #333333;
    margin: 0 auto;
}

.notification__wrapper {
    position: relative;
    padding: 1.75rem 2.5rem;
}

.notification__close {
    position: absolute;
    top: 0.625rem;
    right: 0.3125rem;
    background-color: transparent;
}

.notification__small-heading {
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    margin-top: 0.625rem;
    margin-bottom: 0.875rem;
    font-size: 0.75rem;
    letter-spacing: 0.2em;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .notification__small-heading {
        margin-bottom: 0.75rem;
    }
}

@media screen and (min-width: 47.5em) {
    .notification__small-heading {
        text-align: left;
    }
}

.notification__status {
    margin: 0;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 1;
    font-weight: 100;
    letter-spacing: 0.1em;
}

    .notification__status span {
        font-weight: 500;
    }

    .notification__status.error {
        color: #FF0000;
    }

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .notification__status {
        font-size: 2.25rem;
    }
}

@media screen and (min-width: 63.75em) {
    .notification__status {
        font-size: 3.75rem;
    }
}

.notification__message {
    margin: 0;
    color: #FAFAFA;
    font-size: 0.6875rem;
    line-height: 1.0625rem;
    font-weight: 300;
    letter-spacing: 0.1em;
}

    .notification__message span {
        font-weight: 500;
    }

.notification__dobformat {
    display: none;
    float: left;
    margin: 12px 0 0 5px;
    color: #FF0000;
    font-size: 0.6875rem;
    line-height: 1.0625rem;
    font-weight: 300;
    letter-spacing: 0.1em;
}

    .notification__dobformat span {
        font-weight: 500;
    }

.notification__form {
    text-align: center;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .notification__form {
        width: 12.5rem;
        margin: 0 auto;
    }
}

.notification__form .custom-select {
    text-transform: none;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .notification__form .custom-select {
        width: 12.5rem;
        margin-top: 0.625rem;
        margin: 0 auto;
    }
}

.notification .form__group {
    margin-bottom: 0.625rem;
    width: 12.5rem;
}

    .notification .form__group label {
        text-align: left;
    }

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .notification .form__group input[type="text"] {
        width: 12.5rem;
    }
}

@media screen and (min-width: 47.5em) {
    .notification .form__group {
        float: left;
        margin-right: 1.25rem;
        margin-bottom: 1.25rem;
    }
}

.notification .form__group.floating-input input[type="text"] {
    background-color: #F1F1F1;
}

.notification .button-primary {
    margin-top: 0.625rem;
    width: 12.5rem;
    min-height: 2.75rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    font-size: 0.6875rem;
}

@media screen and (min-width: 47.5em) {
    .notification .button-primary {
        float: left;
        font-size: 0.875rem;
        margin-top: 0;
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

.favorite__overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    top: 0;
    z-index: 1200;
}

    .favorite__overlay .cta-labeled-close {
        padding: 15px 20px 20px 20px;
        position: absolute;
        right: 0;
    }

    .favorite__overlay .fav__oops {
        display: block;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 1.0625rem;
        line-height: 22px;
        letter-spacing: .125em;
        margin: 60px 20px;
    }

        .favorite__overlay .fav__oops a {
            color: #000000;
        }

    .favorite__overlay .favorite__message {
        width: 500px;
        height: 250px;
        top: 330px;
        left: 50%;
        text-align: center;
        margin-left: -250px;
        padding: 1.4em 2em;
        position: absolute;
        background-color: #FFFFFF;
    }

.commerce-connector .favorite__message {
    width: 500px !important;
    height: 600px !important;
    overflow-y: scroll;
}

@media screen and (max-width: 47.5em) {
    .favorite__overlay .favorite__message {
        top: 51% !important;
        width: 97% !important;
        max-width: 495px !important;
        margin: 60px auto;
        position: relative;
        left: 0;
        height: 600px !important;
        overflow-y: scroll;
    }

    .cc ul {
        margin: -20px -20px !important;
    }
}

.favorite__overlay .cta-labeled-close:before {
    font-size: 25px;
}

.favorite__overlay .cta-labeled-close:after {
    margin: -13px 0 0 1px;
}

.favorite__overlay .cta-labeled-close:hover {
    color: #FC2561;
}

.mnyoverlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    top: 0;
    z-index: 1200;
}

.mnyoverlay-vto {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    top: 0;
    z-index: 1200;
}


.heading {
    text-transform: uppercase;
}

    .heading b,
    .heading strong,
    .heading span {
        font-weight: 500;
    }

.heading-sliced {
    position: relative;
    background-color: #FFFFFF;
    padding: 0.625rem 0.625rem;
    line-height: 1;
    font-size: 1.5rem;
    font-family: "Helvetica Neue LT W01_75 Bold";
    letter-spacing: -0.5px;
    text-align: left;
    margin: 2.25rem 0 3.5rem;
}

.heading.heading-sliced span.heading-outline, .large-feature__title span.heading-outline, .large-feature__title span, .product-kit .heading.heading-sliced span, .product-kit .heading.heading-sliced span.heading-outline {
    color: white;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .heading-sliced {
        font-size: 3.5rem;
        line-height: 3.125rem;
        letter-spacing: -1px;
        margin: 2.875rem 0 6.125rem;
    }
}

@media screen and (min-width: 63.75em) {
    .heading-sliced {
        font-size: 4.625rem;
        letter-spacing: -1px;
        margin: 4.375rem 0 6.125rem;
    }
}

/* hidding heading slice font/color/update
.heading-sliced:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
  font-size: 8.5rem; }
    */
@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .heading-sliced:before {
        font-size: 10rem;
    }
}

@media screen and (min-width: 63.75em) {
    .heading-sliced:before {
        font-size: 15.375rem;
    }
}

.heading-eyebrow {
    display: none; /* With module optimizations updates, client doesn't want this anymore across all modules */
    position: relative;
    padding-left: 30px;
    color: #FC2561;
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

    .heading-eyebrow:before {
        display: none; /* With module optimizations updates, client doesn't want this anymore across all modules */
        content: '';
        width: 20px;
        height: 2px;
        background: #FC2561;
        line-height: 14px;
        display: block;
        position: absolute;
        top: 46%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow {
    cursor: pointer;
}

    .slick-arrow.slick-hidden {
        display: none;
    }

    .slick-arrow.slick-disabled {
        opacity: 0.2;
        cursor: default;
    }

.slick__carousel__prev, .slick__carousel__next {
    position: absolute;
    top: 5.75rem;
    z-index: 1;
    font-size: 2.25rem;
    opacity: 0.6;
    transition: opacity .25s ease;
}

    .slick__carousel__prev.slick-disabled, .slick__carousel__next.slick-disabled {
        opacity: 0.2;
    }

.slick__carousel__prev {
    left: 0;
}

.slick__carousel__next {
    right: 0;
}

.slick__carousel__dots {
    margin: 0.625rem 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

@media screen and (min-width: 47.5em) {
    .slick__carousel__dots {
        margin-top: 1.25rem;
    }
}

.slick__carousel__dots li {
    display: inline-block;
    width: 0.6875rem;
    height: 0.6875rem;
    margin: 0 0.3125rem;
    border: 0.0625rem solid #000;
    border-radius: 50%;
    text-indent: -9999px;
    vertical-align: middle;
    transition: background .1s ease;
    background: #fff;
}

    .slick__carousel__dots li.slick-active {
        background: #000;
    }

::-ms-clear {
    display: none;
}

input, textarea {
    font-family: "Helvetica Neue LT W05_55 Roman";
}

    input:focus, textarea:focus {
        outline: 0;
    }

.form .form__group input[type="text"],
.form .form__group input[type="password"] {
    height: 2.5rem;
    font-weight: 300;
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 0.4375rem 0.3125rem 0.3125rem 0.9375rem;
    border: none;
    border-radius: 0;
    letter-spacing: 0.14em;
}

.form .form__group input[type="checkbox"] + label {
    color: #000000;
    font-size: 0.75rem;
    line-height: 0.625rem;
    text-transform: uppercase;
    font-weight: 500;
}

.form .form_error {
    font-size: 0.75rem;
    color: #FF0000;
    font-weight: 500;
    margin: 0 0 5px 0;
    max-width: 420px;
    display: none;
}

.form .form_message-confirmation {
    font-size: 0.75rem;
    color: #FFFFFF;
    font-weight: 500;
    margin: 0 0 5px 0;
    max-width: 420px;
    display: none;
}

.form .form__checkbox input[type="checkbox"] {
    display: none;
    height: 0;
    visibility: hidden;
}

    .form .form__checkbox input[type="checkbox"]:checked + label:before {
        background: #FC2561;
        border: 1px solid #FC2561;
    }

    .form .form__checkbox input[type="checkbox"]:checked + label:after {
        display: block;
    }

.form .form__checkbox label {
    position: absolute;
}

    .form .form__checkbox label:hover {
        cursor: pointer;
    }

    .form .form__checkbox label:before {
        content: '';
        height: 15px;
        width: 15px;
        display: inline-block;
        margin-right: 8px;
        background: transparent;
        border: 1px solid rgba(153, 153, 153, 0.5);
        cursor: pointer;
        vertical-align: middle;
    }

    .form .form__checkbox label:after {
        content: "";
        position: absolute;
        left: 4px;
        top: 2px;
        color: #000000;
        font-size: 0.5rem;
        font-weight: 800;
        display: none;
    }

.form .floating-input {
    text-align: left;
    color: #000;
    position: relative;
    height: 55px;
}

    .form .floating-input.hide-submit button.to-hide {
        display: none;
        overflow: hidden;
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .form .floating-input input[type="text"], .form .floating-input input[type="password"] {
        font-weight: 300;
        width: 100%;
        height: 100%;
        border: none;
        border-radius: 0;
        z-index: 1;
        padding: 5px 5px 5px 15px;
        font-size: 0.75rem;
        background-color: #FFFFFF;
        letter-spacing: 0;
        line-height: 1rem;
        position: relative;
    }

    .form .floating-input .label-container {
        font-weight: 300;
        font-size: 0.5625rem;
        opacity: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        transition: -webkit-transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
        display: none;
        letter-spacing: 0.09rem;
        position: absolute;
        top: 3px;
        padding: 0 15px;
        z-index: 2;
        visibility: hidden;
        line-height: 13px;
    }

/*newsletter*/
#newsletter_form > .newsletter__form-email > input::-webkit-input-placeholder {
    color: #000;
}

#newsletter_form > .newsletter__form-email > input:-ms-input-placeholder {
    color: #000;
}

#newsletter_form > .newsletter__form-email > input::placeholder {
    color: #000;
}

.newsletter__form .newsletter__form-button {
    background-color: #FFF;
    color: #000;
}

    .newsletter__form .newsletter__form-button:hover {
        background-color: #FFF;
        color: #000;
    }

@media screen and (min-width: 80em) {
    .form .floating-input .label-container {
        letter-spacing: 0.12rem;
    }
}

.form .floating-input label.form__placeholder {
    margin-right: 5px;
}

.form .floating-input label.error {
    z-index: 3;
    color: #FF0000;
}

.form .floating-input__arrow {
    display: none;
    color: #999999;
    z-index: 9;
    position: absolute;
    right: 8px;
    top: 54%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.375rem;
}

.no-touch .form .floating-input__arrow:hover {
    cursor: pointer;
    color: #FC2561;
}

.form .floating-input.active input, .form .floating-input.validated input {
    outline: 0;
    padding-top: 15px;
    line-height: 1;
    height: 44px;
}

    .form .floating-input.active input:focus, .form .floating-input.validated input:focus {
        line-height: 1;
    }

.form .floating-input.active .label-container, .form .floating-input.validated .label-container {
    display: inline-block;
    opacity: 1;
    visibility: visible;
}

.form .floating-input.validated .form__placeholder {
    display: none;
}

.form .floating-textarea {
    text-align: left;
    color: #999999;
    position: relative;
}

    .form .floating-textarea textarea {
        resize: none;
        width: 100%;
        height: 260px;
        border: none;
        padding: 15px;
        font-weight: 300;
        font-size: 0.6875rem;
        line-height: 1rem;
        letter-spacing: 0.14em;
    }

    .form .floating-textarea .label-container {
        font-weight: 300;
        font-size: 0.5625rem;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        transition: -webkit-transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
        display: none;
        letter-spacing: 0.12rem;
        padding: 10px 15px 2px;
        opacity: 0;
        visibility: hidden;
        line-height: 13px;
    }

    .form .floating-textarea label.form__placeholder {
        margin-right: 5px;
    }

    .form .floating-textarea label.error {
        z-index: 3;
        color: #FF0000;
    }

    .form .floating-textarea.active textarea, .form .floating-textarea.validated textarea {
        padding-top: 0;
        height: 235px;
    }

    .form .floating-textarea.active .label-container, .form .floating-textarea.validated .label-container {
        display: block;
        opacity: 1;
        visibility: visible;
    }

    .form .floating-textarea.validated .form__placeholder {
        display: none;
    }

.form .floating-select {
    text-align: left;
    color: #999999;
    position: relative;
}

    .form .floating-select .label-container {
        font-weight: 300;
        font-size: 0.5625rem;
        opacity: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        transition: -webkit-transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
        display: none;
        letter-spacing: 0.12rem;
        position: absolute;
        top: 5px;
        padding: 0 15px;
        z-index: 2;
        visibility: hidden;
        line-height: 13px;
    }

    .form .floating-select label.form__placeholder {
        margin-right: 5px;
    }

    .form .floating-select label.error {
        z-index: 3;
        color: #FF0000;
    }

    .form .floating-select.active .chosen-container .chosen-single span, .form .floating-select.validated .chosen-container .chosen-single span {
        margin-top: 6px;
    }

    .form .floating-select.active .label-container, .form .floating-select.validated .label-container {
        display: inline-block;
        opacity: 1;
        visibility: visible;
        z-index: 5;
    }

    .form .floating-select.validated .form__placeholder {
        display: none;
    }

.form .floating-input .locate-form input {
    height: 44px;
}

    .form .floating-input .locate-form input:focus {
        outline: 0;
    }

.form .floating-input .locate-me {
    width: 110px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

    .form .floating-input .locate-me > a {
        display: block;
        text-align: center;
        line-height: 44px;
        text-decoration: none;
        position: relative;
        background: #FFFFFF;
        margin: 0;
        height: 44px;
        line-height: 36px;
        width: 100%;
        font-weight: 500;
        color: #999999;
        font-size: 0.5625rem;
        border: none;
        text-transform: uppercase;
        font-family: "Neue Helvetica W01";
    }

        .form .floating-input .locate-me > a > span.text {
            position: relative;
            font-weight: 500;
            letter-spacing: 0.075rem;
        }

        .form .floating-input .locate-me > a > span.icon, .form .floating-input .locate-me > a > span.get-the-look__video__image, .form .floating-input .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .locate-me > a > span.color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .form .floating-input .locate-me > a > span.color-picker__swatch:before, .form .floating-input .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .locate-me > a > span.product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .form .floating-input .locate-me > a > span.product-info__shade-swatch:before, .form .floating-input .module-stateful.product-info .locate-me > a > span.product-info__color-overlay--with-video:before, .module-stateful.product-info .form .floating-input .locate-me > a > span.product-info__color-overlay--with-video:before, .form .floating-input .cheatsheet .locate-me > a > span.cheatsheet__dash, .cheatsheet .form .floating-input .locate-me > a > span.cheatsheet__dash, .form .floating-input .locate-me > a > span.video-kit__hero-image, .form .floating-input .locate-me > a > span.video-kit__card-image, .form .floating-input .locate-me > a > span.video-promoted__image {
            font-size: 0.875rem;
            position: relative;
            top: 3px;
            margin-left: 5px;
            color: #ccc;
        }

        .form .floating-input .locate-me > a:before {
            content: '';
            height: 20px;
            border-left: 1px solid rgba(153, 153, 153, 0.6);
            position: absolute;
            left: 0;
            top: 12px;
        }

.no-touch .form .floating-input .locate-me > a:hover {
    text-decoration: none;
    cursor: pointer;
    color: #FC2561;
    background: #FFFFFF;
}

    .no-touch .form .floating-input .locate-me > a:hover span.icon, .no-touch .form .floating-input .locate-me > a:hover span.get-the-look__video__image, .no-touch .form .floating-input .locate-me > a:hover .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches span.color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .no-touch .form .floating-input .locate-me > a:hover span.color-picker__swatch:before, .no-touch .form .floating-input .locate-me > a:hover .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade span.product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .no-touch .form .floating-input .locate-me > a:hover span.product-info__shade-swatch:before, .no-touch .form .floating-input .locate-me > a:hover .module-stateful.product-info span.product-info__color-overlay--with-video:before, .module-stateful.product-info .no-touch .form .floating-input .locate-me > a:hover span.product-info__color-overlay--with-video:before, .no-touch .form .floating-input .locate-me > a:hover .cheatsheet span.cheatsheet__dash, .cheatsheet .no-touch .form .floating-input .locate-me > a:hover span.cheatsheet__dash, .no-touch .form .floating-input .locate-me > a:hover span.video-kit__hero-image, .no-touch .form .floating-input .locate-me > a:hover span.video-kit__card-image, .no-touch .form .floating-input .locate-me > a:hover span.video-promoted__image {
        color: #FC2561;
    }

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.4.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2015 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0.6875rem;
    zoom: 1;
    *display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .chosen-container * {
        box-sizing: border-box;
    }

    .chosen-container .chosen-drop {
        position: absolute;
        top: 100%;
        left: -9999px;
        z-index: 1010;
        width: 100%;
        border: 1px solid #aaa;
        border-top: 0;
        background: #fff;
        box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    }

    .chosen-container.chosen-with-drop .chosen-drop {
        left: 0;
    }

    .chosen-container a {
        cursor: pointer;
    }

    .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
        margin-right: 4px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-weight: normal;
        color: #999999;
    }

        .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
            content: ":";
            padding-left: 2px;
            vertical-align: top;
        }

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 25px;
    font-size: 0.6875rem;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
}

.chosen-container-single .chosen-default {
    color: #999;
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.125rem;
    font-family: "Neue Helvetica W01_79 C1289709";
    font-weight: 500;
    text-transform: uppercase;
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    font-size: 1px;
}

    .chosen-container-single .chosen-single abbr:hover {
        background-position: -42px -10px;
    }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}

    .chosen-container-single .chosen-single div b {
        display: block;
        width: 100%;
        height: 100%;
    }

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}

    .chosen-container-single .chosen-search input[type="text"] {
        margin: 1px 0;
        padding: 4px 20px 4px 5px;
        width: 100%;
        height: auto;
        outline: 0;
        border: 1px solid #aaa;
        font-size: 1em;
        font-family: sans-serif;
        line-height: normal;
        border-radius: 0;
    }

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 140px !important;
    line-height: 1.3rem !important;
    -webkit-overflow-scrolling: touch;
    letter-spacing: 0.1em;
}

    .chosen-container .chosen-results li {
        display: none;
        margin: 0;
        padding: 5px 6px;
        list-style: none;
        line-height: 15px;
        word-wrap: break-word;
        -webkit-touch-callout: none;
        letter-spacing: 0.1em;
    }

.disabled-result {
    padding: 10px 15px !important;
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
	text-transform: uppercase;
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
}

.chosen-container .chosen-results li.no-results {
    color: #777;
    display: list-item;
    background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    cursor: default;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto !important;
    height: 1%;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
    cursor: text;
}

    .chosen-container-multi .chosen-choices li {
        float: left;
        list-style: none;
    }

        .chosen-container-multi .chosen-choices li.search-field {
            margin: 0;
            padding: 0;
            white-space: nowrap;
        }

            .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
                margin: 1px 0;
                padding: 0;
                height: 25px;
                outline: 0;
                border: 0 !important;
                background: transparent !important;
                box-shadow: none;
                color: #999;
                font-size: 100%;
                font-family: sans-serif;
                line-height: normal;
                border-radius: 0;
            }

        .chosen-container-multi .chosen-choices li.search-choice {
            position: relative;
            margin: 3px 5px 3px 0;
            padding: 3px 20px 3px 5px;
            border: 1px solid #aaa;
            max-width: 100%;
            border-radius: 3px;
            background-color: #eeeeee;
            background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
            background-size: 100% 19px;
            background-repeat: repeat-x;
            background-clip: padding-box;
            box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            color: #333;
            line-height: 13px;
            cursor: default;
        }

            .chosen-container-multi .chosen-choices li.search-choice span {
                word-wrap: break-word;
            }

            .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
                position: absolute;
                top: 4px;
                right: 3px;
                display: block;
                width: 12px;
                height: 12px;
                font-size: 1px;
            }

                .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
                    background-position: -42px -10px;
                }

        .chosen-container-multi .chosen-choices li.search-choice-disabled {
            padding-right: 5px;
            border: 1px solid #ccc;
            background-color: #e4e4e4;
            background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
            color: #666;
        }

        .chosen-container-multi .chosen-choices li.search-choice-focus {
            background: #d4d4d4;
        }

            .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
                background-position: -42px -10px;
            }

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
    box-shadow: 0 1px 0 #fff inset;
}

    .chosen-container-active.chosen-with-drop .chosen-single div {
        border-left: none;
        background: transparent;
    }

        .chosen-container-active.chosen-with-drop .chosen-single div b {
            background-position: -18px 2px;
        }

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

    .chosen-container-active .chosen-choices li.search-field input[type="text"] {
        color: #222 !important;
    }

/* @end */
/* @group Disabled Support */
.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default;
}

    .chosen-disabled .chosen-single {
        cursor: default;
    }

    .chosen-disabled .chosen-choices .search-choice .search-choice-close {
        cursor: default;
    }

/* @end */
/* @group Right to Left */
.chosen-rtl {
    text-align: right;
}

    .chosen-rtl .chosen-single {
        overflow: visible;
        padding: 0 8px 0 0;
    }

        .chosen-rtl .chosen-single span {
            margin-right: 0;
            margin-left: 26px;
            direction: rtl;
        }

    .chosen-rtl .chosen-single-with-deselect span {
        margin-left: 38px;
    }

    .chosen-rtl .chosen-single div {
        right: auto;
        left: 3px;
    }

    .chosen-rtl .chosen-single abbr {
        right: auto;
        left: 26px;
    }

    .chosen-rtl .chosen-choices li {
        float: right;
    }

        .chosen-rtl .chosen-choices li.search-field input[type="text"] {
            direction: rtl;
        }

        .chosen-rtl .chosen-choices li.search-choice {
            margin: 3px 5px 3px 0;
            padding: 3px 5px 3px 19px;
        }

            .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
                right: auto;
                left: 4px;
            }

    .chosen-rtl.chosen-container-single-nosearch .chosen-search,
    .chosen-rtl .chosen-drop {
        left: 9999px;
    }

    .chosen-rtl.chosen-container-single .chosen-results {
        margin: 0 0 4px 4px;
        padding: 0 4px 0 0;
    }

    .chosen-rtl .chosen-results li.group-option {
        padding-right: 15px;
        padding-left: 0;
    }

    .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
        border-right: none;
    }

    .chosen-rtl .chosen-search input[type="text"] {
        padding: 4px 5px 4px 20px;
        direction: rtl;
    }

    .chosen-rtl.chosen-container-single .chosen-single div b {
        background-position: 6px 2px;
    }

    .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
        background-position: -12px 2px;
    }

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
    .chosen-rtl .chosen-search input[type="text"],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container-single .chosen-search input[type="text"],
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span {
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important;
    }
}

/* @end */
.custom-select {
    font-family: "Neue Helvetica W01";
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #F1F1F1;
    width: 220px;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    margin-top: 15px;
    color: #999999;
    position: relative;
    z-index: 2;
    cursor: pointer;
    border-radius: 0;
    font-weight: 300;
    font-size: 0.75rem;
    border: none;
    background: url(../img/header/select-arrow.svg) no-repeat #F1F1F1;
    background-position: right 10px top 50%;
    letter-spacing: 0.05rem;
    display: inherit;
}

.no-touch .custom-select:hover {
    color: #1A1A1A;
}

@media screen and (min-width: 63.75em) {
    .custom-select {
        display: none;
    }
}

.custom-select::-ms-expand {
    display: none;
}

.chosen-container {
    text-align: left;
    width: 100%;
}

.no-touch .chosen-container:hover a.chosen-single {
    color: #1A1A1A;
}

.chosen-container .chosen-drop {
    border: none;
    background: #F1F1F1;
    border-top: 1px solid rgba(153, 153, 153, 0.5);
    border-radius: 0;
    box-shadow: none;
}

.chosen-container .chosen-results {
    font-size: 0.75rem;
    line-height: 1.5rem;
    font-weight: 300;
    color: #999999;
    padding: 0;
    max-height: 170px;
    margin: 0;
    padding-bottom: 20px;
    letter-spacing: 0.1em;
}

    .chosen-container .chosen-results li.group-result, .chosen-container .chosen-results li.active-result {
        color: #666;
        font-size: 0.75rem;
        font-family: "Neue Helvetica W01_79 C1289709";
        line-height: 1.5rem;
        font-weight: 500;
        padding-left: 20px;
        padding-top: 10px;
        padding-bottom: 0px;
    }
    
    .chosen-container .chosen-results li.active-result.optgroup-1 {
        font-size: 1.125rem;
    }

    .chosen-container .chosen-results li.group-option {
        padding-left: 40px;
    }

    .chosen-container .chosen-results li.highlighted {
        background: none;
        color: #FC2561;
    }

.chosen-container a.chosen-single {
    background-image: none;
    box-shadow: none;
    font-family: "Neue Helvetica W01_79 C1289709";
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #F1F1F1;
    width: 100%;
    height: 44px;
    line-height: 44px;
    padding-left: 15px;
    color: #999999;
    position: relative;
    z-index: 2;
    cursor: pointer;
    border-radius: 0;
    font-weight: 300;
    font-size: 0.75rem;
    border: none;
    letter-spacing: 0.14em;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background-image: none;
    box-shadow: none;
    border: none;
}

/** Start SignIn & Register page FB connect CSS Changes **/
.signin-left-container .chosen-container a.chosen-single, .register-left-container .chosen-container a.chosen-single, .signin-right-container .chosen-container a.chosen-single {
    background: transparent;
    width: 35%;
    margin-bottom: 20px;
    border: 1px solid #999999;
}


.header-signin__left .socialText, .header-register__left .socialText {
    margin: 0px !important;
}

.header-signin__left div.container, .header-register__left div.container {
    padding: 15px 30px 0px 30px !important;
}

.signin-left-container .chosen-container .chosen-results li.disabled-result, .register-left-container .chosen-container .chosen-results li.disabled-result {
    background: #fff;
}

.signin-left-container .dob-selection-msg, .register-left-container .dob-selection-msg {
    clear: both;
    margin-bottom: 8px;
    padding-top: 5px;
    color: #999999;
}

.signin-left-container .fb-age-warning, .register-left-container .fb-age-warning {
    color: red !important;
    display: none;
    clear: both;
    padding-top: 10px;
    margin-bottom: 15px;
}

.signin-left-container .month-list .chosen-container a.chosen-single, .register-left-container .reg-month-list .chosen-container a.chosen-single {
    width: 40%;
}

.signin-left-container .drop-select.drop-select--lang, .register-left-container .drop-select.drop-select--lang {
    margin-right: 10px;
}

.signin-left-container .drop-select, .signin-right-container .drop-select {
    width: 85px;
    float: left;
}

.signin-left-container .day-list {
    width: 75px;
}

    .signin-left-container .day-list .chosen-container .chosen-drop, .register-left-container .rday-list .chosen-container .chosen-drop {
        width: 35%;
    }

.signin-left-container .month-list .chosen-container .chosen-drop, .register-left-container .rmonth-list .chosen-container .chosen-drop {
    width: 35%;
}

.signin-left-container .year-list .chosen-container .chosen-drop, .register-left-container .ryear-list .chosen-container .chosen-drop {
    width: 35%;
}

.signin-left-container .month-list .chosen-container .chosen-drop {
    width: 40%;
}

.signin-left-container .year-list, .register-left-container .ryear-list {
    width: 25%;
}

.signin-left-container .chosen-container a.chosen-single, .register-left-container .chosen-container a.chosen-single {
    margin-bottom: 7px;
}

.signin-left-container .chosen-container:hover a.chosen-single, .register-left-container .chosen-container:hover a.chosen-single {
    color: #c2bcbc !important;
}

.signin-left-container .chosen-container a.chosen-single, .register-left-container .chosen-container a.chosen-single {
    height: 30px;
    line-height: 30px;
}

.signin-left-container .legal-text, .register-left-container .legal-text {
    max-height: 80px;
    min-height: 0px;
    overflow: auto;
    margin-bottom: 18px;
    padding-right: 5px;
    font-size: 10px;
    color: #999999;
    margin-top: 10px;
}

.signin-left-container .header-signin__left .socialText, .register-left-container .header-register__left .socialText {
    font-size: 14px;
}

.header .signin-left-container .chosen-container a.chosen-single div:after, .header .register-left-container .chosen-container a.chosen-single div:after {
    top: 10px !important;
}

.signin-left-container .facebook-connect, .register-left-container .facebook-connect {
    height: 30px;
    line-height: 30px;
    width: 150px;
    margin-top: 15px;
}

.signin-left-container .year-list .chosen-container, .register-left-container .ryear-list .chosen-container {
    width: 260px !important;
}

.header-register__left div.container {
    margin-top: 10px;
}

.register-left-container .header .chosen-container {
    margin-bottom: 10px;
}

.header-register__right .form .register-checkboxes .form__group.legal-text {
    max-height: 150px;
    min-height: 0px;
    overflow: auto;
    margin-bottom: 10px;
    padding-right: 5px;
    font-size: 11px;
    color: #999999;
}

.register-left-container .legal-text {
    max-height: 91px;
    min-height: 0px;
    overflow: auto;
    margin-bottom: 15px;
    padding-right: 5px;
    margin-top: 10px;
    font-size: 10px;
    color: #999999;
}

.header-register__left div.container {
    margin-top: 10px;
}

.register-left-container .drop-select.drop-select--lang {
    margin-right: 5px;
}


@media screen and (max-width: 47.4375em) and (min-width: 0) {
    .signin-left-container .dob-selection-msg, .register-left-container .dob-selection-msg {
        font-size: 10px;
    }

    .signin-left-container .drop-select {
        display: block;
        margin: 10px 10px 10px 0px;
    }
}



/** End SignIn & Register page FB connect CSS changes **/

.tt-query,
.tt-hint {
    width: 396px;
    height: 30px;
    padding: 8px 12px;
    font-size: 16px;
    line-height: 30px;
    border: 2px solid #ccc;
    border-radius: 8px;
    outline: none;
    font-weight: 300;
}

.tt-query {
    /* UPDATE: newer versions use tt-input instead of tt-query */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999;
}

.tt-menu {
    /* UPDATE: newer versions use tt-menu instead of tt-dropdown-menu */
    width: 100%;
    padding: 8px 0;
    background-color: rgba(250, 250, 250, 0.95);
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.tt-suggestion {
    text-align: left;
    cursor: pointer;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    font-weight: 300;
}

    .tt-suggestion:hover, .tt-suggestion.tt-cursor {
        color: #FC2561;
    }

.tt-highlight {
    color: #000000;
    font-weight: 300;
    border-bottom: 0.0625rem solid #000000;
}

.tt-cursor .tt-highlight {
    color: #FC2561;
    border-bottom: 0.0625rem solid #FC2561;
}

.tt-suggestion.tt-is-under-cursor {
    /* UPDATE: newer versions use .tt-suggestion.tt-cursor */
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion p {
    margin: 0;
}

.mny-loader {
    height: 60px;
    height: 60px;
    margin-bottom: 200px;
}

.product-info .mny-loader {
    margin-bottom: 20px;
    height: 40px;
}

.shoppable-modal .mny-loader {
    margin-bottom: 20px;
    width: 100%;
    margin-top: 20px;
    height: 40px;
}

.mny-loader > svg {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    display: block;
}

.product-info .mny-loader > svg {
    width: 40px;
    height: 40px;
}

.shoppable-modal .mny-loader > svg {
    width: 40px;
    height: 40px;
}

.mny-loader__path {
    opacity: 0;
}

.mny-loader.active .mny-loader__path {
    opacity: 1;
    -webkit-animation: loader-path 1.75s linear infinite;
    animation: loader-path 1.75s linear infinite;
}

.mny-loader.active .mny-loader__path--fill {
    opacity: 0;
    -webkit-animation: loader-fill 1.75s linear infinite;
    animation: loader-fill 1.75s linear infinite;
}

@-webkit-keyframes loader-path {
    45% {
        stroke-dashoffset: 0;
        opacity: 1;
    }

    66% {
        stroke-dashoffset: 0;
        opacity: 1;
    }

    100% {
        stroke-dashoffset: 0;
        opacity: 0;
    }
}

@keyframes loader-path {
    45% {
        stroke-dashoffset: 0;
        opacity: 1;
    }

    66% {
        stroke-dashoffset: 0;
        opacity: 1;
    }

    100% {
        stroke-dashoffset: 0;
        opacity: 0;
    }
}

@-webkit-keyframes loader-fill {
    50% {
        opacity: 0;
    }

    66% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes loader-fill {
    50% {
        opacity: 0;
    }

    66% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.module-placeholder {
    background: #F5F5F5;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .module-placeholder {
        width: 320px;
    }
}

.module-placeholder h2 {
    text-align: center;
    position: relative;
    letter-spacing: 0.15rem;
    font-weight: 300;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.module-placeholder.small-feed {
    height: 110px;
}

.module-placeholder.featured-product-collage, .module-placeholder.promo, .module-placeholder.product-recommender {
    height: 690px;
}

@media screen and (min-width: 47.5em) {
    .module-placeholder.featured-product-collage, .module-placeholder.promo, .module-placeholder.product-recommender {
        height: 800px;
    }
}

@media screen and (min-width: 63.75em) {
    .module-placeholder.featured-product-collage, .module-placeholder.promo, .module-placeholder.product-recommender {
        height: 840px;
    }
}

@media screen and (min-width: 80em) {
    .module-placeholder.featured-product-collage, .module-placeholder.promo, .module-placeholder.product-recommender {
        height: 860px;
    }
}

.module-placeholder.masthead {
    height: 260px;
}

@media screen and (min-width: 47.5em) {
    .module-placeholder.masthead {
        height: 340px;
    }
}

@media screen and (min-width: 63.75em) {
    .module-placeholder.masthead {
        height: 420px;
    }
}

@media screen and (min-width: 80em) {
    .module-placeholder.masthead {
        height: 430px;
    }
}

.module-placeholder.large-feature {
    height: 500px;
}

@media screen and (min-width: 47.5em) {
    .module-placeholder.large-feature {
        height: 650px;
    }
}

@media screen and (min-width: 63.75em) {
    .module-placeholder.large-feature {
        height: 800px;
    }
}

@media screen and (min-width: 80em) {
    .module-placeholder.large-feature {
        height: 870px;
    }
}

.module-placeholder.video-kit {
    height: 880px;
}

@media screen and (min-width: 47.5em) {
    .module-placeholder.video-kit {
        height: 770px;
    }
}

@media screen and (min-width: 63.75em) {
    .module-placeholder.video-kit {
        height: 800px;
    }
}

@media screen and (min-width: 80em) {
    .module-placeholder.video-kit {
        height: 850px;
    }
}

.module-placeholder.voting {
    height: 400px;
}

@media screen and (min-width: 47.5em) {
    .module-placeholder.voting {
        height: 715px;
    }
}

@media screen and (min-width: 63.75em) {
    .module-placeholder.voting {
        height: 920px;
    }
}

@media screen and (min-width: 80em) {
    .module-placeholder.voting {
        height: 950px;
    }
}

.module-placeholder.ratings-and-reviews {
    height: 330px;
}

@media screen and (min-width: 47.5em) {
    .module-placeholder.ratings-and-reviews {
        height: 350px;
    }
}

@media screen and (min-width: 63.75em) {
    .module-placeholder.ratings-and-reviews {
        height: 360px;
    }
}

@media screen and (min-width: 80em) {
    .module-placeholder.ratings-and-reviews {
        height: 360px;
    }
}

.module-placeholder.ratings-and-reviews .ratings-and-reviews__status {
    display: none;
}

.module-placeholder.video-promoted {
    height: 430px;
}

@media screen and (min-width: 47.5em) {
    .module-placeholder.video-promoted {
        height: 550px;
    }
}

@media screen and (min-width: 63.75em) {
    .module-placeholder.video-promoted {
        height: 660px;
    }
}

@media screen and (min-width: 80em) {
    .module-placeholder.video-promoted {
        height: 720px;
    }
}

.module-placeholder.product-content-grid {
    height: 1700px;
}

@media screen and (min-width: 47.5em) {
    .module-placeholder.product-content-grid {
        height: 1400px;
    }
}

@media screen and (min-width: 63.75em) {
    .module-placeholder.product-content-grid {
        height: 1250px;
    }
}

@media screen and (min-width: 80em) {
    .module-placeholder.product-content-grid {
        height: 1250px;
    }
}

.module-placeholder.promo {
    height: 1700px;
}

@media screen and (min-width: 47.5em) {
    .module-placeholder.promo {
        height: 1080px;
    }
}

@media screen and (min-width: 63.75em) {
    .module-placeholder.promo {
        height: 650px;
    }
}

@media screen and (min-width: 80em) {
    .module-placeholder.promo {
        height: 800px;
    }
}

.module-placeholder.third-party-gallery {
    height: 630px;
}

@media screen and (min-width: 47.5em) {
    .module-placeholder.third-party-gallery {
        height: 530px;
    }
}

@media screen and (min-width: 63.75em) {
    .module-placeholder.third-party-gallery {
        height: 700px;
    }
}

@media screen and (min-width: 80em) {
    .module-placeholder.third-party-gallery {
        height: 730px;
    }
}

.module-placeholder.newsletter {
    height: 420px;
}

@media screen and (min-width: 47.5em) {
    .module-placeholder.newsletter {
        height: 255px;
    }
}

@media screen and (min-width: 63.75em) {
    .module-placeholder.newsletter {
        height: 390px;
    }
}

@media screen and (min-width: 80em) {
    .module-placeholder.newsletter {
        height: 390px;
    }
}

.content-card {
    position: relative;
    display: block;
    text-align: center;
    min-width: 15rem;
    margin-bottom: 0.75rem;
}

.no-touch .content-card:hover {
    border-color: #CCCCCC;
}

    .no-touch .content-card:hover .icon, .no-touch .content-card:hover .get-the-look__video__image, .no-touch .content-card:hover .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .no-touch .content-card:hover .color-picker__swatch:before, .no-touch .content-card:hover .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .no-touch .content-card:hover .product-info__shade-swatch:before, .no-touch .content-card:hover .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .no-touch .content-card:hover .product-info__color-overlay--with-video:before, .no-touch .content-card:hover .cheatsheet .cheatsheet__dash, .cheatsheet .no-touch .content-card:hover .cheatsheet__dash, .no-touch .content-card:hover .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .no-touch .content-card:hover li, .no-touch .content-card:hover .video-kit__hero-image, .no-touch .content-card:hover .video-kit__card-image, .no-touch .content-card:hover .video-promoted__image {
        color: #f92a63;
    }

@media screen and (min-width: 47.5em) {
    .content-card {
        max-width: 50%;
        width: 50%;
    }
}

@media screen and (min-width: 63.75em) {
    .content-card {
        max-width: 24%;
        width: 25%;
        margin-bottom: 0;
    }
}

.content-card__name, .content-card__name h3 {
    margin: 1rem 0;
    text-align: left;
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 1.125rem;
    line-height: 1.125rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    overflow: hidden;
    height: 5rem;
    margin-block-start: 0em;
    margin-block-end: 0em;
    /* .product-card & {
            height: $font-size-product-name * $lines-product-name * $line-height-product-name;
            
        }
            @include when-wider-than(tablet) { 
            .product-card & {
            height: $font-size-product-name * $lines-product-name * $line-height-product-name;
            }

        } */
}

/*fix for WFMA-132388 - being specific to avoid affecting other templates*/
.product-content-grid__grid .product-content-grid__grid-item  .content-card .content-card__info .content-card__name,
.product-content-grid__grid .product-content-grid__grid-item  .content-card .content-card__info .content-card__name h3 {
    height: auto;
    min-height: 5rem;
}

.content-card__name h3 {
    word-break: break-word;
}

.content-card__info .content-card__name {
    clear: both;
}

.content-card__name a {
    text-decoration: none;
    color: inherit;
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 1.125rem;
    line-height: 1.125rem;
}

.no-touch .content-card__name a:hover {
    color: #FC2561;
}

.content-card__thumbnail {
    display: block;
    margin: 0 auto;
    max-width: 12.5rem;
    max-height: 15rem;
}

@media screen and (min-width: 47.5em) {
    .product-card .content-card__thumbnail {
        width: auto;
        height: auto;
    }

    .video-card .content-card__thumbnail {
        width: 12.5rem;
    }
}

.content-card__video-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2.375rem;
    height: 1.5rem;
    background-color: #f92a63;
}

    .content-card__video-icon .icon-video {
        color: #FFFFFF;
        font-size: 0.625rem;
        line-height: 1.5rem;
    }

        .content-card__video-icon .icon-video:before {
            color: #FFFFFF;
        }

.content-card__shelf {
    position: relative;
    display: block;
    text-decoration: none;
}

.content-card__details {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.95);
    transition: opacity .2s ease-in-out;
    font-weight: 300;
    color: #000;
    opacity: 0;
    visibility: hidden;
}

.no-touch .predictive-search .content-card__details {
    background-color: rgba(0, 0, 0, 0.95);
    color: #FFFFFF;
}

.no-touch .content-card__shelf:hover .content-card__details {
    opacity: 1;
    visibility: visible;
}

.content-card__shade-name {
    letter-spacing: 0.2em;
    float: left;
    position: relative;
    width: 100%;
    text-transform: uppercase;
    font-size: 0.875rem;
    line-height: 1.875rem;
    margin-bottom: 0.625rem;
}

    .content-card__shade-name:after {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        top: 100%;
        content: " ";
        width: 2.5rem;
        border-bottom: 0.0625rem solid #000;
    }

.content-card__product-description {
    float: left;
    clear: both;
    width: 100%;
    padding: 0 18%;
    font-size: 0.6875rem;
    line-height: 1.6;
    letter-spacing: 0;
    height: 2.5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
}

.content-card__info .content-card__product-description {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: inherit;
    padding: 0 0 20px 0;
    text-align: left;
}

.predictive-search .product-card .content-card__product-description {
    color: #666666;
}

.content-card__product-attachment {
    height: 100%;
}

.product-kit .content-card__product-attachment {
    background-color: #FFFFFF;
}

.content-card__product-attachment img {
    padding-top: 0.875rem;
    max-width: 80%;
    height: 60%;
    margin: 0 auto;
}

.content-card__product-quickshop-button {
    position: absolute;
    top: 65%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #FFFFFF;
    border: 2px solid #000000;
    padding: 8px 16px;
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/* WFMA 50119 - Global CSS Update */
.fit-me__container .content-card__product-quickshop-button {
    display: none;
}

.content-card__info {
    padding: 1.625rem 6%;
}

.content-card--with-shelf .content-card__info {
    padding: 1.75rem 0;
}

    .content-card--with-shelf .content-card__info .review-stars-outer {
        text-align: left;
    }

.content-card.product-card .content-card__info {
    text-align: left;
}

    .content-card.product-card .content-card__info .star-ratings-sprite {
        margin: 0;
    }

    .content-card.product-card .content-card__info .ratings__count {
        text-align: left;
        float: left;
        margin-bottom: 20px;
    }

@media screen and (min-width: 47.5em) {

    .content-card--with-shelf .content-card__info {
        padding: 1.75rem 0;
        width: 170px;
        margin-left: auto;
        margin-right: auto;
    }
}


.content-card--with-shelf .content-card__info #__AjaxAntiForgeryForm {
    margin-top: 0;
}

.content-card__info-description {
    font-size: 0.6875rem;
    line-height: 0.9375rem;
    font-weight: 300;
    letter-spacing: 0.1em;
    margin-bottom: 1.5rem;
    /*height: 4.2rem;*/
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.predictive-search .content-card__info-description {
    color: #FFFFFF;
}

.content-card__shop-now,
.content-card__channel-advisor {
    clear: both;
}

.content-card .heading-eyebrow {
    display: none;
}

.show-eyebrow .content-card .heading-eyebrow {
    display: block;
    text-align: left;
    margin-bottom: 1rem;
}

.product-content-grid--preview .show-eyebrow .content-card .heading-eyebrow {
    margin-top: 0;
}

.content-card--with-shelf .content-card .cta-favorite {
    margin-top: 1.125rem;
    margin-bottom: 10px;
    float: left;
}

.content-card .ratings {
    display: block;
}

.half-background {
    position: relative;
    font-weight: 100;
    font-size: 2.375rem;
    text-transform: uppercase;
    line-height: 48px;
    -webkit-transform: translateY(-24px);
    -ms-transform: translateY(-24px);
    transform: translateY(-24px);
}

@media screen and (min-width: 47.5em) {
    .half-background {
        font-size: 92px;
        line-height: 138px;
        -webkit-transform: translateY(-69px);
        -ms-transform: translateY(-69px);
        transform: translateY(-69px);
    }
}

@media screen and (min-width: 80em) {
    .half-background {
        font-size: 100px;
        line-height: 150px;
        -webkit-transform: translateY(-75px);
        -ms-transform: translateY(-75px);
        transform: translateY(-75px);
    }
}

.ratings {
    margin: 0 0 1.25rem 0;
    position: relative;
    text-align: center;
    display: none;
    text-decoration: none;
    /*padding-left: 1.4375rem;*/
}

.ratings__stars {
    vertical-align: middle;
}

    .ratings__stars:before, .ratings__stars:after {
        font-family: "Maybelline-icons";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        vertical-align: middle;
    }

    .ratings__stars:before {
        content: "";
        color: #FC2561;
    }

    .ratings__stars:after {
        content: "";
        color: #CCCCCC;
    }

    .ratings__stars.one:before {
        content: "";
    }

    .ratings__stars.one:after {
        content: "";
    }

    .ratings__stars.two:before {
        content: "";
    }

    .ratings__stars.two:after {
        content: "";
    }

    .ratings__stars.three:before {
        content: "";
    }

    .ratings__stars.three:after {
        content: "";
    }

    .ratings__stars.four:before {
        content: "";
    }

    .ratings__stars.four:after {
        content: "";
    }

    .ratings__stars.five:before {
        content: "";
    }

    .ratings__stars.five:after {
        content: "";
    }

.ratings__count {
    font-weight: 300;
    font-size: 0.75rem;
    color: #999999;
    white-space: nowrap;
}

.ratings__count_underlined {
    border-bottom: 0.0625rem solid #999999;
}

.no-touch .ratings:hover {
    cursor: pointer;
}

    .no-touch .ratings:hover .ratings__count {
        color: #FC2561;
    }

    .no-touch .ratings:hover .ratings__count_underlined {
        border-bottom: 0.0625rem solid #FC2561;
    }

.star-ratings-sprite {
    background: url("../img/ratings/star-rating-sprite.png") repeat-x;
    font-size: 0;
    height: 18px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 90px;
    margin: 0 auto;
}

.star-ratings-sprite-rating {
    background: url("../img/ratings/star-rating-sprite.png") repeat-x;
    background-position: 0 100%;
    float: left;
    height: 18px;
    display: block;
}

.discontinued-card {
    display: table;
}

@media screen and (min-width: 47.5em) {
    .discontinued-card {
        height: 36.25rem;
    }
}

.discontinued-card:first-child {
    margin-top: 1.25rem;
}

@media screen and (min-width: 47.5em) {
    .discontinued-card:first-child {
        border-top: 0.0625rem solid rgba(0, 0, 0, 0.35);
    }
}

.discontinued-card__sample {
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
}

@media screen and (min-width: 47.5em) {
    .discontinued-card__sample {
        vertical-align: none;
    }
}

.discontinued-card__name {
    font-weight: 300;
    color: #666666;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    width: 8.25rem;
    text-align: center;
    line-height: 1.375rem;
    display: inline-block;
    vertical-align: middle;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .discontinued-card__name {
        margin-left: 1.25rem;
    }
}

@media screen and (min-width: 47.5em) {
    .discontinued-card__name {
        display: block;
        vertical-align: none;
        margin: 1.25rem auto 0;
        width: 10.25rem;
    }
}

.discontinued-card__code {
    color: #999999;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .discontinued-card__column:first-child {
        margin-bottom: 2.5rem;
    }

    .discontinued-card__column:last-child {
        border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.35);
        margin-bottom: 1.25rem;
        padding-bottom: 1.5625rem;
    }
}

@media screen and (min-width: 47.5em) {
    .discontinued-card__column {
        display: table-cell;
        width: 50%;
        text-align: center;
        vertical-align: middle;
        border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.35);
    }

        .discontinued-card__column:first-child {
            border-right: 0.0625rem solid rgba(0, 0, 0, 0.35);
        }
}

.discontinued-card__column-title {
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 2.375rem;
    font-weight: 100;
    text-align: center;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .discontinued-card__column-title {
        margin-bottom: 2.5rem;
    }
}

@media screen and (min-width: 47.5em) {
    .discontinued-card__column-title {
        display: none;
    }
}

.discontinued-card__column .content-card {
    margin: 0 auto;
}

.discontinued-card__column .content-card__thumbnail {
    max-height: 16.875rem;
}

.discontinued-card__column .content-card__product-attachment img {
    height: 27%;
}

.discontinued-card__column .content-card__info {
    padding-bottom: 0;
}


.sitecore-editor .best-sellers__category__look, .sitecore-editor .best-sellers__category__palette {
    position: relative;
    width: 5rem;
    height: 5rem;
    opacity: 1;
}

.best-sellers {
    position: relative;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .best-sellers {
        width: 20rem;
    }
}

@media screen and (min-width: 63.75em) {
    .best-sellers__container {
        padding-left: 3.75rem;
        padding-right: 1.25rem;
    }
}

.best-sellers__heading {
    font-size: 1.5rem;
    letter-spacing: .01em;
    color: #000000;
    font-family: "Helvetica Neue LT W01_75 Bold";
    letter-spacing: -0.75px;
}

@media screen and (min-width: 47.5em) {
    .best-sellers__heading {
        font-size: 3.125rem;
        letter-spacing: -1px;
        line-height: 50px;
    }
}

@media screen and (min-width: 80em) {
    .best-sellers__heading {
        font-size: 4.625rem;
        line-height: 70px;
        letter-spacing: -2px;
    }
}

.best-sellers .best-sellers__categories {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    width: 100%;
    background: #FFFFFF;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    transition: top 0.5s ease-in-out;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .best-sellers .best-sellers__categories {
        z-index: 3;
    }

        .best-sellers .best-sellers__categories.scrolling-up {
            top: 100px;
        }
}

@media screen and (min-width: 47.5em) {
    .best-sellers .best-sellers__categories {
        float: left;
        width: 17.5rem;
        height: 30.375rem;
    }
}

@media screen and (min-width: 63.75em) {
    .best-sellers .best-sellers__categories {
        width: 22.5rem;
        height: 35rem;
    }
}

.best-sellers .best-sellers__categories:before {
    content: '';
    display: block;
    width: 100%;
    height: 0.094rem;
    background: #000000;
    position: absolute;
    top: 1.1rem;
    left: 0;
    margin: auto;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .best-sellers .best-sellers__categories:before {
        width: 17.5rem;
    }
}

@media screen and (min-width: 47.5em) {
    .best-sellers .best-sellers__categories:before {
        top: 1.125rem;
    }
}

@media screen and (min-width: 80em) {
    .best-sellers .best-sellers__categories:before {
        top: 1.0625rem;
    }
}

.best-sellers__category {
    float: left;
}

.best-sellers__category__name {
    font-family: "Neue Helvetica W01_79 C1289709";
    position: relative;
    font-weight: 500;
    font-size: 1.875rem;
    color: #000;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    background: #FFFFFF;
    padding: 0 0.3125rem;
    transition: color .25s ease;
}

@media screen and (min-width: 47.5em) {
    .best-sellers__category__name {
        padding: 0 0.75rem;
    }
}

@media screen and (min-width: 80em) {
    .best-sellers__category__name {
        font-size: 1.875rem;
        letter-spacing: 1px;
    }
}

.best-sellers__category:first-child .best-sellers__category__name {
    padding-left: 0;
}

.best-sellers__category:last-child .best-sellers__category__name {
    padding-right: 0;
}

.best-sellers__category.active .best-sellers__category__name {
    color: #FB2460;
}

.best-sellers__category__palette {
    position: absolute;
    top: 15rem;
    left: 1.0625rem;
    width: 15.375rem;
    height: 15.375rem;
    opacity: 0;
    transition: opacity .25s ease;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .best-sellers__category__palette {
        display: none;
    }
}

@media screen and (min-width: 63.75em) {
    .best-sellers__category__palette {
        top: 15.875rem;
        left: -6.25rem;
        width: 18.75rem;
        height: 18.75rem;
    }
}

.best-sellers__category__palette img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.best-sellers__category__look {
    position: absolute;
    left: 0;
    top: 2.625rem;
    width: 17.5rem;
    height: 17.5rem;
    opacity: 0;
    transition: opacity .25s ease;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .best-sellers__category__look {
        display: none;
    }
}

@media screen and (min-width: 63.75em) {
    .best-sellers__category__look {
        width: 22.5rem;
        height: 22.5rem;
    }
}

.best-sellers__category__look img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.best-sellers__category.active .best-sellers__category__palette,
.best-sellers__category.active .best-sellers__category__look {
    opacity: 1;
}

.best-sellers__items {
    width: 100%;
}

@media screen and (min-width: 47.5em) {
    .best-sellers__items {
        float: left;
        width: calc(100% - 280px);
        padding-top: 0.875rem;
    }
}

@media screen and (min-width: 63.75em) {
    .best-sellers__items {
        width: calc(100% - 380px);
        margin-left: 1.25rem;
        padding-top: 1.5rem;
    }
}

@media screen and (min-width: 63.75em) {
    .best-sellers__group + .best-sellers__group {
        margin-top: 1.5rem;
        padding-top: 0;
        border-top: 1px solid #000000;
    }
}

.best-sellers__group__container .content-card {
    float: left;
    margin-top: 3.375rem;
    min-width: 10rem;
    width: 10rem;
}

@media screen and (min-width: 47.5em) {
    .best-sellers__group__container .content-card {
        margin-top: 1.75rem;
    }
}

@media screen and (min-width: 63.75em) {
    .best-sellers__group__container .content-card {
        min-height: 27rem;
        max-width: 33.3333%;
        width: 33.3333%;
    }
}

@media screen and (min-width: 80em) {
    .best-sellers__group__container .content-card {
        max-width: 25%;
        width: 25%;
    }
}

.best-sellers__group__container .content-card .ratings {
    padding-left: 0;
}

.best-sellers__group__container .content-card__thumbnail {
    width: 3.3rem;
    height: 5rem;
    margin: 0 auto;
}

@media screen and (min-width: 47.5em) {
    .best-sellers__group__container .content-card__thumbnail {
        width: 6.68rem;
        height: 10rem;
    }
}

.best-sellers__group__container .content-card__name {
    letter-spacing: 1px;
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 1.125rem;
    line-height: initial;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .best-sellers__group__container .content-card__name {
        font-size: 1.125rem;
    }
}

@media screen and (min-width: 47.5em) {
    .best-sellers__group__container .content-card__name {
        line-height: 18px;
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .best-sellers__group__container .ratings__diamonds {
        font-size: 0.625rem;
    }

        .best-sellers__group__container .ratings__diamonds:before, .best-sellers__group__container .ratings__diamonds:after {
            letter-spacing: 0.25rem;
        }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .best-sellers__group__container .ratings__count {
        font-size: 0.625rem;
    }
}

.best-sellers__group__container .content-card__shop-now,
.best-sellers__group__container .content-card__channel-advisor {
    min-width: 8.75rem;
    max-width: 10rem;
    width: 100%;
    background-color: #000;
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 1.125rem;
    letter-spacing: 1px;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .best-sellers__group__container .content-card__shop-now,
    .best-sellers__group__container .content-card__channel-advisor {
        min-width: 6.375rem;
        width: 6.375rem;
        height: 1.625rem;
        font-size: 0.625rem;
        padding: 0.1875rem;
    }
}

.best-sellers__group__container .follow-card .follow-card__container {
    width: 10rem;
    margin: 0 auto;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .best-sellers__group__container .follow-card .follow-card__container {
        width: 6.375rem;
        min-height: 18.125rem;
    }
}

@media screen and (min-width: 47.5em) {
    .best-sellers__group__container .follow-card .follow-card__container {
        min-height: 26.8125rem;
    }
}

.best-sellers__group__container .follow-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.best-sellers__group__container .follow-card__info {
    position: relative;
}

    .best-sellers__group__container .follow-card__info:before {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: #000000;
    }

.best-sellers__group__container .follow-card__text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 1.125rem;
    line-height: 1.125rem;
    letter-spacing: 1px;
    color: #FFFFFF;
    padding: 0 1.25rem;
    overflow: hidden;
}
    /*
@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .best-sellers__group__container .follow-card__text {
        font-size: 0.6875rem;
    }
}*/
    /*hidding graphic element 
.best-sellers__group__container .follow-card__text:before, .best-sellers__group__container .follow-card__text:after {
    content: '';
    display: block;
    width: 10rem;
    height: 0.0625rem;
    background: #FFFFFF;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .best-sellers__group__container .follow-card__text:before, .best-sellers__group__container .follow-card__text:after {
        width: 6.375rem;
    }
}
*/
    .best-sellers__group__container .follow-card__text:before {
        position: absolute;
        bottom: 0;
        left: -50%;
    }

    .best-sellers__group__container .follow-card__text:after {
        position: absolute;
        top: 0;
        right: -50%;
    }

.best-sellers__group__container .view-all-card {
    margin-top: 8.25rem;
}

@media screen and (min-width: 47.5em) {
    .best-sellers__group__container .view-all-card {
        margin-top: 10.25rem;
    }
}

.best-sellers__group__container .view-all-card__link {
    position: relative;
    width: 4.5rem;
    height: 4.5rem;
    margin: 0 auto;
    background-color: #000000;
    font-family: "Neue Helvetica W01_79 C1289709";
    font-weight: 500;
    font-size: 1.125rem;
    color: #FFFFFF;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media screen and (min-width: 47.5em) {
    .best-sellers__group__container .view-all-card__link {
        width: 7.5rem;
        height: 7.5rem;
    }
}

.best-sellers__group__container .view-all-card__link:hover {
    color: #FC2561;
}

.best-sellers__group__container .view-all-card__link span {
    display: inline-block;
}

.best-sellers__group__container .view-all-card__link .icon, .best-sellers__group__container .view-all-card__link .get-the-look__video__image, .best-sellers__group__container .view-all-card__link .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .best-sellers__group__container .view-all-card__link .color-picker__swatch:before, .best-sellers__group__container .view-all-card__link .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .best-sellers__group__container .view-all-card__link .product-info__shade-swatch:before, .best-sellers__group__container .view-all-card__link .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .best-sellers__group__container .view-all-card__link .product-info__color-overlay--with-video:before, .best-sellers__group__container .view-all-card__link .cheatsheet .cheatsheet__dash, .cheatsheet .best-sellers__group__container .view-all-card__link .cheatsheet__dash, .best-sellers__group__container .view-all-card__link .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .best-sellers__group__container .view-all-card__link li, .best-sellers__group__container .view-all-card__link .video-kit__hero-image, .best-sellers__group__container .view-all-card__link .video-kit__card-image, .best-sellers__group__container .view-all-card__link .video-promoted__image {
    font-size: 1.125rem;
}

    .best-sellers__group__container .view-all-card__link .icon:before {
        top: 2px;
        position: relative;
    }

.best-sellers__group__container .view-all-card__unrotate {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.best-sellers__group__carousel__prev, .best-sellers__group__carousel__next {
    position: absolute;
    top: 5.75rem;
    z-index: 1;
    font-size: 2.25rem;
    transition: opacity .25s ease;
}

.best-sellers__group__carousel__prev {
    left: 10px;
}

.best-sellers__group__carousel__next {
    right: 10px;
}

.compbeauprof {
    overflow: hidden;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .compbeauprof {
        position: relative;
        width: 20rem;
    }
}

.compbeauprof__columns {
    float: left;
    -ms-transform: skew(-11.75deg);
    transform: skew(-11.75deg);
}

@media screen and (min-width: 47.5em) {
    .compbeauprof__columns {
        height: 440px;
    }
}

@media screen and (min-width: 63.75em) {
    .compbeauprof__columns {
        height: 500px;
    }
}

.compbeauprof__columns .compbeauprof__unskew {
    height: 100%;
    -ms-transform: skew(11.75deg);
    transform: skew(11.75deg);
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .compbeauprof__columns--unmobile {
        -ms-transform: skew(0deg);
        transform: skew(0deg);
    }

        .compbeauprof__columns--unmobile .compbeauprof__unskew {
            -ms-transform: skew(0deg);
            transform: skew(0deg);
        }
}

.compbeauprof__column1 {
    background: #000000;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .compbeauprof__column1 {
        width: 87.5%;
        margin-left: 12.5%;
        min-height: 250px;
        padding: 40px 20px;
    }
}

@media screen and (min-width: 47.5em) {
    .compbeauprof__column1 {
        width: 40%;
        margin-left: -47px;
        padding: 40px;
        padding-left: 79px;
    }
}

@media screen and (min-width: 63.75em) {
    .compbeauprof__column1 {
        width: 41.03123%;
        margin-left: -52px;
        padding: 60px;
        padding-left: 112px;
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .compbeauprof--success .compbeauprof__column1 {
        width: 100%;
        min-height: 540px;
        margin-left: 0;
    }
}

@media screen and (min-width: 47.5em) {
    .compbeauprof--success .compbeauprof__column1 {
        width: 65.85501%;
    }
}

@media screen and (min-width: 63.75em) {
    .compbeauprof--success .compbeauprof__column1 {
        width: 70.07988%;
    }
}

.compbeauprof__column2 {
    background: #F1F1F1;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .compbeauprof__column2 {
        width: 84.375%;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 40px;
    }
}

@media screen and (min-width: 47.5em) {
    .compbeauprof__column2 {
        width: 40%;
        padding-top: 68px;
        padding-left: 28px;
    }
}

@media screen and (min-width: 63.75em) {
    .compbeauprof__column2 {
        width: 29.04866%;
        padding-top: 99px;
        padding-left: 22px;
    }
}

.compbeauprof--success .compbeauprof__column2 {
    display: none;
}

.compbeauprof__column3 {
    float: right;
    background: #F1F1F1;
    overflow: hidden;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .compbeauprof__column3 {
        position: absolute;
        bottom: 0;
        border-left: 10px solid #000000;
        width: 120px;
        right: -30px;
    }
}

@media screen and (min-width: 47.5em) {
    .compbeauprof__column3 {
        width: 20%;
        margin-right: 46px;
    }
}

@media screen and (min-width: 63.75em) {
    .compbeauprof__column3 {
        width: 29.04866%;
        margin-right: 52px;
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .compbeauprof--success .compbeauprof__column3 {
        height: 290px;
        border-left: none;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .compbeauprof--success .compbeauprof__column3 {
        width: 33.20421%;
    }
}

.compbeauprof__heading {
    width: 150px;
    margin: 0;
    font-size: 1.5rem;
    font-family: "Helvetica Neue LT W01_75 Bold";
    line-height: 1;
    color: #FFFFFF;
    letter-spacing: -0.5px;
    line-height: 24px;
    position: relative;
}

@media screen and (min-width: 47.5em) {
    .compbeauprof__heading {
        width: 150px;
        line-height: 24px;
        letter-spacing: -0.5px;
    }
}

@media screen and (min-width: 63.75em) {
    .compbeauprof__heading {
        width: 300px;
        font-size: 2.75rem;
        line-height: 40px;
        letter-spacing: -1px;
    }
}

.compbeauprof__heading::before {
    content: '';
    display: block;
    width: 100vw;
    height: 2px;
    background: #FFFFFF;
    position: absolute;
    top: 24px;
    left: 138px;
}

@media screen and (min-width: 47.5em) {
    .compbeauprof__heading::before {
        height: 3px;
        top: 31px;
        left: 176px;
    }
}

@media screen and (min-width: 63.75em) {
    .compbeauprof__heading::before {
        height: 4px;
        top: 48px;
        left: 273px;
    }
}

.compbeauprof--success .compbeauprof__heading {
    max-width: 280px;
    width: 100%;
}

@media screen and (min-width: 47.5em) {
    .compbeauprof--success .compbeauprof__heading {
        max-width: none;
        width: 300px;
    }
}

@media screen and (min-width: 63.75em) {
    .compbeauprof--success .compbeauprof__heading {
        width: 450px;
    }
}

.compbeauprof--success .compbeauprof__heading::before {
    left: 204px;
}

@media screen and (min-width: 47.5em) {
    .compbeauprof--success .compbeauprof__heading::before {
        left: 260px;
    }
}

@media screen and (min-width: 63.75em) {
    .compbeauprof--success .compbeauprof__heading::before {
        left: 405px;
    }
}

.compbeauprof__summary {
    display: none;
    margin-top: 28px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: .2em;
    color: #FFFFFF;
    text-transform: uppercase;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .compbeauprof__summary {
        width: 225px;
        font-size: 14px;
    }
}

@media screen and (min-width: 47.5em) {
    .compbeauprof__summary {
        font-size: 12px;
    }
}

@media screen and (min-width: 63.75em) {
    .compbeauprof__summary {
        font-size: 14px;
    }
}

@media screen and (min-width: 47.5em) {
    .compbeauprof__summary li {
        margin-top: 20px;
    }
}

.compbeauprof__summary span {
    color: #FC2561;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .compbeauprof__summary span {
        display: block;
    }
}

.compbeauprof--filling .compbeauprof__summary,
.compbeauprof--success .compbeauprof__summary {
    display: block;
}

@media screen and (min-width: 47.5em) {
    .compbeauprof--filling .compbeauprof__summary,
    .compbeauprof--success .compbeauprof__summary {
        float: left;
        width: 160px;
        margin-top: 18px;
        line-height: 16px;
    }
}

@media screen and (min-width: 63.75em) {
    .compbeauprof--filling .compbeauprof__summary,
    .compbeauprof--success .compbeauprof__summary {
        float: none;
        width: 100%;
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .compbeauprof--success .compbeauprof__summary {
        width: 100%;
        margin-top: 8px;
    }
}

.compbeauprof__description {
    font-weight: 300;
    color: #FFFFFF;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 15px;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .compbeauprof__description {
        margin-top: 20px;
    }
}

@media screen and (min-width: 47.5em) {
    .compbeauprof__description {
        margin-top: 30px;
    }
}

@media screen and (min-width: 63.75em) {
    .compbeauprof__description {
        margin-top: 25px;
        font-size: 0.875rem;
        line-height: 20px;
    }
}

.compbeauprof--filling .compbeauprof__description,
.compbeauprof--success .compbeauprof__description {
    display: none;
}

.compbeauprof__response {
    margin-top: 24px;
}

@media screen and (min-width: 47.5em) {
    .compbeauprof__response {
        float: left;
        width: calc(100% - 180px);
        margin-top: 28px;
        margin-left: 20px;
    }
}

@media screen and (min-width: 63.75em) {
    .compbeauprof__response {
        float: none;
        width: 100%;
        margin-top: 38px;
        margin-left: 0;
    }
}

.compbeauprof__message {
    font-weight: 300;
    color: #FFFFFF;
    letter-spacing: 0.09em;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .compbeauprof__message {
        width: 200px;
        font-size: 12px;
        line-height: 18px;
    }
}

@media screen and (min-width: 47.5em) {
    .compbeauprof__message {
        width: 100%;
        font-size: 13px;
        line-height: 23px;
    }
}

@media screen and (min-width: 63.75em) {
    .compbeauprof__message {
        float: left;
        width: 330px;
        font-size: 16px;
        line-height: 25px;
    }
}

@media screen and (min-width: 47.5em) {
    .compbeauprof__form {
        position: relative;
    }
}

.compbeauprof__fieldgroup {
    display: none;
}

    .compbeauprof__fieldgroup.active {
        display: block;
        animation: fade-in .2s ease;
    }

.compbeauprof__question {
    margin: 0;
    line-height: 1.5rem;
    color: #000000;
    letter-spacing: 0;
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 1.125rem;
    text-transform: uppercase;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .compbeauprof__question {
        width: 120px;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 47.5em) {
    .compbeauprof__question {
        width: 180px;
        margin-left: 20px;
    }
}

@media screen and (min-width: 63.75em) {
    .compbeauprof__question {
        width: 215px;
        margin-left: 40px;
    }
}

.compbeauprof__selections {
    font-family: "Neue Helvetica W01_79 C1289709";
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1rem;
    color: #000000;
    letter-spacing: 1px;
    text-transform: uppercase;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .compbeauprof__selections {
        margin-top: 14px;
    }
}

@media screen and (min-width: 47.5em) {
    .compbeauprof__selections {
        margin-top: 20px;
        margin-left: 20px;
        font-size: 1.125rem;
    }
}

@media screen and (min-width: 63.75em) {
    .compbeauprof__selections {
        margin-top: 42px;
        margin-left: 40px;
    }
}

@media screen and (min-width: 47.5em) {
    .two-column-selection .compbeauprof__selections {
        columns: 1;
        column-gap: 0;
        margin-left: 0;
    }
}

.compbeauprof__selections .compbeauprof__radio {
    position: absolute;
    opacity: 0;
}

    .compbeauprof__selections .compbeauprof__radio + label {
        display: block;
        height: 1.875rem;
        position: relative;
        cursor: pointer;
        transition: color .15s ease;
    }

@media screen and (min-width: 47.5em) {
    .compbeauprof__selections .compbeauprof__radio + label {
        height: 2rem;
    }
}

@media screen and (min-width: 63.75em) {
    .compbeauprof__selections .compbeauprof__radio + label {
        height: 2rem;
    }
}

.compbeauprof__selections .compbeauprof__radio + label:hover {
    color: #FC2561;
    transition: color .15s ease;
}

.compbeauprof__selections .compbeauprof__radio + label:first-child {
    margin-top: 0;
}

.compbeauprof__selections .compbeauprof__radio + label .icon, .compbeauprof__selections .compbeauprof__radio + label .get-the-look__video__image, .compbeauprof__selections .compbeauprof__radio + label .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .compbeauprof__selections .compbeauprof__radio + label .color-picker__swatch:before, .compbeauprof__selections .compbeauprof__radio + label .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .compbeauprof__selections .compbeauprof__radio + label .product-info__shade-swatch:before, .compbeauprof__selections .compbeauprof__radio + label .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .compbeauprof__selections .compbeauprof__radio + label .product-info__color-overlay--with-video:before, .compbeauprof__selections .compbeauprof__radio + label .cheatsheet .cheatsheet__dash, .cheatsheet .compbeauprof__selections .compbeauprof__radio + label .cheatsheet__dash, .compbeauprof__selections .compbeauprof__radio + label .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .compbeauprof__selections .compbeauprof__radio + label li, .compbeauprof__selections .compbeauprof__radio + label .video-kit__hero-image, .compbeauprof__selections .compbeauprof__radio + label .video-kit__card-image, .compbeauprof__selections .compbeauprof__radio + label .video-promoted__image {
    position: absolute;
}

    .compbeauprof__selections .compbeauprof__radio + label .icon.icon-check, .compbeauprof__selections .compbeauprof__radio + label .icon-check.get-the-look__video__image, .compbeauprof__selections .compbeauprof__radio + label .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .icon-check.color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .compbeauprof__selections .compbeauprof__radio + label .icon-check.color-picker__swatch:before, .compbeauprof__selections .compbeauprof__radio + label .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .icon-check.product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .compbeauprof__selections .compbeauprof__radio + label .icon-check.product-info__shade-swatch:before, .compbeauprof__selections .compbeauprof__radio + label .module-stateful.product-info .icon-check.product-info__color-overlay--with-video:before, .module-stateful.product-info .compbeauprof__selections .compbeauprof__radio + label .icon-check.product-info__color-overlay--with-video:before, .compbeauprof__selections .compbeauprof__radio + label .cheatsheet .icon-check.cheatsheet__dash, .cheatsheet .compbeauprof__selections .compbeauprof__radio + label .icon-check.cheatsheet__dash, .compbeauprof__selections .compbeauprof__radio + label .ratings-and-reviews .rar__user-rating li.icon-check, .ratings-and-reviews .rar__user-rating .compbeauprof__selections .compbeauprof__radio + label li.icon-check, .compbeauprof__selections .compbeauprof__radio + label .icon-check.video-kit__hero-image, .compbeauprof__selections .compbeauprof__radio + label .icon-check.video-kit__card-image, .compbeauprof__selections .compbeauprof__radio + label .icon-check.video-promoted__image {
        top: 0;
        left: 0.125rem;
        font-size: 1rem;
        opacity: 0;
    }

    .compbeauprof__selections .compbeauprof__radio + label .icon.icon-minus, .compbeauprof__selections .compbeauprof__radio + label .icon-minus.get-the-look__video__image, .compbeauprof__selections .compbeauprof__radio + label .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .icon-minus.color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .compbeauprof__selections .compbeauprof__radio + label .icon-minus.color-picker__swatch:before, .compbeauprof__selections .compbeauprof__radio + label .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .cheatsheet .color-picker__swatch.cheatsheet__dash:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .cheatsheet .compbeauprof__selections .compbeauprof__radio + label .color-picker__swatch.cheatsheet__dash:before, .compbeauprof__selections .compbeauprof__radio + label .cheatsheet .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch.cheatsheet__dash:before, .cheatsheet .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .compbeauprof__selections .compbeauprof__radio + label .color-picker__swatch.cheatsheet__dash:before, .compbeauprof__selections .compbeauprof__radio + label .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .icon-minus.product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .compbeauprof__selections .compbeauprof__radio + label .icon-minus.product-info__shade-swatch:before, .compbeauprof__selections .compbeauprof__radio + label .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .cheatsheet .product-info__shade-swatch.cheatsheet__dash:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .cheatsheet .compbeauprof__selections .compbeauprof__radio + label .product-info__shade-swatch.cheatsheet__dash:before, .compbeauprof__selections .compbeauprof__radio + label .cheatsheet .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch.cheatsheet__dash:before, .cheatsheet .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .compbeauprof__selections .compbeauprof__radio + label .product-info__shade-swatch.cheatsheet__dash:before, .compbeauprof__selections .compbeauprof__radio + label .module-stateful.product-info .icon-minus.product-info__color-overlay--with-video:before, .module-stateful.product-info .compbeauprof__selections .compbeauprof__radio + label .icon-minus.product-info__color-overlay--with-video:before, .compbeauprof__selections .compbeauprof__radio + label .module-stateful.product-info .cheatsheet .product-info__color-overlay--with-video.cheatsheet__dash:before, .module-stateful.product-info .cheatsheet .compbeauprof__selections .compbeauprof__radio + label .product-info__color-overlay--with-video.cheatsheet__dash:before, .compbeauprof__selections .compbeauprof__radio + label .cheatsheet .module-stateful.product-info .product-info__color-overlay--with-video.cheatsheet__dash:before, .cheatsheet .module-stateful.product-info .compbeauprof__selections .compbeauprof__radio + label .product-info__color-overlay--with-video.cheatsheet__dash:before, .compbeauprof__selections .compbeauprof__radio + label .cheatsheet .cheatsheet__dash, .cheatsheet .compbeauprof__selections .compbeauprof__radio + label .cheatsheet__dash, .compbeauprof__selections .compbeauprof__radio + label .ratings-and-reviews .rar__user-rating li.icon-minus, .ratings-and-reviews .rar__user-rating .compbeauprof__selections .compbeauprof__radio + label li.icon-minus, .compbeauprof__selections .compbeauprof__radio + label .icon-minus.video-kit__hero-image, .compbeauprof__selections .compbeauprof__radio + label .icon-minus.video-kit__card-image, .compbeauprof__selections .compbeauprof__radio + label .icon-minus.video-promoted__image {
        top: 5px;
        left: 0;
        font-size: 1.3125rem;
        opacity: 1;
    }

    .compbeauprof__selections .compbeauprof__radio + label .icon.icon-minus {
        top: 1px;
    }

.compbeauprof__selections .compbeauprof__radio + label .compbeauprof__label {
    display: block;
    margin-left: 1.875rem;
}

.compbeauprof__selections .compbeauprof__radio:checked + label {
    color: #FC2561;
}

    .compbeauprof__selections .compbeauprof__radio:checked + label .icon-check {
        opacity: 1;
    }

    .compbeauprof__selections .compbeauprof__radio:checked + label .icon-minus, .compbeauprof__selections .compbeauprof__radio:checked + label .cheatsheet .cheatsheet__dash, .cheatsheet .compbeauprof__selections .compbeauprof__radio:checked + label .cheatsheet__dash {
        opacity: 0;
    }

.compbeauprof__submit,
.compbeauprof__cta {
    display: block;
    width: 6.25rem;
    height: 2.5rem;
    margin-top: 1.75rem;
    padding: 0.6875rem 0;
    background: transparent;
    border: 0.0625rem solid #d9d9d9;
    font-family: "Neue Helvetica W01_79 C1289709";
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1rem;
    color: #d9d9d9;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    transition: border .15s ease, color .15s ease;
}

    .compbeauprof__submit.active, .compbeauprof__cta.active {
        border: 0.0625rem solid #000000;
        color: #000000;
    }

@media screen and (min-width: 47.5em) {
    .compbeauprof__submit,
    .compbeauprof__cta {
        width: 10rem;
        margin-top: 0.0625rem;
    }
}

@media screen and (min-width: 47.5em) {
    .compbeauprof__submit {
        margin-left: 1.25rem;
    }
}

@media screen and (min-width: 63.75em) {
    .compbeauprof__submit {
        margin-left: 2.5rem;
    }
}

@media screen and (min-width: 47.5em) {
    .two-column-selection .compbeauprof__submit {
        margin-left: 0;
    }
}

.compbeauprof__cta {
    width: 10rem;
    text-decoration: none;
}

@media screen and (min-width: 47.5em) {
    .compbeauprof__cta {
        width: 10.75rem;
        margin-top: 1.875rem;
        font-size: 0.875rem;
    }
}

@media screen and (min-width: 63.75em) {
    .compbeauprof__cta {
        float: left;
        margin-top: 0.375rem;
        margin-left: 1.625rem;
    }
}

.compbeauprof--success .compbeauprof__cta {
    border-color: #FFFFFF;
    color: #FFFFFF;
}

.compbeauprof__fieldgroup__current,
.compbeauprof__fieldgroup__total {
    position: absolute;
    font-weight: 500;
    font-size: 5rem;
    letter-spacing: -8.5px;
    font-family: "Helvetica Neue LT W01_75 Bold";
    z-index: 1;
}

@media screen and (min-width: 47.5em) {
    .compbeauprof__fieldgroup__current,
    .compbeauprof__fieldgroup__total {
        font-size: 7.5rem;
    }
}

@media screen and (min-width: 63.75em) {
    .compbeauprof__fieldgroup__current,
    .compbeauprof__fieldgroup__total {
        font-size: 11.875rem;
    }
}

.compbeauprof__fieldgroup__current {
    color: #f1f1f1;
    text-shadow: -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fffdfd, 3px 3px 0 #fffefe;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .compbeauprof__fieldgroup__current {
        top: -47px;
        right: 10px;
    }
}

@media screen and (min-width: 47.5em) {
    .compbeauprof__fieldgroup__current {
        top: -100px;
        right: -22px;
        z-index: -1;
        letter-spacing: -12px;
    }
}

@media screen and (min-width: 63.75em) {
    .compbeauprof__fieldgroup__current {
        top: -149px;
        right: -22px;
        letter-spacing: -20px;
    }
}

.compbeauprof__fieldgroup__total {
    color: #000000;
    letter-spacing: 0;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .compbeauprof__fieldgroup__total {
        bottom: -15px;
        right: 36px;
    }
}

@media screen and (min-width: 47.5em) {
    .compbeauprof__fieldgroup__total {
        top: -5px;
        left: 40px;
    }
}

@media screen and (min-width: 63.75em) {
    .compbeauprof__fieldgroup__total {
        top: -30px;
        left: 51px;
    }
}

.compbeauprof--success .compbeauprof__fieldgroup__total {
    display: none;
}

.compbeauprof__image {
    position: relative;
    height: 100%;
    margin: 0;
    list-style: none;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .compbeauprof__image {
        margin-left: -50%;
    }
}

@media screen and (min-width: 47.5em) {
    .compbeauprof__image {
        margin-left: -45px;
    }
}

@media screen and (min-width: 63.75em) {
    .compbeauprof__image {
        margin-left: -52px;
    }
}

.compbeauprof__image li {
    width: 100%;
    height: 100%;
    display: none;
}

    .compbeauprof__image li.active {
        display: block;
        animation: fade-in .2s ease;
    }

    .compbeauprof__image li img {
        height: 100%;
        object-fit: cover;
    }

@media screen and (min-width: 47.5em) {
    .compbeauprof__image li img {
        width: calc(100% + 45px);
    }
}

@media screen and (min-width: 63.75em) {
    .compbeauprof__image li img {
        width: calc(100% + 52px);
    }
}

@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.footer {
    width: 100%;
    padding: 30px 20px 60px;
    margin: 0;
    background: #000000;
    color: #999999;
}

@media screen and (min-width: 63.75em) {
    .footer {
        padding: 50px 60px;
        min-height: 700px;
    }
}

@media screen and (min-width: 80em) {
    .footer {
        padding: 50px 90px;
        min-height: 680px;
    }
}

.footer__categories {
    margin-bottom: 30px;
    display: none;
}

@media screen and (min-width: 63.75em) {
    .footer__categories {
        display: block;
    }
}

.footer__category {
    float: left;
    width: 14.28%;
    padding-right: 20px;
}

.footer__category-name {
    font-size: 0.8125rem;
    letter-spacing: .12em;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 20px;
}

    .footer__category-name a {
        color: #FFFFFF;
        text-decoration: none;
    }

        .footer__category-name a:hover {
            border-bottom: 1px solid #FC2561;
        }

.footer__subcategory {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 100;
    font-size: 0.75rem;
    line-height: 1.33em;
    letter-spacing: .2em;
    margin-bottom: 8px;
}

    .footer__subcategory a {
        color: #999999;
        text-decoration: none;
    }

        .footer__subcategory a:hover {
            color: #FC2561;
        }

@media screen and (min-width: 63.75em) {
    .footer__newsletter-and-social {
        width: 770px;
        margin: 50px auto 0;
    }
}

.footer__newsletter {
    width: 220px;
}

@media screen and (min-width: 47.5em) {
    .footer__newsletter {
        width: 395px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 63.75em) {
    .footer__newsletter {
        margin: 0 40px 0 0;
        float: left;
    }
}

@media screen and (min-width: 47.5em) {
    .footer__newsletter .floating-input {
        width: 260px;
        margin-right: 15px;
        float: left;
    }
}

.footer__newsletter .floating-input input {
    text-transform: uppercase;
}

.footer__newsletter .floating-input.active input {
    padding-top: 5px;
}

.footer__newsletter .button {
    width: 220px;
    margin-top: 10px;
    border: 1px solid #FFFFFF;
}

@media screen and (min-width: 47.5em) {
    .footer__newsletter .button {
        min-width: 0;
        width: 120px;
        margin-top: 0;
        float: left;
    }
}

.footer__newsletter .footer-validate {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.625rem;
    font-weight: 300;
    letter-spacing: .16em;
    color: #FFFFFF;
    opacity: 0;
    margin-top: 5px;
}

    .footer__newsletter .footer-validate.error {
        color: #FF0000;
    }

.footer__newsletter .newsletter-unsubscribe {
    font-weight: 300;
    margin: 5px 0 5px;
    font-size: 0.75rem;
    line-height: 1rem;
    color: #FFF;
    letter-spacing: 0;
    width: 250px;
    padding-top: 6px;
    clear: both;
}

.footer__social, .footer__icon {
    width: 170px;
    margin: 30px 0 0;
}

@media screen and (min-width: 47.5em) {
    .footer__social, .footer__icon {
        width: 320px;
        margin: 10px auto 0;
    }
}

@media screen and (min-width: 63.75em) {
    .footer__social, .footer__icon {
        margin: 0;
        float: left;
    }
}

.footer__social li, .footer__icon li {
    float: left;
    position: relative;
    margin: 10px 20px 0 0;
}

    .footer__social li:last-child, .footer__icon li:last-child {
        margin-right: 0px;
    }

.footer__social a, .footer__icon a {
    display: block;
    color: #CCCCCC;
    text-decoration: none;
    font-size: 1.375rem;
}

    .footer__social a > span, .footer__icon a > span {
        display: none;
        visibility: hidden;
        height: 0;
        left: 0;
        overflow: hidden;
    }

.no-touch .footer__social a:hover, .no-touch .footer__icon a:hover {
    color: #FC2561;
}

.footer__dropdown-and-links {
    margin-top: 30px;
}

@media screen and (min-width: 47.5em) {
    .footer__dropdown-and-links {
        width: 700px;
        margin: 60px auto 0;
    }
}

@media screen and (min-width: 63.75em) {
    .footer__dropdown-and-links {
        width: 950px;
    }
}

.footer__links {
    margin-top: 30px;
}

@media screen and (min-width: 47.5em) {
    .footer__links {
        text-align: center;
    }
}

.footer__link {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.75rem;
    line-height: 1.33em;
    letter-spacing: .16em;
    color: #666666;
    margin-bottom: 24px;
    /* &:last-of-type {
         clear:both;
         display: table;
         margin:0 auto;
        } */
}

@media screen and (min-width: 47.5em) {
    .footer__link {
        display: inline-block;
        margin-right: 20px;
        padding: 15px 0;
        margin-bottom: 5px;
    }
}

.footer__link a {
    color: #666666;
    text-decoration: none;
}

    .footer__link a:hover {
        color: #FC2561;
    }

.footer .drop-select {
    width: 220px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 300;
    font-size: 0.75rem;
}

@media screen and (min-width: 47.5em) {
    .footer .drop-select {
        float: left;
        margin-right: 20px;
    }
}

.footer .drop-select .chosen-container a.chosen-single {
    background-color: transparent;
    border: 1px solid #999999;
}

    .footer .drop-select .chosen-container a.chosen-single div:after {
        content: "";
        width: 16px;
        height: 10px;
        position: absolute;
        z-index: 999999;
        top: 16px;
        right: 10px;
        background: url(../img/header/sprite.svg) no-repeat 0 -11px;
    }

.footer .drop-select .chosen-container .chosen-results {
    background: #222222;
    border: 1px solid #999999;
}

    .footer .drop-select .chosen-container .chosen-results li.group-result {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 300 !important;
        color: #666666;
        text-transform: none !important;
        letter-spacing: .16em;
    }

    .footer .drop-select .chosen-container .chosen-results li.active-result {
        color: #999999;
    }

        .footer .drop-select .chosen-container .chosen-results li.active-result:hover {
            color: #FC2561;
        }

.footer .drop-select .chosen-container:hover a.chosen-single {
    color: #999999;
}

.footer .drop-select .chosen-container.chosen-container-active.chosen-with-drop a.chosen-single div:after {
    content: "";
    width: 16px;
    height: 10px;
    position: absolute;
    z-index: 999999;
    top: 16px;
    right: 10px;
    background: url(../img/header/sprite.svg) no-repeat 0 -22px;
}

/* Start Inserting Module Optimization CSS here */

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .get-the-look {
        width: 20rem;
    }
}

.get-the-look__dots {
    margin: 0.625rem 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

@media screen and (min-width: 47.5em) {
    .get-the-look__dots {
        margin-top: 1.25rem;
    }
}

.get-the-look__dots li {
    display: inline-block;
    width: 0.6875rem;
    height: 0.6875rem;
    margin: 0 0.3125rem;
    border: 0.0625rem solid #CCCCCC;
    border-radius: 50%;
    text-indent: -9999px;
    vertical-align: middle;
    transition: background .1s ease;
    background: #FFF;
}

    .get-the-look__dots li.slick-active {
        background: #000;
    }

@media screen and (min-width: 63.75em) {
    .get-the-look__container {
        padding-left: 1.25rem;
    }
}

.get-the-look__heading {
    margin-left: 10px;
    font-size: 1.5rem;
    line-height: 24px;
    color: #000000;
    font-family: "Helvetica Neue LT W01_75 Bold";
    letter-spacing: -.75px;
}

@media screen and (min-width: 47.5em) {
    .get-the-look__heading {
        margin-left: 2.5rem;
        font-size: 3.25rem;
        line-height: 50px;
        letter-spacing: -1px;
    }
}

@media screen and (min-width: 63.75em) {
    .get-the-look__heading {
        margin-left: 3.5rem;
        font-size: 4.625rem;
        line-height: 4.375rem;
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .get-the-look__heading strong {
        display: block;
    }
}

.get-the-look__preview {
    position: relative;
    width: 17.5rem;
    height: 17.5rem;
    margin: 0 auto;
}

@media screen and (min-width: 47.5em) {
    .get-the-look__preview {
        float: left;
    }
}

@media screen and (min-width: 80em) {
    .get-the-look__preview {
        width: 33.75rem;
        height: 33.75rem;
    }
}

.get-the-look--video .get-the-look__preview {
    width: 18.75rem;
    height: 10.54688rem;
}

@media screen and (min-width: 80em) {
    .get-the-look--video .get-the-look__preview {
        width: 35rem;
        height: 19.6875rem;
    }
}

.get-the-look__palette {
    position: absolute;
    bottom: -1.25rem;
    left: -2.5rem;
    width: 10rem;
    height: 10rem;
    z-index: -1;
}

@media screen and (min-width: 47.5em) {
    .get-the-look__palette {
        left: -4.375rem;
        bottom: -3.75rem;
        width: 11.75rem;
        height: 11.75rem;
    }
}

@media screen and (min-width: 80em) {
    .get-the-look__palette {
        left: -6.25rem;
        bottom: -6.25rem;
        width: 18.75rem;
        height: 18.75rem;
    }
}

.get-the-look__palette img {
    display: block;
    -ms-transform: translateX(-16%);
    transform: translateX(-16%);
    text-indent: -9999px;
    height: 100%;
    object-fit: cover;
}

@media screen and (min-width: 47.5em) {
    .get-the-look__palette img {
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.get-the-look__image {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}

    .get-the-look__image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.get-the-look__video {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.get-the-look__video__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
}

    .get-the-look__video__image:before {
        content: "";
        background-color: #000;
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        color: #FFF;
        text-align: center;
        z-index: 2;
        width: 5rem;
        height: 3.125rem;
        font-size: 1.4375rem;
        line-height: 50px;
    }

    .get-the-look__video__image:after {
        content: ' ';
        display: block;
        background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6));
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
    }

.no-touch .get-the-look__video__image:hover:before {
    color: #000;
    background-color: #FFFFFF;
}

.get-the-look__video__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.get-the-look__video__heading {
    position: absolute;
    bottom: 0;
    width: 12.5rem;
    margin: 1.25rem;
    z-index: 2;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1rem;
    color: #FFFFFF;
    letter-spacing: .2em;
    text-transform: uppercase;
}

@media screen and (min-width: 47.5em) {
    .get-the-look__video__heading {
        font-size: 1rem;
        line-height: 1rem;
    }
}

.get-the-look__listing {
    margin: 10px auto 0;
    position: relative;
}

@media screen and (min-width: 47.5em) {
    .get-the-look__listing {
        float: right;
        margin-top: 0;
    }

    .get-the-look--image .get-the-look__listing {
        width: calc(100% - 280px);
    }

    .get-the-look--video .get-the-look__listing {
        width: calc(100% - 300px);
    }
}

@media screen and (min-width: 80em) {
    .get-the-look--image .get-the-look__listing {
        width: calc(100% - 540px);
    }

    .get-the-look--video .get-the-look__listing {
        width: calc(100% - 560px);
    }
}

.get-the-look__listing .get-the-look__carousel {
    width: calc(100% - 35px);
    margin: 0 auto;
}

@media screen and (min-width: 47.5em) {
    .get-the-look__listing .get-the-look__carousel {
        width: 100%;
        margin-top: 1.875rem;
    }
}

@media screen and (min-width: 80em) {
    .get-the-look__listing .get-the-look__carousel {
        margin-top: 0;
    }
}

.get-the-look__listing .get-the-look__carousel__prev,
.get-the-look__listing .get-the-look__carousel__next {
    position: absolute;
    top: 1.8125rem;
    z-index: 1;
    font-size: 2.1875rem;
    color: #000000;
    opacity: .3;
    cursor: pointer;
}

    .get-the-look__listing .get-the-look__carousel__prev.slick-disabled,
    .get-the-look__listing .get-the-look__carousel__next.slick-disabled {
        opacity: 0.1;
    }

@media screen and (min-width: 47.5em) {
    .get-the-look__listing .get-the-look__carousel__prev,
    .get-the-look__listing .get-the-look__carousel__next {
        top: 14.19624%;
    }
}

@media screen and (min-width: 80em) {
    .get-the-look__listing .get-the-look__carousel__prev,
    .get-the-look__listing .get-the-look__carousel__next {
        top: 7.1875rem;
        font-size: 3.1875rem;
    }
}

.get-the-look__listing .get-the-look__carousel__prev {
    left: -1.09375rem;
}

@media screen and (min-width: 47.5em) {
    .get-the-look__listing .get-the-look__carousel__prev {
        left: 10px;
    }
}

.get-the-look__listing .get-the-look__carousel__next {
    right: -1.09375rem;
}

@media screen and (min-width: 47.5em) {
    .get-the-look__listing .get-the-look__carousel__next {
        right: 10px;
    }
}

.get-the-look__listing .content-card {
    min-width: 0;
    width: 29.97118vw;
    margin: 0 1.09375rem;
}

@media screen and (min-width: 47.5em) {
    .get-the-look__listing .content-card {
        width: 33.29854%;
        margin: 0;
    }
}

@media screen and (min-width: 80em) {
    .get-the-look__listing .content-card {
        width: 213.33333px;
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .get-the-look__listing .content-card__shelf:after {
        display: none;
    }
}

.get-the-look__listing .content-card__thumbnail {
    width: 55.55556%;
    object-fit: cover;
}

@media screen and (min-width: 47.5em) {
    .get-the-look__listing .content-card__thumbnail {
        width: 50.15674%;
        height: 120px;
    }
}
@media screen and (min-width: 1024px){
    .get-the-look__listing .content-card__thumbnail{
        height: 180px;
    }
}
@media screen and (min-width: 80em) {
    .get-the-look__listing .content-card__thumbnail {
        width: 62.5%;
        height: 225px;
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .get-the-look__listing .content-card__info {
        padding: 4px 0 0;
    }
}

@media screen and (min-width: 47.5em) {
    .get-the-look__listing .content-card__info {
        padding: 1.125rem 0 0;
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .get-the-look__listing .cta-favorite {
        display: none;
    }
}

@media screen and (min-width: 80em) {
    .get-the-look__listing .cta-favorite {
        margin-top: 2.25rem !important;
    }
}

.get-the-look__listing .content-card__name {
    font-size: 1.125rem;
    letter-spacing: 1px;
    font-family: "Neue Helvetica W01_79 C1289709";
    line-height: 18px;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .get-the-look__listing .content-card__name {
        height: 6.5rem;
        font-size: 0.625rem;
        line-height: 0.9375rem;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .get-the-look__listing .content-card__name {
        height: 3.625rem;
        font-size: 0.625rem;
        line-height: 1rem;
    }
}

@media screen and (min-width: 80em) {
    .get-the-look__listing .content-card__name {
        width: 10rem;
        margin: 0.375rem auto 0.875rem;
    }
}

.get-the-look__listing .content-card__product-attachment img {
    margin: 0 auto;
}

.get-the-look__listing .ratings {
    margin-bottom: 0.875rem;
}

@media screen and (min-width: 47.5em) {
    .get-the-look__listing .ratings {
        margin-bottom: 0.75rem;
    }
}

@media screen and (min-width: 80em) {
    .get-the-look__listing .ratings {
        margin-bottom: 1.125rem;
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .get-the-look__listing .ratings__diamonds {
        font-size: 10px;
        line-height: 12px;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .get-the-look__listing .ratings__diamonds {
        font-size: 10px;
        line-height: 12px;
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .get-the-look__listing .ratings__diamonds:before, .get-the-look__listing .ratings__diamonds:after {
        letter-spacing: 0.375rem;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .get-the-look__listing .ratings__diamonds:before, .get-the-look__listing .ratings__diamonds:after {
        letter-spacing: 0.375rem;
    }
}

.get-the-look__listing .ratings__count {
    vertical-align: middle;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .get-the-look__listing .ratings__count {
        font-size: 0.5rem;
        line-height: 0.75rem;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .get-the-look__listing .ratings__count {
        font-size: 0.5rem;
        line-height: 0.75rem;
    }
}

.get-the-look__listing .content-card__shop-now,
.get-the-look__listing .content-card__channel-advisor {
    min-width: 0;
    width: 100%;
    height: 1.60938rem;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    font-size: 0.5625rem;
    line-height: 0.625rem;
}

@media screen and (min-width: 47.5em) {
    .get-the-look__listing .content-card__shop-now,
    .get-the-look__listing .content-card__channel-advisor {
        max-width: 6.75rem;
    }
}

@media screen and (min-width: 63.75em) {
    .get-the-look__listing .content-card__shop-now,
    .get-the-look__listing .content-card__channel-advisor {
        max-width: 10rem;
        height: 2.5rem;
        font-size: 0.875rem;
        line-height: 1rem;
    }
}

.get-the-look__footer {
    margin-top: 2.25rem;
    text-align: center;
}

@media screen and (min-width: 47.5em) {
    .get-the-look__footer {
        clear: left;
        width: 17.5rem;
        margin-top: 0;
        padding-top: 1rem;
        text-align: right;
    }
}

@media screen and (min-width: 80em) {
    .get-the-look__footer {
        width: 33.75rem;
    }
}

.get-the-look--video .get-the-look__footer {
    display: none;
}

.get-the-look__cta {
    width: 12.5rem;
    background-color: #FFFFFF;
}
/* End Inserting Module Optimization CSS*/

.chatbot {
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 0;
    z-index: 98;
}

@media screen and (min-width: 63.75em) {
    .chatbot {
        display: none;
    }
}

.chatbot__button {
    display: none;
    width: 52px;
    height: 52px;
    background: #FC2561;
    position: absolute;
    bottom: 12px !important;
    right: 10px;
    text-align: center;
    color: #FFFFFF;
    z-index: 3;
    cursor: pointer;
    border-radius: 50%;
}

@media screen and (min-width: 47.5em) {
    .chatbot__button {
        width: 60px;
        height: 60px;
        bottom: 50px !important;
        right: 50px;
        background: #FB2460;
    }
}

.chatbot__button::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #FFFFFF;
    display: block;
    position: absolute;
    bottom: -19px;
    right: -4px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
}

@media screen and (min-width: 47.5em) {
    .chatbot__button::after {
        border-width: 57px;
        border-right: 0;
        bottom: -37px;
        right: -9px;
    }
}

.chatbot__button .icon, .chatbot__button .get-the-look__video__image, .chatbot__button .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .chatbot__button .color-picker__swatch:before, .chatbot__button .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .chatbot__button .product-info__shade-swatch:before, .chatbot__button .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .chatbot__button .product-info__color-overlay--with-video:before, .chatbot__button .cheatsheet .cheatsheet__dash, .cheatsheet .chatbot__button .cheatsheet__dash, .chatbot__button .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .chatbot__button li, .chatbot__button .video-kit__hero-image, .chatbot__button .video-kit__card-image, .chatbot__button .video-promoted__image {
    font-size: 20px;
    line-height: 48px;
}

@media screen and (min-width: 47.5em) {
    .chatbot__button .icon, .chatbot__button .get-the-look__video__image, .chatbot__button .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .chatbot__button .color-picker__swatch:before, .chatbot__button .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .chatbot__button .product-info__shade-swatch:before, .chatbot__button .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .chatbot__button .product-info__color-overlay--with-video:before, .chatbot__button .cheatsheet .cheatsheet__dash, .cheatsheet .chatbot__button .cheatsheet__dash, .chatbot__button .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .chatbot__button li, .chatbot__button .video-kit__hero-image, .chatbot__button .video-kit__card-image, .chatbot__button .video-promoted__image {
        font-size: 20px;
        line-height: 60px;
    }
}

.chatbot__button--launcher img {
    position: absolute;
    bottom: 75px;
    right: 0;
    max-width: 80px;
}

.chatbot__button--launcher .chatbot__button--launcher-glow ~ img {
    position: absolute;
    bottom: 85px;
    right: 3px;
    max-width: 66px;
}

@media screen and (min-width: 47.5em) {
    .chatbot__button--launcher .chatbot__button--launcher-glow ~ img {
        position: absolute;
        bottom: 75px;
        right: 0;
        max-width: 80px;
    }
}

.chatbot__button--launcher-glow {
    box-shadow: 0px 0px 10px 6px #FC2561;
    -moz-box-shadow: 0 0 10px 6px #FC2561;
    -webkit-box-shadow: 0 0 10px 6px #FC2561;
    position: absolute;
    right: 10px;
    margin-top: -144px;
    border-radius: 50%;
    width: 52px;
    height: 52px;
    z-index: 2;
    animation: fade-launcher 5s infinite;
    border: 1px solid #FFF;
}

@media screen and (min-width: 47.5em) {
    .chatbot__button--launcher-glow {
        width: 60px;
        height: 60px;
    }
}

@keyframes fade-launcher {
    0%, 100% {
        opacity: 0.1;
    }

    50% {
        opacity: 1;
    }
}

.chatbot-aware {
    border-radius: 12px 12px 0 12px;
    box-shadow: 0 0 3px 5px rgba(252, 37, 97, 0.3);
    padding: 10px 12px;
    width: 65%;
    bottom: 78px;
    left: 50%;
    margin-left: -38%;
    position: relative;
    background: white;
}

.chatbot-aware__message {
    padding-bottom: 7px;
    color: black;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
}

    .chatbot-aware__message p {
        float: right;
        margin: -2px 0 0;
    }

.chatbot-aware__ctas span {
    float: left;
    width: 49%;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #FC2561;
    text-decoration: underline;
}

.chatbot-aware__ctas-close {
    text-align: right;
}

.chatbot__overlay {
    opacity: 0;
    padding-top: 0px;
    width: 0;
    height: 0;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 100%;
    left: 100%;
    z-index: 2;
    border-radius: 50% 50% 0% 50%;
}

.chatbot-open .chatbot__overlay {
    opacity: 1;
    bottom: 0;
    right: 0;
    top: auto;
    left: auto;
    width: 100%;
    height: 100%;
    z-index: 4;
    border-radius: 0%;
    transition: all .2s;
}

.chatbot__content {
    height: calc(100% - 90px);
    padding: 60px 20px 0 20px;
    margin-bottom: 100px;
    overflow: auto;
    overflow-x: hidden;
}

@media screen and (min-width: 47.5em) {
    .chatbot__content {
        height: calc(100% - 130px);
        padding: 50px 40px 40px;
    }
}

.chatbot-card__message-text {
    line-height: 1;
}

.chatbot__restart {
    position: absolute;
    bottom: 27px;
    left: 20px;
    font-size: 20px;
    color: #FFFFFF;
    -ms-transform: rotate(-32deg);
    transform: rotate(-32deg);
}

@media screen and (min-width: 47.5em) {
    .chatbot__restart {
        font-size: 55px;
        bottom: 45px;
        left: 30px;
    }
}

.chatbot__restart-text {
    font-size: .7rem;
    position: absolute;
    line-height: 1em;
    -ms-transform: rotate(32deg);
    transform: rotate(32deg);
    letter-spacing: .1em;
    margin: 85px 0 0 -6px;
    width: 250px;
    text-transform: uppercase;
    display: none;
}

[class*="startover_en"] {
    font-size: .6rem;
    margin: 23px 0 0 -3px;
    width: 100%;
    text-align: center;
}

body.chatbot-open {
    height: 100%;
    overflow: hidden;
}

    body.chatbot-open .goToTop {
        display: none !important;
    }

    body.chatbot-open .chatbot__button--launcher, body.chatbot-open .chatbot__button--close {
        bottom: 15px;
    }

    body.chatbot-open .chatbot__button--launcher {
        display: none;
    }

    body.chatbot-open .chatbot__button--close {
        display: block;
    }

@media screen and (min-width: 47.5em) {
    html.takeover-ready .takeover {
        display: none;
    }
}

html.takeover-ready .chatbot__button--launcher {
    bottom: 15px;
}

.chatbot-card.chatbot-card--buffer {
    margin-top: 50px;
}

.chatbot-card.chatbot-card--iframe .chatbot-card__bubble {
    max-width: 300px;
    padding: 0;
    background: transparent;
}

.chatbot-card--iframe-message {
    padding: 10px 12px;
    margin-bottom: 0;
    background: #f1f1f1;
}

/* Inspiration Finder CSS */
.chatbot-card--inspiration .chatbot-card__bubble {
    max-width: 300px !important;
}

.chatbot-card--inspiration #chatbot-image-uploaded {
}

.chatbot-card--inspiration .common-color-palette {
    min-width: 200px;
    max-width: 300px;
    text-align: center;
    margin: 0 auto;
    width: 90%;
    padding-left: 8px;
}

.chatbot-card--inspiration .chatbot-hex-color {
    float: left;
    margin: 10px 8px 0 0;
}

.chatbot-card--inspiration .hex-span {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
    border: 1px solid #999;
}

.chatbot-card__bubble {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 300;
    letter-spacing: .03em;
    background: #F1F1F1;
    max-width: 240px;
    min-width: 240px;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 12px 12px 12px 0;
    float: left;
    overflow: hidden;
    opacity: 0;
    transition: opacity .75s .5s, -webkit-transform .3s ease-out;
    transition: opacity .75s .5s, transform .3s ease-out;
}

@media screen and (min-width: 47.5em) {
    .chatbot-card__bubble {
        font-size: 1.125rem;
        line-height: 1.75rem;
        max-width: 360px;
        margin-bottom: 25px;
        padding: 20px;
    }
}

.chatbot-card--new .chatbot-card__bubble {
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
}

@media screen and (min-width: 47.5em) {
    .chatbot-card--new .chatbot-card__bubble {
        -webkit-transform: translateX(-415px);
        -ms-transform: translateX(-415px);
        transform: translateX(-415px);
    }
}

.chatbot-card--new.chatbot-card--user .chatbot-card__bubble,
.chatbot-card--new.chatbot-card--user-photo .chatbot-card__bubble {
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px);
}

@media screen and (min-width: 47.5em) {
    .chatbot-card--new.chatbot-card--user .chatbot-card__bubble,
    .chatbot-card--new.chatbot-card--user-photo .chatbot-card__bubble {
        -webkit-transform: translateX(415px);
        -ms-transform: translateX(415px);
        transform: translateX(415px);
    }
}

.chatbot-card--user .chatbot-card__bubble {
    background: #FC2561;
    color: #FFFFFF;
    float: right;
    border-radius: 12px 12px 0 12px;
}

.chatbot-card--user-photo .chatbot-card__bubble {
    padding: 0;
    max-width: 70%;
}

.chatbot-card--product .chatbot-card__bubble,
.chatbot-card--content .chatbot-card__bubble {
    width: 260px;
    max-width: 260px;
    padding: 0;
}

/* product carousel specific */
.product-carousel .chatbot-card__bubble {
    width: 100%;
    max-width: 300px;
    margin-bottom: 0;
    background-color: #fff;
}

.slick__carousel__dots.product-carousel {
    margin: 3px 0 50px;
}

.chatbot-card__bubble-controls {
    text-align: center;
}

#chatbot-image-uploaded {
    padding-top: 10px;
}

.chatbot-card__button {
    background-color: #FC2561;
    border-radius: 12px;
    color: #fff;
    margin-top: 7px;
    line-height: .5rem;
    font-family: "Neue Helvetica W01";
    display: inline-block;
    cursor: pointer;
    transition: border .2s ease-in-out, opacity .2s ease-in-out, color .2s ease-in-out, background .2s ease-in-out;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.875rem;
    letter-spacing: 0.2em;
    padding: 0.75rem 0.75rem;
    border-width: 0.0625rem;
    border-style: solid;
    border-color: transparent;
    text-decoration: none;
    min-width: 10rem;
    text-align: center;
    border-color: #CCCCCC;
    opacity: 1;
}

.chatbot-card--product.slick-slide {
    margin-left: 1px;
}

@media screen and (min-width: 47.5em) {
    .chatbot-card--product .chatbot-card__bubble,
    .chatbot-card--content .chatbot-card__bubble {
        width: 370px;
        max-width: 370px;
    }
}

.chatbot-card--content .chatbot-card__bubble {
    background: #222222;
}

.chatbot-open .chatbot-card__bubble {
    opacity: 1;
}

.chatbot-card__content-media {
    position: relative;
}

    .chatbot-card__content-media img {
        width: 100%;
        border-radius: 12px 12px 0 0;
        display: block;
    }

.chatbot-card__content-media-button {
    line-height: 37px;
    text-align: center;
    color: #FFFFFF;
    width: 60px;
    height: 37px;
    background: #FC2561;
    position: absolute;
    bottom: 0;
    right: 0;
    pointer-events: none;
}

.chatbot-card__content-info {
    padding: 10px 20px;
}

@media screen and (min-width: 47.5em) {
    .chatbot-card__content-info {
        padding: 10px 25px 20px;
    }
}

.chatbot-card__content-category {
    font-size: 0.8125rem;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #FC2561;
    margin: 0;
}

    .chatbot-card__content-category::before {
        content: '';
        width: 20px;
        height: 2px;
        margin: 0 6px 3px 0;
        background: #FC2561;
        display: inline-block;
    }

@media screen and (min-width: 47.5em) {
    .chatbot-card__content-category::before {
        width: 30px;
    }
}

.chatbot-card__content-title {
    font-size: 1.5rem;
    line-height: 1.75rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 7px 0 0;
}

    .chatbot-card__content-title a {
        color: #FFFFFF;
        text-decoration: none;
    }

    .chatbot-card__content-title span {
        font-style: normal;
    }

.chatbot-card__content-details {
    margin-bottom: 20px;
}

@media screen and (min-width: 47.5em) {
    .chatbot-card__content-details {
        margin-bottom: 30px;
    }
}

.chatbot-card__content-bottom {
    min-height: 51px;
    padding-top: 10px;
    border-top: 1px solid #F5F5F5;
    position: relative;
}

@media screen and (min-width: 47.5em) {
    .chatbot-card__content-bottom {
        min-height: 77px;
        padding-top: 20px;
    }
}

.chatbot-card__content-author-image {
    width: 40px;
    height: 40px;
    margin-right: 5px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}

@media screen and (min-width: 47.5em) {
    .chatbot-card__content-author-image {
        width: 56px;
        height: 56px;
    }
}

.chatbot-card__content-author-info {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.75rem;
    line-height: 0.875rem;
    letter-spacing: .03em;
    color: #999999;
    width: 135px;
    display: inline-block;
    vertical-align: middle;
}

.chatbot-card__content-author-name {
    font-weight: 700;
    margin: 0 0 5px;
}

.chatbot-card__content-author-title {
    margin: 0;
}

.chatbot-card__content-fave {
    font-size: 20px;
    color: #999999;
    position: absolute;
    bottom: 5px;
    right: 0;
    cursor: pointer;
    display: none; /* Disabled due to performance */
}

@media screen and (min-width: 47.5em) {
    .chatbot-card__content-fave {
        bottom: 10px;
    }
}

.chatbot-card__content-fave:hover {
    color: #FC2561;
}

.chatbot-card__content-fave--faved::before {
    content: "\E011";
    color: #FC2561;
}

.chatbot-card__product-image {
    width: 41.5%;
    height: 150px;
    float: left;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-width: 47.5em) {
    .chatbot-card__product-image {
        height: 215px;
    }
}

.chatbot-card__product-image img {
    width: 84px;
}

@media screen and (min-width: 47.5em) {
    .chatbot-card__product-image img {
        width: 120px;
    }
}

.chatbot-card__product-info {
    height: auto;
    min-height: 150px;
    padding: 15px 10px;
    margin-left: 41.5%;
    background: #222222;
    border-radius: 0 12px 12px 0;
    position: relative;
}

@media screen and (min-width: 47.5em) {
    .chatbot-card__product-info {
        height: auto;
        min-height: 215px;
        padding: 20px 15px;
    }
}

.chatbot-card__product-title {
    font-size: 1rem;
    line-height: 1.125rem;
    letter-spacing: normal;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
    font-family: "Neue Helvetica W01_79 C1289709";
}

@media screen and (min-width: 47.5em) {
    .chatbot-card__product-title {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
}

.chatbot-card__product-title a {
    color: #FFFFFF;
    text-decoration: none;
}

.chatbot-card__product-title span {
    font-style: normal;
    display: block;
    font-family: 'Neue Helvetica W01_59 Comp';
}

.chatbot-card__product-details {
    margin: 12px 0 20px;
}

@media screen and (min-width: 47.5em) {
    .chatbot-card__product-details {
        margin-top: 15px;
    }
}

.chatbot-card__product-vto {
    font-size: 12px;
    text-transform: uppercase;
    border-top: 0.0625rem solid rgba(153, 153, 153, 0.3);
    padding: .5rem 0;
}

    .chatbot-card__product-vto span a {
        vertical-align: middle;
        text-decoration: underline;
        margin-right: 5px;
        color: #FC2561;
    }

    .chatbot-card__product-vto .js-tryiton-toggle {
        display: inline-block;
        background-color: #fff;
        border-radius: 50%;
        border: 1px solid #000;
        color: #000;
        text-align: center;
        text-decoration: none;
        height: 27px;
        width: 27px;
        vertical-align: middle;
    }

        .chatbot-card__product-vto .js-tryiton-toggle svg {
            display: block;
            height: auto;
            margin: 3px auto 0;
            width: 11px;
        }

        .chatbot-card__product-vto .js-tryiton-toggle .cls-1 {
            fill: none;
            stroke: #000;
            stroke-width: .67px;
        }

        .chatbot-card__product-vto .js-tryiton-toggle .cls-2 {
            fill: #fc2561;
        }

.chatbot-card__star-ratings-sprite {
    background: url("../img/ratings/chatbot-star-rating-sprite.png") repeat-x;
    font-size: 0;
    height: 9px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 45px;
    position: relative;
    float: left;
    display: none; /* Disabled due to performance */
}

.chatbot-card__star-ratings-sprite-rating {
    position: relative;
    background: url("../img/ratings/chatbot-star-rating-sprite.png") repeat-x;
    background-position: 0 100%;
    float: left;
    height: 9px;
    display: block;
    float: left;
}

.chatbot-card__product-rating-count {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.625rem;
    letter-spacing: .16em;
    color: #999999;
    position: relative;
    top: -3px;
    left: 2px;
    display: none; /* Disabled due to performance */
}

@media screen and (min-width: 47.5em) {
    .chatbot-card__product-rating-count {
        font-size: 0.75rem;
        top: -6px;
    }
}

.chatbot-card__product-rating-count::before {
    content: '(';
    margin-right: -3px;
}

.chatbot-card__product-rating-count::after {
    content: ')';
    margin-left: -3px;
}

.chatbot-card__product-rating-count a {
    color: #999999;
    text-decoration: underline;
}

.chatbot-card__product-fave {
    font-size: 20px;
    color: #999999;
    position: absolute;
    bottom: 15px;
    right: 10px;
    cursor: pointer;
    display: none; /* Disabled due to performance */
}

@media screen and (min-width: 47.5em) {
    .chatbot-card__product-fave {
        bottom: 13px;
        right: 15px;
    }
}

.chatbot-card__product-fave:hover {
    color: #FC2561;
}

.chatbot-card__product-fave--faved::before {
    content: "\E011";
    color: #FC2561;
}

.chatbot-card__options {
    background: #FFFFFF;
    margin: 15px -15px -15px;
}

@media screen and (min-width: 47.5em) {
    .chatbot-card__options {
        margin: 20px -20px -20px;
    }
}

.chatbot-card__options li {
    transition: color .25s linear .5s;
}

.chatbot-card__options.inactive li {
    color: #000000;
}

.chatbot-card__options.iframe-options {
    margin: 0;
}

.chatbot-card__option {
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 0.75rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    color: #FC2561;
    padding: 15px;
    border-top: 1px solid #eeeeee;
    cursor: pointer;
    line-height: 1;
}

@media screen and (min-width: 47.5em) {
    .chatbot-card__option {
        font-size: 1.125rem;
        padding: 20px;
    }
}

.chatbot-card__option--photo, .chatbot-card__option--selfie {
    position: relative;
}

    .chatbot-card__option--photo input, .chatbot-card__option--selfie input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }

.chatbot-card__option.selected {
    color: #FFFFFF !important;
    background-color: #FC2561;
    transition: color .5s linear;
    transition: background-color .5s linear;
}

.chatbot-card__option.chosen {
    color: #FC2561 !important;
    background-color: #FFFFFF;
    transition: color .5s linear;
    transition: background-color .5s linear;
}

.chatbot-card__option a {
    display: block;
    color: #FC2561;
    text-decoration: none;
}

.chatbot-card__typing {
    padding: 0 5px;
}

    .chatbot-card__typing .chatbot-card__typing-dot, .chatbot-card__typing::before, .chatbot-card__typing::after {
        content: '';
        width: 10px;
        height: 10px;
        background: #666666;
        border-radius: 50%;
        margin: 0 1px;
        display: inline-block;
        opacity: .5;
        -webkit-animation-name: dots;
        animation-name: dots;
        -webkit-animation-duration: 0.6s;
        animation-duration: 0.6s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }

    .chatbot-card__typing::before {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    .chatbot-card__typing::after {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }

.chatbot-card__user-photo {
    display: block;
    width: 100%;
}

.chatbot-card__content-details, .chatbot-card__product-details {
    font-family: "Helvetica Neue LT W05_55 Roman";
    font-size: 0.75rem;
    line-height: 0.9375rem;
    font-weight: 300;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (min-width: 47.5em) {
    .chatbot-card__content-details, .chatbot-card__product-details {
        font-size: 0.875rem;
        line-height: 1.125rem;
    }
}

@-webkit-keyframes dots {
    0% {
        opacity: .5;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes dots {
    0% {
        opacity: .5;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

.chatbot-debugpanel {
    display: none;
    position: absolute;
    bottom: 100%;
    z-index: 100;
}

.chatbot-debugpanel__button {
    border: 1px;
    padding: 10px;
    margin: 5px;
}

.chatbot-ftue {
    display: none;
    background-position: top center;
    background-size: cover;
    position: fixed;
    top: 100%;
    left: 100%;
    z-index: 1;
}

.chatbot-ftue-open .chatbot-ftue {
    bottom: 0;
    right: 0;
    top: auto;
    left: auto;
    width: 100%;
    height: 100%;
}

.chatbot-ftue::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(/maybelline/global/img/ftue/ftue-bg-triangle.png);
    background-size: 100% 100%;
}

.chatbot-ftue::before {
    content: '';
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: absolute;
    bottom: calc(-200vw - 13px);
    right: calc(-200vw - 30px);
    box-sizing: content-box;
    display: none;
    box-shadow: inset 0 0 0 2px #FC2561, inset 0px 0px 20px -3px rgba(0, 0, 0, 0.5);
    border-top: 200vw solid rgba(0, 0, 0, 0.58);
    border-right: 200vw solid rgba(0, 0, 0, 0.58);
    border-left: 200vw solid rgba(0, 0, 0, 0.58);
    border-bottom: 200vw solid rgba(0, 0, 0, 0.58);
}

@media screen and (min-width: 47.5em) {
    .chatbot-ftue::before {
        width: 200px;
        height: 200px;
        bottom: calc(-200vw - 9px);
        right: calc(-200vw - 61px);
    }
}

.chatbot-ftue-open .chatbot-ftue::before {
    display: block;
}

.chatbot-ftue__content {
    width: 135px;
    position: absolute;
    bottom: 75px;
    right: 40px;
}

@media screen and (min-width: 47.5em) {
    .chatbot-ftue__content {
        width: 200px;
        right: 140px;
        bottom: 100px;
    }
}

.chatbot-ftue__title {
    font-size: 0.875rem;
    line-height: 1.125rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #FFFFFF;
}

@media screen and (min-width: 47.5em) {
    .chatbot-ftue__title {
        font-size: 1.125rem;
    }
}

.chatbot-ftue__title em {
    font-style: normal;
}

.chatbot-ftue__text {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.625rem;
    line-height: 0.875rem;
    font-weight: 300;
    letter-spacing: .03em;
    color: #FFFFFF;
    margin: 8px 0 15px;
}

@media screen and (min-width: 47.5em) {
    .chatbot-ftue__text {
        font-size: 0.75rem;
        line-height: 1.25rem;
    }
}

.chatbot-ftue__button {
    font-size: 0.75rem;
    line-height: 1.75rem;
    letter-spacing: .2em;
    text-transform: uppercase;
    text-align: center;
    color: #FFFFFF;
    width: 74px;
    height: 30px;
    border: 1px solid #FFFFFF;
    background: #000000;
    cursor: pointer;
}

@media screen and (min-width: 47.5em) {
    .chatbot-ftue__button {
        font-size: 0.875rem;
        line-height: 43px;
        width: 140px;
        height: 45px;
    }
}

.chatbot-search {
    opacity: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 100%;
    left: 100%;
    z-index: 5;
}

.chatbot-search-open .chatbot-search {
    opacity: 1;
    top: 0;
    left: 0;
    transition: opacity .5s;
    padding: 100px 20px 0px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 47.5em) {
    .chatbot-search-open .chatbot-search {
        padding: 100px 40px 0px;
    }
}

.chatbot-search__top-bar {
    overflow: visible !important;
}

    .chatbot-search__top-bar .tt-menu {
        display: block !important;
        padding: 7px 0 0;
        background: none;
        border: 0;
        top: 100%;
    }

    .chatbot-search__top-bar .tt-suggestion {
        font-size: 0.875rem;
        letter-spacing: .09em;
        text-transform: uppercase;
        color: #fff;
        padding: 15px 5px;
        border-bottom: 1px solid rgba(153, 153, 153, 0.5);
    }

.chatbot-search__results-container {
    margin-top: -20px !important;
}

    .chatbot-search__results-container::before {
        top: 20px !important;
    }

    .chatbot-search__results-container .mny-loader {
        position: absolute;
        top: 30px;
        width: 100%;
    }

    .chatbot-search__results-container .no-results {
        position: absolute;
        top: 30px;
        width: 100%;
        font-size: 0.875rem;
        letter-spacing: .09em;
        text-transform: uppercase;
        color: #fff;
        padding: 15px 5px;
    }

.chatbot-search__results-info {
    border-bottom: 1px solid #999999;
    padding: 15px 0;
    margin-bottom: 0 !important;
}

.chatbot-search__results {
    opacity: 0;
}

.chatbot-signin {
    opacity: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    position: fixed;
    top: 100%;
    left: 100%;
    z-index: 5;
    text-align: center;
}

.chatbot-signin-open .chatbot-signin {
    opacity: 1;
    top: 0;
    left: 0;
    transition: opacity .5s;
    padding: 100px 20px;
}

@media screen and (min-width: 47.5em) {
    .chatbot-signin-open .chatbot-signin {
        padding: 100px 40px;
    }
}

.chatbot-signin__top {
    width: 300px;
    padding-bottom: 10px;
    margin: 0 auto;
    position: relative;
}

@media screen and (min-width: 47.5em) {
    .chatbot-signin__top {
        width: auto;
    }
}

.chatbot-signin__top::after {
    content: '';
    display: block;
    width: 300px;
    height: 1px;
    background: #666666;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -150px;
}

.chatbot-signin__title {
    font-size: 2rem;
    line-height: 2rem;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #FFFFFF;
}

@media screen and (min-width: 47.5em) {
    .chatbot-signin__title {
        font-size: 3.33rem;
        line-height: 3rem;
    }
}

.chatbot-signin__title span {
    display: block;
}

.chatbot-signin__button {
    font-size: 0.75rem;
    line-height: 2.0625rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 220px;
    height: 35px;
    padding: 0;
    margin-bottom: 15px;
    border: 1px solid #FFFFFF;
}

@media screen and (min-width: 47.5em) {
    .chatbot-signin__button {
        width: 250px;
        height: 40px;
    }
}

.chatbot-signin__text {
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.33125rem;
    letter-spacing: -0.35px;
    color: #FFF;
    width: 270px;
    margin: 0 auto 1em;
    font-family: "Helvetica Neue LT W05_55 Roman";
}

button.chatbot-signin__button.facebook-connect.button.button-primary {
    color: #000;
    background-color: #FFF;
    line-height: 0;
}

button.chatbot-signin__button.facebook-connect.button.button-primary .icon-facebook {
    display: none;
}

@media screen and (min-width: 47.5em) {
    .chatbot-signin__text {
        font-size: 1.167rem;
        line-height: 1.67rem;
        width: 380px;
    }
}

.chatbot-signin__text a {
    color: #FFFFFF;
    text-decoration: underline;
}

.chatbot-signin__close {
    font-size: 20px;
    color: #FFFFFF;
    position: absolute;
    top: 100px;
    right: 20px;
}

@media screen and (min-width: 47.5em) {
    .chatbot-signin__close {
        font-size: 35px;
    }
}

.header button, .hamburger-menu button {
    font-size: 0.75rem;
    height: 40px;
    line-height: 40px;
    border-radius: none;
    border: 1px solid #999999;
    background: #1A1A1A;
    margin: 10px auto;
    width: 220px;
    color: #FFFFFF;
    padding: 0;
}

.no-touch .header button:hover, .no-touch .hamburger-menu button:hover {
    background: #FC2561;
    border: 1px solid #FC2561;
    color: #FFFFFF;
}

.header button:focus, .hamburger-menu button:focus {
    outline: none;
}

.header {
    width: 100%;
    height: auto;
    background: #000000;
    color: #FFFFFF;
    z-index: 999;
    margin: 0;
    padding: 0;
    letter-spacing: 0.05rem;
    transition: height 0.4s ease;
    position: relative;
}

    .header .form .floating-input {
        background: white;
        width: 206px;
        height: 44px;
    }

@media screen and (min-width: 80em) {
    .header .form .floating-input {
        width: 214px;
    }
}

.header .chosen-container {
    margin-top: 15px;
}

    .header .chosen-container a.chosen-single div:after {
        content: "";
        width: 16px;
        height: 10px;
        position: absolute;
        z-index: 999999;
        top: 16px;
        right: 10px;
        background: url(../img/header/sprite.svg) no-repeat 0 -33px;
    }

    .header .chosen-container.chosen-with-drop a.chosen-single div:after {
        content: "";
        width: 16px;
        height: 10px;
        position: absolute;
        z-index: 999999;
        top: 16px;
        right: 10px;
        background: url(../img/header/sprite.svg) no-repeat 0 -22px;
    }

.header-social {
    height: 22px;
    margin-bottom: 8px;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}

    .header-social li {
        float: left;
        position: relative;
        margin-right: 8px;
    }

        .header-social li:last-child {
            margin-right: 0px;
        }

    .header-social a {
        display: block;
        color: #7c1230;
        text-decoration: none;
        font-size: 1.1875rem;
    }

        .header-social a > span {
            display: none;
            visibility: hidden;
            height: 0;
            left: 0;
            overflow: hidden;
        }

.no-touch .header-social a:hover {
    color: #FFFFFF;
}

.header-social--hamburger {
    width: 100%;
    overflow: auto;
    height: auto;
    padding: 10px 20px 20px;
    line-height: 40px;
    background: #1A1A1A;
    float: left;
    position: relative;
}

    .header-social--hamburger:before, .header-social--hamburger:after {
        content: '';
        height: 10px;
        width: 100%;
        display: block;
        position: absolute;
        left: 0;
        z-index: 2;
    }

    .header-social--hamburger:before {
        top: 0;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent);
    }

    .header-social--hamburger:after {
        bottom: 0;
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), transparent);
    }

    .header-social--hamburger ul {
        padding-top: 6px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .header-social--hamburger li {
        float: left;
        margin: 5px 13px;
        height: auto;
    }

        .header-social--hamburger li:last-child {
            margin: 5px 13px;
        }

        .header-social--hamburger li a {
            color: #CCCCCC;
            font-size: 1.75rem;
        }

.no-touch .header-social--hamburger li a:hover {
    color: #FC2561;
}

.site-header {
    font-size: 0.75rem;
    width: 100%;
    z-index: 2;
    position: relative;
    background: #000000;
}

.site-header--fixed {
    position: fixed;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    top: -140px;
}

@media screen and (max-width: 63.75em) {
    .site-header--fixed {
        top: -60px;
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .site-header--fixed {
        top: -90px;
    }
}

@media only screen and (min-width: 1020px) and (max-width: 1020px) {
    .site-header--fixed {
        top: -140px;
    }
}

.site-header--fixed .header-bar {
    max-width: 100%;
}

.site-header--fixed .header-link {
    margin-right: 35px;
}

.site-header--fixed .header-link--signin {
    margin-right: 10px;
}

.site-header--down {
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px);
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .site-header--down {
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
    }
}

.site-header--open-down {
    -webkit-transform: translateY(290px);
    -ms-transform: translateY(290px);
    transform: translateY(290px);
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .header-logo--banner {
        background: none !important;
        width: 90px;
        height: 30px;
        margin: 0 auto;
    }
}

.header-logo--banner img {
    width: 375px;
    margin: 0 auto;
    padding-top: 20px;
    display: block;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .header-logo--banner img {
        width: 90px;
        padding-top: 12px;
    }
}

.header-logo--bar {
    height: 100%;
    line-height: 60px;
    float: left;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .header-logo--bar {
        display: none;
    }
}

.header-logo--bar img {
    width: 140px;
    margin-left: 8px;
    margin-right: 10px;
    position: relative;
    top: 4px;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .header-logo--bar img {
        margin-left: 0;
        margin-right: 2px;
    }
}

@media screen and (min-width: 47.5em) {
    .header-logo--bar {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

        .header-logo--bar img {
            width: 160px;
            margin-right: 20px;
        }
}

@media screen and (min-width: 63.75em) {
    .header-logo--bar {
        display: none;
    }

        .header-logo--bar img {
            margin-left: 19px;
            margin-right: 13px;
        }

    .site-header--fixed .header-logo--bar, .site-header--open-fixed .header-logo--bar {
        position: relative;
        display: inline;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.header-icon {
    line-height: 60px;
    display: inline-block;
    height: 60px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1.25rem;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .header-icon {
        margin-left: 28px;
    }

    .header-icon--content-feed {
        margin-left: 0;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .header-icon {
        margin-left: 6px;
    }
}

.header-bar__links .header-icon {
    float: left;
}

.header-icon--hamburger {
    float: left;
    width: 60px;
    font-size: 1.75rem;
}

    .header-icon--hamburger .icon-arrow_left {
        display: none;
    }

    .no-touch .header-icon--hamburger:hover, .header-icon--hamburger:active {
        color: #FC2561;
    }

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .header-icon--hamburger {
        margin-left: 0;
        border-right: 1px solid rgba(153, 153, 153, 0.5);
    }
}

@media screen and (min-width: 63.75em) {
    .header-icon--hamburger {
        display: none;
    }
}

.header-icon--favorite {
    display: none;
}

    .header-icon--favorite > span:nth-child(2) {
        font-size: 10px;
    }

.header-icon--favorite, .header-icon--content-feed, .header-icon--profile, .header-icon--search, .header-icon--cart {
    position: relative;
}

    .no-touch .header-icon--favorite:hover, .header-icon--favorite:active, .header-icon--favorite.active, .no-touch .header-icon--content-feed:hover, .header-icon--content-feed:active, .header-icon--content-feed.active, .no-touch .header-icon--profile:hover, .header-icon--profile:active, .header-icon--profile.active, .no-touch .header-icon--search:hover, .header-icon--search:active, .header-icon--search.active, .no-touch .header-icon--cart:hover, .header-icon--cart:active, .header-icon--cart.active {
        color: #FC2561;
    }

@media screen and (min-width: 63.75em) {
    .header-icon--content-feed, .header-icon--profile {
        display: none;
    }
}

.header-icon > span.icon, .header-icon > span.get-the-look__video__image, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .header-icon > span.color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .header-icon > span.product-info__shade-swatch:before, .module-stateful.product-info .header-icon > span.product-info__color-overlay--with-video:before, .cheatsheet .header-icon > span.cheatsheet__dash, .header-icon > span.video-kit__hero-image, .header-icon > span.video-kit__card-image, .header-icon > span.video-promoted__image {
    display: block;
    padding: 0 5px;
    float: left;
}

@media screen and (min-width: 47.5em) {
    .header-icon > span.icon, .header-icon > span.get-the-look__video__image, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .header-icon > span.color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .header-icon > span.product-info__shade-swatch:before, .module-stateful.product-info .header-icon > span.product-info__color-overlay--with-video:before, .cheatsheet .header-icon > span.cheatsheet__dash, .header-icon > span.video-kit__hero-image, .header-icon > span.video-kit__card-image, .header-icon > span.video-promoted__image {
        padding: 0 7px;
    }
}

@media screen and (min-width: 80em) {
	
	.header-icon > span.icon {
		margin-left: 15px !important;
	}
	
    .header-icon > span.icon, .header-icon > span.get-the-look__video__image, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .header-icon > span.color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .header-icon > span.product-info__shade-swatch:before, .module-stateful.product-info .header-icon > span.product-info__color-overlay--with-video:before, .cheatsheet .header-icon > span.cheatsheet__dash, .header-icon > span.video-kit__hero-image, .header-icon > span.video-kit__card-image, .header-icon > span.video-promoted__image {
        padding: 0 10px;
    }
}

.header-icon > span:not(.icon):not(.get-the-look__video__image):not(.module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before):not(.module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before):not(.module-stateful.product-info .product-info__color-overlay--with-video:before):not(.cheatsheet .cheatsheet__dash):not(.ratings-and-reviews .rar__user-rating li):not(.video-kit__hero-image):not(.video-kit__card-image):not(.video-promoted__image) {
    font-weight: 300;
    position: relative;
    float: right;
    display: block;
    font-size: 0.625rem;
    text-decoration: none;
    letter-spacing: 0.1rem;
    line-height: 69px;
    margin-left: -2px;
    padding-right: 2px;
}

body.cart-menu-open .header-icon--cart {
    color: #FC2561;
}

.header-icon__count {
    font-size: 10px;
    font-weight: 300;
}

.header-icon--has-update:after {
    content: '';
    position: absolute;
    top: 21px;
    right: 1px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #FC2561;
}

@media screen and (min-width: 47.5em) {
    .header-icon--has-update:after {
        right: 3px;
    }
}

.header-icon--has-update.header-icon--profile:after {
    right: 5px;
}

@media screen and (min-width: 47.5em) {
    .header-icon--has-update.header-icon--profile:after {
        right: 7px;
    }
}

.header-icon-status {
    font-weight: 100;
    width: 0;
    position: relative;
    left: -5px;
    color: #FC2561;
    font-size: 0.625rem;
    text-decoration: none;
    line-height: 68px;
    letter-spacing: 0.0625rem;
}

.header-linklist {
    position: relative;
}

    .header-linklist--more, .header-linklist .column-links--right {
        font-weight: 500;
        box-sizing: border-box;
        margin-top: 36px;
        float: left;
        width: 220px;
        border-right: 1px solid #999999;
        padding-left: 20px;
        z-index: 2;
        margin-left: 50px;
    }

        .header-linklist--more ul, .header-linklist .column-links--right ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

        .header-linklist--more li, .header-linklist .column-links--right li {
            float: left;
            width: 135px;
            margin-bottom: 20px;
        }

            .header-linklist--more li a, .header-linklist .column-links--right li a {
                color: white;
                text-decoration: none;
                text-transform: uppercase;
                font-size: 1rem;
                letter-spacing: 0.1rem;
                font-weight: 100;
            }

.no-touch .header-linklist--more li a:hover, .no-touch .header-linklist .column-links--right li a:hover {
    color: #FC2561;
}

@media screen and (min-width: 80em) {
    .header-linklist--more, .header-linklist .column-links--right {
        width: 380px;
        margin-left: 0px;
    }

        .header-linklist--more li, .header-linklist .column-links--right li {
            width: 165px;
        }
}

.header-linklist--more {
    width: 390px;
    margin-top: 36px;
    padding-left: 50px;
    border-right: 1px solid rgba(153, 153, 153, 0.25);
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .header-linklist--more {
        width: 276px;
        padding-left: 0px;
        margin-left: 20px;
        left: -17px;
    }

        .header-linklist--more li {
            width: 119px;
        }

            .header-linklist--more li:nth-child(2n-1) {
                width: 130px;
            }
}

@media screen and (min-width: 80em) and (max-width: 9999em) {
    .header-linklist--more {
        padding-left: 0;
        width: 360px;
    }
}

.header-linklist .column-links--right {
    margin-top: 4px;
}

.header-linklist--footer {
    letter-spacing: 0.05rem;
}

    .header-linklist--footer ul {
        line-height: 35px;
        letter-spacing: 0.1rem;
        font-size: 0.75rem;
    }

    .header-linklist--footer a {
        font-weight: 300;
        font-size: 0.75rem;
        color: #7c1230;
        text-decoration: none;
    }

.no-touch .header-linklist--footer a:hover {
    color: #FFFFFF;
}

.header-validate {
    font-weight: 300;
    margin-top: 8px;
    font-size: 0.625rem;
    color: #FFFFFF;
    letter-spacing: 0.1rem;
}

.header-validate--email {
    color: #FFFFFF;
}

.header-validate--locate {
    color: #FC2561;
}

.header-banner {
    height: 80px;
    width: 100%;
    background: #000000;
    display: none;
    z-index: 300;
    position: relative;
}

    .header-banner h2 {
        margin: 0;
        font-size: 0;
    }

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .header-banner {
        opacity: 1 !important;
        display: block;
        height: 30px;
        background: #222222;
    }
}

@media screen and (min-width: 63.75em) {
    .header-banner {
        display: block;
    }
}

.header-more {
    font-size: 0.75rem;
    width: 100%;
    height: 350px;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    letter-spacing: 0.1rem;
}

noscript .header-more {
    display: block;
    position: relative;
    padding-top: 70px;
    height: 310px;
}

.header-more:after {
    content: "";
    width: 100%;
    height: 25px;
    position: absolute;
    bottom: 0;
    z-index: 0;
    background: radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
}

.header-more > div {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.header-more .button {
    display: none;
}

.header-more__locate {
    box-sizing: border-box;
    margin-top: 36px;
    padding-left: 50px;
    float: left;
    position: relative;
    z-index: 2;
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .header-more__locate {
        padding-left: 30px;
        margin-top: 30px;
    }
}

@media screen and (min-width: 80em) {
    .header-more__locate {
        margin-top: 30px;
        padding-left: 83px;
    }
}

.header-more__locate .floating-input {
    float: left;
}

.header-more__locate .locate-form {
    visibility: collapse;
}

.header-more__locate input {
    width: 220px;
    transition: width 0.5s ease-in-out;
}

.header-more__locate p {
    display: none;
    clear: both;
    color: #FFFFFF;
    margin: 0 0 10px 0;
    font-size: 1rem;
    font-family: "Neue Helvetica W01";
    font-weight: 500;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .header-more__locate p {
        font-size: 1rem;
    }
}

@media screen and (min-width: 63.75em) {
    .header-more__locate p {
        margin-bottom: 11px;
    }
}

.header-more__locate p span {
    font-size: 1.25rem;
    margin-right: 8px;
    position: relative;
    top: 3px;
}

.header-more__locate li {
    list-style-type: none;
    float: left;
    clear: both;
    width: 135px;
    margin-bottom: 20px;
}

    .header-more__locate li a {
        color: white;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 1rem;
        letter-spacing: 0.1rem;
    }

.no-touch .header-more__locate li a:hover {
    color: #FC2561;
}

.header-more__language {
    width: 220px;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    margin-top: 15px;
    color: #7c1230;
    border-top: 1px solid #7c1230;
    border-bottom: 1px solid #7c1230;
    position: relative;
    z-index: 2;
}

.header-more__newsletter .header-validate {
    opacity: 0;
}

.header-more__misc {
    width: 320px;
    height: 155px;
    margin-top: 20px;
    padding-left: 20px;
    float: left;
    border-right: 1px solid rgba(124, 18, 48, 0.42);
    position: relative;
    z-index: 2;
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .header-more__misc {
        width: 290px;
        padding-left: 30px;
    }
}

.header-more__links {
    margin-top: 36px;
    padding-left: 30px;
    float: left;
    position: relative;
    z-index: 2;
}

.header-more .newsletter-unsubscribe {
    font-weight: 300;
    margin: 5px 0 5px;
    font-size: 0.625rem;
    color: #FFFFFF;
    letter-spacing: 0.1rem;
    width: auto;
}

.header-more .more-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.header-more__left {
    float: left;
    width: 55%;
    height: 100%;
    position: relative;
}

    .header-more__left .more-bg {
        background: url(../img/header/gray-bg.svg) no-repeat center center;
        background-size: cover;
    }

@media screen and (min-width: 80em) {
    .header-more__left {
        width: 60%;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .header-more__left {
        width: 57%;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .header-more__left > div {
        float: right;
        padding-right: 30px;
    }

        .header-more__left > div .floating-input {
            width: 200px;
        }

            .header-more__left > div .floating-input input {
                width: 200px;
            }
}

.header-more__left .more-left-container {
    float: right;
}

@media screen and (min-width: 80em) {
    .header-more__left .more-left-container {
        width: 702px;
    }
}

.header-more__right {
    float: left;
    width: 45%;
    height: 100%;
    position: relative;
}

    .header-more__right .more-bg {
        background: url(../img/header/pink-bg.svg) no-repeat center center;
        background-size: cover;
    }

@media screen and (min-width: 80em) {
    .header-more__right {
        width: 40%;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .header-more__right {
        width: 43%;
    }
}

.header-more__right .header-more__links {
    margin-top: 24px;
}

.header-bar {
    height: 60px;
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
    background: #000000;
    position: relative;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    z-index: 200;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

.header-bar--more-open {
    -webkit-transform: translateY(230px);
    -ms-transform: translateY(230px);
    transform: translateY(230px);
}

.header-bar__links--left {
    float: left;
    height: 100%;
    display: none;
}

@media screen and (min-width: 63.75em) {
    .header-bar__links--left {
        display: block;
    }
}

.header-bar__links--right {
    float: right;
    margin-right: 15px;
    height: 100%;
}

    .header-bar__links--right .header-link__lang-switcher {
        margin-right: 5px;
    }

@media screen and (max-width: 63.75em) {
    .header-bar__links--right .header-link__lang-switcher {
        display: block;
    }
}

.header-link {
    font-weight: 500;
    font-size: 0.6875rem;
    text-decoration: none;
    position: relative;
    float: left;
    color: #FFFFFF;
    line-height: 60px;
    letter-spacing: 0.1rem;
    margin-right: 15px;
}

    .header-link:first-child {
        margin-left: 20px;
    }

    .header-link:last-child {
        margin-right: 0px;
    }

    .no-touch .header-bar .header-link:hover ul, .header-bar .header-link:active ul, .header-link.dropdown-open ul {
        display: block;
    }

    .no-touch .header-bar .header-link:hover span.title:before, .header-bar .header-link:active span.title:before, .header-link.dropdown-open span.title:before {
        display: block;
    }

    .header-link .header-lang-switcher {
        margin-left: 5px;
    }

        .header-link .header-lang-switcher span {
            text-decoration: none;
            padding-bottom: 5px;
            border-bottom: 1px solid #FC2561;
            top: -1px;
        }

        .no-touch .header-link .header-lang-switcher:hover, .header-link .header-lang-switcher:active, .header-link .header-lang-switcher.active {
            color: #FC2561;
        }

    .header-link .maybellinenow {
        display: block;
    }

@media screen and (min-width: 47.5em) {
    .header-link .maybellinenow {
        display: none;
    }
}

.no-touch .header-link--gray:hover > a, .header-link--gray:active > a {
    color: white;
}

.header-link span.icon, .header-link span.get-the-look__video__image, .header-link .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches span.color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .header-link span.color-picker__swatch:before, .header-link .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade span.product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .header-link span.product-info__shade-swatch:before, .header-link .module-stateful.product-info span.product-info__color-overlay--with-video:before, .module-stateful.product-info .header-link span.product-info__color-overlay--with-video:before, .header-link .cheatsheet span.cheatsheet__dash, .cheatsheet .header-link span.cheatsheet__dash, .header-link span.video-kit__hero-image, .header-link span.video-kit__card-image, .header-link span.video-promoted__image {
    display: none;
}

.header-link > a {
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    display: block;
    font-weight: 100;
}

    .header-link > a span {
        position: relative;
    }

        .header-link > a span:after {
            content: '';
            position: absolute;
            left: -10px;
            right: -10px;
            top: -10px;
            bottom: -10px;
            border-bottom: 1px solid #FC2561;
            display: none;
        }

        .header-link > a span.title:before {
            content: '';
            position: absolute;
            left: 0;
            bottom: -4px;
            width: 100%;
            border-bottom: 1px solid #FC2561;
            display: none;
        }

.header-link--gray > a {
    color: #999999;
}

.header-register__right .form .register-checkboxes {
    position: relative;
    float: left;
    width: 100%;
    height: 98px;
    overflow: auto;
    margin-top: 15px;
}

.no-touch .header-link--gray > a:hover, .header-link--gray > a:active {
    color: #FFFFFF;
}

.header-link--signin,
.header-link--signup {
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    position: relative;
    margin-right: 10px;
    display: none;
    float: left;
}

@media screen and (min-width: 63.75em) {
    .header-link--signin,
    .header-link--signup {
        display: inline;
    }
}

.header-link--signin .header-dropdown,
.header-link--signin .icon-arrow_down,
.header-link--signup .header-dropdown,
.header-link--signup .icon-arrow_down {
    display: none;
}

.header-link--signin .profile-hidden {
    display: none;
}

    .header-link--signin .profile-hidden.active{
        display: block;
    } 

.header-link--profile {
    display: none;
}

.header-dropdown {
    font-weight: 300;
    font-size: 0.75rem;
    display: none;
    margin: 0;
    padding: 0;
    width: 230px;
    list-style-type: none;
    position: absolute;
    top: 60px;
    left: -22px;
    z-index: 2;
}

    .header-dropdown:after {
        content: '';
        height: 0;
        width: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #000000;
        position: absolute;
        top: 0;
        left: 32px;
    }

    .header-dropdown li {
        width: 100%;
        height: 54px;
        line-height: 54px;
        position: relative;
        border-bottom: 1px solid #333333;
    }

        .header-dropdown li:last-child {
            border-bottom: none;
        }

        .header-dropdown li a {
            width: 100%;
            padding-left: 22px;
            display: block;
            height: 100%;
            left: 100%;
            color: #F1F1F1;
            background: #1F1F1F;
            text-decoration: none;
        }

.no-touch .header-dropdown li a:hover {
    color: #FFFFFF;
    background: #FC2561 !important;
}

.hamburger-menu .header-dropdown {
    z-index: 2;
    display: block;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    height: 0px;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
}

    .hamburger-menu .header-dropdown:before {
        content: '';
        height: 10px;
        width: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent);
    }

    .hamburger-menu .header-dropdown:after {
        display: none;
    }

    .hamburger-menu .header-dropdown li {
        font-size: 0.75rem;
        width: 100%;
        height: 60px;
        line-height: 60px;
        box-sizing: border-box;
        border-bottom: 1px solid #333333;
    }

        .hamburger-menu .header-dropdown li:last-child {
            border-bottom: none;
        }

        .hamburger-menu .header-dropdown li a {
            font-weight: 300;
            padding-left: 40px;
            background: #191919;
        }

body.hamburger-open {
    overflow-y: hidden;
    position: fixed;
}

    body.hamburger-open .site-container {
        -webkit-transform: translate(260px, 0);
        -ms-transform: translate(260px, 0);
        transform: translate(260px, 0);
    }

    body.hamburger-open .chatbot {
        -webkit-transform: translate(260px, 0);
        -ms-transform: translate(260px, 0);
        transform: translate(260px, 0);
    }

    body.hamburger-open .cookie-bar {
        -webkit-transform: translate(260px, 0);
        -ms-transform: translate(260px, 0);
        transform: translate(260px, 0);
    }

    body.hamburger-open .header-shift {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    body.hamburger-open .hamburger-menu {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    body.hamburger-open .header-icon--hamburger .icon-arrow_left {
        display: block;
    }

    body.hamburger-open .header-icon--hamburger .icon-hamburger {
        display: none;
    }

    body.hamburger-open .header-bar {
        -webkit-transform: translate(260px, 0);
        -ms-transform: translate(260px, 0);
        transform: translate(260px, 0);
    }

.header-shift {
    position: absolute;
    width: 260px;
    height: 60px;
    top: 0;
    -webkit-transform: translate(-260px, 0);
    -ms-transform: translate(-260px, 0);
    transform: translate(-260px, 0);
    display: block;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    border-right: 1px solid rgba(153, 153, 153, 0.5);
}

    .header-shift .header-link--signin,
    header-shift .header-link--signup {
        display: inline-block;
    }

    .header-shift a:first-child {
        margin-left: 20px;
    }

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .header-shift {
        top: 30px;
    }
}

.hamburger-menu {
    position: fixed;
    top: 70px;
    width: 260px;
    -webkit-transform: translate(-260px, 0);
    -ms-transform: translate(-260px, 0);
    transform: translate(-260px, 0);
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 26;
    padding-bottom: 150px;
    background: #1F1F1F;
    border-right: 1px solid rgba(153, 153, 153, 0.5);
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .hamburger-menu {
        top: 60px;
    }
}

body.transition-ready .hamburger-menu {
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
}

.hamburger-menu > div {
    display: none;
    z-index: 0;
}

    .hamburger-menu > div.active {
        display: block;
        z-index: 5;
    }

.hamburger-menu::-webkit-scrollbar {
    display: none;
}

.hamburger-menu__links {
    float: left;
    position: relative;
}

.hamburger-menu .header-link {
    font-weight: 500;
    font-size: 0.75rem;
    width: 100%;
    line-height: 60px;
    box-sizing: border-box;
    margin-right: 0;
    border-bottom: 1px solid #333333;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    position: relative;
}

    .hamburger-menu .header-link span.icon, .hamburger-menu .header-link span.get-the-look__video__image, .hamburger-menu .header-link .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches span.color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .hamburger-menu .header-link span.color-picker__swatch:before, .hamburger-menu .header-link .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade span.product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .hamburger-menu .header-link span.product-info__shade-swatch:before, .hamburger-menu .header-link .module-stateful.product-info span.product-info__color-overlay--with-video:before, .module-stateful.product-info .hamburger-menu .header-link span.product-info__color-overlay--with-video:before, .hamburger-menu .header-link .cheatsheet span.cheatsheet__dash, .cheatsheet .hamburger-menu .header-link span.cheatsheet__dash, .hamburger-menu .header-link span.video-kit__hero-image, .hamburger-menu .header-link span.video-kit__card-image, .hamburger-menu .header-link span.video-promoted__image {
        display: inline;
        font-size: 1.25rem;
        position: absolute;
        right: 15px;
        top: 0px;
    }

    .no-touch .hamburger-menu .header-link:hover, .hamburger-menu .header-link:active {
        cursor: pointer;
    }

        .no-touch .hamburger-menu .header-link:hover span.title:before, .hamburger-menu .header-link:active span.title:before {
            display: block;
        }

    .hamburger-menu .header-link > a {
        margin-left: 20px;
        display: block;
        padding-bottom: 0;
    }

.hamburger-menu .header-link--more {
    display: none;
}

.hamburger-menu .header-link--gray:after {
    display: none;
}

.hamburger-menu .header-link:first-child {
    margin-left: 0px;
}

.hamburger-menu .header-link.dropdown-open {
    border-bottom: none;
}

body.cart-menu-open {
    overflow-y: hidden;
    position: fixed;
}

    body.cart-menu-open .cart-menu {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

body.header-tall .cart-menu {
    top: 141px;
    padding-bottom: 200px;
}

body.header-tall.header-fixed .cart-menu {
    top: 60px;
}

body.header-short .cart-menu {
    top: 60px;
    padding-bottom: 100px;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    body.header-short .cart-menu {
        top: 90px;
    }
}

.cart-menu {
    position: fixed;
    width: 320px;
    right: 0;
    -webkit-transform: translate(350px, 0);
    -ms-transform: translate(350px, 0);
    transform: translate(350px, 0);
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 99;
    padding-bottom: 100px;
    background: #FFFFFF;
    border-left: 1px solid rgba(153, 153, 153, 0.5);
    padding: 0px 20px;
}

body.transition-ready .cart-menu {
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
}

.cart-menu__info {
    letter-spacing: 0.05rem;
    text-align: center;
    margin-top: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
    text-transform: uppercase;
}

    .cart-menu__info h2 {
        text-align: left;
        font-size: 1.125rem;
        font-weight: 100;
        float: left;
        margin: 0;
    }

        .cart-menu__info h2 span {
            font-weight: 500;
        }

    .cart-menu__info .total-items {
        text-align: left;
        float: right;
        font-size: 0.625rem;
        line-height: 1.375rem;
        font-weight: 300;
    }

.cart-menu__item {
    position: relative;
    width: 100%;
    padding: 30px 0px;
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
}

    .cart-menu__item:last-child {
        border-bottom: none;
    }

    .cart-menu__item a.close {
        position: absolute;
        top: 30px;
        right: 0;
        color: #999999;
        text-decoration: none;
        font-size: 0.8125rem;
    }

        .no-touch .cart-menu__item a.close:hover, .cart-menu__item a.close:active {
            color: #000000;
        }

    .cart-menu__item .image {
        width: 80px;
        margin-right: 5px;
        float: left;
        box-shadow: 0 34px 58px -33px rgba(0, 0, 0, 0.75);
    }

        .cart-menu__item .image img {
            width: 100%;
        }

        .cart-menu__item .image:after {
            width: 80px;
            height: 7px;
            top: 97%;
        }

    .cart-menu__item .info {
        width: 174px;
        float: right;
        text-transform: uppercase;
        letter-spacing: 0.075rem;
    }

        .cart-menu__item .info .title-container {
            overflow: auto;
            float: left;
        }

            .cart-menu__item .info .title-container a {
                text-decoration: none;
                color: #000000;
            }

                .no-touch .cart-menu__item .info .title-container a:hover, .cart-menu__item .info .title-container a:active {
                    color: #000000;
                }

        .cart-menu__item .info .title {
            float: left;
            font-size: 0.625rem;
            line-height: 0.75rem;
            font-weight: 500;
            width: 120px;
        }

        .cart-menu__item .info .color {
            float: left;
            clear: both;
            font-size: 0.5rem;
            line-height: 0.75rem;
            font-weight: 300;
            letter-spacing: 0.1rem;
            margin-top: 8px;
        }

        .cart-menu__item .info .price {
            margin-top: -19px;
            margin-right: -3px;
            float: right;
            font-size: 0.625rem;
            line-height: 0.875rem;
            font-weight: 100;
        }

            .cart-menu__item .info .price span {
                letter-spacing: 0.12rem;
                font-size: 0.625rem;
            }

            .cart-menu__item .info .price div {
                font-weight: 500;
            }

        .cart-menu__item .info .stock {
            float: left;
            clear: both;
            font-size: 0.75rem;
            line-height: 1.4375rem;
            font-weight: 500;
            color: #FC2561;
            height: 22px;
            margin-bottom: 20px;
            margin-top: 8px;
        }

        .cart-menu__item .info .quantity {
            float: left;
            clear: both;
            margin-top: 11px;
        }

            .no-touch .cart-menu__item .info .quantity a:hover, .cart-menu__item .info .quantity a:active {
                color: #000000;
            }

            .cart-menu__item .info .quantity div.quantity-text {
                font-size: 0.625rem;
                font-weight: 500;
                float: left;
                line-height: 1.5625rem;
                margin-right: 8px;
            }

            .cart-menu__item .info .quantity input.quantity-input {
                display: none;
                clear: both;
                height: 25px;
                width: 30px;
                text-align: center;
                font-size: 0.5625rem;
                font-weight: 300;
                font-family: "Neue Helvetica W01";
                float: left;
            }

                .cart-menu__item .info .quantity input.quantity-input.active {
                    display: block;
                }

            .cart-menu__item .info .quantity .chosen-container {
                float: left;
                clear: both;
                width: 66px;
                height: 30px;
                float: left;
            }

                .cart-menu__item .info .quantity .chosen-container a.chosen-single {
                    height: 30px;
                    line-height: 30px;
                }

                .cart-menu__item .info .quantity .chosen-container.hidden {
                    display: none;
                }

            .cart-menu__item .info .quantity a.update {
                font-size: 0.5625rem;
                line-height: 1rem;
                font-weight: 300;
                color: #999999;
                text-decoration: none;
                border-bottom: 1px solid #999999;
                letter-spacing: 0.1rem;
                text-transform: capitalize;
                display: block;
                float: left;
                margin-top: 4px;
                margin-left: 10px;
            }

            .cart-menu__item .info .quantity .remove {
                float: left;
                clear: both;
                text-transform: capitalize;
                font-size: 0.5625rem;
                line-height: 1rem;
                font-weight: 300;
                color: #999999;
                text-decoration: none;
                border-bottom: 1px solid #999999;
                letter-spacing: 0.1rem;
                margin-top: 8px;
            }

.cart-menu__button {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.cart-menu__empty {
    text-align: center;
    position: relative;
    color: #666666;
    font-size: 12px;
    line-height: 1.25rem;
    font-weight: 300;
    letter-spacing: 1.60000002384186px;
}

    .cart-menu__empty h2 {
        text-align: center;
        position: relative;
        text-transform: uppercase;
        font-size: 1.875rem;
        line-height: 1.875rem;
        font-weight: 100;
        margin-bottom: 3.125rem;
    }

        .cart-menu__empty h2:after {
            position: absolute;
            left: 50%;
            -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            bottom: -1.25rem;
            content: " ";
            width: 2.5rem;
            height: 0.0625rem;
            background-color: #000000;
        }

@media screen and (min-width: 47.5em) {
    .cart-menu__empty h2:after {
        bottom: -1.5625rem;
    }
}

.cart-menu__empty p {
    font-weight: 300;
    font-size: 0.75rem;
    padding: 0 1.25rem;
}

@-moz-document url-prefix() {
    body.header-tall .cart-menu .cart-menu__button {
        margin-bottom: 200px;
    }

    body.header-short .cart-menu .cart-menu__button {
        margin-bottom: 100px;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    body.header-tall .cart-menu .cart-menu__button {
        margin-bottom: 200px;
    }

    body.header-short .cart-menu .cart-menu__button {
        margin-bottom: 100px;
    }
}

.header-middle {
    display: none;
    width: 100%;
    height: 250px;
    margin-top: -250px;
    position: relative;
    top: 0;
    z-index: 201;
    overflow: hidden;
}

body.transition-ready .header-middle {
    transition: margin 0.4s linear;
}

body.middle--more .header-middle {
    overflow: visible;
}

@media screen and (min-width: 63.75em) {
    .header-middle {
        display: block;
    }
}

.header-middle--open {
    margin-top: 0;
}

.header-middle > div {
    z-index: 1;
    display: none;
}

    .header-middle > div.active {
        z-index: 5;
        display: block;
    }

body.no-anim .header-middle {
    transition: none;
}

body.middle--more .header-middle--open {
    margin-top: 0;
}

body.middle--signin .header-middle--open {
    margin-top: 0;
}

body.middle--forgot .header-middle--open {
    margin-top: 0;
}

body.middle--message .header-middle--open {
    margin-top: 0;
}

body.middle--register .header-middle {
    height: 515px;
    margin-top: -440px;
}

body.middle--register .header-middle--open {
    margin-top: 0;
}

.header-signin {
    font-size: 0.75rem;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    letter-spacing: 0.1rem;
}

noscript .header-signin {
    display: block;
    position: relative;
    height: 210px;
    color: #FFFFFF;
}

    noscript .header-signin input {
        visibility: visible;
    }

.header-signin input[type="text"],
.header-signin input[type="password"] {
    height: 2.75rem;
}

.header-signin input:focus {
    outline: 0;
}

.header-signin:after {
    content: "";
    width: 100%;
    height: 25px;
    position: absolute;
    bottom: 0;
    z-index: 0;
    background: radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
}

.header-signin > div {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.header-signin__right {
    float: left;
    width: 73%;
    height: 100%;
    position: relative;
    background: #1A1A1A;
}

    .header-signin__right .more-bg {
        background: url(../img/header/gray-bg.svg) no-repeat center center;
        background-size: cover;
    }

@media screen and (min-width: 80em) {
    .header-signin__right {
        width: 64%;
    }
}

.header-signin__right div.container {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 20px 40px 0 40px;
}

@media screen and (min-width: 80em) {
    .header-signin__right div.container {
        padding: 20px 40px 0px 60px;
    }
}

.header-signin__right .info {
    margin-right: 20px;
    margin-bottom: 10px;
    width: 200px;
    float: left;
}

@media screen and (min-width: 80em) {
    .header-signin__right .info {
        width: 220px;
        margin-right: 40px;
        margin-bottom: 10px;
    }
}

.header-signin__right .info .signInText {
    margin: 0;
    font-weight: 100;
    font-size: 1rem;
    line-height: 1.25rem;
}

    .header-signin__right .info .signInText span {
        font-weight: 500;
        display: block;
    }

.header-signin__right .info p {
    font-weight: 300;
    font-size: 0.625rem;
    line-height: 1.0625rem;
    color: #999999;
    margin-top: 22px;
}

    .header-signin__right .info p a {
        color: #FFFFFF;
        text-decoration: none;
    }

.no-touch .header-signin__right .info p a:hover {
    text-decoration: none;
    color: #FC2561;
}

@media screen and (min-width: 80em) {
    .header-signin__right .info p {
        margin-top: 22px;
    }
}

.header-signin__right .info p + p {
    margin-top: 9px;
}

.header-signin__right .form {
    float: left;
}

    .header-signin__right .form .form__group {
        letter-spacing: 0.15rem;
    }

        .header-signin__right .form .form__group.email {
            margin-right: 20px;
        }

        .header-signin__right .form .form__group.password a {
            margin-top: 10px;
            color: #FFFFFF;
            font-weight: 300;
            font-size: 0.6875rem;
            text-decoration: none;
            display: block;
        }

            .header-signin__right .form .form__group.password a:hover {
                text-decoration: none;
                color: #FC2561;
            }

        .header-signin__right .form .form__group.remember {
            font-size: 0.75rem;
            line-height: 0.625rem;
            font-weight: 500;
            text-transform: uppercase;
            margin-top: 12px;
            float: left;
            clear: both;
            width: 220px;
            height: 15px;
        }

            .header-signin__right .form .form__group.remember label {
                color: #FFFFFF;
                letter-spacing: 0.15rem;
            }

                .header-signin__right .form .form__group.remember label:before {
                    position: relative;
                    top: -1px;
                }

            .header-signin__right .form .form__group.remember:focus, .header-signin__right .form .form__group.remember input:focus, .header-signin__right .form .form__group.remember:active, .header-signin__right .form .form__group.remember input:active {
                -webkit-tap-highlight-color: transparent;
                outline: none;
            }

    .header-signin__right .form .floating-input {
        float: left;
    }

    .header-signin__right .form button {
        margin-top: 10px;
        float: left;
        clear: both;
        background: transparent;
    }

    .header-signin__right .form p {
        float: left;
        width: 100%;
        margin-top: 0;
        font-weight: 300;
        font-size: 0.625rem;
        line-height: 1rem;
        color: #999999;
    }

        .header-signin__right .form p a {
            color: #FFFFFF;
        }

            .header-signin__right .form p a:hover {
                color: #FC2561;
            }

.header-signin__left {
    float: left;
    width: 27%;
    height: 100%;
    position: relative;
    background: #1A1A1A;
}

    .header-signin__left .more-bg {
        background: url(../img/header/gray-bg.svg) no-repeat center center;
        background-size: cover;
    }

@media screen and (min-width: 80em) {
    .header-signin__left {
        width: 36%;
    }
}

.header-signin__left div.container {
    position: absolute;
    left: 0;
    height: 100%;
    width: 280px;
    padding: 45px 30px;
}

    .header-signin__left div.container .googleplus-button {
        display: none;
    }

@media screen and (min-width: 80em) {
    .header-signin__left div.container {
        width: 460px;
        padding: 50px 60px 45px 40px;
    }
}

.header-signin__left .socialText {
    margin: 0 0 17px;
    font-weight: 100;
    font-size: 1rem;
    line-height: 1.25rem;
}

    .header-signin__left .socialText span {
        font-weight: 500;
        display: block;
    }

.header-signin__left button {
    background: transparent;
    margin-top: 0;
}

.header-signin__left p {
    font-weight: 300;
    font-size: 0.625rem;
    line-height: 1.0625rem;
    color: #999999;
    margin-top: 0px;
}

    .header-signin__left p a {
        color: #FFFFFF;
    }

        .header-signin__left p a:hover {
            color: #FC2561;
        }

.header-signin .more-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.header-forgot {
    font-size: 0.75rem;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    letter-spacing: 0.1rem;
}

noscript .header-forgot {
    display: block;
    position: relative;
    height: 210px;
    color: #FFFFFF;
}

    noscript .header-forgot input {
        visibility: visible;
    }

.header-forgot input[type="text"],
.header-forgot input:focus {
    outline: 0;
}

.header-forgot:after {
    content: "";
    width: 100%;
    height: 25px;
    position: absolute;
    bottom: 0;
    z-index: 0;
    background: radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
}

.header-forgot > div {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.header-forgot p {
    font-weight: 300;
    font-size: 0.625rem;
    line-height: 1.0625rem;
    color: #999999;
    margin-top: 0px;
}

    .header-forgot p a {
        color: #FFFFFF;
    }

        .header-forgot p a:hover {
            color: #FC2561;
        }

.header-forgot__right {
    float: left;
    width: 73%;
    height: 100%;
    position: relative;
    background: #1A1A1A;
}

    .header-forgot__right .more-bg {
        background: url(../img/header/gray-bg.svg) no-repeat center center;
        background-size: cover;
    }

@media screen and (min-width: 80em) {
    .header-forgot__right {
        width: 64%;
    }
}

.header-forgot__right div.container {
    position: absolute;
    right: 0;
    height: 100%;
    width: 740px;
    padding: 45px 30px;
}

@media screen and (min-width: 80em) {
    .header-forgot__right div.container {
        width: 820px;
        padding: 55px 40px 45px 60px;
    }
}

.header-forgot__right .info {
    margin-right: 20px;
    width: 200px;
    float: left;
}

@media screen and (min-width: 80em) {
    .header-forgot__right .info {
        width: 220px;
        margin-right: 40px;
    }
}

.header-forgot__right .info .forgotText {
    margin: 0;
    font-weight: 100;
    font-size: 1rem;
    line-height: 1.25rem;
}

    .header-forgot__right .info .forgotText span {
        font-weight: 500;
        display: block;
    }

.header-forgot__right .info p {
    font-weight: 300;
    font-size: 0.625rem;
    line-height: 1.0625rem;
    color: #999999;
    margin-top: 10px;
}

    .header-forgot__right .info p a {
        color: #FFFFFF;
        text-decoration: none;
    }

.no-touch .header-forgot__right .info p a:hover {
    text-decoration: none;
    color: #FC2561;
}

@media screen and (min-width: 80em) {
    .header-forgot__right .info p {
        margin-top: 22px;
    }
}

.header-forgot__right .info p + p {
    margin-top: 9px;
}

.header-forgot__right .form {
    float: left;
}

    .header-forgot__right .form .form__group {
        letter-spacing: 0.15rem;
    }

        .header-forgot__right .form .form__group.email {
            margin-right: 20px;
        }

        .header-forgot__right .form .form__group.password a {
            margin-top: 10px;
            color: #FFFFFF;
            font-weight: 300;
            font-size: 0.6875rem;
            text-decoration: none;
            display: block;
        }

            .header-forgot__right .form .form__group.password a:hover {
                text-decoration: none;
                color: #FC2561;
            }

    .header-forgot__right .form .floating-input {
        float: left;
    }

    .header-forgot__right .form button {
        margin-top: 20px;
        float: left;
        clear: both;
        background: transparent;
    }

.header-forgot__left {
    float: left;
    width: 27%;
    height: 100%;
    position: relative;
    background: #1A1A1A;
}

    .header-forgot__left .more-bg {
        background: url(../img/header/gray-bg.svg) no-repeat center center;
        background-size: cover;
    }

@media screen and (min-width: 80em) {
    .header-forgot__left {
        width: 36%;
    }
}

.header-forgot__left div.container {
    position: absolute;
    left: 0;
    height: 100%;
    width: 280px;
    padding: 45px 30px;
}

@media screen and (min-width: 80em) {
    .header-forgot__left div.container {
        width: 460px;
        padding: 55px 60px 45px 40px;
    }
}

.header-forgot__left .socialText {
    margin: 0 0 17px;
    font-weight: 100;
    font-size: 1rem;
    line-height: 1.25rem;
}

    .header-forgot__left .socialText span {
        font-weight: 500;
        display: block;
    }

.header-forgot__left button {
    background: transparent;
    margin-top: 0;
}

.header-forgot .more-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.header-register {
    font-size: 0.75rem;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    letter-spacing: 0.1rem;
    display: none;
}

noscript .header-register {
    display: block;
    position: relative;
    height: 350px;
    color: #FFFFFF;
}

    noscript .header-register input {
        visibility: visible;
    }

.header-register input[type="text"],
.header-register input[type="password"] {
    height: 2.75rem;
}

.header-register input:focus {
    outline: 0;
}

.header-register:after {
    content: "";
    width: 100%;
    height: 25px;
    position: absolute;
    bottom: 0;
    z-index: 0;
    background: radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
}

.header-register > div {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.header-register p {
    font-weight: 300;
    font-size: 0.625rem;
    line-height: 1.0625rem;
    color: #999999;
    margin-top: 6px;
    float: left;
    width: 100%;
}

    .header-register p a {
        color: #FFFFFF;
    }

        .header-register p a:hover {
            color: #FC2561;
        }

@media screen and (min-width: 80em) {
    .header-register p {
        margin-top: 6px;
    }
}

.header-register__right {
    float: left;
    width: 70%;
    height: 100%;
    position: relative;
    background: #1A1A1A;
}

    .header-register__right .more-bg {
        background: url(../img/header/gray-bg.svg) no-repeat center center;
        background-size: cover;
    }

@media screen and (min-width: 80em) {
    .header-register__right {
        width: 65%;
    }
}

.header-register__right div.container {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 10px 0px 55px 40px;
}

@media screen and (min-width: 80em) {
    .header-register__right div.container {
        padding: 10px 40px 45px 100px;
    }
}

.header-register__right .info {
    margin-right: 30px;
    width: 160px;
    float: left;
}

@media screen and (min-width: 80em) {
    .header-register__right .info {
        width: 220px;
        margin-right: 40px;
    }
}

.header-register__right .info .signupText {
    margin: 0;
    font-weight: 100;
    font-size: 1rem;
    line-height: 1.25rem;
}

    .header-register__right .info .signupText span {
        font-weight: 500;
        display: block;
    }

.header-register__right .info p {
    font-weight: 300;
    font-size: 0.625rem;
    line-height: 1.0625rem;
    color: #999999;
    margin-top: 22px;
}

    .header-register__right .info p a {
        color: #FFFFFF;
        text-decoration: none;
    }

.no-touch .header-register__right .info p a:hover {
    text-decoration: none;
    color: #FC2561;
}

@media screen and (min-width: 80em) {
    .header-register__right .info p {
        margin-top: 22px;
    }
}

.header-register__right .info p + p {
    margin-top: 9px;
}

.header-register__right .form {
    float: left;
    width: auto;
}

    .header-register__right .form .register-inputs {
        float: left;
        margin-right: 40px;
    }

    .header-register__right .form .form_error {
        float: none;
    }

    .header-register__right .form .register-checkboxes .form__group.legal-text {
        max-height: 135px;
        min-height: 0px;
        overflow: auto;
    }

    .header-register__right .form .register-checkboxes .form__group .terms-err-msg {
        display: none;
        font-size: 0.75rem;
        color: #FF0000;
        font-weight: 500;
        margin: 0 0 5px 0;
        max-width: 100%;
        padding-top: 10px;
        clear: both;
        font-family: "Neue Helvetica W01";
    }

@media screen and (min-width: 63.75em) {
    .header-register__right .form .register-inputs .form__group {
        width: 220px;
        margin-right: 10px;
    }

        .header-register__right .form .register-inputs .form__group:nth-child(odd) {
            clear: both;
        }
}

.header-register__right .form .register-checkboxes {
    position: relative;
    float: left;
    width: 100%;
    height: 98px;
    overflow: auto;
    margin-top: 15px;
}

    .header-register__right .form .register-checkboxes.non-gdpr {
        height: auto;
    }

.header-register__right .submit-btn {
    float: left;
    background: transparent;
    width: 220px;
}

.header-register__right .form .register-checkboxes .form__group.terms span {
    display: none;
    color: #FC2561;
}

.header-register__right .form .register-checkboxes .form__group.terms input.error + label span {
    display: inline;
}

.header-register__right .form .register-checkboxes .form__group {
    float: left;
    clear: both;
    width: 400px;
}

    .header-register__right .form .register-checkboxes .form__group label {
        color: #FFFFFF;
        font-size: 0.625rem;
        line-height: 1rem;
        font-weight: 300;
        text-transform: none;
        position: relative;
        float: left;
        padding-left: 30px;
        letter-spacing: 0.1rem;
    }

        .header-register__right .form .register-checkboxes .form__group label a {
            text-decoration: underline;
            color: #CCCCCC;
        }

            .header-register__right .form .register-checkboxes .form__group label a:hover {
                color: #FC2561;
            }

        .header-register__right .form .register-checkboxes .form__group label:before {
            display: block;
            float: left;
            position: absolute;
            left: 0px;
            top: 3px;
        }

.header-register__right .form .form__group {
    letter-spacing: 0.15rem;
    margin-bottom: 19px;
}

.header-register__right .form button {
    margin-top: 20px;
    float: left;
    clear: both;
    background: transparent;
    width: 220px;
}

@media screen and (min-width: 80em) {
    .header-register__right .form button {
        margin-top: 10px;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .header-register__right .form button {
        margin-top: 2px;
    }
}

.header-register__left {
    float: left;
    width: 30%;
    height: 100%;
    position: relative;
    background: #1A1A1A;
}

    .header-register__left .more-bg {
        background: url(../img/header/gray-bg.svg) no-repeat center center;
        background-size: cover;
    }

@media screen and (min-width: 80em) {
    .header-register__left {
        width: 35%;
    }
}

.header-register__left div.container {
    position: absolute;
    left: 0;
    height: 100%;
    width: 300px;
    padding: 30px 40px;
}

@media screen and (min-width: 80em) {
    .header-register__left div.container {
        width: 420px;
    }
}

.header-register__left .socialText {
    margin: 0;
    font-weight: 100;
    font-size: 1rem;
    line-height: 1.25rem;
}

    .header-register__left .socialText span {
        font-weight: 500;
        display: block;
    }

@media screen and (min-width: 80em) {
    .header-register__left .socialText {
        margin-bottom: 15px;
    }
}

.header-register__left button {
    background: transparent;
    margin-top: 20px;
}

@media screen and (min-width: 80em) {
    .header-register__left button {
        margin-top: 0px;
    }
}

.header-register__left button span {
    position: relative;
    top: 1px;
    font-size: 15px;
    margin-right: 4px;
}

.header-register .more-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.header-message {
    font-size: 0.75rem;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    letter-spacing: 0.1rem;
}

    .header-message:after {
        content: "";
        width: 100%;
        height: 25px;
        position: absolute;
        bottom: 0;
        z-index: 0;
        background: radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
    }

    .header-message > div {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        position: relative;
    }

.header-message__left {
    float: left;
    width: 70%;
    height: 100%;
    position: relative;
    background: #1A1A1A;
}

    .header-message__left .more-bg {
        background: url(../img/header/gray-bg.svg) no-repeat center center;
        background-size: cover;
    }

@media screen and (min-width: 80em) {
    .header-message__left {
        width: 75%;
    }
}

.header-message__left div.container {
    position: absolute;
    right: 0;
    height: 100%;
    width: 720px;
    padding: 60px;
}

@media screen and (min-width: 80em) {
    .header-message__left div.container {
        width: 960px;
        padding: 55px 40px 45px 60px;
    }
}

.header-message__left h1, .header-message__left h2 {
    float: left;
    clear: both;
    font-size: 1.875rem;
    line-height: 2.125rem;
    color: #FFFFFF;
    font-weight: 100;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 0.15rem;
}

    .header-message__left h1 span, .header-message__left h2 span {
        font-weight: 500;
    }

.header-message__left h2 {
    font-size: 2.625rem;
    line-height: 3.75rem;
}

@media screen and (min-width: 80em) {
    .header-message__left h2 {
        font-size: 3.75rem;
    }
}

.header-message__left p {
    float: left;
    clear: both;
    width: 550px;
    font-size: 0.6875rem;
    line-height: 1.0625rem;
    font-weight: 300;
    color: #999999;
}

.header-message__left h2 + p {
    margin-top: 0;
}

@media screen and (min-width: 80em) {
    .header-message__left h2 + p {
        margin-top: 15px;
    }
}

.header-message__left button {
    float: right;
    top: -61px;
    position: relative;
}

@media screen and (min-width: 80em) {
    .header-message__left button {
        top: -27px;
    }
}

.header-message__right {
    float: left;
    width: 30%;
    height: 100%;
    position: relative;
    background: #1A1A1A;
}

    .header-message__right .more-bg {
        background: url(../img/header/gray-bg.svg) no-repeat center center;
        background-size: cover;
    }

@media screen and (min-width: 80em) {
    .header-message__right {
        width: 25%;
    }
}

.header-message__right div.container {
    position: absolute;
    left: 0;
    height: 100%;
    width: 300px;
    padding: 40px;
}

@media screen and (min-width: 80em) {
    .header-message__right div.container {
        width: 320px;
    }
}

.header-message__right button {
    background: transparent;
    position: relative;
    top: 51px;
    -webkit-transform: translateY(-70%);
    -ms-transform: translateY(-70%);
    transform: translateY(-70%);
}

.header-message .more-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.hamburger__more {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 100%;
    padding-bottom: 100px;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .hamburger__more {
        top: 30px;
    }
}

.hamburger__more .hamburger-menu__links {
    float: left;
    position: relative;
}

.hamburger__more .header-link {
    font-weight: 500;
    font-size: 0.75rem;
    width: 100%;
    line-height: 60px;
    box-sizing: border-box;
    margin-right: 0;
    border-bottom: 1px solid #333333;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    position: relative;
}

    .hamburger__more .header-link span.icon, .hamburger__more .header-link span.get-the-look__video__image, .hamburger__more .header-link .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches span.color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .hamburger__more .header-link span.color-picker__swatch:before, .hamburger__more .header-link .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade span.product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .hamburger__more .header-link span.product-info__shade-swatch:before, .hamburger__more .header-link .module-stateful.product-info span.product-info__color-overlay--with-video:before, .module-stateful.product-info .hamburger__more .header-link span.product-info__color-overlay--with-video:before, .hamburger__more .header-link .cheatsheet span.cheatsheet__dash, .cheatsheet .hamburger__more .header-link span.cheatsheet__dash, .hamburger__more .header-link span.video-kit__hero-image, .hamburger__more .header-link span.video-kit__card-image, .hamburger__more .header-link span.video-promoted__image {
        display: inline;
        font-size: 1.25rem;
        position: absolute;
        right: 15px;
        top: 0px;
    }

    .hamburger__more .header-link > a {
        margin-left: 20px;
    }

.hamburger__more .header-link--more {
    display: none;
}

.hamburger__more .header-link--gray:after {
    display: none;
}

.hamburger__more .header-link:first-child {
    margin-left: 0px;
}

.hamburger__more .header-link.dropdown-open {
    border-bottom: none;
}

.hamburger__more .hamburger-menu__more-links {
    width: 100%;
    float: left;
    margin-top: 10px;
}

    .hamburger__more .hamburger-menu__more-links a {
        font-weight: 300;
        font-size: 0.75rem;
        text-decoration: none;
        color: #666666;
        line-height: 30px;
        padding-left: 20px;
    }

        .no-touch .hamburger__more .hamburger-menu__more-links a:hover, .hamburger__more .hamburger-menu__more-links a:active {
            color: #FFFFFF;
            text-decoration: none;
        }

.hamburger__more .hamburger-menu__language {
    width: 100%;
    float: left;
    margin: 25px 0 145px;
    position: relative;
    font-weight: 100;
    letter-spacing: 0.1rem;
    font-size: 0.75rem;
}

    .hamburger__more .hamburger-menu__language select {
        margin: 0 auto;
        display: block;
    }

    .hamburger__more .hamburger-menu__language .drop-select__options {
        display: none;
    }

    .hamburger__more .hamburger-menu__language .drop-select__current {
        margin: 0 auto;
    }

.hamburger-menu__more-links {
    display: none;
}

@media screen and (max-width: 63.75em) {
    .hamburger-menu__more-links {
        display: block;
    }
}

.header-more__links, .header-social--more, .header-more__newsletter, .drop-select--lang {
    display: block;
}

@media screen and (max-width: 63.75em) {
    .header-more__links, .header-social--more, .header-more__newsletter {
        display: none;
    }
    .drop-select--lang {
        display: block;
    }
}

.column-links--right {
    display: none;
}

@media screen and (max-width: 80em) {
    .column-links--right {
        display: block;
    }
}

@-moz-document url-prefix() {
    .hamburger-menu__more-links {
        height: 240px;
    }
}

.hamburger__signin {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 100%;
    padding-bottom: 100px;
    letter-spacing: 0.1rem;
    background: #1F1F1F;
}

.hamburger__signin__form {
    width: 100%;
    padding: 0px 20px;
    margin-top: 25px;
}

    .hamburger__signin__form .info {
        margin-bottom: 20px;
        color: #fff;
    }

    .hamburger__signin__form .signInText {
        margin: 0;
        font-weight: 100;
        color: #FFFFFF;
        font-size: 1rem;
        line-height: 1.25rem;
    }

        .hamburger__signin__form .signInText span {
            font-weight: 500;
            display: block;
        }

    .hamburger__signin__form p {
        margin-top: 13px;
        margin-bottom: 3px;
        font-weight: 300;
        font-size: 0.625rem;
        line-height: 1rem;
        color: #999999;
    }

        .hamburger__signin__form p a {
            text-decoration: none;
            color: #FFFFFF;
        }

            .hamburger__signin__form p a:hover {
                color: #FC2561;
            }

    .hamburger__signin__form .form .form__group {
        margin-top: 14px;
    }

        .hamburger__signin__form .form .form__group.password {
            margin-bottom: 35px;
        }

            .hamburger__signin__form .form .form__group.password a {
                margin-top: 15px;
                color: #FFFFFF;
                font-weight: 300;
                font-size: 0.6875rem;
                text-decoration: none;
                display: block;
            }

                .hamburger__signin__form .form .form__group.password a:hover {
                    color: #FC2561;
                }

        .hamburger__signin__form .form .form__group.remember {
            font-size: 0.75rem;
            line-height: 0.625rem;
            font-weight: 500;
            text-transform: uppercase;
            margin-top: 12px;
            float: left;
            clear: both;
            width: 220px;
            height: 15px;
            color: #FFFFFF;
        }

            .hamburger__signin__form .form .form__group.remember label {
                color: #FFFFFF;
                letter-spacing: 0.15rem;
            }

                .hamburger__signin__form .form .form__group.remember label:before {
                    position: relative;
                    top: -1px;
                }

            .hamburger__signin__form .form .form__group.remember:focus, .hamburger__signin__form .form .form__group.remember input:focus, .hamburger__signin__form .form .form__group.remember:active, .hamburger__signin__form .form .form__group.remember input:active {
                -webkit-tap-highlight-color: transparent;
                outline: none;
            }

    .hamburger__signin__form button {
        margin-top: 30px;
    }

.hamburger__signin__facebook {
    width: 100%;
    padding: 27px 20px 0;
    margin-bottom: 40px;
}

    .hamburger__signin__facebook h2 {
        margin: 0;
        font-weight: 100;
        color: #FFFFFF;
        font-size: 1rem;
        line-height: 1.25rem;
    }

        .hamburger__signin__facebook h2 span {
            font-weight: 500;
            display: block;
        }

    .hamburger__signin__facebook p {
        font-weight: 300;
        font-size: 0.625rem;
        line-height: 1rem;
        color: #999999;
        margin-top: 6px;
    }

        .hamburger__signin__facebook p a {
            color: #FFFFFF;
        }

            .hamburger__signin__facebook p a:hover {
                color: #FC2561;
            }

    .hamburger__signin__facebook button {
        margin-top: 20px;
    }

        .hamburger__signin__facebook button span {
            position: relative;
            top: 1px;
            font-size: 15px;
            margin-right: 4px;
        }

        .hamburger__signin__facebook button.googleplus-button {
            margin-top: 0;
            display: none;
        }

.header-signin__left, .header-signin__right {
    display: none;
}

@media screen and (min-width: 63.75em) {
    .header-signin__left, .header-signin__right {
        display: block;
    }
}

.hamburger__signin__form, .hamburger__signin__facebook {
    display: block;
}

@media screen and (min-width: 63.75em) {
    .hamburger__signin__form, .hamburger__signin__facebook {
        display: none;
    }
}

.hamburger__forgot {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 100%;
    padding-bottom: 100px;
    letter-spacing: 0.1rem;
    background: #1F1F1F;
}

.hamburger__forgot__form {
    width: 100%;
    padding: 0px 20px;
    margin-top: 25px;
}

    .hamburger__forgot__form .info {
        margin-bottom: 20px;
    }

        .hamburger__forgot__form .info h2 {
            margin: 0;
            font-weight: 100;
            color: #FFFFFF;
            font-size: 1rem;
            line-height: 1.25rem;
        }

            .hamburger__forgot__form .info h2 span {
                font-weight: 500;
                display: block;
            }

    .hamburger__forgot__form h2 {
        margin: 0;
        font-weight: 100;
        color: #FFFFFF;
        font-size: 1rem;
        line-height: 1.25rem;
    }

        .hamburger__forgot__form h2 span {
            font-weight: 500;
            display: block;
        }

    .hamburger__forgot__form p {
        margin-top: 13px;
        margin-bottom: 3px;
        font-weight: 300;
        font-size: 0.625rem;
        line-height: 1rem;
        color: #999999;
    }

        .hamburger__forgot__form p a {
            text-decoration: none;
            color: #FFFFFF;
        }

            .hamburger__forgot__form p a:hover {
                color: #FC2561;
            }

    .hamburger__forgot__form .form .form__group {
        margin-top: 14px;
    }

        .hamburger__forgot__form .form .form__group.password {
            margin-bottom: 35px;
        }

            .hamburger__forgot__form .form .form__group.password a {
                margin-top: 15px;
                color: #FFFFFF;
                font-weight: 300;
                font-size: 0.6875rem;
                text-decoration: none;
                display: block;
            }

                .hamburger__forgot__form .form .form__group.password a:hover {
                    color: #FC2561;
                }

    .hamburger__forgot__form button {
        margin-top: 30px;
    }

.header-forgot__left, .header-forgot__right {
    display: none;
}

@media screen and (min-width: 63.75em) {
    .header-forgot__left, .header-forgot__right {
        display: block;
    }
}

.hamburger__forgot__form, .hamburger__forgot__right {
    display: block;
}

@media screen and (min-width: 63.75em) {
    .hamburger__forgot__form, .hamburger__forgot__right {
        display: none;
    }
}

.hamburger__register {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 100%;
    padding-bottom: 100px;
    letter-spacing: 0.1rem;
    background: #1F1F1F;
}

.hamburger__register__form {
    float: left;
    width: 100%;
    padding: 0px 20px;
    margin-top: 25px;
}

    .hamburger__register__form h2 {
        margin: 0;
        font-weight: 100;
        color: #FFFFFF;
        font-size: 1rem;
        line-height: 1.25rem;
    }

        .hamburger__register__form h2 span {
            font-weight: 500;
            display: block;
        }

    .hamburger__register__form p {
        font-weight: 300;
        font-size: 0.625rem;
        line-height: 1rem;
        color: #999999;
    }

        .hamburger__register__form p a {
            color: #FFFFFF;
        }

            .hamburger__register__form p a:hover {
                color: #FC2561;
            }

    .hamburger__register__form .form {
        margin-top: 20px;
    }

        .hamburger__register__form .form .register-checkboxes {
            width: 220px;
            float: left;
            position: relative;
            height: 200px;
            overflow: auto;
        }

            .hamburger__register__form .form .register-checkboxes .form__group {
                float: left;
                clear: both;
                width: 100%;
            }

                .hamburger__register__form .form .register-checkboxes .form__group label {
                    color: #CCCCCC;
                    font-size: 0.625rem;
                    line-height: 1rem;
                    font-weight: 300;
                    text-transform: none;
                    position: relative;
                    float: left;
                    padding-left: 30px;
                    letter-spacing: 0.1rem;
                }

                    .hamburger__register__form .form .register-checkboxes .form__group label a {
                        text-decoration: underline;
                        color: #CCCCCC;
                    }

                        .hamburger__register__form .form .register-checkboxes .form__group label a:hover {
                            color: #FC2561;
                        }

                    .hamburger__register__form .form .register-checkboxes .form__group label:before {
                        display: block;
                        float: left;
                        position: absolute;
                        left: 0px;
                        top: 3px;
                    }

        .hamburger__register__form .form .form__group {
            margin-top: 15px;
        }

            .hamburger__register__form .form .form__group.password {
                margin-bottom: 20px;
            }

            .hamburger__register__form .form .form__group.terms span {
                display: none;
                color: #FC2561;
            }

            .hamburger__register__form .form .form__group.terms input.error + label span {
                display: inline;
            }

        .hamburger__register__form .form button {
            margin-top: 30px;
        }

.hamburger__register__facebook {
    float: left;
    width: 100%;
    padding: 27px 20px 0;
}

    .hamburger__register__facebook h2 {
        margin: 0;
        font-weight: 100;
        color: #FFFFFF;
        font-size: 1rem;
        line-height: 1.25rem;
    }

        .hamburger__register__facebook h2 span {
            font-weight: 500;
            display: block;
        }

    .hamburger__register__facebook p {
        font-weight: 300;
        font-size: 0.625rem;
        line-height: 1rem;
        color: #999999;
        margin-top: 6px;
    }

        .hamburger__register__facebook p a {
            color: #FFFFFF;
        }

            .hamburger__register__facebook p a:hover {
                color: #FC2561;
            }

    .hamburger__register__facebook button {
        margin-top: 20px;
    }

        .hamburger__register__facebook button span {
            position: relative;
            top: 1px;
            font-size: 15px;
            margin-right: 4px;
        }

        .hamburger__register__facebook button.googleplus-button {
            margin-top: 0;
        }

.header-register__left, .header-register__right {
    display: none;
}

@media screen and (min-width: 63.75em) {
    .header-register__left, .header-register__right {
        display: block;
    }
}

.hamburger__register__form, .hamburger__register__facebook {
    display: block;
}

@media screen and (min-width: 63.75em) {
    .hamburger__register__form, .hamburger__register__facebook {
        display: none;
    }
}

.hamburger__message {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 100%;
    letter-spacing: 0.1rem;
    background: #1F1F1F;
    padding: 25px 20px 100px 20px;
}

    .hamburger__message h2, .hamburger__message h2 {
        margin: 0;
        font-size: 2.25rem;
        line-height: 2.25rem;
        color: #FFFFFF;
        font-weight: 100;
        text-transform: uppercase;
    }

        .hamburger__message h2 span, .hamburger__message h2 span {
            font-weight: 500;
        }

    .hamburger__message h2 {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }

    .hamburger__message p {
        margin-top: 15px;
        font-size: 0.6875rem;
        line-height: 1.0625rem;
        color: #999999;
        font-weight: 300;
    }

    .hamburger__message button:first-child {
        margin-top: 20px;
    }

.header-message--registered .header-message__left, .header-message--registered .header-message__right,
.header-message--confirm .header-message__left, .header-message--confirm .header-message__right {
    display: none;
}

@media screen and (min-width: 63.75em) {
    .header-message--registered .header-message__left, .header-message--registered .header-message__right,
    .header-message--confirm .header-message__left, .header-message--confirm .header-message__right {
        display: block;
    }
}

.hamburger__message--registered .hamburger__message__left, .hamburger__message--registered .hamburger__message__right,
.hamburger__message--confirm .hamburger__message__left, .hamburger__message--confirm .hamburger__message__right {
    display: block;
}

@media screen and (min-width: 63.75em) {
    .hamburger__message--registered .hamburger__message__left, .hamburger__message--registered .hamburger__message__right,
    .hamburger__message--confirm .hamburger__message__left, .hamburger__message--confirm .hamburger__message__right {
        display: none;
    }
}

.multiselect {
    width: 220px;
}

.selectCountry {
    display: none;
}

div[name="country"] {
    display: block !important;
}

.chosen-container .chosen-drop.countrySelect {
    position: static;
    width: 220px;
}

    .chosen-container .chosen-drop.countrySelect li a {
        color: #666;
        text-decoration: none;
    }

        .chosen-container .chosen-drop.countrySelect li a:hover {
            background: 0;
            color: #fc2561;
        }

.header .drop-select__select.chosen-with-drop {
    background: url(../img/header/select-arrow-up.svg) no-repeat #F1F1F1;
    background-position: right 10px top 50%;
}

.hamburger-menu__language .drop-select__select.chosen-with-drop {
    background: url(../img/header/select-arrow-up.svg) no-repeat #F1F1F1;
    background-position: right 10px top 50%;
}

.footer .drop-select__select.chosen-with-drop {
    background: url(../img/header/select-arrow-up.svg) no-repeat;
    background-position: right 10px top 50%;
}

.footer div[name="country"] {
    display: block !important;
    background-color: transparent;
    border: 1px solid #999;
}

    .footer div[name="country"] p:hover {
        color: #666;
    }

    .footer div[name="country"] p {
        margin: 0;
    }

.drop-open {
    display: block !important;
}

.footer .custom-select {
    background: url(../img/header/arrow-down.svg) no-repeat;
    background-position: right 10px top 50%;
    background-size: 7%;
}

.cookie-bar {
    width: 100%;
    float: left;
    clear: both;
    background: #FC2561;
    position: relative;
    visibility: visible;
    opacity: 1;
    overflow: hidden;
    max-height: 400px;
    transition: -webkit-transform 0.5s ease-in-out, max-height 0.4s ease;
    transition: transform 0.5s ease-in-out, max-height 0.4s ease;
    z-index: 99;
}

    .cookie-bar.closed {
        max-height: 0;
    }

    .cookie-bar.hide {
        display: none;
    }

.cookie-bar__container {
    max-width: 1280px;
    position: relative;
    overflow: auto;
    margin: 0 auto;
}

.cookie-bar p {
    color: #FFFFFF;
    font-size: 0.6875rem;
    line-height: 1.0625rem;
    font-weight: 500;
    letter-spacing: 0.05rem;
    padding: 20px 60px 20px 20px;
    margin: 0;
    float: left;
}

@media screen and (min-width: 47.5em) {
    .cookie-bar p {
        padding-right: 80px;
    }
}

@media screen and (min-width: 63.75em) {
    .cookie-bar p {
        padding-left: 40px;
        padding-right: 140px;
    }
}

@media screen and (min-width: 80em) {
    .cookie-bar p {
        padding-left: 40px;
        padding-right: 180px;
    }
}

.cookie-bar p a {
    text-decoration: underline;
    color: #FFFFFF;
}

.cookie-bar a.close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #FFFFFF;
    text-decoration: none;
    z-index: 19;
}

    .cookie-bar a.close:before {
        font-size: 1.25rem;
    }

@media screen and (min-width: 63.75em) {
    .cookie-bar a.close {
        top: 16px;
        right: 24px;
    }
}

.module-stateful.product-info {
    background-color: #FFFFFF;
    width: 100%;
    text-align: center;
}

@media screen and (min-width: 47.5em) {
    .module-stateful.product-info {
        /*max-width: rem(760px);*/
        text-align: left;
    }
}

@media screen and (min-width: 63.75em) {
    .module-stateful.product-info {
        /*max-width: rem(1279px);*/
        text-align: left;
    }
}

@media screen and (min-width: 80em) {
    .module-stateful.product-info {
        max-width: 100rem;
        margin: 0px auto;
    }
}

.module-stateful.product-info .commerce-connector-buybutton-modal, .vto .module.commerce-connector-buybutton-modal  {
    display: none;
    width: 400px;
    top: 30%;
    left: 50%;
    text-align: center;
    margin-left: -200px;
    padding: 1.4em 2em;
    position: fixed;
    background-color: #FFFFFF;
    z-index: 1203;
}

@media screen and (max-width: 47.5em) {
    .module-stateful.product-info .commerce-connector-buybutton-modal {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        padding: 1.4em 0.5em;
    }
}

.module-stateful.product-info .commerce-connector-buybutton-modal .cta-labeled-close, .vto .module.commerce-connector-buybutton-modal .cta-labeled-close {
    padding: 20px 20px 20px 20px;
    position: absolute;
    right: 0;
    top: 0;
}

    .module-stateful.product-info .commerce-connector-buybutton-modal .cta-labeled-close:before {
        font-size: 25px;
    }

    .module-stateful.product-info .commerce-connector-buybutton-modal .cta-labeled-close:after {
        margin: -13px 0 0 1px;
    }

.module-stateful.product-info .product-info__columns {
    margin: 0 auto;
}

@media screen and (max-width: 47.5em) {
    .module-stateful.product-info .product-info__columns #__AjaxAntiForgeryForm, .module-stateful.product-info .col-2 #__AjaxAntiForgeryForm ~ .product-info__price {
        float: none;
        width: 20rem;
        text-align: left;
        margin: auto;
        padding-top: 0;
        margin-bottom: 10px;
    }

        .module-stateful.product-info .product-info__columns #__AjaxAntiForgeryForm .product-info__favorite {
            margin-left: -2px;
        }
}

@media screen and (min-width: 47.5em) {
    .module-stateful.product-info .product-info__columns {
        max-width: 47.5rem;
    }
}

@media screen and (min-width: 63.75em) {
    .module-stateful.product-info .product-info__columns {
        max-width: 63.75rem;
    }
}

@media screen and (min-width: 80em) {
    .module-stateful.product-info .product-info__columns {
        max-width: 80rem;
    }
}

.module-stateful.product-info .product-info__overlay-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    list-style: none;
    /*overflow: hidden;*/
    /*word-spacing: 20px;*/
    z-index: 2;
}

    .module-stateful.product-info .product-info__overlay-icons li {
        display: inline-block;
        margin-right: 20px;
    }

        .module-stateful.product-info .product-info__overlay-icons li a {
            color: #FFFFFF;
            text-decoration: none;
            font-size: 20px;
        }

.no-touch .module-stateful.product-info .product-info__overlay-icons li a:hover {
    color: #FC2561;
}

.module-stateful.product-info .product-info__overlay-icons li a.copied:before {
    content: "";
}

.module-stateful.product-info .col-1 {
    display: none;
}

@media screen and (min-width: 47.5em) {
    .module-stateful.product-info .col-1 {
        display: block;
        float: left;
        width: 45.26316%;
        margin-right: 3.15789%;
    }
}

@media screen and (min-width: 63.75em) {
    .module-stateful.product-info .col-1 {
        margin-left: 0;
        margin-right: 0;
        width: 27.34375%;
    }
}

@media screen and (min-width: 80em) {
    .module-stateful.product-info .col-1 {
        margin-left: 1.95312%;
        margin-right: 0;
        width: 33.98438%;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .module-stateful.product-info .col-1 {
        margin-left: 5%;
    }
}

.module-stateful.product-info .col-1 .product-info__image-container {
    display: none;
    text-align: center;
    position: relative;
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .module-stateful.product-info .col-1 .product-info__image-container {
        display: block;
        width: 16.25rem;
        height: 24.375rem;
        margin-top: 32px;
    }
}

@media screen and (min-width: 80em) and (max-width: 9999em) {
    .module-stateful.product-info .col-1 .product-info__image-container {
        display: block;
        width: 23.75rem;
        height: 35.3125rem;
        margin-top: 76px;
    }
}

.module-stateful.product-info .col-1 .product-info__image-container .product-info__left-overlay {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.no-touch .module-stateful.product-info .col-1 .product-info__image-container:hover .product-info__color-overlay:after {
    display: block;
}

.no-touch .module-stateful.product-info .col-1 .product-info__image-container:hover .product-info__left-overlay {
    display: none;
}

@media screen and (min-width: 0) {
    .no-touch .module-stateful.product-info .col-1 .product-info__image-container:hover .product-info__left-overlay {
        display: block;
    }
}

.module-stateful.product-info .col-1 .product-info__image-container .product-info__image-big {
    width: 380px;
    height: 565px;
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .module-stateful.product-info .col-1 .product-info__image-container .product-info__image-big {
        width: 16.25rem;
        height: 24.375rem;
    }
}

@media screen and (min-width: 80em) and (max-width: 9999em) {
    .module-stateful.product-info .col-1 .product-info__image-container .product-info__image-big {
        height: 31.4375rem;
        width: 21.125rem;
    }
}

.module-stateful.product-info .col-1 .product-info__left-carousel {
    width: 21.5rem;
    height: 32.25rem;
    margin: 0 auto;
}

@media screen and (min-width: 63.75em) {
    .module-stateful.product-info .col-1 .product-info__left-carousel {
        display: none;
    }
}

.module-stateful.product-info .col-1 .product-info__left-group {
    display: none;
}

    .module-stateful.product-info .col-1 .product-info__left-group.slick-slider {
        display: block;
    }

.module-stateful.product-info .col-1 .product-info__left-item {
    position: relative;
}

    .module-stateful.product-info .col-1 .product-info__left-item .product-info__left-overlay {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
    }

.no-touch .module-stateful.product-info .col-1 .product-info__left-item:hover .product-info__color-overlay:after {
    display: block;
}

.no-touch .module-stateful.product-info .col-1 .product-info__left-item:hover .product-info__left-overlay {
    display: block;
}

@media screen and (min-width: 0) {
    .no-touch .module-stateful.product-info .col-1 .product-info__left-item:hover .product-info__left-overlay {
        display: block;
    }
}

.module-stateful.product-info .col-1 .product-info__left-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.module-stateful.product-info .col-2 {
    position: relative;
    /* PALETTE */
    /* END .product-info__palette */
}

@media screen and (min-width: 47.5em) {
    .module-stateful.product-info .col-2 {
        float: left;
        display: block;
        width: 39.0625%;
        margin-left: 2.60417%;
    }
}

@media screen and (min-width: 63.75em) {
    .module-stateful.product-info .col-2 {
        width: 29.29688%;
        margin-left: 3.90625%;
        margin-right: 3.90625%;
    }
}

@media screen and (min-width: 80em) {
    .module-stateful.product-info .col-2 {
        width: 20rem;
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }
}

.module-stateful.product-info .col-2 .product-info__carousel-container {
    position: relative;
}

    .module-stateful.product-info .col-2 .product-info__carousel-container .new-brow {
        left: 50%;
        -ms-transform: translateX(-84px);
        transform: translateX(-84px);
    }

@media screen and (min-width: 47.5em) {
    .module-stateful.product-info .col-2 .product-info__carousel-container .new-brow {
        display: none;
    }
}

.module-stateful.product-info .col-2 .product-info__carousel-container .product-info__carousel {
    width: 12.5rem;
    height: 18.75rem;
    position: relative;
    margin: 0 auto 40px;
    /*.slick-list {*/
    transform: translate3d(0, 0, 0);
    /*}*/
}

@media screen and (min-width: 47.5em) {
    .module-stateful.product-info .col-2 .product-info__carousel-container .product-info__carousel {
        display: none;
    }
}

.module-stateful.product-info .col-2 .product-info__carousel-container .product-info__carousel *:focus {
    outline: none;
}

.module-stateful.product-info .col-2 .product-info__carousel-container .product-info__carousel .product-info__mid-group {
    display: none;
}

    .module-stateful.product-info .col-2 .product-info__carousel-container .product-info__carousel .product-info__mid-group.slick-slider {
        display: block;
    }

.module-stateful.product-info .col-2 .product-info__carousel-container .product-info__carousel .slick-dots {
    height: 1.25rem;
    display: inline-block;
    list-style: none;
    padding: 0;
    text-align: center;
    font-size: 0;
    word-spacing: 0.625rem;
    margin: 10px 0;
}

    .module-stateful.product-info .col-2 .product-info__carousel-container .product-info__carousel .slick-dots li {
        display: inline-block;
        height: 0.625rem;
        width: 0.625rem;
        border: 0.0625rem solid #CCCCCC;
        border-radius: 50%;
        margin: 0 5px;
    }

        .module-stateful.product-info .col-2 .product-info__carousel-container .product-info__carousel .slick-dots li button {
            display: none;
        }

        .module-stateful.product-info .col-2 .product-info__carousel-container .product-info__carousel .slick-dots li.slick-active {
            background-color: #CCCCCC;
        }

.module-stateful.product-info .col-2 .product-info__product-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.module-stateful.product-info .col-2 .carousel-nav {
    height: 1.25rem;
    position: absolute;
    left: 50%;
    bottom: 0.625rem;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    list-style: none;
    padding: 0;
    text-align: center;
    font-size: 0;
    word-spacing: 0.625rem;
}

.module-stateful.product-info .col-2 .carousel-nav__item {
    display: inline-block;
    height: 0.625rem;
    width: 0.625rem;
    border: 0.0625rem solid #CCCCCC;
    border-radius: 50%;
}

.module-stateful.product-info .col-2 .carousel-nav__item_active {
    background-color: #CCCCCC;
}

.module-stateful.product-info .col-2 .product-info__box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
}

@media screen and (min-width: 47.5em) {
    .module-stateful.product-info .col-2 .product-info__box {
        display: block;
    }
}

.module-stateful.product-info .col-2 .product-info__palette {
    -ms-flex-order: 1;
    order: 1;
    width: 17rem;
    border-top: 0.0625rem solid #000;
    border-bottom: 0.0625rem solid #000;
    margin: 0 auto 1.4375rem;
    width: 20rem;
    /* END .color-picker */
}

@media screen and (min-width: 47.5em) {
    .module-stateful.product-info .col-2 .product-info__palette {
        margin-top: 1.1875rem;
        width: 20rem;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .module-stateful.product-info .col-2 .product-info__palette {
        width: 100%;
    }
}

.module-stateful.product-info .col-2 .product-info__palette .product-info__primary-swatches {
    padding: 1.25rem 0 0;
}

@media screen and (min-width: 63.75em) {
    .module-stateful.product-info .col-2 .product-info__palette .product-info__primary-swatches {
        padding: 1.25rem 0;
    }
}

.module-stateful.product-info .col-2 .product-info__palette .product-info__washable-shades,
.module-stateful.product-info .col-2 .product-info__palette .product-info__waterproof-shades,
.module-stateful.product-info .col-2 .product-info__palette .product-info__new-shades {
    margin: 0;
}

    .module-stateful.product-info .col-2 .product-info__palette .product-info__washable-shades.color-picker,
    .module-stateful.product-info .col-2 .product-info__palette .product-info__waterproof-shades.color-picker,
    .module-stateful.product-info .col-2 .product-info__palette .product-info__new-shades.color-picker {
        text-align: left;
    }

        .module-stateful.product-info .col-2 .product-info__palette .product-info__washable-shades.color-picker .color-picker__swatches,
        .module-stateful.product-info .col-2 .product-info__palette .product-info__waterproof-shades.color-picker .color-picker__swatches,
        .module-stateful.product-info .col-2 .product-info__palette .product-info__new-shades.color-picker .color-picker__swatches {
            white-space: nowrap;
            height: 55px;
            overflow-x: scroll;
            overflow-y: hidden;
            margin: 0 auto;
        }

@media screen and (min-width: 47.5em) {
    .module-stateful.product-info .col-2 .product-info__palette .product-info__washable-shades.color-picker .color-picker__swatches,
    .module-stateful.product-info .col-2 .product-info__palette .product-info__waterproof-shades.color-picker .color-picker__swatches,
    .module-stateful.product-info .col-2 .product-info__palette .product-info__new-shades.color-picker .color-picker__swatches {
        text-align: center;
    }
}

@media screen and (min-width: 63.75em) {
    .module-stateful.product-info .col-2 .product-info__palette .product-info__washable-shades.color-picker .color-picker__swatches,
    .module-stateful.product-info .col-2 .product-info__palette .product-info__waterproof-shades.color-picker .color-picker__swatches,
    .module-stateful.product-info .col-2 .product-info__palette .product-info__new-shades.color-picker .color-picker__swatches {
        overflow-x: hidden;
        overflow-y: hidden;
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .module-stateful.product-info .col-2 .product-info__palette .product-info__washable-shades.color-picker .color-picker__swatches,
    .module-stateful.product-info .col-2 .product-info__palette .product-info__waterproof-shades.color-picker .color-picker__swatches,
    .module-stateful.product-info .col-2 .product-info__palette .product-info__new-shades.color-picker .color-picker__swatches {
        overflow-x: scroll;
    }
}

.module-stateful.product-info .col-2 .product-info__palette .product-info__washable-shades.color-picker .color-picker__swatches li,
.module-stateful.product-info .col-2 .product-info__palette .product-info__waterproof-shades.color-picker .color-picker__swatches li,
.module-stateful.product-info .col-2 .product-info__palette .product-info__new-shades.color-picker .color-picker__swatches li {
    display: inline-block;
    white-space: normal;
    float: none;
    width: 2.1875rem;
    height: 2.1875rem;
    margin-right: 18.25px;
    margin-bottom: 20px;
}

@media screen and (min-width: 47.5em) {
    .module-stateful.product-info .col-2 .product-info__palette .product-info__washable-shades.color-picker .color-picker__swatches li,
    .module-stateful.product-info .col-2 .product-info__palette .product-info__waterproof-shades.color-picker .color-picker__swatches li,
    .module-stateful.product-info .col-2 .product-info__palette .product-info__new-shades.color-picker .color-picker__swatches li {
        margin-right: 22.25px;
    }
}

@media screen and (min-width: 63.75em) {
    .module-stateful.product-info .col-2 .product-info__palette .product-info__washable-shades.color-picker .color-picker__swatches li,
    .module-stateful.product-info .col-2 .product-info__palette .product-info__waterproof-shades.color-picker .color-picker__swatches li,
    .module-stateful.product-info .col-2 .product-info__palette .product-info__new-shades.color-picker .color-picker__swatches li {
        width: 30px;
        height: 30px;
    }
}

@media screen and (min-width: 47.5em) {
    .module-stateful.product-info .col-2 .product-info__palette .product-info__washable-shades.color-picker .color-picker__swatches--no-overflow li,
    .module-stateful.product-info .col-2 .product-info__palette .product-info__waterproof-shades.color-picker .color-picker__swatches--no-overflow li,
    .module-stateful.product-info .col-2 .product-info__palette .product-info__new-shades.color-picker .color-picker__swatches--no-overflow li {
        margin-right: 24.25px;
    }
}

.module-stateful.product-info .col-2 .product-info__palette .color-picker {
    font-size: 0;
    text-align: left;
}

.module-stateful.product-info .col-2 .product-info__palette .color-picker__title {
    font-weight: 300;
    text-align: left;
    word-spacing: normal;
    letter-spacing: 1.25px;
    font-size: 0.625rem;
    line-height: 1.5;
    text-transform: uppercase;
    color: #000;
    padding: 1rem 0 0.6875rem;
    margin: 0 1rem;
}

.module-stateful.product-info .col-2 .product-info__palette .color-picker li {
    display: inline-block;
    text-align: center;
}

.module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches {
    box-sizing: border-box;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 95%;
    margin: 0 auto;
    height: 110px;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-left: 14px;
}

@media screen and (min-width: 47.5em) {
    .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches {
        white-space: normal;
        text-align: center;
    }
}

@media screen and (min-width: 63.75em) {
    .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches {
        overflow-x: scroll;
        overflow-y: hidden;
        padding-top: 2px;
    }
}

.module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch {
    width: 2.1875rem;
    height: 2.1875rem;
    border-radius: 50%;
    margin-right: 18.25px;
    margin-bottom: 20px;
    position: relative;
    color: #FFFFFF;
    cursor: pointer;
    transition: transform 0.1s ease-out;
    background-size: 100%;
    box-shadow: 0 0 0 1px rgba(153, 153, 153, 0.3);
}

    .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:last-child {
        margin-right: 0;
    }

@media screen and (min-width: 47.5em) {
    .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch {
        margin-right: 22.25px;
    }
}

@media screen and (min-width: 63.75em) {
    .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch {
        width: 30px;
        height: 30px;
        margin-right: 24.25px;
    }
}

.no-touch .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:hover {
    -ms-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
}

.module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1rem;
    line-height: 1;
}

.module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch.selected:before {
    content: "";
    color: #FFFFFF;
}

.module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch .color-picker__swatch__multicolor {
    overflow: hidden;
    border-radius: 50%;
    width: 2.1875rem;
    height: 2.1875rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    box-shadow: 0 0 0 1px rgba(153, 153, 153, 0.3);
}

@media screen and (min-width: 63.75em) {
    .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch .color-picker__swatch__multicolor {
        width: 30px;
        height: 30px;
    }
}

.module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch .color-picker__swatch__multicolor div {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches--no-overflow {
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    padding-left: 22px;
}

.module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__view-all {
    position: relative;
    margin: 0 auto 20px;
    padding-top: 3px;
    font-weight: 300;
    font-size: 0.8125rem;
    letter-spacing: 1.25px;
    line-height: 26px;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    display: none;
    text-align: left;
    padding-left: 17px;
}

@media screen and (min-width: 63.75em) {
    .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__view-all {
        line-height: normal;
        font-size: 0.625rem;
        display: block;
    }
}

.no-touch .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__view-all:hover {
    color: #FC2561;
}

.module-stateful.product-info .col-2 .product-info__details {
    -ms-flex-order: 2;
    order: 2;
    width: 20rem;
    margin: 0 auto;
    text-align: left;
}

@media screen and (min-width: 47.5em) {
    .module-stateful.product-info .col-2 .product-info__details {
        width: 20rem;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .module-stateful.product-info .col-2 .product-info__details {
        width: 100%;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .module-stateful.product-info .col-2 .product-info__details {
        width: 100%;
    }
}

.module-stateful.product-info .col-2 .product-info__details .cta-favorite:before {
    font-size: 1.5625rem;
}

@media screen and (min-width: 47.5em) {
    .module-stateful.product-info .col-2 .product-info__details .cta-favorite:before {
        font-size: 1.25rem;
    }
}

.module-stateful.product-info .col-2 .product-info__title {
    width: 240px;
    margin: 10px 0 15px;
    font-weight: 500;
    font-size: 1.875rem;
    font-family: "Neue Helvetica W01_79 C1289709";
    line-height: 1.75rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000000;
}

.module-stateful.product-info .col-2 .ratings {
    margin-bottom: 15px;
}

.module-stateful.product-info .col-2 .product-info__shade-name,
.module-stateful.product-info .col-2 .product-info__shade-code {
    display: block;
    font-weight: 500;
    font-size: 0.875rem;
    font-family: "Helvetica Neue LT W01_75 Bold";
    letter-spacing: 0;
    margin: 13px 0 0;
}

.module-stateful.product-info .col-2 .product-info__shade-code {
    margin-top: 0;
}

.module-stateful.product-info .col-2 .product-info__copy, .module-stateful.product-info .col-2 .product-info__copy h3 {
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0;
    margin: -3px 0 0;
    color: #000;
    margin-block-start: initial;
    margin-block-end: initial;
}

.module-stateful.product-info .col-2 .product-info__maxlimitcopy {
    display: none;
    font-weight: 300;
    font-size: 0.75rem;
    line-height: 1.25rem;
    letter-spacing: 1.75px;
    margin: 0 0 5px 0;
    color: #f92a63;
}

.module-stateful.product-info .col-2 .product-info__price {
    margin: 1rem auto 1.375rem;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1;
    color: #000000;
    clear: both;
    padding-top: 15px;
}

    .module-stateful.product-info .col-2 .product-info__price .product-info__price-msrp {
        font-size: 0.875rem;
        color: #000000;
        vertical-align: text-bottom;
        line-height: 16px;
    }

.module-stateful.product-info .col-2 .product-info__link {
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 1.125rem;
    letter-spacing: 1px;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    margin: 26px 0 0;
    z-index: 1;
    position: relative;
    font-weight: 500;
}

.module-stateful.product-info .col-2 .product-info__shades-overlay {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    padding-top: 15px;
    z-index: 20;
}

@media screen and (max-width: 63.75em) {
    .module-stateful.product-info .col-2 .product-info__shades-overlay {
        position: fixed;
        z-index: 1000;
    }
}

.module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__scroll-container {
    min-height: 110px;
    width: 280px;
    margin: 123px 0 20px;
    padding-top: 5px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (min-width: 47.5em) {
    .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__scroll-container {
        width: 760px;
        margin-top: 184px;
    }
}

@media screen and (min-width: 63.75em) {
    .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__scroll-container {
        width: 240px;
        height: 520px;
        position: relative;
        margin: 0 auto;
        top: auto;
        left: auto;
        bottom: auto;
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@media screen and (min-width: 80em) {
    .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__scroll-container {
        width: 320px;
    }
}

.module-stateful.product-info .col-2 .product-info__shades-overlay h2, .module-stateful.product-info .col-2 .product-info__shades-overlay p {
    text-transform: uppercase;
    letter-spacing: 1.75px;
}

.module-stateful.product-info .col-2 .product-info__shades-overlay h2 {
    font-weight: 500;
    font-size: 1.25rem;
    margin-top: 0;
    margin-bottom: 1.3125rem;
    color: #666666;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .module-stateful.product-info .col-2 .product-info__shades-overlay h2 {
        font-size: 1.75rem;
        margin-bottom: 2.1875rem;
    }
}

.module-stateful.product-info .col-2 .product-info__shades-overlay p {
    font-weight: 300;
    font-size: 0.6875rem;
    border-top: 1px solid rgba(153, 153, 153, 0.3);
    padding-top: 28px;
    margin: 6px 20px 18px;
    color: #999999;
}

@media screen and (min-width: 47.5em) {
    .module-stateful.product-info .col-2 .product-info__shades-overlay p {
        margin-top: 10px;
        margin-bottom: 1.6875rem;
        font-size: 0.875rem;
    }
}

@media screen and (min-width: 63.75em) {
    .module-stateful.product-info .col-2 .product-info__shades-overlay p {
        margin-top: 5px;
        padding-top: 21px;
        margin-bottom: 1.125rem;
        font-size: 0.6875rem;
    }
}

.module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list {
    width: 100%;
    /*height: rem(437px);*/
    position: relative;
    font-size: 0;
    /*word-spacing: rem(20px);*/
    text-align: left;
}

@media screen and (min-width: 63.75em) {
    .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list {
        /*word-spacing: 0px;*/
    }
}

@media screen and (min-width: 80em) {
    .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list {
        /*word-spacing: rem(40px);*/
    }
}

.module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade-swatch-multicolor {
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(153, 153, 153, 0.3);
    width: 2.1875rem;
    height: 2.1875rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media screen and (min-width: 47.5em) {
    .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade-swatch-multicolor {
        width: 3.125rem;
        height: 3.125rem;
    }
}

@media screen and (min-width: 63.75em) {
    .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade-swatch-multicolor {
        width: 1.875rem;
        height: 1.875rem;
    }
}

.module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade-swatch-multicolor div {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade {
    display: inline-block;
    position: relative;
    cursor: pointer;
    vertical-align: top;
    word-spacing: normal;
    font-size: 1rem;
    text-align: center;
    margin-bottom: 1.25rem;
    margin-left: 20px;
}

@media screen and (min-width: 47.5em) {
    .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade {
        margin-bottom: 0.75rem;
    }
}

@media screen and (min-width: 63.75em) {
    .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade {
        margin-bottom: 1.0625rem;
        margin-left: 0px;
    }
}

@media screen and (min-width: 80em) {
    .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade {
        margin-left: 40px;
    }
}

.module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade:nth-child(3n+1) {
    margin-left: 0px;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade:nth-child(3n+1) {
        margin-left: 20px;
    }

    .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade:nth-child(5n+1) {
        margin-left: 0px;
    }
}

.module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch {
    width: 2.1875rem;
    height: 2.1875rem;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
    background-size: 100%;
}

@media screen and (min-width: 47.5em) {
    .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch {
        width: 3.125rem;
        height: 3.125rem;
    }
}

@media screen and (min-width: 63.75em) {
    .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch {
        width: 1.875rem;
        height: 1.875rem;
    }
}

.module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1rem;
    line-height: 1;
    color: #FFFFFF;
}

.module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch.selected:before {
    content: "";
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch.selected:before {
        font-size: 1.875rem;
        line-height: 1;
    }
}

.no-touch .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade:hover .product-info__shade-swatch {
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-title {
    width: 5rem;
    margin-top: 0.5rem;
    font-size: 0.5625rem;
    letter-spacing: 1.5px;
    line-height: 0.8125rem;
    font-weight: 300;
    text-transform: uppercase;
    color: #666666;
}

@media screen and (min-width: 47.5em) {
    .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-title {
        width: 7.5rem;
        font-size: 0.6875rem;
    }
}

@media screen and (min-width: 63.75em) {
    .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-title {
        width: 5rem;
        font-size: 0.5625rem;
    }
}

.module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-code {
    font-size: 0.5625rem;
    letter-spacing: 1.5px;
    line-height: 0.875rem;
    font-weight: 300;
    color: #999999;
}

@media screen and (min-width: 47.5em) {
    .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-code {
        font-size: 0.6875rem;
        line-height: 1.125rem;
    }
}

@media screen and (min-width: 63.75em) {
    .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-code {
        line-height: 0.875rem;
    }
}

.module-stateful.product-info .col-2 .product-info__shades-overlay .cta-labeled-close {
    padding: 15px 20px 50px 20px;
    margin: 0 auto;
    width: 100px;
    display: block;
}

@media screen and (min-width: 47.5em) {
    .module-stateful.product-info .col-2 .product-info__shades-overlay .cta-labeled-close {
        padding-top: 30px;
    }
}

@media screen and (min-width: 63.75em) {
    .module-stateful.product-info .col-2 .product-info__shades-overlay .cta-labeled-close {
        padding-top: 0px;
    }
}

.module-stateful.product-info .col-2 .product-info__shades-overlay .cta-labeled-close:before {
    font-size: 25px;
}

.module-stateful.product-info .col-2 .product-info__shades-overlay .cta-labeled-close:after {
    margin: -13px 0 0 1px;
    top: 70px;
    left: 44%;
}

.module-stateful.product-info .col-2 .product-info__shades-overlay .cta-labeled-close:hover {
    color: #FC2561;
}

.module-stateful.product-info .col-3 {
    display: none;
}

@media screen and (min-width: 63.75em) {
    .module-stateful.product-info .col-3 {
        display: block;
        float: left;
        width: 31.64062%;
    }
}

@media screen and (min-width: 80em) {
    .module-stateful.product-info .col-3 {
        margin-left: 0;
        margin-right: 0;
        width: 33.98438%;
    }
}

.module-stateful.product-info .col-3 .product-info__right-carousel {
    position: relative;
}

    .module-stateful.product-info .col-3 .product-info__right-carousel .product-info__right-container {
        width: 333px;
        height: 493px;
        margin: 0 auto;
        position: relative;
        text-align: center;
    }

@media screen and (min-width: 63.75em) {
    .module-stateful.product-info .col-3 .product-info__right-carousel .product-info__right-container {
        width: 16.25rem;
        height: 24.375rem;
        margin-top: 32px;
    }
}

@media screen and (min-width: 80em) {
    .module-stateful.product-info .col-3 .product-info__right-carousel .product-info__right-container {
        width: 23.75rem;
        height: 35.375rem;
        margin-top: 76px;
    }
}

.module-stateful.product-info .col-3 .product-info__right-carousel .product-info__right-container .product-info__right-group {
    width: 100%;
    height: 100%;
    display: none;
}

    .module-stateful.product-info .col-3 .product-info__right-carousel .product-info__right-container .product-info__right-group.slick-slider {
        display: block;
    }

.module-stateful.product-info .col-3 .product-info__right-carousel .product-info__right-container .product-info__right-item {
    position: relative;
}

.no-touch .module-stateful.product-info .col-3 .product-info__right-carousel .product-info__right-container .product-info__right-item:hover .product-info__color-overlay:after {
    display: block;
}

.no-touch .module-stateful.product-info .col-3 .product-info__right-carousel .product-info__right-container .product-info__right-item:hover .product-info__right-overlay {
    display: block;
}

.module-stateful.product-info .col-3 .product-info__right-carousel .product-info__right-container .product-info__right-image {
    width: 333px;
    height: 493px;
    margin: 0 auto;
}

@media screen and (min-width: 63.75em) {
    .module-stateful.product-info .col-3 .product-info__right-carousel .product-info__right-container .product-info__right-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.module-stateful.product-info .col-3 .product-info__right-carousel .product-info__right-container .product-info__right-overlay {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.module-stateful.product-info .new-brow {
    position: absolute;
    top: 20px;
    left: 0;
    line-height: 1;
    color: #FC2561;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    padding: 0.1875rem 0;
    z-index: 30;
}

@media screen and (min-width: 80em) {
    .module-stateful.product-info .new-brow {
        font-size: 2.0625rem;
    }
}

.module-stateful.product-info .new-brow:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #FC2561;
    font-size: 3.375rem;
    -webkit-font-smoothing: initial;
}

@media screen and (min-width: 80em) {
    .module-stateful.product-info .new-brow:before {
        font-size: 5.3125rem;
    }
}

.module-stateful.product-info .not-new {
    display: none;
}

.module-stateful.product-info .product-info__color-overlay {
    font-size: 0;
}

    .module-stateful.product-info .product-info__color-overlay:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(51, 51, 51, 0.5);
        display: none;
    }

.module-stateful.product-info .product-info__color-overlay--with-video {
    cursor: pointer;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .module-stateful.product-info .product-info__color-overlay--with-video {
        position: relative;
    }
}

.module-stateful.product-info .product-info__color-overlay--with-video:before {
    content: "";
    background-color: #FC2561;
    display: block;
    position: absolute;
    bottom: 40%;
    right: calc(50% - 80px);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #FFFFFF;
    text-align: center;
    width: 80px;
    height: 50px;
    font-size: 1.4375rem;
    line-height: 50px;
}

.module-stateful.product-info .no-touch .product-info__color-overlay:hover:after {
    display: block;
}

@media screen and (min-width: 47.5em) {
    .module-stateful.product-info .slick-slide {
        padding: 0 2px;
    }
}

@media screen and (min-width: 80em) {
    .module-stateful.product-info .slick-slide {
        padding: 0;
    }
}

/* END .module.product-info */
.cheatsheet {
    display: block;
    clear: both;
    position: relative;
    background-color: #FFF;
    width: 87%;
    margin: 2.5rem auto 0 auto;
    padding-bottom: 30px;
    text-align: left;
    word-spacing: normal;
}

@media screen and (min-width: 47.5em) {
    .cheatsheet {
        margin-top: 3.75rem;
        padding-bottom: 60px;
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 63.75em) {
    .cheatsheet {
        max-width: 970px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 80em) {
    .cheatsheet {
        max-width: 1024px;
        margin-left: auto;
        margin-right: auto;
    }
}

.cheatsheet h2, .cheatsheet .cheatsheet__fact p, .cheatsheet .cheatsheet__fact h3 {
    word-spacing: normal;
    margin-bottom: 0;
}

.cheatsheet .cheatsheet__fact h2 {
    text-transform: none;
    font-size: 1.125rem;
}

.cheatsheet .gigi-wrapper {
    background-color: #f2e8e4;
    padding-bottom: 30px;
}

    .cheatsheet .gigi-wrapper .half-background {
        background: #edd9d2;
        /* For browsers that do not support gradients */
        /* For Safari 5.1 to 6.0 */
        /* For Opera 11.1 to 12.0 */
        /* For Firefox 3.6 to 15 */
        background: linear-gradient(-180deg, #edd9d2 0%, #edd9d2 50%, #f2e8e4 50%, #f2e8e4 100%);
    }


.cheatsheet__facts-container {
    margin: 0 auto;
    text-align: left;
    margin-top: -32px;
}

@media screen and (min-width: 47.5em) {
    .cheatsheet__facts-container {
        margin-top: -92px;
        max-width: 1600px;
    }
}

@media screen and (min-width: 80em) {
    .cheatsheet__facts-container {
        margin-top: -99px;
    }
}

.cheatsheet__facts {
    text-align: center;
    font-size: 0;
    margin-right: auto;
    margin-left: auto;
    /*max-width: 320px;*/
    display: inline-block;
}

@media screen and (min-width: 47.5em) {
    .cheatsheet__facts {
        text-align: justify;
    }
}

@media screen and (min-width: 47.5em) {
    .cheatsheet__facts_two-col {
        max-width: 40rem;
    }
}

@media screen and (min-width: 63.75em) {
    .cheatsheet__facts_two-col {
        max-width: 50rem;
    }
}

@media screen and (min-width: 47.5em) {
    .cheatsheet__facts_two-col .cheatsheet__fact {
        margin-left: 80px;
    }
}

@media screen and (min-width: 63.75em) {
    .cheatsheet__facts_two-col .cheatsheet__fact {
        width: 21.25rem;
        margin-left: 120px;
    }
}

@media screen and (min-width: 47.5em) {
    .cheatsheet__facts_three-col {
        max-width: 42.5rem;
    }
}

@media screen and (min-width: 63.75em) {
    .cheatsheet__facts_three-col {
        max-width: 944px;
    }
}

@media screen and (min-width: 80em) {
    .cheatsheet__facts_three-col {
        max-width: 1040px;
    }
}

@media screen and (min-width: 47.5em) {
    .cheatsheet__facts_three-col .cheatsheet__fact {
        width: 12rem;
        margin-left: 40px;
    }
}

@media screen and (min-width: 63.75em) {
    .cheatsheet__facts_three-col .cheatsheet__fact {
        width: 13.5rem;
    }
}

@media screen and (min-width: 80em) {
    .cheatsheet__facts_three-col .cheatsheet__fact {
        width: 19.5rem;
    }
}

.cheatsheet__fact {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-weight: 300;
    font-size: 0.6875rem;
    text-align: left;
    word-spacing: normal;
    margin-bottom: 25px;
}

@media screen and (min-width: 47.5em) {
    .cheatsheet__fact {
        width: 17.5rem;
    }
}

@media screen and (min-width: 63.75em) {
    .cheatsheet__fact {
        width: 17.5rem;
    }
}

@media screen and (min-width: 80em) {
    .cheatsheet__fact {
        width: 17.5rem;
    }
}

@media screen and (min-width: 20em) and (max-width: 47.5em) {
    .cheatsheet h2.half-background {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .module-stateful.product-info .product-info__columns .product-info__favorite {
        margin-left: 23px;
    }

    .module-stateful.product-info .product-info__columns button {
        width: 87%;
        margin: auto;
    }

    .module-stateful.product-info .col-2 .product-info__title {
        width: auto;
    }
}

.module-stateful.product-info .product-info__columns ul.product-info__dots {
    text-align: center;
}

.cheatsheet__fact:first-child {
    margin-left: 0;
}

.cheatsheet h2, .cheatsheet .cheatsheet__fact p, .cheatsheet .cheatsheet__fact h3 {
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 2.125rem;
    letter-spacing: -0.5px;
    text-transform: uppercase;
    margin-top: 1.1875rem;
    margin-bottom: 0;
    margin-block-start: initial;
    margin-block-end: initial;
    text-align: left;
    font-weight: 500;
}

.cheatsheet h2.half-background {
    letter-spacing: -1px;
    text-transform: uppercase;
}

.cheatsheet .cheatsheet__fact p {
    font-size: 1.125rem;
    letter-spacing: -0.5px;
}

.cheatsheet .cheatsheet__dash {
    font-size: 1.25rem;
    color: #FC2561;
    margin: 0 0 -3px 0;
}

.product-info .cheatsheet .cheatsheet__dash {
    color: white;
}

.cheatsheet__copy {
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0;
    white-space: pre-line;
    color: #000;
}

.cheatsheet__double-border {
    margin: 1.5rem auto 0.625rem;
    padding: 14px 0 15px;
    border-top: 0.0625rem solid #000;
    border-bottom: 0.0625rem solid #000;
    text-align: left;
    position: relative;
}

@media screen and (min-width: 47.5em) {
    .cheatsheet__double-border {
        width: 11.5rem;
        padding: 24px 0 25px;
        margin-left: 34%;
    }
}

@media screen and (min-width: 63.75em) {
    .cheatsheet__double-border {
        width: 16rem;
        padding: 24px 0 25px;
        margin-left: 28.5%;
    }
}

@media screen and (min-width: 80em) {
    .cheatsheet__double-border {
        width: 20rem;
        margin-left: auto;
    }
}

.cheatsheet .plus-link {
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 1.125rem;
    letter-spacing: 1px;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 25px;
}

.cheatsheet__double-border a.plus-link.cheatsheet__ingredients-link {
    border: none;
    color: #000;
    font-weight: 500;
}

    .cheatsheet__double-border a.plus-link.cheatsheet__ingredients-link:after {
        content: "\E002";
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        border: none;
        color: #000;
        right: 0;
        position: absolute;
    }

@media screen and (min-width: 47.5em) {
    .cheatsheet__double-border a.plus-link.cheatsheet__ingredients-link:after {
        line-height: 20px;
    }
}

@media screen and (min-width: 63.75em) {
    .cheatsheet__double-border a.plus-link.cheatsheet__ingredients-link:after {
        line-height: 20px;
    }
}

@media screen and (min-width: 80em) {
    .cheatsheet__double-border a.plus-link.cheatsheet__ingredients-link:after {
        line-height: 20px;
    }
}

.cheatsheet__double-border a.plus-link.cheatsheet__ingredients-link:hover::after {
    color: #FC2561;
}

.no-touch .cheatsheet .plus-link:hover {
    color: #FC2561;
}

@media screen and (min-width: 47.5em) {
    .cheatsheet .plus-link {
        font-size: 1.125rem;
        line-height: normal;
    }
}

.cheatsheet__ingredients-overlay {
    display: none;
    position: absolute;
    top: -50px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    padding-top: 15px;
}

@media screen and (max-width: 63.75em) {
    .cheatsheet__ingredients-overlay {
        position: fixed;
        top: 0;
        z-index: 20;
    }
}

.cheatsheet__ingredients-overlay .cta-labeled-close {
    padding: 25px 20px 20px 20px;
    margin: 0 auto;
    width: 75px;
    display: block;
    text-align: center;
}

@media screen and (min-width: 47.5em) {
    .cheatsheet__ingredients-overlay .cta-labeled-close {
        padding-top: 0;
    }
}

.cheatsheet__ingredients-overlay .cta-labeled-close:before {
    font-size: 25px;
}

.cheatsheet__ingredients-overlay .cta-labeled-close:after {
    margin: 0;
    top: 80px;
    left: 50%;
}

@media screen and (min-width: 47.5em) {
    .cheatsheet__ingredients-overlay .cta-labeled-close:after {
        top: 50px;
    }
}

.cheatsheet__ingredients-overlay .cta-labeled-close:hover {
    color: #FC2561;
}

.cheatsheet__ingredients-overlay .cheatsheet__ingredients-copy {
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0;
    color: #000;
    white-space: pre-line;
    width: 600px;
    height: 345px;
    margin: 30px auto;
    text-align: left;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .cheatsheet__ingredients-overlay .cheatsheet__ingredients-copy {
        position: absolute;
        top: 70px;
        bottom: 20px;
        left: 20px;
        right: 20px;
        width: auto;
        height: auto;
    }
}

.Variant_Texts {
    display: none;
}

    .Variant_Texts.selected {
        display: block;
    }

.cheatsheet__copy p {
    margin: 0;
}

.plus-link:after {
    display: inline-block;
    width: 1.625rem;
    height: 1.625rem;
    margin-left: 0.9375rem;
    font-size: 0.8125rem;
    text-align: center;
    line-height: 25px;
    vertical-align: bottom;
    border: 0.0625rem solid #CCCCCC;
    border-radius: 50%;
    color: #FC2561;
    letter-spacing: normal;
    font-weight: bold;
}

@media screen and (min-width: 47.5em) {
    .plus-link:after {
        width: 0.9375rem;
        height: 0.9375rem;
        font-size: 0.5rem;
        line-height: 13px;
        margin-left: 0.5rem;
    }
}

.product-info__prev,
.product-info__next {
    position: absolute;
    top: 50%;
    font-size: 40px;
    color: #999999;
    cursor: pointer;
}

    .product-info__prev.slick-disabled,
    .product-info__next.slick-disabled {
        opacity: 0.2;
    }

.product-info__prev {
    left: 0;
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}

.product-info__next {
    right: 0;
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
}

.product-info__dots {
    padding-top: 10px;
    position: relative;
    z-index: 1;
}

    .product-info__dots li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        border: 0.0625rem solid #CCCCCC;
        border-radius: 50%;
        text-indent: -9999px;
        cursor: pointer;
        background: #CCCCCC;
    }

        .product-info__dots li.slick-active {
            background: #f92a63;
        }

.product-info__shop {
    text-align: left;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .product-info__shop {
        width: 17.5rem;
        margin: 1.25rem auto;
    }
}

@media screen and (min-width: 47.5em) {
    .product-info__shop {
        width: 100%;
        margin: 0.625rem 0 1.25rem;
    }
}

.product-info__quantity {
    position: relative;
    float: left;
    width: 37.5%;
}

    .product-info__quantity label {
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1.875rem;
        letter-spacing: .12em;
        color: #000000;
        text-transform: uppercase;
    }

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .product-info__quantity label {
        margin-right: 0.375rem;
    }
}

@media screen and (min-width: 47.5em) {
    .product-info__quantity label {
        margin-right: 0.5625rem;
    }
}

@media screen and (min-width: 63.75em) {
    .product-info__quantity label {
        margin-right: 0.75rem;
    }
}

.product-info__quantity input {
    width: 2.9375rem;
    height: 2.75rem;
    padding: 0;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.6875rem;
    letter-spacing: .125em;
    text-align: center;
}

    .product-info__quantity input::-webkit-inner-spin-button, .product-info__quantity input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.product-info__quantity .icon, .product-info__quantity .get-the-look__video__image, .product-info__quantity .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .product-info__quantity .color-picker__swatch:before, .product-info__quantity .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__quantity .product-info__shade-swatch:before, .product-info__quantity .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .product-info__quantity .product-info__color-overlay--with-video:before, .product-info__quantity .cheatsheet .cheatsheet__dash, .cheatsheet .product-info__quantity .cheatsheet__dash, .product-info__quantity .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .product-info__quantity li, .product-info__quantity .video-kit__hero-image, .product-info__quantity .video-kit__card-image, .product-info__quantity .video-promoted__image {
    position: absolute;
    top: 0.3125rem;
    right: 0;
    font-size: 0.8125rem;
    color: #FC2561;
}

    .product-info__quantity .icon:last-child, .product-info__quantity .get-the-look__video__image:last-child, .product-info__quantity .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:last-child:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .product-info__quantity .color-picker__swatch:last-child:before, .product-info__quantity .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:last-child:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__quantity .product-info__shade-swatch:last-child:before, .product-info__quantity .module-stateful.product-info .product-info__color-overlay--with-video:last-child:before, .module-stateful.product-info .product-info__quantity .product-info__color-overlay--with-video:last-child:before, .product-info__quantity .cheatsheet .cheatsheet__dash:last-child, .cheatsheet .product-info__quantity .cheatsheet__dash:last-child, .product-info__quantity .ratings-and-reviews .rar__user-rating li:last-child, .ratings-and-reviews .rar__user-rating .product-info__quantity li:last-child, .product-info__quantity .video-kit__hero-image:last-child, .product-info__quantity .video-kit__card-image:last-child, .product-info__quantity .video-promoted__image:last-child {
        top: auto;
        bottom: 0.3125rem;
    }

.product-info__retailers {
    float: right;
    width: 56.25%;
}

.custom-dropdown {
    position: relative;
    width: 100%;
    height: 2.75rem;
    padding: 0.875rem 1rem;
    background: #F1F1F1;
}

.custom-dropdown__selected {
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1rem;
    letter-spacing: .16em;
    color: #999999;
    text-align: left;
}

    .custom-dropdown__selected .icon, .custom-dropdown__selected .get-the-look__video__image, .custom-dropdown__selected .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .custom-dropdown__selected .color-picker__swatch:before, .custom-dropdown__selected .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .custom-dropdown__selected .product-info__shade-swatch:before, .custom-dropdown__selected .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .custom-dropdown__selected .product-info__color-overlay--with-video:before, .custom-dropdown__selected .cheatsheet .cheatsheet__dash, .cheatsheet .custom-dropdown__selected .cheatsheet__dash, .custom-dropdown__selected .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .custom-dropdown__selected li, .custom-dropdown__selected .video-kit__hero-image, .custom-dropdown__selected .video-kit__card-image, .custom-dropdown__selected .video-promoted__image {
        float: right;
        font-size: 0.875rem;
        color: #FC2561;
    }

.custom-dropdown__select {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.6875rem;
    width: 100%;
    margin: auto;
    opacity: 0;
}

.no-scroll {
    overflow: hidden;
}

.quickshop {
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background: #FFFFFF;
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 0;
    z-index: -1000;
    transition: opacity .25s ease;
}

    .quickshop .quickshop-modal-buydirect {
        display: none;
    }

        .quickshop .quickshop-modal-buydirect.visible {
            display: inline-block !important;
            margin-bottom: 1.875rem;
            line-height: 1rem;
            letter-spacing: .2em;
        }

@media screen and (min-width: 47.5em) {
    .quickshop {
        background: rgba(0, 0, 0, 0.8);
    }
}

.quickshop.active {
    display: block;
    position: fixed;
    opacity: 1;
    z-index: 1000;
}

.quickshop__modal {
    position: relative;
    z-index: 1;
    background: #FFFFFF;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .quickshop__modal {
        width: 100%;
        height: 100%;
    }
}

@media screen and (min-width: 47.5em) {
    .quickshop__modal {
        width: 89.47368%;
        margin: 3.75rem auto;
    }
}

@media screen and (min-width: 80em) {
    .quickshop__modal {
        width: 84.96094%;
    }
}

.quickshop__close {
    position: absolute;
    top: 1.875rem;
    right: 1.875rem;
    cursor: pointer;
    font-size: 1.25rem;
    color: #000000;
    z-index: 1;
}

@media screen and (min-width: 47.5em) {
    .quickshop__column {
        float: left;
        width: 50%;
        height: 100%;
    }
}

.quickshop__column--left {
    background: #FFFFFF;
}

.quickshop__column--right {
    position: relative;
    padding: 4.75rem 0;
    text-align: center;
}

@media screen and (min-width: 47.5em) {
    .quickshop__column--right {
        text-align: left;
    }
}

.quickshop__column--left .quickshop__header {
    padding-top: 3rem;
    text-align: left;
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 1.125rem;
    width: 17.5rem;
    margin: 0 auto;
}

@media screen and (min-width: 47.5em) {
    .quickshop__column--left .quickshop__header {
        display: none;
    }
}

.quickshop__column--right .quickshop__header {
    display: none;
}

@media screen and (min-width: 47.5em) {
    .quickshop__column--right .quickshop__header {
        display: block;
        font-family: "Neue Helvetica W01_79 C1289709";
        font-size: 1.125rem;
    }
}

.quickshop__column--right #__AjaxAntiForgeryForm {
    float: none;
}

.quickshop__carousel {
    width: 16rem;
    height: 21.33333rem;
    margin: 0 auto;
}

@media screen and (min-width: 47.5em) {
    .quickshop__carousel {
        margin: 5.75rem auto 0;
    }
}

@media screen and (min-width: 63.75em) {
    .quickshop__carousel {
        width: 23.75rem;
        height: 31.66667rem;
        margin: 2.5rem auto 0;
    }
}

.quickshop__carousel__item {
    width: 16rem;
    height: 21.33333rem;
}

@media screen and (min-width: 63.75em) {
    .quickshop__carousel__item {
        width: 23.75rem;
        height: 31.66667rem;
    }
}

.quickshop__carousel__item img {
    display: block;
    width: 100%;
    height: 100%;
    /*object-fit: cover;*/
}

.quickshop__carousel__prev, .quickshop__carousel__next {
    position: absolute;
    top: 50%;
    font-size: 2.1875rem;
    color: #666666;
}

@media screen and (min-width: 80em) {
    .quickshop__carousel__prev, .quickshop__carousel__next {
        font-size: 2.5rem;
    }
}

.quickshop__carousel__prev.slick-disabled, .quickshop__carousel__next.slick-disabled {
    opacity: 0.2;
}

.quickshop__carousel__prev {
    left: -2.1875rem;
}

@media screen and (min-width: 80em) {
    .quickshop__carousel__prev {
        left: -3.125rem;
    }
}

.quickshop__carousel__next {
    right: -2.1875rem;
}

@media screen and (min-width: 80em) {
    .quickshop__carousel__next {
        right: -3.125rem;
    }
}

.quickshop__carousel__dots {
    margin: 0.625rem 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

@media screen and (min-width: 47.5em) {
    .quickshop__carousel__dots {
        margin-top: 1.25rem;
    }
}

.quickshop__carousel__dots li {
    display: inline-block;
    width: 0.6875rem;
    height: 0.6875rem;
    margin: 0 0.3125rem;
    border: 0.0625rem solid #CCCCCC;
    border-radius: 50%;
    text-indent: -9999px;
    vertical-align: middle;
    transition: background .1s ease;
    background: #CCCCCC;
}

    .quickshop__carousel__dots li.slick-active {
        background: #000;
    }

.quickshop__heading {
    margin: 0;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .1em;
    color: #000000;
    text-transform: uppercase;
    padding: 10px 25px 0 0;
}

@media screen and (min-width: 80em) {
    .quickshop__heading {
        font-size: 1.25rem;
    }
}

.quickshop__namecode {
    margin-bottom: 1.25rem;
}

.quickshop__name, .quickshop__code {
    display: block;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: .16em;
    color: #000000;
}

.quickshop__name {
    font-family: "Helvetica Neue LT W05_55 Roman";
    margin-bottom: 1.25rem;
}

.quickshop__ratings {
    margin-bottom: 1.25rem;
}

    .quickshop__ratings .ratings {
        margin-bottom: 0;
    }

.quickshop__swatches {
    width: 17.5rem;
    height: 7.625rem;
    margin: 0 auto;
    padding: 0.625rem 0;
    border-top: 0.0625rem solid #666666;
    border-bottom: 0.0625rem solid #666666;
}

@media screen and (min-width: 47.5em) {
    .quickshop__swatches {
        width: 18.75rem;
        margin: 0;
    }
}

@media screen and (min-width: 80em) {
    .quickshop__swatches {
        width: 20rem;
        padding: 0.625rem;
    }
}

.quickshop__swatches__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100px;
    white-space: normal;
    overflow-x: scroll;
    overflow-y: hidden;
}

@media screen and (min-width: 63.75em) {
    .quickshop__swatches__list {
        -ms-flex-direction: row;
        flex-direction: row;
        overflow: hidden;
    }
}

.quickshop__swatches__item {
    position: relative;
    width: 1.875rem;
    height: 1.875rem;
    margin: 0.625rem 1rem;
    border-radius: 50%;
    background-size: 100%;
    cursor: pointer;
    transition: transform .1s ease;
}

@media screen and (min-width: 63.75em) {
    .quickshop__swatches__item {
        margin: 0.625rem 1.375rem;
    }
}

.quickshop__swatches__item:hover {
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.quickshop__swatches__item.active:before {
    content: '\E007';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1rem;
    line-height: 1rem;
    color: #FFFFFF;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .quickshop__swatches__item.unmargin-left {
        margin-left: 0;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .quickshop__swatches__item.unmargin-left {
        margin-left: 0;
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .quickshop__swatches__item.unmargin-right {
        margin-right: 0;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .quickshop__swatches__item.unmargin-right {
        margin-right: 0;
    }
}

.quickshop__shop {
    text-align: left;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .quickshop__shop {
        width: 17.5rem;
        margin: 1.25rem auto;
    }
}

@media screen and (min-width: 47.5em) {
    .quickshop__shop {
        width: 100%;
        max-width: 20rem;
        margin: 0 auto 1.5625rem;
    }
}

.quickshop__shop__quantity {
    position: relative;
    float: left;
    width: 37.5%;
}

.no-retailers .quickshop__shop__quantity {
    float: none;
    margin: 0 auto;
    right: 10px;
}

.quickshop__shop__quantity label {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: .12em;
    color: #000000;
    text-transform: uppercase;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .quickshop__shop__quantity label {
        margin-right: 0.375rem;
    }
}

@media screen and (min-width: 47.5em) {
    .quickshop__shop__quantity label {
        margin-right: 0.5625rem;
    }
}

@media screen and (min-width: 63.75em) {
    .quickshop__shop__quantity label {
        margin-right: 0.75rem;
    }
}

.quickshop__shop__quantity input {
    width: 2.9375rem;
    margin-left: .187rem;
    height: 2.75rem;
    padding: 0;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.6875rem;
    letter-spacing: .125em;
    text-align: center;
}

    .quickshop__shop__quantity input::-webkit-inner-spin-button, .quickshop__shop__quantity input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.quickshop__shop__quantity__more, .quickshop__shop__quantity__less {
    position: absolute;
    top: 0.3125rem;
    right: 0;
    font-size: 0.8125rem;
    color: #FC2561;
}

.quickshop__shop__quantity__less {
    top: auto;
    bottom: 0.3125rem;
}

.quickshop__shop__retailers {
    float: right;
    width: 56.25%;
}

.no-retailers .quickshop__shop__retailers {
    display: none;
}

.quickshop__favorite {
    margin-bottom: 1.5625rem;
}

.quickshop__price {
    margin-bottom: 1.5625rem;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.25rem;
    letter-spacing: .16em;
    color: #000000;
}

.quickshop__price__msrp {
    font-size: 0.75rem;
    vertical-align: text-bottom;
}

.quickshop__checkout,
.quickshop__channel-advisor {
    margin-bottom: 1.875rem;
    line-height: 1rem;
    letter-spacing: .2em;
}

.quickshop__full__cta {
    font-weight: 300;
    font-size: 0.75rem;
    line-height: 1.25rem;
    letter-spacing: .16em;
    color: #000000;
    text-transform: uppercase;
    font-family: "Neue Helvetica W01_79 C1289709";
}

.custom-dropdown {
    position: relative;
    width: 100%;
    height: 2.75rem;
    padding: 0.875rem 1rem;
    background: #F1F1F1;
}

.custom-dropdown__selected {
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1rem;
    letter-spacing: .16em;
    color: #999999;
    text-align: left;
}

    .custom-dropdown__selected .icon, .custom-dropdown__selected .get-the-look__video__image, .custom-dropdown__selected .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .custom-dropdown__selected .color-picker__swatch:before, .custom-dropdown__selected .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .custom-dropdown__selected .product-info__shade-swatch:before, .custom-dropdown__selected .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .custom-dropdown__selected .product-info__color-overlay--with-video:before, .custom-dropdown__selected .cheatsheet .cheatsheet__dash, .cheatsheet .custom-dropdown__selected .cheatsheet__dash, .custom-dropdown__selected .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .custom-dropdown__selected li, .custom-dropdown__selected .video-kit__hero-image, .custom-dropdown__selected .video-kit__card-image, .custom-dropdown__selected .video-promoted__image {
        float: right;
        font-size: 0.875rem;
        color: #FC2561;
    }

.custom-dropdown__select {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.6875rem;
    width: 100%;
    margin: auto;
    background: #F1F1F1;
    font-family: "Neue Helvetica W01";
    cursor: pointer;
    border-radius: 0;
    font-weight: 300;
    font-size: 0.85rem;
    color: #666666;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    opacity: 0;
}

.sku-wall {
    padding-top: 50px;
    margin-bottom: 0;
    width: 100%;
    max-width: 1600px;
    position: relative;
}

.sku__header {
    text-align: center;
    position: relative;
    width: 87%;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 47.5em) {
    .sku__header {
        width: 90%;
    }
}

.sku__header h2, .sku__header div.custom-h1-tag {
    color: #000000;
    margin: 0;
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 2.25rem;
    line-height: 2.25rem;
    letter-spacing: -1px;
    text-align: left;
    text-transform: uppercase;
    /*-webkit-transform: translateY(-1.625rem);
        -ms-transform: translateY(-1.625rem);
        transform: translateY(-1.625rem);*/
}

@media screen and (min-width: 47.5em) {
    .sku__header h2, .sku__header div.custom-h1-tag {
        font-size: 3.5rem;
        line-height: 3.125rem;
        /*-webkit-transform: translateY(-2.25rem);
        -ms-transform: translateY(-2.25rem);
        transform: translateY(-2.25rem);        */
    }
}

@media screen and (min-width: 63.75em) {
    .sku__header h2, .sku__header div.custom-h1-tag {
        font-size: 4.625rem;
        line-height: 4.375rem;
        /* -webkit-transform: translateY(-2.875rem);
        -ms-transform: translateY(-2.875rem);
        transform: translateY(-2.875rem);*/
    }
}
/*
.sku__header:after {
  content: '';
  width: 100%;
  height: 16px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), transparent); }
*/
.sku__container {
    background: #FFFFFF;
    position: relative;
    width: 100%;
    float: left;
}

.sku__container--darken {
    background: #000;
}

    .sku__container--darken h2, .sku__container--darken h2, .sku__container--darken p {
        color: #fff;
    }

    .sku__container--darken .button {
        color: #FFFFFF;
    }

        .no-touch .sku__container--darken .button:hover, .sku__container--darken .button:active, .sku__container--darken .button:focus, .sku__container--darken .button.active {
            background-color: #f92a63;
            color: #FFFFFF;
            border-color: #f92a63;
        }

    .sku__container--darken .chosen-container a.chosen-single,
    .sku__container--darken .chosen-container .chosen-results {
        background-color: #222;
    }

    .sku__container--darken .chosen-container:hover a.chosen-single {
        color: #666;
    }

.sku__container--white {
    background: #fff;
}

    .sku__container--white h2, .sku__container--white p {
        color: #000;
    }

    .sku__container--white h2 {
        color: #000;
        margin: 20px 0 20px 0;
        text-transform: uppercase;
        width: 160px;
        font-weight: 100;
        font-size: 2rem;
    }

    .sku__container--white .button {
        color: #000000;
    }

        .no-touch .sku__container--white .button:hover, .sku__container--white .button:active, .sku__container--white .button:focus, .sku__container--white .button.active {
            background-color: #333;
            color: #fff;
            border-color: #333;
        }

    .sku__container--white .button,
    .sku__container--white .sku__view-less {
        border: 1px solid rgba(153, 153, 153, 0.61) !important;
    }

.sku__description {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(153, 153, 153, 0.61);
    margin: 0 auto;
    width: 87%;
    letter-spacing: 0.15rem;
    color: #000000;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 300;
}

.sku-wall-filter .sku__description {
    color: #FFFFFF;
}

.sku__description p {
    -webkit-font-smoothing: antialiased;
    padding: 0;
}

.sku__description {
    font-size: 0.75rem;
    letter-spacing: 0;
    text-align: left;
}

@media screen and (min-width: 47.5em) {
    .sku__description {
        font-size: 0.5rem;
        line-height: 0.688rem;
        width: 90%;
        text-align: center;
    }

        .sku__description p {
            padding: 0 50px;
        }
}

@media screen and (min-width: 63.75em) {
    .sku__description {
        font-size: 0.5rem;
        line-height: 0.688rem;
        padding: 40px 0px;
    }

        .sku__description p {
            padding: 0 180px;
        }
}

.sku__content {
    padding-bottom: 0px;
    width: 87%;
    margin: 0 auto;
    overflow: auto;
    position: relative;
}

@media screen and (min-width: 47.5em) {
    .sku__content {
        width: 90%;
        padding-bottom: 50px;
    }
}

@media screen and (min-width: 63.75em) {
    .sku__content {
        border-bottom: 1px solid rgba(153, 153, 153, 0.61);
        margin-bottom: 50px;
        overflow: inherit;
    }
}

.sku__section-container {
    position: relative;
    width: 100%;
    float: left;
    margin-top: 50px;
}

.sku-wall-filter .sku__section-container {
    margin-top: 0;
}

@media screen and (min-width: 47.5em) {
    .sku__section-container {
        margin-top: 0px;
        display: block;
        width: auto;
        overflow: hidden;
        float: none;
    }
}

.sku__sidebar-rail {
    width: 160px;
    float: left;
    margin-right: 20px;
    left: 0;
    position: relative;
    display: none;
}

@media screen and (min-width: 47.5em) {
    .sku__sidebar-rail {
        display: block;
    }
}

@media screen and (min-width: 63.75em) {
    .sku__sidebar-rail {
        width: 200px;
    }
}

.sku__sidebar {
    position: -webkit-sticky;
    position: sticky;
    text-align: center;
    width: 160px;
    top: 50px;
    margin-top: 50px;
    margin-bottom: 35px;
    left: 0;
}

    .sku__sidebar:before, .sku__sidebar:after {
        content: '';
        display: table;
    }

@media screen and (min-width: 47.5em) {
    .sku__sidebar {
        display: block;
        top: 90px;
    }
}

@media screen and (min-width: 63.75em) {
    .sku__sidebar {
        width: 200px;
        top: 80px;
        margin-right: 80px;
        overflow: auto;
    }
}

.sku__sidebar h2 {
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 1.5rem;
    line-height: 1.5rem;
    letter-spacing: -1px;
    text-transform: uppercase;
    text-align: left;
    margin-top: 0;
    margin-bottom: 32px;
    font-weight: 500;
}

.sku__sidebar span {
    margin: 0px 0 20px 0;
    text-transform: uppercase;
    width: 160px;
    font-weight: 100;
    font-size: 2rem;
}

.sku-wall-filter .sku__sidebar span {
    color: #FFFFFF;
}

@media screen and (min-width: 63.75em) {
    .sku__sidebar span {
        width: 200px;
    }
}

.sku__sidebar .sku__filter-button {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    background-color: transparent;
    color: #000000;
    border: 1px solid rgba(0, 0, 0, 0.43);
}

    .sku__sidebar .sku__filter-button:last-child {
        margin-bottom: 0px;
    }

    .sku__sidebar .sku__filter-button.active, .sku__sidebar .sku__filter-button.everpink {
        background-color: #FB2460;
        color: #000000;
        border-color: #FB2460;
        text-decoration: none;
    }

    .sku__sidebar .sku__filter-button.no-pink.active {
        color: #FFFFFF;
        background-color: transparent;
        border-color: #FFFFFF !important;
    }

    .sku__sidebar .sku__filter-button.temp-no-pink {
        color: #FFFFFF;
        background-color: transparent;
        border: 1px solid rgba(255, 255, 255, 0.43);
    }

@media screen and (min-width: 63.75em) {
    .sku__sidebar .sku__filter-button {
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

.sku__container--darken .sku__sidebar .sku__filter-button {
    color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.43);
}

    .sku__container--darken .sku__sidebar .sku__filter-button.active, .sku__container--darken .sku__sidebar .sku__filter-button.everpink {
        border-color: #f92a63;
    }

.sku__sidebar div.custom-h1-tag {
    font-weight: 600;
    font-size: 1.5em;
}

.sku__section {
    border-bottom: 1px solid rgba(153, 153, 153, 0.61);
    float: left;
    width: 100%;
    margin-top: 20px;
}

    .sku__section h2 {
        font-family: "Helvetica Neue LT W01_75 Bold";
        font-size: 1.25rem;
        line-height: 1.25rem;
        letter-spacing: -1px;
        text-transform: uppercase;
    }

@media screen and (min-width: 47.5em) {
    .sku__section h2 {
        font-family: "Helvetica Neue LT W01_75 Bold";
        font-size: 1.5rem;
        line-height: 1.5rem;
        letter-spacing: -1px;
        text-transform: uppercase;
    }
}

.sku__section-container .sku__section h2 {
    margin-top: 20px;
    margin-left: 0;
    font-weight: 500;
}

@media screen and (min-width: 47.5em) {
    .sku__section-container .sku__section h2 {
        margin-top: 20px;
        margin-left: 35px;
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .sku__section:first-child {
        margin-top: -35px;
    }
}

@media screen and (min-width: 63.75em) {
    .sku__section {
        margin-top: 30px;
    }

        .sku__section:last-child {
            border-bottom: none;
        }
}

.sku__section span {
    font-weight: 100;
    color: #000000;
    font-size: 1.625rem;
    letter-spacing: 0.15rem;
    width: 100%;
    margin: 0;
    text-transform: uppercase;
    text-align: center;
}

.sku__container--darken .sku__section span {
    color: #FFFFFF;
}

.sku__container--darken .sku__view-more.button.button-primary {
    background-color: #fff;
    color: #000;
}

    .sku__container--darken .sku__view-more.button.button-primary:hover {
        border-color: #fff;
    }

@media screen and (min-width: 47.5em) {
    .sku__section span {
        display: none;
    }
}

.sku__section .sku__view-more {
    display: block;
    margin: 0 auto;
    margin-bottom: 25px;
    width: 170px;
    color: #FFFFFF;
    background-color: #000;
}

    .sku__section .sku__view-more.disabled {
        display: none;
    }

@media screen and (min-width: 47.5em) {
    .sku__section .sku__view-more {
        display: none;
    }
}

.sku__section .sku__hover {
    padding: 2px;
    background-color: rgba(25, 25, 25, 0.9);
    /* .sku__container--white & {
                background-color: rgba(255, 255, 255, 0.9);
            } */
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    opacity: 0;
    display: none;
    transition: opacity 0.2s ease-in-out;
    letter-spacing: 0.05rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

@media screen and (min-width: 47.5em) {
    .sku__section .sku__hover {
        display: block;
    }
}

.sku__section .sku__hover__name, .sku__section .sku__hover__number {
    font-size: 0.75rem;
    line-height: 0.9rem;
}

.sku__section .sku__hover__name {
    color: #FFFFFF;
    /* .sku__container--white & {
                color: $black;
                } */
    margin-top: 40px;
}

.sku__section .sku__hover__number {
    color: #000;
}

.sku__section .sku__hover__detail {
    font-size: 0.6875rem;
    line-height: 0.825rem;
    color: #FC2561;
    margin-top: 15px;
}

.sku__list {
    margin: 15px 0px 25px 0px;
    position: relative;
    overflow: hidden;
    transition: height 0.2s ease-in-out;
}

.sku__product {
    margin: 6px;
    width: 45%;
    float: left;
    display: block;
    position: relative;
    text-align: center;
    padding: 2% 0;
}

.no-touch .sku__product:hover .sku__hover {
    opacity: 1;
}

@media screen and (max-width: 47.5em) {
    .sku__list {
        margin: 0;
        padding-left: 0 !important;
    }
}

@media screen and (min-width: 47.5em) {
    .sku__product {
        margin: 12px;
        width: 10%;
        margin-bottom: 20px;
    }
}

.sku__product img {
    z-index: 1;
    width: auto;
    height: auto;
    background: transparent;
}

@media screen and (min-width: 47.5em) {
    .sku__product img {
        width: 100%;
    }
}

@media screen and (min-width: 63.75em) {
    .sku__product img {
        width: auto;
    }
}

.sku-wall-filter .skin-tone-select {
    font-family: "Neue Helvetica W01";
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../img/header/select-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 10px top 50%;
    background-color: #222;
    padding-left: 15px;
    color: #FFFFFF;
    position: relative;
    z-index: 2;
    cursor: pointer;
    border-radius: 0;
    text-transform: uppercase;
    text-align: left;
    border: none;
    letter-spacing: 0.07rem;
}

    .sku-wall-filter .skin-tone-select.active {
        background: url(../img/header/select-arrow-up.svg);
        background-repeat: no-repeat;
        background-position: right 10px top 50%;
        background-color: #222;
    }

    .sku-wall-filter .skin-tone-select .selected-drop {
        display: none;
        position: absolute;
        width: 100%;
    }

        .sku-wall-filter .skin-tone-select .selected-drop.active {
            display: block;
        }

    .sku-wall-filter .skin-tone-select .selected-single span {
        display: block;
        font-weight: 100;
        font-size: 0.75rem;
        line-height: 40px;
        text-align: left;
        margin: 0;
        width: 100%;
    }

    .sku-wall-filter .skin-tone-select .selected-results li {
        text-transform: initial;
        color: #666;
        height: 40px;
        padding-top: 10px;
        font-weight: 300;
        background-color: #222;
        margin-left: -15px;
        padding-left: 15px;
    }

@media screen and (min-width: 47.5em) {
    .sku-wall-filter .skin-tone-select .selected-results li {
        margin: 0 15px 0 -15px;
    }
}

.sku-wall-filter .skin-tone-select .selected-results li.result-selected {
    color: #f92a63;
}

.sku-wall-filter .skin-tone-select .selected-results li:hover {
    color: #f92a63;
}

.no-touch .sku-wall-filter .skin-tone-select:hover {
    color: #FFFFFF;
}


.sku-wall-filter .sku__container {
    background: #191919;
}

    .sku-wall-filter .sku__container .sku__section {
        border-bottom: none;
    }

    .sku-wall-filter .sku__container .sku__section--center {
        text-align: center;
        overflow: hidden;
    }

    .sku-wall-filter .sku__container .sku__section--center__name {
        color: #FFFFFF;
        display: inline-block;
        font-weight: 100;
        font-size: 2rem;
        letter-spacing: 0.15rem;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        width: 26%;
    }

        .sku-wall-filter .sku__container .sku__section--center__name:before {
            content: '';
            position: absolute;
            height: 5px;
            border-top: 1px solid #979797;
            top: 50%;
            width: 100%;
        }

        .sku-wall-filter .sku__container .sku__section--center__name:after, .sku-wall-filter .sku__container .sku__section--center__name:before {
            content: '';
            position: absolute;
            height: 5px;
            border-top: 1px solid #979797;
            top: 50%;
            width: 150%;
        }

        .sku-wall-filter .sku__container .sku__section--center__name:after {
            left: 100%;
            margin-left: 15px;
        }

        .sku-wall-filter .sku__container .sku__section--center__name:before {
            right: 100%;
            margin-right: 15px;
        }

.sku-wall-filter .sku__container--darken .sku__sidebar select {
    background-color: #222222;
    width: 100%;
}

.sku-wall-filter .sku__container--darken .chosen-container {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

    .sku-wall-filter .sku__container--darken .chosen-container a.chosen-single,
    .sku-wall-filter .sku__container--darken .chosen-container .chosen-results {
        background-color: #222;
    }

    .sku-wall-filter .sku__container--darken .chosen-container:hover a.chosen-single {
        color: #666;
    }

@media screen and (min-width: 47.5em) {
    .sku-wall-filter .sku__container--darken .chosen-container {
        width: calc(100% - 225px) !important;
    }
}

@media screen and (min-width: 63.75em) {
    .sku-wall-filter .sku__container--darken .chosen-container {
        width: 100% !important;
    }
}

.sku-wall-filter .sku__container--white {
    background: #fff;
}

    .sku-wall-filter .sku__container--white .button, .sku-wall-filter .sku__container--white span, .sku-wall-filter .sku__container--white p {
        color: #000;
    }

    .sku-wall-filter .sku__container--white .button {
        color: #000000;
    }

        .no-touch .sku-wall-filter .sku__container--white .button:hover, .sku-wall-filter .sku__container--white .button:active, .sku-wall-filter .sku__container--white .button:focus, .sku-wall-filter .sku__container--white .button.active {
            background-color: #f92a63;
            color: #000000;
            border-color: #f92a63;
        }

    .sku-wall-filter .sku__container--white .button,
    .sku-wall-filter .sku__container--white .sku__view-less {
        border: 1px solid rgba(153, 153, 153, 0.61) !important;
    }

    .sku-wall-filter .sku__container--white .sku__section--center__name {
        color: #000000;
    }

.sku-wall-filter .sku__container .filter:first-of-type, .sku-wall-filter .sku__container .filter-dropdown:first-of-type {
    margin-top: 30px;
}

@media screen and (min-width: 63.75em) {
    .sku-wall-filter .sku__container .filter, .sku-wall-filter .sku__container .filter-dropdown {
        padding-top: 30px;
    }

        .sku-wall-filter .sku__container .filter:last-child, .sku-wall-filter .sku__container .filter-dropdown:last-child {
            border-bottom: none;
        }
}

.sku-wall-filter .sku__section .sku__view-less {
    display: block;
    margin: 0 auto;
    margin-bottom: 25px;
    width: 170px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.43);
}

    .sku-wall-filter .sku__section .sku__view-less.disabled {
        display: none;
    }

@media screen and (min-width: 47.5em) {
    .sku-wall-filter .sku__section span {
        display: block;
    }

    .sku-wall-filter .sku__section .sku__view-more {
        display: block;
    }

        .sku-wall-filter .sku__section .sku__view-more.disabled {
            display: none;
        }

    .sku-wall-filter .sku__section .sku__view-less {
        display: block;
    }

        .sku-wall-filter .sku__section .sku__view-less.disabled {
            display: none;
        }

    .sku-wall-filter .sku__section-container.filtering .sku__section {
        display: none;
    }

        .sku-wall-filter .sku__section-container.filtering .sku__section.active {
            display: block;
        }
}

@media screen and (min-width: 63.75em) {
    .sku-wall-filter .sku__section .sku__view-more,
    .sku-wall-filter .sku__view-less {
        display: none;
    }
}

.sku-wall-filter .sku__sidebar-rail {
    float: none;
    display: block;
    margin: auto;
    width: auto;
    z-index: 99;
}

@media screen and (min-width: 63.75em) {
    .sku-wall-filter .sku__sidebar-rail {
        float: left;
        width: 200px;
        margin-right: 20px;
    }
}

.sku-wall-filter .sku__sidebar {
    top: 50px;
    text-align: center;
    width: auto;
}

.sku-wall-filter .sku__sidebar__filter-header {
    color: #FFFFFF;
    display: inline-block;
    font-size: 1.625rem;
    letter-spacing: 0.15rem;
    margin: 0 auto 20px;
    font-weight: 100;
    width: 100%;
    text-transform: uppercase;
    padding-left: 15px;
}

@media screen and (min-width: 47.5em) {
    .sku-wall-filter .sku__sidebar {
        top: 20px;
    }
}

@media screen and (min-width: 63.75em) {
    .sku-wall-filter .sku__sidebar {
        overflow: auto;
        top: 20px;
        text-align: left;
        width: 200px;
    }

        .sku-wall-filter .sku__sidebar .custom-select {
            width: 200px;
        }

    .sku-wall-filter .sku__sidebar__filter-header {
        font-size: 2rem;
        letter-spacing: normal;
        margin: 0 0 20px 0;
        text-align: center;
    }
}

.sku-wall-filter .sku__sidebar--shades {
    display: none;
}

@media screen and (min-width: 63.75em) {
    .sku-wall-filter .sku__sidebar--shades {
        margin-top: 20px;
        display: block;
    }
}

.sku-wall-filter .sku__sidebar--skintones {
    margin: auto;
}

.sku-wall-filter .sku__sidebar--skintones__headline {
    display: inline-block;
    width: 100%;
}

@media screen and (min-width: 47.5em) {
    .sku-wall-filter .sku__sidebar--skintones {
        max-width: 500px;
    }
}

@media screen and (min-width: 63.75em) {
    .sku-wall-filter .sku__sidebar--skintones {
        display: block;
        max-width: 280px;
        margin-top: 8px;
        text-align: center;
    }
}

.sku-wall-filter .sku__list {
    font-size: 0;
}

.sku__product--filter {
    margin: 6px;
    width: 80px;
    display: inline-block;
    position: relative;
}

.no-touch .sku__product--filter:hover .sku__hover {
    opacity: 1;
}

@media screen and (min-width: 47.5em) {
    .sku__product--filter {
        margin: 12px;
        width: 112px;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 80em) {
    .sku__product--filter {
        width: 159px;
    }
}

.sku__product--filter img {
    z-index: 1;
    width: 80px;
    max-width: 100%;
    height: 120px;
    background: transparent;
}

@media screen and (min-width: 47.5em) {
    .sku__product--filter img {
        width: 112px;
        height: 166px;
    }
}

@media screen and (min-width: 63.75em) {
    .sku__product--filter img {
        height: auto;
    }
}

@media screen and (min-width: 80em) {
    .sku__product--filter img {
        width: 159px;
    }
}

.pathing-switcher {
    display: block;
    width: 100%;
    max-width: 1600px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 47.5em) {
    .pathing-switcher {
        flex-direction: row;
    }
}

.pathing-switcher .slick-track {
    display: flex;
}


    .pathing-switcher .gigi-wrapper {
        max-width: 1600px;
        margin-left: auto;
        margin-right: auto;
    }

        .pathing-switcher .gigi-wrapper .pathing-item {
            background: inherit;
        }

.pathing-switcher__arrows {
    top: 9.75rem;
}

.pathing-item {
    width: 25%;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    background: #FFF;
    display: flex !important;
    flex-direction: column;
    text-decoration: none;
    height: auto;
}

    .pathing-item:after {
        content: '';
        height: 100%;
        /*border-left: 1px solid rgba(204, 204, 204, 0.36);*/
        position: absolute;
        left: 0px;
        z-index: 10;
    }

    .pathing-item:first-child:after {
        display: none;
    }

.no-touch .pathing-item:hover {
    cursor: pointer;
}

    .no-touch .pathing-item:hover .pathing-item__hover {
        display: block;
    }

.pathing-item__title {
    width: 100%;
    height: auto;
    float: left;
    padding: 12px 30px 0px 18px;
    position: relative;
    flex: 1;
    margin-bottom: 10px;
}

@media screen and (min-width: 63.75em) {
    .pathing-item__title {
        padding: 18px 30px 0px 30px;
    }
}

.pathing-item__title h2 {
    margin: 0;
    padding: 0;
    font-size: 1.125rem;
    font-family: "Neue Helvetica W01_79 C1289709";
    font-weight: 500;
    line-height: 18px;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 1px;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .pathing-item__title h2 {
        font-size: 0.8125rem;
        line-height: 14px;
    }
}
/*
@media screen and (min-width: 63.75em) {
    .pathing-item__title h2 {
    font-size: 1.125rem;
    line-height: 1.25rem; } }*/

.pathing-item__title:before {
    content: '';
    border-top: 1px solid #fff;
    position: absolute;
    top: 0;
    width: 18px;
    left: 18px;
}

@media screen and (min-width: 63.75em) {
    .pathing-item__title:before {
        border-width: 2px;
        width: 30px;
        left: 30px;
    }
}

.pathing-item__image {
    width: 100%;
    float: left;
    line-height: 0;
    padding: 0px 18px 18px 18px;
    position: relative;
}

@media screen and (min-width: 63.75em) {
    .pathing-item__image {
        padding: 0px 30px 30px 30px;
    }
}

.pathing-item__image img {
    width: 100%;
    position: relative;
    z-index: 2;
}

.pathing-item__image:after {
    content: '';
    top: 30%;
    left: 0;
    right: 0;
    bottom: 0;
    background: black;
    position: absolute;
    z-index: 1;
}

@media screen and (min-width: 63.75em) {
    .pathing-item__image:after {
        top: 40%;
    }
}

.pathing-item__hover {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    margin: 4px 22px 22px 22px;
    background: rgba(0, 0, 0, 0.6);
}

@media screen and (min-width: 63.75em) {
    .pathing-item__hover {
        margin: 5px 35px 35px 35px;
    }
}

.pathing-item__hover > div {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.125rem;
    letter-spacing: 1px;
    color: #FFFFFF;
    font-family: "Neue Helvetica W01_79 C1289709";
}

.pathing-item__active {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 4;
    background-size: cover;
    border-bottom: 10px solid #FFFFFF;
}

    .pathing-item__active h2 {
        position: absolute;
        margin: 0;
        padding: 0 20px;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 1.4375rem;
        color: #FFFFFF;
        font-weight: 500;
        letter-spacing: 0.18rem;
        z-index: 6;
    }

@media screen and (min-width: 63.75em) {
    .pathing-item__active h2 {
        font-size: 2rem;
        letter-spacing: 0.1rem;
    }
}

.pathing-item__active h2:before, .pathing-item__active h2:after {
    content: '';
    width: 18px;
    border-top: 1px solid #FFFFFF;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (min-width: 63.75em) {
    .pathing-item__active h2:before, .pathing-item__active h2:after {
        width: 30px;
    }
}

.pathing-item__active h2:before {
    top: -10px;
}

.pathing-item__active h2:after {
    bottom: -10px;
}

@media screen and (min-width: 63.75em) {
    .pathing-item__active h2:before {
        top: -15px;
    }

    .pathing-item__active h2:after {
        bottom: -15px;
    }
}

.pathing-item__active > div {
    width: 100%;
    position: absolute;
    z-index: 6;
    text-align: center;
    bottom: 25px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 0.875rem;
    letter-spacing: 0.2rem;
    display: none;
}

@media screen and (min-width: 63.75em) {
    .pathing-item__active > div {
        display: block;
    }
}

.pathing-item__active:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 5;
}

.pathing-item__active:after {
    content: '';
    width: 0px;
    height: 0px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #FFFFFF;
    font-size: 0px;
    line-height: 0px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 6;
}

@media screen and (min-width: 63.75em) {
    .pathing-item__active:after {
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #FFFFFF;
    }
}

.pathing-item .sitecore-editor.pathing-item:after {
    font-size: 12px;
}

.pathing-item--active {
    border-left-color: #000000;
}

    .pathing-item--active:after {
        display: none;
    }

    .pathing-item--active .pathing-item__active {
        display: block;
    }

.no-touch .pathing-item--active:hover .pathing-item__hover {
    display: none;
}

.pathing-item--active + .pathing-item:after {
    display: none;
}

.transport {
    width: 100%;
    min-height: 100px;
}

    .transport .loader {
        margin: 0 auto;
        width: auto;
        display: block;
        margin-bottom: 200px;
    }
	
.product-kit.richrelevance .heading-sliced {
	display: inline-block; }

.product-kit {
    text-align: center;
}

.product-kit__list {
    margin-top: 0.625rem;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .product-kit__list {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
        max-width: 480px;
    }
}

@media screen and (min-width: 47.5em) {
    .product-kit__list {
        width: 32.5rem;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 63.75em) {
    .product-kit__list {
        width: 60rem;
    }
}

@media screen and (min-width: 80em) {
    .product-kit__list {
        width: 67.5rem;
    }
}

.product-kit .content-card {
    display: inline-block;
    min-width: inherit;
    width: 50%;
    margin-right: 10px;
}

@media screen and (min-width: 47.5em) {
    .product-kit .content-card {
        margin-right: 0px;
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .product-kit .content-card__shelf:after {
        height: 1rem;
    }
}

.product-kit .content-card__thumbnail {
    /*width: 85%;*/
}

.product-kit .content-card__shop-now,
.product-kit .content-card__channel-advisor {
    min-width: inherit;
}

@media screen and (min-width: 47.5em) {
    .product-kit .content-card__shop-now,
    .product-kit .content-card__channel-advisor {
        min-width: 160px;
    }
}

.product-kit .content-card__name {
    /* height: 64px; */
    margin-bottom: 15px;
}

.product-kit__prev, .product-kit__next {
    position: absolute;
    top: 115px;
    cursor: pointer;
    font-size: 35px;
    color: #999999;
    z-index: 1;
}

    .product-kit__prev.slick-disabled, .product-kit__next.slick-disabled {
        opacity: 0.2;
    }

.product-kit__prev {
    left: -20px;
}

.product-kit__next {
    right: -20px;
}

.image-breaker {
    width: 100%;
    max-width: 1600px;
    display: block;
    position: relative;
    overflow: hidden;
    padding-top: 3.1875rem;
}

@media screen and (min-width: 47.5em) {
    .image-breaker {
        padding-top: 5.5rem;
    }
}

@media screen and (min-width: 63.75em) {
    .image-breaker {
        padding-top: 6.625rem;
    }
}

@media screen and (min-width: 80em) {
    .image-breaker {
        padding-top: 6.625rem;
    }
}

.image-breaker__eyebrow {
    top: -19px;
    line-height: 1rem;
    position: absolute;
    left: 0;
    font-size: 0.875rem;
}

@media screen and (max-width: 47.5em) {
    .image-breaker__eyebrow {
        text-align: left !important;
        width: 350px;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .image-breaker__eyebrow {
        top: -14px;
    }
}

@media screen and (min-width: 63.75em) {
    .image-breaker__eyebrow {
        top: -4px;
        z-index: 1;
    }
}

.image-breaker__header {
    text-align: center;
    position: relative;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}

    .image-breaker__header span {
        position: relative;
    }

    .image-breaker__header h2 {
        color: #000000;
        margin: 0;
        font-size: 1.5rem !important;
        font-family: "Helvetica Neue LT W01_75 Bold";
        line-height: 1.5rem;
        letter-spacing: -1px;
        text-align: left;
        text-transform: uppercase;
        -webkit-transform: translateY(-1.3125rem);
        -ms-transform: translateY(-1.3125rem);
        transform: translateY(-1.3125rem);
    }

@media screen and (min-width: 47.5em) {
    .image-breaker__header {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }

        .image-breaker__header h2 {
            font-size: 3.5rem !important;
            line-height: 3.125rem;
            -webkit-transform: translateY(-2.96875rem);
            -ms-transform: translateY(-2.96875rem);
            transform: translateY(-2.96875rem);
        }
}

@media screen and (min-width: 63.75em) {
    .image-breaker__header {
        max-width: 1024px;
        margin-left: auto;
        margin-right: auto;
    }

        .image-breaker__header h2 {
            font-size: 4.625rem !important;
            line-height: 4.375rem;
            -webkit-transform: translateY(-3.90625rem);
            -ms-transform: translateY(-3.90625rem);
            transform: translateY(-3.90625rem);
        }
}

@media screen and (min-width: 80em) {
    .image-breaker__header {
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }
}
/* hiding image shadow
.image-breaker__header:after {
  content: "";
  width: 100%;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  background: radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.4) 0%, transparent 100%); }

@media screen and (min-width: 47.5em) {
  .image-breaker__header:after {
    height: 28px; } }
    */

@media screen and (min-width: 63.75em) {
    .image-breaker__header:after {
        height: 38px;
    }
}

.image-breaker__image {
    position: relative;
}

    .image-breaker__image img {
        width: 100%;
        margin-top: -2px;
    }

@media screen and (min-width: 47.5em) {
    .image-breaker__image img {
        width: 120%;
        margin-left: -10%;
        margin-top: -10px;
    }
}

@media screen and (min-width: 63.75em) {
    .image-breaker__image img {
        width: 100%;
        margin-left: 0%;
        margin-top: -17px;
    }
}

.single-image-carousel {
    position: relative;
    background-color: #FFF;
    width: 20rem;
	clear: both;
}

    .single-image-carousel.module-stateful.single-image-carousel--carousel {
        background-color: #000;
		clear: both;
    }

        .single-image-carousel.module-stateful.single-image-carousel--carousel .single-image-carousel__detail .single-image-carousel__title {
            color: #FFF;
        }

        .single-image-carousel.module-stateful.single-image-carousel--carousel .single-image-carousel__detail .single-image-carousel__description {
            color: #FFF;
        }

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .single-image-carousel {
        margin-bottom: 13.125rem;
        width: 42.5rem;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .single-image-carousel {
        margin-bottom: 10.625rem;
        width: 52.5rem;
    }
}

@media screen and (min-width: 63.75em) {
    .single-image-carousel {
        margin-bottom: 15rem;
    }
}

@media screen and (min-width: 80em) and (max-width: 9999em) {
    .single-image-carousel {
        margin-bottom: 10.625rem;
        width: 52.5rem;
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .single-image-carousel__image {
        max-width: 20rem;
        max-height: 20rem;
        width: 20rem;
        height: 20rem;
    }

    .single-image-carousel--carousel .single-image-carousel__image {
        margin: 0 auto;
        padding-top: 1.875rem;
        margin-bottom: 3.4375rem;
        max-width: 12.5rem;
        max-height: 12.5rem;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .single-image-carousel__image {
        max-width: 21.25rem;
        max-height: 21.25rem;
        width: 21.25rem;
        height: 21.25rem;
    }
}

@media screen and (min-width: 47.5em) {
    .single-image-carousel__image {
        float: right;
        margin-left: 1.25rem;
    }
}

@media screen and (min-width: 63.75em) {
    .single-image-carousel__image {
        max-width: 26.25rem;
        max-height: 26.25rem;
        width: 26.25rem;
        height: 26.25rem;
    }
}

.single-image-carousel__image img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}

.single-image-carousel--image .single-image-carousel__image {
    overflow: hidden;
}

.single-image-carousel__image .slick-slide:focus {
    outline: none;
}

.single-image-carousel__detail {
    overflow: hidden;
    padding: 2.5rem;
}

.single-image-carousel--carousel .single-image-carousel__detail {
    padding: 2.5rem 3.125rem;
}

.single-image-carousel--image .single-image-carousel__detail ul li {
    display: none;
}

    .single-image-carousel--image .single-image-carousel__detail ul li:first-child {
        display: block;
    }

@media screen and (min-width: 47.5em) {
    .single-image-carousel__detail {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 50%;
    }
}

.single-image-carousel__detail .slick-slide {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

    .single-image-carousel__detail .slick-slide:focus {
        outline: none;
    }

    .single-image-carousel__detail .slick-slide .cta {
        color: #FFF;
    }

.single-image-carousel__title {
    font-size: 1.5rem;
    font-family: "Helvetica Neue LT W01_75 Bold";
    color: #FFF;
    line-height: 1.5rem;
    margin: 0.5rem 0 0.75rem;
    letter-spacing: -1px;
    word-break: break-word;
}

.single-image-carousel__detail .single-image-carousel__title {
    color: #000;
}

@media screen and (min-width: 63.75em) {
    .single-image-carousel__title {
        font-size: 2.125rem;
        line-height: 2rem;
    }
}

.single-image-carousel__description {
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 1.375rem;
    color: #FFF;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.single-image-carousel__detail .single-image-carousel__description {
    color: #000;
    font-weight: 100;
}

@media screen and (min-width: 47.5em) {
    .single-image-carousel__description {
        font-size: 0.875rem;
        line-height: 1.25rem;
        width: 240px;
    }
}

.single-image-carousel__pagination {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #FFFFFF;
    width: 3.4375rem;
    height: 3.4375rem;
    display: none;
}

    .single-image-carousel__pagination:before {
        background-color: #000000;
        position: absolute;
        content: " ";
        width: 3.4375rem;
        height: 3.4375rem;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: -1;
        border: 0.0625rem solid rgba(255, 255, 255, 0.5);
    }

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .single-image-carousel__pagination {
        top: 202px;
    }
	.single-image-carousel.extra-margin-bottom .single-image-carousel__pagination {
        top: 202px;
    }
}

@media screen and (min-width: 47.5em) {
    .single-image-carousel__pagination {
        top: 100%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 6.25rem;
        height: 6.25rem;
    }

        .single-image-carousel__pagination:before {
            width: 6.25rem;
            height: 6.25rem;
        }
}

.single-image-carousel--carousel .single-image-carousel__pagination {
    display: block;
}

.single-image-carousel__pagination-counter {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
    width: 0;
    top: -20%;
    bottom: -20%;
    border-left: 0.0625rem solid rgba(255, 255, 255, 0.5);
    font-size: 1.125rem;
    line-height: 0.75rem;
}
/*
@media screen and (min-width: 47.5em) {
  .single-image-carousel__pagination-counter {
    font-size: 2rem;
    line-height: 1.375rem; } }
    */

.single-image-carousel__current-slide {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0.5rem;
    font-family: "Neue Helvetica W01_79 C1289709";
    letter-spacing: 1px;
}

@media screen and (min-width: 47.5em) {
    .single-image-carousel__current-slide {
        right: 1.125rem;
    }
}

.single-image-carousel__total-slides {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0.5rem;
    font-family: "Neue Helvetica W01_79 C1289709";
    letter-spacing: 1px;
}

@media screen and (min-width: 47.5em) {
    .single-image-carousel__total-slides {
        left: 1rem;
    }
}

.single-image-carousel__previous, .single-image-carousel__next {
    display: none;
    cursor: pointer;
    position: absolute;
    width: 1.125rem;
    width: 2.25rem;
}

.single-image-carousel--carousel .single-image-carousel__previous, .single-image-carousel--carousel .single-image-carousel__next {
    display: block;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .single-image-carousel__previous, .single-image-carousel__next {
        width: 7.5rem;
        height: 7.5rem;
    }
}

@media screen and (min-width: 63.75em) {
    .single-image-carousel__previous, .single-image-carousel__next {
        width: 10rem;
        height: 10rem;
    }
}

.single-image-carousel__previous img, .single-image-carousel__next img {
    width: 100%;
    height: 100%;
    max-width: 100%;
}

@media screen and (min-width: 47.5em) {
    .single-image-carousel__previous:after, .single-image-carousel__next:after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: " ";
        z-index: 1;
        transition: background .2s ease-in-out;
        background-color: rgba(0, 0, 0, 0.5);
    }
}

@media screen and (min-width: 47.5em) {
    .single-image-carousel__previous:hover:after, .single-image-carousel__next:hover:after {
        background-color: transparent;
    }
}

.single-image-carousel__previous .icon, .single-image-carousel__previous .get-the-look__video__image, .single-image-carousel__previous .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .single-image-carousel__previous .color-picker__swatch:before, .single-image-carousel__previous .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .single-image-carousel__previous .product-info__shade-swatch:before, .single-image-carousel__previous .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .single-image-carousel__previous .product-info__color-overlay--with-video:before, .single-image-carousel__previous .cheatsheet .cheatsheet__dash, .cheatsheet .single-image-carousel__previous .cheatsheet__dash, .single-image-carousel__previous .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .single-image-carousel__previous li, .single-image-carousel__previous .video-kit__hero-image, .single-image-carousel__previous .video-kit__card-image, .single-image-carousel__previous .video-promoted__image, .single-image-carousel__next .icon, .single-image-carousel__next .get-the-look__video__image, .single-image-carousel__next .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .single-image-carousel__next .color-picker__swatch:before, .single-image-carousel__next .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .single-image-carousel__next .product-info__shade-swatch:before, .single-image-carousel__next .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .single-image-carousel__next .product-info__color-overlay--with-video:before, .single-image-carousel__next .cheatsheet .cheatsheet__dash, .cheatsheet .single-image-carousel__next .cheatsheet__dash, .single-image-carousel__next .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .single-image-carousel__next li, .single-image-carousel__next .video-kit__hero-image, .single-image-carousel__next .video-kit__card-image, .single-image-carousel__next .video-promoted__image {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    text-align: center;
    color: #999999;
    z-index: 2;
}

    .single-image-carousel__previous .icon:before, .single-image-carousel__previous .cta:before, .single-image-carousel__previous .cta-text:after, .single-image-carousel__previous .share-tray__item.link:after, .single-image-carousel__previous .share-tray__item-link:before, .single-image-carousel__previous .filter-dropdown > li > span:after, .single-image-carousel__previous .heading-sliced:before, .single-image-carousel__previous .form .form__checkbox label:after, .form .form__checkbox .single-image-carousel__previous label:after, .single-image-carousel__previous .get-the-look__video__image:before, .single-image-carousel__previous .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .single-image-carousel__previous .color-picker__swatch:before, .single-image-carousel__previous .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .single-image-carousel__previous .product-info__shade-swatch:before, .single-image-carousel__previous .module-stateful.product-info .new-brow:before, .module-stateful.product-info .single-image-carousel__previous .new-brow:before, .single-image-carousel__previous .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .single-image-carousel__previous .product-info__color-overlay--with-video:before, .single-image-carousel__previous .cheatsheet .cheatsheet__dash:before, .cheatsheet .single-image-carousel__previous .cheatsheet__dash:before, .single-image-carousel__previous .plus-link:after, .single-image-carousel__previous .quickshop__swatches__item.active:before, .single-image-carousel__previous .featured-product-wide .fpw__link:after, .featured-product-wide .single-image-carousel__previous .fpw__link:after, .single-image-carousel__previous .pull-quote__quote:before, .single-image-carousel__previous .pull-quote__quote:after, .single-image-carousel__previous .ratings-and-reviews .rar__user-rating li:before, .ratings-and-reviews .rar__user-rating .single-image-carousel__previous li:before, .single-image-carousel__previous .small-feed__item--video .small-feed__image:before, .small-feed__item--video .single-image-carousel__previous .small-feed__image:before, .single-image-carousel__previous .video-kit__hero-image:before, .single-image-carousel__previous .video-kit__card-image:before, .single-image-carousel__previous .video-promoted__image:before, .single-image-carousel__previous .content-feed__common:after, .single-image-carousel__previous .content-feed-ftue__icon:before, .single-image-carousel__previous .cart-page__info .cart-page__current-shop:after, .cart-page__info .single-image-carousel__previous .cart-page__current-shop:after, .single-image-carousel__previous .discontinued-products .twitter-typeahead:after, .discontinued-products .single-image-carousel__previous .twitter-typeahead:after, .single-image-carousel__previous .discontinued-products__module-heading.expandable:after, .single-image-carousel__previous .shoppable-page__info .shoppable-page__current-shop:after, .shoppable-page__info .single-image-carousel__previous .shoppable-page__current-shop:after, .single-image-carousel__next .icon:before, .single-image-carousel__next .cta:before, .single-image-carousel__next .cta-text:after, .single-image-carousel__next .share-tray__item.link:after, .single-image-carousel__next .share-tray__item-link:before, .single-image-carousel__next .filter-dropdown > li > span:after, .single-image-carousel__next .heading-sliced:before, .single-image-carousel__next .form .form__checkbox label:after, .form .form__checkbox .single-image-carousel__next label:after, .single-image-carousel__next .get-the-look__video__image:before, .single-image-carousel__next .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .single-image-carousel__next .color-picker__swatch:before, .single-image-carousel__next .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .single-image-carousel__next .product-info__shade-swatch:before, .single-image-carousel__next .module-stateful.product-info .new-brow:before, .module-stateful.product-info .single-image-carousel__next .new-brow:before, .single-image-carousel__next .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .single-image-carousel__next .product-info__color-overlay--with-video:before, .single-image-carousel__next .cheatsheet .cheatsheet__dash:before, .cheatsheet .single-image-carousel__next .cheatsheet__dash:before, .single-image-carousel__next .plus-link:after, .single-image-carousel__next .quickshop__swatches__item.active:before, .single-image-carousel__next .featured-product-wide .fpw__link:after, .featured-product-wide .single-image-carousel__next .fpw__link:after, .single-image-carousel__next .pull-quote__quote:before, .single-image-carousel__next .pull-quote__quote:after, .single-image-carousel__next .ratings-and-reviews .rar__user-rating li:before, .ratings-and-reviews .rar__user-rating .single-image-carousel__next li:before, .single-image-carousel__next .small-feed__item--video .small-feed__image:before, .small-feed__item--video .single-image-carousel__next .small-feed__image:before, .single-image-carousel__next .video-kit__hero-image:before, .single-image-carousel__next .video-kit__card-image:before, .single-image-carousel__next .video-promoted__image:before, .single-image-carousel__next .content-feed__common:after, .single-image-carousel__next .content-feed-ftue__icon:before, .single-image-carousel__next .cart-page__info .cart-page__current-shop:after, .cart-page__info .single-image-carousel__next .cart-page__current-shop:after, .single-image-carousel__next .discontinued-products .twitter-typeahead:after, .discontinued-products .single-image-carousel__next .twitter-typeahead:after, .single-image-carousel__next .discontinued-products__module-heading.expandable:after, .single-image-carousel__next .shoppable-page__info .shoppable-page__current-shop:after, .shoppable-page__info .single-image-carousel__next .shoppable-page__current-shop:after {
        font-size: 2.25rem;
    }

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .single-image-carousel__previous .icon:before, .single-image-carousel__previous .cta:before, .single-image-carousel__previous .cta-text:after, .single-image-carousel__previous .share-tray__item.link:after, .single-image-carousel__previous .share-tray__item-link:before, .single-image-carousel__previous .filter-dropdown > li > span:after, .single-image-carousel__previous .heading-sliced:before, .single-image-carousel__previous .form .form__checkbox label:after, .form .form__checkbox .single-image-carousel__previous label:after, .single-image-carousel__previous .get-the-look__video__image:before, .single-image-carousel__previous .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .single-image-carousel__previous .color-picker__swatch:before, .single-image-carousel__previous .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .single-image-carousel__previous .product-info__shade-swatch:before, .single-image-carousel__previous .module-stateful.product-info .new-brow:before, .module-stateful.product-info .single-image-carousel__previous .new-brow:before, .single-image-carousel__previous .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .single-image-carousel__previous .product-info__color-overlay--with-video:before, .single-image-carousel__previous .cheatsheet .cheatsheet__dash:before, .cheatsheet .single-image-carousel__previous .cheatsheet__dash:before, .single-image-carousel__previous .plus-link:after, .single-image-carousel__previous .quickshop__swatches__item.active:before, .single-image-carousel__previous .featured-product-wide .fpw__link:after, .featured-product-wide .single-image-carousel__previous .fpw__link:after, .single-image-carousel__previous .pull-quote__quote:before, .single-image-carousel__previous .pull-quote__quote:after, .single-image-carousel__previous .ratings-and-reviews .rar__user-rating li:before, .ratings-and-reviews .rar__user-rating .single-image-carousel__previous li:before, .single-image-carousel__previous .small-feed__item--video .small-feed__image:before, .small-feed__item--video .single-image-carousel__previous .small-feed__image:before, .single-image-carousel__previous .video-kit__hero-image:before, .single-image-carousel__previous .video-kit__card-image:before, .single-image-carousel__previous .video-promoted__image:before, .single-image-carousel__previous .content-feed__common:after, .single-image-carousel__previous .content-feed-ftue__icon:before, .single-image-carousel__previous .cart-page__info .cart-page__current-shop:after, .cart-page__info .single-image-carousel__previous .cart-page__current-shop:after, .single-image-carousel__previous .discontinued-products .twitter-typeahead:after, .discontinued-products .single-image-carousel__previous .twitter-typeahead:after, .single-image-carousel__previous .discontinued-products__module-heading.expandable:after, .single-image-carousel__previous .shoppable-page__info .shoppable-page__current-shop:after, .shoppable-page__info .single-image-carousel__previous .shoppable-page__current-shop:after, .single-image-carousel__next .icon:before, .single-image-carousel__next .cta:before, .single-image-carousel__next .cta-text:after, .single-image-carousel__next .share-tray__item.link:after, .single-image-carousel__next .share-tray__item-link:before, .single-image-carousel__next .filter-dropdown > li > span:after, .single-image-carousel__next .heading-sliced:before, .single-image-carousel__next .form .form__checkbox label:after, .form .form__checkbox .single-image-carousel__next label:after, .single-image-carousel__next .get-the-look__video__image:before, .single-image-carousel__next .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .single-image-carousel__next .color-picker__swatch:before, .single-image-carousel__next .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .single-image-carousel__next .product-info__shade-swatch:before, .single-image-carousel__next .module-stateful.product-info .new-brow:before, .module-stateful.product-info .single-image-carousel__next .new-brow:before, .single-image-carousel__next .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .single-image-carousel__next .product-info__color-overlay--with-video:before, .single-image-carousel__next .cheatsheet .cheatsheet__dash:before, .cheatsheet .single-image-carousel__next .cheatsheet__dash:before, .single-image-carousel__next .plus-link:after, .single-image-carousel__next .quickshop__swatches__item.active:before, .single-image-carousel__next .featured-product-wide .fpw__link:after, .featured-product-wide .single-image-carousel__next .fpw__link:after, .single-image-carousel__next .pull-quote__quote:before, .single-image-carousel__next .pull-quote__quote:after, .single-image-carousel__next .ratings-and-reviews .rar__user-rating li:before, .ratings-and-reviews .rar__user-rating .single-image-carousel__next li:before, .single-image-carousel__next .small-feed__item--video .small-feed__image:before, .small-feed__item--video .single-image-carousel__next .small-feed__image:before, .single-image-carousel__next .video-kit__hero-image:before, .single-image-carousel__next .video-kit__card-image:before, .single-image-carousel__next .video-promoted__image:before, .single-image-carousel__next .content-feed__common:after, .single-image-carousel__next .content-feed-ftue__icon:before, .single-image-carousel__next .cart-page__info .cart-page__current-shop:after, .cart-page__info .single-image-carousel__next .cart-page__current-shop:after, .single-image-carousel__next .discontinued-products .twitter-typeahead:after, .discontinued-products .single-image-carousel__next .twitter-typeahead:after, .single-image-carousel__next .discontinued-products__module-heading.expandable:after, .single-image-carousel__next .shoppable-page__info .shoppable-page__current-shop:after, .shoppable-page__info .single-image-carousel__next .shoppable-page__current-shop:after {
        font-size: 2.5rem;
    }
}

@media screen and (min-width: 63.75em) {
    .single-image-carousel__previous .icon:before, .single-image-carousel__previous .cta:before, .single-image-carousel__previous .cta-text:after, .single-image-carousel__previous .share-tray__item.link:after, .single-image-carousel__previous .share-tray__item-link:before, .single-image-carousel__previous .filter-dropdown > li > span:after, .single-image-carousel__previous .heading-sliced:before, .single-image-carousel__previous .form .form__checkbox label:after, .form .form__checkbox .single-image-carousel__previous label:after, .single-image-carousel__previous .get-the-look__video__image:before, .single-image-carousel__previous .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .single-image-carousel__previous .color-picker__swatch:before, .single-image-carousel__previous .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .single-image-carousel__previous .product-info__shade-swatch:before, .single-image-carousel__previous .module-stateful.product-info .new-brow:before, .module-stateful.product-info .single-image-carousel__previous .new-brow:before, .single-image-carousel__previous .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .single-image-carousel__previous .product-info__color-overlay--with-video:before, .single-image-carousel__previous .cheatsheet .cheatsheet__dash:before, .cheatsheet .single-image-carousel__previous .cheatsheet__dash:before, .single-image-carousel__previous .plus-link:after, .single-image-carousel__previous .quickshop__swatches__item.active:before, .single-image-carousel__previous .featured-product-wide .fpw__link:after, .featured-product-wide .single-image-carousel__previous .fpw__link:after, .single-image-carousel__previous .pull-quote__quote:before, .single-image-carousel__previous .pull-quote__quote:after, .single-image-carousel__previous .ratings-and-reviews .rar__user-rating li:before, .ratings-and-reviews .rar__user-rating .single-image-carousel__previous li:before, .single-image-carousel__previous .small-feed__item--video .small-feed__image:before, .small-feed__item--video .single-image-carousel__previous .small-feed__image:before, .single-image-carousel__previous .video-kit__hero-image:before, .single-image-carousel__previous .video-kit__card-image:before, .single-image-carousel__previous .video-promoted__image:before, .single-image-carousel__previous .content-feed__common:after, .single-image-carousel__previous .content-feed-ftue__icon:before, .single-image-carousel__previous .cart-page__info .cart-page__current-shop:after, .cart-page__info .single-image-carousel__previous .cart-page__current-shop:after, .single-image-carousel__previous .discontinued-products .twitter-typeahead:after, .discontinued-products .single-image-carousel__previous .twitter-typeahead:after, .single-image-carousel__previous .discontinued-products__module-heading.expandable:after, .single-image-carousel__previous .shoppable-page__info .shoppable-page__current-shop:after, .shoppable-page__info .single-image-carousel__previous .shoppable-page__current-shop:after, .single-image-carousel__next .icon:before, .single-image-carousel__next .cta:before, .single-image-carousel__next .cta-text:after, .single-image-carousel__next .share-tray__item.link:after, .single-image-carousel__next .share-tray__item-link:before, .single-image-carousel__next .filter-dropdown > li > span:after, .single-image-carousel__next .heading-sliced:before, .single-image-carousel__next .form .form__checkbox label:after, .form .form__checkbox .single-image-carousel__next label:after, .single-image-carousel__next .get-the-look__video__image:before, .single-image-carousel__next .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .single-image-carousel__next .color-picker__swatch:before, .single-image-carousel__next .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .single-image-carousel__next .product-info__shade-swatch:before, .single-image-carousel__next .module-stateful.product-info .new-brow:before, .module-stateful.product-info .single-image-carousel__next .new-brow:before, .single-image-carousel__next .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .single-image-carousel__next .product-info__color-overlay--with-video:before, .single-image-carousel__next .cheatsheet .cheatsheet__dash:before, .cheatsheet .single-image-carousel__next .cheatsheet__dash:before, .single-image-carousel__next .plus-link:after, .single-image-carousel__next .quickshop__swatches__item.active:before, .single-image-carousel__next .featured-product-wide .fpw__link:after, .featured-product-wide .single-image-carousel__next .fpw__link:after, .single-image-carousel__next .pull-quote__quote:before, .single-image-carousel__next .pull-quote__quote:after, .single-image-carousel__next .ratings-and-reviews .rar__user-rating li:before, .ratings-and-reviews .rar__user-rating .single-image-carousel__next li:before, .single-image-carousel__next .small-feed__item--video .small-feed__image:before, .small-feed__item--video .single-image-carousel__next .small-feed__image:before, .single-image-carousel__next .video-kit__hero-image:before, .single-image-carousel__next .video-kit__card-image:before, .single-image-carousel__next .video-promoted__image:before, .single-image-carousel__next .content-feed__common:after, .single-image-carousel__next .content-feed-ftue__icon:before, .single-image-carousel__next .cart-page__info .cart-page__current-shop:after, .cart-page__info .single-image-carousel__next .cart-page__current-shop:after, .single-image-carousel__next .discontinued-products .twitter-typeahead:after, .discontinued-products .single-image-carousel__next .twitter-typeahead:after, .single-image-carousel__next .discontinued-products__module-heading.expandable:after, .single-image-carousel__next .shoppable-page__info .shoppable-page__current-shop:after, .shoppable-page__info .single-image-carousel__next .shoppable-page__current-shop:after {
        font-size: 3.125rem;
    }
}

@media screen and (min-width: 47.5em) {
    .single-image-carousel__previous .icon, .single-image-carousel__previous .get-the-look__video__image, .single-image-carousel__previous .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .single-image-carousel__previous .color-picker__swatch:before, .single-image-carousel__previous .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .single-image-carousel__previous .product-info__shade-swatch:before, .single-image-carousel__previous .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .single-image-carousel__previous .product-info__color-overlay--with-video:before, .single-image-carousel__previous .cheatsheet .cheatsheet__dash, .cheatsheet .single-image-carousel__previous .cheatsheet__dash, .single-image-carousel__previous .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .single-image-carousel__previous li, .single-image-carousel__previous .video-kit__hero-image, .single-image-carousel__previous .video-kit__card-image, .single-image-carousel__previous .video-promoted__image, .single-image-carousel__next .icon, .single-image-carousel__next .get-the-look__video__image, .single-image-carousel__next .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .single-image-carousel__next .color-picker__swatch:before, .single-image-carousel__next .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .single-image-carousel__next .product-info__shade-swatch:before, .single-image-carousel__next .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .single-image-carousel__next .product-info__color-overlay--with-video:before, .single-image-carousel__next .cheatsheet .cheatsheet__dash, .cheatsheet .single-image-carousel__next .cheatsheet__dash, .single-image-carousel__next .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .single-image-carousel__next li, .single-image-carousel__next .video-kit__hero-image, .single-image-carousel__next .video-kit__card-image, .single-image-carousel__next .video-promoted__image {
        color: #FFFFFF;
    }
}

.single-image-carousel__preview-previous, .single-image-carousel__preview-next {
    display: none;
}

@media screen and (min-width: 47.5em) {
    .single-image-carousel__preview-previous, .single-image-carousel__preview-next {
        display: block;
    }
}

.single-image-carousel__previous {
    left: 0.625rem;
}

@media screen and (min-width: 47.5em) {
    .single-image-carousel__previous {
        top: 100%;
        left: 0px;
    }
}

@media screen and (min-width: 80em) {
    .single-image-carousel__previous {
        top: auto;
        left: -10rem;
        bottom: 0px;
    }
}

.single-image-carousel__next {
    right: 0.625rem;
}

@media screen and (min-width: 47.5em) {
    .single-image-carousel__next {
        top: 100%;
        right: 0;
    }
}

@media screen and (min-width: 80em) {
    .single-image-carousel__next {
        top: 0;
        left: 100%;
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .single-image-carousel__previous, .single-image-carousel__next {
        top: 20%;
    }
    .single-image-carousel.extra-margin-bottom .single-image-carousel__previous, .single-image-carousel.extra-margin-bottom  .single-image-carousel__next {
        top: 26%;
    }
}

.single-image-carousel__cta-links {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
}

.single-image-carousel--carousel .single-image-carousel__cta-links .cta-share:before {
    color: #fff
}

.single-image-carousel--carousel .single-image-carousel__cta-links .cta-favorite:before {
    color: #fff
}

@media screen and (min-width: 63.75em) {
    .single-image-carousel--carousel .single-image-carousel__cta-links {
        right: auto
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .single-image-carousel__cta-links {
        max-width: 20rem;
        width: 20rem;
        bottom: 0.125rem;
        right: 0;
        text-align: left;
        left: 35px;
    }

    .single-image-carousel--carousel .single-image-carousel__cta-links {
        left: auto;
        right: auto;
        margin-left: 50px;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .single-image-carousel--carousel .single-image-carousel__cta-links {
        bottom: 0.625rem;
        left: auto;
        right: auto;
        margin-left: 50px;
    }

    .single-image-carousel__cta-links {
        right: 88%;
    }
}

@media screen and (min-width: 63.6875em) {
    .single-image-carousel__cta-links {
        right: 90%;
    }

    .single-image-carousel--carousel .single-image-carousel__cta-links {
        left: 3.125rem;
    }
}

.single-image-carousel__cta-links .slick-list {
    height: 18.75rem;
}

    .single-image-carousel__cta-links .slick-list .slick-track {
        bottom: -16.875rem;
    }

    .single-image-carousel__cta-links .slick-list .slick-slide {
        visibility: hidden;
    }

        .single-image-carousel__cta-links .slick-list .slick-slide.slick-current {
            visibility: visible;
        }

.single-image-carousel__cta-links .cta {
    margin-right: 0.1875rem;
}

.single-image-carousel .single-image-carousel__cta-links .cta {
    padding-left: 0.0625rem;
    padding-top: 0;
}

.single-image-carousel.is-sitecore .single-image-carousel__image {
    height: auto;
    max-height: 99999px;
}

@media screen and (min-width: 47.5em) {
    .single-image-carousel.is-sitecore .single-image-carousel__image {
        margin-left: 0;
    }
}

.single-image-carousel.is-sitecore .single-image-carousel__detail {
    position: relative;
}

@media screen and (min-width: 47.5em) {
    .single-image-carousel.is-sitecore .single-image-carousel__detail {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.single-image-carousel.is-sitecore .single-image-carousel__detail li {
    margin: 30px 0px;
}

@media screen and (min-width: 47.5em) {
    .single-image-carousel.is-sitecore .single-image-carousel__detail li {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        height: 300px;
    }
}

@media screen and (min-width: 63.75em) {
    .single-image-carousel.is-sitecore .single-image-carousel__detail li {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        height: 400px;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .single-image-carousel.extra-margin-bottom {
        margin-bottom: 16.25rem;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .single-image-carousel.extra-margin-bottom {
        margin-bottom: 18.75rem;
    }
}

@media screen and (min-width: 80em) and (max-width: 9999em) {
    .single-image-carousel.extra-margin-bottom {
        margin-bottom: 15rem;
    }
}


.single-image-carousel .gigi-wrapper {
    margin: 0 auto;
    position: relative;
    background-color: #FAFAFA;
    width: 20rem;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .single-image-carousel .gigi-wrapper {
        margin-bottom: 13.125rem;
        width: 42.5rem;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .single-image-carousel .gigi-wrapper {
        margin-bottom: 10.625rem;
        width: 52.5rem;
    }
}

@media screen and (min-width: 63.75em) {
    .single-image-carousel .gigi-wrapper {
        margin-bottom: 15rem;
    }
}

@media screen and (min-width: 80em) and (max-width: 9999em) {
    .single-image-carousel .gigi-wrapper {
        margin-bottom: 10.625rem;
        width: 52.5rem;
    }
}

.featured-product-wide.featured-product-wide_no-secondary div.fpw__hero {
    top: 0;
}

@media screen and (min-width: 47.5em) {
    .featured-product-wide.featured-product-wide_no-secondary .fpw__text-box {
        margin-top: -80px;
    }
}

@media screen and (min-width: 63.75em) {
    .featured-product-wide.featured-product-wide_no-secondary .fpw__text-box {
        margin-top: -145px;
    }
}

@media screen and (min-width: 80em) {
    .featured-product-wide.featured-product-wide_no-secondary .fpw__text-box {
        margin-top: -169px;
    }
}

.featured-product-wide {
    display: block;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .featured-product-wide {
        max-width: 20rem !important;
    }
}

@media screen and (min-width: 47.5em) {
    .featured-product-wide {
        width: 100%;
    }
}

.featured-product-wide a {
    text-decoration: none;
    color: #000000;
}

.no-touch .featured-product-wide a:hover {
    color: #FC2561;
}

.featured-product-wide .fpw__hero {
    width: 100%;
    height: 124px;
    position: relative;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .featured-product-wide .fpw__hero {
        height: 99px;
    }
}

@media screen and (min-width: 47.5em) {
    .featured-product-wide .fpw__hero {
        height: 238px;
        top: 80px;
    }
}

@media screen and (min-width: 63.75em) {
    .featured-product-wide .fpw__hero {
        height: 338px;
        top: 145px;
    }
}

@media screen and (min-width: 80em) {
    .featured-product-wide .fpw__hero {
        top: 169px;
        height: 400px;
        max-width: 1600px;
    }
}

.featured-product-wide .fpw__hero-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.featured-product-wide .fpw__hero-image {
    max-width: 100%;
    max-height: 350%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media screen and (min-width: 47.5em) {
    .featured-product-wide .fpw__hero-image {
        max-height: none;
        max-width: none;
    }
}

@media screen and (min-width: 80em) {
    .featured-product-wide .fpw__hero-image {
        min-width: 80rem;
        max-width: 100rem;
    }
}

.featured-product-wide .fpw__secondary-image {
    display: none;
}

@media screen and (min-width: 47.5em) {
    .featured-product-wide .fpw__secondary-image {
        width: 260px;
        display: block;
        position: absolute;
        top: -80px;
        right: 40px;
    }
}

@media screen and (min-width: 63.75em) {
    .featured-product-wide .fpw__secondary-image {
        width: 388px;
        top: -145px;
    }
}

@media screen and (min-width: 80em) {
    .featured-product-wide .fpw__secondary-image {
        width: 460px;
        right: 60px;
        top: -169px;
    }
}

.featured-product-wide .fpw__text-box {
    background-color: #FFF;
    padding: 15px 20px 15px;
    position: relative;
}

@media screen and (min-width: 47.5em) {
    .featured-product-wide .fpw__text-box {
        padding: 35px 40px 15px;
        width: 380px;
        left: 40px;
        top: -38px;
    }
    /* hide graphic element
  .featured-product-wide .fpw__text-box:after {
    content: '';
    display: block;
    position: absolute;
    width: 230px;
    height: 155px;
    background-color: #FC2561;
    z-index: -1;
    right: -10px;
    bottom: -10px; } */
}

@media screen and (min-width: 63.75em) {
    .featured-product-wide .fpw__text-box {
        padding: 50px 40px 15px;
        width: 460px;
    }
}

@media screen and (min-width: 80em) {
    .featured-product-wide .fpw__text-box {
        padding: 40px 40px 1px;
        left: 60px;
        top: -31px;
    }
}

.featured-product-wide .fpw__text-box h2, .featured-product-wide .fpw__text-box h1 {
    font-size: 1.5rem;
    font-family: "Helvetica Neue LT W01_75 Bold";
    display: inline-block;
    margin: 0;
    line-height: 1.5rem;
    letter-spacing: -0.5px;
    text-transform: uppercase;
}

@media screen and (min-width: 80em) {
    .featured-product-wide .fpw__text-box h2, .featured-product-wide .fpw__text-box h1 {
        font-size: 2.125rem;
        line-height: 2rem;
        letter-spacing: -1px;
    }
}

@media screen and (min-width: 63.75em) {
    .featured-product-wide .fpw__text-box h2, .featured-product-wide .fpw__text-box h1 {
        font-size: 2.125rem;
        line-height: 2rem;
        letter-spacing: -1px;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .featured-product-wide .fpw__text-box h2, .featured-product-wide .fpw__text-box h1 {
        font-size: 1.25rem;
        line-height: 1.325rem;
        letter-spacing: -0.5px;
    }
}

.featured-product-wide .fpw__text-box h2 strong, .featured-product-wide .fpw__text-box h1 strong {
    display: block;
}
/*
@media screen and (min-width: 63.75em) {
    .featured-product-wide .fpw__text-box h2 strong, .featured-product-wide .fpw__text-box h1 strong{
        font-size: 38px;
    } }*/

.featured-product-wide .fpw__text-box h2 sup, .featured-product-wide .fpw__text-box h1 sup {
    font-size: 16px;
    font-weight: 100;
    vertical-align: top;
}

.featured-product-wide .fpw__body {
    margin: 16px 0px 31px;
    white-space: nowrap;
    word-spacing: 20px;
    font-size: 0;
    display: table;
}

@media screen and (min-width: 63.75em) {
    .featured-product-wide .fpw__body {
        margin: 27px 0 49px 0;
    }
}

.featured-product-wide .fpw__product-shot {
    display: table-cell;
    vertical-align: top;
    max-width: 100px;
    border-right: 20px solid transparent;
}

.featured-product-wide .fpw__details {
    display: table-cell;
    vertical-align: top;
    white-space: normal;
    word-spacing: normal;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #000;
    /*border-top: 1px solid rgba(153, 153, 153, 0.5);*/
}

@media screen and (min-width: 47.5em) {
    .featured-product-wide .fpw__details {
        font-size: 0.875rem;
        line-height: 20px;
    }
}

.featured-product-wide .fpw__details p {
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #000000;
    letter-spacing: -0.5px;
    margin: 17px 0 10px;
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-weight: 500;
}

@media screen and (min-width: 47.5em) {
    .featured-product-wide .fpw__details p {
        font-size: 1.125rem;
        line-height: 1.5rem;
        margin: 16px 0 9px;
    }
}

.featured-product-wide .cta-text {
    display: block;
    margin-top: 17px;
}

@media screen and (min-width: 63.75em) {
    .featured-product-wide .cta-text {
        margin-top: 21px;
    }
}

.featured-product-wide .fpw__link:after {
    margin-left: 5px;
}

.featured-product-wide .fpw__social {
    position: absolute;
    right: 16px;
    bottom: 17px;
}

    .featured-product-wide .fpw__social a {
        color: #999999;
        cursor: pointer;
    }

    .featured-product-wide .fpw__social .active {
        color: #FC2561;
    }

.featured-product-wide .gigi-wrapper {
    padding: 40px 0 0 0;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

.featured-product-wide.right .fpw__secondary-image {
    display: none;
}

.featured-product-wide.right .fpw__text-box {
    left: inherit;
    text-align: right;
}

@media screen and (min-width: 47.5em) {
    .featured-product-wide.right .fpw__text-box {
        padding: 35px 40px 15px;
        width: 380px;
        top: -38px;
        right: -100%;
        margin-left: -420px;
        text-align: left;
    }
    /* hiding graphic element
 .featured-product-wide.right .fpw__text-box:after {
    content: '';
    display: block;
    position: absolute;
    width: 230px;
    height: 155px;
    background-color: #FC2561;
    z-index: -1;
    right: -10px;
    bottom: -10px; } */
}


@media screen and (min-width: 63.75em) {
    .featured-product-wide.right .fpw__text-box {
        padding: 50px 40px 15px;
        width: 460px;
        left: inherit;
        right: -100%;
        margin-left: -520px;
    }
}

@media screen and (min-width: 80em) {
    .featured-product-wide.right .fpw__text-box {
        padding: 45px 40px 15px;
        left: inherit;
        top: -31px;
    }
}

@media screen and (min-width: 47.5em) {
    .gallery-inline .gi-list, .gallery-inline-2 .gi-list {
        margin: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}

.gallery-inline .gi-list .gi-item, .gallery-inline-2 .gi-list .gi-item {
    padding: 10px;
}

    .gallery-inline .gi-list .gi-item .frame, .gallery-inline-2 .gi-list .gi-item .frame {
        min-width: 150px;
        max-width: 250px;
        position: relative;
        margin: auto;
    }
    
    @media screen and (min-width: 47.5em) {
        .gallery-inline .gi-list .gi-item .frame, .gallery-inline-2 .gi-list .gi-item .frame {
            margin-bottom: 20px;
        }
    }

        /* hiding graphic element
.gallery-inline .gi-list .gi-item .frame:before, .gallery-inline-2 .gi-list .gi-item .frame:before {
        content: "";
        position: absolute;
        z-index: -1;
        width: 50%;
        background-color: #000000; }
*/

        .gallery-inline .gi-list .gi-item .frame img, .gallery-inline-2 .gi-list .gi-item .frame img {
            max-height: 100%;
            max-width: 100%;
        }

@media screen and (min-width: 47.5em) {
    .gallery-inline .gi-list .gi-item .frame img, .gallery-inline-2 .gi-list .gi-item .frame img {
        max-height: 250px;
        max-width: inherit;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline .gi-list .gi-item .frame img, .gallery-inline-2 .gi-list .gi-item .frame img {
        max-width: 180px;
    }
}

.gallery-inline-2 .gi-list .gi-item .container {
    margin: auto;
}

.gallery-inline .gi-list .gi-item .content, .gallery-inline-2 .gi-list .gi-item .content {
    max-width: 180px;
}
/* hiding graphic element
.gallery-inline .gi-list .gi-item-0 .frame:before, .gallery-inline-2 .gi-list .gi-item-0 .frame:before {
    width: 60%;
    top: -3%;
    left: 18%;
    height: 106%;
    -ms-transform: skew(-8deg, 0);
    transform: skew(-8deg, 0); }

@media screen and (min-width: 63.75em) {
    .gallery-inline .gi-list .gi-item-0 .frame:before, .gallery-inline-2 .gi-list .gi-item-0 .frame:before {
        height: 105%; } }
*/
.gallery-inline .gi-list ul, .gallery-inline-2 .gi-list ul {
    margin: 0.625rem 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

    .gallery-inline .gi-list ul li, .gallery-inline-2 .gi-list ul li {
        display: inline-block;
        width: 0.6875rem;
        height: 0.6875rem;
        margin: 0 0.3125rem;
        border: 0.0625rem solid #CCCCCC;
        border-radius: 50%;
        text-indent: -9999px;
        vertical-align: middle;
        transition: background .1s ease;
        background: #CCCCCC;
    }

        .gallery-inline .gi-list ul li.slick-active, .gallery-inline-2 .gi-list ul li.slick-active {
            background: #f92a63;
        }

.gallery-inline .gi-item, .gallery-inline-2 .gi-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .gallery-inline .gi-item .container, .gallery-inline-2 .gi-item .container {
        text-align: left;
    }

        .gallery-inline .gi-item .container .title, .gallery-inline-2 .gi-item .container .title {
            font-weight: 100;
            font-size: 1.125rem;
            line-height: 1.375rem;
            white-space: pre-line;
        }

            .gallery-inline .gi-item .container .title strong, .gallery-inline-2 .gi-item .container .title strong {
                font-weight: 500;
            }

@media screen and (min-width: 47.5em) {
    .gallery-inline .gi-item .container .title, .gallery-inline-2 .gi-item .container .title {
        font-size: 1.5625rem;
        line-height: 1.875rem;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline .gi-item .container .title, .gallery-inline-2 .gi-item .container .title {
        font-size: 1.125rem;
        line-height: 1.375rem;
    }
}

.gallery-inline .gi-item .container .content, .gallery-inline-2 .gi-item .container .content {
    margin: 10px 0 0;
}

@media screen and (min-width: 63.75em) {
    .gallery-inline .gi-item .container .content, .gallery-inline-2 .gi-item .container .content {
        margin: 20px 0;
    }
}

.gallery-inline .gi-item .container .content .description {
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 1.125rem;
    line-height: 1.25rem;
    letter-spacing: 0;
    color: #000;
}

.gallery-inline .gi-item.gi-item--hero .container .content .description {
    font-family: "Helvetica Neue LT W05_55 Roman";
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0;
}

.gallery-inline-2 .gi-item .container .content .description {
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0;
    color: #000;
}

.gallery-inline .gi-item.slick-slide .container .content .description, .gallery-inline-2 .gi-item.slick-slide .container .content .description {
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 1.125rem;
    line-height: 1.25rem;
    letter-spacing: 0;
}

.gallery-inline-2 .gi-list .gi-item .container .content .description {
    font-family: "Helvetica Neue LT W05_55 Roman";
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0;
}

.gallery-inline .gi-item .container .content .cta, .gallery-inline-2 .gi-item .container .content .cta {
    margin-top: 7px;
    font-size: 1.125rem;
    letter-spacing: 1px;
}

@media screen and (min-width: 47.5em) {
    .gallery-inline .gi-item .container .content .cta, .gallery-inline-2 .gi-item .container .content .cta {
        margin-top: 15px;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline .gi-item .container .content .cta, .gallery-inline-2 .gi-item .container .content .cta {
        margin-top: 7px;
    }
}

.gallery-inline .gi-item .container .content .cta:after, .gallery-inline-2 .gi-item .container .content .cta:after {
    top: .0625rem;
    padding-left: 8px;
    -ms-transform: translateY(3%);
    transform: translateY(3%);
    display: inline-block;
}

@media screen and (min-width: 47.5em) {
    .gallery-inline {
        padding: 0;
        width: 680px;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline {
        width: 1100px;
    }
}

@media screen and (min-width: 47.5em) {
    .gallery-inline .gi-list {
        width: 94%;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline .gi-list {
        width: 84%;
        margin: auto;
        margin-right: 65px;
    }
}

.gallery-inline .gi-list .gi-item {
    padding: 10px;
}

@media screen and (min-width: 47.5em) {
    .gallery-inline .gi-list .gi-item {
        padding: 20px;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline .gi-list .gi-item {
        padding: 10px 0;
    }
}

@media screen and (min-width: 47.5em) {
    .gallery-inline .gi-list .gi-item .frame {
        max-height: 260px;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline .gi-list .gi-item .frame {
        max-width: 200px;
        margin: 0;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline .gi-list .gi-item-0 {
        margin: auto;
        margin-top: -90px;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline .gi-list .gi-item-0 .frame {
        max-width: 300px;
        max-height: 310px;
    }
}

@media screen and (min-width: 47.5em) {
    .gallery-inline .gi-list .gi-item-0 .frame img {
        max-width: inherit;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline .gi-list .gi-item-0 .frame img {
        max-height: 300px;
        max-width: 250px;
    }
}
/* hiding graphic element
.gallery-inline .gi-list .gi-item-1 .frame:before, .gallery-inline .gi-list .gi-item-3 .frame:before {
    bottom: -6px;
    left: -7px;
    height: 80%;
    top: inherit;
    -ms-transform: none;
    transform: none; }

@media screen and (min-width: 63.75em) {
    .gallery-inline .gi-list .gi-item-1 .frame:before, .gallery-inline .gi-list .gi-item-3 .frame:before {
        bottom: -4px; } }

.gallery-inline .gi-list .gi-item-2 .frame:before {
    width: 60%;
    top: -3%;
    left: 18%;
    height: 106%;
    -ms-transform: skew(-8deg, 0);
    transform: skew(-8deg, 0); }
*/
@media screen and (min-width: 63.75em) {
    .gallery-inline .gi-list .gi-item-2 .frame:before {
        height: 105%;
    }
}

@media screen and (min-width: 47.5em) {
    .gallery-inline .gi-list .gi-item .container {
        width: 230px;
        margin: 20px 20px 0;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline .gi-list .gi-item .container {
        max-width: 210px;
        margin: 20px 0;
    }
}

.gallery-inline .gi-item--hero {
    padding: 30px 10px 10px 10px;
    width: 100%;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

@media screen and (min-width: 47.5em) {
    .gallery-inline .gi-item--hero {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -ms-flex-align: center;
        align-items: center;
    }
}

.gallery-inline .gi-item--hero .hero-image {
    width: 100%;
}

@media screen and (min-width: 47.5em) {
    .gallery-inline .gi-item--hero .hero-image {
        width: 55%;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline .gi-item--hero .hero-image {
        margin-right: 100px;
    }
}

.gallery-inline .gi-item--hero .container {
    margin: 0 10px 20px 0;
    width: 100%;
}

@media screen and (min-width: 47.5em) {
    .gallery-inline .gi-item--hero .container {
        width: 45%;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline .gi-item--hero .container {
        width: 24%;
    }
}

.gallery-inline .gi-item--hero .container .title {
    position: relative;
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-family: "Helvetica Neue LT W01_75 Bold";
    letter-spacing: -0.5px;
    font-weight: 500;
}

@media screen and (min-width: 47.5em) {
    .gallery-inline .gi-item--hero .container .title {
        font-size: 2.125rem;
        line-height: 2rem;
        letter-spacing: -1px;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline .gi-item--hero .container .title {
        font-size: 2.125rem;
        line-height: 2rem;
        letter-spacing: -1px;
    }
}
/* hiding graphic element 
.gallery-inline .gi-item--hero .container .title:before {
    content: "";
    background-color: #000000;
    width: 23px;
    height: 1px;
    position: absolute;
    left: -30px;
    top: 27px;
}

@media screen and (min-width: 63.75em) {
    .gallery-inline .gi-item--hero .container .title:before {
        width: 50px;
        height: 3px;
        left: -70px;
        top: 27%;
    }
}
    */
@media screen and (min-width: 63.75em) {
    .gallery-inline .gi-item--hero .container .content {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline .gi-item--hero .container .content .description {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline-2 {
        padding: 0;
        width: 960px;
    }
}

@media screen and (min-width: 80em) {
    .gallery-inline-2 {
        position: relative;
        width: 1024px;
    }
}

@media screen and (min-width: 47.5em) {
    .gallery-inline-2 .gi-list {
        width: 96%;
        padding: 20px;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .gallery-inline-2 .gi-list {
        margin: auto;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline-2 .gi-list {
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 1100px;
        padding: 0;
    }
}

@media screen and (min-width: 47.5em) {
    .gallery-inline-2 .gi-list .gi-item {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline-2 .gi-list .gi-item {
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 900px;
        padding: 10px 0;
    }
}

@media screen and (min-width: 47.5em) {
    .gallery-inline-2 .gi-list .gi-item .frame-wrapper {
        width: 48%;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline-2 .gi-list .gi-item .frame-wrapper {
        width: inherit;
    }
}

.gallery-inline-2 .gi-list .gi-item .frame {
    max-width: 200px;
}

@media screen and (min-width: 47.5em) {
    .gallery-inline-2 .gi-list .gi-item .frame {
        max-height: 300px;
        max-width: 250px;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline-2 .gi-list .gi-item .frame {
        max-width: 220px;
        margin: 0;
    }
}

.gallery-inline-2 .gi-list .gi-item .frame img {
    max-height: 200px;
}

@media screen and (min-width: 47.5em) {
    .gallery-inline-2 .gi-list .gi-item .frame img {
        max-width: 100%;
    }
}

@media screen and (min-width: 47.5em) {
    .gallery-inline-2 .gi-list .gi-item-0 .frame:before {
        left: 25%;
        width: 50%;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline-2 .gi-list .gi-item-0 .frame:before {
        margin-left: -12%;
    }
}

.gallery-inline-2 .gi-list .gi-item-1 .frame:before, .gallery-inline-2 .gi-list .gi-item-3 .frame:before {
    bottom: -6px;
    left: -7px;
    height: 80%;
    top: inherit;
    -ms-transform: none;
    transform: none;
}

@media screen and (min-width: 63.75em) {
    .gallery-inline-2 .gi-list .gi-item-1 .frame:before, .gallery-inline-2 .gi-list .gi-item-3 .frame:before {
        bottom: -4px;
    }
}

.gallery-inline-2 .gi-list .gi-item-2 .frame:before {
    width: 60%;
    top: -3%;
    left: 18%;
    height: 106%;
    -ms-transform: skew(-8deg, 0);
    transform: skew(-8deg, 0);
}

.gallery-inline-2 .gi-list .gi-item .container .title {
    font-size: 1.125rem;
    line-height: 1.5rem;
    max-width: 220px;
    font-family: "Helvetica Neue LT W01_75 Bold";
    letter-spacing: 1px;
}

@media screen and (min-width: 63.75em) {
    .gallery-inline-2 .gi-list .gi-item-2 .frame:before {
        height: 105%;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline-2 .gi-list .gi-item-2, .gallery-inline-2 .gi-list .gi-item-3 {
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline-2 .gi-list .gi-item-2 .frame, .gallery-inline-2 .gi-list .gi-item-3 .frame {
        margin-right: 50px;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline-2 .gi-list .gi-item-2 .container, .gallery-inline-2 .gi-list .gi-item-3 .container {
        padding-left: 50px;
    }
}

@media screen and (min-width: 47.5em) {
    .gallery-inline-2 .gi-list .gi-item .container {
        width: 48%;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline-2 .gi-list .gi-item .container {
        margin: 20px 0 0 0;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline-2 .gi-list .gi-item .container .title {
        max-width: 220px;
    }
}

.gallery-inline-2 .gi-list .gi-item .container .content {
    max-width: 180px;
}

@media screen and (min-width: 63.75em) {
    .gallery-inline-2 .gi-list .gi-item .container .content .cta {
        margin-top: 15px;
    }
}

.gallery-inline-2 .gi-item--hero {
    position: relative;
    padding: 30px 10px 0 10px;
    width: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media screen and (min-width: 63.75em) {
    .gallery-inline-2 .gi-item--hero {
        position: absolute;
        width: 60%;
        left: 17%;
        margin-top: 10%;
    }
}

.gallery-inline-2 .gi-item--hero .hero-image {
    margin-top: -50px;
    width: 100%;
}

@media screen and (min-width: 47.5em) {
    .gallery-inline-2 .gi-item--hero .hero-image {
        width: 60%;
        margin: 0 auto;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline-2 .gi-item--hero .hero-image {
        max-width: 350px;
    }
}

.gallery-inline-2 .gi-item--hero .title {
    font-weight: 100;
    position: absolute;
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 2.125rem;
    line-height: 3.75rem;
    letter-spacing: -0.75px;
    text-align: left;
    top: 12%;
    left: 10%;
    text-transform: uppercase;
    display: block;
    width: 95%;
}

    .gallery-inline-2 .gi-item--hero .title > * {
        background-color: rgba(255, 255, 255, 0.6);
        padding: 0 10px;
    }

    .gallery-inline-2 .gi-item--hero .title strong {
        padding: 0;
    }

@media screen and (min-width: 47.5em) {
    .gallery-inline-2 .gi-item--hero .title {
        width: 50%;
        left: 25%;
        top: 10%;
        font-size: 3.125rem;
        line-height: 4.125rem;
        letter-spacing: -1.5px;
    }
}

@media screen and (min-width: 63.75em) {
    .gallery-inline-2 .gi-item--hero .title {
        left: 25%;
        width: 70%;
    }
}

.gallery-inline-2 .gi-item--hero .container {
    margin: 0 0 50px 0;
}

    .gallery-inline-2 .gi-item--hero .container .content {
        text-align: center;
        width: 70%;
        margin: 10px auto;
    }

@media screen and (min-width: 47.5em) {
    .gallery-inline-2 .gi-item--hero .container .content {
        width: 50%;
    }
}

.gigiPullQuote .gigi-wrapper .pull-quote {
    background-color: inherit;
}

.gigiPullQuote .gigi-wrapper .pull-quote__wrapper {
    background-color: inherit;
    margin: 0 auto;
}

.pull-quote {
    background-color: #000;
}

.pull-quote__image .lazy {
    display: none;
}

.pull-quote__wrapper {
    position: relative;
    padding: 2.5rem 1.875rem;
    text-align: left;
    z-index: 0;
}
/*
@media screen and (min-width: 0) {
  .pull-quote__wrapper {
    background-color: #FAFAFA; } }*/

@media screen and (min-width: 80em) {
    .pull-quote__wrapper {
        background-color: transparent;
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .pull-quote__wrapper {
        max-width: 20rem;
    }
}

@media screen and (min-width: 47.5em) {
    .pull-quote__wrapper {
        padding-left: 4.375rem;
        padding-right: 4.375rem;
    }
}

@media screen and (min-width: 80em) {
    .pull-quote__wrapper {
        padding-left: 10.625rem;
        padding-right: 10.625rem;
    }
}

.pull-quote__quote {
    display: inline;
    text-transform: uppercase;
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 2.125rem;
    line-height: 2rem;
    letter-spacing: -0.5px;
    color: #FFFFFF;
}

    .pull-quote__quote:before, .pull-quote__quote:after {
        vertical-align: bottom;
        /*line-height: 1.7;*/
    }

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .pull-quote__quote:before, .pull-quote__quote:after {
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .pull-quote__quote:before, .pull-quote__quote:after {
        font-size: 2.875rem;
    }
}

@media screen and (min-width: 63.75em) {
    .pull-quote__quote:before, .pull-quote__quote:after {
        font-size: 3.8125rem;
    }
}

.pull-quote__quote:before {
    content: "";
}

.pull-quote__quote:after {
    content: "";
    padding-right: 0.25rem;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .pull-quote__quote {
        font-size: 3.375rem;
        line-height: 3.25rem;
        letter-spacing: -2px;
    }
}

@media screen and (min-width: 63.75em) {
    .pull-quote__quote {
        font-size: 4.375rem;
        line-height: 4.25rem;
        letter-spacing: -2px;
    }
}

@media screen and (min-width: 80em) {
    .pull-quote__quote {
        font-size: 5rem;
        line-height: 4.875rem;
        letter-spacing: -2px;
    }
}
/* hiding graphic element 
.pull-quote__image {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    width: 11.25rem;
    height: 11.25rem;
    z-index: -1;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .pull-quote__image {
        width: 30rem;
        height: 30rem;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .pull-quote__image {
        width: 35rem;
        height: 35rem;
    }
}

@media screen and (min-width: 80em) and (max-width: 9999em) {
    .pull-quote__image {
        width: 35rem;
        height: 35rem;
    }
}

.pull-quote__image img {
    max-width: 100%;
    max-height: 100%;
}

@media screen and (min-width: 80em) and (max-width: 9999em) {
    .pull-quote__image img {
        max-height: 85%;
    }
}
*/

.pull-quote__featured {
    text-transform: uppercase;
    letter-spacing: -0.5px;
    font-family: "Helvetica Neue LT W01_75 Bold";
    color: #FFF;
    font-size: 0.875rem;
    line-height: 1.125rem;
    margin-top: 1.25rem;
}

@media screen and (min-width: 47.5em) {
    .pull-quote__featured {
        font-size: 1.125rem;
    }
}

.pull-quote__featured-avatar {
    display: inline-block;
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    overflow: hidden;
    border-radius: 50%;
}

@media screen and (min-width: 47.5em) {
    .pull-quote__featured-avatar {
        width: 3.75rem;
        height: 3.75rem;
    }
}

.pull-quote__featured-avatar img {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    width: 100%;
    max-width: 100%;
}
/*
.pull-quote__featured-name span, .pull-quote__featured-position span {
  background-color: #FAFAFA; }
    */

.pull-quote__featured .button {
    min-width: 13.125rem;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .pull-quote__featured .button:nth-of-type(1) {
        margin-bottom: 1.25rem;
    }
}

@media screen and (min-width: 47.5em) {
    .pull-quote__featured .button:nth-of-type(1) {
        margin-right: 2.5rem;
    }
}

.pull-quote__author {
    margin-bottom: 1.625rem;
}

    .pull-quote__author span {
        background-color: #FAFAFA;
    }

    .pull-quote__author:before {
        content: "\2014";
        margin-right: 0.3125rem;
    }

.ratings-and-reviews {
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 300px;
    margin-bottom: 40px;
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews {
        width: 680px;
    }
}

@media screen and (min-width: 63.75em) {
    .ratings-and-reviews {
        width: 920px;
    }
}

@media screen and (min-width: 80em) {
    .ratings-and-reviews {
        width: 1160px;
    }
}

.profile-page__module .ratings-and-reviews {
    width: 100%;
}

    .profile-page__module .ratings-and-reviews:first-of-type {
        margin-top: -30px;
    }

.ratings-and-reviews .rar__border {
    border: 3px solid #FC2561;
    width: 100%;
    margin-top: 20px;
    position: relative;
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews .rar__border {
        margin-top: 32px;
    }
}

@media screen and (min-width: 63.75em) {
    .ratings-and-reviews .rar__border {
        margin-top: 37px;
    }
}

.ratings-and-reviews .rar__header {
    position: relative;
}

.ratings-and-reviews h2 {
    margin: 0px auto 0;
    font-weight: 100;
    font-size: 1.875rem;
    letter-spacing: 0.02em;
    padding: 0 20px;
    background: #FFFFFF;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    top: -20px;
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews h2 {
        font-size: 3.25rem;
        top: -32px;
    }
}

@media screen and (min-width: 63.75em) {
    .ratings-and-reviews h2 {
        font-size: 3.75rem;
        top: -37px;
    }
}

.ratings-and-reviews h2 strong {
    font-weight: 500;
}

.ratings-and-reviews .ratings {
    display: block;
}

.ratings-and-reviews .rar__average-rating {
    display: inline-block;
    font-size: 1.25rem;
    vertical-align: middle;
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews .rar__average-rating {
        font-size: 1.625rem;
    }
}

.ratings-and-reviews .rar__rating-number {
    display: inline-block;
    font-weight: 100;
    color: #999999;
    line-height: 1;
    font-size: 1.25rem;
    vertical-align: bottom;
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews .rar__rating-number {
        font-size: 1.625rem;
    }
}

.ratings-and-reviews .rar__count {
    font-size: 2.375rem;
    font-weight: 100;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: -5px;
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews .rar__count {
        font-size: 2.5rem;
        letter-spacing: 0.01em;
    }
}

.ratings-and-reviews .button {
    width: 200px;
    /*height: 50px;*/
    margin-top: 25px;
    padding: 15px;
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews .button {
        font-size: 1rem;
        width: 220px;
    }
}

.ratings-and-reviews .button.hidden {
    display: none;
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews .button.readall, .ratings-and-reviews .button.readreviews, .ratings-and-reviews .button.hideall {
        margin-right: 40px;
    }
}

.ratings-and-reviews .button.write-review, .ratings-and-reviews .button.close-review {
    margin-bottom: 36px;
}

.ratings-and-reviews .button.loadmore {
    margin-bottom: 30px;
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews .button.loadmore {
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 63.75em) {
    .ratings-and-reviews .button.loadmore {
        margin-bottom: 60px;
    }
}

.ratings-and-reviews .button.active:focus {
    background-color: #000000;
}

.ratings-and-reviews .rar__sort-container {
    width: 280px;
    margin: 0 auto 27px;
    display: none;
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews .rar__sort-container {
        margin-bottom: 47px;
    }
}

@media screen and (min-width: 63.75em) {
    .ratings-and-reviews .rar__sort-container {
        margin-bottom: 32px;
    }
}

.ratings-and-reviews .rar__sort-container .chosen-container .chosen-single,
.ratings-and-reviews .rar__sort-container .chosen-container.chosen-with-drop a.chosen-single {
    background-color: #FFFFFF;
    border: 1px solid #999999;
}

.ratings-and-reviews h2 {
    margin: 0 20px;
    padding-bottom: 6px;
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-align: left;
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews h2 {
        margin: 0 40px;
    }
}

@media screen and (min-width: 80em) {
    .ratings-and-reviews h2 {
        margin: 0 80px;
    }
}

.ratings-and-reviews .rar__break-word {
    word-wrap: break-word;
}

.ratings-and-reviews .rar__reviews-wrapper .readall {
    margin-bottom: 30px;
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews .rar__reviews-wrapper .readall {
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 63.75em) {
    .ratings-and-reviews .rar__reviews-wrapper .readall {
        display: none;
    }
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews .rar__reviews_landing {
        padding-bottom: 40px;
    }
}

@media screen and (min-width: 63.75em) {
    .ratings-and-reviews .rar__reviews_landing {
        padding-bottom: 60px;
    }
}

.ratings-and-reviews .rar__review {
    display: block;
    border-top: 1px solid #000000;
    margin: 0px 20px 0;
    padding-top: 30px;
    text-align: left;
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews .rar__review {
        clear: both;
        padding-top: 0px;
        border-top: 1px solid rgba(153, 153, 153, 0.45);
        width: 600px;
        margin: 0px 40px 0;
    }

        .ratings-and-reviews .rar__review:first-of-type {
            border-top: 1px solid #000000;
        }
}

@media screen and (min-width: 63.75em) {
    .ratings-and-reviews .rar__review {
        width: 840px;
    }
}

@media screen and (min-width: 80em) {
    .ratings-and-reviews .rar__review {
        width: 1000px;
        margin: 0 80px;
    }
}

.ratings-and-reviews .rar__review:last-of-type {
    border-bottom: 1px solid rgba(153, 153, 153, 0.45);
}

.profile-page__module .ratings-and-reviews .rar__review {
    margin: 0;
    width: 100%;
}

    .profile-page__module .ratings-and-reviews .rar__review:first-of-type {
        border-top: 0;
    }

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews .rar__review-head {
        float: left;
        width: 240px;
        margin-top: 31px;
    }
}

.ratings-and-reviews .rar__review-rating {
    text-align: left;
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews .rar__review-rating {
        margin: 0;
    }
}

.profile-page__module .ratings-and-reviews .rar__review-rating {
    font-size: 16px;
}

.ratings-and-reviews .rar__review-user {
    font-weight: 500;
    font-size: 1rem;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.profile-page__module .ratings-and-reviews a.rar__product-link {
    font-weight: 500;
    font-size: 1rem;
    color: #000000;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-decoration: none;
    transition: color 0.2s ease-in;
}

    .profile-page__module .ratings-and-reviews a.rar__product-link:hover {
        color: #FC2561;
    }

.ratings-and-reviews .rar__review-address {
    font-weight: 300;
    font-size: 0.8125rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #666666;
}

.ratings-and-reviews .rar__review-feature {
    font-size: 0.8125rem;
    letter-spacing: .125em;
    line-height: 22px;
    font-weight: 500;
    text-transform: uppercase;
}

    .ratings-and-reviews .rar__review-feature span {
        font-weight: 300;
        text-transform: none;
        color: #666666;
    }

.ratings-and-reviews .rar__review-body {
    border-top: 1px solid rgba(153, 153, 153, 0.45);
    margin-top: 13px;
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews .rar__review-body {
        width: 360px;
        float: right;
        margin: 0px;
        padding: 0 40px 0 20px;
        border-top: none;
        border-left: 1px solid rgba(153, 153, 153, 0.45);
        min-height: 230px;
    }
}

@media screen and (min-width: 63.75em) {
    .ratings-and-reviews .rar__review-body {
        width: 560px;
        padding-left: 30px;
    }
}

@media screen and (min-width: 80em) {
    .ratings-and-reviews .rar__review-body {
        width: 660px;
        margin-right: 60px;
        padding-left: 40px;
    }
}

@media screen and (min-width: 47.5em) {
    .profile-page__module .ratings-and-reviews .rar__review-body {
        border-top: 1px solid rgba(153, 153, 153, 0.45);
        margin-top: 13px;
    }
}

@media screen and (min-width: 80em) {
    .profile-page__module .ratings-and-reviews .rar__review-body {
        width: 600px;
        border-top: none;
        margin: 0px;
    }
}

@media screen and (max-width: 80em) {
    .profile-page__module .ratings-and-reviews .rar__review-body {
        border-left: 0;
        padding: 0;
        width: 100%;
        min-height: 100px;
    }
}

.ratings-and-reviews .rar__review-subject {
    margin-top: 25px;
    font-weight: 500;
    font-size: 1rem;
    line-height: 22px;
    letter-spacing: .125em;
    text-transform: uppercase;
}

.profile-page__module .ratings-and-reviews .rar__review-subject {
    color: #000000;
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews .rar__review-subject {
        margin-top: 30px;
    }
}

.ratings-and-reviews .rar__review-date, .ratings-and-reviews .rar__review-copy {
    font-weight: 300;
    font-size: 0.8125rem;
    line-height: 22px;
    letter-spacing: .125em;
    color: #666666;
}

.ratings-and-reviews .rar__review-date {
    margin-top: 14px;
}

.ratings-and-reviews .rar__review-copy {
    letter-spacing: .105em;
    margin: 15px 0 35px;
    white-space: pre-wrap;
}

.ratings-and-reviews .rar__not-logged-overlay {
    display: none;
    background-color: #FFFFFF;
    text-align: center;
    padding: 40px 0 70px;
}

    .ratings-and-reviews .rar__not-logged-overlay .cta {
        display: block;
        margin: 30px auto;
        text-align: center;
    }

.ratings-and-reviews .rar__oops {
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.0625rem;
    line-height: 22px;
    letter-spacing: .125em;
    margin: 0 20px;
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews .rar__oops {
        margin: 0 40px;
    }
}

.ratings-and-reviews .rar__oops a {
    color: #000000;
}

.ratings-and-reviews .rar__form {
    text-align: left;
    margin: 0 20px;
    position: relative;
}

@media screen and (min-width: 63.75em) {
    .ratings-and-reviews .rar__form {
        margin: 0 40px;
    }
}

@media screen and (min-width: 80em) {
    .ratings-and-reviews .rar__form {
        text-align: left;
        margin: 0 80px;
    }
}

.ratings-and-reviews .rar__form h2 {
    border-bottom: 1px solid #000000;
    margin: 0;
}

.ratings-and-reviews .rar__form .rar__input-nickname--userexist {
    font-weight: 300;
    font-size: .6rem;
    letter-spacing: 0.16em;
    line-height: 12px;
    color: #FF0000;
    margin: 5px 0 20px 5px;
    position: relative;
    text-transform: uppercase;
    display: none;
}

.ratings-and-reviews .form.rar__form .floating-input input[type="text"],
.ratings-and-reviews .form.rar__form .floating-textarea,
.ratings-and-reviews .form.rar__form .floating-textarea textarea {
    background: #F1F1F1;
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews .form.rar__form .floating-input,
    .ratings-and-reviews .form.rar__form .floating-textarea,
    .ratings-and-reviews .form.rar__form .form__group {
        width: 260px;
    }
}

@media screen and (min-width: 63.75em) {
    .ratings-and-reviews .form.rar__form .floating-input,
    .ratings-and-reviews .form.rar__form .floating-textarea,
    .ratings-and-reviews .form.rar__form .form__group {
        width: 540px;
    }
}

@media screen and (min-width: 80em) {
    .ratings-and-reviews .form.rar__form .floating-input,
    .ratings-and-reviews .form.rar__form .floating-textarea,
    .ratings-and-reviews .form.rar__form .form__group {
        width: 700px;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .ratings-and-reviews .form.rar__form .floating-textarea,
    .ratings-and-reviews .form.rar__form .form__group.rar__input-title-container {
        width: 100%;
    }
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews .form.rar__form .rar__form-details .form__group.rar__half-width {
        width: 307px;
        float: left;
        margin-bottom: 30px;
    }

        .ratings-and-reviews .form.rar__form .rar__form-details .form__group.rar__half-width:nth-of-type(2n) {
            margin-left: 20px;
        }
}

@media screen and (min-width: 63.75em) {
    .ratings-and-reviews .form.rar__form .rar__form-details .form__group.rar__half-width {
        width: 260px;
    }
}

@media screen and (min-width: 80em) {
    .ratings-and-reviews .form.rar__form .rar__form-details .form__group.rar__half-width {
        width: 340px;
    }
}

.ratings-and-reviews .rar__user-rating-group {
    text-align: left;
    margin: 21px 0 19px;
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews .rar__user-rating-group {
        text-align: left;
    }
}

.ratings-and-reviews .rar__user-rating {
    display: inline-block;
}

    .ratings-and-reviews .rar__user-rating li {
        display: inline-block;
        font-size: 1.25rem;
        color: #CCCCCC;
        vertical-align: middle;
    }

        .ratings-and-reviews .rar__user-rating li:before {
            content: "";
        }

        .ratings-and-reviews .rar__user-rating li.active {
            color: #FC2561;
        }

        .ratings-and-reviews .rar__user-rating li:hover {
            cursor: pointer;
        }

        .ratings-and-reviews .rar__user-rating li:focus {
            color: #222222;
        }

.ratings-and-reviews .rar__current-rating {
    font-weight: 100;
    color: #999999;
    line-height: 21px;
    font-size: 1.25rem;
    vertical-align: middle;
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews .rar__current-rating {
        font-size: 1.625rem;
    }
}

.ratings-and-reviews .rar__current-rating span.active {
    color: #000000;
}

.ratings-and-reviews label.rating-error,
.ratings-and-reviews .rar__agree-error {
    font-weight: 300;
    font-size: 0.5625rem;
    opacity: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: -webkit-transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    display: inline-block;
    letter-spacing: 0.12rem;
    z-index: 2;
    line-height: 13px;
    color: #FF0000;
}

.ratings-and-reviews input[name=rating].error + label.rating-error,
.ratings-and-reviews div.rar__agree.error .rar__agree-error {
    opacity: 1;
}

.ratings-and-reviews .rar__wrapper-comments {
    margin: 15px 0;
}

.ratings-and-reviews .rar__instructions {
    font-weight: 300;
    font-size: 0.5rem;
    letter-spacing: 0.16em;
    line-height: 12px;
    color: #999999;
    list-style-type: disc;
    margin: 0 0 18px 32px;
    position: relative;
    text-transform: uppercase;
}

@media screen and (min-width: 63.75em) {
    .ratings-and-reviews .rar__instructions {
        width: 240px;
        position: absolute;
        right: 0px;
        top: 90px;
    }
}

.ratings-and-reviews .rar__instructions:after {
    content: '?';
    display: block;
    position: absolute;
    top: 0;
    left: -30px;
    width: 15px;
    height: 15px;
    border: 1px solid rgba(153, 153, 153, 0.45);
    border-radius: 50%;
    padding-left: 2px;
    font-size: 0.6875rem;
    text-align: center;
    color: #FC2561;
}

.ratings-and-reviews .rar__instructions li {
    margin-top: 16px;
}

    .ratings-and-reviews .rar__instructions li:first-of-type {
        margin-top: 0;
    }

.ratings-and-reviews .custom-select {
    width: 100%;
}

.ratings-and-reviews .chosen-container a.chosen-single,
.ratings-and-reviews .chosen-container .chosen-results li.group-result,
.ratings-and-reviews .chosen-container .chosen-results li.active-result {
    font-size: 0.6875rem;
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews .form.rar__form .form__group.rar__narrow-input {
        width: 198px;
        margin-right: 20px;
        margin-bottom: 30px;
        margin-top: 0;
        float: left;
    }
}

@media screen and (min-width: 63.75em) {
    .ratings-and-reviews .form.rar__form .form__group.rar__narrow-input {
        width: 166px;
    }
}

@media screen and (min-width: 80em) {
    .ratings-and-reviews .form.rar__form .form__group.rar__narrow-input {
        width: 220px;
    }
}

.ratings-and-reviews .form.rar__form .form__group.rar__narrow-input.rar__narrow-input-nomargin {
    margin-right: 0;
}

.ratings-and-reviews h2.rar__details-title {
    margin: 26px 0 30px;
}

@media screen and (min-width: 63.75em) {
    .ratings-and-reviews h2.rar__details-title {
        width: 100%;
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .ratings-and-reviews .rar__button-next, .ratings-and-reviews .rar__button-preview, .ratings-and-reviews .rar__submit, .ratings-and-reviews .rar__edit {
        width: 274px;
    }
}

.ratings-and-reviews .rar__button-next, .ratings-and-reviews .rar__button-preview {
    margin-bottom: 40px;
}

.ratings-and-reviews .rar__button-preview {
    display: block;
    clear: both;
}

@media screen and (min-width: 80em) {
    .ratings-and-reviews .rar__form-details {
        width: 700px;
    }
}

.ratings-and-reviews .rar__form-details .form__group {
    margin-top: 20px;
}

.ratings-and-reviews .rar__preview {
    display: none;
    margin: 0 20px;
    text-align: left;
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews .rar__preview {
        margin: 0 40px;
    }
}

@media screen and (min-width: 80em) {
    .ratings-and-reviews .rar__preview {
        margin: 0 80px;
    }
}

.ratings-and-reviews .rar__preview h2 {
    margin: 0 0 10px 0;
    border-bottom: 1px solid #000000;
}

.ratings-and-reviews .rar__preview .rar__review {
    border-top: 1px solid rgba(153, 153, 153, 0.45);
    margin: 35px 0 0 0;
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews .rar__preview .rar__review {
        border-bottom: 1px solid rgba(153, 153, 153, 0.45);
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 63.75em) {
    .ratings-and-reviews .rar__preview .rar__review {
        margin-bottom: 44px;
    }
}

.ratings-and-reviews .rar__preview-instructions-one {
    font-weight: 100;
    font-size: 1.125rem;
    line-height: 22px;
    letter-spacing: .120em;
    color: #000000;
    text-transform: uppercase;
    margin-top: 21px;
}

.ratings-and-reviews .rar__preview-instructions-two {
    font-weight: 300;
    font-size: 0.8125rem;
    line-height: 22px;
    letter-spacing: .105em;
    color: #666666;
    margin-top: 20px;
}

.ratings-and-reviews .rar__agree label {
    font-weight: 300;
    font-size: 0.625rem;
    color: #999999;
    text-transform: uppercase;
}

    .ratings-and-reviews .rar__agree label a {
        text-decoration: underline;
        color: #999999;
    }

        .ratings-and-reviews .rar__agree label a:hover {
            color: #FC2561;
        }

    .ratings-and-reviews .rar__agree label .rar__agree-error {
        display: none;
    }

.ratings-and-reviews .rar__edit {
    margin-bottom: 40px;
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews .rar__edit {
        margin: 0 0 40px 20px;
    }
}

.ratings-and-reviews .rar__thanks, .ratings-and-reviews .rar__error {
    display: none;
    margin: 0 20px 35px;
    text-align: left;
}

@media screen and (min-width: 47.5em) {
    .ratings-and-reviews .rar__thanks, .ratings-and-reviews .rar__error {
        margin: 0 40px 35px;
    }
}

@media screen and (min-width: 80em) {
    .ratings-and-reviews .rar__thanks, .ratings-and-reviews .rar__error {
        margin: 0 80px 35px;
    }
}

.ratings-and-reviews .rar__thanks h2, .ratings-and-reviews .rar__error h2 {
    margin: 0 0 10px;
    border-bottom: 1px solid #000000;
}

.ratings-and-reviews .rar__thanks .rar__message-title, .ratings-and-reviews .rar__error .rar__message-title {
    font-weight: 100;
    font-size: 2.5rem;
    line-height: 1;
    letter-spacing: .120em;
    color: #000000;
    text-transform: uppercase;
    margin-top: 21px;
}

.ratings-and-reviews .rar__thanks .rar__copy, .ratings-and-reviews .rar__error .rar__copy {
    font-weight: 300;
    font-size: 0.8125rem;
    line-height: 22px;
    letter-spacing: .105em;
    color: #666666;
    margin-top: 8px;
}

.ratings-and-reviews .rar__clear {
    clear: both;
}

.masthead {
    min-width: 20rem;
    max-width: 20rem;
    margin: 20px auto;
    position: relative;
    margin: 0 auto;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .transport .masthead:first-child {
        margin-top: -60px;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .transport .masthead:first-child {
        margin-top: -80px;
    }
}

@media screen and (min-width: 80em) and (max-width: 9999em) {
    .transport .masthead:first-child {
        margin-top: -80px;
    }
}

@media screen and (min-width: 47.5em) {
    .masthead {
        max-width: none;
        margin: 30px auto;
    }
}

@media screen and (min-width: 63.75em) {
    .masthead {
        max-width: none;
    }
}

@media screen and (min-width: 80em) {
    .masthead {
        max-width: 80rem;
        margin: 40px auto;
    }
}

.masthead__secondary-image {
    display: none !important;
}

@media screen and (min-width: 47.5em) {
    .masthead__secondary-image {
        display: block !important;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        max-width: 260px;
    }
}

@media screen and (min-width: 80em) {
    .masthead__secondary-image {
        max-width: 358px;
        left: -20px;
    }
}

@media screen and (min-width: 47.5em) {
    .masthead .masthead__secondary-image + .masthead__main {
        top: 100px;
        padding-left: 100px;
        margin-bottom: 100px;
    }
}

@media screen and (min-width: 63.75em) {
    .masthead .masthead__secondary-image + .masthead__main {
        top: 58px;
        margin-bottom: 58px;
    }
}

@media screen and (min-width: 80em) {
    .masthead .masthead__secondary-image + .masthead__main {
        padding-left: 167px;
    }
}

.masthead__main {
    position: relative;
    width: 100%;
}

@media screen and (min-width: 47.5em) {
    .masthead__main {
        top: 40px;
    }
}

@media screen and (min-width: 63.75em) {
    .masthead__main {
        padding-left: 0px;
        padding-bottom: 40px !important;
    }
}

.masthead__main .masthead__primary-container {
    float: left;
    display: block;
    margin-right: 30px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 10px;
    z-index: 2;
}

@media screen and (min-width: 47.5em) {
    .masthead__main .masthead__primary-container {
        margin-right: 50px;
    }
}

.masthead__main .masthead__primary-container .masthead__primary-image {
    display: block;
    max-width: 100px;
}

@media screen and (min-width: 47.5em) {
    .masthead__main .masthead__primary-container .masthead__primary-image {
        max-width: 220px;
    }
}

@media screen and (min-width: 63.75em) {
    .masthead__main .masthead__primary-container .masthead__primary-image {
        max-width: 320px;
    }
}
/*hiding graphic element 

.masthead__main .masthead__primary-container:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -10px;
    bottom: -10px;
    left: 10px;
    background: #000000;
    z-index: -1;
}
    */

@media screen and (min-width: 47.5em) {
    .masthead__main .masthead__primary-container:before {
        right: -20px;
        bottom: -20px;
        left: -10px;
    }
}

.masthead__main .masthead__heading-container {
    display: block;
    float: left;
    height: 100px;
    width: 180px;
    line-height: 100px;
    font-family: "Helvetica Neue LT W01_75 Bold";
}

@media screen and (min-width: 47.5em) {
    .masthead__main .masthead__heading-container {
        width: 370px;
        height: auto;
        line-height: 0;
    }
}


.masthead__main .masthead__heading {
    display: inline-block;
    vertical-align: middle;
    font-size: 2.0rem;
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: -1px;
    margin: 0 0 0 0;
    width: 170px;
}

@media screen and (min-width: 47.5em) {
    .masthead__main .masthead__heading {
        font-size: 3.625rem;
        width: 580px;
        line-height: 1;
    }
}

@media screen and (min-width: 63.75em) {
    .masthead__main .masthead__heading {
        font-size: 5.625rem;
        width: 580px;
    }
}

@media screen and (min-width: 80em) {
    .masthead__main .masthead__heading {
        width: 740px;
    }
}

.masthead__main .masthead__body {
    display: block;
    width: 280px;
    margin: 20px auto 0;
    clear: both;
}

@media screen and (min-width: 47.5em) {
    .masthead__main .masthead__body {
        float: left;
        clear: none;
        width: 370px;
        margin-top: 21px;
    }
}

@media screen and (min-width: 63.75em) {
    .masthead__main .masthead__body {
        width: 520px;
        margin-top: 26px;
    }
}

@media screen and (min-width: 80em) {
    .masthead__main .masthead__body {
        width: 560px;
        margin-top: 25px;
    }
}

@media screen and (min-width: 63.75em) {
    .masthead__main .masthead__body .masthead__links {
        display: block;
        list-style: none;
        font-size: 0;
        width: 100%;
    }
}

.masthead__main .masthead__body .masthead__links li {
    display: inline-block;
    font-size: 1rem;
    letter-spacing: 1px;
    font-weight: 500;
    text-transform: uppercase;
    word-spacing: normal;
    padding: 10px 0;
    text-align: center;
    width: 49%;
    font-family: "Neue Helvetica W01_79 C1289709";
}

/* WFMA 49263 - Masthead Tagging */
.masthead__main .masthead__body .masthead__links h2, .masthead__main .masthead__body .masthead__copy h3, .masthead__main .masthead__body .masthead__copy p {
    font-weight: inherit;
    font-size: inherit;
    margin-block-end: inherit;
    margin-block-start: inherit;
    display: inherit;
}

@media screen and (min-width: 47.5em) {
    .masthead__main .masthead__body .masthead__links li {
        text-align: left;
        width: auto;
        padding: 0;
        margin-right: 50px;
    }
}

@media screen and (min-width: 63.75em) {
    .masthead__main .masthead__body .masthead__links li {
        margin-bottom: 9px;
    }
}

.masthead__main .masthead__body .masthead__links li a {
    text-decoration: none;
    color: #000000;
    display: inline-block;
    border-bottom: 3px solid transparent;
    padding-bottom: 4px;
}

.no-touch .masthead__main .masthead__body .masthead__links li a:hover {
    border-bottom: 3px solid #FC2561;
}

.masthead__main .masthead__body .masthead__copy {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 20px;
    color: #000;
    text-align: left;
    padding-top: 5px;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .masthead__main .masthead__body .masthead__copy {
        padding-right: 20px;
    }
}

@media screen and (min-width: 47.5em) {
    .masthead__main .masthead__body .masthead__copy {
        text-align: left;
        padding-top: 0;
    }
}
/* */

.mastheadv2 {
    min-width: 20rem;
    max-width: 20rem;
    position: relative;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .mastheadv2 {
        max-width: none;
        margin-top: 0;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .transport .mastheadv2:first-child {
        margin-top: -60px;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .transport .mastheadv2:first-child {
        margin-top: -80px;
    }
}

@media screen and (min-width: 80em) and (max-width: 9999em) {
    .transport .mastheadv2:first-child {
        margin-top: -80px;
    }
}

@media screen and (min-width: 47.5em) {
    .mastheadv2 {
        max-width: none;
        margin-top: 0;
    }
}

@media screen and (min-width: 63.75em) {
    .mastheadv2 {
        max-width: none;
    }
}

@media screen and (min-width: 80em) {
    .mastheadv2 {
        max-width: 80rem;
    }
}

@media screen and (min-width: 47.5em) {
    .mastheadv2 .masthead__main {
        top: 10px;
    }
}

@media screen and (min-width: 63.75em) {
    .mastheadv2 .masthead__main {
        padding-left: 0px;
    }
}

.mastheadv2 .masthead__image {
    width: 100%;
}

    .mastheadv2 .masthead__image img {
        max-height: 300px;
        width: 100%;
        max-width: 100%;
    }

.mastheadv2 .masthead__heading {
    text-align: left;
    font-family: "Helvetica Neue LT W01_75 Bold";
    letter-spacing: -1px;
    font-size: 44px;
    margin: 10px 0;
    max-width: 580px;
    display: block;
}

@media screen and (min-width: 47.5em) {
    .mastheadv2 .masthead__heading {
        margin: 30px auto;
        font-size: 3.5rem;
    }
}

@media screen and (min-width: 63.75em) {
    .mastheadv2 .masthead__heading {
        font-size: 4.625rem;
    }
}

.mastheadv2 .masthead__main .masthead__body {
    width: 100%;
    margin-top: 0px;
}

.mastheadv2 .masthead__main .masthead__links {
    display: block;
    list-style: none;
    font-size: 0;
    max-width: 580px;
    text-align: left;
    margin: auto;
}

@media screen and (min-width: 47.5em) {
    .mastheadv2 .masthead__main .masthead__body .masthead__links {
        text-align: left;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 80em) {
    .mastheadv2 .masthead__main .masthead__body .masthead__links {
        max-width: none;
        padding-left: 27.5%;
    }
}

.mastheadv2 .masthead__main .masthead__links li {
    padding: 10px 0;
    width: 50%;
    text-align: center;
    margin-right: 0;
}

@media screen and (min-width: 47.5em) {
    .mastheadv2 .masthead__main .masthead__links li {
        width: auto;
        padding: 15px 0;
        margin: 0 20px 0 0;
    }
}

@media screen and (min-width: 63.75em) {
    .mastheadv2 .masthead__main .masthead__links li {
        margin-bottom: 9px;
        margin: 0 50px 0 0;
    }
}


.mastheadv2 .masthead__main .masthead__links li a {
    font-size: 1rem;
    font-family: "Neue Helvetica W01_79 C1289709";
    letter-spacing: 1px;
}

.no-touch .mastheadv2 .masthead__links li a:hover {
    color: #FC2561;
}

.mastheadv2 .masthead__main .masthead__body .masthead__copy {
    max-width: 580px;
    margin: 0 auto;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .mastheadv2 .masthead__main .masthead__body .masthead__copy {
        padding-right: 0;
    }
}

@media screen and (min-width: 47.5em) {
    .mastheadv2 .masthead__main .masthead__body .masthead__copy {
        text-align: left;
        width: inherit;
    }
}

.masthead .gigi-wrapper {
    min-width: 20rem;
    max-width: 20rem;
    margin: 20px auto;
    /*text-align: center;*/
    position: relative;
    margin: 0 auto;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .transport .masthead .gigi-wrapper:first-child {
        margin-top: -60px;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .transport .masthead .gigi-wrapper:first-child {
        margin-top: -80px;
    }
}

@media screen and (min-width: 80em) and (max-width: 9999em) {
    .transport .masthead .gigi-wrapper:first-child {
        margin-top: -80px;
    }
}

@media screen and (min-width: 47.5em) {
    .masthead .gigi-wrapper {
        max-width: none;
    }
}

@media screen and (min-width: 63.75em) {
    .masthead .gigi-wrapper {
        max-width: none;
    }
}

@media screen and (min-width: 80em) {
    .masthead .gigi-wrapper {
        max-width: 80rem;
    }
}

.masthead .gigi-wrapper .masthead__secondary-image {
    display: none;
}

@media screen and (min-width: 47.5em) {
    .masthead .gigi-wrapper .masthead__secondary-image {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        max-width: 260px;
    }
}

@media screen and (min-width: 63.75em) {
    .masthead .gigi-wrapper .masthead__secondary-image {
        max-width: 358px;
        left: -20px;
    }
}

@media screen and (min-width: 47.5em) {
    .masthead .gigi-wrapper .masthead__secondary-image + .masthead__main {
        top: 110px;
        padding-left: 100px;
        margin-bottom: 100px;
    }
}

@media screen and (min-width: 63.75em) {
    .masthead .gigi-wrapper .masthead__secondary-image + .masthead__main {
        top: 130px;
    }
}

@media screen and (min-width: 80em) {
    .masthead .gigi-wrapper .masthead__secondary-image + .masthead__main {
        padding-left: 167px;
    }
}

@media screen and (min-width: 80em) {
    .masthead .gigi-wrapper .masthead__main .masthead__body {
        width: 660px;
    }
}

.masthead .gigi-wrapper .masthead__primary-container:before {
    display: none;
}

.small-feed {
    height: 110px;
    width: 100%;
    position: relative;
    margin-top: 0px;
    overflow: hidden;
}

    .small-feed.breadcrumbs-toggle {
        margin: 0 auto;
    }

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .small-feed.breadcrumbs-toggle {
        margin: 0 auto 40px;
    }
}

.small-feed__scroller {
    height: 110px;
    position: relative;
    width: 100%;
    overflow-x: scroll;
    background: #000000;
    margin-top: 0px;
    letter-spacing: 0.1rem;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

    .small-feed__scroller::-webkit-scrollbar {
        display: none;
    }

.small-feed__gradients {
    pointer-events: none;
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    top: 0;
    left: 0;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .small-feed:before, .small-feed:after {
        content: '';
        position: absolute;
        top: 0;
        height: 110px;
        width: 90px;
        z-index: 2;
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translate3d(0);
        transform: translate3d(0);
        display: none;
    }

    .small-feed:before {
        left: 0;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        /* FF3.6+ */
        /* Chrome,Safari4+ */
        /* Chrome10+,Safari5.1+ */
        /* Opera 11.10+ */
        /* IE10+ */
        background: linear-gradient(to right, black 0%, transparent 50%);
        /* W3C */
    }

    .small-feed:after {
        right: 0;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
        /* FF3.6+ */
        /* Chrome,Safari4+ */
        /* Chrome10+,Safari5.1+ */
        /* Opera 11.10+ */
        /* IE10+ */
        background: linear-gradient(to right, transparent 50%, black 100%);
        /* W3C */
    }
}

.small-feed__container {
    width: 1280px;
    padding: 0px 25px;
    height: 100%;
    position: relative;
    overflow: visible;
    background: #000;
    margin: 0 auto;
}

@media screen and (min-width: 63.75em) {
    .small-feed__container {
        width: 1020px;
        padding: 0;
    }
}

@media screen and (min-width: 80em) {
    .small-feed__container {
        width: 1280px;
        padding: 0 25px;
    }
}

.small-feed__item {
    height: 100%;
    width: 307px;
    float: left;
    position: relative;
    background: #000000;
    padding: 20px;
}

@media screen and (min-width: 63.75em) {
    .small-feed__item {
        width: 255px;
        padding-right: 0px;
    }
}

@media screen and (min-width: 80em) {
    .small-feed__item {
        width: 307px;
    }
}

.small-feed__item--video .small-feed__image:before {
    content: "";
    width: 35px;
    height: 20px;
    background: #FC2561;
    position: absolute;
    bottom: 0px;
    right: 0px;
    color: #FFFFFF;
    text-align: center;
    line-height: 20px;
    font-size: 0.625rem;
}

.small-feed__item:last-child .small-feed__content:after {
    display: none;
}

.no-touch .small-feed__item:hover .small-feed__title, .no-touch .small-feed__item:hover .small-feed__description, .small-feed__item:active .small-feed__title, .small-feed__item:active .small-feed__description {
    color: #FFFFFF;
}

.small-feed__image {
    width: 120px;
    position: relative;
    line-height: 0;
    margin-right: 20px;
    float: left;
}

@media screen and (min-width: 63.75em) {
	.small-feed__image {
		margin-right: 10px;
	}
}

@media screen and (min-width: 80em) {
	.small-feed__image {
		margin-right: 20px;
    }
}

    .small-feed__image img {
        width: 100%;
    }

.small-feed__content {
    width: 125px;
    height: 100%;
    float: left;
    padding-top: 12px;
    position: relative;
    line-height: 1rem;
}

@media screen and (min-width: 63.75em) {
    .small-feed__content {
        width: 95px;
        padding-top: 7px;
    }

        .small-feed__content:after {
            display: none;
        }
}

@media screen and (min-width: 80em) {
    .small-feed__content {
        width: 125px;
        padding-top: 12px;
    }
}

.small-feed__content:before {
    content: '';
    width: 20px;
    height: 2px;
    background: #FFF;
    position: absolute;
    top: 0;
    left: 0;
}

.small-feed__content:after {
    content: '';
    height: 100%;
    border-left: 1px solid rgba(153, 153, 153, 0.5);
    position: absolute;
    top: 0;
    right: -21px;
}

.small-feed__title {
    color: #FFF;
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 0.875rem;
    letter-spacing: -0.35px;
    margin: 0;
}

@media screen and (min-width: 63.75em) {
    .small-feed__title {
        font-size: 0.75rem;
    }
}

@media screen and (min-width: 80em) {
    .small-feed__title {
        font-size: 0.875rem;
    }
}

.small-feed__description {
    color: #FFF;
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 0.75rem;
    line-height: 0.75rem;
    letter-spacing: 0.5px;
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: 500;
}

@media screen and (min-width: 47.5em) {
    .small-feed__description {
        line-height: 0.75rem;
    }
}

@media screen and (min-width: 63.75em) {
    .small-feed__description {
        font-size: 0.7rem;
    }
}

@media screen and (min-width: 80em) {
    .small-feed__description {
        font-size: 0.75rem;
    }
}

.featured-product-collage {
    width: 320px;
    position: relative;
    padding-bottom: 20px;
}

@media screen and (min-width: 47.5em) {
    .featured-product-collage {
        width: 760px;
        padding: 0;
    }
}

@media screen and (min-width: 63.75em) {
    .featured-product-collage {
        width: 1020px;
        padding: 0;
    }
}

@media screen and (min-width: 80em) {
    .featured-product-collage {
        width: 1280px;
        padding: 0;
    }
}

.featured-product-collage__header {
    text-transform: uppercase;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    z-index: 3;
}

@media screen and (min-width: 47.5em) {
    .featured-product-collage__header {
        padding-left: 40px;
        padding-right: 0;
    }
}

@media screen and (min-width: 63.75em) {
    .featured-product-collage__header {
        margin-top: 30px;
        margin-left: 120px;
        float: left;
    }
}

@media screen and (min-width: 80em) {
    .featured-product-collage__header {
        margin-top: 50px;
        margin-left: 130px;
    }
}

.featured-product-collage__header .featured-product-collage__eyebrow {
    font-size: 0.75rem;
    line-height: 1rem;
    top: 5px;
    z-index: 6;
}

.featured-product-collage__header .featured-product-collage__heading {
    font-size: 1.5rem;
    line-height: 1.5rem;
    letter-spacing: -0.5px;
    padding-left: 0;
    margin: 0;
}

    .featured-product-collage__header .featured-product-collage__heading span {
        display: table;
    }

    .featured-product-collage__header .featured-product-collage__heading span center {
        text-align: left;
    }

    .featured-product-collage__header .featured-product-collage__heading:before {
        display: none;
    }

@media screen and (min-width: 47.5em) {
    .featured-product-collage__header .featured-product-collage__heading {
        width: 440px;
        font-size: 2.125rem;
        line-height: 2rem;
        letter-spacing: -1px;
        margin-bottom: 30px;
    }

        .featured-product-collage__header .featured-product-collage__heading:before {
            display: block;
            font-size: 15.625rem;
            left: 24%;
        }
}

.featured-product-collage__hero {
    width: 100%;
    margin-bottom: 18px;
    z-index: 4;
    position: relative;
}

@media screen and (min-width: 47.5em) {
    .featured-product-collage__hero {
        width: 440px;
        margin-left: 40px;
        float: left;
    }
}

@media screen and (min-width: 63.75em) {
    .featured-product-collage__hero {
        margin-left: 0;
        width: 420px;
    }
}

@media screen and (min-width: 80em) {
    .featured-product-collage__hero {
        width: 440px;
    }
}

.featured-product-collage__content {
    width: 160px;
    margin-left: 20px;
    float: left;
    position: relative;
}

@media screen and (min-width: 47.5em) {
    .featured-product-collage__content {
        width: 200px;
        margin-left: 40px;
    }
}

@media screen and (min-width: 63.75em) {
    .featured-product-collage__content {
        width: 260px;
    }
}

@media screen and (min-width: 80em) {
    .featured-product-collage__content {
        width: 330px;
        padding-right: 20px;
    }
}

.featured-product-collage__content .featured-product-collage__title {
    margin-top: 12px;
    margin-bottom: 8px;
    font-size: 1.5rem;
    font-family: "Helvetica Neue LT W01_75 Bold";
    line-height: 1.5rem;
    letter-spacing: -0.5px;
    color: #000;
    font-weight: 600;
}

@media screen and (min-width: 47.5em) {
    .featured-product-collage__content .featured-product-collage__title {
        font-size: 1.125rem;
        padding-right: 20px;
    }
}

@media screen and (min-width: 63.75em) {
    .featured-product-collage__content .featured-product-collage__title {
        margin-bottom: 12px;
        font-size: 1.125rem;
    }
}

.featured-product-collage__content .featured-product-collage__description {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #000000;
    letter-spacing: 0;
}

@media screen and (min-width: 47.5em) {
    .featured-product-collage__content .featured-product-collage__description {
        color: #666666;
    }
}

@media screen and (min-width: 63.75em) {
    .featured-product-collage__content .featured-product-collage__description {
        line-height: 1.5rem;
        letter-spacing: 0.12rem;
    }
}

.featured-product-collage__content .featured-product-collage__cta {
    margin-top: 20px;
    width: 110%;
    font-weight: 500;
}

@media screen and (min-width: 47.5em) {
    .featured-product-collage__content .featured-product-collage__cta {
        width: auto;
    }
}

.featured-product-collage__product {
    z-index: 1;
    width: 100px;
    margin-left: 20px;
    float: left;
    position: relative;
}

@media screen and (min-width: 47.5em) {
    .featured-product-collage__product {
        margin-top: 35px;
        margin-left: -35px;
        width: 260px;
    }
}

@media screen and (min-width: 63.75em) {
    .featured-product-collage__product {
        margin-top: 25px;
        margin-left: -40px;
        width: 300px;
    }
}

.featured-product-collage__product img {
    width: 100%;
}
/* Hide Graphic Element
.featured-product-collage__product:after {
  content: '';
  width: 50%;
  height: 50%;
  border-right: 5px solid #FC2561;
  border-bottom: 5px solid #FC2561;
  z-index: -1;
  position: absolute;
  bottom: -1px;
  right: -5px; }

@media screen and (min-width: 47.5em) {
  .featured-product-collage__product:after {
    border-right: 10px solid #FC2561;
    border-bottom: 10px solid #FC2561;
    bottom: -7px;
    right: -11px; } }*/

.featured-product-collage__secondary {
    width: 200px;
    margin-left: 80px;
    margin-top: 260px;
    display: none;
    float: left;
    z-index: 2;
    position: relative;
}

    .featured-product-collage__secondary img {
        width: 100%;
    }

@media screen and (min-width: 63.75em) {
    .featured-product-collage__secondary {
        display: block;
    }
}

@media screen and (min-width: 80em) {
    .featured-product-collage__secondary {
        margin-left: 185px;
        margin-top: 310px;
    }
}

.featured-product-collage__texture {
    position: absolute;
    width: 500px;
    top: 0;
    left: 0;
    z-index: 1;
    display: none;
}

@media screen and (min-width: 63.75em) {
    .featured-product-collage__texture {
        display: block;
    }
}

@media screen and (min-width: 80em) {
    .featured-product-collage__texture {
        width: 600px;
        left: 50px;
    }
}

.product-guide {
    width: 320px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 40px;
    position: relative;
    letter-spacing: 0.1rem;
}

@media screen and (min-width: 47.5em) {
    .product-guide {
        padding-left: 40px;
        padding-right: 40px;
        width: 760px;
    }
}

@media screen and (min-width: 63.75em) {
    .product-guide {
        padding-left: 50px;
        padding-right: 30px;
        width: 1020px;
    }
}

@media screen and (min-width: 80em) {
    .product-guide {
        padding-left: 110px;
        padding-right: 30px;
        width: 1280px;
    }
}

.product-guide .slick-active .product-guide__product {
    float: none;
    margin: auto;
}

    .product-guide .slick-active .product-guide__product img {
        margin: auto;
    }

.product-guide__texture {
    z-index: 1;
    position: absolute;
    top: 0;
    left: -150px;
    display: none;
    width: 576px;
}

@media screen and (min-width: 63.75em) {
    .product-guide__texture {
        display: block;
    }
}

@media screen and (min-width: 80em) {
    .product-guide__texture {
        left: -100px;
        width: 585px;
    }
}

.product-guide__header {
    position: relative;
    z-index: 1;
}

@media screen and (min-width: 47.5em) {
    .product-guide__header {
        /*margin-left: 40px;*/
    }
}

@media screen and (min-width: 63.75em) {
    .product-guide__header {
        float: left;
        margin-top: 100px;
        /*margin-left: 402px;*/
    }
}

@media screen and (min-width: 80em) {
    .product-guide__header {
        /*margin-left: 438px;*/
    }
}

.product-guide__header .product-guide__eyebrow {
    font-size: 0.75rem;
    line-height: 1rem;
    top: 4px;
    z-index: 5;
}

.product-guide__header .product-guide__heading {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.0625rem;
    padding-left: 0;
    margin: 0;
    margin-bottom: 30px;
    padding-right: 40px;
    font-family: "Neue Helvetica W01_79 C1289709";
}

    .product-guide__header .product-guide__heading:before {
        left: 120px;
        font-size: 12.5rem;
    }

@media screen and (min-width: 47.5em) {
    .product-guide__header .product-guide__heading {        
        font-size: 2.125rem;
        line-height: 2rem;
        letter-spacing: -0.0625rem;
        font-family: "Helvetica Neue LT W01_75 Bold";
    }

        .product-guide__header .product-guide__heading:before {
            left: 80px;
        }
}

@media screen and (min-width: 63.75em) {
    .product-guide__header .product-guide__heading {
        font-family: "Helvetica Neue LT W01_75 Bold";
        font-size: 2.125rem;
        line-height: 2rem;
        letter-spacing: -1px;
    }

        .product-guide__header .product-guide__heading:before {
            left: 110px;
        }
}

.product-guide__hero {
    width: 382px;
    height: 509px;
    margin-right: 20px;
    display: none;
    float: left;
    clear: both;
    position: relative;
    overflow: visible;
    z-index: 3;
}

    .product-guide__hero picture {
        opacity: 0;
    }

        .product-guide__hero picture:nth-child(1) {
            opacity: 1;
        }

@media screen and (min-width: 63.75em) {
    .product-guide__hero {
        display: block;
    }
}

@media screen and (min-width: 80em) {
    .product-guide__hero {
        width: 418px;
        height: 557px;
    }
}
/* hiding Graphic Element
.product-guide__hero:after {
  content: '';
  width: 90%;
  height: 60%;
  border-left: 20px solid #FC2561;
  border-bottom: 20px solid #FC2561;
  z-index: -1;
  position: absolute;
  bottom: -20px;
  left: -20px; }*/

.product-guide__hero img {
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.5s ease-in-out 0.5s, opacity 0.5s ease-in-out;
    transition-delay: 0s;
    position: absolute;
}

    .product-guide__hero img.active {
        visibility: visible;
        opacity: 1;
    }

@media screen and (min-width: 63.75em) {
    .product-guide__content {
        width: 538px;
        float: left;
    }
}

@media screen and (min-width: 80em) {
    .product-guide__content {
        width: 700px;
    }
}

.product-guide__nav-container {
    background: #FFFFFF;
    border-top: 1px solid #CCCCCC;
    position: relative;
    width: 100%;
    margin-bottom: 25px;
}

    .product-guide__nav-container:after {
        content: '';
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.6);
        position: absolute;
        left: 0;
        top: 134px;
    }

@media screen and (min-width: 47.5em) {
    .product-guide__nav-container:after {
        top: 182px;
    }
}

@media screen and (min-width: 63.75em) {
    .product-guide__nav-container:after {
        top: 131px;
    }

    .product-guide.three .product-guide__nav-container:after {
        top: 144px;
    }
}

@media screen and (min-width: 80em) {
    .product-guide__nav-container:after {
        top: 199px;
    }

    .product-guide.three .product-guide__nav-container:after {
        top: 191px;
    }
}

.product-guide__nav {
    white-space: nowrap;
    text-align: center;
    overflow: auto;
    padding-bottom: 9px;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

    .product-guide__nav::-webkit-scrollbar {
        display: none;
    }

    .product-guide.five .product-guide__nav-item {
        min-width: 44%;
        word-break: initial;
    }

    @media screen and (min-width: 47.5em) {
        .product-guide.five .product-guide__nav-item {
            min-width: 18%;
        }
    }

    @media screen and (min-width: 63.75em) {
        .product-guide.five .product-guide__nav-item {
            min-width: 23%;
        }
    }

    @media screen and (min-width: 80em) {
        .product-guide.five .product-guide__nav-item {
            min-width: 18%;
        }
    }

    @media screen and (min-width: 47.5em) {
        .product-guide.four .product-guide__nav-item {
            min-width: 20%;
        }
    }

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .product-guide.six .product-guide__nav {
        letter-spacing: 0;
    }
}

@media screen and (min-width: 80em) {
    .product-guide.six .product-guide__nav {
        letter-spacing: 0;
    }
}

.product-guide__nav:after {
    content: "";
    width: 100%;
    height: 10px;
    position: absolute;
    top: 93px;
    z-index: 0;
    background: radial-gradient(farthest-side at 50% 0%, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

@media screen and (min-width: 47.5em) {
    .product-guide__nav:after {
        height: 12px;
        top: 133px;
    }
}

@media screen and (min-width: 63.75em) {
    .product-guide__nav:after {
        top: 84px;
    }

    .product-guide.three .product-guide__nav:after {
        top: 96px;
    }
}

@media screen and (min-width: 80em) {
    .product-guide__nav:after {
        top: 141px;
    }

    .product-guide.three .product-guide__nav:after {
        top: 133px;
    }
}

.product-guide__nav-item {
    display: inline-block;
    line-height: 0.75rem;
    letter-spacing: 0.0625rem;
    font-weight: 400;
    text-align: center;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    font-family: "Neue Helvetica W01_79 C1289709";
}

.product-guide.three .product-guide__nav-item {
    margin-right: 0;
    float: left;
}

@media screen and (min-width: 47.5em) {
    .product-guide__nav-item {
        margin-right: 0px;
    }
}

@media screen and (min-width: 63.75em) {
    .product-guide__nav-item {
        margin-right: 8px;
    }
}

@media screen and (min-width: 80em) {
    .product-guide__nav-item {
        margin-right: 0px;
    }
}

.product-guide__nav-item:last-child {
    margin-right: 0;
}

.product-guide__nav-item img {
    height: 80px;
    margin-top: 10px;
}

@media screen and (min-width: 47.5em) {
    .product-guide__nav-item img {
        height: 110px;
        margin-top: 18px;
    }

    .product-guide.three .product-guide__nav-item img {
        padding: 0px 46px;
        height: 115px;
        margin-top: 13px;
    }
}

@media screen and (min-width: 63.75em) {
    .product-guide__nav-item img {
        height: 78px;
        margin-top: 6px;
    }

    .product-guide.three .product-guide__nav-item img {
        padding: 0px 37px;
        height: 90px;
        margin-top: 6px;
    }
}

@media screen and (min-width: 80em) {
    .product-guide__nav-item img {
        height: 113px;
        margin-top: 28px;
    }

    .product-guide.three .product-guide__nav-item img {
        padding: 0px 50px;
        height: 113px;
        margin-top: 20px;
    }
}

.product-guide__nav-item > div {
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-size: 0.49rem;
    white-space: normal;
    position: relative;
}

.product-guide__nav-item > div > span {
    position: absolute;
    top: 54%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 14px;
    width: 100%;
    max-height: 30px;
    overflow: hidden;
    opacity: .4;
    font-weight: 500;
}
@media screen and (min-width: 47.5em) {
    .product-guide__nav-item > div > span {
        opacity: 1;
    }
}
.product-guide__nav-item.active > div > span {
    opacity: 1;
}

.product-guide.six .product-guide__nav-item .product-guide__productname, .product-guide.five .product-guide__nav-item .product-guide__productname {
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 1rem;
    letter-spacing: 1px;
    line-height: 1;
    word-break: break-word;
}

@media screen and (min-width: 47.5em) {
    .product-guide.six .product-guide__nav-item .product-guide__productname {
        line-height: 1;
    }
}

@media screen and (min-width: 63.75em) {
    .product-guide.six .product-guide__nav-item .product-guide__productname {
        line-height: 1;
    }
}

@media screen and (min-width: 80em) {
    .product-guide.six .product-guide__nav-item .product-guide__productname {
        font-size: 1rem;
        line-height: 1;
        word-break: break-word;
    }
}

.product-guide.six .product-guide__nav-item {
    min-width: 35%;
}

@media screen and (min-width: 47.5em) {
    .product-guide.six .product-guide__nav-item {
        min-width: auto;
    }
}

@media screen and (min-width: 63.75em) {
    .product-guide.six .product-guide__nav-item {
        min-width: 17%;
    }
}

@media screen and (min-width: 80em) {
    .product-guide.six .product-guide__nav-item {
        min-width: auto;
    }
}

.sitecore-editor .product-guide__nav-item > div > span {
    width: 65%;
    cursor: text;
    padding: 5px;
    border: 1px solid #FC2561;
}

.product-guide.three .product-guide__nav-item > div {
    line-height: 47px;
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 1rem;
    letter-spacing: 1px;
}

@media screen and (min-width: 47.5em) {
    .product-guide__nav-item > div {
        height: 55px;
        line-height: 60px;
        font-size: 1rem;
    }

    .product-guide.three .product-guide__nav-item > div {
        font-size: 1rem;
        line-height: 61px;
    }
}

@media screen and (min-width: 63.75em) {
    .product-guide__nav-item > div {
        height: 48px;
        line-height: 48px;
        font-size: 1rem;
    }

    .sitecore-editor .product-guide__nav-item > div:hover {
        background: #CCCCCC;
    }

    .product-guide.three .product-guide__nav-item > div {
        font-size: 1rem;
        line-height: 50px;
    }
}

@media screen and (min-width: 80em) {
    .product-guide__nav-item > div {
        height: 60px;
        line-height: 60px;
        font-size: 1rem;
    }

    .product-guide.three .product-guide__nav-item > div {
        line-height: 60px;
    }
}

.product-guide__nav-item.active, .no-touch .product-guide__nav-item:hover {
    color: #000000;
}

    .product-guide__nav-item.active:before, .no-touch .product-guide__nav-item:hover:before {
        content: '';
        width: 100%;
        height: 3px;
        background: #000;
        position: absolute;
        top: 90px;
        left: 0;
    }

@media screen and (min-width: 47.5em) {
    .product-guide__nav-item.active:before, .no-touch .product-guide__nav-item:hover:before {
        height: 5px;
        top: 128px;
    }
}

@media screen and (min-width: 63.75em) {
    .product-guide__nav-item.active:before, .no-touch .product-guide__nav-item:hover:before {
        height: 4px;
        top: 80px;
    }

    .product-guide.three .product-guide__nav-item.active:before, .product-guide.three .no-touch .product-guide__nav-item:hover:before {
        top: 92px;
    }
}

@media screen and (min-width: 80em) {
    .product-guide__nav-item.active:before, .no-touch .product-guide__nav-item:hover:before {
        height: 5px;
        top: 136px;
    }

    .product-guide.three .product-guide__nav-item.active:before, .product-guide.three .no-touch .product-guide__nav-item:hover:before {
        top: 128px;
    }
}

@media screen and (min-width: 63.75em) {
    .no-touch .product-guide.three .product-guide__nav-item:hover:before {
        top: 92px;
    }
}

@media screen and (min-width: 80em) {
    .no-touch .product-guide.three .product-guide__nav-item:hover:before {
        top: 128px;
    }
}

.product-guide__nav-item.active:after {
    content: '';
    width: 0px;
    height: 0px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #000000;
    font-size: 0px;
    line-height: 0px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
}

@media screen and (min-width: 63.75em) {
    .product-guide__nav-item.active:after {
        bottom: 0px;
    }
}

@media screen and (min-width: 80em) and (max-width: 9999em) {
    .product-guide__nav-item.active:after {
        -webkit-transform: translate(-50%, 90%);
        -ms-transform: translate(-50%, 90%);
        transform: translate(-50%, 90%);
    }
}

.product-guide__info-container {
    clear: both;
    width: 100%;
    position: relative;
    min-height: 310px;
}

@media screen and (min-width: 47.5em) {
    .product-guide__info-container {
        min-height: 420px;
    }
}

.product-guide__info {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.5s ease-in-out 0.5s, opacity 0.5s ease-in-out;
    transition-delay: 0s;
    position: absolute;
    background: white;
}

@media screen and (min-width: 47.5em) {
    .product-guide__info {
        padding-left: 40px;
    }
}

@media screen and (min-width: 63.75em) {
    .product-guide__info {
        padding-left: 35px;
    }
}

@media screen and (min-width: 80em) {
    .product-guide__info {
        padding-left: 58px;
    }
}

@media screen and (max-width: 47.5em) {
    .product-guide__info {
        position: absolute;
    }
}

.product-guide__info.active {
    visibility: visible;
    opacity: 1;
}

@media screen and (max-width: 47.5em) {
    .product-guide__info.active {
        position: initial;
    }
}

.product-guide__info > div {
    position: relative;
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #000000;
    letter-spacing: 0.5px;
    font-weight: 500;
}
/*
@media screen and (min-width: 47.5em) {
    .product-guide__info > div {
        font-size: 0.875rem;
    }
}
*/

.product-guide__info > p {
    margin-top: 10px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0;
    padding-right: 60px;
    color: #000;
}

@media screen and (min-width: 47.5em) {
    .product-guide__info > p {
        font-size: 0.875rem;
        line-height: 1.25rem;
        padding-right: 180px;
    }
}

@media screen and (min-width: 63.75em) {
    .product-guide__info > p {
        padding-right: 50px;
    }
}

@media screen and (min-width: 80em) {
    .product-guide__info > p {
        padding-right: 190px;
    }
}


.product-guide__products {
    margin-top: 20px;
}

.product-guide__product {
    width: 140px;
    position: relative;
    display: block;
    float: left;
    text-align: center;
}

    .product-guide__product:nth-child(3) {
        display: none;
    }

@media screen and (min-width: 47.5em) {
    .product-guide__product:nth-child(3) {
        display: block;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .product-guide__product:nth-child(3) {
        display: none;
    }
}
.product-guide__info {
    width: 279px;
}
.product-guide__product img {
    width: 100px;
}
@media screen and (min-width: 47.5em) {
    .product-guide__product {
        width: 180px;
		overflow: hidden;
    }
    .product-guide__info {
        width: 620px;
   }
	.product-guide__product img {
		width: 160px;
	}
}
@media screen and (min-width:63.75em) {    
	.product-guide__info {
		width:540px;
	}
    .product-guide__product {
        width: 150px;
    }
	.product-guide__product img {
		width: 140px;
	}
}

@media screen and (min-width:80em) {
	.product-guide__info {
		 width: 680px;
		 padding-left: 40px;
	}
    .product-guide__product {
        width: 200px;
    }
}

.product-guide__product:after {
    width: 100%;
    height: 16px;
    top: 97%;
}

.content-kit {
    width: 100%;
    max-width: 100rem;
    margin-top: 120px;
}

@media screen and (min-width: 63.75em) {
    .content-kit {
        margin-top: 180px;
    }
}

.content-kit__container {
    background-color: #FFF;
}

.content-kit__heading-wrapper {
    position: relative;
}

.content-kit__brow {
    position: absolute;
    top: -1.6875rem;
    left: 0;
}

@media screen and (min-width: 47.5em) {
    .content-kit__brow {
        top: -3.4375rem;
    }
}

@media screen and (min-width: 80em) {
    .content-kit__brow {
        top: -4.375rem;
    }
}

.content-kit__brow:before {
    top: 49%;
}

.content-kit__heading {
    margin-bottom: 0;
    font-weight: 100;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 1.5rem;
    line-height: 1.5rem;
    letter-spacing: -1px;
    -webkit-transform: translateY(-21px);
    -ms-transform: translateY(-21px);
    transform: translateY(-21px);
    margin-left: 20px;
}

@media screen and (min-width: 47.5em) {
    .content-kit__heading {
        margin-left: auto;
        margin-right: auto;
        width: 680px;
        font-size: 3.5rem;
        line-height: 50px;
        -webkit-transform: translateY(-70px);
        -ms-transform: translateY(-70px);
        transform: translateY(-70px);
    }
}

@media screen and (min-width: 80em) {
    .content-kit__heading {
        width: 964px;
        font-size: 4.625rem;
        line-height: 70px;
        -webkit-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
        transform: translateY(-90px);
    }
}

.content-kit__blocks {
    margin: 9px 20px 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    white-space: pre-line;
    padding-bottom: 40px;
}

@media screen and (min-width: 47.5em) {
    .content-kit__blocks {
        margin: -34px 0 0;
        padding: 0 40px 60px;
    }
}

@media screen and (min-width: 63.75em) {
    .content-kit__blocks {
        margin: -34px 172px 0;
        padding-bottom: 20px;
    }
}

@media screen and (min-width: 80em) {
    .content-kit__blocks {
        margin: -48px auto 0;
        max-width: 1080px;
    }
}

.content-kit__block {
    width: 50%;
    text-align: center;
    display: inline-block;
    float: left;
    position: relative;
    line-height: normal;
    white-space: normal;
    vertical-align: bottom;
    /*margin-bottom: 120px;*/
}

@media screen and (min-width: 80em) {
    .content-kit__block {
        width: 33.333333%;
    }

        .content-kit__block:nth-of-type(3n+2) {
            width: 280px;
        }
}

.content-kit__block-image {
    position: absolute;
    left: 50%;
    bottom: 0;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100% - 20px);
    max-width: 208px;
    transition: opacity 0.2s ease-in;
}

@media screen and (min-width: 47.5em) {
    .content-kit__block-image {
        max-width: 315px;
    }
}

@media screen and (min-width: 80em) {
    .content-kit__block-image {
        max-width: 280px;
    }
}

.content-kit__block:hover .content-kit__block-image {
    opacity: .3;
}

.content-kit__block:hover a {
    color: #FC2561;
}

.content-kit__shelf {
    position: relative;
    display: block;
    /*box-shadow: 0 116px 70px -110px rgba(0, 0, 0, 0.75);*/
    height: 278px;
}

@media screen and (min-width: 47.5em) {
    .content-kit__shelf {
        /*box-shadow: 0 77px 56px -59px rgba(0, 0, 0, 0.55);*/
        height: 410px;
    }
}

@media screen and (min-width: 80em) {
    .content-kit__shelf {
        height: 370px;
    }
}

.content-kit__shelf:after {
    top: 100%;
    display: block;
    position: absolute;
    content: " ";
    background-color: #000000;
    height: 1.25rem;
    width: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

@media screen and (min-width: 47.5em) {
    .content-kit__shelf:after {
        left: 0;
        width: 100%;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.content-kit__body {
    width: 100%;
    height: 165px;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

@media screen and (min-width: 47.5em) {
    .content-kit__body {
        height: 191px;
    }
}

.content-kit a {
    color: #000000;
    text-decoration: none;
    transition: color 0.2s ease-in;
}

    .content-kit a:hover {
        color: #FC2561;
    }

.content-kit__subheader {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: 1.75px;
    font-family: "Neue Helvetica W01_79 C1289709";
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 100%;
    padding: 17px 20px 16px;
}

@media screen and (min-width: 47.5em) {
    .content-kit__subheader {
        padding: 25px 20px 19px;
    }
}

.content-kit__subheader:after {
    content: '';
    border-bottom: 2px solid black;
    width: 20px;
    margin: 14px auto 0px;
    height: 6px;
    display: block;
}

.content-kit__copy {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 0.875rem;
    letter-spacing: 1.75px;
    line-height: 20px;
    width: 100%;
    padding: 0 20px 20px;
}

@media screen and (min-width: 47.5em) {
    .content-kit__copy {
        padding: 0 20px 20px;
    }
}

.content-kit__dots li:nth-child(n+5) {
    display: none;
}

.content-kit__prev, .content-kit__next {
    position: absolute;
    top: 115px;
    cursor: pointer;
    font-size: 45px;
    color: #999999;
    z-index: 1;
}

    .content-kit__prev.slick-disabled, .content-kit__next.slick-disabled {
        opacity: 0.2;
    }

.content-kit__prev {
    left: 0;
}

.content-kit__next {
    right: 0;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .product-content-grid {
        width: 20rem;
        padding: 0 1.25rem;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .product-content-grid--preview {
        width: auto;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .product-content-grid--preview {
        width: auto;
    }
}

@media screen and (min-width: 80em) and (max-width: 9999em) {
    .product-content-grid--preview {
        width: auto;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .product-content-grid--fullview {
        width: 42.5rem;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .product-content-grid--fullview {
        width: 57.5rem;
    }
}

@media screen and (min-width: 80em) and (max-width: 9999em) {
    .product-content-grid--fullview {
        width: 72.5rem;
    }
}

.product-content-grid__column {
    float: left;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .product-content-grid__column {
        width: 100%;
    }
}

.product-content-grid__heading {
    position: relative;
    font-size: 1.125rem;
    line-height: 2rem;
    font-weight: 100;
    padding-bottom: 0.375rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.5);
}

    .product-content-grid__heading h2 {
        font-size: 1.125rem;
        font-weight: 100;
    }

    .product-content-grid__heading span {
        font-weight: 500;
    }

@media screen and (min-width: 47.5em) {
    .product-content-grid__heading, .product-content-grid__heading h2 {
        font-size: 2.25rem !important;
        padding-bottom: 1rem;
        margin-block-start: 0em !important;
        margin-block-end: 0em !important;
        font-weight: 100 !important;
    }
}

.product-content-grid__filter ul.filter, .product-content-grid__filter ul.filter-dropdown {
    display: none;
}

@media screen and (min-width: 47.5em) {
    .product-content-grid__filter ul.filter, .product-content-grid__filter ul.filter-dropdown {
        display: block;
    }
}

.product-content-grid__filter ul.filter-dropdown {
    display: none;
}

@media screen and (min-width: 63.75em) {
    .product-content-grid__filter ul.filter-dropdown {
        display: block;
    }
}

.product-content-grid__filter .filter--mobile + .chosen-container {
    display: block;
}

@media screen and (min-width: 47.5em) {
    .product-content-grid__filter .filter--mobile + .chosen-container {
        display: none;
    }
}

.product-content-grid__filter .filter-dropdown--mobile + .chosen-container {
    display: block;
}

@media screen and (min-width: 63.75em) {
    .product-content-grid__filter .filter-dropdown--mobile + .chosen-container {
        display: none;
    }
}

.product-content-grid__filter .chosen-container a.chosen-single,
.product-content-grid__filter .filter-dropdown--mobile,
.product-content-grid__filter .filter--mobile {
    width: 100%;
    background-color: #FFF;
    border: 0.0625rem solid #FB2460;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .product-content-grid__filter .chosen-container a.chosen-single,
    .product-content-grid__filter .filter-dropdown--mobile,
    .product-content-grid__filter .filter--mobile {
        text-transform: uppercase;
        font-size: 1.125rem;
        color: #FB2460;
        font-family: "Neue Helvetica W01_79 C1289709";
        font-weight: 500;
    }

        .product-content-grid__filter .chosen-container a.chosen-single:hover,
        .product-content-grid__filter .filter-dropdown--mobile:hover,
        .product-content-grid__filter .filter--mobile:hover {
            color: #FC2561;
        }

    .filter-dropdown--mobile option.optgroup-1 {
        text-indent: 50px;
        font-weight: 500;
        font-family: "Neue Helvetica W01_79 C1289709";
    }
    
    .filter-dropdown--mobile option.optgroup-2 {
        text-indent: 50px;
        font-size: 12px;
        font-weight: 500;
        font-family: "Neue Helvetica W01_79 C1289709";
    }
}

@media screen and (min-width: 47.5em) {
    .product-content-grid__filter-column {
        margin-right: 1.25rem;
        width: 13.75rem;
    }
}

.product-content-grid--fullview.product-content-grid--product-only .product-content-grid__filter-column {
    padding-top: 1.25rem;
    border-top: 0.0625rem solid rgba(153, 153, 153, 0.5);
}

.product-content-grid__filter-column .chosen-drop {
    background-color: #FFFFFF;
    border: 0.0625rem solid rgba(153, 153, 153, 0.5);
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .product-content-grid__content-column {
        width: 17.5rem;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .product-content-grid__content-column {
        width: 27.5rem;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .product-content-grid__content-column {
        width: 42.5rem;
    }
}

@media screen and (min-width: 80em) and (max-width: 9999em) {
    .product-content-grid__content-column {
        width: 57.5rem;
    }
}

.product-content-grid--fullview.product-content-grid--product-only .product-content-grid__content-column {
    position: relative;
    padding-top: 1.625rem;
    margin-top: 1.25rem;
}

@media screen and (min-width: 47.5em) {
    .product-content-grid--fullview.product-content-grid--product-only .product-content-grid__content-column {
        margin-top: 0;
        border-top: 0.0625rem solid rgba(153, 153, 153, 0.5);
    }

        .product-content-grid--fullview.product-content-grid--product-only .product-content-grid__content-column:before {
            content: " ";
            position: absolute;
            top: -0.0625rem;
            left: -2.5rem;
            width: 2.5rem;
            border-top: 0.0625rem solid rgba(153, 153, 153, 0.5);
        }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .product-content-grid--fullview .product-content-grid__content-column {
        padding-top: 1.625rem;
        margin-top: 1.25rem;
    }
}

div:not(.profile-page__module-content) > .product-content-grid--preview .product-content-grid__content-column {
    margin: 0 auto;
    float: none;
    width: 280px;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    div:not(.profile-page__module-content) > .product-content-grid--preview .product-content-grid__content-column {
        width: 440px;
    }
}

@media screen and (min-width: 63.75em) {
    div:not(.profile-page__module-content) > .product-content-grid--preview .product-content-grid__content-column {
        width: 930px;
    }
}

.product-content-grid__content-heading {
    font-size: 0.8125rem;
    line-height: 1;
    font-weight: 300;
    text-transform: uppercase;
    padding-top: 0.625rem;
    padding-bottom: 1.5625rem;
    letter-spacing: 0.0625rem;
    margin-bottom: 1.5rem;
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.5);
    display: none;
}

@media screen and (min-width: 47.5em) {
    .product-content-grid__content-heading {
        display: block;
    }
}

.product-content-grid__content-heading--mobile {
    display: none;
    font-size: 0.5rem;
    line-height: 1;
    font-weight: 300;
    text-transform: uppercase;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .product-content-grid__content-heading--mobile {
        display: block;
        position: absolute;
        top: 0.3125rem;
        right: 0;
    }
}

.product-content-grid__grid-item {
    width: 7.5rem;
    margin-bottom: 0.625rem;
    transition: opacity .3s ease-in-out;
    opacity: 0;
}

    .product-content-grid__grid-item:nth-child(1), .product-content-grid__grid-item:nth-child(2), .product-content-grid__grid-item:nth-child(3), .product-content-grid__grid-item:nth-child(4),
    .product-content-grid--product-only .product-content-grid__grid-item {
        border-top: 0;
        padding-top: 0;
    }

.gridLoaded {
    height: auto !important;
}

.product-content-grid__grid-item.fade-in {
    opacity: 1;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* Fix for Search Results in IE 10 & 11 */
    .product-content-grid__grid-item {
        opacity: 1;
    }
}

.product-content-grid__grid-item:nth-child(2n+0) {
    margin-right: 0;
}

@media screen and (min-width: 47.5em) {
    .product-content-grid__grid-item {
        width: 12.5rem;
    }
}

.product-content-grid__grid-item .content-card {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .product-content-grid__grid-item .content-card__thumbnail {
        width: 7.5rem;
    }

    .product-content-grid__grid-item .content-card__name {
        font-size: 0.75rem;
    }

    .product-content-grid__grid-item .content-card__info {
        padding: 0.5rem 0;
    }

    .product-content-grid__grid-item .content-card__product-attachment img {
        max-height: 6.875rem;
    }

    .product-content-grid__grid-item .content-card__shade-name {
        line-height: 1.6;
        padding-bottom: 0.25rem;
    }

    .product-content-grid__grid-item .content-card .heading-eyebrow {
        font-size: 0.625rem;
    }

    .product-content-grid__grid-item .content-card .cta-favorite {
        margin-top: 0.5rem;
    }

    .product-content-grid__grid-item .content-card .button {
        font-size: 0.75rem;
        font-weight: 500;
        min-width: 100%;
    }
}

.product-content-grid--product-only .product-content-grid__grid-item .content-card {
    margin-top: 1.875rem;
}

.product-content-grid__load-more {
    text-align: center;
    padding: 1.5625rem 0 3.125rem;
}

.product-content-grid--preview .product-content-grid__load-more {
    padding-bottom: 2.5rem;
}

.product-content-grid__loadmore-button {
    width: 13.75rem;
}

.product-content-grid__nothing {
    text-align: center;
    letter-spacing: 0.1em;
    font-weight: 300;
}

.product-content-grid__nothing-status-message {
    position: relative;
    text-transform: uppercase;
    font-size: 1.875rem;
    line-height: 1.875rem;
    font-weight: 100;
    margin-top: 0;
    margin-bottom: 2rem;
}

@media screen and (min-width: 47.5em) {
    .product-content-grid__nothing-status-message {
        margin-bottom: 2.8125rem;
        line-height: 3.125rem;
        font-size: 2.5rem;
        margin-top: -9px;
    }
}

@media screen and (min-width: 63.75em) {
    .product-content-grid__nothing-status-message {
        font-size: 3.125rem;
        margin-bottom: 4.25rem;
    }
}

.product-content-grid__nothing-status-message:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: -1rem;
    content: " ";
    width: 2.5rem;
    height: 0.0625rem;
    background-color: #000000;
}

@media screen and (min-width: 47.5em) {
    .product-content-grid__nothing-status-message:after {
        bottom: -1.25rem;
    }
}

@media screen and (min-width: 63.75em) {
    .product-content-grid__nothing-status-message:after {
        bottom: -2.125rem;
    }
}

.no-products .product-content-grid__nothing-status-message {
    margin-bottom: 3.5rem;
}

@media screen and (min-width: 47.5em) {
    .no-products .product-content-grid__nothing-status-message {
        margin-bottom: 4.375rem;
    }
}

@media screen and (min-width: 63.75em) {
    .no-products .product-content-grid__nothing-status-message {
        margin-bottom: 5.875rem;
    }
}

.no-products .product-content-grid__nothing-status-message:after {
    bottom: -1.625rem;
}

@media screen and (min-width: 47.5em) {
    .no-products .product-content-grid__nothing-status-message:after {
        bottom: -1.875rem;
    }
}

@media screen and (min-width: 63.75em) {
    .no-products .product-content-grid__nothing-status-message:after {
        bottom: -2.75rem;
    }
}

.product-content-grid__nothing-description {
    padding: 0 1.25rem;
    font-size: 0.75rem;
    line-height: 1.25rem;
    margin-bottom: 0.9375rem;
}

@media screen and (min-width: 47.5em) {
    .product-content-grid__nothing-description {
        margin-bottom: 1.5625rem;
    }
}

@media screen and (min-width: 63.75em) {
    .product-content-grid__nothing-description {
        width: 37.5rem;
        margin: 0 auto;
        padding: 0;
        margin-bottom: 2.1875rem;
        font-size: 0.8125rem;
        line-height: 1.375rem;
    }
}

.product-content-grid__nothing-trends {
    min-width: 16.25rem;
}

.product-content-grid__nothing .cta-favorite {
    margin-bottom: 17px;
}

@media screen and (min-width: 47.5em) {
    .product-content-grid__nothing .cta-favorite {
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 63.75em) {
    .product-content-grid__nothing .cta-favorite {
        margin-bottom: 40px;
    }
}

.product-content-grid__nothing .cta-favorite:before {
    font-size: 1.375rem;
}

@media screen and (min-width: 47.5em) {
    .product-content-grid__nothing .cta-favorite:before {
        font-size: 2rem;
    }
}

.before-after {
    width: 100%;
    margin: 0 auto 50px;
    position: relative;
}

@media screen and (min-width: 47.5em) {
    .before-after {
        padding-top: 50px;
        padding-bottom: 40px;
    }
}

.before-after__background {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 1600px;
    margin: auto;
    z-index: -1;
}

.before-after__background-triangle {
    fill: #FFF;
}

.before-after__background svg {
    display: none;
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 47.5em) {
    .before-after__background svg {
        display: block;
    }
}

.before-after__content {
    margin: 0 auto;
    width: 320px;
}

@media screen and (min-width: 47.5em) {
    .before-after__content {
        width: 760px;
    }
}

@media screen and (min-width: 63.75em) {
    .before-after__content {
        width: 800px;
    }
}

.before-after__header {
    padding-top: 25px;
}

@media screen and (max-width: 63.75em) {
    .before-after__header {
        padding: 25px 0 0;
    }
}

@media screen and (max-width: 47.5em) {
    .before-after__header {
        padding: 25px 1rem 0;
        text-align: left;
        position: relative;
    }
    /*hidding background element 
        .before-after__header:before {
            content: '';
            position: absolute;
            top: 50px;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #FAFAFA;
            z-index: -1;
        }*/
}

.before-after__heading {
    text-align: left;
    margin-top: 0;
    margin-bottom: 15px;
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 2.125rem;
    line-height: 2rem;
    letter-spacing: -1px;
    text-transform: uppercase;
    text-align: center;
    display: inline;
}

    .before-after__heading span {
        position: relative;
        display: inline;
    }

    .before-after__heading .heading-eyebrow {
        line-height: normal;
        position: absolute;
        left: 0;
        top: -20px;
    }

@media screen and (min-width: 47.5em) {
    .before-after__heading .heading-eyebrow {
        top: -15px;
    }
}

@media screen and (min-width: 47.5em) {
    .before-after__heading {
        font-size: 3.5rem;
        line-height: 3.125rem;
        display: block;
        text-align: left;
    }
}
@media screen and (min-width: 63.75em) {
    .before-after__heading {
        font-size: 2.125rem;
        line-height: 2rem;
    }
}

.before-after__description {
    color: #000;
    letter-spacing: 0;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 20px 0 30px;
    font-weight: 100;
}

@media screen and (min-width: 47.5em) {
    .before-after__description {
        padding: 0 0 20px;
    }
}

.before-after__scrollContainer {
    text-align: center;
    position: relative;
}

    .before-after__scrollContainer:before {
        border-top: 1px solid rgba(153, 153, 153, 0.5);
        max-width: 100%;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

@media screen and (max-width: 63.75em) {
    .before-after__scrollContainer:before {
        margin: 0 2rem;
    }
}

@media screen and (max-width: 47.5em) {
    .before-after__scrollContainer:before {
        display: none;
        border-top: none;
    }
}

@media screen and (max-width: 47.5em) {
    .before-after__scrollContainer {
        height: 155px;
        overflow: hidden;
        background-color: #FAFAFA;
        border-top: none;
    }
}

.before-after__productsContainer {
    font-size: 0;
    max-width: 100%;
    padding-top: 30px;
    display: inline-block;
}

@media screen and (max-width: 63.75em) {
    .before-after__productsContainer {
        margin: 0 2rem;
    }
}

@media screen and (max-width: 47.5em) {
    .before-after__productsContainer {
        margin: 0 0;
        overflow-y: auto;
        padding-top: 0;
        padding-bottom: 50px;
    }
}

.before-after__products {
    font-size: 0;
    text-align: center;
    position: relative;
    width: 570px;
}

@media screen and (min-width: 47.5em) {
    .before-after__products {
        width: auto;
    }
}

.before-after__products:before {
    content: '';
    background: radial-gradient(farthest-side at 50% 0%, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
    height: 12px;
    position: absolute;
    left: 0;
    right: 0;
    top: 93px;
    margin: 0 21px;
}

@media screen and (min-width: 47.5em) {
    .before-after__products:before {
        top: 116px;
        margin: 0 auto;
    }
}

.sitecore-editor .before-after__products .scLooseFrameZone {
    display: inline-block;
}

.before-after__product {
    font-size: 1rem;
    margin: 0 0;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    font-size: 0;
    width: 90px;
}

@media screen and (min-width: 47.5em) {
    .before-after__product {
        width: 116px;
    }
}

.before-after__product-image {
    position: relative;
    width: 88px;
    padding-bottom: 1px;
    text-align: center;
    cursor: pointer;
    margin: 0 auto 15px;
    max-height: 93px;
}

@media screen and (min-width: 47.5em) {
    .before-after__product-image {
        margin: 0 auto 20px;
        max-height: 116px;
    }
}

.before-after__product-image img {
    max-width: 70px;
    max-height: 93px;
    vertical-align: bottom;
    position: relative;
    z-index: 5;
}

@media screen and (min-width: 47.5em) {
    .before-after__product-image img {
        max-height: 116px;
        max-width: 88px;
    }
}

.selected .before-after__product-image:before, .before-after__product-image:hover:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 2px;
    right: 2px;
    height: 3px;
    z-index: 10;
    background-color: #FC2561;
}

@media screen and (min-width: 47.5em) {
    .selected .before-after__product-image:before, .before-after__product-image:hover:before {
        height: 5px;
    }
}

.before-after__product-name {
    color: #666666;
    margin-bottom: 20px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.08rem;
    font-size: 0.5625rem;
    line-height: 0.7rem;
    padding: 0;
}

.selected .before-after__product-name {
    color: #000000;
}

@media screen and (min-width: 47.5em) {
    .before-after__product-name {
        font-size: 12px;
        line-height: 1rem;
        padding: 0 5px;
    }
}

.before-after__panel {
    display: none;
}

    .before-after__panel:first-child {
        display: block;
    }

.before-after__images {
    position: relative;
    margin-bottom: 20px;
}

.before-after__compare {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.before-after__compare-image {
    position: absolute;
    top: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

    .before-after__compare-image.after {
        z-index: 10;
    }

.sitecore-editor .before-after__compare-image.after {
    left: 50%;
}

.before-after__compare-image.before {
    z-index: 20;
}

.sitecore-editor .before-after__compare-image.before {
    clip: rect(0px 410px 453px 0px);
}

.before-after__compare-image img {
    max-width: 100%;
}

.before-after__compare-slider {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 30;
    display: none;
}

    .before-after__compare-slider .icon-doublearrow_left:before {
        content: "\E003";
    }

    .before-after__compare-slider .icon-doublearrow_right:before {
        content: "\E004";
    }

    .before-after__compare-slider:before {
        content: '';
        position: absolute;
        bottom: 0;
        height: 1000px;
        border-right: 1px solid #000000;
        z-index: -1;
        left: 50%;
    }

    .before-after__compare-slider:after {
        content: '';
        position: absolute;
        top: 0;
        height: 1000px;
        border-right: 1px solid #000000;
        z-index: -1;
        left: 50%;
    }

.before-after__compare-handle {
    cursor: pointer;
    z-index: 5;
    position: relative;
}

    .before-after__compare-handle:before {
        content: '';
        background-color: #000;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: -1;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
        border-left: 1px solid #000000;
        border-right: 3px solid #000000;
        width: 54px;
        height: 50px;
    }

@media screen and (min-width: 47.5em) {
    .before-after__compare-handle:before {
        width: 64px;
        height: 60px;
    }
}

.activated .before-after__compare-handle:before {
    width: 30px;
    height: 30px;
    background: #000000;
    border: none;
}

@media screen and (min-width: 47.5em) {
    .activated .before-after__compare-handle:before {
        width: 64px;
        height: 60px;
    }
}

.before-after__compare-text {
    color: #FFF;
    font-family: "Neue Helvetica W01_79 C1289709";
    text-transform: uppercase;
    text-align: center;
    width: 70px;
    font-size: 1.125rem;
}

@media screen and (max-width: 47.5em) {
    .before-after__compare-text {
        width: 85px;
        font-size: 0.875rem;
    }
}

.activated .before-after__compare-text {
    width: 42px;
    color: #FFFFFF;
    font-size: 0;
}

@media screen and (min-width: 47.5em) {
    .activated .before-after__compare-text {
        width: 56px;
    }
}

.before-after__compare-text span {
    letter-spacing: 1px;
}

@media screen and (min-width: 47.5em) {
    .before-after__compare-text span {
        letter-spacing: 1px;
    }
}

.before-after__compare-text .icon, .before-after__compare-text .get-the-look__video__image, .before-after__compare-text .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .before-after__compare-text .color-picker__swatch:before, .before-after__compare-text .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .before-after__compare-text .product-info__shade-swatch:before, .before-after__compare-text .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .before-after__compare-text .product-info__color-overlay--with-video:before, .before-after__compare-text .cheatsheet .cheatsheet__dash, .cheatsheet .before-after__compare-text .cheatsheet__dash, .before-after__compare-text .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .before-after__compare-text li, .before-after__compare-text .video-kit__hero-image, .before-after__compare-text .video-kit__card-image, .before-after__compare-text .video-promoted__image {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle;
}

    .before-after__compare-text .icon.icon-doublearrow_left, .before-after__compare-text .icon-doublearrow_left.get-the-look__video__image, .before-after__compare-text .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .icon-doublearrow_left.color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .before-after__compare-text .icon-doublearrow_left.color-picker__swatch:before, .before-after__compare-text .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .icon-doublearrow_left.product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .before-after__compare-text .icon-doublearrow_left.product-info__shade-swatch:before, .before-after__compare-text .module-stateful.product-info .icon-doublearrow_left.product-info__color-overlay--with-video:before, .module-stateful.product-info .before-after__compare-text .icon-doublearrow_left.product-info__color-overlay--with-video:before, .before-after__compare-text .cheatsheet .icon-doublearrow_left.cheatsheet__dash, .cheatsheet .before-after__compare-text .icon-doublearrow_left.cheatsheet__dash, .before-after__compare-text .ratings-and-reviews .rar__user-rating li.icon-doublearrow_left, .ratings-and-reviews .rar__user-rating .before-after__compare-text li.icon-doublearrow_left, .before-after__compare-text .icon-doublearrow_left.video-kit__hero-image, .before-after__compare-text .icon-doublearrow_left.video-kit__card-image, .before-after__compare-text .icon-doublearrow_left.video-promoted__image {
        left: 15px;
    }

    .before-after__compare-text .icon.icon-doublearrow_right, .before-after__compare-text .icon-doublearrow_right.get-the-look__video__image, .before-after__compare-text .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .icon-doublearrow_right.color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .before-after__compare-text .icon-doublearrow_right.color-picker__swatch:before, .before-after__compare-text .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .icon-doublearrow_right.product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .before-after__compare-text .icon-doublearrow_right.product-info__shade-swatch:before, .before-after__compare-text .module-stateful.product-info .icon-doublearrow_right.product-info__color-overlay--with-video:before, .module-stateful.product-info .before-after__compare-text .icon-doublearrow_right.product-info__color-overlay--with-video:before, .before-after__compare-text .cheatsheet .icon-doublearrow_right.cheatsheet__dash, .cheatsheet .before-after__compare-text .icon-doublearrow_right.cheatsheet__dash, .before-after__compare-text .ratings-and-reviews .rar__user-rating li.icon-doublearrow_right, .ratings-and-reviews .rar__user-rating .before-after__compare-text li.icon-doublearrow_right, .before-after__compare-text .icon-doublearrow_right.video-kit__hero-image, .before-after__compare-text .icon-doublearrow_right.video-kit__card-image, .before-after__compare-text .icon-doublearrow_right.video-promoted__image {
        right: 15px;
    }

@media screen and (min-width: 47.5em) {
    .before-after__compare-text .icon, .before-after__compare-text .get-the-look__video__image, .before-after__compare-text .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .before-after__compare-text .color-picker__swatch:before, .before-after__compare-text .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .before-after__compare-text .product-info__shade-swatch:before, .before-after__compare-text .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .before-after__compare-text .product-info__color-overlay--with-video:before, .before-after__compare-text .cheatsheet .cheatsheet__dash, .cheatsheet .before-after__compare-text .cheatsheet__dash, .before-after__compare-text .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .before-after__compare-text li, .before-after__compare-text .video-kit__hero-image, .before-after__compare-text .video-kit__card-image, .before-after__compare-text .video-promoted__image {
        font-size: 14px;
        line-height: 14px;
    }

        .before-after__compare-text .icon.icon-doublearrow_left, .before-after__compare-text .icon-doublearrow_left.get-the-look__video__image, .before-after__compare-text .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .icon-doublearrow_left.color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .before-after__compare-text .icon-doublearrow_left.color-picker__swatch:before, .before-after__compare-text .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .icon-doublearrow_left.product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .before-after__compare-text .icon-doublearrow_left.product-info__shade-swatch:before, .before-after__compare-text .module-stateful.product-info .icon-doublearrow_left.product-info__color-overlay--with-video:before, .module-stateful.product-info .before-after__compare-text .icon-doublearrow_left.product-info__color-overlay--with-video:before, .before-after__compare-text .cheatsheet .icon-doublearrow_left.cheatsheet__dash, .cheatsheet .before-after__compare-text .icon-doublearrow_left.cheatsheet__dash, .before-after__compare-text .ratings-and-reviews .rar__user-rating li.icon-doublearrow_left, .ratings-and-reviews .rar__user-rating .before-after__compare-text li.icon-doublearrow_left, .before-after__compare-text .icon-doublearrow_left.video-kit__hero-image, .before-after__compare-text .icon-doublearrow_left.video-kit__card-image, .before-after__compare-text .icon-doublearrow_left.video-promoted__image {
            left: 0;
        }

        .before-after__compare-text .icon.icon-doublearrow_right, .before-after__compare-text .icon-doublearrow_right.get-the-look__video__image, .before-after__compare-text .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .icon-doublearrow_right.color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .before-after__compare-text .icon-doublearrow_right.color-picker__swatch:before, .before-after__compare-text .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .icon-doublearrow_right.product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .before-after__compare-text .icon-doublearrow_right.product-info__shade-swatch:before, .before-after__compare-text .module-stateful.product-info .icon-doublearrow_right.product-info__color-overlay--with-video:before, .module-stateful.product-info .before-after__compare-text .icon-doublearrow_right.product-info__color-overlay--with-video:before, .before-after__compare-text .cheatsheet .icon-doublearrow_right.cheatsheet__dash, .cheatsheet .before-after__compare-text .icon-doublearrow_right.cheatsheet__dash, .before-after__compare-text .ratings-and-reviews .rar__user-rating li.icon-doublearrow_right, .ratings-and-reviews .rar__user-rating .before-after__compare-text li.icon-doublearrow_right, .before-after__compare-text .icon-doublearrow_right.video-kit__hero-image, .before-after__compare-text .icon-doublearrow_right.video-kit__card-image, .before-after__compare-text .icon-doublearrow_right.video-promoted__image {
            right: 0;
        }
}

.activated .before-after__compare-text .icon, .activated .before-after__compare-text .get-the-look__video__image, .activated .before-after__compare-text .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .activated .before-after__compare-text .color-picker__swatch:before, .activated .before-after__compare-text .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .activated .before-after__compare-text .product-info__shade-swatch:before, .activated .before-after__compare-text .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .activated .before-after__compare-text .product-info__color-overlay--with-video:before, .activated .before-after__compare-text .cheatsheet .cheatsheet__dash, .cheatsheet .activated .before-after__compare-text .cheatsheet__dash, .activated .before-after__compare-text .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .activated .before-after__compare-text li, .activated .before-after__compare-text .video-kit__hero-image, .activated .before-after__compare-text .video-kit__card-image, .activated .before-after__compare-text .video-promoted__image {
    font-size: 10px;
    line-height: 10px;
}

@media screen and (min-width: 47.5em) {
    .activated .before-after__compare-text .icon, .activated .before-after__compare-text .get-the-look__video__image, .activated .before-after__compare-text .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .activated .before-after__compare-text .color-picker__swatch:before, .activated .before-after__compare-text .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .activated .before-after__compare-text .product-info__shade-swatch:before, .activated .before-after__compare-text .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .activated .before-after__compare-text .product-info__color-overlay--with-video:before, .activated .before-after__compare-text .cheatsheet .cheatsheet__dash, .cheatsheet .activated .before-after__compare-text .cheatsheet__dash, .activated .before-after__compare-text .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .activated .before-after__compare-text li, .activated .before-after__compare-text .video-kit__hero-image, .activated .before-after__compare-text .video-kit__card-image, .activated .before-after__compare-text .video-promoted__image {
        font-size: 12px;
        line-height: 12px;
    }
}

.before-after__prev, .before-after__next {
    position: absolute;
    top: 40%;
    font-size: 40px;
    color: #999999;
    cursor: pointer;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .before-after__prev, .before-after__next {
        top: 50%;
    }
}

.before-after__prev.slick-disabled, .before-after__next.slick-disabled {
    opacity: 0.2;
}

.before-after__prev {
    left: 0;
    -ms-transform: translate(-80%, -50%);
    transform: translate(-80%, -50%);
}

@media screen and (device-aspect-ratio: 40 / 71) {
    .before-after__prev {
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.before-after__next {
    right: 0;
    -ms-transform: translate(80%, -50%);
    transform: translate(80%, -50%);
}

@media screen and (device-aspect-ratio: 40 / 71) {
    .before-after__next {
        -ms-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }
}

.before-after__featured {
    font-size: 0;
    position: relative;
    margin: auto 20px;
}

.sitecore-editor .before-after__featured {
    font-size: inherit;
}

@media screen and (min-width: 47.5em) {
    .before-after__featured {
        margin: 0 2rem;
    }
}

@media screen and (min-width: 63.75em) {
    .before-after__featured {
        margin: 0 auto;
    }
}

@media screen and (max-width: 47.5em) {
    .sku .before-after__featured-info {
        display: inline-block;
        vertical-align: top;
        width: 50%;
    }
}

@media screen and (min-width: 47.5em) {
    .before-after__featured-info {
        display: inline-block;
        vertical-align: top;
        width: 50%;
    }
}

.before-after__featured-text {
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 1.875rem;
    line-height: 1.75rem;
    max-width: 240px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

@media screen and (min-width: 63.75em) {
    .before-after__featured-text {
        font-size: 1.875rem;
        line-height: 1.75rem;
    }
}

.before-after__featured-shop {
    margin: 1rem auto;
}

.before-after__featured.sku {
    border-bottom: 15px solid #000000;
}

@media screen and (min-width: 47.5em) {
    .before-after__featured.sku {
        border-bottom: 20px solid #000000;
    }
}

@media screen and (min-width: 47.5em) {
    .before-after__featured.look {
        border-bottom: 20px solid #000000;
    }
}

.before-after__featured-products {
    text-align: right;
    font-size: 0;
}

.sitecore-editor .before-after__featured-products {
    font-size: inherit;
}

@media screen and (max-width: 47.5em) {
    .sku .before-after__featured-products {
        display: inline-block;
        vertical-align: bottom;
        width: 50%;
    }
}

@media screen and (min-width: 47.5em) {
    .before-after__featured-products {
        display: inline-block;
        vertical-align: bottom;
        width: 50%;
        padding-right: 10px;
    }
}

.before-after__featured-product {
    display: inline-block;
    text-align: center;
    position: relative;
}

    .before-after__featured-product img {
        max-width: 80px;
        max-height: 130px;
        margin: auto;
    }

@media screen and (max-width: 47.5em) {
    .look .before-after__featured-product {
        width: 50%;
        border-bottom: 15px solid #000000;
    }

        .look .before-after__featured-product:first-child {
            margin-bottom: 40px;
        }

        .look .before-after__featured-product img {
            max-width: 100px;
            max-height: 155px;
        }
}

.sku .before-after__featured-product {
    width: 100%;
}

@media screen and (min-width: 47.5em) {
    .sku .before-after__featured-product {
        width: auto;
    }
}

.before-after__featured-product:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    height: 15px;
    width: 60px;
    margin-top: 14px;
    background: radial-gradient(farthest-side at 50% 0%, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
}

@media screen and (min-width: 47.5em) {
    .before-after__featured-product:after {
        margin-top: 19px;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .before-after__dots {
        margin-top: 3.125rem;
        margin-bottom: -50px;
    }
}

.video-kit {
    width: 100%;
    min-width: 320px;
    max-width: 1600px;
    display: block;
    position: relative;
}

@media screen and (min-width: 47.5em) {
    .video-kit {
        padding-top: 0px;
    }
}

@media screen and (min-width: 63.75em) {
    .video-kit {
        padding-top: 0px;
    }
}

@media screen and (min-width: 80em) {
    .video-kit {
        /*padding-top: 105px;*/
    }
}

.video-kit__container {
    position: relative;
    /*margin-top: 150px;*/
}

.video-kit__wrapper {
    position: relative;
    width: 100%;
    display: inline-block;
    font-size: 1.5rem !important;
    font-weight: 500;
}

@media screen and (min-width: 47.5em) {
    .video-kit__wrapper {
        font-size: 3.5rem !important;
    }
}

@media screen and (min-width: 63.75em) {
    .video-kit__wrapper {
        font-size: 4.625rem !important;
    }
}

.video-kit__eyebrow-container {
    display: inline;
    vertical-align: text-top;
    position: relative;
    line-height: 1.2;
}

.video-kit__eyebrow {
    position: absolute;
    line-height: 20px;
    top: -44%;
    left: 110%;
    white-space: nowrap;
}

@media screen and (min-width: 47.5em) {
    .video-kit__eyebrow {
        top: -14%;
    }
}

@media screen and (min-width: 80em) {
    .video-kit__eyebrow {
        top: -10%;
    }
}

.video-kit__eyebrow:before {
    top: 49%;
}

.video-kit h2 {
    text-align: left;
    margin: 0;
    font-weight: 100;
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    font-family: "Helvetica Neue LT W01_75 Bold";
    letter-spacing: -0.5px;
    margin: 0 0 15px 20px;
}

@media screen and (min-width: 47.5em) {
    .video-kit h2 {
        font-size: 3.5rem;
        line-height: 3.125rem;
        letter-spacing: -1px;
    }
}

@media screen and (min-width: 63.75em) {
    .video-kit h2 {
        font-size: 4.625rem;
        line-height: 4.375rem;
        letter-spacing: -1px;
        max-width: 1024px;
    }
}

@media screen and (min-width: 80em) {
    .video-kit h2 {
        font-size: 4.625rem;
        line-height: 4.375rem;
        letter-spacing: -1px;
        max-width: 1280px;
        margin: auto;
    }
}
/* Hiding graphic element
.video-kit h2:before {
  content: '';
  top: .6em;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FAFAFA;
  width: 100%;
  position: absolute;
  z-index: -1; }

@media screen and (min-width: 47.5em) {
  .video-kit h2:before {
    top: .8em; } }

@media screen and (min-width: 63.75em) {
  .video-kit h2:before {
    top: 1em; } }

@media screen and (min-width: 80em) {
  .video-kit h2:before {
    top: 1.5em; } }
*/
.video-kit__body {
    min-height: 100px;
    padding: 30px 0 0 0;
    position: relative;
    color: #FFFFFF;
    background-color: #1A1A1A;
    background: url(../img/video-kit/videokit_background.svg) no-repeat center center;
    background-size: 100% 100%;
}

@media screen and (min-width: 63.75em) {
    .video-kit__body {
        padding-top: 40px;
    }
}
/* hiding graphic element
.video-kit__body:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 15px;
  top: -15px;
  left: 0;
  z-index: 0;
  background: radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2) 0%, transparent 100%); }

@media screen and (min-width: 47.5em) {
  .video-kit__body:before {
    height: 28px;
    top: -28px; } }

@media screen and (min-width: 63.75em) {
  .video-kit__body:before {
    height: 38px;
    top: -38px; } }
*/
.video-kit__hero-card {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}

@media screen and (min-width: 47.5em) {
    .video-kit__hero-card {
        max-width: 680px;
    }
}

@media screen and (min-width: 63.75em) {
    .video-kit__hero-card {
        max-width: 960px;
    }

        .video-kit__hero-card:before {
            content: '';
            display: block;
            position: absolute;
            width: 460px;
            height: 1px;
            border-bottom: 1px solid rgba(153, 153, 153, 0.35);
            left: 500px;
            bottom: 0px;
        }
}

@media screen and (min-width: 80em) {
    .video-kit__hero-card {
        max-width: 1160px;
    }

        .video-kit__hero-card:before {
            left: 600px;
            width: 560px;
        }
}

.video-kit__hero-card .heading-eyebrow {
    margin-top: 28px;
    letter-spacing: 0.2em;
}

@media screen and (min-width: 47.5em) {
    .video-kit__hero-card .heading-eyebrow {
        margin-top: 0px;
    }
}

.video-kit__hero-card .cta-text {
    margin-top: 11px;
    font-weight: 500;
}

@media screen and (min-width: 47.5em) {
    .video-kit__hero-card .cta-text {
        margin-top: 21px;
    }
}

.video-kit__hero-card .video-kit__social {
    text-align: right;
    margin: 0 -20px 11px 0;
}

@media screen and (min-width: 47.5em) {
    .video-kit__hero-card .video-kit__social {
        text-align: left;
        margin-top: 15px;
    }
}

@media screen and (max-width: 47.5em) {
    .video-kit__social form#__AjaxAntiForgeryForm {
        margin-top: 6px;
    }
}

.video-kit__hero-image {
    width: 100%;
    min-width: 320px;
    max-width: 560px;
    position: relative;
    margin: 0 auto;
}

@media screen and (min-width: 47.5em) {
    .video-kit__hero-image {
        float: left;
        width: 360px;
    }
}

@media screen and (min-width: 63.75em) {
    .video-kit__hero-image {
        width: 460px;
    }
}

@media screen and (min-width: 80em) {
    .video-kit__hero-image {
        width: 560px;
    }
}

.video-kit__hero-image img {
    width: 100%;
    display: block;
}

.video-kit__hero-image:before {
    width: 80px;
    height: 50px;
    font-size: 1.4375rem;
    line-height: 50px;
}

.video-kit__hero-image, .video-kit__card-image {
    cursor: pointer;
}

    .video-kit__hero-image:before, .video-kit__card-image:before {
        content: "";
        background-color: #FFF;
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        color: #000;
        text-align: center;
    }

.no-touch .video-kit__hero-image:hover:before, .no-touch .video-kit__card-image:hover:before {
    color: #FC2561;
    background-color: #FFFFFF;
}

.video-kit__hero-copy {
    width: 100%;
    padding: 0 20px;
}

@media screen and (min-width: 47.5em) {
    .video-kit__hero-copy {
        float: left;
        width: 320px;
        padding: 0 0 0 40px;
        margin-bottom: 19px;
    }
}

@media screen and (min-width: 63.75em) {
    .video-kit__hero-copy {
        width: 440px;
        margin-bottom: 0;
        left: 460px;
        bottom: 0;
        position: absolute;
    }
}

@media screen and (min-width: 80em) {
    .video-kit__hero-copy {
        left: 560px;
    }
}

.video-kit__hero-copy h2, .video-kit__hero-copy p {
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-family: "Helvetica Neue LT W01_75 Bold";
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 0;
    line-height: 1;
}

@media screen and (min-width: 47.5em) {
    .video-kit__hero-copy h2, .video-kit__hero-copy p {
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 63.75em) {
    .video-kit__hero-copy h2, .video-kit__hero-copy p {
        font-size: 1.5rem;
        letter-spacing: -0.5px;
    }
}

.video-kit__hero-copy h2 {
    font-weight: 500;
    margin-top: 9px;
}

@media screen and (min-width: 63.75em) {
    .video-kit__hero-copy h2 {
        margin-top: 5px;
    }
}

.video-kit__hero-copy p {
    font-weight: 500;
}

.video-kit__hero-text {
    font-weight: 300;
    font-size: 0.875rem;
    letter-spacing: -0.5px;
    line-height: 20px;
    color: #FFF;
    margin-top: 10px;
}

@media screen and (min-width: 63.75em) {
    .video-kit__hero-text {
        margin-top: 7px;
    }
}

.video-kit .cta-favorite {
    margin-right: 5px;
}

    .video-kit .cta-favorite:before, .video-kit .cta-share:before {
        color: #fff;
    }

    .video-kit .cta-favorite:active {
        outline: none;
    }

.video-kit .cta-text {
    color: #FFFFFF;
}

.video-kit .icon, .video-kit .get-the-look__video__image, .video-kit .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .video-kit .color-picker__swatch:before, .video-kit .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .video-kit .product-info__shade-swatch:before, .video-kit .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .video-kit .product-info__color-overlay--with-video:before, .video-kit .cheatsheet .cheatsheet__dash, .cheatsheet .video-kit .cheatsheet__dash, .video-kit .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .video-kit li, .video-kit .video-kit__hero-image, .video-kit .video-kit__card-image, .video-kit .video-promoted__image {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 1.125rem;
}

.no-touch .video-kit .icon:hover, .no-touch .video-kit .get-the-look__video__image:hover, .no-touch .video-kit .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:hover:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .no-touch .video-kit .color-picker__swatch:hover:before, .no-touch .video-kit .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:hover:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .no-touch .video-kit .product-info__shade-swatch:hover:before, .no-touch .video-kit .module-stateful.product-info .product-info__color-overlay--with-video:hover:before, .module-stateful.product-info .no-touch .video-kit .product-info__color-overlay--with-video:hover:before, .no-touch .video-kit .cheatsheet .cheatsheet__dash:hover, .cheatsheet .no-touch .video-kit .cheatsheet__dash:hover, .no-touch .video-kit .ratings-and-reviews .rar__user-rating li:hover, .ratings-and-reviews .rar__user-rating .no-touch .video-kit li:hover, .no-touch .video-kit .video-kit__hero-image:hover, .no-touch .video-kit .video-kit__card-image:hover, .no-touch .video-kit .video-promoted__image:hover {
    color: #FC2561;
}

.video-kit__cards {
    margin: 0 auto;
    width: 100%;
    clear: both;
}

@media screen and (min-width: 47.5em) {
    .video-kit__cards {
        width: 680px;
        /*margin-top: 40px;*/
    }
}

@media screen and (min-width: 63.75em) {
    .video-kit__cards {
        width: 960px;
        margin-top: 53px;
    }
}

@media screen and (min-width: 80em) {
    .video-kit__cards {
        margin-top: 40px;
        width: 1160px;
    }
}

.video-kit__card {
    width: 50%;
    max-width: 240px;
    float: right;
    position: relative;
}

@media screen and (min-width: 47.5em) {
    .video-kit__card {
        float: left;
    }
}

@media screen and (min-width: 63.75em) {
    .video-kit__card {
        width: 460px;
        max-width: none;
    }
}

@media screen and (min-width: 80em) {
    .video-kit__card {
        width: 560px;
    }
}

.video-kit__card:first-child {
    float: left;
}

@media screen and (min-width: 47.5em) {
    .video-kit__card:first-child {
        /*width: 400px;*/
        margin-right: 160px;
    }
}

@media screen and (min-width: 63.75em) {
    .video-kit__card:first-child {
        margin-right: 40px;
    }
}

.video-kit__card:first-child:after {
    content: '';
    display: block;
    position: absolute;
    border-right: 1px solid rgba(153, 153, 153, 0.35);
    width: 1px;
    height: 212px;
    top: 110px;
    right: 0;
}

@media screen and (min-width: 47.5em) {
    .video-kit__card:first-child:after {
        display: none;
    }
}

.video-kit__card img {
    width: 100%;
    display: block;
}

.video-kit__card-image {
    position: relative;
    min-width: 160px;
    max-width: 280px;
}

@media screen and (min-width: 47.5em) {
    .video-kit__card-image {
        width: 220px;
    }
}

@media screen and (min-width: 63.75em) {
    .video-kit__card-image {
        float: left;
        margin-right: 40px;
    }
}

@media screen and (min-width: 80em) {
    .video-kit__card-image {
        width: 280px;
    }
}

.video-kit__card-image:before {
    width: 40px;
    height: 25px;
    font-size: 0.75rem;
    line-height: 25px;
}

.video-kit__card-body {
    padding: 18px 16px 21px;
    position: relative;
    word-break: break-word;
}

@media screen and (min-width: 47.5em) {
    .video-kit__card-body {
        padding: 18px 0 20px;
    }
}

@media screen and (min-width: 63.75em) {
    .video-kit__card-body {
        float: left;
        width: 200px;
        padding: 0 0 30px;
    }
}

.video-kit__card-body .heading-eyebrow {
    letter-spacing: 0.2em;
}

.video-kit__card-body .cta-text {
    margin-top: 12px;
}

@media screen and (min-width: 47.5em) {
    .video-kit__card-body .cta-text {
        margin-top: 15px;
    }
}

.video-kit__card-body .video-kit__social {
    margin-top: 16px;
}

.video-kit__card-body h2 {
    font-weight: 100;
    font-size: 1rem;
    font-family: "Helvetica Neue LT W01_75 Bold";
    line-height: 24px;
    letter-spacing: -0.5px;
    margin: 9px 0 0 0;
    font-weight: 500;
}

@media screen and (min-width: 47.5em) {
    .video-kit__card-body h2 {
        font-size: 1.125rem;
        margin-top: 5px;
    }
}

.video-kit__text {
    font-weight: 300;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.25rem;
    color: #FFF;
    margin-top: 8px;
}

@media screen and (min-width: 47.5em) {
    .video-kit__text {
        font-size: 0.875rem;
        line-height: 1.25rem;
        margin-top: 12px;
    }
}

.video-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #1A1A1A;
    display: none;
    opacity: 0;
    /*visibility: hidden;*/
    /*transition: opacity .6s ease-in-out;*/
    /*transition: visibility 0s ease-in-out .6, opacity .6s ease-in-out;*/
    transition: visibility 0s linear 0.5s,opacity 0.5s linear;
    z-index: 1000;
}

    .video-overlay .icon-close {
        position: absolute;
        top: 0px;
        right: 0px;
        cursor: pointer;
        padding: 25px;
        color: #FFFFFF;
    }

        .video-overlay .icon-close:before {
            font-size: 25px;
        }

        .video-overlay .icon-close:hover {
            color: #FC2561;
        }

.video-overlay__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../img/video-kit/videokit_background.svg) no-repeat center center;
    background-size: 100% 100%;
}

    .video-overlay__wrapper:after {
        content: '';
        display: block;
        height: 1px;
        border-bottom: 1px solid rgba(153, 153, 153, 0.35);
        margin: 37px auto 40px;
        width: 320px;
    }

@media screen and (min-width: 47.5em) {
    .video-overlay__wrapper:after {
        width: 720px;
    }
}

@media screen and (min-width: 63.75em) {
    .video-overlay__wrapper:after {
        width: 920px;
    }
}

@media screen and (min-width: 80em) {
    .video-overlay__wrapper:after {
        width: 1080px;
    }
}

.video-overlay__player {
    position: relative;
    margin: 80px auto 0px;
    width: 320px;
    height: 187px;
}

@media screen and (min-width: 47.5em) {
    .video-overlay__player {
        width: 720px;
        height: 421px;
    }
}

@media screen and (min-width: 63.75em) {
    .video-overlay__player {
        width: 920px;
        height: 538px;
    }
}

@media screen and (min-width: 80em) {
    .video-overlay__player {
        width: 1080px;
        height: 608px;
    }
}

.video-overlay__player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-overlay__details {
    margin: 38px auto;
    position: relative;
    width: 320px;
}

@media screen and (min-width: 47.5em) {
    .video-overlay__details {
        width: 720px;
    }
}

@media screen and (min-width: 63.75em) {
    .video-overlay__details {
        width: 920px;
    }
}

@media screen and (min-width: 80em) {
    .video-overlay__details {
        width: 1080px;
    }
}

@media screen and (min-width: 47.5em) {
    .video-overlay__headings {
        float: left;
        width: 50%;
    }
}

@media screen and (min-width: 63.75em) {
    .video-overlay__headings {
        width: 400px;
        margin: 0 40px 0 0;
    }
}

@media screen and (min-width: 80em) {
    .video-overlay__headings {
        width: 460px;
        margin: 0 40px 0 0;
    }
}

.video-overlay__eyebrow {
    margin-bottom: 8px;
}

.video-overlay .video-overlay__heading, .video-overlay .video-overlay__heading {
    color: #FFFFFF;
    margin: 0;
    font-size: 2.125rem;
    line-height: 1;
    display: inline-block;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.video-overlay .video-overlay__heading {
    font-weight: 500;
}

.video-overlay .video-overlay__heading {
    font-weight: 100;
}

.video-overlay__copy {
    font-weight: 300;
    font-size: 0.8125rem;
    letter-spacing: 0.105em;
    line-height: 20px;
    color: #999999;
    margin: 20px 0 10px 0;
}

@media screen and (min-width: 47.5em) {
    .video-overlay__copy {
        float: left;
        width: 50%;
        margin: -3px 0px 0 0;
        font-size: 0.8125rem;
    }
}

@media screen and (min-width: 63.75em) {
    .video-overlay__copy {
        width: 400px;
    }
}

@media screen and (min-width: 80em) {
    .video-overlay__copy {
        width: 480px;
    }
}

.video-overlay__social {
    float: right;
    /*width: 40px;*/
    margin-top: 26px;
}

@media screen and (min-width: 63.75em) {
    .video-overlay__social {
        margin-top: -11px;
    }
}

.video-overlay__social .cta-favorite {
    margin-right: 5px;
}

    .video-overlay__social .cta-favorite:active {
        outline: none;
    }

.video-overlay__social .icon, .video-overlay__social .get-the-look__video__image, .video-overlay__social .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .video-overlay__social .color-picker__swatch:before, .video-overlay__social .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .video-overlay__social .product-info__shade-swatch:before, .video-overlay__social .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .video-overlay__social .product-info__color-overlay--with-video:before, .video-overlay__social .cheatsheet .cheatsheet__dash, .cheatsheet .video-overlay__social .cheatsheet__dash, .video-overlay__social .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .video-overlay__social li, .video-overlay__social .video-kit__hero-image, .video-overlay__social .video-kit__card-image, .video-overlay__social .video-promoted__image {
    color: #FFFFFF;
}

    .video-overlay__social .icon:before, .video-overlay__social .cta:before, .video-overlay__social .cta-text:after, .video-overlay__social .share-tray__item.link:after, .video-overlay__social .share-tray__item-link:before, .video-overlay__social .filter-dropdown > li > span:after, .video-overlay__social .heading-sliced:before, .video-overlay__social .form .form__checkbox label:after, .form .form__checkbox .video-overlay__social label:after, .video-overlay__social .get-the-look__video__image:before, .video-overlay__social .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .video-overlay__social .color-picker__swatch:before, .video-overlay__social .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .video-overlay__social .product-info__shade-swatch:before, .video-overlay__social .module-stateful.product-info .new-brow:before, .module-stateful.product-info .video-overlay__social .new-brow:before, .video-overlay__social .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .video-overlay__social .product-info__color-overlay--with-video:before, .video-overlay__social .cheatsheet .cheatsheet__dash:before, .cheatsheet .video-overlay__social .cheatsheet__dash:before, .video-overlay__social .plus-link:after, .video-overlay__social .quickshop__swatches__item.active:before, .video-overlay__social .featured-product-wide .fpw__link:after, .featured-product-wide .video-overlay__social .fpw__link:after, .video-overlay__social .pull-quote__quote:before, .video-overlay__social .pull-quote__quote:after, .video-overlay__social .ratings-and-reviews .rar__user-rating li:before, .ratings-and-reviews .rar__user-rating .video-overlay__social li:before, .video-overlay__social .small-feed__item--video .small-feed__image:before, .small-feed__item--video .video-overlay__social .small-feed__image:before, .video-overlay__social .video-kit__hero-image:before, .video-overlay__social .video-kit__card-image:before, .video-overlay__social .video-promoted__image:before, .video-overlay__social .content-feed__common:after, .video-overlay__social .content-feed-ftue__icon:before, .video-overlay__social .cart-page__info .cart-page__current-shop:after, .cart-page__info .video-overlay__social .cart-page__current-shop:after, .video-overlay__social .discontinued-products .twitter-typeahead:after, .discontinued-products .video-overlay__social .twitter-typeahead:after, .video-overlay__social .discontinued-products__module-heading.expandable:after, .video-overlay__social .shoppable-page__info .shoppable-page__current-shop:after, .shoppable-page__info .video-overlay__social .shoppable-page__current-shop:after {
        font-size: 1.125rem;
    }

    .video-overlay__social .icon:hover, .video-overlay__social .get-the-look__video__image:hover, .video-overlay__social .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:hover:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .video-overlay__social .color-picker__swatch:hover:before, .video-overlay__social .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:hover:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .video-overlay__social .product-info__shade-swatch:hover:before, .video-overlay__social .module-stateful.product-info .product-info__color-overlay--with-video:hover:before, .module-stateful.product-info .video-overlay__social .product-info__color-overlay--with-video:hover:before, .video-overlay__social .cheatsheet .cheatsheet__dash:hover, .cheatsheet .video-overlay__social .cheatsheet__dash:hover, .video-overlay__social .ratings-and-reviews .rar__user-rating li:hover, .ratings-and-reviews .rar__user-rating .video-overlay__social li:hover, .video-overlay__social .video-kit__hero-image:hover, .video-overlay__social .video-kit__card-image:hover, .video-overlay__social .video-promoted__image:hover {
        color: #FC2561;
        cursor: pointer;
    }

.product-recommender {
    width: 280px;
    letter-spacing: 0.05rem;
    position: relative;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .product-recommender {
        width: 760px;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .product-recommender {
        width: 1024px;
        padding: 0px 50px;
    }
}

@media screen and (min-width: 80em) and (max-width: 9999em) {
    .product-recommender {
        width: 1280px;
        padding: 0px 60px;
    }
}

.product-recommender__heading {
    position: relative;
    margin-left: 0px;
    z-index: 10;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

@media screen and (min-width: 47.5em) {
    .product-recommender__heading {
        margin-left: 65px;
        padding: 0;
    }
}

@media screen and (min-width: 63.75em) {
    .product-recommender__heading {
        margin-left: 20px;
    }
}

.product-recommender__heading .heading-eyebrow {
    top: -4px;
}

@media screen and (min-width: 47.5em) {
    .product-recommender__heading .heading-eyebrow {
        top: 2px;
    }
}

@media screen and (min-width: 63.75em) {
    .product-recommender__heading .heading-eyebrow {
        top: 6px;
    }
}

.product-recommender__heading h2 {
    color: #000000;
    font-size: 1.5rem;
    font-family: "Helvetica Neue LT W01_75 Bold";
    line-height: 1.5rem;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: -1px;
}

    .product-recommender__heading h2 span {
        font-weight: 500;
    }

@media screen and (min-width: 47.5em) {
    .product-recommender__heading h2 {
        font-size: 3.5rem;
        line-height: 3.125rem;
    }
}

@media screen and (min-width: 63.75em) {
    .product-recommender__heading h2 {
        font-size: 4.625rem;
        line-height: 4.375rem;
    }
}

@media screen and (min-width: 47.5em) {
    .product-recommender.started .product-recommender__heading h2 {
        font-size: 2.125rem;
        line-height: 2rem;
        margin-bottom: 15px;
    }
}

.product-recommender__container {
    position: relative;
}

.product-recommender__landing {
    visibility: visible;
    opacity: 1;
    transition: visibility 0.5s ease-in-out 0.5s, opacity 0.5s ease-in-out;
    transition-delay: 0s;
    top: 0;
    left: 0;
    position: absolute;
    position: relative;
    display: block;
    float: left;
    padding-bottom: 20px;
}

    .product-recommender__landing.off {
        display: none;
    }

.product-recommender.started .product-recommender__landing {
    visibility: hidden;
    opacity: 0;
}

@media screen and (min-width: 47.5em) {
    .product-recommender__landing {
        padding: 0px 0px 10px 0px;
        margin: 0px 45px;
    }
}

@media screen and (min-width: 63.75em) {
    .product-recommender__landing {
        padding-bottom: 10px;
        margin: 0px 0px;
    }
}

.product-recommender__quiz-container {
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.5s ease-in-out 0.5s, opacity 0.5s ease-in-out, height 0.3s ease-in-out;
    transition-delay: 0s;
    width: 100%;
    height: 300px;
    margin-top: 7px;
    position: absolute;
}

    .product-recommender__quiz-container.on {
        position: relative;
    }

.product-recommender.started .product-recommender__quiz-container {
    visibility: visible;
    opacity: 1;
}

.product-recommender__quiz-container > .bg {
    width: 100%;
    position: absolute;
    z-index: -1;
    background: #000000;
}

.product-recommender__prev, .product-recommender__next {
    position: absolute;
    top: 40%;
    font-size: 40px;
    color: #999999;
    cursor: pointer;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .product-recommender__prev, .product-recommender__next {
        top: 50%;
    }
}

.product-recommender__prev.slick-disabled, .product-recommender__next.slick-disabled {
    opacity: 0.2;
}

.product-recommender__prev {
    left: 0;
    -ms-transform: translate(-80%, -50%);
    transform: translate(-80%, -50%);
}

@media screen and (device-aspect-ratio: 40 / 71) {
    .product-recommender__prev {
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.product-recommender__next {
    right: 0;
    -ms-transform: translate(80%, -50%);
    transform: translate(80%, -50%);
}

@media screen and (device-aspect-ratio: 40 / 71) {
    .product-recommender__next {
        -ms-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }
}

.product-recommender .landing__primary-image {
    margin-top: 7px;
    width: 220px;
    float: left;
    position: relative;
}

@media screen and (min-width: 47.5em) {
    .product-recommender .landing__primary-image {
        width: 340px;
        z-index: 5;
        margin-top: 7px;
        margin-left: 20px;
    }
}

@media screen and (min-width: 80em) {
    .product-recommender .landing__primary-image {
        width: 360px;
    }
}

.product-recommender .landing__secondary-image--left {
    display: none;
    float: left;
    position: relative;
    width: 180px;
    z-index: 5;
    margin-left: 20px;
    margin-top: 7px;
}

@media screen and (min-width: 80em) {
    .product-recommender .landing__secondary-image--left {
        display: block;
    }
}

.product-recommender .landing__secondary-image--right {
    display: none;
    float: left;
    position: relative;
    width: 200px;
    z-index: 5;
    margin-top: 87px;
    margin-left: 20px;
}

@media screen and (min-width: 63.75em) {
    .product-recommender .landing__secondary-image--right {
        display: block;
    }
}

.product-recommender .landing__smoosh {
    width: 270px;
    height: 270px;
    position: absolute;
    z-index: 1;
    right: -20px;
    top: 43px;
}

@media screen and (max-width: 47.5em) {
    .product-recommender .landing__smoosh {
        z-index: -1;
    }
}

@media screen and (min-width: 47.5em) {
    .product-recommender .landing__smoosh {
        height: 385px;
        width: 385px;
        right: 0;
        top: -30px;
    }
}

@media screen and (min-width: 63.75em) {
    .product-recommender .landing__smoosh {
        top: -70px;
    }
}

@media screen and (min-width: 80em) {
    .product-recommender .landing__smoosh {
        height: 560px;
        width: 560px;
        top: -160px;
        right: 100px;
        border-bottom: 20px solid #FFFFFF;
    }
}

.product-recommender .landing__content-box {
    float: left;
    position: relative;
    width: 280px;
    height: auto;
    background: #000000;
    padding: 35px 20px 10px 20px;
    margin-top: -20px;
    z-index: 2;
}

@media screen and (min-width: 80em) {
    .product-recommender .landing__content-box {
        min-height: 210px;
    }
}

@media screen and (min-width: 47.5em) {
    .product-recommender .landing__content-box {
        width: 100%;
        margin-top: -180px;
        padding-left: 400px;
    }
}

@media screen and (min-width: 63.75em) {
    .product-recommender .landing__content-box {
        padding-left: 615px;
        padding-bottom: 20px;
    }
}

@media screen and (min-width: 80em) {
    .product-recommender .landing__content-box {
        margin-top: -200px;
        padding-left: 835px;
    }
}
/* hiding graphic element
.product-recommender .landing__content-box:after {
  content: '';
  position: absolute;
  bottom: -20px;
  right: -20px;
  height: 60%;
  width: 70%;
  border-right: 20px solid #FC2561;
  border-bottom: 20px solid #FC2561;
  z-index: -1; }

@media screen and (min-width: 47.5em) {
  .product-recommender .landing__content-box:after {
    border-right-width: 10px;
    border-bottom-width: 10px;
    bottom: -10px;
    right: -10px; } }

@media screen and (min-width: 80em) {
  .product-recommender .landing__content-box:after {
    width: 55%; } }
*/
.product-recommender .landing__content-box > p {
    padding-right: 45px;
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0;
    color: #FFFFFF;
}

@media screen and (min-width: 47.5em) {
    .product-recommender .landing__content-box > p {
        font-size: 0.875rem;
        line-height: 1.25rem;
        padding-right: 41px;
    }
}

@media screen and (min-width: 80em) {
    .product-recommender .landing__content-box > p {
        padding-right: 66px;
    }
}

.product-recommender .landing__content-box > .cta {
    margin-top: 20px;
    color: #FFFFFF;
}

    .no-touch .product-recommender .landing__content-box > .cta:hover, .product-recommender .landing__content-box > .cta:active {
        color: #FC2561;
    }

.product-recommender .landing__content-box .links {
    float: right;
    clear: both;
    margin-top: 40px;
    margin-right: 0px;
}

    .product-recommender .landing__content-box .links .share-tray {
        left: 0;
        margin-left: -6px;
    }

@media screen and (min-width: 80em) {
    .product-recommender .landing__content-box .links {
        margin-top: 44px;
    }
}

.product-recommender__quiz-container {
    height: 548px;
}

.product-recommender__progress-bar {
    position: relative;
    z-index: 2;
}

    .product-recommender__progress-bar:before {
        content: '';
        height: 1px;
        display: block;
        background: rgba(153, 153, 153, 0.5);
        position: absolute;
        left: 0;
        right: 0;
        top: 8px;
        margin: 0px 27px;
        z-index: 1;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

@media screen and (min-width: 47.5em) {
    .product-recommender__progress-bar:before {
        top: 20px;
        margin: 0;
    }
}

@media screen and (min-width: 63.75em) {
    .product-recommender__progress-bar:before {
        top: 29px;
    }
}

.product-recommender__progress-bar:after {
    content: '';
    height: 1px;
    display: block;
    background: #FFF;
    position: absolute;
    left: 0;
    right: 0;
    top: 8px;
    margin: 0px 27px;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
}

@media screen and (min-width: 47.5em) {
    .product-recommender__progress-bar:after {
        top: 20px;
        margin: 0;
        display: none;
    }
}

.product-recommender__progress-bar.step-1:after {
    width: 0px;
}

.product-recommender__progress-bar.step-2:after {
    width: 50px;
}

.product-recommender__progress-bar.step-3:after {
    width: 120px;
}

.product-recommender__progress-bar.step-4:after {
    width: 180px;
}

@media screen and (min-width: 47.5em) {
    .product-recommender__progress-bar.step-1:after {
        width: 0px;
    }

    .product-recommender__progress-bar.step-2:after {
        width: 190px;
    }

    .product-recommender__progress-bar.step-3:after {
        width: 400px;
    }

    .product-recommender__progress-bar.step-4:after {
        width: 580px;
    }
}

.product-recommender__quiz-nav {
    background: #000000;
    position: relative;
    padding: 20px 20px;
}

@media screen and (min-width: 47.5em) {
    .product-recommender__quiz-nav {
        padding: 40px 40px 0px 40px;
        height: 95px;
    }
}

@media screen and (min-width: 63.75em) {
    .product-recommender__quiz-nav {
        padding: 45px 40px 0px 40px;
        height: 105px;
    }
}

@media screen and (min-width: 80em) {
    .product-recommender__quiz-nav {
        padding: 45px 45px 0px 50px;
        height: 105px;
    }
}

.product-recommender__quiz-nav ul {
    list-style-type: none;
    padding: 0px;
    overflow: auto;
    position: relative;
    z-index: 5;
}

@media screen and (min-width: 47.5em) {
    .product-recommender__quiz-nav ul {
        overflow: visible;
        padding: 0;
        transform: translateX(-60px);
    }
}

.product-recommender__quiz-nav li {
    float: left;
    margin-right: 14px;
    z-index: 5;
}

    .product-recommender__quiz-nav li:last-child {
        margin-right: 0;
    }

@media screen and (min-width: 47.5em) {
    .product-recommender__quiz-nav li {
        margin-right: 0;
    }

        .product-recommender__quiz-nav li:nth-child(2) a {
            width: 210px;
        }

        .product-recommender__quiz-nav li:nth-child(4) a {
            width: 130px;
        }
}

@media screen and (min-width: 63.75em) {
    .product-recommender__quiz-nav li:nth-child(2) a {
        width: 250px;
    }

    .product-recommender__quiz-nav li:nth-child(4) a {
        width: 150px;
    }
}

@media screen and (min-width: 80em) {
    .product-recommender__quiz-nav li:nth-child(2) a {
        width: 320px;
    }

    .product-recommender__quiz-nav li:nth-child(4) a {
        width: 160px;
    }
}

.product-recommender__quiz-nav a {
    text-decoration: none;
    text-align: center;
    width: 49px;
    display: block;
    float: left;
}

@media screen and (min-width: 47.5em) {
    .product-recommender__quiz-nav a {
        width: 170px;
    }
}

@media screen and (min-width: 63.75em) {
    .product-recommender__quiz-nav a {
        width: 215px;
    }
}

@media screen and (min-width: 80em) {
    .product-recommender__quiz-nav a {
        width: 280px;
    }
}

.product-recommender__quiz-nav a .circle {
    display: inline-block;
    height: 16px;
    width: 16px;
    border-radius: 8px;
    background: #333333;
    position: relative;
    z-index: 5;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

    .product-recommender__quiz-nav a .circle > img {
        width: 104%;
        position: absolute;
        top: -1px;
        left: -1px;
        display: none;
    }

@media screen and (min-width: 47.5em) {
    .product-recommender__quiz-nav a .circle > img {
        display: block;
    }
}

.product-recommender__quiz-nav a .circle:after {
    content: '';
    height: 10px;
    width: 10px;
    border-radius: 5px;
    background: #000000;
    top: 3px;
    left: 3px;
    display: none;
    position: relative;
}

@media screen and (min-width: 47.5em) {
    .product-recommender__quiz-nav a .circle {
        height: 40px;
        width: 40px;
        border-radius: 20px;
    }

        .product-recommender__quiz-nav a .circle:after {
            content: '';
            height: 36px;
            width: 36px;
            border-radius: 50%;
            background: #000000;
            top: 2px;
            left: 2px;
            display: none;
            position: relative;
        }
}

@media screen and (min-width: 63.75em) {
    .product-recommender__quiz-nav a .circle {
        height: 60px;
        width: 60px;
        border-radius: 30px;
    }

        .product-recommender__quiz-nav a .circle:after {
            content: '';
            height: 56px;
            width: 56px;
            border-radius: 50%;
            background: #000000;
            top: 2px;
            left: 2px;
            display: none;
            position: relative;
        }
}

.product-recommender__quiz-nav a .title {
    clear: both;
    color: white;
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 0.75rem;
    line-height: 0.875rem;
    letter-spacing: 1px;
    margin-top: 4px;
}

@media screen and (min-width: 47.5em) {
    .product-recommender__quiz-nav a .title {
        text-transform: uppercase;
        clear: none;
    }
}

@media screen and (min-width: 63.75em) {
    .product-recommender__quiz-nav a .title {
        margin-top: 4px;
    }
}

.product-recommender__quiz-nav a .choice {
    display: none;
    color: #FFFFFF;
    font-weight: 300;
    font-size: 0.75rem;
    letter-spacing: 0.07rem;
    text-transform: uppercase;
    color: #999999;
    margin-top: 18px;
}

@media screen and (min-width: 47.5em) {
    .product-recommender__quiz-nav a .choice {
        display: block;
        letter-spacing: 0.09rem;
    }
}

@media screen and (min-width: 63.75em) {
    .product-recommender__quiz-nav a .choice {
        font-size: 0.8125rem;
        margin-top: 5px;
    }
}

.product-recommender__quiz-nav a.active .circle, .product-recommender__quiz-nav a.answered .circle {
    background: #FFF;
}

.product-recommender__quiz-nav a.current .circle:after, .no-touch .product-recommender__quiz-nav a.answered:hover .circle:after {
    display: block;
}

@media screen and (min-width: 63.75em) {
    /*.product-recommender__quiz-nav a.current .circle {
        background: #FC2561;
    }*/
    .product-recommender__quiz-nav a.active .circle, .product-recommender__quiz-nav a.answered .circle {
        background: #FFF;
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .product-recommender__quiz-nav a.current .circle:after, .no-touch .product-recommender__quiz-nav a.answered:hover .circle:after {
        display: block;
    }
}

@media screen and (min-width: 63.75em) {
    .no-touch .product-recommender__quiz-nav a.answered:not(.current):hover .circle:after {
        display: block;
        height: 105%;
        width: 105%;
        background: rgba(0, 0, 0, 0.6);
        top: -1px;
        left: -1px;
    }
}

@media screen and (min-width: 47.5em) {
    .product-recommender__quiz-nav a.no-pink .circle {
        background: transparent;
    }
}

.product-recommender__states-container {
    width: 100%;
    position: relative;
}

.product-recommender__state {
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.5s ease-in-out 0.5s, opacity 0.5s ease-in-out;
    transition-delay: 0s;
    position: absolute;
}

.product-recommender__state .content-card__name h3 {
    font-size: 1.875rem;
    line-height: 1.625rem;
}

    .product-recommender__state.active {
        visibility: visible;
        opacity: 1;
    }

    .product-recommender__state .info {
        text-align: center;
        padding: 5px 20px 0px 20px;
        background: #000000;
    }

@media screen and (min-width: 47.5em) {
    .product-recommender__state .info {
        padding-top: 20px;
    }
}

@media screen and (min-width: 63.75em) {
    .product-recommender__state .info {
        padding: 53px 100px 0px 100px;
    }
}

.product-recommender__state .info h2 {
    margin: 0;
    font-weight: 500;
    font-size: 1.375rem;
    line-height: 1.5rem;
    color: #FFFFFF;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 19px;
}
/*
    .product-recommender__state .info h2:after {
        content: '';
        height: 2px;
        width: 40px;
        background: #FC2561;
        display: block;
        left: 50%;
        bottom: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        position: absolute;
    }
*/
@media screen and (min-width: 47.5em) {
    .product-recommender__state .info h2 {
        font-size: 2.375rem;
        line-height: 2.5rem;
        padding-bottom: 22px;
        padding-left: 120px;
        padding-right: 120px;
    }
}

@media screen and (min-width: 80em) {
    .product-recommender__state .info h2 {
        padding-left: 250px;
        padding-right: 250px;
    }
}

.product-recommender__state .info p {
    font-weight: 300;
    font-size: 0.75rem;
    line-height: 1.25rem;
    color: #FFFFFF;
    margin-top: 16px;
    letter-spacing: 0.05rem;
    margin-bottom: 0;
    padding-bottom: 20px;
}

@media screen and (min-width: 47.5em) {
    .product-recommender__state .info p {
        letter-spacing: 0.075rem;
        font-size: 0.8125rem;
        line-height: 1.375rem;
        margin-top: 19px;
        padding: 0 110px 35px 110px;
    }
}

@media screen and (min-width: 63.75em) {
    .product-recommender__state .info p {
        padding-bottom: 52px;
        padding: 0 135px 35px 135px;
    }
}

@media screen and (min-width: 80em) {
    .product-recommender__state .info p {
        padding: 0 255px 52px 255px;
    }
}

.product-recommender__state .buttons {
    padding-bottom: 30px;
}

@media screen and (min-width: 47.5em) {
    .product-recommender__state .buttons {
        padding-bottom: 40px;
        text-align: center;
        letter-spacing: 37px;
    }
}

.product-recommender__state .buttons > a {
    margin: 0 auto;
    border: 1px solid rgba(153, 153, 153, 0.5);
    width: 200px;
    display: block;
    margin-bottom: 20px;
}

    .product-recommender__state .buttons > a:first-child {
        margin-top: 10px;
    }

    .product-recommender__state .buttons > a:last-child {
        margin-bottom: 0;
    }

@media screen and (min-width: 47.5em) {
    .product-recommender__state .buttons > a {
        display: inline-block;
        margin-top: 20px;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 63.75em) {
    .product-recommender__state .buttons > a {
        margin-top: 28px;
    }
}

.product-recommender__state .products {
    margin-top: 20px;
    background: white;
    position: relative;
}

    .product-recommender__state .products .product:first-child {
        margin-top: 0px;
    }

@media screen and (min-width: 47.5em) {
    .product-recommender__state .products {
        padding: 0 120px;
    }

        .product-recommender__state .products .product-card {
            float: left;
            margin-bottom: 30px;
        }
}

@media screen and (min-width: 63.75em) {
    .product-recommender__state .products {
        padding: 0 20px;
    }

        .product-recommender__state .products .product-card {
            margin-bottom: 0;
            min-width: 220px;
            width: 220px;
        }
}

@media screen and (min-width: 80em) {
    .product-recommender__state .products {
        padding: 0 40px;
        margin-top: 30px;
    }

        .product-recommender__state .products .product-card {
            min-width: 270px;
            width: 270px;
        }
}

.product-recommender__state .choices {
    background: #000000;
    text-align: center;
    letter-spacing: 16px;
}

@media screen and (min-width: 47.5em) {
    .product-recommender__state .choices {
        letter-spacing: -5px;
        height: 190px;
        background: #FFFFFF;
    }
}

@media screen and (min-width: 63.75em) {
    .product-recommender__state .choices {
        height: 230px;
        letter-spacing: -5px;
    }
}

@media screen and (min-width: 80em) {
    .product-recommender__state .choices {
        height: 290px;
        letter-spacing: -5px;
    }
}

@media screen and (min-width: 63.75em) {
    .product-recommender__state .choices.three {
        letter-spacing: -5px;
        background: #000;
    }
}

@media screen and (min-width: 63.75em) {
    .product-recommender__state .choices.four {
        background: #000;
    }
}

.product-recommender__state .choice {
    width: 110px;
    height: 110px;
    background: #F5F5F5;
    position: relative;
    letter-spacing: 0.05rem;
    margin-bottom: 20px;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
}

@media screen and (min-width: 47.5em) {
    .product-recommender__state .choice {
        width: 190px;
        height: 190px;
        margin-bottom: 0px;
    }
}

@media screen and (min-width: 63.75em) {
    .product-recommender__state .choice {
        width: 231px;
        height: 231px;
    }
}

@media screen and (min-width: 80em) {
    .product-recommender__state .choice {
        width: 290px;
        height: 290px;
    }
}

.product-recommender__state .choice:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: -1px;
    right: 0;
    border: 12px solid rgba(0, 0, 0, 0.95);
    background-color: rgba(0, 0, 0, 0.45);
}

@media screen and (min-width: 47.5em) {
    .product-recommender__state .choice:after {
        border-width: 18px;
    }
}

@media screen and (min-width: 63.75em) {
    .product-recommender__state .choice:after {
        border-width: 20px;
    }
}

@media screen and (min-width: 80em) {
    .product-recommender__state .choice:after {
        border-width: 28px;
    }
}

.product-recommender__state .choice:nth-child(2n) {
    margin-right: 0;
}

.no-touch .product-recommender__state .choice:hover:after, .product-recommender__state .choice:active:after, .product-recommender__state .choice.selected:after {
    background: rgba(0, 0, 0, 0.7);
    border: none;
}

@media screen and (min-width: 63.75em) {
    .no-touch .product-recommender__state .choice:hover:after {
        display: none;
    }

    .no-touch .product-recommender__state .choice:hover .choice-info {
        display: block;
    }
}

.product-recommender__state .choice.selected:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #000000;
    font-size: 0px;
    line-height: 0px;
    z-index: 5;
    display: none;
}

@media screen and (min-width: 47.5em) {
    .product-recommender__state .choice.selected:before {
        display: block;
    }
}

.product-recommender__state .choice > img {
    width: 112px;
    height: 112px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
}

@media screen and (min-width: 47.5em) {
    .product-recommender__state .choice > img {
        width: 192px;
        height: 192px;
        margin-bottom: 0px;
    }
}

@media screen and (min-width: 63.75em) {
    .product-recommender__state .choice > img {
        width: 233px;
        height: 233px;
    }
}

@media screen and (min-width: 80em) {
    .product-recommender__state .choice > img {
        width: 293px;
        height: 293px;
    }
}

.product-recommender__state .choice h2 {
    text-align: center;
    margin: 0;
    font-weight: 500;
    font-size: 1.25rem;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    width: 100px;
    z-index: 10;
}

@media screen and (min-width: 47.5em) {
    .product-recommender__state .choice h2 {
        width: 140px;
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 63.75em) {
    .product-recommender__state .choice h2 {
        font-size: 2rem;
        letter-spacing: 0.07rem;
    }
}

@media screen and (min-width: 80em) {
    .product-recommender__state .choice h2 {
        font-size: 2.25rem;
    }
}

.product-recommender__state .choice .choice-info {
    height: 100%;
    width: 100%;
    position: absolute;
    text-align: center;
    z-index: 10;
    background: rgba(245, 245, 245, 0.95);
    display: none;
    padding-top: 52px;
}

@media screen and (min-width: 80em) {
    .product-recommender__state .choice .choice-info {
        padding-top: 82px;
    }
}

.product-recommender__state .choice .choice-info img {
    width: 40px;
    height: 40px;
}

.product-recommender__state .choice .choice-info p {
    font-size: 0.8125rem;
    line-height: 1.375rem;
    font-weight: 300;
    color: #666666;
    letter-spacing: 0.05rem;
    padding: 0 12px;
}

@media screen and (min-width: 80em) {
    .product-recommender__state .choice .choice-info p {
        padding: 0px 45px;
    }
}

@media screen and (min-width: 47.5em) {
    .product-recommender__state--results .info p {
        padding: 0 200px;
    }
}

.product-recommender__state .stophover .off {
    color: red;
}

.product-recommender__state .stophover.hoveroff .on {
    color: red;
}

.product-recommender__state .stophover.hoveroff .off {
    color: black;
}

.video-promoted {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 0;
}

.sitecore-editor .video-promoted {
    font-size: inherit;
}

.video-promoted__borders {
    position: relative;
    z-index: 1;
    display: inline-block;
    font-size: 0;
}
    /* Hide graphich element
.video-promoted__borders:before, .video-promoted__borders:after {
  content: '';
  display: block;
  position: absolute;
  top: -20px;
  z-index: -1;
  width: calc(50% + 20px);
  height: calc(100% + 20px); }

@media screen and (min-width: 47.5em) {
  .video-promoted__borders:before, .video-promoted__borders:after {
    width: calc(50% + 40px);
    height: calc(50% + 40px);
    top: -40px; } }

.video-promoted__borders:before {
  background-color: #FC2561;
  left: -20px; }

@media screen and (min-width: 47.5em) {
  .video-promoted__borders:before {
    left: -40px; } }
        */
    .video-promoted__borders:after {
        background-color: #000000;
        left: 50%;
    }


.video-promoted__image {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

    .video-promoted__image:before {
        content: "";
        display: block;
        position: absolute;
        background-color: #ffffff;
        color: #000000;
        bottom: 0;
        right: 0;
        width: 80px;
        height: 50px;
        font-size: 1.4375rem;
        line-height: 50px;
    }

@media screen and (min-width: 47.5em) {
    .video-promoted__image:before {
        width: 100px;
        height: 58px;
        font-size: 1.6875rem;
        line-height: 58px;
    }
}

@media screen and (min-width: 63.75em) {
    .video-promoted__image:before {
        width: 120px;
        height: 70px;
        font-size: 2rem;
        line-height: 70px;
    }
}

.no-touch .video-promoted__image:hover:before {
    color: #fff;
    background-color: #000000;
}

.video-promoted__image img {
    width: 320px;
    height: auto;
    display: block;
}

@media screen and (min-width: 47.5em) {
    .video-promoted__image img {
        width: 600px;
        height: 338px;
    }
}

@media screen and (min-width: 63.75em) {
    .video-promoted__image img {
        width: 840px;
        height: 473px;
    }
}

@media screen and (min-width: 80em) {
    .video-promoted__image img {
        width: 1080px;
        height: 608px;
    }
}

.video-promoted__box {
    width: 320px;
    background-color: #000000;
    color: #FFFFFF;
    display: inline-block;
    position: relative;
    /*position: absolute;*/
    /*top: 100%;*/
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    text-align: left;
    font-size: 1em;
    padding: 28px 20px 33px;
    /*left: -20px;*/
    z-index: 1;
}

@media screen and (min-width: 20em) and (max-width: 47.5em) {
    .video-promoted__box .video-promoted__social .share-tray {
        top: 5px;
    }
}

@media screen and (min-width: 47.5em) {
    .video-promoted__box {
        width: 400px;
        /*left: 40px;*/
        margin-top: -90px;
        padding: 38px 40px 38px;
        -webkit-transform: translateX(-60px);
        -ms-transform: translateX(-60px);
        transform: translateX(-60px);
    }
}

@media screen and (min-width: 63.75em) {
    .video-promoted__box {
        margin-top: -100px;
        /*margin-left: -300px;*/
        -webkit-transform: translateX(-160px);
        -ms-transform: translateX(-160px);
        transform: translateX(-160px);
    }
}

@media screen and (min-width: 80em) {
    .video-promoted__box {
        margin-top: -180px;
        /*margin-left: -560px;*/
        -webkit-transform: translateX(-280px);
        -ms-transform: translateX(-280px);
        transform: translateX(-280px);
    }
}

.video-promoted__box h2, .video-promoted__box h3 {
    font-size: 1.25rem;
    font-family: "Helvetica Neue LT W01_75 Bold";
    letter-spacing: -1px;
    text-transform: uppercase;
    display: inline-block;
    margin: 6px 0 8px;
}

@media screen and (min-width: 47.5em) {
    .video-promoted__box h2, .video-promoted__box h3 {
        font-size: 2.125rem;
    }
}

@media screen and (min-width: 63.75em) {
    .video-promoted__box h2, .video-promoted__box h3 {
        font-size: 2.125rem;
    }
}

.video-promoted__box h2, .video-promoted__box h3 {
    font-weight: 500;
}

    .video-promoted__box h2 span, .video-promoted__box h3 span {
        font-weight: 500;
    }

.video-promoted__box .cta-text {
    color: #FFFFFF;
    margin-top: 20px;
}

.video-promoted__copy {
    font-size: 0.875rem;
    line-height: 20px;
    letter-spacing: 0;
    color: #FFF;
    font-weight: 100;
    margin: 0;
}

.video-promoted__social {
    /*position: absolute;
    bottom: 11px;
    right: 16px;*/
    font-size: 1.125rem;
    color: #999999;
    /*.no-touch .icon:hover{
    color: $hover-pink;
    cursor: pointer;
    }*/
}
/*
@media screen and (min-width: 47.5em) {
  .video-promoted__social {
    bottom: 16px;
    right: 18px; } }
    */
#__AjaxAntiForgeryForm {
    float: left;
    margin-top: 11px;
}

.video-promoted__social a {
    margin-right: 5px;
    float: left;
}

    .video-promoted__social a.cta-favorite:before, .video-promoted__social a.cta-share:before {
        color: #fff;
    }

.video-promoted .gigi-wrapper .video-promoted__borders:before, .video-promoted .gigi-wrapper .video-promoted__borders:after {
    display: none;
}

.video-promoted .gigi-wrapper .video-promoted__image img {
    width: 320px;
    height: 180px;
    display: block;
}

@media screen and (min-width: 47.5em) {
    .video-promoted .gigi-wrapper .video-promoted__image img {
        width: 600px;
        height: 338px;
    }
}

@media screen and (min-width: 63.75em) {
    .video-promoted .gigi-wrapper .video-promoted__image img {
        width: 840px;
        height: 473px;
    }
}

@media screen and (min-width: 80em) {
    .video-promoted .gigi-wrapper .video-promoted__image img {
        width: 1080px;
        height: 608px;
    }
}


@media screen and (min-width: 47.5em) {
    .promo {
        background-size: 100% 100%;
    }
}

@media screen and (min-width: 63.75em) {
    .promo__wrapper {
        margin: 0 auto;
        width: 1020px;
    }
}

@media screen and (min-width: 80em) {
    .promo__wrapper {
        width: 1280px;
    }
}

.promo__hero {
    background: #FFF;
    width: 320px;
    margin: 0 auto 20px;
    padding-top: 0;
    overflow: hidden;
}

@media screen and (min-width: 47.5em) {
    .promo__hero {
        background: transparent;
        overflow: visible;
        width: 662px;
        padding-left: 20px;
    }
}

@media screen and (min-width: 63.75em) {
    .promo__hero {
        width: 320px;
        margin-left: 50px;
        margin-right: 60px;
        margin-bottom: 0;
        padding-left: 0;
        float: left;
    }
}

@media screen and (min-width: 80em) {
    .promo__hero {
        width: 520px;
        margin-right: 80px;
    }
}

.promo__heading {
    font-size: 1.5rem;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin: 0px 0px 11px 20px;
    font-family: "Helvetica Neue LT W01_75 Bold";
    white-space: normal;
    word-break: break-word;
}

@media screen and (min-width: 47.5em) {
    .promo__heading {
        font-size: 3.5rem;
        margin: 0px 0px 8px 50px;
    }
}

@media screen and (min-width: 63.75em) {
    .promo__heading {
        font-size: 4.625rem;
        margin: 0px 0px 23px 50px;
    }
}

@media screen and (min-width: 80em) {
    .promo__heading {
        font-size: 4.625rem;
        margin: 0px 0px 12px 50px;
    }
}

.promo__image img {
    width: 320px;
}

@media screen and (min-width: 47.5em) {
    .promo__image img {
        width: 380px;
    }
}

@media screen and (min-width: 63.75em) {
    .promo__image img {
        width: 320px;
    }
}

@media screen and (min-width: 80em) {
    .promo__image img {
        width: 500px;
    }
}

.promo__box {
    background: #FFFFFF;
    position: relative;
    width: 320px;
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 26px 20px 30px;
}

@media screen and (min-width: 47.5em) {
    .promo__box {
        margin-left: 270px;
        margin-top: -168px;
        width: 380px;
        padding: 36px 40px 40px;
    }
}

@media screen and (min-width: 63.75em) {
    .promo__box {
        width: 300px;
        margin-left: 20px;
        margin-top: -60px;
        padding: 26px 20px 30px;
    }
}

@media screen and (min-width: 80em) {
    .promo__box {
        width: 460px;
        margin-left: 60px;
        margin-top: -68px;
        padding: 30px 40px 37px;
    }
}

.promo__box h2 {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.5rem;
    letter-spacing: -1px;
    text-transform: uppercase;
    font-family: "Helvetica Neue LT W01_75 Bold";
    margin-bottom: 15px;
}

@media screen and (min-width: 47.5em) {
    .promo__box h2 {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }
}

@media screen and (min-width: 63.75em) {
    .promo__box h2 {
        font-size: 2.125rem;
        line-height: 2rem;
    }
}

@media screen and (min-width: 80em) {
    .promo__box h2 {
        font-size: 2.125rem;
        line-height: 2rem;
    }
}

.promo__box h2 strong {
    font-weight: 500;
}
/* hiding graphich element Promo w/2 product 
.promo__box:after {
  content: '';
  position: absolute;
  right: -20px;
  bottom: -20px;
  border-right: 20px solid #FC2561;
  border-bottom: 20px solid #FC2561;
  width: 230px;
  height: 180px; }
*/
@media screen and (min-width: 47.5em) {
    .promo__box:after {
        height: 155px;
        right: -10px;
        bottom: -10px;
        border-right: 10px solid #FC2561;
        border-bottom: 10px solid #FC2561;
    }
}

@media screen and (min-width: 63.75em) {
    .promo__box:after {
        height: 180px;
    }
}

.promo__hero-copy {
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0;
    color: #000;
}

@media screen and (min-width: 47.5em) {
    .promo__hero-copy {
        font-size: 0.875rem;
        line-height: 1.25rem;
        margin-top: 4px;
    }
}

@media screen and (min-width: 63.75em) {
    .promo__hero-copy {
        font-size: 0.875rem;
        line-height: 1.25rem;
        margin-top: 0px;
    }
}

@media screen and (min-width: 80em) {
    .promo__hero-copy {
        font-size: 0.875rem;
        line-height: 1.25rem;
        margin-top: 2px;
    }
}

.promo__hero-cta {
    margin-top: 15px;
}

.promo__cards {
    width: 100%;
    margin: 0 auto;
    max-width: 320px;
}

@media screen and (max-width: 47.5em) {
    .module-stateful.module-wide.promo .content-card__shop-now, .content-card__channel-advisor {
        min-width: 140px;
    }
}

@media screen and (min-width: 47.5em) {
    .promo__cards {
        max-width: none;
        width: 520px;
    }
}

@media screen and (min-width: 63.75em) {
    .promo__cards {
        width: 542px;
        float: left;
        margin-top: 141px;
    }
}

.promo .content-card {
    float: left;
    margin-bottom: 0;
    min-width: inherit;
    max-width: 50%;
    width: 48%;
    margin-right: 2%;
}

.promo .content-card__thumbnail {
    /* width: 100%; */
}
/* increase button width
.promo .content-card__shop-now,
.promo .content-card__channel-advisor {
    min-width: inherit;
}
*/
@media screen and (min-width: 47.5em) {
    .promo .content-card__shop-now,
    .promo .content-card__channel-advisor {
        min-width: 160px;
    }
}

@media screen and (min-width: 47.5em) {
    .promo .content-card__info {
        padding-bottom: 0;
    }
}


.voting {
    position: relative;
    width: 100%;
}

    .voting.vote {
        padding-bottom: 60px;
    }

@media screen and (min-width: 47.5em) {
    .voting.vote {
        padding-bottom: 125px;
    }
}

.voting__background {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 1600px;
    margin: auto;
    z-index: -1;
}

.voting__background-triangle {
    fill: #FFF;
}

.voting__background svg {
    width: 100%;
    height: 100%;
}

.vote .voting__background {
    bottom: 60px;
}

@media screen and (min-width: 47.5em) {
    .vote .voting__background {
        bottom: 125px;
    }
}

.voting__header {
    padding-top: 45px;
    margin-bottom: 22px;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 47.5em) {
    form#voting-form {
        max-width: 320px;
        margin: auto;
        text-align: left;
    }

        form#voting-form .voting__options {
            text-align: left;
        }
}

@media screen and (min-width: 47.5em) {
    .voting__header {
        padding-top: 30px;
        margin-bottom: 52px;
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 63.75em) {
    .voting__header {
        padding-top: 77px;
        margin-bottom: 57px;
        max-width: 930px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 80em) {
    .voting__header {
        max-width: 1024px;
        margin-left: auto;
        margin-right: auto;
    }
}

.voting__header-title {
    text-transform: uppercase;
    text-align: left;
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 1.5rem;
    line-height: 1.5rem;
    letter-spacing: -1px;
    font-weight: 500;
    margin-bottom: 11px;
}

@media screen and (min-width: 47.5em) {
    .voting__header-title {
        font-size: 3.5rem;
        line-height: 3.125rem;
        margin-bottom: 6px;
    }
}

@media screen and (min-width: 63.75em) {
    .voting__header-title {
        font-size: 4.625rem;
        line-height: 4.375rem;
        max-width: 1024px;
        margin: auto;
        margin-bottom: 11px;
    }
}
/*
.voting__header-title span {
  font-weight: 100; }*/

.voting__header-body {
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 1.25rem;
    text-align: left;
    letter-spacing: 0;
    color: #000;
}

@media screen and (min-width: 47.5em) {
    .voting__header-body {
        font-size: 0.875rem;
        line-height: 1.125rem;
        width: 1024px;
    }
}

.voting__options {
    font-size: 0;
    text-align: center;
    display: flex;
}

@media screen and (min-width: 47.5em) {
    .voting__options {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 63.75em) {
    .voting__options {
        max-width: 930px;
    }
}

@media screen and (min-width: 80em) {
    .voting__options {
        max-width: 1024px;
    }
}

.voting__option {
    vertical-align: top;
    width: 48%;
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 47.5em) {
    .voting__option {
        width: auto;
    }
}

    .voting__option:first-child {
        margin-right: 10px;
    }

@media screen and (min-width: 47.5em) {
    .voting__option:first-child {
        margin-right: 40px;
    }
}

.voting__option-name {
    margin-bottom: 20px;
    overflow: hidden;
    text-align: left;
    flex: 1;
}

@media screen and (min-width: 47.5em) {
    .voting__option-name {
        margin-bottom: 19px;
    }
}

@media screen and (min-width: 63.75em) {
    .voting__option-name {
        margin-bottom: 18px;
    }
}

.voting__option-name span {
    display: inline-block;
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 1.5rem;
    min-width: 70px;
    padding: 0;
    position: relative;
}

@media screen and (min-width: 47.5em) {
    .voting__option-name span {
        font-size: 1.125rem;
        line-height: 1.5rem;
        min-width: 160px;
    }
}

@media screen and (min-width: 80em) {
    .voting__option-name span {
        min-width: 210px;
    }
}
/*
.voting__option-name span:before, .voting__option-name span:after {
  content: '';
  position: absolute;
  top: 50%;
  border-top: 1px solid rgba(0, 0, 0, 0.5);
  width: 250px; }

.voting__option-name span:before {
  left: 100%; }

.voting__option-name span:after {
  right: 100%; }
    */

.voting__option-image {
    height: 130px;
    width: 130px;
}

@media screen and (min-width: 47.5em) {
    .voting__option-image {
        height: 320px;
        width: 320px;
    }
}

@media screen and (min-width: 63.75em) {
    .voting__option-image {
        height: 440px;
        width: 440px;
    }
}

@media screen and (min-width: 80em) {
    .voting__option-image {
        height: 500px;
        width: 500px;
    }
}

.voting__option-image img {
    max-height: 100%;
    max-width: 100%;
}

.voting__vote {
    position: relative;
    top: 0;
    cursor: pointer;
    left: 1%;
}

.voting__option:first-child .voting__vote {
    left: 2%;
}

@media screen and (min-width: 47.5em) {
    .voting__vote, .voting__option:first-child .voting__vote {
        left: 0%;
    }
}

.voting__vote-diamond {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 58px;
    height: 58px;
    transform: rotate(45deg);
    margin-top: -10px;
    margin-left: -40px;
    overflow: hidden;
    background-color: transparent;
}

@media screen and (min-width: 47.5em) {
    .voting__vote-diamond {
        width: 122px;
        height: 122px;
        transform: rotate(45deg);
        margin-top: -25px;
        margin-left: -60px;
    }
}

.voting__vote-diamond:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 52px;
    height: 52px;
    background-color: #000000;
    transition: color 400ms, background-color 400ms;
}

@media screen and (min-width: 47.5em) {
    .voting__vote-diamond:after {
        height: 110px;
        width: 110px;
    }
}

.win .voting__vote-diamond:after {
    background-color: #000000;
}

.lose .voting__vote-diamond:after {
    background-color: #999999;
}

.voting__vote-diamond:hover {
    background-color: transparent;
}

    .voting__vote-diamond:hover:after {
        background-color: #FC2561;
    }

.win .voting__vote-diamond:hover:after {
    background-color: #000000;
}

.lose .voting__vote-diamond:hover:after {
    background-color: #999999;
}

.voting__vote-fill {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.voting__vote-filled {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0%;
    /*background-color: #FC2561;*/
    content: '';
    transition: height 1s;
}

.lose .voting__vote-filled {
    background-color: #666666;
}

.voting__vote-text {
    position: absolute;
    left: 50%;
    top: 50%;
    text-transform: uppercase;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #FFFFFF;
    font-family: "Neue Helvetica W01_79 C1289709";
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.125rem;
    letter-spacing: 1px;
    margin-left: -10px;
    margin-top: 20px;
}

@media screen and (min-width: 47.5em) {
    .voting__vote-text {
        font-size: 1.125rem;
        line-height: 1.125rem;
        margin-left: 0;
        margin-top: 35px;
    }
}

.large-feature {
    position: relative;
    overflow: hidden;
    width: 320px;
    min-height: 240px;
}

@media screen and (min-width: 47.5em) {
    .large-feature {
        width: 760px;
        min-height: 480px;
        padding-top: 40px;
    }
}

@media screen and (min-width: 63.75em) {
    .large-feature {
        width: 1020px;
        min-height: 560px;
    }
}

@media screen and (min-width: 80em) {
    .large-feature {
        width: 1280px;
        min-height: 720px;
    }
}

.large-feature__title {
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 1.5rem;
    line-height: normal;
    letter-spacing: -0.5px;
    text-align: left;
    text-transform: uppercase;
    margin: 0 0 10px 20px;
}

@media screen and (min-width: 47.5em) {
    .large-feature__title {
        background-color: rgba(255, 255, 255, 0.5);
        font-size: 2.125rem;
        margin-bottom: 40px;
        padding: 8px 15px;
        letter-spacing: -1px;
    }
}

@media screen and (min-width: 63.75em) {
    .large-feature__title {
        font-size: 3.75rem;
        line-height: 3.5rem;
        letter-spacing: -1px;
    }
}

@media screen and (min-width: 80em) {
    .large-feature__title {
        font-size: 4.625rem;
        line-height: 4.375rem;
        letter-spacing: -1px;
    }
}

.large-feature__hero {
    width: 240px;
    height: 240px;
}

@media screen and (min-width: 47.5em) {
    .large-feature__hero {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 480px;
        height: 480px;
    }

    .reversed .large-feature__hero {
        left: auto;
        right: 0;
    }
}

@media screen and (min-width: 63.75em) {
    .large-feature__hero {
        width: 560px;
        height: 560px;
        z-index: 1;
    }
}

@media screen and (min-width: 80em) {
    .large-feature__hero {
        width: 720px;
        height: 720px;
    }
}

.large-feature__hero img {
    max-width: 100%;
    max-height: 100%;
}

.reversed .large-feature__hero {
    margin-left: auto;
    margin-right: 0;
}

.no-swatch .large-feature__hero {
    width: 320px;
    /* height: 320px; */
}

@media screen and (min-width: 47.5em) {
    .no-swatch .large-feature__hero {
        width: 480px;
        height: 480px;
    }
}

@media screen and (min-width: 63.75em) {
    .no-swatch .large-feature__hero {
        width: 560px;
        height: 560px;
    }
}

@media screen and (min-width: 80em) {
    .no-swatch .large-feature__hero {
        width: 720px;
        height: 720px;
    }
}

.large-feature__product {
    color: #FFF;
    background-color: #000000;
}

    .large-feature__product:after {
        content: '';
        height: 0;
        clear: both;
        display: block;
    }

.large-feature__product-left {
    float: left;
    padding: 15px 20px 20px;
}

@media screen and (min-width: 47.5em) {
    .large-feature__product-left {
        float: none;
        padding: 34px 40px 25px;
    }
}

@media screen and (min-width: 63.75em) {
    .large-feature__product-left {
        float: left;
        padding: 34px 20px 40px 40px;
    }
}

@media screen and (min-width: 80em) {
    .large-feature__product-left {
        float: left;
        padding: 34px 40px 40px;
    }
}

.reversed .large-feature__product-left {
    float: right;
}

@media screen and (min-width: 47.5em) {
    .reversed .large-feature__product-left {
        float: none;
    }
}

@media screen and (min-width: 63.75em) {
    .reversed .large-feature__product-left {
        float: right;
        padding: 34px 40px 40px 20px;
    }
}

@media screen and (min-width: 80em) {
    .reversed .large-feature__product-left {
        padding: 34px 40px 40px;
    }
}

.large-feature__product-right {
    font-size: 0;
    float: right;
    padding: 20px 20px 20px 0;
}

@media screen and (min-width: 47.5em) {
    .large-feature__product-right {
        float: none;
        padding: 0 40px 35px;
    }
}

@media screen and (min-width: 63.75em) {
    .large-feature__product-right {
        float: right;
        padding: 35px 40px 30px 0;
    }
}

@media screen and (min-width: 80em) {
    .large-feature__product-right {
        padding: 20px 40px 20px 0;
    }
}

.reversed .large-feature__product-right {
    float: left;
    padding: 20px 0 20px 20px;
}

@media screen and (min-width: 47.5em) {
    .reversed .large-feature__product-right {
        float: none;
        padding: 0 40px 35px;
    }
}

@media screen and (min-width: 63.75em) {
    .reversed .large-feature__product-right {
        float: left;
        padding: 35px 0 30px 40px;
    }
}

@media screen and (min-width: 80em) {
    .reversed .large-feature__product-right {
        padding: 20px 0 20px 40px;
    }
}

.large-feature__product-text {
    width: 160px;
    margin-bottom: 15px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0;
}

@media screen and (min-width: 47.5em) {
    .large-feature__product-text {
        width: auto;
        margin-bottom: 25px;
    }
}

@media screen and (min-width: 63.75em) {
    .large-feature__product-text {
        width: 280px;
        margin-bottom: 35px;
    }
}

@media screen and (min-width: 63.75em) {
    .large-feature__product-text {
        margin-bottom: 28px;
    }
}

.large-feature__product-cta {
    width: 160px;
    min-width: inherit;
}

    .large-feature__product-cta .button {
        border-color: #FFFFFF;
        border-color: #FFFFFF;
        background-color: #FFF;
        color: #000;
    }

        .large-feature__product-cta .button:hover, .large-feature__product-cta .button:active, .large-feature__product-cta .button:focus {
            border-color: #FFF;
        }

.large-feature__product-image {
    max-width: 100%;
    width: 100px;
    text-align: center;
}

@media screen and (min-width: 47.5em) {
    .large-feature__product-image {
        width: 260px;
    }
}

@media screen and (min-width: 63.75em) {
    .large-feature__product-image {
        width: 180px;
    }
}

@media screen and (min-width: 80em) {
    .large-feature__product-image {
        width: 200px;
    }
}

.large-feature__product-image img {
    max-width: 100px;
    max-height: 166px;
}

@media screen and (min-width: 47.5em) {
    .large-feature__product-image img {
        max-width: 260px;
        max-height: 268px;
    }
}

@media screen and (min-width: 63.75em) {
    .large-feature__product-image img {
        max-width: 180px;
        max-height: 224px;
    }
}

@media screen and (min-width: 80em) {
    .large-feature__product-image img {
        max-width: 200px;
        max-height: 254px;
    }
}

.reversed .large-feature__title {
    color: #FFF;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

    .reversed .large-feature__title span {
        color: #000;
        text-shadow: none;
    }

@media screen and (min-width: 47.5em) {
    .large-feature__title, .large-feature__product {
        width: 300px;
        margin-left: 425px;
    }

    .reversed .large-feature__title, .reversed .large-feature__product {
        margin-left: auto;
        margin-right: 425px;
    }
}

@media screen and (min-width: 63.75em) {
    .large-feature__title, .large-feature__product {
        width: 560px;
        margin-left: 433px;
        position: relative;
        z-index: 10;
    }

    .reversed .large-feature__title, .reversed .large-feature__product {
        margin-left: auto;
        margin-right: 433px;
    }
}

@media screen and (min-width: 80em) {
    .large-feature__title, .large-feature__product {
        width: 600px;
        margin-left: 620px;
    }

    .reversed .large-feature__title, .reversed .large-feature__product {
        margin-left: auto;
        margin-right: 620px;
    }
}

.large-feature__secondary {
    display: none;
}

@media screen and (min-width: 63.75em) {
    .large-feature__secondary {
        display: block;
        margin-left: 493px;
        width: 320px;
        position: relative;
        z-index: 5;
    }

    .reversed .large-feature__secondary {
        margin-left: auto;
        margin-right: 493px;
    }
}

@media screen and (min-width: 80em) {
    .large-feature__secondary {
        margin-left: 720px;
        width: 400px;
        height: 400px;
    }

    .reversed .large-feature__secondary {
        margin-left: auto;
        margin-right: 720px;
    }
}

.large-feature__secondary img {
    max-width: 100%;
    max-height: 100%;
}

.large-feature__swatch {
    position: absolute;
    top: 35px;
    right: -25px;
    z-index: -5;
    width: 200px;
}

@media screen and (min-width: 47.5em) {
    .large-feature__swatch {
        width: auto;
        right: 0;
        top: 0;
    }
}

@media screen and (min-width: 63.75em) {
    .large-feature__swatch {
        z-index: 1;
    }
}

.reversed .large-feature__swatch {
    right: auto;
    left: -25px;
}

@media screen and (min-width: 47.5em) {
    .reversed .large-feature__swatch {
        left: 0;
        top: 0;
    }
}

.large-feature__swatch img {
    max-width: 100%;
}

body.search-fixed {
    position: fixed;
}

.predictive-search {
    -webkit-overflow-scrolling: touch;
    position: fixed;
    width: auto;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: -50px;
    background-color: rgba(0, 0, 0, 0.92);
    display: none;
    opacity: 0;
    transition: visibility 0s linear 0.3s,opacity 0.3s linear;
    z-index: 100;
    padding: 50px 20px 20px;
    overflow: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

    .predictive-search::-webkit-scrollbar {
        display: none;
    }

    .predictive-search.open {
        visibility: visible;
        opacity: 1;
    }

    .predictive-search.display-on {
        display: block;
    }

@media screen and (min-width: 47.5em) {
    .predictive-search {
        padding: 35px 40px 40px 40px;
    }
}

@media screen and (min-width: 63.75em) {
    .predictive-search {
        padding: 20px 50px;
    }
}

@media screen and (min-width: 80em) {
    .predictive-search {
        padding: 15px 60px;
    }
}

.predictive-search__container, .chatbot-search__container {
    width: 100%;
}

@media screen and (min-width: 47.5em) {
    .predictive-search__container {
        width: 700px;
        margin: 0 auto;
        padding: 0 10px;
    }
}

@media screen and (min-width: 63.75em) {
    .predictive-search__container {
        width: 960px;
        margin: 0 auto;
        padding: 0 10px;
    }
}

@media screen and (min-width: 80em) {
    .predictive-search__container {
        width: 1280px;
    }
}

.predictive-search__top-bar, .chatbot-search__top-bar, .search-enhance__top-bar {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 42px;
}

.predictive-search__top-bar {
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
}

    .predictive-search__top-bar input.form-submit, .chatbot-search__top-bar input.form-submit, .search-enhance__top-bar input.form-submit {
        display: none;
    }

    .predictive-search__top-bar .twitter-typeahead, .chatbot-search__top-bar .twitter-typeahead {
        width: 100%;
    }

    .predictive-search__top-bar input.tt-hint, .chatbot-search__top-bar input.tt-hint {
        padding: 0 40px 0 10px;
        padding-right: 40px;
        padding-left: 10px;
        line-height: 42px;
        -webkit-font-smoothing: antialiased;
        color: #999999;
    }

    .predictive-search__top-bar .tt-menu, .chatbot-search__top-bar .tt-menu {
        display: none;
    }

    .predictive-search__top-bar input, .chatbot-search__top-bar input, .search-enhance__top-bar input {
        width: 100%;
        height: 42px;
        border: none;
        background: transparent;
        font-weight: 100;
        text-transform: uppercase;
        color: #FFFFFF;
        font-family: 'Neue Helvetica W01_79 C1289709';
        font-size: 1.125rem;
        line-height: 1.125rem;
        letter-spacing: 0.1rem;
        -webkit-font-smoothing: antialiased;
        float: left;
        padding: 0 40px 0 10px;
    }

.search-enhance__top-bar {
    margin-top: 15px;
    border-bottom: 1px solid rgba(153, 153, 153, 0.5) !important;
}

    .search-enhance__top-bar input {
        color: #000;
        font-size: 1.875rem !important;
        padding: 0;
        letter-spacing: 1px;
    }

    .search-enhance__top-bar .icon-search {
        font-size: 2.0rem;
    }


@media screen and (min-width: 47.5em) {
    .predictive-search__top-bar input, .chatbot-search__top-bar input, .search-enhance__top-bar input {
        font-size: 1.875rem;
        line-height: 1.875rem;
    }
}

.predictive-search__top-bar input.predictive-hidden, .chatbot-search__top-bar input.predictive-hidden {
    display: none;
}

.predictive-search__top-bar a.close, .chatbot-search__top-bar a.close {
    color: #FC2561;
    float: right;
    text-decoration: none;
    position: absolute;
    top: 9px;
    right: 0;
    font-size: 1.25rem;
}

.predictive-search__top-bar a.close {
    color: #fff;
}

@media screen and (min-width: 47.5em) {
    .predictive-search__top-bar a.close {
        top: 8px;
        font-size: 1.5625rem;
    }

    .chatbot-search__top-bar a.close {
        top: 11px;
        font-size: 1.5625rem;
    }
}

.predictive-search__results-container, .chatbot-search__results-container {
    position: relative;
}

    .predictive-search__results-container:before, .chatbot-search__results-container:before {
        content: '';
        width: 100%;
        border-bottom: 1px solid rgba(153, 153, 153, 0.5);
        position: absolute;
        top: -22px;
        left: 0;
    }

    .predictive-search__results-container:before {
        border-bottom: none;
    }

@media screen and (min-width: 47.5em) {
    .predictive-search__results-container:before, .chatbot-search__results-container:before {
        top: -19px;
    }
}

.predictive-search__results-info, .chatbot-search__results-info {
    opacity: 0;
    font-weight: 500;
    letter-spacing: 0.2rem;
    font-size: 0.75rem;
    line-height: 1rem;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-top: 17px;
    margin-bottom: 25px;
    overflow: hidden;
}

    .predictive-search__results-info .cta, .chatbot-search__results-info .cta {
        color: #FFFFFF;
    }

    .predictive-search__results-info .cta {
        font-size: 0.875rem;
    }

@media screen and (min-width: 47.5em) {
    .predictive-search__results-info, .chatbot-search__results-info {
        font-size: 0.875rem;
        margin-top: 25px;
        margin-bottom: 35px;
    }

        .predictive-search__results-info > div, .chatbot-search__results-info > div {
            float: left;
        }

        .predictive-search__results-info > .cta, .chatbot-search__results-info > .cta {
            float: right;
            line-height: 12px;
        }
}

.predictive-search__results, .chatbot-search__results {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 50px;
}

    .predictive-search__results .product-content-grid__grid-item, .chatbot-search__results .product-content-grid__grid-item {
        list-style-type: none;
    }

        .predictive-search__results .product-content-grid__grid-item .content-card__info .content-card__name, .chatbot-search__results .product-content-grid__grid-item .content-card__info .content-card__name {
            color: #FFFFFF;
        }

        .predictive-search__results .product-content-grid__grid-item .content-card__info .content-card__info-description, .chatbot-search__results .product-content-grid__grid-item .content-card__info .content-card__info-description {
            color: #666666;
        }

.predictive-search__result--no-results, .chatbot-search__result--no-results {
    display: none;
    text-align: center;
    margin-top: 40px;
    width: 100%;
    float: left;
}

    .predictive-search__result--no-results .noresults-header, .chatbot-search__result--no-results .noresults-header {
        font-size: 2.125rem;
        text-transform: uppercase;
        color: #FFFFFF;
        letter-spacing: 0.15rem;
        font-weight: 100;
        position: relative;
        padding-bottom: 28px;
        margin: 0;
        margin-bottom: 30px;
    }

@media screen and (min-width: 47.5em) {
    .predictive-search__result--no-results .noresults-header, .chatbot-search__result--no-results .noresults-header {
        font-size: 3.125rem;
        padding-bottom: 34px;
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 63.75em) {
    .predictive-search__result--no-results .noresults-header, .chatbot-search__result--no-results .noresults-header {
        font-size: 5rem;
        padding-bottom: 44px;
        margin-bottom: 50px;
    }
}

.predictive-search__result--no-results .noresults-header:after, .chatbot-search__result--no-results .noresults-header:after {
    content: '';
    width: 40px;
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.predictive-search__result--no-results > a.button, .chatbot-search__result--no-results > a.button {
    color: #FFFFFF;
    width: 260px;
}

.predictive-search__typeahead-wrapper {
    font-size: .7em;
    font-family: "Neue Helvetica W01";
    font-weight: 300;
    float: left;
    max-width: 30%;
    opacity: .9;
    color: #fff;
}

@media screen and (max-width: 63.75em) {
    .predictive-search__typeahead-wrapper {
        max-width: none;
    }
}

.predictive-search__item {
    padding: 5px;
    cursor: pointer;
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
}

    .predictive-search__item:hover {
        background-color: rgba(0, 0, 0, 0.6);
    }

.predictive-search__previousearch {
    position: relative;
    font-style: italic;
    clear: both;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    color: #fff;
    line-height: 1rem;
}

.predictive-search__item a {
    text-decoration: none;
    letter-spacing: normal;
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-family: "Helvetica Neue LT W05_55 Roman";
}

@media screen and (min-width: 47.5em) {
    .predictive-search__item a {
        line-height: 1.25rem;
    }
}

.predictive-search__item span {
    margin-top: 3px;
    color: rgba(255, 255, 255, 0.8);
}

.predictive-search__results-container {
    width: 66%;
    float: right;
}

@media screen and (max-width: 47.75em) {
    .predictive-search__results-count {
        display: none;
    }
}

@media screen and (max-width: 63.75em) {
    .predictive-search__results, .predictive-search__results-count {
        display: none !important;
    }

    .predictive-search__results-container {
        margin: 0 auto;
        float: left;
        width: 100%;
    }
}

.predictive-search__item-category {
    font-size: .7rem;
}

.predictive-search__item-highlight {
    background-color: #FC2561;
    font-style: normal;
    font-weight: 700;
    line-height: 1.125rem;
}

@media screen and (min-width: 47.5em) {
    .predictive-search__item-highlight {
        line-height: 1.25rem;
    }
}

.newsletter {
    width: 320px;
}

@media screen and (min-width: 47.5em) {
    .newsletter {
        width: 760px;
    }
}

@media screen and (min-width: 63.75em) {
    .newsletter {
        width: 1024px;
    }
}

@media screen and (min-width: 80em) {
    .newsletter {
        width: 1280px;
    }
}

.newsletter__header {
    position: relative;
    padding-bottom: 27px;
    margin-left: 15px;
}

@media screen and (min-width: 47.5em) {
    .newsletter__header {
        padding-bottom: 19px;
        margin-left: 30px;
    }
}

@media screen and (min-width: 63.75em) {
    .newsletter__header {
        padding-bottom: 33px;
        margin-left: 35px;
    }
}
/*
.newsletter__header:before {
  content: '';
  top: 15px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F5F5F5;
  width: 100%;
  position: absolute;
  z-index: -1; }*/

@media screen and (min-width: 47.5em) {
    .newsletter__header:before {
        top: 33px;
    }
}

.newsletter__header-title {
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 1.125rem;
    margin: 0 auto;
    letter-spacing: -0.5px;
}

@media screen and (min-width: 47.5em) {
    .newsletter__header-title {
        font-size: 3.5rem;
        line-height: 4.125rem;
        width: auto;
        letter-spacing: -1px;
    }
}

@media screen and (min-width: 63.75em) {
    .newsletter__header-title {
        font-size: 4.625rem;
        letter-spacing: -1px;
    }
}
/*
.newsletter__header-title span {
  font-weight: 100; }*/

.newsletter__body {
    width: 100%;
    height: 312px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background: #000 !important;
}

@media screen and (min-width: 47.5em) {
    .newsletter__body {
        height: auto;
        background-size: initial;
    }
}

@media screen and (min-width: 63.75em) {
    .newsletter__body {
        height: 267px;
    }
}

.newsletter__message {
    font-weight: bold;
    margin: 0 auto;
    padding: 5px 0;
    font-size: 0.625rem;
    color: #FFFFFF;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
    position: relative;
    display: none;
}

@media screen and (min-width: 47.5em) {
    .newsletter__message {
        width: 560px;
    }
}

.newsletter__message.error {
    color: #FF0000;
}

.newsletter__notice {
    color: #FFFFFF;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0;
    margin-bottom: 16px;
}

.newsletter__mail-privacy-notice, #newsletter_form > .newsletter__form-email > .newsletter__mail-privacy-notice {
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0;
}

#newsletter_form > .newsletter__form-email > .newsletter__mail-privacy-notice {
    font-size: 0.75rem !important;
    letter-spacing: 0 !important;
}

@media screen and (min-width: 47.5em) {
    .newsletter__notice {
        margin-bottom: 26px;
        max-width: 555px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}

@media screen and (min-width: 63.75em) {
    .newsletter__notice {
        margin-bottom: 36px;
        max-width: 555px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}

.newsletter__unsubscribe {
    color: #FFFFFF;
    text-align: center;
    font-size: 0.6875rem;
    line-height: 1rem;
    letter-spacing: 0.125rem;
    font-weight: 300;
    height: 60px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 16px;
}

.newsletter__form {
    font-size: 0;
    letter-spacing: 0;
    text-align: center;
}

.newsletter__form-email {
    width: 100%;
    margin-bottom: 20px;
}

@media screen and (min-width: 47.5em) {
    .newsletter__form-email {
        width: 380px;
        display: inline-block;
        vertical-align: top;
        margin-right: 20px;
        margin-bottom: 0;
    }
}

.newsletter__form-button {
    color: #FFFFFF;
    width: 100%;
}

@media screen and (min-width: 47.5em) {
    .newsletter__form-button {
        width: 160px;
        display: inline-block;
        vertical-align: top;
    }
}

.newsletter-modal {
    display: none;
    width: 320px;
    bottom: 0;
    right: 0;
    text-align: center;
    padding: 0;
    position: fixed;
    background-color: #FFFFFF;
    z-index: 1203;
}

@media screen and (max-width: 47.5em) {
    .newsletter-modal {
        width: 100%;
        margin: 0 auto;
        bottom: 0;
        border: 5px solid #FFFFFF;
    }
}

.newsletter-modal .cta-labeled-close {
    padding: 15px;
    position: absolute;
    right: 0;
    color: #FFFFFF;
    margin-top: -25px;
}

    .newsletter-modal .cta-labeled-close:before {
        font-size: 25px;
        color: #FFFFFF;
    }

    .newsletter-modal .cta-labeled-close:after {
        margin: -13px 0 0 1px;
        display: none;
    }

    .newsletter-modal .cta-labeled-close:hover {
        color: #FC2561;
    }

.newsletter-modal__header {
    position: relative;
    padding-bottom: 27px;
}

@media screen and (min-width: 47.5em) {
    .newsletter-modal__header {
        padding-bottom: 19px;
    }
}

@media screen and (min-width: 63.75em) {
    .newsletter-modal__header {
        padding-bottom: 33px;
    }
}

.newsletter-modal__header:before {
    content: '';
    top: 15px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #F5F5F5;
    width: 100%;
    position: absolute;
    z-index: -1;
}

@media screen and (min-width: 47.5em) {
    .newsletter-modal__header:before {
        top: 33px;
    }
}

.newsletter-modal__body {
    width: 100%;
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 25px;
}

@media screen and (min-width: 47.5em) {
    .newsletter-modal__body {
        height: 280px;
    }
}

.newsletter-modal__body-title {
    font-weight: 500;
    padding-top: 15px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 1.875rem;
    line-height: 1.625rem;
    width: 240px;
    margin: 0 auto;
}

    .newsletter-modal__body-title span {
        font-weight: 100;
        display: block;
    }

.newsletter-modal__message {
    font-weight: 500;
    margin: 0 auto;
    padding: 10px 0;
    font-size: 0.625rem;
    color: #FFFFFF;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    position: relative;
    display: none;
}

    .newsletter-modal__message.error {
        color: #FF0000;
    }

.newsletter-modal__notice {
    color: #FFFFFF;
    text-align: center;
    font-size: 0.8125rem;
    line-height: 1rem;
    letter-spacing: 0.125rem;
    font-weight: 300;
    margin-bottom: 10px !important;
    margin-top: 15px;
}

.newsletter-modal__unsubscribe {
    color: #FFFFFF;
    text-align: center;
    font-size: 0.6875rem;
    line-height: 1rem;
    letter-spacing: 0.125rem;
    font-weight: 300;
    height: 60px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 16px;
}

.newsletter-modal__form {
    font-size: 0;
    letter-spacing: 0;
    text-align: center;
}

.newsletter-modal__form-email {
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    z-index: 1204;
}

.newsletter-modal__form-button {
    color: #000000;
    background: #FFFFFF;
    font-weight: 500;
    width: 30%;
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    right: 0;
    top: 0;
    min-width: 6rem;
    z-index: 1205;
}

    .no-touch .newsletter-modal__form-button:hover, .newsletter-modal__form-button:active, .newsletter-modal__form-button:focus, .newsletter-modal__form-button.active {
        background-color: #000000;
        color: #FFFFFF;
        border-color: #000000;
    }

    .newsletter-modal__form-button:active {
        opacity: 1;
    }

.newsletter-modal__swatch {
    position: absolute;
    z-index: 100;
}

.site-container.gigi-collection {
    margin-top: 0px;
}

.gigi-collection .newsletter-gigi {
    background-color: transparent;
    width: 100%;
    margin: 0 auto;
}

.newsletter-gigi {
    margin-top: 0 !important;
}

    .newsletter-gigi .gigi-wrapper {
        background-position: top center;
        background-size: 100%;
        background-repeat: no-repeat;
        height: 90vh;
        max-width: 1600px;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 50px;
    }

/* Start Newsletter Toaster - V.Module Optimzation */


.newsletter-toaster {
    display: none;
    width: 100%;
    bottom: 0;
    top: inherit;
    position: fixed;
    z-index: 1203;
    margin: 0;
}

@media screen and (min-width: 47.5em) {
    .newsletter-toaster {
        position: fixed;
        max-width: 550px;
        top: 50%;
        left: 50%;
        min-height: 400px;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.newsletter-toaster__wrapper {
    padding: 10px 30px 30px 30px;
    background: black;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    /* iPhone 4/4S */
}

@media screen and (min-width: 47.5em) {
    .newsletter-toaster__wrapper {
        padding: 60px 50px 50px 60px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2 / 3) {
    .newsletter-toaster__wrapper {
        padding: 10px 30px;
    }
}

.newsletter-toaster__close {
    font-weight: 100;
    -ms-transform: scaleY(0.8);
    transform: scaleY(0.8);
    color: #FFFFFF;
    border: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 30px;
    line-height: 45px;
    background: transparent;
    cursor: pointer;
}

@media screen and (min-width: 47.5em) {
    .newsletter-toaster__close {
        font-size: 46px;
        right: 15px;
    }
}

.newsletter-toaster__form-group {
    margin: 20px 0;
    /* iPhone 4/4S */
}

    .newsletter-toaster__form-group .heading {
        margin-bottom: 15px;
    }

    .newsletter-toaster__form-group .floating-input label.error {
        z-index: 3;
        color: #FF0000;
        background: #FFFFFF;
        min-width: 150px;
        position: absolute;
        left: 10px;
        top: 0;
        font-size: 9px;
        letter-spacing: 1px;
        font-weight: 100;
        padding: 3px;
    }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2 / 3) {
    .newsletter-toaster__form-group .heading {
        margin-bottom: 5px;
    }
}

.newsletter-toaster__date input {
    max-width: 200px;
}

.newsletter-toaster__header {
    text-transform: uppercase;
    font-weight: 100;
    font-size: 30px;
    line-height: 50px;
    color: #FFFFFF;
}

@media screen and (min-width: 47.5em) {
    .newsletter-toaster__header {
        font-size: 46px;
        line-height: 50px;
    }
}

.newsletter-toaster__header span {
    font-weight: 500;
}

.newsletter-toaster__header--error {
    display: none;
}

.newsletter-toaster__header--success {
    max-width: 160px;
    min-height: 250px;
    display: none;
}

@media screen and (min-width: 47.5em) {
    .newsletter-toaster__header--success {
        max-width: 230px;
        min-height: 300px;
    }
}

.newsletter-toaster__subheader {
    color: #FFFFFF;
    font-size: .8em;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 1px;
    max-width: 320px;
}

.newsletter-toaster__action {
    display: -ms-flexbox;
    display: flex;
}

.newsletter-toaster__submit {
    font-family: "Neue Helvetica W01";
    color: #FC2561;
    background: transparent;
    border: 0;
}

.newsletter-toaster__policy {
    font-weight: 500;
    font-size: 10px;
    color: #666666;
    margin-top: 20px;
    /* iPhone 4/4S */
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2 / 3) {
    .newsletter-toaster__policy {
        margin-top: 10px;
    }
}

.newsletter-toaster__policy a {
    color: #666666;
}

.newsletter-toaster .signup_loading {
    float: right;
}

/* End Newsletter Toaster*/

@media screen and (max-width: 63.75em) {
    .newsletter-gigi .gigi-wrapper {
        background-position: top center;
        background-size: auto 100%;
    }
}

.newsletter-gigi .form__group.terms {
    margin-top: 10px;
}

    .newsletter-gigi .form__group.terms input[type="checkbox"] + label {
        font-weight: 300;
        font-size: 0.625rem;
        line-height: 1rem;
        letter-spacing: .1em;
        text-transform: none;
        color: #000000;
        text-align: left;
        position: relative;
        padding-left: 25px;
        display: inline-block;
    }

        .newsletter-gigi .form__group.terms input[type="checkbox"] + label a {
            text-decoration: underline;
            color: #666666;
        }

            .newsletter-gigi .form__group.terms input[type="checkbox"] + label a:hover {
                color: #FC2561;
            }

        .newsletter-gigi .form__group.terms input[type="checkbox"] + label span {
            display: none;
            color: #FF0000;
        }

@media screen and (max-width: 47.5em) {
    .newsletter-gigi .form__group.terms input[type="checkbox"] + label {
        width: 100%;
    }
}

.newsletter-gigi .form__group.terms input[type="checkbox"] + label::before {
    position: absolute;
    left: 0;
}

.newsletter-gigi .form__group.terms input[type="checkbox"] + label::after {
    top: 1px;
}

.newsletter-gigi .form__group--birthday {
    width: 380px;
    margin: 0;
    padding-top: 10px;
}

@media screen and (max-width: 47.5em) {
    .newsletter-gigi .form__group--birthday {
        width: 100%;
        margin: 0;
    }
}

.newsletter-gigi .form__group--birthday .floating-select {
    float: left;
}

.newsletter-gigi .form__group--birthday .custom-select {
    width: 100%;
}

.newsletter-gigi .form__group--birthday .chosen-single {
    background: url(../img/header/select-arrow.svg) no-repeat #fff;
    background-position: right 10px top 50%;
}

.newsletter-gigi .form__group--birthday__month {
    width: 100%;
}

@media screen and (min-width: 0) {
    .newsletter-gigi .form__group--birthday__month {
        width: 27.5%;
        margin: 0 2.5% 0 0;
    }
}

.newsletter-gigi .form__group--birthday__date {
    width: 100%;
}

@media screen and (min-width: 0) {
    .newsletter-gigi .form__group--birthday__date {
        width: 27.5%;
        margin: 0 2.5% 0 0;
    }
}

.newsletter-gigi .form__group--birthday__year {
    width: 100%;
}

@media screen and (min-width: 0) {
    .newsletter-gigi .form__group--birthday__year {
        width: 40%;
        margin: 0 0 0 0;
    }
}

.newsletter-gigi .form__group--location {
    width: 380px;
    margin: 10px 0 0 0;
}

    .newsletter-gigi .form__group--location .custom-select {
        width: inherit;
        margin-top: 0;
    }

    .newsletter-gigi .form__group--location .form__group--state {
        width: 100%;
        margin: 0 0 15px 0;
    }

        .newsletter-gigi .form__group--location .form__group--state .chosen-single {
            background: url(../img/header/select-arrow.svg) no-repeat #fff;
            background-position: right 10px top 50%;
        }

@media screen and (min-width: 0) {
    .newsletter-gigi .form__group--location .form__group--state {
        margin: 10px 0 0 0;
    }
}

@media screen and (max-width: 47.5em) {
    .newsletter-gigi .form__group--location {
        width: 100%;
    }
}

.newsletter-gigi__container {
    width: 320px;
    display: block;
    margin: 0 auto;
}

@media screen and (min-width: 47.5em) {
    .newsletter-gigi__container {
        width: 600px;
    }
}

.newsletter-gigi__timer {
    position: relative;
    display: none;
    padding-top: 30vh;
    -ms-transform: scaleX(1.3);
    transform: scaleX(1.3);
    margin: 0 auto;
}

@media screen and (min-width: 47.5em) {
    .newsletter-gigi__timer {
        width: 50%;
    }
}

.newsletter-gigi__timer-expired {
    font-weight: 500;
    text-align: center;
    font-size: 2.5rem;
    line-height: 2.125rem;
    letter-spacing: .07em;
    color: #FF0000;
    margin-top: 40px;
    display: none;
}

.newsletter-gigi__timer:before {
    content: '';
    top: 15px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
    z-index: -1;
}

@media screen and (min-width: 47.5em) {
    .newsletter-gigi__timer:before {
        top: 33px;
    }
}

.newsletter-gigi__timer-header {
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    font-size: 2.5rem;
    line-height: 2.125rem;
    letter-spacing: .02em;
    padding-bottom: 25px;
    color: transparent;
    margin-top: 40px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFFFFF;
}

.newsletter-gigi__timer-title {
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    font-size: 3rem;
    line-height: 1.875rem;
    margin: 0 auto;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFFFFF;
}

@media screen and (min-width: 47.5em) {
    .newsletter-gigi__timer-title {
        font-size: 4.0625rem;
        line-height: 3.125rem;
        width: auto;
    }
}

@media screen and (min-width: 63.75em) {
    .newsletter-gigi__timer-title {
        font-size: 3.625rem;
        line-height: 3.125rem;
    }
}

.newsletter-gigi__timer-title div {
    clear: both;
    margin: 0 0 10px;
}

@media screen and (max-width: 47.5em) {
    .newsletter-gigi__timer-title div {
        margin: 0 0 20px;
    }
}

.newsletter-gigi__timer-title span {
    font-weight: 500;
    color: #FF0000;
    display: inline-block;
    padding-right: 15px;
    -webkit-text-stroke-width: 0;
}

.newsletter-gigi__body {
    width: 100%;
    padding: 20px;
}

.newsletter-gigi__message {
    font-weight: 500;
    margin: 0 auto;
    padding: 5px 0;
    font-size: 0.625rem;
    color: #FFFFFF;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    position: relative;
    display: none;
}

@media screen and (min-width: 47.5em) {
    .newsletter-gigi__message {
        width: 560px;
    }
}

.newsletter-gigi__message.error {
    color: #FF0000;
}

.newsletter-gigi__notice {
    color: #FFFFFF;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1.25rem;
    letter-spacing: 0.125rem;
    font-weight: 500;
    margin-bottom: 16px;
    text-transform: uppercase;
}

    .newsletter-gigi__notice span {
        color: #FF0000;
    }

.newsletter-gigi__unsubscribe {
    color: #000000;
    text-align: center;
    font-size: 0.6875rem;
    line-height: 1rem;
    letter-spacing: 0.125rem;
    font-weight: 300;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 16px;
}

.newsletter-gigi__error-message {
    display: none;
    color: #000000;
    padding-bottom: 10px;
    text-align: center;
    font-size: 0.8125rem;
    line-height: 1.25rem;
    letter-spacing: 0.125rem;
    font-weight: 500;
}

    .newsletter-gigi__error-message.error {
        color: #FF0000;
    }

.newsletter-gigi__form {
    font-size: 0;
    letter-spacing: 0;
    text-align: center;
}

@media screen and (min-width: 47.5em) {
    .newsletter-gigi__form {
        width: 400px;
        margin: -20px auto 0;
    }
}

.newsletter-gigi__form-email {
    width: 60%;
    margin-bottom: 20px;
    height: 25px !important;
    float: left;
}

@media screen and (min-width: 0) {
    .newsletter-gigi__form-email {
        margin: 10px 0 0 5px;
    }
}

@media screen and (min-width: 47.5em) {
    .newsletter-gigi__form-email {
        vertical-align: top;
        margin-right: 20px;
        margin-bottom: 0;
    }
}

.newsletter-gigi__form-button {
    color: #FFFFFF;
    width: 30%;
    height: 25px;
    padding: 0;
    float: left;
    min-width: 50px;
    font-size: 12px;
}

@media screen and (min-width: 0) {
    .newsletter-gigi__form-button {
        margin: 10px 0 0 5px;
    }
}

@media screen and (min-width: 47.5em) {
    .newsletter-gigi__form-button {
        display: inline-block;
        vertical-align: top;
    }
}

.newsletter-gigi__form-button.button {
    background-color: #f92a63;
}

.nw-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 75px;
    right: 0;
    bottom: 0;
    width: 600px;
    height: 100%;
    margin: 0 auto;
}

    .nw-modal h2 {
        text-align: center;
        color: #000;
    }

    .nw-modal label input {
        display: none;
    }

    .nw-modal label span {
        height: 15px;
        width: 15px;
        border: 2px solid #000;
        display: inline-block;
        position: relative;
        left: 10px;
        background: #F1F1F1;
    }

.nw-modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    width: 80%;
    position: relative;
    font-size: 10px;
}

.nw-close {
    color: #000;
    float: right;
    font-size: 35px;
    font-weight: bold;
    margin-top: 20px;
}

    .nw-close:hover,
    .nw-close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.para-one {
    margin-top: 20px;
}

.para-two {
    margin-top: 0;
    font-size: 14px;
}

.para-one, .para-two, .nw-block {
    text-align: center;
    color: #000;
    margin: 0;
}

.nw-email {
    width: 300px;
    padding: 10px;
    border: 0;
    margin-top: 15px;
    background: #F1F1F1;
}

.nw-popup [type=checkbox]:checked + span:before {
    content: '\2714';
    position: absolute;
    top: -5px;
    left: 0;
}

.nw-block-one {
    margin-top: 20px;
    line-height: 1.1;
    color: #000;
}

    .nw-block-one li a {
        color: #4AB154;
    }

.nw-block-two {
    color: #000;
}

.nw-bold {
    font-weight: bold;
}

.nw-btn {
    text-align: center;
    margin-top: 20px;
}

    .nw-btn button {
        padding: 15px 100px;
    }

.nw-button {
    background-color: #f92a63;
    border: 1px solid #9C2E7C;
}

.nw-checkbox {
    margin-top: 10px;
}

    .nw-checkbox label.nwchk-two {
        margin-left: 20px;
    }

.wrapper {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99;
    overflow: hidden;
}

.newsletter-popmessage.newsletter_message, .newsletter-popmessage.newsletter_message_error {
    position: relative;
    top: 30px;
    right: 0;
    bottom: 0;
    color: #3c763d;
    z-index: 1000;
    font-size: 12px;
    text-align: center;
}

.error-nwemail, .error-nwemails, .error-chk, .error-chktwo {
    color: #FF0000;
}

@media only screen and (max-width: 767px) {
    .nw-modal {
        width: 100%;
        overflow-y: scroll;
        top: 10px;
    }

        .nw-modal label span {
            left: 0;
        }

    .nw-email {
        width: 100%;
    }

    .nw-checkbox label.nwchk-two {
        margin-left: 0;
    }

    .nw-btn button {
        padding: 20px;
        width: 100%;
    }

    .newsletter-popmessage.newsletter_message, .newsletter-popmessage.newsletter_message_error {
        left: 0px;
        top: 25px;
        font-size: 11px;
    }
}

.iframe {
    width: auto;
}

    .iframe iframe {
        border: none;
    }

.gigi-iframe .gigi-wrapper {
    margin: 0 auto;
}

@media screen and (min-width: 47.5em) {
    .gigi-iframe .gigi-wrapper {
        max-width: none;
    }
}

@media screen and (min-width: 63.75em) {
    .gigi-iframe .gigi-wrapper {
        max-width: none;
    }
}

@media screen and (min-width: 80em) {
    .gigi-iframe .gigi-wrapper {
        max-width: 80rem;
    }
}

.third-party-gallery {
    width: 320px;
}

@media screen and (min-width: 47.5em) {
    .third-party-gallery {
        width: 768px;
    }
}

@media screen and (min-width: 63.75em) {
    .third-party-gallery {
        width: 1024px;
    }
}

@media screen and (min-width: 80em) {
    .third-party-gallery {
        width: 1280px;
    }
}

.third-party-gallery__header {
    position: relative;
    text-align: center;
    padding-bottom: 23px;
}

@media screen and (min-width: 47.5em) {
    .third-party-gallery__header {
        padding-bottom: 16px;
    }
}

@media screen and (min-width: 63.75em) {
    .third-party-gallery__header {
        padding-bottom: 8px;
    }
}
/* hiding graphic element
.third-party-gallery__header:before {
  content: '';
  top: 1em;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F5F5F5;
  width: 100%;
  position: absolute;
  z-index: -1; }

@media screen and (min-width: 47.5em) {
  .third-party-gallery__header:before {
    top: .7em; } }

@media screen and (min-width: 63.75em) {
  .third-party-gallery__header:before {
    top: .6em; } }
*/
.third-party-gallery__header-title {
    font-weight: 100;
    text-align: center;
    text-transform: uppercase;
    line-height: 1em;
    margin: 0 auto;
    color: #FFF;
}

.third-party-gallery__header span {
    display: inline-block;
    text-align: left;
}

.third-party-gallery__widget {
    position: relative;
}

.third-party-gallery__widget-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: url(../img/header/gray-bg.svg) no-repeat center center;
    background-size: cover;
}

.gigi-wrapper .breadcrumbs-standard {
    margin: 0 auto 5px auto !important;
}

    .gigi-wrapper .breadcrumbs-standard a {
        color: #000000;
    }

    .gigi-wrapper .breadcrumbs-standard span {
        color: #000000;
    }

.breadcrumbs {
    z-index: 20;
	font-family: "Helvetica Neue LT W05_55 Roman";
    position: relative;
    font-size: 10px;
	line-height:13px;
    letter-spacing: 0;
    opacity: 0;
    padding: 10px 0;
}

.sitecore-editor .breadcrumbs {
    display: none;
}

.breadcrumbs.active {
    opacity: 1;
}

.breadcrumbs span {
    color: #111;
}
.breadcrumbs span:before {
	content:'/';
	color: #111;
    padding: 0 2px 0 0;
    font-size: 16px;
    height: 10px;
    overflow: hidden;
    display: inline-block;
}

    .breadcrumbs span:first-of-type:before {
        display: none;
    }

    .breadcrumbs span:before {
        color: #111;        
    }

    .breadcrumbs span a {
        color: #111;
        text-decoration: none;
    }

        .breadcrumbs span a:hover {
            color: #333333;
        }

.breadcrumbs .breadcrumbs-standard {   
    background: transparent;
    position: relative; 
    padding:0 15px;
    width:100%;
	clear:both;
}

@media screen and (min-width: 47.5em) {
    .breadcrumbs .breadcrumbs-standard {
          width:708px;
          padding: 0;
          margin: 0 auto;
    }
    .breadcrumbs span:before {
        font-size:22px;
    }
}
@media screen and (min-width: 63.75em) {
    .breadcrumbs .breadcrumbs-standard {
        width:904px;
    }
}

.breadcrumbs .breadcrumbs-enhanced {
    padding: 3px 20px 5px 10px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    margin: 10px auto 5px 40px;
}

@media screen and (min-width: 80em) {
    .breadcrumbs .breadcrumbs-enhanced {
        margin-left: 60px;
    }
	.breadcrumbs .breadcrumbs-standard {
		width:1200px;	
    }   
}
@media screen and (min-width: 81em) {
    
	.breadcrumbs .breadcrumbs-standard {
		width:1320px;
	}
}
.breadcrumbs .breadcrumbs-enhanced span {
    color: #FFFFFF;
}

    .breadcrumbs .breadcrumbs-enhanced span:before {
        color: #FFFFFF;
    }

    .breadcrumbs .breadcrumbs-enhanced span a {
        color: #FFFFFF;
    }

        .breadcrumbs .breadcrumbs-enhanced span a:hover {
            color: #999999;
        }

.content-feed {
    height: calc(100vh - 60px);
    overflow-y: hidden;
}

    .content-feed .mny-loader {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 2;
    }

        .content-feed .mny-loader.appendix {
            top: 0%;
            -webkit-transform: translate(-50%, 0%);
            -ms-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
            position: relative;
            margin: 10px 0px;
        }

.site-container .content-feed:first-child:not(.small-feed):not(.masthead):not(.featured-product-wide_no-secondary) {
    margin: 0;
}

.content-feed__container, .content-feed__card, .content-feed__content {
    width: 100vw;
    height: 100%;
}

.content-feed__container {
    background-color: #000000;
}

.content-feed__container--hidden {
    display: none;
}

.content-feed__card {
    overflow-y: scroll;
}

    .content-feed__card.slick-current .content-feed__title {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .content-feed__card.slick-current.chatOpen {
        overflow-y: hidden;
    }

.content-feed__content {
    position: relative;
    background-position: center center;
    background-size: cover;
}

.content-feed__swipe {
    font-size: 0.625rem;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: 0.3rem;
    text-transform: uppercase;
    margin: 25px 20px 0 0;
    float: right;
    position: relative;
    z-index: 10;
}

    .content-feed__swipe span {
        margin: 5px 0 0 20px;
        width: 30px;
        background: #FFFFFF;
        height: 1px;
        float: right;
    }

        .content-feed__swipe span:after {
            position: absolute;
            right: 0;
            margin: -5px -8px 0 0;
        }

.content-feed__common {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 78px 65px 40px 20px;
    color: #FFFFFF;
}

    .content-feed__common:after {
        position: absolute;
        bottom: 15px;
        left: 27px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.content-feed .heading {
    text-transform: uppercase;
    margin-bottom: 5px;
}

.content-feed__tip {
    padding: 0 0.75rem;
    font-size: 0.75rem;
    line-height: 1.625rem;
    font-weight: 500;
    text-transform: uppercase;
    border: 1px solid #FFFFFF;
    display: inline-block;
    letter-spacing: 0.180rem;
    text-transform: uppercase;
}

.content-feed__title {
    font-weight: 100;
    font-size: 1.875rem;
    line-height: 2rem;
    letter-spacing: 0.06rem;
    margin: 0 0 11px;
    transition: -webkit-transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transform: translateX(60px);
    -ms-transform: translateX(60px);
    transform: translateX(60px);
}

    .content-feed__title span {
        font-weight: 500;
    }

.content-feed__subtitle {
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.2rem;
    margin: 0 0 11px;
    text-transform: uppercase;
}

.content-feed__copy {
    font-weight: 300;
    font-size: 0.75rem;
    line-height: 1.25rem;
    letter-spacing: 0.105rem;
    margin: 0;
}

    .content-feed__copy p {
        margin: 0 0 1rem;
    }

        .content-feed__copy p:last-child {
            margin: 0;
        }

.content-feed__product {
    position: absolute;
    z-index: 2;
    top: 4.92125%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 56.25%;
    border: 10px solid #000000;
}

    .content-feed__product img {
        width: 100%;
        max-width: 100%;
    }

.content-feed__card--pdp .content-feed__content {
    background-color: #FFFFFF;
}

    .content-feed__card--pdp .content-feed__content:before {
        content: " ";
        display: block;
        height: 10.82677%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        opacity: .1;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, black 0%, transparent 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

.content-feed__card--pdp .content-feed__common {
    background-color: rgba(255, 255, 255, 0.8);
    color: #000000;
}

.content-feed__card--cpd .content-feed__common {
    background-color: black;
    padding-top: 20px;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.content-feed__card--cpd .content-feed__title {
    font-size: 3rem;
    line-height: 2.75rem;
}

    .content-feed__card--cpd .content-feed__title span {
        font-weight: 500;
    }

.content-feed__card--vpd .content-feed__media {
    padding-top: 56.25%;
    position: relative;
}

.content-feed__card--vpd .content-feed__media-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-size: cover;
}

.content-feed__card--vpd .content-feed__media-button {
    line-height: 37px;
    text-align: center;
    color: #FFFFFF;
    width: 60px;
    height: 37px;
    background: #FC2561;
    position: absolute;
    bottom: 0;
    right: 0;
    pointer-events: none;
}

.content-feed__card--vpd .content-feed__content:before {
    content: " ";
    display: block;
    height: 3.4375rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    opacity: .4;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, black 0%, transparent 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.content-feed__card--vpd .content-feed__common {
    position: relative;
    padding: 20px 65px 40px 20px;
}

    .content-feed__card--vpd .content-feed__common:after {
        display: none;
    }

.content-feed__appendix {
    background-color: #FFFFFF;
    overflow-y: hidden;
}

    .content-feed__appendix .cdp-element {
        margin-top: 0px;
    }

    .content-feed__appendix .breadcrumbs {
        display: none;
        /* Hidden for local instance */
    }

@media screen and (min-width: 47.5em) {
    .content-feed__common {
        padding: 53px 145px 125px 65px;
    }

        .content-feed__common:after {
            bottom: 25px;
        }

    .content-feed .heading {
        margin-bottom: 11px;
    }

    .content-feed__title {
        font-size: 2.5rem;
        line-height: 2.625rem;
        margin: 0 0 10px;
    }

    .content-feed__subtitle {
        font-size: 0.75rem;
        line-height: 1rem;
        margin: 0 0 12px;
    }

    .content-feed__copy {
        font-weight: 300;
        font-size: 0.8125rem;
        line-height: 1.125rem;
    }

    .content-feed__product {
        top: 4.92125%;
        width: 54.6875%;
        border: 20px solid #000000;
    }

    .content-feed__card--pdp .content-feed__content:before {
        height: 6.74273%;
    }

    .content-feed__card--vpd .content-feed__common {
        padding: 40px 145px 125px 65px;
    }

    .content-feed__card--vpd .content-feed__title {
        font-size: 4.375rem;
        line-height: 4.5rem;
    }

    .content-feed__card--vpd .content-feed__content:before {
        height: 4.0625rem;
    }
}

body.lockScroll {
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.content-feed-ftue {
    opacity: 0;
    background-size: cover;
    -webkit-transform: translate(-100%, -100%);
    -ms-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
}

.content-feed-ftue-open .content-feed-ftue {
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.content-feed-ftue:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(/maybelline/global/img/ftue/ftue-bg-triangle.png);
    background-size: 100% 100%;
}

.content-feed-ftue__container {
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.content-feed-ftue__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #FFFFFF;
}

.content-feed-ftue__icon {
    width: 10.625rem;
    height: 10.625rem;
    border: 1px solid #FC2561;
    border-radius: 50%;
    position: relative;
    margin-bottom: 1.5625rem;
}

    .content-feed-ftue__icon:before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 5rem;
    }

@media screen and (min-width: 47.5em) {
    .content-feed-ftue__icon {
        width: 21.25rem;
        height: 21.25rem;
    }

        .content-feed-ftue__icon:before {
            font-size: 10rem;
        }
}

.content-feed-ftue__title, .content-feed-ftue__subtitle {
    width: 140px;
    margin: 0 auto;
}

@media screen and (min-width: 47.5em) {
    .content-feed-ftue__title, .content-feed-ftue__subtitle {
        width: 200px;
    }
}

.content-feed-ftue__title {
    font-size: 0.875rem;
    line-height: 1.125rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #FFFFFF;
}

@media screen and (min-width: 47.5em) {
    .content-feed-ftue__title {
        font-size: 1.125rem;
    }
}

.content-feed-ftue__subtitle {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.625rem;
    line-height: 0.875rem;
    font-weight: 300;
    letter-spacing: .03em;
    color: #FFFFFF;
    margin-top: 8px;
    margin-bottom: 15px;
}

@media screen and (min-width: 47.5em) {
    .content-feed-ftue__subtitle {
        font-size: 0.75rem;
        line-height: 1.25rem;
    }
}

.content-feed-ftue__button {
    font-size: 0.75rem;
    line-height: 1.75rem;
    letter-spacing: .2em;
    text-transform: uppercase;
    text-align: center;
    color: #FFFFFF;
    width: 74px;
    height: 30px;
    border: 1px solid #FFFFFF;
    background: #000000;
    cursor: pointer;
    margin: 0 auto;
}

@media screen and (min-width: 47.5em) {
    .content-feed-ftue__button {
        font-size: 0.875rem;
        line-height: 43px;
        width: 140px;
        height: 45px;
    }
}

.desi-katy-bundle-sweepstakes {
    background-color: #FFF;
}

    .desi-katy-bundle-sweepstakes .image-breaker {
        padding-top: 0;
    }

@media screen and (max-width: 47.5em) {
    .desi-katy-bundle-sweepstakes .image-breaker .image-breaker__image img {
        width: 100%;
        margin-left: 0;
    }
}

.form-sweeps {
    margin: 0 auto;
}

    .form-sweeps .sweeps-wrapper {
        background-position: top center;
        background-size: auto 100%;
        background-repeat: no-repeat;
        margin-left: auto;
        margin-right: auto;
    }

@media screen and (min-width: 47.5em) {
    .form-sweeps .sweeps-wrapper {
        background-size: 100%;
    }
}

@media screen and (min-width: 47.5em) {
    .form-sweeps {
        width: 760px;
    }
}

@media screen and (min-width: 63.75em) {
    .form-sweeps {
        width: 1024px;
    }
}

@media screen and (min-width: 80em) {
    .form-sweeps {
        width: 1280px;
    }
}

.form-sweeps__body {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
}

@media screen and (min-width: 47.5em) {
    .form-sweeps__body {
        width: 50%;
        background-size: initial;
    }
}

.form-sweeps__message {
    font-weight: 500;
    margin: 0 auto;
    padding: 5px 0;
    font-size: 0.625rem;
    color: #FFFFFF;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    position: relative;
    display: none;
}

@media screen and (min-width: 47.5em) {
    .form-sweeps__message {
        width: 560px;
    }
}

.form-sweeps__message.error {
    color: #FF0000;
}

.form-sweeps__header {
    color: #000000;
    font-weight: 500;
    letter-spacing: 0.1rem;
    font-size: 1.5rem;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .form-sweeps__header {
        font-size: 1.5rem;
        margin: 20px 0 20px 0;
    }
}

@media screen and (min-width: 63.75em) {
    .form-sweeps__header {
        font-size: 1.75rem;
        margin: 20px 0 20px 0;
    }
}

@media screen and (min-width: 80em) {
    .form-sweeps__header {
        font-size: 2rem;
    }
}

.form-sweeps__notice {
    width: 80%;
    margin: 20px auto;
    color: #000000;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1.125rem;
    letter-spacing: 0.0625rem;
    font-weight: 300;
    margin-bottom: 30px;
}

    .form-sweeps__notice span {
        font-weight: 500;
    }

@media screen and (min-width: 47.5em) {
    .form-sweeps__notice {
        width: 80%;
        font-size: 0.875rem;
        line-height: 1.3125rem;
    }
}

@media screen and (min-width: 63.75em) {
    .form-sweeps__notice {
        width: 90%;
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.form-sweeps__thankyou {
    display: none;
    width: 50%;
    margin: 20px auto;
    height: 100vh;
    color: #000000;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.0625rem;
    font-weight: 300;
}

    .form-sweeps__thankyou span {
        font-weight: 500;
    }

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .form-sweeps__thankyou span {
        font-size: 1.125rem;
    }
}

@media screen and (min-width: 63.75em) {
    .form-sweeps__thankyou span {
        font-size: 1.75rem;
    }
}

.form-sweeps__thankyou a {
    color: #FF0000;
    font-weight: 500;
}

.form-sweeps__unsubscribe {
    color: #FFFFFF;
    text-align: center;
    font-size: 0.6875rem;
    line-height: 1rem;
    letter-spacing: 0.125rem;
    font-weight: 300;
    height: 60px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 16px;
}

.form-sweeps__error-message {
    display: none;
    color: #000000;
    padding-bottom: 10px;
    text-align: center;
    font-size: 0.8125rem;
    line-height: 1.25rem;
    letter-spacing: 0.125rem;
    font-weight: 500;
}

    .form-sweeps__error-message.error {
        color: #FF0000;
    }

.form-sweeps__form {
    font-size: 0;
    letter-spacing: 0;
    text-align: center;
    width: 90%;
    margin: 0 auto 50px auto;
}

@media screen and (min-width: 47.5em) {
    .form-sweeps__form {
        width: 70%;
        margin: 0 auto 75px auto;
    }
}

@media screen and (min-width: 63.75em) {
    .form-sweeps__form {
        margin: 0 auto 120px auto;
    }
}

@media screen and (min-width: 80em) {
    .form-sweeps__form {
        margin: 0 auto 220px auto;
    }
}

.form-sweeps__form .form__group {
    margin-bottom: 10px;
}

    .form-sweeps__form .form__group.floating-input input {
        background-color: #F1F1F1;
    }

.form-sweeps__form .form__group--statezip .form__group {
    float: left;
    width: 50%;
}

.form-sweeps__form .form__group--statezip .floating-input {
    padding-left: 10px;
}

.form-sweeps__form .form__group--statezip .custom-select {
    width: 100%;
    margin-top: 0;
    height: 44px;
    display: block;
    background-color: #F1F1F1;
}

.form-sweeps__form .form__group--2colums {
    margin: 20px 0;
    text-align: left;
}

    .form-sweeps__form .form__group--2colums .form__checkbox label {
        position: relative;
        color: #666666 !important;
        text-transform: inherit !important;
        float: left;
        line-height: 0.75rem !important;
    }

        .form-sweeps__form .form__group--2colums .form__checkbox label:before {
            background: #F1F1F1;
        }

    .form-sweeps__form .form__group--2colums .form__checkbox input[type="checkbox"]:checked + label:before {
        background: #F1F1F1;
        border: 1px solid #F1F1F1;
        float: left;
    }

    .form-sweeps__form .form__group--2colums .terms span {
        color: #FF0000;
        font-weight: 500;
    }

.form-sweeps__form-button {
    color: #FF0000;
    border: 1px solid #FF0000;
    width: 100%;
}

@media screen and (min-width: 47.5em) {
    .form-sweeps__form-button {
        width: 160px;
        display: inline-block;
        vertical-align: top;
    }
}

.product-info__columns {
    position: relative;
}

.vto__pdp {
    position: relative;
    display: none;
}

    .vto__pdp .icon-close {
        cursor: pointer;
        position: absolute;
        z-index: 10;
        color: #fff;
        right: 0;
        top: 0;
        font-size: 1.25rem;
        padding: 15px;
    }

        .vto__pdp .icon-close.hidden {
            display: none;
        }

.vto__warning {
    display: none;
}

.vto__pdp .modiface__pdp {
    height: 375px;
}

.vto__share-consent {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 9px;
    padding: 10px;
    background-color: #000;
    color: #fff;
    text-align: left;
    line-height: 1.4;
}

    .vto__share-consent a {
        color: #fc2561;
    }

    .vto__share-consent.hidden {
        display: none;
    }

.module-stateful.product-info.vto-active .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch[data-show-vto="False"],
.module-stateful.product-info.vto-active .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch[data-show-vto="False"] {
    border: 1px solid #FC2561;
    opacity: 0.5;
    cursor: default;
    background-color: #ccc !important;
}

    .module-stateful.product-info.vto-active .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch[data-show-vto="False"]:hover,
    .module-stateful.product-info.vto-active .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch[data-show-vto="False"]:hover {
        transform: scale(1, 1);
    }

.module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch::before,
.module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch::before {
    content: "";
}

.module-stateful.product-info.vto-active .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch[data-show-vto="False"]::before,
.module-stateful.product-info.vto-active .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch[data-show-vto="False"]::before {
    content: "" !important;
    position: absolute;
    left: -1px;
    display: block;
    width: 34px;
    height: 1px;
    background-color: #FC2561;
    transform: rotate(45deg);
    transition: .25s;
}

.module-stateful.product-info .vto__warning {
    color: #FC2561;
    font-size: .5rem;
    margin-bottom: 20px;
    letter-spacing: .16em;
    text-transform: uppercase;
    font-weight: 600;
}

.product-info__try-it-on {
    font-size: 1.125rem;
    font-family: "Neue Helvetica W01_79 C1289709";
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 20rem;
    border-top: 0.0625rem solid #000;
    margin: 1.25rem auto 0;
    padding: 1.25rem 0;
}

@media (min-width: 760px) {
    .vto__pdp {
        position: absolute;
        width: 300px;
        z-index: 10;
    }

        .vto__pdp .modiface__pdp {
            height: 480px;
        }

    .product-info__try-it-on {
        margin: 1.25rem 0 0;
        padding: 1.25rem 0 0;
    }

    .module-stateful.product-info.vto-active .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch[data-show-vto="False"]::before,
    .module-stateful.product-info.vto-active .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch[data-show-vto="False"]::before {
        width: 30px;
    }
}

@media (min-width: 1020px) {
    .vto__pdp {
        right: 25px;
        top: 50px;
    }
}

.product-info__try-it-on a {
    display: inline-block;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #000;
    color: #000;
    text-align: center;
    text-decoration: none;
    height: 36px;
    width: 36px;
    vertical-align: middle;
}

.product-info__try-it-on span {
    vertical-align: middle;
    margin-right: 5px;
    font-weight: 500;
}

.product-info__try-it-on svg {
    display: block;
    height: auto;
    margin: 4px auto 0;
    width: 16px;
}

.product-info__try-it-on .cls-1 {
    fill: none;
    stroke: #000;
    stroke-width: .67px;
}

.product-info__try-it-on .cls-2 {
    fill: #fc2561;
}

.product-info__try-it-on a:hover,
.vto-active .product-info__try-it-on a {
    background: #fc2561;
    color: #fff;
    border-color: #fc2561;
}

    .product-info__try-it-on a:hover .cls-1,
    .vto-active .product-info__try-it-on .cls-1 {
        stroke: #fff;
    }

    .product-info__try-it-on a:hover .cls-2,
    .vto-active .product-info__try-it-on .cls-2 {
        fill: #fff;
    }

.vto {
    margin-top: 0;
    background-color: #fff;
    font-size: 0;
    position: relative;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap-reverse;
    -webkit-justify-content: center;
    justify-content: center;
}

.vto__shop-the-look {
    display: block;
    position: relative;
    margin-left: auto;
    background: #000;
    font-size: 1rem;
    color: #fff;
    overflow: hidden;
    text-transform: uppercase;
    text-align: right;
    width: 100%;
}

.vto__shop-the-look__flex {
    position: relative;
    height: 66px;
    min-width: 320px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

.vto__shop-the-look__title {
    font-weight: 100;
    font-size: 1.5rem;
    letter-spacing: .01em;
	padding: 5px;
}

    .vto__shop-the-look__title::before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        background-color: #FC2561;
        width: 20px;
        height: 2px;
        margin: 0 10px 2px 0;
    }

    .vto__shop-the-look__title strong {
        font-weight: 100;
    }

.vto__shop-the-look.opened {
    overflow: visible;
    z-index: 9;
}

.vto__shop-the-look__name {
    border-left: 1px solid #333;
    font-size: .8125rem;
    letter-spacing: .12em;
    padding: 10px 20px;
    cursor: pointer;
}

.vto.notloaded .vto__shop-the-look__name,
.vto.noshop .vto__shop-the-look__name {
    display: none;
}

.vto__shop-the-look__name span {
    display: inline-block;
    vertical-align: middle;
}

.vto__shop-the-look__name .vto__shop-the-look__toggle {
    margin-left: 5px;
    font-size: .9em;
}

.vto__shop-the-look__bar {
    background-color: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.vto__shop-the-look__list {
    position: absolute;
    background-color: #fafafa;
    opacity: 0;
    width: 100%;
    top: 0;
    transition: all .3s ease;
    z-index: -1;
    right: 0;
}

.vto__shop-the-look.opened .vto__shop-the-look__list {
    top: 65px;
    opacity: 1;
    z-index: 0;
}

.vto__shop-the-look__list .nicescroll-cursors {
    box-sizing: content-box;
}

.vto__shop-the-look__list__inner {
    max-height: 340px;
	overflow: auto !important;
}

.vto__shop-the-look__item {
    color: #333;
    margin: 0 20px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
    height: 170px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    text-align: left;
    line-height: 1;
}

.vto__shop-the-look__wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

    .vto__shop-the-look__item a {
        color: inherit;
        text-decoration: none;
    }

.vto__shop-the-look__item__image {
    border-bottom: 6px solid #000;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    box-shadow: 0 1.4rem 2rem -1.4rem rgba(0, 0, 0, 0.75);
}

    .vto__shop-the-look__item__image img {
        width: 80px;
        height: auto;
    }

.vto__shop-the-look__item__content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-positive: 2;
    padding-left: 20px;
    min-width: 255px;
}

.vto__shop-the-look__item__details {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-size: .813rem;
    letter-spacing: .120em;
}

.vto__shop-the-look__item__name {
    padding-right: 10px;
}

.vto__shop-the-look__item__variant {
    margin-top: 10px;
    letter-spacing: .125em;
    font-size: .688rem;
}

.vto__shop-the-look__item__top-right {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    text-align: center;
}

.vto__price__title {
    font-weight: 200;
    margin-bottom: 5px;
    text-align: right;
}

.vto__shop-the-look__item__fav {
    margin-top: 5px;
}

.vto__shop-the-look__item__actions {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.vto__shop-the-look__item__remove {
    margin-bottom: 10px;
}

    .vto__shop-the-look__item__remove a {
        color: #999;
        text-transform: none;
        font-size: 1rem;
        text-decoration: none;
    }

        .vto__shop-the-look__item__remove a:hover {
            color: #333;
        }

.vto__shop-the-look__item__add a {
    color: #fff;
    font-size: .688rem;
    background: #000;
    letter-spacing: .2em;
    padding: 15px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    min-width: 110px;
    transition: all .3s ease;
}

    .vto__shop-the-look__item__add a:hover {
        background-color: #f92a63;
    }

    .vto__shop-the-look__item__add a.added {
        background-color: #f92a63;
        cursor: default;
    }

.vto__shop-the-look__bottom {
    display: none;
    padding: 20px 20px 30px;
    font-size: 1.125rem;
}

    .vto__shop-the-look__bottom.empty {
        padding: 10px;
    }

.vto__shop-the-look__total {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    letter-spacing: .12em;
    color: #000;
}

.vto__shop-the-look__total__name {
    letter-spacing: .12em;
    font-weight: 100;
}

.vto__shop-the-look__add__look {
    padding-top: 30px;
    text-align: center;
}

    .vto__shop-the-look__add__look a {
        color: #fff;
        background: #000;
        letter-spacing: .2em;
        padding: 15px 35px;
        text-decoration: none;
        display: inline-block;
        transition: all .3s ease;
    }

        .vto__shop-the-look__add__look a:hover {
            background-color: #f92a63;
        }

.vto__shop-the-look__empty {
    text-align: center;
    min-height: 320px;
}

.vto__shop-the-look__empty__title,
.vto__shop-the-look__empty__text {
    padding: 30px 0;
    margin: 0 20px;
}

.vto__shop-the-look__empty__title {
    color: #000;
    font-size: 2.2rem;
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
    letter-spacing: .01em;
}

    .vto__shop-the-look__empty__title span {
        font-weight: 100;
    }

.vto__shop-the-look__empty__text {
    font-size: 1.063rem;
    color: #666;
    text-transform: none;
    letter-spacing: .06em;
    line-height: 1.65;
    font-weight: 300;
}

.vto__app__wrapper {
    max-width: 375px;
    width: 100%;
}

    .vto__app__wrapper .modiface__embed__frame {
        height: 280px;
    }

.vto__app {
    font-size: 0;
}

.vto__interface {
    width: 100%;
    text-transform: uppercase;
    font-size: 1rem;
    position: relative;
    padding: 0 20px;
}

    .vto__interface .vto__interface__title,
    .vto__interface .vto__interface__description,
    .vto__interface .vto__interface__cta,
    .vto__interface .vto__interface__bg {
        display: none;
    }

.vto.notloaded .vto__top-category__head,
.vto.notloaded .vto__top-category__body {
    display: none !important;
}

.vto__interface .vto__interface__bg3 {
    display: block;
    padding-top: 32px;
    text-align: right;
}

.vto.notloaded .vto__interface__bg3 {
    display: none;
}

.vto__top-category__select {
    font-size: .8125rem;
    letter-spacing: .12em;
}

.vto.notloaded .vto__top-category__select {
    display: none;
}

.vto__top-category__select::before {
    content: '';
    width: 30px;
    height: 2px;
    background: #FC2561;
    margin: 10px 0 3px;
    display: block;
}

.vto__share-area {
    display: none;
}

.vto__top-category__head {
    padding: 30px 0 0;
    font-size: 0;
}

.vto__top-category__body {
    width: 100%;
}

.vto__top-category__body,
.vto__sub-category__body,
.vto__product__body,
.vto__look__body,
.vto__palette__placement__body {
    display: none;
}

.vto__top-category__name {
    display: inline-block;
    font-size: 1.875rem;
    font-weight: 100;
    line-height: 1;
    letter-spacing: .08em;
    cursor: pointer;
}

    .vto__top-category__name:not(:last-child) {
        margin-right: 24px;
    }

    .vto__top-category__name .icon {
        display: none;
    }

.vto__sub-category__head {
    padding: 15px 0 0;
}

.vto__sub-category__name {
    padding-bottom: 4px;
    border-bottom: 2px solid transparent;
    font-size: .8125rem;
    line-height: 1;
    letter-spacing: .12em;
    cursor: pointer;
}

    .vto__sub-category__name:not(:last-child) {
        margin-right: 30px;
    }

    .vto__sub-category__name.selected {
        border-bottom-color: #f92a63;
        cursor: default;
    }

.vto__product__head {
    box-shadow: 0 2rem 1.5rem -2rem rgba(0, 0, 0, 0.35);
    padding: 10px 0 0;
    margin-bottom: 15px;
}

.vto__product__image {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    cursor: pointer;
}

    .vto__product__image.selected::after {
        content: '';
        position: absolute;
        background-color: #f92a63;
        bottom: 0;
        left: 0;
        right: 0;
        height: 5px;
        cursor: default;
    }

    .vto__product__image img {
        width: 55px;
    }

.vto__product__body {
    font-size: 0.6875rem;
    letter-spacing: .12em;
    line-height: 1;
}

.vto__top-categories.mobile-product-active .vto__product__body.selected {
    display: block;
}

.vto__product__image.selected::after {
    content: none;
}

.vto__top-categories.mobile-product-active .vto__product__image.selected::after {
    content: '';
}

.vto__product__fav {
    display: none;
}

.vto__product__name {
    color: black;
    display: block;
}

    .vto__product__name::before {
        content: '';
        width: 30px;
        height: 2px;
        background: #FC2561;
        margin: 10px 0 8px;
        display: block;
    }

.vto__variant__name {
    font-weight: 100;
    margin-top: 5px;
    opacity: 0;
    transition: all .3s ease;
}

    .vto__variant__name.selected {
        opacity: 1;
    }

.vto .new-brow {
    position: absolute;
    top: 6px;
    left: 0;
    line-height: 1;
    color: #FC2561;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: normal;
    text-transform: uppercase;
    padding: 0.1875rem 0;
    z-index: 30;
}

.vto .color-picker__swatch .new-brow {
    top: -10px;
    font-size: 8px;
}

.vto__looks__head {
    margin-top: 30px;
}

.vto__look__head {
    color: #000;
    text-decoration: none;
}

    .vto__look__head.selected {
        color: #fc2561;
    }

.vto__look__title {
    font-size: 10px;
    letter-spacing: .12em;
}

.vto__look__image {
    margin: 10px 28px 0 0;
    width: 100px;
    height: 100px;
    border-bottom: 2px solid transparent;
    overflow: hidden;
}

.vto__look__head.selected .vto__look__image {
    background-color: #fc2561;
    padding: 2px 2px 0;
    border-bottom-color: #fc2561;
}

.vto__look__image img {
    width: 100%;
    height: auto;
}


.vto__look__body {
    margin-top: 45px;
}

.vto__look__products {
    margin-top: 25px;
}

    .vto__look__products a {
        text-decoration: none;
    }

.vto__look__product {
    display: -webkit-flex;
    display: flex;
    color: #000;
    font-size: 10px;
    letter-spacing: .12em;
    width: 150px;
    margin-right: 20px;
}

.vto__look__product__image {
    width: 45px;
}

    .vto__look__product__image img {
        width: 100%;
        height: auto;
    }

.vto__look__product__content {
    width: 105px;
    padding-left: 10px;
    line-height: 1.3;
}

.vto__look__product__name::before {
    content: '';
    width: 30px;
    height: 2px;
    background: #FC2561;
    margin: 0 0 5px;
    display: block;
}

.vto__look__product__shade {
    font-weight: 100;
}

.vto__interface .vto__top-category__body .slick-list .slick-track .slick-slide {
    line-height: 16px;
}

@media (max-width: 759px) {
    .site-container .module-stateful:first-child:not(.small-feed):not(.masthead):not(.featured-product-wide_no-secondary) {
        margin-top: 37px;
    }
    
    .vto {
        padding: 0;
        margin: 0;
        background: #000;
    }

    .vto__interface {
        background: #fff;
    }

    .vto__top-categories.flexboxed {
        display: -webkit-flex;
        display: flex;
        position: relative;
        min-height: 360px;
		overflow-x: hidden;
		width:373px;
		margin-left:-20px;
    }

    .vto__top-categories.mobile-active .vto__top-category__select {
        display: none;
    }

    .vto__top-categories.mobile-active .vto__top-category__head {
        padding-top: 15px;
		height: 47px;
		margin-left: 20px;
    }

    .vto__top-categories.mobile-active .vto__top-category__name {
        display: none;
    }

        .vto__top-categories.mobile-active .vto__top-category__name.selected {
            display: inline-block;
            color: #FC2561;
            font-size: 0.8125rem;
            font-weight: 100;
            line-height: 1;
            margin-right: 30px;
            white-space: nowrap;
			background-color: #fff;
			margin-left: -5px;
        }

            .vto__top-categories.mobile-active .vto__top-category__name.selected .icon {
                display: inline-block;
                vertical-align: middle;
                margin-right: 10px;
                font-size: .9em;
            }

    .vto__top-categories.mobile-active .vto__interface__bg3 {
        display: none;
    }

    .vto__top-categories.mobile-active .vto__top-category__body.selected,
    .vto__top-categories.mobile-active .vto__sub-category__body.selected,
    .vto__top-categories.mobile-active .vto__look__body.selected,
    .vto__top-categories.mobile-active .vto__palette__placement__body.selected {
        display: block;
    }

    .vto__top-categories.mobile-active .vto__sub-category__body.selected {
        position: absolute;
        left: 0;
        right: 0;
		margin-left: 20px;
    }

    .vto__look__product__fav {
        display: none;
    }
}

@media (min-width: 360px) {
    .vto__app__wrapper .modiface__embed__frame {
        height: 325px;
    }

    .vto__shop-the-look__title::before {
        width: 65px;
    }

    .vto__shop-the-look__name {
        width: 50%;
    }
}

@media (min-width: 360px) and (min-height: 700px) {
    .vto__app__wrapper .modiface__embed__frame {
        height: 375px;
    }
}

@media (min-width: 500px) {
    .vto__shop-the-look,
    .vto__shop-the-look__list {
        max-width: 375px;
    }

    .vto__interface {
        max-width: 375px;
    }
}

@media (min-width: 760px) {
    .vto {
        width: 100%;
        padding: 80px 0;
    }

        .vto.notloaded .vto__interface {
            padding: 160px 0 50px 100px;
            margin: -160px 0 -50px -100px;
            min-height: 640px;
        }

    .vto__interface .vto__interface__title {
        position: relative;
        display: block;
        font-size: 3.75rem;
        font-weight: 100;
        line-height: 1;
        margin-top: -.1em;
        letter-spacing: .01em;
    }

        .vto__interface .vto__interface__title strong {
            font-weight: 100;
        }

        .vto__interface .vto__interface__title h1 {
            display: inline;
            font-size: 3.75rem;
            font-weight: 100;
        }

    .vto__interface .vto__interface__description {
        display: none;
    }

        .vto__interface .vto__interface__description h3 {
            font-size: .8125rem;
            font-weight: 300;
        }

    .vto__interface__line {
        position: relative;
        border-bottom: 1px solid #000;
    }

    .vto.notloaded .vto__interface__line {
        margin-top: 65px;
    }

    .vto.notloaded .vto__interface__bg1,
    .vto.notloaded .vto__interface__bg2 {
        position: absolute;
        display: block;
    }

    .vto.notloaded .vto__interface__bg1 {
        top: 0;
        left: 0;
    }

    .vto.notloaded .vto__interface__bg2 {
        bottom: 0;
        left: 0;
    }

    .vto__interface .vto__interface__bg3 {
        display: none;
    }

    .vto.notloaded .vto__interface__description,
    .vto.notloaded .vto__interface__cta {
        position: relative;
        display: block;
    }

    .vto.notloaded .vto__interface__description {
        color: #666;
        font-weight: 300;
        font-size: .8125rem;
        letter-spacing: .105em;
        text-transform: none;
        line-height: 1.7;
        margin-right: 30px;
    }

    .vto.notloaded .vto__interface__cta {
        letter-spacing: .2em;
        padding-top: 20px;
    }

        .vto.notloaded .vto__interface__cta h2 {
            font-size: 1rem;
            font-weight: 100;
        }

        .vto.notloaded .vto__interface__cta .icon {
            font-size: 1.4em;
            vertical-align: middle;
        }

    .vto__app__wrapper {
        max-width: 360px;
    }

        .vto__app__wrapper .modiface__embed__frame {
            min-width: 360px;
            height: 480px;
        }

    .vto__app {
        max-width: 360px;
    }

    .vto__app,
    .vto__interface {
        display: inline-block;
        vertical-align: top;
    }

    .vto__interface {
        max-width: 350px;
        padding: 0 0 0 40px;
    }

        .vto__interface .vto__top-category__select {
            display: none;
        }

    .vto__top-category__head {
        padding: 20px 20px 0 0;
        margin-bottom: -1px;
        z-index: 1;
    }

    .vto__top-category__name {
        border-bottom: 5px solid transparent;
        font-size: 2.188rem;
        opacity: .5;
        padding: 2px 0 15px;
    }

        .vto__top-category__name:not(:last-child) {
            margin-right: 30px;
        }

        .vto__top-category__name.selected {
            border-bottom-color: #FC2561;
            font-weight: 100;
            opacity: 1;
        }

    .vto__sub-category__head {
        padding: 20px 0 0;
    }

    .vto__sub-category__name {
        border-bottom: none;
    }

        .vto__sub-category__name:not(:last-child) {
            margin-right: 35px;
        }

        .vto__sub-category__name.selected {
            color: #FC2561;
            cursor: default;
        }

    .vto__product__head {
        padding: 60px 0 0 0;
        margin-bottom: 40px;
    }

    .vto__top-category__body.selected,
    .vto__sub-category__body.selected,
    .vto__look__body.selected,
    .vto__palette__placement__body.selected {
        display: block;
    }

    .vto__top-category__body {
        padding-right: 20px;
    }

    .vto__product__body {
        position: relative;
        font-size: 1.125rem;
        padding-right: 20px;
    }

    .vto__product__fav {
        display: block;
        float: right;
        margin-top: -3px;
    }


    .vto__product__name {
        font-size: .875rem;
        margin: 10px 25px 0 0;
        width: auto;
    }

        .vto__product__name::before {
            content: none;
        }

    .vto .color-picker__swatch .new-brow {
        top: 36px;
        right: 0;
        font-size: .75rem;
        text-align: center;
    }

    .vto__variant__name {
        font-size: .875rem;
    }

    .vto__looks__head {
        margin-top: 20px;
        padding-right: 20px;
    }

    .vto__look__title {
        font-size: .8125rem;
    }

    .vto__look__image {
        margin: 40px 25px 0 0;
        width: 115px;
        height: 115px;
    }

    .vto__look__products {
        margin-top: 40px;
    }

    .vto__look__product {
        width: 195px;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }

    .vto__look__product__image {
        width: 75px;
    }

    .vto__look__product__content {
        width: 120px;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .vto__shop-the-look.opened .vto__shop-the-look__list {
        top: 60px;
    }

    .vto__shop-the-look__flex {
        position: relative;
        height: 60px;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }

    .vto__shop-the-look__name {
        border-left: none;
        padding: 10px 25px 10px 15px;
        width: auto;
    }

    .vto__shop-the-look__title {
        display: none;
    }
}

@media (min-width: 1024px) {    
    .vto__app__wrapper {
        max-width: 420px;
    }

    .vto__interface {
        max-width: 500px;
    }

    .vto__product__image img {
        width: 84px;
    }

    .vto__share-bar {
        background: #231e21;
        display: inline-block;
        font-size: 1rem;
        min-height: 200px;
        min-width: 60px;
    }

    .vto__share-area {
        margin-top: 200px;
        background: #fff;
        height: 60px;
        width: 60px;
        text-align: center;
    }

        .vto__share-area .share-tray {
            left: 0;
        }
}

@media (min-width: 1280px) {
    .vto__interface {
        max-width: 700px;
    }
}

/* VIRTUAL TRY-ON SLICK CAROUSEL*/
.vto .slick-list::before {
    content: '';
    display: block;
    position: absolute;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+1,1+50 */
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    height: 150px;
    width: 40px;
    right: 0;
    top: -10px;
    z-index: 1;
}

.vto__top-category__head .slick-list::before {
    height: 50px;
}

.vto__looks__head .slick-list::before {
    height: 200px;
}

.vto__look__products .slick-list::before {
    width: 150px;
}

.vto .slick-arrow {
    position: absolute;
    opacity: 1;
    top: 50%;
    z-index: 1;
    font-size: 2rem;
    color: #999;
    cursor: pointer;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .3s ease;
}

.vto__product__head .slick-arrow,
.vto__looks__head .slick-arrow {
    font-size: 3rem;
    top: 65%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.vto__primary-swatches .slick-arrow {
    top: 33%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.vto .slick-arrow.slick-disabled {
    opacity: 0;
}

.vto .slick-prev {
    left: 0;
}

.vto__product__head .slick-prev,
.vto__looks__head .slick-prev {
    left: -50px;
}

.vto__primary-swatches .slick-prev,
.vto__look__products .slick-prev,
.vto__palette__colors .slick-prev {
    left: -40px;
}

.vto .slick-next {
    right: 0;
}

.vto__product__head .slick-next,
.vto__looks__head .slick-next {
    right: -15px;
}

.vto__primary-swatches .slick-next,
.vto__palette__colors .slick-next {
    right: -25px;
}

.vto__primary-swatches .slick-track,
.vto__palette__colors .slick-track {
    padding: 10px;
    left: 10px;
}

.vto .slick-prev.slick-disabled {
    left: -100px;
}

.vto .slick-next.slick-disabled {
    right: -100px;
}

/* VIRTUAL TRY-ON VARIANTS */
.vto__product__variants {
    width: 100%;
    position: relative;
}

    .vto__product__variants .color-picker {
        font-size: 0;
    }

    .vto__product__variants .color-picker__title {
        font-weight: 300;
        text-align: center;
        word-spacing: normal;
        letter-spacing: 1.25px;
        font-size: 0.625rem;
        line-height: 1.5;
        text-transform: uppercase;
        color: #999999;
        padding: 1rem 0 0.6875rem;
        margin: 0 2.5rem;
    }

    .vto__product__variants .color-picker li {
        display: inline-block;
        text-align: center;
    }

    .vto__product__variants .color-picker .color-picker__swatches {
        list-style: none;
        margin: 0;
        padding: 0 10px;
    }

        .vto__product__variants .color-picker .color-picker__swatches .slick-list {
            margin: -10px 0 -10px -10px;
        }

            .vto__product__variants .color-picker .color-picker__swatches .slick-list:after {
                clear: both;
                content: "";
                display: block;
            }

        .vto__product__variants .color-picker .color-picker__swatches .color-picker__swatch,
        .vto__palette .vto__palette__color {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            float: left;
            margin: 0 10px;
            position: relative;
            color: #FFFFFF;
            cursor: pointer;
            transition: transform 0.1s ease-in;
            background-size: 100%;
            box-shadow: 0 0 0 1px rgba(153, 153, 153, 0.3);
        }

            .vto__product__variants .color-picker .color-picker__swatches .color-picker__swatch .color-picker__swatch__multicolor {
                overflow: hidden;
                border-radius: 50%;
                box-shadow: 0 0 0 1px rgba(153, 153, 153, 0.3);
                width: 30px;
                height: 30px;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-direction: column;
                -webkit-flex-direction: column;
                flex-direction: column;
            }

                .vto__product__variants .color-picker .color-picker__swatches .color-picker__swatch .color-picker__swatch__multicolor div {
                    -ms-flex: 1 0 auto;
                    -webkit-flex: 1 0 auto;
                    flex: 1 0 auto;
                }

.no-touch .vto__product__variants .color-picker .color-picker__swatches .color-picker__swatch:hover {
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.vto__product__variants .color-picker .color-picker__swatches .color-picker__swatch:before,
.vto__palette .vto__palette__color:before {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1rem;
    line-height: 1;
}

.vto__product__variants .color-picker .color-picker__swatches .color-picker__swatch.selected:before,
.vto__palette .vto__palette__color.selected:before {
    font-family: "Maybelline-icons";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
    text-decoration: none;
    text-transform: none;
    content: "";
    color: #FFFFFF;
}

@media (min-width: 760px) {
    .vto__product__variants .color-picker .color-picker__swatches {
        padding: 10px 0;
    }

    .vto__product__body:not(.palette-open) .vto__product__variants .color-picker .color-picker__swatches .slick-list {
        height: 80px;
    }
}


/* HP-Carousel */
.module-stateful.hp-carousel {
    width: 100%;
    margin: 0 auto !important;
    overflow-x: hidden;
}

.hp-carousel .slide-image {
    opacity: 1;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all .8s ease;
}

.hp-carousel .hp-carousel-wrapper {
    width: 100%;
    overflow: hidden;
    margin: auto;
}

.hp-carousel .item {
    position: relative;
    width: 100%;
    display: none;
}

    .hp-carousel .item video, .hp-carousel .item iframe, .hp-carousel .item .slide-image img {
        width: 100%;
        height: auto;
        max-width: 100%;
        opacity: 1;
    }

.hp-carousel .hp-carousel-wrapper .slick-dots {
    display: none !important;
}

.hp-carousel .progress-container {
    position: relative;
    bottom: 35px;
    width: 90%;
    margin-left: 9%;
}

    .hp-carousel .progress-container div {
        display: inline-block;
        padding: 0;
        cursor: pointer;
        float: left;
        color: white;
    }

        .hp-carousel .progress-container div:last-child {
            margin-right: 0;
        }

        .hp-carousel .progress-container div span.progress-bar {
            width: 95%;
            height: 3px;
            background-color: rgba(255, 255, 255, 0.4);
            display: inline-block;
            overflow: hidden;
        }

            .hp-carousel .progress-container div span.progress-bar .inProgress {
                background-color: rgba(255, 255, 255, 1);
                width: 0%;
                height: 3px;
                transition: unset;
                max-width: 100%;
            }

.hp-carousel .logo {
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

    .hp-carousel .logo img {
        opacity: 0;
    }

.hp-carousel .product-image, .hp-carousel .product-text {
    position: absolute;
    opacity: 0;
    bottom: 10%;
    left: -395px;
    display: none;
    z-index: 9999;
    cursor: pointer;
}

.hp-carousel .fade-in {
    animation: fadeInOpacity 1s ease-in 1s 1 forwards;
}

.hp-carousel .slideAndFadeIn {
    animation: fadeInOpacity 2s ease-in-out 1 forwards, slideInLeft 2s ease-in-out 1 forwards;
}

.hp-carousel .slideAndFadeInText {
    animation: fadeInOpacity 2s ease-in-out 1 forwards, slideInLeftText 2s ease-in-out 1 forwards;
}

.hp-carousel .carousel-product-title, .hp-carousel .carousel-product-subtitle {
    float: left;
    clear: both;
    text-transform: uppercase;
    letter-spacing: normal;
    color: white;
    margin: 0;
    text-shadow: 2px 2px 4px #000;
    border-bottom: 2px solid transparent;
}

.hp-carousel .product-text:hover .carousel-product-title, .hp-carousel .product-text:hover .carousel-product-subtitle {
    border-bottom: 2px solid currentColor;
}

.hp-carousel .carousel-product-title {
    font-weight: bold;
    font-size: 60px;
    line-height: .83;
    font-family: 'Neue Helvetica W01_79 C1289709';
    text-shadow:none;
    padding-bottom:3px;
}

.hp-carousel .carousel-product-subtitle {
    font-family: 'Neue Helvetica W01_59 Comp';
    text-shadow:none;
    font-size: 40px;
    line-height: .75;
    margin-top:3px;
    padding-bottom:2px;
}

.hp-carousel .product-image {
    width: 16%;
}

    .hp-carousel .product-image img {
        max-width: 100%;
        height: auto;
    }

.hp-carousel .product-text {
    margin-left: 5px;
}

.hp-carousel .heart-container {
    position: absolute;
    bottom: 10%;
    right: 9%;
    width: 60px;
    height: 60px;
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
}

.hp-carousel .carousel-heart, .hp-carousel .flying-heart {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.hp-carousel .carousel-heart {
    width: 54%;
    transition: width .2s;
    z-index: 5;
    stroke: white;
    stroke-width: 2px;
    fill: transparent;
}

    .hp-carousel .carousel-heart.active {
        fill: #f92a63;
        stroke: #f92a63;
    }

.hp-carousel .flying-heart {
    opacity: 0;
    width: 50%;
    fill: #f92a63;
    stroke: #f92a63;
    stroke-width: 2px;
    z-index: 4;
}

.hp-carousel .heartFly-animation {
    animation: 2s ease-in-out flyingHearts normal;
}

.hp-carousel .flying-heart:nth-child(1) {
    left: 10px;
}

.hp-carousel .flying-heart:nth-child(2) {
    right: 12px;
    animation-delay: 0.50s;
}

.hp-carousel .flying-heart:nth-child(3) {
    left: 10px;
    animation-delay: 1s;
}

@keyframes flyingHearts {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        top: -90px;
        width: 5%;
    }
}

@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes slideInLeft {
    0% {
        left: -395px;
    }

    100% {
        left: 8%;
    }
}

@keyframes slideInLeftText {
    0% {
        left: -395px;
    }

    100% {
        left: 25%;
    }
}

@media screen and (max-width: 63.6875em) {
    .hp-carousel .item video, .hp-carousel .item iframe, .hp-carousel .item .slide-image img {
        margin: 0;
    }

    .hp-carousel .item {
        border: none;
    }

    .hp-carousel .progress-container {
        width: 1080px;
        max-width: 100%;
        margin-left: 5%;
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .hp-carousel .carousel-product-title {
        font-size: 30px;
        height:31px;
        line-height: normal;
    }
    .hp-carousel .product-text:hover .carousel-product-title, .hp-carousel .product-text:hover .carousel-product-subtitle {
        border-bottom: 1px solid currentColor;
    }
    .hp-carousel .carousel-product-subtitle {
        font-size: 22px;
        line-height: 0.91;
        margin-top:-2px;
        height:20px
    }

    .hp-carousel .product-text {
        bottom: 10%;
    }

    .hp-carousel .product-image {
        bottom: 20%;
        width: 35%;
    }

    .hp-carousel .heart-container {
        bottom: 7%;
        right: 5%;
        width: 40px;
        height: 40px;
    }

    @keyframes slideInLeft {
        0% {
            left: -395px;
        }

        100% {
            left: 2%;
        }
    }

    @keyframes slideInLeftText {
        0% {
            left: -395px;
        }

        100% {
            left: 5%;
        }
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .hp-carousel .product-image, .hp-carousel .product-text, .hp-carousel .heart-container {
        bottom: 14%;
    }

    .hp-carousel .carousel-product-title {
        font-size: 30px;
        line-height: 1.33;
        height:37px;
        padding-bottom:0;
    }

    .hp-carousel .carousel-product-subtitle {
        font-size: 20px;
        line-height: 1;
        padding-bottom:0;
    }

    .hp-carousel .product-image {
        width: 16%;
    }

    .hp-carousel .heart-container {
        width: 45px;
        height: 45px;
        right: 5%;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .hp-carousel .product-image, .hp-carousel .product-text, .hp-carousel .heart-container {
        bottom: 12%;
    }

    .hp-carousel .carousel-product-title {
        font-size: 40px;
        line-height: 1;
        padding-bottom:0;
    }

    .hp-carousel .carousel-product-subtitle {
        font-size: 30px;
        line-height: .67;
        padding-bottom:3px;
    }

    .hp-carousel .heart-container {
        width: 50px;
        height: 50px;
    }
}
.hp-carousel .product-image.disabled, .hp-carousel .product-text.disabled {
	opacity:1;
	display:block;
    animation: none;
}
@media screen and (min-width: 0) and (max-width: 47.4375em) {
	.hp-carousel .product-image.disabled {
		left:10px;
	}
	.hp-carousel .product-text.disabled {
		left: 20px;
	}
}
@media screen and (min-width: 47.5em)  {
	.hp-carousel .product-image.disabled {
		left:8%;
	}
	.hp-carousel .product-text.disabled {
		left: 25%;
	}
	
}

/* VIRTUAL TRY-ON PALETTE */
.palette-open .vto__product__variants {
    padding-left: 75px;
}

.vto__palette {
    position: relative;
    width: 100%;
    margin-top: 10px;
}

    .vto__palette .vto__palette__color.selected {
        border-color: #CCCCCC;
    }

.palette-open div[data-label]::before {
    position: absolute;
    content: attr(data-label);
    font-size: .5625rem;
}

.palette-open .vto__product__variants[data-label]::before {
    top: 19px;
    left: 0;
}

.vto__palette[data-label]::before {
    left: -75px;
}

.vto__palette div[data-label]::before {
    top: 37px;
    left: -75px;
}

@media (min-width: 760px) {
    .palette-open .vto__product__variants {
        padding-left: 85px;
    }

    .vto__palette[data-label]::before {
        left: -85px;
    }

    .vto__palette div[data-label]::before {
        left: -85px;
    }
}

.vto__palette .vto__palette__placement__head:not(:last-child) {
    margin-right: 20px;
}

.vto__palette .vto__palette__placement__head {
    cursor: pointer;
    padding-bottom: 4px;
    border-bottom: 2px solid transparent;
    font-size: .75rem;
    line-height: 1;
    letter-spacing: .12em;
    text-decoration: none;
    color: #000;
}

    .vto__palette .vto__palette__placement__head.selected {
        border-color: #FC2561;
        cursor: default;
    }

    .vto__palette .vto__palette__placement__head img {
        opacity: .5;
        max-width: 55px;
        height: auto;
    }

    .vto__palette .vto__palette__placement__head.selected img {
        opacity: 1;
    }

.vto__palette .vto__palette__colors {
}

    .vto__palette .vto__palette__colors .vto__palette__color {
    }

/* hide chatbot when opening VTO */
.chatbot.hide-chatbot {
    display: none;
}



/* END VIRTUAL TRY-ON */

.ftue-carousel {
    position: fixed;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: calc(100vh - 90px);
    z-index: 1204;
    overflow: auto;
    overflow-x: hidden;
    display: none;
}

@media screen and (min-width: 47.5em) {
    .ftue-carousel {
        height: calc(100vh - 60px);
    }
}

.ftue-carousel.remove-top-space {
    top: 0;
}

.ftue-carousel__button {
    line-height: 75px;
    text-align: center;
    color: #FFFFFF;
    position: absolute;
    top: 75px;
    right: 0;
    margin-right: 20px;
    z-index: 1204;
    cursor: pointer;
}

@media screen and (min-width: 63.75em) {
    .ftue-carousel__button {
        width: 60px;
        height: 60px;
        top: 65px;
    }
}

.ftue-carousel .ftue-list {
    background-color: #FC2561;
    height: calc(100vh - 90px);
}

@media screen and (min-width: 47.5em) {
    .ftue-carousel .ftue-list {
        height: calc(100vh - 60px);
    }
}

.ftue-carousel .ftue-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: calc(100vh - 90px);
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (min-width: 47.5em) {
    .ftue-carousel .ftue-item {
        height: calc(100vh - 60px);
    }
}

.ftue-carousel .ftue-item .container {
    padding: 0 20%;
    text-transform: uppercase;
    text-align: center;
    color: #FFFFFF;
}

@media (min-width: 481px) and (max-width: 767px) {
    .ftue-carousel .ftue-item .container {
        padding: 0 10%;
    }
}

@media screen and (min-width: 47.5em) {
    .ftue-carousel .ftue-item .container {
        padding: 0 10%;
    }
}

.ftue-carousel .ftue-item .container .ftue-headline {
    font-weight: bold;
    font-size: 49px;
    line-height: 59px;
    letter-spacing: 0.025em;
    margin-bottom: 20px;
}

@media screen and (device-aspect-ratio: 40 / 71) {
    .ftue-carousel .ftue-item .container .ftue-headline {
        font-size: 40px;
        line-height: 50px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .ftue-carousel .ftue-item .container .ftue-headline {
        font-size: 45px;
        line-height: 55px;
        padding: 0 120px;
    }
}

@media screen and (min-width: 47.5em) {
    .ftue-carousel .ftue-item .container .ftue-headline {
        font-size: 95px;
        letter-spacing: 0.025em;
        padding: 0 50px;
        line-height: 105px;
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 63.75em) {
    .ftue-carousel .ftue-item .container .ftue-headline {
        padding: 0 190px;
    }
}

.ftue-carousel .ftue-item .container .ftue-description {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.065em;
}

@media screen and (device-aspect-ratio: 40 / 71) {
    .ftue-carousel .ftue-item .container .ftue-description {
        font-size: 14px;
        line-height: 24px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .ftue-carousel .ftue-item .container .ftue-description {
        font-size: 14px;
        line-height: 24px;
        padding: 0 20px;
    }
}

@media screen and (min-width: 47.5em) {
    .ftue-carousel .ftue-item .container .ftue-description {
        font-size: 28px;
        line-height: 44px;
    }
}

@media screen and (min-width: 63.75em) {
    .ftue-carousel .ftue-item .container .ftue-description {
        padding: 0 180px;
    }
}

.ftue-carousel .ftue-item .container .ftue-headline.ftue-font-weight-27,
.ftue-carousel .ftue-item .container .ftue-description.ftue-font-weight-27 {
    font-weight: 100;
}

.ftue-carousel .ftue-item .container .ftue-headline.ftue-font-weight-45,
.ftue-carousel .ftue-item .container .ftue-description.ftue-font-weight-45 {
    font-weight: 300;
}

    .ftue-carousel .ftue-item .container .ftue-headline.ftue-font-weight-45 span,
    .ftue-carousel .ftue-item .container .ftue-description.ftue-font-weight-45 span {
        display: block;
        font-weight: 100;
    }

.ftue-carousel .ftue-item .container .ftue-headline.ftue-font-weight-67,
.ftue-carousel .ftue-item .container .ftue-description.ftue-font-weight-67 {
    font-weight: 500;
}

    .ftue-carousel .ftue-item .container .ftue-headline.ftue-font-weight-67 span,
    .ftue-carousel .ftue-item .container .ftue-description.ftue-font-weight-67 span {
        display: block;
        font-weight: 100;
    }

.ftue-carousel .ftue-item .container .ftue-headline.ftue-font-weight-bold,
.ftue-carousel .ftue-item .container .ftue-description.ftue-font-weight-bold {
    font-weight: bold;
}

    .ftue-carousel .ftue-item .container .ftue-headline.ftue-font-weight-bold span,
    .ftue-carousel .ftue-item .container .ftue-description.ftue-font-weight-bold span {
        display: block;
        font-weight: 100;
    }

.ftue-carousel .ftue-item .container .content .ftue-cta {
    padding: 15px 30px;
    border: solid 2px #FFFFFF;
    color: #FFFFFF;
    margin-top: 50px;
    font-size: 18px;
    letter-spacing: 0.05em;
}

@media screen and (device-aspect-ratio: 40 / 71) {
    .ftue-carousel .ftue-item .container .content .ftue-cta {
        padding: 15px;
        font-size: 16px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .ftue-carousel .ftue-item .container .content .ftue-cta {
        margin-top: 10px;
    }
}

@media screen and (min-width: 47.5em) {
    .ftue-carousel .ftue-item .container .content .ftue-cta {
        border: solid 2px #FFFFFF;
        margin-top: 100px;
        font-size: 25px;
        padding: 25px 60px;
    }
}

.ftue-carousel .ftue-item .container .ftue-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ftue-carousel .ftue-item:nth-child(1) .ftue-headline {
    font-size: 26px;
    line-height: 38px;
    letter-spacing: 0.085em;
    padding: 0 30px;
    margin-bottom: 100px;
    font-weight: 500;
}

@media screen and (min-width: 47.5em) {
    .ftue-carousel .ftue-item:nth-child(1) .ftue-headline {
        font-size: 44px;
        letter-spacing: 0.062em;
        line-height: 74px;
        margin-bottom: 100px;
        padding: 0 150px;
    }
}

@media screen and (device-aspect-ratio: 40 / 71) {
    .ftue-carousel .ftue-item:nth-child(1) .ftue-headline {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 55px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .ftue-carousel .ftue-item:nth-child(1) .ftue-headline {
        font-size: 20px;
        line-height: 30px;
        padding: 0 120px;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 63.75em) {
    .ftue-carousel .ftue-item:nth-child(1) .ftue-headline {
        font-size: 40px;
        line-height: 53px;
        margin-bottom: 45px;
        padding: 0 270px;
    }
}

@media screen and (device-aspect-ratio: 40 / 71) {
    .ftue-carousel .ftue-item:nth-child(1) .ftue-description {
        font-size: 14px;
        line-height: 24px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .ftue-carousel .ftue-item:nth-child(1) .ftue-description {
        font-size: 14px;
        line-height: 24px;
    }
}

@media screen and (min-width: 63.75em) {
    .ftue-carousel .ftue-item:nth-child(1) .ftue-description {
        font-size: 25px;
    }
}

.ftue-carousel .get-the-look__dots {
    position: relative;
    margin: -50px 0 0;
}

@media (min-width: 481px) and (max-width: 767px) {
    .ftue-carousel .get-the-look__dots {
        margin: -25px 0 0;
    }
}

@media screen and (min-width: 47.5em) {
    .ftue-carousel .get-the-look__dots {
        margin: -100px 0 0;
    }
}

@media screen and (min-width: 63.75em) {
    .ftue-carousel .get-the-look__dots {
        margin: -50px 0 0;
    }
}

.ftue-carousel .get-the-look__dots li {
    background: #FFFFFF;
    width: 12px;
    height: 12px;
}

    .ftue-carousel .get-the-look__dots li.slick-active {
        background: #E73F63;
    }

@media screen and (min-width: 47.5em) {
    .ftue-carousel .get-the-look__dots li {
        width: 17px;
        height: 17px;
    }
}

.ftue-header-hotspot::before {
    content: "";
    opacity: 0;
    height: 40px;
    width: 40px;
    top: 10px;
    right: -5px;
    position: absolute;
    border: solid 2px #FC2561;
    border-radius: 50%;
    transition: opacity 0.5s ease-in-out 0.1s;
}

@media screen and (min-width: 47.5em) {
    .ftue-header-hotspot::before {
        right: -3px;
    }
}

.ftue-active-header-hotspot::before {
    opacity: 1;
}

.ftue-header-hotspot::after {
    content: "";
    border: solid 2px #FC2561;
    height: 0px;
    width: 40px;
    position: absolute;
    top: 50px;
    right: 15px;
    border-left: none;
    border-top: none;
    border-bottom: none;
    opacity: 0;
    transition: opacity 0.5s ease-in-out 0.1s;
}

.ftue-active-header-hotspot::after {
    opacity: 1;
    height: 160px;
}

@media screen and (device-aspect-ratio: 40 / 71) {
    .ftue-active-header-hotspot::after {
        height: 140px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .ftue-active-header-hotspot::after {
        height: 40px;
    }
}

@media screen and (min-width: 47.5em) {
    .ftue-active-header-hotspot::after {
        width: 20px;
        height: 335px;
        border-bottom: solid 2px #FC2561;
    }
}

.ftue-chat-hotspot::after {
    content: "";
    border: solid 2px #FC2561;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    position: absolute;
    top: -150px;
    right: 0;
    opacity: 0;
    -ms-transform: none !important;
    transform: none !important;
    transition: opacity 0.5s ease-in-out 0.1s;
}

@media screen and (min-width: 47.5em) {
    .ftue-chat-hotspot::after {
        height: 80px;
        width: 80px;
        top: -150px;
    }
}

.ftue-active-chat-hotspot::after {
    opacity: 1;
}

.ftue-chat-hotspot::before {
    content: "";
    border: solid 2px #FC2561;
    height: 0px;
    width: 10px;
    position: absolute;
    top: -370px;
    right: 40px;
    border-left: none;
    border-bottom: none;
    -ms-transform: none !important;
    transform: none !important;
    opacity: 0;
    transition: opacity 0.5s ease-in-out 0.1s;
}

@media screen and (device-aspect-ratio: 40 / 71) {
    .ftue-chat-hotspot::before {
        top: -340px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .ftue-chat-hotspot::before {
        top: -170px;
        width: 85px;
    }
}

@media screen and (min-width: 47.5em) {
    .ftue-chat-hotspot::before {
        width: 40px;
        right: 40px;
        top: -600px;
    }
}

.ftue-active-chat-hotspot::before {
    height: 220px;
    opacity: 1;
}

@media screen and (device-aspect-ratio: 40 / 71) {
    .ftue-active-chat-hotspot::before {
        height: 190px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .ftue-active-chat-hotspot::before {
        height: 20px;
    }
}

@media screen and (min-width: 47.5em) {
    .ftue-active-chat-hotspot::before {
        height: 450px;
    }
}

body.ftue-carousel-open {
    height: 100%;
    overflow: hidden;
}

    body.ftue-carousel-open.hamburger-open .ftue-carousel {
        -ms-transform: translate(260px, 0);
        transform: translate(260px, 0);
    }

    body.ftue-carousel-open.hamburger-open .site-container .ftue-carousel {
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    body.ftue-carousel-open .ftue-carousel__button--close {
        top: 0;
        font-weight: 100;
        -ms-transform: scaleY(0.6);
        transform: scaleY(0.6);
        font-size: 60px;
        line-height: 70px;
    }

@media screen and (min-width: 47.5em) {
    body.ftue-carousel-open .ftue-carousel__button--close {
        top: 15px;
        -ms-transform: scaleY(0.6);
        transform: scaleY(0.6);
        font-size: 74px;
        line-height: 74px;
    }
}

@media screen and (min-width: 63.75em) {
    body.ftue-carousel-open .ftue-carousel__button--close {
        top: 80px;
    }
}

.auth button {
    width: 100%;
}

.auth__link, .auth__text {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.625rem;
    line-height: 1rem;
    font-weight: 300;
    letter-spacing: .1em;
    color: #666666;
}

    .auth__link a, .auth__text a {
        color: #666666;
    }

        .no-touch .auth__link a:hover, .auth__link a:active, .no-touch .auth__text a:hover, .auth__text a:active {
            color: #FC2561;
        }

.auth__link {
    color: #666666;
}

    .auth__link:hover {
        color: #FC2561;
    }

.auth__content {
    width: 280px;
    margin: 0 auto 50px;
}

@media screen and (min-width: 47.5em) {
    .auth__content {
        width: 760px;
    }
}

@media screen and (min-width: 63.75em) {
    .auth__content {
        width: 1020px;
        margin-bottom: 100px;
    }
}

@media screen and (min-width: 80em) {
    .auth__content {
        margin-bottom: 60px;
    }
}

.auth__header {
    text-align: center;
}

.auth__header-title {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 2.25rem;
    line-height: 1em;
    margin: auto;
    margin-bottom: 20px;
}

@media screen and (min-width: 47.5em) {
    .auth__header-title {
        font-size: 3.75rem;
        margin-bottom: 26px;
    }
}

@media screen and (min-width: 63.75em) {
    .auth__header-title {
        font-size: 5rem;
        margin-bottom: 23px;
    }
}

.auth__header-title span {
    font-weight: 100;
}

.auth__header-body {
    font-weight: 300;
    font-size: 0.75rem;
    line-height: 1.25rem;
    letter-spacing: .08rem;
    color: #666666;
    margin: auto auto 22px;
    width: 280px;
}

@media screen and (min-width: 47.5em) {
    .auth__header-body {
        font-size: 0.8125rem;
        line-height: 1.375rem;
        margin-bottom: 30px;
        width: 640px;
    }
}

@media screen and (min-width: 63.75em) {
    .auth__header-body {
        margin-bottom: 50px;
    }
}

.auth__section {
    width: 280px;
    margin: 0 auto 30px;
    padding-bottom: 20px;
}

@media screen and (min-width: 47.5em) {
    .auth__section {
        float: left;
        width: 380px;
        padding: 0 90px 0 50px;
        border-left: 1px solid #333333;
    }
}

@media screen and (min-width: 63.75em) {
    .auth__section {
        width: 510px;
        padding: 0 210px 0 60px;
    }
}

.auth__section--socialauthpage {
    border-bottom: 1px solid #333333;
}

@media screen and (min-width: 47.5em) {
    .auth__section--socialauthpage {
        padding: 0 50px 0 90px;
        border-bottom: 0;
        border-left: 0;
    }
}

@media screen and (min-width: 63.75em) {
    .auth__section--socialauthpage {
        padding: 0 60px 0 210px;
    }
}

.auth__section--socialauthpage button {
    margin-bottom: 20px;
}

    .auth__section--socialauthpage button.googleplus-button {
        margin-bottom: 0;
    }

.auth__section .form_error, .auth__section .auth__terms span {
    display: none;
    font-size: 0.75rem;
    color: #FF0000;
    font-weight: 500;
    margin: 0 0 5px 0;
    max-width: 100%;
}

.auth__section--socialauthpage #__AjaxAntiForgeryForm {
    float: none;
}

.auth__section--create-pass {
    border: 0;
    margin: 0 auto;
    padding: 0;
    float: none;
}

@media screen and (min-width: 47.5em) {
    .auth__section--create-pass {
        width: 240px;
    }
}

@media screen and (min-width: 47.5em) {
    .auth__section--success {
        padding: 0 40px 0 60px;
        border: 0;
    }

        .auth__section--success:last-child {
            padding: 0 60px 0 40px;
        }
}

@media screen and (min-width: 63.75em) {
    .auth__section--success {
        padding: 0 40px 0 190px;
    }

        .auth__section--success:last-child {
            padding: 0 190px 0 40px;
        }
}

.auth__section-header {
    font-size: 0.875rem;
    letter-spacing: .1em;
    text-transform: uppercase;
}

@media screen and (min-width: 47.5em) {
    .auth__section-header {
        font-size: 1rem;
    }
}

.auth__section-header span {
    letter-spacing: .12em;
}

.auth__section-subheader {
    font-size: 0.8125rem;
    line-height: 1.25rem;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.auth__section-image {
    padding-bottom: 20px;
    border-bottom: 1px solid #999999;
}

    .auth__section-image img {
        width: 100%;
    }

@media screen and (min-width: 47.5em) {
    .auth__section-image {
        padding-right: 40px;
    }
}

.auth p.auth__section-body {
    font-size: 0.8125rem;
    line-height: 1.375rem;
}

.auth .floating-input {
    margin-bottom: 20px;
}

    .auth .floating-input input[type="text"],
    .auth .floating-input input[type="password"] {
        background: #F1F1F1;
    }

    .auth .floating-input.auth__email--forgot-pass, .auth .floating-input.auth__confirm-password--create-pass {
        margin-bottom: 0;
    }

.auth__forgot-link {
    margin-top: 2px;
    float: left;
}

.auth__remember {
    width: 125px;
    float: right;
}

.auth__submit {
    margin: 30px 0 0;
}

.auth .form .form__group.form__checkbox {
    margin-bottom: 25px;
}

    .auth .form .form__group.form__checkbox input[type="checkbox"] + label {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 0.625rem;
        font-weight: 300;
        line-height: 1rem;
        letter-spacing: .1em;
        text-transform: none;
        color: #666666;
        position: relative;
        padding-left: 25px;
        display: inline-block;
    }

        .auth .form .form__group.form__checkbox input[type="checkbox"] + label::before {
            margin: 0 10px 0 -25px;
        }

.auth .cta {
    margin-top: 20px;
}

.profile-page {
    margin-top: 3.125rem;
}

.profile-page__content {
    padding: 0 1.25rem;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .profile-page__content {
        margin-top: -25px;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .profile-page__content {
        margin-top: -19px;
    }
}

@media screen and (min-width: 47.5em) {
    .profile-page__content {
        padding: 0 2.5rem;
    }
}

.profile-page__content .chosen-container {
    max-width: 13.75rem;
}

.profile-page__content .custom-select {
    max-width: 100%;
}

.profile-page__notifications-panel {
    margin-bottom: 1.5625rem;
}

    .profile-page__notifications-panel .chosen-container {
        width: 200px;
    }

    .profile-page__notifications-panel .notification__close {
        right: 9px;
    }

    .profile-page__notifications-panel .form__group--birthday {
        text-align: left;
        font-size: 0;
        letter-spacing: 0;
    }

@media screen and (min-width: 47.5em) {
    .profile-page__notifications-panel .form__group--birthday {
        width: 420px;
    }
}

.profile-page__notifications-panel .form__group--birthday .chosen-container, .profile-page__notifications-panel .form__group--birthday .custom-select {
    min-width: 0;
    max-width: 100%;
}

.profile-page__notifications-panel .form__group--birthday__month, .profile-page__notifications-panel .form__group--birthday__date {
    display: inline-block;
    vertical-align: top;
    width: 95px;
    margin-bottom: 0.625rem;
}

@media screen and (min-width: 47.5em) {
    .profile-page__notifications-panel .form__group--birthday__month, .profile-page__notifications-panel .form__group--birthday__date {
        width: 90px;
        margin-bottom: 0;
    }
}

.profile-page__notifications-panel .form__group--birthday__month {
    margin-right: 0.625rem;
}

@media screen and (min-width: 47.5em) {
    .profile-page__notifications-panel .form__group--birthday__month {
        margin-right: 1.25rem;
    }
}

.profile-page__notifications-panel .form__group--birthday__date {
    margin-right: 0;
}

@media screen and (min-width: 47.5em) {
    .profile-page__notifications-panel .form__group--birthday__date {
        margin-right: 1.25rem;
    }
}

.profile-page__notifications-panel .form__group--birthday__year {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

@media screen and (min-width: 47.5em) {
    .profile-page__notifications-panel .form__group--birthday__year {
        width: 200px;
    }
}

.profile-page__heading {
    position: relative;
    margin-bottom: 1.875rem;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .profile-page__heading .cta-text {
        margin-top: 0.625rem;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .profile-page__heading .cta-text {
        width: 18.75rem;
    }
}

@media screen and (min-width: 47.5em) {
    .profile-page__heading .cta-text {
        position: absolute;
        top: 0.375rem;
        right: 0;
    }
}

@media screen and (min-width: 63.75em) {
    .profile-page__heading .cta-text {
        width: 18.75rem;
        right: 0.8125rem;
    }
}

@media screen and (min-width: 80em) {
    .profile-page__heading .cta-text {
        right: 2.0625rem;
    }
}

.profile-page__greeting {
    text-transform: uppercase;
    font-weight: 100;
    margin: 0;
    font-size: 2.25rem;
    line-height: 1;
}

    .profile-page__greeting span {
        font-weight: 500;
    }

@media screen and (min-width: 47.5em) {
    .profile-page__greeting {
        font-size: 3.75rem;
    }
}

@media screen and (min-width: 63.75em) {
    .profile-page__greeting {
        font-size: 5rem;
    }
}

.profile-page__menu-panel {
    width: 17.5rem;
    margin-bottom: 1.875rem;
}

@media screen and (min-width: 47.5em) {
    .profile-page__menu-panel {
        margin: 0;
        margin-top: 2.3125rem;
        width: 12.5rem;
        float: left;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .profile-page__content-panel {
        width: 27.5rem;
    }
}

@media screen and (min-width: 47.5em) {
    .profile-page__content-panel {
        float: left;
        margin-left: 2.5rem;
    }
}

@media screen and (min-width: 63.75em) {
    .profile-page__content-panel {
        width: 42.5rem;
    }
}

@media screen and (min-width: 80em) {
    .profile-page__content-panel {
        width: 57.5rem;
    }
}

.profile-page__module {
    letter-spacing: 0.1em;
    font-weight: 300;
    margin-bottom: 2.5rem;
}

    .profile-page__module.facebook-connect-login {
        margin-bottom: 2.3125rem;
    }

.profile-page__module-searchresults li {
    text-transform: uppercase;
    font-size: 1.5rem;
    padding-bottom: .4rem;
}

    .profile-page__module-searchresults li a {
        text-decoration: none;
        color: #666666;
        font-weight: 100;
        letter-spacing: 0.1rem;
    }

        .profile-page__module-searchresults li a:hover {
            color: #FC2561;
        }

.profile-page__module-searchresults-noresults {
    margin: 0 auto;
    font-size: 3rem;
    text-align: center;
    color: #666666;
    font-weight: 100;
    line-height: 3rem;
}

.profile-page__module-heading {
    color: #333333;
    text-transform: uppercase;
    font-weight: 500;
    border-bottom: 1px solid #000000;
    font-size: 0.875rem;
    line-height: 1;
    padding-bottom: 0.5rem;
    margin-bottom: 1.25rem;
}

@media screen and (min-width: 47.5em) {
    .profile-page__module-heading {
        font-size: 1.125rem;
        margin-bottom: 1.875rem;
    }
}

.profile-page__module-status-message {
    position: relative;
    text-transform: uppercase;
    font-size: 1.875rem;
    line-height: 1.875rem;
    font-weight: 100;
    margin-top: 0;
    margin-bottom: 2rem;
}

@media screen and (min-width: 47.5em) {
    .profile-page__module-status-message {
        margin-bottom: 3.125rem;
        line-height: 3.125rem;
        font-size: 2.5rem;
        margin-top: -9px;
    }
}

@media screen and (min-width: 63.75em) {
    .profile-page__module-status-message {
        font-size: 3.125rem;
    }
}

.profile-page__module-status-message:after {
    position: absolute;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: -1.25rem;
    content: " ";
    width: 2.5rem;
    height: 0.0625rem;
    background-color: #000000;
}

@media screen and (min-width: 47.5em) {
    .profile-page__module-status-message:after {
        bottom: -1.5625rem;
    }
}

.profile-page__module-description {
    padding: 0 1.25rem;
}

@media screen and (min-width: 63.75em) {
    .profile-page__module-description {
        width: 37.5rem;
        margin: 0 auto;
        padding: 0;
    }
}

.profile-page__module-content {
    color: #666666;
    font-size: 0.75rem;
    line-height: 1.25rem;
}

.edit-mode .profile-page__module-content {
    text-align: left;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .profile-page__module-content > .profile-page__module-status-message {
        margin-top: -3px;
    }
}

@media screen and (min-width: 63.75em) {
    .profile-page__module-content > .profile-page__module-status-message {
        margin-top: -6px;
    }
}

.profile-page__module-content > .heading-eyebrow:first-child {
    margin-top: -4px;
}

.profile-page__module-content .product-content-grid {
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .profile-page__module-content .chosen-container {
        width: 100%;
        display: inline-block;
        margin: 0 auto;
        margin-bottom: 15px;
        max-width: 280px;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .profile-page__module-content .chosen-container {
        width: 50%;
        display: inline-block;
        max-width: 200px;
        margin-right: 15px;
        margin-bottom: 15px;
    }
}

@media screen and (min-width: 63.75em) {
    .profile-page__module-content .chosen-container {
        min-width: 200px;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .profile-page__module-row {
        clear: both;
    }
}

.facebook-connect-login .profile-page__module-row {
    margin-top: 1.25rem;
}

.profile-page__module .heading-eyebrow {
    clear: both;
    float: none;
    margin-top: 0.9375rem;
    margin-bottom: 0.625rem;
}

.profile-page__module .form__group {
    margin-bottom: 0.9375rem;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .profile-page__module .form__group {
        width: 100%;
    }
}

@media screen and (min-width: 47.5em) {
    .profile-page__module .form__group {
        float: left;
        width: 13.75rem;
    }
}

.profile-page__module .form__group--subscribe-group {
    margin-bottom: 30px;
}

@media screen and (min-width: 47.5em) {
    .profile-page__module .form__group--subscribe-group {
        clear: both;
        float: none;
    }
}

@media screen and (min-width: 63.75em) {
    .profile-page__module .form__group--2colums {
        float: left;
        clear: both;
        width: 27.5rem;
    }

        .profile-page__module .form__group--2colums .heading-eyebrow {
            width: 13.75rem;
        }

        .profile-page__module .form__group--2colums > div {
            width: 50%;
            float: left;
        }
}

@media screen and (min-width: 63.75em) {
    .profile-page__module .form__group--3colums {
        float: left;
        clear: both;
        width: 38.75rem;
    }

        .profile-page__module .form__group--3colums .heading-eyebrow {
            width: 13.75rem;
        }

        .profile-page__module .form__group--3colums > div {
            width: 33%;
            float: left;
        }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .profile-page__module .form__group--phone > div {
        width: 50%;
        float: left;
    }
}

@media screen and (min-width: 63.75em) {
    .profile-page__module .form__group--address {
        float: left;
        clear: both;
        width: 32rem;
    }

        .profile-page__module .form__group--address .form__group {
            width: auto;
            margin-right: 1.25rem;
        }
}

@media screen and (min-width: 63.75em) {
    .profile-page__module .form__group--address__address-input {
        width: 18.75rem !important;
    }
}

@media screen and (min-width: 63.75em) {
    .profile-page__module .form__group--address__apt-input {
        width: 6.25rem !important;
    }
}

@media screen and (min-width: 63.75em) {
    .profile-page__module .form__group--address__zipcode-input {
        width: 8.75rem !important;
    }
}

@media screen and (min-width: 63.75em) {
    .profile-page__module .form__group--address__city-input {
        width: 8.75rem !important;
    }
}

@media screen and (min-width: 63.75em) {
    .profile-page__module .form__group--birthday {
        float: left;
        clear: both;
        width: 27.5rem;
    }
}

.profile-page__module .form__group--birthday .form__group {
    float: left;
    margin-bottom: 5px !important;
}

.profile-page__module .form__group--birthday .chosen-container, .profile-page__module .form__group--birthday .custom-select {
    min-width: 0;
    max-width: 100%;
}

.profile-page__module .form__group--birthday__month, .profile-page__module .form__group--birthday__date {
    width: 80px;
    margin-right: 0.625rem;
}

@media screen and (min-width: 47.5em) {
    .profile-page__module .form__group--birthday__month, .profile-page__module .form__group--birthday__date {
        width: 90px;
        margin-right: 1.25rem;
    }
}

.profile-page__module .form__group--birthday__year {
    width: 100px;
}

@media screen and (min-width: 47.5em) {
    .profile-page__module .form__group--birthday__year {
        width: 200px;
    }
}

.profile-page__module .form__group input[type="text"],
.profile-page__module .form__group input[type="password"] {
    background-color: #F1F1F1;
    font-size: 0.75rem;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .profile-page__module .form__group input[type="text"],
    .profile-page__module .form__group input[type="password"] {
        width: 100%;
    }
}

@media screen and (min-width: 47.5em) {
    .profile-page__module .form__group input[type="text"],
    .profile-page__module .form__group input[type="password"] {
        width: 12.5rem;
    }
}

.profile-page__button-facebook {
    text-align: center;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .profile-page__button-facebook {
        width: 100%;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .profile-page__button-facebook {
        margin-bottom: 0.3125rem;
    }
}

@media screen and (min-width: 47.5em) {
    .profile-page__button-facebook {
        min-width: 13.75rem;
        margin-right: 1.25rem;
    }
}

@media screen and (min-width: 63.75em) {
    .profile-page__button-facebook {
        float: left;
    }
}

.profile-page__button-facebook .icon, .profile-page__button-facebook .get-the-look__video__image, .profile-page__button-facebook .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .profile-page__button-facebook .color-picker__swatch:before, .profile-page__button-facebook .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .profile-page__button-facebook .product-info__shade-swatch:before, .profile-page__button-facebook .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .profile-page__button-facebook .product-info__color-overlay--with-video:before, .profile-page__button-facebook .cheatsheet .cheatsheet__dash, .cheatsheet .profile-page__button-facebook .cheatsheet__dash, .profile-page__button-facebook .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .profile-page__button-facebook li, .profile-page__button-facebook .video-kit__hero-image, .profile-page__button-facebook .video-kit__card-image, .profile-page__button-facebook .video-promoted__image {
    margin-right: -0.25rem;
}

.profile-page__attribute {
    float: left;
    width: 50%;
    text-align: left;
    text-transform: uppercase;
    font-size: 0.625rem;
    line-height: 0.875rem;
    font-weight: 500;
    padding-bottom: 0.9375rem;
    color: #000000;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .profile-page__attribute {
        margin-top: -3px;
    }
}

@media screen and (min-width: 47.5em) {
    .profile-page__attribute {
        width: 33.33%;
        font-size: 1rem;
    }
}

.profile-page__attribute:last-child {
    padding-bottom: 0;
}

.profile-page__preview-field {
    text-align: left;
    font-size: 1.625rem;
    line-height: 2rem;
    text-transform: uppercase;
    font-weight: 100;
    margin-top: -0.3125rem;
}

.profile-page__attribute .profile-page__preview-field {
    margin-top: 0.25rem;
}

.profile-page__buttons-row {
    text-align: center;
}

@media screen and (min-width: 47.5em) {
    .profile-page__buttons-row {
        text-align: left;
        margin-bottom: 1.25rem;
    }
}

.profile-page__buttons-row .button {
    float: left;
    margin-bottom: 1.25rem;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .profile-page__buttons-row .button {
        width: 100%;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .profile-page__buttons-row .button {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

        .profile-page__buttons-row .button:first-child {
            margin-right: 1.875rem;
        }
}

@media screen and (min-width: 63.75em) {
    .profile-page__buttons-row .button {
        width: 13.75rem;
    }

        .profile-page__buttons-row .button:first-child {
            margin-right: 1.25rem;
        }
}

.profile-page__input-description {
    font-size: 0.6875rem;
    line-height: 1.0625rem;
    text-align: left;
    letter-spacing: 0.1em;
    color: #999999;
    font-weight: 300;
    margin-bottom: 0;
}

@media screen and (min-width: 47.5em) {
    .profile-page__input-description {
        width: 22.5rem;
        clear: both;
    }
}

@media screen and (min-width: 63.75em) {
    .profile-page__input-description {
        float: left;
        clear: none;
        margin-top: 0.3125rem;
    }
}

.profile-page__explore-trends {
    min-width: 16.25rem;
    margin-top: 0.25rem;
}

@media screen and (min-width: 47.5em) {
    .profile-page__explore-trends {
        margin-top: 0.875rem;
    }
}

.profile-page .form .form__checkbox input[type="checkbox"]:checked + label:after {
    color: #FFFFFF;
}

.profile-page .form .form__checkbox label:before {
    background-color: #FC2561;
    border: 0;
}

.profile-page .nickname-userexist {
    font-weight: 300;
    font-size: .6rem;
    letter-spacing: 0.16em;
    line-height: 12px;
    color: #FF0000;
    margin: 5px 0;
    position: relative;
    text-transform: uppercase;
    display: none;
    width: 225px;
}

@media screen and (min-width: 47.5em) {
    .profile-page .sweepstakes-relaunch-us {
        margin-left: 100px;
    }
}

.profile-page .sweepstakes-greeting {
    font-weight: 300;
    font-size: 0.75rem;
    line-height: 1.25rem;
    letter-spacing: .08rem;
    color: #666666;
    width: 280px;
    margin-top: 10px;
}

@media screen and (min-width: 47.5em) {
    .profile-page .sweepstakes-greeting {
        font-size: 0.8125rem;
        line-height: 1.375rem;
        margin-bottom: 30px;
        width: 640px;
    }
}

@media screen and (min-width: 63.75em) {
    .profile-page .sweepstakes-greeting {
        margin-bottom: 50px;
        width: 900px;
    }
}

.profile-page .sweepstakes-label {
    font-weight: 300;
    font-size: 0.75rem;
    line-height: 1.25rem;
    letter-spacing: .08rem;
    color: #666666;
    width: 400px;
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
}

@media screen and (min-width: 47.5em) {
    .profile-page .sweepstakes-label {
        font-size: 0.8125rem;
        line-height: 1.375rem;
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 63.75em) {
    .profile-page .sweepstakes-label {
        margin-bottom: 10px;
    }
}

.profile-page .sweepstakes-relaunch-us .sweepstakes-subscribe label {
    line-height: 16px !important;
}

.profile-page .sweepstakes-relaunch-us .form__group--birthday {
    padding-top: 30px;
}

@media screen and (min-width: 47.5em) {
    .profile-page .sweepstakes-relaunch-us .form__group--birthday {
        padding-top: 0;
    }
}

@media screen and (min-width: 63.75em) {
    .profile-page .sweepstakes-relaunch-us .form__group--birthday {
        padding-top: 0;
    }
}

.profile-page .sweepstakes-rules {
    clear: both;
    width: 200px;
    text-align: left;
}

    .profile-page .sweepstakes-rules a {
        font-weight: 300;
        font-size: 0.6875rem;
        line-height: 0.75rem;
        letter-spacing: .08rem;
        color: #666666;
        margin-top: 10px;
        margin-bottom: 10px;
        clear: both;
    }

        .profile-page .sweepstakes-rules a:hover {
            text-decoration: underline;
        }

.profile-page .account-info {
    display: none;
}

.cart-page__content {
    position: relative;
    margin: 0 auto;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .cart-page__content {
        width: 280px;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .cart-page__content {
        width: 680px;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .cart-page__content {
        width: 960px;
    }
}

@media screen and (min-width: 80em) and (max-width: 9999em) {
    .cart-page__content {
        width: 1160px;
    }
}

.cart-page__sidebar {
    width: 275px;
    margin-right: 40px;
    float: left;
    display: none;
}

@media screen and (min-width: 47.5em) {
    .cart-page__sidebar {
        display: block;
    }
}

@media screen and (min-width: 63.75em) {
    .cart-page__sidebar {
        margin-right: 60px;
    }
}

@media screen and (min-width: 80em) {
    .cart-page__sidebar {
        margin-right: 80px;
    }
}

.cart-page__sidebar h2 {
    font-size: 2.25rem;
    line-height: 2.0625rem;
    letter-spacing: 0.1rem;
    margin: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    font-weight: 100;
    text-transform: uppercase;
}

    .cart-page__sidebar h2 span {
        font-weight: 500;
    }

.cart-page__sidebar .cart-page__stores-container .button {
    width: 100%;
    padding: 0.75rem 1rem;
}

.cart-page__info {
    letter-spacing: 0.05rem;
    text-align: center;
    text-transform: uppercase;
}

@media screen and (min-width: 47.5em) {
    .cart-page__info {
        display: none;
    }
}

.cart-page__info h2 {
    text-align: left;
    font-size: 1.125rem;
    font-weight: 100;
    float: left;
    margin: 0;
}

    .cart-page__info h2 span {
        font-weight: 500;
    }

.cart-page__info .cart-page__total-items {
    text-align: left;
    float: right;
    font-size: 0.6875rem;
    line-height: 1.375rem;
    font-weight: 300;
}

.cart-page__info .cart-page__current-shop {
    text-align: left;
    position: relative;
    margin-top: 15px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #FAFAFA;
    border: 1px solid rgba(153, 153, 153, 0.5);
    clear: both;
    float: left;
    color: #FF387A;
    font-size: 0.75rem;
    font-weight: 300;
    padding-left: 20px;
    padding-right: 40px;
    letter-spacing: 0.1rem;
}

    .cart-page__info .cart-page__current-shop .name {
        float: left;
    }

    .cart-page__info .cart-page__current-shop .number {
        float: right;
    }

    .cart-page__info .cart-page__current-shop:after {
        content: "";
        position: absolute;
        right: 12px;
        top: 52%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 14px;
    }

.cart-page__info .cart-page__total {
    text-align: left;
    clear: both;
    float: left;
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #000000;
    letter-spacing: 0.1rem;
    padding: 0px 20px;
    margin: 18px 0px 0px 0px;
}

    .cart-page__info .cart-page__total .text {
        float: left;
        font-weight: 100;
        font-size: 0.9375rem;
    }

    .cart-page__info .cart-page__total .amount {
        float: right;
        font-weight: 500;
    }

.cart-page__info div.custom-h1-tag {
    text-align: left;
    font-size: 1.125rem;
    font-weight: 100;
    float: left;
    margin: 0;
}

    .cart-page__info div.custom-h1-tag span {
        font-weight: 500;
    }

.cart-page__button {
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 20px;
    clear: both;
    width: 220px;
}

.cart-page__store-items {
    display: none;
}

    .cart-page__store-items.active {
        display: block;
    }

.cart-page__items {
    border-top: 1px solid rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .cart-page__items {
        border-bottom: 1px solid #000000;
    }

    .is-empty .cart-page__items {
        margin-top: 20px;
    }
}

@media screen and (min-width: 47.5em) {
    .cart-page__items {
        border-top: none;
    }
}

.cart-page__items h2 {
    text-transform: uppercase;
    display: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    margin: 0;
    margin-top: 11px;
    padding-bottom: 20px;
    font-weight: 300;
    letter-spacing: 0.07rem;
    color: #000000;
    font-size: 0.8125rem;
    line-height: 0.75rem;
}

    .cart-page__items h2 span,
    .cart-page__disclaimer {
        display: block;
        font-weight: 500;
        text-transform: none;
        font-size: 11px;
        line-height: 1.6;
        margin-top: 20px;
    }

.cart-page__disclaimer {
    float: left;
    clear: both;
    margin-top: 10px;
}

@media screen and (min-width: 47.5em) {
    .cart-page__items h2 {
        display: block;
    }
}

.cart-page__items h2 span {
    font-weight: 500;
}

@media screen and (min-width: 47.5em) {
    .cart-page__items {
        float: left;
        width: 360px;
    }
}

@media screen and (min-width: 63.75em) {
    .cart-page__items {
        width: 620px;
    }
}

@media screen and (min-width: 80em) {
    .cart-page__items {
        width: 760px;
    }
}

.cart-page__columns {
    height: 40px;
    line-height: 40px;
    font-weight: 100;
    font-size: 0.8125rem;
    letter-spacing: 0.1rem;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    display: none;
}

    .cart-page__columns div {
        float: left;
        text-transform: uppercase;
    }

    .cart-page__columns .item {
        width: 340px;
    }

@media screen and (min-width: 80em) {
    .cart-page__columns .item {
        width: 385px;
    }
}

.cart-page__columns .price {
    width: 110px;
}

.cart-page__columns .store {
    width: 110px;
    display: none;
}

@media screen and (min-width: 80em) {
    .cart-page__columns .store {
        display: block;
    }
}

@media screen and (min-width: 63.75em) {
    .cart-page__columns {
        display: block;
    }
}

.cart-page__item {
    position: relative;
    width: 100%;
    padding: 18px 0px;
    border-bottom: 1px solid rgba(153, 153, 153, 0.35);
    transition: opacity .4s ease;
    opacity: 1;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .cart-page__item:last-child {
        border-bottom: none;
    }
}

@media screen and (min-width: 47.5em) {
    .cart-page__item {
        padding: 30px 0px;
    }
}

@media screen and (min-width: 63.75em) {
    .cart-page__item {
        padding: 40px 0px 30px 0px;
    }

        .cart-page__item:last-child {
            border-bottom: none;
        }
}

.cart-page__item.remove {
    opacity: 0;
}

.cart-page__item .image {
    width: 80px;
    margin-right: 15px;
    float: left;
    box-shadow: 0 34px 58px -33px rgba(0, 0, 0, 0.75);
}

    .cart-page__item .image img {
        width: 100%;
    }

    .cart-page__item .image:after {
        width: 80px;
        height: 7px;
        top: 97%;
    }

@media screen and (min-width: 47.5em) {
    .cart-page__item .image {
        width: 140px;
        margin-right: 20px;
        box-shadow: 0 60px 56px -55px rgba(0, 0, 0, 0.55);
    }

        .cart-page__item .image img {
            width: 105px;
            margin: 0 auto;
            display: block;
        }

        .cart-page__item .image:after {
            width: 140px;
            height: 11px;
        }
}

.cart-page__item .info {
    width: 185px;
    float: right;
    text-transform: uppercase;
    letter-spacing: 0.075rem;
}

@media screen and (min-width: 47.5em) {
    .cart-page__item .info {
        width: 200px;
    }
}

@media screen and (min-width: 63.75em) {
    .cart-page__item .info {
        width: 460px;
    }
}

@media screen and (min-width: 80em) {
    .cart-page__item .info {
        width: 600px;
    }
}

.cart-page__item .info .title-container {
    overflow: auto;
    float: left;
}

@media screen and (min-width: 63.75em) {
    .cart-page__item .info .title-container {
        width: 179px;
    }
}

@media screen and (min-width: 80em) {
    .cart-page__item .info .title-container {
        width: 225px;
        overflow: visible;
    }
}

.cart-page__item .info .title-container a {
    text-decoration: none;
    color: #000000;
}

    .no-touch .cart-page__item .info .title-container a:hover, .cart-page__item .info .title-container a:active {
        color: #000000;
    }

.cart-page__item .info .title {
    float: left;
    font-size: 0.625rem;
    line-height: 0.75rem;
    font-weight: 500;
    width: 120px;
}

@media screen and (min-width: 47.5em) {
    .cart-page__item .info .title {
        line-height: 0.875rem;
    }
}

@media screen and (min-width: 63.75em) {
    .cart-page__item .info .title {
        font-size: 0.6875rem;
    }
}

.cart-page__item .info .color {
    float: left;
    clear: both;
    font-size: 0.5625rem;
    line-height: 0.75rem;
    font-weight: 300;
    letter-spacing: 0.1rem;
    margin-top: 5px;
}

@media screen and (min-width: 47.5em) {
    .cart-page__item .info .color {
        margin-top: 10px;
    }
}

.cart-page__item .info .store-name {
    float: left;
    clear: both;
    font-size: 0.5625rem;
    line-height: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.1rem;
    margin-top: 5px;
    display: block;
}

@media screen and (min-width: 63.75em) {
    .cart-page__item .info .store-name {
        display: none;
    }
}

.cart-page__item .info .stock {
    float: left;
    clear: both;
    font-size: 0.75rem;
    line-height: 1.4375rem;
    font-weight: 500;
    color: #FC2561;
    height: 22px;
    width: 100%;
}

@media screen and (min-width: 47.5em) {
    .cart-page__item .info .stock {
        margin-top: 15px;
        width: auto;
    }
}

.cart-page__item .info .price {
    min-height: 10px;
    float: right;
    font-size: 0.6875rem;
    line-height: 0.875rem;
    font-weight: 100;
    position: absolute;
    top: 18px;
    right: 0;
}

    .cart-page__item .info .price span {
        letter-spacing: 0.1rem;
    }

@media screen and (min-width: 63.75em) {
    .cart-page__item .info .price span {
        display: none;
    }
}

.cart-page__item .info .price div {
    font-weight: 500;
}

@media screen and (min-width: 47.5em) {
    .cart-page__item .info .price {
        line-height: 0.875rem;
        top: 30px;
    }
}

@media screen and (min-width: 63.75em) {
    .cart-page__item .info .price {
        position: relative;
        top: 0;
        float: left;
        width: 110px;
        font-size: 0.6875rem;
    }
}

.cart-page__item .info .store {
    min-height: 10px;
    float: right;
    font-size: 0.6875rem;
    line-height: 0.875rem;
    font-weight: 100;
    position: absolute;
    top: 18px;
    right: 0;
    display: none;
}

    .cart-page__item .info .store span {
        letter-spacing: 0.1rem;
    }

@media screen and (min-width: 63.75em) {
    .cart-page__item .info .store span {
        display: none;
    }
}

.cart-page__item .info .store div {
    font-weight: 500;
}

@media screen and (min-width: 47.5em) {
    .cart-page__item .info .store {
        line-height: 0.875rem;
        top: 30px;
        display: none;
    }
}

@media screen and (min-width: 80em) {
    .cart-page__item .info .store {
        position: relative;
        top: 0;
        float: left;
        width: 110px;
        font-size: 0.6875rem;
        display: block;
    }
}

.cart-page__item .info .quantity {
    float: left;
    clear: both;
    margin-top: 12px;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .cart-page__item .info .quantity {
        width: 150px;
    }

        .cart-page__item .info .quantity select.quantity-select {
            float: left;
        }
}

@media screen and (min-width: 47.5em) {
    .cart-page__item .info .quantity {
        margin-top: 22px;
        width: 150px;
    }
}

@media screen and (min-width: 63.75em) {
    .cart-page__item .info .quantity {
        width: 120px;
    }
}

.cart-page__item .info .quantity .quantity-select.hidden {
    display: none;
}

.cart-page__item .info .quantity div.quantity-text {
    font-size: 0.625rem;
    font-weight: 500;
    margin-bottom: 5px;
}

@media screen and (min-width: 63.75em) { 
    .cart-page__item .info .quantity div.quantity-text {
        display: none;
    }
}

.cart-page__item .info .quantity input.quantity-input {
    display: none;
    height: 25px;
    width: 32px;
    text-align: center;
    font-size: 0.625rem;
    font-weight: 300;
    font-family: "Neue Helvetica W01";
    float: left;
}

    .cart-page__item .info .quantity input.quantity-input.active {
        display: block;
    }

@media screen and (min-width: 63.75em) {
    .cart-page__item .info .quantity input.quantity-input {
        width: 40px;
        height: 32px;
        font-size: 0.8125rem;
    }
}

.cart-page__item .info .quantity .chosen-container {
    width: 66px;
    height: 30px;
    float: left;
}

    .cart-page__item .info .quantity .chosen-container a.chosen-single {
        height: 30px;
        line-height: 30px;
    }

    .cart-page__item .info .quantity .chosen-container.hidden {
        display: none;
    }

.cart-page__item .info .quantity a.update {
    font-size: 0.5625rem;
    line-height: 1rem;
    font-weight: 300;
    color: #999999;
    text-decoration: none;
    border-bottom: 1px solid #999999;
    letter-spacing: 0.1rem;
    text-transform: capitalize;
    display: block;
    float: left;
    clear: both;
    margin-right: 10px;
    margin-top: 13px;
}

    .no-touch .cart-page__item .info .quantity a.update:hover, .cart-page__item .info .quantity a.update:active {
        color: #000000;
    }

@media screen and (min-width: 47.5em) {
    .cart-page__item .info .quantity a.update {
        margin-top: 4px;
        margin-left: 10px;
        margin-right: 0;
        clear: none;
    }
}

.cart-page__item .info .quantity a.edit {
    font-size: 0.5625rem;
    line-height: 1rem;
    font-weight: 300;
    color: #999999;
    text-decoration: none;
    border-bottom: 1px solid #999999;
    letter-spacing: 0.1rem;
    text-transform: capitalize;
    display: block;
    float: left;
    clear: both;
    margin-top: 13px;
}

    .no-touch .cart-page__item .info .quantity a.edit:hover, .cart-page__item .info .quantity a.edit:active {
        color: #000000;
    }

.cart-page__item .info .quantity a.remove {
    float: left;
    text-transform: capitalize;
    font-size: 0.5625rem;
    line-height: 1rem;
    font-weight: 300;
    color: #999999;
    text-decoration: none;
    border-bottom: 1px solid #999999;
    letter-spacing: 0.1rem;
    margin-top: 13px;
    margin-left: 10px;
}

    .no-touch .cart-page__item .info .quantity a.remove:hover, .cart-page__item .info .quantity a.remove:active {
        color: #000000;
    }

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .stock + .cart-page__item .info .quantity a.remove {
        clear: both;
    }
}

@media screen and (min-width: 47.5em) {
    .cart-page__item .info .quantity a.remove {
        margin-left: 10px;
    }
}

.cart-page__item .info .quantity .stock {
    float: left;
    clear: both;
    font-size: 0.75rem;
    line-height: 1.4375rem;
    font-weight: 500;
    color: #FC2561;
    height: 22px;
    margin-bottom: 20px;
}

@media screen and (min-width: 47.5em) {
    .cart-page__item .info .quantity .stock {
        margin-top: -1px;
    }
}

@media screen and (min-width: 63.75em) {
    .cart-page__item .info .quantity .stock {
        margin: 0;
        margin-top: 5px;
        display: block;
    }
}

@media screen and (min-width: 47.5em) {
    .cart-page__item .info .quantity {
        margin-top: 46px;
    }
}

@media screen and (min-width: 63.75em) {
    .cart-page__item .info .quantity {
        position: relative;
        top: 0;
        float: left;
        clear: none;
        margin-top: -7px;
    }
}

.cart-page__item .info .button {
    width: 80px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
    font-size: 0.5rem;
    float: right;
    margin-top: -20px;
    letter-spacing: 0.12rem;
    position: absolute;
    bottom: 47px;
    right: 0;
    min-width: 80px;
}

@media screen and (min-width: 47.5em) {
    .cart-page__item .info .button {
        width: 100px;
        height: 30px;
        font-size: 0.625rem;
        line-height: 1.875rem;
        bottom: 30px;
    }
}

@media screen and (min-width: 63.75em) {
    .cart-page__item .info .button {
        position: relative;
        bottom: 0;
        float: right;
        clear: none;
        margin-top: -7px;
    }
}

.cart-page__stores-container {
    text-transform: uppercase;
    letter-spacing: 0.075rem;
    text-align: center;
}

    .cart-page__stores-container h2 {
        margin: 0;
        height: 40px;
        line-height: 40px;
        padding-left: 20px;
        font-size: 0.8125rem;
        font-weight: 100;
        text-align: left;
    }

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .cart-page__stores-container h2 {
        margin-top: 4px;
    }
}

.cart-page__stores-container ul li {
    text-align: left;
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
}

    .cart-page__stores-container ul li:last-child {
        border-bottom-color: rgba(0, 0, 0, 0.5);
    }

    .cart-page__stores-container ul li a {
        width: 100%;
        height: 40px;
        line-height: 40px;
        display: block;
        font-weight: 500;
        font-size: 0.75rem;
        padding: 0 15px;
        background: #FAFAFA;
        color: #000000;
        position: relative;
    }

        .cart-page__stores-container ul li a .name {
            float: left;
            text-overflow: ellipsis;
            overflow: hidden;
            width: 75%;
        }

        .cart-page__stores-container ul li a .number {
            float: right;
        }

        .cart-page__stores-container ul li a.inactive {
            color: #999999;
        }

            .cart-page__stores-container ul li a.inactive:hover {
                cursor: default;
            }

        .cart-page__stores-container ul li a.active:not(.inactive), .no-touch .cart-page__stores-container ul li a:hover:not(.inactive) {
            background: #000000;
            color: #FC2561;
        }

            .cart-page__stores-container ul li a.active:not(.inactive):after, .no-touch .cart-page__stores-container ul li a:hover:not(.inactive):after {
                content: '';
                width: 0px;
                height: 0px;
                border-bottom: 5px solid transparent;
                /* left arrow slant */
                border-top: 5px solid transparent;
                /* right arrow slant */
                border-right: 5px solid #FFFFFF;
                /* bottom, add background color here */
                font-size: 0px;
                line-height: 0px;
                position: absolute;
                right: 0;
                top: 50%;
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

.cart-page__stores-container .total {
    text-align: left;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 0.75rem;
}

    .cart-page__stores-container .total.shoppable {
        height: 70px;
    }

    .cart-page__stores-container .total .name {
        float: left;
        font-weight: 100;
        font-size: 0.8125rem;
    }

    .cart-page__stores-container .total .amount {
        float: right;
        font-weight: 500;
    }

    .cart-page__stores-container .total .tax-description {
        font-weight: 100;
        font-size: 0.625rem;
        line-height: 20px;
        clear: both;
    }

.cart-page__stores-container .button {
    width: 244px;
}

.cart-page__stores-container .button-primary {
    margin-top: 4px;
}

.cart-page__stores-container .legal {
    font-size: 0.5625rem;
    line-height: 1rem;
    font-weight: 300;
    color: #999999;
    text-decoration: none;
    text-align: left;
    clear: both;
    text-transform: none;
}

    .cart-page__stores-container .legal a {
        color: #999999;
    }

        .no-touch .cart-page__stores-container .legal a:hover, .cart-page__stores-container .legal a:active {
            color: #000000;
        }

.cart-page__empty {
    position: relative;
    color: #666666;
    font-size: 12px;
    line-height: 1.25rem;
    font-weight: 300;
    text-align: center;
    letter-spacing: 1.60000002384186px;
}

    .cart-page__empty h2 {
        text-align: center;
        position: relative;
        text-transform: uppercase;
        font-size: 1.875rem;
        line-height: 1.875rem;
        font-weight: 100;
        margin-bottom: 3.125rem;
    }

        .cart-page__empty h2:after {
            position: absolute;
            left: 50%;
            -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            bottom: -1.25rem;
            content: " ";
            width: 2.5rem;
            height: 0.0625rem;
            background-color: #000000;
        }

@media screen and (min-width: 47.5em) {
    .cart-page__empty h2:after {
        bottom: -1.5625rem;
    }
}

.cart-page__empty p {
    font-weight: 300;
    font-size: 0.75rem;
    padding: 0 1.25rem;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .cart-page__empty p {
        margin-top: -11px;
        margin-bottom: 20px;
    }
}

.cart-page__stores {
    display: block;
}

@media screen and (min-width: 47.5em) {
    .cart-page__stores {
        display: none;
    }
}

.sidebar-stores {
    display: none;
}

@media screen and (min-width: 47.5em) {
    .sidebar-stores {
        display: block;
    }
}

@media screen and (min-width: 63.75em) {
    .store-finder {
        padding: 0 40px;
    }
}

@media screen and (min-width: 80em) {
    .store-finder {
        padding: 0 60px;
    }
}

.store-finder__header {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    margin-bottom: 30px;
    margin-right: 20px;
    margin-left: 20px;
}

.store-finder__header-icon {
    margin-right: 10px;
    font-size: 1.25rem;
    position: relative;
    top: 3px;
}

.store-finder__header-find {
    margin-right: 20px;
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: 0.08rem;
}

@media screen and (min-width: 47.5em) {
    .store-finder__header-find {
        margin-right: 30px;
    }
}

.store-finder__header-product {
    font-size: 0.875rem;
    font-weight: 100;
    letter-spacing: 0.08rem;
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
}

@media screen and (min-width: 47.5em) {
    .store-finder__header-product {
        display: inline;
        margin-top: auto;
        margin-bottom: auto;
    }
}

@media screen and (min-width: 63.75em) {
    .store-finder__header {
        margin-right: auto;
        margin-left: auto;
    }
}

.store-finder__form {
    font-size: 0;
    margin-bottom: 33px;
    margin-right: 20px;
    margin-left: 20px;
}

@media screen and (min-width: 47.5em) {
    .store-finder__form {
        margin-bottom: 50px;
    }
}

@media screen and (min-width: 63.75em) {
    .store-finder__form {
        margin-bottom: 60px;
        margin-right: auto;
        margin-left: auto;
    }
}

.store-finder__form-location {
    vertical-align: top;
    display: block;
    margin-bottom: 20px;
    width: 100%;
    /* @include when-wider-than(small_desktop) {
                width: 230px;
            } */
}

    .store-finder__form-location .floating-input input[type="text"], .store-finder__form-location .floating-input input[type="password"] {
        background-color: #F1F1F1;
		height: 44px;
        font-size: 0.6875rem;
        font-family: "Helvetica Neue LT W05_55 Roman";
        color: #666;
    }

        .store-finder__form-location .floating-input input[type="text"]:focus, .store-finder__form-location .floating-input input[type="password"]:focus {
            outline: 0;
        }

    .store-finder__form-location .floating-input .locate-me > a {
        background: #F1F1F1 !important;
    }

@media screen and (min-width: 47.5em) {
    .store-finder__form-location {
        width: 230px;
        display: inline-block;
    }
}

.store-finder__form-radius {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    margin-left: 0;
}

    .store-finder__form-radius select {
        margin-top: 0;
        max-width: 100%;
        height: 44px;
    }

@media screen and (min-width: 47.5em) {
    .store-finder__form-radius {
        margin-left: 20px;
    }
}

.store-finder__form-radius .chosen-container:before {
    content: 'Radius';
    position: absolute;
    top: 6px;
    left: 15px;
    z-index: 5;
    pointer-events: none;
    color: #999999;
    font-weight: 300;
    font-size: 0.5625rem;
    letter-spacing: 0.12rem;
}

.store-finder__form-radius .chosen-container .chosen-single {
    line-height: normal;
}

    .store-finder__form-radius .chosen-container .chosen-single span {
        margin-top: 21px;
		font-size: 0.6875rem;
        font-family: "Helvetica Neue LT W05_55 Roman";
        color: #666;
    }

.store-finder__form-radius .chosen-container .chosen-results {
    max-height: 190px;
}

.store-finder__form-find {
    margin-left: 20px;
    display: inline-block;
    vertical-align: top;
}

    .store-finder__form-find .button {
        text-align: center;
        height: 44px;
        min-width: inherit;
        width: 160px;
    }

@media screen and (min-width: 47.5em) {
    .store-finder__form-find .button {
        width: 140px;
    }
}

@media screen and (min-width: 63.75em) {
    .store-finder__form-find .button {
        width: 120px;
    }
}

.store-finder__form-notice {
    vertical-align: top;
    font-weight: 300;
    color: #999999;
    letter-spacing: 0.06rem;
    display: block;
    margin: auto;
    margin-top: 30px;
    max-width: none;
    font-size: 0.6875rem;
    line-height: 1.0625rem;
}

@media screen and (min-width: 47.5em) {
    .store-finder__form-notice {
        display: inline-block;
        max-width: 220px;
        font-size: 10px;
        margin-top: -4px;
        margin-left: 20px;
    }
}

@media screen and (min-width: 63.75em) {
    .store-finder__form-notice {
        max-width: 360px;
        margin-top: 4px;
        font-size: 0.6875rem;
        line-height: 1.0625rem;
    }
}

.store-finder__results {
    position: relative;
    margin-right: 20px;
    margin-left: 20px;
}

    .store-finder__results.hidden {
        display: none;
    }

@media screen and (min-width: 47.5em) {
    .store-finder__results {
        margin-right: 40px;
        margin-left: 40px;
    }
}

@media screen and (min-width: 63.75em) {
    .store-finder__results {
        max-width: 300px;
        min-height: 485px;
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (min-width: 80em) {
    .store-finder__results {
        max-width: 380px;
        min-height: 485px;
    }
}

.store-finder__count {
    font-size: 1.875rem;
    line-height: 1.875rem;
    margin-bottom: 16px;
}

@media screen and (min-width: 47.5em) {
    .store-finder__count {
        font-size: 2.375rem;
        line-height: 2.375rem;
        margin-bottom: 26px;
    }
}

.store-finder__count_number {
    font-weight: 600;
}

.store-finder__count_label {
    font-weight: 200;
    letter-spacing: 0.08rem;
}

.store-finder__total {
    font-size: 1.875rem;
    line-height: 1.875rem;
    margin-bottom: 20px;
}

@media screen and (min-width: 47.5em) {
    .store-finder__total {
        font-size: 2.375rem;
        line-height: 2.375rem;
    }
}

.store-finder__total_number {
    font-weight: 600;
}

.store-finder__total_label {
    font-weight: 200;
    letter-spacing: 0.08rem;
}

.store-finder__locations {
    padding: 40px 0;
    font-size: 0;
    border-top: none;
}

@media screen and (min-width: 47.5em) {
    .store-finder__locations {
        padding: 40px 0;
    }
}

@media screen and (min-width: 63.75em) {
    .store-finder__locations {
        padding: 25px 0;
        border-top: 1px solid #000000;
    }
}

.store-finder__location {
    font-size: 1rem;
    min-height: 80px;
    margin-bottom: 40px;
    position: relative;
    vertical-align: top;
}

    .store-finder__location:last-child {
        margin-bottom: 0;
    }

@media screen and (min-width: 47.5em) {
    .store-finder__location {
        width: 50%;
        display: inline-block;
    }
}

@media screen and (min-width: 63.75em) {
    .store-finder__location {
        display: block;
        width: auto;
    }
}

.store-finder__location-rank {
    width: 60px;
    text-align: center;
    position: absolute;
    top: 20px;
    left: 0;
    font-size: 1.5rem;
}

    .store-finder__location-rank:before {
        position: absolute;
        content: '';
        width: 44px;
        height: 40px;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
        border-left: 1px solid black;
        border-right: 3px solid black;
    }

.selected .store-finder__location-rank:before {
    border-color: #FC2561;
}

.selected .store-finder__location-rank {
    color: #FC2561;
}

.store-finder__location-place {
    display: block;
    vertical-align: top;
    margin-left: 80px;
    letter-spacing: 0.08rem;
}

@media screen and (min-width: 47.5em) {
    .store-finder__location-place {
        width: 240px;
    }
}

@media screen and (min-width: 63.75em) {
    .store-finder__location-place {
        width: auto;
    }
}

.store-finder__location-name {
    margin-bottom: 10px;
    font-size: 0.875rem;
}

.infobox .store-finder__location-name {
    color: #FFFFFF;
}

.store-finder__location-address {
    font-size: 0.75rem;
    color: #666666;
    font-weight: 300;
    line-height: 1.25rem;
}

.infobox .store-finder__location-address {
    color: #999999;
}

.store-finder__location-phone {
    font-size: 0.75rem;
    color: #666666;
    font-weight: 300;
    margin-bottom: 10px;
    line-height: 1.25rem;
}

.infobox .store-finder__location-phone {
    color: #999999;
}

.store-finder__location-map {
    font-size: 0.625rem;
    color: #999999;
    font-weight: 300;
}

.store-finder__location-distance {
    margin-right: 5px;
}

.infobox .store-finder__location-distance {
    color: #666666;
}

.store-finder__location-directions {
    color: #000000;
}

.infobox .store-finder__location-directions {
    color: #FFFFFF;
}

.store-finder__location-directions:hover {
    color: #FC2561;
}

.store-finder__stores {
    margin-bottom: 20px;
}

@media screen and (min-width: 47.5em) {
    .store-finder__stores {
        margin-bottom: 0;
        width: 200px;
        position: absolute;
        top: 0;
        right: 0px;
    }
}

@media screen and (min-width: 63.75em) {
    .store-finder__stores {
        right: initial;
        left: 340px;
    }
}

@media screen and (min-width: 80em) {
    .store-finder__stores {
        left: 420px;
    }
}

.store-finder__map {
    width: 280px;
    height: 280px;
    margin: auto;
    background: #999999;
}

@media screen and (min-width: 47.5em) {
    .store-finder__map {
        width: 680px;
        height: 340px;
    }
}

@media screen and (min-width: 63.75em) {
    .store-finder__map {
        position: absolute !important;
        top: 68px;
        left: 340px;
        width: 600px;
        height: 300px;
    }
}

@media screen and (min-width: 80em) {
    .store-finder__map {
        left: 420px;
        width: 740px;
        height: 370px;
    }
}

.store-finder__pagination {
    margin-top: -15px;
    margin-bottom: 33px;
}

    .store-finder__pagination.hidden {
        display: none;
    }

.store-finder__pagination-prev.disabled, .store-finder__pagination-next.disabled {
    visibility: hidden;
}

.store-finder__pagination-next {
    float: right;
}

.store-finder__pagination a {
    font-size: 0.625rem;
    font-weight: 300;
    letter-spacing: 0.08rem;
    line-height: 0.875rem;
    vertical-align: top;
    color: #999999;
    height: 18px;
    text-decoration: none;
    display: inline-block;
}

    .store-finder__pagination a:hover {
        color: #FF387A;
    }

    .store-finder__pagination a .text {
        line-height: 10px;
        position: relative;
        top: 50%;
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        display: inline-block;
        vertical-align: top;
        margin-top: -1px;
    }

    .store-finder__pagination a .icon, .store-finder__pagination a .get-the-look__video__image, .store-finder__pagination a .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .store-finder__pagination a .color-picker__swatch:before, .store-finder__pagination a .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .store-finder__pagination a .product-info__shade-swatch:before, .store-finder__pagination a .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .store-finder__pagination a .product-info__color-overlay--with-video:before, .store-finder__pagination a .cheatsheet .cheatsheet__dash, .cheatsheet .store-finder__pagination a .cheatsheet__dash, .store-finder__pagination a .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .store-finder__pagination a li, .store-finder__pagination a .video-kit__hero-image, .store-finder__pagination a .video-kit__card-image, .store-finder__pagination a .video-promoted__image {
        font-size: 0.875rem;
        color: #FF387A;
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        display: inline-block;
        vertical-align: top;
    }

@media screen and (min-width: 47.5em) {
    .store-finder__pagination {
        margin-top: 0;
        margin-bottom: 20px;
    }
}

.store-finder__more {
    position: relative;
    padding-top: 30px;
    border-top: 1px solid #000000;
    font-size: 0;
}

    .store-finder__more .store-finder__total {
        line-height: 1.375rem;
    }

@media screen and (min-width: 47.5em) {
    .store-finder__more .store-finder__total {
        display: inline-block;
        vertical-align: top;
        margin-right: 40px;
    }
}

@media screen and (min-width: 63.75em) {
    .store-finder__more .store-finder__total {
        display: block;
        margin-right: auto;
    }
}

.store-finder__more-view {
    font-size: 0.875rem;
    line-height: 0.875rem;
    letter-spacing: 0.08rem;
    font-weight: 100;
    text-transform: uppercase;
    display: block;
    margin-bottom: 30px;
}

@media screen and (min-width: 47.5em) {
    .store-finder__more-view {
        display: inline-block;
        vertical-align: top;
    }
}

@media screen and (min-width: 63.75em) {
    .store-finder__more-view {
        display: block;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 80em) {
    .store-finder__more-view {
        margin-bottom: auto;
    }
}

.store-finder__more-find {
    text-align: center;
    top: auto;
    right: auto;
    position: inherit;
    text-align: left;
}

    .store-finder__more-find span.button {
        width: 100%;
        min-width: inherit;
    }

@media screen and (min-width: 47.5em) {
    .store-finder__more-find {
        position: absolute;
        top: 30px;
        right: 0;
    }

        .store-finder__more-find span.button {
            width: 120px;
        }
}

@media screen and (min-width: 63.75em) {
    .store-finder__more-find {
        position: relative;
        top: auto;
        right: auto;
    }
}

@media screen and (min-width: 80em) {
    .store-finder__more-find {
        position: absolute;
        top: 30px;
        right: 0;
    }
}

.store-finder__nothing {
    position: relative;
    color: #666666;
    font-size: 12px;
    line-height: 1.25rem;
    font-weight: 300;
    text-align: center;
    letter-spacing: 1.60000002384186px;
}

    .store-finder__nothing h2 {
        text-align: center;
        position: relative;
        text-transform: uppercase;
        font-size: 1.875rem;
        line-height: 1.875rem;
        font-weight: 100;
        margin: 1.875rem auto;
    }

    .store-finder__nothing .button {
        width: 260px;
        margin-bottom: 30px;
    }

.infocontainer {
    position: absolute;
}

.infobox {
    background: none repeat scroll 0 0 #333333;
    color: #F1F1F1;
    font-family: "Neue Helvetica W01";
    line-height: 20px;
    letter-spacing: 0.08rem;
    width: 260px;
    min-height: 125px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

    .infobox:before, .infobox:after {
        border-color: #333333 transparent transparent transparent;
        border-style: solid;
        border-width: 8px 8px 0;
        content: "";
        display: block;
        height: 0;
        left: 50%;
        top: 100%;
        position: absolute;
        width: 0;
        z-index: 2;
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    .infobox .close {
        background: none repeat scroll 0 0 #333333;
        cursor: pointer;
        float: right;
        font-size: 12px;
        position: relative;
        text-align: center;
        top: 10px;
        right: 10px;
    }

        .infobox .close:hover {
            color: #FC2561;
        }

    .infobox .content {
        margin: 20px;
    }

.discontinued-products {
    padding: 0 1.25rem 7.5rem;
}

    .discontinued-products.page-content {
        margin-top: 1.4375rem;
    }

@media screen and (min-width: 47.5em) {
    .discontinued-products.page-content {
        margin-top: 3.125rem;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .discontinued-products {
        padding: 0 2.5rem 7.5rem;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .discontinued-products {
        padding: 0 3.25rem 7.5rem;
    }
}

@media screen and (min-width: 80em) {
    .discontinued-products {
        padding: 0 6.25rem 7.5rem;
    }
}

.discontinued-products__heading {
    text-align: center;
}

.discontinued-products__page-title {
    font-weight: 100;
    text-transform: uppercase;
    font-size: 2.25rem;
    line-height: 2.625rem;
    margin: 0;
}

    .discontinued-products__page-title span {
        font-weight: 500;
    }

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .discontinued-products__page-title {
        font-size: 3.75rem;
        line-height: 3.75rem;
        margin: 0 0 0.5625rem;
    }
}

@media screen and (min-width: 63.75em) {
    .discontinued-products__page-title {
        font-size: 5rem;
        line-height: 5rem;
        margin: 0 0 0.875rem;
    }
}

.discontinued-products__page-description {
    font-size: 0.8125rem;
    line-height: 1.375rem;
    color: #666666;
    letter-spacing: 0.1em;
    font-weight: 300;
    margin-top: 0.3125rem;
}

@media screen and (min-width: 47.5em) {
    .discontinued-products__page-description {
        width: 37.5rem;
        margin: 0 auto;
    }
}

.discontinued-products .twitter-typeahead {
    position: relative;
}

    .discontinued-products .twitter-typeahead:after {
        position: absolute;
        top: 2.125rem;
        right: 1.125rem;
        content: "";
        font-size: 1.25rem;
        color: #999999;
    }

.discontinued-products__search-field {
    display: block;
    margin: 1.25rem auto 0;
    width: 17.5rem;
    height: 3.125rem;
    line-height: 3.125rem;
    padding: 0 3.375rem 0 1.25rem;
    border: 0.0625rem solid rgba(153, 153, 153, 0.5);
    font-size: 1rem;
    text-align: left;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: 0.1em;
}

@media screen and (min-width: 47.5em) {
    .discontinued-products__search-field {
        width: 40rem;
    }
}

.discontinued-products__module {
    letter-spacing: 0.1em;
    font-weight: 300;
    margin-top: 1.875rem;
}

@media screen and (min-width: 47.5em) {
    .discontinued-products__module {
        margin-top: 3.125rem;
    }
}

.discontinued-products__module-heading {
    color: #333333;
    text-transform: uppercase;
    font-weight: 500;
    border-bottom: 1px solid #000000;
    padding-bottom: 0.3125rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin: 0.625rem 0;
}

@media screen and (min-width: 47.5em) {
    .discontinued-products__module-heading {
        font-size: 1.125rem;
    }
}

.discontinued-products__module-heading--search-results {
    display: none;
    letter-spacing: 0.1em;
    margin-top: 1.875rem;
}

.discontinued-products__module-heading.expandable {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
}

    .discontinued-products__module-heading.expandable:hover {
        color: #FC2561;
    }

        .discontinued-products__module-heading.expandable:hover:after {
            color: #FC2561;
        }

    .discontinued-products__module-heading.expandable:after {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 1.25rem;
        color: #000000;
        content: "";
    }

    .discontinued-products__module-heading.expandable.closed:after {
        content: "";
    }

    .discontinued-products__module-heading.expandable:before {
        position: absolute;
        top: 0.0625rem;
        right: 1.875rem;
        font-size: 0.75rem;
        content: "Collapse";
        letter-spacing: 0.2em;
    }

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .discontinued-products__module-heading.expandable:before {
        display: none;
    }
}

.discontinued-products__module-heading.expandable.closed:before {
    content: "Expand";
}

.discontinued-products__module--select-product-menu {
    display: none;
}

    .discontinued-products__module--select-product-menu .chosen-container {
        margin: 2.1875rem auto;
        display: block;
    }

@media screen and (min-width: 47.5em) {
    .discontinued-products__module--select-product-menu .chosen-container {
        width: 40rem;
    }
}

.discontinued-products__module-search-field .discontinued-products__module-content {
    text-align: center;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .discontinued-products__select-product-menu {
        margin-top: 1.25rem;
        width: 17.5rem;
    }
}

@media screen and (min-width: 47.5em) {
    .discontinued-products__select-product-menu {
        width: 40rem;
    }
}

.discontinued-products__select-type-buttons-grid {
    display: none;
}

@media screen and (min-width: 47.5em) {
    .discontinued-products__select-type-buttons-grid {
        display: block;
    }
}

.discontinued-products__select-type-dropdown {
    margin-top: 2.1875rem;
}

@media screen and (min-width: 47.5em) {
    .discontinued-products__select-type-dropdown {
        display: none;
    }
}

.discontinued-products__select-type-dropdown .custom-select {
    margin-top: 0;
}

.discontinued-products__types-label {
    font-weight: 100;
    text-transform: uppercase;
    font-size: 1.625rem;
    text-align: center;
    margin-bottom: 1.375rem;
}

.discontinued-products__types-column {
    float: left;
    max-width: 25%;
    width: 25%;
    text-align: center;
}

    .discontinued-products__types-column .button {
        display: none;
    }

@media screen and (min-width: 47.5em) {
    .discontinued-products__types-column .button {
        display: block;
        margin: 0 auto;
        text-align: center;
        font-weight: 500;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        margin-bottom: 1rem;
        font-size: 0.75rem;
        width: 8.75rem;
        min-width: 8.75rem;
    }
}

@media screen and (min-width: 63.75em) {
    .discontinued-products__types-column .button {
        font-size: 1rem;
        width: 12.5rem;
        line-height: 1.625rem;
    }
}

.discontinued-products__results {
    display: none;
    margin: 0 auto;
}

@media screen and (min-width: 47.5em) {
    .discontinued-products__results {
        width: 40rem;
    }
}

.discontinued-products__results-titles {
    display: none;
}

@media screen and (min-width: 47.5em) {
    .discontinued-products__results-titles {
        display: block;
        width: 50%;
        float: left;
        font-size: 2rem;
        line-height: 2.375rem;
        font-weight: 100;
        text-align: center;
        text-transform: uppercase;
        padding: 2.5rem 4.375rem;
    }
}

.discontinued-products__results-list {
    float: left;
}

.discontinued-products .mny-loader {
    display: block;
    clear: both;
    padding-top: 3.75rem;
}

.discontinued-products .chosen-container a.chosen-single,
.discontinued-products .custom-select {
    background-color: #FFFFFF;
    border: 0.0625rem solid rgba(153, 153, 153, 0.5);
    font-size: 1rem;
}

.discontinued-products .custom-select {
    margin-left: auto;
    margin-right: auto;
    padding-right: 40px;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .discontinued-products .custom-select {
        width: 100%;
    }
}

@media screen and (min-width: 47.5em) {
    .discontinued-products .custom-select {
        width: 40rem;
    }
}

.discontinued-products .chosen-container-single .chosen-single span,
.discontinued-products .chosen-container .chosen-results {
    font-size: 1rem;
}

    .discontinued-products .chosen-container .chosen-results li {
        text-transform: capitalize;
        font-size: 1rem;
    }

.discontinued-products .chosen-drop {
    background-color: #FFFFFF;
    border: 0.0625rem solid rgba(153, 153, 153, 0.5);
}

.about-us {
    text-align: center;
    letter-spacing: .04rem;
    margin: 26px auto 30px;
}

@media screen and (min-width: 47.5em) {
    .about-us {
        margin: 52px auto 60px;
    }
}

.about-us__content {
    width: 280px;
    margin: 0 auto 50px;
}

@media screen and (min-width: 47.5em) {
    .about-us__content {
        width: 620px;
    }
}

@media screen and (min-width: 63.75em) {
    .about-us__content {
        width: 630px;
        margin-bottom: 100px;
    }
}

@media screen and (min-width: 80em) {
    .about-us__content {
        margin-bottom: 60px;
    }
}

.about-us__header-title {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 2.25rem;
    line-height: 1em;
    margin: auto;
    margin-bottom: 20px;
}

@media screen and (min-width: 47.5em) {
    .about-us__header-title {
        font-size: 3.75rem;
        margin-bottom: 26px;
    }
}

@media screen and (min-width: 63.75em) {
    .about-us__header-title {
        font-size: 5rem;
        margin-bottom: 23px;
    }
}

.about-us__header-title span {
    font-weight: 100;
}

.about-us__header-body {
    font-weight: 300;
    font-size: 0.75rem;
    line-height: 1.25rem;
    letter-spacing: .08rem;
    color: #666666;
    margin: auto;
    margin-bottom: 22px;
    width: 280px;
}

@media screen and (min-width: 47.5em) {
    .about-us__header-body {
        font-size: 0.8125rem;
        line-height: 1.375rem;
        margin-bottom: 30px;
        width: 640px;
    }
}

@media screen and (min-width: 63.75em) {
    .about-us__header-body {
        margin-bottom: 50px;
    }
}

.about-us__subheader-title {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 1em;
    letter-spacing: 0.08rem;
    margin: auto;
    margin-bottom: 8px;
}

@media screen and (min-width: 47.5em) {
    .about-us__subheader-title {
        font-size: 2.5rem;
        margin-bottom: 12px;
    }
}

.about-us__subheader-title span {
    font-weight: 100;
}

.about-us__subheader-body {
    font-weight: 300;
    font-size: 0.5625rem;
    line-height: 0.75rem;
    letter-spacing: .08rem;
    color: #666666;
    width: 280px;
}

@media screen and (min-width: 47.5em) {
    .about-us__subheader-body {
        font-size: 0.5rem;
        line-height: 1.25rem;
        width: 640px;
    }
}

.about-us__footer img {
    max-width: 100%;
}

.contact-us {
    margin: 26px auto 30px;
}

@media screen and (min-width: 47.5em) {
    .contact-us {
        margin: 32px auto 40px;
    }
}

@media screen and (min-width: 63.75em) {
    .contact-us {
        margin: 50px auto 60px;
    }
}

.contact-us__header {
    width: 280px;
    margin: 0 auto 0;
    text-align: center;
}

@media screen and (min-width: 47.5em) {
    .contact-us__header {
        width: 620px;
    }
}

@media screen and (min-width: 63.75em) {
    .contact-us__header {
        width: 630px;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 80em) {
    .contact-us__header {
        margin-bottom: 0;
    }
}

.contact-us__header-title {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 2.25rem;
    line-height: 1em;
    margin: auto;
    margin-bottom: 20px;
}

@media screen and (min-width: 47.5em) {
    .contact-us__header-title {
        font-size: 3.75rem;
        margin-bottom: 26px;
    }
}

@media screen and (min-width: 63.75em) {
    .contact-us__header-title {
        font-size: 5rem;
        margin-bottom: 23px;
    }
}

.contact-us__header-title span {
    font-weight: 100;
}

.contact-us__header-body {
    font-weight: 300;
    font-size: 0.75rem;
    line-height: 1.25rem;
    letter-spacing: .08rem;
    color: #666666;
    margin: auto;
    margin-bottom: 32px;
    width: 280px;
}

@media screen and (min-width: 47.5em) {
    .contact-us__header-body {
        font-size: 0.8125rem;
        line-height: 1.375rem;
        margin-bottom: 30px;
        width: 640px;
    }
}

@media screen and (min-width: 63.75em) {
    .contact-us__header-body {
        margin-bottom: 50px;
    }
}

.contact-us__header-thanks {
    font-weight: 300;
    font-size: 0.75rem;
    line-height: 1.25rem;
    letter-spacing: .08rem;
    color: #666666;
    margin: auto;
    margin-bottom: 22px;
}

@media screen and (min-width: 47.5em) {
    .contact-us__header-thanks {
        font-size: 0.8125rem;
        line-height: 1.375rem;
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 63.75em) {
    .contact-us__header-thanks {
        margin-bottom: 50px;
    }
}

.contact-us__formcontainer {
    font-size: 0;
    margin: auto;
    width: 280px;
}

@media screen and (min-width: 47.5em) {
    .contact-us__formcontainer {
        width: 680px;
    }
}

@media screen and (min-width: 63.75em) {
    .contact-us__formcontainer {
        width: 880px;
    }
}

.contact-us__formcontainer .floating-input, .contact-us__formcontainer .floating-textarea, .contact-us__formcontainer .floating-select {
    margin-bottom: 20px;
}

.contact-us__formcontainer .floating-selectbox {
    height: 65px;
}

.contact-us__formcontainer .contact-us__info [class*="floating"], .contact-us__formcontainer .contact-us__address [class*="floating"] {
    margin-right: 10px;
    height: 44px !important;
}

.contact-us__formcontainer .floating-input input[type="text"], .contact-us__formcontainer .floating-input input[type="password"], .contact-us__formcontainer .floating-input textarea, .contact-us__formcontainer .floating-textarea input[type="text"], .contact-us__formcontainer .floating-textarea input[type="password"], .contact-us__formcontainer .floating-textarea textarea, .contact-us__formcontainer .floating-select input[type="text"], .contact-us__formcontainer .floating-select input[type="password"], .contact-us__formcontainer .floating-select textarea {
    background-color: #F1F1F1;
    font-size: 0.6875rem;
    letter-spacing: 0.14em;
}

    .contact-us__formcontainer .floating-input input[type="text"]:focus, .contact-us__formcontainer .floating-input input[type="password"]:focus, .contact-us__formcontainer .floating-input textarea:focus, .contact-us__formcontainer .floating-textarea input[type="text"]:focus, .contact-us__formcontainer .floating-textarea input[type="password"]:focus, .contact-us__formcontainer .floating-textarea textarea:focus, .contact-us__formcontainer .floating-select input[type="text"]:focus, .contact-us__formcontainer .floating-select input[type="password"]:focus, .contact-us__formcontainer .floating-select textarea:focus {
        outline: 0;
    }

.contact-us__formcontainer .heading.heading-eyebrow {
    margin-bottom: 12px;
}

.contact-us__formcontainer .custom-select {
    margin-top: 0;
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-size: 0.6875rem;
}

    .contact-us__formcontainer .custom-select.error {
        padding-top: 6px;
    }

.contact-us__formcontainer .chosen-container {
    font-size: 0.6875rem;
}

    .contact-us__formcontainer .chosen-container .chosen-single, .contact-us__formcontainer .chosen-container .chosen-single span {
        font-size: 0.6875rem;
        font-family: "Helvetica Neue LT W05_55 Roman";
        color: #666;
    }

    .contact-us__formcontainer .chosen-container .chosen-results {
        font-size: 0.6875rem;
    }

        .contact-us__formcontainer .chosen-container .chosen-results li {
            font-size: 0.6875rem;
            font-family: "Helvetica Neue LT W05_55 Roman";
        }

.contact-us__info, .contact-us__address {
    width: 280px;
    margin-bottom: 33px;
}

@media screen and (min-width: 47.5em) {
    .contact-us__info, .contact-us__address {
        display: inline-block;
        vertical-align: top;
        width: 320px;
        margin-bottom: 23px;
    }
}

@media screen and (min-width: 63.75em) {
    .contact-us__info, .contact-us__address {
        width: 420px;
        margin-bottom: 33px;
    }
}

@media screen and (min-width: 47.5em) {
    .contact-us__info {
        margin-right: 40px;
    }
}

@media screen and (min-width: 47.5em) {
    .contact-us__info-firstname {
        margin-right: 20px;
    }
}

@media screen and (min-width: 63.75em) {
    .contact-us__info-email {
        margin-right: 20px;
    }
}

@media screen and (min-width: 47.5em) {
    .contact-us__info-firstname, .contact-us__info-lastname {
        width: 150px;
        display: inline-block;
        vertical-align: top;
    }
}

@media screen and (min-width: 63.75em) {
    .contact-us__info-firstname, .contact-us__info-lastname {
        width: 200px;
    }
}

@media screen and (min-width: 63.75em) {
    .contact-us__info-email, .contact-us__info-confirmation {
        width: 200px;
        display: inline-block;
        vertical-align: top;
    }
}

@media screen and (min-width: 63.75em) {
    .contact-us__address-street {
        display: inline-block;
        vertical-align: top;
        width: 300px;
        margin-right: 20px;
    }
}

.contact-us__address-apt {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    margin-right: 20px;
}

@media screen and (min-width: 63.75em) {
    .contact-us__address-apt {
        margin-right: 0;
    }
}

.contact-us__address-city {
    display: inline-block;
    vertical-align: top;
    width: 160px;
}

@media screen and (min-width: 47.5em) {
    .contact-us__address-city {
        width: 200px;
    }
}

@media screen and (min-width: 63.75em) {
    .contact-us__address-city {
        width: 300px;
        margin-right: 20px;
    }
}

.contact-us__address-state {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    margin-right: 20px;
}

@media screen and (min-width: 47.5em) {
    .contact-us__address-state {
        width: 160px;
    }
}

@media screen and (min-width: 63.75em) {
    .contact-us__address-state {
        width: 100px;
        margin-right: 0;
    }
}

.contact-us__address-zip {
    display: inline-block;
    vertical-align: top;
    width: 160px;
}

@media screen and (min-width: 47.5em) {
    .contact-us__address-zip {
        width: 140px;
    }
}

@media screen and (min-width: 63.75em) {
    .contact-us__address-zip {
        margin-right: 20px;
    }
}

@media screen and (min-width: 63.75em) {
    .contact-us__address-country {
        display: inline-block;
        vertical-align: top;
        width: 260px;
    }
}

.contact-us__message-message {
    background-color: #F1F1F1;
}

.contact-us__submit {
    margin: auto;
    width: 280px;
    text-align: right;
}

@media screen and (min-width: 47.5em) {
    .contact-us__submit {
        width: auto;
    }
}

.contact-us__submit .button {
    width: 280px;
    font-size: 0.875rem;
}

@media screen and (min-width: 47.5em) {
    .contact-us__submit .button {
        width: 160px;
    }
}

.contact-us__another {
    text-align: center;
    margin: auto;
    width: 280px;
}

@media screen and (min-width: 47.5em) {
    .contact-us__another {
        width: auto;
    }
}

.contact-us__another .button {
    width: 280px;
}

.contact-us__footer img {
    max-width: 100%;
}

.faq {
    margin: 26px auto 30px;
}

@media screen and (min-width: 47.5em) {
    .faq {
        margin: 32px auto 40px;
    }
}

@media screen and (min-width: 63.75em) {
    .faq {
        margin: 49px auto 60px;
    }
}

.faq__header {
    text-align: center;
    padding: 0 20px;
}

.faq__header-title {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 2.25rem;
    line-height: 1em;
    margin: auto;
    margin-bottom: 20px;
}

@media screen and (min-width: 47.5em) {
    .faq__header-title {
        font-size: 3.75rem;
        margin-bottom: 26px;
    }
}

@media screen and (min-width: 63.75em) {
    .faq__header-title {
        font-size: 5rem;
        margin-bottom: 23px;
    }
}

.faq__header-title span {
    font-weight: 100;
}

.faq__header-body {
    font-weight: 300;
    font-size: 0.75rem;
    line-height: 1.25rem;
    letter-spacing: .08rem;
    color: #666666;
    margin: auto;
    margin-bottom: 35px;
}

@media screen and (min-width: 47.5em) {
    .faq__header-body {
        font-size: 0.8125rem;
        line-height: 1.375rem;
        width: 440px;
    }
}

.faq__questions {
    margin: 0 auto 50px;
    width: 280px;
}

@media screen and (min-width: 47.5em) {
    .faq__questions {
        margin-bottom: 60px;
        width: 680px;
    }
}

@media screen and (min-width: 63.75em) {
    .faq__questions {
        width: 880px;
    }
}

.faq__question, .faq__query {
    padding: 36px 0 35px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 47.5em) {
    .faq__question, .faq__query {
        padding: 38px 0;
    }
}

.faq__question:last-child, .faq__query:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.faq__question-topic, .faq__query-topic {
    font-size: 0.75rem;
    line-height: 1.1875rem;
    font-weight: 500;
    letter-spacing: .16rem;
    text-transform: uppercase;
    position: relative;
    padding-right: 45px;
    cursor: pointer;
}

@media screen and (min-width: 47.5em) {
    .faq__question-topic, .faq__query-topic {
        font-size: 1rem;
        line-height: 1rem;
        padding-right: 40px;
    }
}

.faq__question-topic:hover, .faq__query-topic:hover {
    color: #FC2561;
}

.faq__question-topic a, .faq__query-topic a {
    color: #000000;
    text-decoration: none;
}

    .faq__question-topic a:hover, .faq__query-topic a:hover {
        color: #FC2561;
    }

.faq__question-toggle, .faq__query-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 26px;
    line-height: 26px;
    width: 26px;
    text-align: center;
    font-size: 0.5rem;
    color: #FC2561;
}

    .faq__question-toggle:before, .faq__query-toggle:before {
        content: "+";
        position: absolute;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        margin-top: -2px;
        font-size: 1rem;
        font-weight: 300;
    }

    .faq__question-toggle.minus:before, .faq__query-toggle.minus:before {
        content: "-";
        font-size: 1.5rem;
    }

    .faq__question-toggle:after, .faq__query-toggle:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border: 1px solid rgba(102, 102, 102, 0.25);
        border-radius: 100%;
        width: 20px;
        height: 20px;
        margin-left: -1px;
    }

@media screen and (min-width: 47.5em) {
    .faq__question-toggle, .faq__query-toggle {
        height: 16px;
        line-height: 16px;
        width: 16px;
    }
}

.faq__question-answer, .faq__query-answer {
    font-size: 0.875rem;
    line-height: 1.375rem;
    font-weight: 300;
    letter-spacing: .08rem;
    overflow: hidden;
    margin: 29px 20px -14px;
    color: #666666;
}

@media screen and (min-width: 47.5em) {
    .faq__question-answer, .faq__query-answer {
        font-size: 0.8125rem;
        line-height: 1.375rem;
        margin-top: 22px;
        margin-right: 60px;
        margin-bottom: -18px;
    }
}

.faq__question-answer a, .faq__query-answer a {
    color: #666666;
}

    .faq__question-answer a:hover, .faq__query-answer a:hover {
        color: #FC2561;
    }

.faq__question-answer p:first-child, .faq__query-answer p:first-child {
    margin-top: 0;
}

.faq__question-answer strong, .faq__query-answer strong {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
}

.faq__ask {
    margin: 30px auto 0;
}

.faq__ask-form {
    font-size: 0;
    letter-spacing: 0;
}

.faq__ask-question {
    max-width: 100%;
    width: 100%;
    height: 44px;
    padding: 15px;
    margin-bottom: 25px;
    vertical-align: top;
    border: none;
    background-color: #F1F1F1;
    font-size: 0.75rem;
    line-height: normal;
    letter-spacing: 0.08rem;
    font-weight: 300;
}

@media screen and (min-width: 47.5em) {
    .faq__ask-question {
        margin-bottom: 0;
        margin-right: 20px;
        width: 500px;
    }
}

@media screen and (min-width: 63.75em) {
    .faq__ask-question {
        width: 700px;
    }
}

.faq__ask-help {
    position: relative;
    font-size: 0.5625rem;
    line-height: 0.875rem;
    font-weight: 300;
    color: #999999;
    margin-top: 11px;
    margin-bottom: 22px;
    padding-left: 20px;
}

.faq__ask-circle {
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 2px;
    height: 10px;
    line-height: 10px;
    width: 10px;
    text-align: center;
    font-size: 0.5rem;
    color: #FC2561;
}

    .faq__ask-circle:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border: 1px solid rgba(102, 102, 102, 0.25);
        border-radius: 100%;
        width: 10px;
        height: 10px;
        margin-left: -1px;
    }

@media screen and (min-width: 47.5em) {
    .faq__ask-circle:after {
        width: 14px;
        height: 14px;
    }
}

@media screen and (min-width: 47.5em) {
    .faq__ask-circle {
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 0.625rem;
        height: 14px;
        line-height: 14px;
        width: 14px;
    }
}

.faq__ask-results {
    display: none;
    margin-top: 18px;
}

.faq__ask-header {
    color: #000000;
    font-weight: 500;
    font-size: 1rem;
    letter-spacing: 0.25rem;
    text-transform: uppercase;
}

    .faq__ask-header:after {
        content: ': ';
    }

.faq__ask-answer {
    margin: 20px 20px 0;
}

@media screen and (min-width: 47.5em) {
    .faq__ask-answer {
        margin-right: 60px;
    }
}

.faq__ask-info {
    padding: 0 20px;
    margin-top: 24px;
    margin-bottom: -14px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

    .faq__ask-info p:first-child {
        padding-right: 60px;
        margin-top: 25px;
    }

.faq__ask .button {
    vertical-align: top;
    width: 100%;
    margin: 0;
}

@media screen and (min-width: 47.5em) {
    .faq__ask .button {
        width: inherit;
    }
}

.faq__footer {
    text-align: center;
}

    .faq__footer img {
        max-width: 100%;
    }

.errorPage {
    letter-spacing: 0.1875rem;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    font-size: 0;
    padding: 0 20px;
    margin: 2.5rem auto 0;
}

.errorPage__header {
    max-width: 100%;
    margin: 0 auto 10px;
}

@media screen and (min-width: 47.5em) {
    .errorPage__header {
        width: 500px;
        margin-bottom: 20px;
    }
}

.errorPage__header img {
    max-width: 100%;
}

.errorPage__error {
    font-size: 1rem;
    line-height: 1em;
    color: #999999;
    margin-bottom: 4px;
}

@media screen and (min-width: 47.5em) {
    .errorPage__error {
        font-size: 1.375rem;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 63.75em) {
    .errorPage__error {
        margin-bottom: 25px;
    }
}

.errorPage__message {
    font-size: 0.75rem;
    line-height: 1.1875rem;
    color: #000000;
    margin-bottom: 20px;
}

@media screen and (min-width: 47.5em) {
    .errorPage__message {
        font-size: 1rem;
        line-height: 1rem;
        margin-bottom: 28px;
    }
}

.errorPage__cta .button {
    width: 280px;
}

@media screen and (min-width: 47.5em) {
    .errorPage__cta .button {
        width: 160px;
    }
}

.errorPage__image {
    position: relative;
}

@media screen and (min-width: 47.5em) {
    .errorPage__image {
        margin-top: -50px;
        z-index: -1;
    }
}

.errorPage__image img {
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    max-height: 145px;
}

@media screen and (min-width: 47.5em) {
    .errorPage__image img {
        max-height: none;
        max-width: 100%;
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .search-results-page {
        width: 20rem;
        padding: 0 1.25rem;
        margin-top: 40px;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .search-results-page {
        width: 42.5rem;
        margin-top: 60px;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .search-results-page {
        width: 57.5rem;
        margin-top: 60px;
    }
}

@media screen and (min-width: 80em) and (max-width: 9999em) {
    .search-results-page {
        width: 72.5rem;
        margin-top: 60px;
    }
}

.search-results-page .product-content-grid {
    padding: 0;
    width: 100%;
    margin: 0;
}

.search-results-page .product-content-grid .content-card__info .content-card__name {
    height: 6.6rem;
}

@media screen and (min-width: 47.5em) {
    .search-results-page .product-content-grid .content-card__info .content-card__name {
        height: 6rem;
    }
}

.search-results-page .product-content-grid .content-card__info .content-card__name h3 {
    height: auto;
}

.search-results-page .search-results__count {
    font-size: 1.125rem;
    line-height: 1rem;
    font-weight: 500;
    color: #000000;
    margin: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: "Neue Helvetica W01_79 C1289709";
}

@media screen and (min-width: 47.5em) {
    .search-results-page .search-results__count {
        margin-bottom: 12px;
    }
}

.search-results-page .search-results__heading {
    position: relative;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 100;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
}

#enhanced-search-vue .search-results-page {
    margin-top: 50px;
}

#enhanced-search-vue .search-results__heading {
    padding-bottom: 5px;
    margin-bottom: 10px;
}

@media screen and (min-width: 47.5em) {
    .search-results-page .search-results__heading {
        font-size: 3rem;
        padding-bottom: 20px;
    }
}

.search-results-page .filter__label {
    letter-spacing: 1px;
    margin-top: 10px;
    margin-bottom: 1px;
}

@media screen and (min-width: 47.5em) {
    .search-results-page .filter__label {
        margin-top: 30px;
        margin-bottom: 10px;
    }
}

.search-results-page .filter-info {
    margin-top: 22px;
}

    .search-results-page .filter-info p {
        font-weight: 300;
        color: #666666;
        font-size: 0.75rem;
        line-height: 1.25rem;
        text-align: center;
        letter-spacing: 0.1rem;
    }

@media screen and (min-width: 47.5em) {
    .search-results-page .filter-info p {
        width: 200px;
        padding: 0 20px;
    }
}

.search-results-page .filter-info a.button {
    font-size: 0.75rem;
    width: 100%;
}

@media screen and (min-width: 47.5em) {
    .search-results-page .filter-info a.button {
        width: 200px;
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .search-results-page .product-content-grid__grid {
        margin-top: 1.875rem;
    }
}

.search-results-page .product-content-grid__content-column {
    margin-top: 0;
    padding-top: 0;
}

@media screen and (min-width: 47.5em) {
    .search-results-page .product-content-grid__content-column {
        margin-top: 40px
    }

    .search-results-page.no-results .product-content-grid__content-column {
        margin: 40px auto 0;
        float: none;
    }
}

.search-results-page .no-results {
    text-align: center;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .search-results-page .no-results {
        margin-top: 20px;
    }
}

.search-results-page .no-results h2 {
    font-weight: 100;
    font-size: 2.125rem;
    color: #333333;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 30px;
}

    .search-results-page .no-results h2:after {
        content: '';
        width: 40px;
        border-bottom: 1px solid #000000;
        position: absolute;
        bottom: 0;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

@media screen and (min-width: 47.5em) {
    .search-results-page .no-results h2 {
        font-size: 3.125rem;
        padding-bottom: 32px;
        margin-bottom: 40px;
        margin-top: 22px;
    }
}

@media screen and (min-width: 63.75em) {
    .search-results-page .no-results h2 {
        font-size: 5rem;
        padding-bottom: 36px;
        margin-bottom: 50px;
        margin-top: 16px;
    }
}

.search-results-page .no-results a.button {
    width: 100%;
}

@media screen and (min-width: 47.5em) {
    .search-results-page .no-results a.button {
        width: 260px;
    }
}

.search-results-page .product-content-grid__grid.searchEnhance {
    display: flex;
    flex-wrap: wrap;
}

    .search-results-page .product-content-grid__grid.searchEnhance .product-content-grid__grid-item {
        margin-left: 20px;
    }

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .search-results-page .product-content-grid__grid-item:nth-child(3), .search-results-page .product-content-grid__grid-item:nth-child(4) {
        padding-top: 2.25rem;
        /*border-top: 0.0625rem solid rgba(153, 153, 153, 0.5);*/
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .search-results-page .product-content-grid__grid-item:nth-child(3), .search-results-page .product-content-grid__grid-item:nth-child(4) {
        padding-top: 2.25rem;
        border-top: 0.0625rem solid rgba(153, 153, 153, 0.5);
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .search-results-page .product-content-grid__grid-item:nth-child(4) {
        padding-top: 2.25rem;
        border-top: 0.0625rem solid rgba(153, 153, 153, 0.5);
    }
}

/* WFMA 37036 - RR Search Updates*/
@media screen and (min-width: 47.5em) {
    .search-results-page .rr-search-page-no-results {
        position: relative;
        margin-top: -40px;
        margin-left: -50px;
        float: left;
    }
}

.product-content-grid__grid .product-content-grid__grid-item.fade-in:nth-child(2n+1) { 
    clear: both;
}

.search-results-page .product-content-grid__grid-item:nth-child(3), .search-results-page .product-content-grid__grid-item:nth-child(4) {
    padding-top: 0;
    border-top: none;
}

@media screen and (min-width: 63.75em) {
    .product-content-grid__grid .product-content-grid__grid-item.fade-in:nth-child(2n+1) { 
        clear: none;
    }
    .product-content-grid__grid .product-content-grid__grid-item.fade-in:nth-child(3n+1) { 
        clear: both;
        padding-top: 0;
        border-top: none;
    }
}

@media screen and (min-width: 80em) {
    .product-content-grid__grid .product-content-grid__grid-item.fade-in:nth-child(3n+1) { 
        clear: none;
    }
    .product-content-grid__grid .product-content-grid__grid-item.fade-in:nth-child(4n+1) { 
        clear: both;
    }
}


.site-map {
    margin: 26px auto 30px;
}

@media screen and (min-width: 47.5em) {
    .site-map {
        margin: 29px auto 40px;
    }
}

@media screen and (min-width: 63.75em) {
    .site-map {
        margin: 49px auto 60px;
    }
}

.site-map__header {
    text-align: center;
    letter-spacing: .04rem;
}

.site-map__header-title {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 2.25rem;
    line-height: 1em;
    margin: auto;
    margin-bottom: 30px;
}

@media screen and (min-width: 47.5em) {
    .site-map__header-title {
        font-size: 3.75rem;
        margin-bottom: 23px;
    }
}

@media screen and (min-width: 63.75em) {
    .site-map__header-title {
        font-size: 5rem;
    }
}

.site-map__header-title span {
    font-weight: 100;
}

.site-map__section {
    font-size: 0;
    letter-spacing: 0;
    margin: auto;
    width: 280px;
}

@media screen and (min-width: 47.5em) {
    .site-map__section {
        width: 680px;
    }
}

@media screen and (min-width: 63.75em) {
    .site-map__section {
        width: 1000px;
    }
}

.site-map__section-title {
    letter-spacing: 0.08rem;
    font-weight: 500;
    font-size: 1.125rem;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    padding-bottom: 6px;
    margin-bottom: 23px;
}

@media screen and (min-width: 47.5em) {
    .site-map__section-title {
        margin-bottom: 24px;
    }
}

.site-map__section-title a {
    color: #000000;
}

.site-map__section a {
    text-decoration: none;
}

    .site-map__section a:hover {
        color: #FC2561;
    }

.site-map__subsection {
    margin-bottom: 36px;
    letter-spacing: 0.08rem;
}

@media screen and (min-width: 47.5em) {
    .site-map__subsection {
        margin-bottom: 29px;
        width: 226px;
        display: inline-block;
        vertical-align: top;
    }
}

@media screen and (min-width: 63.75em) {
    .site-map__subsection {
        margin-bottom: 52px;
        width: 200px;
    }
}

.site-map__subsection-title {
    line-height: 1em;
    font-size: 1rem;
    text-transform: uppercase;
}

@media screen and (min-width: 47.5em) {
    .site-map__subsection-title {
        font-size: 0.8125rem;
    }
}

.site-map__subsection-links {
    font-weight: 300;
    font-size: 1rem;
    line-height: 2.125rem;
    text-transform: capitalize;
    margin-left: 20px;
    margin-top: 11px;
    margin-bottom: -9px;
}

@media screen and (min-width: 47.5em) {
    .site-map__subsection-links {
        display: inline-block;
        vertical-align: top;
        width: 226px;
        font-size: 0.8125rem;
        line-height: 2rem;
        margin-top: 12px;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 63.75em) {
    .site-map__subsection-links {
        width: 200px;
        font-size: 0.75rem;
        line-height: 1.5rem;
        margin-top: 17px;
    }
}

.site-map__subsection a {
    color: #666666;
}

.site-map__footer img {
    max-width: 100%;
}

.terms-services {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 300;
    letter-spacing: 0.08rem;
    padding: 0 20px;
}

    .terms-services h2 {
        line-height: 2rem;
        font-weight: 500;
    }

    .terms-services h1, .terms-services h2, .terms-services h2, .terms-services p, .terms-services h5, .terms-services h6 {
        text-transform: uppercase;
    }

    .terms-services a {
        color: #000000;
    }

        .terms-services a:hover {
            color: #FC2561;
        }

    .terms-services ul {
        list-style-type: disc;
        -webkit-margin-before: 1em;
        -webkit-margin-after: 1em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        -webkit-padding-start: 40px;
    }

    .terms-services .last-update-date {
        margin: 20px 0 20px 0;
    }

    .terms-services strong, .terms-services b {
        font-weight: bold;
        text-shadow: -0.15px 0px 0 #000;
    }

    .terms-services div.custom-h1-tag {
        font-size: 2em;
        font-weight: 500;
    }

.splash {
    position: relative;
    color: #FFFFFF;
    padding-top: 124px;
}

@media screen and (min-width: 47.5em) {
    .splash {
        padding-top: 343px;
    }
}

@media screen and (min-width: 63.75em) {
    .splash {
        padding-top: 279px;
    }
}

.splash__background {
    display: block;
    position: fixed;
    top: 49px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: auto;
    z-index: -1;
    background: url(../img/header/gray-bg.svg) no-repeat center center;
    background-size: cover;
}

@media screen and (min-width: 47.5em) {
    .splash__background {
        top: 63px;
    }
}

@media screen and (min-width: 63.75em) {
    .splash__background {
        top: 75px;
    }
}

.splash__banner {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
    background: #000000;
    text-align: center;
    padding: 18px 0 13px;
}

@media screen and (min-width: 47.5em) {
    .splash__banner {
        padding: 25px 0 16px;
    }
}

@media screen and (min-width: 63.75em) {
    .splash__banner {
        padding: 25px 0 11px;
    }
}

.splash__banner img {
    width: 140px;
}

@media screen and (min-width: 47.5em) {
    .splash__banner img {
        width: 200px;
    }
}

@media screen and (min-width: 63.75em) {
    .splash__banner img {
        width: 375px;
    }
}

.splash__banner-logo {
    text-align: center;
    margin: 0 auto;
    display: block;
}

@media screen and (min-width: 47.5em) {
    .splash__banner-logo {
        padding: 25px 0 16px;
    }
}

@media screen and (min-width: 63.75em) {
    .splash__banner-logo {
        padding: 25px 0 11px;
    }
}

.splash__lips {
    position: absolute;
    z-index: 0;
    opacity: 0.1;
    width: 100%;
    text-align: center;
    top: 65px;
}

@media screen and (min-width: 47.5em) {
    .splash__lips {
        top: 200px;
    }
}

@media screen and (min-width: 63.75em) {
    .splash__lips {
        top: 125px;
    }
}

.splash__lips img {
    width: 230px;
}

@media screen and (min-width: 47.5em) {
    .splash__lips img {
        width: auto;
    }
}

.splash__headline {
    position: relative;
    font-weight: 100;
    text-transform: uppercase;
    text-align: center;
    font-size: 2.125rem;
    line-height: 2.25rem;
    letter-spacing: 0.0625rem;
    width: 280px;
    margin: 0 auto 14px;
}

@media screen and (min-width: 47.5em) {
    .splash__headline {
        font-size: 4.5rem;
        line-height: 4.5rem;
        letter-spacing: 0.125rem;
        width: 640px;
        margin-bottom: 24px;
    }
}

@media screen and (min-width: 63.75em) {
    .splash__headline {
        font-size: 5rem;
        line-height: 5rem;
        width: 720px;
        margin-bottom: 29px;
    }
}

.splash__headline:after {
    content: '';
    width: 40px;
    display: block;
    margin: 14px auto 0;
    border-bottom: 1px solid #FFFFFF;
}

@media screen and (min-width: 47.5em) {
    .splash__headline:after {
        margin-top: 20px;
    }
}

@media screen and (min-width: 63.75em) {
    .splash__headline:after {
        margin-top: 24px;
    }
}

.splash__copy {
    text-align: center;
    font-weight: 300;
    font-size: 0.8125rem;
    line-height: 1.375rem;
    letter-spacing: 0.0625rem;
    width: 280px;
    margin: 0 auto 27px;
}

@media screen and (min-width: 47.5em) {
    .splash__copy {
        width: 400px;
        margin-bottom: 52px;
    }
}

.splash__follow {
    width: 200px;
    margin: auto;
}

@media screen and (min-width: 47.5em) {
    .splash__follow {
        width: auto;
    }
}

.splash__follow-us {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1em;
    text-align: center;
    letter-spacing: 0.25rem;
    text-transform: uppercase;
    margin-bottom: 17px;
}

@media screen and (min-width: 47.5em) {
    .splash__follow-us {
        margin-bottom: 22px;
    }
}

@media screen and (min-width: 63.75em) {
    .splash__follow-us {
        margin-bottom: 27px;
    }
}

.splash__follow-links {
    text-align: center;
}

    .splash__follow-links a {
        color: #FFFFFF;
        text-decoration: none;
        font-size: 1.25rem;
        margin: 0 10px 10px;
        display: inline-block;
    }

@media screen and (min-width: 47.5em) {
    .splash__follow-links a {
        font-size: 1.5625rem;
    }
}

.splash__follow-links a:hover {
    color: #FC2561;
}

.forgot-password {
    margin: 26px auto 30px;
}

@media screen and (min-width: 47.5em) {
    .forgot-password {
        margin: 32px auto 40px;
    }
}

@media screen and (min-width: 63.75em) {
    .forgot-password {
        margin: 50px auto 60px;
    }
}

.forgot-password__header {
    width: 280px;
    margin: 0 auto 0;
    text-align: center;
}

@media screen and (min-width: 47.5em) {
    .forgot-password__header {
        width: 620px;
    }
}

@media screen and (min-width: 63.75em) {
    .forgot-password__header {
        width: 630px;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 80em) {
    .forgot-password__header {
        margin-bottom: 0;
    }
}

.forgot-password__header-title {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 2.25rem;
    line-height: 1em;
    margin: auto;
    margin-bottom: 20px;
}

@media screen and (min-width: 47.5em) {
    .forgot-password__header-title {
        font-size: 3.75rem;
        margin-bottom: 26px;
    }
}

@media screen and (min-width: 63.75em) {
    .forgot-password__header-title {
        font-size: 5rem;
        margin-bottom: 23px;
    }
}

.forgot-password__header-title span {
    font-weight: 100;
}

.forgot-password__header-body {
    font-weight: 300;
    font-size: 0.75rem;
    line-height: 1.25rem;
    letter-spacing: .08rem;
    color: #666666;
    margin: auto;
    margin-bottom: 32px;
    width: 280px;
}

@media screen and (min-width: 47.5em) {
    .forgot-password__header-body {
        font-size: 0.8125rem;
        line-height: 1.375rem;
        margin-bottom: 30px;
        width: 640px;
    }
}

@media screen and (min-width: 63.75em) {
    .forgot-password__header-body {
        margin-bottom: 50px;
    }
}

.forgot-password__header-body .invalid-token span {
    color: #FF0000;
    display: block;
}

.forgot-password__header-body .invalid-token a {
    color: #000000;
}

.forgot-password__header-thanks {
    font-weight: 300;
    font-size: 0.75rem;
    line-height: 1.25rem;
    letter-spacing: .08rem;
    color: #666666;
    margin: auto;
    margin-bottom: 22px;
}

@media screen and (min-width: 47.5em) {
    .forgot-password__header-thanks {
        font-size: 0.8125rem;
        line-height: 1.375rem;
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 63.75em) {
    .forgot-password__header-thanks {
        margin-bottom: 50px;
    }
}

.forgot-password__formcontainer {
    font-size: 0;
    margin: auto;
    width: 280px;
}

    .forgot-password__formcontainer .floating-input, .forgot-password__formcontainer .floating-textarea, .forgot-password__formcontainer .floating-select {
        margin-bottom: 15px;
    }

        .forgot-password__formcontainer .floating-input input[type="text"], .forgot-password__formcontainer .floating-input input[type="password"], .forgot-password__formcontainer .floating-input textarea, .forgot-password__formcontainer .floating-textarea input[type="text"], .forgot-password__formcontainer .floating-textarea input[type="password"], .forgot-password__formcontainer .floating-textarea textarea, .forgot-password__formcontainer .floating-select input[type="text"], .forgot-password__formcontainer .floating-select input[type="password"], .forgot-password__formcontainer .floating-select textarea {
            background-color: #F1F1F1;
        }

            .forgot-password__formcontainer .floating-input input[type="text"]:focus, .forgot-password__formcontainer .floating-input input[type="password"]:focus, .forgot-password__formcontainer .floating-input textarea:focus, .forgot-password__formcontainer .floating-textarea input[type="text"]:focus, .forgot-password__formcontainer .floating-textarea input[type="password"]:focus, .forgot-password__formcontainer .floating-textarea textarea:focus, .forgot-password__formcontainer .floating-select input[type="text"]:focus, .forgot-password__formcontainer .floating-select input[type="password"]:focus, .forgot-password__formcontainer .floating-select textarea:focus {
                outline: 0;
            }

.forgot-password__ajaxloading {
    text-align: center;
    display: none;
}

.forgot-password__messaging {
    font-weight: 500;
    font-size: 0.75rem;
    margin: 0 auto;
    width: 240px;
}

.forgot-password__messaging-description {
    font-weight: 300;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: .08rem;
    color: #666666;
    margin-bottom: 20px;
}

    .forgot-password__messaging-description span {
        color: #000000;
        font-weight: 500;
    }

.forgot-password__messaging-error {
    color: #000000;
    margin-bottom: 10px;
    display: none;
    text-align: center;
    font-size: 0.9375rem;
}

    .forgot-password__messaging-error span {
        display: block;
    }

.forgot-password__messaging-success {
    color: #000000;
    margin-bottom: 10px;
    display: none;
    font-size: 0.9375rem;
    text-align: center;
}

.forgot-password__messaging a {
    color: #000000;
}

.forgot-password__info {
    margin: auto;
    width: 240px;
}

.forgot-password__submit {
    margin: auto;
    text-align: center;
}

    .forgot-password__submit .button {
        width: 240px;
    }

.forgot-password__another {
    text-align: center;
    margin: auto;
}

    .forgot-password__another .button {
        width: 240px;
    }

.shoppable-page__thankyou-container {
    text-align: center;
    margin: 0 auto;
    width: 90%;
}

@media screen and (min-width: 47.5em) {
    .shoppable-page__thankyou-container {
        width: 500px;
    }
}

.shoppable-page__header {
    width: 280px;
    margin: 0 auto 0;
}

@media screen and (min-width: 47.5em) {
    .shoppable-page__header {
        width: 620px;
    }
}

@media screen and (min-width: 63.75em) {
    .shoppable-page__header {
        width: 630px;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 80em) {
    .shoppable-page__header {
        margin-bottom: 0;
    }
}

.shoppable-page__header-title {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 2.25rem;
    line-height: 1em;
    margin: auto;
    margin-bottom: 20px;
}

@media screen and (min-width: 47.5em) {
    .shoppable-page__header-title {
        font-size: 3.75rem;
        margin-bottom: 26px;
    }
}

@media screen and (min-width: 63.75em) {
    .shoppable-page__header-title {
        font-size: 5rem;
        margin-bottom: 23px;
    }
}

.shoppable-page__header-title span {
    font-weight: 100;
}

.shoppable-page__header-thanks {
    font-weight: 300;
    font-size: 0.75rem;
    line-height: 1.25rem;
    letter-spacing: .08rem;
    color: #666666;
    margin: auto;
    margin-bottom: 22px;
}

@media screen and (min-width: 47.5em) {
    .shoppable-page__header-thanks {
        font-size: 0.8125rem;
        line-height: 1.375rem;
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 63.75em) {
    .shoppable-page__header-thanks {
        margin-bottom: 50px;
    }
}

.shoppable-page__header-thanks a {
    color: #000000;
}

    .shoppable-page__header-thanks a:hover {
        color: #FC2561;
    }

.shoppable-page__header-thanks span {
    font-weight: 500;
    color: #000000;
}

.shoppable-page__footer img {
    max-width: 100%;
}

.shoppable-page__content {
    position: relative;
    margin: 0 auto;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .shoppable-page__content {
        width: 280px;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .shoppable-page__content {
        width: 680px;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .shoppable-page__content {
        width: 960px;
    }
}

@media screen and (min-width: 80em) and (max-width: 9999em) {
    .shoppable-page__content {
        width: 1160px;
    }
}

.shoppable-page__sidebar {
    width: 275px;
    margin-right: 40px;
    float: left;
    display: none;
}

@media screen and (min-width: 47.5em) {
    .shoppable-page__sidebar {
        display: block;
    }
}

@media screen and (min-width: 63.75em) {
    .shoppable-page__sidebar {
        margin-right: 60px;
    }
}

@media screen and (min-width: 80em) {
    .shoppable-page__sidebar {
        margin-right: 80px;
    }
}

.shoppable-page__sidebar h2 {
    font-size: 2.25rem;
    line-height: 2.0625rem;
    letter-spacing: 0.1rem;
    margin: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    font-weight: 100;
    text-transform: uppercase;
}

    .shoppable-page__sidebar h2 span {
        font-weight: 500;
    }

.shoppable-page__sidebar .shoppable-page__stores-container .button {
    width: 100%;
    padding: 0.75rem 1rem;
}

.shoppable-page__info {
    letter-spacing: 0.05rem;
    text-align: center;
    text-transform: uppercase;
}

@media screen and (min-width: 47.5em) {
    .shoppable-page__info {
        display: none;
    }
}

.shoppable-page__info h2 {
    text-align: left;
    font-size: 1.125rem;
    font-weight: 100;
    float: left;
    margin: 0;
}

    .shoppable-page__info h2 span {
        font-weight: 500;
    }

.shoppable-page__info .shoppable-page__total-items {
    text-align: left;
    float: right;
    font-size: 0.6875rem;
    line-height: 1.375rem;
    font-weight: 300;
}

.shoppable-page__info .shoppable-page__current-shop {
    text-align: left;
    position: relative;
    margin-top: 15px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #FAFAFA;
    border: 1px solid rgba(153, 153, 153, 0.5);
    clear: both;
    float: left;
    color: #FF387A;
    font-size: 0.75rem;
    font-weight: 300;
    padding-left: 20px;
    padding-right: 40px;
    letter-spacing: 0.1rem;
}

    .shoppable-page__info .shoppable-page__current-shop .name {
        float: left;
    }

    .shoppable-page__info .shoppable-page__current-shop .number {
        float: right;
    }

    .shoppable-page__info .shoppable-page__current-shop:after {
        content: "";
        position: absolute;
        right: 12px;
        top: 52%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 14px;
    }

.shoppable-page__info .shoppable-page__total {
    text-align: left;
    clear: both;
    float: left;
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #000000;
    letter-spacing: 0.1rem;
    padding: 0px 20px;
    margin: 18px 0px 0px 0px;
}

    .shoppable-page__info .shoppable-page__total .text {
        float: left;
        font-weight: 100;
        font-size: 0.9375rem;
    }

    .shoppable-page__info .shoppable-page__total .amount {
        float: right;
        font-weight: 500;
    }

.shoppable-page__button {
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 20px;
    clear: both;
    width: 220px;
}

.shoppable-page__store-items {
    display: none;
}

    .shoppable-page__store-items.active {
        display: block;
    }

.shoppable-page__items {
    border-top: 1px solid rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .shoppable-page__items {
        border-bottom: 1px solid #000000;
    }

    .is-empty .shoppable-page__items {
        margin-top: 20px;
    }
}

@media screen and (min-width: 47.5em) {
    .shoppable-page__items {
        border-top: none;
    }
}

.shoppable-page__items h2 {
    text-transform: uppercase;
    display: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    margin: 0;
    margin-top: 11px;
    padding-bottom: 25px;
    font-weight: 300;
    letter-spacing: 0.07rem;
    color: #000000;
    font-size: 0.8125rem;
    line-height: 0.75rem;
}

@media screen and (min-width: 47.5em) {
    .shoppable-page__items h2 {
        display: block;
    }
}

@media screen and (min-width: 47.5em) {
    .shoppable-page__items {
        float: left;
        width: 360px;
    }
}

@media screen and (min-width: 63.75em) {
    .shoppable-page__items {
        width: 620px;
    }
}

@media screen and (min-width: 80em) {
    .shoppable-page__items {
        width: 760px;
    }
}

.shoppable-page__columns {
    height: 40px;
    line-height: 40px;
    font-weight: 100;
    font-size: 0.8125rem;
    letter-spacing: 0.1rem;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    display: none;
}

    .shoppable-page__columns div {
        float: left;
        text-transform: uppercase;
    }

    .shoppable-page__columns .item {
        width: 340px;
    }

@media screen and (min-width: 80em) {
    .shoppable-page__columns .item {
        width: 385px;
    }
}

.shoppable-page__columns .price {
    width: 110px;
}

@media screen and (min-width: 63.75em) {
    .shoppable-page__columns {
        display: block;
    }
}

.shoppable-page__item {
    position: relative;
    width: 100%;
    padding: 18px 0px;
    border-bottom: 1px solid rgba(153, 153, 153, 0.35);
    transition: opacity .4s ease;
    opacity: 1;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .shoppable-page__item:last-child {
        border-bottom: none;
    }
}

@media screen and (min-width: 47.5em) {
    .shoppable-page__item {
        padding: 30px 0px;
    }
}

@media screen and (min-width: 63.75em) {
    .shoppable-page__item {
        padding: 40px 0px 30px 0px;
    }

        .shoppable-page__item:last-child {
            border-bottom: none;
        }
}

.shoppable-page__item.remove {
    opacity: 0;
}

.shoppable-page__item .image {
    width: 80px;
    margin-right: 15px;
    float: left;
    box-shadow: 0 34px 58px -33px rgba(0, 0, 0, 0.75);
}

    .shoppable-page__item .image img {
        width: 100%;
    }

    .shoppable-page__item .image:after {
        width: 80px;
        height: 7px;
        top: 97%;
    }

@media screen and (min-width: 47.5em) {
    .shoppable-page__item .image {
        width: 140px;
        margin-right: 20px;
        box-shadow: 0 60px 56px -55px rgba(0, 0, 0, 0.55);
    }

        .shoppable-page__item .image img {
            width: 105px;
            margin: 0 auto;
            display: block;
        }

        .shoppable-page__item .image:after {
            width: 140px;
            height: 11px;
        }
}

.shoppable-page__item .info {
    width: 185px;
    float: right;
    text-transform: uppercase;
    letter-spacing: 0.075rem;
}

@media screen and (min-width: 47.5em) {
    .shoppable-page__item .info {
        width: 200px;
    }
}

@media screen and (min-width: 63.75em) {
    .shoppable-page__item .info {
        width: 460px;
    }
}

@media screen and (min-width: 80em) {
    .shoppable-page__item .info {
        width: 600px;
    }
}

.shoppable-page__item .info .title-container {
    overflow: auto;
    float: left;
}

@media screen and (min-width: 63.75em) {
    .shoppable-page__item .info .title-container {
        width: 179px;
    }
}

@media screen and (min-width: 80em) {
    .shoppable-page__item .info .title-container {
        width: 225px;
        overflow: visible;
    }
}

.shoppable-page__item .info .title {
    float: left;
    font-size: 0.625rem;
    line-height: 0.75rem;
    font-weight: 500;
    width: 120px;
}

@media screen and (min-width: 47.5em) {
    .shoppable-page__item .info .title {
        line-height: 0.875rem;
    }
}

@media screen and (min-width: 63.75em) {
    .shoppable-page__item .info .title {
        font-size: 0.6875rem;
    }
}

.shoppable-page__item .info .color {
    float: left;
    clear: both;
    font-size: 0.5625rem;
    line-height: 0.75rem;
    font-weight: 300;
    letter-spacing: 0.1rem;
    margin-top: 5px;
}

@media screen and (min-width: 47.5em) {
    .shoppable-page__item .info .color {
        margin-top: 10px;
    }
}

.shoppable-page__item .info .stock {
    float: left;
    clear: both;
    font-size: 0.75rem;
    line-height: 1.4375rem;
    font-weight: 500;
    color: #FC2561;
    height: 22px;
    width: 100%;
}

@media screen and (min-width: 47.5em) {
    .shoppable-page__item .info .stock {
        margin-top: 15px;
        width: auto;
    }
}

.shoppable-page__item .info .price {
    min-height: 10px;
    float: right;
    font-size: 0.6875rem;
    line-height: 0.875rem;
    font-weight: 100;
    position: absolute;
    top: 18px;
    right: 0;
}

    .shoppable-page__item .info .price span {
        letter-spacing: 0.1rem;
    }

@media screen and (min-width: 63.75em) {
    .shoppable-page__item .info .price span {
        display: none;
    }
}

.shoppable-page__item .info .price div {
    font-weight: 500;
}

@media screen and (min-width: 47.5em) {
    .shoppable-page__item .info .price {
        line-height: 0.875rem;
        top: 30px;
    }
}

@media screen and (min-width: 63.75em) {
    .shoppable-page__item .info .price {
        position: relative;
        top: 0;
        float: left;
        width: 110px;
        font-size: 0.6875rem;
    }
}

.shoppable-page__item .info .quantity {
    float: left;
    clear: both;
    margin-top: 12px;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .shoppable-page__item .info .quantity {
        width: 150px;
    }

        .shoppable-page__item .info .quantity select.quantity-select {
            float: left;
        }
}

@media screen and (min-width: 47.5em) {
    .shoppable-page__item .info .quantity {
        margin-top: 22px;
        width: 150px;
    }
}

@media screen and (min-width: 63.75em) {
    .shoppable-page__item .info .quantity {
        width: 120px;
    }
}

.shoppable-page__item .info .quantity .quantity-select.hidden {
    display: none;
}

.shoppable-page__item .info .quantity div.quantity-text {
    font-size: 0.625rem;
    font-weight: 500;
    margin-bottom: 5px;
}

@media screen and (min-width: 63.75em) {
    .shoppable-page__item .info .quantity div.quantity-text {
        display: none;
    }
}

.shoppable-page__item .info .quantity input.quantity-input {
    display: none;
    height: 25px;
    width: 32px;
    text-align: center;
    font-size: 0.625rem;
    font-weight: 300;
    font-family: "Neue Helvetica W01";
    float: left;
}

    .shoppable-page__item .info .quantity input.quantity-input.active {
        display: block;
    }

@media screen and (min-width: 63.75em) {
    .shoppable-page__item .info .quantity input.quantity-input {
        width: 40px;
        height: 32px;
        font-size: 0.8125rem;
    }
}

.shoppable-page__item .info .quantity .chosen-container {
    width: 66px;
    height: 30px;
    float: left;
}

    .shoppable-page__item .info .quantity .chosen-container a.chosen-single {
        height: 30px;
        line-height: 30px;
    }

    .shoppable-page__item .info .quantity .chosen-container.hidden {
        display: none;
    }

.shoppable-page__item .info .quantity a.update {
    font-size: 0.5625rem;
    line-height: 1rem;
    font-weight: 300;
    color: #999999;
    text-decoration: none;
    border-bottom: 1px solid #999999;
    letter-spacing: 0.1rem;
    text-transform: capitalize;
    display: block;
    float: left;
    clear: both;
    margin-right: 10px;
    margin-top: 13px;
}

    .no-touch .shoppable-page__item .info .quantity a.update:hover, .shoppable-page__item .info .quantity a.update:active {
        color: #000000;
    }

@media screen and (min-width: 47.5em) {
    .shoppable-page__item .info .quantity a.update {
        margin-top: 4px;
        margin-left: 10px;
        margin-right: 0;
        clear: none;
    }
}

.shoppable-page__item .info .quantity a.remove {
    float: left;
    clear: none;
    text-transform: capitalize;
    font-size: 0.5625rem;
    line-height: 1rem;
    font-weight: 300;
    color: #999999;
    text-decoration: none;
    border-bottom: 1px solid #999999;
    letter-spacing: 0.1rem;
    margin-top: 13px;
}

    .no-touch .shoppable-page__item .info .quantity a.remove:hover, .shoppable-page__item .info .quantity a.remove:active {
        color: #000000;
    }

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .stock + .shoppable-page__item .info .quantity a.remove {
        clear: both;
    }
}

@media screen and (min-width: 47.5em) {
    .shoppable-page__item .info .quantity a.remove {
        clear: both;
        margin-left: 0;
        margin-top: 8px;
    }
}

.shoppable-page__item .info .quantity .stock {
    float: left;
    clear: both;
    font-size: 0.75rem;
    line-height: 1.4375rem;
    font-weight: 500;
    color: #FC2561;
    height: 22px;
    margin-bottom: 20px;
}

@media screen and (min-width: 47.5em) {
    .shoppable-page__item .info .quantity .stock {
        margin-top: -1px;
    }
}

@media screen and (min-width: 63.75em) {
    .shoppable-page__item .info .quantity .stock {
        margin: 0;
        margin-top: 5px;
        display: block;
    }
}

@media screen and (min-width: 47.5em) {
    .shoppable-page__item .info .quantity {
        margin-top: 46px;
    }
}

@media screen and (min-width: 63.75em) {
    .shoppable-page__item .info .quantity {
        position: relative;
        top: 0;
        float: left;
        clear: none;
        margin-top: -7px;
    }
}

.shoppable-page__item .info .button {
    width: 80px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
    font-size: 0.5rem;
    float: right;
    margin-top: -20px;
    letter-spacing: 0.12rem;
    position: absolute;
    bottom: 47px;
    right: 0;
    min-width: 80px;
}

@media screen and (min-width: 47.5em) {
    .shoppable-page__item .info .button {
        width: 100px;
        height: 30px;
        font-size: 0.625rem;
        line-height: 1.875rem;
        bottom: 30px;
    }
}

@media screen and (min-width: 63.75em) {
    .shoppable-page__item .info .button {
        position: relative;
        bottom: 0;
        float: right;
        clear: none;
        margin-top: -7px;
    }
}

.shoppable-page__stores-container {
    text-transform: uppercase;
    letter-spacing: 0.075rem;
    text-align: center;
}

    .shoppable-page__stores-container h2 {
        margin: 0;
        height: 40px;
        line-height: 40px;
        padding-left: 20px;
        font-size: 0.8125rem;
        font-weight: 100;
        text-align: left;
    }

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .shoppable-page__stores-container h2 {
        margin-top: 4px;
    }
}

.shoppable-page__stores-container ul li {
    text-align: left;
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
}

    .shoppable-page__stores-container ul li:last-child {
        border-bottom-color: rgba(0, 0, 0, 0.5);
    }

    .shoppable-page__stores-container ul li a {
        width: 100%;
        height: 40px;
        line-height: 40px;
        display: block;
        font-weight: 500;
        font-size: 0.75rem;
        padding: 0 15px;
        background: #FAFAFA;
        color: #000000;
        position: relative;
    }

        .shoppable-page__stores-container ul li a .name {
            float: left;
            text-overflow: ellipsis;
            overflow: hidden;
            width: 75%;
        }

        .shoppable-page__stores-container ul li a .number {
            float: right;
        }

        .shoppable-page__stores-container ul li a.inactive {
            color: #999999;
        }

            .shoppable-page__stores-container ul li a.inactive:hover {
                cursor: default;
            }

        .shoppable-page__stores-container ul li a.active:not(.inactive), .no-touch .shoppable-page__stores-container ul li a:hover:not(.inactive) {
            background: #000000;
            color: #FC2561;
        }

            .shoppable-page__stores-container ul li a.active:not(.inactive):after, .no-touch .shoppable-page__stores-container ul li a:hover:not(.inactive):after {
                content: '';
                width: 0px;
                height: 0px;
                border-bottom: 5px solid transparent;
                /* left arrow slant */
                border-top: 5px solid transparent;
                /* right arrow slant */
                border-right: 5px solid #FFFFFF;
                /* bottom, add background color here */
                font-size: 0px;
                line-height: 0px;
                position: absolute;
                right: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

.shoppable-page__stores-container .total {
    text-align: left;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 0.75rem;
}

    .shoppable-page__stores-container .total .name {
        float: left;
        font-weight: 100;
        font-size: 0.8125rem;
    }

    .shoppable-page__stores-container .total .amount {
        float: right;
        font-weight: 500;
    }

.shoppable-page__stores-container .button {
    width: 244px;
}

.shoppable-page__stores-container .button-primary {
    margin-top: 4px;
}

.shoppable-page__empty {
    position: relative;
    color: #666666;
    font-size: 12px;
    line-height: 1.25rem;
    font-weight: 300;
    text-align: center;
    letter-spacing: 1.60000002384186px;
}

    .shoppable-page__empty h2 {
        text-align: center;
        position: relative;
        text-transform: uppercase;
        font-size: 1.875rem;
        line-height: 1.875rem;
        font-weight: 100;
        margin-bottom: 3.125rem;
    }

        .shoppable-page__empty h2:after {
            position: absolute;
            left: 50%;
            -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            bottom: -1.25rem;
            content: " ";
            width: 2.5rem;
            height: 0.0625rem;
            background-color: #000000;
        }

@media screen and (min-width: 47.5em) {
    .shoppable-page__empty h2:after {
        bottom: -1.5625rem;
    }
}

.shoppable-page__empty p {
    font-weight: 300;
    font-size: 0.75rem;
    padding: 0 1.25rem;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .shoppable-page__empty p {
        margin-top: -11px;
        margin-bottom: 20px;
    }
}

/* .cart-page__stores {
    display: block;
    @include when-wider-than(tablet) { display: none; }
}
.sidebar-stores {
    display: none;
    @include when-wider-than(tablet) { display: block; }
}
 */
.splash-landing {
    position: relative;
    margin: 0;
    width: 100%;
    min-height: calc(100vh);
    margin-top: -90px;
    padding-top: 90px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 300;
    font-size: 0.625rem;
    line-height: 0.875rem;
    letter-spacing: 0.1em;
    color: #FFFFFF;
}

@media screen and (min-width: 47.5em) {
    .splash-landing {
        margin-top: -60px;
        padding-top: 60px;
        font-size: 0.75rem;
        line-height: 1.25rem;
    }
}

@media screen and (min-width: 63.75em) {
    .splash-landing {
        min-height: 0;
    }
}

.splash-landing--desktop {
    margin-top: 0;
    padding-top: 0;
    width: 100%;
    min-height: 778px;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (max-width: 63.75em) {
    .splash-landing--desktop {
        display: none;
    }
}

.splash-landing--mobile {
    width: 100%;
}

@media screen and (min-width: 63.75em) {
    .splash-landing--mobile {
        display: none;
    }
}

.splash-landing__bg, .splash-landing__overlay {
    position: fixed !important;
    width: 100vw;
    height: 100vh;
    bottom: 0;
    right: 0;
    z-index: -1;
    margin: 0;
    padding: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .splash-landing__bg img,
    .splash-landing__bg video, .splash-landing__overlay img,
    .splash-landing__overlay video {
        width: 100%;
        height: 100%;
    }

.splash-landing__bg--video {
    position: absolute !important;
    overflow: hidden;
    height: 100%;
    height: 100%;
    min-height: 850px;
}

    .splash-landing__bg--video video {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
    }

.splash-landing__overlay {
    background: #000000;
    opacity: .58;
}

.splash-landing__body {
    width: 100%;
}

.splash-landing--desktop .splash-landing__body {
    max-width: 1020px;
    margin: 15px auto 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.splash-landing__section {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    min-height: calc(100vh - 90px);
}

@media screen and (min-width: 47.5em) {
    .splash-landing__section {
        min-height: calc(100vh - 60px);
    }
}

.splash-landing__section--features {
    margin-top: 150px;
}

.splash-landing__section--desktop-mobile {
    width: 320px;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-items: right;
    -ms-flex-align: right;
    align-items: right;
    overflow: hidden;
    transition: all 1100ms ease-in-out;
    transition-delay: 500ms;
    max-height: 0;
}

.animate--desktop .splash-landing__section--desktop-mobile {
    max-height: 685px;
}

.splash-landing__section--desktop-welcome {
    width: 615px;
    height: 685px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: left;
    -ms-flex-align: left;
    align-items: left;
}

.splash-landing--desktop .splash-landing__section {
    min-height: auto;
}

.splash-landing__intro {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .splash-landing__intro aside {
        width: 100vw;
    }

.splash-landing__intro__top {
    text-transform: uppercase;
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: 500;
    font-family: "Helvetica Neue LT W01_75 Bold";
    letter-spacing: -1px;
    text-align: right;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    position: relative;
    overflow: hidden;
    transition: width 500ms ease-in-out;
    transition-delay: 200ms;
    width: 0;
}

    .splash-landing__intro__top:after {
        content: '';
        display: block;
        width: 100%;
        height: 4px;
        background: #FFFFFF;
    }

@media screen and (min-width: 47.5em) {
    .splash-landing__intro__top {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }
}

.splash-landing__intro__top div {
    width: 40%;
    margin-bottom: 3px;
}

@media screen and (min-width: 47.5em) {
    .splash-landing__intro__top div {
        margin-bottom: 7px;
    }
}

.animate .splash-landing__intro__top {
    width: 40%;
}

.splash-landing__intro__title {
    text-transform: uppercase;
    font-size: 1.875rem;
    line-height: 1.75rem;
    font-weight: 500;
    letter-spacing: -1.5px;
    margin-top: 33px;
    margin-bottom: 34px;
    transition: opacity 500ms ease-in-out;
    transition-delay: 200ms;
    opacity: 0;
    font-family: "Helvetica Neue LT W01_75 Bold";
}

    .splash-landing__intro__title span {
        font-weight: 100;
        display: block;
    }

@media screen and (min-width: 47.5em) {
    .splash-landing__intro__title {
        font-size: 4rem;
        line-height: 3.75rem;
        margin-top: 30px;
        margin-bottom: 30px;
        letter-spacing: -1px;
    }
}

.animate .splash-landing__intro__title {
    opacity: 1;
}

.splash-landing__intro__bottom {
    font-weight: 300;
    font-size: 0.625rem;
    line-height: 0.875rem;
    letter-spacing: 0.1em;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    position: relative;
    overflow: hidden;
    transition: width 500ms ease-in-out;
    transition-delay: 200ms;
    width: 0;
    font-family: "Helvetica Neue LT W05_55 Roman";
}

    .splash-landing__intro__bottom:before {
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        background: #FFFFFF;
    }

@media screen and (min-width: 47.5em) {
    .splash-landing__intro__bottom {
        font-size: 0.75rem;
        line-height: 1.25rem;
    }
}

.splash-landing__intro__bottom div,
.splash-landing__intro__bottom aside {
    float: right;
}

.splash-landing__intro__bottom span {
    display: inline-block;
    width: 160px;
    font-size: 11px;
    line-height: 0.9375rem;
    letter-spacing: -1px;
}

@media screen and (min-width: 47.5em) {
    .splash-landing__intro__bottom span {
        width: 195px;
        font-size: 14px;
        line-height: 1.25rem;
    }
}

.splash-landing__intro__bottom div {
    width: 56.25%;
    margin-top: 7px;
}

@media screen and (min-width: 47.5em) {
    .splash-landing__intro__bottom div {
        margin-top: 5px;
    }
}

.animate .splash-landing__intro__bottom {
    width: 56.25%;
}

.splash-landing__intro__arrow-down {
    position: absolute;
    bottom: 15px;
    left: 50%;
    margin-left: -7px;
    font-size: 1rem;
    transition: 500ms ease-in-out;
    transition-delay: 200ms;
    opacity: 0;
}

.animate .splash-landing__intro__arrow-down {
    opacity: 1;
}

.splash-landing__features {
    width: 100%;
}

.splash-landing__feature {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 4px 0;
    transition: all 500ms ease-in-out;
}

@media screen and (min-width: 47.5em) {
    .splash-landing__feature {
        margin: 0;
    }
}

.splash-landing__feature__content, .splash-landing__feature__icon {
    width: 50%;
}

.splash-landing__feature__content {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    transition: all 500ms ease-in-out;
}

    .splash-landing__feature__content aside {
        position: relative;
    }

        .splash-landing__feature__content aside:first-child:before {
            content: 'AV';
            display: block;
            width: 1px;
            font-weight: 500;
            font-size: 2.125rem;
            line-height: 2.125rem;
            letter-spacing: 0.1em;
            word-break: break-all;
            opacity: 0;
            visibility: hidden;
        }

@media screen and (min-width: 47.5em) {
    .splash-landing__feature__content aside:first-child:before {
        font-size: 4.5rem;
        line-height: 4.5rem;
    }
}

.splash-landing__feature__content aside:last-child {
    position: absolute;
    top: 100%;
    width: 100%;
    transition: all 500ms ease-in;
    opacity: 0;
}

.is-active .splash-landing__feature__content aside:last-child {
    opacity: 1;
    transition: all 500ms ease-out;
}

.splash-landing__feature__content aside:last-child:after {
    content: '';
    display: block;
    height: 2px;
    background: #FFFFFF;
    margin-left: auto;
    transition: width 500ms ease-in-out;
    width: 0;
}

.is-active .splash-landing__feature__content aside:last-child:after {
    width: 100%;
}

.splash-landing__feature__icon {
    position: relative;
    font-size: 95px;
    line-height: 1.2;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 6px;
    height: 20px;
    transition: opacity 500ms ease-in-out;
    opacity: 0;
}

@media screen and (min-width: 47.5em) {
    .splash-landing__feature__icon {
        padding-top: 12px;
    }
}

.splash-landing__feature__icon img {
    width: 100%;
    max-width: 80px;
    margin-left: auto;
    margin-right: 20px;
}

@media screen and (min-width: 47.5em) {
    .splash-landing__feature__icon img {
        max-width: 140px;
    }
}

.is-active .splash-landing__feature__icon {
    opacity: 1;
}

.splash-landing__feature__title {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 0.875rem;
    letter-spacing: -0.25px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    transition: all 300ms ease-in-out;
    font-family: "Helvetica Neue LT W01_75 Bold";
}

    .splash-landing__feature__title span {
        font-weight: 100;
        display: block;
        color: transparent;
        text-shadow: 0 0 0px #000, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
        opacity: .5;
    }

@media screen and (min-width: 47.5em) {
    .splash-landing__feature__title {
        font-size: 1.25rem;
        line-height: 1.25rem;
        letter-spacing: -0.5px;
    }
}

.is-active .splash-landing__feature__title {
    font-size: 1.875rem;
    line-height: 1.75rem;
    font-family: "Helvetica Neue LT W01_75 Bold";
    letter-spacing: -1.5px;
}

@media screen and (min-width: 47.5em) {
    .is-active .splash-landing__feature__title {
        font-size: 4rem;
        line-height: 3.75rem;
        letter-spacing: -1px;
    }
}

.splash-landing__feature__excert {
    font-weight: 300;
    font-size: 0.6875rem;
    line-height: 0.9375rem;
    letter-spacing: 0;
    width: 140px;
    margin-top: 11px;
    margin-bottom: 17px;
}

@media screen and (min-width: 47.5em) {
    .splash-landing__feature__excert {
        font-size: 0.875rem;
        line-height: 1.25rem;
        width: 200px;
        letter-spacing: -1px;
    }
}

.splash-landing__feature__cta {
    color: #FFFFFF;
    margin-bottom: 20px;
    border-color: rgba(153, 153, 153, 0.35);
}

.splash-landing__feature__cta.button-outline {
    border-color: #FFFFFF;
    color: #fff;
    padding: 0.25rem;
    font-size: 1.5rem;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .splash-landing__feature__cta {
        min-width: 135px;
        padding: 0 15px;
        height: 30px;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 1.125rem;
        line-height: 1.25rem;
    }
}

@media screen and (min-width: 47.5em) {
    .splash-landing__feature__cta {
        margin-bottom: 40px;
    }
}

.splash-landing__feature__cta--explore {
    position: absolute;
    bottom: -155px;
    width: 200px;
    left: -100px;
}

@media screen and (min-width: 47.5em) {
    .splash-landing__feature__cta--explore {
        bottom: -320px;
    }
}

.splash-landing__feature--profile {
    text-align: right;
}

    .splash-landing__feature--profile img {
        margin-left: 20px;
        margin-right: auto;
    }

    .splash-landing__feature--profile aside:last-child:after {
        margin-left: 0;
    }

    .splash-landing__feature--profile .splash-landing__feature__excert {
        margin-left: auto;
    }

.splash-landing__feature--chat {
    margin-bottom: 100px;
}

.splash-landing__feature--feed.is-active {
    -webkit-transform: translate3d(0, -110px, 0);
    transform: translate3d(0, -110px, 0);
}

.splash-landing__feature--feed .splash-landing__feature__title span {
    color: #fff;
    text-shadow: none;
    opacity: 1;
}

.is-active--profile .splash-landing__feature--feed {
    -webkit-transform: translate3d(0, -217px, 0);
    transform: translate3d(0, -217px, 0);
}

.is-active--chat .splash-landing__feature--feed,
.is-active--spacer .splash-landing__feature--feed {
    -webkit-transform: translate3d(0, -286px, 0);
    transform: translate3d(0, -286px, 0);
}

@media screen and (min-width: 47.5em) {
    .splash-landing__feature--feed.is-active {
        -webkit-transform: translate3d(0, -190px, 0);
        transform: translate3d(0, -190px, 0);
    }

    .is-active--profile .splash-landing__feature--feed {
        -webkit-transform: translate3d(0, -421px, 0);
        transform: translate3d(0, -421px, 0);
    }

    .is-active--chat .splash-landing__feature--feed,
    .is-active--spacer .splash-landing__feature--feed {
        -webkit-transform: translate3d(0, -557px, 0);
        transform: translate3d(0, -557px, 0);
    }
}

.splash-landing__feature--profile.is-active {
    -webkit-transform: translate3d(0, -177px, 0);
    transform: translate3d(0, -177px, 0);
}

.is-active--chat .splash-landing__feature--profile,
.is-active--spacer .splash-landing__feature--profile {
    -webkit-transform: translate3d(0, -287px, 0);
    transform: translate3d(0, -287px, 0);
}

@media screen and (min-width: 47.5em) {
    .is-active--feed .splash-landing__feature--profile {
        -webkit-transform: translate3d(0, -42px, 0);
        transform: translate3d(0, -42px, 0);
    }

    .splash-landing__feature--profile.is-active {
        -webkit-transform: translate3d(0, -333px, 0);
        transform: translate3d(0, -333px, 0);
    }

    .is-active--chat .splash-landing__feature--profile,
    .is-active--spacer .splash-landing__feature--profile {
        -webkit-transform: translate3d(0, -567px, 0);
        transform: translate3d(0, -567px, 0);
    }
}

.is-active--profile .splash-landing__feature--chat {
    -webkit-transform: translate3d(0, -54px, 0);
    transform: translate3d(0, -54px, 0);
}

.splash-landing__feature--chat.is-active {
    -webkit-transform: translate3d(0, -245px, 0);
    transform: translate3d(0, -245px, 0);
}

@media screen and (min-width: 47.5em) {
    .is-active--feed .splash-landing__feature--chat {
        -webkit-transform: translate3d(0, -51px, 0);
        transform: translate3d(0, -51px, 0);
    }

    .is-active--profile .splash-landing__feature--chat {
        -webkit-transform: translate3d(0, -184px, 0);
        transform: translate3d(0, -184px, 0);
    }

    .splash-landing__feature--chat.is-active {
        -webkit-transform: translate3d(0, -475px, 0);
        transform: translate3d(0, -475px, 0);
    }
}

.splash-landing__feature.is-active--spacer {
    opacity: 0;
}

.splash-landing .trigger__intro, .splash-landing .trigger__features {
    position: absolute;
    top: 0;
    left: 0;
}

    .splash-landing .trigger__intro div, .splash-landing .trigger__features div {
        height: 300px;
    }

.splash-landing .trigger__intro {
    top: -90px;
}

@media screen and (min-width: 47.5em) {
    .splash-landing .trigger__intro {
        top: -60px;
    }
}

.splash-landing__mobile {
    position: relative;
    width: 289px;
    z-index: 50;
}

    .splash-landing__mobile img {
        position: relative;
        width: 100%;
        z-index: 1;
    }

.splash-landing__mobile__video {
    position: absolute;
    top: 63px;
    left: 15px;
    z-index: 0;
    width: 259px;
    min-height: 460px;
    background: #000000;
}

    .splash-landing__mobile__video video {
        width: 100%;
        height: auto;
    }

.splash-landing__welcome__title {
    text-transform: uppercase;
    font-size: 6.25rem;
    line-height: 6.25rem;
    font-weight: 500;
    letter-spacing: 0.001em;
    margin-bottom: 0;
}

    .splash-landing__welcome__title span {
        font-weight: 100;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

.splash-landing__welcome__bottom {
    text-transform: none;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.1em;
    width: 100%;
    border-top: 4px solid #FFFFFF;
    margin-top: 82px;
    padding-top: 33px;
}

    .splash-landing__welcome__bottom span {
        width: 240px;
        transition: all 300ms ease-in-out;
        transition-delay: 200ms;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
        opacity: 0;
    }

.animate--desktop .splash-landing__welcome__bottom span {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.splash-landing__form {
    position: relative;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    width: 100%;
    height: 256px;
    padding-right: 60px;
    padding-bottom: 80px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

    .splash-landing__form:before {
        content: '';
        display: block;
        position: absolute;
        width: 100vw;
        height: 100%;
        top: 0;
        background: #000000;
        transition: all 950ms ease-in-out;
        transition-delay: 700ms;
        right: 100vw;
        opacity: 0;
    }

.animate--desktop .splash-landing__form:before {
    right: 0;
    opacity: .58;
}

.splash-landing__form form {
    position: relative;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    transition: all 300ms ease-in-out;
    transition-delay: 1100ms;
    opacity: 0;
}

.animate--desktop .splash-landing__form form {
    opacity: 1;
}

.splash-landing__form__field-label {
    font-size: 0.8125rem;
    line-height: 1.375rem;
    margin-bottom: 36px;
    width: 560px;
    display: block;
}

.splash-landing__form__field {
    width: 380px;
}

.splash-landing__form__submit {
    width: 160px;
}

    .splash-landing__form__submit button {
        border-color: #FFFFFF;
    }

.splash-landing__form__field-input input {
    padding-top: 5px !important;
    border: 1px solid transparent !important;
    font-size: 0.875rem !important;
}

.splash-landing__form__field-input label.error {
    position: absolute;
    width: 500px;
    bottom: calc(100% + 10px);
    left: 0;
    font-size: 12px;
    letter-spacing: 0.1em;
}

.splash-landing__form__field-input input.error {
    border-color: #FF0000 !important;
}

.takeover {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    padding-top: 90px;
    overflow: scroll;
    z-index: 20;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 300;
    font-size: 0.625rem;
    line-height: 0.875rem;
    letter-spacing: 0.1em;
}

@media screen and (min-width: 47.5em) {
    .takeover {
        padding-top: 60px;
        font-size: 0.75rem;
        line-height: 1.25rem;
    }
}

.takeover__bg, .takeover__overlay {
    position: fixed !important;
    width: 100vw;
    height: 100vh;
    bottom: 0;
    right: 0;
    z-index: -1;
    margin: 0;
    padding: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .takeover__bg img, .takeover__overlay img {
        width: 100%;
        height: 100%;
    }

.takeover__overlay {
    background: #000000;
    opacity: .58;
    z-index: 10;
}

.takeover__content {
    position: relative;
    padding-top: 120px;
    padding-bottom: 60px;
    z-index: 11;
    color: #FFFFFF;
    width: 200px;
}

@media screen and (min-width: 47.5em) {
    .takeover__content {
        width: 320px;
        font-size: 0.75rem;
        line-height: 1.25rem;
    }
}

.takeover-type--ftue .takeover__content {
    width: 174px;
    padding-left: 35px;
}

@media screen and (min-width: 47.5em) {
    .takeover-type--ftue .takeover__content {
        width: 342px;
        padding-left: 70px;
        padding-right: 70px;
    }
}

.takeover__content-header__title {
    text-transform: uppercase;
    font-size: 1.875rem;
    line-height: 1.75rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    margin-bottom: 5px;
}

    .takeover__content-header__title span {
        font-weight: 100;
        display: block;
    }

@media screen and (min-width: 47.5em) {
    .takeover__content-header__title {
        font-size: 3.125rem;
        line-height: 3.125rem;
    }
}

.takeover-type--ftue .takeover__content-header__title {
    font-size: 0.875rem;
    line-height: 1.125rem;
}

    .takeover-type--ftue .takeover__content-header__title span {
        display: inline-block;
    }

@media screen and (min-width: 47.5em) {
    .takeover-type--ftue .takeover__content-header__title {
        font-size: 18px;
        margin-top: 30px;
    }
}

.takeover__content-body p {
    margin: 5px 0px;
}

.takeover__content-cta {
    color: #FFFFFF;
    width: 190px;
    border-color: rgba(153, 153, 153, 0.35);
}

    .takeover__content-cta.button-outline {
        border-color: #FFFFFF;
    }

    .takeover__content-cta + .takeover__content-cta {
        margin-top: 10px;
    }

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .takeover__content-cta {
        min-width: auto;
        padding: 0 15px;
        height: 30px;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 0.75rem;
        line-height: 1rem;
    }
}

.takeover-type--ftue .takeover__content-cta {
    width: auto !important;
}

.takeover__content-icon {
    margin-bottom: 22px;
}

.takeover-type--ftue .takeover__content-icon {
    margin-left: -35px;
}

@media screen and (min-width: 47.5em) {
    .takeover-type--ftue .takeover__content-icon {
        margin-left: -75px;
    }
}

.takeover__content-icon--phone-swipe {
    width: 174px;
    height: 174px;
    border: 1px solid #FC2561;
    border-radius: 50% 50%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-width: 47.5em) {
    .takeover__content-icon--phone-swipe {
        width: 342px;
        height: 342px;
    }
}

.takeover__content-icon--phone-swipe span.icon, .takeover__content-icon--phone-swipe span.get-the-look__video__image, .takeover__content-icon--phone-swipe .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches span.color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .takeover__content-icon--phone-swipe span.color-picker__swatch:before, .takeover__content-icon--phone-swipe .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade span.product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .takeover__content-icon--phone-swipe span.product-info__shade-swatch:before, .takeover__content-icon--phone-swipe .module-stateful.product-info span.product-info__color-overlay--with-video:before, .module-stateful.product-info .takeover__content-icon--phone-swipe span.product-info__color-overlay--with-video:before, .takeover__content-icon--phone-swipe .cheatsheet span.cheatsheet__dash, .cheatsheet .takeover__content-icon--phone-swipe span.cheatsheet__dash, .takeover__content-icon--phone-swipe span.video-kit__hero-image, .takeover__content-icon--phone-swipe span.video-kit__card-image, .takeover__content-icon--phone-swipe span.video-promoted__image {
    font-size: 5.1875rem;
    padding-top: 12px;
    line-height: 1;
}

@media screen and (min-width: 47.5em) {
    .takeover__content-icon--phone-swipe span.icon, .takeover__content-icon--phone-swipe span.get-the-look__video__image, .takeover__content-icon--phone-swipe .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches span.color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .takeover__content-icon--phone-swipe span.color-picker__swatch:before, .takeover__content-icon--phone-swipe .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade span.product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .takeover__content-icon--phone-swipe span.product-info__shade-swatch:before, .takeover__content-icon--phone-swipe .module-stateful.product-info span.product-info__color-overlay--with-video:before, .module-stateful.product-info .takeover__content-icon--phone-swipe span.product-info__color-overlay--with-video:before, .takeover__content-icon--phone-swipe .cheatsheet span.cheatsheet__dash, .cheatsheet .takeover__content-icon--phone-swipe span.cheatsheet__dash, .takeover__content-icon--phone-swipe span.video-kit__hero-image, .takeover__content-icon--phone-swipe span.video-kit__card-image, .takeover__content-icon--phone-swipe span.video-promoted__image {
        font-size: 10.25rem;
    }
}

.takeover__tooltip {
    position: relative;
    float: left;
}

    .takeover__tooltip .header-icon {
        opacity: 1 !important;
    }

        .takeover__tooltip .header-icon span:after {
            content: '';
        }

    .takeover__tooltip:before {
        content: '';
        position: absolute;
        z-index: -1;
        width: 1px;
        height: 53px;
        background: #FC2561;
        top: 50%;
        right: 16px;
    }

@media screen and (min-width: 47.5em) {
    .takeover__tooltip:before {
        right: 18px;
    }
}

@media screen and (min-width: 63.75em) {
    .takeover__tooltip:before {
        display: none;
    }
}

.takeover__tooltip-highlight {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    overflow: hidden;
    border-radius: 50% 50%;
    z-index: 1;
}

@media screen and (min-width: 47.5em) {
    .takeover__tooltip-highlight {
        width: 190px;
        height: 190px;
    }
}

.takeover__tooltip-content {
    position: absolute;
    top: 82px;
    left: 100%;
    width: 100px;
    color: #FFFFFF;
    font-weight: 300;
    font-size: 0.625rem;
    line-height: 0.875rem;
    letter-spacing: 0.1em;
}

@media screen and (min-width: 47.5em) {
    .takeover__tooltip-content {
        font-size: 0.75rem;
        line-height: 1rem;
    }
}

@media screen and (min-width: 63.75em) {
    .takeover__tooltip-content {
        display: none;
    }
}

.header-icon--content-feed + .takeover__tooltip-content {
    width: 130px;
    left: -70px;
}

@media screen and (min-width: 47.5em) {
    .header-icon--content-feed + .takeover__tooltip-content {
        width: 130px;
        left: auto;
        right: 17px;
        text-align: right;
    }
}

.takeover-type--content-feed .header-icon--content-feed + .takeover__tooltip-content {
    width: 165px;
}

.takeover-type--content-feed-has-update .header-icon--content-feed + .takeover__tooltip-content {
    width: 165px;
}

@media screen and (min-width: 47.5em) {
    .takeover-type--content-feed-has-update .header-icon--content-feed + .takeover__tooltip-content {
        left: 20px;
        right: auto;
        text-align: left;
        width: 145px;
    }
}

.header-icon--profile + .takeover__tooltip-content {
    left: 30px;
    width: 130px;
}

@media screen and (min-width: 47.5em) {
    .header-icon--profile + .takeover__tooltip-content {
        width: 125px;
        left: 5px;
    }
}

.takeover-type--profile .header-icon--profile + .takeover__tooltip-content {
    width: 150px;
    left: -10px;
}

@media screen and (min-width: 47.5em) {
    .takeover-type--profile .header-icon--profile + .takeover__tooltip-content {
        left: -50px;
    }
}

.takeover-type--profile-has-update .header-icon--profile + .takeover__tooltip-content {
    width: 170px;
    left: -10px;
}

@media screen and (min-width: 47.5em) {
    .takeover-type--profile-has-update .header-icon--profile + .takeover__tooltip-content {
        width: 150px;
        left: -50px;
    }
}

.chatbot .takeover__tooltip-content {
    left: auto;
    top: 29px;
    right: 140px;
    width: 150px;
}

@media screen and (min-width: 47.5em) {
    .chatbot .takeover__tooltip-content {
        width: 180px;
        right: 255px;
        top: 63px;
    }
}

.chatbot .takeover__tooltip {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 84px;
}

@media screen and (min-width: 47.5em) {
    .chatbot .takeover__tooltip {
        width: 125px;
        height: 175px;
    }
}

.chatbot .takeover__tooltip:before {
    top: 35px;
    width: 115px;
    height: 1px;
}

@media screen and (min-width: 47.5em) {
    .chatbot .takeover__tooltip:before {
        top: 70px;
        right: 0;
        width: 237px;
    }
}

.chatbot .takeover__tooltip .takeover__bg {
    position: absolute !important;
    right: 32px;
    bottom: 16px;
}

.takeover-cloned.site-header {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0 !important;
    background: rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 47.5em) {
    .takeover-cloned.site-header {
        display: none;
    }
}

.takeover-cloned.site-header .header-bar {
    background: none;
}

.takeover-cloned.site-header .header-banner {
    opacity: 0 !important;
}

.takeover-cloned.site-header .header-logo--bar,
.takeover-cloned.site-header .icon-hamburger,
.takeover-cloned.site-header .header-bar__links .header-icon {
    opacity: 0;
}

.takeover-type--ftue .takeover-cloned.site-header .header-logo--bar, .takeover-type--ftue
.takeover-cloned.site-header .icon-hamburger, .takeover-type--ftue
.takeover-cloned.site-header .header-bar__links .header-icon {
    opacity: 1;
}

.takeover-cloned.site-header:before {
    content: '';
    position: absolute;
    bottom: -70px;
    width: 100%;
    height: 70px;
    background: linear-gradient(to bottom, black 0%, rgba(255, 255, 255, 0) 100%);
    opacity: .4;
}

.takeover-cloned.site-header .header-icon--content-feed,
.takeover-cloned.site-header .header-icon--profile {
    position: relative;
}

    .takeover-cloned.site-header .header-icon--content-feed span:after,
    .takeover-cloned.site-header .header-icon--profile span:after {
        position: absolute;
        z-index: 0;
        top: calc(50% - 19px);
        left: -4px;
        width: 39px;
        height: 39px;
        background: #000000;
        border: 1px solid #FC2561;
        border-radius: 50% 50%;
    }

@media screen and (min-width: 47.5em) {
    .takeover-cloned.site-header .header-icon--content-feed span:after,
    .takeover-cloned.site-header .header-icon--profile span:after {
        left: -2px;
    }
}

.takeover-cloned.site-header .header-icon--content-feed span:before,
.takeover-cloned.site-header .header-icon--profile span:before {
    position: relative;
    z-index: 1;
}

.takeover-cloned.chatbot {
    opacity: 0;
}

.takeover-type--all-features .takeover-cloned.chatbot,
.takeover-type--chat .takeover-cloned.chatbot {
    opacity: 1;
}

.takeover-ready {
    height: 100%;
}

    .takeover-ready body,
    .takeover-ready div.container,
    .takeover-ready div.site-container {
        height: 100%;
        overflow: hidden;
    }

    .takeover-ready div.site-container {
        margin-top: -90px;
    }

@media screen and (min-width: 47.5em) {
    .takeover-ready div.site-container {
        margin-top: -90px;
    }
}

.takeover-ready .chatbot:not(.takeover-cloned) {
    z-index: 5;
}

.takeover-ready .chatbot__button--launcher img {
    bottom: 20px;
}

.header-full-width {
    padding: 10px 0;
}

@media screen and (min-width: 47.5em) {
    .header-full-width {
        padding: 0px 0;
    }
}

@media screen and (min-width: 63.75em) {
    .header-full-width {
        padding: 30px 0;
    }
}

.header-full-width__title {
    margin-top: 0.75rem;
    margin-bottom: 1.125rem;
    font-size: 2.125rem;
    line-height: 2rem;
    letter-spacing: -1px;
    font-family: "Helvetica Neue LT W01_75 Bold";
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .header-full-width__title {
        font-size: 3.5rem;
        line-height: 3.125rem;
    }
}

@media screen and (min-width: 63.75em) {
    .header-full-width__title {
        font-size: 4.625rem;
        line-height: 4.375rem;
    }
}

.header-full-width__content {
    position: relative;
    background-color: #FFFFFF;
    width: 16.25rem;
    margin: 0 auto;
    padding-bottom: 1.25rem;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .header-full-width__content {
        width: 28.75rem;
    }
}

@media screen and (min-width: 63.75em) {
    .header-full-width__content {
        width: 50rem;
    }
}
/* hiding graphic element
    .header-full-width__content:before {
        content: '';
        display: block;
        height: 420px;
        z-index: -1;
        width: 1px;
        background: #000000;
        -webkit-transform: translate(-50%, -41%) rotate(45deg);
        -ms-transform: translate(-50%, -41%) rotate(45deg);
        transform: translate(-50%, -41%) rotate(45deg);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        position: absolute;
        top: 35%;
        left: 50%;
    }

    @media screen and (min-width: 47.5em) {
        .header-full-width__content:before {
            -webkit-transform: translate(-50%, -48%) rotate(45deg);
            -ms-transform: translate(-50%, -48%) rotate(45deg);
            transform: translate(-50%, -48%) rotate(45deg);
            height: 470px;
            top: 45%;
        }
    }

    @media screen and (min-width: 63.75em) {
        .header-full-width__content:before {
            height: 620px;
            top: 46%;
        }
    }
*/
.header-full-width__tags {
    margin: 0;
    letter-spacing: 0;
    font-weight: 300;
    color: #000;
    width: 12.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

@media screen and (min-width: 47.5em) {
    .header-full-width__tags {
        width: 100%;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}

.header-full-width__tags--label {
    color: #000;
}

.header-full-width__tags a {
    cursor: pointer;
    color: #000;
    text-decoration: none;
}

    .header-full-width__tags a:hover {
        color: #FC2561;
    }
/* hiding element
    .header-full-width__sharing {
        margin-top: 1.25rem;
        border-top: 0.0625rem solid rgba(0, 0, 0, 0.35);
        padding-top: 0.625rem;
    }
    */

.header-full-width .heading span {
    clear: both;
    display: block;
}

.full-width-image {
    width: 15rem;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .full-width-image {
        padding-top: 2.8125rem;
        width: 43.75rem;
    }
}

@media screen and (min-width: 63.75em) {
    .full-width-image {
        width: 48.4375rem;
        padding-top: 2.5rem;
    }
}

.full-width-image__content {
    position: relative;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .full-width-image__content {
        width: 40rem;
    }
}

@media screen and (min-width: 63.75em) {
    .full-width-image__content {
        width: 45.9375rem;
    }
}
/* hide graphic element
    .full-width-image__content:after {
        z-index: -1;
        content: " ";
        width: 28.75rem;
        height: 28.75rem;
        background-color: #000000;
        position: absolute;
        top: -2.8125rem;
        right: -3.75rem;
    }

    @media screen and (min-width: 0) and (max-width: 47.4375em) {
        .full-width-image__content:after {
            display: none;
        }
    }

    @media screen and (min-width: 63.75em) {
        .full-width-image__content:after {
            top: -2.5rem;
            right: -2.5rem;
        }
    }
        */
.full-width-image__image {
    width: 100%;
}

.instagram-embed {
    height: 353px;
    overflow: hidden;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .instagram-embed {
        width: 17.5rem;
    }
}

@media screen and (min-width: 47.5em) {
    .instagram-embed {
        height: 581px;
        width: 31.25rem;
    }
}

.full-width-image-with-copy {
    padding-top: 1.25rem;
    width: 18.75rem;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .full-width-image-with-copy {
        width: 42.5rem;
    }
}

@media screen and (min-width: 47.5em) {
    .full-width-image-with-copy {
        padding-top: 2.5rem;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .full-width-image-with-copy {
        width: 57.5rem;
    }
}

@media screen and (min-width: 80em) {
    .full-width-image-with-copy {
        width: 70rem;
    }
}

.full-width-image-with-copy__content {
    position: relative;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .full-width-image-with-copy__content {
        width: 17.5rem;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .full-width-image-with-copy__content {
        width: 40rem;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .full-width-image-with-copy__content {
        width: 55rem;
    }
}

@media screen and (min-width: 80em) {
    .full-width-image-with-copy__content {
        width: 67.5rem;
    }
}
/* hide graphic element
    .full-width-image-with-copy__content:after {
        z-index: -1;
        content: " ";
        background-color: #000000;
        width: 10rem;
        height: 10rem;
        position: absolute;
        top: -1.25rem;
        right: -1.25rem;
    }

    @media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
        .full-width-image-with-copy__content:after {
            width: 20rem;
            height: 20rem;
        }
    }

    @media screen and (min-width: 47.5em) {
        .full-width-image-with-copy__content:after {
            top: -2.5rem;
            right: -2.5rem;
        }
    }

    @media screen and (min-width: 63.75em) {
        .full-width-image-with-copy__content:after {
            width: 28.75rem;
            height: 28.75rem;
        }
    }
        */
.full-width-image-with-copy__image {
    overflow: hidden;
    width: 17.5rem;
    height: 11.5625rem;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .full-width-image-with-copy__image {
        width: 40rem;
        height: 26.5rem;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
    .full-width-image-with-copy__image {
        width: 55rem;
        height: 36.5rem;
    }
}

@media screen and (min-width: 80em) {
    .full-width-image-with-copy__image {
        width: 67.5rem;
        height: 38.125rem;
    }
}

.full-width-image-with-copy__image img {
    width: 100%;
}

.full-width-image-with-copy__title {
    color: #000000;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: -0.5px;
    margin: 1.625rem 0;
}

@media screen and (min-width: 47.5em) {
    .full-width-image-with-copy__title {
        margin-top: 0;
    }
}

.full-width-image-with-copy__text {
    color: #000;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 300;
    letter-spacing: 0;
    margin-bottom: 0.625rem;
}

    .full-width-image-with-copy__text p {
        margin-bottom: 0;
    }

.full-width-image-with-copy__sharing .share-tray {
    left: 0;
}

@media screen and (min-width: 20em) and (max-width: 47.5em) {
    .full-width-image-with-copy__sharing .share-tray {
        left: 0;
        top: 5px;
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .full-width-image-with-copy__sharing {
        margin-bottom: 0.9375rem;
    }
}

@media screen and (min-width: 47.5em) {
    .full-width-image-with-copy__description {
        float: left;
        padding-left: 2.5rem;
        width: 20rem;
        margin-right: 2.5rem;
        margin-top: 1.5625rem;
    }
}

@media screen and (min-width: 63.75em) {
    .full-width-image-with-copy__description {
        width: 23.75rem;
        margin-left: 3.75rem;
    }
}

@media screen and (min-width: 80em) {
    .full-width-image-with-copy__description {
        width: 27.5rem;
        margin-left: 13.75rem;
    }
}

.full-width-image-with-copy__featured-product {
    float: right;
    border-bottom: 1.25rem solid #000000;
    width: 17.5rem;
}

@media screen and (min-width: 47.5em) {
    .full-width-image-with-copy__featured-product {
        margin-top: 1.5625rem;
    }
}

@media screen and (min-width: 63.75em) {
    .full-width-image-with-copy__featured-product {
        width: 23.75rem;
    }
}

.full-width-image-with-copy__featured-product .cta-text {
    margin-top: 0.625rem;
    font-size: 1.125rem;
    line-height: 1.125rem;
}

.full-width-image-with-copy__featured-info {
    float: left;
}

.full-width-image-with-copy__featured-name {
    display: block;
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 1.875rem;
    line-height: 1.75rem;
    text-transform: uppercase;
    width: 10rem;
    letter-spacing: 1px;
    margin-top: 0.9375rem;
}

@media screen and (min-width: 47.5em) {
    .full-width-image-with-copy__featured-name {
        margin-bottom: 0.5rem;
    }
}

@media screen and (min-width: 63.75em) {
    .full-width-image-with-copy__featured-name {
        font-size: 1.875rem;
        line-height: 1.75rem;
        margin-top: 0;
    }
}

.full-width-image-with-copy__featured-image {
    width: 5.125rem;
    height: 8rem;
    overflow: hidden;
    margin-right: 1.125rem;
    float: right;
}

    .full-width-image-with-copy__featured-image img {
        width: 100%;
    }

.styled-text-elements {
    position: relative;
    margin: 3.75rem auto 5rem;
}

@media screen and (min-width: 63.75em) {
    .styled-text-elements {
        margin: 5rem auto 6.25rem;
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .styled-text-elements {
        width: 17.5rem;
    }

        .styled-text-elements.with-images {
            width: 20rem;
        }
}

@media screen and (min-width: 47.5em) {
    .styled-text-elements {
        width: 40rem;
    }

        .styled-text-elements.with-images {
            width: 42.5rem;
        }
}

@media screen and (min-width: 63.75em) {
    .styled-text-elements.with-images {
        width: 62.5rem;
    }
}
.article-content__date-format {
    width: 17.5rem;
    margin:0 auto;
}
@media screen and (min-width: 47.5em) {
    .article-content__date-format {
        width: 40rem;
    }
}
.styled-text-elements.withLine:before {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    content: " ";
    height: 0.0625rem;
    background-color: #000000;
    width: 1.875rem;
    top: -1.5625rem;
}

@media screen and (min-width: 47.5em) {
    .styled-text-elements.withLine:before {
        width: 3.75rem;
        top: -1.875rem;
    }
}

.styled-text-elements:after {
    display: none;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    content: " ";
    height: 0.0625rem;
    background-color: #000000;
    width: 1.875rem;
    bottom: -1.5625rem;
}

@media screen and (min-width: 47.5em) {
    .styled-text-elements:after {
        width: 3.75rem;
        bottom: -3.75rem;
    }
}

.styled-text-elements__title {
    text-transform: uppercase;
    font-size: 1.5rem;
    font-family: "Helvetica Neue LT W01_75 Bold";
    line-height: 1.5rem;
    letter-spacing: -0.5px;
    text-align: left;
    margin-bottom: 1.875rem;
}

@media screen and (min-width: 47.5em) {
    .styled-text-elements__title {
        font-size: 2.125rem;
        line-height: 2rem;
        letter-spacing: -1px;
    }
}

.styled-text-elements p {
    text-align: left;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0;
    color: #000;
}

@media screen and (min-width: 47.5em) {
    .styled-text-elements p {
        margin-bottom: 1.875rem;
    }
}

.styled-text-elements p:last-child {
    margin-bottom: 0;
}

.styled-text-elements.with-images p {
    line-height: 30px;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .styled-text-elements.with-images p {
        padding: 0 20px;
        line-height: 16px;
    }

    .styled-text-elements.with-images .styled-text-elements__title {
        padding: 0 20px;
    }
}

@media screen and (min-width: 63.75em) {
    .styled-text-elements.with-images p {
        width: 640px;
        margin: 0 auto;
    }
}

.styled-text-elements strong,
.styled-text-elements b {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #666666;
}

.styled-text-elements a,
.styled-text-elements u {
    text-decoration: none;
    border-bottom: 0.0625rem solid rgba(102, 102, 102, 0.75);
}

.styled-text-elements a {
    color: #000000;
}

    .styled-text-elements a:hover {
        color: #FC2561;
        border-bottom-color: #FC2561;
    }

.styled-text-elements__title_txt {
    font-size: 1.375rem;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0.06em;
    text-align: center;
    margin-top: 0;
    margin-bottom: 1rem;
}

    .styled-text-elements__title_txt sup {
        font-size: 0.6875rem;
    }


.styled-text-elements ul {
    font-weight: 300;
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 0.875rem;
    line-height: 1.5rem;
    list-style-type: none;
    margin: 0 auto;
    padding: 0 20px;
}

    .styled-text-elements ul a {
        color: #000000;
    }

@media screen and (min-width: 47.5em) {
    .styled-text-elements ul {
        width: 40rem;
    }
}

.styled-text-elements ul li {
    position: relative;
    margin-top: 2.5rem;
    color: #666666;
}

    .styled-text-elements ul li:before {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        content: "—";
        font-weight: 300;
        font-size: 1rem;
        line-height: 2rem;
        top: -1.5625rem;
    }

@media screen and (min-width: 47.5em) {
    .styled-text-elements ul li:before {
        width: 3.75rem;
        top: -1.875rem;
    }
}

.styled-text-elements ol {
    counter-reset: list;
    font-weight: 300;
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 0.875rem;
    line-height: 1.5rem;
    padding: 0;
    margin: 0 auto;
    color: #666666;
}

    .styled-text-elements ol a {
        color: #000000;
    }

@media screen and (min-width: 47.5em) {
    .styled-text-elements ol {
        width: 30rem;
    }
}

.styled-text-elements ol li {
    position: relative;
    list-style-type: none;
    margin-top: 6.5625rem;
}

@media screen and (min-width: 47.5em) {
    .styled-text-elements ol li {
        margin-top: 11.875rem;
    }
}

.styled-text-elements ol li:before {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: -4.375rem;
    counter-increment: list;
    content: "0" counter(list);
    font-weight: 500;
    font-size: 1.375rem;
    line-height: 2.1875rem;
    color: #000000;
}

@media screen and (min-width: 47.5em) {
    .styled-text-elements ol li:before {
        font-size: 2.5rem;
        line-height: 3.75rem;
        top: -120px;
        position: absolute;
    }
}

.styled-text-elements ol li:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    content: " ";
    top: -4rem;
    border-left: 0.0625rem solid #000000;
    border-right: 0.1875rem solid #000000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 50% -22%;
    -ms-transform-origin: 50% -22%;
    transform-origin: 50% -22%;
    width: 2.5rem;
    height: 2.5rem;
}

@media screen and (min-width: 47.5em) {
    .styled-text-elements ol li:after {
        width: 5rem;
        height: 5rem;
        top: -7.125rem;
    }
}

.styled-text-elements ol li h2 {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.375rem;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

@media screen and (min-width: 47.5em) {
    .styled-text-elements ol li h2 {
        font-size: 1rem;
    }
}

.styled-text-elements .styled-text-image {
    overflow: auto;
    position: relative;
    width: 300px;
    padding-bottom: 20px;
    margin: 40px auto;
}

    .styled-text-elements .styled-text-image + p {
        margin-top: 40px;
    }

    .styled-text-elements .styled-text-image img {
        width: 260px;
    }
/* hide graphic element
        .styled-text-elements .styled-text-image:after {
            display: block;
            content: '';
            position: absolute;
            bottom: 0px;
            height: 60%;
            width: 70%;
            padding-bottom: 20px;
            border-bottom: 20px solid #000000;
        }
*/
@media screen and (min-width: 47.5em) {
    .styled-text-elements .styled-text-image {
        width: 320px;
        overflow: visible;
        margin-top: 20px;
    }

        .styled-text-elements .styled-text-image img {
            width: 280px;
        }
}

@media screen and (min-width: 63.75em) {
    .styled-text-elements .styled-text-image img {
        width: 260px;
    }
}

.styled-text-elements .styled-text-image--right-border {
    margin-left: 14px;
}

    .styled-text-elements .styled-text-image--right-border img {
        float: left;
    }

    .styled-text-elements .styled-text-image--right-border:after {
        right: 20px;
        border-right: 20px solid #000000;
    }

@media screen and (min-width: 47.5em) {
    .styled-text-elements .styled-text-image--right-border {
        margin-left: 0;
        left: 20px;
        float: right;
        padding-left: 30px;
    }

        .styled-text-elements .styled-text-image--right-border:after {
            right: -10px;
        }
}

@media screen and (min-width: 63.75em) {
    .styled-text-elements .styled-text-image--right-border {
        left: 10px;
    }

        .styled-text-elements .styled-text-image--right-border:after {
            right: 10px;
        }
}

.styled-text-elements .styled-text-image--left-border {
    margin-left: -16px;
}

    .styled-text-elements .styled-text-image--left-border img {
        float: right;
    }
/* hide graphic element
        .styled-text-elements .styled-text-image--left-border:after {
            left: 20px;
            border-left: 20px solid #000000;
        }*/

@media screen and (min-width: 47.5em) {
    .styled-text-elements .styled-text-image--left-border {
        margin-left: 0;
        right: 20px;
        float: left;
        padding-right: 30px;
    }
    /* hide graphic element
            .styled-text-elements .styled-text-image--left-border:after {
                left: -10px;
            }*/
}

@media screen and (min-width: 63.75em) {
    .styled-text-elements .styled-text-image--left-border {
        right: 10px;
    }
    /* hide graphic element
            .styled-text-elements .styled-text-image--left-border:after {
                left: 10px;
            }
            */
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .styled-text-elements ol li:before {
        top: -5.8rem;
    }
}

@media screen and (-ms-high-contrast: active) and (min-width: 0) and (max-width: 47.4375em), screen and (-ms-high-contrast: none) and (min-width: 0) and (max-width: 47.4375em) {
    .styled-text-elements ol li:before {
        top: -3.4rem;
    }
}


.gigiHalfWidthImage .gigi-wrapper {
    width: 320px;
    position: relative;
    margin: -3.75rem auto -3.75rem;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .gigiHalfWidthImage .gigi-wrapper {
        padding-bottom: 20px;
    }
}

@media screen and (min-width: 47.5em) {
    .gigiHalfWidthImage .gigi-wrapper {
        width: 760px;
        padding-bottom: 20px;
    }
}

@media screen and (min-width: 63.75em) {
    .gigiHalfWidthImage .gigi-wrapper {
        width: 1024px;
        padding-bottom: 40px;
        margin: -5rem auto -5rem;
    }
}

@media screen and (min-width: 80em) {
    .gigiHalfWidthImage .gigi-wrapper {
        width: 1280px;
        padding-bottom: 40px;
    }
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .gigiHalfWidthImage .gigi-wrapper .half-width-image:before {
        content: '';
        display: block;
        height: 550px;
        z-index: 1;
        width: 1px;
        background: #000000;
        -webkit-transform: translate(-50%, -41%) rotate(45deg);
        -ms-transform: translate(-50%, -41%) rotate(45deg);
        transform: translate(-50%, -41%) rotate(45deg);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        position: absolute;
        top: 28%;
        left: 50%;
    }
}

.gigiHalfWidthImage .gigi-wrapper .half-width-image__hero:after {
    display: none;
}

.gigiHalfWidthImage .gigi-wrapper .half-width-image__content-box {
    background-color: #edd9d2;
    padding: 0;
}

    .gigiHalfWidthImage .gigi-wrapper .half-width-image__content-box:after {
        z-index: inherit;
    }

.gigiHalfWidthImage .gigi-wrapper .half-width-image__content-box-inner {
    background-color: #edd9d2;
    z-index: 2;
    position: relative;
    padding: 20px 20px 10px 20px;
}

    .gigiHalfWidthImage .gigi-wrapper .half-width-image__content-box-inner > p {
        letter-spacing: 0.1rem;
        font-size: 0.75rem;
        line-height: 1.25rem;
        font-weight: 300;
        color: #666666;
    }

@media screen and (min-width: 47.5em) {
    .gigiHalfWidthImage .gigi-wrapper .half-width-image__content-box-inner > p {
        font-size: 0.8125rem;
        line-height: 1.375rem;
    }
}

@media screen and (min-width: 80em) {
    .gigiHalfWidthImage .gigi-wrapper .half-width-image__content-box-inner > p {
        padding-top: 14px;
        padding-bottom: 20px;
    }
}

.gigiHalfWidthImage .gigi-wrapper .half-width-image__header {
    background-color: #edd9d2;
    z-index: 2;
    position: relative;
}

.gigiHalfWidthImage .gigi-wrapper .half-width-image__icons {
    display: none;
}

.half-width-image {
    width: 320px;
    position: relative;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .half-width-image {
        padding-bottom: 20px;
    }
}

@media screen and (min-width: 47.5em) {
    .half-width-image {
        width: 760px;
        padding-bottom: 20px;
    }
}

@media screen and (min-width: 63.75em) {
    .half-width-image {
        width: 1024px;
        padding-bottom: 40px;
    }
}

@media screen and (min-width: 80em) {
    .half-width-image {
        width: 1280px;
        padding-bottom: 40px;
    }
}

.half-width-image__smoosh {
    width: 260px;
    position: absolute;
    left: -90px;
    top: -40px;
    z-index: -1;
}

@media screen and (min-width: 47.5em) {
    .half-width-image__smoosh {
        width: 560px;
        left: -240px;
        top: -40px;
    }
}

@media screen and (min-width: 63.75em) {
    .half-width-image__smoosh {
        width: 560px;
        left: -240px;
        top: -70px;
        z-index: 1;
    }
}

@media screen and (min-width: 80em) {
    .half-width-image__smoosh {
        width: 560px;
        left: -240px;
        /*top: -100px;*/
    }
}

.half-width-image__hero {
    width: 240px;
    margin: 70px 0 0 40px;
    float: left;
    position: relative;
    z-index: 2;
}

    .half-width-image__hero img {
        width: 100%;
    }

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    /*.half-width-image__hero:after {
            content: '';
            display: block;
            height: 450px;
            z-index: -1;
            width: 1px;
            background: #000000;
            -webkit-transform: translate(-50%, -41%) rotate(45deg);
            -ms-transform: translate(-50%, -41%) rotate(45deg);
            transform: translate(-50%, -41%) rotate(45deg);
            -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            position: absolute;
            top: 37%;
            left: 50%;
        }*/
}

@media screen and (min-width: 47.5em) {
    .half-width-image__hero {
        width: 320px;
        margin: 140px 0 0 60px;
    }
    /*
            .half-width-image__hero:after {
                content: '';
                width: 80%;
                height: 72%;
                border-left: 60px solid #000000;
                border-bottom: 20px solid #000000;
                position: absolute;
                bottom: -17px;
                left: -60px;
            }*/
}

@media screen and (min-width: 63.75em) {
    .half-width-image__hero {
        width: 420px;
        margin: 70px 0 0 90px;
    }
    /*
            .half-width-image__hero:after {
                content: '';
                width: 85%;
                height: 67%;
                border-left: 90px solid #000000;
                border-bottom: 40px solid #000000;
                position: absolute;
                bottom: -36px;
                left: -90px;
            }*/
}

@media screen and (min-width: 80em) {
    .half-width-image__hero {
        width: 640px;
        margin: 80px 0 0 100px;
    }
    /*
            .half-width-image__hero:after {
                content: '';
                width: 70%;
                height: 57%;
                border-left: 100px solid #000000;
                border-bottom: 40px solid #000000;
                position: absolute;
                bottom: -36px;
                left: -100px;
            }*/
}

.half-width-image__content-box {
    width: 260px;
    float: left;
    position: relative;
    padding: 20px 5px 10px 20px;
    margin-left: 20px;
    background: #FFFFFF;
}

@media screen and (min-width: 47.5em) {
    .half-width-image__content-box {
        width: 311px;
        margin-top: 160px;
        margin-left: 26px;
        padding: 20px 20px 10px 20px;
    }

        .half-width-image__content-box:before {
            display: none;
        }
    /* hiding graphic element
            .half-width-image__content-box:after {
                content: '';
                display: block;
                height: 550px;
                z-index: -1;
                width: 1px;
                background: #000000;
                -webkit-transform: translate(-50%, -41%) rotate(45deg);
                -ms-transform: translate(-50%, -41%) rotate(45deg);
                transform: translate(-50%, -41%) rotate(45deg);
                -webkit-transform-origin: 50% 50%;
                -ms-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
                position: absolute;
                top: 38%;
                left: 50%;
            }*/
}

@media screen and (min-width: 63.75em) {
    .half-width-image__content-box {
        width: 420px;
        margin-left: 20px;
        margin-top: 100px;
    }
}

@media screen and (min-width: 80em) {
    .half-width-image__content-box {
        padding-right: 0;
        width: 440px;
        margin-left: 40px;
        margin-top: 120px;
    }
}
/* hide graphic element
    .half-width-image__content-box:before {
        content: '';
        height: 62%;
        width: 81%;
        z-index: -1;
        position: absolute;
        left: -20px;
        bottom: -20px;
        border-left: 20px solid #000000;
        border-bottom: 20px solid #000000;
    }
        */
.half-width-image__content-box > p {
    margin-top: 25px;
    letter-spacing: 0;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 300;
    color: #000;
}

@media screen and (min-width: 47.5em) {
    .half-width-image__content-box > p {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}

@media screen and (min-width: 80em) {
    .half-width-image__content-box > p {
        padding-top: 14px;
        padding-bottom: 20px;
    }
}

.half-width-image__header {
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 1.5rem;
    line-height: 1.5rem;
    letter-spacing: 0px;
    margin-top: 18px;
    margin-bottom: 18px;
    text-transform: uppercase;
}

    .half-width-image__header span {
        font-weight: 500;
    }

@media screen and (min-width: 47.5em) {
    .half-width-image__header {
        font-size: 1.5rem;
        line-height: 1.5rem;
        letter-spacing: -0.5px;
    }
}

@media screen and (min-width: 63.75em) {
    .half-width-image__header {
        font-size: 4.625rem;
        line-height: 4.375rem;
        letter-spacing: -0.5px;
        width: 85%;
    }
}

@media screen and (min-width: 80em) {
    .half-width-image__header {
        font-size: 4.625rem;
        line-height: 4.375rem;
        letter-spacing: -0.5px;
        width: 90%;
    }
}

.half-width-image__colophon {
    font-size: 0.5625rem;
    font-weight: 300;
    color: #999999;
    letter-spacing: 0.07rem;
    text-transform: uppercase;
}

    .half-width-image__colophon a {
        color: #000000;
        text-decoration: none;
    }

        .half-width-image__colophon a:hover {
            color: #999999;
        }

    .half-width-image__colophon span:first-child {
        margin-right: 8px;
    }

    .half-width-image__colophon span:last-child {
        margin-left: 10px;
    }

@media screen and (min-width: 47.5em) {
    .half-width-image__colophon {
        font-size: 0.6875rem;
    }
}

.half-width-image__tags {
    font-size: 0.5625rem;
    line-height: 1.125rem;
    color: #000;
    letter-spacing: 0.07rem;
    font-weight: 300;
}

    .half-width-image__tags a {
        color: #000;
        text-decoration: none;
    }

        .half-width-image__tags a:hover {
            color: #FC2561;
        }

    .half-width-image__tags > span {
        color: #000000;
    }

@media screen and (min-width: 47.5em) {
    .half-width-image__tags {
        font-size: 0.625rem;
        line-height: 1.25rem;
    }
}

.half-width-image__icons {
    width: 100%;
    margin-top: 15px;
    padding-top: 10px;
}

.half-width-image-with-number {
    width: 320px;
}

@media screen and (min-width: 47.5em) {
    .half-width-image-with-number {
        width: 760px;
        padding: 0 40px;
    }
}

@media screen and (min-width: 63.75em) {
    .half-width-image-with-number {
        width: 1024px;
        padding: 0 52px;
    }
}

@media screen and (min-width: 80em) {
    .half-width-image-with-number {
        width: 1280px;
        padding: 0 60px;
    }
}

.half-width-image-with-number ol {
    counter-reset: list;
    padding: 0;
    margin: 0;
}

    .half-width-image-with-number ol > li {
        position: relative;
        list-style-type: none;
        overflow: visible;
        margin-top: 50px;
    }

        .half-width-image-with-number ol > li:first-child {
            margin-top: 0px;
        }

@media screen and (min-width: 80em) {
    .half-width-image-with-number ol > li {
        margin-top: 80px;
    }
}

.half-width__step {
    padding: 20px 20px 0 20px;
}

@media screen and (min-width: 47.5em) {
    .half-width__step {
        padding: 30px 0 40px 40px;
    }

        .half-width__step:nth-child(even) {
            padding-left: 0;
            margin-top: 10px;
        }
}

@media screen and (min-width: 63.75em) {
    .half-width__step {
        padding-top: 0;
        margin-top: 60px !important;
    }

        .half-width__step:first-child {
            margin-top: 0 !important;
        }
}

@media screen and (min-width: 80em) {
    .half-width__step {
        margin-top: 80px !important;
    }
}

.half-width__step__image {
    float: left;
    position: relative;
}

    .half-width__step__image img {
        width: 280px;
    }
/* hidding graphic element
    li:nth-child(odd) .half-width__step__image:after {
        content: '';
        width: 67%;
        height: 57%;
        border-left: 20px solid #000000;
        border-top: 20px solid #000000;
        position: absolute;
        top: -20px;
        left: -20px;
    }

    li:nth-child(even) .half-width__step__image:after {
        content: '';
        width: 67%;
        height: 57%;
        border-right: 20px solid #000000;
        border-top: 20px solid #000000;
        position: absolute;
        top: -20px;
        right: -20px;
    }
*/
@media screen and (min-width: 47.5em) {
    .half-width__step__image {
        float: right;
    }

        .half-width__step__image img {
            width: 320px;
        }

    li:nth-child(odd) .half-width__step__image {
        float: left;
    }
    /* hidding graphic element
            li:nth-child(odd) .half-width__step__image:after {
                content: '';
                width: 70%;
                height: 57%;
                border-left: 40px solid #000000;
                border-bottom: 40px solid #000000;
                position: absolute;
                top: auto;
                border-top: none;
                bottom: -34px;
                left: -40px;
            }
            */
    li:nth-child(even) .half-width__step__image {
        float: right;
        margin-right: 40px;
    }
    /* hidding graphic element
            li:nth-child(even) .half-width__step__image:after {
                content: '';
                width: 70%;
                height: 57%;
                border-right: 40px solid #000000;
                border-bottom: 40px solid #000000;
                position: absolute;
                right: auto;
                border-top: none;
                top: auto;
                bottom: -34px;
                right: -40px;
            }*/
}

@media screen and (min-width: 63.75em) {
    .half-width__step__image img {
        width: 500px;
    }

    .half-width__step__image:after {
        bottom: -34px !important;
    }
}

@media screen and (min-width: 80em) {
    .half-width__step__image img {
        width: 600px;
    }

    .half-width__step__image:after {
        bottom: -34px !important;
    }
}

.half-width__step__info {
    float: left;
    position: relative;
}

@media screen and (min-width: 47.5em) {
    .half-width__step__info {
        float: right;
        position: relative;
        width: 280px;
        margin-left: 40px;
    }

    li:nth-child(even) .half-width__step__info {
        float: left;
        margin-left: 0;
    }
}

@media screen and (min-width: 63.75em) {
    .half-width__step__info {
        width: 340px;
    }
}

@media screen and (min-width: 80em) {
    li:nth-child(odd) .half-width__step__info {
        width: 479px;
        padding-right: 100px;
    }

    li:nth-child(even) .half-width__step__info {
        width: 479px;
        padding-left: 100px;
    }
}

.half-width__step__info h2 {
    display: block;
}

.sitecore-preview .half-width__step__info h2 {
    display: none;
}

.sitecore-editor .half-width__step__info h2 {
    display: block;
}

.half-width__step__number {
    height: 60px;
    margin-top: 0px;
    position: relative;
    clear: both;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .half-width__step__number {
        left: -6px;
    }
}

@media screen and (min-width: 63.75em) {
    .half-width__step__number {
        height: 7.188rem;
        left: 6px;
    }
}

.half-width__step__number:before {
    position: absolute;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    counter-increment: list;
    content: "0" counter(list);
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 2.5rem;
    line-height: 3.5rem;
    letter-spacing: -1.25px;
    left: 29px;
    z-index: 1;
    color: #fff;
}

@media screen and (min-width: 47.5em) {
    .half-width__step__number:before {
        left: 29px;
        font-size: 1.5rem;
        line-height: 3.5rem;
    }
}

@media screen and (min-width: 63.75em) {
    .half-width__step__number:before {
        left: 40px;
        font-size: 2.5rem;
        line-height:7.188rem;
    }
}

.half-width__step__number:after {
    position: absolute;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    content: " ";
    width: 3.75rem;
    height: 3.75rem;
    left: 29px;
    background: #000;
}

@media screen and (min-width: 47.5em) {
    .half-width__step__number:after {
        left: 29px;
    }
}

@media screen and (min-width: 63.75em) {
    .half-width__step__number:after {
        left: 42px;
        width: 7.188rem;
        height: 7.188rem;
    }
}

.half-width__step .dynamic-headertag {
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 1rem;
    line-height: 20px;
    letter-spacing: 0;
}

@media screen and (min-width: 47.5em) {
    .half-width__step .dynamic-headertag {
        padding-top: 8px;
        margin-bottom: 25px;
    }
}

.half-width__step p {
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0;
    font-weight: 300;
    color: #000000;
}

    .half-width__step p span {
        font-weight: 500;
        text-transform: uppercase;
        color: #000000;
    }

.half-width__step__featured-product {
    margin-top: 16px;
    float: right;
    width: 17.5rem;
}

@media screen and (min-width: 47.5em) {
    .half-width__step__featured-product {
        margin-top: 1.25rem;
    }
}

@media screen and (min-width: 63.75em) {
    .half-width__step__featured-product {
        margin-top: 1.5625rem;
        width: 100%;
    }
}

.half-width__step__featured-product .cta-text {
    margin-top: 0.625rem;
    font-size: 1.125rem;
    line-height: 1.125rem;
}

.half-width__step__featured-info {
    float: left;
}

.half-width__step__featured-name {
    display: block;
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    width: 10rem;
    letter-spacing: -0.5px;
    margin-top: 0.9375rem;
    font-weight: 500;
}

@media screen and (min-width: 47.5em) {
    .half-width__step__featured-name {
        margin-bottom: 0.5rem;
    }
}

@media screen and (min-width: 63.75em) {
    .half-width__step__featured-name {
        font-size: 1.5rem;
        line-height: 1.5rem;
        margin-top: 0;
    }
} 

@media screen and (min-width: 80em) {
    .half-width__step__featured-name {
        font-size: 2.125rem;
        line-height: 2rem;
        letter-spacing: -1px;
        margin-top: 0;
    }
}

.half-width__step__featured-image {
    width: 5.125rem;
    height: 8rem;
    overflow: hidden;
    margin-right: 1.125rem;
    float: right;
}

    .half-width__step__featured-image img {
        width: 100%;
    }
/* hiding graphic element 
    @media screen and (-ms-high-contrast: active) and (min-width: 0) and (max-width: 47.4375em), screen and (-ms-high-contrast: none) and (min-width: 0) and (max-width: 47.4375em) {
        .half-width__step__number:before {
            margin-top: 44px;
        }
    }

    @media screen and (-ms-high-contrast: active) and (min-width: 47.5em) and (max-width: 63.6875em), screen and (-ms-high-contrast: none) and (min-width: 47.5em) and (max-width: 63.6875em) {
        .half-width__step__number:before {
            margin-top: -4px;
        }
    }
    */
@media screen and (-ms-high-contrast: active) and (min-width: 63.75em), screen and (-ms-high-contrast: none) and (min-width: 63.75em) {
    .half-width__step__number:before {
        top: 1.8rem;
    }
}

.authmodal {
    display: none;
    width: 450px;
    top: 2%;
    left: 50%;
    text-align: center;
    margin-left: -225px;
    padding: 1.4em 2em;
    position: fixed;
    background-color: #FFFFFF;
    z-index: 1203;
}

@media screen and (max-width: 47.5em) {
    .authmodal {
        width: 90%;
        position: absolute;
        max-width: 500px;
        margin: 0 auto;
        top: 0;
        left: 0;
        right: 0;
    }
}

.authmodal button {
    width: 100%;
}

.authmodal__container {
    margin-top: 50px;
    overflow-x: hidden;
}

.authmodal__text {
    font-weight: 500;
    letter-spacing: .08rem;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1em;
}

.authmodal__link {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: 300;
    letter-spacing: .1em;
    color: #666666;
    text-transform: capitalize;
}

    .authmodal__link:hover {
        color: #FC2561;
    }

.authmodal__login {
    display: none;
}

.authmodal__content {
    width: 280px;
    margin: 0 auto 50px;
}

@media screen and (min-width: 47.5em) {
    .authmodal__content {
        width: 760px;
    }
}

@media screen and (min-width: 63.75em) {
    .authmodal__content {
        width: 1020px;
        margin-bottom: 100px;
    }
}

@media screen and (min-width: 80em) {
    .authmodal__content {
        margin-bottom: 60px;
    }
}

.authmodal__header {
    text-align: center;
}

.authmodal__header-title {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 2.25rem;
    line-height: 1em;
    margin: auto;
    margin-bottom: 20px;
}

@media screen and (min-width: 47.5em) {
    .authmodal__header-title {
        font-size: 3.75rem;
        margin-bottom: 26px;
    }
}

@media screen and (min-width: 63.75em) {
    .authmodal__header-title {
        font-size: 5rem;
        margin-bottom: 23px;
    }
}

.authmodal__header-title span {
    font-weight: 100;
}

.authmodal__header-body {
    font-weight: 300;
    font-size: 0.75rem;
    line-height: 1.25rem;
    letter-spacing: .08rem;
    color: #666666;
    margin: 60px auto 22px;
    width: 100%;
}

@media screen and (min-width: 47.5em) {
    .authmodal__header-body {
        font-size: 0.8125rem;
        line-height: 1.375rem;
        margin-bottom: 30px;
        margin-top: 20px;
        width: 300px;
    }
}

@media screen and (min-width: 63.75em) {
    .authmodal__header-body {
        margin-bottom: 30px;
    }
}

.authmodal__header-body p {
    color: #000000;
    text-transform: capitalize;
}

.authmodal__header-body button {
    margin-top: 20px;
}

.authmodal__section {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
}

@media screen and (min-width: 47.5em) {
    .authmodal__section {
        width: 275px;
    }
}

@media screen and (min-width: 47.5em) {
    .authmodal__section--social {
        padding: 0 50px 0 90px;
        border-bottom: 0;
        border-left: 0;
    }
}

@media screen and (min-width: 63.75em) {
    .authmodal__section--social {
        padding: 0 60px 0 210px;
    }
}

.authmodal__section--social button {
    margin-bottom: 20px;
}

.authmodal__section--create-pass {
    border: 0;
    margin: 0 auto;
    padding: 0;
    float: none;
}

@media screen and (min-width: 47.5em) {
    .authmodal__section--create-pass {
        width: 240px;
    }
}

@media screen and (min-width: 47.5em) {
    .authmodal__section--success {
        padding: 0 40px 0 60px;
        border: 0;
    }

        .authmodal__section--success:last-child {
            padding: 0 60px 0 40px;
        }
}

@media screen and (min-width: 63.75em) {
    .authmodal__section--success {
        padding: 0 40px 0 190px;
    }

        .authmodal__section--success:last-child {
            padding: 0 190px 0 40px;
        }
}

.authmodal__section-header {
    font-size: 0.875rem;
    letter-spacing: .1em;
    text-transform: uppercase;
}

@media screen and (min-width: 47.5em) {
    .authmodal__section-header {
        font-size: 1rem;
    }
}

.authmodal__section-header span {
    letter-spacing: .12em;
}

.authmodal__section-subheader {
    font-size: 0.8125rem;
    line-height: 1.25rem;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.authmodal__section-image {
    padding-bottom: 20px;
    border-bottom: 1px solid #999999;
}

    .authmodal__section-image img {
        width: 100%;
    }

@media screen and (min-width: 47.5em) {
    .authmodal__section-image {
        padding-right: 40px;
    }
}

.authmodal p.authoverlay__section-body {
    font-size: 0.8125rem;
    line-height: 1.375rem;
}

.authmodal .floating-input {
    margin-bottom: 20px;
}

    .authmodal .floating-input input[type="text"],
    .authmodal .floating-input input[type="password"] {
        background: #F1F1F1 !important;
    }

    .authmodal .floating-input.auth__email--forgot-pass, .authmodal .floating-input.auth__confirm-password--create-pass {
        margin-bottom: 0;
    }

.authmodal__forgot-link {
    margin-top: 2px;
    float: left;
}

.authmodal__remember {
    width: 125px;
    float: right;
}

.authmodal__submit {
    margin: 30px 0 0;
}

.authmodal .form .auth__newsletter {
    margin-bottom: 10px;
}

    .authmodal .form .auth__newsletter input[type="checkbox"] + label {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 0.625rem;
        font-weight: 200;
        line-height: 1rem;
        letter-spacing: .1em;
        text-transform: none;
        color: #666666;
        position: relative;
        padding-left: 25px;
        display: inline-block;
    }

        .authmodal .form .auth__newsletter input[type="checkbox"] + label a {
            text-decoration: underline;
            color: #666666;
        }

            .authmodal .form .auth__newsletter input[type="checkbox"] + label a:hover {
                color: #FC2561;
            }

@media screen and (max-width: 47.5em) {
    .authmodal .form .auth__newsletter input[type="checkbox"] + label {
        width: 100%;
    }
}

.authmodal .form .auth__newsletter input[type="checkbox"] + label::before {
    position: absolute;
    left: 0;
}

.authmodal .form .auth__newsletter input[type="checkbox"] + label::after {
    top: 1px;
}

.authmodal .form .auth__terms {
    margin-bottom: 10px;
}

    .authmodal .form .auth__terms input[type="checkbox"] + label {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 0.625rem;
        font-weight: 200;
        line-height: 1rem;
        letter-spacing: .1em;
        text-transform: none;
        color: #666666;
        position: relative;
        padding-left: 25px;
        display: inline-block;
    }

        .authmodal .form .auth__terms input[type="checkbox"] + label a {
            text-decoration: underline;
            color: #666666;
        }

            .authmodal .form .auth__terms input[type="checkbox"] + label a:hover {
                color: #FC2561;
            }

        .authmodal .form .auth__terms input[type="checkbox"] + label span {
            display: none;
            color: #FF0000;
        }

@media screen and (max-width: 47.5em) {
    .authmodal .form .auth__terms input[type="checkbox"] + label {
        width: 100%;
    }
}

.authmodal .form .auth__terms input[type="checkbox"] + label::before {
    position: absolute;
    left: 0;
}

.authmodal .form .auth__terms input[type="checkbox"] + label::after {
    top: 1px;
}

.authmodal .form .form__group--birthday {
    text-align: left;
    font-size: 0;
    letter-spacing: 0;
}

@media screen and (min-width: 47.5em) {
    .authmodal .form .form__group--birthday {
        width: 420px;
    }
}

.authmodal .form .form__group--birthday .chosen-container, .authmodal .form .form__group--birthday .custom-select {
    min-width: 0;
    max-width: 100%;
    margin-top: 0;
}

.authmodal .form .form__group--birthday__month, .authmodal .form .form__group--birthday__date {
    display: inline-block;
    vertical-align: top;
    width: 95px;
    margin-bottom: 0.9375rem;
}

@media screen and (min-width: 47.5em) {
    .authmodal .form .form__group--birthday__month, .authmodal .form .form__group--birthday__date {
        width: 70px;
        margin-bottom: 0;
        float: left;
    }
}

.authmodal .form .form__group--birthday__month {
    margin-right: 0.625rem;
}

@media screen and (min-width: 47.5em) {
    .authmodal .form .form__group--birthday__month {
        margin-right: 0.625rem;
    }
}

.authmodal .form .form__group--birthday__date {
    margin-right: 0;
}

@media screen and (min-width: 47.5em) {
    .authmodal .form .form__group--birthday__date {
        margin-right: 0.625rem;
        float: left;
    }
}

.authmodal .form .form__group--birthday__year {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-bottom: 15px;
}

@media screen and (min-width: 47.5em) {
    .authmodal .form .form__group--birthday__year {
        width: 110px;
        float: left;
    }
}

.authmodal .authmodal__body {
    width: 500px;
    height: 680px;
    top: 200px;
    left: 50%;
    text-align: center;
    margin-left: -250px;
    padding: 1.4em 2em;
    position: absolute;
    background-color: #FFFFFF;
    z-index: 1203;
}

@media screen and (max-width: 47.5em) {
    .authmodal .authmodal__body {
        top: 100px;
        width: 90%;
        max-width: 500px;
        margin: 60px auto;
        position: relative;
        left: 0;
    }
}

.authmodal .cta-labeled-close {
    padding: 20px 20px 20px 20px;
    position: absolute;
    right: 0;
    top: 0;
}

@media screen and (min-width: 47.5em) {
    .authmodal .cta-labeled-close {
        right: 10px;
    }
}

.authmodal .cta-labeled-close:before {
    font-size: 25px;
}

.authmodal .cta-labeled-close:after {
    margin: -13px 0 0 1px;
}

.authmodal .cta-labeled-close:hover {
    color: #FC2561;
}

.authmodal .OR-container {
    padding: 10px 0 30px 0;
}

.authmodal .OR-lLine {
    width: 100px;
    border-top: 1px solid #333333;
    float: left;
}

.authmodal .OR-rLine {
    width: 100px;
    border-top: 1px solid #333333;
    float: right;
}

.authmodal .OR-text {
    width: 40px;
    float: left;
    margin-top: -8px;
    margin-left: 5px;
    text-transform: uppercase;
}

@media screen and (max-width: 47.5em) {
    .authmodal .OR-lLine {
        width: 43%;
        border-top: 1px solid #333333;
        float: left;
    }

    .authmodal .OR-rLine {
        width: 43%;
        border-top: 1px solid #333333;
        float: right;
    }

    .authmodal .OR-text {
        width: 10%;
        text-transform: uppercase;
    }
}

.authmodal .login_loading, .authmodal .signup_loading {
    display: none;
    margin: 5px 0 5px;
}

.authmodal .authmodal__register-thankyou .button {
    width: 100%;
    margin-top: 20px;
}

.commerce-connector-modal {
    display: none;
    width: 400px;
    top: 30%;
    left: 50%;
    text-align: center;
    margin-left: -200px;
    padding: 1.4em 2em;
    position: fixed;
    background-color: #FFFFFF;
    z-index: 1203;
}

@media screen and (max-width: 47.5em) {
    .commerce-connector-modal {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        padding: 1.4em 0.5em;
    }
}

.commerce-connector-modal .cta-labeled-close {
    padding: 20px 20px 20px 20px;
    position: absolute;
    right: 0;
    top: 0;
}

    .commerce-connector-modal .cta-labeled-close:before {
        font-size: 25px;
    }

    .commerce-connector-modal .cta-labeled-close:after {
        margin: -13px 0 0 1px;
    }

    .commerce-connector-modal .cta-labeled-close:hover {
        color: #FC2561;
    }

.commerce-connector-modal__stores {
    margin-top: 30px;
    width: 100%;
}

    .commerce-connector-modal__stores .store {
        float: left;
        width: 48%;
        margin: 10px 1% 20px;
    }

        .commerce-connector-modal__stores .store img {
            height: 33px;
        }

    .commerce-connector-modal__stores .button {
        padding: 0.35rem 0.25rem;
        min-width: 7rem;
        margin-top: 5px;
    }

.shoppable-modal, .fb-connect-modal {
    display: none;
    width: 500px;
    top: 30%;
    left: 50%;
    text-align: left;
    margin-left: -250px;
    padding: 1.4em 2em;
    position: fixed;
    background-color: #FFFFFF;
    z-index: 1203;
}

.fb-connect-modal {
    width: 20%;
    margin-left: -10%;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .fb-connect-modal {
        width: 90%;
        margin-left: -45%;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
    .fb-connect-modal {
        width: 50%;
        margin-left: -25%;
    }
}

@media screen and (max-width: 47.5em) {
    .shoppable-modal {
        width: 90%;
        top: 10%;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        padding: 1.4em 0.5em;
    }
}

.shoppable-modal a {
    text-decoration: none;
}

.shoppable-modal .maxlimitcopy {
    display: none;
    padding-top: 10px;
    font-weight: 300;
    font-size: 0.5625rem;
    line-height: 1.25rem;
    letter-spacing: 1.75px;
    margin: 0 0 5px 0;
    color: #f92a63;
}

.shoppable-modal .button {
    margin-top: 20px;
    clear: both;
}

@media screen and (max-width: 47.5em) {
    .shoppable-modal .button {
        width: 100%;
    }
}

.shoppable-modal .shoppable-modal-buydirect {
    clear: both;
    display: none;
}

.shoppable-modal .cta-labeled-close {
    padding: 20px 20px 20px 20px;
    position: absolute;
    right: 0;
    top: 0;
}

    .shoppable-modal .cta-labeled-close:before, .fb-connect-modal .cta-labeled-close:before {
        font-size: 25px;
    }

    .shoppable-modal .cta-labeled-close:after, .fb-connect-modal .cta-labeled-close:after {
        margin: -13px 0 0 1px;
    }

    .shoppable-modal .cta-labeled-close:hover, .fb-connect-modal .cta-labeled-close:hover {
        color: #FC2561;
    }

.fb-connect-modal .cta-labeled-close {
    padding: 20px 20px 20px 20px;
    position: absolute;
    right: 0;
    top: 0;
}

.shoppable-modal__item {
    position: relative;
    width: 100%;
    margin: 30px 0px;
}

    .shoppable-modal__item .image {
        width: 100px;
        margin-right: 5px;
        float: left;
        box-shadow: 0 34px 58px -33px rgba(0, 0, 0, 0.75);
    }

@media screen and (max-width: 47.5em) {
    .shoppable-modal__item .image {
        float: none;
        margin: 20px auto;
    }
}

.shoppable-modal__item .image img {
    width: 100%;
}

.shoppable-modal__item .image:after {
    width: 80px;
    height: 7px;
    top: 97%;
}

.shoppable-modal__item .info {
    width: 250px;
    float: left;
    text-transform: uppercase;
    letter-spacing: 0.075rem;
    margin-left: 20px;
}

.fb-connect-modal .info {
    font-size: 1rem;
    line-height: 25px;
    letter-spacing: .12em;
    text-transform: uppercase;
    font-family: "Neue Helvetica W01", sans-serif;
    font-weight: 100;
    width: 100%;
}

    .fb-connect-modal .info #fb-username {
        font-weight: 500;
        padding: 0 30px 0 5px;
    }

@media screen and (max-width: 47.5em) {
    .shoppable-modal__item .info {
        float: none;
        margin: 0 auto;
    }
}

.shoppable-modal__item .info .title {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: 500;
    width: 100%;
}

@media screen and (max-width: 47.5em) {
    .shoppable-modal__item .info .title {
        text-align: center;
    }
}

.shoppable-modal__item .info .color {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 300;
    letter-spacing: 0.1rem;
    margin-top: 8px;
}

@media screen and (max-width: 47.5em) {
    .shoppable-modal__item .info .color {
        text-align: center;
    }
}

.shoppable-modal__item .info .price-container {
    clear: both;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 300;
    display: none;
}

@media screen and (max-width: 47.5em) {
    .shoppable-modal__item .info .price-container {
        text-align: center;
    }
}

.shoppable-modal__item .info .price-container .price {
    float: left;
    margin-right: 5px;
}

@media screen and (max-width: 47.5em) {
    .shoppable-modal__item .info .price-container .price {
        float: none;
    }
}

.shoppable-modal__item .info .price-container .msrp {
    letter-spacing: 0.12rem;
    float: left;
    font-size: 0.4375rem;
    vertical-align: bottom;
}

@media screen and (max-width: 47.5em) {
    .shoppable-modal__item .info .price-container .msrp {
        float: none;
    }
}

.shoppable-modal__item .info .stock {
    float: left;
    clear: both;
    font-size: 0.75rem;
    line-height: 1.4375rem;
    font-weight: 500;
    color: #FC2561;
    height: 22px;
    margin-bottom: 20px;
    margin-top: 8px;
}

.shoppable-modal__item .info .quantity, .shoppable-modal__item .info .retailer {
    clear: both;
    margin-top: 11px;
}

    .no-touch .shoppable-modal__item .info .quantity a:hover, .shoppable-modal__item .info .quantity a:active, .no-touch .shoppable-modal__item .info .retailer a:hover, .shoppable-modal__item .info .retailer a:active {
        color: #000000;
    }

    .shoppable-modal__item .info .quantity div.quantity-text, .shoppable-modal__item .info .quantity div.retailer-text, .shoppable-modal__item .info .retailer div.quantity-text, .shoppable-modal__item .info .retailer div.retailer-text {
        font-size: 0.5625rem;
        font-weight: 500;
        clear: both;
        line-height: 1.5625rem;
        margin-right: 8px;
    }

    .shoppable-modal__item .info .quantity input.quantity-input, .shoppable-modal__item .info .quantity input.retailer-text, .shoppable-modal__item .info .retailer input.quantity-input, .shoppable-modal__item .info .retailer input.retailer-text {
        display: none;
        clear: both;
        height: 25px;
        width: 30px;
        text-align: center;
        font-size: 0.5625rem;
        font-weight: 300;
        font-family: "Neue Helvetica W01";
        float: left;
    }

        .shoppable-modal__item .info .quantity input.quantity-input.active, .shoppable-modal__item .info .quantity input.retailer-text.active, .shoppable-modal__item .info .retailer input.quantity-input.active, .shoppable-modal__item .info .retailer input.retailer-text.active {
            display: block;
        }

    .shoppable-modal__item .info .quantity .chosen-container, .shoppable-modal__item .info .retailer .chosen-container {
        clear: both;
        width: 66px;
        height: 30px;
        clear: both;
    }

        .shoppable-modal__item .info .quantity .chosen-container a.chosen-single, .shoppable-modal__item .info .retailer .chosen-container a.chosen-single {
            height: 30px;
            line-height: 30px;
        }

        .shoppable-modal__item .info .quantity .chosen-container.hidden, .shoppable-modal__item .info .retailer .chosen-container.hidden {
            display: none;
        }

@media screen and (max-width: 47.5em) {
    .shoppable-modal__item .info .quantity .custom-select, .shoppable-modal__item .info .retailer .custom-select {
        margin-top: 5px;
        width: 100%;
    }
}

.shoppable-modal__item .info .quantity.medium {
    width: 65%;
}

header-link .maybellinenow {
    display: block;
}

@media screen and (min-width: 47.5em) {
    .header-link .maybellinenow {
        display: none;
    }
}

#profile-page__edit-profile-form #email {
    width: 20rem !important;
}

.modalDialog, .modalERetailerDialog {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    height: 100%;
    width: 100%;
    background-color: #00000080;
    display: none
}

    .modalERetailerDialog > div {
        width: 400px;
        position: relative;
        margin: 12% auto;
        padding: 5px 20px 13px 20px;
        border-radius: 10px;
        background: #fff;
        background: -moz-linear-gradient(#ffff,#999);
        background: -webkit-linear-gradient(#ffff,#999);
        background: -o-linear-gradient(#ffff,#999)
    }

.product-title, .product-title__shade-name, .product-variant {
    margin: 0;
    padding: 0
}

.product-title {
    font-size: 18px
}

.product-variant {
    font-size: 16px;
    margin: 10px 0
}

.eretailershopping {
    font-size: 12px
}

.eretailer, .eRetailer-checkout, .eRetailer-continue {
    color: #000
}

.eRetailer-checkout {
    cursor: pointer;
    text-decoration: underline
}

    .eretailer:hover, .eRetailer-checkout:hover, .eRetailer-continue:hover {
        color: #f92a63
    }

#btnContinueShopping {
    background-color: #f92a63
}

#btneRetailerCheckout {
    width: 187px;
    padding-top: 10px;
    background-color: #f92a63
}

#overlayer {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #00000080;
    z-index: 10000
}

#cartBox {
    margin: 12% 12% 12% 28%;
    padding: 5px 20px 13px 20px
}

    #cartBox .cartBoxBgTop {
        width: 515px;
        height: 20px;
        background: #00000080;
    }

.closebtn {
    width: 30px;
    margin-right: 10px;
    margin-top: 23px;
    background: url(../img/close_square_black-128.PNG) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 30px;
}

#cartBox {
    margin: 12% 12% 12% 28%;
    padding: 5px 20px 13px 20px;
}

    #cartBox .cartBoxCont {
        position: relative;
        width: 450px;
        background: #fff;
        color: #191919;
        padding-top: 10px;
        border-radius: 12px;
        padding: 30px 0;
    }

#cartBoxClose {
    position: absolute;
    top: -20px;
    right: -5px;
}

#cartBox .cartBoxCont .cartBoxContL {
    float: left;
    width: 177px;
    display: table-cell;
}

#cartBox .cartBoxCont .cartBoxContR {
    font-size: 12px;
    text-align: left;
    display: table-cell;
    vertical-align: top;
    padding: 0 10px 0 0;
}

    #cartBox .cartBoxCont .cartBoxContR .capt {
        margin-bottom: 1em;
        font-size: 14px;
    }

.product-variant {
    font-size: 16px;
    margin: 10px 0;
}

.ertailerlist {
    font-size: 20px;
}

.cartBoxContL img {
    margin-top: -20px;
}

.checkOut-product-img {
    height: 180px;
}

@media only screen and (max-width: 1024px) {
    #cartBox {
        margin: 4% auto;
        padding: 0
    }

        #cartBox .cartBoxCont {
            height: 300px;
            overflow-y: auto;
            overflow-x: hidden
        }

        #cartBox .cartBoxBgTop, #cartBox .cartBoxCont, #cartBox .cartBoxBgBottom {
            max-width: 90%;
            background-size: 100% 100%;
            margin: 0 auto;
            left: 0;
            right: 0
        }

    .modalERetailerDialog > div {
        max-width: 90%
    }
}
/* Footer Generic Cookie Banner*/
.cookieCustomPopup {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99999;
    display: none;
    background-color: rgba(0,0,0,0.8);
    padding: 25px;
}

.cookieCusContent {
    color: #fff;
    line-height: 24px;
    font-size: 18px;
}

.cookieCusBtn .btn {
    outline: 2px solid #fc2561;
    padding: 2px 25px;
    border-radius: 3px;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
    margin: 5px 15px;
    height: 24px;
}

.cookieCusBtn {
    text-align: center;
    margin-top: 15px;
    top: 0 !important;
}

@media only screen and (min-width: 768px) {
    .cookieCusBtn, .cookieCusContent {
        display: table-cell;
        vertical-align: middle;
    }
}

@media only screen and (max-width: 767px) {
    #cartBox .cartBoxCont .cartBoxContL {
        float: none;
        margin: 0 auto;
        display: block;
        width: 100%
    }

    #cartBox .cartBoxCont .cartBoxContR {
        max-width: 100%;
        padding: 0 10px;
        float: none;
        text-align: center;
        display: block
    }

        #cartBox .cartBoxCont .cartBoxContR .capt {
            margin-bottom: 1em;
            font-size: 13px
        }

    #cartBox .cartBoxCont {
        height: 495px
    }

    .closebtn {
        margin-top: 23px
    }

    #cartBox .cartBoxCont .clearfix {
        display: block
    }

    /**** Start FR signIn & signUp page UI changes for Mobile  ****/
    .hamburger__register__form #ukRegisterLeftContainer.register-left-container .legal-text {
        max-height: unset;
    }

    .hamburger__register__form .register-right-container #header-register-form .dob-container .drop-select--lang {
        display: block;
        margin-bottom: 10px;
        width: 41% !important;
        border: 1px solid #999999;
        margin-right: 19px;
    }

    .hamburger__signin__facebook .drop-select {
        border: 0 !important;
    }
}

/**** Start FR signIn & signUp page UI changes for IPAD  ****/

@media only screen and (max-width : 1024px) {

    .signin-left-container .custom-select, .signin-right-container .custom-select, .register-right-container .custom-select, .register-left-container .custom-select {
        background: url(../img/header/select-arrow.svg) no-repeat transparent 60px 10px;
        margin-top: 0;
        height: 30px;
        line-height: 30px;
    }

    .signin-left-container .drop-select, .signin-right-container .drop-select, .register-left-container .drop-select {
        overflow: hidden;
        width: 85px;
        float: left;
    }

        .signin-left-container .drop-select div, .signin-right-container .drop-select div, .register-left-container .drop-select div {
            border: 1px solid #999999;
        }

    .signin-left-container .custom-select, .signin-right-container .custom-select {
        background: url(../img/header/select-arrow.svg) no-repeat transparent 60px 10px;
        margin-top: 0;
        height: 30px;
        line-height: 30px;
    }

    .hamburger__signin__facebook .drop-select, .hamburger__register__form .drop-select {
        display: block;
        margin-top: 10px;
        margin-right: 20px !important;
        margin-bottom: 10px;
    }

    .hamburger__register__form .drop-select {
        width: 85px !important;
    }

    .hamburger__signin__facebook .drop-select .chosen-container {
        background: url(../img/header/select-arrow.svg) no-repeat transparent 60px 12px;
        width: 250px !important;
    }

    .hamburger__signin__facebook .drop-select {
        /* border: 1px solid #999999; */
    }

    .hamburger__register__form .form .register-checkboxes .form__group.legal-text {
        margin-bottom: 12px;
        padding-right: 5px;
        font-size: 11px;
        color: #999999;
        overflow: auto;
        max-height: 140px;
        min-height: 0px;
    }

    .hamburger__register__form .form .register-checkboxes .form__group .terms-err-msg {
        display: none;
        font-size: 0.75rem;
        color: #FF0000;
        font-weight: 500;
        margin: 0 0 5px 0;
        max-width: 100%;
        clear: both;
        padding-top: 10px;
    }

    .hamburger__register__form .register-right-container #header-register-form .dob-container .drop-select--lang {
        display: block;
        margin-bottom: 10px;
        width: 85px !important;
    }

    .hamburger__register__form .register-right-container .dob-container .drop-select .chosen-container {
        background: url(../img/header/select-arrow.svg) no-repeat transparent 60px 12px;
        width: 250px !important;
    }

    .hamburger__register__form .register-right-container .dob-container {
        width: 100% !important;
    }

        .hamburger__register__form .register-right-container .dob-container .rday-list .chosen-container .chosen-drop {
            width: 35%;
        }

        .hamburger__register__form .register-right-container .dob-container .rmonth-list .chosen-container .chosen-drop {
            width: 35%;
        }

        .hamburger__register__form .register-right-container .dob-container .ryear-list .chosen-container .chosen-drop {
            width: 35%;
        }

    .container.signin-right-container .facebook-header {
        color: #FFFFFF;
        margin-bottom: 10px;
    }

    .hamburger__register__form .register-left-container .signup-header {
        color: #FFFFFF;
    }

    .hamburger__register__facebook .register-right-container {
        display: none;
    }
}

.hamburger-menu .icon.icon-arrow_down, .hamburger-menu .icon.icon-arrow_up {
	width: 60px;
	right: 0 !important;
	text-align: center;
} 

/**** Start UK signIn & signUp page UI changes  ****/

.header-signin__left .signin-left-container #header-signin-form .floating-input {
    width: 250px;
    margin: 3px 20px 0px 0px;
    float: left;
}

.header-signin__left .signin-left-container #header-signin-form .form__group.password a {
    margin-top: 10px;
    color: #FFFFFF;
    font-weight: 300;
    font-size: 0.6875rem;
    text-decoration: none;
    display: block;
}

.header-signin__left .signin-left-container #header-signin-form .form__group.form__checkbox.remember {
    clear: both;
    width: 100%;
    display: block;
    padding-top: 12px;
}

.header-signin__left .signin-left-container #header-signin-form .form__group input[type="checkbox"] + label {
    color: #fff;
}

.header-signin__left .signin-left-container #header-signin-form .button {
    margin-top: 35px;
}

.uk-header-signin-container .header-signin__left {
    width: 50%;
}

.uk-header-signin-container .header-signin__right {
    width: 50%;
}

.uk-header-signin-container .header-signin__left div.container {
    width: 100%;
}

.header-register__left .register-left-container #header-register-form .floating-input {
    width: 250px;
    margin: 3px 20px 18px 0px;
    float: left;
}

.header-register__left .register-left-container #header-register-form .form__group.password a {
    margin-top: 10px;
    color: #FFFFFF;
    font-weight: 300;
    font-size: 0.6875rem;
    text-decoration: none;
    display: block;
}

.header-register__left .register-left-container #header-register-form .form__group.form__checkbox.remember {
    clear: both;
    width: 100%;
    display: block;
}

.header-register__left .register-left-container #header-register-form .register-checkboxes .form__checkbox, .header-register__left .register-left-container #header-register-form .register-checkboxes .form__radiobtn {
    width: 100%;
    clear: both;
    padding-top: 15px;
}

.header-register__left .register-left-container #header-register-form .register-checkboxes .form__radiobtn {
    padding-bottom: 10px;
}

.header-register__left .form .register-checkboxes .form__group.terms span {
    display: none;
    color: #FC2561;
}

.uk-header-signin-container .header-register__left {
    width: 60%;
}

.uk-header-signin-container .header-register__right {
    width: 40%;
}

.uk-header-signin-container .header-register__left div.container {
    width: 100%;
}

.header-register__left #ukRegisterLeftContainer .form {
    width: 97%;
}

.header-register__right .register-right-container {
    padding: 25px 40px 45px 30px !important;
}

.header-register__left .form .register-checkboxes .form__group label:before {
    display: block;
    float: left;
    position: absolute;
    left: 0px;
    top: 3px;
}

.header-register__left .form .register-checkboxes .form__group label {
    color: #FFFFFF;
    font-size: 0.625rem;
    line-height: 1rem;
    font-weight: 300;
    text-transform: none;
    position: relative;
    float: left;
    padding-left: 30px;
    letter-spacing: 0.1rem;
}

.header-register__left .form .register-checkboxes .form__group {
    float: left;
    clear: both;
    width: 400px;
}

.header-register__left .form .form__group {
    letter-spacing: 0.15rem;
    margin-bottom: 15px;
}

.uk-header-signin-container .header-signin__left p {
    margin-top: 6px;
}

.signin-right-container .chosen-container a.chosen-single, .register-right-container .chosen-container a.chosen-single {
    background: transparent;
    width: 35%;
    margin-bottom: 20px;
    border: 1px solid #999999;
}


.signin-right-container .chosen-container .chosen-results li.disabled-result, .register-right-container .chosen-container .chosen-results li.disabled-result {
    background: #fff;
}

.signin-right-container .dob-selection-msg, .register-right-container .dob-selection-msg {
    clear: both;
    color: #999999;
    font-size: 11px;
    margin-bottom: 15px;
}

.signin-right-container .fb-age-warning, .register-right-container .fb-age-warning {
    color: red !important;
    display: none;
    clear: both;
    padding-top: 10px;
    margin-bottom: 15px;
}

.signin-right-container .reg-month-list .chosen-container a.chosen-single, .register-right-container .reg-month-list .chosen-container a.chosen-single {
    width: 40%;
}

.signin-right-container .day-list .chosen-container .chosen-drop, .register-right-container .rday-list .chosen-container .chosen-drop {
    width: 35%;
}

.signin-right-container .month-list .chosen-container .chosen-drop, .register-right-container .rmonth-list .chosen-container .chosen-drop {
    width: 35%;
}

.signin-right-container .year-list .chosen-container .chosen-drop, .register-right-container .ryear-list .chosen-container .chosen-drop {
    width: 35%;
}

.signin-right-container .chosen-container a.chosen-single, .register-right-container .chosen-container a.chosen-single {
    margin-bottom: 7px;
}

.signin-right-container .chosen-container:hover a.chosen-single, .register-right-container .chosen-container:hover a.chosen-single {
    color: #c2bcbc !important;
}

.signin-right-container .chosen-container a.chosen-single, .register-right-container .chosen-container a.chosen-single {
    height: 30px;
    line-height: 30px;
}

.signin-right-container .header-register__left p, .register-right-container .header-register__left p {
    font-size: 14px;
}

.header .signin-right-container .chosen-container a.chosen-single div:after, .header .register-right-container .chosen-container a.chosen-single div:after {
    top: 10px !important;
}

.signin-right-container .facebook-connect, .register-right-container .facebook-connect {
    height: 30px;
    line-height: 30px;
    width: 150px;
}

.signin-right-container .year-list .chosen-container, .register-right-container .ryear-list .chosen-container {
    width: 260px !important;
}

.header .signin-right-container .chosen-container, .header .register-right-container .chosen-container {
    margin-bottom: 5px;
    margin-top: 5px;
}

.signin-right-container .legal-text, .register-right-container .legal-text {
    max-height: 80px;
    min-height: 0px;
    overflow: auto;
    padding-right: 5px;
    font-size: 10px;
    color: #999999;
    margin-top: 10px;
    /* width: 95%; */
    margin-bottom: 5px;
}

.signin-right-container .drop-select.drop-select--lang, .register-right-container .drop-select.drop-select--lang {
    margin-right: 10px;
    margin-top: 7px;
}

.header-signin__right .signin-right-container, .header-register__right .register-right-container {
    padding: 10px 40px 0px 60px;
}

.header-middle--open {
    min-height: 350px;
}

.header-signin__right .signin-right-container .facebook-connect, .header-register__right .register-right-container .facebook-connect {
    margin-bottom: 0;
}

.uk-header-signin-container .signin-right-container p, .uk-header-signin-container .register-right-container p {
    font-size: 0.75rem;
    color: #fff;
    font-weight: normal;
}


.header-register__left .form .register-inputs {
    width: 280px;
    float: left;
}

.header-register__left .form {
    float: left;
    width: auto;
}

    .header-register__left .form .register-checkboxes .form__group .terms-err-msg {
        display: none;
        font-size: 0.75rem;
        color: #FF0000;
        font-weight: 500;
        margin: 0 0 5px 0;
        width: 100%;
        padding-top: 10px;
        clear: both;
        font-family: "Neue Helvetica W01";
    }

    .header-register__left .form .register-checkboxes .form__group.legal-text {
        max-height: 120px;
        min-height: 0px;
        overflow: auto;
        margin-bottom: 10px;
        padding-right: 5px;
        font-size: 11px;
        color: #999999;
        margin-top: 30px;
    }

    .header-register__left .form .register-checkboxes {
        position: relative;
        float: left;
        width: 100%;
        max-height: 105px;
        overflow: auto;
        margin-top: 7px;
    }

        .header-register__left .form .register-checkboxes.non-gdpr {
            height: auto;
            max-height: none;
        }

        .header-register__left .form .register-checkboxes .form__group label {
            color: #FFFFFF;
            font-size: 0.625rem;
            line-height: 0.85rem;
            font-weight: 300;
            text-transform: none;
            position: relative;
            float: left;
            letter-spacing: 0.1rem;
        }


/*** Start Footer newsletter UI changes ***/

.footer__newsletter .register-checkboxes .terms {
    position: relative;
    clear: both;
    padding-top: 7px;
}

.footer__newsletter .form .form__group input[type="checkbox"] + label {
    color: #FFFFFF;
    font-size: 0.625rem;
    line-height: 1rem;
    font-weight: 300;
    text-transform: none;
    float: left;
    letter-spacing: 0.1rem;
}

.footer__newsletter .register-checkboxes .terms-err-msg {
    display: none;
    font-size: 0.75rem;
    color: #FF0000;
    font-weight: 500;
    clear: both;
    margin: 0px;
    max-width: 100%;
}

.footer__newsletter .form .form__group.legal-text {
    max-height: 80px;
    min-height: 80px;
    overflow: auto;
    margin-bottom: 10px;
    padding-right: 5px;
    font-size: 11px;
    color: #999999;
    margin-top: 65px;
}

.footer__newsletter .footer-validate {
    font-size: 0.725rem;
    font-weight: 500;
    color: green;
}


@media only screen and (max-width: 767px) {
    .footer__newsletter .form .form__group.legal-text {
        margin-top: 80px;
    }

    .footer__newsletter .newsletter-unsubscribe {
        width: 225px;
    }

    .footer__newsletter {
        width: auto;
    }
}

.header-more__newsletter .form .form__group input[type="checkbox"] + label {
    color: #FFFFFF;
    font-size: 9px;
    font-weight: 300;
    text-transform: none;
    float: left;
    letter-spacing: 0.1rem;
    position: relative;
    margin-bottom: 10px;
}

.header-more__newsletter .form .form__group.legal-text {
    max-height: 47px;
    min-height: 0px;
    overflow: auto;
    margin-bottom: 10px;
    padding-right: 5px;
    font-size: 10px;
    color: #FFFFFF;
    clear: both;
}

.header-more__newsletter .register-checkboxes .terms-err-msg {
    display: none;
    font-size: 0.75rem;
    color: #FFFFFF;
    font-weight: 500;
    margin: 0 0 5px 0;
    max-width: 100%;
}

.header-more__right .drop-select .chosen-container {
    margin-top: 0px;
}

.header-more__newsletter .floating-input {
    width: 95% !important;
}

.header-more__newsletter .form .form__checkbox input[type="checkbox"]:checked + label:before {
    background: #FFF;
}

.disable {
    pointer-events: none;
    opacity: 0.5;
}

.header-more__newsletter .form .form__checkbox label:before {
    border: 1px solid #fff;
}

/*** For Newsletter Changes ****/

.newsletter__form .form .register-checkboxes .form__group label {
    color: #FFFFFF;
    font-size: 0.625rem;
    line-height: 1rem;
    font-weight: 300;
    text-transform: none;
    position: relative;
    float: left;
    letter-spacing: 0.1rem;
    margin-bottom: 10px;
}

.newsletter__form .register-checkboxes {
    width: 48%;
    margin: 10px auto;
}

.newsletter__form .form__group.legal-text {
    max-height: 75px;
    min-height: 0px;
    overflow: auto;
    margin-bottom: 10px;
    padding-right: 5px;
    font-size: 11px;
    color: #FFF;
    clear: both;
    width: 48%;
    margin: 0 auto;
    margin-top: 40px;
    opacity: 0.9;
}

.newsletter__notice {
    padding-top: 20px;
}

.newsletter__form .form .form__checkbox input[type="checkbox"]:checked + label:after {
    left: 35px;
    top: 1px;
}

.newsletter__form .form .terms-err-msg {
    display: none;
    font-size: 0.75rem;
    color: #FF0000;
    font-weight: 500;
    margin: 0 0 5px 0;
    max-width: 100%;
    text-align: left;
    margin-left: 31px;
}

/*** For Norway Sign-up Page UI Changes ***/

.auth__section--socialauthpage {
    padding: 0 50px 0 100px;
}

    .auth__section--socialauthpage .chosen-container a.chosen-single {
        background: transparent;
        width: 35%;
        margin-bottom: 20px;
        border: 1px solid #d7d1d1;
    }

    .auth__section--socialauthpage a.chosen-single:after {
        content: "";
        width: 16px;
        height: 10px;
        position: absolute;
        z-index: 999999;
        top: 16px;
        right: 10px;
        background: url(../img/header/sprite.svg) no-repeat 0 -33px;
    }


    .auth__section--socialauthpage .year-list .chosen-container {
        width: 260px !important;
    }

    .auth__section--socialauthpage button {
        width: 50%;
    }

    .auth__section--socialauthpage .day-list .chosen-container .chosen-drop, .auth__section--socialauthpage .month-list .chosen-container .chosen-drop {
        width: 75px;
    }

    .auth__section--socialauthpage .year-list .chosen-container .chosen-drop {
        width: 90px;
        margin-top: -15px;
    }

.auth__section #signup-form .terms-err-msg {
    display: none;
    font-size: 0.75rem;
    color: #FF0000;
    font-weight: 500;
    margin: 10px 0 5px 0;
    max-width: 100%;
}

.auth__section #signup-form .req-err-msg, .auth__section #signup-form .inv-email-err-msg, .auth__section #signup-form .inv-confirm-email-err-msg, #header-register-form .inv-pwd-err-msg, .auth__section #signup-form .inv-pwd-err-msg, .auth__section #signup-form .inv-confirm-pwd-err-msg, .auth__section #fbsignup-form .req-err-msg {
    display: none;
    font-size: 0.75rem;
    color: #FF0000;
    font-weight: 500;
    margin: 3px 0 5px 0;
    max-width: 100%;
    clear: both;
}

.authmodal__signup .req-err-msg, .authmodal__signup .inv-email-err-msg, .authmodal__signup .inv-confirm-email-err-msg, .authmodal__signup .inv-confirm-pwd-err-msg {
    display: none;
    font-size: 0.75rem;
    color: #FF0000;
    font-weight: 500;
    margin: 3px 0 5px 0;
    max-width: 100%;
    clear: both;
    text-align: left;
}

.auth__section #fbsignup-form .req-err-msg {
    letter-spacing: 0em;
    line-height: 0;
    font-family: "Neue Helvetica W01";
}

.auth__section #signup-form .legal-text {
    max-height: 150px;
    min-height: 0px;
    overflow: auto;
    margin-bottom: 10px;
    padding-right: 5px;
    font-size: 11px;
    color: #999999;
    clear: both;
}

.auth__section #signup-form .register-checkboxes {
    position: relative;
    float: left;
    width: 100%;
    /*height: 250px;*/
    overflow: auto;
    margin: 10px 0 20px 0px;
    overflow-x: hidden;
}

    .auth__section #signup-form .register-checkboxes .profile-optin {
        margin-bottom: 5px;
        padding-bottom: 5px;
        color: #666666;
        font-size: 14px;
    }

.auth__section #signup-form .form__radiobtn [type="radio"]:not(:checked) + label {
    font-size: 13px;
}

.auth__section.signup-container-div {
    padding: 0 90px 0 50px;
}

    .auth__section.signup-container-div .button-primary {
        width: 50%;
    }

@media screen and (max-width: 63.75em) {
    .auth__section--socialauthpage .drop-select--lang, .auth__section.signup-container-div .drop-select--lang {
        display: block;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .auth__section--socialauthpage .custom-select, .auth__section.signup-container-div .custom-select {
        width: 85px;
    }

    .auth__section.signup-container-div .dob-class-container .drop-select {
        margin-right: 22px !important;
    }
}

@media only screen and (max-width: 767px) {
    .auth__section--socialauthpage, .auth__section.signup-container-div {
        padding: 0px;
    }

    .newsletter__form {
        width: 85%;
        margin: 0 auto;
    }

        .newsletter__form .register-checkboxes {
            width: auto;
        }

    .newsletter__notice {
        font-size: 0.75rem;
        margin-bottom: 8px;
        width: 87%;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
    }

    .newsletter__form .form .register-checkboxes .form__group label {
        font-size: 9px;
    }

    .newsletter__form .form__group.legal-text {
        width: auto;
        max-height: 50px;
    }

    .newsletter__form .form .form__checkbox input[type="checkbox"]:checked + label:after {
        left: 11px;
    }

    .goToTop {
        position: initial !important;
        margin-top: 30px;
    }

    footer.footer {
        text-align: center;
    }

        footer.footer .footer__social li, footer.footer .footer__icon li {
            margin: 8px;
            display: inline-block;
            float: none;
        }

        footer.footer .footer__newsletter .newsletter-unsubscribe, footer.footer .footer__social, footer.footer .footer__icon {
            margin-left: auto;
            margin-right: auto;
        }
}

#profile-page__edit-profile-form .legal-text {
    max-height: 150px;
    min-height: 0px;
    overflow: auto;
    margin-bottom: 20px;
    padding-right: 5px;
    font-size: 12px;
    color: #999999;
}


#profile-page__edit-profile-form .req-err-msg, #profile-page__edit-profile-form .inv-email-err-msg, #profile-page__edit-profile-form .inv-confirm-pwd-err-msg {
    display: none;
    font-size: 0.65rem;
    color: #FF0000;
    font-weight: 500;
    margin: 0 0 5px 0;
    max-width: 100%;
    font-family: "Neue Helvetica W01";
    clear: both;
    padding-top: 5px;
}

#profile-page__edit-profile-form .profile-page__module .form__group {
    margin-bottom: 30px;
}


.profile-page__buttons-row .button {
    width: auto;
}

.register-right-container .legal-text {
    height: auto;
    max-height: none;
    overflow: auto;
    padding-right: 5px;
    font-size: 10px;
    color: #999999;
    margin-top: 10px;
    margin-bottom: 5px;
    overflow: hidden;
}


.header-register__left .register-left-container .legal-container {
    height: auto;
    max-height: none;
    min-height: 230px;
    overflow: auto;
    padding-right: 5px;
    font-size: 10px;
    color: #999999;
    margin-top: 0px;
    margin-bottom: 5px;
    overflow: hidden;
    padding-top: 0px;
}

.register-left-container .legal-text {
    margin: 0px 0px 15px 0;
}

.register-right-container .legal-txt-container, .register-left-container .legal-txt-container {
    height: 70px;
    overflow: auto;
    clear: both;
}

.register-right-container .dob-container {
    width: 70%;
}

.register-right-container .chosen-container .chosen-results, .register-left-container .chosen-container .chosen-results {
    height: 100px;
}

.uk-header-signin-container .register-right-container .legal-text {
    height: 100px;
    overflow: auto;
}

.register-right-container .dob-warning-msg {
    color: red;
    display: none;
    clear: both;
    padding-top: 5px;
    margin-bottom: 5px;
}

.register-right-container .dob-err-msg, .register-left-container .dob-err-msg {
    display: none;
    font-size: 0.75rem;
    color: #FF0000;
    font-weight: 500;
    margin: 0 0 5px 0;
    max-width: 100%;
    font-family: "Neue Helvetica W01";
    clear: both;
    padding-top: 5px;
}

.register-right-container .req-err-msg, .register-right-container .inv-email-err-msg, .register-right-container .inv-confirm-email-err-msg, .register-right-container .inv-confirm-pwd-err-msg, .register-left-container .req-err-msg, .register-left-container .inv-email-err-msg, .register-left-container .inv-confirm-email-err-msg, .register-left-container .inv-confirm-pwd-err-msg {
    font-size: 0.65rem;
    color: #FF0000;
    font-weight: 400;
    margin: 4px 0 5px 0;
    max-width: 100%;
    font-family: "Neue Helvetica W01";
    clear: both;
    /* position: absolute; */
    /* top: 30px; */
    z-index: 3;
    margin-left: 15px;
    height: auto;
}


/*** For Contact US Page GDPR UI Changes ****/
.contact-us .contact-us__formcontainer .register-checkboxes {
    margin-bottom: 15px;
}

.contact-us .contact-us__formcontainer .legal-text {
    font-size: 0.6125rem;
    font-family: "Neue Helvetica W01";
    color: #666666;
    margin-bottom: 21px;
    letter-spacing: .08rem;
    line-height: 1.375rem;
    height: 150px;
    overflow: auto;
}


.contact-us .contact-us__formcontainer .form .form__group input[type="checkbox"] + label {
    color: #666666;
    font-size: 0.7125rem;
    letter-spacing: .08rem;
    line-height: 1.375rem;
    text-transform: none;
    position: relative;
    float: left;
    margin-bottom: 5px;
    font-family: "Neue Helvetica W01";
    width: 100%;
}

.contact-us .contact-us__formcontainer .terms-err-msg {
    display: none;
    font-size: 0.75rem;
    color: #FF0000;
    font-weight: 500;
    margin: 0 0 5px 0;
    max-width: 100%;
    font-family: "Neue Helvetica W01";
}

/*** For Italy footer newsletter pop ****/

.nw-popup #newsletter-popup.form .form__group input[type="checkbox"] + label {
    color: #000;
    font-size: 12px;
    line-height: 1rem;
    text-transform: none;
    float: left;
    letter-spacing: 0.1rem;
    margin-top: 10px;
    position: relative;
    font-family: "Neue Helvetica W01";
}

.nw-popup #newsletter-popup.form .form__group.legal-text {
    max-height: 91px;
    min-height: 0px;
    overflow: auto;
    margin-bottom: 10px;
    padding-right: 5px;
    padding-top: 5px;
    font-size: 12px;
    color: #000;
}

.nw-popup #newsletter-popup .register-checkboxes .profile-optin {
    color: #000;
    margin-top: 10px;
}

.nw-popup #newsletter-popup .terms-err-msg {
    display: none;
    font-size: 0.75rem;
    color: #FF0000;
    font-weight: 500;
    margin: 0 0 5px 0;
    max-width: 100%;
    clear: both;
}

.nw-popup #newsletter-popup .form__radiobtn [type="radio"]:checked + label, .form__radiobtn [type="radio"]:not(:checked) + label {
    line-height: 13px !important;
}

/*** Start FR - Contact us UI changes ****/
.contact-us__formcontainer .form .data-privacy ul li.info-link {
    list-style-type: none;
    text-align: right;
}

.contact-us__formcontainer .drop-select {
    margin-right: 20px;
}

.contact-us__formcontainer .chosen-container {
    width: 100% !important;
}

.contact-us__formcontainer .legaltxt .contact-us__header-body {
    margin-bottom: 10px;
}

.contact-us__formcontainer .contact-us__info-legaltext3 .contact-us__header-body {
    height: 90px;
    overflow: auto;
}

.contact-us__info {
    margin-bottom: 10px;
}

    .contact-us__info .dob-err-msg, .contact-us__formcontainer .req-err-msg, .contact-us__formcontainer .inv-email-err-msg, .contact-us__formcontainer .inv-confirm-email-err-msg {
        display: none;
        font-size: 0.65rem;
        color: #FF0000;
        font-weight: 500;
        margin: 0 0 5px 0;
        max-width: 100%;
        font-family: "Neue Helvetica W01";
        clear: both;
        padding-top: 5px;
    }

/*** For FR SignUp Legal Text UI changes ****/

.auth__section--socialauthpage .auth-left-container .legal-text {
    font-size: 0.6125rem;
    font-family: "Neue Helvetica W01";
    color: #666666;
    margin-bottom: 21px;
    letter-spacing: .08rem;
    line-height: 1.375rem;
    height: 150px;
    overflow: auto;
}

.auth__section--socialauthpage .auth-left-container .dob-selection-msg {
    clear: both;
    margin-bottom: 8px;
    padding-top: 5px;
    color: #999999;
    font-family: "Neue Helvetica W01";
    font-size: 12px;
}

.auth__section--socialauthpage .auth-left-container .fb-age-warning {
    color: red !important;
    display: none;
    clear: both;
    margin-bottom: 5px;
    font-family: "Neue Helvetica W01";
    font-size: 0.75rem;
}

.goToTop {
    color: #666;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: .75rem;
    letter-spacing: .16em;
    position: absolute;
    cursor: pointer;
    left: 15px;
}

/*** For Norway SignUp DOB implmentation UI Changes ****/
.auth__section.signup-container-div .chosen-single, .signup.auth__section .chosen-single {
    background: transparent;
    width: 35%;
    margin-bottom: 10px;
    border: 1px solid #d7d1d1;
}

.auth__section.signup-container-div a.chosen-single:after, .signup.auth__section a.chosen-single:after {
    content: "";
    width: 16px;
    height: 10px;
    position: absolute;
    z-index: 999999;
    top: 16px;
    right: 10px;
    background: url(../img/header/sprite.svg) no-repeat 0 -33px;
}

.auth__section.signup-container-div .year-list .chosen-container {
    width: 260px !important;
}

.auth__section.signup-container-div .dob-class-container .day-list .chosen-container .chosen-drop, .auth__section.signup-container-div .dob-class-container .month-list .chosen-container .chosen-drop {
    width: 75px;
}

.auth__section.signup-container-div .dob-class-container .year-list .chosen-container .chosen-drop {
    width: 90px;
}

.auth__section.signup-container-div .dob-class-container .drop-select {
    margin-right: 10px;
}

.auth__section.signup-container-div .dob-err-msg {
    font-size: 0.75rem;
    color: #FF0000;
    font-weight: 500;
    margin: 0 0 5px 0;
    max-width: 100%;
    font-family: "Neue Helvetica W01";
    clear: both;
    padding-top: 5px;
    display: none;
}

/** For Australia FB Login UI Changes **/

.authmodal__container .auth__section--social .chosen-container-single {
    width: 80px !important;
    margin: 0px 10px 15px 0px;
}

.authmodal__container .auth__section--social .fb-age-warning {
    color: red !important;
    display: none;
    clear: both;
    margin-bottom: 15px;
    font-size: 0.75rem;
    font-weight: 500;
}

.authmodal__container .auth__section--social .legal-text {
    max-height: 80px;
    min-height: 0px;
    overflow: auto;
    margin-bottom: 18px;
    padding-right: 5px;
    font-size: 10px;
    color: #000;
    margin-top: 10px;
    font-family: "Neue Helvetica W01", sans-serif;
}

.authmodal__container .auth__section--social .dob-selection-msg {
    margin-bottom: 8px;
    color: #000;
    font-size: 12px;
    font-family: "Neue Helvetica W01", sans-serif;
    clear: both;
    padding: 10px 0px 5px 0px;
}

.authmodal__container .authmodal__signup .dob-err-msg {
    display: none;
    font-size: 0.75rem;
    color: #FF0000;
    font-weight: 500;
    margin: 0 0 5px 0;
    max-width: 100%;
    font-family: "Neue Helvetica W01";
    clear: both;
}

.authmodal__container .authmodal__signup .legal-txt-container {
    height: 80px;
    overflow: auto;
    clear: both;
    margin-bottom: 18px;
    font-size: 10px;
    font-family: "Neue Helvetica W01", sans-serif;
    color: #000;
}

.authmodal__container .authmodal__signup .terms-err-msg {
    display: none;
    font-size: 0.75rem;
    color: #FF0000;
    font-weight: 500;
    margin: 0 0 5px 0;
    max-width: 100%;
}

.authmodal__container .authmodal__signup .form .form__group input[type="checkbox"] + label {
    color: #000;
    font-size: 10px;
    line-height: 1rem;
    text-transform: none;
    position: relative;
    float: left;
    margin-bottom: 5px;
    font-family: "Neue Helvetica W01";
}

.authmodal__container .authmodal__signup .form .form__checkbox input[type="checkbox"]:checked + label:after {
    left: 5px;
    top: 0px;
}

.authmodal__container #authModalLeftContainer .chosen-container-single {
    width: 85px !important;
    margin: 0px 5px 15px 0px;
}


.authmodal__container #authModalRightContainer .drop-select .chosen-container-single {
    width: 85px !important;
    margin: 0px 5px 15px 0px;
}


.authmodal__container .authmodal__signup .chosen-container .chosen-single div:after {
    content: "";
    width: 16px;
    height: 10px;
    position: absolute;
    z-index: 999999;
    top: 16px;
    right: 10px;
    background: url(../img/header/sprite.svg) no-repeat 0 -33px;
}

.authmodal__container .authmodal__signup .register-checkboxes {
    position: relative;
    float: left;
    width: 100%;
    max-height: 105px;
    overflow: auto;
    margin-top: 7px;
    margin-bottom: 15px;
}

    .authmodal__container .authmodal__signup .register-checkboxes .form__checkbox {
        width: 100%;
        clear: both;
        padding-top: 5px;
    }

@media only screen and (max-width: 767px) {

    .authmodal__container .authmodal__signup .drop-select--lang {
        display: block;
        width: 80px;
        margin-right: 10px;
    }

    .authmodal__container .authmodal__signup .custom-select {
        width: 80px;
    }

    .authmodal__container .auth__section--social .dob-selection-msg {
        padding: 10px 0px 5px 0px;
    }

    .authmodal__container .authmodal__signup .legal-txt-container, .authmodal__container .auth__section--social .fb-age-warning, .authmodal__container .authmodal__signup .dob-err-msg {
        padding-top: 10px;
        margin: 0px !important;
    }
}

#esSignUpSection .dob-err-msg {
    font-size: 0.75rem;
    color: #FF0000;
    font-weight: 500;
    margin: 0 0 5px 0;
    max-width: 100%;
    font-family: "Neue Helvetica W01";
    clear: both;
    display: none;
}

#esSignUpSection .year-list .chosen-container {
    width: 260px !important;
}

#esSignUpSection .day-list .chosen-container .chosen-drop, #esSignUpSection .month-list .chosen-container .chosen-drop {
    width: 75px;
}

#esSignUpSection .year-list .chosen-container .chosen-drop {
    width: 90px;
}

#esSignUpSection .req-err-msg, #esSignUpSection .inv-email-err-msg, #esSignUpSection .inv-confirm-email-err-msg, #esSignUpSection .inv-confirm-pwd-err-msg {
    display: none;
    font-size: 0.65rem;
    color: #FF0000;
    font-weight: 500;
    margin: 0 0 5px 0;
    max-width: 100%;
    font-family: "Neue Helvetica W01";
    clear: both;
}

#esSignUpSection #signup-form .register-checkboxes {
    height: auto;
}

#esSignUpSection #signup-form .form__radiobtn.profileoptin {
    margin-bottom: 10px;
}

    #esSignUpSection #signup-form .form__radiobtn.profileoptin .profile-optin {
        margin-bottom: 10px;
    }

#esSignUpSection #signup-form .register-checkboxes {
    margin-bottom: 0px;
}

/** For Custom Radio button **/
.form__radiobtn [type="radio"]:checked,
.form__radiobtn [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .form__radiobtn [type="radio"]:checked + label,
    .form__radiobtn [type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
        margin-right: 15px;
        padding: 4px 0px 10px 30px !important
    }

        .form__radiobtn [type="radio"]:checked + label:before,
        .form__radiobtn [type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 3px;
            width: 18px;
            height: 18px;
            border: 1px solid rgba(153, 153, 153, 0.5);
            border-radius: 100%;
            background: transparent;
        }

        .form__radiobtn [type="radio"]:checked + label:after,
        .form__radiobtn [type="radio"]:not(:checked) + label:after {
            content: '';
            width: 10px;
            height: 10px;
            background: #FC2561;
            position: absolute;
            top: 7px;
            left: 4px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .form__radiobtn [type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .form__radiobtn [type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.register-checkboxes .profile-optin {
    margin-bottom: 5px;
    padding-bottom: 5px;
    color: #fff;
    font-size: 12px;
}

.newsLetterPopupDE {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 340px;
    z-index: 9999999;
    display: none;
}

    .newsLetterPopupDE .newsletter__header {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .newsLetterPopupDE .newsletter__header-title {
        font-size: 2em;
        line-height: normal;
        color: #fff;
    }

.newsLetterCloseDE {
    position: absolute;
    right: 10px;
    top: 20px;
    z-index: 1;
}

    .newsLetterCloseDE:before {
        color: #fff;
    }

.newsLetterPopupDE .newsletter__form-button {
    font-size: 1.2em;
    font-weight: bold;
    border: 2px solid #fff;
    padding: 15px 20px;
    display: inline-block;
    width: auto;
}

.newsLetterPopupDE .newsletter__body {
    padding: 25px;
    height: auto;
}

@media only screen and (max-width: 767px) {
    .newsLetterPopupDE {
        width: 100%;
    }
}

.product-info__columns img.lazy, .masthead img.lazy, .fpw__body img.lazy, .header-logo--bar img.lazy, .fpw__hero img.lazy, .large-feature img.lazy, .cause-module__wrapper img.lazy {
    opacity: 0;
}

/*see https://bitbucket.e-loreal.com/projects/WSF-MNY/repos/wsf-master-maybelline/commits/2b327e4f78d9cd8804ffb976915ce5680101a473
/*img.lazy {
	opacity: 0;
}*/

.email-not-present {
    display: none;
    font-size: 0.75rem;
    color: #FF0000;
    font-weight: 500;
    margin: 10px 0 10px 0;
    max-width: 100%;
    text-align: center;
}

.footer__newsletter-and-social_nz {
    position: relative;
}

.footer__newsletter-and-social_au {
    width: 50%;
    float: left;
}

.footer-text {
    color: #FFFFFF;
    font-weight: 500;
    letter-spacing: 0.12em;
    font-size: .8125rem;
}

.footer__icon.au_icon {
    text-align: center;
}

    .footer__icon.au_icon li {
        float: none;
        display: inline-block;
    }

@media screen and (max-width: 47.5em) {
    .footer__icon.au_icon {
        margin: 10px 0px 20px 50px;
    }

    .footer-text {
        position: static;
        left: 0;
    }

    .footer__newsletter-and-social_nz {
        position: static;
    }

    .footer__newsletter-and-social_au {
        width: 100%;
    }
}

@media screen and (max-width: 63.75em) {
    .footer__newsletter-and-social_nz {
        margin-top: 0px;
        position: static;
    }

    .footer-text {
        text-align: center;
    }

    .footer__newsletter-and-social_au {
        width: 100%;
    }
}

@media screen and (min-width: 47.5em) {
    .footer__icon {
        width: 170px !important;
        margin: 0px auto 10px;
    }
}

.header-social {
    margin-top: 10px;
}

.header-socialicons-text {
    font-weight: 300;
    font-size: 0.75rem;
    color: #7c1230;
    text-decoration: none;
}

.storeloc_comma {
    margin-left: -18px;
}

@media screen and (max-width: 47.5em) {
    .storeloc_comma {
        margin-left: 0;
    }
}

.BVRR-RatingProduct {
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 1.25rem 0;
}

/* Start New Module Optimization CSS */

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .hero-sliding__carousel {
        width: 20rem;
        margin: 0 auto;
    }
}

.hero-sliding__carousel__item {
    opacity: 1 !important;
    background: #FFFFFF;
}

@media screen and (min-width: 80em) {
    .hero-sliding__carousel__item {
        min-height: 46.625rem;
    }
}

.hero-sliding__heading {
    margin: 0.75rem auto;
    font-size: 1.5rem;
    font-family: "Helvetica Neue LT W01_75 Bold";
    line-height: 24px;
    color: #000000;
    letter-spacing: -1px;
    text-align: center;
    opacity: 0;
    transition: opacity .15s linear;
}

.slick-active .hero-sliding__heading {
    opacity: 1;
    height: 2em;
}

@media screen and (min-width: 47.5em) {
    .hero-sliding__heading {
        margin: 2.25rem 0 0 2.25rem;
        font-size: 3.5rem;
        line-height: 3.125rem;
        text-align: left;
    }

        .hero-sliding__heading strong {
            display: block;
        }
}

@media screen and (min-width: 63.75em) {
    .hero-sliding__heading {
        font-size: 4.625rem;
        line-height: 4.375rem;
    }
}

@media screen and (min-width: 80em) {
    .hero-sliding__heading {
        margin: 3.75rem 0 0 3.75rem;
    }
}

.hero-sliding__images {
    position: relative;
}

@media screen and (min-width: 47.5em) {
    .hero-sliding__images {
        position: absolute;
        top: 0;
        left: 50%;
        width: 50%;
        height: 100%;
    }
}

.hero-sliding__swatch {
    height: 133.5%;
    position: absolute;
    top: 0;
    right: 81.25%;
    z-index: -1;
}

@media screen and (min-width: 47.5em) {
    .hero-sliding__swatch {
        height: 100%;
        right: 0;
    }
}

.hero-sliding__swatch img {
    height: 100%;
    opacity: 0;
}

.slick-active .hero-sliding__swatch img {
    opacity: 1;
    animation: fade-effect .15s linear;
}

.hero-sliding__product {
    width: 40.625%;
    position: absolute;
    top: 1.25rem;
    right: 0;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
    .hero-sliding__product {
        z-index: 1;
    }
}

@media screen and (min-width: 47.5em) {
    .hero-sliding__product {
        width: 16.25rem;
        top: 3.25rem;
        right: 17.25rem;
    }
}

@media screen and (min-width: 63.75em) {
    .hero-sliding__product {
        top: 8.25rem;
    }
}

@media screen and (min-width: 80em) {
    .hero-sliding__product {
        width: 29.75rem;
        top: 4.375rem;
        right: 28.25rem;
    }
}

.hero-sliding__product img {
    width: 100%;
    opacity: 0;
}

.slick-active .hero-sliding__product img {
    opacity: 1;
    animation: fade-effect .15s linear;
}

.hero-sliding__look {
    width: 62.5%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

@media screen and (min-width: 47.5em) {
    .hero-sliding__look {
        position: absolute;
        top: 2.25rem;
        right: 2.25rem;
        width: 20rem;
    }
}

@media screen and (min-width: 63.75em) {
    .hero-sliding__look {
        top: 7.25rem;
    }
}

@media screen and (min-width: 80em) {
    .hero-sliding__look {
        top: 3.75rem;
        right: 3.75rem;
        width: 33.75rem;
    }
}

.hero-sliding__look img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
}

.slick-active .hero-sliding__look img {
    opacity: 1;
}

.hero-sliding__content {
    width: 100%;
    height: 214px;
    background: #000000;
    margin-top: -34px;
    padding: 3rem 0 1.875rem;
}

@media screen and (min-width: 47.5em) {
    .hero-sliding__content {
        width: calc(100% - 356px);
        min-height: 14.125rem;
        height: auto;
        margin-top: 1.625rem;
        padding: 2.25rem;
    }
}

@media screen and (min-width: 80em) {
    .hero-sliding__content {
        width: calc(100% - 600px);
        min-height: 16.875rem;
        margin-top: 2.125rem;
        padding: 3.75rem;
    }
}

.hero-sliding__summary {
    width: 62.5%;
    margin: 0 auto;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #fff;
    letter-spacing: 0;
    opacity: 0;
    transition: opacity .15s linear;
}

@media screen and (min-width: 47.5em) {
    .hero-sliding__summary {
        width: calc(100% - 54px);
        margin: 0;
        font-size: 0.875rem;
        line-height: 20px;
        letter-spacing: 0;
    }
}

@media screen and (min-width: 63.75em) {
    .hero-sliding__summary {
        width: calc(100% - 160px);
        /*font-size: 1.125rem;
            line-height: 1.75rem;*/
    }
}

.slick-active .hero-sliding__summary {
    opacity: 1;
}

.hero-sliding__cta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 12.5rem;
    height: 2.5rem;
    margin: 0.875rem auto 0;
    font-size: 1.125rem;
    font-family: "Neue Helvetica W01_79 C1289709";
    color: #000;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    opacity: 0;
    transition: opacity .15s linear, background .2s ease-in-out;
}

@media screen and (min-width: 47.5em) {
    .hero-sliding__cta {
        max-width: 10rem;
        margin: 1.375rem 0 0;
    }
}

@media screen and (min-width: 80em) {
    .hero-sliding__cta {
        margin: 2rem 0 0;
    }
}

.hero-sliding__cta:active, .hero-sliding__cta:hover {
    text-decoration: underline;
}

.slick-active .hero-sliding__cta {
    opacity: 1;
}

.hero-sliding__pager {
    height: 2.25rem;
    text-align: center;
}

@media screen and (min-width: 47.5em) {
    .hero-sliding__pager {
        height: 2.75rem;
        margin-left: 2.25rem;
        text-align: left;
    }
}

@media screen and (min-width: 63.75em) {
    .hero-sliding__pager {
        height: 3.5rem;
    }
}

.hero-sliding__pager .icon, .hero-sliding__pager .get-the-look__video__image, .hero-sliding__pager .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .hero-sliding__pager .color-picker__swatch:before, .hero-sliding__pager .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .hero-sliding__pager .product-info__shade-swatch:before, .hero-sliding__pager .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .hero-sliding__pager .product-info__color-overlay--with-video:before, .hero-sliding__pager .cheatsheet .cheatsheet__dash, .cheatsheet .hero-sliding__pager .cheatsheet__dash, .hero-sliding__pager .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .hero-sliding__pager li, .hero-sliding__pager .video-kit__hero-image, .hero-sliding__pager .video-kit__card-image, .hero-sliding__pager .video-promoted__image {
    position: relative;
    top: -0.1875rem;
    font-size: 1.25rem;
    color: #999999;
}

@media screen and (min-width: 47.5em) {
    .hero-sliding__pager .icon, .hero-sliding__pager .get-the-look__video__image, .hero-sliding__pager .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .color-picker__swatch:before, .module-stateful.product-info .col-2 .product-info__palette .color-picker .color-picker__swatches .hero-sliding__pager .color-picker__swatch:before, .hero-sliding__pager .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .product-info__shade-swatch:before, .module-stateful.product-info .col-2 .product-info__shades-overlay .product-info__shades-list .product-info__shade .hero-sliding__pager .product-info__shade-swatch:before, .hero-sliding__pager .module-stateful.product-info .product-info__color-overlay--with-video:before, .module-stateful.product-info .hero-sliding__pager .product-info__color-overlay--with-video:before, .hero-sliding__pager .cheatsheet .cheatsheet__dash, .cheatsheet .hero-sliding__pager .cheatsheet__dash, .hero-sliding__pager .ratings-and-reviews .rar__user-rating li, .ratings-and-reviews .rar__user-rating .hero-sliding__pager li, .hero-sliding__pager .video-kit__hero-image, .hero-sliding__pager .video-kit__card-image, .hero-sliding__pager .video-promoted__image {
        font-size: 1.875rem;
    }
}

.hero-sliding__pager .icon:before {
    color: #000;
    top: 3px;
    position: relative;
}

.hero-sliding__pager .hero-sliding__pager__this,
.hero-sliding__pager .hero-sliding__pager__that {
    position: relative;
    top: -0.1875rem;
    padding: 0 1.25rem;
    font-size: 1.125rem;
    font-weight: 100;
    color: #000000;
    font-family: "Neue Helvetica W01_79 C1289709";
    letter-spacing: 1px;
}

@media screen and (min-width: 47.5em) {
    .hero-sliding__pager .hero-sliding__pager__this,
    .hero-sliding__pager .hero-sliding__pager__that {
        top: -0.625rem;
        padding: 0 0.75rem;
    }
}

@media screen and (min-width: 63.75em) {
    .hero-sliding__pager .hero-sliding__pager__this,
    .hero-sliding__pager .hero-sliding__pager__that {
        top: -0.5rem;
        padding: 0 1.5rem 0 1.125rem;
    }
}

.hero-sliding__pager .hero-sliding__pager__this {
    opacity: 0;
    transition: opacity .15s linear;
}

@media screen and (min-width: 63.75em) {
    .hero-sliding__pager .hero-sliding__pager__this {
        padding: 0 1.125rem 0 1.5rem;
    }
}

.slick-active .hero-sliding__pager .hero-sliding__pager__this {
    opacity: 1;
}

.hero-sliding__pager .hero-sliding__pager__divider {
    display: inline-block;
    height: 100%;
    width: 1px;
    background: #FFF;
}

.js-look-fade {
    position: absolute;
    top: 0;
    left: 0%;
    width: 0;
    height: 100%;
    animation: slide-effect .15s linear;
    background-position: top left;
    background-size: 62.5vw 100%;
    background-repeat: no-repeat;
}

@media screen and (min-width: 47.5em) {
    .js-look-fade {
        background-size: 20rem 100%;
    }
}

@media screen and (min-width: 47.5em) {
    .js-look-fade {
        background-size: 33.75rem 100%;
    }
}

@keyframes slide-effect {
    from {
        width: 100%;
    }

    to {
        width: 0;
    }
}

@keyframes fade-effect {
    from {
        opacity: .5;
    }

    to {
        opacity: 1;
    }
}

/* End New Module Optimization CSS */
.store-finder__form .chosen-container .chosen-results li.active-result {
    font-size: 0.6875rem;
    font-family: "Helvetica Neue LT W05_55 Roman";
    color: #666;
}

#store-locator, body > form {
    margin: 0 auto;
    padding: 20px;
}

#storeLocatorIframe {
    height: 800px;
    left: 0;
    top: 0;
    width: 1106px;
}

#store-locator h2 {
    font-family: 'Neue Helvetica W01';
    font-size: 48px;
    font-weight: normal;
    letter-spacing: -1px;
    margin: 20px 0 0;
    text-transform: uppercase;
}

#store-locator h2 {
    color: #666666;
    font-size: 14px;
    margin-top: 0;
}

@@media only screen and (max-width: 520px) {
    #store-locator h2 {
        font-size: 30px;
        padding: 0 2%;
    }

    #store-locator h2 {
        font-size: 12px;
        padding: 0 2%;
    }
}

#SEO_BVRRSummaryContainer {
    text-align: center !important;
    margin: 10px 0;
    width: max-content;
}

.product-info__details #SEO_BVRRSummaryContainer {
    width: auto;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0;
    text-align: left !important;
}

#SEO_BVRRContainer, #SEO_BVQAContainer {
    width: 90%;
    margin: 25px auto;
}

.product-kit-slickSlide {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.product-kit .slick-slide img {
    display: inline-block;
}

@media only screen and (max-width: 47.5em) {
    .masthead__links {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        margin: auto;
        background-color: #f9f9f9;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        padding: 12px 16px;
        width: 80% !important;
        left: 10%;
        z-index: 7;
    }

        .masthead__links li a {
            text-decoration: none;
            padding-bottom: 1px !important;
            border-bottom: 1px solid black !important;
        }

    .masthead__sub {
        display: none;
        position: relative;
        width: 100%;
        text-align: center;
    }

        .masthead__sub .button:active, .masthead__sub .button:focus {
            background-color: #000000;
            border-color: transparent;
        }

        .masthead__sub .button {
            min-width: 200px;
            margin-bottom: 4px;
        }

    .masthead__links-active {
        visibility: visible;
        opacity: 1;
    }

    .masthead__sub .icon {
        position: relative;
        width: 19px;
        float: right;
        height: 18px;
    }

    .mastheadv2 .masthead__main .masthead__body {
        margin-top: 8px;
        padding-left: 20px;
        padding-right: 20px;
    }

        .mastheadv2 .masthead__main .masthead__body .masthead__copy {
            max-width: 100%;
        }

    .mastheadv2 .masthead__heading {
        margin-left: 15px;
        margin-right: 15px;
        font-size: 1.5rem;
    }

    .masthead__sub .icon-arrow_up:before, .masthead__sub .icon-arrow_down:before {
        content: "\E005";
        position: absolute;
        top: 6px;
        height: 20px;
        right: -3px;
    }

    .masthead__sub .icon-arrow_down:before {
        content: "\E002";
    }
}

.channel-advisor-iframe-modal {
    background: #fff;
    box-shadow: 2px 2px 20px 1px;
    overflow: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    height: 100vh;
    height: -webkit-fill-available;
    width: 100vw;
    max-width: 100%;
}

@media (min-width: 769px) {
    .channel-advisor-iframe-modal {
        max-width: 720px;
        max-height: 480px
    }
}

.channel-advisor-iframe-modal__backdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.3);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2147483647;
}

.channel-advisor-iframe-modal iframe {
    position: absolute;
    border: 0;
    height: calc(100% - 50px);
    top: 50px;
    left: 0;
    width: 100%;
}

@media (min-width: 769px) {
    .channel-advisor-iframe-modal iframe {
        height: calc(100% - 40px);
        top: 40px
    }
}

.channel-advisor-iframe-modal .btn-close {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    cursor: pointer;
    font-size: 1.75rem;
    border: 0;
    background: transparent;
    color: #000 !important;
    z-index: 1;
}

.fit-me .landing__content-box:after {
    border-right: 20px solid #FFF !important;
    border-bottom: 20px solid #FFF !important;
    bottom: -23px !important;
    right: -20px !important;
}

.fit-me__heading > * {
    color: #000000;
    font-size: 1.5rem !important;
    font-family: "Helvetica Neue LT W01_75 Bold";
    line-height: 1.5rem !important;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: -1px;
}

@media screen and (min-width: 47.5em) {
    .fit-me__heading > * {
        font-size: 3.5rem !important;
        line-height: 3.125rem !important;
    }
}

@media screen and (min-width: 63.75em) {
    .fit-me__heading > * {
        font-size: 4.625rem !important;
        line-height: 4.375rem !important;
    }
}


.fit-me .landing__content-box > p {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
    letter-spacing: 0 !important;
    color: #FFFFFF;
}
.fit-me__heading {
    margin-top: 15px;
}
@media screen and (max-width: 767px) {
    .fit-me .landing__content-box {
        width: 100%  !important;
    }
    .fit-me .landing__primary-image {
        width: 100%  !important;
    }
}
@media screen and (min-width: 47.5em) {
    .fit-me .landing__content-box > p {
        font-size: 0.875rem !important;
        line-height: 1.25rem !important;
    }
}

.fit-me__state .fit-me__state--results-products .hero-layout .product-card .content-card__variant {
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 0.875rem;
    margin: 10px 0 1px 0;
    text-transform: uppercase;
    letter-spacing: 0;
}

.fit-me .content-card__variant {
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 0.875rem !important;
}

.fit-me .content-card__name {
  height: 2.1rem !important;
}

.fit-me__state .fit-me__state--results-products .hero-layout .product-card .content-card__info .cta-favorite {
    float: none;
    clear: both;
}

.fit-me__state--results-products .hero-layout .product-card .content-card__info {
    padding-bottom: 0 !important;
}

.fit-me__state .fit-me__state--results-products .hero-layout .product-card .content-card__name a, .fit-me__state .fit-me__state--results-products .hero-layout .product-card .content-card__name a h3 {
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 1.875rem;
    line-height: 1.75rem;
    color: #000;
    letter-spacing: 1px;
}

.fit-me__state--results-products .non-hero-layout .content-card--with-shelf .content-card__info .content-card__product-description {
    font-size: 0.75rem;
    line-height: 1rem;
}

@media screen and (min-width: 47.5em) {
    .fit-me__state .content-card__info .content-card__product-description {
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0;
        height: 3rem;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .fit-me__state .content-card__shop-now {
        margin: 20px 0;
        min-width: 7rem;
    }

    .fit-me__state .content-card--with-shelf .content-card__info {
        padding-right: 15px;
    }
}

.fit-me__state .fit-me__quiz-nav .fit-me__top-nav-element .title {
    font-size: 0.625rem;
    line-height: 0.75rem;
    letter-spacing: 0;
}

.fit-me__state .email-results.large {
    border-color: #fff;
}

.fit-me__state .fit-me__states-container .info h1 {
}

.fit-me__states-container .fit-me__state .info h1:after {
    background: #000;
}

.fit-me__quiz-container .fit-me__quiz-nav .fit-me__top-nav-element.current .circle {
    border: 3px solid #FFF;
}

.fit-me__quiz-container .fit-me__progress-bar:after {
    background: #000;
}

.fit-me__quiz-container .fit-me__quiz-nav .fit-me__top-nav-element.active .circle, .fit-me__quiz-container .fit-me__quiz-nav .fit-me__top-nav-element.answered .circle {
    background: #000;
}

.product-recommender.loaded.started .product-recommender__state .info h2 {
    text-transform: none;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: -0.5px;
    text-align: left;
    font-family: "Helvetica Neue LT W01_75 Bold";
}

@media screen and (min-width: 47.5em) {
    .product-recommender.loaded.started .product-recommender__state .info h2 {
        text-transform: none;
        font-size: 2.125rem;
        line-height: 2rem;
        letter-spacing: -1px;
        text-align: left;
    }
}

.product-recommender.loaded.started .product-recommender__state .info p {
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 1.5px;
    text-align: left;
}

.product-recommender.loaded.started .product-recommender__state.product-recommender__state--results.active .info p {
    text-align: center;
}

@media screen and (min-width: 47.5em) {
    .product-recommender.loaded.started .product-recommender__state .info p {
        letter-spacing: 0;
    }
}

.product-recommender.started .product-recommender__state .choice h2 {
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 1.125rem;
    line-height: 1.125rem;
    letter-spacing: 1px;
}

.fit-me__states-container .fit-me__state .info h1 {
    text-transform: none;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: -0.5px;
    text-align: left;
    font-family: "Helvetica Neue LT W01_75 Bold";
}

@media screen and (min-width: 47.5em) {
    .fit-me__states-container .fit-me__state .info h1 {
        text-transform: none;
        font-size: 2.125rem;
        line-height: 2rem;
        letter-spacing: 1px;
        text-align: left;
    }
}

.fit-me__quiz-container .fit-me__quiz-nav .fit-me__top-nav-element .circle.completed {
    background-color: #FFF;
}

.fit-me__quiz-nav .fit-me__top-nav-element .circle.completed {
    background-color: #FFF !important;
}

.fit-me__quiz-nav .fit-me__progress-bar.quiz-complete:before {
    background: #FFF;
}

.fit-me__state--results .info p {
    margin-left: -260px !important;
}

@media screen and (min-width: 47.5em) {
    .fit-me__state--results .info p {
        margin-left: -260px !important;
    }
}

.fit-me__states-container .fit-me__state.active .info p {
    text-align: left;
    margin: 0 !important;
	padding: 0;
}

@media screen and (min-width: 47.5em) {
    .fit-me__states-container .fit-me__state.active .info p {
        padding: 0 120px 52px;
    }
}

@media screen and (min-width: 80em) {
    .fit-me__states-container .fit-me__state.active .info p {
        padding: 0 255px 52px;
    }
}

.fit-me__states-container .fit-me__state--results .email-wrapper .newsletter-marketing p {
    padding: 0;
}


.fit-me__quiz-container.on .fit-me__quiz-nav .fit-me__top-nav-element .title {
    clear: both;
    color: white;
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 0.75rem;
    line-height: 0.875rem;
    letter-spacing: 1px;
    margin-top: 4px;
}

@media screen and (min-width: 47.5em) {
    .fit-me__quiz-container.on .fit-me__quiz-nav .fit-me__top-nav-element .title {
        text-transform: uppercase;
        clear: none;
    }
}

@media screen and (min-width: 63.75em) {
    .fit-me__quiz-container.on .fit-me__quiz-nav .fit-me__top-nav-element .title {
        margin-top: 4px;
    }
}

.fit-me__states-container .fit-me__state .choice .choice-info p {
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0;
}

.fit-me.loaded.started .fit-me__heading > * {
    font-size: 2.125rem !important;
    line-height: 2rem !important;
    letter-spacing: -1px;
}

@media screen and (min-width: 47.5em) {
    .fit-me.loaded.started .fit-me__heading > * {
        font-size: 3.5rem !important;
        line-height: 3.125rem !important;
        margin-bottom: 15px !important;
        letter-spacing: -1px;
    }
}

@media screen and (min-width: 63.75em) {
    .fit-me.loaded.started .fit-me__heading > * {
        font-size: 4.625rem !important;
        line-height: 4.375rem !important;
        margin-bottom: 15px !important;
        letter-spacing: -1px;
    }
}

.fit-me__quiz-container .fit-me__quiz-nav .fit-me__top-nav-element .circle:after {
    top: 0px;
    left: 0px;
}

.fit-me__states-container .fit-me__state .button.fit-me-use-quickshop {
    margin: 0;
}

.fit-me__state .button {
    border: solid 1px #fff;
}

.product-recommender__state--results .button-primary:hover {
    background: #FFF;
    color: #000;
}

/* iPhone XS  and iPhone XS Max */
@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 3) {
    #mb-app .mb-view, #mb-app .mb-chat {
        height: calc(100vh - 200px);
    }

        #mb-app .mb-chat ~ .mb-pallette, #mb-app .mb-chat ~ .mb-swatch.mb-swatch-visible, #mb-app .mb-chat ~ .mb-makeup {
            bottom: 285px;
        }

    #mb-app .mb-view-transparent-chat .mb-chat ~ .mb-makeup {
        bottom: 85px;
    }

    #mb-app .mb-pallette ~ .mb-responder, #mb-app .mb-swatch.mb-swatch-visible ~ .mb-responder, #mb-app .mb-headshot--wrapper ~ .mb-responder, #mb-app .mb-makeup ~ .mb-responder {
        bottom: 200px;
    }

    #mb-app .mb-view-transparent-chat .mb-makeup ~ .mb-responder {
        bottom: 0;
    }

    #mb-app .mb-view-transparent-chat .mb-section--recommend {
        height: calc(100vh - 200px);
    }

    #mb-app .mb-icon.mb-icon-checkmark {
        background-size: contain;
    }

    .mb-slide-item-container {
        height: 410px;
        min-height: 410px
    }

    #mb-app .mb-section--finish .mb-user-photo img {
        height: calc(100vh - 200px);
    }

    #mb-app .mb-section--coverage .mb-user-photo img {
        height: calc(100vh - 200px);
    }

    #mb-app .mb-headshot--wrapper .mb-headshot img {
        height: calc(100vh - 200px);
    }

    #mb-app .mb-section.mb-section--coverage {
        height: calc(100vh - 200px);
    }

    #mb-app .mb-section.mb-section--finish {
        height: calc(100vh - 200px);
    }

    .mb-section--welcome .mb-welcome {
        bottom: 230px
    }

    #mb-app .mb-recommend-wrapper .mb-slider .slick-list {
        height: 425px;
    }

    #mb-app .mb-recommend-wrapper .mb-match-container {
        height: 410px;
        min-height: 410px;
        overflow-y: auto;
    }

        #mb-app .mb-recommend-wrapper .mb-slider .mb-slide-item-container {
        height: 410px;
    }

        #mb-app .mb-recommend-wrapper .mb-slide-item {
        height: 420px;
        overflow: auto;
    }

    #mb-app .mb-section--shade .mb-shade-list {
        bottom: 286px;
    }

    #mb-app .mb-section--shade .mb-shade-responder {
        bottom: 200px;
    }

    #mb-app .mb-section--shade-adjuster .mb-shade-list {
        bottom: 286px;
    }

    #mb-app .mb-section--shade-adjuster .mb-shade-responder {
        bottom: 200px;
    }

    #mb-app .mb-section--shade-flow .mb-shade-responder {
        bottom: 200px;
    }

    #mb-app .mb-user-photo img {
        height: calc(100vh -113px);
    }

    .popup-content__thumbnail {
        height: 264px;
    }
}

/* iPhone XR */

@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2) {

    #mb-app .mb-view, #mb-app .mb-chat {
        height: calc(100vh - 200px);
    }

        #mb-app .mb-chat ~ .mb-pallette, #mb-app .mb-chat ~ .mb-swatch.mb-swatch-visible, #mb-app .mb-chat ~ .mb-makeup {
            bottom: 285px;
        }

    #mb-app .mb-view-transparent-chat .mb-chat ~ .mb-makeup {
        bottom: 85px;
    }

    #mb-app .mb-pallette ~ .mb-responder, #mb-app .mb-swatch.mb-swatch-visible ~ .mb-responder, #mb-app .mb-headshot--wrapper ~ .mb-responder, #mb-app .mb-makeup ~ .mb-responder {
        bottom: 200px;
    }

    #mb-app .mb-view-transparent-chat .mb-makeup ~ .mb-responder {
        bottom: 0;
    }

    #mb-app .mb-view-transparent-chat .mb-section--recommend {
        height: calc(100vh - 200px);
    }

    .mb-slide-item-container {
        height: 410px;
        min-height: 410px
    }

    #mb-app .mb-section--finish .mb-user-photo img {
        height: calc(100vh - 200px);
    }

    #mb-app .mb-section--coverage .mb-user-photo img {
        height: calc(100vh - 200px);
    }

    #mb-app .mb-headshot--wrapper .mb-headshot img {
        height: calc(100vh - 200px);
    }

    #mb-app .mb-section.mb-section--coverage {
        height: calc(100vh - 200px);
    }

    #mb-app .mb-section.mb-section--finish {
        height: calc(100vh - 200px);
    }

    .mb-section--welcome .mb-welcome {
        bottom: 230px
    }

    #mb-app .mb-recommend-wrapper .mb-slider .slick-list {
        height: 425px;
    }

    #mb-app .mb-recommend-wrapper .mb-match-container {
        height: 410px;
        min-height: 410px;
        overflow-y: auto;
    }

    #mb-app .mb-recommend-wrapper .mb-slider .mb-slide-item-container {
        height: 410px;
    }

      #mb-app .mb-recommend-wrapper .mb-slide-item {
        height: 420px;
        overflow: auto;
    }

    #mb-app .mb-section--shade .mb-shade-list {
        bottom: 286px;
    }

    #mb-app .mb-section--shade .mb-shade-responder {
        bottom: 200px;
    }

    #mb-app .mb-section--shade-adjuster .mb-shade-list {
        bottom: 286px;
    }

    #mb-app .mb-section--shade-adjuster .mb-shade-responder {
        bottom: 200px;
    }

    #mb-app .mb-section--shade-flow .mb-shade-responder {
        bottom: 200px;
    }

    #mb-app .mb-user-photo img {
        height: calc(100vh -113px);
    }
}

/* iPhone X */

@media only screen and (min-device-width: 375px) and (max-device-height:812px) and (-webkit-device-pixel-ratio:3) {
    #mb-app .mb-view, #mb-app .mb-chat {
        height: calc(100vh - 195px);
    }

        #mb-app .mb-chat ~ .mb-pallette, #mb-app .mb-chat ~ .mb-swatch.mb-swatch-visible, #mb-app .mb-chat ~ .mb-makeup {
            bottom: 165px;
        }

    #mb-app .mb-view-transparent-chat .mb-chat ~ .mb-makeup {
        bottom: 85px;
    }

    #mb-app .mb-pallette ~ .mb-responder, #mb-app .mb-swatch.mb-swatch-visible ~ .mb-responder, #mb-app .mb-headshot--wrapper ~ .mb-responder, #mb-app .mb-makeup ~ .mb-responder {
        bottom: 85px;
    }

    #mb-app .mb-view-transparent-chat .mb-makeup ~ .mb-responder {
        bottom: 0;
    }

    #mb-app .mb-iphonex.mb-view--photo .mb-section .mb-responder {
        bottom: 0;
    }

    #mb-app .mb-view-transparent-chat .mb-section--recommend {
        height: calc(100vh - 200px);
    }

    .mb-slide-item-container {
        height: 410px;
        min-height: 410px
    }

    #mb-app .mb-section--finish .mb-user-photo img {
        height: calc(100vh - 200px);
    }

    #mb-app .mb-section--coverage .mb-user-photo img {
        height: calc(100vh - 200px);
    }

    #mb-app .mb-headshot--wrapper .mb-headshot img {
        height: calc(100vh - 200px);
    }

    #mb-app .mb-section.mb-section--coverage {
        height: calc(100vh - 200px);
    }

    #mb-app .mb-section.mb-section--finish {
        height: calc(100vh - 200px);
    }

    .mb-section--welcome .mb-welcome {
        bottom: 230px
    }

    #mb-app .mb-recommend-wrapper .mb-slider .slick-list {
        height: 350px;
    }

    #mb-app .mb-recommend-wrapper .mb-match-container {
        height: 350px;
        min-height: 350px;
        overflow-y: auto;
    }

      #mb-app .mb-recommend-wrapper .mb-slider .mb-slide-item-container {
        height: 350px;
    }

      #mb-app .mb-recommend-wrapper .mb-slide-item {
        height: 360px;
        overflow: auto;
    }

    #mb-app .mb-section--shade .mb-shade-list {
        bottom: 166px;
    }

    #mb-app .mb-section--shade .mb-shade-responder {
        bottom: 80px;
    }

    #mb-app .mb-section--shade-adjuster .mb-shade-list {
        bottom: 166px;
    }

    #mb-app .mb-section--shade-adjuster .mb-shade-responder {
        bottom: 80px;
    }

    #mb-app .mb-section--shade-flow .mb-shade-responder {
        bottom: 80px;
    }

    .popup-content__thumbnail {
        height: 264px;
    }
}

/* iPhone 8 */

@media only screen and (min-device-width: 375px) and (max-device-height:667px) and (-webkit-device-pixel-ratio:2) {
    #mb-app .mb-view, #mb-app .mb-chat {
        height: calc(100vh - 165px);
        min-height: auto;
    }

        #mb-app .mb-chat ~ .mb-pallette, #mb-app .mb-chat ~ .mb-swatch.mb-swatch-visible, #mb-app .mb-chat ~ .mb-makeup {
            bottom: 240px;
        }

    #mb-app .mb-view-transparent-chat .mb-chat ~ .mb-makeup {
        bottom: 85px;
    }

    #mb-app .mb-pallette ~ .mb-responder, #mb-app .mb-swatch.mb-swatch-visible ~ .mb-responder, #mb-app .mb-headshot--wrapper ~ .mb-responder, #mb-app .mb-makeup ~ .mb-responder {
        bottom: 160px;
    }

    #mb-app .mb-view-transparent-chat .mb-makeup ~ .mb-responder {
        bottom: 0;
    }

    #mb-app .mb-view-transparent-chat .mb-section--recommend {
        height: calc(100vh - 165px);
    }

    #mb-app .mb-headshot--wrapper .mb-headshot img {
        height: calc(100vh - 160px);
    }

    #mb-app .mb-section--finish .mb-user-photo img {
        height: calc(100vh - 160px);
    }

    #mb-app .mb-section--coverage .mb-user-photo img {
        height: calc(100vh - 160px);
    }

    #mb-app .mb-recommend-wrapper .mb-recommend-link {
        position: relative
    }

    #mb-app .mb-recommend-wrapper .mb-match-container {
        height: 330px;
        min-height: 330px;
        overflow-y: auto;
    }

    #mb-app .mb-recommend-wrapper .mb-slider .mb-slide-item-container {
        height: 310px;
    }

    #mb-app .mb-recommend-wrapper .mb-slide-item {
        height: 270px;
        overflow: auto;
    }

    #mb-app .mb-headshot--wrapper .mb-headshot .slick-dots {
        bottom: 90px;
    }

    #mb-app .mb-section.mb-section--coverage {
        height: calc(100vh - 165px);
    }

    #mb-app .mb-section.mb-section--finish {
        height: calc(100vh - 165px);
    }

    #mb-app .mb-section--tips .mb-title-lrg {
        font-size: 30px;
        margin-top: 10px
    }

    #mb-app .mb-section--tips .mb-text-bold {
        font-size: 30px;
    }

    #mb-app .mb-section--tips .mb-photo-example {
        height: 155px;
        margin-top: 5px
    }

    #mb-app .mb-section--tips .mb-tips--emoji {
        margin-top: 5px
    }

    #mb-app .mb-section--tips .mb-tips--header {
        margin-top: 10px
    }

    #mb-app .mb-section--tips .mb-line {
        margin-top: 10px
    }

    #mb-app .mb-section--tips .mb-tips--list {
        margin-top: 10px
    }

    #mb-app .mb-section--tips .mb-tips--list-item {
        font-size: 12.5px
    }

    #mb-app .mb-section--shade .mb-shade-list {
        bottom: 250px;
    }

    #mb-app .mb-section--shade .mb-shade-responder {
        bottom: 163px;
    }

    #mb-app .mb-section--shade-adjuster .mb-shade-list {
        bottom: 250px;
    }

    #mb-app .mb-section--shade-adjuster .mb-shade-responder {
        bottom: 163px;
    }

    #mb-app .mb-section--shade-flow .mb-shade-responder {
        bottom: 163px;
    }

    #mb-app .mb-user-photo img {
        height: calc(80vh - 50px);
    }
}

/* iPhone 8 Plus */

@media only screen and (min-device-width: 414px) and (max-device-height:736px) and (-webkit-device-pixel-ratio:3) {
    #mb-app .mb-view, #mb-app .mb-chat {
        height: calc(100vh - 164px);
    }

        #mb-app .mb-chat ~ .mb-pallette, #mb-app .mb-chat ~ .mb-swatch.mb-swatch-visible, #mb-app .mb-chat ~ .mb-makeup {
            bottom: 170px;
        }

    #mb-app .mb-pallette ~ .mb-responder, #mb-app .mb-swatch.mb-swatch-visible ~ .mb-responder, #mb-app .mb-headshot--wrapper ~ .mb-responder, #mb-app .mb-makeup ~ .mb-responder {
        bottom: 85px;
    }

    #mb-app .mb-view.mb-view--avatar .mb-section.mb-section--tone, #mb-app .mb-view .mb-section.mb-section--undertone, #mb-app .mb-view .mb-section.mb-section--avatar-shade {
        height: calc(100vh - 74px);
    }

    #mb-app .mb-view--photo .mb-section .mb-responder {
        bottom: 0;
    }

    #mb-app .mb-headshot--wrapper .mb-headshot img {
        height: calc(100vh - 160px);
    }

    #mb-app .mb-view-transparent-chat .mb-section--recommend {
        height: calc(100vh - 165px);
    }

    #mb-app .mb-section--finish .mb-user-photo img {
        height: calc(100vh - 160px);
    }

    #mb-app .mb-section--coverage .mb-user-photo img {
        height: calc(100vh - 160px);
    }

    #mb-app .mb-recommend-wrapper .mb-slider .slick-list {
        height: 335px;
    }

    #mb-app .mb-recommend-wrapper .mb-recommend-link {
        position: relative
    }

    #mb-app .mb-recommend-wrapper .mb-match-container {
        height: 335px;
        min-height: 335px;
        overflow-y: auto;
    }

        #mb-app .mb-recommend-wrapper .mb-match-container .mb-match-img img {
            max-height: 220px;
        }

    #mb-app .mb-recommend-wrapper .mb-slider .mb-slide-item-container {
        height: 335px;
    }

    #mb-app .mb-recommend-wrapper .mb-slide-item {
        height: 335px;
        overflow: auto;
    }

    #mb-app .mb-section.mb-section--coverage {
        height: calc(100vh - 165px);
    }

    #mb-app .mb-section.mb-section--finish {
        height: calc(100vh - 165px);
    }

    #mb-app .mb-headshot--wrapper .mb-headshot .slick-dots {
        bottom: 90px;
    }

    #mb-app .mb-section.mb-section--coverage {
        height: calc(100vh - 160px);
    }

    #mb-app .mb-section.mb-section--finish {
        height: calc(100vh - 160px);
    }

    #mb-app .mb-section--tips .mb-title-lrg {
        font-size: 30px;
        margin-top: 10px
    }

    #mb-app .mb-section--tips .mb-text-bold {
        font-size: 30px;
    }

    #mb-app .mb-section--tips .mb-tips--emoji {
        margin-top: 5px
    }

    #mb-app .mb-section--tips .mb-tips--header {
        margin-top: 10px
    }

    #mb-app .mb-section--tips .mb-line {
        margin-top: 10px
    }

    #mb-app .mb-section--tips .mb-tips--list {
        margin-top: 10px
    }

    #mb-app .mb-section--tips .mb-tips--list-item {
        font-size: 12.5px
    }

    #mb-app .mb-section--shade .mb-shade-list {
        bottom: 246px;
    }

    #mb-app .mb-section--shade .mb-shade-responder {
        bottom: 160px;
    }

    #mb-app .mb-section--shade-adjuster .mb-shade-list {
        bottom: 246px;
    }

    #mb-app .mb-section--shade-adjuster .mb-shade-responder {
        bottom: 160px;
    }

    #mb-app .mb-section--shade-flow .mb-shade-responder {
        bottom: 160px;
    }

    #mb-app .mb-iphone-ios11-safari .mb-user-photo img {
        height: calc(80vh - 25px);
    }
}
    .mb-container.disable-consent .mb-responder-item.mb-responder-item--disabled .mb-responder-item-link {
	    background: #ff1d5e;
	    pointer-events: auto;
    }

    .mb-container.disable-consent .mb-section--legal .mb-checkbox-label:before {
	    display: none;
    }

    .mb-container.disable-consent .mb-section--legal .mb-checkbox-label span {
	    margin-left: 0;
    }

.Mny_container {
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
} 

.Footer_dir_row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: initial;
	flex-wrap: initial;
}  

.clearfix::after {
	display: block;
	clear: both;
	content: "";
}
.direction_column{
	   flex-direction: column;
}
@media (max-width: 767px) { 
	.Mny_container {
        width: 100%;
        padding: 0 15px;
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
    
	.Mny_container{
		width: 708px;
  }	
}
@media (min-width: 1024px) and (max-width: 1279px) {
	.Mny_container {
		width: 904px;	
  }
}
/*** Large screen View ***/
@media (min-width: 1280px) {
	.Mny_container{
		width: 1200px;		
	}	
}
@media (min-width: 1281px)  {
	.Mny_container{
		width: 1320px;		
	}
}
.btn {
    height: 44px;
    cursor: pointer;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    padding: 11px 0;
	font-family: "Neue Helvetica W01_79 C1289709";
    font-weight: bold;
    display: block;
}
.btn-primary {
    background: #000;
    color: #fff;
}
.btn-secondary {
    background: #fff;
    color: #000;
}
/* SHOP YOUR WAY */
.shopyouway {
    padding: 73px 0 80px;
    min-height: 423px;
    position: relative;
    background-size: cover;
    background-position: center;
}
.shopyouway_banner {
    position: absolute;
    left: 0;
    top: 0;
	height: 423px;
	width: 100%;
}
.shopyouway_left {
    flex: 0 0 40%;
}
.shopyouway_left h2 {
    margin: 0;
    font-family: "Helvetica Neue LT W01_75 Bold";
    color: #fff;
    font-size: 70px;
    text-transform: uppercase;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.86;
    letter-spacing: -1.87px;
}
.shopyouway_left p {
    margin: 35px 0 0;
    font-family: "Helvetica Neue LT W05_55 Roman";
    color: #fff;
    font-size: 16px;
    letter-spacing: normal;
    line-height: 1.29;
}
.shopyouway_right {
    flex: 0 0 60%;
    justify-content: center;
}
.shop_all {
	font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 24px;
    line-height: 1;
    display: inline-block;
    height: 35px;
    top: 0;
    right: 3px;
    letter-spacing: 1px;
    color: #fff;
    position: absolute;
    text-decoration: none;
}
.shop_all::after {
	float: right;
	background: #fff url(../img/black_arrow.png) no-repeat center;
	height: 34px;
	background-size: 20px 18px;
	width: 34px;
	margin: -5px 0 0 10px;
	content: "";
	border-radius: 50%;
}
.shop_tag_container {
    width: 90%;
    margin: 80px auto 40px;
    text-align: center;
}
.shop_tag {
    height: 40px;
    padding: 0 15px;
    object-fit: contain;
    border-radius: 20px;
    font-weight: bold;
    line-height: 1.11;
    letter-spacing: 0.5px;
    font-size: 18px;
    cursor: pointer;
    font-family: "Neue Helvetica W01_79 C1289709";
    color: #000;
    border: solid 2px #fff;
    background-color: #fff;
    margin: 0 10px 10px;
    display: inline-block;
}
.shop_tag.tag_selected {
    color: #fff;
    border: solid 2px #fff;
    background-color: #fb2460;
}
.shop_selection {
    width: 352px;
    height: 44px;
    background: #fff;
    color: #000;
    margin: 0 auto;
    cursor: pointer;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: bold;
    padding: 11px 0;
    font-family: "Neue Helvetica W01_79 C1289709";
    display: block;
}
.shop_selection span {
	display: inline-block;
	width: 35px;
	text-align: left;
}
.shop_selection small {
	 font-size: 18px;
}
.shop_disabled {
    background: none repeat scroll 0 0 burlyWood;
    cursor: default !important;
	pointer-events: none;
}
.shop_disabled{
	background: #a7a8aa;
	cursor: default !important;
	pointer-events: none;
}
.shopyouway.module-stateful {
  width: 100%;
}
#shop_overlay{
  position: absolute;
   top: 0;
   left: 0;
   align-items: center;
   justify-content: center;
   display: flex;
   width: 100%;
   background: rgba(0,0,0,0.8);
   text-align: center;
   bottom: 0;
   z-index:1;
}
#shop_overlay img {
   width: 100px;
   height: 100px;
}

/*** Mobile View ***/
@media (max-width: 767px) { 
	/* SHOP YOUR WAY */	
	.shopyouway {
        padding: 30px 0 30px;
        min-height: 518px;
    }	
    .shopyouway_banner {
        min-height: 518px;
        max-width: 100%;
    }
    .shop_all {
        display: inline-block;
        margin: 25px 0;
        position: relative;
        font-size: 18px;
        letter-spacing: 1.5px;
    }
    .shop_all::after {
        height: 24px;
        width: 24px;
        background-size: 14px 12px;
        margin: -2px 0 0 10px;
    }
    .shop_tag {
        margin: 0 6px 8px;
    }
    .shopyouway_left {
        flex: 0 0 100%;
    }
    .shopyouway_left h2 {
        font-size: 40px;
        letter-spacing: -1.33px;
    }
    .shopyouway_left p {
      margin: 8px 0 0 ;
      font-size: 14px;
  }
    .shopyouway_right {
        flex: 0 0 100%;
    }
    .shop_tag_container {
        margin: 0 0 15px -6px;
        width: 100%;
        text-align: left;
    }
    .shop_selection {
        padding: 11px 5px;
        width: auto;
    }
}
@media (max-width: 374px) {
    .shopyouway_left h2 {
      font-size: 30px;
      letter-spacing: -1.33px;
  }
    .shop_tag {
      font-size: 16px;
    }
    .shopyouway {
        padding: 30px 0;
    }
}

/*** Tab portrait View ***/
@media (min-width: 768px) and (max-width: 1023px) {
	/* SHOP YOUR WAY */	
	.Mny_container {
        flex-wrap: wrap;
    }
    .shopyouway {
        min-height: 400px;
        padding: 38px 0 30px;
    }
    .shopyouway_left {
        flex: 0 0 100%;
    }
    .shopyouway_left h2 {
        font-size: 50px;
        letter-spacing: -1.33px;
    }
    .shopyouway_left p {
      margin: 8px 0 0 ;
      font-size: 14px;
  }
    .shopyouway_right {
        flex: 0 0 100%;
    }
    .shop_tag_container {
        margin: 30px auto 40px;
  }
  .shop_tag {
		padding: 0 15px;
	}
	.shop_all {
		right: 10px;
        font-size: 18px;
        letter-spacing: 1.5px;
	}
	.shop_all::after {
		height: 24px;
		width: 24px;
		background-size: 14px 12px;
		margin: -2px 0 0 10px;
	}

	
}

/*** Tab landscape  View ***/
@media (min-width: 1024px) and (max-width: 1279px) {
	/* SHOP YOUR WAY */	
	.shopyouway {
		padding: 35px 0 0;
	}
	.shopyouway_left h2 {
        font-size: 50px;
        letter-spacing: -1.33px;
	}
	.shopyouway_left p {
		width: 300px;
		margin: 18px 0 0;
		font-size: 14px;
	}
	.shop_all {
		right: 10px;
		font-size: 18px;
        letter-spacing: 1.5px;
	}
	.shop_all::after {
		height: 24px;
		width: 24px;
		background-size: 14px 12px;
		margin: -2px 0 0 10px;
	}
    .shopyouway_left {
        flex: 0 0 38%;
    }
    .shopyouway_right {
        flex: 0 0 62%;
        justify-content: center;
    }
    .shop_tag_container {
        width: 100%;
        margin: 78px auto 40px;
        text-align: center;
	}

	
}

.black_btn {
	font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 18px;
    line-height: 1;
    display: inline-block;
    height: 24px;
    top: 0;
    right: 3px;
    letter-spacing: 1px;
    color: #000;
    position: absolute;
	text-decoration: none;
	text-transform: uppercase;
	background: transparent;
	border: none;
}
.black_btn::after {
	float: right;
	background: #000 url(../img/white_arrow.png) no-repeat center;
	height: 24px;
	background-size: 14px 13px;
	width: 24px;
	margin: -2px 0 0 10px;
	content: "";
	border-radius: 50%;
}
.white_btn {
	font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 24px;
    line-height: 1;
    display: inline-block;
    height: 35px;
    top: 0;
    right: 3px;
    letter-spacing: 1px;
    color: #fff;
    position: absolute;
	text-decoration: none;
	text-transform: uppercase;
	background: transparent;
	border: none;
}
.white_btn::after {
	float: right;
	background: #fff url(../img/black_arrow.png) no-repeat center;
	height: 24px;
	background-size: 14px 13px;
	width: 24px;
	margin: -2px 0 0 10px;
	content: "";
	border-radius: 50%;
}
  

.component {
	border-top: 2px solid #000;
	margin: 60px 0;
	padding-top: 35px;
	position: relative;
}
.component .black_btn, .component .white_btn {
	position: absolute;
	right: 0;
	top: 35px;
}
.component h2 {
	font-family: "Helvetica Neue LT W01_75 Bold";
	font-size: 70px;
	width: 400px;
	line-height: 0.86;
	letter-spacing: -1.87px;
	color: #000;
	text-transform: uppercase;
	margin: 0 0 42px;
	  
}
.primary_btn {
    height: 44px;
    background: #fff;
    color: #000;
    cursor: pointer;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    padding: 11px 0;
	font-family: "Neue Helvetica W01_79 C1289709";
    font-weight: bold;
    display: block;
}
  /*NEW PRODUCTS*/
.new_product {
	margin: 0;
	padding: 0;
  width: 100%;  
  list-style: none;
  display: flex;
  justify-content: center;
}
.new_product li {
  width: 315px;
  height: 472px;
  overflow: hidden;
  margin-right: 20px;
  position: relative;
}
.new_product li a {
    display: block;
    height: 100%;
    color: #000;
}
.new_product li:nth-last-child(2) {
  margin-right: 0;
}

.new_product li img {
  max-width: 100%;
}
.product_details {
  position: absolute;
  right: 15px;
  bottom: 40px;
}
.product_details h3 {
  font-family: "Neue Helvetica W01_79 C1289709";
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  margin: 0 ;
  white-space: normal;
}
.new_product li h3:hover {
    text-decoration: underline;
  }
.product_details p {
  font-family: "Neue Helvetica W01_59 Comp";
  font-size: 20px;
  letter-spacing: 0.2px;
  line-height: 1;
  margin: 0 0 35px;
  text-transform: uppercase;
}
.shop_now {
    font-family: "Neue Helvetica W01_79 C1289709";
    background:url(../img/black_arrow.png) no-repeat right;
    background-size: 11px 10px;
    font-size: 16px;
    display: inline-block;
    height: 16px;
    line-height: 0.88;
    letter-spacing: .5px;
    padding-right: 20px;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
}


/*** Mobile View ***/
@media (max-width: 767px) { 
    .component {
		margin: 35px 0;
		padding-top: 15px;
	}
	
	.component h2 {
		font-size: 40px;
		width: 250px;
		margin: 0 0 10px;
		line-height: 0.88;
  		letter-spacing: -1.33px;
	}
	.component .black_btn, .component .white_btn {
		position: relative;
		top: 0;
        margin: 0 0 15px;
        letter-spacing: 1.5px;
	}
  
/*NEW PRODUCTS*/
.product_container {
  margin-left: 0;
  display: flex;
  justify-content: start;
}
.new_product {
  margin-left: -15px;
  padding-left: 15px;
  overflow-x: auto;
  width: calc(100% + 30px);
  display: block;
  overflow-y: hidden;
  text-align: center;
  white-space: nowrap;  
  height: 472px;
  -webkit-overflow-scrolling: touch;   
}
.new_product::-webkit-scrollbar {    
  display: none;
}	 
.new_product li {   
   display: inline-block;
   float: none;
   text-align: left;
   margin-right: 4px;
   vertical-align: top;
}
.product_details {
  right: 20px;
}
.product_details h3 {
    letter-spacing: 0.2px;
    width: 130px;
  }
  .product_details p {
    font-size: 20px;
    margin: 0 0 45px;
    letter-spacing: 0.2px;
  }
.shop_now {
  font-size: 18px;
  line-height: 1;
  letter-spacing: 1.25px;
}
}

/*** Tab portrait View ***/
@media (min-width: 768px) and (max-width: 1023px) {
    .component {
		margin: 40px 0;
		padding-top: 25px;
	}
	.component h2 {
		font-size: 50px;
		width: 300px;
		margin: 0 0 35px;
		line-height: 0.88;
  		letter-spacing: -1.33px;
    }
    .component .black_btn, .component .white_btn {
        letter-spacing: 1.5px;
	}
   /*NEW PRODUCTS*/
   .product_container {
	  display: flex;
	  justify-content: start;
   }
   .new_product {
    margin-left:-30px;
    padding-left:30px;
    width: calc(100% + 30px);
	  overflow-x: auto;
      display: block;
      overflow-y: hidden;
      text-align: center;
      white-space: nowrap;  
      height: 327px;
      -webkit-overflow-scrolling: touch;
   }	 
   .new_product::-webkit-scrollbar {    
    display: none;
  }	
   .product_details {
     bottom: 25px;
   }
   .new_product li {
	   width: 218px;
	   height: 327px;
	   display: inline-block;
       float: none;
       text-align: left;
       margin-right: 6px;
       vertical-align: top;
   }
   .product_details h3 {
    font-size: 1.375rem;
    letter-spacing: 0.5px;
    line-height: 1.27;
    }
  .product_details p {
    font-size: 16px;
    margin: 0 0 15px;
    line-height: 1.25;
    letter-spacing: 0.2px;
  }
  .shop_now {
    line-height: 0.88;
    letter-spacing: 0.5px;
  }
}

/*** Tab landscape  View ***/
@media (min-width: 1024px) and (max-width: 1279px) {
    .component {
		margin: 60px 0;
		padding-top: 18px;
	}
	.component h2 {
		font-size: 50px;
		width: 300px;
		margin: 0 0 25px;
		line-height: 0.88;
  		letter-spacing: -1.33px;
    }	
    .component .black_btn, .component .white_btn {
        letter-spacing: 1.5px;
	}
  /*NEW PRODUCTS*/
  .new_product li {	 
      width: 218px;
      height: 327px;
	  margin-right: 10px;
  }
  .product_details h3 {
    font-size: 1.375rem;
    letter-spacing: 0.5px;
    line-height: 1.27;
    }
  .product_details p {
    font-size: 16px;
    margin: 0 0 15px;
    line-height: 1.25;
    letter-spacing: 0.2px;
  }
  .shop_now {
    line-height: 0.88;
    letter-spacing: 0.5px;
  }  
}
/*** Large screen View ***/
@media (min-width: 1280px) {
    .black_btn, .white_btn {
		font-size: 24px;
		letter-spacing: 1px;
	}
	.black_btn::after, .white_btn::after {
		width: 34px;
		height: 34px;
		background-size: 20px 18px;
		margin: -5px 0 0 10px;
	}	
    /*NEW PRODUCTS*/  
    .product_details h3 {
      font-size: 2rem;
      line-height: 1;
      letter-spacing: 0.2px;
    }
    .product_details p {
      font-size: 20px;
      margin: 0 0 25px;
      line-height: 1;
      letter-spacing: 0.2px;
    }
    .new_product li {
        width: 285px;
        height: 428px;
      }
      .shop_now {
          font-size:18px;
      }
}
@media (min-width: 1281px)  {
  .Mny_container{
	  width: 1320px;		
  }
  .black_btn, .white_btn {
    font-size: 24px;
    letter-spacing: 1px;
}
.black_btn::after, .white_btn::after {
    width: 34px;
    height: 34px;
    background-size: 20px 18px;
    margin: -5px 0 0 10px;
}	
    .new_product li {
        width: 315px;
        height: 472px;
    }
}
.best_sellers {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}
.best_sellers li {
    margin-right:8px;
    width: 213px;    
}
.best_sellers li:nth-last-child(2){
  margin-right: 0;
}
.best_sellers li .seller_box {
    width: 100%;
    margin:  0 0 10px;
}
.best_sellers li .seller_box img {
    max-width: 100%;
}
.best_sellers a {
    text-decoration:none;
    color: #000;
}
.best_sellers h3 {
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 18px;
    font-weight: bold;
    line-height: 1.11;
    letter-spacing: 0.5px;
    text-transform: uppercase;    
    margin:0;
    white-space: initial;
    text-align: left;
}
.best_sellers h3:hover {
    text-decoration: underline;
}

/*** Mobile View ***/
@media (max-width: 767px) { 
  
    /*BEST SELLERS*/
    .best_sellers {
        margin-left: -15px;
        padding-left: 15px;
        overflow-x: auto;
        overflow-y: hidden;
        width: calc(100% + 15px);
        display: block;
        white-space: nowrap;
        text-align: center;
      }
    .best_sellers li {
        width: 213px;
        display:inline-block; 
        vertical-align: top;
        margin-right: 3px;
    }
    .best_sellers li .seller_box {
        margin: 0 0 5px;
    }
    .best_sellers h3 {
        line-height: 1.11;
        letter-spacing: 0.5px;
    }

}
    
/*** Tab portrait View ***/
@media (min-width: 768px) and (max-width: 991.98px) {
    /*BEST SELLERS*/
    .best_sellers {
    margin-left: -30px;
    padding-left: 30px;
    overflow-x: auto;
    overflow-y: hidden;
    width: calc(100% + 30px);
    display: block;
    white-space: nowrap;
    text-align: center;
    }
    .best_sellers li {
        margin-right: 5px;
        width: 142PX;
        display:inline-block; 
        vertical-align: top;
    }
}
    
/*** Tab landscape  View ***/
@media (min-width: 1024px) and (max-width: 1279px) {
    
    /*BEST SELLERS*/
    .best_sellers li {
        margin-right: 10px;
        width: 142PX;
        float: left;
    }
      
}
/*** Large screen View ***/
@media (min-width: 1280px) {
    /*BEST SELLERS*/
    .best_sellers li {
        width: 193px;
    } 
}
@media (min-width: 1281px) {
    /*BEST SELLERS*/
    .best_sellers li {
        width: 213px;
    } 
}


/* news_letter */
.newsletter__form-email {
    width: 100% !important;
}
.news_letter {
	min-height: 720px;
	position: relative;
    color: #fff;
    padding-bottom: 60px;
    background-size: cover;
    background-position: center;
}
 .news_letter.module-stateful {
     width:100% !important;
     margin: 0 !important;
 }
.news_opacity {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.news_letter .news_bg {
	width: 100%;
	position: absolute;
	left: 0;
	height: 100%;
	right: 0;
	top: 0;
}
.news_letter h2 {
	font-family: "Helvetica Neue LT W01_75 Bold";
	font-weight: bold;
	width: 380px;
	line-height: 0.86;
	letter-spacing: -1.87px;
	font-size: 70px;
    margin: 80px 0 40px;
    text-transform: uppercase;
}
.news_letter p {
	font-family: "Helvetica Neue LT W05_55 Roman";
	font-size: 16px;	
	margin: 0;
	line-height: 1.25;
	letter-spacing: normal;
}

.news_letter .footer_copy {
    color: #FFF;
    width: 100%;
    font-size: 14px;
    margin-top: 16px;
}
.news_letter .footer_copy a{
    color: #FFF;
}

.news_letter .footer_copy a:hover{
    color: #fb2460;
}

.email_box {
	position: relative;	
    margin-top: 273px;
    height: auto !important;
    padding: 10px 0 20px 15px;
}
.email_box .white_btn {
	right: 0;
	bottom: 20px;
	cursor: pointer;
    top:initial;
    background: transparent;
    color: #fff;
    width: auto !important;
    padding: 0;
}
.email_box .white_btn:active b,
.email_box .white_btn:focus b
{
    position: relative;
    top: 0px;
	left: 0px;
	color: #fff;;
}
.email_box .white_btn::after {
	position: relative;
    top: 0px;
	left: 0px;
}
.email_box .white_btn:hover {
    background: transparent;
    color: #fff;
}
.form .floating-input {
    height: auto !important;
}
.form-group {
	display: flex;
	flex-wrap: wrap;
}
.control-label {
	font-family: "Neue Helvetica W01_79 C1289709";
	font-size: 28px;
    letter-spacing: 0.88px;
    color:#fff;
    pointer-events: none;
    position: absolute;
    line-height: 26px;
	transform: translate3d(0, 0, 0) scale(1);
    transform-origin: left top;
    transition: 240ms;    
    text-transform: uppercase;
}
.form-group.focused .control-label {
    opacity: 1;
	transform: scale(1);
	font-size: 14px;
	margin-top: -15px;
	letter-spacing: 0.44px;
    line-height: 14px;
}

.form-control {
	font-family: "Neue Helvetica W01_79 C1289709";
	font-size: 28px;
	width: 100%;
	letter-spacing: 0.88px;
	background: transparent;
	padding: 0 !important;
	color: #fff;
    border: none;
    height: 28px !important;
}
.form-group small {
	height: 2px;
	display: block;
	background: #fff;
	width: 100%;
    padding: 0;
    position: absolute;
    left: 0;
    bottom: 0;
}
.form-control:focus {
	outline: none;
}
.form-control::-webkit-input-placeholder {
    font-family: "Neue Helvetica W01_79 C1289709";
	font-size: 28px;
	color: transparent;
	color: #fff;
    transition: 240ms;
}
.form-control:-ms-input-placeholder {
	font-family: "Neue Helvetica W01_79 C1289709";
	font-size: 28px;
	color: #fff;
  }
.form-control::placeholder {
	font-family: "Neue Helvetica W01_79 C1289709";
	font-size: 28px;
	color: transparent;
  }
.form-group.focused small{
	box-shadow:  0px 0px 6px 6px #fb2460;
	-moz-box-shadow:  0px 0px 6px 6px #fb2460;
	-webkit-box-shadow:  0px 0px 6px 6px #fb2460;
}
.form-control:focus::-webkit-input-placeholder {
	transition: none;
	color: #fff;
}
.form-control:focus::placeholder {
	color: #fff;
}
.email_box span {
	color: red;
	font-size: 14px;
	left: 15px;
	top: -35px;
	position: absolute;
	font-family: "Neue Helvetica W01_79 C1289709";
}
.form-group.focused .form-control::-webkit-input-placeholder {
    color: #bbb;
}

.newsletter__form-email .newsletter__message, .newsletter__form-email .newsletter__message.error {
	top: -25px;
    position: absolute;
}

.newsletter__form-email .form-control{
	padding-right:80px;
	width:90%;
}
.email_box .white_btn {
    display: flex;
    align-items: center;
}
.email_box .white_btn::after {
    margin: 0 0 0 10px;
}	
/*** Mobile View ***/
@media (max-width: 767px) { 
	
	 /* news_letter */
	 .news_letter {
        min-height: 462px;
        padding-bottom: 30px;
    }
    .newsletter__form {
        width: 100% !important;
      }
	.news_letter .news_bg {
		height: 462px;
	}
	.news_letter h2 {
		font-size: 40px;
		margin: 30px 0 10px;
		width: 260px;
		line-height: 0.95;
  		letter-spacing: -1.49px;
	}
	.news_letter p {
		font-size: 14px;
        width: 290px;
        line-height: 1.29;
	}
	.control-label  {
		font-size: 18px;
		margin-left: 0;
		letter-spacing: 0.57px;
        line-height: 18px;
	}
	.form-group.focused .control-label {
		font-size: 10px;
		letter-spacing: 0.32px;
        line-height: 10px;
	}
	.email_box {
		margin-top: 190px;
        padding: 10px 100px 18px 0;
    }
    .email_box span {
        left: 0;
        top: -25px;
	}
	.form-control {
		font-size: 18px;
        padding: 0 !important;
		letter-spacing: 0.57px;
        height: 18px !important;
	}
	.form-control::-webkit-input-placeholder {		
		font-size: 18px;
	  }
	  
	.form-control:-ms-input-placeholder {
	font-size: 18px;
	}
	
	.form-control::placeholder {
	font-size: 18px;
	}
	.form-group.focused .control-label {
		margin-top: -12px;
	}
    .email_box .white_btn {
        bottom: 8px;
        width: auto;
        font-size: 18px;
        letter-spacing: 1.5px;
      }
      .email_box .white_btn::after {
        height: 24px;
        background-size: 14px 13px;
        width: 24px;
        margin: 0 0 0 10px;
    }
	.newsletter__form-email .newsletter__message, .newsletter__form-email .newsletter__message.error {
		top: -30px;
        width: 300px;
        line-height: 1;
	}
	
	.newsletter__form-email .form-control{
		width:100%;
	}
	
}

/*** Tab portrait View ***/
@media (min-width: 768px) and (max-width: 1023px) {
    
 	 /* news_letter */
	.news_letter {
        min-height: 384px;
        padding-bottom: 40px;
	}
	.news_letter h2 {
		font-size: 50px;
		margin: 30px 0 20px;
		line-height: 0.88;
		letter-spacing: -1.33px;
		width: 300px;
	}
	.news_letter p {
		font-size: 14px;
		width: 300px;
		line-height: 1.29;
	}
	.control-label  {
		font-size: 24px;
		letter-spacing: 0.76px;
	}
	.form-control  {
		font-size: 24px;
		letter-spacing: 0.76px;
    }
    .email_box {        
		margin-top: 126px;
	}
    .email_box .white_btn {
        bottom: 8px;
        width: auto;
        font-size: 18px;
        letter-spacing: 1.5px;
      }
	
}

/*** Tab landscape  View ***/
@media (min-width: 1024px) and (max-width: 1279px) {
	/* news_letter */
	.news_letter,.news_letter .news_bg {
		min-height: 512px;
    }
    .news_letter {
        min-height: 512px;
        padding-bottom: 40px;
	}
	.news_letter h2 {
		font-size: 50px;
		margin: 30px 0 20px;
		line-height: 0.88;
		letter-spacing: -1.33px;
		width: 300px;
	}
	.news_letter p {
		font-size: 14px;
		width: 300px;
		line-height: 1.29;
	}
	.control-label {
		font-size: 24px;
		letter-spacing: 0.76px;
	}	
	.form-group.focused .control-label {
		font-size: 16px;
	}
	.email_box {        
		margin-top: 190px;
	}
	.form-control{
		font-size: 24px;
		letter-spacing: 0.76px;		
    }
    .email_box .white_btn {
        font-size: 18px;
        letter-spacing: 1.5px;
      }
	  
	.newsletter__form-email .newsletter__message, .newsletter__form-email .newsletter__message.error {
		top: -15px;
		position:absolute;
	}
	
}
/* Footer */
.Footer {
	background: #000;
	height: auto;
	padding: 30px 0 40px;
}
.Footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.Footer .nav {
	float: left;
}
.Footer .nav li {	
    margin-right: 45px;
    margin-bottom: 10px;
	float: left;
}
.m_country {
    width: 70%;
}
.Footer .nav li a {
	text-decoration: none;
	font-family: "Neue Helvetica W01_79 C1289709";
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.Footer .nav li a:hover {
    color: #fc2561;
  }
.social_nav {
    float: right;
    width: auto;
}
.social_nav li {
	margin: 0 0 0 20px;
	float: left;
}
.social_nav a {
	text-decoration: none;
	color: #6f6f6f;
	font-size: 20px;
}
.social_nav a:hover {
    color:#fc2561 !important;
}
.terms_nav {
    width: 85%;
    display: inline-flex;
    flex-direction: column-reverse;
  }
  .terms_nav li:first-child {
    margin-top: 20px;
}
.terms_nav li {
	font-family: "Helvetica Neue LT W05_55 Roman";
	font-size: 10px;
    color: #fff;
    letter-spacing: normal;
}
.terms_nav li a {	
	letter-spacing: 1px;
	text-decoration: none;
	display: inline-block;
	font-family: "Helvetica Neue LT W05_55 Roman";
	font-size: 10px;
    color: #fff;
    letter-spacing: normal;
    border-right: 1px solid #fff;
	padding-right: 10px;
    margin-right: 10px;
    margin-top: 20px;
}
.terms_nav li a:hover {	
    color: #fc2561;
  }
.terms_nav li a:last-child {	
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}
.contry_select {
    margin: 70px 0 0 !important;
}
.contry_select .drop-select--lang {
    float:  right;
    float: right;
    padding-bottom: 6px;
    width: 150px;
    margin-top: 10px;
}
.contry_select .custom-select {
    margin: 0 !important;
    line-height: 1;
    height: auto;
    font-family: "Neue Helvetica W01_79 C1289709";
    letter-spacing: 1px;
    color: #fff;
    padding: 0 25px 6px 0;
    width: 150px;
   background:transparent;
   border-bottom:1px solid #fff;
}
.contry_select .custom-select span {
  position: absolute;
  right: 0;
  top: 0;
}
.contry_select .custom-select:hover {
    color: #fff;
}
.contry_select .custom-select p {
    margin: 0;
    font-size: 12px;
    letter-spacing: 1px;
}
.contry_select .chosen-drop.countrySelect {
    width: 150px;
}
.contry_select .drop-select--lang div[name="country"]:not(:first-child) {
    display: none !important;
}
.contry_select .drop-select--lang div[name="country"]:not(:first-child) + .drop-open {
    display: none !important;
}
.chosen-with-drop span {
    /* transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg); */
   color: #fc2561;

}
.Footer .drop-select .chosen-container .chosen-results {
    background: #222222;
    border: 1px solid #999999;
}
.Footer .footer-adchoice, .Footer .footer-adchoice p, .Footer .footer-adchoice a {
    font-family: "Helvetica Neue LT W05_55 Roman";
    font-size: 10px;
    color: #fff;
    letter-spacing: normal;
}
.Footer .footer-adchoice a {
    font-weight: bold !important;
    text-decoration: none;
}
.Footer .footer-adchoice a:hover {
    color: #fc2561;
}
/*** Mobile View ***/
@media (max-width: 767px) { 	
	/* Footer */
	.Footer {
		margin:  3px 0 0;
        padding: 30px 0;
		height: auto;
    }  
    
    .m_country {
        width: auto;
    }
    .Footer .nav li {
        margin-bottom: 24px;
    }
    .Footer .nav li a  {
        letter-spacing: 1.5px;
    }
	 .social_nav {
        width: 100% !important;
    }
    .Footer .direction_column {
        align-items: start;
    }
	.m_Footer {
		display: flex;
        flex-direction: column-reverse;  
        width: 100%;
	}
	.m_Footer .nav{
        float: none;
        width: 40%;
	}
	.m_Footer .nav li {
        float: none;
        margin-right: 0;
    }
    .m_Footer .nav li a {
        word-break: break-word;
    }
	.m_Footer .social_nav {
		margin:0 0 30px;
	}
	.m_Footer .social_nav li {
		margin: 0 22px 0 0;
	}
	.m_country {
		display: flex;
		flex-direction: row-reverse;
	}
    .contry_select {
        margin:  0 !important;
    }
	.terms_nav {	
		display: flex !important;
		text-align: left;
		flex-wrap: wrap;
        flex-direction: column-reverse;
        width: 100%;
	}
    .terms_nav li {
        margin:  0 ;
        letter-spacing: normal;
      }	
      .terms_nav li a {
        letter-spacing: -0.25px;
        margin-bottom: 10px;
    }	
    .contry_select .drop-select--lang {
        position: absolute;
        top: 50px;
        left: 20px;
        margin-top: 0;
      }	
      .contry_select .custom-select p {
        letter-spacing: normal;
      }
}

/*** Tab portrait View ***/
@media (min-width: 768px) and (max-width: 991.98px) {   
	/* Footer */
	.Footer {
        height: auto;
        padding: 38px 0 40px;
    }
    .m_country {
        width: auto;
    }
	.Footer .nav li {
		float: none;
		margin: 0 0 22px 0;
    }
    .Footer .nav li a  {
        letter-spacing: 1.5px;
    }
	.contry_select {
		margin: 10px 0 0 !important;
	}
	.terms_nav li a {
        letter-spacing: -0.25px;
    }
    .contry_select .custom-select p {
        letter-spacing: normal;
    }
    .terms_nav {        
        width: 70%;
    }
    
}
@media (min-width: 1024px) and (max-width: 1279px) {
    .m_country {
      width: 580px;
      display: inline-block;
    }
    .Footer .nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
    }
    .Footer .nav li {
      margin-right: 30px;
      margin-bottom: 10px;
    }
    .terms_nav {        
        width: 70%;
    }
  }  
/*Sketchfab integration*/
* {
  box-sizing: border-box;
}

.sketchfab-container {
  display: flex;
  flex-direction: column;
  height: 300px;
}

.iframe-container {
  position: relative;
  width: 380px;
  flex: 1;
  display: flex;
  z-index: 9;
}

.iframe-container>iframe {
  border: 0;
  width: 100%;
  flex: 1;
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
	.sketchfab-container {
		height: 510px;
		position: absolute;
	}
	.iframe-container {
		width: 344px;
	}
	.sketchfab-close {
		position: relative;
		left: 46%;
	}
	.product-info__left-item.sketchfab-container .button {
		position: relative;
		top: 48%;
	}
}
		
@media screen and (max-width: 47.5em) {
    .site-container{
        overflow:auto !important;
    }
    .iframe-container {
		position: absolute;
        width: 200px;
		margin: auto;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
    }
	.sketchfab-close {
		position: relative;
		left: 25%;
	}
	.sketchfab-close:before {
		font-size: 1.4rem;
	}
	.product-info__color-overlay.sketchfab-container .button {
		position: relative;
		top: 44%;
	}
}

/*TOOL AND SERVICES*/
.tool__description {
    font-family: "Helvetica Neue LT W05_55 Roman";
    font-size: 14px;
    line-height: 1.29;
    width: 380px;
    margin: 15px 0 22px;
}

.tool-card {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

.tool-card__item {
    margin-right: 19px;
    width: 32.349%;
    overflow: hidden;
}

    .tool-card__item a {
        text-decoration: none;
    }

    .tool-card__item:nth-last-child(2) {
        margin-right: 0;
    }

.tool-card__thumbnail {
    width: 100%;
    display: block;
}

.tool-card__info {
    background: #000;
    width: 100%;
    height: 194px;
    padding: 25px 20px;
    position: relative;
    background-size: cover;
    background-position: center;
}

.tool-card_title {
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 32px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    margin: 0;
    color: #fff;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tool-card__description {
    font-family: "Helvetica Neue LT W05_55 Roman";
    font-size: 16px;
    line-height: 1.25;
    color: #fff;
    margin: 10px 0 24px;
    height: 60px;
    overflow: hidden;
    white-space: normal;
}

.tool-card__link {
    font-family: "Neue Helvetica W01_79 C1289709";
    background: url(../img/white_arrow.png) no-repeat right;
    background-size: 13px 12px;
    font-size: 18px;
    display: inline-block;
    height: 16px;
    line-height: 1;
    letter-spacing: 1.25px;
    padding-right: 20px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    min-width: 105px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ellip {
    display: block;
    height: 100%;
  }
  
  .ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
  }
  
  .ellip,
  .ellip-line {
    position: relative;
    overflow: hidden;
    max-width: 100%;
  }

/*** Mobile View ***/
@media (max-width: 767px) {
    /*TOOL AND SERVICES*/
    .tool__description {
        margin: 13px 0 16px;
        width: 100%;
    }

    .tool-card {
        margin-left: -15px;
        padding-left: 15px;
        overflow-x: auto;
        overflow-y: hidden;
        width: calc(100% + 30px);
        display: block;
        text-align: center;
        white-space: nowrap;
    }

    .tool-card__item {
        margin-right: 9px;
        width: 315px;
        display: inline-block;       
    }
    .tool-card__item:nth-last-child(2) {        
        margin-right: 15px;
    }
    .tool-card__thumbnail {
        max-width: 100%;
    }

    .tool-card__info {
        padding: 15px 20px 17px;
        height: 180px;
        text-align: left;
    }

    .tool-card_title {
        font-size: 20px;
        line-height: 1.1;
        letter-spacing: 0.18px;
    }

    .tool-card__description {
        font-size: 14px;
        line-height: 1.29;
        height: 56px;
        margin-bottom: 40px;
    }
}

/*** Tab portrait View ***/
@media (min-width: 768px) and (max-width: 1023px) {
    /*TOOL AND SERVICES*/
    .tool__description {
        width: 300px;
    }

    .tool-card {
        margin-left: -30px;
        padding-left: 30px;
        overflow-x: auto;
        width: calc(100% + 60px);
        display: block;
        text-align: center;
        white-space: nowrap;
    }

    .tool-card__item {
        margin-right: 9px;
        width: 294px;
        display: inline-block;       
    }
    .tool-card__item:nth-last-child(2) {        
        margin-right: 30px;
    }
    .tool-card__thumbnail {
        max-width: 100%;
    }

    .tool-card__info {
        padding: 15px;
        height: 170px;
        text-align: left;
    }

    .tool-card__description {
        font-size: 14px;
        line-height: 1.29;
        height: 56px;
    }
}

/*** Tab landscape  View ***/
@media (min-width: 1024px) and (max-width: 1279px) {
    /*TOOL AND SERVICES*/
    .tool__description {
        width: 300px;
    }

    .tool-card__item {
        margin-right: 9PX;
        width: 32.523%;
    }
    .tool-card__info {
        padding: 15px;
        height: 170px;
    }

    .tool-card__description {
        font-size: 14px;
        line-height: 1.29;
        height: 56px;
    }
}
/*** Large screen View ***/
@media  (min-width: 1280px) {
    /*TOOL AND SERVICES*/
    .tools-and-service .component h2 {
        margin:0;
    }
    .tool__description {
        font-size: 16px;
        line-height: 1.5;
        margin: 23px 0 22px;
    }
}

@media (min-width: 1281px) {
    /*TOOL AND SERVICES*/
    .tool__description {
        font-size: 16px;
        line-height: 1.5;
        margin: 28px 0 22px;
    }

    .tool-card__description {
        margin: 10px 0 5px;
        height: 80px;
        overflow: hidden;
    }
}

/*LOOK FOR YOU*/
.look__description {
    font-family: "Helvetica Neue LT W05_55 Roman";
    font-size: 14px;
    line-height: 1.29;
    margin: 15px 0 22px;
    width: 380px;
}

.look-card {
    list-style: none;
    margin: 0 -20px 0 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

.look-card__item {
    margin-right: 20px;
    width: 24%;
    overflow: hidden;
    position: relative;
    height: 472px;
}
.look-card__item::after {
    position: absolute;
    bottom: 0;
    content: '';
    left: 0;
    width: 100%;
    height: 262px;
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));
}
.look-card__thumbnail {
    width: 100%;
    display: block;
    height: 100%;
}

.look-card__item .details {
    position: absolute;
    bottom: 23px;
    left: 23px;
    right: 15px;
    z-index: 1;
}

.look-card__link {
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 32px;
    color: #fff;
    margin: 0;
    line-height: 1;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    padding-right: 10px;
    white-space: normal;
}

    .look-card__link:hover {
        text-decoration: underline;
    }

    .look-card__link span {
        word-break: break-word;
    }

    .look-card__link small {
        background: url(../img/white_arrow.png) no-repeat right;
        background-size: 16px 15px;
        display: inline-block;
        padding: 10px;
        margin-left: 10px;
    }

.look-popup {
    background: rgba(0, 0, 0, .5);
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 15px 33px 64px;
    z-index: 9;
}

.popup-content {
    background: #fff;
    padding: 4px;
    height: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between
}

    
.popup-content  #__AjaxAntiForgeryForm {
    float: none;
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 7px 5px 6px 6px;
    padding: 0;
    z-index: 2;
    width: 21px;
    height: 17px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.popup-content .product-info__favorite {
	margin-right: 0;
}
.popup-content .fav_icon small {
	background: url('../img/common/heart_black_unselected.svg') no-repeat;
	background-size: 21px 17px;
    width: 21px;
    height: 17px;
	display:inline-block;
	margin: 6px;
}
.popup-content .fav_icon span:before {
	background: url('../img/common/heart_pink_unselected.svg') no-repeat;
	background-size: 21px 17px;
	visibility:hidden;
	display:inline-block;
	color: transparent;
	font-size:0;
}
.popup-content .fav_icon small:hover {
    background-size: 21px 17px;
    width: 21px;
    height: 17px;
}
.popup-content .fav_icon small:active:before ,.popup-content .fav_icon small:active:after{
	background: url('../img/common/heart_pink_selected.svg') no-repeat;	
	background-size: 21px 17px;
    width: 21px;
    height: 17px;
}
.popup-content .fav_icon small:active,.popup-content .fav_icon span.active small {
	background: url('../img/common/heart_pink_selected.svg') no-repeat;	
	background-size: 21px 17px;
    width: 21px;
    height: 17px;
}
.popup-content .fav_icon .cta-favorite {
    padding: 0 !important;
}
.popup-content .close_icon {
    position: absolute;
    background-size: 100%;
    cursor: pointer;
    color: #fff;
    bottom: -55px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.popup-content__thumbnail {
    width: 100%;
    height: 241px;
    text-align: center;
    position: relative;
    display: block;
    z-index: 1;
}

    .popup-content__thumbnail img {
        max-height: 100%;
    }

.popup-content__product {
    display: flex;
    width: 100%;
    justify-content: space-between;
    text-transform: uppercase;
}

.popup-content__product__name {
    margin: 0;
    width: 70%;
    overflow: hidden;
    height: 22px;
}

    .popup-content__product__name a {
        font-family: 'Neue Helvetica W01_79 C1289709';
        font-size: 22px;
        line-height: 1.27;
        letter-spacing: 0.5px;
        color: #000;
        text-decoration: none;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
    }

.popup-content__product__price {
    display: inline-block;
    width: 25%;
    text-align: right;
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 22px;
}

.shade-slider {
    width: 100%;
}

.shade-title {
    font-family: "Helvetica Neue LT W05_55 Roman";
    font-size: 14px;
    margin: 0 0 6px;
    color: #000;
    ;
}

.shade-list {
    width: 100%;
    padding-right: 31%;
    height: 30px;
    overflow: hidden;
    margin: 0 0 5px 7px;
}

.shade-list__item {
    width: 29px !important;
    height: 29px;
    border: 1px solid #fff;
    border-radius: 50%;
    float: left;
    margin: 0;
}

    .shade-list__item .shade-list__range {
        width: 10px !important;
        height: 10px;
        border-radius: 50%;
        display: block;
        background-color: #000;
        margin: 9px;
    }

    .shade-list__item .multi-sdade {
        display: flex;
        width: 10px;
        height: 10px;
        flex-direction: column;
        border-radius: 50%;
        overflow: hidden;
    }

        .shade-list__item .multi-sdade div {
            flex: 1 0 auto;
        }

    .shade-list__item.selected-shade {
        border: 1px solid #000;
        padding: 3.5px;
        -moz-padding-start: 4px;
    }

    @-moz-document url-prefix() {
        .shade-list__item.selected-shade .shade-list__range {
            margin-top: .5px !important;
        }
    }

        .shade-list__item.selected-shade .shade-list__range {
            width: 20px !important;
            height: 20px;
            margin: 0;
        }

        .shade-list__item.selected-shade .multi-sdade {
            width: 20px !important;
            height: 20px;
            margin: 0;
        }

.popup-content .slick-track {
    width: max-content !important;
}

.popup-content .slick-prev, .popup-content .slick-next {
    border: solid black;
    border-width: 0 1px 1px 0;
    float: right;
    width: 6px;
    height: 6px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    outline: 0;
    background: transparent;
}

.popup-content .slick-prev {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    right: 36px;
}

.popup-content .slick-next {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    right: 18px;
}

    .popup-content .slick-prev:before, .popup-content .slick-next:before {
        content: "";
    }

.popup-content .btn-primary {
    width: 100%;
    letter-spacing: 0.5px;
}

#draw-btn {
    font-size: 14px;
    padding: 2px 16px 3px 16px;
    margin-bottom: 8px;
    position: absolute;
}

#myCanvas {
    width: 315px;
    height: 524px;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.coordinate {
    position: absolute;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

    .coordinate span {
        width: 10px;
        height: 10px;
        background: #fff;
        display: inline-block;
        border-radius: 50%;
    }

    .coordinate:hover {
        padding: 3px;
    }

        .coordinate:hover span {
            width: 12.5px;
            height: 12.5px;
        }
/*** Mobile View ***/
@media (max-width: 767px) {
    /*LOOK FOR YOU*/
    .look__description {
        margin: 13px 0 16px;
        width: 100%;
    }

    .look-card {
        margin-left: -15px;
        padding-left: 15px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        width: calc(100% + 30px);
        display: block;
        text-align: center;
    }

    .look-card__item {
        width: 315PX;
        display: inline-block;
        text-align: left;
        height: 472px;
        margin-right:4px;
    }
    .look-card__item::after {
        height:182px;
    }
    .look-card__thumbnail {
        height: 472px;
        width: 100%;
    }

    .popup-content__thumbnail {
        height: 268px;
        width: 240px;
    }

    .look-popup {
        padding: 20px 23px 30px;
    }

    .popup-content .close_icon {
        bottom: -30px;
        height: 15px;
        width: 15px;
        text-align: center;
    }

    .shade-list__item {
        width: 30px !important;
        height: 30px;
    }

        .shade-list__item.selected-shade {
            padding: 3.9px;
        }

    .popup-content {
        padding: 5px;
    }

        .popup-content .btn-primary {
            height: 38px;
            line-height: 20px;
        }

        .popup-content .slick-prev {
            right: 30px;
            top: 8px;
        }

        .popup-content .slick-next {
            right: 12px;
            top: 8px;
        }

        .popup-content .slick-prev, .popup-content .slick-next {
            margin: 6px;
        }

        .popup-content .slick-prev {
            margin-right: 20px;
        }

            .popup-content .slick-prev:before, .popup-content .slick-next:before {
                padding: 8px;
                margin: -5px;
            }
}

/*** Tab portrait View ***/
@media (min-width: 768px) and (max-width: 1023px) {
    /*LOOK FOR YOU*/
    .look__description {
        width: 300px;
    }

    .look-card {
        margin-left: -30px;
        padding-left: 30px;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        width: calc(100% + 60px);
        display: block;
        text-align: center;
    }

    .look-card__item {
        width: 218PX;
        height: 327px;
        margin-right: 10px;
        text-align: left;
        display: inline-block;
    }
    .look-card__item::after {
        height:147px;
    }
        .look-card__item .details p small {
            background-size: 11px 10px;
        }

        .look-card__item .details p small {
            padding: 6px 6px 6px 14px;
        }

    .look-card__thumbnail {
        height: 327px;
    }

    .look-card__link {
        font-size: 20px;
        line-height: 1.1;
        letter-spacing: 0.18px;
    }

    .look-popup {
        padding: 20px 23px 30px;
    }

    .popup-content {
        padding: 5px;
    }

    .popup-content__thumbnail {
        height: 162px;
        width: 145px;
    }
    .popup-content  #__AjaxAntiForgeryForm {
        margin: 5px 3px 3px 3px;
		padding: 0;
		width: 15px;
		height: 13px;
    }
	.popup-content .fav_icon small {
		background-size: 15px 13px;
		width: 15px;
		height: 13px;
		margin: 3px;
	}
	.popup-content .fav_icon span:before {
		background-size: 15px 13px;
	}
	.popup-content .fav_icon small:hover {
		background-size: 15px 13px;
		width: 15px;
		height: 13px;
	}
	.popup-content .fav_icon small:active:before ,.popup-content .fav_icon small:active:after{
		background-size: 15px 13px;
		width: 15px;
		height: 13px;
	}
	.popup-content .fav_icon small:active,.popup-content .fav_icon span.active small {
		background-size: 15px 13px;
		width: 15px;
		height: 13px;
	}


    .popup-content .close_icon {
        bottom: -30px;
        height: 15px;
        width: 15px;
        text-align: center;
    }

    .popup-content .btn {
        height: 22px;
        padding: 1px 0;
        font-size: 16px;
        letter-spacing: 1.33px;
    }

    .popup-content__product {
        margin-bottom: 0;
    }

    .popup-content__product__name a {
        font-size: 16px;
        line-height: normal;
        letter-spacing: 0.2px;
    }

    .popup-content__product__price {
        font-size: 16px;
    }
    .shade-title {
        font-size: 12px;
        margin: 0 0 5px;
    }

    .shade-list {
        height: 21px;
        padding-right: 28%;
    }

    .popup-content .slick-prev {
        right: 30px;
    }

    .popup-content .slick-next {
        right: 14px;
    }

    .shade-list__item {
        width: 20px !important;
        height: 20px;
    }

        .shade-list__item.selected-shade {
            padding: 3px;
        }

        .shade-list__item .shade-list__range {
            width: 8px !important;
            height: 8px;
            margin: 5px;
        }

        .shade-list__item .multi-sdade {
            width: 8px !important;
            height: 8px;
        }

        .shade-list__item.selected-shade .shade-list__range, .shade-list__item.selected-shade .multi-sdade {
            width: 12px !important;
            height: 12px;
        }
}


/*** Tab landscape  View ***/
@media (min-width: 1024px) and (max-width: 1279px) {
    /*LOOK FOR YOU*/
    .look__description {
        width: 300px;
    }

    .look-card {
        margin: 0 -10px 0 0;
    }

    .look-card__link {
        font-size: 20px;
        line-height: 1.1;
        letter-spacing: 0.18px;
    }

    .look-card__item .details p small {
        background-size: 11px 10px;
    }

    .look-card__item .details p small {
        padding: 6px 6px 6px 14px;
    }

    .look-card__item {
        margin-right: 10px;
        height: 363px;
        width: 218px;
        height: 327px;
    }
    .look-card__item::after {
        height:147px;
    }
    .popup-content {
        padding: 5px;
    }

    .look-card__thumbnail {
        height: 100%;
    }

    .look-popup {
        padding: 20px 23px 30px;
    }

    .popup-content__thumbnail {
        width: 153px;
        height: 171px;
        margin-bottom: 3px;
    }
    .popup-content  #__AjaxAntiForgeryForm {
        margin: 7px 5px 5px 5px;
		padding: 0;
		width: 16px;
		height: 14px;
    }
	.popup-content .fav_icon small {
		background-size: 16px 14px;
		width: 16px;
		height: 14px;
		margin: 5px;
	}
	.popup-content .fav_icon span:before {
		background-size: 16px 14px;
	}
	.popup-content .fav_icon small:hover {
		background-size: 16px 14px;
		width: 16px;
		height: 14px;
	}
	.popup-content .fav_icon small:active:before ,.popup-content .fav_icon small:active:after{
		background-size: 16px 14px;
		width: 16px;
		height: 14px;
	}
	.popup-content .fav_icon small:active,.popup-content .fav_icon span.active small {
		background-size: 16px 14px;
		width: 16px;
		height: 14px;
	}

    .popup-content .close_icon {
        bottom: -30px;
        height: 15px;
        width: 15px;
    }

    .popup-content .btn {
        height: 24px;
        padding: 1px 0;
        font-size: 16px;
        letter-spacing: 1.33px;
    }

    .popup-content__product {
        margin-bottom: 0;
    }

    .popup-content__product__name a {
        font-size: 16px;
        line-height: normal;
        letter-spacing: 0.2px;
    }

    .popup-content__product__price {
        font-size: 16px;
    }

    .shade-title {
        font-size: 12px;
        margin: 0 0 4px;
    }

    .shade-list {
        height: 21px;
        padding-right: 33%;
    }

    .shade-list__item {
        width: 20px !important;
        height: 20px;
    }

        .shade-list__item.selected-shade {
            padding: 3px;
        }

        .shade-list__item .shade-list__range {
            width: 8px !important;
            height: 8px;
            margin: 5px;
        }

        .shade-list__item .multi-sdade {
            width: 8px !important;
            height: 8px;
        }

        .shade-list__item.selected-shade .shade-list__range, .shade-list__item.selected-shade .multi-sdade {
            width: 12px !important;
            height: 12px;
        }
        
}
/*** Large screen View ***/
@media (min-width: 1280px) {
    /*LOOK FOR YOU*/
    .Mny_container {
        width: 1200px;
    }

    .look-card__item {
        height: 428px;
    }
    .looksforyouInfo .component h2 {
        margin: 0;    
    }
    .look__description {
        font-size: 16px;
        line-height: 1.5;
        margin: 23px 0 22px;
    }

    .coordinate {
        width: 28px;
        height: 28px;
        padding: 5px;
    }

        .coordinate span {
            width: 14px;
            height: 14px;
        }

        .coordinate:hover span {
            width: 18px;
            height: 18px;
        }

    .popup-content__thumbnail {
        height: 231px;
    }

    .look-popup {
        padding: 20px 23px 30px;
    }

    .popup-content .close_icon {
        bottom: -30px;
        width: 15px;
        height: 15px;
    }

    .shade-list {
        padding-right: 15%;
    }

    .popup-content .slick-prev {
        right: 23px;
    }

    .popup-content .slick-next {
        right: 12px;
    }
    .popup-content .fav_icon small {
        background: url('../img/common/heart_black_unselected.png') no-repeat;
        background-size: 21px 17px;
        width: 21px;
        height: 17px;
        margin: 0;
    }
    .popup-content .fav_icon span:before {
        background: url('../img/common/heart_pink_unselected.png') no-repeat;
        background-size: 21px 17px;
        visibility:hidden;
        display:inline-block;
        color: transparent;
        font-size:0;
    }
    .popup-content .fav_icon small:hover {
        background: url('../img/common/heart_pink_unselected.png') no-repeat;	
        background-size: 21px 17px;
        width: 21px;
        height: 17px;
    }
    .popup-content .fav_icon small:active:before ,.popup-content .fav_icon small:active:after{
        background: url('../img/common/heart_pink_selected.png') no-repeat;	
        background-size: 21px 17px;
        width: 21px;
        height: 17px;
    }
    .popup-content .fav_icon small:active,.popup-content .fav_icon span.active small {
        background: url('../img/common/heart_pink_selected.png') no-repeat;	
        background-size: 21px 17px;
        width: 21px;
        height: 17px;
    }
}

@media (min-width: 1281px) {
    /*LOOK FOR YOU*/
    .popup-content__thumbnail {
        width: 234px;
        height: 261px;
    }
    .Mny_container {
        width: 1320px;
    }

    .look-card__item {
        height: 472px;
    }

    .look__description {
        font-size: 16px;
        line-height: 1.5;
        margin: 28px 0 22px;
    }

    .coordinate {
        width: 28px;
        height: 28px;
    }

        .coordinate span {
            width: 14px;
            height: 14px;
        }

        .coordinate:hover span {
            width: 18px;
            height: 18px;
        }

    .popup-content {
        padding: 5px;
    }

        .popup-content .btn-primary {
            height: 37px;
        }

    .look-popup {
        padding: 20px 23px 30px;
    }
    .shade-title {
        margin: 0;
    }
}
/* SHOP ALL PAGE */
.shopall-section {
	z-index:2;
}
.banner {
    position: relative;
    background-position: right;    
}
.banner__image {
    max-width: 100%;
    display: block;
}
.banner__title {
    position: absolute;
    font-family: "Helvetica Neue LT W01_75 Bold";
    left: 70px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 40px;
    color: #000;
    text-transform: uppercase;
    margin: 0;
	letter-spacing: normal;
	line-height: normal;
}
.shop-all-container {
    position: relative;
    padding-bottom: 20px;
  }	
.filter-menu {
	display: inline-block;
}
.filter-menu__item {
    float: left;
    margin-right: 27px;   
    padding: 20px 0 20px 29px;
    position: relative;
    border-left: 2px solid #fff;
}
.filter-menu__item:first-child {
	padding: 20px 0 20px 20px;
}
.filter-menu__item.sub-filter-menu {
    border-left: 2px solid #000;
}
.filter-menu__item.sub-filter-menu a {
    padding-right: 6px;    
}
.filter-menu__item small {
    border: solid black;
    border-width: 0 2px 2px 0;
    padding: 4.3px;
    float: right;
    margin: 2px 5px 0 8px;
  }
.filter-arrow--down  {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
.sub-filter-menu .filter-arrow--down  {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin: 8px 0 0 7px !important;
  }
.filter-menu__link {
    font-family: 'Neue Helvetica W01_79 C1289709';
    text-transform: uppercase;
    font-size: 18px;
	height: 18px;
	line-height: 1.11;
    letter-spacing: 0.9px;
    color: #000;
    text-decoration: none;
    position: relative;
    display: inline-block;
}
.filter-btns {
    position: absolute;
    bottom: 15px;
    left: 12px;
}
.filter-btns  a {
	display: inline-block;
	border: 2px solid #000;
}
.all-clear {
	margin: 21px 0 0 30px;
	display: none;
    vertical-align: top;    
}
.filter-clear-all {
    position: relative;
    padding-left: 24px;		
	font-family: 'Neue Helvetica W01_79 C1289709';
	font-size: 14px;
	line-height: normal;
	letter-spacing: 0.88px;
	text-transform: uppercase;
	cursor: pointer;
}
.filter-clear-all:before, .filter-clear-all:after {
    position: absolute;
    left: 7px;
    top: 3px;
    content: ' ';
    height: 14px;
    width: 2px;
    background-color: #333;
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 14px;
    letter-spacing: 0.88px;
    text-transform: uppercase;
  }
  .filter-clear-all:before {
    transform: rotate(45deg);
  }
  .filter-clear-all:after {
    transform: rotate(-45deg);
  }

.filter-submenu {
    position: absolute;
    left: -2px;
    top: 60px;
	margin-top: -2px;
    background: #fff;;
    padding: 0 15px 15px;
    border-left: 2px solid #000;
    z-index: 5;
    display: none;
}
.filter-menu__item.sub-filter-menu .filter-submenu{
    display: inline-block;
}
.filter-submenu .btn {
    height: 36px;
    width: 166px;
    padding: 6px;
    font-size: 16px;
	letter-spacing: 1px;
	line-height: normal;
	justify-content:center;
	display: inline-flex;
    align-items: center;
}
.filter-btn {
    display: inline-block;
    position: relative;
    padding-left: 31px;
    margin-bottom: 12px;
    cursor: pointer;
    font-family: 'Neue Helvetica W01_79 C1289709';
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1;
    margin: 13px 0 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.filter-btn input {
    position: absolute;
    opacity: 0;
    left: 0;
    cursor: pointer;
}
.selectmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 15px;
    width: 15px;
    border: 2px solid #000;
}
.filter-btn input.categoryselected ~ .selectmark, .filter-btn input.otherselected ~ .selectmark, .filter-btn input.typeselected ~ .selectmark {
    background-color: #000;
}

.filter-menu__item:nth-child(2) .filter-submenu .dropdow-menu {
    margin-left: 10px;
	    margin-left: 10px;
    overflow: hidden;
    overflow-y: auto;
    max-height: 330px;
}
.other-menu__title {
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 16px;
    letter-spacing: 1px;
	 line-height: 2.75;
    margin:0;
    text-transform: uppercase;
} 
.filter-menu__item:nth-child(3) .filter-submenu {
    height: auto;
    width: 625px;   
    padding:18px 0 20px 30px;
}
.filter-menu__item:nth-child(3) .filter__container {
    height: 330px;    
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 40px;
    padding-right: 10px;
}
.filter-menu__item:nth-child(3) .dropdow-menu {
    display: table;
    content: '';
    clear: both;
    width: 100%;
	margin:0;
}
.filter-menu__item:nth-child(3) .dropdow-menu li {
    float: left;
    width: 25%;;
}
.filter-menu__item:nth-child(3) .filter-btn {
    text-transform: capitalize;
    font-family: "Neue Helvetica W01_59 Comp";
	font-size: 14px;
    line-height: 1;
    letter-spacing: 0.88px;
	padding-top: 2px;
}
.other-filter {
    height: 310px;
    width: 720px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding:27px 0 30px;
}
.other-filter .other-menu {
    width: 48%;    
    float: left;
}
.other-filter .other-menu__title {
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 16px;
    letter-spacing: 1px;
    margin:0 0 12px 10px;
    text-transform: uppercase;
}
.other-filter .dropdow-menu {
    height: 230px;
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
}
.other-filter .dropdow-menu li {
    width: 50%;
}
.other-filter .dropdow-menu .filter-btn {
    font-family: "Neue Helvetica W01_59 Comp";
    font-size: 14px;
    text-transform: initial;
    padding-left: 23px;
}
.other-filter .btn {
    position: absolute;
    left: 0;
    bottom: 0;
}

.shop-all {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-right: -20px;
    position: relative;
}
.shop-all__item {
    margin-bottom: 50px;
    position: relative;  
    margin-right: 20px;
    position: relative;
}
.shop-all__item a {
    text-decoration: none;
    display: block;
    z-index: 1;
}
.-fourGrid .shop-all__item.article {
    order: 3;
}
.-fourGrid .shop-all__item.article:nth-child(2) {
    order: 5;
}
@media (min-width: 767px) {
    .-fourGrid .shop-all__item.article:nth-child(2) {
        order: 3;
    }
}
.product-filter-btn {
    background: #f6f6f6;
    height: 472px;
    display: flex;
	display: -ms-flexbox;
    justify-content: center;
    align-items: center;
    margin: 0 0 10px;
}
.product-container {
    height: 472px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: scale(.75);
}
.shop-all__thumbnail {   
    max-width: 100%;
	height: 100%;
}
.shop-all__title {
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 20px;
    letter-spacing: 0.5px;
	line-height: normal;
    color: #000;
    margin: 0;
    text-transform: uppercase;
}
.shop-all__item a:hover .shop-all__title  {
    color: #f92a63;
}
.shop-all__shade {
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 12px;
    letter-spacing: 0.3px;
	line-height: normal;
    color: #757575;
    margin: 5px 0 0;
    text-transform: uppercase;
}

.shop-all__item #__AjaxAntiForgeryForm {
    float: none;
    margin-top: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 10px;
    padding: 0;
    z-index: 2;
    width: 24px;
    height: 21px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.shop-all .product-info__favorite {
	margin-right: 0;
}
.shop-all .fav_icon small {
	background: url('../img/common/heart_black_unselected.svg') no-repeat;
	background-size: 24px 21px;
    width: 24px;
    height: 21px;
	display:inline-block;
	margin: 0;
}
.shop-all .fav_icon span:before {
	background: url('../img/common/heart_pink_unselected.svg') no-repeat;
	background-size: 24px 21px;
	visibility:hidden;
	display:inline-block;
	color: transparent;
	font-size:0;
}
.shop-all .fav_icon small:hover {	
    background-size: 24px 21px;
    width: 24px;
    height: 21px;
}
.shop-all .fav_icon small:active:before ,.shop-all .fav_icon small:active:after{
	background: url('../img/common/heart_pink_selected.svg') no-repeat;	
   background-size: 24px 21px;
    width: 24px;
    height: 21px;
}
.shop-all .fav_icon small:active,.shop-all .fav_icon span.active small {
	background: url('../img/common/heart_pink_selected.svg') no-repeat;	
   background-size: 24px 21px;
    width: 24px;
    height: 21px;
}
.shopall__more {
    text-align: center;
    margin-bottom: 60px;
}
.shopall__more  .shop-all__load-more {
	display: inline-block;
}
.shopall__more .button {
	font-family: "Neue Helvetica W01_79 C1289709";
	min-width: 220px;
	height: 44px;
	font-size: .875rem;
	border-color: #ccc;
	letter-spacing: .2em;
}

.shopall__more .button:hover {
	text-decoration: none;
    border-color: #000;
    background: #000;
    color: #fff;
    text-decoration: underline;
}
.no-result {
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 30px;
    letter-spacing: normal;
    line-height: normal;
    margin: 40px 0 300px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.dropdow-menu {
    width: 170px;
    max-height: 330px;
    overflow: hidden;
    overflow-y: auto;
}
.dropdow-menu:after {
    content: "";
    display: block;
    height: 80px;  
  }
.filter-btns .btn-secondary {
    margin-bottom: 5px;
    letter-spacing: 0.88px;
} 
.filter-menu__item:nth-child(3) .dropdow-menu {
    padding-bottom: 0px;
}
#shopall_overlay {
	position: absolute;
    top: 0;
    left: 0;    
    width: 100%;
    background: rgba(0,0,0,0.8);
    text-align: center;
    z-index: 99;
	bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
#shopall_overlay  img {
    width: 100px;
    height: 100px;
}
/*** Mobile View ***/
@media (min-width: 0) and (max-width: 374px){
	.shop-all {
		width: auto !important;
    }
    .filter-menu__link {
        font-size: 16px;
    }
	.shop-all__item {
		width: 48% !important;;
		margin: 0 2% 20px 0!important;
    }
    .filter-submenu .btn {
		width: 150px !important;
	  }
  .filter-menu__item .filter-btns {
		width: 310px !important;
  }
}
@media (max-width: 767px) { 
    .banner {
		margin: 0 -15px;
	}
	.banner__title {
		font-size: 30px;
		left: 20px;
    }
    .shop-all {
        justify-content:space-evenly;
		margin: 20px auto 0;
		width: 345px;        
    }
	.shop-all__item {
        width: 165px;
		margin: 0 15px 20px 0;
    }
    .shop-all__shade {
        color: #9c9c9c;
    }
    .product-container {
        height: 247px;
    }
    .shop-all__item:nth-of-type(2n+2){
        margin-right: 0;
    }    
    .product-filter-btn { 
        height: 248px;
    }
    .shop-all .fav_icon {       
		padding: 0;
    }
    .shop-all__title {
        font-size: 18px;
        letter-spacing: 0.45px;
        margin: 8px 0 2px;
    }
    .filter-menu {
        position: relative;
        margin: 0 -15px;
		display: block;
    }
    .filter-menu__item {
        position: static;
        border-bottom: 2px solid #000;
        border-right: 2px solid #000;
        border-left: none;
        margin: 0;        
        width: 33.33%;       
        padding:  20px 19px 20px 20px;
		display: flex;
        justify-content: center;
    }   
	.filter-menu__item:first-child {
		padding: 20px 0 20px 19px;
		justify-content: start;
	}
	.filter-menu__item:nth-child(2) {
		text-align: right;
	}
    .filter-menu__item:nth-child(3) {
        border-right: none ;
		text-align: right;
    }
    .filter-menu__item:nth-child(3) .filter__container {
        padding-right:0;
      }
    .filter-menu__item.sub-filter-menu {
        border-left: none;
        border-bottom: 2px solid #fff;
    }

    .filter-submenu {
        border-bottom: 2px solid #000;
        border-left: none;
		text-align: left;
        right: 0;
        top: 65px;
        padding: 0 23px 15px;
        z-index: 9;
    }
    .filter-menu__item:nth-child(3) .filter-submenu {
        width: 100%;
        padding: 17px 15px 30px;
    }
    .filter-menu__item:nth-child(3) .dropdow-menu li {
        width:50%;
    }
	.filter-menu__item:nth-child(3) .dropdow-menu {
        margin: 0 0 20px 15px;
        width: 90%;
	}
    .other-filter {
        width: 100%;
    }
    .other-filter .other-menu  {
        width: 100%;
    }
    .other-filter .dropdow-menu {
        flex-direction: row;
        height: auto;
    }
    .other-filter .other-menu__title {
        margin: 30px 0 15px 10px;
    }  
	.shopall__more {
		margin-bottom: 40px;
	}
	 .filter-menu__item .filter-btns {
		transform: translateX(-50%);
		bottom: 12px;
		left: 50%;
		width: 348px;
        display: flex;
		justify-content: space-between;
	}
	 .filter-menu__item:nth-child(3) .filter-btns {
		 flex-direction: row-reverse;
	 }
	.filter-submenu .btn {
		width: 168px;
	}
	 .filter-menu__item:nth-child(3) .filter-submenu .btn.btn-primary {
		float: right;
	}
	.all-clear {
        max-width:290px;
		min-width: 167px;
		height: 44px;
		border-radius: 22px;
		box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.19);
		background-color: #ffffff;
		margin: 0;
		transform: translateX(-50%);
		position: fixed;
		left: 50%;
        bottom: 10px;
        z-index: 8;		
		text-align:center;
		padding: 14px;
	}
	.filter-clear-all:before, .filter-clear-all:after {
		top: 5px;
	}
	.filter-clear-all {
		font-size: 18px;
		line-height: 1.11;
        letter-spacing: 0.9px;
        white-space: nowrap;
    }
    .dropdow-menu {
		width: auto;
		max-height:auto;
		padding-bottom: 0px;
		overflow: auto;
        overflow-y: auto;
        margin-bottom: 40px;
    }
    .dropdow-menu:after {
		height:0;
	}
	.filter-btns .btn-secondary {
		margin-bottom: 0px;
	} 
   .filter-menu__item.sub-filter-menu .btn {
        letter-spacing: 1px;
    }
    .shop-all-container {
        padding: 0 15px 20px;
        margin: 0 -15px;
    }   
}

/*** Tab portrait View ***/
@media (min-width: 768px) and (max-width: 1023px) {
	.banner {
		width: 648px;
		margin: 0 auto;
    }
    .banner__image {
        height: 250px;
      }
	.filter-menu {
		margin-left: 30px;
	}
	.shop-all {
		padding: 0 30px;	
		margin-top: 30px;
	}
    .shop-all__item {
        width:208px;
		margin-right: 10px;
		margin-bottom: 27px;
    }
    .product-container {
        height: 310px;
    }
    .product-filter-btn {
        height: 310px;
    }
    .filter-menu__item:nth-child(3) .filter-submenu {
        width: 360px;
        padding: 17px 10px 30px;
    }
    .filter-menu__item:nth-child(3) .dropdow-menu li {
        width: 50%;
    }
    .other-filter {
        width: 440px;
    }
	 .no-result {
        font-size: 40px;
        margin: 60px 0 300px;
    }
    #shopall_overlay {
        left: 30px;
        width: 648px;
    }
    .shop-all .fav_icon small {
		background-size: 13px 11px;
		width: 13px;
		height: 11px;
	}
	.shop-all .fav_icon span:before {
		background-size: 13px 11px;
	}
	.shop-all .fav_icon small:hover {
		background-size: 13px 11px;
		width: 13px;
		height: 11px;
	}
	.shop-all .fav_icon small:active:before ,.shop-all .fav_icon small:active:after{
		background-size: 13px 11px;
		width: 13px;
		height: 11px;
	}
	.shop-all .fav_icon small:active,.shop-all .fav_icon span.active small {
		background-size: 13px 11px;
		width: 13px;
		height: 11px;
    }
    .shop-all__item #__AjaxAntiForgeryForm {
        padding: 0;
        width: 13px;
        height: 11px;
        margin:12px;
	}
}

/*** Tab landscape  View ***/
@media (min-width: 1024px) and (max-width: 1279px) {
    .banner__image {
        height: 250px;
      }
    .shop-all__item {
        width: 208px;
		margin-right: 23px;
		margin-bottom: 27px;
    }
    .product-container {
        height: 310px;
    }
    .product-filter-btn {
        height: 310px;
    }
    .filter-menu__item:nth-child(3) .filter-submenu {
        width: 580px;
        padding: 17px 10px 30px;
    }
    .filter-menu__item:nth-child(3) .dropdow-menu li {
        width: 33.33%;
    }
    .other-filter {
        width: 580px;
    }
	 .no-result {
        font-size: 40px;
        margin: 60px 0 300px;
    }
    .shop-all__item #__AjaxAntiForgeryForm {
        margin:20px;
    }
}
/*** Large screen View ***/
@media (min-width: 1280px) {
	.shop-all__item {
		width: 285px;
	}
	.product-container {
		height: 438px;
	}	
	 .no-result {
        font-size: 40px;
        margin: 60px 0 300px;
    }
    .shop-all__item #__AjaxAntiForgeryForm {
		margin: 20px;
	}
	.shop-all .fav_icon small {
		background: url('../img/common/heart_black_unselected.png') no-repeat;
		background-size: 24px 21px;
	}
	.shop-all .fav_icon span:before {
		background: url('../img/common/heart_pink_unselected.png') no-repeat;
		background-size: 24px 21px;
	}
	.shop-all .fav_icon small:hover {
		background: url('../img/common/heart_pink_unselected.png') no-repeat;	
		background-size: 24px 21px;
	}
	.shop-all .fav_icon small:active:before ,.shop-all .fav_icon small:active:after{
		background: url('../img/common/heart_pink_selected.png') no-repeat;	
	   background-size: 24px 21px;
	}
	.shop-all .fav_icon small:active,.shop-all .fav_icon span.active small {
		background: url('../img/common/heart_pink_selected.png') no-repeat;	
	   background-size: 24px 21px;
	}
}
@media (min-width: 1281px)  {
	.shop-all__item {
		width: 315px;
	}
	.product-container {
		height: 472px;
    }
}

/* New Header */

.Header.site-header--fixed {
	top: 0;
}
.Header.site-header--down {
	transform: translateY(0);
}

.Header .header-banner {
	display:none;
}
.Header .header-bar {
	max-width: 100%;
    z-index: 0;
}
.Header .header-logo--bar {
	display: inline-block;
	float: left;
	left: 0;
	position: relative;
	transform: translate(0, 0);	
}
.Header .header-logo--bar img {
	margin-left: 15px;
	width: 112px;
}
.Header .header-link {
	margin-right: 30px;
	line-height: 1;
}
.Header .header-link > a {
	font-family: "Neue Helvetica W01_79 C1289709";
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1;
	padding: 21px 0;
}
.Header .header-dropdown li a {
	font-family: "Neue Helvetica W01_79 C1289709";
	font-size: 18px;
}
.Header.no-touch .header-dropdown li a:hover {
    color: #fff;
    background: #fc2561 !important;
}
.Header .header-link > a span.title:before {
	border-bottom: 1px solid #fff;
}
.Header .header-dropdown {
	top: 60px;	
	padding: 10px 0 40px;
	background: #000;		
}
.Header .header-dropdown li {
	height: auto;
	line-height: 1;
}
.Header .header-dropdown li a {
	padding: 10px 10px 10px 29px;
	font-family: "Neue Helvetica W01_59 Comp";
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1;
    background: #000;
    text-transform: uppercase;
}
.Header .header-dropdown li a:hover {
	background: #000 !important;
	font-family: 'Neue Helvetica W01_79 C1289709'
}
.Header .header-link.header-link--signin,
.Header .header-link.header-link--signup {
    margin-right: 6px;
    line-height: normal;
}

.Header .header-link.header-link--signup {
    margin-right: 10px;
}

    .Header .header-link.header-link--signin a,
    .Header .header-link.header-link--signup a {
        font-size: 16px;
        line-height: normal;
        letter-spacing: 1px;
    }

        .Header .header-link.header-link--signup > a::after {
            content: "|";
            margin-left: 10px;
            font-family: "Neue Helvetica W01_59 Comp";
        }

.Hamburger-menu.hamburger-menu{
	top:0;
	right:0;
	width:100%;
	-webkit-transform: translate(100%px, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);	
	background: rgba(0,0,0,0.5);
	z-index: 999;
	overflow-y: hidden;
	padding-bottom:0;
}
.Hamburger-menu.hamburger-menu div.active {
	width: auto;
    background: #000;
	margin:60px 0 0 33%;	
    overflow-x: hidden;
    height: 90%;
	padding-bottom: 130px;
}

    .Hamburger-menu.express-signin .hamburger__more.active {
        margin: 60px 0 0 25%;
        overflow-x: hidden;
        min-height: 100vh;
        min-height: -webkit-fill-available;
        min-height: stretch;
    }

.Hamburger-menu.hamburger-menu .hamburger__signin.active {
	 min-height: max-content;
}
.Hamburger-menu.hamburger-menu .hamburger__signin, .Hamburger-menu.hamburger-menu .hamburger__register {
    z-index: 10;
}
.Hamburger-menu.hamburger-menu .hamburger__signin__form .form .form__group.remember, .Hamburger-menu.hamburger-menu .hamburger-menu button {
    width: 100%;
}
.Hamburger-menu.hamburger-menu .hamburger__register__form .form .register-checkboxes {
    width: 100%;
}
.Hamburger-menu .hamburger__signin__form .form .form__group {
	margin: 14px 0 0;
	padding: 0;
}

.Hamburger-menu .register-inputs .form__group{
    margin: 14px 0 0 !important;
	padding-bottom: 0 !important;
}
.Hamburger-menu.hamburger-menu .hamburger__more {
	top:0;
}
.Header  .header-dropdown li {
	border: none;
}
.Header .icon-header--hamburger {
	float: right;
    border: none;
    width: 23px;
    margin: 0 10px 25px 5px;
    line-height: 0;
    padding-top: 25px;
    height: 35px;
    text-align: center;
    z-index: 1;
}
body.open-hamburger .header-bar {
	transform: translate(0);
}
body.open-hamburger .site-container {
	transform: translate(0);
}
body.open-hamburger .header-shift {
	display: none !important;
}
body.open-hamburger .hamburger-menu {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
.Header .icon-search {
	 transform: rotate(90deg);
    font-size: 15.67px;
    height: -webkit-fill-available;
    margin-bottom: -4px;
}
.Header .icon-shoppingbag {
	font-size: 15.67px;
}
.hamburger-icon {
	background: url('../img/hamburger_icon.png') no-repeat;
	width:18px;
	height: 11px;
	display:none;	
}
.hamburger-close-icon{
	position: relative;
	height: 60px;
	background: #000;
    margin:0 0 0 33%;
    z-index: 9;
}

.Hamburger-menu.express-signin .hamburger-close-icon {
    margin: 0 0 0 25%;
}

.arrow_left-icon{
    background: url(../img/hamburger_close.png) no-repeat center;
    width: 14px;
    height: 14px;
    top: 0;
    right: 0;
    padding: 13px;
    margin: 13px;
    position: absolute;
    z-index: 9;
}
.Hamburger-menu .hamburger-close-icon .header-link{
	border: none;
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1;
    background: #000;
    text-transform: uppercase;
    margin:20px 0 0 15px;
    width: 60%;
}
.Hamburger-menu .hamburger__more .header-link {
	font-family: "Neue Helvetica W01_79 C1289709";
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1;
	background: #000;
}
.Hamburger-menu .hamburger__more .header-link > a {
    margin: 20px 0 20px 15px;
    width: 75%;
    display: inline-block;
}
.Hamburger-menu .hamburger__more .header-link {
    border: none;
    position: relative;
    z-index: 1;
}
.Hamburger-menu .hamburger__more .header-link span.icon {
	top: -19px;
    transform: scale(1.0023,.625);
    width: 40px;
    font-weight: bold;
    text-align: center;
    right: 3px;
    padding-top: 78px;
    z-index: 999;
    height: 94px;
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 87px;
}
.Hamburger-menu .header-dropdown li {
	border: none;
}
.Hamburger-menu .header-dropdown li a {
	font-family: "Neue Helvetica W01_59 Comp";
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1;
	background: #000;
    padding: 20px 0 20px 30px;
    text-transform: uppercase;
}
.Hamburger-menu .icon-arrow_down:before, .content-feed__common:after,.Hamburger-menu .icon-arrow_up:before {
	font-size:16px;
	text-shadow: 0px 1px 0 #fff;

}
.Hamburger-menu .header-link > a span.title:before {
	border: none;
}
.Hamburger-menu .mobile-signin {
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 18px;
    line-height: normal;
    letter-spacing: 0.75px;
    text-decoration: none;
    background: #000;
    position: absolute;
    left: 33%;
    width: 67%;
    bottom: 0;
    color: #fff;
    height: 60px;
    text-transform: uppercase;
    z-index: 9;
    padding: 10px 15px;
    margin: 0;
}

.Hamburger-menu .mobile-menu-express {
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0.75px;
    text-decoration: none;
    background: #000;
    position: absolute;
    left: 0;
    width: 75%;
    bottom: 0;
    text-transform: uppercase;
    z-index: 9;
    padding: 0;
    margin: 0 0 0 25%;
    display: block;
    border-top: 1px solid #333;
}

.Hamburger-menu .mobile-menu-express .two-links{
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #333;
}

    .Hamburger-menu .mobile-menu-express a,
    .Hamburger-menu .mobile-menu-express p {
        display: block;
        color: #fff;
        text-decoration: none;
        padding: 18px;
        margin: 0;
    }

    .Hamburger-menu .mobile-menu-express .two-links a:last-child {
        border-left: 1px solid #333;
    }

        /* WFMA-87403 - Remove arrow
            .Hamburger-menu .mobile-menu-express a.join-arrow::after {
            float: right;
            background: #000 url(../img/white_arrow.png) no-repeat center;
            height: 24px;
            background-size: 14px 13px;
            width: 24px;
            margin: -2px 0 0 5px;
            content: "";
        }*/

.Predictive-search {
    z-index: 999;
}
.Predictive-search.open {
	top: 60px !important;
	padding-bottom: 60px;
}
.Predictive-search .predictive-search__container {
	width: 100%;
}
.Predictive-search .predictive-search__top-bar {
	border:none;
	margin: 0 0 15px;
}
.Predictive-search .predictive-search__top-bar input,.Predictive-search .predictive-search__top-bar input::placeholder {
	font-family: "Neue Helvetica W01_79 C1289709";
	font-size: 28px;
	line-height: 1.14;
	letter-spacing: 0.88px;
    color:#fff;
    padding-left: 0;
}
.Predictive-search .input-border {
	height: 2px;
    display: block;
    background: #fff;
    width: 100%;
	box-shadow: 0px 0px 6px 6px #fb2460;
    -moz-box-shadow: 0px 0px 6px 6px #fb2460;
    -webkit-box-shadow: 0px 0px 6px 6px #fb2460;
	margin: 0 0 37px;
}
.Predictive-search .predictive-search__item {
	border: none;
	padding: 0;
    margin: 0 0 30px;
	font-family:"Helvetica Neue LT W05_55 Roman";
	font-size: 14px;
	line-height: 1.29;
	letter-spacing: normal;
	color: #fff;
}


.Predictive-search .predictive-search__top-bar input:-ms-input-placeholder { 
font-family: "Neue Helvetica W01_79 C1289709";
	font-size: 28px;
	line-height: 1.14;
	letter-spacing: 0.88px;
    color:#fff;
    padding-left: 0;
}

.Predictive-search .predictive-search__top-bar a.close {
	font-size: 13px;
    top: 25px;
    transform: scale(1.069,.975);
}

.Predictive-search .predictive-search__item a {
	font-size: 14px;
	line-height: 1.29;
    letter-spacing: normal;
    text-transform: uppercase;
}
.Predictive-search .predictive-search__item a::first-line {
    text-transform: capitalize;  
}
.Predictive-search .predictive-search__item span {
	color:#fff;
}
.Predictive-search .predictive-search__previousearch {
	font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 28px;
    line-height: 1.14;
    letter-spacing: 0.88px;
    color:#fff;
    margin: 18px 0 50px;
	font-style: normal;
}
.Predictive-search .predictive-search__results-info .cta {
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 20px;
    line-height: 1;
    letter-spacing: 1px;
}
.Predictive-search .predictive-search__results-info .cta:after {
    top: 0.15rem;
}
.Predictive-search .predictive-search__results-container {
    margin: 6px auto 0;
}
.Cart-menu{ 
	top: 60px !important;
	z-index: 999;
}
.secondary-nav {
    height: 37px;
    display: block;
    background: rgba(0,0,0,.6);
    position: absolute;
    text-align: center;
    top: 60px;
    width: 100%;
    transition: all 0.3s ease;
}
.secondary-nav__list {
    display: block;
    text-align: center;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    padding: 10px;
}
.secondary-nav__item {
    margin-right: 20px;
    line-height: normal;
    letter-spacing: normal;
    float: none;
    display: inline-block;
}
.secondary-nav__link {
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    padding: 0;
}	
.secondary-nav__link:hover {
    text-decoration: none;
}
.Header .header-icon--cart {
    margin-left: 15px;
}

.Hamburger-menu  .hamburger__register__form .form button ,.Hamburger-menu .hamburger__signin__form button {
    width: 100%;
}
.secondary-nav--top {
    padding-top:37px ;
}
.breadcrumbs.secondary-nav--top {
    padding-top:47px;
}
.Header {
    position: fixed;
    top: 0;
}
.site-container.header__top {
	margin-top: 60px;
}
.site-container.header__top .forgot-password {
    margin: 40px auto 30px;
}
.title__top {
    top: 60px;
    margin: 0 auto;
    padding: 20px;
}
.Header.site-header--fixed .secondary-nav {
	top: 0;
}

.Header.site-header--down .secondary-nav {
	top: 60px;
}
@media (max-width: 767px) {
    .Header .header-link--signin,
    .Header .header-link.header-link--signin,
    .Header .header-link.header-link--signup,
    .Header .header-icon--favorite {
        display: none !important;
    }    
	.Predictive-search .predictive-search__top-bar input, .Predictive-search .predictive-search__top-bar input::placeholder {
		font-size: 20px;
		padding: 0 40px 0 0px;
		line-height: normal;
		letter-spacing: normal;
	}
	.Predictive-search .predictive-search__top-bar {
		margin: 0;
	}
	.Predictive-search .predictive-search__top-bar a.close {
		font-size: 18px;
		top: 13px;
    }
    .Predictive-search .predictive-search__previousearch {       
        font-size: 20px;
        line-height: normal;
        letter-spacing: normal;
        margin: 0 0 27px;
        padding: 0;
    }
    .Predictive-search .predictive-search__results-info .cta:after {
        top: 0.15rem;
    }
    .Predictive-search.open {
		padding: 0;
		top: 0 !important;
		z-index: 999;
		background-color: rgba(0, 0, 0, 0.62);
    }
    .Predictive-search .mobile-search {
		margin-left: 40px;
		background: #000;
		height: 100%;
		padding: 60px 15px 20px 34px;
	}
	.search-close {
		background: url(../img/hamburger_close.png) no-repeat center;
		width: 14px;
		height: 14px;
		top: 0;
		right: 0;
		padding: 13px;
		margin: 10px;
		position: absolute;
        z-index: 9;
        display: none;
    }
    .Header,.Header .header-bar { 
		height:47px;
	}	
	.secondary-nav,.Header.site-header--down .secondary-nav {
		top:47px;
	}
	.Header .icon-header--hamburger {
		margin: 0 10px 13px 5px;
		line-height: 0;
		padding-top: 18px;
		height:34px;
	}
	.Header .header-bar__links .header-icon {
		height:47px;
		line-height:47px;
	}
	.site-container.header__top {
		margin-top: 47px;
	}
	.Header .header-logo--bar {
		line-height: 47px;
	}
	.Header .header-logo--bar img{
		top: 7px;
	}
	
}
@media (min-width: 768px) and (max-width: 1023px) {
	.Header .header-logo--bar img {
		height: 20px;
	}
    .Header .header-link.header-link--signin,
    .Header .header-link.header-link--signup,
    .Header .header-icon--favorite {
        display: none !important;
    }
	.Hamburger-menu .mobile-signin {
		height: 80px;
    }
    .secondary-nav__item {
        margin-right: 30px;
    }
	
}
@media (min-width: 1024px) and (max-width: 1279px) {
	.Header .header-banner {
		display:none;
    }
    .Header .header-middle {
        display: none;
    }
    .Header .header-link.header-link--signin,
    .Header .header-link.header-link--signup,
    .Header .header-icon--favorite {
        display: none !important;
    }
    .Header .header-icon--hamburger {
        display: block;
    }
    .secondary-nav__item {
        margin-right: 40px;
    }
	.Header .header-bar {
        max-width: 100%;
        z-index: 0;
	}
	.Header .header-logo--bar {
		display: inline-block;
		float: left;
		left: 0;
		position: relative;
		transform: translate(0, 0);	
	}
	.Header .header-logo--bar img {
		margin-left: 30px;
		margin-right: 38px;
		height: 20px;
	}
	.Header .header-link {
		margin-right: 50px;
	}
	.Header .header-bar__links--left {
		display: none;
	}
	.header-bar__links--right .header-link {
		margin-right: 16px;
    }
    .Header .header-link--signin,
    .Header .header-link--signup {
        display: none;
    }
    .Header .header-middle {
        display: none;
    }    
    .Predictive-search {
        padding: 35px 50px;
    }
} 
@media (min-width: 1280px) {
	.Header .header-banner {
		display:none;
    }   
    .secondary-nav {
        display: none;
      }
	.Header .header-bar {
		max-width: 100%;
	}
	.Header .header-logo--bar {
		display: inline-block;
		float: left;
		left: 0;
		position: relative;
		transform: translate(0, 0);	
	}
	.Header .header-logo--bar img {
		margin-left: 30px;
		margin-right: 38px;
		width: 155px;
	}
	.Header .header-link {
		margin-right: 30px;
    }	
    .Header .header-link:last-child {
		margin-right: 0;
    }
        .Header .header-link.header-link--signin,
        .Header .header-link.header-link--signup {
            margin-left: 0;
        }
    .Header .header-signin__right .form .form__group.password a {
        position: absolute;
    }
	.secondary-nav--top {
       padding-top:0;
    }
    .breadcrumbs.secondary-nav--top {
        padding-top:10px;
    }
    .Header .header-icon--favorite   {
		display: none !important;
	}    
    .Header .header-icon--cart {
        margin-left: 0;
    }
}
@media (min-width: 1281px) {
	.Header .header-link {
		margin-right: 40px;
    }
    .Header .header-link:last-child {
		margin-right: 0;
    }
        .Header .header-link.header-link--signin,
        .Header .header-link.header-link--signup {
            margin-left: 0;
        }
}

/* LANDING PAGE */
.brow-tool.module-stateful {
	margin: 0 !important;
	width: 100%;
}
	
.landing{
	position: relative;
    height: calc(100vh - 60px);
    width: 100%;
	overflow: hidden;
    flex-direction: column;
}
.landing .Mny_container {
    position: initial;   
}
.brow_section {
	position: absolute;
    height: calc(100vh - 60px);
    width: 100%;
	overflow: hidden;
	top: 0;    	
	background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}
.brow_section .Mny_container,.brow_section .brow_tool_section, .brow_section .row {
	height: 100%;
}
.brow_bgimg {	
	position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(100vh - 60px);
    object-fit: cover;
    object-position: center top;
}

.blur_img .brow_bgimg {
	filter: blur(15px);
    -webkit-filter: blur(10px);
    box-shadow: 0 0 5px 20px rgba(0,0,0,.7);
}
.brow_welcome {
    position: absolute;
	right: 160px;
	z-index: 97;
    top: 50%;
    transform: translateY(-50%);
}
.brow_btn {
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 18px;
    color: #ffffff;
    outline: 0;
	text-transform: uppercase;
	line-height: 1.11;
    letter-spacing: 0.5px;
    background: #000000;
	text-decoration: none;
	display: inline-flex;
	width: 250px;
	height: 44px;
	justify-content: center;
	align-items: center;
	border: none;
	cursor: pointer;
}
.brow_welcome h1{
    width: 353px;
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 50px;
    font-weight: bold;
    line-height: 0.88;
    letter-spacing: -1.33px;
    color: #ffffff;
	text-transform: uppercase;
	margin: -122px 0 80px 0;
}

/*	SELECTED BROW TOOLS*/
.mb-brow-section.blurred_img .mb-brow-bgimg {	
	filter: blur(8px);
	-webkit-filter: blur(8px);
	position: absolute;	 
}
.brow_tool_section {
	width: 100%;
	z-index: 1;
	display: flex;
	flex-direction: column;
	padding: 0 15px;
}
.brow_tool_section p {
	font-family: "Neue Helvetica W01_79 C1289709";
	font-size: 20px;
	font-weight: bold;
	line-height: 1.1;
  	letter-spacing: 0.18px;
	color: #ffffff;
	margin:30px 0 13px;
	text-transform: uppercase;
}
.brow_tool_section h4 {
	font-family: "Helvetica Neue LT W01_75 Bold";
	font-size: 50px;
	font-weight: bold;
	line-height: 0.88;
	letter-spacing: -1.33px;
	color: #ffffff;
	margin: 0;
	text-transform: uppercase;
}
.steps {
	display: flex;
	flex-wrap: wrap;
}
.steps_content {
	flex: 0 0 100%;
}
.brow_tool_section .item{
	list-style: none;
	flex: 1;
	padding: 0;
	display: flex;
	justify-content: center;
	margin: 40px 0 0;
}
.brow_tool_section .products li{
	width: 184px;
	height: 250px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
	margin: 0 15px;	
	cursor: pointer;
	background: #fff;			
	color: #000;
	text-transform: uppercase;
    z-index: 2;
    position: relative;
}
.brow_tool_section li .icon {
	width: 105px;
	margin: 60px 0 0;
	height: 105px;
}
.brow_tool_section li.ques-active {
	background: #000;
    color: #fff;
    border-top: 2px solid #fff;
}
.brow_tool_section li .icon:nth-child(2){
	display: none;
}
.brow_tool_section li.ques-active img:nth-child(1) {
	display: none;
}
.brow_tool_section li.ques-active img:nth-child(2) {
	display: inline-block;
}
.brow_tool_section li span {
	display: block;
	font-family: "Neue Helvetica W01_79 C1289709";
	font-size: 22px;
	margin: 0 0 23px;
	line-height: 1.27;
    letter-spacing: 0.5px;
    text-align: center;
	padding: 0 5px;
}
.btn_container {
	display: flex;
	justify-content: space-between;
	align-items:flex-end;
	width: 100%;
	height: 52px;
	position: absolute;
	left: 0;
	padding-bottom: 35px;
}
.btn_container .prev, .btn_container .next {
	width: 40px;
	height: 40px;
	display: inline-block;
	cursor: pointer;
}
.btn_container img {   
    width: 40px;
    height: 40px;
}
.brow_tool_steps small{
	font-family: "Neue Helvetica W01_79 C1289709";
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	line-height: normal;
  	letter-spacing: -0.38px;
	
}
.brow_tool_steps span {
	display: inline-block;
	margin: -6px 10px;
	height: 30px;
	width: 2px;
	background: #fff;;
}
/*BROW TOOLS STEP 2*/
.range_container {
	position: relative;
	width: 870px;
	height: 70px;
	padding: 30px;
	z-index: 99;
	background: #fff;
	border-radius: 35px;
	margin: 120px auto 0;
}
.range_container .title {
	position: absolute;
	top: -46px;
	display: flex;
	left: 0;
	width: 100%;
	justify-content: space-between;
}
.range_container .title h5 {
	font-family: "Neue Helvetica W01_79 C1289709";
	color: #fff;	
	font-size: 26px;
	text-transform: uppercase;
	margin: 0;
	line-height: normal;
  	letter-spacing: normal;
}
.step2 h4:nth-child(1) {
	margin-top: 100px;
}
.range {
	position: relative;
	width: 100%;
	height: 4px;
	border-radius: 3px;
}
.range input {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	-webkit-appearance: none;
}
.range input:focus {
	outline: 20px;
}
.range input::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 24px;
	height: 24px;
	margin: -11px 0 0;
	border-radius: 50%;
	background: #000;
	cursor: pointer;
	position: relative;
	z-index: 999;
    border: 0 !important;	
    transition: all 0.2s ease;	
}
.range input::-webkit-slider-thumb::before {
	position: absolute;
	width: 100px;
	height: 100%;
	border-radius: 50%;
	background: #fff;

}
.range input.range-active::-webkit-slider-thumb {
	box-shadow: 0px 0px 0px 30px #fff;
	-webkit-box-shadow: 0px 0px 0px 30px #fff;
	-moz-box-shadow: 0px 0px 0px 30px rgb(0, 0, 0);
	z-index: 999;
    position: relative;
}
.range input::-moz-range-thumb {
	width: 24px;
	height: 24px;
	margin: -11px 0 0;
	border-radius: 50%;
	background: #000;
	cursor: pointer;
    border: 0 !important;	
    transition: all 0.2s ease;
}
.range input::-ms-thumb {
	width: 24px;
	height: 24px;
	margin: -11px 0 0;
	border-radius: 50%;
	background: #000;
	cursor: pointer;
	border: 0 !important;
}
.range input::-webkit-slider-runnable-track {
	width: 100%;
	height: 4px;
	cursor: pointer;
	background: #b2b2b2;
}
.range input::-moz-range-track {
	width: 100%;
	height: 4px;
	cursor: pointer;
	background: #b2b2b2;
}
.range input::-ms-track {
	width: 100%;
	height: 4px;
	cursor: pointer;
	background: #b2b2b2;
}
.range input:focus {
	background: none;
	outline: none;
}
.range input::-ms-track {
	width: 100%;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent;
}
.range-labels {
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
	width: 132%;
}
.range-labels li {
	position: relative;
	float: left;
	width: 25%;
	text-align: center;
	color: transparent;
	font-size: 14px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.range-labels li::before {
	position: absolute;
	top: -25px;
	right: 0;
	left: 0;
	content: "";
	margin: 0 ;
	width: 10px;
	height: 10px;
	background: #d8d8d8;
	border-radius: 50%;
}
.range-labels .active {
	color: transparent;
}
.range-labels .selected::before {
	background: #000;
	top: -25px;
}
.range-labels .active.selected::before {
	display: none;
}
/*BROW TOOLS STEP 3*/
.brow_tool_section .experience .item {
	margin: 0 0 0 30px;
	overflow: hidden;
	overflow-x: auto;
	justify-content: start;
    max-width: 715px;
}
.step3 h4:nth-child(1) {
	margin-top: 30px;
	width: 400px;
}
.brow_tool_section .experience {
	margin:30px 0 0;
}
.brow_tool_section .experience li {
	width: 169px;
	height: 230px;
	margin: 0 5px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
	background: #fff;
	cursor: pointer;
}
.brow_tool_section .experience .modelimg {
	display: inline-block;
    width: auto;
    background: transparent;
}
.brow_tool_section .experience .modelimg li {
	width: 169px;
	height: 230px;
	cursor: pointer;
    z-index: 2;
    position: relative;
    background: transparent;
}
.brow_tool_section .experience .modelimg li .model {
	max-width: 100%;
}
.brow_tool_section .experience li h5 {
	font-family: "Neue Helvetica W01_79 C1289709";
	font-size: 20px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	margin: 5px 0 0;
	line-height: 1.1;
	letter-spacing: 0.18px;
	text-transform: uppercase;
}
.brow_tool_section .experience li span {
	line-height: normal;
  	letter-spacing: normal;
}
/* PRIVACY PAGE */
.privacy {
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
}
.privacy .Mny_container{
    padding: 100px 0 0 170px;
    width: 100%;
}
.privacy h1 {
	margin: 0 0 45px;
	letter-spacing: -1.33px;
	line-height: 0.88;
	color: #ffffff;
	font-family: "Helvetica Neue LT W01_75 Bold";
	font-size: 50px;
    text-transform: uppercase;
}
.privacy p {
	font-family: "Helvetica Neue LT W05_55 Roman";
	font-size: 16px;
	line-height: 1.5;
    letter-spacing: normal;
    font-weight: normal;
    text-transform: inherit;
	width: 480px;
	color: #fff;
	margin: 0 0 18px;
}
.step4_privacy_txt a {
    text-decoration: none;
    color: #fff;
}
.step4_privacy_txt a:hover {
    text-decoration: underline;
}
.radio_btn  {
	display: block;
	position: relative;
	padding-left: 40px;
	padding-top: 3px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #fff;
	font-family: "Neue Helvetica W01_79 C1289709";
	font-size: 18px;
	-webkit-tap-highlight-color: transparent;
	letter-spacing: 1.69px;
	line-height: normal;
  }  
  .radio_btn span {
    font-size: 18px;
  }
  .radio_btn input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
  }
  .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	width: 30px;
	border: 2px solid #fff;
	border-radius: 50%;
  }
  
  .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  .radio_btn input:checked ~ .checkmark:after {
	display: block;
  }
  .radio_btn .checkmark:after {
    background: #fff url(../img/brow-play/check-active.png) no-repeat;
    background-size: 100%;
    left: -2px;
    top: -2px;
    bottom: -2px;
    right: -2px;
    border-radius: 50%;
  } 
  .close_btn {
	  width: 40px;
	  height: 40px;
	  position: absolute;
	  top: 20px;
	  right: 60px;
	  display: inline-block;
  }
  .privacy .primary_btn  {
	  width: 150px;
	  margin-top: 30px;
	  line-height: 1.11;
	  letter-spacing: 0.5px;
  }
.btn_disabled {
    background: #a7a8aa;
    cursor: default !important;
    pointer-events: none;
}
.brow-bg-container .brow_bgcolor {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    z-index: 0; 
    background: rgba(0,0,0,.3);
}
.brow_tool_section .step2 {
	height: 200vh;
}
/*** Mobile View ***/
@media (max-width: 374px) { 
    .brow_tool_section .products {	
        height: 315px !important;
        flex: 1 !important;
        margin: 30px 0 0 !important;
    }
	.brow_tool_section .products li{	
		width: 152px !important;
		height: 152px !important;
    }
    .brow_tool_section .experience {
        height: 350px !important;
        flex: 1 !important;
        margin: 10px auto 0 !important;
      }
	.brow_tool_section .experience li {
		width: 152px !important;
    }
    .brow_tool_section .experience .modelimg li,.brow_tool_section .experience .modelimg li .model  {
		width: 74px !important;
		height: 93px !important;
    }
    .brow_tool_section .experience .modelimg .item {
        flex: 1 !important;
        height: 93px  !important;
    }
    .brow_tool_section .products li .icon {
        margin: 15px 0 0 !important;
    }
}
@media (max-width: 767px) { 
    /* LANDING PAGE */
    .Footer {
        margin: 0;
    }
	.landing{
		background-color: #bcc2bd;
		height: calc(100vh - 107px);
		min-height: auto;	}
	.brow_section {
		height: calc(100vh - 107px);
		min-height: auto;
		background-color: #bcc2bd;
	}	
	.brow_section .Mny_container {
		padding: 30px 25px 20px;
	}
	.brow-bg-container {
		height: calc(100vh - 127px);
		width: calc(100vw - 20px);
		top: 10px;
		left: 10px;
		position:absolute;
		overflow: hidden;
	}
	.brow_bgimg {		
		height: calc(100vh - 127px);
		width: calc(100vw - 20px);
		min-height: auto;
	}		
	.brow_welcome {
		right: 25px;
		left: 25px;
		top: 28px;
		bottom: 15px;
		transform: translateY(0);
	}
	.brow_welcome h1 {
		width: 184px;
		font-size: 30px;
		letter-spacing: normal;
		line-height: 0.93;
		margin: 0;
		position: absolute;
		bottom: 70px;
		left: 0;
	}
	.brow_welcome img {
		max-width: 100%;		
	}
	.brow_btn {
		width: 100%;
		position: absolute;
		bottom: 7px;
		left: 0;
		padding: 10px 0;
	}

		/*SELECTED BROW TOOLS*/	
	.mb-brow-section {
		left: 0;
		right: 0;
		bottom: 0;
		margin: 10px;
		overflow: hidden;
		top: 0;
		
	}
	.brow_tool_section {
		padding: 0;
		display: flex;
		justify-content: space-between;
	}
	
	.brow_tool_section p {
		font-size: 14px;
		margin:0 0 11px 0;
		line-height: 1.21;
		letter-spacing: 0.5px;
		
	}
	.brow_tool_section h4 {
		font-size: 30px;
		line-height: 0.93;
  		letter-spacing: -0.47px;
	}
	
	.brow_tool_section .products {
		padding: 0;
		flex-wrap: wrap;
        margin: 50px 0 0;
        height: 328px;
        display: flex;
        flex: 1;
	}
	.brow_tool_section .products li{		
		margin: 0 5px 5px 0;
		width: 159px;
		height: 159px;
	}
	.brow_tool_section .products li:nth-child(even) {
		margin-right: 0;
	}
	.brow_tool_section .products li .icon {
		width: 80px;
		height: 80px;
		margin: 25px 0 0;
	}
	.brow_tool_section .step3 .experience li {
        justify-content: space-between;
      }
      .brow_tool_section .step3 .experience li:first-child .icon {
        margin: 50px 0 0;
      }
      .brow_tool_section .step3 .experience li .icon {
        margin: 40px 0 0;
      }
    .brow_tool_section li span {
        margin: 0 0 7px;
        font-size: 22px;
        line-height: normal;
        letter-spacing: normal;		
    }
	.btn_container {
		padding: 0 !important;
	}	
	.step2 h4:nth-child(1) {
		margin-top: 10px;
	}

	.range_container {
		margin:  140px auto 0;
		width: 325px;
        height: 50px;
        padding:25px 30px;
    }
    .range_container .title {
        top: -34px;    
    }
	.range_container .title h5 {
		font-size: 20px;
	}
	.range input{
		top: -1px;
	}
	.range-labels {
		margin: 21px 0 0 ;
	}
	.range-labels li::before {
		width: 6px;
		height: 6px;
	}
	.range { 
		height: 2px;
	}
	.range input::-webkit-slider-thumb {
		width: 18px;
		height: 18px;
		margin-top: -9px;
		z-index: 999;
		position: relative;
	}	
	.range input::-moz-range-thumb {
		width: 18px;
		height: 18px;
        margin-top: -9px;
		z-index: 999;
		position: relative;
	}
	.range input::-ms-thumb {
		width: 18px;
		height: 18px;
	}
	.range input::-webkit-slider-runnable-track {
		height: 2px;
	}
	.range input::-moz-range-track {
		height: 2px;
	}
	.range input::-ms-track {
		height: 2px;
	}
    /*BROW TOOLS STEP 3*/
    .brow_tool_section .step3 {
		margin: 0;
	}
	.brow_tool_section .experience {
		margin: 30px auto 0 ;
		text-align: center;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
        width: 100%;
        flex:1;
        height: 354px;
	}
	.step3 h4:nth-child(1) {
		margin-top: 10px;
		width: 280px;
		line-height: 0.93;
		letter-spacing: normal;
	}
	.brow_tool_section .experience li {
		margin: 0 5px 0 0;
		width: 158px;
		height: 206px;
		float: left;
	}
	.brow_tool_section .experience li:nth-child(2) {
		margin: 0 ;
	}
	.brow_tool_section .experience li:nth-child(3) {
		width: 100% !important;
		height: auto;
	}
	.brow_tool_section .experience .item {
		margin:10px auto 0;
		justify-content: start;
		overflow: hidden;
		overflow-x: auto;
        max-width: 325px;
        flex:1;
        height: 97px;
	}
	.brow_tool_section .experience .item li {
		width: 77px;
		margin: 2px;
	}	
	.brow_tool_section .experience .item li a {
		width: 77px;
		height: 97px;
		
	}
	.brow_tool_section .experience .modelimg li, .brow_tool_section .experience .modelimg li .model  {
		width: 77px;
		height: 97px;
		max-width: inherit;
	}
	.brow_tool_section .experience li .icon {
		width: 86px;
		height: 86px;
	}
	.brow_tool_section .experience li span {
		font-size: 22px;
		line-height: normal;
  		letter-spacing: -0.34px;
	}
	.brow_tool_section .experience li h5 {
		font-size: 26px;
		letter-spacing: -0.41px;
		line-height: normal;
	}		
	
    /* PRIVACY PAGE */
    .privacy {
        background: rgba(0,0,0,.9);
    }
	.privacy .Mny_container {
		padding: 0 25px;
	}
	.privacy h1 {
		font-size:  30px;
		margin: 50px 0 35px;
		line-height: 0.93;
          letter-spacing: normal;
          width: 300px;
	}
	.privacy p {
		font-size:  14px;
		margin: 0 0 15px;
		width: 270px;
	}
	.close_btn {
		width: 30px;
		height: 30px;
		right: 30px;
	}
	.close_btn img {
		width: 100%;
    }
    .privacy .primary_btn {
		width: auto;
		position: absolute;
		bottom: 50px;
		right: 25px;
		left: 25px;
	}
 	
}

/*** Tab portrait View ***/
@media (min-width: 768px) and (max-width: 1023px) {	
	.landing, .brow_section, .brow_bgimg {
		min-height: 384px;
        height: calc(100vh - 60px);
	}   
	/* LANDING PAGE */
	.brow_welcome {		
		right: 80px;
	}
	.brow_welcome img {
		width: 238px;
	}
	.brow_welcome h1 {
		margin: -47px 0 30px;
		font-size: 20px;
		line-height: .9	;
		letter-spacing: normal;
		width: 10px;
	}		
	.brow_btn  {
		width: 150px;
    }	
    .steps {
        height: 100%;
        align-content: center;
    }
	/*SELECTED BROW TOOLS*/
	.brow_tool_section p { 
		margin: 50px 0 0;
		font-size: 16px;
		letter-spacing: 0.43px;
		line-height: 1.42;
	}
	.brow_tool_section h4 { 
		font-size: 28px;
		letter-spacing: normal;
		line-height: 2;
	}
	.brow_tool_section .products {
        margin: 37px 0 0;
        height: 143px;
        flex: 1;
	}
	.brow_tool_section .products li{		
		width: 105px;
        height: 143px;
        margin: 0 8px;
	}
	.brow_tool_section .products li .icon {
		width: 60px;
		height: 60px;
		margin: 30px 0 0;
	}
	.brow_tool_section li span {
		margin: 0 0 3px;
		font-size: 16px;
		letter-spacing: 0.36px;
		line-height: 1.75;
	}
	.brow_tool_section .step3 li a span {
		line-height: normal;
  		letter-spacing: normal;
	}
	.btn_container {
		padding-bottom: 14px;
	}
	.step2 h4:nth-child(1) {
		margin-top: 50px;
	}

	/*BROW TOOLS STEP 2*/
	.range_container {
		width: 468px;
		height: 37px;
        margin: 77px auto 0;
        padding: 17px;
	}
	.brow_tool_section .step2 p {
		margin: 55px 0 20;
	}
	.brow_tool_section .step2 h4 { 
		line-height: 0.93;
  		letter-spacing: normal;
    }
    .range_container .title  {
        top: -27px;
    }
	.range_container .title h5 {
		font-size: 20px;
		letter-spacing: 0.18px;
		line-height: 1.1;
	}
	.range-labels {
		margin: 22px 0 0 ;
		width: 133%;
	}
	
	.range-labels li::before {
		width: 5px;
		height: 5px;
	}
	.range { 
		height: 2px;
	}
	.range input::-webkit-slider-thumb {
		width: 14px;
		height: 14px;
		margin: -7px 0 0;
	}	
	.range input::-moz-range-thumb {
		width: 14px;
		height: 14px;
		margin: -7px 0 0;
	}
	.range input::-ms-thumb {
		width: 14px;
		height: 14px;
		margin: -7px 0 0;
	}
	.range input::-webkit-slider-runnable-track {
		height: 2px;
	}
	.range input::-moz-range-track {
		height: 2px;
	}
	.range input::-ms-track {
		height: 2px;
	}
	/*BROW TOOLS STEP 3*/
	.brow_tool_section .step3 .item {
        margin: 37px 0 0;
        flex: 1;
        height: 123px;
	}
	.brow_tool_section .experience .item {
		margin: 0 0 0 24px;
		max-width: 440px;
	
	}
	.step3 h4:nth-child(1) {
		margin-top: 50px;
		line-height: 0.93;
		letter-spacing: normal;
		font-size: 28px;
	}
	.brow_tool_section .experience li span {
        letter-spacing: -0.25px;
        margin: 0 0 6px;
	}	
	.brow_tool_section .experience li {
		margin: 0 0 0 5px;
	}
	.brow_tool_section .experience li {
		width: 90px;
		height: 123px;
	}
	.brow_tool_section .experience .modelimg li {
		width: 90px;
		height: 123px;
	}
	.brow_tool_section .experience li .icon {
		width: 60px;
		height: 60px;
		margin: 20px 0 0;
	}
	.brow_tool_section .experience li h5 {
		font-size: 16px;
		letter-spacing: -0.25px;
		letter-spacing: normal;
	}	

    /* PRIVACY PAGE */
    .privacy .Mny_container {
		padding: 56px 0 0 89px;
	}
	.privacy h1 {
		font-size:  28px;
		margin: 50px 0 30px;
		font-style: normal;
        line-height: 0.93;
        width: 200px;
	}
	.privacy p {
		font-size:  14px;
		margin: 0 0 23px;
		font-style: normal;
          line-height: 1.29;
          width: 350px;
	}
	.btn_container img {   
        width: 35px;
        height: 35px;
    }
    .btn_container.Mny_container {
		height: auto !important;
	}
}

/*** Tab landscape  View ***/
@media (min-width: 1024px) and (max-width: 1279px) {

	/* LANDING PAGE */
	.landing, .brow_section, .brow_bgimg {
		min-height: 512px;
        height: calc(100vh - 60px);
	}
	.brow_welcome {		
		right: 160px;
	}
	.brow_welcome img {
		width: 270px;
	}
	.brow_welcome h1 {
		margin: -49px 0 40px;
		font-size: 24px;
		line-height: .92;
		letter-spacing: normal;
		width: 160px;
    }
    .steps {
        height: 100%;
        align-content: center;
    }
	/*SELECTED BROW TOOLS*/
	.brow_tool_section p {
		font-size: 16px;
		margin:  65px 0 5px;
		letter-spacing: 0.5px;
		line-height: 1.21;		
	}
	.brow_tool_section h4 {
		font-size: 34px;
		letter-spacing: normal;
		line-height: 1.65;
	}
	.brow_tool_section .step2 h4 {
		line-height: 0.88;
  		letter-spacing: normal;
	}
	.brow_tool_section .item {
        margin: 60px 0 0;
        flex:1;
        height: 182px;
	}
	.brow_tool_section .products li {		
		width: 134px;
        height: 182px;
        margin: 0 10px;
	}
	.brow_tool_section .products li .icon {
		width: 77px;
		height: 77px;
		margin: 40px 0 0;
	}
	.brow_tool_section .products li span {
		margin: 0 0 14px;
		font-size: 20px;
		letter-spacing: 0.45px;
		line-height: 1.4;
	}
	.step2 .range_container {
		width: 602px;
		margin: 101px auto 0;
        height: 48px;
        padding: 22px;
	}
	.range-labels li::before {
		top: -25px;
    }
    .range_container .title {
        top: -34px;
    }
	.range_container .title h5 {
		font-size: 20px;
		line-height: 1.1;
  		letter-spacing: 0.18px;
	}	
	.range { 
		height: 2px;
	}
	.range-labels {
		margin: 21px 0 0;
	}
	.range-labels li::before {
		width: 7px;
		height: 7px;
	}
	.range input::-webkit-slider-thumb {
		width: 18px;
		height: 18px;
		margin: -9px 0 0;
	}	
	.range input::-moz-range-thumb {
		width: 18px;
		height: 18px;
		margin: -9px 0 0;
	}
	.range input::-ms-thumb {
		width: 18px;
		height: 18px;
		margin: -9px 0 0;
	}
	.range input::-webkit-slider-runnable-track {
		height: 2px;
	}
	.range input::-moz-range-track {
		height: 2px;
	}
	.range input::-ms-track {
		height: 2px;
	}
	.btn_container {
		padding-bottom: 34px;
	}
	/*BROW TOOLS STEP 3*/
	.brow_tool_section .experience .item {
		margin: 0 0 0 30px;
		max-width: 500px;
	}
	.step3 h4:nth-child(1) {
		margin-top: 70px;
		line-height: 0.88;
  		letter-spacing: normal;
	}
	.brow_tool_section .experience li {
		margin: 0 0 0 5px;
	}
	.brow_tool_section .experience li {
		width: 116px;
		height: 160px;
	}
	.brow_tool_section .experience li .icon {
		width: 72px;
		height: 72px;
		margin: 30px 0 0;
	}
	.brow_tool_section li span {
		font-size: 20px;
		letter-spacing: 0.45px;
	}
	
	.brow_tool_section .experience .modelimg li {
		width: 116px;
		height: 160px;
	}
    /* PRIVACY PAGE */
    .privacy .Mny_container {
		padding: 68px 0 0 136px;
	}
	.privacy h1 {
		font-size:  34px;
		margin: 68px 0 30px;
		line-height: 0.88;
        letter-spacing: normal;
        width: 300px;
	}
	.privacy p {
		font-size:  14px;
		margin: 0 0 30px;
		line-height: 1.29;
        letter-spacing: normal;
        width: 340px;
    }
    .btn_container.Mny_container {
		height: auto !important;
	}
    .brow_tool_section .experience li span {
        margin: 0 0 10px;
    }
}
/*** Large screen View ***/
@media (min-width: 1025px) and (max-width: 1280px) {
	.steps {
		height: calc(100vh - 174px);
	}
	.btn_container img {
		width: 52px;
		height: 52px;	
	}
	 .btn_container .prev, .btn_container .next {
        width: 52px;
        height: 52px;
    }
	.steps_content {
		flex: 0 0 100%;
		padding-left: 37px;
	}
	.step3 .steps_content {
		padding-left: 0;
	}
    .btn_container {
        padding:0 31px 62px;    
		height: auto !important;
    }
	.brow_tool_section .item {
		margin: 0;
	}
	.range_container {
        margin: 20px auto 0;
        padding: 33px 30px;
	}
	.brow_tool_section .step3 .experience li .icon {
        margin: 37px 0 0;
    }
    .brow_tool_section .step3 .experience li:nth-child(1) .icon {
        margin: 50px 0 0;
    }
    .brow_tool_section .experience li span {
        margin: 0 0 16px;
    }
	.brow_tool_section .experience {
		margin: 0;
		display: flex;
		height: calc(100vh - 260px);
		align-items: center;
    }
    .brow_tool_section .step3 {
	    display: inline-block;
        margin: 0 auto;
        padding-left: 5px;
	}
}
@media (min-width: 1281px)  {	
	.steps {
		height: calc(100vh - 174px);
	}
	.btn_container img {
		width: 52px;
		height: 52px;	
	}
	 .btn_container .prev, .btn_container .next {
        width: 52px;
        height: 52px;
    }
    .steps_content {
		flex: 0 0 100%;
		padding-left: 96px;
	}
	.step3 .steps_content {
		padding-left: 0;
	}
	.brow_tool_section .item {
		margin: 0;
	}
	.range_container {
        margin: 20px auto 0;
        padding: 33px 30px;
	}
    .btn_container {
        padding:0 90px 62px;    
		height: auto !important;
    }
	.brow_tool_section .step3 .experience li .icon {
        margin: 37px 0 0;
    }
    .brow_tool_section .step3 .experience li:nth-child(1) .icon {
        margin: 50px 0 0;
    }
    .brow_tool_section .experience li span {
        margin: 0 0 16px;
    }
	.brow_tool_section .experience {
		margin: 0;
		display: flex;
		height: calc(100vh - 260px);
		align-items: center;
    }
    .brow_tool_section .step3 {
	    display: inline-block;
        margin: 0 auto;
        padding-left: 5px;
	}
}


/*** Brow tool result***/
#modiface_tryon_container {
    height: calc(100vh - 207px) !important;
}
#modiface_tryon_container iframe {
    z-index: 0 !important;
    height: calc(100vh - 207px) !important;
}
.brow-tool__container {
	padding: 0;
	overflow: hidden;
	justify-content: center;
}
.profile-section {
	width: 100%;
	height: calc(100vh - 107px) !important;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.primary-nav__container, .secondary-nav__container {
	width: 100%;
	position: absolute;	
    padding: 10px;
	display: flex;
    justify-content: space-between;
    z-index: 9999;
}
.primary-nav__container {
    top:0;
}
.secondary-nav__container  {
	bottom:173px;
	padding:0 15px;
    height: 40px;
}
.primary-nav__container {
    width: auto !important;
}
.brow-icon {
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-size: 100% !important;
}
.brow-icon.brow-back {
	background: url('../img/brow-play/back_arrow.png') no-repeat;
}
.brow-icon.brow-share {
	background: url('../img/brow-play/share_screen.png') no-repeat;
}
.brow-icon.brow-close {
	background: url('../img/brow-play/close.png') no-repeat;
}
.brow-icon.brow-tick {
	background: url('../img/brow-play/tick_icon.png') no-repeat;
}
.get-the__look___section {
	float: left;
	width: 100%;
	position: absolute;
    bottom: 0;
	z-index: 99;
    left: 0;
}
.get-the__look___section a.brow-shapes {
	color:#fff;
	text-decoration: none;
}
.get-the__look___section img {
	width: 100%;
    height: 100%;
}
.get-the__look___section p {
	font-size: 14px;
	line-height: 1.129;
	letter-spacing: normal;
	text-align: center;
	font-weight:normal;
	color: #fff;
	font-family: ""Helvetica Neue LT W05_55 Roman"";
}
.get-the__look___slider {
	height: 60px;
    display: block;
	text-align: center;
	background-color: #fff;
	font-family: 'Neue Helvetica W01_79 C1289709';
	font-size: 18px;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1.5px;
	padding-top: 11px;
}
.get-the__look___slider img {
	width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 48%;
}
.get-the__look___slider span {
    display: inline-block;
    padding-top: 22px;
    line-height: 1;
}
.brow-shapes__collection {
	display: flex;
    flex-direction: row;
    overflow-x: scroll;
	background-color: #000000;
	height: 40px;
    width: 100%;
}
.brow-shape__item {
	width: 62px;
	line-height: 40px;
	text-align: center;
	border-top: solid 1.5px #000000;
	flex: 0 0 62px;
	display:flex;
	justify-content:center;
	align-items: center;
    padding: 0 15px;
}
.brow-shape__item.shape-active {
	border-top: solid 1.5px #fff;
}
.brow-shape__item img {
	max-width: 100%;
	height: auto !important;
}
.brow-shape__item img:nth-child(1) {
	display: none;
}
.brow-shape__item {
	background-color: #000;
	position: relative;
}
.browtool-result__param {
	display: flex;
    flex-direction: row;
	padding: 14px 15px;
	text-align: center;
	position: absolute;
	bottom: 100px;
    display:none;
    left: 50%;
    transform: translateX(-50%);
    
}
.browtool-result__param span {
	width: 105px;
  	height: 40px;
	border-radius: 20px;
	background: #fff;
	padding: 03px;
	display: inline-flex;
	align-items: center;
    flex-direction: column;
}
.browtool-result__param span small {
	font-family: 'Neue Helvetica W01_79 C1289709';
	font-size: 16px;
	line-height: normal;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	display: block;
	margin-top: 3px;
}
.browtool-result__param span img {
	width: 56px;
	height: auto;
}
.browtool-result__param span:last-child img {
	width: 39px;
	margin: -1px 0 0 -1px;
}
.browtool-result__param span:not(:last-child) {	
	margin-right: 15px;	
}
.browtool-arch__link, .browtool-thickness__link, .browtool-shade__link {
	display:none;
}
.browtool-result__param a:not(:last-child) {
	margin-right: 15px;
}
.browtool-shapes {
	font-family: 'Neue Helvetica W01_79 C1289709';
	text-align: center;
	position: absolute;
    bottom: 100px;
    width: 100%;
}
.browtool-shapes .shape-list {
	margin: 0 0 20px;
	padding: 0;
}
.browtool-shapes .shape-list li {
	width: 40px;
	display: inline-block;
	margin: 0 5px;
    padding: 10px 0;
    position: relative;
    z-index: 9;
}
.browtool-shapes .shape-list li:before {
    height: 8px;
    background-color: #fff;
    display: block;
    content: '';
}
.browtool-shapes .shape-list li.steps-indicator__default {
    border: solid .5px #fff;
    padding: 2px 10px;
    background-clip: content-box;
    margin: 10px 5px;
}
.browtool-shapes .shape-list li.steps-indicator__default:before {
    background-color: #fff;
    content: '';
    display: block;
    height: 3px;
}
.browtool-shapes .shape-list li.steps-indicator {
    opacity: .5;
}
.browtool-shapes .shape-list li.steps-indicator.step-indicator__selected {
    opacity: 1;
}
.shape-title {
	font-family: 'Neue Helvetica W01_79 C1289709';
	font-size: 18px;
	color: #fff;
    letter-spacing: 1.69px;
	line-height: normal;
	text-transform: uppercase;
	margin: 0;
	
}
.browtool-shade {
	list-style: none;
    display: block;
    text-align: center;
	margin: 3px 0 20px;
	padding: 0 15px;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
}

.browtool-shade  li{
	display: inline-block;
}
.browtool-shade  li:not(:last-child) {
	margin: 0 12px 0 0;
}
.browtool-shade  span {
	height: 26px;
	width: 26px;
	border-radius: 50%;
	border: solid 1px #fff;
	display: block;
	margin: 5px;
}	
.browtool-shade  li.shade-indicator span{
	height: 36px;
	width: 36px;
	top: -2px;
	left: 7px;
	margin: 0;
	border: solid 2px #fff;
}
.browtool-shade.clear-shade  li.shade-indicator span{
	height: 26px;
	width: 26px;
	margin:  5px;
	border:1px solid #fff;
}	
.brow-btn__container .btn {
	width: 100%;
	margin-bottom: 10px;
	display: none;
	border: 2px solid #000;
}
@media screen and (max-width: 374px) {
	.browtool-result__param {
		padding: 14px 5px;
	}
}
@media  (min-width: 376px) and (max-width: 600px) {
    .brow-icon.brow-tick { 
        margin: 3px;
    }
}

@media screen and (min-width: 47.5em) {
	
	.brow-tool__container {
		padding: 16px 0 60px;		
		position: inherit;
    }
    .brow-tool__container {
		padding: 16px 0 60px;		
		position: inherit;
  }
  #modiface_tryon_container, #modiface_tryon_container iframe {
    height: 100% !important;
  }
	.profile-section {
		width: 347px;
        height: 470px !important;
		float: left;
	}
	.profile-section img {
		height: auto;
		transform: none;
	}
	.primary-nav__container, .secondary-nav__container {
		width: 409px;
		padding: 10px;
        top:0;
        bottom:auto;
	}
	.get-the__look___section {
		width: 190px;
		margin: 0 0 0 30px;
		position: initial;
	}
	.get-the__look___section a.brow-shapes {
		color:#000;
		font-size: 12px;
        pointer-events: none;
        font-family: 'Helvetica Neue LT W01_75 Bold'
	}
	.get-the__look___section img {
		width: auto;
	}
	.get-the__look___section p {
		color: #000000;
		text-align: left;
		margin: 0 0 10px;
		line-height: 1.25;
		font-size: 12px;
		font-weight: bold;
	}
	.get-the__look___slider {
		display: none;
	}
	.brow-shapes__collection {
		flex-wrap: wrap;
		height: auto;
		overflow: auto;
		background-color: transparent;
		position: relative;
    	bottom: auto;
	}	
	.brow-shape__item {
		width: 61px;
		height: 34px;
		line-height: 34px;
		margin: 0 2px 2px 0;
		border: none;
		flex: 0 0 61px;
		background-color: #eeeeee;
		cursor: pointer;
		justify-content: center;
		align-items: center;
		display: flex;
		padding: 13px;
	}
	.brow-shape__item img {
		max-width: 100%;
	}
	.brow-shape__item img:nth-child(1) {
		display: block;
	}
	.brow-shape__item img:nth-child(2) {
		display: none;
	}
	.brow-shape__item.shape-active {
		background: #000;
	}
	.brow-shape__item.shape-active img:nth-child(1){
		display: none;
	}
	.brow-shape__item.shape-active img:nth-child(2){
		display: block;
	}
	.brow-shape__item.active-shape {
		background-color: #000000;
		border-top: solid 1.5px transparent;
	}
	.browtool-result__param {
		display: none !important;
	}
	.browtool-arch__link, .browtool-thickness__link, .browtool-shade__link {
		display:black;
	}
	.browtool-shapes {
		margin-left: 4px;
	}
	.browtool-shapes .shape-list {
		margin: -5px 0 0;
		display: flex;
	}
	.browtool-shapes {
		display: block !important;
		position: initial;
		margin-top: 17px;
	}
	.browtool-arch__link {
		margin-top: 25px;
	}
	.browtool-shapes .shape-list li {
        width: 32px;
        margin: 0;
        padding: 10px 0;
    }
    .browtool-shapes .shape-list li:before {
        background-color: #000000;
        height: 4px;
    }
    .browtool-shapes .shape-list li:hover {
        cursor: pointer;
      }
	.browtool-shapes .shape-list li:not(:last-child) {
        margin: 0 5px 0 0;
	}

	.browtool-shade {		
		margin: 0 0 19px -5px;
		padding: 0;
		height: 24px;
	}
	.browtool-shade  li:not(:last-child) {
		margin: 0 16px 0 0;
	}
	.browtool-shade  span {
		height: 18px;
		width: 18px;
		margin: 3px;
	}	
	.browtool-shade  li.shade-indicator span{
		height: 24px;
		width: 24px;
		border: none;
    }	
    .browtool-shade.clear-shade  li.shade-indicator span{
		height: 18px;
		width: 18px;
		margin: 3px;
		border:1px solid #fff;
	}	
	.browtool-shapes ul li.steps-indicator {
		opacity: .2;
	}
	.browtool-shapes ul li.steps-indicator__default {
		display: none;
	}
	.shape-title {
		color: #000000;
		text-align: center;
		margin-bottom: 0;
		font-size: 14px;
		letter-spacing: normal;
	}
	.brow-btn__container .btn {
		display: block;
	}	
	.brow-btn__container {
		margin-top: 0px;
	}
	.brow-btn__container .btn {
		height: 30px;
		font-size: 14px;
		line-height: normal;
		letter-spacing: 1.17px;
		padding: 5px 0;
	}
}
@media screen and (min-width: 63.75em) {
	.brow-tool__container {
		padding: 28px 0 60px;
	}
	.profile-section {
        width: 430px;
        height: 580px !important;
	}
	.primary-nav__container, .secondary-nav__container {
		width: 523px;
	}
	.get-the__look___section p {		
		line-height: 1.29;
		font-size: 14px;
    }
    .get-the__look___section a.brow-shapes{
        font-size: 14px;
        font-family: "Helvetica Neue LT W05_55 Roman";
    }
	.get-the__look___section {
		width: 242px;
	}
	.brow-shape__item {
		width: 78px;
		height: 43px;
		line-height: 43px;		
		margin: 0 4px 4px 0;	
		flex: 0 0 78px;
	}
	.brow-shape__item:nth-child(3n) {
		margin: 0 0 5px;
	}
	.browtool-shapes {
		margin-top: 27px;
    }
    .browtool-arch__link {
        margin-top: 32px;
    }
    .browtool-shapes .shape-list {
        margin: -3px 0 0;
    }
	.shape-title {
		letter-spacing: 0.5px;
		line-height: 1.11;
		font-size: 18px;
	}
	.browtool-shapes .shape-list li {
		width: 42px;
    }
    .browtool-shapes .shape-list li:before {
        height: 6px;
    }
	.browtool-shade {		
		margin: 0 0 24px -5px;
		padding: 0;
		height: 30px;
	}
	.browtool-shade  li:not(:last-child) {
		margin: 0 18px 0 0;
	}
	.browtool-shade  span {
		height: 22px;
		width: 22px;
		margin: 4px;
	}	
	.browtool-shade  li.shade-indicator span{
		height: 30px;
		width: 30px;
    }	
    .browtool-shade.clear-shade  li.shade-indicator span{
		height: 22px;
		width: 22px;
		margin: 4px;
		border:1px solid #fff;
	}
	.brow-btn__container .btn {
		height: 38px;
		font-size: 18px;
		line-height: 1.11;
		letter-spacing: 0.5px;
		padding: 7px 0;
	}
}
@media screen and (min-width: 80em) {
	.brow-tool__container {
		padding: 60px 0 60px
	}
	.profile-section {
        width: 488px;
        height: 660px !important;
	}
	.primary-nav__container, .secondary-nav__container {
		width: 762px;
		padding: 10px 14px;
	}
	.get-the__look___section p {		
		line-height: 1.5;
        font-size: 16px;
        margin-bottom: 12px;
    }
    .get-the__look___section a.brow-shapes {
        font-size: 16px;
        font-family: "Helvetica Neue LT W05_55 Roman";
    }
	.get-the__look___section {
		width: 279px;
		margin: 0 0 0 38px;
	}
	.brow-shape__item {
		width: 90px;
		height: 50px;
		line-height: 50px;
		flex: 0 0 90px;
		
	}
	.browtool-shapes {
		margin-top: 36px;
	}
	.shape-title {
		font-size: 22px;
		letter-spacing: 0.5px;
		 line-height: 1.27;
    }
    .browtool-shapes .shape-list {
        margin: -2px 0 0;
    }
	.browtool-shapes .shape-list li {
        width: 48px;  
        margin: 0;
        padding: 6px 0;     
	}
	.browtool-shapes .shape-list li:not(:last-child) {
        margin: 0 7px 0 0;
        padding: 6px 0;
	}
	.browtool-shade {		
		margin: 0 0 27px -5px;
		padding: 0;
		height: 35px;
	}
	.browtool-shade  li:not(:last-child) {
		margin: 0 22px 0 0;
	}
	.browtool-shade  span {
		height: 26px;
		width: 26px;
		margin: 4.5px;
	}	
	.browtool-shade  li.shade-indicator span, .browtool-shade  li:hover span{
		height: 35px;
		width: 35px;
        border: none;
        margin: 0;
    }	
    .browtool-shade.clear-shade  li.shade-indicator span, .browtool-shade.clear-shade  li:hover span{
		height: 26px;
		width: 26px;
		margin: 4.5px;
		border:1px solid #fff;
	}
	.brow-btn__container .btn	{
		height: 44px;
		line-height: 1.11;
		letter-spacing: 0.5px;
		padding: 11px 0;
	}
}




/** GET THIS LOOK PAGE **/

.browtool__popup {
	position: absolute;	
	left: 0;
	width: 100%;
	height: 100%;
	bottom: 0;
	background: #fff;
	z-index: 100;
	text-align: center;
	padding: 50px 15px 20px;
	-webkit-transform: translate(0,100%);
    -ms-transform: translate(0, 100%, );
    transform: translate(0,100%);
	transition: -webkit-transform 0.8s ease-in-out;
    transition: transform 0.8s ease-in-out;
}
.brow-tool-popup .browtool__popup{
	-webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
	transition: -webkit-transform 0.8s ease-in-out;
    transition: transform 0.8s ease-in-out;
}
.browtool__popup .close_btn {
	width: 40px;
	height: 40px;
	position: absolute;
	cursor: pointer;
	right: 15px;
	top: 15px;
}
.browtool__popup .close_btn:nth-child(1) {
	display: none;
}
.browtool__popup .close_btn:nth-child(2) {
	display: inline-block;
}
.get-this-look {
	display: block;
	text-align: left;
    margin:0 auto;
    position: absolute;
    top: 15%;
    width: 100%;
}
.get-this-look .close_btn {
    top: -40px;
    right: 30px;
}
.look-title {		
	font-family: "Helvetica Neue LT W01_75 Bold";
	font-size: 32px;
	line-height: 0.94;
	letter-spacing: -0.5px;
	text-transform: uppercase;
	color: #000;
	margin: 10px 0 12px;
}
.look-description {
	font-family: "Helvetica Neue LT W05_55 Roman";
	font-size: 12px;
	line-height: 1.5;
	  letter-spacing: normal;
	color: #000;
}
.get-this-look__list {
	margin: 0 auto;
	padding: 0;
	overflow-x: scroll;
    white-space: nowrap;
    text-align: center;
}
.get-this-look__list:not(:last-child) {
	margin-right: 0;
}
.get-this-look__item {
	width: 213px;
	height: 375px;
	background: #fff;
	padding: 0;
	margin-right: 20px;
	float: none;
	list-style: none;
	display: inline-block;
	vertical-align: top;
    position: relative;
    text-align: left;
}
.get-this-look__item .fav_icon span {
	padding:5px;
}
.get-this-look__item .fav_icon small,.get-this-look__item form .cta-favorite{
	 transform: scale(1);
	display:inline-block;
	font-size:0;
}
.get-this-look__item .fav_icon small {
	background: url('../img/common/heart_black_unselected.svg') no-repeat;
	background-size:18px 16px;	
	width:18px;
	height:16px;
	display:inline-block;
	margin: 5px;
    transform: scale(1);
	color: transparent;
	display:inline-block;
	font-size:0;
}
.get-this-look__item .fav_icon span:before {
	background: url('../img/common/heart_pink_unselected.svg') no-repeat;	
	background-size:18px 16px;	
	visibility:hidden;
	display:inline-block;
	color: transparent;
	font-size:0;
}
.get-this-look__item .fav_icon small:hover {
	background-size:18px 16px;	
	width:18px;
	height:16px;
	display:inline-block;
	color: transparent;
}
.get-this-look__item .fav_icon small:active:before ,.get-this-look__item .fav_icon small:active:after{
	background: url('../img/common/heart_pink_selected.svg') no-repeat;	
	background-size:18px 16px;
	width:0;
	height:0;
	visibility:hidden;
	color: transparent;
	font-size:0;
	content:'';
}
.get-this-look__item .fav_icon small:active,.get-this-look__item .fav_icon span.active small {
	background: url('../img/common/heart_pink_selected.svg') no-repeat;	
	background-size:18px 16px;	
	width:18px;
	height:16px;
	color: transparent;
}
.get-this-look__item form {
	float: none !important;
    margin-top: 0 !important;
    right: 10px;
    position: absolute;
	z-index: 2;	
}
.get-this-look__thumbnail {
	width: 100%;
	height: 217px;
	justify-content: center;
	align-items: center;
	display: flex;
    margin: 0 0 6px;
    overflow: hidden;
}

.get-this-look__thumbnail img {
	max-height: 100%;
}
.look-name-price {
	display: flex;
	width: 100%;
	justify-content: space-between;
	text-transform: uppercase;
	height: 44px;
}
.look-name {
	margin: 0;
	width: 70%;
	overflow: hidden;
}
.look-name a {
	font-family: 'Neue Helvetica W01_79 C1289709';
	font-size: 18px;
	line-height: normal;
  	letter-spacing: 0.56px;
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	overflow: hidden;
}
.look-price {
	margin: 0;
	width: 70%;
	overflow: hidden;
	display: inline-block;
	width: 25%;
	text-align: right;
	font-family: 'Neue Helvetica W01_79 C1289709';
	font-size: 18px;
	line-height: normal;
  	letter-spacing: 0.56px;
}
.get-this-look__item .btn {
	font-size: 18px;
	width: 100%;
	height: 44px;
	line-height: 0.78;
  	letter-spacing: 1.5px;
    padding: 16px 0;
    position: absolute;
    bottom: 0;
}


/* Slider */

.shade-slider {
	width: 100%;
}

.get-this-look__item .shade-title {
	font-family: "Helvetica Neue LT W05_55 Roman";
	font-size: 10px;
	margin: 0 0 8px;
	color: #000;
	line-height: normal;
	letter-spacing: normal;
}

.get-this-look__item .shade-list {
	width: 100%;
	padding-right: 39%;
	height: 26px;
	overflow: hidden;
	margin: 0 0 21px 7px;
}

.get-this-look__item  .shade-list__item {
	width: 25px !important;
	height: 25px;
	border: 1px solid #fff;
	border-radius: 50%;
	float: left;
	margin: 0;
	margin-right: 7px;
}
.get-this-look__item  .shade-list__item .shade-list__range {
	width: 10px !important;
	height: 10px;
	border-radius: 50%;
	display: block;
	background-color: #000;
	margin: 6.5px;
}

.get-this-look__item  .shade-list__item .multi-sdade {
	display: flex;
	width: 5px;
	height: 5px;
	flex-direction: column;
	border-radius: 50%;
	overflow: hidden;
}
.get-this-look__item  .shade-list__item .multi-sdade div {
	flex: 1 0 auto;
}
.get-this-look__item  .shade-list__item.selected-shade {
	border: 1px solid #000;
	padding: 4px;
	-moz-padding-start: 4px;
}
.get-this-look__item .shade-list__item.selected-shade .shade-list__range {
	width: 15px !important;
	height:15px;
	margin: 0;
}

.get-this-look__item .shade-list__item.selected-shade .multi-sdade {
	width: 15px !important;
	height: 15px;
	margin: 0;
}
@-moz-document url-prefix() {
	.shade-list__item.selected-shade .shade-list__range {
		margin-top: .5px !important;
	}
}
.get-this-look__item  .slick-track {
	width: max-content !important;
}

.get-this-look__item .slick-prev, .get-this-look__item  .slick-next {
	border: solid black;
	border-width: 0 1px 1px 0;
	float: right;
	width: 12px;
	height: 12px;
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	outline: 0;
	background: transparent;
}

.get-this-look__item  .slick-prev {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	right: 60px;
}

.get-this-look__item  .slick-next {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	right: 23px;
}

.get-this-look__item  .slick-prev:before, .get-this-look__item  .slick-next:before {
    content: "";
    padding: 15px;
    margin: -6px;
}
.browtool-loading {
    background: url(../img/loading.gif) center center no-repeat;
    position: absolute;
    width: 100px;
    background-size: 100%;
    height: 100px;
    top: 50%;
    left: 50%;
    z-index: 99;
    transform: translate(-50%,-50%)
}
@media (max-width: 374px) {
    .get-this-look__item {
        height: 355px;
    }
    .get-this-look__thumbnail {
        height: 197px;
    }
}

@media screen and (min-width: 47.5em) {
	.browtool__popup {	
		background: rgba(0,0,0,.9);
		height: 100%;
		top: 60px;
		padding:42px 0 0;
		display: none;
		transform: translate(0, 0);
	}
	.browtool__popup .close_btn {		
		top: 0;
		right: 40px;
		display: inline-block;
	}
	.browtool__popup .close_btn:nth-child(1) {
		display: inline-block;
	}
	.browtool__popup .close_btn:nth-child(2) {
		display: none;
	}
	.get-this-look {
		display: inline-block;
	}
	.look-title {
		color: #fff;
		line-height: 0.93;
		letter-spacing: normal;
		font-size: 28px;
		margin: 0 0 15px;
	}
	.look-description {
		color: #fff;
	}
	.get-this-look {
        margin: 0 auto 0 ;
        width: auto;
        position: initial;
	}
	.get-this-look__list {
		overflow-x: inherit;
	}
	.get-this-look__item {
		width: 147px;
		height: 253px;
		background: #fff;
		padding: 8px;
		margin-right: 11px;
		float: left;
	}
	.get-this-look__item form {
		right: 5px;
		top: 5px;
	}
    .get-this-look__item .fav_icon small,.get-this-look__item .fav_icon small:hover,.get-this-look__item .fav_icon small:active, .get-this-look__item .fav_icon span.active small {
		background-size: 10px 9px;
		width: 10px;
		height:9px;
	}
	.get-this-look__thumbnail {
		height: 145px;
		margin: 0 0 4px;
	}
	.look-name-price {
		height: 24px;
	}
	.look-name a {
		font-size: 10px;
		line-height: normal;
  		letter-spacing: 0.31px;
	}
	.look-price {
		font-size: 10px;
	}
	.get-this-look__item .shade-list {
		height: 14px;
		margin:  0 0 11px;
		padding-right: 27%;
	}
	.get-this-look__item .slick-prev, .get-this-look__item .slick-next {
		width: 7px;
		height: 7px;
	}
	.get-this-look__item .slick-prev {
		right: 20px;
	}
	.get-this-look__item .slick-next {
		right: 4px;
	}
	.get-this-look__item .shade-title {
		font-size: 8px;
		margin: 0 0 5px;
	}
	.get-this-look__item .shade-list__item .shade-list__range {
		width: 6px !important;
		height: 6px;
		margin: 2.5px;
	}

	.get-this-look__item .shade-list__item {
		width: 13px !important;
		height: 13px;
	} 
	.get-this-look__item .shade-list__item .multi-sdade {
		width: 4px !important;
		height: 4px;
	}
	.get-this-look__item .shade-list__item.selected-shade {
		padding: 2px;
	}
	.get-this-look__item .shade-list__item.selected-shade .shade-list__range {
		width: 7px !important;
		height: 7px;
	}
	.get-this-look__item .shade-list__item.selected-shade .multi-sdade {
		width: 7px !important;
		height: 7px;
	}
	.get-this-look__item .btn {
		font-size: 14px;
		height: 24px;
		padding: 3px 0;
		line-height: normal;
        letter-spacing: 1.17px;
        bottom: 8px;
        width: calc(100% - 16px);
    }
    .get-this-look__item  .slick-prev:before, .get-this-look__item  .slick-next:before {
        padding: 8px;
    }
    .browtool-loading {
        top: 40%;
        transform: translate(-50%,-40%)
    }
}

@media screen and (min-width: 63.75em) {
	.look-title {	
		font-size: 32px;
		line-height: 0.94;
		letter-spacing: -0.5px;		
	}
	.browtool__popup .close_btn {
		top: 0;
		right: 60px;
	}
	.get-this-look__item {
		width: 210px;
		height: 362px;
		padding: 11px;
		margin-right: 16px;
	}
	.get-this-look__thumbnail {
		height: 208px;
		margin: 0 0 10px;
	}
	.look-name-price {
		height: 34px;
	}
	.look-name a {
		font-size: 14px;
		line-height: normal;
  		letter-spacing: 0.44px;
	}
	.look-price {
		font-size: 14px;
	}	
	.get-this-look__item .shade-list {
		height: 20px;
		margin:  0 0 20px;
		padding-right: 29%;
	}
	.get-this-look__item .shade-title {
		font-size: 10px;
	}
	.get-this-look__item .shade-list__item .shade-list__range {
		width: 8px !important;
		height: 8px;
		margin: 4.5px;
	}

	.get-this-look__item  .shade-list__item {
		width: 19px !important;
		height: 19px;
	} 
	.get-this-look__item  .shade-list__item .multi-sdade {
		width: 4px !important;
		height: 4px;
	}
	.get-this-look__item  .shade-list__item.selected-shade {
		padding: 3px;
	}
	.get-this-look__item  .shade-list__item.selected-shade .shade-list__range {
		width: 11px !important;
		height: 11px;
	}
	.get-this-look__item .shade-list__item.selected-shade .multi-sdade {
		width: 11px !important;
		height: 11px;
	}
	.get-this-look__item .btn {
		font-size: 18px;
		height: 34px;
		padding: 3px 0;
        letter-spacing: 1.5px;
        bottom: 11px;
        width: calc(100% - 22px);
	}
	.get-this-look__item form {
		right: 9px;
		top: 8px;
	}
	.get-this-look__item .fav_icon small,.get-this-look__item .fav_icon small:hover,.get-this-look__item .fav_icon small:active, .get-this-look__item .fav_icon span.active small {
		background-size: 14px 12px;
		width: 14px;
		height:12px;
	}	
	.get-this-look__item .slick-prev {
		right: 33px;
	}
}

@media screen and (min-width: 80em) {
	.browtool__popup {
		padding: 90px 0 0 ;
	}
	.look-title {	
		font-size: 50px;
		line-height: 0.88;
		letter-spacing: -1.33px;		
		margin:0 0 20px;
	}
	.browtool__popup .close_btn {
		top: 26px;
		right: 60px;
	}
	.look-description {
		font-size: 14px;
		line-height: 1.29;
        letter-spacing: normal;
        margin: 0 0 17px
	}	
	.get-this-look__item {
		width: 275px;
  		height: 475px;
		padding: 15px;
		margin-right: 24px;
	}
	.get-this-look__thumbnail {
		height: 273px;
		margin: 0 0 14px;
	}
	.look-name-price {
		height: 44px;
	}
	.look-name a {
		font-size: 18px;
		line-height: normal;
		letter-spacing: 0.56px;
	}
	.look-price {
		font-size: 18px;
    }
    .get-this-look__item .fav_icon small,.get-this-look__item .fav_icon small:hover,.get-this-look__item .fav_icon small:active, .get-this-look__item .fav_icon span.active small {
		background-size: 18px 16px;
		width: 18px;
        height:16px;
        cursor: pointer;
    }
    .get-this-look__item .fav_icon span {
		cursor:pointer;
	}
	.get-this-look__item form {
		right: 4px;
		top: 8px;
	}
	.get-this-look__item .shade-title {
		margin: 0 0 8px;
	}
	.get-this-look__item .shade-list {
		height: 25px;
		margin:  0 0 26px;
		padding-right: 35%;
	}
	.get-this-look__item .slick-prev, .get-this-look__item .slick-next {
		width: 12px;
		height: 12px;
	}
	.get-this-look__item .slick-prev {
		right: 59px;
	}
	.get-this-look__item .slick-next {
		right: 23px;
	}
	.get-this-look__item .shade-title {
		font-size: 10px;
		
	}	
	.get-this-look__item .shade-list__item .shade-list__range {
		width: 10px !important;
		height: 10px;
		margin: 6.5px;
	}
	.get-this-look__item .shade-list__item {
		width: 25px !important;
		height: 25px;
	} 
	.get-this-look__item .shade-list__item .multi-sdade {
		width: 4px !important;
		height: 4px;
	}
	.get-this-look__item .shade-list__item.selected-shade {
		padding: 4px;
	}
	.get-this-look__item .shade-list__item.selected-shade .shade-list__range {
		width: 15px !important;
		height: 15px;
	}
	.get-this-look__item .shade-list__item.selected-shade .multi-sdade {
		width: 15px !important;
		height: 15px;
	}
	.get-this-look__item .get-this-look__item .btn {
		font-size: 18px;
		height: 44px;
		padding: 9px 0;
		letter-spacing: 1.17px;
	}
	.get-this-look__item .btn {
		font-size: 18px;
		height: 44px;
		line-height: normal;
		letter-spacing: 1.5px;
        padding: 10px 0;
        bottom: 15px;
        width: calc(100% - 30px);
    }
    .browtool-loading {
        top: calc(50% - 100px);
        transform: translate(-50%,-40%)
      }
      .get-this-look__item .fav_icon small:hover {
        background: url('../img/common/heart_pink_unselected.png') no-repeat;	
        background-size:18px 16px;	
        width:18px;
        height:16px;
        display:inline-block;
        color: transparent;
    }
}
/** CAPTURE YOU LOOK **/
.shared-popup {
	transform: translate(0,0) !important;
    padding: 0;
}
.shared-popup  .primary-nav__container {
	z-index: 1;
}

.share-section {
    padding: 0;
}
.share-section .profile-section .avatar {
	height: 100vh;
	width: 100vw;
}
.share-section {
	padding: 0;
}
.camera-btn {
    background-color: #ffffff;
    height: 56px;
    width: 56px;
    z-index: 1;
    position: relative;
    border-radius: 50%;
    margin: 0 auto;
    cursor: pointer;
}
.camera-btn::before {
    border: solid 2px #000;
    position: relative;
    content: '';
    width: 14px;
    height: 14px;
    display: block;
    border-radius: 50%;
    top: 38%;
    left: 38%;
}
.mask {
   
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
 }
 .mask li {
    background: rgba(0,0,0,.5);
    height: 25%;
    width: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
 }
 .mask li:nth-child(2) {
    background: transparent;
    width: 100%;
    opacity: 1;
    border-left: 15px solid rgba(0,0,0,.5);
    height: 50%;
    border-right: 15px solid rgba(0,0,0,.5);
 }
 .capture-look {
	 display: none;
 }
@media screen and (min-width: 47.5em) {
	.share-section {
		display: none;
	}
	.capture-look {
		display: flex;
		justify-content: center;
	}
	.capture-picture {
		    width: 380px;
    height: 360px;
		border: 1px solid red;
	}
	.capture-content {
		width: 260px;
		margin: 45px 0 0 30px;
	}
	.capture_title {
		font-family: "Helvetica Neue LT W01_75 Bold";
		font-size: 30px;
		line-height: 0.88;
		letter-spacing: -1.33px;
		color: #fff;
		text-transform: uppercase;	  
		margin: 0 0 20px;
		text-align: left;
	}
	.capture_description {
		font-family: "Helvetica Neue LT W05_55 Roman";
		font-size: 14px;
		line-height: 1.5;
		letter-spacing: normal;
		color: #fff;	
		margin: 0 0 30px;  
		text-align: left;
	}
	.capture_btn {
		cursor: pointer;
		width: 66px;
		height: 66px;
		display: inline-block;
	}
	.capture_close {
		margin: 0 0 30px;
	}
}
@media screen and (min-width: 63.75em) {
	.capture-picture {
		width: 522px;
		height: 453px;
	}
	.capture-content {
		width: 360px;
	}.capture_close {
		margin: 0 0 70px;
	}
}
@media screen and (min-width: 80em) {
	.capture_title {
		font-size: 50px;
	}
	.capture_description {
		font-size: 16px;
	}
	.capture-picture {
		width: 762px;
		height: 660px;
	}
	.capture-content {
		width: 350px;	
		margin: 45px 0 0 40px;
	}
	
	.capture_description {
		margin: 0 0 75px;  
	}	
	.capture_close {
		margin: 0 0 130px;
	}
}


.your-look__section {
    padding: 0;
	display:inline-block;
	text-align: left;
 }
 .title-section {
     padding: 15px;
 }
 .title-section h4 {
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 32px;
    line-height: 30px;
    letter-spacing: -0.5px;
    text-transform: uppercase;
    float: left;
    width: 80%;
    margin: 0;
 }
 .title-section a.cancel-icon {
     float: right;
 }
 .title-section:after {
     clear: both;
    content: '';
    display: table;
 }
 .tabs-nav {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.tabs-nav .tab-link {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.38px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Neue Helvetica W01_79 C1289709';
    letter-spacing: 1.5px;
    color: #000;
    text-decoration: none;
    padding: 16px 13px;
}
.tabs-nav .tab-link.current{
    border-bottom: 3px solid #000000;
}
.tab-content{
    display: none;
}

.tab-content.current{
    display: inherit;
}
.tabs-stage {
	margin-top: -1px;
}
.tabs-stage .tabs {
    min-height: 377px;
}
.tabs-stage .tabs .btn-primary {
    width: calc(100% - 30px);
    margin: 15px;
}
.tabs-stage .tabs img.avatar {
    height: 100%;
}
.browtool-yourprod__container {
    text-align: left;
}
.yourprod-inner__container {
    padding: 60px 40px 40px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.25);
}
.browtool-yourprod__container h4 {
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 30px;
    line-height: 28px;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin: 0 0 20px;
}
.mybrows-left__panel {
    width: 130px;
    float: left;
}
.mybrows-left__panel .mybrows-img__section {
    width: 129px;
    height: 143px;
    background-color: #f6f6f6;
    text-align: center;
}
.mybrows-left__panel p, .mybrows-bottom__panel p {
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 1.125rem;
    margin: 12px 0;
    text-transform: uppercase;
    line-height: 1;
}
.mybrows-right__panel {
    width: 130px;
    float: left;
    margin-left: 10px;
}
.yourprod-inner__container:after {
    display: table;
    content: '';
    clear: both;
}
.mybrows-right__panel .browtool-shapes, .mybrows-top__panel .browtool-shapes  {
    position: relative;
    bottom: 0;
    text-align: left;
}
.mybrows-right__panel .browtool-shapes p {
    color: #000;
    margin: 0;
}
.mybrows-top__panel .browtool-shapes p {
    color: #000;
    margin: 0;
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 15px;
}
.mybrows-right__panel .browtool-shapes ul {
    margin: 0 0 20px;
    line-height: 0;
}
.mybrows-top__panel .browtool-shapes ul {
    margin: 0 0 10px;
    line-height: 0;
}
.mybrows-right__panel .browtool-shapes ul li {
    background-color:#000;
    margin: 0;
    width: 22px;
    height: 4.5px;
}
.mybrows-top__panel .browtool-shapes ul li {
    background-color: #000000;
    margin: 0;
    width: 13px;
    height: 3px;
    cursor: pointer;
}
.mybrows-right__panel .browtool-shapes ul li.steps-indicator {
    opacity: .25;
    cursor: pointer;
}
.mybrows-right__panel .browtool-shapes ul li.steps-indicator__default, .mybrows-top__panel .browtool-shapes ul li.steps-indicator__default {
    border: none;
    background-clip: unset;
    background-color: #000;
}
.mybrows-right__panel .browtool-shapes ul li.steps-indicator.step-indicator__selected, .mybrows-top__panel .browtool-shapes ul li.steps-indicator.step-indicator__selected {
    background-color: #000;
    opacity: 1;
}
.mybrows-right__panel .browtool-shapes.browtool-shade__link ul li, .mybrows-top__panel .browtool-shapes.browtool-shade__link ul li {
    background-color: transparent;
}
.mybrows-right__panel .browtool-shapes ul li.shade-circle__option:before, .mybrows-top__panel ul li.shade-circle__option:before {
    height: 8px;
    width: 8px;
    left: 0;
}
.mybrows-top__panel ul li.shade-circle__option:before {
    top: -4px;
}
.mybrows-right__panel .browtool-shapes ul li.shade-circle__option:active:before, .mybrows-right__panel .browtool-shapes ul li.shade-circle__option:hover:before {
    height: 17px;
    width: 17px;
    left: -5px;
}
.mybrows-top__panel .browtool-shapes ul li.shade-circle__option:active:before, .mybrows-top__panel .browtool-shapes ul li.shade-circle__option:hover:before {
    height: 11px;
    width: 11px;
    left: -2px;
    top: -7px;
}
.mybrows-top__panel:after {
    display: table;
    content: '';
    clear: both;
}
.mybrows-top__panel .browtool-shapes {
    width: 33%;
    float: left;
}
.mybrows-bottom__panel {
    display: flex;
    justify-content: space-between;
}
.prod-details__container {
	width: 130px;
}
.prod-details__container .mybrows-img__section {
    width: 130px;
	height: 145px;
	justify-content: center;
    display: flex;
}
.prod-details__container .mybrows-img__section img {
	max-height: 100%;
}
.product-section {
    padding: 15px;
}
.product-section .btn-primary {
    width: 100%;
    line-height: 19px;
}
.recommended-products__title {
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -.5px;
    text-transform: uppercase;
    margin: 30px 0 0;
}
.recommended-products__desc {
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 14px;
    line-height: 18px;
    margin: 5px 0 20px;
}
@media screen and (min-width: 47.5em) {
    .tabs-nav, .product-section {
        display: none;
    }
    .title-section h4 {
        padding-top: 35px;
		color: #fff;
    }
    .tabs-stage .tabs {
        display: block !important;
        width: 191px;
        min-width: 191px;
        height: 191px;
        border: solid;
        min-height: auto;
        margin: 0 10px;
		background: #fff;
    }
    .tabs-stage {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .browTool-share__beforeafter img, .mybrows-left__panel .mybrows-img__section img {
        height: 100%;
    }
    .tabs-stage .btn-primary {
        background: #ffffff;
        color: #000000;
        height: 25px;
        width: 160px;
        margin: 15px;
        line-height: 0;
        font-size: 14px;
        letter-spacing: 0.44px;
    }
    .yourprod-inner__container {
        padding: 10px;
        height: 100%;
        border: none;
    }
    
    .browtool-yourprod__container h4 {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 10px;
        letter-spacing: -0.47px;
    }
    .mybrows-left__panel {
        width: 80px;
    }
    .mybrows-left__panel .mybrows-img__section {
        width: 72px;
        height: 80px;
    }
    .mybrows-left__panel p, .mybrows-bottom__panel p, .mybrows-top__panel .browtool-shapes p {
        font-size: 9px;
        text-align: left;
    }
    .mybrows-right__panel {
        width: 46%;
    }
    .mybrows-right__panel .browtool-shapes, .mybrows-top__panel .browtool-shapes {
        margin-top: 0;
    }
    .mybrows-right__panel .browtool-shapes p {
        text-align: left;
        font-size: 9px;
    }
    .mybrows-right__panel .browtool-shapes ul li {
        width: 12px;
        height: 2.5px;
    }
    .mybrows-right__panel .browtool-shapes ul li.shade-circle__option:before, .mybrows-top__panel ul li.shade-circle__option:before {
        height: 5px;
        width: 5px;
    }
    .mybrows-right__panel .browtool-shapes ul li.shade-circle__option:active:before, .mybrows-right__panel .browtool-shapes ul li.shade-circle__option:hover:before {
        height: 10px;
        width: 10px;
        top: -1px;
    }
    .mybrows-top__panel .browtool-shapes ul li {
        width: 8px;
    }
    .mybrows-top__panel .browtool-shapes ul {
        margin: 0 0 5px;
    }
    .mybrows-top__panel .browtool-shapes.browtool-shade__link ul {
        padding: 3px 0 0;
        margin-bottom: 1px;
    }
    .mybrows-top__panel .browtool-shapes ul li.shade-circle__option:hover:before {
        height: 8px;
        width: 8px;
    }
    .prod-details__container .mybrows-img__section {
        height: 50px;
		width: auto;
    }
    .prod-details__container .mybrows-img__section img {
        height: 100%;
    }
    .prod-details__container {
        width: 45%;
        min-width: auto;
        margin: 0 5px 0 0;
    }
    .mybrows-bottom__panel {
        overflow-x: visible;
    }
}
@media screen and (min-width: 63.75em) {
    .tabs-stage .tabs {
        width: 253px;
        height: 253px;
        min-width: 253px;
    }
    .browtool-yourprod__container h4 {
        font-size: 24px;
        letter-spacing: -0.8px;
    }
    .mybrows-left__panel p, .mybrows-bottom__panel p {
        font-size: 18px;
        line-height: 20px;
        letter-spacing: .5px;
    }
    .mybrows-right__panel .browtool-shapes p, .mybrows-top__panel .browtool-shapes p {
        font-size: 12px;
    }
    .prod-details__container .mybrows-img__section {
        height: 80px;
    }
    .mybrows-bottom__panel p {
        font-size: 14px;
    }
    .prod-details__container {
        margin: 15px 10px 0 0;
    }
    .tabs-stage .tabs .btn-primary {
        height: 33px;
        line-height: 9px;
    }
    .mybrows-top__panel .browtool-shapes ul li.shade-circle__option:hover:before {
        left: -4px;
    }
}
@media screen and (min-width: 80em) {
    .tabs-stage .tabs {
        width: 374px;
        height: 374px;
        min-width: 374px;
    }
    .yourprod-inner__container {
        padding: 25px;
    }
    .browtool-yourprod__container h4 {
        font-size: 30px;
        letter-spacing: -1px;
        line-height: 28px;
    }
    .mybrows-left__panel {
        width: 140px;
    }
    .mybrows-left__panel p {
        line-height: 18px;
        letter-spacing: normal;
    }
    .mybrows-left__panel .mybrows-img__section {
        width: 140px;
        height: 155px;
    }
    .mybrows-right__panel {
         margin-left: 20px;
         width: 49%;
    }
    .mybrows-right__panel .browtool-shapes p, .mybrows-top__panel .browtool-shapes p {
        font-size: 18px;
        line-height: 20px;
        letter-spacing: .5px;
    }
    .mybrows-right__panel .browtool-shapes ul li {
        width: 24px;
        height: 5px;
    }
    .mybrows-right__panel .browtool-shapes ul li.shade-circle__option:before, .mybrows-top__panel ul li.shade-circle__option:before {
        height: 10px;
        width: 10px;
    }
    .mybrows-right__panel .browtool-shapes ul li.shade-circle__option:active:before, .mybrows-right__panel .browtool-shapes ul li.shade-circle__option:hover:before {
        height: 19px;
        width: 19px;
        top: -7px;
    }
    .mybrows-right__panel .browtool-shapes ul {
        line-height: 1;
    }
    .mybrows-top__panel .browtool-shapes ul {
        margin: 0 0 10px;
        line-height: 1;
    }
    .mybrows-top__panel .browtool-shapes ul li {
        width: 16px;
        height: 5px;
    }
    .mybrows-top__panel .browtool-shapes ul li.shade-circle__option:hover:before {
        height: 19px;
        width: 19px;
        left: -7px;
        top: -10px;
    }
    .mybrows-right__panel .browtool-shapes.browtool-shade__link ul li, .mybrows-top__panel .browtool-shapes.browtool-shade__link ul li {
        margin: 0 1px;
    }
    .tabs-stage .tabs .btn-primary {
        height: 44px;
        font-size: 18px;
        letter-spacing: -.5px;
        line-height: 20px;
    }
    .mybrows-bottom__panel p {
        font-size: 18px;
    }
    .prod-details__container .mybrows-img__section {
        height: 119px;
        width: 100px;
    }
    .mybrows-top__panel .browtool-shapes.browtool-shade__link ul {
        margin-bottom: 7px;
    }
}

.icon.icon-whatsapp {
	background-image: url('/~/media/MNY/global/whatsappmessenger/whatsapp.png');
 }
 .icon.icon-whatsapp:hover {
    background: url('/~/media/MNY/global/whatsappmessenger/whatsapp_pink.png') no-repeat;
	width: 33px;
    height: 33px;
	background-size: cover;
 }
 .icon.icon-messenger {
	 background-image: url('/~/media/MNY/global/whatsappmessenger/messenger.png');
 }
 .icon.icon-messenger:hover {
    background: url('/~/media/MNY/global/whatsappmessenger/messenger_pink.png') no-repeat;
    width: 33px;
    height: 33px;
    background-size: cover;
}
 .icon.icon-tiktok  {
    background-image: url(/~/media/MNY/global/tiktok_icon_image/tiktok.png);
}
.icon.icon-tiktok:hover {
    background: url('/~/media/MNY/global/tiktok_icon_image/tiktok_pink.png') no-repeat;
}
 .icon.icon-whatsapp, .icon.icon-messenger {
    width: 33px;
    height: 33px;
    background-repeat: no-repeat;
    margin-top: -4px;
    background-size: cover;
  }
  
.icon.icon-tiktok {
	width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    margin-top: -6px;
    background-size: cover;
}
  .popup-content .close_icon:before {
    font-weight: bold;
    font-size: 17px;
    -webkit-text-stroke: 2px #fff;
    content: none;
  }
  @media screen and (min-width: 768px) {
    .popup-content .close_icon:before {
        font-size: 11px;
        -webkit-text-stroke: 1px #fff;
    }
  }
.pdp-overlay {
	display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    top: 0;
    z-index: 1;
	left:0;	
}
 /** NEW PDP LAYOUT **/
 .PDP-outer__container:after {
    content: '';
    display: table;
    clear: both;	
}
.PDP-right__section .accordion {
    display: none;
}
.PDP-right__section .accordion.selected {
    display: block;
} 
.PDP-right__section .accordion {
    border-bottom: solid 1px #000000;
}
.PDP-right__section .accordion .accordion-content {
	padding-bottom: 18px;
	font-size: 16px;
	line-height: 1.5;
	color: #000000;
	font-family: "Helvetica Neue LT W05_55 Roman";
    display: none;
    white-space: pre-line;
}
.PDP-right__section .accordion::nth-child(2){
	display:block;
}
.PDP-right__section .accordion h2 {
    border: solid;
    border-width: 1px 0 0;
    position: relative;
	margin: 0;
 }

 .PDP-right__section .accordion h2:last-of-type ~ div {
    padding-bottom: 18px;	
 }
 .PDP-right__section .accordion h2 a {
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 18px;
    font-weight: bold;
    line-height: 1.56;
	letter-spacing: 0.41px;
    text-decoration: none;
    color: #000000;
    padding: 18px 0 18px;
    display: block;
 }
  .PDP-right__section .accordion h2 span {
    display: inline-block;
    height: 9px;
    right: 14px;
    width: 13px;
    top: 30px;
    position: absolute;
}

.PDP-right__section .accordion h2 span:before,  .PDP-right__section .accordion h2 span:after {
    border-right: 2px solid;
    content: '';
    display: block;
    height: 9px;
    margin-top: -4px;
    position: absolute;
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    left: 3px;
    top: 50%;
    width: 0;
}

.PDP-right__section .accordion h2 span:after {
    margin-top: -4px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 9px;
}
.PDP-right__section .accordion h2.tab-active span {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
 }
 .PDP-right__section .accordion p {
    font-family: "Helvetica Neue LT W05_55 Roman";
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: normal;
 }
 .PDP-reviews__section {
    margin-left: 30px;
 }
 .PDP-reviews__section h5 {
    font-family: "Helvetica Neue LT W05_55 Roman";
    font-size: 22px;
    font-weight: bold;
    line-height: 1.27;
    letter-spacing: 0.5px;
    margin: 20px 0;
    float: left;
    width: 65%;
 }
 .see-all__link {
    float: right;
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 18px;
    font-weight: bold;
    line-height: 1.33;
    letter-spacing: 0.5px;
    text-decoration: none;
    color: #000;
    margin: 25px 35px 20px 0;
 }
 .see-all__link img {
    width: 14px;
    height: 13px;
}
.reviews-scrollable__section {
    display: flex;
    flex-direction: row;
    justify-content: left;
    overflow-x: auto;
    clear: both;
    padding-bottom: 20px;
}
.fa-star {
    color: #fb2460;
}
.reviews-section {
    background-color: #f6f6f6;
    padding: 15px 15px 50px;
    width: 315px;
    min-width: 315px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.29;
    letter-spacing: normal;
    font-family: "Helvetica Neue LT W05_55 Roman";
    margin-right: 20px;
    position: relative;
}
.latest-reviewed {
    float: right;
    width: 50%;
    text-align: right;
    margin: 0 0 20px 0;
}
.star-rating {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}
.more-reviews__section {
    margin-left: 30px;
}
.more-reviews__section h5 {
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 32px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.2px;
    margin: 30px 0 25px;
}
.more-reviews__section ul {
    padding: 0;
    margin: 0 0 20px;
}
.more-reviews__section ul li {
    height: 30px;
    border-radius: 10px;
    background-color: #f6f6f6;
    display: inline-block;
    padding: 7px 20px;
    text-align: center;
    margin: 0 10px 10px 0;
}
.more-reviews__section ul li a {
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 1.17px;
    text-decoration: none;
    color: #000000;
}
.readmore-link {
    font-family: "Helvetica Neue LT W05_55 Roman";
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
    letter-spacing: 0.44px;
    margin: 20px 0;
    text-decoration: none;
    color: #000;
    margin: 0;
    position: absolute;
    bottom: 12px;
    right: 16px;
}
.reviews-section:after {
    clear: both;
    display: table;
    content: '';
    border-left: 18px solid transparent;
    border-top: 18px solid #f6f6f6;
    border-right: 0px solid #f6f6f6;
    position: absolute;
    bottom: -16px;
    right: 18px;
}


.PDP-bottom__section img.thumbnail {
    width: 47px;
    height: 52px;
    vertical-align: middle;
    margin-right: 15px;
}
.PDP-bottom__section img.arrow {
    width: 25px;
    height: 25px;
    float: right;
    margin-top: 15px;
}
.PDP-bottom__section ul {
    margin: 50px 0 30px;
    padding: 0;
}
.PDP-bottom__section ul li {
    display: inline-block;
    border-top: solid 1px #000;
    width: 100%;
    padding: 10px 0;
}
.PDP-bottom__section ul li a {
    display: flex;    
	align-items: center;
	position: relative;
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 22px;
	text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.27;
    width: 100%;
    letter-spacing: 0.5px;
    color: #000000;
}

.PDP-bottom__section ul li a::after {
	float: right;
    background: #000 url(../img/white_arrow.png) no-repeat center;
    height: 25px;
    background-size: 15px 14px;
    width: 25px;
    margin: -2px 0 0 10px;
    content: "";
    border-radius: 50%;
	position: absolute;
	right: 0;
}
.PDP-reviews__section, .more-reviews__section {
    margin-left: 15px;
    padding: 0;
}
.btn-find__store {
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 18px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: .5px;
	margin: 20px 0 0;
    display: inline-block;
    text-align: center;
	color: #000;
	text-decoration: none;
	text-transform:uppercase;
	transform: translateX(-50%);
    margin-left: 50%;
}
.PDP-right__section .accordion {
	margin-top: 38px;
}
.PDP-right__section .button-primary {
	line-height: 1.11;
    letter-spacing: 0.5px;
    padding-top: 11px;
	text-align: center !important;
	display: block;
	background: #000;
}
.PDP-right__section .button-primary:hover,.PDP-right__section .button-primary:focus, .PDP-right__section .button-primary:active {
	text-decoration: none;
}
.btn-find__store img {
    margin-right: 14px;
}
.shade-collection-tabs {
    border-bottom: 1px solid #000;
    margin-bottom: 15px;
}
.shade-collection-tabs ul {
    display: flex;
}
.shade-collection-tabs ul li {
    padding: 10px 15px;
    cursor: pointer;
    font-family: "Neue Helvetica W01_59 Comp";
    font-weight: bold;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    user-select: none;
}
.shade-collection-tabs ul li.active{
    border-bottom: 3px solid #000;
}
.shade-section ul {
    padding: 5px 5px 5px 6px;
    margin: 0;
}
.shade-section.list-view ul {
    max-height: calc(310px - 29px);
   overflow: auto;
   padding-bottom:0;
   margin-bottom: 20px;
}
.grid-view ul {
    max-height: max-content;
}
.shade-section ul li {
    margin: 0 15.5px 23px 0;
}
.shade-section.list-view ul li {
    margin:0;
	padding: 15px 0;
    border-bottom: solid 1px #f6f6f6;
    width: 100%;
    display: flex;
    align-items: center;
}
.shade-section ul li span {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background-color: #303765;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    box-shadow: 0 0 0 1px rgb(153 153 153 / 30%);
}
.shade-section ul li span.shade-circle__option span {
    display: none;
}
.shade-section ul li span:hover.shade-circle__option span, .shade-section ul li.active span.shade-circle__option span {
    height: 32px;
    width: 32px;
    content: '';
    display: block;
    position: absolute;
    top: -4px;
    left: -4px;
    border-radius: 50%;
    background-color: transparent;
	border: 1px solid #000!important;
}   
.shade-section ul li p, .shade-section p {
    display: none;
    font-family: "Helvetica Neue LT W05_55 Roman";
    font-size: 14px;
    font-weight: normal;
    line-height: 1.29;
    letter-spacing: normal;
    margin: 0 0 10px 0;
} 
.shade-section ul li p span.shade-color, .shade-section p span.shade-color {
    font-weight: bold;
}
.shade-section p {
    display: block;
	font-weight: bold;
	margin: -24px 0 40px 6px;
    padding-top: 8px;
    background: #fff;
	position: relative;
    background:#fff;
    font-family: "Helvetica Neue LT W01_75 Bold";
    letter-spacing: normal;
    line-height: normal;
    font-size: 13px;
}
.shade-section__name {
    align-items: baseline;
    display: flex;
}
.shade-section__name .express-badge--recommended {
    margin-left: 20px;
    margin-bottom: 15px;
}
.btn-try-now {
    height: 44px;
    border-radius: 22px;
    border: solid 1.5px #000000;
    position: absolute;
    top: 480px;
    width: 92%;
}
.btn-try-now img {
    width: 21px;
    height: 18px;
    margin-left: 10px;
}
.PDP-right__section .btn-primary,.PDP-right__section .button-primary {
    width: 100% !important;
    margin-top: 30px;
	line-height: 1.11;
	letter-spacing: 0.5px;
    padding-top: 11px;
    height: 44px;
}
.PDP-right__section .btn-primary a,.PDP-right__section .button-primary a{ 
	text-decoration: none;
}
.switch-to__view {
    margin: 0 0 30px 10px;
    height: 15px;
    display: flex;
}
.switch-to__view .btn {
    border: none;
    background: transparent;
    margin: 10px 10px 15px 0;
    padding: 0;
    height: auto;  
    opacity: 0.2;      
}
.switch-to__view .btn.active {
    opacity: 1;
}
.shade-section.grid-view ul li,.shade-section.list-view ul li p {
    display: inline-block;
}
.shade-section.list-view ul li p {
    margin:0 0 0 23px;
    padding: 0;
    width: 84%;
}
.shade-section.list-view {
    margin:-15px 0 9px;
}
.pallete-section {
    margin-bottom: 37px;
}
.pallete-section ul li {
    display: inline-block;
    margin-right: 2px;
    padding: 8px 10px 0;
}
.pallete-section ul li span {
    background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);
}
.pallete-section ul li span span {
    background: none;
}
.pallete-section .palette-option-2 li span {
    background-image: none;
    background-color: #303765;
}
ul#tabs-nav li {
    float: left;
    font-weight: bold;
    margin-right: 2px;
    padding: 8px 10px;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
}
.product-hero__center-img {
    width: 652px;
    position: relative;
    margin-bottom: 8px;
}
.product-hero__center-img img {
    width: 100%;
}
.product-hero__center-img .close-icon {
    position: absolute;
    top: 20px;
    right: 20px;
}
.PDP-left__section {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
    min-height: 1px;
    margin-bottom: 30px;
}
.PDP-left__section img {
    height: auto;
	max-width: 100%;
}
.PDP-img__top a {
    display: inline-block;
}
.prod-title__section {
   display:none;
}
.PDP-img__top .prod-title__section {
	display:block;
	text-align:center;
	position: absolute;
    top: 15px;
    z-index: 1;
    left: 15px;
    right: 15px;
}
.prod-title__section.product-info__title form {
    position: absolute;
    margin: 0 !important;
    float: right !important;
    text-align: right !important;
    width: 28px;
    right: 0;
    top: 0;
}
.prod-title__section .cta-favorite:before {
	    font-size: 30px;
}
.prod-title__section  .cta-favorite {
	padding: 0;
}
.PDP-right__section .prod-title__text {
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 30px;
    font-weight: bold;
    line-height: .87;
    letter-spacing: 0;
    margin: 0;
	text-transform: uppercase;
	padding-right: 30px;
}
.PDP-right__section .prod-item__name {
    font-family: "Neue Helvetica W01_59 Comp";
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    letter-spacing:0;
    margin: 8px 0 0;
    text-transform: uppercase;
    display:block;
}
.PDP-right__section .prod-price {
    font-family: "Neue Helvetica W01_59 Comp";
    font-size: 20px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    margin:6px 0 0;
}
.PDP-right__section .prod-price span {
    font-size: 12px;
}
.PDP-right__section {
    padding:0 15px;
   text-align:left;
}
.PDP-outer__container {
    padding: 0;
	z-index: 20;
    position: initial;
    margin-bottom: 40px;
}
.PDP-outer__container .Mny_container {
    padding: 0;
    z-index: initial;
}
.triangle-bottom{
    width: 0;
    height: 0;
    margin: 30px auto;
}
.triangle-bottom{
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 30px solid #000000;
    border-right: 0px solid #000000;
}

.long-arrow-right {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    position: relative;
    margin-left: 10px;
    top: -2px;
}
.long-arrow-right {
    transform: rotate(135deg);
}
.long-arrow-right:after {
    content: "";
    display: block;
    width: 2px;
    height: 15px;
    background-color: black;
    transform: rotate(-45deg) translate(15px, 4px);
    left: -10px;
    top: 5px;
    position: absolute;
}
.PDP-img__top ul {
    margin: 0;
    padding: 0;
    display: none;
    z-index: 0;
}
.PDP-img__top ul.active {   
	display: block !important;
}
.PDP-img__top ul li {
    list-style: none;
	cursor: pointer;
}
.PDP-img__top ul .product-info__dots {
	position: absolute;
    z-index: 9;
    bottom: 10px;
    width: 100%;
    left: 0;
	height: 30px;
}
.PDP-img__top ul .product-info__dots li {
	border: none;
}
.PDP-img__top ul .product-info__dots li.slick-active {
	background:transparent;
}
.PDP-img__top ul .product-info__dots li {
	width: 20px;
	height: 30px;
	padding: 10px 5px;
	background: transparent;
	margin: 0;
}
.PDP-img__top ul .product-info__dots li:before {
	width: 10px;
	height: 10px;
	background: #ccc;
	content:'';
	display:block;
	border-radius: 50%;
}
.PDP-img__top ul .product-info__dots li.slick-active:before {
	background:#000;
}
.PDP-img__top ul .product-info__dots li button {
	display: none;
}
.PDP-img__top ul .slick-slide {
	display: flex;
	justify-content: center;
    align-items: center;
    flex-direction: column;
}
.PDP-img__top .slick-list li{
	height:563px;
	justify-content: center;
}
.PDP-img__top ul li.pdp-video,.PDP-img__top ul li.pdp-vto  {
	justify-content: flex-start;
}
.PDP-img__top .slick-list li:first-child {
    justify-content:center;
}
.PDP-img__top ul.new-packshot li:first-child img {
	width: 100%;
	height: 100%;
}
.PDP-img__top ul li:first-child img {
	width: 68%;
    height: 67.4%;
}
.PDP-img__top ul li img {
	width: 70%;
    height: 70%;
}
.PDP-img__top ul li.pdp-video img,.PDP-img__top ul li.pdp-vto img  {
	width: 92%;
    height: 92%;
}
.PDP-img__top ul li.pdp-vto {
	position: relative;
}
.PDP-img__top ul li.pdp-vto a{
	display:none;
}
.PDP-img__top ul li {
	position: relative;
}
.PDP-img__top ul li .prod-title__section {
	display: none;
}
.PDP-img__top ul li:first-child .prod-title__section {
	display: done;
    margin-left: 30px;
    width: 100%;
    top: 15px;
    right: 15px;
    flex-direction: column;
    align-items: start;
    text-align: left;
}
.PDP-img__top ul li:first-child.slick-active .prod-title__section {
    display: flex;
}
.PDP-img__top .prod-title__section h1 {
	margin: 0;
	padding-right: 30px;
	text-align:left;
}
.PDP-img__top .product-info__favorite {
	margin-right: 0px;
}
.PDP-img__top .prod-title__section .prod-title__text {
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 30px;
    font-weight: bold;
    line-height: .87;
    letter-spacing: 0;
    margin: 0;
    text-transform: uppercase;
    text-align:left;
}
.PDP-img__top .prod-item__name {
    font-family: "Neue Helvetica W01_59 Comp";
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    letter-spacing: 0;
    margin: 5px 0 0;
    text-transform: uppercase;
    text-align:left;
    display: block;
}
.PDP-img__top .prod-price {
    font-family: "Neue Helvetica W01_59 Comp";
    font-size: 20px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    margin: 6px 0 0;
    text-align:left;
}
.PDP-img__top .prod-price span {
    font-size: 12px;
}
.PDP-img__top form {
    position: absolute;
    margin: 0 !important;
    float: right !important;
    text-align: right !important;
    width: 30px !important;
    right: 15px;
    top: 10px;
    z-index: 900;
    display:flex;
}
.PDP-img__top .cta-favorite {
    padding: 0;
}
.PDP-img__top .cta-favorite:before {
    font-size: 30px;
}
.product-info__columns .fav_icon small {
	background: url('../img/common/heart_black_unselected.svg') no-repeat;
	background-size: 28px 24px;
    width: 28px;
    height: 25px;
	display:inline-block;
	margin: 5px;
	color: transparent;
	display:inline-block;
	font-size:0;
}
.product-info__columns .fav_icon span:before {
	background: url('../img/common/heart_pink_unselected.svg') no-repeat;	
	background-size: 28px 24px;
	visibility:hidden;
	display:inline-block;
	color: transparent;
	font-size:0;
}
.product-info__columns .fav_icon small:hover {	
	background-size: 28px 24px;
    width: 28px;
    height: 25px;
	display:inline-block;
	color: transparent;
}
.product-info__columns .fav_icon small:active:before ,.product-info__columns .fav_icon small:active:after{
	background: url('../img/common/heart_pink_selected.svg') no-repeat;	
	background-size: 28px 24px;
    width:0;
    height: 0;
	visibility:hidden;
	color: transparent;
	font-size:0;
	content:'';
}
.product-info__columns .fav_icon small:active,.product-info__columns .fav_icon span.active small {
	background: url('../img/common/heart_pink_selected.svg') no-repeat;	
	background-size: 28px 24px;
    width: 28px;
    height: 25px;
	color: transparent;
}
.pdp-popup {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f6f6f6;
    z-index: 999;
	display: none;
}
.pdp-popup span {
	display: inline-block;
	width: 20px;
	height: 18px;
	background-size: 100%;
	cursor: pointer;
	display: none !important;
}
.pdp-lightbox.slick-slider .slick-list {
	transform: translateY(-50%);
	top: 50%;
 }
.pdp-left, .pdp-right {
    cursor: pointer;
    position: absolute;
    top: 50%;
    z-index: 101;
    width: 20px;
    height: 18px;
    border: none;
    outline: none;
}
.pdp-left {
	background: url(../img/pdp/pop-left.png) no-repeat;	
}
.pdp-right {
	background: url(../img/pdp/pop-right.png) no-repeat;
}
.pdp-left.slick-arrow.slick-disabled, .pdp-right.slick-arrow.slick-disabled {
	opacity: 0;
}
.pdp-close {
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
	z-index: 1;
}
.pdp-lightbox {
	position: absolute;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
	z-index:0;
}
.pdp-lightbox li img {
    max-width: 100%;   
    margin: 0;
    display: inline-block;
}

.tryiton_container {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: #fff;
	z-index: 990;
	display: none;
}
.modiface__pdp, .modiface__pdp iframe {
	
	 height: 100%;
}
.tryiton_container.vto_ver_two.vto-loading.opened {
    display: flex !important;
    background: url(../img/loading.gif) center center no-repeat;
    position: fixed;
    width: 100px;
    background-size: 100%;
    height: 100px;
    top: 50%;
    left: 50%;
    z-index: 99;
    transform: translate(-50%,-50%);
}
@media screen and (max-width: 767px) {
    .tryiton_container.vto_ver_two.vto-loading.opened {
        background-color: rgba(0, 0, 0, 0.925);
        background-size: 100px;
        bottom: 0;
        overflow: hidden;
        width: 100%;
        height: 100% !important;
    }
}
.tryiton_container.vto_ver_two.vto-loading.opened .modiface__pdp {
	display: none;
}
/* steps styles */
.PDP-right__section .accordion .steps {
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
  }
.PDP-right__section .accordion .steps li {
    margin: 0;
    padding: .75em 0;
    display: block;
    position: relative;
    counter-increment: inst;
    padding-left: 40px;
    font-family: "Helvetica Neue LT W05_55 Roman";
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: normal;
  }
.PDP-right__section .accordion  .steps li::before {
    content: counter(inst);
    background: #000;
    color: #fff;
    font-size: 1em;
    font-weight: 700;
    border-radius: 50%;
    font-size: 16px;
    text-align: center;
    left: 0;
    height: 22px;
    width: 22px;
    position: absolute;
    transition: all 0.2s ease-in-out;
    z-index: -1;
  }
  ul.ingredients-section {
    padding: 0;
    margin: 0;
    font-family: "Helvetica Neue LT W05_55 Roman";
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
}
ul.ingredients-section ul {
    list-style-type: none;
}
.PDP-scrolled__section {
    height: 88px;
    width: 100%;
    position: fixed;
    top: -88px;
    z-index: 50 !important;
    box-shadow: 2px 2px 5px #d9d9d6;
    display: flex;
    flex-direction: row;
    background-color: #fff;
    align-items: center;
	transition: all 0.5s ease;
}
.PDP-img__section {
    width: 50px;
    height: 50px;
    text-align: center;
    margin-right: 10px;
}
.PDP-img__section img {
    max-width: 100%;
    max-height: 100%;
}
.PDP-scrolled__right-section {
    width: 285px;
	text-align: left;
}
.PDP-scrolled__right-section a.btn-primary {
    float: right;
    height: 25px;
    line-height: 25px;
    color: #fff;
    padding: 0 5px;
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 14px;
    letter-spacing: normal;
    width: 106px;
    text-transform: uppercase;
    text-align: center;
}
.PDP-scrolled__right-section a.btn-find__store {
    margin: 0;
    float: right;
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    font-size: 14px;
    letter-spacing: normal;
    transform: none;
    width: 106px;
}
.PDP-scrolled__right-section a.btn-find__store img {
    margin-right: 10px;
}
.PDP-scrolled__right-section span {
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 16px;
    letter-spacing: normal;
    padding: 0;
    margin: 0;
    display:block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.PDP-scrolled__right-section p {
    font-family: "Helvetica Neue LT W05_55 Roman";
    font-size: 12px;
    font-weight: 500;
    color: #000000;
    margin: 5px 0 0;
    width: 60%;
    align-items: center;
    display: inline-flex;
}
.PDP-scrolled__right-section p small {
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 80%;
    text-decoration:underline;
    font-family: 'Helvetica Neue LT W01_75 Bold';
    padding-left: 10px;
}
.chose-shape__bg {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: inline-block;
    background-color: red;
    vertical-align: middle;
    margin-right: 5px;
    color: #000;
}
.tryiton-btn {
    min-width: 180px;
    height: 54px;
    position: relative;
    margin: 20px 0 0 25px;
    background-color: #fff;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 24px;
    letter-spacing: normal;
    border: none;
    text-align: left;
    padding: 2px;
    line-height: 50px;
    text-transform: uppercase;
    display: inline-flex;
	align-items:center;	
}
.tryiton-btn small {
	display: flex;
    align-items: center;
    font-size: 100%;
	padding-right: 46px;
}
.tryiton-btn a {
	color: #000;
	text-transform:uppercase;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding-right: 46px;
}
.tryiton-btn small::after,.tryiton-btn a::after {
	background: url(../img/black_arrow.png) no-repeat right center;
	background-size: 100%;
	width: 16px;
	height: 15px;
	content:'';
	position:absolute;
	right: 17px;
	top: 20px;	
}
.tryiton-btn  img {
    width: 50px;
    height: 50px;
    vertical-align: bottom;
    margin-right: 15px;
}
.tryiton-mobile {
	text-align: left;
	position:absolute;
	left: 15px;
	bottom: 49px;
}
    .tryiton-mobile .tryiton-btn {
        margin: 0;
    }
.tryiton-desktop {
	display:none;
}
.btn-floating .long-arrow-right {
    vertical-align: middle;
}
.btn-floating .long-arrow-right:after {
    width: 3px;
    left: -9px;
    top: 2px;
    height: 24px;
}
.btn-floating .long-arrow-right {
    width: 14px;
    height: 14px;
    border-top: 3px solid #000;
    border-left: 3px solid #000;
    top: -2px;
}
.product_popup {
    background: #f6f6f6;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.grid-icon {
    width: 14px;
    height: 14px;
    background: url('../img/common/grid.svg') no-repeat;
    margin-right: 12px;
}
.list-icon {
    width: 14px;
    margin-top: 1px;
    height: 14px;
    background: url('../img/common/list.svg') no-repeat;
}

.grid-icon:hover , .list-icon:hover{
   cursor: pointer;  
}
.grid-icon.shade-active{
    background: url('../img/common/grid_select.svg') no-repeat;
}
.list-icon.shade-active {
    background: url('../img/common/list_select.svg') no-repeat;
}
.PDP-right__section .product-info__maxlimitcopy {
	display: none;
	font-weight: 300;
    font-size: 0.75rem;
    line-height: 1.25rem;
    letter-spacing: 1.75px;
    margin: 10px 0 5px 0;
    color: #f92a63;
    font-family: "Helvetica Neue LT W05_55 Roman";
}
.module-stateful.product-info.vto-active .PDP-right__section .color-picker__swatch-new.active span[data-show-vto="False"] {
    border: 1px solid #FC2561;
    opacity: 0.5;
    cursor: default;
    background-color: #ccc !important;
} 
.module-stateful.product-info.vto-active .PDP-right__section .color-picker__swatch-new span[data-show-vto="False"] {
    border: 1px solid #FC2561;
    opacity: 0.5;
    cursor: default;
    background-color: #ccc !important;
} 
.module-stateful.product-info.vto-active .PDP-right__section .color-picker__swatch-new:hover span[data-show-vto="False"] {
    transform: scale(1, 1);
}   
.module-stateful.product-info.vto-active .PDP-right__section .color-picker__swatch-new span[data-show-vto="False"]::before{
    content: "" !important;
    position: absolute;
    left: -1px;
    display: block;
    width: 24px;
    top: 11px;
    height: 1px;
    background-color: #FC2561;
    transform: rotate(45deg);
    transition: .25s;
}
.module-stateful.product-info.vto-active .PDP-right__section .color-picker__swatch-new.active span[data-show-vto="False"] span,.module-stateful.product-info.vto-active .PDP-right__section .color-picker__swatch-new:hover span[data-show-vto="False"] span {
	top: 0;
	left: 0;
	width:24px;
	height: 30px;
	border:none;
	border: 1px solid transparent !important;
	cursor: text;
	pointer-events: none;
}
.PDP-outer__container .commerce-connector-modal {
	transform: translate(-50%, -50%);
    top: 40%;
	margin-left: auto;
}
.PDP-outer__container .commerce-connector-modal {
	transform: translate(-50%, -50%);
    top: 40%;
	margin-left: auto;
}
.PDP-img__top .iframe-container {
	width: 90%;
	display:flex;
	justify-content: center;
	align-items: center;
	height: 563px;
	z-index: 0;
}
.PDP-img__top .iframe-container > iframe {
    width: 100%;
    flex: 1;
    height: 80%;
	z-index: 0;
}
.PDP-img__top .sketchfab-close {
	position: absolute;
	left:auto;
	right: 15px;
	top:50px;
	z-index:2;
}
.PDP-img__top .sketchfab-close:before {
	content:'';
}
.PDP-left__section #SEO_BVRRSummaryContainer {
    margin: 0 0 5px;
}
.PDP-img__top .bv_button_buttonMinimalist  {
	display:none !important;
}
.PDP-right__section .commerce-connector-buybutton-modal a {
	text-decoration:none;
}
.PDP-right__section .commerce-connector-buybutton-modal .button-primary {
	margin: 0 auto;
	width: 80% !important;
	padding-top: 5px;
    height: 30px;
	
}
@media screen and (max-width: 374px) {
	.shade-section ul li {
		margin: 0 13.5px 23px 0;
    }
    .PDP-scrolled__right-section {
		width: 270px;
	}
    .PDP-img__top .slick-list li {
		height:535px;
    }
    .PDP-img__top ul li img {
        width: 70%;
    }
	.PDP-img__top ul li.pdp-video img,.PDP-img__top ul li.pdp-vto img  {
		width: 91.7%;
		height: 91.7%;
	}
    .shade-section.list-view ul {
        max-height: calc(310px - 28px);
    }
}
@media screen and (min-width: 414px) {
	.PDP-img__top .slick-list li {
		height:615px;
    }
    .tryiton-mobile {
        bottom: 55px;
    }
}
@media screen and (max-width: 47.5em) {
	.PDP-left__section ul li img{
		opacity: 0;
	}
}
@media screen and (min-width: 47.5em) {
    .PDP-img__top .prod-title__section {
        display:none;
    }
	.PDP-outer__container {
        margin-bottom: 50px;        
	}
    .PDP-scrolled__section, .btn-floating {
        display: none;
    }
    .btn-try-now {
        position: relative;
        top: auto;
        width: 100%;
    }
    .prod-title__section {
        position: relative;
		display: block;
		left: 0;
        top: 0;
        margin-bottom: 4px;
    }
    .btn-find__store {
		transform: translateX(0%);
		margin-left: 0;
		float: right;
		margin: 12px 0 30px;
		position: relative;
		z-index: 2;
    }
	.PDP-right__section .accordion {
		clear: both;
		margin-top: 30px;
	}
    .PDP-left__section img {
        height: auto;
    }
    .PDP-left__section {
        width: 350px;
        height: auto;
        float: left;
        margin-right: 68px;
        display: block;
        overflow: visible;
        margin-bottom: 0;
    }
    .PDP-right__section {
        width: 290px;
        float: left;
        padding: 0;		
    }
    .PDP-img__top ul li{
        float: left;
        width: 169px;
        height: 253px;
        margin: 0 8px 8px 0;
    }
    .PDP-img__top ul li .prod-title__section, .PDP-img__top ul li:first-child .prod-title__section,.PDP-img__top form,.pdp-lightbox .prod-title__section {
		display: none;
	}
    .PDP-img__top ul li:first-child img {
		width: 100%;
		height: 100%;
	}
	.PDP-img__top ul li img {
		width: 100%;
		height: 100%;
	}
	.PDP-img__top ul li.pdp-video img,.PDP-img__top ul li.pdp-vto img  {
		width: 100%;
		height: 100%;
	}
    .PDP-img__top li:nth-child(even) {
        margin-right: 0;
    }	
    .PDP-img__top ul li.pdp-vto a{
		font-family: "Neue Helvetica W01_79 C1289709";
		background: url(../img/pdp/white-right__arrow.svg) no-repeat right center;
		background-size: 11px 10px;
		font-size: 20px;
		display: inline-block;
		height: 20px;
		line-height: 1;
		letter-spacing:normal;
		padding-right: 15px;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		position: absolute;
		bottom: 5px;
		left: 6px;
	}
    .PDP-img__top:after{
        content: '';
        display: table;
        clear: both;
    }
    .PDP-right__section .prod-title__text {
        font-size: 32px;
		line-height: 1;
		letter-spacing: 0.2px;
    }
	.PDP-right__section .prod-item__name {
		letter-spacing: 0.2px;
		margin: 1px 0 0;
	}
    .PDP-right__section .prod-price {
        font-size: 22px;
		line-height: 1;
		letter-spacing: 0.2px;
		margin: 1px 0 0;
    }
    .PDP-right__section .prod-price span {
        font-size: 12px;
    }
    .PDP-reviews__section, .more-reviews__section {
        margin-left: 30px;
    }
    
    .PDP-bottom__section ul li {
        width: 31%;
        margin-right: 20px;
    }
    .PDP-bottom__section ul li:last-child {
        margin-right: 0;
    }    
    .PDP-bottom__section img.thumbnail {
        width: 92px;
        height: 92px;
    }
    .PDP-bottom__section img.arrow {
        margin-top: 35px;
    }
	.switch-to__view {
		margin:0 0 20px;
	}
		.shade-section.list-view ul li {
        width: 100%;
        margin-right: 0;
        padding-bottom: 10px;

    }
    .shade-section.list-view ul li:last-child {
        padding-bottom: 12px;
        margin-bottom: 6px;
    }
    .product-hero__center-img {
        width: 100%;
    }
	.shade-section ul {
        margin: 0 0 0 -6px;
    }
    .shade-section.list-view ul {
        max-height: calc(265px - 20px);
        margin-bottom: 10px;
   }
	.shade-section ul li {
		margin: 0 10px 14px 0;
	}
	.shade-section ul li span {
		width: 20px;
		height: 20px;
	}
	.shade-section ul li span:hover.shade-circle__option span, .shade-section ul li.active span.shade-circle__option span {
		height: 28px;
		width: 28px;
	}
	.shade-section p {
        margin: -7px 0 10px 0px;
        line-height: 1.29;
        font-size: 14px;
    }
    .shade-section.grid-view p {
        margin-bottom: 18px;
      }
    .see-all__link {
        margin: 20px 0;
    }
    .PDP-reviews__section h5 {
        width: auto;
    }
	.tryiton-btn {
        position: relative;
        top:0;
        left: 0;
        margin: 0;
        cursor: pointer;
        text-transform: uppercase;
        min-width: 132px;
        height: 45px;
        font-size:18px;  
        box-shadow: none;
        border: 1px solid;
        padding: 1px;             
    }
    .tryiton-mobile {
		display:none;
	}
	.tryiton-desktop {
		display: block;
	}
    .tryiton-btn img {
        width: 41px;
        height: 41px;
        margin-right: 10px;
    }
    .tryiton-btn small,.tryiton-btn a{
		padding-right: 28px;
	}
    .tryiton-btn small::after,.tryiton-btn a::after {
        width: 12px;
        height: 11px;
        right: 8px;
        top: 18px;		
    }
	.PDP-right__section .btn-primary,.PDP-right__section .button-primary {
		margin-top: 10px;
    }
    .pdp-popup  {
		top: 0;
	}
	.pdp-lightbox.slick-slider .slick-list {
		transform: translateY(-50%);
		top: 50%;
	 }
	.pdp-popup span {
		display: block !important;
	}
	.pdp-close {
		top: 30px;
		right: 30px;
	}
	.pdp-lightbox {
		width: 69%;
		padding: 0 10%;
	}		
	.pdp-left {
		left: 0;
	}
	.pdp-right {
		right: 0;
	}
	 .tryiton_container {
        height: 433px;
        width: 290px;
        left: auto;
        right: 0;
	}
	.PDP-right__section .accordion h2 a {
		font-size: 22px;
		line-height: 1.27;
		letter-spacing: 0.5px;
    }
    .PDP-right__section .accordion h2 span {
		width: 16px;
		height: 9px;
	}
	.PDP-right__section .accordion h2 span:before, .PDP-right__section .accordion h2 span:after {
		height: 11px;
		margin-top: -5px;
		left: 4px;
	}
	.PDP-right__section .accordion h2 span:after {
		left: 11px;
		margin-top: -5px;
	}
    .shade-section.list-view {
        margin: -15px 0 0;
    }
    .module-stateful.product-info.vto-active .PDP-right__section .color-picker__swatch-new span[data-show-vto="False"]::before{
		width: 20px;
		top: 9px;
	}
	.module-stateful.product-info.vto-active .PDP-right__section .color-picker__swatch-new.active span[data-show-vto="False"] span,.module-stateful.product-info.vto-active .PDP-right__section .color-picker__swatch-new:hover span[data-show-vto="False"] span {
		width:20px;
		height: 20px;	
    }
    .PDP-right__section #SEO_BVRRSummaryContainer {
		margin: 0 0 8px;
	}
	.PDP-right__section .prod-title__section h1 {
		margin:0;
    }
    .prod-title__section.product-info__title form {
		display: flex;
	}
}

@media screen and (min-width: 63.75em) {
    .PDP-left__section {
       width: 540px;
    }
	.PDP-right__section {
        width: 290px;
    }    
    .PDP-reviews__section, .more-reviews__section {
        margin-left: 60px;
    }
	.PDP-img__top ul li {
		width: 266px;
		height: auto;
	}
	.PDP-left__section {
	
		margin-right: 40px;
	}
	.pdp-lightbox {
		width: 67%;
		padding: 0 15%;
	}	
	.pdp-left {
		left: 15%;
	}
	.pdp-right {
		right: 15%;
	}
	.tryiton_container {
        height: 747px;
        width: 500px;
	}
}

@media screen and (min-width: 80em) {
    .PDP-outer__container {
		margin-bottom:60px !important;
	}
    .PDP-bottom__section {
        display: block;
    }
    .PDP-reviews__section, .more-reviews__section {
        margin-left: 60px;
    }
    .PDP-reviews__section, .more-reviews__section, .PDP-bottom__section {
        margin: auto;
    }
    .PDP-img__top ul li {
        width: 285px;
        height: 428px;
        margin: 0 20px 20px 0;
    }	
    .PDP-left__section {
        width: 590px;
        margin:0 130px 0 0;
    }
    .PDP-right__section {
        width: 428px;
		margin-top: 60px;		
    }
    .PDP-right__section .prod-title__text {
        font-size: 60px;
        letter-spacing: 0;
    }
    .prod-title__section {
        margin-bottom: 30px;
    }
	.prod-title__section.product-info__title form {
		top: -32px;
	}
	.prod-title__section .cta-favorite {
		padding: 0;
	}
	.prod-title__section .cta-favorite:before {
		font-size: 26px;
	}
    .PDP-right__section .prod-item__name {
        font-size: 30px;
        letter-spacing: 0;
		margin: -1px 0 0;
    }
	.PDP-right__section .prod-price {
		letter-spacing:0;
		margin: 5px 0 0;
	}
	.switch-to__view {
		margin: 0 0 30px;
	}
    .shade-section ul li span {
        height: 30px;
        width: 30px;
		cursor: pointer;
    }
    .shade-section ul li span:hover.shade-circle__option span, .shade-section ul li.active span.shade-circle__option span {
        height: 40px;
        width: 40px;
        top: -5px;
        left: -5px;
    }
    .product-hero__center-img {
        width: 652px;
    }
    .shade-section ul li {
       margin: 0 20px 20px 0;
    }
    .PDP-bottom__section ul li {
        width: 32%;
		margin-right: 19px;
    }
	.PDP-bottom__section ul li a {
		font-size: 24px;
		font-weight: bold;
		line-height: 1;
		letter-spacing: 1.2px;
	}
	.PDP-bottom__section ul li a::after {    
		height: 34px;
		background-size: 20px 18px;
		width: 34px
	
	}
    .shade-section ul {
         overflow: hidden;
    }
    .shade-section.list-view  ul {
        max-height: calc(310px - 20px);
    }
	.shade-section p {
		margin: -14px 0 10px 0px;
	}
    .shade-section ul:hover {
        overflow: auto;
    }
	.shade-section.list-view ul li {
		padding: 12px 0;
	}
	.shade-section.list-view ul li p {
		margin: 0 0 0 27px;
		cursor: pointer;
	}
	.PDP-right__section .btn-primary,.PDP-right__section .button-primary {
		margin-top: 20px;
    }
    .PDP-right__section .accordion h2 a {
        font-size:18px;
    }
	.pdp-lightbox {
		width: 46%;
		padding: 0 10%;
	}		
	.pdp-left {
		left: 75px;
	}
	.pdp-right {
		right: 75px;
	}
	.tryiton_container {
		height: 828px;
        width: 539px;
	}
	.video-overlay__player {
		width: 1080px;
        max-height: 608px;
        height: calc(100vh - 180px);
	}
	.PDP-bottom__section ul { 
		margin: 50px 0 90px;
    }
    .shade-section.list-view {
        margin: -12px 0 0;
    }
    .PDP-img__top ul li.pdp-vto a{
		font-size: 32px;
		height: 32px;
		background-size: 19px 18px;
		left: 13px;
		bottom: 9px;
		padding-right: 30px;
    }
    .module-stateful.product-info.vto-active .PDP-right__section .color-picker__swatch-new span[data-show-vto="False"]::before{
		width: 30px;
		top: 14px;
	}
	.module-stateful.product-info.vto-active .PDP-right__section .color-picker__swatch-new.active span[data-show-vto="False"] span,.module-stateful.product-info.vto-active .PDP-right__section .color-picker__swatch-new:hover span[data-show-vto="False"] span {
		width:30px;
		height: 30px;	
    }	
    .product-info__columns .fav_icon small, .product-info__columns .fav_icon small:hover, .product-info__columns .fav_icon small:active, .product-info__favorite.fav_icon span.active small {
		cursor:pointer;
	}	
    .product-info__columns .fav_icon small {
        background: url('../img/common/heart_black_unselected.png') no-repeat;
        background-size: 24px 20px;
    }
    .product-info__columns .fav_icon span:before {
        background: url('../img/common/heart_pink_unselected.png') no-repeat;	
        background-size: 24px 20px;
    }
    .product-info__columns .fav_icon small:hover {
        background: url('../img/common/heart_pink_unselected.png') no-repeat;
        background-size: 24px 20px;
    }
    .product-info__columns .fav_icon small:active:before ,.product-info__columns .fav_icon small:active:after{
        background: url('../img/common/heart_pink_selected.png') no-repeat;	
        background-size: 24px 20px;
    }
    .product-info__columns .fav_icon small:active,.product-info__columns .fav_icon span.active small {
        background: url('../img/common/heart_pink_selected.png') no-repeat;
        background-size: 24px 20px;
    }
}

@media screen and (min-width: 81em) {
    .PDP-left__section {
        width: 652px;
        margin-right: 130px;
    }
    .PDP-right__section {
        width: 427px;
    }
    .PDP-img__top ul li {
        width: 316px;
        height: 474px;
    }
    .tryiton_container {
		height: 828px;
        width: 539px;
	}
	.pdp-left {
		left: 75px;
	}
	.pdp-right {
		right: 75px;
	}
}
@media screen and (min-width: 80em) {
	.PDP-img__top ul {
		min-height:428px;
	}
}
@media screen and (min-width: 90em) {
    .module-stateful.product-info.Mny_container .product-info__columns {
        max-width: 90rem;
    }
}

/*** About us Video ***/
.fluid.module-stateful  {
    width: 100% !important;
    margin: 40px 0!important;
}
.fluid.banner-video  {
    margin: 0!important;
}
.banner-video__container {
    position: relative;
    height: 600px;
}
.banner-video__image {
    width: 100%;
}
.banner-video__info {
    position: absolute;
    bottom: 24px;
    left: 0;
    right: 0;
    text-align: center;
}
.video-header {
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 70px;
    text-transform: uppercase;
    line-height: 0.9;
    letter-spacing: -0.53px;
    color: #fff;
    width: 315px;
    margin: 0 auto 29px;
}
.video-play-icon {
    background: url('../img/hero-video/video-play_btn.svg') no-repeat;   
    background-size: 100%;
    width: 70px;
    height: 70px;
    display: none;
}
.click-info {
    font-family: 'Helvetica Neue LT W01_75 Bold';
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fff;
    margin: 21px 0 0px;
    
}
.banner-video__player{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    display: flex;
    justify-content: center;
    align-items: center;
	flex-direction: column;
    display: none;
    transition: all 0.2s ease;
}
.banner-video__player video, .banner-video__player iframe {
    width: 100%;
    height: 100%;   
    border: none;
}
.video-close {
    background: url('../img/hero-video/close_icon.png') no-repeat;   
    background-size: 100%;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    top: 40px;
    right: 20px; 
	z-index: 1;
}

/*** Image Carousel ***/
.overlap-title {
    font-family: 'Helvetica Neue LT W01_75 Bold';
    font-size: 49px;
    line-height: 0.9;
    letter-spacing: -2.5px;
    color: #000;
    margin:0 0 -12px -2px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
	word-break: break-word;
    overflow: visible;
    width: 358px;
}
.image-carousel__container,.image-carousel__banner {
    margin: 0;
    height:563px;
}
.image-carousel  {
    position: relative;
    overflow:hidden;
}
.image-carousel__item {
	position:relative;
}
.image-carousel__banner {
	 width: 100%;
}
.image-carousel .overlap-title {
    width: 300px;
}
.image-carousel__title { 
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 44px;
    text-transform: uppercase;
    color: #fff;
    line-height: 42px;
    letter-spacing: normal;
    position: absolute;
    text-align: center;
    margin: 0;;
    width: 308px;
    transform: translate(-50%, -50%);
    top: 50%;  
    left: 50%; 
}
.image-carousel__container {
    position: relative;
}
.image-carousel .progress-container {
    position: absolute;
    bottom: 17px;
    width: 100%;
    padding: 0 9px 0 15px;
}

.image-carousel .progress-container div {
    display: inline-block;
    padding: 0;
    cursor: pointer;
    float: left;
    color: white;
}

.image-carousel .progress-container div:last-child {
    margin-right: 0;
}

.image-carousel .progress-container div span.progress-bar {
    width:calc(100% - 6px);
    height: 3px;
    background-color: rgba(255, 255, 255, 0.4);
    display: inline-block;
    overflow: hidden;
}

.image-carousel .progress-container div span.progress-bar .inProgress {
    background-color: rgba(255, 255, 255, 1);
    width: 0%;
    height: 3px;
    transition: unset;
    max-width: 100%;
}
.image-carousel__container {
	height: inherit;
}

.image-carousel .slick-dots {
    display: none !important;
}
/*** OUR MACKUP ***/
.our-makeup .overlap-title  {
    width: 300px;
}
.our-makeup__banner {
    position: relative;
    margin: 0 -15px;
    min-height:150px;
}
.our-makeup__image {
    max-width: 100%;
}
.our-makeup__info {
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 32px;
    text-transform: uppercase;
    color: #fff;
    line-height: 0.94;
    letter-spacing: normal;
    text-align: center;
    position: absolute;
    margin: 0;;
    width: 224px;
    transform: translate(-50%);
    bottom: 73px;
    left: 50%; 
}
.our-makeup__banner-list li {
	width: 0;
	height: 0;
}
.our-makeup__banner-list li.active {
	width: auto;
	height: auto;
}
.our-makeup__list {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-between;
    margin:-65px auto 0;
    width: 346px;
}
.our-makeup__item {
    width: 165px;
    height: 60px;
    position: relative;
    border: solid 2px #000;
    background:#fff;
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 20px;
    text-transform: uppercase;
    color: #000;
    line-height: 1;
    letter-spacing: 0.2px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    margin-left: 16px;
    margin-top: 16px;
	text-align: center;
}
.our-makeup__item:nth-child(odd) {
    margin-left: 0;
}
.our-makeup__item.active {
    background: #000;
    border: solid 2px #fff;
    color: #fff;
} 
/*** OUR COMMITMENTS ***/
.our-commitment__section {	
	position: relative;
}
.img-flex {
	position: relative;	
    margin: 0 -15px;
    min-height: 150px;
}
.img-flex__container {
	position: relative;
	top: 0;
	left: 0;
	z-index: 0;
	flex-direction: row;
	height: 100%;
	margin: 0 -15px;
}

.our-commitment__section .img-flex__container .img-flex__row {
    display: flex;
    flex-direction: row;
}

.our-commitment__section .img-flex__container  .img-flex__cell {
    box-flex: 1;
    flex: 1 1 auto; 
	text-align: center;
	position: relative;
}

.our-commitment__info {
	position: absolute;
    font-family: "Helvetica Neue LT W05_55 Roman";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
	line-height: 1.5;
	height: auto;
	margin: 0;
	top: 26px;
	left: 25px;
	width: 270px !important;
	z-index: 1;
}
.learn-more__btn {
	position: absolute;
    bottom: 26px;
    left: 27px;
	z-index: 1;
	text-decoration: none;
	font-family: "Neue Helvetica W01_79 C1289709";
	color: #fff;
    font-size: 32px;
	text-transform: uppercase;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.2px;
	margin: 0;
}
.learn-more__btn small {
	background: url(../img/common/right-arrow.svg) no-repeat right;
    background-size: 100%;
    display: inline-block;
    padding: 10px 0;
    width: 16.5px;
    height: 15px;
    margin-left: 7px;
}
.img-flex__container--mobile {
	position: absolute;
    top: 0;
    left: 0;
	z-index: 0;
	height: 563px;
}

.img-flex__container--mobile img {
	height: 100%;
    width: 100%;
}

.img-flex__container .img-caption {
	position: absolute;
    width: 146px;
    height: 50px;
    left: 35%;
    top: 45%;
}

.img-flex__container {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: left;
	overflow: hidden;
}

.img-flex__item {
    min-width: 100%;
}
.img-flex__item:last-child {
	margin: 0;
}
.img-flex__item img {
	width: 100%;
    display: block;
}
.iconic .look-card__link small {
    background-size: 100%;
    display: inline-block;
    padding: 10px 0;
    width: 16.5px;
    height: 15px;
    margin-left: 7px;
}
@media screen and (max-width: 47.5em) {
	.img-flex__item {
		width: auto;
		min-width: unset;
		position: relative;
	}

	.img-flex__container {
		display: block;
		flex-direction: unset;
    }
    .img-flex__container .slick-list {
        z-index: 0;
    }
	
	.img-flex__container .product-info__dots {
		text-align: center;
		padding: 0;
        left: 0;
        width: 100%;
        position: absolute;
        bottom: 0;
        z-index: 9999;
		
	}
	.img-flex__container .product-info__dots li{
		width: 20px;
		height: 30px;
		padding: 10px 5px;
		background: transparent;
		margin: 0;		
		border:none;
	}
	.img-flex__container .product-info__dots li:before {
		width: 10px;
		height: 10px;
		background: #ccc;
		content: '';
		display: block;
		border-radius: 50%;
	}
	.img-flex__container .product-info__dots  li.slick-active:before {
		background: #000;
	}
	.img-flex__container .product-info__dots  li button {
		display: none;
	}
}
.our-commitment__section .overlap-title {
    width: auto;
}
/*** End OUR COMMITMENTS ***/

/*** FOOTPRINT ***/
.footprint {
    position: relative;
}
.footprint_list {
    margin: 0 -15px;
}
.footprint__item {
    position: relative;
    height: 77px;
    margin-bottom: 3px;
    overflow: hidden;
}
.footprint__item img {
    width: 100%;
}
.footprint__item.footprint-active {
    height: 563px;
}
.footprint__item.footprint-active img{
   position: relative;
}
.footprint_count {
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 32px;
    text-transform: uppercase;
    color: #000;
    background: #fff;
    line-height: 0.69;
    letter-spacing: 0.29px;
    width: 272px;
    height: 77px;
    border: 3px solid #000;
    margin:0 auto;
    position: absolute;
    display: none;
    transform: translateX(-50%);
    left: 50%; 
    bottom: 30px;
    justify-content: center;
    align-items: center;
}
.footprint__item.footprint-active .footprint_count  {
    display: flex;
}
.footprint__item {
	transition: height 1s ease-in-out;
	touch-action: none;
} 

.footprint_count {
	opacity: 0;
    display: flex;
    transition: opacity 0.3s ease-in-out 1s;
}
	
.footprint__item.footprint-active .footprint_count {
	opacity: 1;
}

.footprint__item.footprint-active {
	touch-action: auto;
}.iconic .look-card {
    padding: 0 ;
}
.iconic .look-card__item {
    margin-right: 6px;
}
.iconic .look-card__item .details {
	left: 20px;
}
@media screen and (max-width: 47.5em) {
	.img-flex__item {
		width: auto;
		min-width: unset;
		position: relative;
	}

	.img-flex__container {
		display: block;
		flex-direction: unset;
	}
	
	.img-flex__container .product-info__dots {
		text-align: center;
	}
}
@media (min-width: 0 ) and (max-width: 374px) {
    .banner-video__container,.image-carousel__container  {
		height:576px;
	}
    .our-makeup__list {
        width: 330px;
    }
    .our-makeup__item  {
        width: 155px;
    }
    .overlap-title {
        font-size: 47px;
        width: 335px;
    }
    .footprint__item.footprint-active {
        height: 540px;
    }
}
@media screen and (min-width:414px) { 
	.banner-video__container,.image-carousel__container,.image-carousel__banner  {
		height:663px;
    }   
}
@media screen and (min-width: 47.5em) {
    .fluid.module-stateful  {
        margin: 50px 0!important;
    }    
	.fluid.banner-video  {
		margin: 0!important;
	}
    /*** About us Video ***/
    .banner-video__container {
        margin: 0;
        height:288px
    }
    .banner-video__info { 
        transform: translateY(-50%);
        top: 50%;
        bottom: auto;
        right: unset;
        left: 160px;
    }
    .vidio-banner_desktop {
        display: block;
    }
    .banner-video__device{
        display: none;
    }
	.banner-video__desktop {
		display: block;
	}
    .video-header {
        font-size: 50px;
        line-height: 1;
        letter-spacing: -0.38px;
        width: 217px;
        margin-bottom: 13px;  
    }
    .click-info {
        margin: 13px 0 0;
    }    

    /*** Image Carousel ***/
    .image-carousel .overlap-title {
        width: auto;
    }
    .overlap-title {
        font-size: 40px;
        line-height: 0.88;
        letter-spacing: -1.33px;
        margin: 0 0 -10px;
    }   
    .image-carousel__title {
        font-size: 32px;
        line-height: 1.13;
		letter-spacing: normal;
        width: 419px;
    }
    .image-carousel__container,.image-carousel__banner {
		height:288px;
		display: block;
    }
    .image-carousel .progress-container {
		bottom: 11px;
		padding: 0 0 0 14px;
	}
    .image-carousel .progress-container div span.progress-bar {
		width:calc(100% - 14px);
	}
    /*** OUR MACKUP ***/
    .our-makeup {
        display: table;
        clear: both;
        content: '';
    }
    .our-makeup .overlap-title  {
        width: auto;
    }
    .our-makeup__banner {
        margin: 0;
    }         
    .our-makeup__banner-list {
        height: 239px;    
    }
    .our-makeup__info {
        font-size: 32px;
        line-height: 1.3;
        bottom: 27px;
        width: 420px;
    }
    .our-makeup__list {
        width: 100%;
        height: auto;
        margin: -22px 0 0;
        justify-content: center;
    }
    .our-makeup__item {
        width: 169px;
        height: 57px;
        font-size: 24px;
        letter-spacing: 0.24px;
        margin-left:0;
        margin-top: 0;
    }
    .our-makeup__item:not(:last-child) {
        margin-right: 10px;
    }
    .our-makeup__title {
        font-size: 24px;
        letter-spacing: 0.24px;
    }

    /*** OUR COMMITMENTS ***/   
	.img-flex {
		margin: 0px;
	}
	.img-flex__item {
		position: relative;
    }
    .img-flex__item {
        margin-right:0;
       min-width: 100%;   
   }
   .two-cards .img-flex__item {
       margin-right: 20px;
       min-width: 49.2%;
   }
   .three-cards .img-flex__item {
       margin-right: 12px;
       min-width: 32.95%;
   }   
   .three-cards .img-flex__item:last-child, .two-cards .img-flex__item:last-child {
        margin-right: 0;
    }
	.learn-more__btn {
		font-size: 24px;
		line-height: 0.58;
		letter-spacing: 0.75px;
		bottom: 15px;
		left: 15px;
	}
	.learn-more__btn small {
		width: 15px;
		height: 14px;
		margin-left: 10px;
		padding: 8px 0
	}

	.our-commitment__info {
		top: 24px;
    	left: 15px;
	}
	.img-flex__container--mobile {
		height: 100%;
	}
	.img-flex__container--mobile img {
		width: 100%;
	}

    /*** OUR FOOTPRINT ***/
    .footprint_list {
        padding: 0 ;
		margin: 0;
        display: table;
        clear: both;
        padding-bottom:28px;
    }
    .footprint__item {
        height: 340px;
        width: 227px;
        margin:0 12px 0 0;
        overflow: visible;
        float: left;       
    }
    .footprint__item:last-child, .footprint__item:last-child.footprint-active{
        margin: 0;
    }
    .footprint__item.footprint-active {
        height: 340px;
    }
    .footprint_count {
        width: 165px;
        height: 56px;
        font-size: 24px;
        line-height: 1.25;
        letter-spacing: 0.22px;
        display: flex;
        bottom: -28px;
    }
	.footprint_count {
		opacity: 1;
    }
    .iconic .look-card__link {
        line-height: 1;
        letter-spacing: 0.15px;
        font-size: 24px;    
    }
    .iconic .look-card__link small {
        padding: 0 0 !important;
        width: 11px;
        height: 10px;
        margin-left: 7px;
    }
    .iconic .look-card {
		padding: 0 0 0 30px;
	}
	.iconic .look-card__item {
		margin-right: 10px;
	}
}

@media screen and (min-width: 63.75em) {
    .banner-video__container,.image-carousel__container,.image-carousel__banner {
		height:384px;
	}        
    /*** OUR MACKUP ***/       
    .our-makeup__item {
        width: 210px;
    }
    .our-makeup__banner-list {
        height: 307px;
   }
    /*** OUR COMMITMENTS ***/
    .img-flex__container{
        display: flex;
    }

    .img-flex__container--mobile {
        display: none;
    }    
   .img-flex__container img {
        height: 100%;
    }
     /*** OUR FOOTPRINT ***/     
    .footprint__item,.footprint__item.footprint-active {
        height:440px;
        width: 293px;  
    }
    .iconic .look-card {
		padding: 0;
	}    
}

@media screen and (min-width: 80em) {
    .fluid.module-stateful  {
        margin: 60px 0!important;
    }
	.fluid.banner-video  {
		margin: 0!important;
	}
    .overlap-title {
        font-size: 70px;
        line-height: 0.86;
        letter-spacing: -1.87px;
        margin: 0 0 -16px;
        width: 485px;
    }   
    /*** About us Video ***/
    .video-play-icon  {
        width: 100px;
        height: 100px;
    }    
    .banner-video__info {
        left:300px;
    }
    .video-header {
        font-size: 120px;
        line-height: 0.83;
        letter-spacing: -0.91px;
        width: 417px;
        margin-bottom: 17px;  
    }
    .video-play-icon:hover {
        cursor: pointer;
    }
    .video-close {       
        width: 40px;
        height: 40px;
        cursor: pointer;
		top: 20px;
    }
    .banner-video__container {
		height: 474px;
	}

    /*** Image Carousel ***/   
    .image-carousel__title {
        font-size: 60px;
		line-height: 1;
        width:  842px;
    }
    .image-carousel__container,.image-carousel__banner {
		height: 474px;
    }
    .image-carousel .progress-container {
		bottom: 12px;
		padding: 0 0 0 20px;
	}
	.image-carousel .progress-container div span.progress-bar {
		width:calc(100% - 25px);
	}	
    /*** OUR MACKUP ***/  
	.our-makeup__list {
		margin: -33px 0 0;
		padding: 0 14px;
    }
    .our-makeup__banner-list {
        height: 407px;
   }
   .our-makeup__image {
        width: 100%;   
   }
    .our-makeup__item {
        width: 278px;
		height: 104px;
        font-size: 32px;
        line-height: 0.94;
        letter-spacing: 0.32px;		
    }
    .our-makeup__item:not(:last-child) {
        margin-right: 19px;
    }
	.our-makeup__info {
        bottom: 45px;
        line-height: 1.88;
	}
    .our-makeup__item:hover {
        cursor: pointer;
    }
    /*** OUR COMMITMENTS ***/    
	.img-flex__container .img-flex__cell:not(:last-child) {
		margin-right: 13px;
	}
	.img-flex__container {
		max-height: 448px;
	}
	.learn-more__btn {
        font-size: 32px;
        line-height: 0.44;
		letter-spacing: 1px;
    }
    .our-commitment__info {
        top: 27px;
        left: 22px;
    }
    .learn-more__btn {
        left: 22px;
        bottom: 24px;
    }
	.learn-more__btn small {
		width: 22px;
		height: 20px;
		margin-left: 10px;
		padding: 8px 0
	}
     /*** OUR FOOTPRINT ***/     
     .footprint_list {
         padding-bottom: 52px;
     }
    .footprint__item,.footprint__item.footprint-active {
        height:579px;
        width: 386px;  
        margin-right: 21px;
    }
    .footprint_count {
        width: 308px;
        height: 104px;
        font-size: 32px;
        line-height: 0.94;
        letter-spacing: 0.29px;
        display: flex;
        bottom: -52px;
        border:5px solid 000;
    }
    .iconic .look-card__link {
        line-height: 1;
        letter-spacing: 0.2px;
        font-size: 32px;
    }
    .iconic .look-card__link small {
        padding: 10px 0 !important;
        width: 17px;
        height: 15px;
        margin-left: 10px;
    }   
    .iconic .look-card__item {
		width: 285px;
		height: 428px;
		margin-right: 20px;
	}
}
@media screen and (min-width: 81em) {
    /*** About us Video ***/
    .banner-video__container {
        height:540px;
        overflow: hidden;
    }	 

    /*** Image Carousel ***/
    .image-carousel__container,.image-carousel__banner {
		height:540px;
    }    
     /*** OUR MACKUP ***/   
     .our-makeup__item {
        width: 308px;
        height: 104px;
    }    
    .our-makeup__banner-list {
        height: 448px;
   }
    /*** OUR FOOTPRINT ***/     
    .footprint__item,.footprint__item.footprint-active {
        height:636px;
        width: 424px;  
        margin-right: 21px;
    }
    .iconic .look-card__item {
		width: 315px;
		height: 473px
	}
}
@media screen and (min-width: 1440px) {
	.banner-video__container,.image-carousel {
		width: 1440px;
		margin: 0 auto;
    }
    .our-makeup__item:not(:last-child) {
        margin-right: 20px;
    }
}
@media screen and (max-width: 767px) { 
	.half-width-image__hero {
		width: auto;
		margin: 40px 0 0;  
	} 
  }    

/** Cause Page **/
.h1_tag_heading {
	position: relative;
	margin: 20px auto;
	text-align: center;
	width: 100%;
	font-weight: 600;
	font-size: 1.525rem;
	line-height: 1.5;
	text-transform: uppercase;
	letter-spacing: 1.25px;
	color: #000000;
}
.header-banner h1 {
	margin-top: 0px;
}

.auth__section-header {
	font-family: "Neue Helvetica W01", sans-serif;
	font-weight: 100;
}

.cause-index {
	display: block;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
	.cause-module__wrapper {
		width: 100%;
		height: auto;
		overflow-y: hidden;
		margin-bottom: 0px;
		margin-top: 0px !important;
	}
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
	.cause-module__wrapper {
		width: 100%;
		height: auto;
		overflow-y: hidden;
		margin-bottom: 0px;
		margin-top: -30px !important;
    }
    .voice-details__section, .selfcare-details__section,.community-section {
        margin-top: 38px !important;
    }
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
	.cause-module__wrapper {
		margin: auto;
	}
}

@media screen and (min-width: 80em) {
	.cause-module__wrapper {
		width: 100%;
		margin: auto;
		flex-direction: column;
	}
}

@media screen and (min-width: 1440px) {
	.cause-module__wrapper {
		width: 1440px;
		margin: auto;
		flex-direction: column;
		margin-top: 60px !important;
	}
}

.cause-content__wrapper {
	display: block;
	width: 100%;
	position: relative;
	margin-top: 0px !important;
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
	.cause-content__wrapper {
		width: auto;
		min-width: unset;
		overflow: hidden;
		height: auto;
	}
}

@media screen and (min-width: 47.5em) and (max-width: 63.6875em) {
	.cause-content__wrapper {
		width: 768px !important;
		box-sizing: border-box;
		/* display: inline-block; */
		margin-top: 30px !important;
	}
}

@media screen and (min-width: 63.75em) and (max-width: 79.9375em) {
	.cause-content__wrapper {
		width: 1020px;
		margin-top:30px!important;
		margin-bottom:30px !important;
	}
}

@media screen and (min-width: 80em) and (max-width: 9999em) {
	.cause-content__wrapper {
		width: 100%;
		margin: auto;
		margin-top:30px !important;
		margin-bottom:30px!important;
	}
}
.hero-banner.first-module {
	padding-top: 0px !important;
}

h2.page-title {
	font-family: "Helvetica Neue LT W01_75 Bold";
	font-size: 40px;
	font-weight: bold;
	line-height: 35px;
	letter-spacing: -1.33px;
	text-transform: uppercase;
	text-align: center;
	margin: 22px 0 40px;
}
p.title-description {
	font-size: 20px;
	line-height: 26px;
	letter-spacing: -0.67px;
	text-align: center;
	margin: 0 0 25px;
}
.hero-banner__small, .hero-banner__medium, .hero-banner__large, .hero-banner__img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	height: 100%;
	width: 100%;
}
.hero-banner__large, .hero-banner__medium {
	display: none;
}
.caption-img {
	width: 292px;
	height: 100px;
}
.hero-banner h1 {
    margin: 0;
}
.hero-banner .video-play-icon {
	width: 63px;
	height: 63px;
	margin-top: 33px;
}
.cause-module__wrapper .step-indicator {		
	position: absolute;
	top: 0px;	
	width: 100%;
	display: flex;
	padding: 0 16px;
	z-index: 99;
	height: 28px;
}
.cause-module__wrapper .step-indicator li {
	width: 15%;
	padding: 13px 10px 12px 0;   
}
.cause-module__wrapper .step-indicator li:before {
	height: 3px;
    display: inline-block;
    background-color: #ffffff;
	display: inherit;
	content: "";
}
.cause-module__wrapper .step-indicator li:last-child {
	margin-right: 0;
}
.cause-module__wrapper .step-indicator li.slick-active:before {
	background-color: #000;
}
.cause-module__wrapper .step-indicator button { 
	display: none;
}
.cause-second__section h2.page-title {
	margin-top: 50px;
	padding: 0 50px;
}
.commitment-content__blk {
	display: flex;
	flex-direction: row;
	margin-bottom: 48px;
}
.commitment-content__blk img {
	width: 180px;
	height: 330px;
	min-width: 180px;
}
.commitment-content__blk p {
	margin: 30px 0 0 17px;
	font-family: "Neue Helvetica W01_79 C1289709";
	font-size: 24px;
	line-height: 24px;
	letter-spacing: 0.15px;
	text-transform: uppercase;
}
.commitment-content__blk:last-child p {
	padding-right: 10px;
}
.purple-shadow {
	box-shadow: -10px 10px 0 #f32d66;
}
.green-shadow {
	box-shadow: -10px 10px 0 #23a497;
}
.orange-shadow {
	box-shadow: -10px 10px 0 #ff4812;
}
.purple-shadow-rev {
	box-shadow: 10px 10px 0 #f32d66;
}
.green-shadow-rev {
	box-shadow: 10px 10px 0 #23a497;
}
.orange-shadow-rev {
	box-shadow: 10px 10px 0 #ff4812;
}
.commitment-content__blk p span.orange {
    color: #ff4700;
}
.purple {
	color: #f32d66;
}
.green {
	color: #23a497;
}
.orange {
	color: #ff4811;
}
.content-reverse {
	direction: rtl;
}
.content-reverse p {
	margin: 23px 13px 0 0;
}
.cause-third__section {
	background: url("../img/common/bg.png") no-repeat top left;
	background-size: cover;
	height: 100vh;
	text-align: center;
}
.heart-icon__red {
	margin-top: 139px;
	width: 45px;
	display: inline-block !important;
}
.cause-third__section h4 {
	font-family: "Helvetica Neue LT W01_75 Bold";
	font-size: 24px;
	line-height: 28px;
	letter-spacing: -0.45px;
	text-transform: uppercase;
	color: #ffffff; 
	margin: 11px 0 35px;
}
.text-home__blk {
	height: 50px;
	border-radius: 9px;
	position: relative;
    width: auto;
    margin: 0 auto;
}
.together-box {
    background-color: #ffffff;
    transform: skewX(-15deg);
    border-radius: 9px;
     height: 50px;
    min-width: 322px;
    padding: 18px 18px 0;
    display: inline-block;
}
.text-icon {
	position: absolute;
	top: -9px;
	left: -9px;
	width: 38px;
	height: 29px;
}
.heart-icon__green {
	position: absolute;
	bottom: -9px;
	right: -9px;
	width: 37px;
	height: 29px;
}	
.text-home__blk #text-mobile {
    position: relative;
    margin: 0;
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 20px;
    letter-spacing: -0.45px;
    color: #060304;
    text-decoration: none;
    transform: skewX(15deg);
    display: inline-block;
}
.text-icon-red,.text-icon,.heart-icon__green {
     transform: skewX(15deg);
}
.cause-third__section p {
	font-family: "Helvetica Neue LT W05_55 Roman";
	font-size: 20px;
	line-height: 26px;
	letter-spacing: -0.67px;
	margin-top: 42px;
}
.cause-fourth__section {
	background-color: #f32d66;
}
.cause-third__section:before, .cause-fourth__section:before, .cause-second__section:before, .cause-fifth__section:before, .cause-sixth__section:before, .cause-seventh__section:before {
	content: "";
	width: 100%;
	height: 28px;
	display: table;
	background: linear-gradient(to bottom, #000 0%, transparent 100%);
	opacity: 0.2;
	margin: 0;
	position: absolute;
	left: 0;
	z-index: -1;
}
.cause-seventh__section:before {
	margin: 0;
}
.cause-fourth__section h2 {
	margin: 71px 0 10px;
}
.cause-top-shadow:before {
	content: "";
	width: 100%;
	height: 28px;
	display: table;
	background: linear-gradient(to bottom, #000 0%, transparent 100%);
	opacity: 0.2;
	margin: 0;
	position: absolute;
	left: 0;
	top:0;
	z-index: 0;
}
.cause-content__wrapper .image-container {
	max-width:100%;
}
.self-care__img-blk {
	width: 155px;
	height: 262px;
	text-decoration: none;
	position: relative;
	margin: 0 23px 28px 0;
	display: inline-block;
}
.self-care__img-blk:nth-child(2n) {
	margin-right: 0;
}
.self-care__img-blk img {
	width: 155px;
	height: 262px;
}
.self-care__img-blk p {
	font-family: 'Neue Helvetica W01_79 C1289709';
	font-size: 30px;
	line-height: 32px;
	letter-spacing: 0.19px;
	text-align: left;
	text-transform: uppercase;
	position: absolute;
	bottom: 10px;
	left: 10px;
	color: #fff;
	margin: 0;
}
.cause-fourth__section .btn {
	width: 210px;
	margin: 32px auto;
	display: block;
	line-height: 20px;
	letter-spacing: .5px;
}
.cause-fifth__section h2.page-title {
	margin: 71px 0 10px;
}
.cause-fifth__section p.title-description {
	margin-bottom: 60px;
}
.voices-inner__section {
	position: relative;
	margin-bottom: 75px;
}
.voices-inner__section:first-child .auth_title {
	color: #23a497;
	text-shadow: 4px 4px 0 #ff4811;
}
.voices-inner__section:nth-child(2n) .auth_title {
	color: #ff4811;
	text-shadow: 4px 4px 0 #23a497;
}
.voices-inner__section:nth-child(3n) .auth_title {
	color: #f32d66;
	text-shadow: 4px 4px 0 #23a497;
}
.voices-content__section {
	width: 50%;
	position: absolute;
	float: left;
}
.voices-img__section {
	width: 230px;
	float: right
}
.voices-img__section a.auth-instagram:nth-child(2n+1) {
	margin-left: 2px;
}
.voices-img__section a {
	float: left;
}
.voices-img__section .profile-pic {
	display: block;
}
.voices-img__section .profile-pic img {
	width: 220px;
	height: 250px;
	display: inline-block;
}
.meet-cta {
	font-family: "Neue Helvetica W01_79 C1289709";
	font-size: 16px;
	letter-spacing: 1.33px;
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
	display: block;
	margin: 38px 0 15px;
}
.meet-cta img {
	vertical-align: middle;
	margin-left: 5px;
	display: inline;
}
.auth_title {
	font-family:"Helvetica Neue LT W01_75 Bold";
	font-size: 50px;
	line-height: 50px;
	letter-spacing: -1.67px;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	margin-left: -3px;
}
.text-shadow-orange {
	text-shadow: 4px 4px 0 #ff4811;
}
.text-shadow-purple {
	text-shadow: 4px 4px 0 #f32d66;
}
.text-shadow-green {
	text-shadow: 4px 4px 0 #23a497;
}
.auth_name {
	font-family: 'Neue Helvetica W01_79 C1289709';
	font-weight: bold;
	letter-spacing: 1.33px;
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	width: 105px;
	display: block;
	margin-top: 10px;
}
.auth-instagram a{
	font-family: 'Neue Helvetica W01_79 C1289709';
	font-size: 12px;
	line-height: 23px;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: uppercase;
	margin: 10px 0 0 8px;
	display: block;
	position:relative;
}
.auth-instagram a:not(:first-child):before {
    content:"/";
    padding-right:2px;
	position:absolute;
	left:-5px;
	color: #000;
}
.auth-instagram a:nth-child(odd) {
	color: #23a497;
}
.auth-instagram a:nth-child(even) {
	color: #ff4811;
}

.voices-inner__section:nth-child(2n) {
	direction: rtl;
}
.voices-inner__section:nth-child(2n) .voices-img__section {
	float: left;	
	text-align: left;
	margin-left: 10px;
}
.voices-inner__section:nth-child(2n) .voices-img__section .profile-pic {
	float: none;
}
.voices-inner__section:nth-child(2n) .voices-img__section .profile-pic img.green-shadow-rev {
	box-shadow: -10px 10px 0 #ff4812
}
.voices-inner__section:nth-child(2n) .auth-instagram {
	margin-left: -10px;
	direction: ltr;
}
.voices-inner__section:nth-child(2n) .meet-cta img {
	float: right;
	margin-top: -1px;
}
.cause-sixth__section h2.page-title, .cause-seventh__section h2.page-title {
	margin: 71px 0 10px;
}
.color-divider {
	width: 100%;
	height: 10px;
	background: url(../img/common/color-divider.png) repeat-x top left;
}
.cause-sixth__section p.title-description {
	margin-bottom: 30px;
	padding: 0 15px 0 16px;
}
.partners-main__section {
	display: block;
	text-align: center;
}
.partner-section-first {
	min-height: 532px;
	background-color: #23a497;
	padding: 0 30px 0 28px;
}
.partners-main__section .logo-desktop {
	display: none;
} 
.partners-main__section .logo {
	margin: 50px 0 25px;
	width: 280px;
	height: 120px;
	display: inline-block;
}
.partners-main__section p {
	margin: 0 0 25px;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0;
}
.partners-main__section .btn {
	width: 210px;
	margin: 0 auto 70px;
	line-height: 20px;
	letter-spacing: .5px;
	display: inline-block;
}
.partner-section-mid {
	min-height: 442px;
	background-color: #f32d66;
	padding: 0 30px 0 28px;
}
.partners-main__section.partner-section-mid .logo {
	margin: 50px 0 26px;
}
.partners-main__section.partner-section-mid p {
	padding: 0 30px;
}
.partner-section-last {
	min-height: 444px;
	background-color: #ff4811;
	padding: 0 53px 0 52px;
}
.partners-main__section.partner-section-last .logo {
	margin: 50px 0 11px;
}
.cause-seventh__section {
	background: url(../img/common/community-bg.png) no-repeat top left;
	background-size: cover;
}
.cta-center__link {
	text-align: center;
	display: block;
	font-family: 'Neue Helvetica W01_79 C1289709';
	font-size: 18px;
	font-weight: bold;
	line-height: 1.33;
	letter-spacing: 1.5px;
	text-decoration: none;
	color: #000000;
	margin-top: 3px;
	text-transform: uppercase;
}
.cta-center__link img {
	vertical-align: bottom;
	display: inline-block;
}
.cause-seventh__section .btn {
	width: 210px;
	margin: 50px auto;
    display: block;
    line-height: 20px;
    letter-spacing: 0.5px;
    font-size: 18px;
}
.community-section {
	text-align: center;
}
.community-page__title {
	font-family: "Helvetica Neue LT W01_75 Bold";
	font-size: 14px;
	font-weight: bold;
	line-height: 10px;
	letter-spacing: 1px;	
	margin: 43px 0 30px;
    text-transform: uppercase;    
}
.community-section .community-page__title {
    color: #0da497;
}
.community-heading {
	font-family: "Neue Helvetica W01_79 C1289709";
	font-size: 32px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0.2px;
	margin: 0 70px;
}
.community-desc {
	font-family: "Helvetica Neue LT W05_55 Roman";
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	letter-spacing: normal;
	padding: 0 15px;
	margin: 10px 0;
}
.community-section .btn {
	width: 160px;
    margin: 0 auto 35px;
    line-height: 1.11;
    letter-spacing: 0.5px;
}
.community-blk {
	text-align: center;
}
.community-blk img {
	width: 345px;
	height: 345px;
}
.cause-content__wrapper.community-section {
	overflow: scroll;
}
.community-blk .community-heading {
	margin: 70px 0 27px;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	color: #000000;
}
.community-blk p {
	font-family: "Helvetica Neue LT W05_55 Roman";
	font-size: 18px;
	font-weight: normal;
	line-height: 1.33;
	letter-spacing: normal;
	margin: 39px 21px 58px 22px;
}
.community-section .btn-secondary {
	width: 194px;
	margin: 0 auto 57px;
}
.add-msg {
	margin: 0 19px 0 20px;
}
.cause-content__wrapper .instagram-link {
	width: 194px;
	margin: 17px 0 63px;
}
.cause-bottom__section {
	padding: 0 16px 0 17px;
	text-align: left;
}
.cause-bottom__section .heading {
	font-family: "Helvetica Neue LT W01_75 Bold";
	font-size: 40px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.05;
	letter-spacing: normal;
	padding-right: 84px;
	margin: 0;
}
.cause-bottom__section a {
	text-decoration: none;
	color: #000;
}
.cause-bottom__section h6 {
	font-family: 'Neue Helvetica W01_79 C1289709';
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	margin: 19px 0 47px;
}
.cause-bottom__section h6 img {
	width: 24px;
	height: 24px;
	vertical-align: bottom;
	margin-left: 8px;
}
.thumbnail-img {
	width: 346px;
	height: 346px;
	border: solid 13px #ff4811;
}
.thumbnail-img__blk {
	margin-bottom: 20px;
}
.thumbnail-img__blk img {
	float: left;
	width: 150px;
	height: 100px;
}
.thumbnail-img__blk .content-blk {
	margin-left: 20px;
	width: 50%;
	float: left;
}
.thumbnail-img__blk .content-blk h6 {
	font-family: "Helvetica Neue LT W01_75 Bold";
	font-size: 14px;
	font-weight: bold;
	line-height: 10px;
	letter-spacing: 1px;
	margin: 0 0 10px;
	color: #000;
}
.thumbnail-img__blk .content-blk p {
	font-family: "Neue Helvetica W01_79 C1289709";
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin: 0;
	color: #000;
}
.voice-details__section .quick-links {
	margin: 10px 0 30px;
}
.voice-details__section .quick-links a {
	line-height: 24px;
    margin-left: 13px;
    position: relative;
}
.voice-details__section .quick-links a:not(:first-child):before {
    content: "//";
    padding-right: 2px;
    color: #000;
    text-decoration: none;
    position: absolute;
    left: -13px;
}
.voice-details__section .quick-links a:nth-child(odd) {
	color: #f32d66;
}
.voice-details__section .quick-links a:nth-child(even) {
	color: #23a497;
}
.voice-content__section {
    margin-bottom: 20px;
}
.voice-inner__content {
	text-align: left;
	margin: 40px 15px 0;
}
.voice-inner__content h5 {
	font-family: "Neue Helvetica W01_79 C1289709";
	font-size: 22px;
	font-weight: bold;
	line-height: 32px;
	letter-spacing: 0.14px;
	text-transform: uppercase;
	margin: 0 0 10px;
}
.voice-inner__content p {
	font-family: "Helvetica Neue LT W05_55 Roman";
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	letter-spacing: normal;
	margin: 0;
}
.text-link {
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Neue Helvetica W01_79 C1289709";
	line-height: 20px;
	letter-spacing: 0.5px;
	color: #000;
	display: block;
}
.voice-details__section .btn-primary-large {
	margin: 20px auto 0;
	width: 210px;
	display: inline-block;
}
.voice-details__section, .selfcare-details__section {
	text-align: center;
	margin-top: 60px;
}
.voice-details__section .cause-bottom__section {
	margin-top: 64px;
}
.selfcare-details__section .community-desc {
	margin: 7px auto 71px;
}
.voice-details__section .community-page__title {
	margin: 43px 0 32px;
	text-transform: uppercase;
}
.selfcare-inner__blk {
	width: 100%;
	padding-bottom: 70px;
}
.selfcare-img__blk {
	width: 100%;
	text-align: right;
	position: relative;
}
.selfcare-img__blk span {
	font-family: "Helvetica Neue LT W01_75 Bold";
	font-size: 100px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 60px;
	letter-spacing: -2.67px;
	position: absolute;
	right: 260px;
	top: -30px;
}
.selfcare-inner__blk:nth-child(odd) .selfcare-img__blk span {
    left: 9px;
    right: auto;
}
.selfcare-img__blk img {
	width: 300px;
	height: 450px;
}
.selfcare-content__blk h6 {
	font-size: 22px;
	font-family: "Neue Helvetica W01_79 C1289709";
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin: 17px 0 7px;
    color: #000;
}
.selfcare-content__blk p {
	font-family: "Helvetica Neue LT W05_55 Roman";
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 15px 20px;
    color: #000;
	padding: 0 15px;
}
.selfcare-inner__blk#say-yes-yes .selfcare-content__blk p a, .selfcare-inner__blk#zen-out .selfcare-content__blk p a {
	font-family: "Helvetica Neue LT W01_75 Bold";
}
.selfcare-content__blk p a.green {
	color: #26b5a6;
}
.selfcare-inner__blk.purple p a {
	color: #f32d66;	
}
.selfcare-inner__blk.orange p a {
	color: #ff4700;	
}
.selfcare-inner__blk.green p a {
	color: #23a497;	
}
.selfcare-inner__blk.purple span {
	text-shadow: 4px 4px 0 #23a497;
}
.selfcare-inner__blk.orange span {
	text-shadow: 4px 4px 0 #23a497;
}
.selfcare-inner__blk.green span {
	text-shadow: 4px 4px 0 #f32d66;
}
.hero-banner-popup, .hero-banner {
	position: relative;
	display: flex !important;
	align-items: center !important;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	text-align: center;
	height: 100vh;
	margin-bottom: 0;
}
.close-btn {
	position: absolute;
	top: 12px;
	right: 34px;
}
.pause-btn {
	position: absolute;
	top: 48%;
	right: 43%;
}
.commitment-content__blk:nth-child(2) {
	direction: rtl;
	margin-bottom: 43px;
}
.commitment-content__blk:nth-child(2) p {
	text-align: right;
	margin-right: 11px;
	direction: ltr;
    margin-left: -2px;
}
.commitment-inner__section {
	display: flex;
	flex-direction: column;
	padding: 0 19px 0 20px;
}
.text-icon-red {
	display: none !important;
	width: 38px;
	height: 29px;
}
.cause-fourth__section .color-divider {
	display: none;
}
.cta-view__all {
	display: none;
}
.cause-fifth__section .color-divider, .cause-sixth__section .color-divider, .cause-seventh__section .color-divider {
	display: none;
}
.cause-sixth__section .partners-inner_section .color-divider {
	display: block;
}
.selfcare-details__section .community-page__title {
	margin: 51px 0 16px;
}
.selfcare-details__section .community-heading {
	margin: 0;
}
.selfcare-inner__blk:nth-child(odd) .selfcare-img__blk {
	text-align: left;	
}
.selfcare-inner__blk .selfcare-img__blk span {
	color: #ff4700;
    	text-shadow: 4px 4px 0 #26b5a6;
}
.selfcare-inner__blk:nth-child(3n+1) .selfcare-img__blk span {
	color: #f32d66;
	text-shadow: 4px 4px 0 #26b5a6;
}
.selfcare-inner__blk:nth-child(3n+3) .selfcare-img__blk span {
	color: #26b5a6;
    	text-shadow: 4px 4px 0 #f32d66;
}
.voice-details__section .text-link {
	margin-bottom: 64px;
	margin-top: 20px;
}
.crisis-content {
	padding: 0 19px 0 21px;
}
p.title-description {
	padding: 0 17px;
}
.selfcare-inner__content {
	padding: 0 16px 0 17px;
}
.voices-inner__content .voices-inner__section {
	padding: 0 16px 0 17px;
}
.voices-inner__section:nth-child(2n) {
	padding: 0 18px 0 15px;
}
.voice-details__section .disabled-btn {
    background: #a7a8aa;
    pointer-events: none;
}
.cause-content__wrapper .video-close {
    width: 50px;
    height: 50px;
    top: 12px;
    right: 14px;
}
/*community detail page */

.community-user {
	column-gap: 13px;
    width: auto;
    margin: 8px auto 0;
    column-count: 2;
    min-height: 400px;
	
}
  .community-user:after {
	  display:table;
	  clear:both;
	  content: '';
}
.community-user li {
    margin-bottom: 12px;
    display: inline-block; 
    vertical-align: top;
    position: relative;
}
.community-user li:first-child {
    margin-top: 34px;
}
.community-user li:nth-child(5) {
    display:none;
}
.community-user li .cta-center__link {
    position:relative;
    top: 0;
    right: 0;
    height: 100%;
    margin:0;
}
.community-user li img {
    max-width: 100%;
    vertical-align: middle;
}
.community-blk img {
    max-width: 100%;
    height:auto;
}
.community-user li::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 66px;
	opacity: 0.65;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
}
.community-user li span {
    color: #fff;
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 22px;
    font-weight: bold;
    line-height: 1.45;
  	letter-spacing: 0.14px;
    position: absolute;
	z-index: 1;
	left: 10px;
	bottom: 10px;
}
.community-inner__blk {
    position:relative;
    margin:0 0 40px;
}
.community-inner__blk::after {
	content: '';
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 10px;
	background: url(../img/common/color-divider.png) repeat-x top left;
}
.community-blk {
	text-align: center;
	position: relative;
	list-style: none;	
	padding: 70px 15px 58px;
}
.community-blk::before {
	content: '';
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 10px;
	background: url(../img/common/color-divider.png) repeat-x top left;
}
.community-blk .community-heading {
	margin: 0 0 27px;

}
.community-blk p {
	    margin: 39px auto 0;
}
.community-section .btn-secondary {
	line-height: 1.11;
    letter-spacing: 0.5px;
    border:2px solid #000;
}
.community-blk.hide {
	display:none;
}
.community-section .add-msg {
    margin: 0 15px 17px ;
}
.community-section .instagram-link {
    width:194px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.partner-desktop {
	display:none !important;
}
.partner-mobile {
	display:block !important;
}
@media (min-width: 0 ) and (max-width: 374px) {
    .thumbnail-img__blk img {
        float: left;
        width: 140px;
        height: 93px;
    }
	.selfcare-img__blk span {
	    left: 9px;
	    right: auto;
	}
	.selfcare-img__blk img {
        width: 77%;
	}
}

@media screen and (min-width: 0) and (max-width: 47.4375em) {
	.selfcare-inner__content {
    		padding: 0 10px;
	}
	.self-care__img-blk {
		width: 43%;
	}
}
@media screen and (min-width: 640px) and (max-width:765px){
    .selfcare-inner__blk {
        margin-bottom: 43px;
    }
    .selfcare-img__blk {
        width: 300px;
        height: 450px;
        float: right;
    }
    .selfcare-inner__blk:nth-child(odd) .selfcare-img__blk {
        float: left;
    }
    .selfcare-content__blk {
        margin: 0 26px 0 0;
        width: 300px;
        float: right;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        height: 470px;
        align-items: center;
    }
}

@media screen and (min-width: 712px) and (max-width:765px){ 
	.cause-module__wrapper section {
		width: 712px !important;
		box-sizing: border-box;
	}
	.cause-fourth__section {
		padding: 0 130px;
	}
	.selfcare-inner__content {
		padding: 0 45px;
	}
	.voices-content__section {
		width: 20%;
		right: 240px;
	}
	.voices-inner__section:nth-child(2n) .voices-content__section {
		right: 200px;
		text-align: right;
	}
	.cause-fifth__section {
		padding: 0 45px;
	}
	.cause-seventh__section p.title-description {
		width: 344px;
		margin: 10px auto 28px;
	}
	.community-user {
		width: 480px;
		margin: 20px auto 0;
	}
	.cause-second__section {
		padding: 0 100px;
	}
	.article-5-container {
		width: 590px;
		margin: 0 auto;
		position: relative;
	}
	.tips-article_5 {
		display: flex;
	}
	.tips-article_5 .article-item {
		flex-direction: column !important;
		width: 110px;
		margin: 0 10px 0 0 !important;
	}
	.tips-article_5 .article-item div:last-child {
		margin: 0;
		width: 100%;
	}
}
@media screen and (min-width: 47.5em) {
	.hero-banner__small, .hero-banner__large {
		display: none;
	}
	.hero-banner__medium {
		display: block;
	}
	.caption-img {
		left: 26%;
		width: 386px;
		height: 132px;
	}
	.hero-banner .video-play-icon {
		top: 50%;
		left: 48%;
	}
	.cause-second__section {
		padding: 0 104px 0 140px;
	}
	.cause-second__section h2.page-title {
		width: 300px;
		margin: 50px auto 40px;
	}
	.commitment-content__blk p {
		margin: 10px 0 0 67px;
		font-size: 32px;
		line-height: 36px;
		letter-spacing: 0.2px;
		padding-right: 10px;
    }   
	.commitment-content__blk:last-child p {
		padding-right: 0;
	}
	.commitment-content__blk:nth-child(2) {
		margin-bottom: 40px;
	}
	.commitment-content__blk:nth-child(2) p {
		margin-right: 47px;
		margin-left: 10px;
		padding-right: 0;
		margin-top: 0;
	}
	.cause-fourth__section h2 {
		margin-top: 80px;
	}
	.commitment-content__blk {
		margin-bottom: 50px;
	}
	.crisis-content {
		padding: 0;
		width: 464px;
		margin: 0 auto;
	}
	.cause-third__section h4 {
		font-size: 32px;
		line-height: 28px;
		letter-spacing: -0.6px;
		margin-top: 30px;
	}
	.heart-icon__red {
		margin-top: 262px;
	} 
	.text-home__blk {
		margin: 0 auto;
    }
    .together-box {
		padding: 13px 33px 0 35px;
	}
	.text-home__blk #text-mobile {
		   font-size: 24px;
	}
	.cause-third__section p {
		margin-top: 42px;
	}
	.cause-fourth__section p.title-description {
		width: 344px;
		margin: 10px auto 51px;
	}
	.self-care__img-blk img, .self-care__img-blk {
		width: 272px;
		height: 460px;
    }
    .self-care__img-blk {
        margin: 0 15px 28px 0;
    }
	.cause-fourth__section {
		padding: 0 92px;
	}
	.self-care__img-blk p {
		bottom: 21px;
		left: 21px;
	}
	.cause-fifth__section {
        padding: 0 68px 0 60px;
	}
	.cause-fifth__section p.title-description {
		margin: 10px auto 60px;
		width: 344px;
	}
	.voices-img__section {
		width: auto;
	}
	.voices-img__section .profile-pic {
		float: none;
	}
	.voices-img__section .profile-pic img {
		width: 275px;
		height: 313px;
	}
	.voices-content__section {
		width: 20%; 
		right: 240px;
	}
	.voices-inner__section:nth-child(2n) .voices-content__section {
		right: 200px;
		text-align: right;
	}
	.voices-inner__section {
		margin-bottom: 30px;
	}
	.partners-main__section .btn {
		margin-bottom: 50px;
                margin-top: 15px;
	}
	.voices-inner__section:last-child .voices-content__section {
		right: 275px;
	}
	.cause-sixth__section p.title-description {
		margin: 10px auto 33px;
		width: 344px;
	}
	.partners-main__section p {
		width: 440px;
		margin: 0 auto 25px;
	}
	.partners-main__section.partner-section-mid p {
		padding: 0;
	}
	.cause-seventh__section p.title-description {
		width: 344px;
		margin: 10px auto 28px;
	}
	.community-section .community-desc {
		width: 346px;
		margin: 0 auto 25px;
		padding: 0;
	}
	.community-heading {
		font-size: 52px;
		line-height: 52px;
		letter-spacing: 0.33px;
		width: 346px;
		margin: 0 auto 25px;
	}
	.community-section .community-blk .community-heading {
		font-size: 32px;
		line-height: 32px;
		letter-spacing: 0.2px;
		margin: 40px auto;
	}
	.community-section .btn {
		margin: 0 auto 75px;
	}
	.community-blk img {
		width: 590px;
		height: 590px;
	}
	.community-blk {
		padding: 0 89px;
	}
	.cause-content__wrapper .instagram-link {
		display: none;
	}
	.cause-bottom__section {
		padding: 0 89px 0 90px;
	}
	.thumbnail-img__blk img {
		width: 289px;
		height: 193px;
	}
	.cause-bottom__section h6 {
		margin: 11px 0 28px;
	}
	.thumbnail-img__blk .content-blk {
		width: auto;
		margin-left: 10px;
	}
	.thumbnail-img__blk .content-blk h6 {
		font-size: 16px;
		letter-spacing: 1.14px;
	}
	.thumbnail-img__blk .content-blk p {
		font-size: 24px;
		letter-spacing: 0.67px;
	}
	.thumbnail-img__blk {
		margin-bottom: 30px;
	}
	.voice-details__section .community-heading {
		margin: 0 auto 5px;
	}
	.thumbnail-img {
		width: 564px;
		height: 564px;
	}
	.voice-details__section .quick-links {
		margin: 10px 0 55px;
	}
	.voice-inner__content {
		padding: 0 89px 0 90px;
		margin: 40px 0;
	}
	.voices-img__section .profile-pic img.green-shadow-rev {
		box-shadow: 15px 15px 0 #23a497
	}
	.voices-inner__section:nth-child(2n) .voices-img__section .profile-pic img.green-shadow-rev {
		box-shadow: -15px 15px 0 #ff4812
	}
	.selfcare-img__blk {
		width: 380px;
		height: 570px;
		float: right;
	}
	.selfcare-content__blk {
		margin: 0 26px 0 0;
		width: 332px;
		float: right;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		text-align: center;
		height: 570px;
		align-items: center;
	}
	.selfcare-img__blk img {
		width: 380px;
		height: 570px;
	}
	.selfcare-content__blk h6 {
        margin-top: 0;
        width: 100%;
	}
	.selfcare-img__blk span {
		left: -62px;
		right: auto;
	}
	.selfcare-content__blk p {
        margin: 0 0 20px;
        width: 100%;
	}
	.voice-details__section .community-desc {
		margin: 0 auto 88px;
		width: 345px;
	}
	.selfcare-inner__blk {
		margin-bottom: 73px;
	}
	.selfcare-inner__blk.content-reverse .selfcare-img__blk {
		float: left;
	}
	.selfcare-inner__blk.content-reverse span {
		left: 9px;
	}
	.selfcare-inner__blk.content-reverse .selfcare-content__blk {
		margin: 206px 0 0 26px;
		width: 345px;
		float: left;
	}
	.voice-details__section .cause-bottom__section {
		margin-top: 113px;
	}
	.selfcare-details__section .community-heading {
		margin: auto;
	}
	.selfcare-inner__blk:nth-child(odd) .selfcare-img__blk {
		float: left;	
	}
	.selfcare-inner__blk:nth-child(odd) span {
		left: 9px;
	}
	.cause-fourth__section .btn {
		margin-top: 46px;
	}
	.partners-main__section .logo {
		width: 280px;
		height: 120px;
		margin-top: 40px;
	}
	.partner-section-first {
		min-height: auto;
	}
	.partner-section-mid {
		min-height: auto;
	}
	.partner-section-last {
		min-height: auto;
	}
	.community-section .community-page__title {
		margin-top: 30px;
	}
	.text-home__blk #text-mobile {
		pointer-events: none;
	}
	.voice-details__section .community-page__title {
		margin: 30px 0 15px;
	}
	.selfcare-details__section .community-page__title {
		margin: 38px 0 19px;
	}
	.voice-details__section .text-link {
		margin-bottom: 59px;
	}
	.selfcare-details__section .community-desc {
    		width: 45%;
	}
	.commitment-inner__section, .selfcare-inner__content, .voices-inner__content, .cause-sixth__section p.title-description {
	    	padding: 0;
	}
	.cause-module__wrapper .step-indicator {		
		top: 30px;
	}
	.voice-inner__content h5 {
		 font-size: 32px;
		 letter-spacing: 0.2px;
	}
	.voice-inner__content p {
		font-size: 20px;
		line-height: 27px;
		letter-spacing: -0.67px;																					
	}
	.cause-content__wrapper .video-close {
		right: 34px;
    }
    .cause-fifth__section p.title-description {
        margin: 10px auto 60px;
        width: 344px;
        padding: 0;
    }
    /*community detail page */
    .community-user {
		width:480px;
		margin: 20px auto 0;
	}
	.community-user li:first-child {
		margin-top: 43px;
	}
	.community-blk {
		padding: 40px 89px 60px;
	}
	.community-section .community-blk .community-heading {
		margin: 0 auto 40px;
		line-height:1;
	}
	.community-blk p {
		margin: 30px auto 0;
    }
    .community-section .add-msg {
        margin: 0 auto 17px;
        width: auto;
    }
    .community-section .btn.btn-primary.instagram-link {
		display: block;
    }
    .community-section .btn-secondary {
        width: 194px;
        margin: 0 auto 57px;
    }
}
@media screen and (min-width: 63.75em) {
    .first-module {
        margin-top: 0 !important;
        padding-top: 1px !important;
    }
	.hero-banner__medium, .cause-module__wrapper .step-indicator {
		display: none;
	}
	.hero-banner__large {
		display: block;
		width: 100%;
	}
	.caption-img {
		left: 39%;
		width: 292px;
		height: 100px;
	}
	.hero-banner .video-play-icon {
		bottom: 119px;
		top: auto;
		width: 54px;
		height: 54px;
	}
	h2.page-title {
		font-size: 50px;
		line-height: 44px;
	}
	.cause-second__section h2.page-title {
		width: auto;
		margin: 65px auto 45px;
	}
	.cause-second__section {
		padding: 0 30px;
	}
	.commitment-content__blk {
		direction: initial;
		max-width: 35%;
	}
	.commitment-content__blk p {
		margin: 0 15px;
		font-size: 24px;
		line-height: 24px;
	}
	.commitment-content__blk.content-reverse p {
		text-align: left;
	}
	.commitment-content__blk.content-reverse img {
		box-shadow: -10px 10px 0 #23a497;
	}
	.commitment-content__blk img {
		width: 157px;
		height: 288px;
		min-width: 157px;
	}
	.commitment-content__blk {
		margin-bottom: 85px;
	}
	.cause-third__section {
		background: url(../img/common/pattern-bg.png) no-repeat top left;
		height: 515px;
		display: inline-block;
	}
	.text-icon, .heart-icon__red, .cause-third__section:before, .cause-second__section:before, .cause-fourth__section:before, .cause-fifth__section:before, .cause-sixth__section:before, .cause-seventh__section:before {
		display: none !important;
	}
	.text-icon-red {
		display: block !important;
	}
	.cause-third__section h4 {
		margin: 121px 0 41px;
		color: #000;
		font-size: 36px;
		line-height: 39px;
		letter-spacing: normal;
	}
	.crisis-content {
		width: 555px;
	}
	.cause-third__section p {
		line-height: 24px;
		padding: 0 15px;
		margin-top: 48px;
	}
	.cause-fourth__section {
		background: transparent;
		padding: 0 30px;
	}
	.cause-fourth__section .color-divider {
		display: block;
	}
	.cause-fourth__section h2.page-title, .cause-fourth__section p.title-description, .cause-fifth__section h2.page-title, .cause-fifth__section p.title-description {
		text-align: left;
		width: auto;
	}
	.cause-fourth__section h2.page-title, .cause-fifth__section h2.page-title {
		margin: 25px 0 15px;
	}
	.cause-fourth__section p.title-description, .cause-fifth__section p.title-description {
		width: 535px;
		margin: 0 0 47px;
		font-size: 22px;
		letter-spacing: normal;
	}
	.self-care__img-blk {
		width: 25%;
		height: auto;
		margin: auto;
	}
	.self-care__img-blk img {
		width: 200px;
		height: auto;
	}
	.selfcare-inner__content {
		display: flex;
		flex-direction: row;
	}
	.self-care__img-blk:nth-child(2n) {
		margin-right: auto;
	}
	.cta-view__all {
		display: block;
		font-family: "Neue Helvetica W01_79 C1289709";
		font-size: 18px;
		line-height: 24px;
		letter-spacing: 1.5px;
		text-transform: uppercase;
		text-decoration: none;
		float: right;
		margin-top: 35px;
		color: #000000;
	}
	.cta-view__all img {
		vertical-align: bottom;
		margin-left: 10px;
	}
	.cause-fourth__section .btn {
		display: none;
	}
	.self-care__img-blk p {
		font-size: 30px;
		line-height: 32px;
		letter-spacing: 0.25px;
		bottom: 29px;
		left: 22px;
        width: 170px;
	}
	.cause-fifth__section {
		padding: 0 30px;
		margin-top: 166px;
	}
	.voices-inner__section {
		width: 33%;
		margin: 0;
		direction: ltr;
		float: left;
		padding-right: 50px;
	}
	.voices-inner__content .voices-inner__section {
		padding: 0 50px 0 0;
	}
	.voices-inner__section:nth-child(3n + 3) {
		margin: 0;
		padding-right: 0;
	}
	.voices-content__section {
		width: 50%;
		right: auto;
		left: 0;
	}
	.voices-inner__section:nth-child(2n) .voices-img__section {
		float: right;
		text-align: right;
	}
	.voices-inner__section:nth-child(2n) .voices-content__section {
		text-align: left;
		direction: ltr;
	}
	.voices-inner__section:nth-child(2n) .meet-cta img {
		float: none;
	}
	.voices-inner__section:nth-child(2n) .voices-img__section .orange-shadow {
		box-shadow: 10px 10px 0 #23a497;
	}
	.voices-inner__section:nth-child(2n) .auth-instagram {
		margin-left: 0;
		text-align: left;
	}
	.commitment-inner__section {
		flex-direction: row;
	}
	.partners-inner_section {
		display: flex;
		flex-direction: row;
	}
	.cause-sixth__section {
		background-color: #23a497;
		margin-top: 110px;
		padding: 82px 61px 67px 59px;
		overflow: hidden;
	}
	.cause-sixth__section h2.page-title {
		text-align: left;
	}
	.cause-sixth__section p.title-description {
		margin: 10px auto 33px;
		width: 535px;
		margin: 0;
		text-align: left;
		padding: 3px 0 0;
		font-size: 22px;
		letter-spacing: normal;
	}
	.cause-sixth__section .partners-inner_section .color-divider {
		display: none;
	}
	.partners-main__section {
		width: 33%;
		padding: 0;
		margin-right: 17px;
		text-align: left;
		background: transparent;
	}
	.partners-main__section .logo-mobile, .partners-main__section .btn {
		display: none;
	}
	.partners-main__section .logo-desktop {
		display: block;
		margin-bottom: 7px;
	}
	.partners-main__section.partner-section-mid p {
		font-size: 20px;
		line-height: 24px;
	}
	.partners-main__section p {
		width: 95%;
		margin: 0 0 20px;
		font-size: 20px;
	}
	.cause-seventh__section {
		background: transparent;
		padding: 30px 60px 0;
		position: relative;
	}
	.cause-sixth__section h2.page-title, .cause-seventh__section h2.page-title {
		text-align: left;
		margin: 27px 0 15px;
	}
	.cause-seventh__section p.title-description {
		width: 40%;
		margin-left: 0;
		text-align: left;
	}
	.cause-seventh__section .cta-center__link {
		position: absolute;
		top: 207px;
		right: 60px;
        text-transform: uppercase;
	}
	.community-section .color-divider {
		display: none;
	}
	.cause-content__wrapper.community-section {
		overflow: auto;
		margin: auto;
	}
	.community-heading {
		width: auto;
		font-size: 70px;
		line-height: 66px;
		letter-spacing: 0.44px;
		margin-bottom: 20px;
	}
	.community-section .community-desc {
		width: 30%;
		margin-bottom: 68px;
	}

	.cause-fifth__section .color-divider, .cause-sixth__section .color-divider, .cause-seventh__section .color-divider {
		display: block;
	}
	.community-inner__blk {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
	.community-blk {
		width: 23%;
		padding: 0;
		margin:0 19px 61px 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.community-blk img {
		width: 100%;
		height: auto;
	}
	.community-blk:nth-child(8n+0) {
		margin-right: 0;
	}
	.community-section .community-blk .community-heading {
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
		margin: 33px 0 0;
		text-align: left;
		font-size: 30px;
		letter-spacing: 0.19px;
	}
	.community-blk p {
		-webkit-box-ordinal-group: 3;
		-moz-box-ordinal-group: 3;
		-ms-flex-order: 3;
		-webkit-order: 3;
		order: 3;
		font-size: 20px;
		line-height: 24px;
		text-align: left;
		margin: 5px 0 0;
	}
	.community-section .btn.btn-primary.instagram-link, .add-msg {
		display: block;
	}
	.community-section .btn.btn-primary.instagram-link {
		width: 203px;
		margin: 23px auto 118px;
	}
	.community-section .community-heading.add-msg {
		margin: 0 auto 23px;
		font-size: 32px;
		line-height: 32px;
		letter-spacing: 0.2px;
	}
	.cause-content__wrapper .instagram-link {
		margin: 0 auto 118px;
	}
	.community-section .btn-secondary {
        margin-bottom: 50px;
        border:1px solid #000;
	}
	.community-section .btn.btn-primary {
		display: none;
	}
	.thumbnail-img__container {
		display: flex;
		flex-direction: row;
	}
	.thumbnail-img__blk img {
		width: 100%;
		height: auto;
	}
	.cause-bottom__section .heading {
		width: 40%;
		font-size: 48px;
		line-height: 44px;
	}
	.cause-bottom__section h6 {
		margin: 18px 0 50px;
	}
	.thumbnail-img__blk .content-blk h6 {
		font-size: 14px;
		letter-spacing: 1px;
		margin: 10px 0;
	}
	.thumbnail-img__blk .content-blk {
		margin-left: 0;
		clear: both;
	}
	.thumbnail-img__blk .content-blk p {
		font-size: 18px;
		letter-spacing: 0.5px;
	}
	.voice-details__section .community-heading {
		margin: 10px auto 25px;
		width: 60%;
	}
	.voice-details__section .thumbnail-img {
		width: 100%;
		height: 540px;
		border: none;
	}
	.voice-content__section {
		display: flex;
		padding: 0 20px;
		margin-bottom: 40px;
	}
	.voice-inner__content {
		margin: 70px 40px 0 0;
		padding: 0;
		width: 30%;
	}
	.selfcare-img__blk img {
		width: 100%;
		height: auto;
	}
	.selfcare-img__blk {
		width: 50%;
		height: auto;
		float: left;
	}
	.selfcare-content__blk {
		width: 49%;
		padding: 0 5%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		text-align: center;
		height: 705px;
		align-items: center;
		margin: 0;
	}
	.selfcare-inner__blk span {
		top: 30px;
		left: -60px;
		font-size: 150px;
		letter-spacing: -4px;
	}
	.selfcare-inner__blk.content-reverse .selfcare-img__blk {
		float: right;
	}
	.selfcare-inner__blk.content-reverse .selfcare-content__blk {
		width: 45%;
		padding: 0 5%;
	}
	.selfcare-inner__blk.content-reverse span {
		left: -40px;
		top: 30px;
	}
	.selfcare-details__section {
		margin: auto; 
		padding: 0 171px 60px;	
	}
	.hero-banner__small, .hero-banner-popup, .hero-banner {
		height: 384px;
		width: 100%;
		margin-bottom: 50px;
		overflow: hidden;
	}
	.hero-banner img.hero-banner__img {
		width: 100%;
		height: auto;
	}
	.commitment-content__blk:nth-child(2) {
		direction: ltr;
		width: 95%;
	}
	.commitment-content__blk:nth-child(2) img.green-shadow-rev {
		box-shadow: -10px 10px 0 #23a497;
	}
	.selfcare-details__section .community-page__title {
		margin-top: 218px;
	}
	.commitment-content__blk:nth-child(2) p {
		text-align: left;
		margin: 0 20px;
	}
	.cause-bottom__section {
		padding: 0 20px;
	}
	.voice-details__section .cause-bottom__section {
		margin-top: 90px;
	}
	.selfcare-details__section .cause-bottom__section {
		padding: 0;
	}
	.selfcare-inner__blk:nth-child(odd) .selfcare-img__blk {
		float: right;	
	}
	.selfcare-inner__blk {
        margin-bottom: 0;
        padding-top: 60px;
	}
	.selfcare-inner__blk:nth-child(odd) .selfcare-img__blk span {
		left: -40px;
	}
	.selfcare-details__section .community-desc {
		margin: 20px auto 117px;
		width: 60%;
	}
	.voice-details__section .community-page__title {
		margin: 120px 0 10px;
	}
	.partners-main__section .logo {			
		width: 290px;
		height: auto;
		margin-top: 50px;
	}
	.voices-img__section {
		width: 60%;
	}
	.voices-img__section .profile-pic img {
		width: 160px;
		height: auto;
	}
	.auth_title {
		font-size: 35px;
		line-height: normal;
	}
	.voices-inner__section:nth-child(2n) {
		direction: ltr;
	}
	.meet-cta {
		margin: 0;		
	}
	.thumbnail-img__blk {
		margin-right: 10px;
	}
	.voices-img__section .profile-pic img.green-shadow-rev {
		box-shadow: 10px 10px 0 #23a497;
	}
	.voices-inner__section:nth-child(2n) .voices-img__section .profile-pic img.green-shadow-rev {
		box-shadow: 10px 10px 0 #23a497;
	}
	.selfcare-content__blk h6 {
	    font-size: 32px;
	    line-height: 32px;
   		letter-spacing: 0.73px;
	}
	.selfcare-content__blk p {
		font-size: 20px;
	}
	.selfcare-inner__blk#say-yes-yes .selfcare-content__blk p a, .selfcare-inner__blk#zen-out .selfcare-content__blk p a {
	    font-family: "Helvetica Neue LT W05_55 Roman";
	    font-weight: normal;
	}
	.voice-inner__content h5 {
		font-size: 32px;
		letter-spacing: 0.2px;
		margin-bottom: 15px;
	}
	.voice-inner__content p {
		font-size: 20px;
		line-height: 27px;
		letter-spacing: -0.67px;
	}
	.voice-inner__content:last-child {
		margin-right: 0;
	}
	.voice-details__section .text-link {
		font-size: 12px;
		letter-spacing: normal;
	}
	.cause-content__wrapper .video-close {
		top: 20px;
		right: 60px;
    }
    .cause-fourth__section p.title-description, .cause-fifth__section p.title-description {
        padding-left: 0;
    }
    .cause-seventh__section p.title-description {
        padding-left: 0;
        letter-spacing: normal;
        width: 50%;
        font-weight: normal;
        font-size: 22px;
    }
    .cause-top-shadow:before{
		background:transparent;
    }
   
    /*community detail page */
    .community-section .community-page__title {
        color: #26b5a6;
    }
	.community-user li:first-child {
		margin-top: 0;
	}
	.community-user {
		column-count: 1;
		width: auto;
        display:block;
        min-height:auto;
	}
	.community-user li {
		width: 445px;
		float: left;
		position: relative;
	}
	.community-user li:nth-child(odd) {
		margin-right: 0;
	}
	.community-user li:nth-child(5) {
		display:block;
	}
	.community-user li:not(:first-child) {
		margin: 0 0 10px 11px;
		width: 216px;
	}
	.community-user-name {
		color: #fff;
		font-family: 'Neue Helvetica W01_79 C1289709';
		font-size: 30px;
		font-weight: bold;
		line-height: 1.07;
		letter-spacing: 0.19px;
		position: absolute;
		z-index: 1;
	}
	.community-user li .community-user-name  {
		left: 30px;
		bottom:30px;
		line-height: 1.07;
		letter-spacing: 0.19px;
		font-size:30px;
	}
	.community-user li:not(:first-child) .community-user-name  {		
		left: 24px;
		bottom:24px;
	}	
	.community-user {
		margin: 46px 0 0;
	}	
	.community-user li:first-child {
		margin-top:0;
	}
	.community-user li::after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 80px;
		opacity: 0.65;
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
	}
	.community-user::after {
		display: table;
		content: '';
		clear: both;
	}	
	.community-user li img {
	  max-width: 100%;
	}	
	.community-inner__blk {
		width: 904px;		
		margin: 0 auto;
	}
	.community-blk {
		width: 210px;
	}
	.community-inner__blk::after,.community-blk::before {
		background:none;
	}
	.community-blk:nth-child(4n) {
		margin:0;
	}
	.community-blk .cta-center__link {
		display:flex;
		flex-wrap:wrap;
	}
	.community-section .community-blk .community-heading {
		line-height: 1.07;
		letter-spacing: 0.19px;
		font-size:30px;
	}
	.community-blk p {
		font-size:20px;
		line-height: 1.2;
		letter-spacing: normal;

    }
    .community-inner__blk {
        justify-content: flex-start;
    }
    .community-section .add-msg {
        margin: 0 0 23px ;
    }
    .partner-mobile {
		display:none !important;
	}
	.partner-desktop {
		display:block !important;
	}
}

@media screen and (min-width: 80em) {
	.voices-img__section .profile-pic img {
		width: 240px;
		height: auto;
	}
	.auth_title {
		font-size: 50px;
	}
	.meet-cta {
		margin-top: 38px;
	}
	.voices-inner__section:nth-child(2n) .auth-instagram {
		margin-left: 10px;
	}
	.hero-banner {
		height: 530px;
		margin-bottom: 0;
	}
	.voice-content__section {
		padding: 0 110px;
	}
	.self-care__img-blk img {
		width: 250px;
	}
	.community-section .community-page__title {
		margin-top: 151px;
	}
	.partners-main__section .logo {			
		width: 360px;
	}
	.cause-bottom__section {
		padding: 0 110px;
	}
	.selfcare-details__section .community-desc {
		width: 40%;
	    	padding: 0;
	}
	.commitment-content__blk p {
		margin: 10px 15px 0 30px;
		font-size: 32px;
		line-height: 36px;
    }
    /*community detail page */
	.community-user li {
		width: 560px;
		height: 560px;
	}
	.community-user li:not(:first-child) {
	  margin: 0 0 17px 19px;
	  width: 272px;
	  height: 272px;
	}
	.community-inner__blk {
		width: 1200px;
	}
	.community-blk {
		width: 285px;
	}
    .self-care__img-blk p {
        width: 220px;
    }
}

@media screen and (min-width: 1440px) {
	.cause-second__section {
		padding: 0 60px;
	}
	.hero-banner {
		height: 540px;
		margin: 0;
		overflow: hidden;
	}
	.commitment-content__blk p {
		font-size: 32px;
		line-height: 36px;
		letter-spacing: 0.2px;
	}
	.self-care__img-blk img {
		width: 300px;
		height: 500px;
	}
	.voices-img__section .profile-pic img {
		width: 275px;
		height: 310px;
	}
	.cause-fourth__section {
		padding: 0 63px;
	}
	.cause-fifth__section {
		padding: 0 60px;
	}
	.partners-main__section .logo {
		width: 430px;
		margin: 45px 0 30px;
	}
	.partners-main__section.partner-section-mid .logo {
		margin: 45px 0 30px;
	}
	.voices-img__section {
		width: 63%;
		text-align: left;
	}
	.voices-inner__section:nth-child(2n) .voices-img__section {
		text-align: left;
	}
	.auth_title {
		font-size: 50px;
		line-height: 50px;
	}
	.voices-content__section {
		left: 0;
	}
	.meet-cta {
		margin: 38px 0 15px;		
	}
	.voices-inner__section:nth-child(2n) .auth-instagram {
		margin-left: 10px;
	}
	.community-blk img {
		width: 315px;
		height: 315px;
	}
	.cause-bottom__section {
		padding: 0 170px;
	}
	.thumbnail-img__blk img {
		width: 204px;
		height: 306px;
	}
	.cause-bottom__section .heading {
		width: 32%;
	}
	.community-section .btn-secondary {
		margin-bottom: 104px;
	}
	.voice-content__section {
		display: flex;
		padding: 0 171px;
	}
	.selfcare-details__section {
		padding: 0 171px;	
	}
	.selfcare-img__blk {
		width: 539px;
		height: auto;
		float: left;
	}
	.selfcare-img__blk img {
		width: 539px;
		height: 808px;
	}
	.commitment-content__blk:nth-child(2) .green-shadow-rev {
		box-shadow: -10px 10px 0 #23a497;
	}
	.commitment-content__blk:nth-child(2) .purple-shadow-rev {
		box-shadow: -10px 10px 0 #f32d66;
	}
	.commitment-content__blk:nth-child(2) .orange-shadow-rev {
		box-shadow: -10px 10px 0 #ff4811;
	}
	.selfcare-content__blk {
		height: 808px;
		width: 46%;
	}
	.community-section .community-page__title {
		margin-top: 151px;
	}
	.self-care__img-blk p {
		font-size: 40px;
        width: 260px;
	}
	.cause-fourth__section p.title-description {
		font-size: 22px;
	}
	.voices-inner__section {
		width: 31.5%;
		margin: 0 32px 0 0;
	}
	.voice-details__section .text-link {
		margin-bottom: 90px;
	}
	.commitment-content__blk:nth-child(2) {
		padding-right: 0;
	}
	.selfcare-details__section .community-desc {
		width: 35%;
    }
    .cause-fifth__section {
        padding: 0 63px;
    }
    .cause-seventh__section {
        background: transparent;
        padding: 160px 63px 0;
        position: relative;
    }
    /*community detail page */
	.cause-seventh__section {
		padding: 160px 60px 0;
	}
	.community-user li {
		width: 650px;
		height: 650px;
	}
	.community-user li:not(:first-child) {
	  margin: 0 0 20px 19px;
	  width: 315px;
	  height: 315px;
	}
	.community-inner__blk {
		width: 1320px;
	}
	.community-blk {
		width: 315px;
	}
}

/* Category and sub category */

.shop-all-category .filter-menu {
    width: 100vw;
}
.shop-all-category .banner__title,.shop-all-sub-category .banner__title {
	color: #fff;
}
.shop-all-category .filter-menu__item {
    width: 50%;
}
.shop-all-category .filter-menu__item:first-child {
    justify-content: center;
}
.shop-all-category .filter-menu__item:nth-last-child(2) {
    border-right: none;
}
.shop-all-category .filter-menu__item:nth-last-child(2) .dropdow-menu li {
    width: 50%;
    float: left;
}
.shop-all-category .filter-menu__item:nth-last-child(2) .filter-submenu,.shop-all-sub-category .filter-menu__item:nth-last-child(2) .filter-submenu {
    width: 100%;
    padding: 17px 15px 30px;
	height: auto;
}

.shop-all-category .filter-menu__item:nth-last-child(2) .filter__container,.shop-all-sub-category .filter-menu__item:nth-last-child(2) .filter__container {
    height: 330px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 40px;
    padding-right: 10px
}
/* .shop-all-category .shop-all__item:nth-child(14n + 3)  {
	width: 100%;
}
.shop-all-category .shop-all__item:nth-child(14n + 8) {
	width: 100%;
} */
.shop-all__item.article {
    width: 100%;
	margin: 0 0 20px 0;
}
.shop-all__item.article p, .shop-all__item.article h3 {
    display: none;
}
.shop-all__item.article .shop-all__thumbnail {
	height: auto;
}
.filter-menu__item:nth-last-child(2) .filter-btn {
    text-transform: capitalize;
    font-family: "Neue Helvetica W01_59 Comp";
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.88px;
    padding-top: 2px;
}
.shop-all__item.article .product-container {
    height: auto;
    position: relative;
}
.shop-all__item.article .article-link{
    position: absolute;
    bottom: 1px;
    left: 10px;
    text-decoration: none;
    font-family: "Neue Helvetica W01_79 C1289709";
    font-weight: 500;
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: 0.45px;
    margin: 0;
}
.shop-all__item.article .article-link small{
    background: url(../img/common/right-arrow.svg) no-repeat right;
    background-size: 100%;
    display: inline-block;
    width: 13px;
    height: 12px;
    margin-left: 7px;
}
.shop-all-sub-category .filter-menu__item {
    width: 100%;
    justify-content: center;
    border-right: none;

}
.shop-all-sub-category .filter-menu__item.sub-filter-menu {
    border-bottom: 2px solid #000;
}
.shop-all-sub-category .filter-menu__item .dropdow-menu li {
    width: 50%;
    float: left;
}
.shop-all-sub-category .article .product-container,.shop-all-category .article .product-container {
	transform: scale(1);
}
.intro-text {
	font-family: "Helvetica Neue LT W05_55 Roman";
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    color: #000000;
    margin: 0 -15px;
	padding: 30px 15px;
    border-bottom: 2px solid #000;
}
.shop-all__title {
	margin: 8px 0 0;
}
.new-product-packshot .product-container{
	transform: scale(1);
}
@media (max-width: 374px) and (min-width: 0) {
   .shop-all__item.article {
        width: 100% !important;
        margin: 0 15px 20px 0 !important;
    }
}
@media (max-width: 767px) {
	.shop-all-category .shop-all,.shop-all-sub-category .shop-all {
		margin-right: -15px;
		width: auto;
	}
	.shop-all-category .shop-all__item:nth-of-type(2n+2),.shop-all-sub-category .shop-all__item:nth-of-type(2n+2) {
		margin-right: 15px;
	}
	.shop-all-sub-category .shop-all__item.article,.shop-all-category .shop-all__item.article {
		width: 100%;
		margin: 0 15px 20px 0;
	}
	.shop-all-category .filter-submenu,.shop-all-sub-category .filter-submenu {
		    padding: 0 23px 15px 31px;
	}
	.shop-all-category .filter-menu__item:nth-last-child(2) .filter-submenu, .shop-all-sub-category .filter-menu__item:nth-last-child(2) .filter-submenu {   
		padding: 10px 15px 30px;
	}
	.shop-all-sub-category .filter-menu__item:nth-last-child(2) .filter-submenu .dropdow-menu {
		padding-left: 15px;
	}
}
@media screen and (min-width: 47.5em) {
    .banner {
        width: 100%;
    }
    .banner__title {
        left:28px;
    }
	.banner__image{
        height: auto;
    }
	.filter-menu {
		   margin-left: 0;
	}
    .shop-all {
       padding: 0;
       margin-right: -33px;
	   margin-top: -7px;
    }
    .shop-all-category .filter-menu__item,.shop-all-sub-category .filter-menu__item {
        width: auto;
        margin-right: 30px;
    }   

    .shop-all__item {
        width: 170px;
    }
    .product-container{
        height: 255px;
    }
	.shop-all__item.article .shop-all__thumbnail {
        height: 255px;
    }
    /* .shop-all-category .shop-all__item:nth-child(14n + 3)  {
        width: 349px;
    }
    .shop-all-category .shop-all__item:nth-child(14n + 8) {
        width: 349px;
    } */
    .shop-all__item.article {
        width: 349px;
        margin-right: 10px;
    }
	.shop-all-category .filter-menu,.shop-all-sub-category .filter-menu {
		width: auto;
	}
    .shop-all-category .filter-menu__item:nth-last-child(2) .filter-submenu, .shop-all-sub-category .filter-menu__item:nth-last-child(2) .filter-submenu  {
        width: 580px;
        padding: 17px 10px 30px;
    }  

    .shop-all-category .filter-menu__item:nth-last-child(2) .dropdow-menu , .shop-all-sub-category .filter-menu__item:nth-last-child(2) .dropdow-menu {
        display: table;
        content: '';
        clear: both;
        width: 100%;
        margin: 0;
    }
	.shop-all__item.article .article-link {
		font-size:30px;
		letter-spacing: 0.75px;
		    bottom: 10px;
		left: 20px;
	}
	.shop-all__item.article .article-link small {
		width: 19px;
		height: 18px;
	}
	.shop-all-category .filter-menu__item:nth-last-child(2) .filter-submenu, .shop-all-sub-category .filter-menu__item:nth-last-child(2) .filter-submenu {
		width: 360px;
		padding: 17px 10px 30px;
	}
	.shop-all-category .filter-menu__item:nth-last-child(2) .filter__container,.shop-all-sub-category .filter-menu__item:nth-last-child(2) .filter__container {
		height: 330px;		
		margin-bottom: 40px;
		padding-right: 10px;
		overflow-y:scroll;
		overflow-x: hidden;
	}
	.shop-all-category .filter-menu__item:nth-last-child(2) .filter-submenu .dropdow-menu,.shop-all-sub-category .filter-menu__item:nth-last-child(2) .filter-submenu .dropdow-menu {
		width: 100%;
	}
	.shop-all-category.filter-menu__item:nth-last-child(2) .dropdow-menu li, .shop-all-sub-category .filter-menu__item:nth-last-child(2) .dropdow-menu li {
		width: 50%;
    }
    .intro-text {
		width:529px;
		margin: 0 auto;
		padding: 32px 0 30px;
		border-bottom: none;
	}
}
@media (max-width: 767px){
	.filter-menu__item:nth-last-child(2) .filter-btns {
		flex-direction: row-reverse;
	}
}
@media (max-width: 1023px) and (min-width: 768px){
    #shopall_overlay {
        left: 0;
        width: 100%;
    }
}
@media screen and (min-width: 63.75em) {
    .shop-all__item {
        width: 206px;
        margin-right: 20px;
    }
    .banner__title {
        left:28px;
    }
    .product-container{
        height: 309px;
    }
	.shop-all__item.article .shop-all__thumbnail {
         height: 309px;
         width:100%;
	}
    .shop-all__item.article {
        width: 452px;
        margin-right: 20px;
    }
	.shop-all-category .filter-menu__item:nth-last-child(2) .filter-submenu, .shop-all-sub-category .filter-menu__item:nth-last-child(2) .filter-submenu {
		width: 580px;
	}		
	.shop-all-category.filter-menu__item:nth-last-child(2) .dropdow-menu li, .shop-all-sub-category .filter-menu__item:nth-last-child(2) .dropdow-menu li {
		width: 33.33%;
	}
	    .shop-all-category .filter-menu__item:nth-last-child(2) .dropdow-menu li,.shop-all-sub-category .filter-menu__item:nth-last-child(2) .dropdow-menu li {
        width: 33.33%;
    }
    .intro-text {
		width:800px;
		margin: 0 auto;
		padding: 40px 0;
	}
    .shop-all__title {
		margin: 9px 0 0;
	}
}
@media screen and (min-width: 80em) {
	.shop-all {
        padding: 0;
        margin-right: -20px;
		margin-top:37px;
    }
    .banner__title {
        left:70px;
    }
    .shop-all__item {
        width: 285px;
        margin-right: 20px;
    }
    .product-container, .shop-all-category .product-container, .shop-all-sub-category .product-container {
        height: 438px;
    }
	.shop-all__item.article .shop-all__thumbnail {
		 height: 438px;
	}
    .shop-all__item.article{
        width: 589px;
        margin-right: 20px;
    }
	.shop-all__item.article .article-link small {
		width: 20px;
		height: 18px;
		margin-left: 11px;
	}
	.shop-all-category .filter-menu__item:nth-last-child(2) .filter-submenu, .shop-all-sub-category .filter-menu__item:nth-last-child(2) .filter-submenu {
		height: auto;
		width: 625px;
		padding: 18px 0 20px 30px;
	}		
	.shop-all-category.filter-menu__item:nth-last-child(2) .dropdow-menu li, .shop-all-sub-category .filter-menu__item:nth-last-child(2) .dropdow-menu li {
		width: 25%;
    }
    .intro-text {
		width:873px;
	}
}
@media screen and (min-width: 81em) {
    
    .shop-all__item {
        width: 315px;
        margin-right: 20px;
    }
    .product-container, .shop-all-category .product-container,.shop-all-sub-category .product-container {
        height: 473px;
    }
	.shop-all__item.article .shop-all__thumbnail {
		 height: 473px;
	}
   .shop-all__item.article{
        width: 645px;
    }
}
@media (max-width: 1023px) and (min-width: 768px) {
	.brow-tool-landing .landing, .brow-tool-landing .brow_section, .brow-tool-landing .brow_bgimg {
		height: 100vh;
	}
	.brow-tool-landing .brow-tool__container {
		 height: 100vh;
	}
	.brow-tool-landing .browtool__popup .close_btn {
		top: 20px;
	}
	.brow-tool-landing .browtool__popup {
		top: 0;
	}
}
@media (max-width: 1279px) and (min-width: 1024px) {
	.brow-tool-landing .landing, .brow-tool-landing .brow_section, .brow-tool-landing .brow_bgimg {
		height: 100vh;
	}
	.brow-tool-landing .brow-tool__container {
		 height: 100vh;
	}
	.brow-tool-landing .browtool__popup .close_btn {
		top: 20px;
	}
	.brow-tool-landing .browtool__popup {
		top: 0;
	}
}
.mb-qrcode-img {
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
}

/*** Tips and Trends ***/
.pagetop_header {
    font-family: "Helvetica Neue LT W01_75 Bold";
    line-height: 1;
    letter-spacing: 0.36px;
    font-weight: bold;
    font-size: 10px;
    margin: 0;
    text-align: center;
    padding: 8px 0;
    border-bottom: 1px solid #000;
    color: #000;
}
.tips-nav-container {
	border-bottom:1px solid #000;
	text-align:center;
	overflow-x: auto;
    white-space: nowrap;
	padding:0 15px;
}
.tips-nav {
    display: inline-flex;
    align-items: center;
    height: 62px;
}
.tips-nav_item:not(:last-child){
    margin-right:40px;
}
.tips-nav_link {
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.8px;   
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
}
.tips-nav_link:hover, .tips-nav_link.active {
    border-bottom:1px solid #000;
}
.tips-bg {
    padding: 40px 0 35px;
}
.black-bg {
    background: #000000;   
}
.tips-btn {
    font-family: 'Helvetica Neue LT W05_55 Roman';
    font-size: 10px;
    line-height: 1.8;
    letter-spacing: 1px;
    height: 20px;
    border:1px solid #000;
    margin:0 5px 5px 0;
    text-decoration:none;
    color: #000;
    display: inline-block;
    padding: 0 12px;
}
.article-item {
    color: #000;
    text-transform: uppercase;
}
.article-item div {
    position: relative;
    margin-bottom: 10px;
}
.article-item a{
    text-decoration: none;
    color:inherit;
}
.article-thumbnail {
    max-width: 100%;   
    display: block;
}
.article-title {
    font-family: 'Helvetica Neue LT W01_75 Bold';
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.5px;
    font-weight: bold;
    margin:0 0 10px;
}
.article-header {
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 32px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.2px;
    color: #000000;
    margin:0 0 10px;
}
.tips-badge {
    width: 60px;
    height: 60px;
    background: #fff;
    border:2px solid #000;
    border-radius: 50%;
    color: #000;   
    position: absolute;
    top:10px;
    right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tips-badge small {
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.39px;
    text-transform: uppercase;
    display: inline-block;
    transform: rotate(-45deg);
    width: 85%;
    text-align: center;
}


.hero-carousel {
    margin: 0 0 40px;
	position: relative;
	height:525px;
}
.hero-carousel .item {
    position: relative;
    color: #fff;
    height: 525px;
}
.hero-carousel .item::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 370px;
    opacity: 0.65;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
}
.hero-carousel__item img {
    max-width: 100%;;
}
.hero-carousel__content {
    position: absolute;
    left:16px;
    bottom: 33px;
    z-index: 1;
	color: #fff;	
}
.hero-carousel__content h4{
    font-family: 'Helvetica Neue LT W01_75 Bold';
    font-size: 14px;
    line-height: 0.71;
    letter-spacing: 0.5px;
    font-weight: bold;
    margin:0 0 10px;    
	text-transform:uppercase;
}
.hero-carousel__content h2{
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 48px;
    font-weight: bold;
    line-height: 0.92;
    letter-spacing: 0.3px;    
    margin:0 0 10px;    
    width: 255px;
	text-transform:uppercase;
}
.hero-carousel__content p {
    font-family: 'Helvetica Neue LT W05_55 Roman';
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: normal;
    width: 265px;
    margin: 0;
}
.hero-carousel__content span{
	cursor: pointer;
}
.hero-carousel__btn {
    font-family: 'Neue Helvetica W01_79 C1289709';    
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    letter-spacing: 1px;
    padding-right: 29px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    margin: 23px 0 0 ;
    display:none;
}
.hero-carousel__btn:after {
    background: url(../img/Common/white-arrow.png) no-repeat ;
    background-size: 100%;
    content: '';
    position: absolute;
    width: 20px;
    height: 18px;
    right: 0;
    top: 3px;
}
.hero-carousel .progress-container {
    position: absolute;
    bottom: 10px;
    width: 100%;
    padding: 0 9px 0 15px;
	margin: 0 auto;
}

.hero-carousel .progress-container div {
    display: inline-block;
    padding: 0;
    cursor: pointer;
    float: left;
    color: white;
}

.hero-carousel .progress-container div:last-child {
    margin-right: 0;
}

.hero-carousel .progress-container div span.progress-bar {
    width:calc(100% - 6px);
    height: 3px;
    background-color: rgba(255, 255, 255, 0.4);
    display: inline-block;
    overflow: hidden;
}

.hero-carousel .progress-container div span.progress-bar .inProgress {
    background-color: rgba(255, 255, 255, 1);
    width: 0%;
    height: 3px;
    transition: unset;
    max-width: 100%;
}
.hero-carousel .progress-container {
	width: 100%;
}
.hero-carousel .slick-prev, .hero-carousel .slick-next {
	position: absolute;	
    width: 24px;
    height: 24px;
	top: 50%;
    transform: translateY(-50%);
	color: transparent;
	border:none;
	z-index:1;
	display: none !important;
}
.hp-carousel .slick-arrow {
    display: none !important;
}
.hero-carousel .slick-prev {
    background: url(../img/Common/slider-left.png) no-repeat ;   
	left: 30px;
	background-size: 100%;
}
.hero-carousel .slick-next {
    background: url(../img/Common/slider-right.png) no-repeat ;
	right: 30px;
	background-size: 100%;
}

.hp-carousel.setplaceholder {
	background:url('/~/media/MNY/Global/Placeholder_375x562.jpg') no-repeat;
    background-size: 100% 100%;
    min-height: calc(100vh - 60px) !important;
}
@media screen and (min-width: 47.5em) {
    .hp-carousel.setplaceholder {
		background:url('/~/media/MNY/Global/Placeholder_1440x540') no-repeat;
		background-size: 100% 306px;
        min-height: 306px !important;
    }
}
@media screen and (min-width: 1024px) {
    .hp-carousel.setplaceholder {
        min-height: 402px !important;
		background-size: 100%  402px;
    }
}
@media screen and (min-width: 80em) {
    .hp-carousel.setplaceholder {
        min-height: 498px!important;
		background-size: 100%  498px;
    }
}
@media screen and (min-width: 81em) {
    .hp-carousel.setplaceholder {
        min-height: 558px !important;
		background-size: 100%  558px;
    }
}
@media screen and (min-width: 1500px) {
	 .hp-carousel.setplaceholder {
        min-height: 740px !important;
		background-size: 100%  740px;
    }
}
.hp-carousel.setplaceholder.placeholderset {
	background:none !important;
}
@media screen and (min-width: 700px) and (max-width:765px){
    .hp-carousel.setplaceholder {
        background:url('/~/media/MNY/Global/Placeholder_1440x540') no-repeat;
        background-size: 100% 270px;
        min-height: 227px !important;
		height:270px
    }
    .hp-carousel .product-image, .hp-carousel .product-text, .hp-carousel .heart-container {
        bottom: 12%;       
    }
	.hp-carousel .product-image {
		 width: 18%;
	}
    .hp-carousel .product-text {
		bottom: 12%;             
        margin-left: 125px;
    }
	.hp-carousel .carousel-product-title {
		height:36px;
	}
	.hp-carousel .item video, .hp-carousel .item iframe, .hp-carousel .item .slide-image img {
		height:270px
	}
}

.tips-3up-title {
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 0.2px;   
    line-height: 1;
    text-transform: uppercase;    
    color: #000;
    margin: 2px 0 19px;
    text-align:center;
}

.tips-article_3  {
	padding-bottom: 26px;
}
.tips-article_3 .article-item .article-thumbnail {
  min-height: 518px;
}
.tips-article_3 .product-info__dots {
	position: absolute;
    z-index: 9;
    bottom: 0;
    width: 100%; 
    left: 0;
	height: 30px;
	text-align: center;
}
.tips-article_3 .product-info__dots li {
	border: none;
}
.tips-article_3 .product-info__dots li.slick-active {
	background:transparent;
}
.tips-article_3 .product-info__dots li {
	width: 20px;
	height: 30px;
	padding: 10px 5px;
	background: transparent;
	margin: 0;
}
.tips-article_3 .product-info__dots li:before {
	width: 10px;
	height: 10px;
	background: #ccc;
	content:'';
	display:block;
	border-radius: 50%;
}
.tips-article_3 .product-info__dots li.slick-active:before {
	background:#000;
}
.tips-article_3 .product-info__dots li button {
	display: none;
}

/* 4 Articles */

.tips-article_4_title {
	font-family: "Helvetica Neue LT W01_75 Bold";
	font-size:32px;
	font-weight: normal;
	line-height: 1;
	letter-spacing: 0.2px;
	text-align: center;
    margin: 0 0 25px;
    color: #000;
}
.black-bg .tips-article_4_title {
    color: #fff;
}
.tips-article_4 .article-item:not(:last-child) {
    margin:0 0 40px;
}
.tips-article_4 .article-thumbnail {
    max-width: 100%;   
    display: block;
}
.play-button {
    background: url('../img/Common/play-button.png');
    display: inline-block;
    background-size: 100%;
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: 10px;
    cursor: pointer;
    right: 10px;
}
.tips-article_4  .play-button {
    width: 30px;
    height: 30px;
}
.tips-title {
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 40px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 0.95;
    margin:0 0 10px;
}
.black-bg .tips-btn,.black-bg a.tips-btn {
    border-color: #fff;
    color: #fff;
}
.black-bg .article-title, .black-bg .article-header, .black-bg .tips-title,.black-bg .article-5-container .white_btn {
    color: #fff;
}
/* 5 Articles */
.article-5-container .white_btn {
    position: relative;
	font-family: "Neue Helvetica W01_79 C1289709";
    display: inline-block;
	color:#000;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.33;
	letter-spacing: 1.5px;
	height:auto;
	padding-bottom:20px;
}
.article-5-container .white_btn::after {
    float: right;
    background: #000 url(../img/white_arrow.png) no-repeat center;
    height: 24px;
    background-size: 14px 13px;
    width: 24px;
    margin: -2px 0 0 10px;
    content: "";
    border-radius: 50%;
}
.black-bg .article-5-container .white_btn::after {
     background: #fff url(../img/black_arrow.png) no-repeat center;
     height: 24px;
     background-size: 14px 13px;
     width: 24px;
     margin: -2px 0 0 10px;
     content: "";
     border-radius: 50%;
}
.tips-title {
    font-family: 'Helvetica Neue LT W01_75 Bold';
    font-size: 40px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 0.95;
    margin:0 0 10px;
    width: 250px;
}
.tips-article_5 .article-item {
    color: #000;
    text-transform: uppercase;
    display: flex;
    flex-direction: row;
    margin: 0 0 25px;
}
.tips-article_5 .article-item:last-child {
    margin: 0 0 0px;
}
.tips-article_5 .article-item:last-child div:first-child, .tips-article_5 .article-item:last-child div:last-child {
    margin-bottom: 0;
}
.tips-article_5 .article-item div:first-child {
    margin:0 18px 5px 0;
    height: 100px;
	 width: 100px;
}
.tips-article_5 .article-item div:last-child {
    margin-bottom: 0px;
	width:65%;
}
.tips-article_5 .article-thumbnail {
    width: 100px;
    height: 100px;    
}
.tips-article_5 .article-title {
    font-family: 'Helvetica Neue LT W01_75 Bold';
    font-size: 14px;
    line-height: 1;
  letter-spacing: 0.5px;
    font-weight: bold;
    margin:0 0 10px;
}
.tips-article_5 .article-header {
    font-size: 18px;
    line-height: 1.11;
    letter-spacing: 0.5px;
}
.tips-tags-section {
    padding:28px 0 46px;
}
.tips-tags-section h2 {
    font-family: 'Helvetica Neue LT W01_75 Bold';
    font-size: 40px;
    line-height: 0.95;
    color: #000;
    margin:0 0 26px;
}
.tips-tag {
    display: inline-block;
    margin: 0 20px 20px 0;
    height: 40px;
    border-radius: 20px;
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 18px;
    font-weight: bold;
    line-height: 1.11;
    letter-spacing: 0.5px;
    text-align: center;
    color: #000000;
    background: #fff;
    cursor: pointer;
    border: 2px solid #000;
    text-transform: uppercase;
    padding: 0 20px;
}
.tips-tag.tag_selected {
    color: #fff;
    background-color: #fb2460;
    border: 2px solid #fb2460;
}
.tips-tags-section #articleTagList{
	display:none;
}
.tips-tags-section .btn-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tips-tags-section .see-more {
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 18px;
    font-weight: bold;
    line-height: 1.11;
    letter-spacing: 0.5px;
    text-align: center;
    color: #fff;
    background: #000;
    height: 44px;
    width: 100%;
    padding: 12px 0;
    text-transform: uppercase;
    text-decoration: none;
    display:none; 
    margin-top: 36px;
}
.tags-clear-all {
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 18px;
    font-weight: bold;
    line-height: 1.11;
    letter-spacing: 0.5px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    display:inline-block;
    margin:19px 0 48px;
	display:none
}
.tags-clear-all  .close {
    position: relative;
    right: 0px;
    width: 11px;
    height: 11px;
    display: inline-block;
    padding: 0;
    margin: 0px 0 0 4px;
  }
  .tags-clear-all  .close:before, .tags-clear-all  .close:after {
    position: absolute;
    left: auto;
    content: ' ';
    height: 11px;
    width: 2px;
    background-color: #000;
  }
  .tags-clear-all .close:before {
    transform: rotate(45deg);
  }
  .tags-clear-all .close:after {
    transform: rotate(-45deg);
  }
  
  .black-bg.tips-tags-section h2, .black-bg .tags-clear-all {
    color: #fff;
}
.black-bg.tips-tags-section .see-more, .black-bg .tags-clear-all .close:before, .black-bg .tags-clear-all .close:after {
  background:#fff;
  color:#000;
}
.article-tag_name {
  font-family: 'Helvetica Neue LT W01_75 Bold';
  font-size: 30px;
  font-weight: bold;
  text-transform:uppercase;
  color: #000;
  margin:47px  0 30px 15px;
}
.mnyloader {
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  display: flex;
  width: 100%;
  background: rgba(0,0,0,0.8);
  text-align: center;
  bottom: 0;
  z-index: 1;
  display:none;
}
#articleTagList {
  margin: 94px 0 36;
}
#articleTagList .no-result,.article-tag-result .no-result{
  display: block;
  margin: 40px auto;
  font-family: 'Helvetica Neue LT W01_75 Bold';
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
}
.black-bg #articleTagList .no-result {
  color:#fff;
}
.mnyloader img {
  width:100px;
  height:100px;
}
.tips-tag-line {
    height: 2px;
    background: #fff;
    margin:0;
}
.article-banner {
    margin: 0 -15px 10px;
    position: relative;
}
.article-banner__image {
    max-width: 100%;
    display: block;
}
.article-banner_info {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
}
.article-banner h1 {
    font-family: 'Helvetica Neue LT W01_75 Bold';
    font-size: 30px;
    text-transform: uppercase;
    margin: 0;
    color: #fff;
    line-height: normal;
    letter-spacing: normal;
}
.article-banner h1 b {
    color: #000;
}
.article-banner + p{
    font-family: 'Helvetica Neue LT W05_55 Roman';
    font-size: 12px;
    margin: 0 auto;
    line-height: 1.33;
    color: #000;
    padding: 0;
    border: none;
    padding: 20px 0 10px;
}
.article-filter {
    padding:20px 0 10px;
    text-align: center;
}
.article-filter h2 {
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 32px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.2px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    margin: 0 0 20px;
}
.article-filter .tips-tag {
    border: 2px solid #000;
    margin:0 10px 20px 0;
}
.article-filter .tips-tag a {
    color: #000;
    text-decoration: none;
}
.article-filter .tips-tag.tag_selected a{
    color:#fff;
}
.article-filter .tips-tag.tag_selected {
    border: 2px solid #fff;
}
.pagination {
    display: flex;
    justify-content:center;
    margin:40px 0 80px;
}
.pagination .page-btn {
    font-family: 'Helvetica Neue LT W05_55 Roman';
    font-size: 12px;
    margin: 0;
    line-height: 1.5;
    border:none;
    background:transparent;
    text-transform: uppercase;
    cursor: pointer;
    padding:0;
}
.pagination .pages{
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 32px;
    font-weight: bold;
    line-height: 1.38;
    letter-spacing: 0.2px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 56px 0 36px;
}
.pagination .pages small {
    font-size: 32px;
}
@media (max-width: 374px) and (min-width: 0) {
    .hero-carousel, .hero-carousel .item {
        height: 504px;        
    }
	.tips-article_5 .article-item div:last-child {
		width: 64%;
	}
}
@media screen and (min-width: 414px) {
    .hero-carousel, .hero-carousel .item {
        height: 580px;        
    }
	
}
@media screen and (min-width: 47.5em) {       
    .tips-nav {
        height: 61px;
    }
    .tips-nav_item:not(:last-child) {
        margin-right: 70px;
    }
    .tips-title {
        font-size: 28px;
        line-height: 1;
        letter-spacing: 0.18px;
        margin: 0 0 40px;
    }
    .play-button {
		width:30px;
		height:30px;
	}
    .hero-carousel {
        margin: 0 0 20px;        
    }
    .hero-carousel__content {
        left:89px;
        bottom: auto;
        z-index: 1;
        transform: translateY(-50%);
        top: 50%;
    }
    .hero-carousel__content h4 {
        margin: 0 0 6px;
    }
    .hero-carousel__content h2 {
        font-size: 40px;
        line-height: 0.9;
        letter-spacing: 0.25px;
        margin: 0 0 6px;
        width: 215px;   
    }
    .hero-carousel__content p {
        font-size: 12px;
        line-height: 1.33;
        width: 210px;
    }
    .hero-carousel, .hero-carousel .item {
        height: 288px;
        overflow: hidden;
    }
    .hero-carousel .progress-container {
		bottom: 10px;
		padding: 0 16px 0 30px;
	}
    .hero-carousel .progress-container div span.progress-bar {
		width:calc(100% - 10px);
    }  
	.hero-carousel .slick-prev, .hero-carousel .slick-next {
		display:inline-block !important;
    }
    .hero-carousel .item::after {
        content:none;
        background-image: transparent;
    }
    .tips-3up-title {
        font-size: 28px;
        line-height: 1.57;
        letter-spacing: 0.18px;
        margin: 3px 0 19px;
    }
    .tips-article_3 {
        display: flex;
		padding-bottom: 0;
    }
    .tips-article_3 .article-item {        
        float: left;
        width:182px;
        padding-top: 36px;
    }
    .tips-article_3 .article-item .article-thumbnail {       
       height: auto;
        min-height: auto;
    }
    .tips-article_3 .article-item:nth-child(2)  {       
        width: 230px;
        padding-top: 0px;
    }
   
    .tips-article_3 .article-item:not(:last-child) {
        margin-right: 57px;
    }
    /* 4 Articles */
    .tips-article_4 {
        display: table;
        margin: auto;
        width: 590px;
    }
    .tips-article_4 .article-item {
        float: left;
        width: 290px;
    }  
    .tips-article_4 .article-item:not(:last-child) {
        margin: 0 10px 40px 0;
    }
    .tips-article_4 .article-item:last-child {
        margin: 0 10px 40px 0;
    }
    .tips-article_4 .article-item:nth-child(2n+2) {
        margin-right: 0;
    }  
    .article-header {
        font-size: 24px;
        line-height: 1;
        letter-spacing: 0.15px;
    }
    .tips-article_4 .article-thumbnail {
        width: 290px;
        height: 290px;
    }
    /* 5 Articles */
    .article-5-container {
        width: 590px;
        margin:0 auto;
        position: relative;
    }
    .article-5-container .white_btn {
        position: absolute;
        top: 6px;
        padding-bottom: 0;
    }
    .tips-article_5 {
        display: flex;
    }
    .tips-article_5 .article-item {
        flex-direction: column;
        width: 110px;
        margin:0 10px 0 0;
    }
    .tips-article_5 .article-item:last-child {
        margin-right: 0;
    }
    .tips-article_5 .article-item div:first-child {
        width: 110px;
        height: 110px;
        margin: 0 0 10px 0;
    }
    .tips-article_5 .article-item div:last-child {
        margin: 0;
		width:100%;
    }
    .tips-article_5 .article-thumbnail {
        width: 110px;
        height: 110px;
    }
    .tips-article_5 .article-item:last-child div:first-child {
        margin-bottom: 10px;
    }
    .tips-article_5 .tips-btn {
        min-width:50px;
        min-height: 20px;
        padding: 0 4px;
        text-align:center;
    }
    .tips-tags-section {
        padding:40px 0 48px;
    }
    .tips-tags-section h2 {
        margin: 0 0 41px;
        font-size: 28px;
        line-height: 1;
        letter-spacing: 0.18px;
        width: 234px;
    }
    .tips-tag-line {
        margin: 20px 0 0;
    }
    .tips-tags-section .see-more {
        width: 352px;
    }
    .article-search_content {
        margin: auto;
        width: 590px;
    }

    .article-banner {
        margin: 0 0 30px;
    }
    .article-banner_info {
        left: 28px;
    }
    .article-banner h1 {
        font-size: 28px;
    }
    .article-banner + p{
        display: block;
        padding:0;
    }
    .article-filter {
        padding:36px 0 20px;
    }
    .article-filter h2 {
        margin: 0 0 10px;
    }
    .pagination .page-btn {
        line-height: 1.13;
        font-size: 16px;
    }
    .pagination .pages {
        margin:0 60px;
    }
    .pagination  {
        margin:80px 0 60px;
    }
}   

@media screen and (min-width: 63.75em) {
    .tips-bg {
        padding: 50px 0 45px;
    }   
    .tips-title {
        font-size: 48px;
        line-height: 0.92;
        letter-spacing: 0.3px;
        width: 410px;
    }
    .tips-3up-title {
        font-size: 48px;
        line-height: 0.92;
        letter-spacing: 0.3px;
        margin: -13px 0 37px;
    }
    .tips-article_3 .article-title {
        letter-spacing: 1px;
    }
    .tips-article_3 .article-item:not(:last-child) {
        margin-right: 100px;
    }
    .tips-article_3 .article-item {
        width: 242px;
        padding-top: 48px;
    }
    .tips-article_3 .article-item:nth-child(2) {
        width: 306px;
        padding-top: 0px;
    } 
   
    .hero-carousel, .hero-carousel .item {
        height: 384px;        
    }
    .hero-carousel__content {
        left:171px;
    }
    .hero-carousel__content h4 {
        margin: 0 0 10px;
    }
    .hero-carousel__content h2 {
        font-size: 70px;
        line-height: 0.94;
        letter-spacing: 0.44px;
        margin: 0 0 10px;
        width: 375px;
    }
    .hero-carousel__content p {
        line-height: 1.5;
        width: 240px;
		font-size:16px;
    }
    .hero-carousel .progress-container {
        position: absolute;
        bottom: 20px;
        width: 100%;
        padding: 0 40px 0 60px;
    }
    .hero-carousel .progress-container div {
        display: inline-block;
        padding: 0;
        cursor: pointer;
        float: left;
        color: white;
    }
    
    .hero-carousel .progress-container div:last-child {
        margin-right: 0;
    }
    
    .hero-carousel .progress-container div span.progress-bar {
        width:calc(100% - 20px);
        height: 3px;
        background-color: rgba(255, 255, 255, 0.4);
        display: inline-block;
        overflow: hidden;
    }
    
    .hero-carousel .progress-container div span.progress-bar .inProgress {
        background-color: rgba(255, 255, 255, 1);
        width: 0%;
        height: 3px;
        transition: unset;
        max-width: 100%;
    }
	.hero-carousel .slick-prev, .hero-carousel .slick-next {
		width: 34px;
		height: 34px;
	}
	.hero-carousel .slick-prev {
		left: 43px;
	}	
	.hero-carousel .slick-next {
		right: 43px;
	}
    /* 4 Articles */
    .tips-article_4_title {
        font-size: 48px;
        line-height: 0.92;
        letter-spacing: 0.3px;
        margin: 0 0 55px;
	}
    .tips-article_4 {
        width: 100%;
        margin-right: -20px;
        margin: auto;
    }
    .tips-article_4 .article-item {
        width: 23.34%;
    }    
    .tips-article_4 .article-item:not(:last-child) {
        margin: 0 20px 0 0;
    }
    
    .tips-article_4 .article-item:nth-child(2n+2) {
        margin: 0 20px 0 0;
    }
    .tips-article_4 .article-item:last-child {
        margin: auto;
    }   
    .article-header {
        font-size: 32px;
        line-height: 1;
        letter-spacing: 0.2px;
    }
    .tips-article_4 .article-thumbnail {
        width: 211px;
        height: 211px;
    }
    /* 5 Articles */
    .article-5-container {
        width: 805px;
    }
    .article-5-container .white_btn {
        top: 2px;
        right: 14px;
        font-size:24px;    
        line-height: 1;
        letter-spacing: 1px;
        display: inline-flex;
        align-items: center;    
    }
	.article-5-container .white_btn::after, .black-bg .article-5-container .white_btn::after {
		width:34px;
		height:34px;
	}
    .tips-article_5 .article-item {
        width: 145px;
        margin:0 20px 0 0;
    }
    .tips-article_5 .article-item div:first-child {
        width: 145px;
        height: 145px;
        margin: 0 0 10px 0;
    }
    .tips-article_5 .article-thumbnail {
        width: 145px;
        height: 145px;
    }
    .tips-article_5 .tips-btn {
        padding: 0 12px;
    }
    .tips-tags-section {
        padding:49px 0 48px;
    }
    .tips-tags-section h2 {
        margin: 0 0 50px;
        font-size: 48px;
        line-height: 0.92;
        letter-spacing: 0.3px;
        width: 429px;
    }
    .article-search_content {
        width: 805px;
    }
    .tips-tag-line {
        margin: 30px 0 0;
    }
    .article-banner {
        margin: 0 0 40px;
    }
    .article-banner h1 {
        font-size:40px;
    }
    .article-banner + p{
        font-size: 16px;
        line-height: 1.5;
    }        
    .article-filter {
        padding:42px 0 20px;
    }
    .pagination  {
        margin:40px 0 100px;
    }
    .article-tag_name {		
		font-size: 40px;
		margin:67px  0 77px 70px;
	}
	
	#articleTagList .tips-article_4{
		margin:50px 0 31px;
		padding-top: 56px;
		border-top: 2px solid #000;
	}
	.black-bg #articleTagList .tips-article_4{
		border-top: 2px solid #fff;
	}
}

@media screen and (min-width: 80em) {

    .hero-carousel, .hero-carousel .item {
        height: 474px;        
    }
    .hero-carousel__btn{
        display:inline-block;
    }
    .tips-article_3 {
        width: 1095px;
        margin: auto;
    }
    .tips-article_3 .article-item {
        width: 316px;
        padding-top: 68px;
    }
    .tips-article_3 .article-item:nth-child(2) {
        width: 400px;
        padding-top: 0px;
    }
   /* 4 Articles */ 
    .tips-article_4 .article-item {
        width:23.75%;
    }
    .tips-article_5 .article-item {
        width: 204px;
    }
    .tips-article_5 .article-item div:first-child {
        width: 204px;
        height: 204px;
        margin: 0 0 10px 0;
    }
    .tips-article_5 .article-thumbnail {
        width: 204px;
        height: 204px;
    }

    .article-5-container {
        width: 1100px;
    }   
    .tips-article_4 .article-thumbnail {
        width: 285px;
        height: 285px;
    }
    .article-search_content {
        width: 1100px;
    }
}

@media screen and (min-width: 1440px) {
	.hero-carousel, .hero-carousel .item,.hero-carousel .hp-carousel-wrapper{
        height: 540px !important;        
    }
    .tips-bg  {
        width: 1440px !important;
        margin:0 auto;
    }
    .tips-nav-container {
        margin: 0 auto;
        padding: 0;
    }
    .tips-article_3 {
        width: 1232px;
    }
    .tips-article_4 .article-item {
        width:23.864%;
    }
    .tips-article_4 .article-thumbnail {
        width: 315px;
        height: 315px;
    }
}

.product-info__favorite {
    margin-right: 10px;
}
/*Game*/
.mny-game {
	z-index:2;	
}
.mny-game .module-stateful {
	margin: 0;
}
.mny-game .third-party-gallery {
    width: 100%;
    margin: 0 !important;
}
.mny-game .main{
	position:relative;
	min-height:700px;
	width: 100vw;
}
.mny-game .vertical_centered {
	position:relative;
}
.mny-game .main .leaderboard {
	margin-top: 30px;
}
.mny-game #mapMenu,.mny-game .mapBtn {
	position: absolute;
            transform: translateX(-50%);
	left:50% !important;
}
.mny-game .app {
	height:calc(100vh - 47px);
}
.mny-game .tutorial {
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (min-width: 1280px) {
	.mny-game .main,.mny-game .app{
		width: 98.5vw;
	}
}

/*** Listical ***/
.article-container {
    width: 100%;
    margin: 0 auto;
}
.article-container.full-width-image {
	width: auto;
	margin: 0 15px;
	padding: 0;
}	
.article-container .full-width-image__content {
	width: auto;
}
.module-title {
    font-family: 'Helvetica Neue LT W01_75 Bold';
    font-size: 14px;
    font-weight: bold;
    line-height:0.7;
    letter-spacing: 1px;
    text-align: center;
    color: #000000;
    text-transform: uppercase;
    margin: 20px 0 8px;
}
.article--title {
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 32px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.2px;
    color: #000000;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 10px;
}
.article-discription {
    font-family:"Helvetica Neue LT W05_55 Roman";
    font-size: 14px;
    font-weight: normal;
    line-height: 1.57;
    text-align: center;
    color: #000000;
    margin:  0 0 30px;
}
.article-container .article-banner {
    max-width: 100%;
    margin: 0 0 80px;
}
.article-details {
    margin: 0 -15px 40px;
}
.article-details li::after {
    display: table;
    content: '';
    clear: both;
}
.article-details li:not(:last-child){
    margin-bottom: 90px;
}
.article-image {
    position: relative;
    text-align: right;
    height: 400px;
}
.article-details li:nth-child(even) .article-image {
    text-align: left;
}
.article-image span {
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 100px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.7;
    letter-spacing: -2.67px;
    position: absolute;
    right: 260px;
    top: -36px;
    text-shadow: 6px 6px 0 #fff;
}
.article-details li:nth-child(even) span {
    left: 9px;
}
.article-image img {
    width: 300px;
    height: 400px;
}

.article-content {
    text-align: center;
    padding: 0 15px;
}
.article-content li {
    list-style: none;
}
.article-content .dynamic-headertag {
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.59px;
    color: #000000;
    text-transform: uppercase;
    margin: 30px auto 10px;
    width: 325px;
}
.article-content p {
    font-family:"Helvetica Neue LT W05_55 Roman";
    font-size: 14px;
    font-weight: normal;
    line-height: 1.57;
    text-align: center;
    color: #000000;
    margin: 0 auto;
    width: 300px
}
.ariticle-product-image {
    width: 226px;
    background: #fff;
    display: inline-block;
    position: relative;
    text-align: left;
    margin: 31px 0 0;
}
.ariticle-product-image img {
    max-width:100%;
	max-height:262px;
}
.ariticle-product-image .product-name {
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.41px;
    color: #000;
    text-transform: uppercase;
    margin: 6px 0 10px;
}
.ariticle-product-image .shop_btn {
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 18px;
    line-height: 1.33;
    letter-spacing: 1.5px;
    display: inline-block !important;
    height: 24px;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
}
.ariticle-product-image .product-name a {
	color: #000;
	text-decoration:none;
}
.ariticle-product-image .shop_btn::after {
    float: right;
    background: #000 url(../img/white_arrow.png) no-repeat center;
    height: 24px;
    background-size: 14px 13px;
    width: 24px;
    margin: 0 0 0 10px;
    content: "";
    border-radius: 50%;
}

.hotspot {
    position: absolute;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hotspot span {
    width: 12px;
    height: 12px;
    background: #fff;
    display: inline-block;
    border-radius: 50%;
}
.hotspot:hover span {
    width: 16px;
    height: 16px;
    background: #fff;
    display: inline-block;
    border-radius: 50%;
}

.related-tags {
    margin: 60px 0 0;
}
.related-tags h4 {
    font-family:"Helvetica Neue LT W01_75 Bold";
    font-size: 40px;
    font-weight: normal;
    line-height: 0.9;
    color: #000000;
    text-transform: uppercase;
    margin: 0 0 20px;
    width: 287px;
}
.related-tags .tips-tag {
    margin:  0 7px 20px 0;
}
 /* Get the look */
.tips-look {
    overflow: hidden;
    margin: 0 0 51px;
}
.tips-look .slick-track {
    display: flex;
}
.tips-look .look-title {
	 font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 40px;
    font-weight: normal;
    line-height: 0.9;
    color: #000000;
    text-transform: uppercase;
    margin: 0 0 20px;
    width: 287px;
 }
 .tips-look .get-this-look__list {
    display: flex;
	}

.tips-look .get-this-look__item{
    height: auto;
    width: 262px;
    padding: 0 0 44px;
}
.tips-look .get-this-look__item:not(:last-child) {
    margin-right: 20px;
}
.tips-look .look-name {
	width: 100%;
    margin: 0 0 8px;
    height: auto;
    padding: 0 0 70px;
}
.tips-look .shade-slider {
    width: 100%;
    position: absolute;
    height: 70px;
    left: 0;
    bottom: 44px;
}
.tips-look .look-name a{
    font-size: 22px;
    line-height: 1;
    letter-spacing: .5px;
    white-space: initial;
	text-transform: uppercase;
}
.tips-look .get-this-look__item .shade-title {
    font-size: 14px;
    line-height: 1.29;
    margin: 0 0 6px;
}
.tips-look .get-this-look__item .shade-list {
    height: 31px;
    margin: 0 0 15px 0;
    padding-left: 7px;
}
.tips-look .get-this-look__item .shade-list__item {
    width: 30px !important;
    height: 30px;
}
.tips-look .get-this-look__thumbnail img {
    width:262px;
    min-height: 262px;
}
.tips-look .get-this-look__thumbnail  {
	height: auto;
}
.tips-look .get-this-look__item .shade-list__item .shade-list__range {
    margin: 9.5px;
}
.tips-look .get-this-look__item .shade-list__item.selected-shade .shade-list__range {
    width: 20px !important;
    height: 20px;
	margin: 1px;
}
.tips-look .get-this-look__item .shade-list__item.selected-shade .multi-sdade {
    width: 20px !important;
    height: 20px;
}
.tips-look  .get-this-look__item .shade-list__item.selected-shade {
	padding:3px;
}
.tips-look .get-this-look__item .btn {
    width: 100%;
    bottom:0;
    line-height: 1.11;
    letter-spacing: 0.5px;
    font-size: 18px;
    font-weight: bold;
    padding: 13px 0;
}
.get_this_look_prev, .get_this_look_next {
    position: absolute;
}
.get_this_look_prev {
	background: #000 url(../img/white_arrow.png) no-repeat center;
    height: 34px;
    background-size: 20px 18px;
    width: 34px;
    content: "";
    border-radius: 50%;
    top: 124px;
    transform: rotate(180deg);
    z-index: 2;
	left: -17px;
}
.get_this_look_next {
	right: -17px;
	background: #000 url(../img/white_arrow.png) no-repeat center;
	height: 34px;
	background-size: 20px 18px;
	width: 34px;
	margin: 0 0 0 10px;
	content: "";
	border-radius: 50%;
	top: 124px;
}
.tips-look .get-this-look__item .shade-list {
    padding-right: 28%;
}
.tips-look .get-this-look__item .slick-prev {
   right: 55px;
}
.tips-look .product-info__favorite {
    margin-right:0;
}
.tips-look .get-this-look__item .fav_icon small {
    background: url(../img/common/heart_black_unselected.svg) no-repeat;
    background-size: 23px 20px;
    width: 23px;
    height: 20px;
}
.tips-look .get-this-look__item .fav_icon span:before {
	background: url('../img/common/heart_pink_unselected.svg') no-repeat;	
	background-size:18px 16px;
}
.tips-look .get-this-look__item .fav_icon small:hover {	
    background-size: 23px 20px;
    width: 23px;
    height: 20px;
}
.tips-look .get-this-look__item .fav_icon small:active:before ,.get-this-look__item .fav_icon small:active:after{
	background: url('../img/common/heart_pink_selected.svg') no-repeat;	
    background-size: 23px 20px;
	width:0;
	height:0;
}
.tips-look .get-this-look__item .fav_icon small:active,.tips-look .get-this-look__item .fav_icon span.active small {
	background: url('../img/common/heart_pink_selected.svg') no-repeat;	
    background-size: 23px 20px;
    width: 23px;
    height: 20px;
}
.tips-look .get-this-look__item form {
	float: none !important;
	margin-top: 0 !important;
	right: 0;
	top: 0;
	position: absolute;
	z-index: 2;
}
.tips-look .get-this-look__item .shade-list__item {
	margin:0;
}
.tips-look .get-this-look__item .slick-prev, .tips-look .get-this-look__item .slick-next {
	border:none;
	width:6px;
	height:10px;
	background-size:6px 10px;
	padding:10px;
	margin: 0;
	top:7px;
}	
.tips-look .get-this-look__item .slick-prev {
	background:url(../img/Common/article-look-arrow.png) no-repeat center;
	transform: rotate(180deg);
	right: 22px;
}
.tips-look .get-this-look__item .slick-next {
	background:url(../img/Common/article-look-arrow.png) no-repeat center;	
	transform: rotate(0deg);
	right: 1px;
}
.tips-look .get-this-look__item .slick-prev:before, .tips-look .get-this-look__item .slick-next:before {
	content:none;
}
.tips-look .get-this-look__item .slick-arrow.slick-disabled  {
	opacity:0.4;
}
.tips-look .get-this-look__item .shade-list {
	padding-right: 28%;
}
/*** LongForm ***/
.longform-banner {
    max-width: 100%;
    margin: 0 0 30px;
}
.longform {
    margin: 60px 0;
}
.longform-item:not(:last-child)   {
    margin:  0 0 60px;
}
.longform-item .dynamic-headertag {
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.59px;
    color: #000000;
    text-transform: uppercase;
    text-align: center;
    margin: 30px 0 20px;
}
.longform-item img {
    max-width: 100%;
}
.longform-item p {
    font-family: "Helvetica Neue LT W05_55 Roman";
    font-size: 14px;
    font-weight: normal;
    line-height: 1.57;
    text-align: center;
    color: #000000;
    margin: 0;
}
.article-product-container {
    position: relative;
}
.article-popup {
    background: rgba(0, 0, 0, .5);
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
}
.article-popup-close {
    position: absolute;
    background: url("../img/Common/close-small-white.svg") no-repeat;
    width: 15px;
    height: 15px;
    background-size: 100%;
    cursor: pointer;
    color: #fff;
    bottom: -38px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.article-popup .ariticle-product-image {
    width:238px;
    padding: 5px 5px 12px;
    margin: 0;
}
.article-popup .ariticle-product-image a {
    display:block
}
.article-popup .ariticle-product-image a img{
    margin: auto;
    display:flex;    
}
.article-content .fav_icon small, .article-popup .fav_icon small {
	background: url('../img/common/heart_black_unselected.svg') no-repeat;
	background-size: 23px 20px;
    width: 23px;
    height: 20px;
	display:inline-block;
	margin: 5px;
}
.article-content .fav_icon span:before, .article-popup .fav_icon span:before {
	background: url('../img/common/heart_pink_unselected.svg') no-repeat;
	background-size: 23px 20px;
	visibility:hidden;
	display:inline-block;
	color: transparent;
	font-size:0;
}
.article-content .fav_icon small:hover , .article-popup .fav_icon small:hover {
	background-size: 23px 20px;
	width: 23px;
    height: 20px;
	display:inline-block;
	color: transparent;
}
.article-content .fav_icon small:active:before ,.article-content.fav_icon small:active:after,.article-popup .fav_icon small:active:before ,.article-popup .fav_icon small:active:after {
	background: url('../img/common/heart_pink_selected.svg') no-repeat;	
	background-size: 23px 20px;
	width:0;
	height:0;
	visibility:hidden;
	color: transparent;
	font-size:0;
	content:'';
}
.article-content .fav_icon small:active, .article-content .fav_icon span.active small, .article-popup .fav_icon small:active, .article-popup .fav_icon span.active small {
	background: url('../img/common/heart_pink_selected.svg') no-repeat;	
	background-size: 23px 20px;
	width: 23px;
    height: 20px;
	color: transparent;
}
.article-content form , .article-popup form {
	top: 5px;
    float: none !important;
    margin-top: 0 !important;
    right: 5px;
    position: absolute;
    z-index: 2;
}
.longform-item .article-popup{
	bottom: 3px;
}

/*Article Carousel*/
.article-carousel  {
	margin: 0 0 40px;
}
.article-carousel li {
    display: flex;
    flex-wrap: wrap;
}
.article-carousel .carousel-image {
    position: relative;
}
.article-carousel .carousel-image img{
    max-width: 100%;
	min-height:262px;
}
.article-carousel .dynamic-headertag {
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.59px;
    color: #000000;
    text-transform: uppercase;
    margin: 10px 0;
    text-align: center;
}
.article-carousel p {
    font-family: "Helvetica Neue LT W05_55 Roman";
    font-size: 14px;
    font-weight: normal;
    line-height: 1.57;
    text-align: center;
    color: #000000;
    margin: 0;
}
.article-carousel .count {
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.16px;
    color: #000000;
    text-align: center;
	margin: 10px 0 0;
}
.article-vote .title {
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 40px;
    font-weight: normal;
    line-height: 0.9;
    color: #000000;
    text-transform: uppercase;
    margin: 0 0 20px;
    width: 287px;
}
.article-vote {
    padding: 0 15px;
    margin: 0 0 60px;
}
.article-vote_list::after {
    content: '';
    display: table;
    clear: both;
}
.article-vote_list li {
    margin: 0 0 50px ;
    width: 47.7%;
    float: left;
    position: relative;
}
.article-vote_list li:nth-child(odd) {
    margin-right: 15px;
}
.article-vote_list li img {
    max-width: 100%;
}
.article-vote_list li .vote {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-family: 'Neue Helvetica W01_79 C1289709';
    font-size: 18px;
    font-weight: bold;
    line-height: 1.11;
    letter-spacing: 0.5px;
    color: #000000;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    position: absolute;
    align-items: center;
    bottom: -26px;
    background: #fff;
    left: 50%;
    transform: translateX(-50%) rotate(-30deg);
    border: 2px solid #000;
}
.article-vote_list li .vote:hover {
	background: #FC2561;
	color:#fff;
	border: 2px solid #FC2561;
	cursor:pointer;
}
.article-vote_list li.win .vote {
	background: #000;
	color:#fff;
	border: 2px solid #000;
}
.article-vote_list li.lose .vote {
	background: #999;
	color:#fff;
	border: 2px solid #999;
}
.tips_concern_dots {
    margin: 17px 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.tips_concern_dots li.slick-active {
	background:transparent;
}
.tips_concern_dots li {
	width: 20px;
	height: 30px;
	padding: 10px 5px;
	background: transparent;
	margin: 0;
	display: inline-block !important;   
	text-indent: -9999px;
    vertical-align: middle;
    transition: background .1s ease;	
	border: none;
}
.tips_concern_dots li:before {
	width: 10px;
	height: 10px;
	background: #ccc;
	content:'';
	display:block;
	border-radius: 50%;
}
.tips_concern_dots li.slick-active:before {
	background:#000;
}
.tips_concern_dots li  button {
	display: none;
}

.tips_before-after__prev, .tips_before-after__next {
    position: absolute;
    font-size: 40px;
    color: #999999;
    cursor: pointer;
	display:none !important;
}
.tips_before-after__prev:before, .tips_before-after__next:before {
	content: none;
}
.tips_before-after__prev {
	right:273px;
	background: #000 url(../img/white_arrow.png) no-repeat center;
    height: 34px;
    background-size: 20px 18px;
    width: 34px;
    margin: 0 0 0 10px;
    content: "";
    border-radius: 50%;
	top: calc(50% - 36px);
	transform:rotate(180deg) translateY(-50%);
	z-index:2;
}
.tips_before-after__next {
	right:-17px;
	background: #000 url(../img/white_arrow.png) no-repeat center;
    height: 34px;
    background-size: 20px 18px;
    width: 34px;
    margin: 0 0 0 10px;
    content: "";
    border-radius: 50%;	
	top: 50%;
	transform:translateY(-50%);
}
.tips_before-after__prev.slick-disabled, .tips_before-after__next.slick-disabled {
    opacity: 0.2;
}

@media (max-width: 374px) and (min-width: 0) {
    .article-image span {
        right: 245px;
    }
}
@media screen and (min-width: 47.5em) {
    .article-container {
        width: 350px;
    }
	.article-container.full-width-image {
		width: 350px;
		margin: 0 auto;
	}
    .article--title {
        margin: 0 0 8px;
    }
    .article-discription {
        margin: 0 0 40px;
    }
    .article-container .article-banner {
        margin: 0 0 47px;
    }
    .article-details {
        margin: 0 auto 50px;
        width: 586px;
    }
    .article-details li:not(:last-child) {
        margin-bottom: 50px;
    }
    .article-image {
        float: left;
        width: 290px;
        margin-right: 10px;
        height: 387px;
    }
    .article-image span {
        right: auto;
        left: -50px;
        top: 20px;
    }
    .article-image img {
        width: 290px;
        height: 387px;
    }
    .article-content {
        padding: 0 ;
        float: right;
        width: 270px;
    }
    .article-details li:nth-child(even) .article-image {
        float: right;
        width: 290px;
        padding-left: 0;
        margin-right: 0
    }

    .article-details li:nth-child(even) span {
        left: -40px;
    }
    .article-details li:nth-child(even) .article-content {
        float: left;
        width: 250px;
        padding: 0;
    }
    .article-content .dynamic-headertag {
        margin: 0 auto 10px;
        width: 230px;
    }
    .article-content p {
        width: 100%;
    }
    .related-tags {
        width: 590px;
        margin: 0 auto;
    }
    .related-tags h4 {
        width: auto;
        font-size: 28px;
        line-height: 1;
        letter-spacing: -0.29px;
    }
    .ariticle-product-image {
        width: 184px;
    }

    /* Get the look */
	.tips-look .look-title {
		width: auto;
		font-size: 28px;
		line-height: 1;
		letter-spacing: -0.29px;
	}
    .tips-look {
        width: 590px;
        margin: 0 auto 40px;
        overflow: initial;
    }
    .tips-look .look-name a {
        font-size:18px;
        letter-spacing: 0.41px;
    }
    .tips-look .get-this-look__item .shade-title {
        font-size: 12px;
        line-height: 1.33;
    }
    .tips-look .get-this-look__item .btn {
        font-size: 14px;
        line-height: 1.43;
        letter-spacing: 0.39px;
        padding: 9px 0;
        height: 40px;
    }
	 .tips-look .get-this-look__list {
        display: flex;
    }
    .tips-look .get-this-look__item{
       padding: 0 0 40px;
       width: 140px;
    }
	.tips-look .get-this-look__item img{
        width:140px;
        min-height:140px;
	}
    .tips-look .get-this-look__item:not(:last-child) {
        margin-right: 10px;
    }    
    .tips-look .get-this-look__item .shade-list {
        height: 17px;
    }
	.tips-look .look-name {
        margin: 0 0 6px;
        padding: 0 0 54px;
    }
    .tips-look .shade-slider {
        bottom: 40px;
        height: 53px;
    }
    .tips-look .get-this-look__item .shade-list__item {
        width: 16px !important;
        height: 16px;
    }
    .tips-look .get-this-look__item .shade-list__item.selected-shade .shade-list__range {
        width: 10px !important;
        height: 10px;
    }
    .tips-look .get-this-look__item .shade-list__item .shade-list__range {
        width: 5px !important;
        height: 5px;
        margin: 5.5px;
    }
    .tips-look .get-this-look__item .shade-list__item.selected-shade .multi-sdade {
        width: 10px !important;
        height: 10px;
    }    
    .tips-look  .get-this-look__item .shade-list__item.selected-shade {
        padding:1px;
    }
    .tips-look .get-this-look__item .shade-list {
        padding-right: 24%;
   }
    .tips-look .get-this-look__item .slick-prev {
       right: 25px;
    }
   .tips-look .get-this-look__item .slick-next {
        right: 0;
    }
    .tips-look .get-this-look__item .fav_icon small, .tips-look .get-this-look__item .fav_icon small:hover,
    .tips-look .get-this-look__item .fav_icon small:active:before ,.get-this-look__item .fav_icon small:active:after,
    .tips-look .get-this-look__item .fav_icon small:active,.tips-look .get-this-look__item .fav_icon span.active small {
        background-size: 12px 10px;
        width: 12px;
        height: 10px;
    }
    .tips-look .get-this-look__item .fav_icon span:before {
        background-size: 12px 10px;
    }   
    .get-this-look__item .fav_icon span {
        padding:1px;
    }
    .tips-look .get-this-look__item .slick-prev, .tips-look .get-this-look__item .slick-next {
		height:6px;
		width:5px;
		background-size:5px 6px;
		top:0px;
	}
	.tips-look .get-this-look__item .slick-prev {
		right: 14px;
	}
    /*Long Form*/
    .longform-item:not(:last-child)   {
        margin:  0 0 50px;
    }
    .longform-item .dynamic-headertag {
        width: 285px;
        margin: 30px auto 20px;
    }
    /*Article Carousel*/
    .article-carousel {
        width: 590px;
        margin: 0 auto 50px;
    }
    .article-carousel li {
        display: flex;
        flex-wrap: initial;
        flex-direction: row-reverse;
    }
	.article-carousel_item {
		display:flex !important;
	}
    .article-carousel .carousel-content {
        width: 230px;
        justify-content: center;
        display: inline-flex;
        flex-wrap: wrap;
        align-content: center;
        flex-direction: column;
    }
    .carousel-image {
        width: 290px;
        margin-left: 70px;
		float:right;
    }
    .article-popup .ariticle-product-image {
		width: 200px
	}
	.article-carousel .ariticle-product-image img {
        max-height: 210px;
        min-height: 210px;
	}
    .article-vote .title {
        font-size:28px;
        line-height: 1;
        letter-spacing: -0.29px;
    }
    .article-vote {
        margin: 0 auto 60px;
        width: 590px;
        padding: 0;
    }
    .article-vote_list {
        margin: 0 0 10px;
    }
    .article-vote_list li {
        width: 140px;
        height: 140px;
    }   
    .article-vote_list li:not(:last-child) {
        margin: 0 10px 0 0;
    }
    .article-vote_list li .vote {
        width: 36px;
        height: 36px;
        font-size: 12px;
        line-height: 1.67;
        letter-spacing: 0.33px;
        bottom: -18px;
    }
	.tips_before-after__prev, .tips_before-after__next {
		display:inline-block !important;
	}
}
@media screen and (min-width: 63.75em) {
    .article-container {
        width: 651px;
    }
	.article-container.full-width-image {
		width: 651px;
	}
    .module-title {
        margin: 10px 0 13px;
    }
    .article--title {
        font-size: 55px;
        line-height: 0.91;
        letter-spacing: 0.34px;
        margin: 0 0 18px;
    }
    .article-image span {
        font-size: 150px;
        line-height: 0.4;
        letter-spacing: -4px;
        right: auto;
        left: -65x;
        top: 65px;
    }
    .article-details li:nth-child(even) span {
        left: -68px;
    }
    .article-discription, .article-container .article-banner {
        margin: 0 0 60px;
    }
    .article-details {
        width: 810px;
        margin: 0 auto 60px;
    }
    .article-image,.article-image img {
        width: 390px;
        height: 520px;
    }
    .article-content {
        width: 280px;
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
    }
    .article-details li {
        display: flex;
        justify-content: space-between;
    }
    .article-details li:nth-child(even) {
        flex-direction: row-reverse;
    }
    .article-details li:nth-child(even) .article-image {
        width: 380px;
    }
    .article-details li:nth-child(even) .article-content {
        width: 280px;
        float: initial;
    }
    .article-details li:nth-child(even) .article-image {
        float: initial;
    }
    .ariticle-product-image {
        width: 226px;
        float:initial;
    }
    .ariticle-product-image .product-name {
        font-size: 22px;
        line-height: 1;
        letter-spacing: 0.5px;
    }
	.article-content .dynamic-headertag {
		font-size:32px;
		line-height: 1;
		letter-spacing: 0.73px;
    }
    .article-details li:not(:last-child) {
        margin-bottom: 60px;
    }
    .related-tags {
        width: 805px;
    }
    .related-tags h4 {
        font-size: 48px;
        line-height: 0.92;
        letter-spacing: -0.5px;        
    }
    /* Get the look */   
	.tips-look .look-title {
		font-size: 48px;
		line-height: 0.92;
		letter-spacing: -0.5px;
	}
	.tips-look .look-name {
        margin: 0 0 14px;
        padding: 0px 0 72px;
    }
    .tips-look .shade-slider {
        bottom: 44px;
        height: 67px;
    }
    .tips-look { 
        width: 805px;
        margin: 0 auto 46px;
    }
    .tips-look .look-name a {
        font-size: 22px;
        line-height: 1;
        letter-spacing: .5px;
    }
    .tips-look .get-this-look__item .shade-title {
        font-size: 14px;
        line-height: 1.29;
    }
    .tips-look .get-this-look__item .btn {
        font-size: 18px;
        line-height: 1.11;
        letter-spacing: 0.5px;
        padding: 11px 0;
    }
    .tips-look .get-this-look__item,.tips-look .get-this-look__item img {
        width: 192px;
        min-height: 192px;
    }
    .tips-look .get-this-look__item {
        padding: 0 0 34px;
    }
    .tips-look .get-this-look__item .shade-list {
        height: 31px;
    }
    .tips-look .get-this-look__item .shade-list__item .shade-list__range {
        width: 10px !important;
        height: 10px;
        margin: 9.5px;
    }
    .tips-look .get-this-look__item .shade-list__item {
        width: 30px !important;
        height: 30px;
    }
    .tips-look .get-this-look__item .shade-list__item.selected-shade .shade-list__range {
        width: 20px !important;
        height: 20px;
		margin:1px;
    }
    .tips-look .get-this-look__item .shade-list__item.selected-shade .multi-sdade {
        width: 20px !important;
        height: 20px;
    }
    .tips-look  .get-this-look__item .shade-list__item.selected-shade {
        padding:3px;
    }
    .tips-look .get-this-look__item .shade-list {
        padding-right: 18%;
   }
   .tips-look .get-this-look__item .slick-prev {
       right: 28px;
    }
    .tips-look .get-this-look__item .fav_icon small, .tips-look .get-this-look__item .fav_icon small:hover,
    .tips-look .get-this-look__item .fav_icon small:active:before ,.get-this-look__item .fav_icon small:active:after,
    .tips-look .get-this-look__item .fav_icon small:active,.tips-look .get-this-look__item .fav_icon span.active small {
        background-size: 23px 20px;
        width: 23px;
        height: 20px;
    }
    .tips-look .get-this-look__item .fav_icon span:before {
        background-size: 23px 20px;
    }  
    .get-this-look__item .fav_icon span {
        padding:5px;
    }
    .tips-look .get-this-look__item .slick-prev, .tips-look .get-this-look__item .slick-next {
		height:10px;
		width:6px;
		background-size:6px 10px;
		top:7px;
	}
	.tips-look .get-this-look__item .slick-prev {
		right: 19px;
	}
     /*Long Form*/
     .longform-item:not(:last-child)   {
        margin:  0 0 60px;
    }
    .longform-item .dynamic-headertag {
        width: 427px;
        margin: 30px auto 22px;
        font-size: 32px;
        letter-spacing: 0.73px;
    }
    .hotspot {
        width: 37px;    
        height: 37px
    }
    .hotspot span {
        width: 23px;
        height: 23px;
    }
    .hotspot:hover span {
        width: 28px;
        height: 28px;
    }
    
      /*Article Carousel*/
      .article-carousel {
        width: 805px;
    }
    .article-carousel .carousel-content {
        width: 330px;
    }
    .carousel-image {
        width: 400px;
    }
    .article-vote .title {
        font-size:48px;
        line-height: 0.92;
        letter-spacing: -0.5px;
    }
    .article-vote {
        width: 805px;
        margin: 0 auto 70px;
    }
    .article-vote_list li {
        width: 192px;
        height: 192px;
    }
    .article-vote_list li .vote {
        width: 60px;
        height: 60px;
        font-size: 18px;
        line-height: 1.11;
        letter-spacing: 0.5px;
        bottom: -30px;
    }
	.tips_before-after__prev {
		right:382px;
	}
	.article-popup .ariticle-product-image {
		width: 235px;
    }
	.article-carousel .ariticle-product-image img {
        max-height: 226px;
        min-height: 226px;
	}
	.article-popup-close {
		position: absolute;
		background: url(../img/brow-play/close.png) no-repeat;
		width: 40px;
		height: 40px;
		bottom: -75px;
	}
}
@media screen and (min-width: 80em) {

    .article-details {
        width: 1100px;
    }
    .article-image {
        
        width: 540px;
        margin-right: 20px;
    }
    .article-image {
        height: 720px;
    }    
    .article-image img {
        width: 540px;
        height: 720px;
    }
    .article-content {
        width: 427px;
    }
    .article-details li:nth-child(even) .article-image {
        width: 540px;
        padding-left: 0;
        margin-right: 0
    }    
    .article-details li:nth-child(even) .article-content {
        width: 427px;
    }
    .article-content .dynamic-headertag {
        width: 427px;
    }
    .related-tags {
        width: 1100px;
    }
    .article-content .fav_icon small, .article-popup .fav_icon small {
        background: url('../img/common/heart_black_unselected.png') no-repeat;
        background-size: 23px 20px;
    }
    .article-content .fav_icon span:before, .article-popup .fav_icon span:before {
        background: url('../img/common/heart_pink_unselected.png') no-repeat;
        background-size: 23px 20px;
    }
    .article-content .fav_icon small:hover , .article-popup .fav_icon small:hover {
        background: url('../img/common/heart_pink_unselected.png') no-repeat;	
        background-size: 23px 20px;
    }
    .article-content .fav_icon small:active:before ,.article-content.fav_icon small:active:after,.article-popup .fav_icon small:active:before ,.article-popup .fav_icon small:active:after {
        background: url('../img/common/heart_pink_selected.png') no-repeat;	
        background-size: 23px 20px;
    }
    .article-content .fav_icon small:active, .article-content .fav_icon span.active small, .article-popup .fav_icon small:active, .article-popup .fav_icon span.active small {
        background: url('../img/common/heart_pink_selected.png') no-repeat;	
        background-size: 23px 20px;
        
    }
     /* Get the look */
    .tips-look { 
        width: 1098px;
        overflow: visible;
    }
    .tips-look .look-name {
        padding: 0px 0 46px;
    }
    .tips-look .get-this-look__item .btn {
        padding: 11px 0;
    }
    .tips-look .get-this-look__item .shade-list {
        padding-right: 24%;
   }
   .tips-look .get-this-look__item .slick-prev {
       right: 32px;
   }
   .tips-look .get-this-look__item .slick-next {
        right: 11px;
    }
    .tips-look .get-this-look__item {
        padding: 0 0 60px;
    }
    .tips-look .get-this-look__item,.tips-look .get-this-look__item img {
        width: 262px;
    }
    .tips-look .get-this-look__item .shade-list__item.selected-shade {
        padding: 4px;
    }
    .tips-look .get-this-look__item:not(:last-child) {
        margin-right: 20px;
    }
	.tips-look .get-this-look__item .shade-list__item.selected-shade .shade-list__range {
		margin: 0;
    }
    .tips-look .get-this-look__item .fav_icon small {
        background: url('../img/common/heart_black_unselected.png') no-repeat;
        background-size: 23px 20px;
    }
    .tips-look .get-this-look__item .fav_icon span:before {
        background: url('../img/common/heart_pink_unselected.png') no-repeat;	
        background-size: 23px 20px;
    }
    .tips-look .get-this-look__item .fav_icon small:hover {
        background: url('../img/common/heart_pink_unselected.png') no-repeat;
        background-size: 23px 20px;
    }
    .tips-look .get-this-look__item .fav_icon small:active:before ,.get-this-look__item .fav_icon small:active:after{
        background: url('../img/common/heart_pink_selected.png') no-repeat;	
        background-size: 23px 20px;
    }
    .tips-look .get-this-look__item .fav_icon small:active,.tips-look .get-this-look__item .fav_icon span.active small {
        background: url('../img/common/heart_pink_selected.png') no-repeat;	
        background-size: 23px 20px;
    }
    /*Article Carousel*/
    .article-carousel {
        width: 1100px;
    }
    .article-carousel .carousel-content {
        width: 398px;
    }
	.tips_before-after__prev {
		right: 521px;
	}
    .carousel-image {
        width:538px;
        margin-left: 147px;
    }
    .article-vote {
        width: 1100px;
    }
    .article-vote_list li {
        width: 262px;
        height: 262px;
    }
    .article-vote_list li:not(:last-child) {
        margin: 0 17px 0 0;
    }
}
.geoip-redirect-banner {
    z-index: 9999;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background: #000;
    color: #fff;
    padding: 20px;
    text-align: center;
}

.geoip-redirect-banner.hidden {
    display: none;
}

.geoip-redirect-banner--copy {
    padding-bottom: 15px; 
}

.geoip-redirect-banner .button {
    background-color: #fff;
}

/*** Moodboard ***/
.Moodboard.module-stateful {
    margin: 0 auto;
    width: auto;
}
.moodboard-container {
	position:relative;
	margin: 0 auto 30px;
	overflow:hidden;
}
.moodboard-content .module-title {
    font-size: 14px;
    line-height: 0.71;
    letter-spacing: 1px;
    margin: 20px 0 10px;
}
.moodboard-content .article--title {
    margin: 0 auto 10px;
    width: 236px;
}
.moodboard-content .article-discription{
    font-size: 16px;
    line-height: 1.81;
}
.moodboard-item div {
	position:relative
}
.moodboard .slick-slide img{
	width:100%;
}
.moodboard {
	margin: 0 -22px;
	height: 562px;	
}
.moodboard .moodboard-item {
	margin-bottom:12px;
	padding: 0 7.5px;
}

.moodboard .slick-dots {
    position:absolute;
	left:50%;
	transform:translateX(-50%);
    padding: 0;
    list-style: none;
    text-align: center;
	bottom:0;
}
.moodboard .slick-dots li.slick-active {
	background:transparent;
}
.moodboard .slick-dots li {
	width: 20px;
	height: 30px;
	padding: 10px 5px;
	background: transparent;
	margin: 0;
	display: inline-block !important;   
	text-indent: -9999px;
    vertical-align: middle;
    transition: background .1s ease;	
	border: none;
}
.moodboard .slick-dots li:before {
	width: 10px;
	height: 10px;
	background: #ccc;
	content:'';
	display:block;
	border-radius: 50%;
}
.moodboard .slick-dots li.slick-active:before {
	background:#000;
}
.moodboard .slick-dots li  button {
	display: none;
}
.moodboard .hotspot {
    width: 16px;
    height: 16px;
}
.moodboard .hotspot span {
    width: 9px;
    height: 9px;
}
.moodboard .hotspot:hover span {
    width: 11px;
    height: 11px;
}
.moodboard-container .article-popup {
    bottom: 50px;
}
.moodboard_prev,.moodboard_next {
	display:none !important;
	height: 34px;
    background-size: 20px 18px;
    width: 34px;
	z-index:2;
	position:absolute;
	border-radius: 50%;
	top: 50%;
}
.moodboard_prev {
	background: #fff url(../img/black_arrow.png) no-repeat center;   
	top: calc(50% - 36px);
	transform:rotate(180deg) translateY(-50%);	
	left: -17px;
}
.moodboard_next {
	background: #fff url(../img/black_arrow.png) no-repeat center;	
	transform:translateY(-50%);
	right: -17px;
}
.moodboard-container .article-popup .ariticle-product-image {
    width: 275px;
    padding: 5px;
	margin-top: -29px;
}
.moodboard-container .look-name {
    width:100%;
}
.moodboard-container .ariticle-product-image img {
    max-height: 296px;
}
.moodboard-container .get-this-look__thumbnail {
	height:296px;
}
.moodboard-container .look-name a {
    font-size: 22px;
    line-height: 1.27;
    letter-spacing: 0.5px;
    white-space: initial;
    text-overflow: unset;
    text-transform: uppercase;
}
.moodboard-container .shade-title {
    line-height: 1.29;
}
.moodboard-container .btn {
    height:42px;
    line-height: 1.11;
    letter-spacing: 0.5px;
    padding: 12px 0;
}
.article-popup .shade-list {
    padding-right: 30%;
}
.article-popup .slick-prev,.article-popup .slick-next {
	border:none;
	width:6px;
	height:10px;
	background-size:6px 10px;
	padding:10px;
	margin: 0;    
    position: absolute;
	top:7px;
	cursor: pointer;
    color: transparent;
    outline: 0;
	line-height: 0;
}	
.article-popup .slick-prev {
	background:url('../img/Common/article-look-arrow.png') no-repeat center;
	transform: rotate(180deg);
	right: 22px;
}
.article-popup .slick-next {
	background:url('../img/Common/article-look-arrow.png') no-repeat center;	
	transform: rotate(0deg);
	right: 1px;
}
.article-popup .slick-prev:before,.article-popup .slick-next:before {
	content:none;
}
.article-popup.slick-arrow.slick-disabled  {
	opacity:0.4;
}
.article-popup .shade-list {
    height:31px;
}

.article-popup .shade-list__item.selected-shade {
    padding: 4px;
}
.article-popup .shade-list__item {
    width: 30px !important;
    height: 30px;
}
.article-popup .shade-list__item.selected-shade {
    padding: 4px;
}
.article-popup .shade-list__item .shade-list__range {
    width: 10px !important;
    height: 10px;
    margin: 9px;
}
.article-popup .shade-list__item.selected-shade .shade-list__range {
	width: 20px !important;
    height: 20px;
    margin: 0;
}
@media (max-width: 374px) and (min-width: 0) {
   
}
@media screen and (min-width: 47.5em) {
	.moodboard-container {
		margin: 0 auto 50px;
    }
    .moodboard-content .module-title {
        margin: 40px 0 10px;
    }
    .moodboard-content .article--title {
        font-size: 40px;
        line-height: 0.9;
        letter-spacing: 0.25px;
        width: 367px;
        margin: 0 auto 10px;
    }
    .moodboard-content .article-discription{
        font-size: 12px;
        line-height: 1.33
    }
	.moodboard {
		margin: 0 auto;
		width: 590px;
		height:590px;
	}
	.moodboard .moodboard-item {
		margin-bottom:7px;
		padding:0 5px;
	}
	.moodboard_prev,.moodboard_next  {
		display:block !important;
    }
    .moodboard .slick-track {
        display: flex;
        justify-content: center;
    }
    .moodboard .hotspot {
        width: 18px;
        height: 18px;
    }
    .moodboard .hotspot span {
        width: 10px;
        height: 10px;
    }
    .moodboard .hotspot:hover span {
        width: 13px;
        height: 13px;
    }
	
}
@media screen and (min-width: 63.75em) {
   .moodboard {
		width: 808px;
		height:780px;
    }
    .moodboard-content .module-title {
        margin: 60px 0 20px;
    }
    .moodboard-content .article--title {
        font-size: 70px;
        line-height: 0.94;
        letter-spacing: 0.44px;
        width: 652px;
        margin: 0 auto 20px;
    }
    .moodboard-content .article-discription{
        font-size: 16px;
        line-height: 1.5;
    }
	.moodboard .moodboard-item {
		margin-bottom:17px;
		padding:0 10px;
    }
    .moodboard .hotspot {
        width: 37px;
        height: 37px;
    }
    .moodboard .hotspot span {
        width: 23px;
        height: 23px;
    }
    .moodboard .hotspot:hover span {
        width: 28px;
        height: 28px;
    } 
}
@media screen and (min-width: 80em) {
	.moodboard {
		width: 1100px;
		height:790px;
	}
	.moodboard {
		height:1058px;
	}
	.moodboard-container .article-popup {
		bottom: 60px;
    }
    .moodboard .slick-slide, .moodboard .moodboard-item {
		width: 447px !important;
    }
}
.vto__pdp.vto_ver_two {
    width: 350px;
	height: 650px;
	position: absolute;
}
.tryiton_container.vto_ver_two.opened, .vto__pdp.vto_ver_two.opened {
    position: fixed;
    inset: 0px;
    display: flex !important;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: transparent;
    transition: opacity 0s ease 0s;
    z-index: 200001;
    width: 100%;
    height: 100%;
    opacity:1;
    overflow-y: auto;
}
.tryiton_container.vto_ver_two.opened {
    height: calc(100% - 60px) !important; 
    top:47px;
    bottom: 40px;
}
.tryiton_container.vto_ver_two .modiface__pdp{
    bottom: 40px;
}
.tryiton_container.vto_ver_two .modiface__pdp, .vto__pdp.vto_ver_two .modiface__pdp {
    position: absolute;
    top:0;
    height: 100%;
    width: 100%;
	left:0;
}
.tryiton_container.vto_ver_two, .vto__pdp.vto_ver_two{ 
	display: block;
	z-index:-1;
	opacity:0;
}
@media screen and (max-width: 47.5em) {
	.PDP-outer__container .commerce-connector-modal {
		left: 50%;
	}
}

.promise {
    margin: 43px 0 0;
    clear: both;
} 
.promise .title {
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -1px;
    color: #000000;
    text-transform: uppercase;
    margin: 0 0 40px;
}
.safety-list {
    width: 342px;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
}
.safety-list li {
    width: 33.33%;
    margin: 0 0 25px;
    text-align: center;
}
.safety-icon {
    width: 70px;
    height: 70px;
}
.safety-name {
    font-family: 'Helvetica Neue LT W05_55 Roman';
    font-size: 14px;
    line-height: 1.14;
    letter-spacing: 0.05px;
    text-align: center;
    margin: 1px auto 0;
    width:85px;
}
.promise .black_btn {
    position: relative;
}
@media screen and (min-width: 47.5em) {
    .promise {
        margin: 27px 0 0 ;
    }
    .promise .title { 
        font-size: 30px;
        font-weight: bold;
        line-height: 1.17;
        letter-spacing: -1px;
        margin: 0 0 27px;
    }
    .safety-list {
        width: auto;
    }
    .safety-icon {
        width: 60px;
        height: 60px;
    }
    .safety-name  {
        font-size: 12px;
        line-height: 1.33;
        letter-spacing: 0;
    }
    .promise .black_btn {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.33;
        letter-spacing: 1.25px;
    }
    .tryiton_container.vto_ver_two .modiface__pdp, .vto__pdp.vto_ver_two .modiface__pdp {
        position: absolute;
        top:70px;
        left:auto;
        height: 650px;
        width: 350px;
    }   

}
@media screen and (min-width: 80em) {
    .promise {
        margin: 33px 0 0 ;
    }
    .safety-list li {
        margin:  0 0 22px;
    }
    .promise .title {
        margin: 0 0 29px;
        font-size:40px;
    }
    .safety-list {
        width: 435px;
    }
    .safety-icon {
        width: 70px;
        height: 70px;
    }
    .safety-name {
        font-size: 14px;
        line-height: 1.14;
        letter-spacing: 0.05px;
        width: 74px;
        margin: 5px auto 0 ;
    }
    .promise .black_btn {
        font-size:24px;
        font-weight: bold;
        line-height: 1;
        letter-spacing: 1px;
    }
}
@media screen and (min-width: 1200px) {
    .tryiton_container.vto_ver_two .modiface__pdp, .vto__pdp.vto_ver_two .modiface__pdp {
    top:61px;
    height: 510px;
    width: 320px;
    }
    }
    @media screen and (min-width: 1440px) {
    .tryiton_container.vto_ver_two .modiface__pdp, .vto__pdp.vto_ver_two .modiface__pdp {
    height: 650px;
    width: 360px;
    }
    }
.single-image_container {
    border-top: 2px solid #000;
    padding-top: 13px;
}
.single-image img {
    max-width: 100%;
}
.single-image_name {
    font-family: "Helvetica Neue LT W01_75 Bold";
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 0.88;
    letter-spacing: -1.33px;
    margin: 10px 0 15px;
}
.single-image_disc{
    font-family: "Helvetica Neue LT W05_55 Roman";
    font-size: 14px;
    line-height: 1.29;
    letter-spacing: normal;
    margin-bottom: 14px;
}
.single-image_btn {
	font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 18px;    
    font-weight: bold;
    display: inline-block;
    height: 24px;
    line-height: 1.33;
    letter-spacing: 1.5px;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
   
}
.single-image_btn::after {
	float: right;
	background: #000 url(../img/white_arrow.png) no-repeat center;
	height: 24px;
	background-size: 14px 13px;
	width: 24px;
	margin: -2px 0 0 10px;
	content: "";
	border-radius: 50%;
}

@media screen and (min-width: 47.5em) {
    .single-image_container {
        padding-top: 20px;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .single-image_name {
        font-size: 50px;
        margin: 30px 0 15px;
    }
    .single-image_disc{       
        margin-bottom: 30px;
        width: 322px;
    }
	.single-image {
		width:349px;
	}
}
@media screen and (min-width: 63.75em) {
    .single-image_container {
        padding-top: 46px;        
    }
	.single-image {
		width:532px;
    }
    .single-image_content {
        margin-left: 41px;
    }
    .single-image_name {
        font-size: 70px;
        margin: 84px 0 28px;
        line-height: 0.86;
        letter-spacing: -1.87px;
        width: 577px;
    }
    .single-image_disc{       
        width: 496px;
		font-size:18px;
		line-height: 1.33;		
    }
    .single-image_btn {
        font-size: 24px;
		line-height: 1;
		letter-spacing: 1px;
    }
	.single-image_btn::after{
		width:34px;
		height:34px;
		background-size:20px 18px;
        margin: -6px 0 0 10px;
	}
}


/* vertical video */
.article-video_module,.article-video_module .Mny_container{
	position:initial;
}
.article-video_module .article--title{
    margin: 0 auto 10px;
    width: 310px;
}
.article-video-container {
	margin: 0 auto 60px;
}
.vertical-video{
    margin-bottom: 30px;
}
.article_videos {
	height:100%;
}
.article_video {
	width:100%;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.video-blk {	
	display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.video-blk img {
    max-width: 100%;
}
.vertical-video .video-blk  {
    height: 613px;
}
.article-play{
    background: url(../img/Common/play.png) no-repeat;
    width: 70px;
    height: 70px;
    position: absolute;
	display:none;
}
.video-container {
	position: fixed;
    top: 0;
    left: 0;
	height: 100%;
    width: 100%;
    background-color: #000;
    height: 100vh;
    align-items: center;
    justify-content: center;
    overflow: hidden;
	display:none;
	z-index:999;
}
.steps-indicator__container {
	width: 100%;
	position: absolute;
    bottom: 40px;
    left: 0;
    text-align: center;
	transition:all 1s;
}
.tap-text,.mobileswipe-txt {
	font-family: "Helvetica Neue LT W05_55 Roman";
	margin:0 0 5px;	
	color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: normal;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.48);
    display: inline-block;
}
.mobileswipe-txt{
	display: none;
}
.article-video-container .video-close {
    background: url(../img/Common/close_icon.png) no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 15px;
    right: 15px;
	display:none;
}
.steps-indicator__scroller {
    overflow: auto;
	text-align: center;
}
.article-video-container .steps-indicator {
	width: 258px;
	height: 125px;
	border: solid 2px #000;
	background-color:  #fff;
	display: inline-table;
	padding: 0 30px;
	margin-right: 11px;
}
.steps-indicator .step-label,
.steps-indicator h1,
.steps-indicator h2,
.steps-indicator h3,
.steps-indicator h4 {
	font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 26px;
    line-height: 1;
    letter-spacing: 0.16px;
	margin: 20px 0 13px;
}
.steps-indicator p {
    font-family: "Helvetica Neue LT W05_55 Roman";
	font-size: 14px;
    line-height: 1.57;
    letter-spacing: normal;
	color: #000;
}
.close-icon {
	position: absolute;
    top: 15px;
    right: 15px;
}
.image-slider__left, .image-slider__right {
	display: none;
}
.steps-indicator__container .slick-list,.steps-indicator__container .slick-track {
	height:125px;
	overflow:hidden;
}
.steps-indicator__container .slick-track {
	padding-right:11px;
}
.steps-indicator__scroller ul {
    margin: 17px 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
	display:none !important;
}
.steps-indicator__scroller ul li.slick-active {
	background:transparent;
}
.steps-indicator__scroller ul li {
	width: 20px;
	height: 30px;
	padding: 10px 5px;
	background: transparent;
	margin: 0;
	display: inline-block !important;   
	text-indent: -9999px;
    vertical-align: middle;
    transition: background .1s ease;	
	border: none;
}
.steps-indicator__scroller ul li:before {
	width: 10px;
	height: 10px;
	background: #ccc;
	content:'';
	display:block;
	border-radius: 50%;
}
.steps-indicator__scroller ul li.slick-active:before {
	background:#000;
}
.steps-indicator__scroller ul li  button {
	display: none;
}

.articlehorvideo_prev, .articlehorvideo_next  {
    position: absolute;
    font-size: 40px;
    color: #999999;
    cursor: pointer;
	display:none !important;
}
.articlehorvideo_prev:before, .articlehorvideo_next :before {
	content: none;
}
.articlehorvideo_prev {
	left:0;
	background: #000 url(../img/white_arrow.png) no-repeat center;
    height: 34px;
    background-size: 20px 18px;
    width: 34px;
    content: "";
    border-radius: 50%;
	top: 31px;
	transform:rotate(180deg) translateY(-50%);
	z-index:2;
}
.articlehorvideo_next  {
	right:0;
	background: #000 url(../img/white_arrow.png) no-repeat center;
    height: 34px;
    background-size: 20px 18px;
    width: 34px;
    content: "";
    border-radius: 50%;	
	top: 48px;
}
.articlehorvideo_prev.slick-disabled, .articlehorvideo_next .slick-disabled {
    opacity: 0.2;
}
.vid-play-icon {
   width: 32px;
    height: 38px;
    margin-top: 4px;
}
.vid-pause-icon {
   width: 28px;
    height: 35px;
    margin-right: 4px;
}
.vid-unmute-icon {
    margin-top: 4px;
    width: 28px;
    height: 24px;
}
.stepmute.stepvideomute .vid-mute-icon {
    display: block;
    width: 28px;
    height: 24px;
    margin-top: 1px;
}

/* Horizontal video */

/*Influencer video*/
.influencer.module-stateful  {
	margin:0 auto;;
	width: 100%;
    background-position: center !important;
}
.influencer {
    padding: 40px 0 77px;
}
.influencer .module-title ,.influencer .article--title,.influencer .article-discription  {
    color: #fff;
}
.influencer .steps-indicator__container .slick-list,.influencer .steps-indicator__container .slick-track{
	height:228px;
}
.influencer .article-video-container .steps-indicator{
	height:212px;
	margin-top:8px;
	 position: relative;
}
.influencer .article-video-container .steps-indicator.slick-current {
	height:228px;
	margin-top:0;
}
.influencer .article-video-container .steps-indicator {
	width:306px;
}
.influencer .steps-indicator .step-label,
.influencer .steps-indicator h1,
.influencer .steps-indicator h2,
.influencer .steps-indicator h3,
.influencer .steps-indicator h4 {
	font-size: 32px;
    line-height: 1;
    letter-spacing: 0.2px;
    margin: 30px 0 18px;
}
.influencer .steps-indicator.slick-current .step-label,
.influencer .steps-indicator.slick-current h1,
.influencer .steps-indicator.slick-current h2,
.influencer .steps-indicator.slick-current h3,
.influencer .steps-indicator.slick-current h4 {
	margin: 48px 0 18px;
}
.influencer .steps-indicator p {
	font-size: 16px;
    line-height: 1.5;
	margin:0 auto 37px;
	width:228px;
}
.influencer .article_video {
    top: 35%;
    transform: translateY(-35%);
}
.influencer .article-video-container .steps-indicator {
	padding: 0 15px;
}
.influencer .mobileswipe-txt , .influencer .tap-text {
	display:none;
}
.video-progress-container {
	width:100%;
	display: flex;
	align-items: center;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0),#000 );
	position:absolute;
	bottom:0;
	height:40px;
	z-index:1111;
	padding: 7px 8px 12px 14px;
}
#custom-seekbar {  
    width: 100%;
    height: 5px;
    position: absolute;
    cursor: pointer;
    z-index:10;
}
#custom-seekbar span { 
    width: 0px;
    height: 4px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius:10px;
    background-color: #fff;
}
/*--------------------------------------------*/
.video-progress-bar {
	width:100%;
	margin: 0 9px 0 12px;
	height: 4px;
	position: relative;
	border-radius: 10px;
	background: rgba(255,255,255,0.4);
	z-index: 99;
}
.video-progress-container .range {
    width: 100%;
    height: 4px;
	position: relative;
    border-radius: 3px;
}
.video-progress-container .range input {
    width: 100%;
	height: 0;
    position: absolute;
    top: 0px;
    left: 0;
	cursor:pointer;
	-webkit-appearance: none;
}
.video-progress-container .range-labels {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
.video-progress-container .range-labels .active {
    color: transparent;
}
.video-progress-container .range-labels li {
	position: absolute;
    color: transparent;
    font-size: 1px;
    -webkit-tap-highlight-color: transparent;
	width:auto;
}
.video-progress-container .range-labels li::before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: -3px;
    right: 0;
    left: 0;
    margin: 0;
	border-radius: 50%;
    background: #fff;
	z-index:11;
}
.video-progress-container .range input::-webkit-slider-thumb {
	width: 15px;
	height: 15px;
	position: relative;
	margin: 0 0 0 -3px;
	border-radius: 50%;
	cursor:pointer;
    outline: 10px solid transparent !important;	
    transition: all 0.2s ease;
	background: #fff;
	box-sizing: border-box;
	-webkit-appearance: none;
	z-index: 999;
}
.video-progress-container .range input:focus {
	outline: none;
	background: none;
}
.play_pause {
	color:white;
	font-size:20px;
	cursor:pointer;
	width: 30px;
}
.video-start,.video-duration {
	font-family:'Helvetica Neue LT W01_75 Bold';
	font-size: 9px;
	line-height: 1;
	  letter-spacing: 0.64px;
	  color: #fff;
}
.stepmute {
	padding-left:9px;
}
.vid-unmute-icon {
	margin-top:4px;
}
.stepfullscreen {
	display:none;
}
.influencer .horizontal-video.article-video-container {
	height:442px;
	margin: 0 -15px;
	position:relative;
} 
.influencer .video-blk {
	margin: 0 15px;
	height:194px;
	overflow:hidden;
}
.influencer .steps-indicator__container {
	bottom:0;
}
.influencer-progressbar {
	border-bottom: 2px solid #a7a8aa;
	height: 28px;
	margin: 10px 0 0;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
}
.influencer-progressbar div {
	position: absolute;
    left: 0;
    bottom: -2px;
	width:72px;
	display:none;
}
.influencer-progressbar span {
	font-family: "Helvetica Neue LT W05_55 Roman";
	font-size: 12px;
	position: absolute;
    left: -11px;
    bottom: 10px;
}
.influencer-progressbar small {
	 display: inline-block;
	 width: 41px;
	 height: 2px;
	 background: #000;
	 position: absolute;
	 left: 0%;
	 bottom: 0;
	 /* transform: translateX(-50%); */
}
.influencer .video-container {
	position:relative;
	width: auto;
	height: 194px;
	margin: 0 15px;	
}
.influencer .vertical-video {
	height:861px;
	position:relative;
	margin: 0 -15px;
}
.influencer .vertical-video .video-blk,.influencer .vertical-video .video-container {
	height:613px;
}
@media screen and (min-width: 47.5em) {
    .article-video_module .article--title{
        margin: 0 auto 8px;
        width: auto;
    }
    .vertical-video .video-blk  {
         height: 760px;
        width: 428px;
        margin: 0 auto;
     }
     .video-container {
        position: relative;
         height: 760px;
        width: 428px;
        margin: 0 auto;
        background: transparent;
		z-index:0;
     }
	  .article_videos {
		position: initial;
		top: 0;
		transform: translateY(0);
		padding:0 17px;
	}
     .vertical-video  .video-container {
        height: 760px;
        width: 428px;
		overflow:initial;
     }
	 .vertical-video  .article_videos {
		padding: 0;
	 }
     .vertical-video .steps-indicator__container {
         bottom: 40px;
         margin: 0;
         z-index: 0;
         padding:0;
         overflow:initial;
     }
	 .vertical-video .steps-indicator__scroller {
		padding:0;
		overflow:initial;
	 }
	
     .image-slider__left, .image-slider__right {
		display: block;
		position: absolute;
		left: -15px;
		top: 47%;
		background-color: #000;
		width: 34px;
		height: 34px;
		border-radius: 50%;
		line-height: 40px;
	}
	.image-slider__right {
		left: auto;
		right: -15px;
    }
	.articlehorvideo_prev, .articlehorvideo_next  {
		display:inline-block !important;
	}
	.vertical-video .articlehorvideo_prev {
		left:-17px;
		top: 325px;
	}
    .vertical-video .articlehorvideo_next {
		right:-17px;
		top: 342px;
	}
	.article-video-container.vertical-video{		 
		 overflow:hidden;
	}
	
    /* Horizontal video */
	.article-video-container {
		width: 504px;
        padding: 0 17px;
        margin-bottom: 70px;
        overflow:hidden;
    }
    .horizontal-video.article-video-container { 
		height: 424px; 
		position: relative; 
	}
	.article-video-container-zoom.horizontal-video.article-video-container {
		height:100%;
		position:fixed;
	}
	.horizontal-video .video-container {
		width:504px;
	}
	.horizontal-video .article_videos {
		width: 470px;
		padding:0;
	}
    .horizontal-video .video-blk, .horizontal-video .video-container {
        position: relative;       
        margin: 0 auto;
		z-index:0;			
     }
	 .horizontal-video .article_videos,.horizontal-video .article_video {
		height:263px;
	}
	.horizontal-video .steps-indicator__container {
		padding:0;
		bottom:0;
	}
	.horizontal-video .video-container {
		height: 480px;
	}
	.horizontal-video .steps-indicator.active {
		 margin-top: -15px;
	 }
	 .horizontal-video .video-progress-container {
		width:auto;
		left:0;
		right:0;
	 }
	.horizontal-video .video-close, .horizontal-video .tap-text {
		display:none;
	 }
	.horizontal-video  .steps-indicator__container .slick-list, .horizontal-video  .steps-indicator__container .slick-track {
		padding-top: 15px;
		height: 155px;
	}
	 .steps-indicator__container,.steps-indicator__scroller {
		 padding: 0 17px;
	 }
	 .article_video {
		width: 100%;
		position: relative;
		top: 0;
		transform: translateY(0%);
		height:auto;
	 }
	 .play_pause {
		width:30px;
	 }
    .video-progress-bar {
        margin: 0px 20px 0 10px;
    }
    .stepmute {
    padding: 0 12px;
    }
    .vid-unmute-icon {
    margin-top:3px;
    }
    .vid-zoomin-icon {
    width:14px;
    height:14px;
    }
    .video-progress-container .range-labels li::before {
        top:-3px
    }
    .stepfullscreen {
        display:block;
    }
    .horizontal-video .article_videos .articlehorvideo_prev,.horizontal-video .article_videos .articlehorvideo_next {
        display:none !important;
    }
    .horizontal-video .articlehorvideo_prev {
		top: 41px;
	}
	.horizontal-video .articlehorvideo_next {
		top: 58px;
	}
    .horizontal-video .steps-indicator.highlight {
        bottom:auto;
        transition: all 0.8s ease;
        transform: translate(0, -10px);
    }
    .horizontal-video .steps-indicator {
        transform: translate(0, 0);
        transition: transform 0.8s ease;
    }	
    .influencer.module-stateful {
		background-size:cover !important;
	}
	.influencer .horizontal-video .steps-indicator__container .slick-list,.influencer  .horizontal-video .steps-indicator__container .slick-track {
		height:244px;
		padding-top: 20px;
	}
	.influencer .horizontal-video .steps-indicator__container .slick-list {
		padding:0;
	}
	.influencer .horizontal-video.article-video-container {
		height: 507px;
		margin:0 auto;		
	}
	.influencer .article-video-container .steps-indicator {
		padding: 0 10px;
	}
	.influencer .horizontal-video .articlehorvideo_prev {
		top: 97px;
	}
	.influencer .horizontal-video .articlehorvideo_next {
		top: 114px;
	}
	.influencer .video-blk {
		height:263px;
	}	
	.influencer .article-video-container .steps-indicator {
		width: 258px;
	}
	.influencer .horizontal-video .steps-indicator.highlight{
		transform: translate(0, 0);
	}
	.influencer .vertical-video {
		height:1050px;
		margin: 0 auto;
		overflow: initial;
	}
	.influencer .vertical-video .video-blk,.influencer .vertical-video .video-container {
		height:760px;
		margin: 0 auto;
	}
	.influencer .vertical-video .article_videos .articlehorvideo_prev,.influencer .vertical-video .article_videos .articlehorvideo_next {
		display:none !important;
	}
	.influencer .vertical-video .steps-indicator__container .articlehorvideo_next {
		right: -17px;
		top: 100px;
	}
	.influencer  .vertical-video .steps-indicator__container .articlehorvideo_prev {
		left: -2px;
		top: 85px;
	}
	.influencer .vertical-video .steps-indicator__container {
		left:-9px;
	}
	.influencer .article-video-container-zoom {
		width: 100% !important;
		height: 100% !important;
		position: fixed !important; 
	}
}
@media screen and (min-width: 63.75em) {
    .article-video_module .article--title{
        margin: 0 auto 18px;
    }
   .vertical-video .video-blk  {
        width: 428px;
        height: 760px;
    }
    .vertical-video  .video-container {
        height: 760px;
        width: 428px;
    }
    /* Horizontal video */
	.article-video-container {
		 width: 872px;
		 margin-bottom: 100px
	}
    .horizontal-video .video-blk {
        width: 872px;
        height: 490px;
		margin: 0;
    }
	.horizontal-video .video-container {
        width: 872px;
		margin: 0;
		height:auto;
		Padding: 0;
     }
    .horizontal-video .article_videos {
        height: 490px;
    }
    .horizontal-video .video-container .article_video {
        width: 872px;
        height: 490px;
    }	 
	.horizontal-video .steps-indicator__container {		
		bottom: 0;
		position:relative;		
		padding: 0 23px;
	}
	.horizontal-video .steps-indicator:first-child {
		margin-left: 0;
	}
	.horizontal-video .steps-indicator__scroller {
		overflow-x: hidden;
		padding: 0 15px 0;
	}
	.article_videos {
		padding:0;
	}	
	.horizontal-video .articlehorvideo_prev {
		top:51px;
		left:23px;
	}
	.horizontal-video .articlehorvideo_next {
		top:68px;
		right: 23px;
	}
	.horizontal-video .video-progress-container {
        left:0;
        padding: 7px 15px 12px 40px;
    }	
    .horizontal-video.article-video-container { 
        height: auto;
        padding: 0;
	 }
	 .horizontal-video .article_videos {
		width: auto;
    }
    .horizontal-video .steps-indicator__container .slick-list, .horizontal-video .steps-indicator__container .slick-track {
        padding-top: 10px;
    }	
	.influencer  .horizontal-video .steps-indicator__container {
		top: 60px;
	}
	.influencer .horizontal-video .steps-indicator__container .slick-list, .influencer .horizontal-video .steps-indicator__container .slick-track {
		height:278px;
	}
	.influencer .horizontal-video.article-video-container {
		height: 945px;		
		width:900px;
	}
	.influencer  .horizontal-video .video-blk {
		margin:0 auto;
	}
	.influencer .horizontal-video .steps-indicator.highlight {
		transform: translate(0, -43px);
	}
	.influencer .horizontal-video .video-container {
		margin: auto;
	}
	.influencer .horizontal-video .steps-indicator__container .slick-track {
		padding-top:43px;
	}	
	.influencer .article-video-container .steps-indicator {
		height:228px;
		margin-top:0;
	}
	.influencer .article-video-container .steps-indicator {
		width: 255px;
	}
	.influencer .article-video-container .steps-indicator {
		width: 258px;
	}
	.influencer .horizontal-video .articlehorvideo_next {
		  top: 138px;
	}
	.influencer .horizontal-video .articlehorvideo_prev {
		top: 121px;
	}
	.influencer .horizontal-video .steps-indicator__container {
		padding:0;
	}
	.influencer .steps-indicator .step-label,
    .influencer .steps-indicator h1,
    .influencer .steps-indicator h2,
    .influencer .steps-indicator h3,
    .influencer .steps-indicator h4 {
		margin: 48px 0 18px;
	}
	.influencer  .vertical-video .steps-indicator__container .articlehorvideo_prev {
		left: -17px;
	}
	.influencer .vertical-video .steps-indicator__container {
		left:0;
	}	
    .influencer .vertical-video.article-video-container {
		height: 1090px;
	}
	.influencer .vertical-video .steps-indicator.highlight {
		transform: translate(0, -43px);
		transition: all 0.8s ease;
	}
	.influencer .vertical-video .steps-indicator__container .slick-track {
		padding-top: 43px;
	}
	.influencer .vertical-video .steps-indicator__container .articlehorvideo_next {
		top:144px
	}
	.influencer .vertical-video .steps-indicator__container .articlehorvideo_prev {
		top:128px
	}
	.influencer .vertical-video .steps-indicator__container {
			bottom:0;
	}
	.influencer .vertical-video  .steps-indicator__container .slick-list,.influencer .vertical-video  .steps-indicator__container .slick-track {
		height:271px;
	}
}
@media screen and (min-width: 80em) {
    .article-play,.tap-text,.video-close {
        cursor: pointer;
    }    
	.influencer .horizontal-video.article-video-container,.influencer .vertical-video.article-video-container {
		width:1100px;
		overflow:initial;
	}
    .influencer {
		padding:40px 0 0;
	}
	.influencer .article-video-container .steps-indicator {
		width: 306px;
	}
	.influencer .horizontal-video .steps-indicator__scroller {
		padding:0;
		overflow:initial;
	}
	.influencer .horizontal-video .articlehorvideo_prev {
		left:-17px;
	}
	.influencer .horizontal-video .articlehorvideo_next {
		right:-17px;
	}
}

.step_slidermove{
	transition: all 0.5s ease;
	bottom:40px;
}

.article-video-container-zoom{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0px;
    z-index: 1111;
}
.article-video-container-zoom .article_video{
	width:100% !important;
	height:100% !important;
	position: absolute;
	left: 0;
	top: 0;
	transform:none;
}
.article-video-container-zoom .video-progress-container{
	position:absolute;
}
.article-video-container-zoom .article_videos{
	width:100% !important;
	height: 100% !important;
	position:absolute !important;
}
.article-video-container-zoom .video-container{
	width:100% !important;
	height:100vh !important;
	position:absolute !important;
	background:#000;
}
.article-video-container-zoom .steps-indicator__container{
  display:none;
}

.article-video-container .play_pause .vid-play-icon, .article-video-container .play_pause .vid-pause-icon,
.article-video-container .stepmute .vid-unmute-icon, .article-video-container .stepmute .vid-mute-icon,
.article-video-container .stepfullscreen .vid-zoomin-icon, .article-video-container .stepfullscreen .vid-zoomout-icon{color:#fff;}
.article-video-container .play_pause .vid-pause-icon, .article-video-container .stepmute .vid-mute-icon, .article-video-container .stepfullscreen .vid-zoomout-icon{
	display:none;
}
.article-video-container .play_pause.stepvideoplay .vid-play-icon{
	display:none;
}
.article-video-container .play_pause.stepvideoplay .vid-pause-icon{
	display:block;
} 
.article-video-container .stepmute.stepvideomute .vid-unmute-icon{
	display:none;
}
.article-video-container .stepmute.stepvideomute .vid-mute-icon{
	display:block;
}
.article-video-container .stepfullscreen.stepvideozoom .vid-zoomin-icon{
	display:none;
}
.article-video-container .stepfullscreen.stepvideozoom .vid-zoomout-icon{
	display:block;
}
.article-video-container .steps-indicator__container.mobile-swipe {
	bottom:-120px;
}
.article-video-container .article-video-container.vertical-video .slick-dots{
	display:none !important;
}
.article-video-container .video-container.cardstweak{
	opacity:0;
	z-index:-1;
	transition: all 0.5;
}
.article-video-container .video-container.add-deviceSize{
	height:100% !important;
}
.articlehorvideo_prev.slick-prev.extrahide,
.articlehorvideo_next.slick-next.extrahide {
	opacity:0;
	z-index:-1;
}
.articlehorvideo_prev.nextprev_off,
.articlehorvideo_next.nextprev_off {
	opacity:0.5;
	pointer-events:none;
}
.video-no-scroll {
    overflow: hidden;
}
@media (min-width: 768px) and (max-width: 1200px) {	
	.article-video-container-zoom .video-progress-container {
		bottom:60px;		
	}
	/** IOs**/
	@supports (-webkit-hyphens:none) {	
		.article-video-container-zoom .video-progress-container {
			bottom:60px;		
		}
	}
}
.gatway-section.module-stateful {
    margin: 0 !important;
    width: 100%;
}
.getway-container{
	right: 25px;
	left: 26px;
	top: 54px;
	bottom: 15px;
	position: absolute;
	z-index: 97;		
}

.gatway-section .brow-bg-container , .gatway-section .brow_bgimg{
	height: calc(100vh - 127px);
}
.getway-container h2{
	width: 353px;
	font-family: "Helvetica Neue LT W01_75 Bold";
	font-size: 30px;
	font-weight: bold;
	line-height: 0.93;
	letter-spacing: -0.47px;
	color: #ffffff;
	text-transform: uppercase;
	margin:  0 0 41px;
}
.gateway-list {
	margin-left: -15px;
    padding-left: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    width: calc(100% + 30px);
    display: block;
    text-align: center;
}
.gateway-item {
	width: 244px;
	height: 366px;
	display: inline-block;
	position: relative;
}
.gateway-item a {
	display: block;
}
.gateway-item a::after {
    position: absolute;
    bottom: 0;
    content: '';
    left: 0;
    width: 100%;
    height: 262px;
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));
}
.gateway-item:not(:last-child) {
	margin-right: 4px;
}
.gateway-item  img {
	max-width: 100%;
}

.geteway-link {
	font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 32px;
    color: #fff;
    margin: 0;
	padding: 0;
    line-height: 1;
    letter-spacing: 0.2px;
	text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    padding-right: 10px;
    white-space: normal;	
	position: absolute;
	bottom: 23px;
	left: 23px;
	right: 15px;
	z-index: 1;
}
.geteway-link span {
    word-break: break-word;
}
.geteway-link small {
    background: url(../img/white_arrow.png) no-repeat right;
    background-size: 16px 15px;
    display: inline-block;
    padding: 10px;
    margin-left: 10px;
}
#select-reviews-sortby.dropdownOpen{
	display:block;
}
@media screen and (min-width: 768px) {
	.getway-container {
		transform: translateY(-50%);
		top: 50%;
		bottom:auto;
	}
	.getway-container h2{
		font-size: 28px;
		line-height: 2;
		margin: 8px 0 5px 63px;
	}
	.gateway-item {
		width: 108px;
		height: 160px;
	}
	.gateway-item:not(:last-child) {
		margin-right: 11px;
	}
	.gateway-item img {
		height: 160px;
	}
	.geteway-link {
		font-size: 16px;
		line-height: 1;
  		letter-spacing: 0.1px;
		left: 6px;
		bottom: 5px;
		
	}
	.geteway-link small {
		background-size: 7px;
		padding: 3px 4px 4px 3px;
		margin-left: 4px;
	}
	.gatway-section .brow-bg-container , .gatway-section .brow_bgimg{
		height: calc(100vh - 60px);
	}
	
}

@media screen and (min-width: 1200px) {
	.getway-container {
		right: 0;
		left: 0;
		width: 975px;
		margin: 0 auto;
	}
	.getway-container h2{
		font-size: 50px;
		line-height: 0.88;
		letter-spacing: -1.33px;
		margin: 0 0 40px;
	}
	.gateway-list {
		margin-left: 0;
		padding-left: 0;
		width: calc(100%);
	}
	.gateway-item {
		width: 220px;
		height: 330px;
	}
	.gateway-item:not(:last-child) {
		margin-right: 26px;
	}
	.gateway-item img {
		height: 330px;
	}
	
	.geteway-link {
		font-size: 32px;
		line-height: 1;
		letter-spacing: 0.2px;
		left: 16px;
		bottom: 15px;
		
	}
	.geteway-link small {
		background-size: 16px 15px;
		display: inline-block;
		padding: 10px;
		margin-left: 10px;
	}
	
}
@media screen and (min-width: 1440px) {
	.getway-container {
		width: 1070px;
	}
	.getway-container h2{
		margin: 0 0 53px;
	}
	.gateway-item {
		width: 244px;
		height: 366px;
	}
	.gateway-item img {
		height: 366px;
	}
}
/*ShadeFinder*/
.mny_shade_img {
    max-width: 100%;
    width: 100%;
}

.mny_shade_container {
    width: 100%;
    height: auto;
    position: relative;
}

.mny_shade_img picture,
.mny_shade_img picture img {
    width: 100%;
}

.mny_shade_content {
    position: absolute;
    width: 550px;
    top: 70%;
    padding-left: 150px;
    transform: translateY(-50%);
}

.mny_shade_content h2.mny_shade_description {    
    color: #f0e0d9;
    font-size: 45px;
    font-family: "Neue Helvetica W01_79 C1289709";
    line-height: 1;
	letter-spacing:1px;
}

.mny_shade_content h2.mny_shade_description span {
    color: #382b23;
}

.mny_shade_content_qr {
    right: 5%;
    position: absolute;
    width: 277px;
    top: 50%;
    padding-left: 100px;
    transform: translateY(-50%);
}

    .mny_shade_content_qr .qr-title {
        color: white;
        font-size: 30px;
        margin: 5px;
        margin-right: 0;
        font-family: "Neue Helvetica W01_79 C1289709";
        line-height: 1;
        letter-spacing: 1px;
    }

    .mny_shade_content_qr .qr-description {
        color: white;
        font-size: 19px;
        margin: 5px;
        font-family: 'Neue Helvetica W01_59 Comp';
        line-height: 1;
        letter-spacing: 1px;
    }

    .mny_shade_content_qr button {
        background: #fff;
        border: none;
        padding: 10px 15px;
        line-height: 1;
        font-size: 12px;
        margin-bottom: 20px;
    }

.mny_shade_container .mny_shade_img img.main-image {
    width: 100%;
}

.show_mobile {
    display: none;
}

@media only screen and (max-width: 1023px) {
    .mny_shade_content {
        position: absolute;
        padding: 0 20px;
        width: 100%;
        top: 74%;
        transform: translateY(-50%);
    }

    .mny_shade_content h2.mny_shade_description {        
        color: #ffffff;
        font-size: 34px;
        margin: 0;
        letter-spacing: 1px;
    }

    .mny_shade_content h2.mny_shade_description span {
        color: #ffffff;
    }

    .show_mobile {
        display: block;
    }

    .button-design {
        background-color: black;
        border: none;
        color: white;
        padding: 15px 32px;
        width: 90%;
        text-align: center;
        margin: 20px;
        text-decoration: none;
        display: inline-block;
        font-weight: bold;
        font-size: 20px;
    }

    .button-design-second {
        font-size: 20px;
        border: 0;
        color: #fff;
        background-color: #000;
        padding: 15px 32px;
        margin: auto;
        text-align: center;
        margin-top: 15px;
        font-weight: 700;
        text-decoration: none;
    }

    .show_desktop {
        display: none;
    }
}

.mny_shade_foundation-finder {
    background-color: white;
    margin: 5%;
}

.fade_rule {
    height: 0.75px;
    background-color: #e6e6e6;
    width: 75%;
    margin: 0 auto;
    background-image: linear-gradient(left, white 2%, #cecece 50%, white 98%) !important;
    background-image: -o-linear-gradient(left, white 2%, #cecece 50%, white 98%) !important;
    background-image: -moz-linear-gradient(left, white 2%, #cecece 50%, white 98%) !important;
    background-image: -webkit-linear-gradient(left, white 2%, #cecece 50%, white 98%) !important;
    background-image: -ms-linear-gradient(left, white 2%, rgb(253, 227, 227) 50%, white 98%) !important;
    background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop(0.02, white), color-stop(0.5, gray), color-stop(0.98, white) ) !important;
}

.mny_shade_foundation-finder p.mny_shade_foundation-finder-title {
    text-align: center;
    font-size: 64px;
    font-family: "Neue Helvetica W01_79 C1289709";
    line-height: 1;
}

.mny_shade_foundation-finder ul.foundation-finder {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
}

    .mny_shade_foundation-finder ul.foundation-finder li.foundation-finder-item {
        display: inline-block;
        width: 30%;
        margin: 0 1.5%;
    }

        .mny_shade_foundation-finder ul.foundation-finder li.foundation-finder-item img {
            max-width: 100%;
            height: auto;
            vertical-align: middle;
        }

@media only screen and (max-width: 1023px) {
    .mny_shade_foundation-finder ul.foundation-finder {
        list-style: none;
        padding: 0;
        display: block;
        justify-content: center;
    }

        .mny_shade_foundation-finder ul.foundation-finder li.foundation-finder-item {
            display: block;
            width: 100%;
            margin: 0 1.5% 1.5% 1.5%;
        }

            .mny_shade_foundation-finder ul.foundation-finder li.foundation-finder-item img {
                width: 100%;
                height: auto;
                vertical-align: middle;
            }
}

.mny_shade_algorithm-finder {
    width: 100%;
    /* important */
    display: flex;
    /* important */
    align-items: stretch;
    justify-content: space-around;
    margin-top: 25px;
}

    .mny_shade_algorithm-finder .lhs-block {
        float: left;
        width: 100%;
        min-height: 100%;
    }

    .mny_shade_algorithm-finder .rhs-block {
        min-height: 100%;
        background-color: #a47e67;
        text-align: center;
        top: 50%;
        position: relative;
        padding: 150px 0 0 50px;
        display: initial;
        justify-content: center;
    }


.mny_shade_content_qr_rhs {
    text-align: center;
    align-self: center;
    margin-top: 70px;
}

    .mny_shade_content_qr_rhs .qr-title_rhs {
        color: white;
        font-size: 24px;
        margin: 10px 0;
    }

    .mny_shade_content_qr_rhs .qr-description_rhs {
        color: white;
        font-size: 15px;
    }

    .mny_shade_content_qr_rhs button {
        background: #fff;
        border: none;
        padding: 10px 15px;
        line-height: 1;
        font-size: 12px;
        margin-bottom: 20px;
    }

.mny_shade_algorithm-finder .rhs-block .qr-with-description {
    position: initial;
    align-self: center;
    left: 50%;
    margin: 0 5% 0 0;
    color: white;
}

    .mny_shade_algorithm-finder .rhs-block .qr-with-description .rhs-title {
        font-size: 46px;
        word-spacing: 5px;
        font-family: "Neue Helvetica W01_79 C1289709";
        line-height: 1;
    }

    .mny_shade_algorithm-finder .rhs-block .qr-with-description .rhs-description {
        font-size: 32px;
        font-family: 'Neue Helvetica W01_59 Comp';
        letter-spacing: 1px;
        width: 92%;
        margin: auto;
        line-height: 1;
    }

.rhs-button {
    background-color: #f0e0d9;
    border: none;
    color: black;
    margin: 25px;
    text-align: center;
    text-decoration: none;
    padding: 15px 32px;
    display: inline-block;
    font-size: 16px;
}

.mny_shade_algorithm-finder .lhs-block img {
    max-width: 100%;
    height: auto;
    width: -webkit-fill-available;
    vertical-align: middle;
}

@media only screen and (max-width: 1023px) {
    .mny_shade_algorithm-finder {
        display: block;
    }

        .mny_shade_algorithm-finder .lhs-block {
            display: block;
            width: 100%;
            min-height: 0;
        }

            .mny_shade_algorithm-finder .lhs-block img {
                width: 100%;
                height: auto;
                vertical-align: middle;
            }

        .mny_shade_algorithm-finder .rhs-block {
            float: left;
            width: 100%;
            min-height: 0;
            padding: 20px;
            background-color: #a47e67;
            text-align: center;
        }

            .mny_shade_algorithm-finder .rhs-block .qr-with-description {
                position: initial;
            }

    .show_desktop {
        display: none;
    }
}

@media only screen and (min-width: 767px) and (max-width: 1022px) {
    .mny_shade_content {
        padding-left: 10px;
        position: absolute;
        width: 390px;
        top: 52%;
        transform: translateY(-50%);
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .mny_shade_algorithm-finder .rhs-block {
        min-height: 100%;
        background-color: #a47e67;
        text-align: center;
        top: 50%;
        position: relative;
        padding: 20px 0 0 50px;
        display: initial;
        justify-content: center;
    }

    .mny_shade_content {
        position: absolute;
        width: 500px;
        top: 70%;
        padding-left: 24px;
        transform: translateY(-50%);
    }
}

@media only screen and (min-width: 1900px) {
    .mny_shade_algorithm-finder .rhs-block {
        padding: 150px 50px 0 50px;
    }
}

.mny_shade_content_qr_rhs img {
    max-width: 100%;
}
/* virtual-store */

.virtual-store {
    margin-top:-30px !important;
}

.virtual-store .third-party-gallery {
  width: 100%;
}
@media screen and (min-width: 80em) {
    .virtual-store .third-party-gallery {
        width: 100%;
      }
}


/*green-edition*/
.tab_container {
	display:flex;
	justify-content:space-around;
}
.tab_container li {
	padding: 10px 13px 8px;
	line-height:0.8;
    border: 3px solid #fff;
    font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 18px;
    letter-spacing: .5px;
	cursor:pointer;
}
.tab_container li:hover, .tab_container li.active {
	border: 3px solid #31c0ac;
}
@media screen and (max-width:374px) {
	.tab_container li {
		font-size:16px;
	}
}
@media screen and (min-width:768px) {
	.tab_container li {
		padding: 14px 10px 12px;
		line-height:0.8;
		border: 4px solid #fff;
		font-family: "Neue Helvetica W01_79 C1289709";
		font-size: 24px;
		letter-spacing: .5px;
		cursor:pointer;
	}
	.tab_container li:not(:last-child) {
		 margin-right: 20px;
	}	
	.tab_container li:hover, .tab_container li.active {
		border: 4px solid #31c0ac;
	}
}
@media screen and (min-width:1024px) {
	.tab_container li {
		padding: 18px 24px 16px;
		line-height:0.8;
		font-size: 32px;
	}
}
.green_tabs.active{
	display:block;
}
.green_tabs.disable{
	display:none;
}

.tab-text_container {
    margin: 0px -32px;
    font-family: "Helvetica Neue LT W05_55 Roman";
}
.tab-text_container h2 {
    font-size: 14px;
    text-align: center;
    margin: 0 0 20px;
}

.tab-text_container p {
    text-align: center;
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 18px;
} 
.tab-text_container a {
   text-align: center;
   display: inline-block;
   margin: 0 auto;
   width: 100%;
   border: 0;
   text-decoration: underline;
   font-family: "Helvetica Neue LT W05_55 Roman";
}
.tab-divitor{
    border-bottom: 1px solid #000;
    margin: 20px 0;
}
.tab-text_container .article--title {
	font-size: 32px;
	line-height: 1;
	letter-spacing:.5px;
	margin: 22px 0 0;
}

.GreenEdition.featured-product-wide {
	display: flex;
	flex-direction: column-reverse;
    margin-top:20px !important;
	max-width: 92% !important;
	border-top: 2px solid #000;
    padding-top: 13px;
}
.GreenEdition-Cradle {
	margin: -30px -32px 30px;
	border-top: 2px solid #1d1a1a;
	padding-top: 15px;
}
.GreenEdition-Cradle h2{
	font-family: "Neue Helvetica W01_79 C1289709";
	font-size: 32px;
	letter-spacing: .5px;
	line-height:32px;
	margin: 0 0 40px;
	text-align: center;	
}
.GreenEdition-Cradle p{
	font-size:14px;
	line-height: 18px;
}
.GreenEdition.featured-product-wide .fpw__text-box {
	padding: 0;
}
.GreenEdition.featured-product-wide .fpw__text-box h2 {
	font-size:40px;
	line-height:35px;
	letter-spacing:-1.07px;
	display: flex;
    flex-direction: column;
}
.GreenEdition.featured-product-wide .fpw__hero {
	height: auto;
}
.GreenEdition.featured-product-wide .fpw__hero-image {
	position: relative;
	top: auto;
	left: auto;
	transform: none;
	max-width:100%;
	min-height:auto;
}
.green_tabs  .module-stateful{
	 margin-top:0 !important;
}
.green_tabs .component {	
	margin-top:20px;
}
.green_tabs .article-carousel .slick-track {
	display: flex;
	/*align-items: center;*/
}

.green_tabs .article-carousel .slick-track li {
	align-items: center;
}
.btn_bg {
	text-align: center;
	margin:30px 0 0 ;
}
.scrollcontain {
	font-family: "Neue Helvetica W01_79 C1289709";
    font-size: 18px;
    line-height: 1;
    display: inline-block;
    height: 24px;
    letter-spacing: 1px;
    color: #000;
    text-transform: uppercase;
	margin: 0 auto;
	text-align:center;
	cursor:pointer;
}
.scrollcontain::after {
    float: right;
    background: #000 url(../img/white_arrow.png) no-repeat center;
    height: 24px;
    background-size: 14px 13px;
    width: 24px;
    margin: -2px 0 0 10px;
    content: "";
    border-radius: 50%;
}

.content-container {
	display: flex;
    margin: 20px -40px;
    flex-direction: column;
    border-top: 2px solid #000;
    padding: 20px 0 0;
}
.content-title {
	font-size: 40px;
	line-height: 35px;
	margin: 0;
	letter-spacing: -1.07px;
	font-family: "Helvetica Neue LT W01_75 Bold";
}
.content-details {
	font-family: "Helvetica Neue LT W05_55 Roman";
	font-size: 14px;
	line-height: 1.29;
	margin: 20px 0 15px !important;
}
.content-right {
	width: 100%;
}
.content-right img {
	max-width:100%;
}
.green_tabs.packaging .cdp-element{
	    margin: 3.75rem auto 20px;
}
.green_tabs.packaging .styled-text-elements{
	    margin: 3.75rem auto 10px;
}

.green-edition .look-card__link:hover {
	    text-decoration: none;
		cursor:default;
}
.green-edition .look-card__link small {
	display: none;
}
@media screen and (min-width: 768px) {
    .tab-text_container {
        margin: 0 auto;
        width: 470px
    }
    .tab-text_container p,.tab-text_container h2,.tab-text_container a {
        font-size: 16px;
        line-height: 20px;
    }
	.tab-text_container .article--title {
		margin: 32px 0 0;
		font-size: 42px
	}
	.GreenEdition.featured-product-wide {
		flex-direction: row-reverse;
		margin-top: 0 !important;
		padding: 0;
		left: 0;
		justify-content: space-between;
		align-items:center;
		padding-top: 18px;
		width: 710px;
		margin-top: 20px !important;
	}
	.GreenEdition-Cradle {
        padding: 25px 30px 0;
	}
	.GreenEdition-Cradle h2{
		font-size: 42px;
		line-height:42px;
		margin: 0 0 40px;
	}
	.GreenEdition-Cradle p{
		font-size:16px;
		line-height: 20px;
	}
	.GreenEdition.featured-product-wide .fpw__hero {
		width: 350px;
		top:0;
		height:350px;
		display: flex;
		align-items: center;
	}
	.GreenEdition.featured-product-wide .fpw__hero-container {
		height: auto;
	}
	.GreenEdition.featured-product-wide .fpw__text-box {
		padding: 0;
		width: 350px;
		left: 0;
		top: 0;
		margin-top: 0px;
	}
	.GreenEdition.featured-product-wide .fpw__text-box h2 {
		font-size: 50px;
		line-height: 44px;
		letter-spacing: -1.33px;
		width: 280px;
	}
	.GreenEdition.featured-product-wide .fpw__details {
		font-size:16px;
	}
	.content-container {
		margin: 20px -35px;
		flex-direction: row;
		justify-content: space-between;
	}
	.content-left,.content-right {
		width: 350px;
	}
	.green_tabs.packaging .cdp-element{
	    margin: 3.75rem auto 24px;
	}
	.green_tabs.packaging .styled-text-elements{
	    margin: 3.75rem auto 0;
	}
}

@media screen and (min-width: 1024px) {
    .tab-divitor {
        margin: 40px 0 20px;
    }
    .tab-text_container {
        width: 656px;
    }
	.tab-text_container .article--title {
		font-size: 55px;
		line-height: 50px;
		letter-spacing: 1px;
		margin: 67px 0 0;
	}
	.GreenEdition.featured-product-wide {
		width:904px;
	}
	.GreenEdition-Cradle {
        margin: -30px -132px 30px;
        padding: 60px 200px 0;
    
	}
	.scrollcontain {
		font-size: 24px;
	}
	.scrollcontain::after {
		height: 32px;
		background-size: 18px 17px;
		width: 32px;
		margin: -2px 0 0 16px;
	}
	.content-container {
		margin: 20px -132px;
	}
	.content-left,.content-right {
		width: 440px;
	}
}

@media screen and (min-width: 1280px) {
	.GreenEdition.featured-product-wide {
		width:1200px;
		padding-top: 39px;
		margin-top: 43px !important;
	}
	.GreenEdition-Cradle {
        margin: -10px -280px 60px;
        padding: 50px 276px 0;
	}	
	.GreenEdition-Cradle h2{
		font-size: 55px;
		line-height:55px;
		letter-spacing:1px;
		margin: 0 0 45px
	}
	.GreenEdition.featured-product-wide .fpw__hero {
		width: 450px;
		height: 450px;
	}
	.GreenEdition.featured-product-wide .fpw__hero-image {
		min-width: auto;
	}
	.GreenEdition.featured-product-wide .fpw__text-box {
		    width: 650px;
	}
	.GreenEdition.featured-product-wide .fpw__text-box h2 {
		font-size: 70px;
		line-height: 60px;
		letter-spacing: -1.87px;		   
		width: auto;
	}
	.GreenEdition.featured-product-wide .fpw__text-box .title-fullwidth{
		display: block;  

	}
	.content-container {
		margin: 20px -132px;
	}
	.content-left,.content-right {
		width: 440px;
	}
	.green_tabs.packaging .cdp-element{
	    margin: 3.75rem auto 34px;
	}
	
}
@media screen and (min-width: 1440px){
	.GreenEdition.featured-product-wide {
		width:1320px;
	}
	.GreenEdition-Cradle {
		margin: -10px -340px 60px;
        padding: 50px 336px 0;
	}
	.GreenEdition.featured-product-wide .fpw__hero {
		width: 532px;
		height: 532px;
	}
}