.rlc-cardstack { width: 29.250em; height: 45.188em; color: #fff;
} .rlc-cardstack .rlc-cards { width: 100%; height: 100%; margin-bottom: 1.688em; } [lang^=ar] .rlc-cardstack .rlc-cards { direction: rtl; } .rlc-cardstack .rlc-cards .rlc-slide { position: absolute; right: 0; top: 0; z-index: 0; opacity: 0; color: #fff; transform-origin: right top; width: 100%; height: 100%; overflow: hidden; } .rlc-cardstack .rlc-cards .rlc-slide, .rlc-cardstack .rlc-cards .rlc-slide * { pointer-events: none; cursor: pointer; } .rlc-cardstack .rlc-cards .rlc-slide.rlc-active, .rlc-cardstack .rlc-cards .rlc-slide.rlc-active * { pointer-events: all; } .rlc-cardstack .rlc-cards .rlc-slide.rlc-active .rlc-hotspot { z-index: 1; } .rlc-cardstack .rlc-cards .rlc-slide.rlc-prodslide a { letter-spacing: normal; } .rlc-cardstack .rlc-cards .rlc-slide.rlc-prodslide.notinstock, .rlc-cardstack .rlc-cards .rlc-slide.rlc-prodslide.notfound, .rlc-cardstack .rlc-cards .rlc-slide.rlc-prodslide.notinstock *, .rlc-cardstack .rlc-cards .rlc-slide.rlc-prodslide.notfound * { cursor: grab; pointer-events: none; } .rlc-cardstack .rlc-cards .rlc-slide.rlc-prodslide.notinstock .rlc-copygroup .rlc-caption span, .rlc-cardstack .rlc-cards .rlc-slide.rlc-prodslide.notfound .rlc-copygroup .rlc-caption span { display: none; } .rlc-cardstack .rlc-cards .rlc-slide .rlc-imagery { position: relative; } .rlc-cardstack .rlc-cards .rlc-slide .rlc-copygroup { position: absolute; width: 21.188em; left: 1.750em; bottom: 1.25em; text-align: left; opacity: 0; } [lang^=ar] .rlc-cardstack .rlc-cards .rlc-slide .rlc-copygroup { text-align: right; left: auto; right: 1.750em; } .rlc-cardstack .rlc-cards .rlc-slide .rlc-copygroup .rlc-caption, .rlc-cardstack .rlc-counter span { font-family: "Founders Grotesk text Regular"; font-size: 0.563em; color: currentColor; letter-spacing: 0.400em; line-height: 2.333em; text-transform: uppercase; display: block; } .rlc-cardstack .rlc-counter span { display: inline-flex; height: 100%; align-items: center; } .rlc-cardstack .rlc-counter span:first-of-type { border-right: 1px solid currentColor; padding-right: 2em; margin-right: 2em; } [lang^=ar] .rlc-cardstack .rlc-counter span:first-of-type { border-right: none; border-left: 1px solid currentColor; padding: 0 0 0 2em; margin: 0 0 0 2em; } [lang^=ar] .rlc-cardstack .rlc-cards .rlc-slide .rlc-copygroup .rlc-caption, [lang^=ar] .rlc-cardstack .rlc-counter span { font-family: RL_DroidKufi, Founders Grotesk text Regular, Helvetica, Arial, sans-serif !important; } .rlc-cardstack .rlc-counter { position: absolute; right: 1.750em; bottom: 1.563em; z-index: 8; color: #fff; height: 1.188em; } [lang^=ar] .rlc-cardstack .rlc-counter { right: auto; left: 1.750em; } .rlc-cardstack .rlc-looppause { bottom: auto; top: 1.063em; right: 1.063em; z-index: 10; } .rlc-cardstack .rlc-hasvideo .rlc-looppause { display: none; } .rlc-cardstack .rlc-timer { position: absolute; left: 0; bottom: -1.688em; height: 1px; width: 100%; background: #d8d8d8; } [lang^=ar] .rlc-cardstack .rlc-timer { direction: rtl; } .rlc-cardstack .rlc-timer .rlc-timer-bar { position: relative; height: 1px; width: 0px; background: #000; } .rlc-cardstack .rlc-arrow { position: absolute; top: 50%; transform: translateY(-50%); opacity: 0; transition: opacity 0.3s; } [lang^=ar] .rlc-cardstack .rlc-arrow { transform: translateY(-50%) rotate(180deg); } .rlc-cardstack .rlc-cards:hover .rlc-arrow { opacity: 1; } .rlc-cardstack .rlc-arrow-left { left: 1em; } [lang^=ar] .rlc-cardstack .rlc-arrow-left { left: auto; right: 1em; } .rlc-cardstack .rlc-arrow-right { right: 1em; } [lang^=ar] .rlc-cardstack .rlc-arrow-right { right: auto; left: 1em; } .rlc-cardstack.rlc-gradient-dark .rlc-slide .rlc-imagery::after, .rlc-cardstack .rlc-gradient-dark.rlc-slide .rlc-imagery::after, .rlc-cardstack.rlc-gradient-dark .rlc-slide .rlc-hasvideo::after, .rlc-cardstack .rlc-gradient-dark.rlc-slide .rlc-hasvideo::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: inline-block; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.65) 100%); }
@media only screen and (max-width: 960px) { .rlc-creative_v3 .rlc-cardstack .rlc-arrow { display: none; }
}
@media only screen and (max-width: 767px) { .rlc-cardstack { width: 19.625em; height: 30.313em; margin: 0 0 0 1.25em; } .rlc-creative_v3 .rlc-cardstack .rlc-cards .rlc-slide .rlc-copygroup { width: 12em; left: 1.091em; bottom: 1.091em; } [lang^=ar] .rlc-creative_v3 .rlc-cardstack .rlc-cards .rlc-slide .rlc-copygroup { left: auto; right: 1.091em; text-align: right; } .rlc-creative_v3 .rlc-cardstack .rlc-cards .rlc-slide .rlc-copygroup .rlc-caption, .rlc-creative_v3 .rlc-cardstack .rlc-counter span { font-size: 0.5em; letter-spacing: 0.375em; line-height: 1.875em; } .rlc-creative_v3 .rlc-cardstack .rlc-counter { right: 1.091em; bottom: 1.2em; } [lang^=ar].rlc-creative_v3 .rlc-cardstack .rlc-counter, [lang^=ar] .rlc-creative_v3 .rlc-cardstack .rlc-counter { right: auto; left: 1.091em; } .rlc-creative_v3 .rlc-cardstack .rlc-timer { bottom: -1.266em; width: 19.625em; }
}