.aplus-v2 .premium-aplus-module-13 .aplus-carousel-container {
position: relative;
}

.aplus-v2 .premium-aplus-module-13 .aplus-carousel-element {
position: relative;
width: 100%;
}

.aplus-v2 .premium-aplus-module-13 .aplus-card-link-button {
text-align: center;
padding-top: 20px;
}

.aplus-v2 .premium-aplus-module-13 .aplus-text-background,
.aplus-v2 .premium-aplus-module-13 .aplus-text-background h1,
.aplus-v2 .premium-aplus-module-13 .aplus-text-background h5,
.aplus-v2 .premium-aplus-module-13 .aplus-text-background ol,
.aplus-v2 .premium-aplus-module-13 .aplus-text-background ul,
.aplus-v2 .premium-aplus-module-13 .aplus-text-background ol .a-list-item,
.aplus-v2 .premium-aplus-module-13 .aplus-text-background ul .a-list-item {
color: #fff;
}

/**
* Premium-module 11: FAQs – Common Styles (All Devices)
*/

.aplus-v2 .premium-aplus-module-11 {
background: #fff;
position: relative;
}

.aplus-v2 .premium-aplus-module-11.aplus-secondary-color {
background: #000;
}

.aplus-v2 .premium-aplus-module-11 .aplus-question,
.aplus-v2 .premium-aplus-module-11 .aplus-answer {
display: block;
width: 100%;
margin: 0;
}

.aplus-v2 .premium-aplus-module-11 .aplus-answer {
visibility: hidden;
opacity: 0;
height: 0;
transition: display 0.1s linear, opacity 0.1s linear, height 0.1s linear;
transition-behavior: allow-discrete;
}

.aplus-v2 .premium-aplus-module-11 .aplus-active .aplus-answer {
visibility: visible;
opacity: 1;
height: auto;
height: calc-size(auto);
min-height: 40px;
}

.aplus-v2 .premium-aplus-module-11 .faq-list {
margin: 0;
}

.aplus-v2 .premium-aplus-module-11 .faq-block {
position: relative;
list-style-type: none;
cursor: pointer;
border: 2px solid #E6E6E6;
background: #fff;
border-radius: 3px;
margin-bottom: 10px;
}

.aplus-v2 .premium-aplus-module-11.aplus-secondary-color .faq-block {
border: none;
}

.aplus-v2 .premium-aplus-module-11 .aplus-question::before,
.aplus-v2 .premium-aplus-module-11 .aplus-answer::before {
text-align: center;
border-radius: 3px;
display: inline-block;
font-weight: 500;
position: absolute;
color: #fff;
top: 10px;
left: 10px;
}

html[dir=”rtl”] .aplus-v2 .premium-aplus-module-11 .aplus-question::before,
html[dir=”rtl”] .aplus-v2 .premium-aplus-module-11 .aplus-answer::before {
right: 10px;
}

.aplus-v2 .premium-aplus-module-11 .aplus-question::before {
content: “Q”;
background: #505050;
transition: background 0.1s linear;
z-index: 2;
}

.aplus-v2 .premium-aplus-module-11 .aplus-answer::before {
content: “A”;
background: #DF7600;
color: #000000;
z-index: 1;
transform: translateY(0px);
transition: transform 0.1s linear;
}

.aplus-v2 .premium-aplus-module-11 .faq-block.aplus-active .aplus-question::before {
background: #404040;
}

.aplus-v2 .premium-aplus-module-11 .faq-block.aplus-active .aplus-answer::before {
transform: translateY(40px);
}

.aplus-v2 .premium-aplus-module-11 .faq-arrow {
position: absolute;
top: 25px;
border: 10px solid transparent;
border-top-color: #505050;
}

html[dir=”rtl”] .aplus-v2 .premium-aplus-module-11 .faq-arrow {
right: auto;
}

.aplus-v2 .premium-aplus-module-11 .aplus-active .faq-arrow {
top: 15px;
border-top-color: transparent;
border-bottom-color: #404040;
}

.aplus-v2 .premium-aplus-module-2 .premium-background-wrapper {
position: relative;
}

.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper {
position: absolute;
width: 50%;
height: 100%;
top: 0;
}

.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right {
left: 50%;
}

html[dir=”rtl”] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right {
left: auto;
right: 50%;
}

.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.secondary-color {
color: #fff;
}

.aplus-v2 .premium-aplus-module-2 .premium-intro-background {
padding: 20px;
}

.aplus-v2 .premium-aplus-module-2 .aplus-module-2-topic {
padding-bottom: 10px;
}

.aplus-v2 .premium-aplus-module-2 .aplus-module-2-heading {
padding-bottom: 20px;
}

.aplus-v2 .premium-aplus-module-2 .aplus-module-2-description {
line-height: 1.5em;
}

.aplus-v2 .premium-aplus-module-2 .premium-intro-background.white-background {
background: rgba(255,255,255,0.5);
}

.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background {
background: rgba(0,0,0,0.5);
}

.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background,
.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background h1,
.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background h5,
.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ol,
.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ul,
.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ol .a-list-item,
.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ul .a-list-item {
color: #fff;
}

.aplus-v2 .premium-aplus-module-2 .premium-intro-content-container {
display: table;
height: 100%;
}

.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.left .premium-intro-content-container {
padding-left: 40px;
}

html[dir=”rtl”] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.left .premium-intro-content-container {
padding-left: 0px;
padding-right: 40px;
}

.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right .premium-intro-content-container {
padding-right: 40px;
}

html[dir=”rtl”] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right .premium-intro-content-container {
padding-right: 0px;
padding-left: 40px;
}

.aplus-v2 .premium-aplus-module-2 .premium-intro-content-column {
display: table-cell;
vertical-align: middle;
}

/**
* Premium modules global styles
*/
.aplus-v2.desktop {
max-width: 1464px;
min-width: 800px;
margin-left: auto;
margin-right: auto;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
}
/* Undo this for tech-specs because it breaks table layout */
.aplus-v2.desktop .premium-aplus .aplus-tech-spec-table { word-break: initial; }

.aplus-v2 .premium-aplus,
.aplus-v2 .premium-aplus .aplus-h1,
.aplus-v2 .premium-aplus .aplus-h2,
.aplus-v2 .premium-aplus .aplus-p1,
.aplus-v2 .premium-aplus .aplus-p2,
.aplus-v2 .premium-aplus .aplus-p3,
.aplus-v2 .premium-aplus .aplus-accent1,
.aplus-v2 .premium-aplus .aplus-accent2
{ font-family: Arial, sans-serif; }

.aplus-v2 .premium-aplus,
.aplus-v2 .premium-aplus .aplus-h1,
.aplus-v2 .premium-aplus .aplus-h2,
.aplus-v2 .premium-aplus .aplus-p1,
.aplus-v2 .premium-aplus .aplus-p2,
.aplus-v2 .premium-aplus .aplus-p3,
.aplus-v2 .premium-aplus .aplus-accent1,
.aplus-v2 .premium-aplus .aplus-accent2
{ font-family: inherit; }

/* type */
.aplus-v2 .premium-aplus .aplus-h1 { font-size: 32px; line-height: 1.2em; font-weight: 500; }
.aplus-v2 .premium-aplus .aplus-h2 { font-size: 26px; line-height: 1.25em; font-weight: 500; }
.aplus-v2 .premium-aplus .aplus-h3 { font-size: 18px; line-height: 1.25em; font-weight: 500; }
.aplus-v2 .premium-aplus .aplus-p1 { font-size: 20px; line-height: 1.3em; font-weight: 300; }
.aplus-v2 .premium-aplus .aplus-p2 { font-size: 16px; line-height: 1.4em; font-weight: 300; }
.aplus-v2 .premium-aplus .aplus-p3 { font-size: 14px; line-height: 1.4em; font-weight: 300; }
.aplus-v2 .premium-aplus .aplus-accent1 { font-size: 16px; line-height: 1.4em; font-weight: 600; }
.aplus-v2 .premium-aplus .aplus-accent2 { font-size: 14px; line-height: 1.4em; font-weight: 600; }

/* spacing */
.aplus-v2 .aplus-container-1 { padding: 40px; }
.aplus-v2 .aplus-container-1-2 { padding: 40px 80px; }
.aplus-v2 .aplus-container-2 { padding: 80px; }
.aplus-v2 .aplus-container-3 { padding: 40px 0; }

/* Display */
.aplus-v2 .premium-aplus .aplus-display-table { display: table; }
.aplus-v2 .premium-aplus .aplus-display-table-cell { display: table-cell; }
.aplus-v2 .premium-aplus .aplus-display-inline-block { display: inline-block; }

/* Aplus display table with min-width 1000px and fill remaining space inside parent */
.aplus-v2.desktop .premium-aplus .aplus-display-table-width { min-width: 1000px; width: 100% }

/**
* Padding and margin for element should be 10, 20, 40, or 80 px. Considering mini 10, small 20, medium 40, large 80.
*/

/**
* Premium-module 11: FAQs
*/

.aplus-v2 .premium-aplus-module-11 .aplus-question {
line-height: 25px;
padding-bottom: 10px;
}

.aplus-v2 .premium-aplus-module-11 .faq-block {
padding: 10px 80px 15px 100px;
}

html[dir=”rtl”] .aplus-v2 .premium-aplus-module-11 .faq-block {
padding-left: 80px;
padding-right: 100px;
}

.aplus-v2 .premium-aplus-module-11 .faq-block.aplus-active {
padding-bottom: 35px;
}

.aplus-v2 .premium-aplus-module-11 .aplus-question::before,
.aplus-v2 .premium-aplus-module-11 .aplus-answer::before {
width: 80px;
line-height: 40px;
font-size: 25px;
}

.aplus-v2 .premium-aplus-module-11 .faq-arrow {
right: 40px;
}

html[dir=”rtl”] .aplus-v2 .premium-aplus-module-11 .faq-arrow {
left: 40px;
}

/**
* Premium-module 13: Carousel
*/

.aplus-v2 .premium-aplus-module-13 .aplus-card-description-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.aplus-v2 .premium-aplus-module-13 .aplus-card-description {
display: table;
width: 50%;
height: 100%;
color: #fff;
}

.aplus-v2 .premium-aplus-module-13 .aplus-card-table-cell {
display: table-cell;
vertical-align: middle;
text-align: left;
}

html[dir=”rtl”] .aplus-v2 .premium-aplus-module-13 .aplus-card-table-cell {
text-align: right;
}

.aplus-v2 .premium-aplus-module-13 .aplus-text-background {
background: rgba(0, 0, 0, 0.6);
}

.aplus-v2 .premium-aplus-module-13 .aplus-card-body {
padding: 20px 40px 0 0;
}

html[dir=”rtl”] .aplus-v2 .premium-aplus-module-13 .aplus-card-body {
padding: 20px 0 0 40px;
}

.aplus-v2 .premium-aplus-module-13 .aplus-pagination-wrapper {
position: absolute;
top: 92%;
width: 100%;
}

/**
* Premium-module 8: Hero Video module
*/

.aplus-v2 .premium-aplus-module-8 .premium-aplus-module-8-video {
position: relative;
width: 100%;
}

.aplus-v2 .premium-aplus-module-8 .video-placeholder {
padding-bottom: 40.984%; /* Video or image required size 1464 : 600 = 40.9836 */
}

.aplus-v2 .premium-aplus-module-8 .video-container {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}

/*Override the default VSE video player size*/
.aplus-v2 .premium-aplus-module-8 .video-js.vjs-fluid {
padding: 0;
}

.aplus-v2 .vse-video-player-title, .aplus-v2 .vse-lightPlayer-vendor{
display:none;
}

#aplus .vse-video-player-title, #aplus .vse-lightPlayer-vendor{
display:none;
}

The video showcases the product in use.The video guides you through product setup.The video compares multiple products.The video shows the product being unpacked.

Video Player is loading.
Click to play video
Play
Mute

Current Time

/

Duration

Loaded: 0%

Stream Type LIVE
Seek to live, currently behind liveLIVE
Remaining Time –

1x
Playback Rate

Chapters

• Chapters

Descriptions

• descriptions off, selected

Captions

• captions and subtitles off, selected

Audio Track

Fullscreen

This is a modal window.

Find Your CC+ Cream Shade

Merchant Video

Previous page

Next page

.aplus-mantle.aplus-module .aplus-pagination-dots {
margin: 0;
}

.aplus-mantle.aplus-module .aplus-pagination-dot {
display: inline-block;
list-style: none;
}

.aplus-mantle.aplus-module .aplus-carousel-nav {
text-align:center;
}

.aplus-mantle.aplus-module .carousel-slider-circle {
display: inline-block;
cursor: pointer;
height: 15px;
width: 15px;
border: 1px solid #000;
border-radius: 20px;
background-color: #fff;
margin-left: 5px;
}

.aplus-mantle.aplus-module .carousel-slider-circle.aplus-carousel-active {
background-color: #DE7921;
}

.aplus-mantle.aplus-module .aplus-pagination-dot–display-none {
display: none;
}