.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();
var calculatedPadding = $header.innerWidth() + maxChildWidth;

* set the min-width of each column to the calulated width or minWidth *
$columns.css(
min-width ,
Math.max(MIN_WIDTH, (calculatedColumnWidth < minColumnWidth
? calculatedColumnWidth
: minColumnWidth))
);
$activeColumn.css( width , maxChildWidth);

* AUI RTL script automatically changes this to padding-right under RTL context *
$slider.css( padding-left , calculatedPadding);

* show the component *
$container.removeClass( loading );
})();
**
* 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%;
}

* left column headers are absolute positioned *
.aplus-v2 .premium-aplus-module-5 td.attribute {
position: absolute;
width: 300px;
top: auto;
left: 0;
}

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

.aplus-v2 .premium-aplus-module-5 td.active-item {
position: absolute;
top: auto;
left: 300px;
}

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

.aplus-v2 .premium-aplus-module-5 .attribute,
.aplus-v2 .premium-aplus-module-5 .active-item,
.aplus-v2 .premium-aplus-module-5 .description {
font-size: 16px;
font-family: arial;
line-height: 2.5em;
white-space:nowrap;
color: #000;
}

.aplus-v2 .premium-aplus-module-5 .attribute,
.aplus-v2 .premium-aplus-module-5 .active-item,
.aplus-v2 .premium-aplus-module-5 .description {
font-family: inherit;
}

.aplus-v2 .premium-aplus-module-5 table.a-bordered td.attribute,
.aplus-v2 .premium-aplus-module-5 table.a-bordered td.active-item {
background-color: #fff;
z-index: 100;
}

.aplus-v2 .premium-aplus-module-5 table.a-bordered tr:nth-child(even) td.attribute,
.aplus-v2 .premium-aplus-module-5 table.a-bordered tr:nth-child(even) td.active-item {
background-color: #f0f2f2;
}

.aplus-v2 .premium-aplus-module-5 table.a-bordered tr:nth-child(even):last-child td.attribute {
border-bottom: #f0f2f2 solid 1px;
}

* Override AUI – the odd rows have a white background while the even ones have gray background *
.aplus-v2 .premium-aplus-module-5 table.a-bordered tr:nth-child(odd) {
background-color: #fff;
}

.aplus-v2 .premium-aplus-module-5 table.a-bordered tr:nth-child(even) {
background-color: #f0f2f2;
}

.aplus-v2 .premium-aplus-module-5 table.a-bordered td.attribute .comparison-metric-name {
outline-style: none;
}

.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 td.attribute.empty {
height: 332px;
}

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

* Prevent table borders from overlapping *
.aplus-v2 .premium-aplus-module-5 table {
border-collapse: separate;
}

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

.aplus-v2 .premium-aplus-module-5 table.a-bordered td {
border-right-width: 1px;
}

.aplus-v2 .premium-aplus-module-5 table.a-bordered td:last-child {
border-right-width: 0;
}

html[dir= rtl ] .aplus-v2 .premium-aplus-module-5 table.a-bordered td:last-child {
border-right-width: 1px;
}

* Active column should be surrounded in darker border. *
.aplus-v2 .premium-aplus-module-5 table.a-bordered td.active {
border-color: #767676;
border-right-width: 1px;
border-left-width: 1px;
}

* Top Active column needs border-top *
.aplus-v2 .premium-aplus-module-5 table.a-bordered tr:first-child td.active {
border-top-width: 1px;
height: 332px;
}

* Bottom column column needs border-bottom *
.aplus-v2 .premium-aplus-module-5 table.a-bordered tr:last-child td.active {
border-bottom-width: 1px;
}

* 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 {
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-question {
position: relative;
line-height: 25px;
padding-bottom: 10px;
}

.aplus-v2 .premium-aplus-module-11 .aplus-answer {
opacity: 0;
height: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}

.aplus-v2 .premium-aplus-module-11 .aplus-active .aplus-answer {
opacity: 1;
height: auto;
min-height: 20px;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.1s linear 0.1s;
-moz-transition: opacity 0.1s linear 0.1s;
-ms-transition: opacity 0.1s linear 0.1s;
-o-transition: opacity 0.1s linear 0.1s;
transition: opacity 0.1s linear 0.1s;
}

.aplus-v2 .premium-aplus-module-11 .faq-block {
position: relative;
padding-left: 100px;
padding-top: 10px;
padding-bottom: 15px;
padding-right: 80px;
cursor: pointer;
background: #fff;
border: 2px solid #E6E6E6;
border-radius: 3px;
margin-bottom: 10px;
-webkit-transition: background 0.1s linear;
-moz-transition: background 0.1s linear;
-ms-transition: background 0.1s linear;
-o-transition: background 0.1s linear;
transition: background 0.1s linear;
}

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-secondary-color .faq-block {
border: none;
}

.aplus-v2 .premium-aplus-module-11 .faq-block::after,
.aplus-v2 .premium-aplus-module-11 .faq-block::before {
width: 80px;
line-height: 40px;
font-size: 25px;
text-align: center;
border-radius: 3px;
display: inline-block;
font-weight: 500;
top: 10px;
left: 10px;
}

.aplus-v2 .premium-aplus-module-11 .faq-block::after {
content: Q ;
background: #505050;
color: #fff;
position: absolute;
-webkit-transition: background 0.1s linear;
-moz-transition: background 0.1s linear;
-ms-transition: background 0.1s linear;
-o-transition: background 0.1s linear;
transition: background 0.1s linear;
}

.aplus-v2 .premium-aplus-module-11 .faq-block::before {
content: A ;
background: #F5A623;
color: #fff;
position: absolute;
}

html[dir= rtl ] .aplus-v2 .premium-aplus-module-11 .faq-block::after,
html[dir= rtl ] .aplus-v2 .premium-aplus-module-11 .faq-block::before {
right: 10px;
}

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

.aplus-v2 .premium-aplus-module-11 .faq-block.aplus-active::before {
padding-top: 40px;
-webkit-transition: padding-top 0.1s linear;
-moz-transition: padding-top 0.1s linear;
-ms-transition: padding-top 0.1s linear;
-o-transition: padding-top 0.1s linear;
transition: padding-top 0.1s linear;
}

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

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

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

(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 get the toggle Attribute value
* @param {attr} attribute – The Attribute object
*

function getToggleAttributeValue(attr) {
return attr === true ? false : true ;
}

**
* 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 );

if (!isActive) {
faqBlocks.removeClass( aplus-active ); * deactivate others *
faqBlocks.find( .faq-arrow ).attr( aria-expanded , false );
faqBlocks.find( .answer ).attr( aria-hidden , true );
}
$element.toggleClass( aplus-active ); * activate the clicked block *
$element.find( .faq-arrow ).attr( aria-expanded , function(_, attr) {
return getToggleAttributeValue(attr);
});
$element.find( .answer ).attr( aria-hidden , function(_, attr) {
return getToggleAttributeValue(attr);
});
}

* 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 {
padding-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));

* 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();
});
}
})
});
}));

Previous page

1. 
3. 

   Promote Baby Development

   Do tummy time on our water mat can promote the baby s sensory development

   

   Get Sensory Enjoyment

   Our mat has bright and colorful visual impact, which can make your baby love doing tummy time

   Next page
   1 Enjoy Tummy Time 2 Benefits of Tummy time 3 Baby Play More fun
   (function(f) {var _np=(window.P._namespace( PremiumAplusModule ));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {
   P.when( premium-module-12-nav-carousel ).execute(function(init){
   init();
   });
   }));
   
   
   
   
   Enough Space to Play
   When you inflate the outer ring, the height can reach 2.5 , but the corresponding product size will also decrease, ultimately becoming 23 x18 . The size is 26 x20 when you received the goods without inflating the outer ring
   
   
   High Quality
   Our water mats are made of heavy PVC material which is strong, durable, non-toxic and BPA free . Each water mat has passed a strict quality inspection
   
   
   Easy to Use
   Fill outer ring with 2 3 air to use, over filling cause it to explode. The inflation port has a paddle that needs to be returned to its correct position after use to prevent leakage. After filling inner ring with water, confirm that water outlet is tight and away from sharp objects to avoid leakage
   
   
   Carry Anywhere
   Empty the tummy time water mat of water and air , it can be easily folded and carried in a purse or backpack
   Will this product leak?
   After filling with water, close the valve can effectively reduce leak. We can t achieve 100% no leak. we can only minimize the amount of leakage. If there is any leakage, We support free returns and exchanges.
   Does it have a strong chemical smell?
   The product has a slight odor due to being newly made and printed. After being filled with water and used a few times, the smell will dissipate a lot.
   How often should I change the water?
   With tap water, you can change the water once a week. After using distilled water , you can change the water every two weeks
   How about The material of our product -PVC
   We use PVC made of brand new materials, not PVC made from recycled materials on the market. The slight smell of the product is due to the pigment printed on it, as the product is relatively new in production.
   When you receive a product with holes
   A small amount of products may have holes during transportation. We support free returns and exchanges
   (function(f) {var _np=(window.P._namespace( PremiumAplusModule ));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {
   P.when( premium-module-11-faq ).execute(function(init){
   init();
   });
   }));
   More Products
   		tummy time water mat Add to Cart logShoppableMetrics( premium-module-5-comparison-table-scroller , true)		Rattle Socks Set Add to Cart logShoppableMetrics( premium-module-5-comparison-table-scroller , true)		Baby Tissue Box Toy logShoppableMetrics( premium-module-5-comparison-table-scroller , false) Buying Options		Small Gift Basket Add to Cart logShoppableMetrics( premium-module-5-comparison-table-scroller , true)		Gift Basket with Bow logShoppableMetrics( premium-module-5-comparison-table-scroller , false) Buying Options
   Customer Reviews		.aplus-v2 .aplus-review-right-padding { padding-right: 0.1rem; } 4.2 out of 5 stars 6,371		.aplus-v2 .aplus-review-right-padding { padding-right: 0.1rem; } 4.5 out of 5 stars 245		.aplus-v2 .aplus-review-right-padding { padding-right: 0.1rem; } 4.4 out of 5 stars 32		.aplus-v2 .aplus-review-right-padding { padding-right: 0.1rem; } 4.6 out of 5 stars 48		.aplus-v2 .aplus-review-right-padding { padding-right: 0.1rem; } 4.4 out of 5 stars 100
   Price		$13.99$13.99		$8.99$8.99		$8.54$8.54		$9.99$9.99		$9.99$9.99
   Brand		Yeeeasy		Yeeeasy		Yeeeasy		Yeeeasy		Yeeeasy
   Age		3 Month +		3 Month +		6 Month +		ALL		ALL
   color		Pink		multicolor		multicolor		White		White
   Material		PVC		cotton		cotton		cotton		cotton
   Theme		Ocean		Forest Animals		Animals&Numbers		Solid color		Bow
   (function(f) {var _np=(window.P._namespace( PremiumAplusModule ));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {
   P.when( premium-module-5-comparison-table-scroller , ready ).execute(function(init){ init() });
   }));
   • [Perfect Size] When you inflate the outer ring, the height can reach 2.5 , but the corresponding product size will also decrease, ultimately becoming 23 x18 . The size is 26 x20 when you received the goods without inflating the outer ring
   • [Make Tummy Time Easier] This tummy time water mat has bright and colorful seabed world patterns, cute and beautiful marine animals, which can make your baby love doing tummy time exercise. It can not only make baby exercise the muscles of the neck, shoulders, back and limbs, but also make the baby get sensory enjoyment
   • [Good Quality and Strict Inspection]Our baby water play mats are made of heavy pvc material.We conduct inflation checks on each water pad before leaving the factory to reduce the probability of leakage
   • [Notice]The product has a slight odor due to being newly made and printed. After being filled with water and used a few times, the smell will dissipate a lot.
   • [Easy to Use]Just fill the outer ring with air and add water to the inner ring to use. Empty the tummy time water mat of water and air, it can be easily folded and carried in a purse or backpack. After use, be sure to drythoroughly and store in a dry environment to avoid mold growth
   Color		Blue
   Brand		Yeeeasy
   Material		Polyvinyl Chloride
   Product Dimensions		26 L x 20 W
   Item Weight		9.5 Ounces
   Age Range (Description)		3 to 12 months
   Item Form		flat
   UPC		721545714145
   Manufacturer		Yeeeasy
   Color	Blue, Water Blue, New Pink, Pink
   Related products
   -50%
   
   
   Add to wishlist
   Compare
   Quick view
   Uncategorized
   Harry Potter Umbrella – Hogwarts Logo For Discount
   $105.00 Original price was: $105.00.$52.50Current price is: $52.50.
   Select options This product has multiple variants. The options may be chosen on the product page
   -50%
   
   Add to wishlist
   Compare
   Quick view
   Uncategorized
   Incredible But True Deadly Predators Cheap
   $42.90 Original price was: $42.90.$21.45Current price is: $21.45.
   Select options This product has multiple variants. The options may be chosen on the product page
   -50%
   
   Add to wishlist
   Compare
   Quick view
   Uncategorized
   Inkredibles Colour Burst CoComelon Kit Online now
   $42.90 Original price was: $42.90.$21.45Current price is: $21.45.
   Select options This product has multiple variants. The options may be chosen on the product page
   -50%
   
   
   Add to wishlist
   Compare
   Quick view
   Uncategorized
   Harry Potter Umbrella – Hufflepuff Logo For Sale
   $109.90 Original price was: $109.90.$54.95Current price is: $54.95.
   Select options This product has multiple variants. The options may be chosen on the product page
   -50%
   
   Add to wishlist
   Compare
   Quick view
   Uncategorized
   Let s Talk About Change Fashion
   $24.90 Original price was: $24.90.$12.45Current price is: $12.45.
   Select options This product has multiple variants. The options may be chosen on the product page
   About Us
   Privacy Policy
   Terms and Conditions
   My Account
   Shop
   Wishlist
   Cart
   My account
   Please enable JavaScript in your browser to complete this form.
   Email *
   
   * By Signing up here i agree to receive Minigear’s email newsletter.
   © 2023 Dexons Theme. All rights reserved.
   We using safe payment for
   

   coretravelus.shop © 2025 All Rights Reserved

   • Hide similarities
   • Highlight differences

   Select the fields to be shown. Others will be hidden. Drag and drop to rearrange the order.

   • Image
   • SKU
   • Rating
   • Price
   • Stock
   • Description
   • Weight
   • Dimensions
   • Additional information
   • Add to cart

   Click outside to hide the comparison bar

   Compare

   0

   0

   Shopping Cart

   🔥 These products are limited, checkout within

   00m 00s

   Note Shipping Coupon

   Subtotal	$0.00
   Total	$0.00

   Checkout

   View cart

   Add note for seller

   Save

   Cancel