NOTABRICK Bluetooth Speakers,Portable Wireless Speaker with 15W Stereo Sound, IPX6 Waterproof Shower Speaker, Dual Pairs, Portable Speaker for Party Beach Camping

80% OFF
$155.13

$31.03

YOU SAVE $124.10 $124.10
See this NOTABRICK Bluetooth Speakers Portable on Shopify Get more Coupons up to 100% for Everything Else
Get Coupon Code

Note: You have to register with RebateKey.com to be able to claim a coupon for NOTABRICK Bluetooth Speakers Portable.


【Clear&Delightful Sound】: The subtle little body delivers a stunning 15W sound. Well made for distortion-free sound, the Bluetooth speaker has loud highs, a crisp midrange and full bass to put you in the zone!【Practical Waterproof】: Splashproof, Rainproof, Dustproof, Sandproof;Perfect for the beach, poolside, car, boat & golf cart.IPX67 rated speakers are resistant to mild water spray and splashing, but cannot be partially or fully submerged in water.【Portable speaker】: 4.5 inches high, 3.5 inches in diameter; comes with TF card slot ( supports WAV / FLAC / APE / MP3 format ), 3.5 AUX input port, Type-C(Fast charging) and a lanyard for leisure, entertainment, office, indoor, outdoor, hiking, beach, etc.【Dual Pairs-360° Stereo】: Dual Pairs function - enables two Bluetooth wireless speakers to be connected in tandem. Let's enjoy a full 360° of loud 30W music in the home theatre, at parties, on the beach, in the park or anywhere else imaginable.【Bluetooth V5.0】: The Bluetooth speaker has the latest Bluetooth 5.0 chip built in to ensure fast pairing and a stable connection. The built-in microphone provides high quality and convenient hands-free calls. The speaker can automatically reconnect to the last device used.

Product Description



/**
* 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.
*/


(function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {
P.now('aplus-module-tech-specs').execute(function(init) {
if (init) {
return;
}
P.register('aplus-module-tech-specs', function() {
function showTablesFallback(tables) {
// unsuccessful toggling "hide" parent class, fallback to toggling table css directly
if (tables && typeof tables.css === 'function') {
tables.css('visibility','visible');
}
}
function showTables(tables, hideLoadingCssClassName) {
if (tables && typeof tables.closest === 'function') {
var hideTableContainers = tables.closest('.' + hideLoadingCssClassName);
if (hideTableContainers.length && typeof hideTableContainers.removeClass === 'function') {
hideTableContainers.removeClass(hideLoadingCssClassName);
return; // do not go to fallback
}
}
showTablesFallback(tables);
}
function resizeSpecTables($, tables) {
var tableHeights = [];
tables.each(function(i, table) {
tableHeights.push($(table).height());
});
var maxHeight = Math.max.apply(undefined, tableHeights);
tables.height(maxHeight);
}
return function(moduleId, tableCssClassName, hideLoadingCssClassName) {
P.when('A', 'ready').execute(function(A) {
var $ = A.$;
var targetClassName = '.' + moduleId + ' .' + tableCssClassName;
var tables = $(targetClassName);
try {
resizeSpecTables($, tables);
showTables(tables, hideLoadingCssClassName);
} catch (e) {
// in case resizeSpecTables throws, try to show tables or all hides
if (tables && tables.length) {
showTablesFallback(tables)
} else {
// final attempt, show all hidden tables
var hideTableContainers = $('.' + (hideLoadingCssClassName || 'aplus-tech-spec-hide-loading'));
hideTableContainers.removeClass(hideLoadingCssClassName);
}
}
});
}
});
});
}));

.aplus-tech-spec-hide-loading {
visibility: hidden;
}
.aplus-tech-spec-hide-loading:only-child {
visibility: visible !important;
}


.aplus-tech-spec-hide-loading {
visibility: visible !important;
}



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

.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen {
text-align: left;
}

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;
line-height: 2.5em;
width: 220px;
background-color: #fff;
white-space: nowrap;
}

.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-carousel-actions .regimen .aplus-carousel-index {
display: inline-block;
margin-left: 6px;
width: 16px;
line-height: 26px;
color: #000;
text-align: center;
}

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-goto-btn.regimen.aplus-active .aplus-carousel-index {
color: #fff;
}

.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;
}




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

.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-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.5);
}

.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;
}

.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-card-link-button {
text-align: center;
padding-top: 20px;
}

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


(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 = ".aplus-carousel-text-container-" + MODULE_ID;
/**
* Carousel text hidden class name
* @const
*/
var TEXT_CONTAINER_HIDDEN = "aplus-hidden";

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

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

/**
* Enter inactive state
* @memberOf CarouselButton
*/
CarouselButton.prototype.deactivate = function() {
this.$elem.removeClass(GOTO_BTN_ACTIVE_CLASS_NAME);
};

/**
* 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 carouel 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) {
CarouselButton.objects.byId[data.newValue].activate();
CarouselButton.objects.byId[data.oldValue].deactivate();
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();
});
}
})
});
}));

if(P) {
P.when("a-expander", "ready").execute(function (expander) {
expander.initializeExpanders();
});
}



NOTABRICK Bluetooth Speaker-Ki, Experiencing and Upgrading






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: #FFA500;
}



P.now("premium-aplus-13-carousel-0").execute(function(init) {
if (init) {
return;
}
P.register("premium-aplus-13-carousel-0", function(){
return function() {
P.when("A", "jQuery", "a-carousel-framework", "ready").execute(function (A, $, framework) {
var moduleId = "0";
var carouselName = "premium-aplus-13-carousel-0";
var paginationAction = "aplus-pagination-dot-action-" + moduleId;
var paginationGroup = "#aplus-pagination-group-" + moduleId + "-" + carouselName;

/* If the carousel goes to a new page */
A.on("a:carousel:"+carouselName+":change:pageNumber", function (data) {
A.$(paginationGroup+" .carousel-slider-circle").removeClass("aplus-carousel-active")
.eq(data.newValue - 1).addClass("aplus-carousel-active");
});

framework.onInit(carouselName, function (carousel) {
A.declarative(paginationAction, 'click', function(event){
var data = event.data;
carousel.gotoPage(data.page);
});
});
});
}
});
});











(function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {
P.when("premium-aplus-13-carousel-0").execute(function(init){init();});
}));









Previous page







Next page






1 Surprise Sounds
2 IPX67 Waterproof speaker
3 Long battery life
4 Bluetooth 5.0
5 Smart Life



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



NOTABRICK Bluetooth Speaker-Ki, Accompanying and Cheering






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: #FFA500;
}



P.now("premium-aplus-13-carousel-2").execute(function(init) {
if (init) {
return;
}
P.register("premium-aplus-13-carousel-2", function(){
return function() {
P.when("A", "jQuery", "a-carousel-framework", "ready").execute(function (A, $, framework) {
var moduleId = "2";
var carouselName = "premium-aplus-13-carousel-2";
var paginationAction = "aplus-pagination-dot-action-" + moduleId;
var paginationGroup = "#aplus-pagination-group-" + moduleId + "-" + carouselName;

/* If the carousel goes to a new page */
A.on("a:carousel:"+carouselName+":change:pageNumber", function (data) {
A.$(paginationGroup+" .carousel-slider-circle").removeClass("aplus-carousel-active")
.eq(data.newValue - 1).addClass("aplus-carousel-active");
});

framework.onInit(carouselName, function (carousel) {
A.declarative(paginationAction, 'click', function(event){
var data = event.data;
carousel.gotoPage(data.page);
});
});
});
}
});
});











(function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {
P.when("premium-aplus-13-carousel-2").execute(function(init){init();});
}));



Performance Parameters for NOTABRICK Bluetooth Speaker-Ki





Size and weight
5.43 x 3.78 x 3.82 inches, 1.03 pounds


Power
15W


Waterproof Rating
IPX67


Accessory
1× Charging line; 1× AUX line


Recommended charging voltage
5V/ 1A









From the brand


/*
* Used when device = desktop
* Configured in: configuration/brazil-config/global/brand-story.cfg
*/

/* Because the carousel is implemented as an ol list,
any lists in the card text will have a secondary list style (letters).
This will give an incorrect appearance to viewers,
so we set all lists to the primary list style (numbers). */
.aplus-brand-story-card ol li {
list-style: decimal;
}

/* Top level containers */
.aplus-module .apm-brand-story-hero {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 1464px;
height: 625px;
background-color: #fff;
}

.aplus-module .apm-brand-story-card {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 362px;
height: 453px;
background-color: #fff;
}

.apm-brand-story-hero,
.apm-brand-story-card {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
width: 100%;
height: 100%;
float: none;
}

.aplus-module.brand-story-card-1-four-asin .apm-brand-story-card {
/* Only 12px to account for image cell border */
padding: 12px;
}

/* Full background image (Hero 1 & Card 2) */
.aplus-module .apm-brand-story-background-image {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
position: absolute;
width: 100%;
height: 100%;
}

/* Card 1 small images */
.aplus-module .apm-brand-story-image-row {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 185px;
padding: 0px;
margin: auto;
display: flex;
}

.aplus-module .apm-brand-story-image-row .apm-brand-story-image-cell {
/* Use content-box to ensure image size matches editor schema */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding: 0px;
margin: 0px;
width: 166px;
border: 1px solid #fff;
}

.aplus-module .apm-brand-story-image-row .apm-brand-story-image-cell .apm-brand-story-image-link {
display: block;
width: 100%;
height: 100%;
}

.aplus-module .apm-brand-story-image-row .apm-brand-story-image-cell .apm-brand-story-image-link .apm-brand-story-image-img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

/* Card 3 logo image */
.aplus-module .apm-brand-story-logo-image {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 145px;
margin: 0px 4px;
padding: 20px;
padding-bottom: 0px;
}

/* Text overlays */
.aplus-module .apm-brand-story-text-bottom {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
bottom: 13px;
left: 13px;
}

.aplus-module .apm-brand-story-hero .apm-brand-story-text-bottom {
background-color: rgba(0,0,0,0.6);
color: #fff;
padding: 13px 65px 13px 13px; /* accounts for overlap of first card */
width: 437px;
}

.aplus-module.brand-story-card-2-media-asset .apm-brand-story-text-bottom {
background-color: rgba(255,255,255,0.6);
color: #000;
padding: 13px;
width: 336px;
}

.aplus-module.brand-story-card-1-four-asin .apm-brand-story-text {
margin-top: 8px;
}

.aplus-module.brand-story-card-1-four-asin .apm-brand-story-text.apm-brand-story-text-single {
margin-top: 20px;
}

.aplus-module.brand-story-card-1-four-asin .apm-brand-story-text h3 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.aplus-module .apm-brand-story-slogan-text {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
margin: 0px 4px;
padding: 20px;
}

.aplus-module .apm-brand-story-faq {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding-top: 10px;
}

.aplus-module .apm-brand-story-faq-block {
margin: 0px 10px;
padding: 10px;
}


.aplus-v2 .apm-brand-story-carousel-container {
position: relative;
}

.aplus-v2 .apm-brand-story-carousel-hero-container,
.aplus-v2 .apm-brand-story-carousel-hero-container > div {
position: absolute;
width: 100%;
}


/*
Ensuring the carousel takes only the space it needs.
The sizes need to be set again on the absolutely positioned elements so they can take up space.
*/
.aplus-v2 .apm-brand-story-carousel-container,
.aplus-v2 .apm-brand-story-carousel-hero-container {
height: 625px;
width: calc(100% + 15px);
max-width: 1464px;
margin-left: auto;
margin-right: auto;
}

/*
This centers the carousel vertically on top of the hero image container and after the logo area (125px).
Margin-top = (heroHeight - cardHeight - logoAreaHeight) / 2 + logoAreaHeight
*/
.aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner{
margin-top: 149px;
}

/*
Cards need to have a width set, otherwise they default to 50px or so.
All cards must have the same width. The carousel will resize itself so all cards take the width of the largest card.
The left margin is for leaving a space between each card.
*/
.aplus-v2 .apm-brand-story-carousel .a-carousel-card {
width: 362px;
margin-left: 30px !important;
}

/* styling the navigation buttons so they are taller, flush with the sides, and have a clean white background */
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right {
padding: 0px;
}

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image {
border: none;
margin: 0px;
}

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {
background: #fff;
padding: 20px 6px;
}

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner {
border-radius: 0px 4px 4px 0px;
}

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {
border-radius: 4px 0px 0px 4px;
}


















Previous page







Next page






See what our users are saying!

Amber

Amber

Lena

Lena

Karen

Karen

Daniella

Daniella

Taylor

Taylor

Tanya

Tanya

Chalida

Chalida

Raymond

Raymond

Maxenne

Maxenne

You'd like to get access to hundreds of deals?

Join tens of thousands of smart and happy shoppers! What are you waiting for?

Sign Up Now!

More from that seller...

Discover more deals...

So, what are you waiting for?

Sign Up Now!
Trusted Marketplaces

Be part of RebateKey

Join tens of thousands of smart and happy shoppers! What are you waiting for?

Start Now!