/**
* MODULE TITLE: Hot-spot
*/

.aplus-v2 .premium-aplus-module-10 {
position: relative;
}

.aplus-v2 .premium-aplus-module-10 .hover-wrapper {
position: absolute;
width: 35px;
height: 35px;
}

.aplus-v2 .premium-aplus-module-10 .hover-point {
display: block;
border: 2px solid #fff;
background: rgba(145, 145, 145, .4);
width: 100%;
height: 100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
outline-style: none;
cursor: pointer;
}

.aplus-v2 .premium-aplus-module-10 .aplus-text-container {
padding: 40px 80px 0;
}

.aplus-v2 .premium-aplus-module-10 .aplus-description {
padding: 10px 0;
text-align: center;
}

.aplus-v2 .premium-aplus-module-10 .aplus-image-container {
position: relative;
border: 1px solid #000;
}

.aplus-v2 .premium-aplus-module-10 .hover-title {
font-weight: bold;
}

.aplus-v2 .premium-aplus-module-10 .hover-point.secondary {
background: #000;
padding-top: 6px;
color: #fff;
text-align: center;
font-size: 1.5em;
}

.aplus-v2 .premium-aplus-module-10 .hover-point.selected {
background: rgba(50, 150, 255, .8);
}

.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 < minColumnWidth
? calculatedColumnWidth
: minColumnWidth))
);
$activeColumn.css('width', maxChildWidth);

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

/* show the component */
$container.removeClass('loading');
})();
/**
* Premium comparison table: top scroll bar
*/
(function() {
/* cache selectors */
var
$header = $('.aplus-v2 .comparison-table #'+comparisonName+' td.attribute'),
$fixedColumn = $('.aplus-v2 .comparison-table #'+comparisonName+' td.active'),
$scrollWrapperTop = $('.aplus-v2 .comparison-table #'+comparisonName+' .scroll-wrapper-top'),
$scrollWrapperBottom = $('.aplus-v2 .comparison-table #'+comparisonName+' .scroll-wrapper-bottom'),
$scrollWidth = $('.aplus-v2 .comparison-table #'+comparisonName+' .scroll-width'),
$scrollBar = $('.aplus-v2 .comparison-table #'+comparisonName+' .scroll-bar');
/* confirm fixed column exists and can add width to the total width of the scroll bar */
var fixedColumnWidth = $fixedColumn.innerWidth();
if ( fixedColumnWidth === null ) {
fixedColumnWidth = 0;
}
/* set width of scrollBar */
$scrollBar.css('width', $scrollWidth.innerWidth() + fixedColumnWidth + $header.innerWidth());
/* connect scrolls together */
$scrollWrapperTop.scroll(function() {
$scrollWrapperBottom.scrollLeft($scrollWrapperTop.scrollLeft());
});
$scrollWrapperBottom.scroll(function() {
$scrollWrapperTop.scrollLeft($scrollWrapperBottom.scrollLeft());
});
})();
}

$('.aplus-v2 .premium-aplus-module-5 .table-container').each(function(index, module) {
initCompTable(module);
});
});
}
});
});
}));

/**
* Premium-module 5: Comparision table – scroller
*/

.aplus-v2 .premium-aplus-module-5 h1 {
padding-bottom: 30px;
}

/* position column-headers relative to this table */
.aplus-v2 .premium-aplus-module-5 .table-container {
position: relative;
opacity: 1;
}

.aplus-v2 .premium-aplus-module-5 .table-container.loading {
opacity: 0;
}

.aplus-v2 .premium-aplus-module-5 .table-slider {
overflow-x: scroll;
overflow-y: visible;
width: 100%;
}

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

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

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

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

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

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

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

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

(function(f) {var _np=(window.P._namespace(“PremiumAplusModule”));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {
P.now(‘premium-module-10-hotspot-desktop’).execute(function(init) {
if (init) {
return;
}
P.register(‘premium-module-10-hotspot-desktop’, function() {
return function() {
P.when(‘jQuery’, ‘a-popover’, ‘ready’).execute(function ($, popover) {
var $hoverPoints = $(‘.aplus-v2 .premium-aplus-module-10 .hover-point’);
$hoverPoints.each(function(i, trigger) {
return popover.create(trigger, $(trigger).data());
});
$hoverPoints.hover(
function() {
$(this).focus();
$(this).addClass(‘selected’);
},
function() {
$(this).removeClass(‘selected’);
}
);
});
};
});
});
}));

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

if(P) {
P.when(“a-expander”).execute(function (expander) {
expander.initializeExpanders();
});
}

A Fresh & Aquatic Scent That Exudes a Relaxed Sophistication

<span tabindex = 0 class="hover-point secondary" data-inline-content="

Lemon & Rosemary create a fresh & bright opening

” data-position=”triggerHorizontal”>
1

<span tabindex = 0 class="hover-point secondary" data-inline-content="

Mineral Driftwood, Grey Sea Salt & Musks add depth

” data-position=”triggerHorizontal”>
2

<span tabindex = 0 class="hover-point secondary" data-inline-content="

Baie Rose & Waterlily unfold at the heart

” data-position=”triggerHorizontal”>
3

(function(f) {var _np=(window.P._namespace(“PremiumAplusModule”));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {
P.when(‘premium-module-10-hotspot-desktop’).execute(function(init) {
init();
});
P.when(”).execute(function(init) {init();});
}));

Discover the John Varvatos Fragrance Collection

	XX Artisan Teal	XX Indigo	XX	Artisan	John Varvatos	Vintage
Size	4.2oz, 2.5oz	4.2oz, 2.5oz	4.2 oz, 2.5 oz	4.2 oz, 2.5 oz	4.2 oz, 2.5 oz	4.2 oz, 2.5 oz
Olfactory	Vibrant Aquatic	Fougere Woody	Woody Amber	Citrus Woody	Amber Woody	Chypre Aromatic
Top Note	Rosemary	Peppermint	Cardamom	Mexican Winter Mandarin	Medjool Date Fruit	Quince Paste
Mid Note	Baie Rose	Cardamom	Orange Flower	Trio of Ginger	Coriander Seed Templar	Patchouli
Dry Note	Mineral Driftwood	Patchouli	Sandalwood	Balambre	Black Leather	Warm Leather

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