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('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 /** * 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; } .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: #f6f6f6; } .aplus-v2 .premium-aplus-module-5 table.a-bordered tr:nth-child(even):last-child td.attribute { border-bottom: #f6f6f6 solid 1px; } .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: 280px; } .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; } /* 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; } /** * 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 .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%; } /** * Premium-module 8: Hero Video module */ .aplus-v2 .premium-aplus-module-8 .premium-aplus-module-8-video { position: relative; width: 100%; } .aplus-v2 .premium-aplus-module-8 .video-placeholder { padding-bottom: 40.984%; /* Video or image required size 1464 : 600 = 40.9836 */ } .aplus-v2 .premium-aplus-module-8 .video-container { position: absolute; top: 0; width: 100%; height: 100%; } /*Override the default VSE video player size*/ .aplus-v2 .premium-aplus-module-8 .video-js.vjs-fluid { padding: 0; } (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(); }); } {"videoWidth":0,"videoUrl":"https://m.media-amazon.com/images/S/aplus-media/sc/48354596-1d91-4a14-857f-fd8a823bf326.mp4","clientPrefix":"aplus-106014","awaConfig":{"useUpNextComponent":false,"initialVideo":"hero-video","shouldPreload":true,"isChromelessPlayer":false,"closedCaptionsConfig":{"captionsOnTexts":{"en":"English (Automated)"},"captionsOffText":"Captions off","languageToLabelTexts":{"English":"English"}},"isVideoImmersivePlayer":false,"skipInitialFocus":false,"disabledViewIds":["replayHint"],"customerId":"0","containerId":"aplus-106014-player-c38efa4d-1137-403b-a215-c8264ead7f8e","requestMetadata":{"marketplaceId":"ATVPDKIKX0DER","clientId":"VSE-US","method":"AplusWidget","requestId":"DDDDABBF82214A9D8ED2","pageAsin":"","sessionId":"000-4291343-5362550"},"shouldLoop":false,"shouldDisableControls":false,"alwaysSetInitialVideo":true,"clientPrefix":"","useAutoplayFallback":false,"sushiMetricsConfig":{"isRobot":false,"clientId":"VSE-US","videoAsinList":"","weblabIds":"","eventSource":"Player","sessionId":"000-4291343-5362550","refMarkers":"aplus-106014_ref","placementContext":"AplusWidget","marketplaceId":"ATVPDKIKX0DER","isInternal":false,"endpoint":"https://unagi-na.amazon.com/1/events/com.amazon.eel.vse.metrics.prod.events.test","requestId":"DDDDABBF82214A9D8ED2","customerId":"0","sessionType":1},"ospLinkCode":"","showPosterImage":true,"languageCode":"en","version":"","shouldStartMuted":false,"airyVersion":"VideoJS","languagePreferenceStrings":{},"enableInactiveFocus":true,"isReactFactory":false,"enableDelphiAttribution":false,"shouldAutoplay":false},"imageUrl":"https://m.media-amazon.com/images/S/aplus-media/sc/aa139f2f-76ab-4eff-9735-f2b11b839aee.__CR0,0,1464,600_PT0_SX1464_V1___.jpg","closedCaptionsConfig":{"captionsOnTexts":{"en":"English (Automated)"},"captionsOffText":"Captions off","languageToLabelTexts":{"English":"English"}},"needPlayerFactory":false,"sushiMetricsConfig":{"isRobot":false,"clientId":"","videoAsinList":"","weblabIds":"","eventSource":"Player","sessionId":"000-4291343-5362550","refMarkers":"aplus-106014_ref","placementContext":"AplusWidget","marketplaceId":"ATVPDKIKX0DER","isInternal":false,"endpoint":"https://unagi-na.amazon.com/1/events/com.amazon.eel.vse.metrics.prod.events.test","requestId":"DDDDABBF82214A9D8ED2","customerId":"0","sessionType":1},"mimeType":"video/mp4","isMobile":false,"videoHeight":0} (window.AmazonUIPageJS ? AmazonUIPageJS : P).load.js('https://images-na.ssl-images-amazon.com/images/I/51+5Tf6GjuL.js?AUIClients/VSEPlayer'); (window.AmazonUIPageJS ? AmazonUIPageJS : P).load.js('https://images-na.ssl-images-amazon.com/images/I/11N7HVn20DL._RC|01x4giTy+uL.js,01r9LpT6pbL.js,315hBDiQ8vL.js,11yAqqXzKZL.js,91LO0D6vbwL.js,01ELLYeIOkL.js_.js?AUIClients/Brila'); (function(f) {var _np=(window.P._namespace("vse-ns-initVSEPlayerOnLoad"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) { P.when('VSEPlayer').execute(function(vsePlayer){vsePlayer.initPlayer('aplus-106014-player-ps');}); //Please use below event to register FeedbackForm P.when('A', 'VSEComponentAssets').execute('vse-ns-player-initialization', function(A, asset) { A.trigger('vse:ns:player:aplus-106014:init', 'aplus-106014-player-ps'); }); })); COOFANDY Men's Long Sleeve Button Denim Shirt with Many Colors COOFANDY Men's Casual Cotton Long Sleeve Dress Shirt Button Down Shirt Previous page Next page 1 Denim Shirts 2 Western Shirts 3 Long Sleeve Button Shirts 4 Multiple Occasions (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(); }); })); Different Colors COOFANDY Men Casual Button-Up Shirt Summer Denim Dress Shirts 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-4").execute(function(init) { if (init) { return; } P.register("premium-aplus-13-carousel-4", function(){ return function() { P.when("A", "jQuery", "a-carousel-framework", "ready").execute(function (A, $, framework) { var moduleId = "4"; var carouselName = "premium-aplus-13-carousel-4"; 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-4").execute(function(init){init();}); })); About Size S: 6' tall and about 140lbs --- S? /if want Slim, with 6'0" 155lb with a 42"chest and 29" waist --- S? Yes About Size M: 5'6 140 / 160, 5'8"-- M? About Size M: 6'0" 160lb --- M // Around 145lbs and 5'3'' --- M (Fit)? Yes About Size L: 130 and 5'10 / 6'2" 195lb - L? /About Size L: 5’11, 45 in chest, 37 in abdomen, 36 in waist - L (Fit) Yes About Size XL: 6'1", 235lbs ---- XL// 6'0" 200lbs ---- XL (A little too big)? Yes About Size 2XL: 5'11 and 175lb ---- 2XL // 5'11 200 pounds ---- 2XL? Yes, Normally 2X (US Size) ---- Choose 3X or even 4X. (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(); }); })); COOFANDY Others Types Men Denim Work Shirts Short Sleeve Casual Shirt Men Hawaiian Beach Shirts Men Cotton Linen Shirts Men Hawaiian Stripe Shirt Men Casual Button Shirt Men Silk Satin Shirt Color 18 Colors 23 Colors 44 Colors 14 Colors 13 Colors 9 Colors 9 Colors Fabric Cotton & Polyester & Spandex Cotton & Polyester & Spandex Cotton & Linen Rayon & Cotton Polyester Polyester Polyester & Spandex Fit Style Regular Fit Slim Fit Regular Fit Regular Fit Regular Fit Regular Fit Regular Fit Feature Denim Look Denim Look Stylish Floral Cuban Collar Retro Stripes Wrinkle Free Silk Satin Size S/M/L/XL/XXL/XXXL/4XL/5XL S/M/L/XL/XXL/XXXL S/M/L/XL/XXL/XXXL S/M/L/XL/XXL/XXXL S/M/L/XL/XXL/XXXL S/M/L/XL/XXL S/M/L/XL/XXL Machine Wash ✔ ✔ ✔ ✔ ✔ ✔ ✔ (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() }); }));