.aplus-v2 .premium-aplus-module-3 .premium-module-3-heading {
padding-bottom: 40px;
}

.aplus-v2 .premium-aplus-module-3 .premium-aplus-four-column {
text-align: center;
}

.aplus-v2 .premium-aplus-module-3 .premium-aplus-four-column {
text-align: inherit;
}

.aplus-v2 .premium-aplus-module-3 .premium-aplus-column {
display: inline-block;
vertical-align: top;
width: 25%;
}

.aplus-v2 .premium-aplus-module-3 .premium-aplus-column {
padding: 0 20px;
}

.aplus-v2 .premium-aplus-module-3 .column-heading {
padding-top: 20px;
}

.aplus-v2 .premium-aplus-module-3 .column-description {
padding-top: 10px;
}

/**
* 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;
}

/**
* Common event handler for click and keydown events.
* @param {Event} event – The event object.
* @param {Function} handleClickOrEnter – Function to handle click or Enter key events.
* @param {Function} handleEsc – Function to handle Esc key events.
*/
// [TODO][AplusMantle-8064] Create common event handler util(key events, click events) in AplusModuleResources
function handleClickAndKeyEvents(event, handleClickOrEnterOrSpace) {
const ENTER_KEY_CODE = 13;
const ESCAPE_KEY_CODE = 27;
const SPACE_KEY_CODE = 32;
const isClick = event.type === ‘click’;
const isKeydown = event.type === ‘keydown’;
const isEnter = isKeydown && event.keyCode === ENTER_KEY_CODE;
const isSpace = isKeydown && event.keyCode === SPACE_KEY_CODE;
const isEsc = isKeydown && event.keyCode === ESCAPE_KEY_CODE;

if (isClick || isEnter || isSpace) {
handleClickOrEnterOrSpace();
} else if (isEsc) {
handleEsc(event);
}
}

/**
* Function to handle esc key event.
* @param {Event} event – The event object.
*/
function handleEsc(event) {
event.target.blur() // force remove focus
}

(function(f) {var _np=(window.P._namespace(“PremiumAplusModule”));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {
P.now(‘premium-module-5-comparison-table-scroller’).execute(function(init){
if (init) {
return;
}
P.register(‘premium-module-5-comparison-table-scroller’, function(){
return function() {
P.when(‘jQuery’, ‘a-popover’, ‘A’, ‘ready’).execute(function($, popover, A) {
function initCompTable(module) {
/**
* Premium comparison table: popover trigger module
*/
var comparisonName = $(module).data(‘comparison-name’);
(function() {
var $additionalInfo = $(‘.aplus-v2 .aplus-popover-trigger’);
$additionalInfo.each(function(i, trigger) {
return popover.create(trigger, $(trigger).data());
});
$additionalInfo.hover(
function() {
$(this).focus();
}
);
})();
/**
* Premium comparison table: adjust column width module
*/
(function() {
var VISIBLE_COLUMNS = 4.2; /* How many visible columns on load */
var MIN_WIDTH = 230;
var getWidth = function() {
return $(this).outerWidth();
}
/* cache selectors */
var
$container = $(‘.aplus-v2 .comparison-table #’+comparisonName),
$header = $(‘.aplus-v2 .comparison-table #’+comparisonName+’ td.attribute’),
$slider = $(‘.aplus-v2 .comparison-table #’+comparisonName+’ .table-slider’),
$columns = $(‘.aplus-v2 .comparison-table #’+comparisonName+’ .aplus-data-column’),
$activeColumn = $(‘.aplus-v2 .comparison-table #’+comparisonName+’ .aplus-data-column.active.active-item’);

/* Formula for determining desired column width */

var calculatedColumnWidth = Math.floor(
($container.innerWidth() – $header.innerWidth()) / VISIBLE_COLUMNS
);

var childWidths = $activeColumn.map(getWidth).get();
var maxChildWidth = Math.max(MIN_WIDTH, Math.max.apply(Math, childWidths));
var minColumnWidth = $columns.innerWidth();

/* set the min-width of each column to the calulated width or minWidth */
$columns.css(
‘min-width’,
Math.max(MIN_WIDTH, (calculatedColumnWidth {
for (let entry of entries) {
const bounds = entry.target.getBoundingClientRect().width;
const activeCellWidth = window.getComputedStyle(fixedColumn).left;
if (bounds + “px” !== activeCellWidth) {
const activeCells = document.querySelectorAll(‘.aplus-data-column.active’);
activeCells.forEach(cell => cell.style.left = bounds + “px”);

}
}

})

attributeColumnObserver.observe(header)
})();

/**
* Premium comparison table: top scroll bar
*/
(function() {
/* cache selectors */
var
$header = $(‘.aplus-v2 .comparison-table #’+comparisonName+’ td.attribute’),
$fixedColumn = $(‘.aplus-v2 .comparison-table #’+comparisonName+’ td.active’),
$scrollWrapperTop = $(‘.aplus-v2 .comparison-table #’+comparisonName+’ .scroll-wrapper-top’),
$scrollWrapperBottom = $(‘.aplus-v2 .comparison-table #’+comparisonName+’ .scroll-wrapper-bottom’),
$scrollWidth = $(‘.aplus-v2 .comparison-table #’+comparisonName+’ .scroll-width’),
$scrollBar = $(‘.aplus-v2 .comparison-table #’+comparisonName+’ .scroll-bar’);
/* confirm fixed column exists and can add width to the total width of the scroll bar */
var fixedColumnWidth = $fixedColumn.innerWidth();
if ( fixedColumnWidth === null ) {
fixedColumnWidth = 0;
}
/* set width of scrollBar */
$scrollBar.css(‘width’, $scrollWidth.innerWidth() + fixedColumnWidth + $header.innerWidth());
/* connect scrolls together */
$scrollWrapperTop.scroll(function() {
$scrollWrapperBottom.scrollLeft($scrollWrapperTop.scrollLeft());
});
$scrollWrapperBottom.scroll(function() {
$scrollWrapperTop.scrollLeft($scrollWrapperBottom.scrollLeft());
});
})();
}

$(‘.aplus-v2 .premium-aplus-module-5 .table-container’).each(function(index, module) {
initCompTable(module);
});
});
}
});
});
}));

/**
* Premium-module 5: Comparision table – scroller
*/

.aplus-v2 .premium-aplus-module-5 h1 {
padding-bottom: 30px;
}

/* position column-headers relative to this table */
.aplus-v2 .premium-aplus-module-5 .table-container {
position: relative;
opacity: 1;
}

.aplus-v2 .premium-aplus-module-5 .table-container.loading {
opacity: 0;
}

.aplus-v2 .premium-aplus-module-5 .table-slider {
overflow-x: scroll;
overflow-y: visible;
width: 100%;
}

.aplus-v2 .premium-aplus-module-5 td.attribute {
min-width: 300px;
top: auto;
left: 0;
z-index: 100;
}

html[dir=”rtl”] .aplus-v2 .premium-aplus-module-5 td.attribute {
right: 0px;
left: auto;
}

.aplus-v2 .premium-aplus-module-5 td.active-item,
.aplus-v2 .premium-aplus-module-5 th.active-item {
top: auto;
left: 300px;
z-index: 100;
}

html[dir=”rtl”] .premium-aplus-module-5 td.active-item,
html[dir=”rtl”] .premium-aplus-module-5 th.active-item {
left: auto;
right: 300px;
}

.aplus-v2 .premium-aplus-module-5 .attribute,
.aplus-v2 .premium-aplus-module-5 .active-item{
position: sticky;
}

.aplus-v2 .premium-aplus-module-5 table.a-bordered td,
.aplus-v2 .premium-aplus-module-5 table.a-bordered th {
background-color: #fff;
}

.aplus-v2 .premium-aplus-module-5 table.a-bordered td.attribute .aplus-popover-trigger::after {
content: “?”;
display: inline-block;
font-size: 12px;
position: relative;
bottom: 5px;
}

.aplus-v2 .premium-aplus-module-5 .product-title {
font-size: 15px;
padding: 10px 0;
}

.aplus-v2 .premium-aplus-module-5 .scroll-width {
overflow-x: scroll;
overflow-y: visible;
}

.aplus-v2 .premium-aplus-module-5 td.attribute.empty {
height: 300px;
}

.aplus-v2 .premium-aplus-module-5 .header-img {
padding-top: 10px;
}

/* Override default AUI .a-bordered table borders */
.aplus-v2 .premium-aplus-module-5 table.a-bordered {
border-width: 0;
border-color: #eaeaea;
border-style: solid;
}

/* Size the top scroller */
.aplus-v2 .premium-aplus-module-5 .scroll-wrapper-top {
width: 100%;
height: 20px;
overflow-x: scroll;
overflow-y: visible;
}

.aplus-v2 .premium-aplus-module-5 .scroll-bar {
height: 1px;
}

.aplus-v2 .premium-aplus-module-5 .add-to-cart {
line-height: 1rem;
font-weight: normal;
}

.aplus-v2 .premium-aplus-module-5 .review {
font-size: 14px;
}

/**
* 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;
}

(function(f) {var _np=(window.P._namespace(“PremiumAplusModule”));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {
P.now(‘premium-module-11-faq’).execute(function(init) {
if (init) {
return;
}
P.register(‘premium-module-11-faq’, function() {
return function() {
P.when(‘A’, ‘jQuery’, ‘ready’).execute(function(A, $){
function initFaq(module) {
const MODULE_CLASS_NAME = ‘premium-aplus-module-11’;
const FAQ_CONTAINER_CLASS_NAME = ‘faqs-container’;
const FAQ_BLOCK_CLASS_NAME = ‘faq-block’;
const moduleId = $(module).data(‘faq-block’);
const $faqBlocks = $(‘.aplus-v2 .’ + MODULE_CLASS_NAME + ‘ .’ + FAQ_CONTAINER_CLASS_NAME + ‘.’ + moduleId + ‘ .’ + FAQ_BLOCK_CLASS_NAME);

/**
* Function to handle click or Enter or Space key events.
* @param {Element} element – The this object from which the event is dispatched
* @param {faqBlocks} faqBlocks – List of all the Question and Answer blocks.
*/
function handleClickOrEnterOrSpace(element, faqBlocks) {
const $element = $(element);
const isActive = $element.hasClass(‘aplus-active’);

faqBlocks.removeClass(‘aplus-active’);
faqBlocks.find(‘[data-faq-question]’).attr(‘aria-expanded’, ‘false’);

if (!isActive) {
$element.addClass(‘aplus-active’);
$element.find(‘[data-faq-question]’).attr(‘aria-expanded’, ‘true’);
}
}

/* Using jQuery event namespace for preventing duplicate binding on twister refresh */
$faqBlocks.unbind(‘click keydown.premiumAplusModule11ClickHandler’).bind(‘click keydown.premiumAplusModule11ClickHandler’, function(event) {
handleClickAndKeyEvents(event, () => handleClickOrEnterOrSpace(this, $faqBlocks));
});
}
$(“.aplus-v2 .premium-aplus-module-11 .faqs-container”).each(function(index, module) {
initFaq(module);
});
});
};
});
});
}));

/**
* Premium-module 12: Nav Carousel
*/

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

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

.aplus-v2 .premium-aplus-module-12 .aplus-image-carousel-container {
/* Match the aspect ratio of the desktop image uploaded via the editor (1464px x 600px) */
padding-top: calc(600 / 1464 * 100%); /* ~40.983% */
height: 0;
}

.aplus-v2 .premium-aplus-module-12 .aplus-image-carousel-container > div {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

/* Override AUI styles. It poorly attempts to measure the slide heights before waiting until images load. */
.aplus-v2 .premium-aplus-module-12 .a-carousel-viewport {
height: 100% !important;
}

.aplus-v2 .premium-aplus-module-12 .aplus-card-image img {
width: 100%;
height: auto;
}

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

.aplus-v2 .premium-aplus-module-12 .aplus-card-detail {
display: table;
width: 100%;
height: 100%
}

.aplus-v2 .premium-aplus-module-12 .card-description {
text-align: left;
}

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

.aplus-v2 .premium-aplus-module-12 .aplus-table-cell {
display: table-cell;
vertical-align: middle;
}

.aplus-v2 .premium-aplus-module-12 .aplus-text-background {
padding: 20px;
}

.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color {
background: rgba(0, 0, 0, 0.5);
}

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

.aplus-v2 .premium-aplus-module-12 .description {
margin-top: 20px;
}

/* nav */
.aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions {
position: absolute;
top: 20px;
width: 100%;
text-align: center;
}

.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn {
display: inline-block;
margin: 7px 10px;
cursor: pointer;
border-radius: 30px;
border: 2px solid #000;
line-height: 2.5em;
min-width: 200px;
background-color: #fff;
white-space: nowrap;
color: #000;
}

.aplus-v2 .premium-aplus-module-12 .aplus-carousel-index {
display: none;
}

.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.aplus-active {
border-color: #fff;
background-color: #000;
color: #fff;
}

/**
* Regimen template specific css
*/

html[dir=”rtl”] .aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen {
text-align: right;
}

.aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions.regimen {
text-align: right;
top: 50%;
width: 250px;
right: 75px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}

html[dir=”rtl”] .aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions.regimen {
text-align: left;
top: 50%;
left: 75px;
right: auto;
}

.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen {
display: inline-block;
margin: 10px 10px;
cursor: pointer;
border-radius: 30px;
border: 2px solid #000;
width: 220px;
background-color: #fff;
padding: 2px 0 2px;
}

.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen.aplus-active {
border-color: #fff;
background-color: #000;
color: #fff;
}

.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen.aplus-active .aplus-carousel-index {
color: inherit;
}

.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen.aplus-active .aplus-carousel-label {
color: inherit;
}

.aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions .regimen .aplus-carousel-index {
display: inline-block;
width: 12px;
color: #000;
}

.aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions .regimen .aplus-carousel-label {
color: #000;
}

html[dir=”rtl”] .aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions .regimen .aplus-carousel-index {
margin-left: 0px;
margin-right: 6px;
}

.aplus-v2 .premium-aplus-module-12 .aplus-headline-top.regimen {
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: #000;
opacity: 0.5;
text-align: center;
}

.aplus-v2 .premium-aplus-module-12 .aplus-headline-top.regimen .aplus-headline {
color: #fff;
line-height: 2em;
}

/**
* Navigation template specific css
*/

.aplus-v2 .premium-aplus-module-12–top-nav .aplus-carousel-actions {
background-color: rgba(0, 0, 0, 0.8);
top: 0px;
}

.aplus-v2 .premium-aplus-module-12–top-nav .aplus-goto-btn {
padding: 8px;
color: #fff;
background-color: transparent;
border: none;
}

.aplus-v2 .premium-aplus-module-12–top-nav .aplus-goto-btn.aplus-active {
text-decoration: underline;
text-underline-offset: 0.8em;
text-decoration-thickness: 3px;
background-color: transparent;
border: none;
}

.aplus-v2 .premium-aplus-module-4 .premium-aplus-two-column {
text-align: center;
}

.aplus-v2 .premium-aplus-module-4 .premium-aplus-two-column {
text-align: inherit;
}

.aplus-v2 .premium-aplus-module-4 .premium-aplus-column {
display: inline-block;
vertical-align: top;
width: 50%;
}

.aplus-v2 .premium-aplus-module-4 .premium-module-4-heading {
padding-bottom: 40px;
}

.aplus-v2 .premium-aplus-module-4 div.premium-aplus-column:nth-child(2n) {
padding-left: 40px;
}

html[dir=”rtl”] .aplus-v2 .premium-aplus-module-4 div.premium-aplus-column:nth-child(2n) {
padding-left: 0px;
padding-right: 40px;
}

.aplus-v2 .premium-aplus-module-4 div.premium-aplus-column:nth-child(2n-1) {
padding-right: 40px;
}

html[dir=”rtl”] .aplus-v2 .premium-aplus-module-4 div.premium-aplus-column:nth-child(2n-1) {
padding-right: 0px;
padding-left: 40px;
}

.aplus-v2 .premium-aplus-module-4 .column-heading {
padding-top: 20px;
}

.aplus-v2 .premium-aplus-module-4 .column-description {
padding-top: 10px;
}

(function(f) {var _np=(window.P._namespace(“PremiumAplusModule”));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {
P.now(‘premium-module-12-nav-carousel’).execute(function(init) {
if (init) {
return;
}
P.register(‘premium-module-12-nav-carousel’, function(){
return function() {
P.when(‘A’, ‘jQuery’, ‘a-carousel-framework’, ‘ready’).execute(function (A, $, framework) {
function initiateCarousel(module) {
var MODULE_ID = $(module).data(‘module-id’);
/**
* Carousel button element classname
* @const
*/
var GOTO_BTN_CLASS_NAME = “aplus-goto-btn-” + MODULE_ID;
/**
* Carousel button element active classname
* @const
*/
var GOTO_BTN_ACTIVE_CLASS_NAME = “aplus-active”;
/**
* AUI name for aui carousel
* @const
*/
var CAROUSEL_NAME = “premium-aplus-12-carousel-” + MODULE_ID;
/**
* Module class name
* @const
*/
var MODULE_CLASS_NAME = “.aplus-v2 .premium-aplus-module-12″;
/**
* Carousel text container class name
* @const
*/
var TEXT_CONTAINER_CLASS_NAME = MODULE_CLASS_NAME + ” .aplus-carousel-text-container-” + MODULE_ID;
/**
* Carousel text hidden class name
* @const
*/
var TEXT_CONTAINER_HIDDEN = “aplus-hidden”;
/**
* Carousel horizontal scroll container class name
* @const
*/
var HORIZONTAL_SCROLL_CONTAINER_CLASS_NAME = MODULE_CLASS_NAME + ” .aplus-horizontal-scroll-container-” + MODULE_ID;

function showCarouselText(oldIndex, newIndex) {
var oldClass = TEXT_CONTAINER_CLASS_NAME + “-” + oldIndex;
var newClass= TEXT_CONTAINER_CLASS_NAME + “-” + newIndex;
$(oldClass).addClass(TEXT_CONTAINER_HIDDEN);
$(newClass).removeClass(TEXT_CONTAINER_HIDDEN);
}

function scrollToCarouselButton(scrollLeft) {
if ($(HORIZONTAL_SCROLL_CONTAINER_CLASS_NAME).length) {
$(HORIZONTAL_SCROLL_CONTAINER_CLASS_NAME).animate({scrollLeft}, 200);
}
}

/**
* Creates a CarouselButton class for provided carousel instance
* @param {object} carousel – AUI Carousel instance
* @returns {Class} – CarouselButton Class
*/
function CarouselButtonTemplate(carousel) {
/**
* Button for controlling the active slide
* @constructor
* @param {number} index – slide index
* @param {DOMElement} [elem] – optional DOM element to use as this objects DOM representation
*/
function CarouselButton(index, elem) {
var self = this;
this.index = index;
this.carousel = carousel;

/* create the button element */
this.elem = this.getElem(elem);
this.$elem = $(this.elem); /* store jquery version */
this.elem.addEventListener(‘click’, self.handleClick.bind(self));
this.elem.setAttribute(‘role’, ‘tab’);

/* add this object to the object manager */
CarouselButton.objects.byId[index] = this;
CarouselButton.objects.all.push(this);
}

/**
* Describe behavior for click events on this.elem
* @memberOf CarouselButton
*/
CarouselButton.prototype.handleClick = function(e) {
e.preventDefault();
this.carousel.gotoPage(this.index);
};

/**
* Enter active state
* @memberOf CarouselButton
*/
CarouselButton.prototype.activate = function() {
this.$elem.addClass(GOTO_BTN_ACTIVE_CLASS_NAME).attr(‘aria-selected’, ‘true’);
};

/**
* Enter inactive state
* @memberOf CarouselButton
*/
CarouselButton.prototype.deactivate = function() {
this.$elem.removeClass(GOTO_BTN_ACTIVE_CLASS_NAME).attr(‘aria-selected’, ‘false’);
};

/**
* Returns an existing or creates a new bound element for this object
* @memberOf CarouselButton
* @param {DOMElement} [elem] – optionally provide an existing element in the DOM to use
* @returns {DOMElement} – this objects DOM representation
*/
CarouselButton.prototype.getElem = function(elem) {
if (this.elem) return this.elem;
if (elem) return elem;

var createdElem = document.createElement(‘span’);
createdElem.className = GOTO_BTN_CLASS_NAME;

return createdElem;
};

/** @const Object manager */
CarouselButton.objects = {
byId: {},
all: [],
};

return CarouselButton;
}

framework.onInit(CAROUSEL_NAME, function(carousel) {
/** @const {Class} */
var CarouselButton = CarouselButtonTemplate(carousel);

/* create carousel controls */
var $carouselBtns = $(safeClassSelector(GOTO_BTN_CLASS_NAME));
var btns = $carouselBtns.map(function(i, btnElem) {
return new CarouselButton(i + 1, btnElem);
});

/* activate first one */
CarouselButton.objects.byId[1].activate();

/* Listen to slide changes */
A.on(“a:carousel:” + CAROUSEL_NAME + “:change:pageNumber”, function (data) {
var newCarouselButton = CarouselButton.objects.byId[data.newValue];
var marginLeft = parseInt(getComputedStyle(newCarouselButton.elem).getPropertyValue(‘margin-left’));
var positionLeft = newCarouselButton.elem.offsetLeft – marginLeft;

newCarouselButton.activate();
CarouselButton.objects.byId[data.oldValue].deactivate();
scrollToCarouselButton(positionLeft);
showCarouselText(data.oldValue, data.newValue);
});
});

/**
* @returns {string} – css classname prefixed with module selector
*/
function safeClassSelector(className) {
return ‘.’ + MODULE_CLASS_NAME + ‘ .’ + className;
}
}

$(‘.aplus-v2 .premium-aplus-module-12 .aplus-carousel-container’).each(function (index, module) {
initiateCarousel(module);
});
framework.createAll();
framework.initializeAll();
});
}
})
});
}));

 

microSD Card Storage

This camera supports scheduled, or motion-triggered recording. You can store the videos on the microSD card (up to 512GB, NOT included).

 

NVR Storage

Connected with Reolink NVR to build your own security camera kit for 24/7 monitoring.

*24/7 recording may be unavailable when using a third-party NVR.

Smart Home Integration

Check and manage your home with just a voice command to smart home assistant. Enjoy a smart and automated home.

Secure Data Encryption

Your privacy is our priority. To protect you and your home/business against malicious intent, we use advanced algorithms to encrypt your videos.

Easy Setup within 5 Mins

Initial setup can be done within a few taps on your phone. Simply scan the QR code on the camera via the Reolink App and follow the intuitive instructions shown on the app. Ethernet connection is also an option if the wireless connection is not available.

User-Friendly Installation

Robust wireless connection and pan-tilt movements enable maximal flexibility in placement for Reolink E1. Put it on the desk or mount it to the ceiling, power it up, connect it to 2.4 GHz WiFi, and you can scan your whole room. It’s that simple.