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