@keyframes forceRepaint { from {transform: scale(1)} to {transform: scale(1)}
}
body div#wrapper footer { z-index: 20;
}
a#backToTopBtn { animation-name: forceRepaint; animation-duration: 5s; animation-iteration-count: infinite;
}
.finderholder { background-color: #fff; overflow: hidden; display: block; position: relative;
}
.finderholder .content-wrapper { position: relative;
}
.finderholder .h1 { font-family: "Libre Baskerville", Times, "Times New Roman", serif; font-size: 17px; letter-spacing: 2px; line-height: 1.5;
}
.finderholder .landing .btnHolder a { color: black; font-size: 16px; text-transform: uppercase;
}
.finderholder .finder-heading { font-family: "Libre Baskerville", Times, "Times New Roman", serif; text-transform: uppercase; font-size: 28px; font-weight: bold; letter-spacing: 2px;
}
.finderholder .landing-copy { font-size: 14px; width: 80%; letter-spacing: 2px; line-height: 1.5;
}
.finderholder button.option { font-size: 16px; letter-spacing: 2px;
} .finderholder .answerSlide.selected { border-color: white !important;
}
.finderholder .results { background: #FFFFFF; color: #000000;
}
.finderholder .results > .content-wrapper { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw7e6005aa/fentyface2/style/result-bg1.png?yocs=I_M_&yoloc=eu"); background-repeat: no-repeat; background-position: top center; background-size: 100% auto;
}
.finderholder .results .back-button-holder a { color: #000; font-size: 20px;
}
.finderholder .results .finder-result-h1 { width: 100%; text-align: center; font-family: "Libre Baskerville", Times, "Times New Roman", serif; font-size: 20px; font-weight: 700;
}
.finderholder .results .finder-result-h2 { font-family: "Libre Baskerville", Times, "Times New Roman", serif; text-align: center; font-size: 20px; font-weight: 700;
} .finderholder .results .result-recommendations .pdp-cart-button { margin-top: 15px;
} .finderholder .results .result-recommendations { text-align: center;
}
.finderholder .results.miniPdp .retake-button-holder { margin: 10px auto 20px;
} .finderholder .results.miniPdp .retake-button-holder a { color: #000000; letter-spacing: 1.5px; text-transform: uppercase; border-bottom: 1px solid #000000; padding-bottom: 3px; font-weight: bold;
} .finderholder .results .finder-result-product-name { color: #000000;
}
.answerOptions { display: flex; flex-direction: column; align-items: center; position: relative; width: 100%; top: 0; padding-top: 61%;
}
.roseBg .answerOptions { padding-top: 45%;
}
.hex button.option { border: none; display: block; width: 100%; height: 100%; background: transparent; cursor: pointer; background-repeat: no-repeat; background-position: center center; background-size: 81.8532%; padding: 0; font-family: "brown-regular", "Questrial", Times, Arial, sans-serif; letter-spacing: .2666vw; font-size: 2.9333vw; line-height: 4vw; text-transform: uppercase; color: rgba(0,0,0,.6); position: absolute; top: 0; left: 0;
}
.hex button.option.selected { color: #fff;
}
.hex button.selected { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwf23f4028/fentyface2/answer/yes-mobile.png?yocs=I_M_&yoloc=eu");
}
button.yes.selected { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwf23f4028/fentyface2/answer/yes-mobile.png?yocs=I_M_&yoloc=eu");
}
button.no.selected { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwc16d8f89/fentyface2/answer/no-mobile.png?yocs=I_M_&yoloc=eu");
}
button.silver-platinum.selected { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwb984c476/fentyface2/answer/Platinum.Silver.png?yocs=I_M_&yoloc=eu");
}
button.yellow-gold.selected { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw3adea385/fentyface2/answer/Yellow.Gold.png?yocs=I_M_&yoloc=eu");
}
button.yellow-gold.selected { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw3adea385/fentyface2/answer/Yellow.Gold.png?yocs=I_M_&yoloc=eu");
}
button.both.selected { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwbf6d7d4f/fentyface2/answer/Both.png?yocs=I_M_&yoloc=eu");
}
button.easily.selected { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw6e6e1688/fentyface2/answer/Easily.png?yocs=I_M_&yoloc=eu");
}
button.sometimes.selected { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwaa8d63f7/fentyface2/answer/Sometimes.png?yocs=I_M_&yoloc=eu");
}
button.rarely.selected { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw1cc08062/fentyface2/answer/Rarely.png?yocs=I_M_&yoloc=eu");
}
button.purple.selected { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwad6ecdca/fentyface2/answer/Purple.png?yocs=I_M_&yoloc=eu");
}
button.blue-green.selected { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw9a5a77ff/fentyface2/answer/blue.green.png?yocs=I_M_&yoloc=eu");
}
button.green.selected { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw345cac98/fentyface2/answer/Green.png?yocs=I_M_&yoloc=eu");
}
button.not-sure.selected { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwaea3804a/fentyface2/answer/NotSure.png?yocs=I_M_&yoloc=eu");
}
button.pink-blue.selected { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw8c4aa3fb/fentyface2/answer/Pink.png?yocs=I_M_&yoloc=eu");
}
button.neutral.selected { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw1c022eb2/fentyface2/answer/Neutral.png?yocs=I_M_&yoloc=eu");
}
button.golden-peach.selected { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwc84ceaa6/fentyface2/answer/GoldenPeach.png?yocs=I_M_&yoloc=eu");
}
button.golden-yellow.selected { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw6fe01294/fentyface2/answer/goldenYellow.png?yocs=I_M_&yoloc=eu");
}
.option-wrap.hex { background: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw41732925/fentyface2/answer/answer-hex.svg?yocs=I_M_&yoloc=eu") no-repeat; width: 49.175%; position: relative; display: block; background-position: center center; background-size: 100%; margin-top: 0; margin-bottom: 4.55%;
}
.option-wrap.hex:before { content:" "; position: relative; padding-bottom: 86.3354%; display: block; top: 0; left: 0; width: 100%;
}
.hexBg { background: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw044a6ad8/fentyface2/style/hex.Background.png?yocs=I_M_&yoloc=eu") #fff center 3vw no-repeat; width: 100%; height: auto; background-size: 100%; position: relative;
}
.hexBg .answerOptions { min-height: 240vw;
}
.finderholder .step .roseBg { background-color: #f3e2dc;
}
.finderholder .step .roseBg .progressBarHolder .progressBar .bar { background-color: #ffffff;
}
.finderholder .step .roseBg.sliders .answerOptions {
padding-bottom: 4.2%;
padding-top: 49%;
}
.finderholder .step .largeHexBg { background: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwc806cfda/fentyface2/style/HexBcg.png?yocs=I_M_&yoloc=eu") center top no-repeat; background-size: 100%;
}
.slideContainer.step { position: relative; overflow: hidden;
}
.slideContainer.step .content-asset { }
.pt_category_landing_nonav #primary h2.finderHeader, #dialog-container h2.finderHeader {
font-size: 5.20vw; padding-top: 5.2vw;
letter-spacing: 0.80vw; font-weight: normal; text-align: center; text-transform: uppercase;
}
.questionHead { position: absolute; width: 100%; z-index: 2;
}
.questionText { font-family: "brown-regular", "Questrial", Times, Arial, sans-serif; font-size: 4vw; letter-spacing: 0.183vw; text-align: center; line-height: 6.1333vw; max-width: 100%; margin: 8.1333vw 10vw 0;
}
#q1 .questionText { }
#no-q2 .questionText {
}
#no-q6 .questionText {
}
#yes-q2 .questionText {
}
#no-q7 .questionText {
}
.finderholder a.btnBack, .finderholder .slideContainer:not(#fentyfaceLanding) a.btnNext { font-family: "brown-regular", "Questrial", Times, Arial, sans-serif; text-transform: uppercase; color: #000; width: 60px; height: 51px; background-size: 96% !important; background-repeat: no-repeat; display: block; position: relative; float: right; }
.finderholder a.btnBack span, .finderholder .slideContainer:not(#fentyfaceLanding) a.btnNext span {
font-size: 100%; line-height: .9rem; color: #000; position: relative; margin: auto 16%; display: block; top: 40%; letter-spacing: 4px;
}
.finderholder a.btnNext { transition: opacity 500ms ease-in-out;
}
.finderholder a.btnNext.disabled, .finderholder a.btnNext[disabled]{ opacity: 0;
}
.finderholder a.btnBack:hover, .finderholder a.btnNext:hover { cursor: pointer;
}
.finderholder #s2 a.btnBack, .finderholder #s2.slideContainer:not(#fentyfaceLanding) a.btnNext {
color:#858f8d;
}
.step .btnHolder { position: fixed; padding-left: 18px;
padding-right:18px; vertical-align: middle; bottom: 0;
transiton: position 0.4s;
padding-bottom:55px;
margin-left: auto; margin-right: auto; max-width: 1366px; width: 100%; pointer-events: none;
height: auto;
}
.btnHolder > div, .btnHolder a { pointer-events: auto;
}
.step .btnHolder span{
z-index:3;
}
.step .btnHolder svg#color-fill{
position: relative; left: 1px; top: -16px; z-index: 2; height: 115%; width: 100%;
}
.step .btnHolder svg#color-fill polygon.hex{ fill: white; fill-opacity: .6;
}
.step .btnHolder svg#color-fill polygon.hex:hover, .step .btnHolder .hover svg#color-fill polygon.hex{ stroke: black; stroke-width: 9px;
}
.step .btnHolder.fixed {
position: fixed;
}
.step .btnHolder.absolute {
position: absolute;
}
.step .btnHolder.absolute.right {
right:0;
}
.step .btnHolder.notBottom {
bottom:auto;
margin-top:0;
padding-bottom:55px;
}
.step .btnHolder.bottom,
.step .btnHolder.notBottom {
top:auto;
bottom:0;
}
span { vertical-align: middle;
}
.finderholder .questionHead .questionDropdownHolder { width: 63.6%; margin: 0 auto; font-size: 3.066vw; text-transform: uppercase; letter-spacing: 0.293vw; font-weight: bold; margin-top: 8vw; padding-bottom: 6.666vw; border-bottom: 2px solid #6D6B6B; display: flex; z-index: 100; align-items: center; line-height: 7.866vw;
}
.finderholder .questionHead .questionDropdownHolder label { color: #6D6B6B; width: 50%; flex: 1 0 50%;
}
.finderholder .questionHead .questionDropdownHolder .selectricWrapper { padding: 0; border: none;
}
.finderholder .questionHead .questionDropdownHolder .selectric { border: none; background: transparent; padding: 0; min-height: 0; max-height: none;
}
#primary .finderholder .questionHead .questionDropdownHolder p.label, #dialog-container .finderholder .questionHead .questionDropdownHolder p.label { font-size: 3.066vw; line-height: 3.066vw; padding: 0; width: 50%; text-align: right;
}
.finderholder .questionHead .questionDropdownHolder .selectric svg.down-arrow {display: none;}
.finderholder .questionHead .questionDropdownHolder .selectricInput { display: none;
}
.finderholder .questionHead .questionDropdownHolder .selectricItems { border: none; background-color: transparent; box-shadow: none; overflow: visible;
}
.finderholder .questionHead .questionDropdownHolder .selectricItems ul li { background-color: transparent; border-bottom: none; padding: 5vw 0 0; width: 50%; text-align: right; font-size: 3.066vw; color: #000;
}
.finderholder .questionHead .questionDropdownHolder .selectricItems ul li.selected { display: none;
}
.finderholder .questionHead .questionDropdownHolder .selectricWrapper .button { height: 100%; background: none;
}
.finderholder .questionHead .questionDropdownHolder .selectricWrapper .button:after { border-top-color: #000; border-width: 2.1333vw;
}
.questionDropdownHolder + .questionText { margin-top: 5.733vw;
}
.questionDropdownHolder.open + .questionText { display: none;
}
.finderholder .questionHead .questionDropdownHolder.open { border-bottom: none;
}
span.sliderLabel { display: block; width: 100%; background: #000; text-align: center; color: #fff; font-size: 3.2vw; text-transform: uppercase; letter-spacing: 1vw; font-family: "brown-regular", "Questrial", Times, Arial, sans-serif; padding: 2.8vw; margin-bottom: 6.1333vw;
}
.finderholder .slick { max-width: 100%; min-width: 0;
}
.slick.selected:before { content: " "; width: 100%; height: 100%; display: block; position: absolute; background: purple; z-index: 1; background: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw9b2aa51c/fentyface2/style/selected-hex.svg?yocs=I_M_&yoloc=eu") center center no-repeat; background-size: 45%; pointer-events: none;
}
.option svg.swatchHex { cursor: pointer; }
.option svg.swatchHex path.outline {stroke-width: 2; transition: 250ms ease-in-out;fill: #ffffff;}
.option.selected svg.swatchHex path.outline {stroke-width: 5px; stroke: #000;}
svg.swatchHex path.fill {
}
.swatchOptions.answerOptions { justify-content: flex-start; flex-wrap: wrap; width: auto; align-items: flex-start; flex-basis: auto; min-width: 0;
}
.option .shade { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 2; cursor: pointer; color: #fff; font-weight: bold; width: 100%;
}
.swatchOptions.answerOptions .option { flex-grow: 0; position: relative;
}
.option .shade .desc { display: block; font-weight: normal; text-transform: uppercase;
}
.swatchOptions.answerOptions .col:nth-child(odd) { padding-top: 9.75vw;
}
.swatchOptions.answerOptions .option:before { content:" "; position: relative; padding-bottom: 86.8%; display: block; top: 0; left: 0; width: 100%;
}
.option svg.swatchHex { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;
}
.answerOptions .col { margin-left: -3.35vw;
}
.answerOptions .col:first-of-type{ margin-left:0;
}
.swatchOptions.answerOptions .option { width: 54%; margin-bottom: -21.15%;
}
.swatchOptions.answerOptions { padding-top: 61.725%; padding-left: 4.25vw; width: calc(100% - 4.25vw); padding-bottom: 48vw;
}
a#backToTopBtn { background: url(https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwbf8cb807/fentyface2/style/BacktoTop.png?yocs=I_M_&yoloc=eu) center center no-repeat; background-size: contain; bottom: 0; margin-bottom: 17.467vw; display: block; position: absolute; opacity: 0; transition: opacity 1000ms ease-in 0s, height 0s linear 1250ms, width 0s linear 1250ms; height: 0; width: 0; right: 8px;
}
a#backToTopBtn.visible { width: 73px; width: 9.733vw; height: 62px; height: 8.267vw; opacity: 1; transition: opacity 1000ms ease-in 0s, height 0s linear 0ms, width 0s linear 0ms;
}
.email-results-header.h1 { font-size: 24px; font-size: 3.2vw; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: 0.45vw; margin-bottom: 72px; margin-bottom: 9.600vw;
}
.email-results-container { padding: 9.867vw 12.667vw; width: calc(100vw - 20px); max-width: 750px;
}
.email-results-container #email-finder-results h2 { font-size: 38px; letter-spacing: .5vw; text-transform: uppercase; text-align: center; font-size: 5.066vw; margin-bottom: 0;
}
.email-results-container #email-finder-results p { font-size: 30px; letter-spacing: .3vw; font-weight: normal; font-size: 4vw; text-align: center; margin-top: 5.867vw;
}
#email-finder-results-target span.error { font-size: 15px; font-size: 2vw; left: 0;
}
div#ff2-email-Popup { padding: 0;
}
div.email-input-container { display: flex; width: 100%; position: relative;
}
.add-to-email-list { font-size: 13px; font-size: 1.733vw;
}
a.dialogify.second-modal.btn-transparent.btn-wrapper { display: inline; padding: 0; text-decoration: underline; vertical-align: middle;
}
input.required.email-textfield { flex: 1; font-size: 15px; color: #000; padding: 23px 21px 16px; height: auto; line-height: 1; flex-basis: 66%; max-height: none; font-size: 2vw; padding: 3.066vw 2.8vw 2.13vw; min-height: 0;
}
input.required.email-textfield::placeholder { color: #000;
}
input.required.email-textfield + span.error {top: 100%;}
a.dialogify.second-modal.btn-transparent.btn-wrapper div { display: inline;
}
button.email-submit-btn { font-size: 14px; font-size: 1.867vw; font-weight: bold; letter-spacing: 0.25vw; padding: 21px 21px 16px; height: auto; line-height: 1; flex: 1; flex-basis: 33%; padding: 2.80vw 2.80vw 2.133vw;
}
.opt-in-text { padding-top: 1.5%;
}
.opt-in-text label { text-transform: uppercase; vertical-align: middle;
}
@media screen and (max-width: 767px) {
.swatchOptions.answerOptions .option:nth-child(even) { margin-left: 46.25%;
}
.swatchOptions.answerOptions .option:nth-child(odd) {
}
.swatchOptions.answerOptions .option:last-child { margin-bottom: 0;
}
}
.finderholder #no-q7 button.slick-prev.slick-arrow,
.finderholder #no-q7 button.slick-next.slick-arrow { width: 12.35%; height: 0; top: 50%; transform: translateY(-50%); background-size: 96% !important; padding-top: 10.5%;
}
.finderholder #no-q7 button.slick-prev.slick-arrow { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw28000bf9/fentyface2/style/slider-arrow.png?yocs=I_M_&yoloc=eu") !important; left: 10px;
}
.finderholder #no-q7 button.slick-next.slick-arrow { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw0da035b3/fentyface2/style/slider-arrow-right.png?yocs=I_M_&yoloc=eu") !important; right: 10px;
}
.finderholder #no-q7 ul.slick-dots { bottom: auto; bottom: 20px;;
}
.finderholder #no-q7 ul.slick-dots li button { border: 1px solid #ffffff; border-radius: 50%; width: 17px; height: 17px; margin: 0 7px;
}
.finderholder #no-q7 ul.slick-dots li.slick-active button { background: #ffffff;
}
.finderholder #no-q7 .slick { margin-bottom: 60%;
}
.finderholder #no-q7 .slick .slick-list { overflow: visible;
}
.finderholder #no-q7 .slick .option-wrap { position: relative;
}
.finderholder #no-q7 .slick .option-wrap p { position: absolute; top: 100%; letter-spacing: 0.2666vw; font-size: 4vw; font-weight: normal; text-align: center; width: 100%; padding: 0 20px;
}
.finderholder #no-q7 .slick .option-wrap p .number { display: block; font-size: 6.1333vw; margin-top: 8vw; margin-bottom: 1em;
}
.finderholder #no-q7 .slick .option-wrap.selected:before { content: " "; width: 100%; height: 100%; display: block; position: absolute; z-index: 1; background: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw9b2aa51c/fentyface2/style/selected-hex.svg?yocs=I_M_&yoloc=eu") center center no-repeat; background-size: 60%; pointer-events: none;
}
.mobile-right.finder-minicart { position: fixed; top: 11px; right: 40px; z-index: 99999;
}
.mobile-right.finder-minicart div.mini-cart .mini-cart-totals a.mini-cart-link-cart { color: #FFF; width: 90.5%; font-family: "brown-regular", "Questrial", Times, Arial, sans-serif; font-size: 12px; letter-spacing: 3px; line-height: 42px; text-align: center; text-transform: uppercase;
}
.mobile-right.finder-minicart .mini-cart .mini-cart-total-wrap { display: none;
}
.finderholder #results.slideContainer > .content-wrapper{ padding: 5.866vw 8.5vw 32.133vw; overflow-x: hidden;
}
.finderholder #results.slideContainer h1 { font-family: "brown-regular", "Questrial", Times, Arial, sans-serif; font-size: 40px; font-size: 5.333vw; font-weight: bold; letter-spacing: 0.266vw; padding-bottom: 0; margin-bottom: 3.333vw; text-align: center;
}
.finderholder #results.slideContainer p.b-head { font-family: "brown-regular", "Questrial", Times, Arial, sans-serif; font-size: 24px; font-size: 3.2vw; font-weight: normal; letter-spacing: 0.5vw; line-height: 4vw; max-width: 60.2666vw; margin: 0 auto; text-align: center; margin-bottom: 5.066vw;
}
#results .primary-image { max-width: 69.6vw; margin: 0 auto 7.199vw;
}
#results .primary-image img { margin: 0;
}
.finderholder #results.slideContainer h2.your-results { font-size: 26px; font-size: 3.4666vw; letter-spacing: 0.5vw; text-align: center;
}
.finderholder #results.slideContainer span.results-shade-number-holder { display: block; font-size: 58px; font-size: 7.733vw; margin: 3.466vw auto 5.866vw; text-align: center;
}
.finderholder #results .detailsCta .availability { display: none;
}
.finderholder #results .detailsCta .pdpForm { position: relative;
}
.finderholder #results .cta-holder { margin-left: -3.466vw; width: calc(100% + 3.466vw); position: relative;
}
.finderholder #results .footer-cta { margin-left: -5.466vw; width: calc(100% + 8.466vw); position: relative;
}
.finderholder #results .detailsCta .cta-holder { display: flex; justify-content: center; margin: 0 auto 7.6vw -3.466vw; margin: 0 -8.667vw 2vw; width: calc(100% + (8.667vw * 2)); padding: 0 3.960vw;
}
.finderholder #results .detailsCta .product-actions {
margin: 0 -8.667vw 5vw;
text-align:center;
}
@media screen and (min-width: 768px){
margin: 0 -8.667vw 2vw;
}
.finderholder #results .detailsCta .product-actions ul.menu>li>a {
text-transform: uppercase;
}
.finderholder #results .detailsCta .product-actions ul.menu>li>a span{
vertical-align: unset;
text-decoration: underline;
}
.finderholder #results .detailsCta .product-actions a.wl-action {
color: #000; text-decoration: none; font-family: brown-light,Questrial,Times,Arial,sans-serif; font-size: .83333rem; line-height: 18px; letter-spacing: 3px;
}
.finderholder #results .btn { border: 2px solid #000; display: block; font-family: "brown-regular", "Questrial", Times, Arial, sans-serif; font-size: 22px; font-size: 2.933vw; background: #000; color: #fff; margin-left: 3.466vw; text-align: center; text-transform: uppercase; padding: 5.066vw; flex: 1 1 50%; margin-left: 0; padding: 4vw; margin: 0 1.910vw; letter-spacing: 1px;
}
.finderholder #results .btn:not(.touchEvent):hover, .finderholder #results .btn:active { background: #fff; color: #000;
}
.finderholder #results .footer-cta { display: flex; flex-wrap: wrap; justify-content: space-between;
}
.finderholder #results .footer-cta button { order: 1; margin-bottom: 0; margin-left: 0px; padding: 27px 49px 27px; padding: 3.6vw 6.533vw 3.6vw; font-size: 22px; font-size: 2.933vw; margin-top: 37px; margin-top: 4.933vw; width: 325px; width: 43vw; max-width: 325px; max-width: 48%;
}
.finderholder #results .footer-cta button:nth-of-type(2) { margin-right: 0;
} .finderholder #results .footer-cta .btnRetake { margin-right: auto; margin-left: auto; margin-top: 5%; }
.finderholder #results h3.results-more-head { font-size: 48px; font-size: 6.4vw; text-align: center; margin: 0 auto 4.133vw; text-transform: uppercase; font-weight: normal; letter-spacing: 0.5vw;
}
.finderholder #results p.results-more-copy { font-family: "brown-regular", "Questrial", Times, Arial, sans-serif; font-size: 28px; font-size: 3.733vw; font-weight: normal; letter-spacing: 0.5vw; line-height:4.533vw; padding-bottom: 0; margin: 0 auto 3.333vw; text-align: center ;
}
.finderholder #results .sectionsNav ul { float: left; white-space: nowrap; display: block;
}
.finderholder #results .sectionsNav ul li { display: inline-block; list-style: none;
}
.finderholder #results .sectionsNav ul li a{ display: inline-block; padding: 6.933vw 5.1333vw; font-size: 22px; font-size: 2.933vw; text-transform: uppercase; letter-spacing: 0.3vw;
}
.finderholder #results .sectionsNav ul li a.active { background: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwe06614bb/fentyface2/style/hex-pink.png?yocs=I_M_&yoloc=eu") center center no-repeat; background-size: auto 80%;
}
.finderholder #results .sectionsNav ul:after { display: table; float: none; content:" ";
}
.finderholder #results .sectionsNav { margin: 0 -8.667vw; border-top: 1px solid #000; border-bottom: 1px solid #000;
}
.finderholder #results .sectionsNav:after { display: table; content: " "; float: none; clear: both;
}
.finderholder #results .category-tiles { display: block; width: auto; white-space: nowrap; float: left; position: relative;
}
.finderholder #results .category-tiles-holder:after { display: table; content: " "; float: none; clear: both;
}
.finderholder #results .category-tiles > div { display: inline-block; margin-right: 53px;
}
.finderholder #results .category-tiles > div:last-of-type { margin-right: 0;
}
.finderholder #results .category-tiles .product-tile { max-width: 325px; width: 325px;
}
.finderholder #results .category-tiles .product-tile .product-image { width: auto;
}
.finderholder #results .sections section { position: relative;
}
.finderholder #results .sections section h3 { margin-bottom: 7.73vw; font-size: 4vw; font-weight: normal; text-transform: uppercase; letter-spacing: .5vw; padding-left: 5.2vw; background: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwe06614bb/fentyface2/style/hex-pink.png?yocs=I_M_&yoloc=eu") center left no-repeat; background-size: contain; line-height: 8.6vw;
}
@media only screen and (max-width: 767px) { .desktop{ display: none !important; }
} #landing_text_wrapper{ width: 100%; position: absolute; top: 14%; z-index: 10;
} #landing_text{ position: relative; left: 39%; width: 58%;
} #hexagon_wrapper{ width: 100%; position: absolute; top: -53.5%; z-index: 6;
} #color-fill{ width: 100%; position: absolute; left: 18%;
} .hex { fill-opacity: 0.4; stroke: white; stroke-width: 1;
} #color-fill .hex { fill: transparent;
} .all_landing_images{
} .all_landing_images img { display: block;
} .all_landing_images#landing_Deep_Model img, .all_landing_images#landing_Light_Model img, .all_landing_images#landing_Swatch1 img{ width: 163px; width: 44%;
} .all_landing_images.desktop img{ width: 100%; display: block;
} .all_landing_images#landing_Tan_Model{ position: absolute; bottom: 8.7%; width: 100%;
} .all_landing_images#landing_Tan_Model img{ width: 252px; width: 67%; position: relative; left: 27%;
} .all_landing_images#landing_Swatch2{ position: absolute; bottom: 0; width: 100%;
} .all_landing_images#landing_Swatch2 img{ width: 185px; width: 49%; position: relative; left: 36%;
} .splashcopy{ background-color: #f3e2dc;
} .pt_category_landing_nonav #primary #landing_text h1, #dialog-container #landing_text h1{ font-size: 1.583rem; font-size: 5vw; font-family: "brown-regular", "Questrial", Times, Arial, sans-serif; letter-spacing: 3px; line-height: 6vw; font-weight: bold; text-align: center; text-transform: uppercase; padding: 0; width: 100%;
} .finderholder .landing-copy{ font-size: 15px; font-size: 4.1vw; width: 100%; padding: 7% 0; text-align: center;
} .finderholder .landing .btnHolder{ text-align: center; margin-top: 2.5vw;
} .finderholder .landing .btnHolder a:hover{ color: #000; background-color: #fff;
} .finderholder .landing .btnHolder a { color: #fff; background-color: #000; border:1px solid black; font-size: 12px; font-size:3vw; text-transform: uppercase; letter-spacing:4px; padding: 4vw; min-width: 42vw;
} #column1, #column2, #column3, #column4{ vertical-align:top;
} #column2, #column3, #column4{ display: inline-block;
} #column2{ position: relative; left: -8.7%; top: 0; width: 33.3%;
} #column3{ position: relative; left: -17.5%; width: 33.3%; top: 0;
} #column4{ vertical-align: top; position: absolute; left: 51.4%; top: 0; height: 100%; width: 33.3%; overflow: hidden;
} #concealer1{ width: 55%; background-color: #f3e2dc; z-index: 5; position: absolute; top: 0px; right: 40px; right: 9.9%; height: 27%; transform: rotate(0deg) skew(-27deg, 0deg);
} #concealer2{ width: 54%; background-color: #f3e2dc; z-index: 0; position: absolute; bottom: -2px; right: -89px; right: 1%; height: 109%; transform: rotate(0deg) skew(27deg, 0deg);
} #landing_Swatch10{ overflow: hidden; z-index: 9;
} #landing_Swatch11{ position: relative; bottom: 0; width: 100%;
}
#landing_Swatch11 img{ position: relative; left: -24.9%;
} .fidycent{ height:50%;
}
.statementImage.mobile img{ vertical-align: bottom; display: block;
}
.step .btnHolder { bottom: 0; float: left; margin-top: -47px; margin-top: -11vw;
z-index: 15;
}
.step .btnHolder .next { float: right;
right:0;
}
.step .btnHolder .back { float: left;
left:0;
}
.statementlayout1 .statementHead{ background-color: #e5d8d0;
}
.statementlayout1 .statementHeader{ font-size: 36px;
font-size: 4.825vw; font-weight: bold; letter-spacing: 1.10vw;
}
.statementlayout1 #text{
text-align: center;
padding:60px 0;
padding:8vw 0;
}
#s2.statementlayout1 #text{
padding:15px 0;
}
.statementlayout1 .progressBarHolder .progressBar .bar { background: #fff;
}
.statementlayout1 .statementText{ display: inline-block; padding-top: 30px; padding-top: 4vw; font-size: 36px; font-size: 4vw; letter-spacing: .5vw; text-align: center; max-width: 80%; margin: 0 10vw 0;
}
#s2.statementlayout1 .statementText{ font-size: 15px;
}
#s3.statementlayout1 .statementImage.mobile{
position: relative; top: -45vw; margin-bottom: -45vw; z-index: 0;
}
#s4.statementlayout1 .statementHead { background-color: #decec5;
}
#s3.statementlayout1 .statementHead #finderHeaderWrapper,
.statementlayout1#s3 .statementHead #text,
#s4.statementlayout1 .statementHead #finderHeaderWrapper,
.statementlayout1#s4 .statementHead #text
{ z-index: 7; position: relative;
}
#s4.statementlayout1 .statementImage.mobile{
position: relative; top: -63vw; margin-bottom: -63vw; margin-top: 8vw; z-index: 0;
}
.statementlayout1 .statementImage.mobile img{
width:100%;
}
#hexagon_wrapper:before, #inside_hexagon_wrapper:before { content: " "; position: relative; padding-bottom: 86.8%; display: block; top: 0px; left: 0px; width: 100%;
}
.progressBarHolder { margin: 0 auto; padding-top: 4.1333vw;
}
.progressBarHolder .progressBar { margin: 0 auto; width: 74.4%; max-width: 604px;
}
.progressBarHolder .progressBar .bar { width: 100%; height: 2.666vw; background: #DCDCD9; display: block; position: relative;
}
.progressBarHolder .progressBar .fill { background: #000; display: block; position: absolute; top: 0; left: 0; height: 100%; max-width: 100%;
}
.progressBarHolder .progressBar .fill:before, .progressBarHolder .progressBar .fill:after, .progressBarHolder .progressBar .bar:after { content: " "; display: block; background: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwfa7f730a/fentyface2/style/small-black-hex.png?yocs=I_M_&yoloc=eu"); background-size: contain; position: absolute; width: 3.066vw; height: 2.666vw;
}
.progressBarHolder .progressBar .fill:before { left: -1.333vw;
} .progressBarHolder .progressBar .fill:after, .progressBarHolder .progressBar .bar:after { right: -1.333vw;
}
.PartWrapper{ text-align: center; margin-left: -8.667vw; margin-right: -8.667vw; width: calc(100% + (8.667vw * 2));
position:relative;
background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw6dcb3d28/fentyface2/results/mobile/BCG.png?yocs=I_M_&yoloc=eu");
color:#fff; background-size: 100% 100%;
}
.PartWrapper .logo{
position: absolute;
left: -1%; top: 7%; width: 100%; }
.PartWrapper .logo .img-logo{
width:20rem;
}
.PartWrapper .part{ font-size: 34px; font-size: 4.533vw; padding-bottom: 43px; padding-bottom: 5.733vw; padding-top: 128px; padding-top: 17.07vw; letter-spacing: 0.65vw; }
.PartWrapper .partTitle{
font-size: 36px; font-size: 4.8vw; text-transform: uppercase; padding: 0px 73px 44px; padding: 0 9.733vw 5.867vw; letter-spacing: 1vw; }
.product-finder-results-contour-top-asset.PartWrapper .partTitle{ padding: 0 0% 2.867vw; }
.PartWrapper .partText{ font-size: 26px; font-size: 3.467vw; padding: 0px 47px 113px; padding: 0 6.267vw 15.067vw; letter-spacing: 1vw; }
.PartWrapperProTip{ text-align: center; width: 620px; width: 82.5vw;
position:relative;
color:#000;
margin-top: 39px; margin-top: 5.2vw;
}
.PartWrapperProTip .img-bg{
width:100%
}
.PartWrapperProTip .partProTipTextBlock{
position: absolute; top: 0; left: 44px; left: 6vw; text-align: left;
}
.PartWrapperProTip .partTitle{
font-size: 24px; font-size: 3.2vw; text-transform: uppercase; letter-spacing: 6px; letter-spacing: .8vw; padding-top: 49px; padding-top: 6.5vw;
}
.PartWrapperProTip .partText{ font-size: 20px; font-size: 2.65vw; width: 39.2vw; padding-top: 28px; padding-top: 4vw; letter-spacing: .2vw;
}
.PartWrapperProTip#PartWrapperProTipHighlight .partText{ width: 28.52vw;
width:38%;
}
.PartWrapperProTip#PartWrapperProTipConcealer .partText{
width:51.39%;
}
.category-post-asset{
padding-bottom:119px;
padding-bottom:8.712vw;
}
.category-pre-asset{
padding-bottom:120px;
padding-bottom:16vw;
}
.finderholder #results .sections section {
margin-bottom:120px;
margin-bottom :16vw;
margin-top:0px;
}
.finderholder #results .product-finder-banner-wrapper{
margin-bottom: 12px; margin-bottom: 1.6vw; width: 100%; height: 76px; height: 10.133vw;
}
.finderholder #results .product-finder-banner{ text-align: center; background-color: #F3E1DB; width: 100%; height: 100%; padding: 29px 0; padding: 0; font-size: 18px; font-size: 2vw;
padding:0;
line-height:1; position: relative;
}
.finderholder #results .product-finder-banner-text{ white-space: pre-line; height: 85%;
width:100%; display: flex; justify-content: center;
align-items: center;
line-height: 157%; white-space: normal; height: auto; position: absolute; top: 50%; transform: translateY(-50%); left: 0; display: block; min-height: 0;
}
.finderholder #results .product-name{
text-align: center;
}
.finderholder #results .product-name .primary-name{
font-size: 20px; font-size: 2.667vw; margin-top: 32px; margin-top: 4.267vw; font-weight: bold; white-space: pre-wrap; line-height: 1;
}
.finderholder #results .product-name .subname{
font-size: 15px; font-size: 2vw; margin-top: 15px; margin-top: 1.2rem; white-space: normal;
}
.finderholder #results .product-tile .product-pricing{ font-size: 18px; font-size: 2.4vw; margin-top: 13px; margin-top: 1.1rem; min-height: 0px;
}
.finderholder #results .product-tile .bvinlineratings{ margin-top: 6px; margin-top: .8vw;
}
.finderholder #results .product-tile .product-swatches{
display:none;
}
.finderholder #results .product-tile .shade-number{ font-family: 'brown-light','Questrial', Times, Arial, sans-serif; font-size: 15px; letter-spacing: .5px; margin-top: 29px; min-height: 0px; margin-top: 0px; min-height: 0px; white-space: normal;
}
.finderholder #results .product-tile .cta-holder{ margin: 0; width: 100%;
}
.finderholder #results .product-tile .add-to-cart.btn{
width: 100%; margin-left: 0px; padding: 27px 49px 27px; padding: 3.6vw 6.533vw 3.6vw; font-size: 22px; font-size: 2.933vw; margin-top: 37px; margin-top: 4.933vw;
}
.finderholder #results .category-tiles .product-tile{ max-width: 325px; width: 325px; width: 43vw; vertical-align: top;
}
.finderholder #results .category-tiles > div { display: inline-block; margin-right: 53px; margin-right: 7.067vw;
}
.finderholder #results .category-tiles > div:last-of-type { margin-right: 0;
}
.finderholder{ }
.finderholder #results .slideContainer.results.default{ width: unset !important;
}
.finderholder #results .double-tile img.video { display: block; position: relative; width: auto; max-width: 100%; height: 54vw;
}
.finderholder #results .content-wrapper .subname{ white-space: normal; text-align: center; padding: 0px 66px; padding: 0px 5%; font-size:15px; font-size: 1.25rem;
line-height: 1.5rem;
min-height: 0px;
}
.finderholder #results .content-wrapper .subname{ padding-top: 0px;
}
.finderholder #results .product-name .primary-name{ padding-top: 0px;
margin-top:1.25rem;
line-height:1.4rem;
min-height: 0px;
}
.finderholder #results .resultsFooter .content-asset{ margin-bottom: 120px; margin-bottom: 16vw;
}
.finderholder #results .resultsFooter .content-asset .play-button{ width: 127px; width: 16.933vw; height: 115px; height: 15.333vw;
}
.finderholder #results .product-tile.single-tile
{ height: 54vw !important; background-color: #f3e2dc; white-space: normal; } .finderholder #results .product-tile.single-tile .text{ height:100%; } .finderholder #results .product-tile.single-tile .text .headline{ padding-top: 104px; padding-top:20%; font-weight: bold; font-size: 20px; font-size: 2.464vw; } .finderholder #results .product-tile.single-tile .text .body{
margin-top: 34px; margin-top: 11%; font-size: 15px; font-size: 2.098vw; padding: 0 40px; padding: 0 2.928vw; } .finderholder #results .product-tile.content { background-color: #f3e2dc; white-space: normal; }
.finderholder #results .product-tile .shade-number .colorDescription { display: none;
}
.finderholder #results #primer .product-tile .shade-number .colorDescription,
.finderholder #results #foundation .product-tile .shade-number .colorDescription,
.finderholder #results #setting .product-tile .shade-number .colorDescription,
.finderholder #results #concealer .product-tile .shade-number .colorDescription { display: block;
}
#dialog-container .hex button.option { height: 100%;
}
section.content-wrapper { position: relative;
}
.js .ui-dialog .dialog-content button { height: unset; line-height: unset; letter-spacing: unset; font-size: unset;
}
.face-finder-dialog.ui-dialog { display: flex !important; max-height: 100% !important; overflow-y: hidden; overflow-x: hidden; position: fixed; top: 0 !important; margin-top: 0;
}
.ui-dialog.face-finder-dialog .ui-dialog-titlebar { position: absolute; top: 0; right: 0;
}
.ui-dialog.face-finder-dialog #dialog-container { padding: 0; max-height: 100% !important; overflow-x: hidden; -webkit-overflow-scrolling: touch;
}
#dialog-container .finderholder { overflow-x: hidden; overflow-y: auto; max-height: none; }
#dialog-container .finderholder > div.landing > .content-wrapper { overflow-y: hidden; position: relative; display: block; transform: scale(1);
}
#dialog-container .finderholder > div { overflow-y: hidden;
}
#dialog-container .finderholder > div:not(.exiting) { position: relative;
}
@media screen and (min-width: 1366px) {
#dialog-container .finderholder { min-width: 1366px !important; max-width: 1366px !important;
} #dialog-container .finderholder .landing-copy { font-size: 16.392px; } #dialog-container .finderholder .step .largeHexBg { background: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwdcbf171e/fentyface2/style/hex-bg-large.png?yocs=I_M_&yoloc=eu") #ffffff center 35.695px no-repeat; } #dialog-container #finderHeaderWrapper h2.finderHeader { font-size: 30px; letter-spacing: 7px; padding-top: 13.66px; } #dialog-container .option-wrap.hex { margin-left: 35.9941px; } #dialog-container .hex button.option { font-size: 14px; letter-spacing: 3px; } #dialog-container .finderholder .hexBg .answerOptions { padding-bottom: 163.92px; } #dialog-container .questionText { font-size: 20px; margin-top: 37.98846px; line-height: 33px; }
#dialog-container #q1 .questionText { width: 30%;
}
#dialog-container #q5 .questionText { width: 30%;
} #dialog-container .finderholder .questionHead .questionDropdownHolder { font-size: 12px; margin-top: 40px; line-height: 30px; padding-bottom: 30px; letter-spacing: 1px; } #dialog-container .finderholder .slideContainer .questionHead .questionDropdownHolder p.label { font-size: 12px; line-height: 30px; letter-spacing: 4px; } #dialog-container .finderholder .questionHead .questionDropdownHolder .selectricWrapper .button:after { border-width: 8.196px; } #dialog-container .questionDropdownHolder+.questionText { margin-top: 24px; } #dialog-container .finderholder .questionHead .questionDropdownHolder .selectricItems ul li { font-size: 11.99348px; line-height: 30px; padding-top: 34px; } #dialog-container span.sliderLabel { font-size: 12.998856px; padding: 7.999296px; letter-spacing: 4.098px; margin-bottom: 47.999874px; } #dialog-container .swatchOptions.answerOptions { padding-left: 85.5465px; max-height: 1366px; height: 1366px; padding-top: 25.5%; } #dialog-container .slideContainer.step .swatchOptions.answerOptions .option { margin-left: -47.761px; margin-bottom: 27.32px; width: 275.785px; } #dialog-container .slideContainer.step .swatchOptions.answerOptions .option:nth-child(6n) { margin-top: 133.185px; } #dialog-container .slideContainer.step .swatchOptions.answerOptions .option:nth-child(1) { margin-top: 133.185px; margin-left: 0; } #dialog-container .slideContainer.step .swatchOptions.answerOptions .option:nth-child(2) { margin-bottom: 12vw; margin-left: 0; } #dialog-container .option .shade { font-size: 17.999782px; letter-spacing: 4.098px; } #dialog-container .option .shade .desc { font-size: 10.245px; letter-spacing: 3.415px; } #dialog-container .slideContainer.landing #landing_text h1 { font-size: 30px; line-height: 30px; } #dialog-container .finderholder .landing .btnHolder a { font-size: 13px; min-width: 212px; padding: 15px 45px; max-width: none; } #dialog-container .statementlayout1 .statementHeader { font-size: 34.833px; letter-spacing: 6.83px; } #dialog-container .statementlayout1 #text { padding-top: 13.66px; top: 314.18px; left: 121.66962px; max-width: 503.047258px; } #dialog-container .statementlayout1 .statementText { font-size: 16.35102px; padding-top: 40.98px; line-height: 24.5px; letter-spacing: 3.415px; } #dialog-container #s3.statementlayout1#s3 .statementHead #text { right: 184.41px; } #dialog-container .progressBarHolder .progressBar .bar { height: 12.99066px; } #dialog-container .progressBarHolder .progressBar .fill:before, #dialog-container .progressBarHolder .progressBar .fill:after, #dialog-container .progressBarHolder .progressBar .bar:after { width: 14.99868px; height: 12.99066px; } #dialog-container .progressBarHolder .progressBar .fill:before { left: -7.49934px; } #dialog-container .progressBarHolder .progressBar .fill:after, #dialog-container .progressBarHolder .progressBar .bar:after { right: -7.49934px; } #dialog-container .progressBarHolder { padding-top: 35.9941px; } #dialog-container .progressBarHolder .progressBar { max-width: 603.99056px; } #dialog-container .finderholder #results > .content-wrapper { overflow-x: hidden; padding: 40px 169px 190px;
} #dialog-container .finderholder #results .resultTop { margin: 0 -119.92114px; } #dialog-container .finderholder #results.slideContainer h1 { font-size: 38.84904px; line-height: 35.77554px; margin-bottom: 13px; } #dialog-container .finderholder #results.slideContainer p.b-head { font-size: 20px; line-height: 26.5px; margin-bottom: 66px;; letter-spacing: 4.781px } #dialog-container .finderholder #results.slideContainer h2.your-results { letter-spacing: 03.415px; font-weight: normal; font-size: 23px; } #dialog-container .finderholder #results.slideContainer span.results-shade-number-holder { font-size: 46.00688px; letter-spacing: 4.781px; margin-top: 21px; margin-bottom: 47px; } #dialog-container .finderholder #results .btn { letter-spacing: 3.415px; } #dialog-container .finderholder #results h3.results-more-head { letter-spacing: 4.781px; margin-bottom: 21.5px; } #dialog-container .finderholder #results p.results-more-copy { font-size: 20px; line-height: 29.6422px; margin-bottom: 20px; letter-spacing: 4.781px; } #dialog-container .finderholder #results .sectionsNav ul li a { font-size: 13.29118px; padding: 38.84904px; } #dialog-container .finderholder #results .sectionsNav { margin: 0 -169.00152px; } #dialog-container .finderholder #results .sectionsNav ul { padding-left: 79.74708px; } #dialog-container .finderholder #results.slideContainer { } #dialog-container .finderholder #results .sections section h3 { font-size: 30.5px; letter-spacing: 4.781px; line-height: 102.2451px; margin-bottom: 40.89804px; padding-left: 27.32px; } #dialog-container .finderholder #results .sections section { martin-top: 40.89804px; } #dialog-container .PartWrapper .logo { left: 24px; top: 24px; } #dialog-container .PartWrapper .partTextBlock { width: 639.99832px; left: 126.99702px; } #dialog-container .PartWrapper .part { padding-top: 134px; font-size: 24px; padding-bottom: 28px; } #dialog-container .PartWrapper .partTitle { font-size: 30px; padding: 0px 0px 34px; letter-spacing: 6.83px; } #dialog-container .PartWrapper .partText { padding: 0px 0px 139.30468px; font-size: 20px; letter-spacing: 5.464px; } #dialog-container .PartWrapper .face { top: 57.00318px; width: 455.99812px; right: 57.00318px } #dialog-container .PartWrapper { margin-left: -169.00152px; margin-right: -169.00152px; width: calc(100% + (169.00152px * 2)); margin-bottom: 113.378px; } #dialog-container .PartWrapperProTip .partProTipTextBlock { top: 57.00318px; left: 45.99322px; } #dialog-container .PartWrapperProTip .partTitle { font-size: 20px; letter-spacing: 5.464px; } #dialog-container .PartWrapperProTip .partText { font-size: 15.8456px; padding-top: 28px; letter-spacing: 2.732px; width: 286.86px; } #dialog-container .category-post-asset { padding-bottom: 100.00486px; } #dialog-container .category-pre-asset { padding-bottom: 39.99648px; } #dialog-container .email-results-container { padding: 69.5294px 92.02742px 72.58924px; } #dialog-container .email-results-header.h1 { font-size: 22.5px; margin-bottom: 69.5294px; } #dialog-container button.email-submit-btn { font-size: 13.29118px; } #dialog-container .add-to-email-list { font-size: 12.26668px; } #dialog-container .finderholder #results .category-tiles .product-tile { width: 303px; } #dialog-container .finderholder #results .product-name .primary-name { margin-top: 19.00106px; font-size: 21px; } #dialog-container .finderholder #results .double-tile img.video { height: 382.48px; } #dialog-container .finderholder #results .product-name .subname { font-size: 14.0015px; margin-top: 9.99912px; } #dialog-container .finderholder #results .product-tile .product-pricing { font-size: 13.00432px; margin-top: 9.99912px; } #dialog-container .finderholder #results .product-tile .add-to-cart.btn { max-height: 411.00208px; padding: 19.00106px 63.01358px; font-size: 13.00432px; margin-top: 14.0015px; } #dialog-container .finderholder #results .sections section { margin-bottom: 100.00486px; } #dialog-container .finderholder #results .product-finder-banner-wrapper { height: 76.00424px; } #dialog-container .finderholder #results .product-finder-banner { font-size: 13.00432px; font-size: 13.00432px; padding-top: 30px; } #dialog-container .finderholder #results .product-tile .shade-number { margin-top: 0px; font-size: 11.99348px; } #dialog-container .finderholder #results .product-tile .shade-number.colorDescription { font-size: 9.99912px; padding: 0 40.99366px; height: auto;
margin-top: 0px; line-height: 10px; } #dialog-container .finderholder #results .product-tile.single-tile { height: 382.48px !important; } #dialog-container .finderholder #results .product-tile.single-tile .text .headline { font-size: 20px; } #dialog-container .finderholder #results .product-tile.single-tile .text .body { font-size: 14.99868px; padding: 0 39.99648px; } #dialog-container .finderholder #results .resultsFooter .content-asset .play-button { width: 118.39122px; height: 107.46322px; } #dialog-container .finderholder #results .footer-cta button { max-width: 280px; font-size: 13px; padding: 20px; display: flex; align-items: center; justify-content: center;
}
}
@media screen and (min-width: 1366px) {
#primary .finderholder .slideContainer > .content-wrapper { max-width: 1366px; margin: 0 auto; overflow: hidden;
} #primary .finderholder .landing-copy { font-size: 16.392px; }
#primary .finderholder .hexBg .answerOptions { padding-bottom: 163.92px;
} #primary .finderholder .step .largeHexBg { background: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwdcbf171e/fentyface2/style/hex-bg-large.png?yocs=I_M_&yoloc=eu") #ffffff center 35.695px no-repeat; } #primary #finderHeaderWrapper h2.finderHeader { font-size: 30px; padding-top: 13.66px; letter-spacing: 7px; }
.pt_category_landing_nonav #primary .questionHead h2.finderHeader, #dialog-container .questionHead h2.finderHeader { font-size: 30px; letter-spacing: 7px;
} #primary .option-wrap.hex { margin-left: 35.9941px; } #primary .hex button.option { font-size: 14px; letter-spacing: 3px; } #primary .questionText { font-size: 20px; margin-top: 37.98846px; line-height: 33px; letter-spacing: 2.5px; } #primary #q1 .questionText { width: 30%; } #primary #q5 .questionText { width: 30%; } #primary .finderholder .questionHead .questionDropdownHolder { font-size: 11.99348px; margin-top: 39.99648px; line-height: 30px; padding-bottom: 30px; width: 244px; }
#primary .finderholder .questionHead .questionDropdownHolder label, #dialog-content .finderholder .questionHead .questionDropdownHolder label { letter-spacing: 4px;
} #primary .finderholder .slideContainer .questionHead .questionDropdownHolder p.label { font-size: 12px; line-height: 30px; letter-spacing: 4px; } #primary .finderholder .questionHead .questionDropdownHolder .selectricWrapper .button:after { border-width: 8.196px; } #primary .questionDropdownHolder+.questionText { margin-top: 24px; } #primary .finderholder .questionHead .questionDropdownHolder .selectricItems ul li { font-size: 11.99348px; line-height: 30px; padding-top: 34px; } #primary span.sliderLabel { font-size: 12.998856px; padding: 7.999296px; letter-spacing: 4.098px; margin-bottom: 47.999874px; } #primary .swatchOptions.answerOptions { padding-left: 85.5465px; max-height: 1366px; height: 1366px; padding-top: 25.5%; } #primary .slideContainer.step .swatchOptions.answerOptions .option { margin-left: -47.761px; margin-bottom: 27.32px; width: 275.785px; } #primary .slideContainer.step .swatchOptions.answerOptions .option:nth-child(6n) { margin-top: 133.185px; } #primary .slideContainer.step .swatchOptions.answerOptions .option:nth-child(1) { margin-top: 133.185px; margin-left: 0; } #primary .slideContainer.step .swatchOptions.answerOptions .option:nth-child(2) { margin-bottom: 12vw; margin-left: 0; } #primary .option .shade { font-size: 17.999782px; letter-spacing: 4.098px; } #primary .option .shade .desc { font-size: 10.245px; letter-spacing: 3.415px; } #primary .slideContainer.landing #landing_text h1 { font-size: 30px; line-height: 30px; } #primary .finderholder .landing .btnHolder a { font-size: 13px; min-width: 212px; padding: 15px 45px; max-width: none; } #primary .statementlayout1 .statementHeader { font-size: 34.833px; letter-spacing: 6.83px; } #primary .statementlayout1 #text { padding-top: 13.66px; top: 314.18px; left: 121.66962px; max-width: 503.047258px; } #primary .statementlayout1 .statementText { font-size: 16.35102px; padding-top: 40.98px; line-height: 24.5px; letter-spacing: 3.415px; }
#primary #s2.statementlayout1 #text, #dialog-container #s2.statementlayout1 #text { padding: 0; }
#primary #s2.statementlayout1 .statementText, #dialog-container #s2.statementlayout1 .statementText{ font-size: 16px; } #primary #s3.statementlayout1#s3 .statementHead #text { right: 184.41px; } #primary .progressBarHolder .progressBar .bar { height: 12.99066px; } #primary .progressBarHolder .progressBar .fill:before, #primary .progressBarHolder .progressBar .fill:after, #primary .progressBarHolder .progressBar .bar:after { width: 14.99868px; height: 12.99066px; } #primary .progressBarHolder .progressBar .fill:before { left: -7.49934px; } #primary .progressBarHolder .progressBar .fill:after, #primary .progressBarHolder .progressBar .bar:after { right: -7.49934px; } #primary .progressBarHolder { padding-top: 35.9941px; } #primary .progressBarHolder .progressBar { max-width: 603.99056px; }
#primary .finderholder #results > .content-wrapper { overflow-x: hidden; padding: 40px 169px 190px;
} #primary .finderholder #results .resultTop { margin: 0 -169.00152px; padding: 0 48px; } #primary .finderholder #results.slideContainer h1 { font-size: 38.84904px; line-height: 35.77554px; margin-bottom: 13px; } #primary .finderholder #results.slideContainer p.b-head { font-size: 20px; line-height: 26.5px; margin-bottom: 66px; letter-spacing: 4.781px; } #primary .finderholder #results.slideContainer h2.your-results { letter-spacing: 03.415px; font-weight: normal; font-size: 23px; } #primary .finderholder #results.slideContainer span.results-shade-number-holder { font-size: 46.00688px; letter-spacing: 4.781px; margin-top: 21px; margin-bottom: 47px; } #primary .finderholder #results .btn { letter-spacing: 3.415px; }
#primary .finderholder #results .detailsCta .btn, #dialog-container .finderholder #results .detailsCta .btn { letter-spacing: 1.25px; max-width: 212px; padding: 16px 49px;
} #primary .finderholder #results h3.results-more-head { letter-spacing: 4.781px; margin-bottom: 21.5px; } #primary .finderholder #results p.results-more-copy { font-size: 20px; line-height: 29.6422px; margin-bottom: 20px; letter-spacing: 4.781px; } #primary .finderholder #results .sectionsNav ul li a { font-size: 13.29118px; padding: 31.84904px; } #primary .finderholder #results .sectionsNav { margin: 0 -169.00152px; overflow: hidden; } #primary .finderholder #results .sectionsNav ul { padding-left: 79.74708px; padding-left: 0; } #primary .finderholder #results.slideContainer { padding: 0; }
#primary .finderholder .slideContainer.results > .content-wrapper { padding: 40.89804px 169.00152px 190px;
}
#primary .finderholder .slideContainer.results .detailsCta .cta-holder, #dialog-container .finderholder .slideContainer.results .detailsCta .cta-holder{ margin-bottom: 30px;
}
.finderholder #results .detailsCta .product-actions {
margin-bottom: 30px;
} #primary .finderholder #results .sections section h3 { font-size: 30.5px; letter-spacing: 4.781px; line-height: 102.2451px; margin-bottom: 40.89804px; padding-left: 27.32px; } #primary .finderholder #results .sections section { martin-top: 40.89804px; }
.finderholder .slideContainer .horizontal-scroll.category-tiles-holder { margin: 0px -20px;
margin-left:0px; padding-left: 0px; } #primary .PartWrapper .logo { left: 0; top: 24px; } #primary .PartWrapper .partTextBlock { width: 639.99832px; left: 126.99702px; } #primary .PartWrapper .part { padding-top: 134px; font-size: 24px; padding-bottom: 28px; letter-spacing: 6px; } #primary .PartWrapper .partTitle { font-size: 30px; padding: 0px 0px 34px; letter-spacing: 6.83px; } #primary .PartWrapper .partText { padding: 0px 0px 139.30468px; font-size: 20px; letter-spacing: 5.464px; } #primary .PartWrapper .face { top: 57.00318px; width: 455.99812px; right: 57.00318px } #primary .PartWrapper { margin-left: -169.00152px; margin-right: -169.00152px; width: calc(100% + (169.00152px * 2)); margin-bottom: 113.378px; } #primary .PartWrapperProTip .partProTipTextBlock { top: 57.00318px; left: 45.99322px; } #primary .PartWrapperProTip .partTitle { font-size: 20px; letter-spacing: 5.464px; } #primary .PartWrapperProTip .partText { font-size: 15.8456px; padding-top: 28px; letter-spacing: 2.732px; width: 286.86px; } #primary .category-post-asset { padding-bottom: 100.00486px; } #primary .category-pre-asset { padding-bottom: 39.99648px; } #primary .email-results-container { padding: 69.5294px 92.02742px 72.58924px; } #primary .email-results-header.h1 { font-size: 22.5px; margin-bottom: 69.5294px; } #primary button.email-submit-btn { font-size: 13.29118px; } #primary .add-to-email-list { font-size: 12.26668px; } #primary .finderholder #results .category-tiles .product-tile { width: 303px; } #primary .finderholder #results .product-name .primary-name { margin-top: 19.00106px; font-size: 21px; } #primary .finderholder #results .double-tile img.video { height: 382.48px; } #primary .finderholder #results .product-name .subname { font-size: 14.0015px; margin-top: 9.99912px; } #primary .finderholder #results .product-tile .product-pricing { font-size: 13.00432px; margin-top: 9.99912px; } #primary .finderholder #results .product-tile .add-to-cart.btn { max-height: 411.00208px; padding: 19.00106px 63.01358px; font-size: 13.00432px; margin-top: 14.0015px; } #primary .finderholder #results .sections section { margin-bottom: 100.00486px; } #primary .finderholder #results .product-finder-banner-wrapper { height: 76.00424px; } #primary .finderholder #results .product-finder-banner { font-size: 13.00432px; font-size: 13.00432px; } #primary .finderholder #results .product-tile .shade-number { margin-top: 0px; font-size: 11.99348px; } #primary .finderholder #results .product-tile .shade-number.colorDescription { font-size: 9.99912px; min-height: 11.99348px;
min-height:0px; padding: 0 40.99366px; height: auto; } #primary .finderholder #results .product-tile.single-tile { height: 382.48px !important; } #primary .finderholder #results .product-tile.single-tile .text .headline { font-size: 20px; } #primary .finderholder #results .product-tile.single-tile .text .body { font-size: 14.99868px; padding: 0 39.99648px; } #primary .finderholder #results .resultsFooter .content-asset .play-button { width: 118.39122px; height: 107.46322px; } #primary .finderholder #results .footer-cta, #dialog-container.finderholder #results .footer-cta { margin-bottom: 0;
} #primary .finderholder #results .footer-cta button { max-width: 303px; font-size: 13px; padding: 20px; } #primary a#backToTopBtn.visible, #dialog-container a#backToTopBtn.visible { width: 37px; height: 32px; }
}
.ff2-results-addall{ border-radius: 1em;
}
.results-addall-container{
padding: 0 7%; width:27em; display: flex; flex-direction: column;
}
.results-addall-header{ font-size: 1.647vw; font-size: 235%; margin-bottom: 68px; margin-bottom: 10%; text-align: center;
}
.results-addall-text{ text-align: center; font-size: 1.5em;
}
.results-addall-container .checkmark{ text-align: center; display: block; padding-top: 0; padding-bottom: 10%;
}
.results-addall-container #checkmark{
width:30%;
}
.finder-exitConfirmClass {
}
#finder-exitConfirm { padding: 20px 20px 0; width: 100vw;
}
.exit-confirmation-buttons { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 -20px;
}
.exit-confirmation-buttons button:first-of-type {
}
.exit-confirmation-buttons button { font-weight: normal; font-size: 2.933vw; border: none; padding: 3.733vw; width: 59.2%; background: #000; color: #fff; text-transform: uppercase; letter-spacing: 0.2133vw; font-family: "brown-regular", "Questrial", Times, Arial, sans-serif; margin-bottom: 5.2vw;
}
@media screen and (min-width: 1366px){
#finder-exitConfirm .exit-confirmation-buttons button { font-size: 11px; padding: 14px; margin: 0 21px 0 0; }
}
#finder-exitConfirm p { font-size: 4vw; text-align: center; margin-bottom: 6.4vw; font-weight: normal;
}
#finder-exitConfirm p.exit-confirmation-box-header { font-size: 5.066vw; text-align: center; font-weight: bold; text-transform: uppercase; line-height: 7.066vw; letter-spacing: 0.266vw; font-family: "brown-regular", "Questrial", Times, Arial, sans-serif; max-width: 65.6%; margin: 0 auto 3vw;
}
.js .ui-dialog.face-finder-dialog .ui-dialog-titlebar-close { top: -10px; right: -10px;
}
.js .ui-dialog.finder-exitConfirmClass { width: 100% !important;
}
.js .ui-dialog span.ui-button-icon-primary.ui-icon.ui-icon-closethick { text-indent: inherit;
}
.js .ui-dialog span.ui-button-icon-primary.ui-icon.ui-icon-closethick:before { padding-top: 0;
}
@media screen and (min-width: 768px) and (max-height: 950px){ #dialog-container .finderholder .step .roseBg.sliders .answerOptions,#primary .finderholder .step .roseBg.sliders .answerOptions { /* max-width: 100vh; */ }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .ui-dialog.face-finder-dialog { height: 100% !important; background: transparent; border: none; } .ui-dialog.face-finder-dialog .finderholder { border: 1px solid black; }
}
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) and (min-width: 768px) {
}
a#backToTopBtn { right: 8px;
}
#dialog-container a#backToTopBtn { right: 28px;
}
@media screen and (min-width: 767px){ a#backToTopBtn { right: calc(12.372vw + 8px); margin-bottom: 13.909vw; }
}
@media screen and (min-width: 1366px) { a#backToTopBtn { margin-bottom: 190px; } a#backToTopBtn.js-is-sticky { right: calc(((100vw - 1366px) / 2) + 169px - 120px); } a#backToTopBtn.js-is-stuck { right: calc(169px - 120px); }
}
#categorynav_wrapper #btnleft, #categorynav_wrapper #btnright {	position: relative; bottom: calc(15px + 8vw); height: 28px; width: 25px; z-index: 100; background-size: contain; background-color:white;
background-repeat: no-repeat;	}	section #btnleft, section #btnright {	position: absolute; top: 438px; top: 51vw;
top: calc(50% + -18vw); height: 28px; width: 25px; z-index: 100; background-size: contain; background-repeat: no-repeat;	}	#btnleft{	background-image: url(https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/Sites-FENTY-Site/-/default//images/arrow_left.png?yocs=I_M_&yoloc=eu);	left: -130px;	left:-8.5vw;	float: left;	display:none;	opacity: 0;	}	#btnright{	background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/Sites-FENTY-Site/-/default//images/arrow_right.png?yocs=I_M_&yoloc=eu");	right: -130px;	right:-8.5vw;	float: right;	display:none;	}	.sections section{	position:relative;	}
@media screen and (min-width: 768px){
#categorynav_wrapper #btnleft, #categorynav_wrapper #btnright { bottom: calc(4px + 4vw);	}
section #btnleft, section #btnright { top: 438px; top: 32vw;	}
#btnleft{	left: -130px;	left:-12.2vw;	float: left;	}	#btnright{	right: -130px;	right:-12.2vw;	}
}
@media screen and (min-width: 1366px){
#categorynav_wrapper #btnleft{ bottom:49px; left: -170px;	}	#categorynav_wrapper #btnright{	bottom:49px; right: -167px;	}
section #btnleft, section #btnright {
top: 438px;
}
section #btnleft {
left: -85px;
}
section #btnright {
right:-85px
}
}
.finderholder .resultTop a.btnBack{ width: 36%; height: auto; margin: auto; float: none;
}
.finderholder .resultTop a.btnBack span{ margin: auto; margin-bottom: 20px; margin-bottom: 5vw; display: block; letter-spacing: 4px; font-family: "brown-regular", "Questrial", Times, Arial, sans-serif; font-size: 40px; font-size: 5.333vw; font-weight: bold; text-align: center; width: 150px; width: 28vw; height: 100%; line-height: unset;
}
@media screen and (min-width: 768px){
.finderholder .resultTop a.btnBack span{
margin-bottom: 1vw; margin-top: -1vw; width: 9vw; font-size: 23px; font-size: 1.683vw; max-width: 289px; max-width: 21.156vw; margin-left: auto; margin-right: auto; letter-spacing: 0.25vw; font-weight: normal; padding: .5vw 0;
}
}
@media screen and (min-width: 1366px){
.finderholder .resultTop a.btnBack span{
letter-spacing: 03.415px; font-weight: normal; font-size: 23px; padding: 4px 0px; width: 119px; margin-top: -14px;
}
}
#categorynav_wrapper.sticky{ position: fixed; top: 0;
z-index: 3000;
padding-top:0;
width:100%;
max-width: 1366px;
}
#categorynav_wrapper.sticky #sectionsNav{ background-color: white;
max-width:100%;
}
#categorynav_wrapper.sticky #btnleft, #categorynav_wrapper.sticky #btnright {
position: fixed; top: 6.9vw;
bottom:unset;
}
#categorynav_wrapper.sticky #btnright { right: 0vw;
}
#categorynav_wrapper.sticky #btnleft { left: 0vw;
}
@media screen and (min-width: 768px){
#categorynav_wrapper.sticky #btnleft, #categorynav_wrapper.sticky #btnright {
position: fixed; top: 2.5vw;
bottom:unset;
}
}	@media screen and (min-width: 650px) {	.opt-in-text { padding-top: .75%;
}	}	@media screen and (min-width: 768px) {	.face-finder-dialog.ui-dialog { margin-top: 0;
}
.js .ui-dialog.face-finder-dialog .ui-dialog-titlebar-close { top: 10px; right: 10px;
}
.finderholder .finder-heading { font-size: 50px; width: 62%; margin: 18px auto 0;
}
.finderholder .landing .btnHolder { margin-top: 0;
}
.finderholder .landing-copy { font-size: 22px;
font-size: 1.2vw; width: 118%;
position: relative; left: -9%; padding: 9% 0;
}
.finderholder .h1 { font-size: 30px;
}
.finderholder .results .back-button-holder a { font-size: 28px;
}
.hexBg { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw979383de/fentyface2/style/Hexagons.BCG.png?yocs=I_M_&yoloc=eu"); background-position: center top;
}
.hexBg .answerOptions { min-height: 0; padding-bottom: 12vw;
}
.finderholder .step .largeHexBg { background: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwdcbf171e/fentyface2/style/hex-bg-large.png?yocs=I_M_&yoloc=eu") #ffffff center 1.25vw no-repeat; background-size: 100%;
}
.pt_category_landing_nonav #primary h2.finderHeader, #dialog-container h2.finderHeader { font-size: 2.196vw; padding-top: 1vw; letter-spacing: 7px; letter-spacing: 0.523vw;
}
.answerOptions { padding-top: 16.30%; flex-direction: row; justify-content: center;
}
.option-wrap.hex { margin-top: 6.65%; width: 19.7%; margin-left: 2.635vw;
}
.option-wrap.hex:first-of-type {	margin-left: 0;
}
.hex button.option { font-size: 1.0479vw; line-height: 1.57;
}
.hex button.option:hover { color: #fff;
}
.hex button:hover { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwf23f4028/fentyface2/answer/yes-mobile.png?yocs=I_M_&yoloc=eu");
}
button.yes:hover { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwf23f4028/fentyface2/answer/yes-mobile.png?yocs=I_M_&yoloc=eu");
}
button.no:hover { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwc16d8f89/fentyface2/answer/no-mobile.png?yocs=I_M_&yoloc=eu");
}
button.silver-platinum:hover { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwb984c476/fentyface2/answer/Platinum.Silver.png?yocs=I_M_&yoloc=eu");
}
button.yellow-gold:hover { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw3adea385/fentyface2/answer/Yellow.Gold.png?yocs=I_M_&yoloc=eu");
}
button.yellow-gold:hover { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw3adea385/fentyface2/answer/Yellow.Gold.png?yocs=I_M_&yoloc=eu");
}
button.both:hover { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwbf6d7d4f/fentyface2/answer/Both.png?yocs=I_M_&yoloc=eu");
}
button.easily:hover { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw6e6e1688/fentyface2/answer/Easily.png?yocs=I_M_&yoloc=eu");
}
button.sometimes:hover { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwaa8d63f7/fentyface2/answer/Sometimes.png?yocs=I_M_&yoloc=eu");
}
button.rarely:hover { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw1cc08062/fentyface2/answer/Rarely.png?yocs=I_M_&yoloc=eu");
}
button.purple:hover { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwad6ecdca/fentyface2/answer/Purple.png?yocs=I_M_&yoloc=eu");
}
button.blue-green:hover { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw9a5a77ff/fentyface2/answer/blue.green.png?yocs=I_M_&yoloc=eu");
}
button.green:hover { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw345cac98/fentyface2/answer/Green.png?yocs=I_M_&yoloc=eu");
}
button.not-sure:hover { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwaea3804a/fentyface2/answer/NotSure.png?yocs=I_M_&yoloc=eu");
}
button.pink-blue:hover { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw8c4aa3fb/fentyface2/answer/Pink.png?yocs=I_M_&yoloc=eu");
}
button.neutral:hover { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw1c022eb2/fentyface2/answer/Neutral.png?yocs=I_M_&yoloc=eu");
}
button.golden-peach:hover { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwc84ceaa6/fentyface2/answer/GoldenPeach.png?yocs=I_M_&yoloc=eu");
}
button.golden-yellow:hover, button.golden-yellow.selected { background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw6fe01294/fentyface2/answer/goldenYellow.png?yocs=I_M_&yoloc=eu");
}
.questionText { font-size: 1.464vw; margin: 8.1333vw auto 0; margin-top: 2.781vw; line-height: 2.415vw; max-width: 55.169%;
}
#no-q5 .questionText, #q1 .questionText{
width:28.9%;
}
.finderholder .questionHead .questionDropdownHolder { font-size: 0.878vw; width: 17.398%; margin-top: 2.928vw; line-height: 2.196vw; padding-bottom: 2.196vw; min-width: 244px;
}
#primary .finderholder .questionHead .questionDropdownHolder p.label, #dialog-container .finderholder .questionHead .questionDropdownHolder p.label { font-size: 0.878vw; line-height: 2.196vw; width: calc(100% - 50px); letter-spacing: 0.293vw;
}
.finderholder .questionHead .questionDropdownHolder .selectricWrapper .button:after { border-width: 0.6vw;
}
.questionDropdownHolder + .questionText { margin-top: 1.756vw;
}
.finderholder .questionHead .questionDropdownHolder .selectricItems ul li { font-size: 0.878vw; width: calc(100% - 50px); line-height: 2.196vw; padding-top: 0.75vw; margin-left: auto; margin-right: 50px;
}
.option-wrap.slick-slide { position: relative;
}
span.sliderLabel { font-size: 0.9516vw; padding: 0.5856vw; letter-spacing: 0.30vw; margin-bottom: 3.5139vw;
}
.roseBg .answerOptions { flex-direction: column; padding-top: 16.30%;
}
.finderholder .step .roseBg.sliders .answerOptions { max-width: 86.31%; margin: 0 auto; padding-top: 16.30%;
}
.finderholder .slick.selected:before { content: none;
} .slick .option-wrap.selected:before { content: " "; width: 100%; height: 100%; display: block; position: absolute; z-index: 1; background: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dw9b2aa51c/fentyface2/style/selected-hex.svg?yocs=I_M_&yoloc=eu") center center no-repeat; background-size: 60%; pointer-events: none;
}
.swatchOptions.answerOptions { display: inline-flex; padding-bottom: 0; padding-top: 23.85%; padding-left: 6.775vw; flex-direction: column; max-height: 100vw; height: 100vw; width: auto; } .swatchOptions.answerOptions .option { margin-left: -3.35vw; margin-bottom: 2.2vw; width: 19.75vw; }
#dialog-container .hexBg .answerOptions { padding-bottom: 12vw;
} #dialog-container .swatchOptions.answerOptions .option { margin-left: -3.70vw; margin-bottom: 1.8vw;
} .swatchOptions.answerOptions .option:nth-child(6n){ margin-top: 9.75vw; } .swatchOptions.answerOptions .option:nth-child(1){ margin-top: 9.7vw; margin-left: 0; } .swatchOptions.answerOptions .option:nth-child(2){ margin-bottom: 12.25vw; margin-left: 0; } #dialog-container .swatchOptions.answerOptions .option:nth-child(1) { margin-left: 0; } #dialog-container .swatchOptions.answerOptions .option:nth-child(2) { margin-bottom: 13vw; margin-left: 0; } .option .shade { font-size: 1.3177vw; line-height: 1.5; letter-spacing: .3vw; }
.option:hover svg.swatchHex path.outline {stroke-width: 5px; stroke: #000;} .option .shade .desc { font-size: .75vw; letter-spacing: .25vw; }
.finderholder #no-q7 .slick.four .slick-track{ padding-left: 15%;
}
#primary .finderholder button.slick-prev.slick-arrow,
#primary .finderholder button.slick-next.slick-arrow,
#dialog-container.finderholder button.slick-prev.slick-arrow,
#dialog-container.finderholder button.slick-next.slick-arrow, { width: 5.45%; padding-top: 4.75%;
}
#primary .finderholder ul.slick-dots li button, #dialog-container .finderholder ul.slick-dots li button { width: 10px; height: 10px;
}
#primary .finderholder #no-q7 .slick, #dialog-container .finderholder #no-q7 .slick { margin-bottom: 25%;
}
.finderholder .slideContainer.step#no-q7 button.slick-arrow { width: 5.4%; padding-top: 4.5%;
}
.finderholder #no-q7 .slick .option-wrap p { font-size: 15px;
}
.finderholder #no-q7 .slick .option-wrap p .number { font-size: 20px; margin-top: 18px;
}
#column1 { z-index: 5; position: relative;
}
#column2.desktop { background: #372019;
}
#fentyfaceLanding .splashcopy { margin-bottom: -2px; overflow-y: hidden; position: relative;
}
.pt_category_landing_nonav #primary #landing_text h1, #dialog-container #landing_text h1{ font-size: 2.2vw; line-height: 2.2vw; width: 80%; font-weight: normal;
}
.step .btnHolder { padding-bottom: 20px;
margin-bottom:0px;
}
.finderholder .landing .btnHolder a { font-size: 13px; font-size:1vw; padding: 1.317vw; min-width: 15.519vw; padding: .970vw; min-width: 16vw; letter-spacing: 2px;
}
#hexagon_wrapper{
top:-65.9%;
width:49.6%;
}
#hexagon_wrapper path { stroke-width: 2px;
}
#color-fill{ width: 100%;
height:100%; left: 96%;
}
#landing_text_wrapper{ top: 32%;
}
#landing_text{ left: 57.25%; width: 30%;
}
.mobile{
display: none !important;
}
#column1{ display: inline-block; width: 10.32%; vertical-align: top;
}
.statementlayout1 .statementHead { background-color: #f3e1db;
}
.statementlayout1 .statementHeader{ font-size: 35px; font-size: 2.55vw; font-weight: normal;
z-index: 11;
position: relative; letter-spacing: .5vw;
}
.statementlayout1 .statementImage.desktop img{
width: 100%; vertical-align: bottom; display: block;
}
.statementlayout1 #finderHeaderWrapper{
position: absolute; top: 0; width: 100%; z-index: 15;
}
.statementlayout1 #hexagon_wrapper, .statementlayout1 #inside_hexagon_wrapper{ top: -115.9%; width: 74.7%;
}
.statementlayout1 #inside_hexagon_wrapper { position: absolute; z-index: 5;
}
.statementlayout1 #hexagon_wrapper #color-fill, .statementlayout1 #inside_hexagon_wrapper #color-fill{ width: 100%; left:-7%
}
.statementlayout1 #inside_hexagon_wrapper #color-fill{
left: -10%;
}
.statementlayout1 #inside_hexagon_wrapper #color-fill .hex{ fill: #f3e1db; fill-opacity: 1.0; stroke-width: 0;
}
.statementlayout1 #text{ z-index: 20; position: absolute; padding-top: 1vw; top: 299px; top: 23vw; left: 240px; left: 8.907vw; max-width: 36.8263vw;
}
#s2.statementlayout1 #text{ padding: 60px 0; padding: 8vw 0;
}
#s2.statementlayout1 .statementText{ font-size: 16px; font-size: 1.197vw; width: 100%; max-width: none;
}
.statementlayout1 .statementText{
width:100%;
font-size: 16px;
font-size: 1.197vw;
padding-top:3vw;
line-height: 1.796vw;
letter-spacing: 0.25vw; max-width: unset; margin: unset;
}
s1.hex{ stroke-width: .5;
}
#s3.statementlayout1 .statementHead #finderHeaderWrapper,
.statementlayout1#s3 .statementHead #text,
#s4.statementlayout1 .statementHead #finderHeaderWrapper,
.statementlayout1#s4 .statementHead #text{ position: absolute;
}
#s3.statementlayout1 .statementImage.desktop img{
width: 54%;
margin-right:46%;
}
#s3.statementlayout1 #hexagon_wrapper, #s3.statementlayout1 #inside_hexagon_wrapper { top: -115.5%; right: -15%;
}
#s3.statementlayout1 #hexagon_wrapper{
right:-10.5%;
}
#s3.statementlayout1 .statementHead { background-image: linear-gradient(#e0cebf, #d5bca7);
}
#s3.statementlayout1 #inside_hexagon_wrapper { position: absolute; z-index: 5;
}
#s3.statementlayout1 #hexagon_wrapper #color-fill{
left:unset;
}
#s3.statementlayout1 #hexagon_wrapper, #s3.statementlayout1 #inside_hexagon_wrapper{ width: 74%;
}
#s3.statementlayout1#s3 .statementHead #text{
left: auto; right: 13.5vw;
}
#s4.statementlayout1 #hexagon_wrapper{
top:-115.5%;
}
#s4.statementlayout1 .statementImage.desktop img{
width: 54%;
margin-left:46%;
}
#s4.statementlayout1 .statementHead { background-color: #f3e1db;
}
#hexagon_wrapper:before, #inside_hexagon_wrapper:before { content: " "; position: relative; padding-bottom: 86.8%; display: block; top: 0px; left: 0px; width: 100%;
}
.progressBarHolder .progressBar .bar { height: 0.951vw;
}
.progressBarHolder .progressBar .fill:before, .progressBarHolder .progressBar .fill:after, .progressBarHolder .progressBar .bar:after { width: 1.098vw; height: 0.951vw;
}
.progressBarHolder .progressBar .fill:before { left: -.549vw;
}
.progressBarHolder .progressBar .fill:after, .progressBarHolder .progressBar .bar:after { right: -.549vw;
}
.progressBarHolder { padding-top: 2.635vw;
}
.progressBarHolder .progressBar { max-width: 44.216vw;
}
.finderholder #results div.primary-image { float: left; margin-right: 30px; width: 40%;
}
.finderholder #results .resultTop { margin: 0 -8.779vw;
}
.finderholder #results .resultTop:after { display: table; clear: both; float: none; content: " ";
}
.finderholder #results .header { float: right; width: calc(60% - 30px);
}
.finderholder #results .detailsCta { float: right; width: calc(60% - 30px);
}
.finderholder #results .detailsCta .btn { flex-basis: 17.1vw; padding: 20px; padding: 1.25vw; margin: 0 1.21vw; display: flex; justify-content: center; align-items: center;
}
.finderholder #results .footer-cta{ margin-bottom: 0; margin-left: 0; width: auto;
} .finderholder #results .footer-cta button { max-width: 325px; flex: 1; max-height: 411px; max-height: 30.088vw; padding: 19px 104px; padding: 1.1vw 2.613vw; font-size: 13px; font-size: .952vw; margin-top: 14px; margin-top: 1.025vw; width: 303px; width: 22.182vw; max-width: 21.961vw; flex-basis: auto; } .finderholder #results .footer-cta .btnRetake { order: 0; margin-right: 0; margin-left: 0; margin-top: 1.02vw; }
.finderholder #results .footer-cta .emailBtn { margin-left: 15px; margin-right: 15px;
}
.finderholder #results.slideContainer h1 { font-size: 38px; font-size: 2.844vw; font-weight: normal; line-height: 35px; line-height: 2.619vw; margin-bottom: 1.646vw; padding-top: 40px;
}
.finderholder #results.slideContainer p.b-head { font-size: 20px; font-size: 1.497vw; line-height: 26px; line-height: 1.946vw; padding: 0; margin-bottom: 79px; margin-bottom: 5.91vw; letter-spacing: .35vw
}
.finderholder #results.slideContainer h2.your-results { font-size: 23px; font-size: 1.683vw; max-width: 289px; max-width: 21.156vw; margin-left: auto; margin-right: auto; letter-spacing: 0.25vw; font-weight: normal;
}
.finderholder #results.slideContainer span.results-shade-number-holder { font-size: 45px; font-size: 3.368vw; margin-bottom: 57px; margin-bottom: 4.266vw; letter-spacing: 0.35vw; margin-top: 33px; margin-top: 2.470vw;
}
.finderholder #results .btn { font-size: 13px; letter-spacing: 0.25vw; padding: 19px 49px 20px; flex-grow: 0;
}
.finderholder #results h3.results-more-head { font-size: 29px; font-size: 196.55; line-height: 1; letter-spacing: 0.35vw; margin-bottom: 1.571vw;
}
.finderholder #results p.results-more-copy { font-size: 20px; font-size: 1.497vw; line-height: 29px; line-height: 2.170vw; margin-bottom: 20px; margin-bottom: 1.497vw; letter-spacing: 0.35vw;
max-width:83%;
}
.finderholder #results .sectionsNav ul li a { font-size: 13px; font-size: 0.973vw; padding: 38px; padding: 2.844vw;
}
.finderholder #results .sectionsNav ul li a:hover { background: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwe06614bb/fentyface2/style/hex-pink.png?yocs=I_M_&yoloc=eu") center center no-repeat; background-size: auto 80%;
}
.finderholder #results .sectionsNav { margin: 0 -12.372vw;
}
.finderholder #results .sectionsNav ul { padding-left: 78px; padding-left: 5.838vw;
}
.finderholder #results .category-tiles > div { margin-right: 59px;
}
.finderholder #results .category-tiles > div:last-of-type { margin-right: 0;
}
.finderholder #results.slideContainer > .content-wrapper{ padding: 2.994vw 12.372vw 13.909vw;; overflow-x: visible;
}
.finderholder #results .sections section h3 { font-size: 30px; font-size: 2.245vw; letter-spacing: 0.35vw; line-height: 100px; line-height: 7.485vw; margin-bottom: 40px; margin-bottom: 2.994vw; padding-left: 2vw;
}
.finderholder #results .sections section { margin-top: 40px; martin-top: 2.994vw;
}
.PartWrapper .logo{ left: auto; top: 9.5%; width: 65%; padding-right: 15%; padding-left: 15%;
}
.PartWrapper .logo .img-logo{
width:35rem;
}
.PartWrapper .partTextBlock{
width: 640px;
width:46.852vw; position: relative; left: 127px;
left:9.297vw;
float: left;
}
.product-finder-results-contour-top-asset.PartWrapper .partTextBlock{
width: 48%;
}
.PartWrapper .part{
padding-top: 134px;
padding-top: 9.810vw; font-size: 24px;
font-size: 1.757vw; padding-bottom: 28px;
padding-bottom: 2.05vw;
letter-spacing: 0.439vw;
}
.product-finder-results-contour-top-asset.PartWrapper .part{
padding-top: 23%;
}
.PartWrapper .partTitle{
font-size: 30px;
font-size:2.196vw; padding: 0px 0px 34px;
padding: 0px 0px 2.489vw; letter-spacing: .5vw;
}
.PartWrapper .partText{ padding: 0px 0px 71px; padding: 0px 0px 11%; font-size: 20px;
font-size:1.464vw; letter-spacing: .4vw;
}
.product-finder-results-contour-top-asset.PartWrapper .partText{ padding: 0px 18% 13%;
}
.product-finder-results-blot-top-asset.PartWrapper .partText{ padding: 0px 4% 11%;
}
.PartWrapper .face{
position: absolute;
top: 57px;
top:4.173vw; width: 456px; width: 33.382vw; right: 57px;
right:4.173vw;
position: relative;
float: right;
margin-bottom: -5.707vw;
}
.PartWrapper .face img{
width:100%;
}
.PartWrapper{
background-image: url("https://cdn-eu-ec.yottaa.net/5b2c025b312e581baff14194/www.fentybeauty.com/v~4b.b7/on/demandware.static/-/Sites-FENTY-Library/default/dwb8932f69/fentyface2/results/desktop/BCG.png?yocs=I_M_&yoloc=eu"); margin-left: -12.372vw; margin-right: -12.372vw; width: calc(100% + (12.372vw * 2)); margin-bottom: 8.3vw; margin-bottom: 9.880vw;
}
.PartWrapperProTip{ width: 100%;
}
.PartWrapperProTip#PartWrapperProTipConcealer .partText{
width:27.39%;
}
.PartWrapperProTip .partProTipTextBlock{
top: 57px;
top:4.173vw; left: 46px;
left:3.367vw;
}
.PartWrapperProTip .partTitle{
font-size: 20px;
font-size: 1.464vw; letter-spacing: .4vw; font-weight: bold;
padding-top:0;
}
.PartWrapperProTip .partText{
font-size: 15.84px;
font-size: 1.16vw; padding-top: 28px;
padding-top: 2.05vw; letter-spacing: .2vw; width: 21vw;
}
.category-post-asset{
padding-bottom:100px;
padding-bottom:7.321vw;
}
.category-pre-asset{
padding-bottom:40px;
padding-bottom:2.928vw;
padding-bottom: 0;
}
.email-results-container { padding: 68px 90px 71px; padding: 5.090vw 6.737vw 5.314vw; } .email-results-header.h1 { font-size: 22px; font-size: 1.647vw; margin-bottom: 68px; margin-bottom: 5.090vw; } .email-results-container #email-finder-results h2 { font-size: 19px; font-size: 1.391vw; letter-spacing: .3vw; } .email-results-container #email-finder-results p { font-size: 15px; font-size: 1.098vw; margin-top: 1.61vw; } button.email-submit-btn { font-size: 13px; font-size: 0.973vw; padding: 1.464vw; } input.required.email-textfield { font-size: 14px; font-size: 1.024vw; padding: 1.610vw 1.464vw 1.024vw } #email-finder-results-target span.error { font-size: 1.024vw; margin-top: .45vw; } .add-to-email-list { font-size: 12px; font-size: 0.898vw; padding-top: 1.75vw; } .add-to-email-list > .form-row { margin-top: 0; } .opt-in-text label { width: auto; }
a#backToTopBtn.visible {
width: 37px;
height: 32px;
}
.finderholder #results .category-tiles .product-tile{
width: 303px; width: 21.5vw;
}
.finderholder #results .product-name .primary-name{ margin-top: 19px; margin-top: 1.391vw; font-size: 19px; font-size: 1.75rem;
line-height:1.7rem;
}
.finderholder #results .double-tile img.video { height: 26.9vw; max-height: 411px;
}
.finderholder #results .product-name .subname{
font-size: 14px; font-size: 1.025vw;
font-size:75%; margin-top: 10px; margin-top: 0.732vw;
padding:0 1%;
}
.finderholder #results .content-id-product-finder-primer-results-tile-asset .product-name .subname{
font-size:122%;
}
.finderholder #results .product-tile .product-pricing{ font-size: 13px; font-size: .952vw; margin-top: 10px; margin-top: 0.732vw;
font-weight:bold;
}
.finderholder #results .product-tile .add-to-cart.btn{ max-height: 411px; max-height: 30.088vw; padding: 19px 104px; padding: 1.391vw 4.613vw; font-size: 13px; font-size: .952vw; margin-top: 14px; margin-top: 1.025vw;
}
.finderholder #results .sections section {
margin-bottom:100px;
margin-bottom :7.321vw;
margin-top:0px;
}
.finderholder .horizontal-scroll.category-tiles-holder { margin: 0;
overflow:hidden;
}
.finderholder #results .product-finder-banner-wrapper{
height: 5.564vw;
}
.finderholder #results .product-finder-banner{
font-size: 13px; font-size: .952vw; font-size: 13px; font-size: .952vw; padding: 0; }
.finderholder #results .product-tile .shade-number{
margin-top: 17px;
margin-top: 1.245vw; font-size: 12px; font-size: 0.878vw;
}
.finderholder #results .product-tile .shade-number.colorDescription
{ font-size: 10px; font-size: 0.732vw; margin-top: 0; min-height: 12px; min-height: 0px; padding: 0 41px; padding: 0 3.001vw; white-space: normal; height:40px;
height: auto;
}
.finderholder #results .product-tile.single-tile
{ height: 26.9vw !important; max-height: 411px; } .finderholder #results .product-tile.single-tile .text{ height:100%; } .finderholder #results .product-tile.single-tile .text .headline{ padding-top: 104px; padding-top: calc(67% - 104px);; font-weight: bold; font-size: 20px; font-size: 1.464vw; } .finderholder #results .product-tile.single-tile .text .body{ margin-top: 34px; margin-top: 11%; font-size: 15px; font-size: 1.098vw; padding: 0 40px; padding: 0 2.33vw; } .finderholder #results .product-tile.content	{ background-color: #f3e2dc; white-space: normal; }
.finderholder #results .resultsFooter .content-asset{ margin-bottom: 100px; margin-bottom: 10%;
}
.finderholder #results .resultsFooter .content-asset .play-button{ width: 65px; width: 8.667vw; height: 59px; height: 7.867vw;
}
#results .primary-image { width: 100%; margin-bottom: 40px;
}
.results-addall-container{
padding: 0 21%; width: 48em;
}
.results-addall-container .checkmark{ padding-top: 0%; padding-bottom: 10%;
}
.results-addall-container #checkmark{
width: 44%;
order: 2;
}
.js .ui-dialog.finder-exitConfirmClass { width: auto !important; min-width: 51.5%;
}
#finder-exitConfirm p.exit-confirmation-box-header { font-size: 1.390vw; line-height: 1; margin-bottom: 1.610vw;
}
#finder-exitConfirm p { font-size: 1.098vw; margin-bottom: 2.342vw;
}
.exit-confirmation-buttons button { font-size: 0.805vw; padding: 1.024vw; margin: 0 1.537vw 0 0; max-width: 222px;
}
.exit-confirmation-buttons button:first-of-type {}
.exit-confirmation-buttons { margin: 0 0 0 1.5vw; flex-direction: row; justify-content: center;
}
div#finder-exitConfirm { padding-top: 3.733vw; padding-bottom: 2.196vw;
}	}	@media screen and (min-width: 960px) {	.opt-in-text { padding-top: .5%;
}	}	@media screen and (min-width: 1280px) {	.email-results-container { max-width: 50vw;
}
.opt-in-text { padding-top: 0;
}
#dialog-container .finderholder .questionHead .questionDropdownHolder { width: 244px;
}	}