Mr. Pen- Dry Erase Pocket Sleeves, 10 x 14 Inch, 6 Pack, Colorful, Dry Erase Plastic Sleeves, Dry Erase Pockets Reusable Sleeves, Dry Erase Sleeves, Clear Pocket Sleeves, Classroom Sleeves : Office Products

Description

Welcome to Mr. Pen! Having firsthand experience teaching in at-risk schools in different parts of the United States, seeing the daily struggles of students and teachers, we, a few business-minded teachers, founded Mr. Pen with a simple purpose: serving the schools in our community by providing them with high quality and affordable school supplies and tools to help them in their efforts. We founded Mr. Pen with a simple purpose to serve the schools in our community by providing them with high quality and affordable school supplies and tools to help them in their efforts. We want to ensure Mr. Pen can provide superior quality, the most affordable products, and amazing online shopping experience from the beginning. As we aim to supply excellent conventional office and school products, our team of engineers and designers will do their best job to create innovative solutions for offices and schools to maximize efficiency and learning. Mr. Pen- Dry Erase Pocket Sleeves, 10 x 14 Inch, 6 Pack, Colorful, Dry Erase Plastic Sleeves, Dry Erase Pockets Reusable Sleeves, Dry Erase Sleeves, Clear Pocket Sleeves, Classroom SleevesFound a lower price? Let us know. Although we can't match every price reported, we'll use your feedback to ensure that our prices remain competitive. Store (Offline) Store name: City: State: Please select province Please select province Price: ($) Date of the price: 01 02 03 04 05 06 07 08 09 10 11 12 / 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 / Please sign in to provide feedback. Submit Feedback P.when("A", "a-modal", "ready").execute(function (A, modal) { var $ = A.$; var instance; var title = $("#modalHeader").val(); A.declarative("pricingFeedback-modal-button", "click", function (event) { if (!instance) { var options = { name: "pricingFeedback-modal-content", dataStrategy: "preload", }; instance = modal.create(event.$target, options); } instance.update({ "header": title, "width": "550" }).lock().show(); }); }); P.when('A', 'ready').execute(function (A) { var $ = A.$; var csrf = $("#aapiCsrfToken").val(); var productPrice = $("#priceValue").val(); var hostname = $("#absoluteUrlPrefix").val(); var customerId = $("#customerId").val(); var isCustomerRecognized = ($("#isCustomerLoggedIn").val() === 'true'); var isCurrentGlOnlineOnly = ($("#isCurrentGlOnlineOnly").val() === 'true'); var asin = $("#asin").val(); var marketplaceId = $("#marketplaceId").val(); var country = $("#countryCode").val(); var offlineStoresList = $("#offlineStoresList").val(); var statesList = $("#statesList").val(); var errorMessages = { errorNoRetailerType: $("#errorNoType").val(), errorBadPrice: $("#errorBadPrice").val(), errorBadPriceShipping: $("#errorBadPriceShipping").val(), errorInvalidUrl: $("#errorInvalidUrl").val(), errorSubmission: $("#errorSubmission").val(), errorEmptyFields: $("#errorEmptyFields").val(), thankFeedback: $("#thankFeedback").val() }; var feedbackFormContent = document.querySelector('#feedbackForm'); var signUpContainer = document.querySelector('#signUpForm'); var feedbackFormFinalStateContainer = document.querySelector('#feedbackFormFinalState'); var states = JSON.parse(statesList); var offlineStores = JSON.parse(offlineStoresList); var offlineStoresEnabled = !isCurrentGlOnlineOnly; var currentDate = getCurrentDay(); var currentMonth = getCurrentMonth(); var currentYear = getCurrentYear(); if (isCustomerRecognized) { feedbackFormContent.style['display'] = 'block'; feedbackFormFinalStateContainer.style['display'] = 'block'; signUpContainer.style['display'] = 'none'; var enableOnlineStoreRadio = document.querySelector('#pricingFeedback_onlineRadio'); var enableOfflineStoreRadio = document.querySelector('#pricingFeedback_offlineRadio'); var onlineStoreInputForm = document.querySelector('#pricingFeedback_onlineInput'); var offlineStoreInputForm = document.querySelector('#pricingFeedback_offlineInput'); var offlineStateSelect = document.querySelector('#offlineState'); var offlineStoreSelect = document.querySelector('#offlineStoreNameList'); var submitButton = document.querySelector('#pricingFeedback_submit'); var onlineUrl = document.querySelector('#onlineUrl'); var onlinePriceRaw = document.querySelector('#onlinePriceRaw'); var onlineShippingRaw = document.querySelector('#onlineShippingRaw'); var onlineDay = document.querySelector('#onlineDay'); var onlineMonth = document.querySelector('#onlineMonth'); var onlineYear = document.querySelector('#onlineYear'); var onlineCalendar = document.querySelector('#onlineCalendar'); var offlineRadioContainer = document.querySelector('#offlineRadioContainer'); var offlineStoreName = document.querySelector('#offlineStoreName'); var offlineCity = document.querySelector('#offlineCity'); var offlineState = document.querySelector('#offlineState'); var offlinePriceRaw = document.querySelector('#offlinePriceRaw'); var offlineDay = document.querySelector('#offlineDay'); var offlineMonth = document.querySelector('#offlineMonth'); var offlineYear = document.querySelector('#offlineYear'); var offlineCalendar = document.querySelector('#offlineCalendar'); var thankYouDiv = document.querySelector('#pricingFeedback_thank'); var errorDiv = document.querySelector('#pricingFeedback_error'); var loadingGifDiv = document.querySelector('#loading'); setCalenderOrderBasedOnCountry(country); setInitialStates( onlineMonth, currentMonth, offlineMonth, onlineDay, currentDate, offlineDay, onlineYear, currentYear, offlineYear, onlineStoreInputForm, offlineStoreInputForm, enableOfflineStoreRadio, enableOnlineStoreRadio, onlineCalendar, offlineCalendar ); createPermalinkContainer(asin, hostname); for (let state of states) { var option = document.createElement('option'); option.setAttribute('value', state['value']); option.innerText = state['name']; offlineStateSelect.appendChild(option); } for (let store of offlineStores) { var option = document.createElement('option'); option.setAttribute('value', store); offlineStoreSelect.appendChild(option); } $("#pricingFeedback_onlineRadio").click(function () { onlineStoreInputForm.style['display'] = 'table'; offlineStoreInputForm.style['display'] = 'none'; }); $("#pricingFeedback_offlineRadio").click(function () { onlineStoreInputForm.style['display'] = 'none'; offlineStoreInputForm.style['display'] = 'table'; }); if (!offlineStoresEnabled) { offlineRadioContainer.style['display'] = 'none'; offlineStoreInputForm.style['display'] = 'none'; } $("#pricingFeedback_submit").click(function () { var feedbackSubmitted = submitFeedback( customerId, marketplaceId, asin, productPrice, onlineStoreInputForm, offlineStoreInputForm, onlineUrl.value, onlinePriceRaw.value, onlineShippingRaw.value, onlineDay.value, onlineMonth.value, offlineStoreName.value, offlineCity.value, offlineState.value, offlinePriceRaw.value, offlineDay.value, offlineMonth.value, thankYouDiv, errorDiv, submitButton, loadingGifDiv, errorMessages ); if (feedbackSubmitted !== null && !feedbackSubmitted) { errorDiv.innerHTML = getErrorDiv(errorMessages.errorSubmission); } }); A.on("a:popover:beforeHide:pricingFeedback-modal-content", function (data) { resetModalToInitialState(currentMonth, currentDate, currentYear); }); } else { feedbackFormContent.style['display'] = 'none'; feedbackFormFinalStateContainer.style['display'] = 'none'; signUpContainer.style['display'] = 'block'; var authPortalLink = getAuthenticationPageURL(asin, hostname); $("#signUpForm").one("click", function () { window.location = encodeURI(authPortalLink); }); } function setCalenderOrderBasedOnCountry(country) { var monthSections = document.getElementsByClassName('monthSection'); var daySections = document.getElementsByClassName('daySection'); var yearSections = document.getElementsByClassName('yearSection'); var firstDelimiters = document.getElementsByClassName('firstDelimiter'); var secondDelimiters = document.getElementsByClassName('secondDelimiter'); if (country === 'US') { for (let i = 0; i < 2; i++) { (monthSections[i]).style['order'] = '-1'; (firstDelimiters[i]).style['order'] = '0'; (daySections[i]).style['order'] = '1'; (secondDelimiters[i]).style['order'] = '2'; (yearSections[i]).style['order'] = '3'; } } else if (country === 'JP') { for (let i = 0; i < 2; i++) { (yearSections[i]).style['order'] = '-1'; (secondDelimiters[i]).style['order'] = '0'; (monthSections[i]).style['order'] = '1'; (firstDelimiters[i]).style['order'] = '2'; (daySections[i]).style['order'] = '3'; } } else { for (let i = 0; i < 2; i++) { (daySections[i]).style['order'] = '-1'; (firstDelimiters[i]).style['order'] = '0'; (monthSections[i]).style['order'] = '1'; (secondDelimiters[i]).style['order'] = '2'; (yearSections[i]).style['order'] = '3'; } } } function createPermalinkContainer(asin, hostname) { var permalinkHref = getPermalink(hostname, asin); var permalinkContainer = document.querySelector('#permalink'); var permalink = document.createElement('a'); permalink.setAttribute('href', permalinkHref); permalink.innerText = permalinkHref; permalinkContainer.append(permalink); } function getPermalink(server, asin) { return server + '/dp/' + asin; } function triggerPricingFeedback( customerId, marketplaceId, asin, price, retailerType, retailerUrl, retailerName, retailerCity, retailerState, retailerPrice, retailerShipping, sampleDate ) { var dataCart = { ourPrice: parseInt(price), retailer: { type: retailerType, name: retailerName, city: retailerCity, state: retailerState, price: parseInt(retailerPrice), shippingCost: parseInt(retailerShipping), url: retailerUrl }, date: sampleDate + "T00:00:00.102Z" }; return new Promise((resolve, reject) => { A.$.ajax($("#aapiEndpoint").val() + "/api/marketplaces/" + marketplaceId + "/products/" + asin + "/feedback/pricing", { type: 'POST', headers: { 'Accept-Language': 'en-US', 'Accept': 'application/vnd.com.amazon.api+json; type="product.feedback.pricing/v1"', 'Content-Type': 'application/vnd.com.amazon.api+json; type="product.feedback.pricing.request/v1"', 'x-api-csrf-token': csrf }, data: JSON.stringify(dataCart), xhrFields: { withCredentials: true }, success: function (responseContent) { $("#pricingFeedback_thankcontent").innerText = "Success! " + responseContent.toString(); resolve(); }, error: function (err) { $("#pricingFeedback_thankcontent").innerText = "Error! " + err.toString(); reject(); } }) }) } function getAuthenticationPageURL(asin, hostname) { return hostname + '/ap/signin?_encoding=UTF8&openid.assoc_handle=usflex&openid.claimed_id=http://specs.openid.net/auth/2.0/identifier_select&openid.identity=http://specs.openid.net/auth/2.0/identifier_select&openid.mode=checkid_setup&openid.ns=http://specs.openid.net/auth/2.0&openid.ns.pape=http://specs.openid.net/extensions/pape/1.0&openid.pape.max_auth_age=0&openid.return_to=https://www.amazon.com/dp//'; } function getCurrentDay() { var date = new Date(); return date.getDate().toString(); } function getCurrentMonth() { var date = new Date(); return (date.getMonth() + 1).toString(); } function getCurrentYear() { var date = new Date(); return date.getFullYear().toString(); } function setInitialStates(onlineMonth, currentMonth, offlineMonth, onlineDay, currentDate, offlineDay, onlineYear, currentYear, offlineYear, onlineStoreInputForm, offlineStoreInputForm, enableOfflineStoreRadio, enableOnlineStoreRadio, onlineCalendar, offlineCalendar) { onlineMonth.defaultValue = currentMonth; offlineMonth.defaultValue = currentMonth; onlineDay.defaultValue = currentDate; offlineDay.defaultValue = currentDate; onlineYear.defaultValue = currentYear; offlineYear.defaultValue = currentYear; var onlineMonthOption = document.querySelector('#onlineMonthOptionDefault'); onlineMonthOption.innerText = currentMonth; var onlineMonthPrompt = document.querySelector('#onlineMonthPrompt'); onlineMonthPrompt.innerText = currentMonth; var offlineMonthOption = document.querySelector('#offlineMonthOptionDefault'); offlineMonthOption.innerText = currentMonth; var offlineMonthPrompt = document.querySelector('#offlineMonthPrompt'); offlineMonthPrompt.innerText = currentMonth; var onlineDateOption = document.querySelector('#onlineDateOptionDefault'); onlineDateOption.innerText = currentDate; var onlineDayPrompt = document.querySelector('#onlineDatePrompt'); onlineDayPrompt.innerText = currentDate; var offlineDateOption = document.querySelector('#offlineDateOptionDefault'); offlineDateOption.innerText = currentDate; var offlineDayPrompt = document.querySelector('#offlineDatePrompt'); offlineDayPrompt.innerText = currentDate; var onlineYearOption = document.querySelector('#onlineYearOptionDefault'); onlineYearOption.setAttribute('href', currentYear); onlineYearOption.innerText = currentYear; var onlineYearPrompt = document.querySelector('#onlineYearPrompt'); onlineYearPrompt.innerText = currentYear; var offlineYearOption = document.querySelector('#offlineYearOptionDefault'); offlineYearOption.setAttribute('href', currentYear); offlineYearOption.innerText = currentYear; var offlineYearPrompt = document.querySelector('#offlineYearPrompt'); offlineYearPrompt.innerText = currentYear; if (onlineMonth.children && offlineMonth.children && onlineDay.children && offlineDay.children) { onlineMonth.children[currentMonth].setAttribute('selected', currentMonth); offlineMonth.children[currentMonth].setAttribute('selected', currentMonth); onlineDay.children[currentDate].setAttribute('selected', currentDate); offlineDay.children[currentDate].setAttribute('selected', currentDate); } onlineStoreInputForm.style['display'] = 'none'; offlineStoreInputForm.style['display'] = 'none'; enableOfflineStoreRadio.checked = false; enableOnlineStoreRadio.checked = false; if (onlineCalendar.style && offlineCalendar.style) { onlineCalendar.style['display'] = 'flex'; offlineCalendar.style['display'] = 'flex'; } } function submitFeedback( customerId, marketplaceId, asin, price, onlineStoreInputForm, offlineStoreInputForm, onlineUrl, onlinePriceRaw, onlineShippingRaw, onlineDay, onlineMonth, offlineStoreName, offlineCity, offlineState, offlinePriceRaw, offlineDay, offlineMonth, thankYouDiv, errorDiv, submitButton, loadingGifDiv, errorMessages ) { errorDiv.innerHTML = ''; let cleanRetailerType, cleanRetailerUrl, cleanRetailerName, cleanRetailerCity, cleanRetailerState, cleanRetailerPrice, cleanRetailerShipping, cleanSampleDate; var currentYear = getCurrentYear(); if (onlineStoreInputForm.style['display'] === 'table') { var onlineValidity = validateOnlineInputs(onlineUrl, onlinePriceRaw, onlineShippingRaw, errorMessages); if (onlineValidity.valid) { cleanRetailerType = 'ONLINE'; cleanRetailerUrl = truncate(trim(onlineUrl), 300); cleanRetailerPrice = trim(onlinePriceRaw); cleanRetailerShipping = trim(onlineShippingRaw); if (!cleanRetailerShipping) { cleanRetailerShipping = '0'; } cleanSampleDate = formatDate( currentYear, onlineDay ? onlineDay : getCurrentDay(), onlineMonth ? onlineMonth : getCurrentMonth() ); } else { if (onlineValidity.error) { errorDiv.innerHTML = getErrorDiv(onlineValidity.error); } return null; } } else if (offlineStoreInputForm.style['display'] === 'table') { var offlineValidity = validateOfflineInputs( offlineStoreName, offlineCity, offlineState, offlinePriceRaw, errorMessages ); if (offlineValidity.valid) { cleanRetailerType = 'OFFLINE'; cleanRetailerName = truncate(trim(offlineStoreName), 100); cleanRetailerCity = truncate(trim(offlineCity), 100); cleanRetailerState = truncate(trim(offlineState), 100); cleanRetailerPrice = trim(offlinePriceRaw); cleanRetailerShipping = '0'; cleanSampleDate = formatDate( currentYear, offlineDay ? offlineDay : getCurrentDay(), offlineMonth ? offlineMonth : getCurrentMonth() ); } else { if (offlineValidity.error) { errorDiv.innerHTML = getErrorDiv(offlineValidity.error); } return null; } } else { errorDiv.innerHTML = getErrorDiv(errorMessages.errorNoRetailerType); return null; } loadingGifDiv.innerHTML = getLoadingGifDiv(); if (price) price = parseFloat(price); return triggerPricingFeedback( customerId, marketplaceId, asin, price, cleanRetailerType, cleanRetailerUrl, cleanRetailerName, cleanRetailerCity, cleanRetailerState, parseFloat(cleanRetailerPrice), parseFloat(cleanRetailerShipping), cleanSampleDate ) .then(response => { errorDiv.innerHTML = ''; thankYouDiv.innerHTML = getThankYouDiv(errorMessages.thankFeedback); submitButton.style.display = 'none'; return response; }) .catch(err => { errorDiv.innerHTML = getErrorDiv(errorMessages.errorSubmission); return null; }); } function validateOnlineInputs(url, onlinePrice, onlineShipping, errorMessages) { if (isEmptyValue(url) || isEmptyValue(onlinePrice)) { return { valid: false, error: errorMessages.errorEmptyFields }; } else if (!isValidUrl(url)) { return { valid: false, error: errorMessages.errorInvalidUrl }; } else if (!isNumericPrice(onlinePrice) || (!isEmptyValue(onlineShipping) && !isNumericPrice(onlineShipping))) { return { valid: false, error: errorMessages.errorBadPriceShipping }; } return { valid: true, error: null }; } function validateOfflineInputs(offlineStoreName, offlineCity, offlineState, offlinePrice, errorMessages) { if ( isEmptyValue(offlineStoreName) || isEmptyValue(offlineCity) || isEmptyValue(offlineState) || isEmptyValue(offlinePrice) ) { return { valid: false, error: errorMessages.errorEmptyFields }; } else if (!isNumericPrice(offlinePrice)) { return { valid: false, error: errorMessages.errorBadPrice }; } return { valid: true, error: null }; } function getErrorDiv(errorMsg) { return ( '\n' + ' ' + errorMsg + '\n' + ' ' ); } function getThankYouDiv(thankMsg) { return ( '' + '' + thankMsg + '\n' + '' ); } function getLoadingGifDiv() { return ''; } function isValidUrl(url) { if (!url) { return false; } var encodedUrl = encodeURI(url); return encodedUrl.match( /^(https?:\/\/)?(([a-z0-9-]|%[A-F0-9]{2})+\.)+(([a-z]|%[A-F0-9]{2})([a-z0-9]|%[A-F0-9]{2})*)(:[0-9]+)?(\/[a-z0-9;:,~!+#@&=%\/$\.?_-]+)?$/ ); } function isNumericPrice(price) { if (!price) { return false; } return price.match(/^([0-9]+\.?[0-9]*)$|^([0-9]*\.[0-9]+)$/); } function isEmptyValue(input) { return !input || input.length === 0 || input.match(/^\s*$/); } function truncate(input, length) { if (!input) { return ''; } else { return input.substr(0, length); } } function formatDate(year, date, month) { return year + '-' + month + '-' + date; } function trim(input) { if (!input) { return ''; } else { return input.trim(); } } function resetModalToInitialState(currentMonth, currentDate, currentYear) { var enableOnlineStoreRadio = document.querySelector('#pricingFeedback_onlineRadio'); var enableOfflineStoreRadio = document.querySelector('#pricingFeedback_offlineRadio'); var onlineStoreInputForm = document.querySelector('#pricingFeedback_onlineInput'); var offlineStoreInputForm = document.querySelector('#pricingFeedback_offlineInput'); var onlineUrl = document.querySelector('#onlineUrl'); var onlinePriceRaw = document.querySelector('#onlinePriceRaw'); var onlineShippingRaw = document.querySelector('#onlineShippingRaw'); var onlineDay = document.querySelector('#onlineDay'); var onlineMonth = document.querySelector('#onlineMonth'); var onlineYear = document.querySelector('#onlineYear'); var onlineCalendar = document.querySelector('#onlineCalendar'); var offlineStoreName = document.querySelector('#offlineStoreName'); var offlineCity = document.querySelector('#offlineCity'); var offlineState = document.querySelector('#offlineState'); var offlinePriceRaw = document.querySelector('#offlinePriceRaw'); var offlineDay = document.querySelector('#offlineDay'); var offlineMonth = document.querySelector('#offlineMonth'); var offlineYear = document.querySelector('#offlineYear'); var offlineCalendar = document.querySelector('#offlineCalendar'); var thankYouDiv = document.querySelector('#pricingFeedback_thank'); var errorDiv = document.querySelector('#pricingFeedback_error'); var submitButton = document.querySelector('#pricingFeedback_submit'); var loadingGifDiv = document.querySelector('#loading'); var stateDefaultOption = document.querySelector('#stateDefaultOption'); var stateDefaultPrompt = document.querySelector('#stateDefaultPrompt'); if (thankYouDiv) { thankYouDiv.innerHTML = ''; } if (errorDiv) { errorDiv.innerHTML = ''; } if (loadingGifDiv) { loadingGifDiv.innerHTML = ''; } if (submitButton) { submitButton.style.display = 'block'; } onlineUrl.value = ''; onlinePriceRaw.value = ''; onlineShippingRaw.value = ''; offlineStoreName.value = ''; offlineCity.value = ''; offlineState.value = ''; offlinePriceRaw.value = ''; stateDefaultOption.innerHTML = $("#selectProvince").val(); stateDefaultPrompt.innerHTML = $("#selectProvince").val(); setInitialStates( onlineMonth, currentMonth, offlineMonth, onlineDay, currentDate, offlineDay, onlineYear, currentYear, offlineYear, onlineStoreInputForm, offlineStoreInputForm, enableOfflineStoreRadio, enableOnlineStoreRadio, onlineCalendar, offlineCalendar ); } }); .ask-product-docs-expander-content { padding-left: 0; margin-top: 0; } Product Description .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; } (function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) { P.now('module-9-comparison-table-carousel').execute(function(init){ if (init) { return; } P.register('module-9-comparison-table-carousel', function() { return function() { P.when('A', 'jQuery', 'a-carousel-framework', 'ready').execute(function (A, $, framework) { function initiateCarousel(module) { var moduleId = $(module).data('carousel-name'); var containerClass = '.aplus-v2 .premium-aplus-module-9'; var carouselName = 'premium-aplus-9-carousel-'+moduleId; var comparisonName = '.compare-'+moduleId; var productLink = '.aplus-product-link-'+moduleId; /* If the carousel goes to a new page, make sure the right toggle button is selected */ A.on('a:carousel:'+carouselName+':change:pageNumber', function (data) { var oldCompareClass = containerClass+' '+comparisonName+data.oldValue; var newCompareClass = containerClass+' '+comparisonName+data.newValue; var oldLinkClass = containerClass+' '+productLink+data.oldValue; var newLinkClass = containerClass+' '+productLink+data.newValue; $(oldCompareClass+', '+oldLinkClass).hide(); $(newCompareClass+', '+newLinkClass).show(); }); } $(".aplus-v2 .premium-aplus-module-9 .aplus-comparison-carousel-container").each(function(index) { initiateCarousel(this); }); }); } }); }) })); /** * Premium-module 9: Comparison table - carousel */ .aplus-v2 .premium-aplus-module-9.aplus-comparison-table { max-height: 700px; overflow: hidden; } .aplus-v2 .premium-aplus-module-9.aplus-secondary-color, .aplus-v2 .premium-aplus-module-9 .aplus-secondary-color { background-color: #262626; } .aplus-v2 .premium-aplus-module-9 .aplus-primary-color { background-color : #fff; } .aplus-v2 .premium-aplus-module-9.aplus-secondary-text-color, .aplus-v2 .premium-aplus-module-9 .aplus-secondary-text-color { color: #fff; } .aplus-v2 .premium-aplus-module-9 .aplus-primary-text-color { color: #000; } .aplus-v2 .premium-aplus-module-9 .aplus-display-none { display: none; } .aplus-v2 .premium-aplus-module-9 .aplus-primary-border { border: 0.16px solid #000; } .aplus-v2 .premium-aplus-module-9 .aplus-secondary-border { border: 0.16px solid #fff; } .aplus-v2 .premium-aplus-module-9 .aplus-primary-border-checkbox { border: 2.4px solid #000; } .aplus-v2 .premium-aplus-module-9 .aplus-secondary-border-checkbox { border: 2.4px solid #fff; } .aplus-v2 .premium-aplus-module-9 .base-container { position: relative; height: 700px; } /* Setup three basic containers (left, center, and right) */ .aplus-v2 .premium-aplus-module-9 .aplus-comparison-table-content-container { position: absolute; width: 33.33%; } .aplus-v2 .premium-aplus-module-9 .aplus-comparison-table-content-container.aplus-comparison-table-left-content { top: 0; left: 0; text-align: left; } .aplus-v2 .premium-aplus-module-9 .aplus-comparison-table-content-container.aplus-comparison-table-left-content { text-align: inherit; } .aplus-v2 .premium-aplus-module-9 .aplus-comparison-table-content-container.aplus-comparison-table-center-content { height: 100%; top: 0; left: 50%; -ms-transform: translate(-50%); -webkit-transform: translate(-50%); -moz-transform: translate(-50%); transform: translate(-50%); text-align: center; } .aplus-v2 .premium-aplus-module-9 .aplus-comparison-table-content-container.aplus-comparison-table-right-content { top: 0; right: 0; } /* Setup description of base item to compare with others */ .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-base-item-container { position: relative; height: 700px; background-position: center; background-size: cover; } /* overrides AUI carousel card text-align: center */ .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-base-item-caption, .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-carousel-element-caption { position: absolute; text-align: left; padding: 10px; left: 25%; right: 25%; top: 48px; font-size: 22px; letter-spacing: 0.12px; line-height: 1.2; } /* overrides AUI carousel card text-align: center */ html[dir="rtl"] .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-base-item-caption, html[dir="rtl"] .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-carousel-element-caption { text-align: right; } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-base-item-caption.aplus-primary-text-color, .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-carousel-element-caption.aplus-primary-text-color { background: rgba(255,255,255,0.5); } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-base-item-caption.aplus-secondary-text-color, .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-carousel-element-caption.aplus-secondary-text-color { background: rgba(0,0,0,0.5); } /* Setup carousel styling */ .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-carousel { position: relative; max-width: 488px; } /* 1464 / 3 = 488 */ .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-carousel-element { width: 488px; height: 700px; } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-carousel-element-container { min-width: 460px; } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-carousel-nav .carousel-slider-circle.aplus-carousel-active { background-color: #FFA500; } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-carousel-element-container { position: relative; } /* Setup table styling */ .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-main-container { position: relative; width: 100%; height: 100%; } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-container { vertical-align: middle; } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-header { padding: 0 20px; width: auto; transform: translateY(50%); } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-content td { width: 33%; padding-top: 19.2px; padding-bottom: 19.2px; vertical-align: middle; letter-spacing: 0.16px; } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-content tr:first-of-type td { padding-top: 10% } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-content tr:last-of-type td { padding-bottom: 15%; } /* Setup styling for 'tickboxes' (APLUS-TRUE or APLUS-FALSE feature details) */ .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-tickbox { width: 35px; height: 35px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-left: auto; margin-right: auto; } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-checkmark { width: 35px; height: 25px; -ms-transform: translateX(-15%) translateY(-10%) rotate(45deg); -webkit-transform: translateX(-15%) translateY(-10%) rotate(45deg); transform: translateX(-15%) translateY(-10%) rotate(45deg); } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-checkmark-stem { position: absolute; width: 12px; height: 4px; left: 16px; top: 18.4px; -webkit-border-radius: 25%; -moz-border-radius: 25%; border-radius: 25%; } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-checkmark-kick { position: absolute; width: 4px; height: 22.4px; left: 24px; top: 0; -webkit-border-radius: 25%; -moz-border-radius: 25%; border-radius: 25%; } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-footer-container { position: absolute; width: 33.33%; top: 0; right: 0; height: 100%; } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-pagination-container { position: absolute; top: 95%; width: 100%; } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-link-container { position: absolute; top: 85%; width: 100%; } .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-link-button { text-align: center; } /** * 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: #F5A623; } (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) { var MODULE_CLASS_NAME = 'premium-aplus-module-11'; var FAQ_CONTAINER_CLASS_NAME = 'faqs-container'; var FAQ_BLOCK_CLASS_NAME = 'faq-block'; var moduleId = $(module).data('faq-block'); var $faqBlocks = $('.aplus-v2 .' + MODULE_CLASS_NAME + ' .' + FAQ_CONTAINER_CLASS_NAME + '.' + moduleId + ' .' + FAQ_BLOCK_CLASS_NAME); /* Using jQuery event namespace for preventing duplicate binding on twister refresh */ $faqBlocks.unbind('click.premiumAplusModule11ClickHandler').bind('click.premiumAplusModule11ClickHandler', function(e) { if (!$(this).hasClass('aplus-active')) { $faqBlocks.removeClass('aplus-active'); /* deactivate others */ } $(this).toggleClass('aplus-active'); /* activate the clicked block */ }); } $(".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-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

Product Overview