/* ------ duplicated in components ------- */
.faceted-pool-container {
    margin: 0 auto;
    max-width: 1220px;
    width: 100%;
}

.facets-wrap {
    box-sizing: border-box;
    display: inline-block;
    margin: 20px 30px 20px 20px;
    width: 240px;
    vertical-align: top;
}

.pool-wrap {
    box-sizing: border-box;
    display: inline-block;
    margin: 10px 0 0;
    max-width: 960px;
    width: calc(100% - 290px);
}

[data-fpool="pool"] .product {
    height: auto;
    display: inline-block;
    font-family: helvetica, arial, sans-serif;
    font-weight: normal;
    margin-right: 1% !important;
    max-width: 250px;
    min-width: 220px;
    position: relative;
    text-align: left;
    vertical-align: top;
    width: 24%;
}

[data-fpool="pool"] .product.no-linkout {
    cursor: pointer;
}

[data-fpool="pool"] .product .product-link {
    color: inherit;
    text-decoration: inherit;
}

[data-fpool="pool"] {
    text-align: left;
}

[data-fpool="pool"] .product:hover .product-color-wrap {
    display: block;
    height: 25px;
}

[data-fpool="pool"] .product:hover .product-color-text {
    display: none;
}

[data-fpool="pool"] .product .product-link:hover {
    text-decoration: underline;
}

[data-fpool="pool"] .product-image-link {
    cursor: pointer;
}

[data-fpool="pool"] .product-image {
    background-size: cover;
    background-position: top center;
    /*cursor: default;*/
    height: auto;
    overflow: hidden;
    margin-top: 10px;
    padding-top: 122.133%;
}

[data-fpool="pool"] .product-name {
    height: auto;
    overflow: hidden;
    margin-top: 10px;
}

[data-fpool="pool"] .displayNone {
    display: none !important;
}

[data-fpool="pool"] .product .faceted-quickview-button {
    background-color: #fff;
    border: 2px solid #111;
    box-sizing: border-box;
    color: #111;
    display: none;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1.4rem;
    height: 40px;
    line-height: 38px;
    margin: 0 10%;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 30%;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
    width: 80%;
    z-index: 10;
}

[data-fpool="pool"] .product:hover .faceted-quickview-button {
    display: block;
}

[data-fpool="pool"] .product .faceted-quickview-button:hover {
   background-color: #111;
   color: #FFF;
}

[data-fpool="pool"] .product-colors {
    border-bottom: 1px solid #e1e1e1;
    font-weight: 200;
    color: #999999;
    height: 25px;
    padding-left: 0px;
    font-style: normal;
}

[data-fpool="pool"] .product-color-wrap {
    display: none;
}

[data-fpool="pool"] .product-color-text {
    font-style: normal;
}

[data-fpool="pool"] .product-color-wrap img {
    float: left;
    margin-right: 9px;
}

[data-fpool="pool"] .product-price {
    font-weight: bold;
    margin: 10px 0;
}

[data-fpool="pool"] .product-price .sale {
    color: #de2c2c;
}

[data-fpool="pool"] .product-onsale .product-price {
    color: #CC0000;
}

[data-fpool="pool"] .product-promo {
    color: #de2c2c;
    text-transform: uppercase;
    min-height: 20px;
}

[data-fpool="pool"] .product-info {
    font-size: 14px;
    line-height: normal;
    padding: 10px 0;
    text-align: left;
}

[data-fpool="pool"] .product-stars {
    font-size: 0.6rem;
    margin-right: 6px;
    width: 7rem;
    display: inline-block;
    vertical-align: middle;
}

[data-fpool="pool"] .product-stars-cutout {
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    background-size: 20%;
    background-repeat: repeat-x;
    background-image: url(https://storage.googleapis.com/imp-projects/health-and-wellness/images/star-empty.png);
}

[data-fpool="pool"] .product-stars-rating {
    position: absolute;
    top: 0;
    left: 0;
    height: inherit;
    background: #c00;
    float: left;
}

[data-fpool="pool"] .product-review-count {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    font-size: 1rem;
}

[data-fpool="pool"] .mobile .product-stars {
	margin-left: 10px;
}


/******************************************
    FACETS
******************************************/
/*.pool-facets {
    left: 30px;
    max-height: 70vh;
    padding: 0 0 1px;
    position: fixed;
    overflow-y: auto;
    top: 10vh;
    width: 240px;
}*/

.facet-wrap {
    background-color: #fafafa;
    border: 1px solid #e1e1e1;
    margin-bottom: -1px;
    position: relative;
    -webkit-transition: 250ms;
    -moz-transition: 250ms;
    -ms-transition: 250ms;
    transition: 250ms;
}

.facet-wrap.open {
    background-color: #fff;
    border-color: #ccc;
    z-index: 1; /*so all borders are visible*/
}

.facet-wrap.open .facet-title {
    border-bottom: 1px solid #eee;
}

.facet-title {
    cursor: pointer;
    font-size: 16px;
    padding: 20px 35px 20px 15px;
    position: relative;
}

.facet-chevron {
    height: 14px;
    position: absolute;
    right: 15px;
    top: 22px;
    width: 14px;
    transition: 250ms;
}

.facet-chevron polyline {
    fill: #424242;
}

.facet-wrap.open .facet-chevron {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.facet-values {
    display: none;
    padding: 10px 15px;
    max-height: 40vh;
    overflow-y: auto;
}

.facet-value {
    padding: 5px 0;
}

.facet-value input,
.facet-value span {
    cursor: pointer;
}

.facet-value-name {
    text-decoration: underline;
}

.facet-value-count {
    color: #666;
    font-size: 12px;
    margin-left: 4px;
}

.shop-nearby-wrap {
    display: none;
}

/******************************************
    PAGINATION
******************************************/
.pagination-wrap {
    display: block;
    margin: 15px 0;
    text-align: right;
}

.pagination-label {
    margin-right: 10px;
}

.paginate {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    margin: 0 2px 0 0;
    padding: 5px;
    text-align: center;
    width: 25px;
}

.paginate.disabled {
    cursor: initial;
}

.paginate:not(.disabled):hover {
    background-color: #eee;
    color: #222;
}

.paginate.active,
.paginate.active:hover {
    background-color: #222;
    color: #fff;
}

.paginate.disabled .arrow-polyline {
    stroke: #aaa;
}

.paginate svg {
    width: 5px;
}

.arrow-polyline {
    fill: none;
    stroke: #222;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4px;
}

.next-page svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


@media only screen and (max-width: 500px) {
    [data-fpool="pool"] .product{
      width: 50% !important;
        max-width: 400px;
    }
    [data-fpool="pool"] .product-stars{
        margin-left:10px;
    }
}

@media (max-width: 768px) and (orientation: portrait) {
    [data-fpool="pool"] .product .faceted-quickview-button {
        display: none;
        opacity: 0;
        visibility: hidden;
    }
}
/*----- end --------*/





/*----- need to modify in component --------*/
.facets-wrap {
	margin: 20px 25px 20px 20px !important;
	width:238px !important;
}

.page-content section.pool-wrap,
.page-content section.pool-wrap section{
	background-color: #fff;
}
.pool-wrap [data-fpool="pool"] .product{
/*	margin-right: 0 !important;*/
}
/*----- end --------*/


body.expand-pool-active {
	overflow: hidden;
}

.faceted-pool {
	display: block;
	position: relative;
	overflow: hidden;
	height: 0;
}

.faceted-pool.active {
	height: calc(100vh - 100px);
}

/*.faceted-pool [data-fpool="pool"] {
	margin: 24px auto;
	max-width: 960px;
	text-align: left;
}*/

.faceted-pool-expand.first {
	background-color: #f5f5f5;
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 1150px;
	width: 46em;
}
.cta-first{
	background-color: #f5f5f5;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1150px;
    width: 46em;
    padding-bottom: 20px;
}
.cta-first a{
	margin: 0 auto 20px;
}

.faceted-pool-expand.full-width {
	background-color: #e3eaf4;
	box-sizing: border-box;
	margin: 0 auto;
	width: 100%;
}

.faceted-pool-expand.alt-color {
	margin: 0 auto 30px;
}
.faceted-pool-expand.first.active {
	width: 100%;
	max-width: 100%;
	margin: initial;
	background-color: #fff;
}

.faceted-pool-expand.active .faceted-pool {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.expand-pool-active::-webkit-scrollbar {
    display: none;
}

.header-text {
	font-family:'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 24px;
	margin: 0;
	line-height: 50px;
}

.faceted-pool-expand.active .header-text {
	padding: 0;	
	color:#fff;
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

.facets-wrap {
	opacity: 0;
	z-index: -100;
}

.faceted-pool-expand.active.opened {
	position: fixed;
	z-index: 999;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: #fff;
}

.faceted-pool-expand:not(.active){
	position:relative;
	max-width: 1440px;
    margin: 20px auto;
}
.faceted-pool-expand:not(.active) .open-faceted-pool-wrap{
	width:22em;
    /*width: 15em;*/
	height: 2.4em;
	display:table;
}
.v2.faceted-pool-expand:not(.active) .open-faceted-pool-wrap {
    width: 14em;
}
.faceted-pool-expand:not(.active) .open-faceted-pool{
	display:table-cell;
	vertical-align: middle;
}

/*.faceted-pool-expand:not(.opened) {
	position: initial;
}*/

.faceted-pool-expand.active .facets-wrap {
	opacity: 1;
	z-index: 10;
}

.faceted-pool-expand .pool-facets {
	display: none;
	max-height: 85vh;
	top: 130px;
}

.faceted-pool-expand.active .pool-facets {
	display: block;
}

.faceted-pool .facet-title {
	font-family: 'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
    /*padding: 15px 35px 15px 15px;*/
}

/*.faceted-pool .facet-title:before {
	background-image: url('../images/arrow-down.png');
	background-repeat: no-repeat;
	content: '';
    height: 24px;
    position: absolute;
    right: 10px;
	-webkit-transition: 250ms;
	-moz-transition: 250ms;
	-ms-transition: 250ms;
	transition: 250ms;
    width: 24px;
}

.faceted-pool .facet-wrap.open .facet-title:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}*/

.faceted-pool .facet-value {
	font-size: 14px;
}

.faceted-pool .facet-value input {
	display: none;
}

.faceted-pool .facet-value label {
	background-image: url('../images/unchecked-box.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 0 0 0 20px;
}

.faceted-pool .facet-value label:hover {
	background-image: url('../images/checked-box.jpg');
}

.faceted-pool .facet-value label.checked {
	background-image: url('../images/checked-box.jpg');
}
.open-faceted-pool {
	height:100%;
	background-color: #111;
	color: #fff;
	cursor: pointer;
	box-sizing: border-box;
	display: inline-block;
	font-size: 16px;
	font-family: 'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 2.4em;
	position: relative;
    letter-spacing: 2px;
	text-transform: uppercase;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
}
.v2.faceted-pool-expand  .open-faceted-pool {
    background-color: #666;
    font-size: 0.8em;
}
.alt-color .open-faceted-pool {
	background-color: #4d5b72;
}

.faceted-pool-expand.active .open-faceted-pool {
	background-color: #111;
	color: #fff;
    height: initial; 
    line-height: 25px;
	margin: 5px 20px;
	padding: 0;
}

.open-faceted-pool.active {
	border-bottom: 1px solid #fff;
}

.faceted-pool-expand .faceted-pool .product .product-stars {
	font-size: 0.4rem;
	margin-left: 10px;
	width: 70px;
}

.faceted-pool-expand .faceted-pool .product .product-review-count {
	display: none;
}

.faceted-pool-footer {
	text-align: center;
}

.faceted-pool [data-fpool="pool"] .product .faceted-quickview-button {
	font-size: 14px;
	font-family:'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
}

/*.pool-wrap {
	box-sizing: border-box;
	display: block;
	left: 300px;
	position: relative;
	width: calc(100% - 300px);
}*/

.faceted-pool-header {
	text-align: center;
	color: #111;
	height: auto;
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	-ms-transition: 600ms;
	transition: 600ms;
}
.faceted-pool-expand.active .faceted-pool-header {
	height: 100px;
	/*min-height: 100px;*/
	vertical-align: middle;
	background-color: #111;
	color: #fff;
	position: relative;
	z-index: 1000;
}

.faceted-pool-expand .close-faceted-pool {
	display: none;
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	-ms-transition: 600ms;
	transition: 600ms;
}

.faceted-pool-expand.active .close-faceted-pool {
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 15px;
	cursor: pointer;
}

.faceted-pool-expand.active .close-faceted-pool svg {
	width: 20px;
	height: 20px;
}

.faceted-pool-expand.active .close-faceted-pool svg path {
	fill: #fff;
}

.faceted-pool .pagination-wrap .paginate {
	font-size: 16px;
	width: 20px;
}

.faceted-pool .pagination-wrap {
    margin: 0 auto 50px;
    width: 960px;
}

.faceted-pool-expand:not(.active) .btn-type-2 {
	box-sizing: border-box;
	min-width: 230px;
}

.faceted-pool-expand:not(.active) .btn-type-3 {
	box-sizing: border-box;
	min-width: 230px;
}


/*******************************************
	MOBILE
*******************************************/
.mobile-faceted-pool
/*,*/
/*.mobiledev .v2.faceted-pool-expand*/
{
	background-color: #fff;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	-webkit-transform: translateX(51%);
	-moz-transform: translateX(51%);
	-ms-transform: translateX(51%);
	transform: translateX(51%);
	will-change: transform;
	width: 200%;
/*	z-index: 105;*/
	z-index: 805;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}

body.mobile-faceted-pool-opened {
/*	position: fixed;*/
	overflow:hidden;
}

.mobile-faceted-pool .page-loader-container {
	width: 100vw;
}

/*.mobile-faceted-pool.animating {
}

.mobile-faceted-pool.animating.show-products {
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-ms-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}*/

.mobile-faceted-pool.show-products {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
}

.mobile-faceted-pool.show-filters {
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}


.toggle-pool-wrap{
	padding:15px 0;
	background-color: #f3f3f2;
}

.mobile-open-pool {
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 100%;
}

.mobile-faceted-pool .action-btn {
	font-family: 'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 40px;
	margin: 15px auto;
	width: 90%;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}

.mobile-faceted-pool .apply-filters {
	background-color: #111;
	color: #fff;
}

.mobile-faceted-pool .clear-filters {
	background-color: #666;
	color: #fff;
}

.mobile-faceted-pool .filters,
.mobile-faceted-pool .products {
	box-sizing: border-box;
	display: block;
	height: 100%;
	position: relative;
	-webkit-overflow-scrolling: touch;
	width: 50%;
}

.mobile-faceted-pool .toggle-filters {
	border: 1px solid #111;
	color: #111;
}

.mobile-faceted-pool .filters {
	float: right;
}

.mobile-faceted-pool .products {
	float: left;
}
.page-content .mobile-faceted-pool section{
	background-color: #fff;
}

.mobile-faceted-pool .pool-scroll {
	height: calc(100% - 50px);
	overflow-y: scroll;
}

.mobile-faceted-pool [data-fpool="pool"] .product:nth-child(odd) {
	width: 44% !important;
	margin-left: 4% !important;
	margin-right: 2% !important;
	min-width: initial;
}

.mobile-faceted-pool [data-fpool="pool"] .product:nth-child(even) {
	width: 44% !important;
	margin-left: 2% !important;
	margin-right: 4% !important;
	min-width: initial;
}

.mobile-faceted-pool .close-pool {
	background-color: #111;
	background-image: url('../images/arrow-left.png');
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #fff;
	font-family:'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	margin: 0 0 1px;
	padding: 0 10px;
	text-align: center;
	vertical-align: middle;
}

.mobile-faceted-pool .facet-chevron {
	display: none;
}

.mobile-faceted-pool .mobile-facets-wrap .pool-facets {
	bottom: initial;
	top: initial;
	left: initial;
	max-height: initial;
	overflow: initial;
	padding: initial;
	position: relative;
	right: initial;
	width: initial;
}

.mobile-faceted-pool .facet-values {
	display:none;
	padding: 20px;
}

.mobile-faceted-pool .facet-value {
	text-decoration: none;
}

.mobile-faceted-pool [data-fpool="pool"] {
	min-height: 70vh;
}

.mobile-facets-wrap .facet-wrap {
	background-color: #fff;
	border: none;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 0;
}

.mobile-facets-wrap .pool-facets .facet-wrap:first-child {
	border-top: 1px solid #e1e1e1;
}

.mobile-faceted-pool .facet-wrap.open .facet-title {
    background-color: #111;
    background-image: url('../images/mobile-facet-close.png');
    color: #fff;
}

.mobile-faceted-pool .facet-wrap .facet-title {
	background-image: url('../images/mobile-facet-expand.png');
	background-position: right 15px center;
	background-repeat: no-repeat;
	background-size: 20px;
    padding: 20px;
}

.mobile-faceted-pool .facet-value input {
	display: none;
}

.mobile-faceted-pool .facet-value label {
	background-image: url('../images/mobile-unchecked.png');
	background-position: center left;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}

.mobile-faceted-pool .facet-value label.checked {
	background-image: url('../images/mobile-checked.png');
}

.mobile-faceted-pool .filters-label {
	font-size: 14px;
	font-family: 'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
	padding: 10px 20px 10px;
}
.product-stars{
	display:none !important;
}


@media (min-width: 961px){
	.faceted-pool-expand:not(.active){
		top:-2.41em;
    	margin: 0 auto;
	}
    .v2.faceted-pool-expand:not(.active){
        top:0;
        margin-bottom: 2.7em;
        margin-top: 0.6em;
    }
}

@media (max-width: 768px) and (orientation: portrait), (orientation:landscape) and (max-width:823px) and (max-height:750px){
	.cta-first{
		width:auto;
	}
	.toggle-pool-wrap{
		padding: 15px 0 0;
		margin-bottom: 2em;
	}

/*//v2*/
    .v2.faceted-pool-expand [data-fpool="pool"] .product {
        margin: 0 !important;
        padding: 0.5em;
        min-width: 0;
    }
    .v2.faceted-pool-expand [data-fpool="pool"] .product:nth-of-type(odd) {
        /*padding: 1em;*/
    }
    .page-content .v2.faceted-pool-expand section.pool-wrap,
    .page-content .v2.faceted-pool-expand section.pool-wrap section {

        width: 100%;
    }
    .page-content .v2.faceted-pool-expand section.pool-wrap section {
        padding: 0 1em;
    }
    .page-content .v2.faceted-pool-expand section.pool-wrap section:before,
    .page-content .v2.faceted-pool-expand section.pool-wrap section:after {
        content: ' ';
        display: block;
    }
    .facets-wrap {
        margin: 1em 2.5em !important;
        width: calc(100% - 2.5em);
    }



}



/*v2 combined*/
@media (max-width: 768px) and (orientation: portrait), (orientation:landscape) and (max-width:823px) and (max-height:750px) {
    .opened .faceted-pool-header,
    html .v2.faceted-pool-expand .products,
    html .v2.faceted-pool-expand  .filters{
        display: none;
    }
    .v2.faceted-pool-expand.opened .products,
    .v2.faceted-pool-expand.opened .filters{
        display: block;
    }
    .v2.faceted-pool-expand:not(.active) .open-faceted-pool-wrap {
        /*width: 100vw;*/
        margin: 0 0 0 calc(-100% + 6em);
    }
    .v2.faceted-pool-expand {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        will-change: transform;
        max-height: 7em;
        -webkit-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        -ms-transition: all 200ms ease-in;
        transition: all 200ms ease-in;
        /*width: 200vw;*/
    }
    .v2.faceted-pool-expand .products .pool-scroll {
        display: none;
    }
    .v2.faceted-pool-expand.opened {
        position: fixed;
        z-index: 999;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: #fff;
        min-height: 100vh;
        max-height: initial;
        width: 200vw;
         -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
         transform: translateX(0%);

    }
    .v2.faceted-pool-expand  .filters,
    .v2.faceted-pool-expand  .products {
        box-sizing: border-box;
        /*display: block;*/
        height: auto;
        position: relative;
        -webkit-overflow-scrolling: touch;
        width: 50%;
    }
    .v2.faceted-pool-expand .close-pool {
        background-color: #111;
        background-image: url('../images/arrow-left.png');
        background-repeat: no-repeat;
        background-position: 10px center;
        color: #fff;
        font-family:'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 16px;
        height: 50px;
        line-height: 50px;
        margin: 0 0 1px;
        padding: 0 10px;
        text-align: center;
        vertical-align: middle;
    }
    .v2.faceted-pool-expand.opened .faceted-pool {
        width: 100vw;
        min-height: calc(100vh - 100px);
        overflow: scroll;
    }

    .v2.faceted-pool-expand .action-btn {
        font-family: 'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 16px;
        line-height: 40px;
        margin: 15px auto;
        width: 90%;
        text-align: center;
        text-transform: uppercase;
        vertical-align: middle;
    }
    .v2.faceted-pool-expand .toggle-filters {
        border: 1px solid #111;
        color: #111;
    }
    .v2.faceted-pool-expand .js-basic-faceted-pool .facets-wrap {
        display: none;
    }
    .v2.faceted-pool-expand  .filters {
        float: right;
    }
    .v2.faceted-pool-expand .pool-scroll {
        height: calc(100% - 50px);
        overflow-y: scroll;
    }
    .v2.faceted-pool-expand .close-pool {
        background-color: #111;
        background-image: url(../images/arrow-left.png);
        background-repeat: no-repeat;
        background-position: 10px center;
        color: #fff;
        font-family: 'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 16px;
        height: 50px;
        line-height: 50px;
        margin: 0 0 1px;
        padding: 0 10px;
        text-align: center;
        vertical-align: middle;
    }
    .v2.faceted-pool-expand.show-filters {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .v2.faceted-pool-expand.opened.show-filters .products {
        display: none;
    }


    .v2.faceted-pool-expand.opened .apply-filters {
        background-color: #111;
        color: #fff;
    }

    .v2.faceted-pool-expand.opened .clear-filters {
        background-color: #666;
        color: #fff;
    }
    .v2.faceted-pool-expand.opened.show-filters .pool-facets {
        display: block;
    }
    .v2.faceted-pool-expand.opened.show-filters .facet-wrap .facet-title {
        background-image: url('../images/mobile-facet-expand.png');
        background-position: right 15px center;
        background-repeat: no-repeat;
        background-size: 20px;
        padding: 20px;
    }
    .v2.faceted-pool-expand.opened.show-filters .facet-chevron {
        display: none;
    }
    .v2.faceted-pool-expand.opened .filters-label {
        font-size: 14px;
        font-family: 'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
        padding: 10px 20px 10px;
    }
    .v2.faceted-pool-expand .pagination-wrap {
        width: 100%;
        margin: 0 auto 3em auto;
    }

    .v2.faceted-pool-expand .facet-wrap.open .facet-title {
        background-color: #111;
        background-image: url('../images/mobile-facet-close.png') !important;
        color: #fff;
    }
    .facet-value input, .facet-value span {
        font-size: 0.825em;
    }
    .expand-pool-active .page-content,
    .mobile-faceted-pool-opened .page-content{
        height:0;
        overflow: hidden;
    }
    [data-fpool="pool"] .product {
        max-width: 100%;
    }

}
@media (min-width: 768px) and (min-height: 412px){

    .faceted-pool-expand .products,
    .mobile-facets-wrap {
        display: none;
    }
    .faceted-pool-expand.opened,
    .faceted-pool-expand.active {
        position: fixed;
        z-index: 999;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: #fff;
    }
    .faceted-pool-expand.active .faceted-pool {
        height: calc(100vh - 150px);
    }

    .js-mobile-toggle-filters {
        display: none;
    }
}


[pool] {
    overflow: visible;
}

[pool] * {
    white-space: normal;
}

.product-pool .clearfix:after {
    content: "";
    display: table;
    clear: both;
}

body .slick-slide {
    height: auto;
}

#shop-section>div {
    width: 80%;
}

.product-pool {
    padding: 0;
    padding-top: 10px;
}

.product {
    width: 25%;
    height: 515px;
    display: inline-block;
    vertical-align: top;
    font-family: 'Helvetica';
    font-weight: normal;
    position: relative;
}


.product .product-link {
    color: inherit;
    text-decoration: inherit;
}

#page-content.mobile .product {
    width: 50%;
}


#page-content .product-image {
    width: 100%;
    height: 0;
    padding-top: 125%;
    background-size: cover;
    background-position: top center;
    /*cursor: pointer;*/
}
.product-name {
    height: 40px;
    overflow: hidden;
    margin-top: 10px;
    cursor: pointer;
}

.product .product-quickview-button {
    width: 60px !important;
    margin-left: 20px;
    top: 120px;
    background-color: #FFF;
    font-family: 'Helvetica Neue LT W01_71488914';
    font-size: 1.4rem;
    text-transform: uppercase;
    text-decoration: none;
    border: 2px solid #000;
    color: #000;
    -webkit-transition: background-color .25s;
    transition: background-color .25s;
    padding: 0 15px;
    height: 46px;
    min-width: 156px;
    line-height: 46px;
    text-align: center;
    cursor: pointer;
    opacity: 1 !important;
}
.product:not(.product_page) .product-quickview-button{
    display: none;
    position: absolute;

}



.product-colors {
    border-bottom: 1px solid #e1e1e1;
    font-weight: 200;
    color: #999999;
    height: 25px;
    padding-left: 0px;
    font-style: normal;
}

.product-color-wrap {
    display: none;
}

.product-color-text {
    font-style: normal;
}

.product-color-wrap img {
    float: left;
    margin-right: 8px;
    width:20px;
    height:20px;
}

.product-price {
    font-weight: bold;
    margin: 10px 0;
}

.product-price .sale {
    color: #de2c2c;
}

.product-onsale .product-price {
    color: #CC0000;
}

.product-promo {
    display:none;
    color: #de2c2c;
    text-transform: uppercase;
    min-height: 20px;
}

.product-info {
    font-size: 1.4rem;
    line-height: 2rem;
    padding: 10px;
    text-align: left;
}


/* Product Review Stars */

.product-stars {
    font-size: 0.6rem;
    margin-right: 6px;
    width: 7rem;
    display: inline-block;
    vertical-align: middle;
}

.product-stars-cutout {
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    background-size: 20%;
    background-repeat: repeat-x;
    background-image: url(https://storage.googleapis.com/imp-projects/health-and-wellness/images/star-empty.png);
}

.product-stars-rating {
    position: absolute;
    top: 0;
    left: 0;
    height: inherit;
    background: #c00;
    float: left;
}

.product-review-count {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    font-size: 1rem;
}


.page-content.mobile .product-stars {
    margin-left: 10px;
}


/* ---- faceted product card ----- */
.product:not(.product_page):hover .product-color-wrap {
    display: block;
    height: 25px;
}
.product:not(.product_page):hover .product-color-wrap > span {
    display: flex;
}

.product:not(.product_page):hover .product-color-text {
    display: none;
}

.product:not(.product_page):hover .product-quickview-button {
    display: block;
}
.product:not(.product_page) .product-name:hover {
    text-decoration: underline;
}

.faceted-pool [data-fpool="pool"] .product .product-quickview-button{
    font-size: 14px;
    font-family: 'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 768px) and (orientation: portrait), (orientation:landscape) and (max-width:823px) and (max-height:750px) {
    .v2.products_block.itlist .subpage_images .cards:before,
    .v2.products_block.itlist .subpage_images .cards:after {
        content: ' ';
        display: block;
        clear: both;
    }

    .container > .cards.v2,
    .products_block > .cards.v2,
    .double > .cards.v2 {
        padding:1em 2em !important;
    }
    .cards .product .product-quickview-button {
        max-width: 90%;
    }
    .slide-panel-content {
        max-width: 100vw;
    }
    .product-display .product-full-details-link span {
        font-size: 1em;
    }
    .product{
      width: 50% !important;
    }
    .product-stars{
        margin-left:10px;
    }

    .cards .product{
        width:50% !important;
        padding:0.4em !important;
    }

    .products_block .cards .product,
    .subpage_images .cards .product{
        /*width:50% !important;*/
        /*padding:1% !important;*/
        padding: 1em 0.5em  !important;
    }


    .cards.v2 .product:nth-of-type(odd) {
        transform: translateX(-0.2em);
    }
    .cards.v2 .product:nth-of-type(even) {
        transform: translateX(0.2em);
    }


    .product .product-quickview-button {
        display: none;
        opacity: 0;
        visibility: hidden;
    }
    .product .overlay .product-quickview-button{
        display:block;
        opacity: 1;
        visibility: visible;
    }
}
@media only screen and (min-width: 768px) and (min-height: 412px) {
    .product .product-quickview-button:hover {
        background-color: #000;
        color: #FFF;
    }
    .narrow_width:not(.itlist) .cards.v2 .product {
        margin: 0 0.5em 0.6em 0.5em;
    }
}
/*LOADER STYLES*/

@-webkit-keyframes dot-jump {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-15px);
                transform: translateY(-15px);
    }
}

@keyframes dot-jump {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-15px);
                transform: translateY(-15px);
    }
}

.loading-parent {
    position: relative;
    min-height: 50px;
}
.page-loader-container {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.6);
    width: 100%;
    height: 100%;
    min-height: 50px;
}
.loading-body > .page-loader-container {
    position: fixed;
    width: 100vw;
    height: 100vh;
}

.page-loader-container #page-loader {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
}


.page-loader-container #page-loader .loader-dot1,
.page-loader-container #page-loader .loader-dot2,
.page-loader-container #page-loader .loader-dot3  {
    width: 10px;
    height: 10px;
    background: #e11a2b;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    -webkit-animation: dot-jump 0.5s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
    animation: dot-jump 0.5s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
}

.page-loader-container #page-loader .loader-dot1 {
    left: 0px;
}

.page-loader-container #page-loader .loader-dot2 {
    left: 20px;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.page-loader-container #page-loader .loader-dot3 {
    left: 40px;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

section.bottom_nav.narrow_width{
	margin:4em auto 4.4em;
}
.bottom_nav .container {
	padding:0 7.2em;
	/*text-align: center;*/
}
.bottom_nav .prev,
.bottom_nav .next{
	display:inline-block;
	text-decoration: none;
	font-family:'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
    position:relative;
    cursor:pointer;
    text-align: center;
}
.bottom_nav .prev{
	margin-right: 0.4em;
}
.bottom_nav .img_holder{
	width: 18em;
	height:12em;
	position:relative;
	overflow:hidden;
}
.bottom_nav .img_holder .img {
	position: relative;
    width: 100%;
    height:100%;
    background-repeat: no-repeat;
	background-size: cover;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.bottom_nav .group,
.bottom_nav .name{
	position:absolute;
	left:-10px;
    padding: 0.2em 1em;
}
.bottom_nav .group{
	font-family:'Helvetica Neue LT W01_55 Roman','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-size: 0.6em;
	bottom: 34%;
    color: #000;
    background-color: #fff;
}
.bottom_nav .name{
	font-size: 18px;
/*	font-size: 0.8em; */  
    font-size: 0.7em;   
	bottom: 21%;
    color: #fff;
    background-color: #000;
    padding: 0.4em 1em;
}
.bottom_nav .name br{
    display:none;
}
.bottom_nav .prev:hover .img_holder .img,
.bottom_nav .next:hover .img_holder .img{
	-webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.bottom_nav .arrow{
	font-size: 30px;
	font-size: 0.7em;
	letter-spacing: 0.2em;
	margin: 0.5em auto 0;
    color: #000;
}
.bottom_nav .arrow span{
	content: '\u2038';
    display: inline-block;
    height: 8px;
    width: 8px;
    border-width: 3px 3px 0 0;
    border-color: #000;
    border-style: solid;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    position: relative;
    top: -0.1em;
    margin: 0 0.8em 0 0;
}
.bottom_nav .next .arrow span{
	-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 0 0 0 0.8em;
}
.bottom_nav .next.first{
    margin-left: 18.4em;
}

.bottom_nav .name.onlyMobile{
    display:none;
}

/*//mobile*/

@media (max-width: 768px) and (orientation: portrait), (orientation:landscape) and (max-width:823px) and (max-height:750px){
    section.bottom_nav.narrow_width{
        margin:2em auto;
    }
    .bottom_nav .container{
        padding:0;
    }
    .bottom_nav .prev,
    .bottom_nav .next{
        width:49.3%;
        margin:0;
    }
    .bottom_nav .next.first{
        margin-left: 49.3%;
    }
    .bottom_nav .img_holder{
        width:100%;
        height:auto;
    }
    .bottom_nav .group{
        bottom:40%;
        left:0;
    }

    .bottom_nav [url="/social/the-edit/home/easyhomeupdates"] .group{
        bottom:49%;
    }

    .bottom_nav .name{
        bottom:22%;
        left:0;
    }
    .bottom_nav .img_holder .img{
        padding-top: 69%;
    }
    .bottom_nav .name.onlyMobile{
        display:block;    
        text-align: left;
    }
    .bottom_nav .name.onlyDesktop{
        display:none;
    }
    .bottom_nav .name.onlyMobile.name1{
        bottom:38%;
    }

    
}

/*****************************************
	TOP_BANNER_ALTERNATE
*****************************************/
.alternate-banner-content {
	background-color: #fff;
	padding: 20px;
	text-align: center;
}

.alt-type {
	color: #111;
	font-family:'Helvetica Neue LT W01_55 Roman','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	margin-top: 15px;
	text-transform: uppercase;
}

[page="events"] .alt-type {
	color: #e11a2b;
	font-family:'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
}

.alt-title {
	color: #111;
	font-family:'Helvetica Neue LT W01_65 Md','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 36px;
	line-height: 1.3;
	margin: 20px auto 20px;
	max-width: 40ch;
}

.alt-author-date {
	color: #111;
	font-size: 14px;
}

.alt-author {
	font-family:'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: capitalize;
}

.alt-date {
	font-family:'Helvetica Neue LT W01_55 Roman','Helvetica Neue', Helvetica, Arial, sans-serif;
}

.alt-copy {
	color: #111;
	font-family:'Helvetica Neue LT W01_55 Roman','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 1.7;
	margin: 15px auto 0;
	max-width: 800px;
}


/*****************************************
	CTA
*****************************************/
[page="events"] .shopall,
[page="mblog"] .shopall {
	text-align: center;
}

[page="events"] .shopall svg {
	fill: #fff;
	height: 20px;
	position: relative;
	top: 3px;
	width: 20px;
}

[page="events"] .shopall:hover svg {
	fill: #111;
}


/*****************************************
	MOBILE
*****************************************/
[page="events"] .top_nav_m .nav_slider .single_slider .info,
[page="mblog"] .top_nav_m .nav_slider .single_slider .info {
	text-align: center;
}

[page="events"] .top_nav_m .nav_slider .single_slider .info .copy,
[page="mblog"] .top_nav_m .nav_slider .single_slider .info .copy {
	font-family:'Helvetica Neue LT W01_55 Roman','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
}

[page="events"] .top_nav_m .nav_slider .single_slider .info .title,
[page="mblog"] .top_nav_m .nav_slider .single_slider .info  .title {
	color: #111;
	font-family:'Helvetica Neue LT W01_65 Md','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 24px;
	margin: 15px 0;
	padding: 0;
}

[page="events"] .top_nav_m .nav_slider .single_slider .info .alt-author-date,
[page="mblog"] .top_nav_m .nav_slider .single_slider .info .alt-author-date {
	margin: 15px 0;
}

[page="events"] .top_nav_m .single_slider .info .title br,
[page="mblog"] .top_nav_m .single_slider .info .title br {
	display: initial;
}

[page="mblog"] .top_nav_m .nav_slider .single_slider .info .your-fall-copy.copy {
	line-height: 2;
	margin: 45px auto;
	width: 80%;
}

[page="mblog"] .top_nav_m .nav_slider .single_slider .info .falls-hottest-copy.copy {
	line-height: 1.9;
	margin: 30px;
}

[page="mblog"] .top_nav_m .nav_slider .single_slider .info .it-list-copy.copy {
	margin: 30px;
}

@media (max-width: 768px) and (orientation: portrait) {
	[page="events"] .list_item,
	[page="mblog"] .list_item {
		width: 100%;
		display: block;
	}
}

/*icons*/
.lazy-delay-short:not([src]) {
    visibility: hidden;
}

.page-content section.top-header{
    position:relative;
    top:0;
    width: 100%;
    z-index: 802;
    white-space:nowrap;
    font-family:'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
    /*font-family:'Helvetica Neue LT W01_85 Heavy','Helvetica Neue', Helvetica, Arial, sans-serif;*/
    background-color: #fff;
    text-align: center;
    max-height:215px;
    height:auto;
    transition:height 200ms linear;
    padding-bottom: 0;
}
.page-content section.top-header:after {
    width: 100%;
    height: 2rem;
    position: absolute;
    left: 0;
    bottom: 0;
    content: ' ';
    display: block;
    z-index: -5;
    /*background: #000;*/
}
.page-content section.top-header.cloned{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index:5;
    pointer-events:none;
    -webkit-pointer-events:none;
    user-select:none;
    -webkit-user-select:none;
}

section.top-header .macys-presents{
    z-index: 100;
    width:100%;
    padding:10px 10px 0;
    opacity:1;
    transition:opacity 300ms linear;
    box-sizing: border-box;
}

section.top-header .macys-presents > *{
    vertical-align: top;
    display: inline-block;
}
section.top-header .macys-presents a{
    padding: 0.25em;
    opacity: 1;
    transition: opacity 250ms ease-in-out;
}
section.top-header .macys-presents > .left{
    float:left;
    position: absolute;
    top: 0.25rem;
    left: 1rem;
}
section.top-header .macys-presents > .right{
    float: right;
    position: absolute;
    top: 0.25rem;
    right: 1rem;
    font-family: "Helvetica Neue LT W01_55 Roman", Helvetica, sans-serif;
}
/*.isFF section.top-header .macys-presents > .right*/
section.top-header .macys-presents > .right .top{
    z-index: 10;
}

section.top-header .macys-presents > .right a{
    vertical-align: middle;
}
section.top-header .macys-presents > .right a.share{
    display: inline-block !important;
    text-decoration: none;
    font-size: 11px;
    /*color: #fff;*/
    background-image: url(../images/share-black.png);
    background-repeat: no-repeat;
    background-size: 22%;
    background-position: 3% 2px;
    width: 59px;
    text-align: right;
    margin-right: 20px;
}
section.top-header .macys-presents > .right a.bag{
    margin-left: 20px;
    position: relative;
    display: inline-block;
}

section.top-header .bottom{
    z-index: 5;
    display: block;
    opacity:0;
    transition:top 250ms ease-in-out, opacity 400ms ease;
    position:absolute;
    top:2.5em;
    right:0.5em;
}
section.top-header .bottom.open{
    opacity:1;
    z-index:155;
    display: block;
}

section.top-header .bottom .share-drawer{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    text-align:left;
}
section.top-header .bottom.open .share-drawer{
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
    pointer-events: all;
}

section.top-header .bottom .share-drawer span{
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: center;
    height: 24px;
    width: 24px;
    display: inline-block;
    padding: 10px;
    cursor:pointer;
    transition:background-color 250ms ease;
}
section.top-header .bottom .share-drawer .twitter{
    background-image: url(../images/twitter.png);
}
section.top-header .bottom .share-drawer .twitter{
    background-color:#00aced;
}

section.top-header .bottom .share-drawer .facebook{
    background-image: url(../images/facebook.png);
}
section.top-header .bottom .share-drawer .facebook{
    background-color:#3b5998;
}
section.top-header .bottom .share-drawer .facebook{
    background-image: url(../images/facebook.png);
}
section.top-header .bottom .share-drawer .facebook{
    background-color:#3b5998;
}
section.top-header .bottom .share-drawer .pinterest{
    background-image: url(../images/pinterest.png);
}
section.top-header .bottom .share-drawer .pinterest{
    background-color:#cb2027;
}

section.top-header .menu a,
section.top-header .smalllogo a{
    color: #000;
    margin: 0.1em 0 0 0;
    font-size: 3.4em;
    line-height: 0.8;
    transform-origin: center;
    transition: font-size 100ms linear, line-height 100ms linear;
    text-decoration: none;
    display: block;
    letter-spacing: 0.07em;
    transform: scale(1.03, 1);
    /*letter-spacing: 0.09em;*/
}
section.top-header .smalllogo a {
    font-size: 40px;
}
section.top-header .menu a >*,
section.top-header .smalllogo a >*{
    display:inline-block;
    vertical-align: middle;
}

section.top-header .menu a {
    width: auto;
}

section.top-header .menu > a > span,
.smalllogo > a > span{
    width: 2em;
    transform: rotate(-90deg);
    font-size: 0.178em;
    transform-origin: 0 0;
    line-height: 1.6em;
    height: 2em;
    display: inline-block;
    text-align: left;
    margin: 0 0 -5em 0;
    letter-spacing: 0.01em;
}

section.top-header .menu a h3,
section.top-header .smalllogo a h3{
    font-family: 'Helvetica Neue LT W01_57 CnObl','Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 25px;
    text-align: right;
}
section.top-header .menu a h2,
section.top-header .smalllogo a h2{
    font-size: 120px;
    letter-spacing: -5px;
}
section.top-header .menu a h2 span,
section.top-header .smalllogo a h2 span{
    font-size: 80px;
    display: inline-block;
    position: relative;
    top: -20px;
    margin-left: 10px;
}
section.top-header .smalllogo {
    width: 8em;
}
section.top-header .smalllogo a{
    margin:-5px 0 0;
}
section.top-header .smalllogo a h3{
    font-size: 14px;
}
section.top-header .smalllogo a h2{
    font-size: 56px;
    letter-spacing: -2px;
}
section.top-header .smalllogo a h2 span{
    font-size: 40px;
    top:-10px;
    margin-left: 5px;
    margin-right: 5px;
}
section.top-header nav.customized{
    /*background-color: #171717;*/
    line-height: 45px;
    height:45px;
    position:relative;
}
section.top-header nav.customized .pagenav{
    display:inline-block;
    z-index: 1;
}
.pagenav > a{
    text-transform: uppercase;
}
section.top-header nav.customized a{
    color: #000;
    text-decoration: none;
    /*text-transform: uppercase;*/
    font-size: 16px;
    padding:5px 5px 0;
    vertical-align: middle;
    letter-spacing: 1px;
    position:relative;
    cursor:pointer;
    border-bottom: 2px solid #fff;
    font-family:'Helvetica Neue LT W01_65 Md','Helvetica Neue', Helvetica, Arial, sans-serif;
}
section.top-header nav.customized >* img{
    max-height: 20px;
    width: auto;
    height: 2em;
    transition: opacity 200ms ease;
}

.top-header nav.customized .pagenav.the-scoop.open .outer-wrapper {
    margin-top: -10px;
    padding-top: 10px;
}

section.top-header nav.customized .pagenav:not(.first):not(.last):not(.seperator){
    margin:0 28px;
}
section.top-header nav.customized .pagenav.first {
    margin-right: 28px;
}
section.top-header nav.customized .pagenav.last {
    margin-left: 28px;
}
section.top-header .smalllogo{
    display: none;
    position: absolute;
    top: 2rem;
    left: 20px;
    cursor: pointer;
}
section.top-header.hide .smalllogo{
    display:block;
}

/*section.top-header nav.customized >*:hover{
    border-bottom: 2px solid #fff;
}*/
section.top-header nav.customized{
    /*background-color: #171717;*/
    padding: 0.3em 0 0.4em;
    transition: all 200ms linear;
    box-sizing: border-box;
}
section.top-header.hide{
    position:fixed;
}
section.top-header.hide .macys-presents{
    display:none;
}
section.top-header.hide nav.customized{
    /*    padding-top: 19px;
        padding-bottom: 21px;*/
    line-height: 70px;
    height:70px;
}
.page-content[page="index"] section.top-header.hide nav.customized{
    height:auto;
}

/*[page="the-scoop"] [title="Women"]  .landingname*/
/*!*,*!*/
/*!*[title="Men"] .landingname*!*/
/*{*/
/*display: none;*/
/*}*/
section.top-header nav.customized .pagenav .panel {
    overflow: hidden;

}

section.top-header nav.customized .pagenav .panel,
.top-header .panel_bg{
    position: absolute;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    color: #000;
    text-align: left;
    height:380px;
    box-sizing: border-box;
    padding: 30px 0;
    line-height: normal;
}
section.top-header nav.customized .pagenav .panel a {
    color:#000;
    text-decoration:none;
    border-bottom:2px solid transparent;
    font-family:'Helvetica Neue LT W01_55 Roman','Helvetica Neue', Helvetica, Arial, sans-serif;
    /*padding-right: 2em;*/
    max-width: 11em;
    /*text-transform: none;*/
}
.top-header .panel_bg{
    width: 100%;
    /*background-color: #fff;*/
    top: 45px;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.15);
}

section.top-header nav.customized .pagenav.open .panel{
    visibility: visible;
    opacity: 1;
}
section.top-header nav.customized.hovered .panel_bg{
    visibility: visible;
    opacity: 1;
}
section.top-header.hide nav.customized .panel_bg{
    top:70px;
}
.top-header .pagenav .pagegroup{
    text-align: left;
}
.top-header .pagenav .pagegroup .groupname a,
.top-header .pagenav .landingname a{
    /*font-family:'Helvetica Neue LT W01_67 Md Cn','Helvetica Neue', Helvetica, Arial, sans-serif !important;*/
    font-size: 18px;
    text-transform: uppercase;
}
.top-header .pagenav[title="Women"] .panel .pagegroup,
.top-header .pagenav[title="Men"] .panel .pagegroup,
.top-header .pagenav[title="Women"] .panel,
.top-header .pagenav[title="Men"] .panel,
.top-header .pagenav[title="Fashion"] .panel,
.top-header .pagenav[title="Home"] .panel {
    -moz-column-fill: auto;
    column-fill: auto;
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 3em;
    /*-webkit-column-rule: 1px solid #cccccc;*/
    /*-moz-column-rule: 1px solid #cccccc;*/
    /*column-rule: 1px solid #cccccc;*/
}

.top-header .pagenav[title="Home"] .panel {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

section.macys-presents.hide .smalllogo{
    display:block;
}

.page-content[page="fashion"] .top-header .pagenav[title="Fashion"] > a,
.page-content[page="beauty"] .top-header .pagenav[title="Beauty"] > a,
.page-content[page="home"] .top-header .pagenav[title="Home"] > a,
.page-content[page="theperfectgift"] .top-header .pagenav[title="The Perfect Gift"] > a {
    border-bottom: 2px solid #000 !important;
}
section.top-header nav.customized .pagenav .panel a.linked{
    border-bottom:2px solid #000 !important;
}


@media (min-width: 768px) and (min-height: 412px){

    [title="Women"] .first .groupname:nth-child(1),
    [title="Men"] .first .groupname {
        display: none;
    }

    section.top-header .subpanel div:last-of-type {
        margin-bottom: 37px;
    }
    section.top-header nav.customized .pagenav:hover > a{
        border-bottom: 2px solid #fff;
    }

    section.top-header nav.customized .pagenav .panel a:hover,
    section.top-header nav.customized .pagenav .landingname a:hover{
        border-bottom:2px solid #000 !important;
    }

    section.top-header nav.customized .pagenav .panel{
        padding:30px 0 50px;
        margin-top: 0;
    }
    .top-header .panel_bg{
        background: #fbfbfb;
        /*margin-top: -15px;*/
        border-top: 20px solid #fff;
    }

    section.top-header nav.customized .pagenav .panel,
    .top-header .panel_bg{
        height:420px;


    }

    section.top-header nav.customized .pagenav{
        position:relative;
    }
    .top-header .pagenav[title="Women"] .panel,
    .top-header .pagenav[title="Men"] .panel,
    .top-header .pagenav[title="Fashion"] .panel {
        -webkit-column-count: 3; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
        column-count: 3;
        margin-left: -5em;
    }
    .top-header .pagenav .pagegroup{
        margin-right: 1.2em;
    }
    .top-header .pagenav .pagegroup .groupname{
        /*margin: 10px auto 0 0;*/
    }
    .top-header .pagenav .pagegroup .groupname a{
        border-bottom:2px solid transparent!important;
        cursor:default;
        font-weight: bold;
    }
    .top-header .pagenav .landingname a{
        border-bottom:2px solid transparent!important;
        font-weight: bold;
    }
    section.top-header nav.customized .pagenav .panel a{
        line-height: 2.4;
    }
    .top-header .pagenav .pagegroup.first .groupname{
        /*margin-top: 20px;*/
    }
    html .pagenav.fashion .pagegroup.first {
        margin-top: -0.85em;
    }
    html .top-header.update0416 .panel_bg {
        padding-bottom: 0;
    }
    [title="petitetheitlist"] {
        /*margin-bottom: 50px;*/
    }
}
.top-header .pagenav .pagegroup .groupname a {
    pointer-events: none;
    text-decoration: none;
}

@media (max-width: 1200px) and (min-width: 961px){
    .top-header .pagenav[title="Home"] .panel{
        margin-left: -5em;
    }
}
@media (max-width: 960px) and (min-width: 751px){
    #page-content:not(.mobiledev) .top-header .pagenav[title="Home"] .panel{
        margin-left:auto!important;
        left: 50%;
        -webkit-transform: translateX(-60%);
        -moz-transform: translateX(-60%);
        -ms-transform: translateX(-60%);
        transform: translateX(-60%);
    }
    #page-content:not(.mobiledev) section.top-header nav.customized .pagenav.first .panel{
        margin-left:-2em!important;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
    }
    #page-content:not(.mobiledev) .top-header .pagenav[title="Women"] .panel,
    #page-content:not(.mobiledev) .top-header .pagenav[title="Men"] .panel,
    #page-content:not(.mobiledev) .top-header .pagenav[title="Fashion"] .panel{
        -webkit-column-gap: 1em;
        -moz-column-gap: 1em;
        column-gap: 1em;
    }
    #page-content:not(.mobiledev) section.top-header nav.customized .pagenav .panel a{
        padding-right: 1em;
    }

}
@-webkit-keyframes fadeinlogo {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeinlogo {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes fadeinlogo {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeinlogo {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}


@media (max-width: 768px) and (orientation: portrait), (orientation:landscape) and (max-width:823px) and (max-height:750px){
    section.top-header .macys-presents .left a {
        display: table-cell;
        vertical-align: middle;
    }
    section.top-header .macys-presents {
        padding-top: 0;
        width: 100vw;
    }
    section.top-header .menu a,
    section.top-header .smalllogo a,
    section.top-header nav.customized,
    .rerender{
        animation: fadeinlogo 1000ms;
        animation-iteration-count: 1;
    }
    section.top-header nav.customized .pagenav .panel a {
        font-size: 1em;
    }
    .landingname {
        display: none;
    }
    .pagegroup ~ .landingname {
        display: block !important;
    }
    section.top-header nav.customized .pagenav .panel {
        background: #fbfbfb;
    }
    .top-header .pagenav .pagegroup.open .groupname:before, .top-header .pagenav .pagegroup.open .groupname:after {
        display: none;
    }
    section.top-header nav.customized {
        z-index: 10000;
    }
    section.top-header .bottom {
        display: none;
    }

    section.top-header.hide .smalllogo {
        display: none !important;
    }

    [title="Women"] .landingname, [title="Men"] .landingname {
        display: none !important;
    }
    section.top-header.hide nav.customized {
        line-height: 1;
    }

    section.top-header .macys-presents > .left,
    section.top-header .macys-presents > .right{
        height: 3em;
        display: table;
        /*display: none;*/
        /*position:absolute;*/
        /*left:0;*/
    }

    section.top-header .macys-presents > .left{
        float:left;
        position: absolute;
        top: 0.1em;
        left: 0.5em;
    }

    section.top-header .macys-presents > .right{
        animation: fadeinlogo 3000ms;
        animation-iteration-count: 1;
        left:auto;
        top: 0.1em;
        right: 0.5em;
    }
    section.top-header .macys-presents  .left img,
    section.top-header .macys-presents  .right img {
        max-height: 1.75em;
    }

    section.top-header .macys-presents > .left img{
        width:96px;
    }
    section.top-header .macys-presents > .right a.share{
        margin-right: 10px;
    }
    section.top-header .macys-presents > .right a.bag{
        margin-left: 10px;
    }
    section.top-header .macys-presents > .menu{
        margin-top: 2.5em;
        max-width: 100vw;
        overflow: hidden;
    }
    section.top-header .menu a{
        width: initial;
        max-width: 100vw;
        margin: 0;
    }
    section.top-header .menu a h3{
        font-size: 16px;
        line-height: 0.9;
    }
    section.top-header .menu a h2{
        font-size: 67px;
    }
    section.top-header .menu a h2 span{
        font-size: 46px;
        top:-10px;
    }
    section.top-header .bottom{
        top:2em;
    }
    section.top-header nav.customized .pagenav:not(.first):not(.last):not(.seperator){
        margin:0 0.7em;
    }
    section.top-header.update0416 nav.customized .pagenav:not(.first):not(.last):not(.seperator){
        margin:0 0.2em;
    }
    section.top-header nav.customized .pagenav.first{
        margin-right: 0.7em;
    }
    section.top-header.update0416 nav.customized .pagenav.first{
        margin-left: 0;
    }
    section.top-header nav.customized .pagenav.last{
        margin-left: 0.7em;
    }
    section.top-header.update0416 nav.customized .pagenav.last{
        margin-left: 0;
    }
    section.top-header.update0416 nav.customized a{
         font-size: 0.7em
        /*font-size: 12px;*/
    }

    section.top-header nav.customized .pagenav .panel{
        left: 0;
        width: 100vw;
        /*background-color: #fff;*/
        height:460px;
        padding-left: 20px;
        padding-right: 20px;
        box-shadow: 0 4px 4px 0 rgba(0,0,0,0.15);
        display:none;
    }
    section.top-header nav.customized .pagenav.open .panel{
        display:block;
    }
    .top-header .pagenav .pagegroup .subpanel{
        position:absolute;
        z-index: 2;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
        left: 40%;
        margin-top: -39px;
    }
    .top-header .pagenav .pagegroup.open .subpanel{
        visibility: visible;
        opacity: 1;
    }
    .top-header .pagenav .pagegroup .groupname,
    .top-header .pagenav[title="Fashion"] .landingname{
        width:40%;
        line-height: 30px;
        /* height: 65px; */
        text-align: right;
        padding-right: 50px;
        box-sizing: border-box;
        position:relative;
    }

    .top-header .pagenav .pagegroup .groupname a,
    .top-header .pagenav .landingname a{
        border-bottom:2px solid transparent;
    }
    .top-header .pagenav .pagegroup.open .subpanel > div,
    .top-header .pagenav .panel > div{
        /*line-height: 50px;*/
        padding: 10px 0;
    }
    section.top-header nav.customized .pagenav .panel a{
        padding:0;
    }
    .top-header .pagenav[title="Beauty"] .panel{
        padding-left: 125px;
    }
    .top-header .pagenav[title="Home"] .panel{
        padding-bottom: 80px !important;
    }

    .top-header .pagenav[title="Beauty"] .panel > [title],
    .top-header .pagenav[title="Home"] .panel > [title]{
        margin: 0 auto;
        display: block;
        text-align: center;
        width: calc(100vw - 2em);
    }

    .top-header .pagenav .pagegroup.open .groupname a{
        border-bottom:2px solid #000;
    }
    .top-header .pagenav .panel .sep{
        /*position:absolute;*/
        /*height: 310px;*/
        /*width: 1px;*/
        /*background-color: #cccccc;*/
        /*left: 35%;*/
        /*top:80px;*/
    }
    section.top-header nav.customized .pagenav.open > a{
        border-bottom:2px solid #fff;
    }
    .top-header .pagenav .pagegroup .groupname:before,
    .top-header .pagenav .pagegroup .groupname:after{
        content: "";
        width: 0;
        height: 0;
        opacity:0;
        border-style: solid;
        position: absolute;
        right: 0;
        margin-right: 15px;
        top: 7px;
    }

    .top-header .pagenav .pagegroup .groupname:before{
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #cccccc;
    }
    .top-header .pagenav .pagegroup .groupname:after{
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #fff;
        margin-right: 17px;
    }
    .top-header .pagenav .pagegroup.open .groupname:before,
    .top-header .pagenav .pagegroup.open .groupname:after{
        opacity:1;
    }
}



/*   5-14-2018  */

.landingname [href="/social/the-edit/fashion/"] {
    display: none !important;
}


[designversion="-v2"] .page_topbanner {
    margin-top: 1em;
}

@media only screen and (min-width: 768px) and (orientation: portrait), (orientation: landscape) and (max-height: 1004px){
    /*.pagenav.open:before {*/
        /*width: 100%;*/
        /*height: 100%;*/
        /*position: absolute;*/
        /*top: 0;*/
        /*left: 0;*/
        /*background: #fff;*/
    /*}*/
     .customized.open .panel_bg {
         visibility: visible;
         opacity: 1;
    }


}


@media only screen and (min-width: 960px) and (max-width: 1210px) {
     section.top-header.hide nav.customized {
        width: calc(100% - 13em);
        float: right;
    }
}


/*tablet landscape only*/
@media only screen and (orientation:landscape) and (max-width:823px) and (max-height:750px){
    .top-header .pagenav[title="Home"] .panel,
    .top-header .pagenav[title="Beauty"] .panel {
        -moz-column-fill: auto;
        column-fill: auto;
        -webkit-column-gap: 0.3em;
        -moz-column-gap: 0.3em;
        column-gap: 0.3em;
    }

    .top-header .pagenav[title="Beauty"] .panel > [title],
    .top-header .pagenav[title="Home"] .panel > [title]{
        width: calc(50vw - 3em);
        font-size: 0.8em;
    }
    section.top-header nav.customized .pagenav.open .panel {
        max-height: calc(100vh - 1em);
    }
}
.openhotspot {
    overflow: hidden;
}

[data-modal='opened'] #hotspot-overlay {
    display: none;
}

#hotspot-overlay * {
    box-sizing: border-box;
}

.hotspot-slider {
    padding-bottom: 20vh;
}

#hotspot-container {
    position: relative;
    margin: 0 auto;
    height: 100vh;
    width: calc(75vw + 160px);
    overflow: hidden;
}

#hotspot-overlay {
    z-index: 1000;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    display: table;
    vertical-align: middle;
}

#hotspot-wrapper {
    position: relative;
    display: block;
    height: 100vh;
    width: 75vw;
    background: #fff;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: scroll;
}

.hotspot-top {
    text-align: center;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 80vh;
    background-position: center center;
}

.hotspot-slide {
    float: left;
    width: 75vw;
    z-index: 0;
    transition: all 0.1s;
}

.hotspot-slider:before, .hotspot-slider:after, .hotspot-img-wrap:before, .hotspot-img-wrap:after {
    display: block;
    clear: both;
    content: ' ';
}

#hotspot-closer {
    right: 1vw;
    top: 1vw;
    height: 1vw;
    font-size: 3vw;
    position: absolute;
    z-index: 1;
    cursor: pointer;
}

#hotspot-closer:hover {
    color: #cc0001;
}
.hotspot-closer-left {
    left: 1vw;
}

.hotspot-slider {
    transition: all 0.5s;
}

.hotspot-dir {
    position: absolute;
    top: 50vh;
    background: #fff;
    z-index: 10000;
}

.hotspot-prev {
    left: 0;
}

.hotspot-next {
    right: 0;
}

.activeHS .hotspot-copy *{
    /*opacity: 1;*/
}
.hotspot-copy * {
    /*opacity: 0;*/
}

.hotspot-copy {

    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 50%;
    background: #fff;
    /*float: right;*/
    padding: 4vw 3vw 0 3vw;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    /*overflow-y: auto;*/
}

.hotspot-copy-left {
    /*float: left;*/
}

.hotspot-copy-right {

    /*float: right;*/
    /*left: auto;*/
    /*right: 0;*/
}

.hotspot-products {
    padding: 20px 4vw;
}

.hotspot-product {
    width: 25%;
    float: left;
    padding: 20px;
    background: #fff;
    transition: all 1s;
}

.hotspot-product.hovered, .hotspot-dot.hovered {
    transform: scale(1.2, 1.2) translateZ(500px);
    transform-origin: center;
    z-index: 10000;
}

.hotspot-dot-label {
    display: inline-block;
    font-size: 12px;
    color: #000;
    font-weight: normal;
    text-decoration: underline;
    width: 9vw;
    background: rgba(255, 255, 255, 0.7);
    padding: 10px;
    text-align: left;
    opacity:0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.hotspot-dot-label:before, .hotspot-dot-label:after {
    /*clear: both;*/
    /*content: ' ';*/
    /*display: block;*/
}
.hotspot-dot-label.left {
    float: right;
    text-align: right;
}

.hotspot-product.hovered, .hotspot-dot.hovered .hotspot-dot-label {
    /*display: block;*/
    opacity: 1;
}

span.hovered[data-pid] {
    text-decoration: underline;
    font-weight: bold;
}

.hotspot-product img {
    margin: 0 auto;
    max-width: 100%;
    display: block;
}

.hotspot-dot {
    display: inline-block;
    position: absolute;
    border-radius: 100px;
    background: #000;
    border: 1px solid #fff;
    color: #fff;
    line-height: 18px;
    font-size: 14px;
    height: 20px;
    width: 20px;
    text-align: center;
    font-weight: bold;
    margin: 0 2px 0 0;
    top: -1px;
    z-index: 1;
}

.inline-spot-wrap {
    font-weight: bold;
    text-decoration: underline;
    animation: bounce 1s;
    letter-spacing: 0.0625rem;
}


.hotspot-copy .hotspot-dot {
    position: relative;
}

.hotspot-img-wrap {
    position: relative;
    /*text-align: left;*/
    /*display: flex;*/
    display: inline-block;
    height: inherit;
    width: 100%;
    /*max-width: 1124px;*/
    text-align: center;
}

.inline-spot-wrap, .hotspot-dot {
    cursor: pointer;
}

.hotspot-img-wrap img {
    margin: 0 auto;
    display: block;
    height: 100%;
    float: left;
    max-width: 100%;
}

.hotspot-img-wrap-right img {
    float: left;
}

.hotspot-img-wrap-left img {
    float: right;
}

.hotspot-dir-button {
    color: #fff;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    background: #000;
    font-family: 'Helvetica Neue LT W01_77 Bd Cn', helvetica, sans-serif;
    text-align: center;
    line-height: 1;
    padding: 24px 0 0 0;
    font-size: 14px;
    cursor: pointer;
}

.hotspot-dir-button-next:after {
    margin-bottom: 6px;
    content: ' ';
    display: inline-block;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    height: 6px;
    width: 6px;
    transform: rotate(45deg);
}

.hotspot-dir-button-prev:before {
    margin-bottom: 6px;
    content: ' ';
    display: inline-block;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    height: 6px;
    width: 6px;
    transform: rotate(-135deg);
}

.hotspot-dir-button span {
    display: inline-block;
    width: 50%;
}

.hotspot-pooltitle {
    padding: 20px 0;
    font-family: 'Helvetica Neue LT W01_77 Bd Cn', helvetica, sans-serif;
    font-size: 24px;
    text-align: center;
}

@-webkit-keyframes bounce {
    0%, 100% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
}

@-moz-keyframes bounce {
    0%, 100% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
}

@-o-keyframes bounce {
    0%, 100% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
}

@keyframes bounce {
    0%, 100% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
}


@-webkit-keyframes backgroundanim {
    0% {
        background: transparent;
    }
    90% {
        background: transparent;
    }
    100% {
        background: rgba(255,255,255,0.7)

    }
}

@-moz-keyframes backgroundanim {
    0% {
        background: transparent;
    }
    90% {
        background: transparent;
    }
    100% {
        background: rgba(255,255,255,0.7)
    }
}

@-o-keyframes backgroundanim {
    0% {
        background: transparent;
    }
    90% {
        background: transparent;
    }
    100% {
        background: rgba(255,255,255,0.7)

    }
}

@keyframes backgroundanim {
    0% {
        background: transparent;
    }
    90% {
        background: transparent;
    }
    100% {
        background: rgba(255,255,255,0.7)

    }
}
@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;

    }
}

@-moz-keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

[productid].bounce {
    animation-delay: 1s;
    animation: bounce 1s;
    z-index: 10000;
}

.hotspot-product .hotspot-dot {
    /*margin: 10px;*/
    top:1.5rem;
    left:1.5rem;
}
.hotspot-product:hover .hotspot-dot {
    /*top:1.25rem;*/
    /*left:1.75rem;*/
}

.hotspot-products {
    content: ' ';
    display: block;
    clear: both;
}

.hotspot-product-price-sale {
    color: #cc0001;
}

.hotspot-product:nth-last-child(-n+4) .hotspot-overlay {
    display: block;
    visibility: hidden;
}

.hover.hotspot-product:nth-last-child(-n+4) .hotspot-overlay {
    display: block;
    visibility: visible;
}

.hotspot-product {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    font-family: 'Helvetica';
    font-weight: normal;
    position: relative;
}

.hotspot-product .product-link {
    color: inherit;
    text-decoration: inherit;
}

[mobile] .hotspot-product {
    width: 50%;
}

.hotspot-product-image {
    width: 100%;
    height: 0;
    padding-top: 133.33%;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    /*cursor: pointer;*/
}

.hotspot-product-name {
    height: 40px;
    overflow: hidden;
    margin-top: 10px;
    cursor: pointer;
}


.hotspot-product .hotspot-product-quickview-button,
.hotspot-product .hotspot-product-quickbuy-button {
    width: 100%;
    padding: 0;
    margin: 10px auto;
    height: 2.66em;
    line-height: 2.66em;
    font-size: 14px;
    min-width: 0;
    border: 2px solid #111;
    color: #111;
    background-color: #fff;
    font-family: 'Helvetica Neue LT W01_65 Md', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    letter-spacing: 0.066em;
    font-weight: 700;
    z-index: 10;
    text-align: center;
}
.hotspot-product .hotspot-addtobag {
    width: 100%;
    padding: 0;
    margin: 10px auto;
    height: 2.66em;
    line-height: 2.66em;
    font-size: 14px;
    min-width: 0;
    border: 2px solid #fff;
    color: #fff;
    background-color: #cc0001;
    font-family: 'Helvetica Neue LT W01_65 Md', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    letter-spacing: 0.066em;
    font-weight: 700;
    z-index: 10;
    text-align: center;
}

.hotspot-product:not(.product_page) .hotspot-product-quickview-button {
    display: none;
    position: absolute;
}

.hotspot-product .hotspot-product-quickview-button:hover,
.hotspot-product .hotspot-product-quickbuy-button:hover,
.hotspot-product .hotspot-addtobag:hover {
    background-color: #000;
    color: #FFF;
}

.hotspot-products:before,
.hotspot-products:after {
    display: block;
    clear:both;
    content:' ';
}
.hotspot-buttons {
    position: relative;
}
.hotspot-quickbuy {
    background: rgba(255,255,255,0.7);
    width: 100%;
    /*height: calc(100% - 122px);*/
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    display: none;
    padding: 20px 0 0 0;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5rem;
    /*padding: 15% 30px 0 30px;*/
}
.hotspot-selected-color {
    font-weight: normal;
}
.hotspot-quickbuy-show .hotspot-product-quickview-button,
.hotspot-quickbuy-show .hotspot-product-quickbuy-button {
    visibility: hidden;
}

html .hotspot-quickbuy-show .hotspot-quickbuy,
html .hotspot-quickbuy-show .hotspot-overlay{
    display: block;
    visibility: visible !important;
    z-index: 4;
}
.hotspot-qb-close-wrap {
    text-align: center;
}
.hotspot-qb-close {
    margin-bottom: 6px;
    content: ' ';
    display: inline-block;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    height: 12px;
    width: 12px;
    transform: rotate(135deg);
}

.hotspot-product-colors {
    border-bottom: 1px solid #e1e1e1;
    font-weight: 200;
    color: #999999;
    height: 25px;
    padding-left: 0px;
    font-style: normal;
}

.hotspot-product-color-wrap {
    display: none;
}

.hotspot-product-color-text {
    font-style: normal;
}

.hotspot-product-color-wrap img {
    float: left;
    margin-right: 8px;
    width: 20px;
    height: 20px;
}

.hotspot-product-price {
    font-weight: bold;
    margin: 10px 0;
}

.hotspot-product-price .sale {
    color: #de2c2c;
}

.hotspot-product-onsale .product-price {
    color: #CC0000;
}

.hotspot-product-promo {
    display: none;
    color: #de2c2c;
    text-transform: uppercase;
    min-height: 20px;
}

.hotspot-product-info {
    font-size: 14px;
    line-height: 140%;
    padding: 10px;
    text-align: left;
}

/* Product Review Stars */

.hotspot-product-stars {
    font-size: 0.6rem;
    margin-right: 6px;
    width: 7rem;
    display: inline-block;
    vertical-align: middle;
}

.hotspot-product-stars-cutout {
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    background-size: 20%;
    background-repeat: repeat-x;
    background-image: url(https://storage.googleapis.com/imp-projects/health-and-wellness/images/star-empty.png);
}

.hotspot-product-stars-rating {
    position: absolute;
    top: 0;
    left: 0;
    height: inherit;
    background: #c00;
    float: left;
}

.hotspot-product-review-count {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    font-size: 1rem;
}

[mobile] .hotspot-product-stars {
    margin-left: 10px;
}

.hotspot-product .hotspot-overlay {
    position: absolute;
    left: -0.44em;
    top: -0.6em;
    display: none;
    background-color: #fff;
    padding: 0.6em 0.88em 0em;
    box-sizing: border-box;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
    width: 100%;
    z-index: 1;
    visibility: hidden;
}

.hotspot-product:hover .hotspot-overlay,
.hotspot-product.hovered .hotspot-overlay {
    display: block;
    visibility: visible !important;
    z-index: 4;
}

.hotspot-look-subtitle {
    text-align: center;
    font-family: 'Helvetica Neue LT W01_77 Bd Cn', helvetica, sans-serif;
}

.hotspot-look-title {
    text-align: center;
    font-family: 'Helvetica Neue LT W01_77 Bd Cn', helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
}

.hotspot-copy p {
    margin-bottom: 1rem;
    margin-top: 0.5rem;
    text-align: left;
    font-size: 16px;
}

.desktop-hotspotwrap {
    height: 100%;
    display: inline-block;
}

.hotspot-copy ul li {
    padding: 10px 0;
}

/* ---- faceted product card ----- */
.hotspot-product:not(.product_page):hover .hotspot-product-color-wrap {
    display: block;
    height: 25px;
}

.hotspot-product:not(.product_page):hover .hotspot-product-color-text {
    display: none;
}

.hotspot-product:not(.product_page):hover .hotspot-product-quickview-button {
    display: block;
}

.hotspot-product:not(.product_page) .hotspot-product-name:hover {
    text-decoration: underline;
}

.faceted-pool [data-fpool="pool"] .hotspot-product .hotspot-product-quickview-button {
    font-size: 14px;
    font-family: 'Helvetica Neue LT W01_71488914', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

@media only screen and (min-width: 768px) and (max-width: 1220px) {
    .hotspot-img-wrap {
        display: flex;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .hotspot-copy p {
        font-size: 1.7vw;
    }
    .hotspot-img-wrap {
        display: flex;
    }
}
@media only screen and (min-width: 768px) {
    .inline-spot-wrap {
        font-size: 0.925rem;

    }
    [fixedcopy] .hotspot-copy > div > p,
    [fixedcopy] .hotspot-copy > h1 {
        visibility: hidden;
    }
}





@media (max-width: 768px) {
    .hotspot-img-wrap {
        display: inline-block;
    }
    html .hotspot-imagewrap {
        max-width: 100%;

    }
    #hotspot-container p{
        font-size: 16px;
    }
    .hotspot-product {
        width: 50% !important;
    }

    .hotspot-product-stars {
        margin-left: 10px;
    }
    #hotspot-container {
        width: 100vw;
    }
    .hotspot-product .hotspot-product-quickview-button,
    .hotspot-product.hotspot-quickbuy-show .hotspot-overlay .hotspot-product-quickview-button,
    .hotspot-product.hotspot-quickbuy-show:hover .hotspot-overlay .hotspot-product-quickview-button{
        display: none;
        opacity: 0;
        visibility: hidden;
    }

    .hotspot-product:hover .hotspot-overlay .hotspot-product-quickview-button {
        display: block;
        opacity: 1;
        visibility: visible;
    }

    #hotspot-wrapper, .hotspot-slide, .hotspot-img-wrap img, .hotspot-copy {
        width: 100vw;
    }
    .hotspot-slide {
        padding: 0;
        margin: 0;
    }

    #hotspot-wrapper {
        margin: 0;
    }

    .hotspot-img-wrap img, .hotspot-top {
        height: auto;
    }

    .hotspot-copy {
        position: relative;
    }

    .hotspot-slider {
        width: calc(100vw * 2);
    }
    .hotspot-dot-label {
        width: 30vw;
    }
    .hotspot-dir-button {
        width: 10vw;
        height: 13vw;
        background: rgba(255, 255, 255, 0.7);
        color: #000;
        padding: 5.5vw 0 0 0;
    }

    .hotspot-dir-button span {
        display: none;
    }

    .hotspot-dir-button-prev:before {
        border-top: 2px solid #000;
        border-right: 2px solid #000;
    }

    .hotspot-dir {
        background-color: transparent;
    }

    .hotspot-next {
        right: 0;
    }

    .hotspot-dir-button-next:after {
        border-top: 2px solid #000;
        border-right: 2px solid #000;
    }

    .mobile-hotspotwrap:before, .mobile-hotspotwrap:after {
        content: ' ';
        display: block;
        clear: both;
    }

    .mobile-hotspotwrap {
        position: relative;
    }

    #hotspot-closer {
        font-size: 20vw;
        background: rgba(255,255,255,0.65);
        height: 17vw;
        width: 13%;
        line-height: 20vw;
        text-align: center;
        top: 0;
        right: 0;
    }
}
.hotspot-swatches{
    width:100%;
    text-align: center;
}
.hotspot-swatch {
    /*padding: 0.05rem;*/
    /*margin: 0.05rem;*/
    width: 1.8rem;
    height: 1.8rem;
    display: inline-block;
    overflow: hidden;
    background: #fff;
    text-indent: -999px;
    position: relative;
    border: 2px solid #fff;
    border-radius: 100px;
}
.hotspot-swatch.disabled {
    pointer-events: none;
}
.hotspot-swatch.disabled:before {
    content: "\00D7";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #000;
    z-index: 1;
    text-indent: 0;
    line-height: 1.2rem;
    font-size: 2rem;
    font-weight: normal;
}
.hotspot-swatch.disabled img {
    opacity: 0.5;
    pointer-events: none;
}
.hotspot-swatch img {
    width: 103%;
    /*margin: -2% 0 0 -2%;*/
}
.hotspot-swatch.selected {
    border: 2px solid #cc0001;
}
.hotspot-imagewrap:before, .hotspot-imagewrap:after {
    display: block;
    clear: both;
    content: ' ';
}
.hotspot-imagewrap {
    position: relative;
    float: right;
    /*max-width: 50%;*/
    height: 100%;
}

.hotspot-img-wrap-right .hotspot-imagewrap {
    float: left;
}


/*/FIXED position slides*/
/*[fixedCopy] .image*/
[isFireFox="true"].fixedContainer {
    left: 50%;
}
[isIE="false"] .fixedContainer {
    opacity: 0;
}
.fixedContainer {
    position: fixed;
    /*opacity: .5;*/
    /*top:0;*/
    padding: 4vw 0;
    pointer-events: none;
    z-index: 0;
    transition: all 1s;
    background: #fff;
    visibility: hidden;
    -webkit-animation: fadein 0.5; /* Chr, Saf */
    animation: fadein 0.5s;

    /*animation: fadeout 0.5s;*/
}
.fixedContainer:before,
.fixedContainer:after {
    content: ' ';
    clear: both;
    display: block;
}
[data-pid] {
    pointer-events: all !important;
}
.activeHS .fixedContainer{

    visibility: visible;
    z-index: 1;

    /*animation-delay: 1s;*/
    animation-fill-mode: forwards;
}
.activeHS .hotspot-top:hover .fixedContainer{
    /*z-index: 1000;*/
}

.activeHS .fixedInner {
    transition: all 1s;
    display: block;
    opacity: 1;
    z-index: 2;
    background: #fff;
    /*background: rgba(255,255,255,0.5);*/

    transform: translatez(100px);
}
.fixedInner {
    /*padding-top:4vw;*/
    padding: 4vw 0 0 0;
    position: absolute;
    /*opacity: 0;*/
    animation: fadeout 0.5s;
    z-index: 0;
    transform: translatez(-200px);
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    /*max-width: 100%;*/
    /*display: none;*/
}
.activeHS.hotspot-slide {
    z-index: 1;
}

[fixedcopy] .hotspot-top ~ * {
    background: #fff;
    z-index: 111;
    position:relative;
}



section.mblog.narrow_width {
	margin-bottom:2.1em;
    margin-top:2.1em;
}

.mblog .left,
.mblog .right{
    width: 50%;
	max-height: 860px;
    display: table-cell;
    vertical-align: top;
    color:#fff;
    background-color: #000;
    height: 34.4em;
    position:relative;
 	box-sizing: border-box;
}

.mblog .left{
    color: white;
    z-index: 10;
    padding:2em 1.5em 3em 2em;
    text-decoration: none;
}
.mblog .right{
	background-repeat: no-repeat;
    background-size: cover;
	background-position: center;
}


.mblog .left .logo{
	width:120px;
}
.mblog .left .subimg{
    margin-bottom: 1.5em;
    max-height: 200px;
}
.mblog .left .title{
	font-family: 'Didot W01 Bold Italic',Helvetica, Arial, sans-serif;
	font-size: 26px;
	margin: 1em 0;
}

.mblog .left .author{
	font-family: 'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.mblog .left .date{
	font-family: 'Helvetica Neue LT W01_41488878','Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
}
.mblog .left .description{
    font-family:'Helvetica Neue LT W01_55 Roman','Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin: 2.6em 0 4em;
    line-height:180%;
    overflow-y: hidden;
}
.mblog .mobile{
	display:none;
}

.mblog .left .mblog-link{
	max-width:300px;
	font-family: 'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: #fff;
    color: #000;
    font-size: 14px;
    letter-spacing: 1px;
    cursor: pointer;
    border: 2px solid #fff;
    transition: color 250ms ease, background-color 250ms ease;
    width: 300px;
    height: 50px;
    line-height: 50px;
    text-align: center;

}
.mblog .left:hover .mblog-link{
    background-color: #000;
    color: #fff;
}


@media (max-width: 959px) and (min-width: 751px){

}

@media (max-width: 750px), (orientation:landscape) and (max-width:823px) and (max-height:750px){
    .mblog .desktop{
        display:none;
    }
    .mblog .mobile{
        display:block;
    }
    .mblog .left{
        position:absolute;
        padding: 0.5em 5% 0.5em 40%;
        bottom: 7%;
    }
    .mblog .left,
    .mblog .right{
        width:100%;
        display:block;
        height:auto;
    }
    .mblog .left .logo{
        width: 5.1em;
        position: absolute;
        left: 2em;
        top: 50%;
        margin-top: -1em;
    }
    .mblog .left .title{
        font-family:'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 17px;
        margin: 0.8em 0;
    }
    .mblog .left .title sub{
      position: relative;
      font-size: 1em;
      top: -0.2em;
    }

    .mblog .left .title br{
        display:none;
    }
    .mblog .left .description{
        margin:0;
        line-height: 150%;
        font-size: 11px;
    }
    .mblog .right{
        height: 0;
        padding-top: 100%;
        background-position: top center;
    }
    .mblog .left .mblog-link-m{
        font-family:'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 17px;
        margin: 0.8em 0;
    }
    .mblog .left .mblog-link-m .plus{
        font-family: "macys_symbology";
        vertical-align: middle;
        margin-left: 20px;
    }
    .mblog .left .subimg{
        display:none;
    }

}

/*------------ fashion/beauty/home landing pages -------------*/
/* ----------- top banner ------------ */
.page_topbanner .page-content section{
	background-color: #f3f3f2;
}
.page_topbanner .narrow_width .banner_img{
	width:100%;
	background-size: cover;
}
.v2.landing_block .narrow_width {
	padding: 0 2em;
}

.page_topbanner .quicknav{
	background-color: rgba(255,255,255,0.9);
	box-sizing: border-box;
	padding: 50px 0 50px 50px;
}
.page_topbanner .quicknav .arrowdown span{
	height: 5px;
	width: 5px;
	margin: 0 0 5px 10px;
}
.page_topbanner .quicknav a,
.now_trending a{
	display:block;
	text-decoration: none;
	color:#000;
}
.page_topbanner .quicknav a .img_holder >div{
	width:93px;
	padding-top: 100%;
	position:relative;
}
.page_topbanner .quicknav a:hover .img_holder >div{
	/*    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);*/
	opacity:0.7;
}
.page_topbanner .quicknav a h4{
	/*.now_trending a h4{*/
	font-size: 21px;
}
.now_trending a h4{
	font-size: 18px;
	font-family: "Helvetica Neue LT W01_55 Roman", Helvetica, sans-serif;
	text-transform: uppercase;
	font-style: normal;
}
.page_topbanner .quicknav a:hover h4{
	/*    text-decoration: underline;*/
}
/*.page_topbanner .big_title,*/
/*.now_trending .big_title{*/
/*text-align:center;*/
/*font-size: 50px;*/
/*font-family:'Didot W01 Bold Italic';*/
/*padding: 0.92em 0 0.52em;*/
/*}*/

.page_topbanner .big_title,
.now_trending .big_title{
	text-align:center;
	/*font-family:'Didot W01 Bold Italic';*/
	/*padding: 0.92em 0 0.52em;*/

}

.page_topbanner .big_title {
	font-size: 50px;
	font-family: "Carrig Pro W01", serif;
	font-style: italic;
	text-transform: uppercase;
	padding: 0.5em 0 0.25em 0;
}

.now_trending .big_title{
	font-size: 30px;
	font-family:'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	padding: 0.5em 0 0.52em;
}

/* ----------- landing block ------------ */
.landing_block .narrow_width a{
	white-space: normal;
}
.landing_block .single_block{
	text-decoration: none;
	color:#000;
	margin:0.8em 0;
	display:inline-block;
	background-color: #fff;
}
.landing_block .single_block h4{
	/*line-height: 1.6;*/
	line-height: 1.2;
	margin: 0.2em 0;
}
.v2.landing_block .single_block h4 {
	text-transform: uppercase;
}
.landing_block .single_block .subtitle{
	font-family:'Helvetica Neue LT W01_55 Roman','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	color:#868686;
}
.v2.landing_block .single_block .subtitle {
	font-size: 16px;
	text-transform: uppercase;
	color:#000;
}
.landing_block.triple .single_block > div{
	display:inline-block;
	vertical-align: top;
	box-sizing: border-box;
}
.landing_block .single_block .img_holder > div:not(.play){
	width:100%;
	height:100%;
	position:relative;
}
.landing_block .single_block .img_holder .iframe-wrapper{
	position:absolute!important;
	margin: 0 auto;
}
.landing_block .single_block .img_holder .play{
	position: absolute;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	margin: -2.4em 0 0 -2.4em;
	left: 50%;
	top: 50%;
	cursor: pointer;
	opacity: 1;
}
.landing_block .single_block .info_holder{
	position: relative;
}
.landing_block .single_block .info_holder > div{
	position: relative;
	/*-webkit-transform: translateY(-50%);*/
	/*-ms-transform: translateY(-50%);*/
	/*transform: translateY(-50%);*/
	/*top: 50%;*/
	top: 0;
	left: 2em;
	right: 1em;
	padding-top: 1.2em;
	padding-right: 1em;
}
.landing_block .single_block .info_holder > div > p {
	line-height: 1.75em;
	font-size: 0.74em;
}
.v2.landing_block.triple.right .single_block:nth-of-type(1) .info_holder > div > p,
.v2.landing_block.triple.right .single_block:nth-of-type(2) .info_holder > div > p {
	padding: 0 4em 0 0;
}


.landing_block.triple.left .single_block:nth-of-type(2) .info_holder > div,
.landing_block.triple.left .single_block:nth-of-type(3) .info_holder > div{
	left: 1em;
	right: 2em;
}

.landing_block.triple.right .single_block:nth-of-type(1) .info_holder > div,
.landing_block.triple.right .single_block:nth-of-type(2) .info_holder > div{
	left: 1em;
	right: 1em;
}
.landing_block.triple.right .single_block:nth-of-type(3) .info_holder > div {
	left: 2em;
	right: 1em;
	width: calc(100% - 2em);
}
.landing_block.triple.left .single_block:nth-of-type(1) >div,
.landing_block.triple.right .single_block:nth-last-of-type(1) >div{
	display:block;
}

.landing_block.two-equal-blocks.double .single_block .img_holder,
.landing_block.two-equal-blocks.double.left .single_block:nth-of-type(1) .img_holder {
	height: 25em;
}
.two-equal-blocks.double .narrow_width {
	text-align: center;
}
.two-equal-blocks.double .single_block .img_holder,
.two-equal-blocks.double .single_block .info_holder {
	width: 22em !important;
	text-align: left;

}
.fullwidth-block .single_block {
	width: 100%;
	margin-left: 0 !important;
}
.fullwidth-block .single_block:nth-last-of-type(1) .img_holder,
.fullwidth-block .single_block:nth-last-of-type(1) .info_holder{
	width: 100% !important;
}
.fullwidth-block .single_block:nth-last-of-type(1) .info_holder > div {
	max-width: 100%;
	padding: 0 150px 0 0;
}

/* ----------- now_trending ------------ */
.now_trending,
.page-content .now_trending{
	text-align:center;
	padding-bottom: 4.6em;
	background-color: #fff;
	border-top: 1.5em solid #f3f3f2;
}
.v2.now_trending,
.v2.page-content .now_trending{
	border-top: 0;
	margin-top: 3.3em;
}
.now_trending a{
	display:inline-block;
	width:20%;
	box-sizing: border-box;
	max-width: 288px;
	vertical-align: top;
	padding: 0.4em;
}

.now_trending a .img_holder{
	width:100%;
	padding-top: 110.7%;
	/*padding-top: 102.4%;*/
	margin-bottom: 0.5em;
	position:relative;
}
.now_trending a .img_holder>div{
	position:absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.now_trending a:hover .img_holder >div{
	opacity:0.7;
}
.page_topbanner h4 b:after {
	content: " ";
	height: 7px;
	width: 7px;
	border-top: 1px solid #aaa;
	transform: rotate(-135deg);
	display: inline-block;
	margin: 0px 0px 5px 10px;
	border-left: 1px solid #aaa;
}

@media (min-width: 768px) and (min-height: 412px){

	.v2.landing_block.double .narrow_width {
		white-space: nowrap;
	}

	.page_topbanner .narrow_width .banner_img{
		/*height:790px;*/
		height: 32.8em;
	}
	.page_topbanner .quicknav{
		position: absolute;
		width:380px;
		height:auto;
		right:1em;
		top: 95px;
	}
	.page_topbanner .quicknav a .img_holder,
	.page_topbanner .quicknav a h4{
		display:inline-block;
		vertical-align: middle;
	}
	.page_topbanner .quicknav a .img_holder{
		margin: 8px 15px 8px 0;
	}
	.page_topbanner .quicknav a .img_holder >div{
		width:93px;
	}

	.landing_block.double.right .narrow_width{
		white-space: nowrap;
	}
	.landing_block .single_block:not(.playing):hover .img_holder >div{
		opacity:0.7;
	}
	.landing_block .single_block.isvideo:not(.playing):hover .img_holder .iframe-wrapper{
		opacity:0;
	}
	.landing_block.triple.left .single_block:nth-of-type(1),
	.landing_block.triple.right .single_block,
	.landing_block.double.left .single_block:nth-of-type(1),
	.landing_block.double.right .single_block{
		margin-right:0.8em;
		margin-left: 0;
	}
	.landing_block.double.left .single_block:nth-of-type(1) {
		margin-bottom: -1.4em;
	}
	.landing_block.triple.left .single_block,
	.landing_block.triple.right .single_block:nth-last-of-type(1),
	.landing_block.double.left .single_block,
	.landing_block.double.right .single_block:nth-last-of-type(1){
		margin-left:0.8em;
		margin-right: 0;
	}

	/* general small ones*/

	.landing_block.triple .single_block .img_holder{
		width:14.1em;
		height:15.8em;
	}
	.landing_block.triple .single_block .info_holder{
		width:16.4em;
		height:15.8em;
	}
	.v2.landing_block.triple .single_block:nth-of-type(2){
		margin-top: 2.3em;
		margin-left: 1.9em;
		margin-right: -1.9em;
	}
	.v2.landing_block.triple.left .single_block:nth-of-type(3) {
		margin: 0.5em -1.4em 0 1.4em;
	}


	.double + .v2.landing_block.triple.right {
		transform: translateY(2.3em);
	}
	.v2.landing_block.triple.right + .triple.left {
		transform: translateY(-4.3em);
	}
	.v2.double + .triple.left {
		transform: translateY(-2.3em);
	}
	.v2.landing_block.triple.right .single_block:nth-last-of-type(1) .info_holder {
		margin-bottom: 4.2em;
	}

	.v2.landing_block.triple .single_block .img_holder{
		/*width:16.1em;*/
		width: 15em;
		height:15.8em;
		display:block;
	}
	.v2.landing_block.triple .single_block .info_holder{
		width:16.1em;
		/*height:8em;*/
		height: auto;
		display: inline-flex;
		margin: 0 0 0 0;
	}
	.v2.landing_block.triple.right .single_block .info_holder {
		margin: 0 0 1em 0;
	}
	.v2.landing_block.triple.right .single_block {
		float: left;
	}
	.v2.landing_block.triple.right .single_block:nth-of-type(1),
	.v2.landing_block.triple.right .single_block:nth-of-type(2){
		display: flex;
		flex-direction: column;
		margin: 0.2em 0 0 0.6em;
	}
	.v2.landing_block.triple.right .single_block:nth-of-type(2){
		clear:left;
	}

	.v2.landing_block.triple.left .single_block:nth-of-type(1){
		/*margin-top: -1em;*/
		margin-top: 4.5em;
		margin-left: 0.3em;
	}
	/*.v2.landing_block.triple.right .single_block:nth-of-type(1){*/
	/*!*margin-top: -1em;*!*/
	/*margin-bottom: -2.5em;*/
	/*}*/




	.landing_block.double .single_block .img_holder{
		width:19em;
		height:21em;
	}
	.landing_block.double .single_block .info_holder{
		width:19em;
		height:7.4em;
	}

	.v2.landing_block.double .single_block .img_holder{
		/*width:24em;*/
		/*height:24em;*/
		width: 24.8em;
		height: 22.7em;
		margin: 0 0 0 -0.1em;
	}
	.v2.landing_block.double .single_block .info_holder{
		width:24em;
		/*height:7.4em;*/
	}
	.v2.landing_block.double .single_block .info_holder:nth-of-type(2){
		/*height: 6em;*/
	}
	.v2.landing_block.double.left .single_block:nth-of-type(2){
		margin-top: -1em;
		margin-bottom: 1em;
		transform: translateY(-2em);
	}
	.v2.landing_block.double.right .single_block:nth-of-type(1){
		/*margin-top: -1em;*/
		margin-bottom: 3.5em;
	}


	/* big ones */
	.landing_block.triple.left .single_block:nth-of-type(1){
		float:left;
	}
	.landing_block.triple.right .single_block:nth-last-of-type(1){
		float:right;
		margin-top: -16.6em;
	}
	.v2.landing_block.triple.right .single_block:nth-last-of-type(1){
		float:right;
		margin: -22.8em 0.2em 0 0;
		/*margin-top: -22.6em;*/
	}
	.landing_block.triple.left .single_block:nth-of-type(1) .img_holder,
	.landing_block.triple.right .single_block:nth-last-of-type(1) .img_holder{
		width:25.2em;
		height:25.8em;
	}
	.landing_block.triple.left .single_block:nth-of-type(1) .info_holder,
	.landing_block.triple.right .single_block:nth-last-of-type(1) .info_holder{
		width:25.2em;
		height:7.4em;
	}
	.v2.landing_block.triple.left .single_block:nth-of-type(1) .img_holder,
	.v2.landing_block.triple.right .single_block:nth-last-of-type(1) .img_holder{
		width: 34.8em;
		height: 35.4em;
	}
	.v2.landing_block.triple.left .single_block:nth-of-type(1) .info_holder,
	.v2.landing_block.triple.right .single_block:nth-last-of-type(1) .info_holder{
		width:35.2em;
		height:7.4em;
	}



	.landing_block.double.left .single_block:nth-of-type(1) .img_holder,
	.landing_block.double.right .single_block:nth-last-of-type(1) .img_holder{
		width:36.7em;
		height:21em;
	}

	.v2.landing_block.double.left .single_block:nth-of-type(1) .img_holder,
	.v2.landing_block.double.right .single_block:nth-last-of-type(1) .img_holder{
		width: 26em;
		height: 27em;
		margin: 0 0 0 0.3em;
	}

	.landing_block.double.left .single_block:nth-of-type(1) .info_holder,
	.landing_block.double.right .single_block:nth-last-of-type(1) .info_holder{
		width:36.7em;
		height:7.4em;
	}
	.v2.landing_block.double.left .single_block:nth-of-type(1) .info_holder,
	.v2.landing_block.double.right .single_block:nth-last-of-type(1) .info_holder{
		width:27em;
		height:6em;
	}
}

@media (max-width: 1100px) and (min-width: 751px){
	.landing_block.triple .single_block:before,
	.landing_block.triple .single_block:after{
		display: block;
		clear: both;
		content: ' ';
	}


	.landing_block .single_block h4{
		font-size: 24px;
		line-height: 1.2;
	}
	.landing_block .single_block p{
		font-size: 16px;
		line-height: 1.2;
	}
}

.page_topbanner h4{
	font-weight: normal;
}



/*// mobile*/
@media only screen and (max-width: 768px) and (orientation: portrait), (orientation:landscape) and (max-width:823px) and (max-height:750px){

	.v2.now_trending, .v2.page-content .now_trending {
		margin-top: 2em;
	}
	.landing_block .single_block .info_holder > div {
		padding-top: 0;
	}
	.landing_block .narrow_width a {
		display: inline-block;
		width: 100%;
	}
	.v2.landing_block .narrow_width {
		padding: 0 1em;
	}
	.page_topbanner h4{
		margin:19px auto;
	}
	.page_topbanner .narrow_width .banner_img{
		padding-top: 120%;
	}
	.page_topbanner .quicknav{
		text-align: center;
		padding: 4px 6%;
	}
	.page_topbanner .quicknav a{
		display:inline-block;
		vertical-align: top;
		width: 20.5%;
		box-sizing: border-box;
		margin: 0 1.5%;
	}
	.page_topbanner .quicknav a h4{
		font-size: 10px;
		margin: 10px auto 22px;
	}
	.page_topbanner .quicknav a .img_holder >div{
		width:100%;
	}


	.v2.landing_block .single_block .info_holder > div {
		/*display: block;*/
		position: relative;
		transform: none;
		top: auto;

	}
	.v2.landing_block.triple .single_block .info_holder:nth-of-type(2) > div,
	.v2.landing_block.triple .single_block .info_holder:nth-of-type(3) > div{
		vertical-align: middle;
		display: flex;
		flex-direction: column;
		height: 100%;
		/*align-items: center;*/
		/*justify-content: center;*/
	}

	.landing_block .single_block:nth-child(1){
		margin:0 0;
	}

	.landing_block .single_block{
		width:100%;
		margin:0.45em 0;
	}
	.landing_block.triple .single_block .img_holder{
		width:44%;
		padding-top: 49.2%;
	}
	.landing_block.triple .single_block .info_holder{
		width:56%;
		padding-top: 49.2%;
	}
	.v2.landing_block .single_block .info_holder{
		/*padding-top: 0;*/
		padding:0 2em;
	}
	.v2.landing_block.triple .single_block .info_holder:nth-child(2),
	.v2.landing_block.triple .single_block .info_holder:nth-child(3){
		padding: 0 0 0 1em;

	}
	.v2.landing_block.triple.left .single_block:nth-child(2),
	.v2.landing_block.triple.left .single_block:nth-child(3) {
		padding-bottom: 1em;
		align-items: center;
		display: flex;
	}
	.v2.landing_block.triple.right .single_block:nth-child(2),
	.v2.landing_block.triple.right .single_block:nth-child(1) {
		padding-bottom: 1em;
		align-items: center;
		display: flex;
	}

	.landing_block.double .single_block .img_holder,
	.landing_block.triple.left .single_block:nth-of-type(1) .img_holder,
	.landing_block.triple.right .single_block:nth-last-of-type(1) .img_holder{
		width:100%;
		padding-top: 96.5%;
	}
	.landing_block.double .single_block .info_holder,
	.landing_block.triple.left .single_block:nth-of-type(1) .info_holder,
	.landing_block.triple.right .single_block:nth-last-of-type(1) .info_holder{
		width:100%;
		padding-top: 31.25%;
	}
	.v2.landing_block.double .single_block .info_holder,
	.v2.landing_block.triple.left .single_block:nth-of-type(1) .info_holder,
	.v2.landing_block.triple.right .single_block:nth-last-of-type(1) .info_holder{
		/*width:100%;*/
		padding: 1em 2em;
		/*padding: 1em 0;*/
	}
	.landing_block .single_block .img_holder > div{
		position: absolute !important;
		top: 0;
		left: 0;
	}
	.landing_block .single_block h4{
		font-size: 20px;
	}
	.landing_block .single_block p{
		font-size: 14px;
		line-height: 1.3em;
	}
	.landing_block .single_block .subtitle{
		font-size: 9px;
	}
	.landing_block .single_block .info_holder > div{
		left:1em;
		right:0.5em;
	}
	.v2.landing_block .single_block .info_holder > div{
		left:0;
		right:0;
	}

	.landing_block.reverse.triple .narrow_width{
		display: -webkit-flex; /* Safari */
		display: flex;
		flex-direction: column;
	}

	.landing_block.reverse.triple .single_block:nth-child(1) {
		-webkit-order: 2;
		order: 2;
	}
	.landing_block.reverse.triple .single_block:nth-child(2) {
		-webkit-order: 3;
		order: 3;
	}
	.landing_block.reverse.triple .single_block:nth-child(3) {
		-webkit-order: 1;
		order: 1;
	}

	.landing_block.right.triple .narrow_width{
		display: -webkit-flex; /* Safari */
		display: flex;
		flex-direction: column;
	}

	.landing_block.right.triple .single_block:nth-child(1) {
		-webkit-order: 2;
		order: 2;
	}
	.landing_block.right.triple .single_block:nth-child(2) {
		-webkit-order: 3;
		order: 3;
	}
	.landing_block.right.triple .single_block:nth-child(3) {
		-webkit-order: 1;
		order: 1;
	}


	.now_trending .big_title{
		font-size: 36px;
	}
	.now_trending a{
		width:48%;
		padding:0 2%;
		margin-bottom: 25px;
	}
	.now_trending a h4{
		font-size: 14px;
		margin-top: 10px;
	}
	.page_topbanner .narrow_width{
		/*padding-top: 70px;*/
	}
	.page_topbanner .big_title{
		/*background-color:#f3f3f2;*/
		/*position:absolute;*/
		/*top:0;*/
		font-size: 26px;
		width: 100%;
		padding: 0;
		line-height: 70px;
	}

	.page_topbanner h4 b:after {
		content: " ";
		height: 7px;
		width: 7px;
		border-top: 1px solid #bbb;
		transform: rotate(-135deg);
		display: inline-block;
		margin: 0px 0px 5px 10px;
		border-left: 1px solid #bbb;
	}
	[page="home"] .page_topbanner .quicknav {
		background-color: transparent;
	}


	/*[data-update^="2018-10-"] */
	html
	.mobile-reverse-order .narrow_width{
		display: -webkit-flex;
		-webkit-flex-direction: column;
		display: flex;
		flex-direction: column;
	}
	[data-update^="2018-10-"] .mobile-reverse-order .narrow_width a:nth-child(3) {
		order:1;
		-webkit-order: 1;
	}

	[data-update^="2018-10-"] .mobile-reverse-order .narrow_width a:nth-child(1) {
		order:2;
		-webkit-order: 2;
	}
	[data-update^="2018-10-"] .mobile-reverse-order .narrow_width a:nth-child(2) {
		order:3;
		-webkit-order: 3;
	}

	/*// mobile reverse order 12-25*/
	[data-update^="2018-12-"] .mobile-reverse-order .narrow_width a:nth-child(1) {
		order:2;
		-webkit-order: 2;
	}
	[data-update^="2018-12-"] .mobile-reverse-order .narrow_width a:nth-child(2) {
		order:1;
		-webkit-order: 1;
	}
}
.thumb{
    position:relative;
}

/*----------- product ------------*/
.cards{
    text-align:center;
}
.cards .title{
    width:100%;
    max-width: 35.16em;
    height:2.4em;
    overflow:hidden;
    display: table;
    position: relative;
}
.cards.hasTitle .title{
    height:4.2em;
}
.cards .title h4{
    text-transform: uppercase;
    /*display:block;*/
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.cards .title h4 span{
    /*font-family:'Helvetica Neue LT W01_77 Bd Cn','Helvetica Neue', Helvetica, Arial, sans-serif;*/
}
.cards .title p{
	display:block;
    font-size: 0.76em;
	/*font-family:'Helvetica Neue LT W01_47 Lt Cn','Helvetica Neue', Helvetica, Arial, sans-serif;*/
	text-transform: none;
    white-space: normal;
}

.cards.v2 .product {
    /*margin-bottom: 0.5em;*/
}

.cards.v2 .product,
.summary-product-pool-wrapper.v2 .product {
    width: 9.8em;
    /*width: 8.68em;*/
    height: auto;
    padding: 0.6em 0.44em;
    box-sizing: border-box;
    text-align: left;
}
.cards.v2 .product .overlay,
.summary-product-pool-wrapper.v2 .product .overlay {
    position: absolute;
    width: 11em;
    /*width: 9.56em;*/
    left: -0.44em;
    top: -0.6em;
    display: none;
    background-color: #fff;
    padding: 0.6em 0.88em 0em;
    box-sizing: border-box;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
}

.cards .product,
.summary-product-pool-wrapper .product {
    width: 8.68em;
    height: auto;
    padding: 0.6em 0.44em;
    box-sizing: border-box;
    text-align: left;
}
.cards .product .overlay,
.summary-product-pool-wrapper .product .overlay{
    position:absolute;
    width: 9.56em;
    left: -0.44em;
    top: -0.6em;
    display:none;
    background-color: #fff;
    padding:0.6em 0.88em 0em;
    box-sizing: border-box;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.15);
}

.cards .product-info,
.summary-product-pool-wrapper .product-info{
    font-size: 14px;
    line-height: 140%;
    /*padding: 0.7em;*/
    /*padding: 0.7em 0.7em 0;*/
    padding: .7em 0;
}
.cards .product-name,
.summary-product-pool-wrapper .product-name{
    margin-top:0.7em;
}
.cards .product-price,
.summary-product-pool-wrapper .product-price{
    margin: 0.7em 0 0.7em;
    /*min-height: 38px;*/
}

.shop-the-look,
.cards .product .product-quickview-button,
.summary-product-pool-wrapper .product .product-quickview-button {
  width: 11.66em !important;
  margin-left: 0;
  padding:0;
  height:2.66em;
  line-height:2.66em;
  font-size: 14px;
  min-width:0;
  border:2px solid #111;
  color:#111;
  background-color: #fff;
  font-family:'Helvetica Neue LT W01_65 Md','Helvetica Neue', Helvetica, Arial, sans-serif;
  letter-spacing:0.066em;
  font-weight: 700;
  z-index: 10;
}
.cards .product .product-quickview-button{
    margin: 10px auto 0;
}

.shop-the-look,
.cards .product:not(.product_page) .product-quickview-button,
.summary-product-pool-wrapper .product:not(.product_page) .product-quickview-button  {
  	left:50%;
  	top:25%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);

}

.shop-the-look{
  display: none;
      position: absolute;
      text-transform: uppercase;
    text-decoration: none;
        transition: background-color .25s;
            text-align: center;
    cursor: pointer;
    opacity: 1 !important;
    top:45%;
}

.cards .product.product_page .product-quickview-button,
.summary-product-pool-wrapper .product.product_page .product-quickview-button{
	margin:1em auto;
}
.cards .product.product_page .overlay .product-image,
.summary-product-pool-wrapper .product.product_page .overlay .product-image{
    margin:0 auto;
}
.cards .product.product_page.hovered,
.cards .product.product_page:hover,
.summary-product-pool-wrapper .product.product_page.hovered{
	z-index:50;
}
.cards .product.product_page.hovered .overlay,
.cards .product.product_page:hover .overlay,
.summary-product-pool-wrapper .product.product_page.hovered .overlay,
.summary-product-pool-wrapper .product.product_page:hover .overlay{
	display:block;
}


.hasProducts.no-product {
        cursor: auto;
}
.hasProducts.no-product .shop-the-look{
  display:none!important;
}

.hasProducts:hover .shop-the-look{
  display:block;
}


.cards .product .product-stars,
.summary-product-pool-wrapper .product .product-stars{
  display:none;
  margin-left: 0.7em;
  height:1.2em;
  width:6.8em;
}

.shopall.hideme{
  display: none;
}

.shopall{
  font-family: 'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    background-color: #000;
    width: 31em;
    height: 50px;
    line-height: 50px;
    display: block;
    margin: 2em auto;
    letter-spacing: 0.3em;
    border:2px solid #fff;
    text-align: center;
}
.shopall:hover{
    color:#000;
    background-color:#fff;
    border:2px solid #000;
}
/*----------- end of product ------------*/

/*----------- products_block ------------*/
.products_block{
    min-height:28em;
    margin-bottom:2.4em;
    /*overflow: hidden;*/
}


.page-content:before, .page-content:after {
    display: block;
    clear: both;
    content: ' ';
}
.products_block > .img{
    width:22em;
    height:28em;
    background-size:cover;
    background-position: center center;
    position:relative;
}
/*.products_block.hasButton.sectionHasTitle {*/
    /*margin-top: 2.4em;*/
/*}*/
/*.products_block.hasButton.sectionHasTitle:nth-child(1) {*/
    /*margin-top: 0;*/
/*}*/
.products_block.howtowearit .cards.hasTitle {
    padding-bottom: 4.5em;
}
.products_block.sectionHasTitle.center .cards.hasTitle {
    /*padding-bottom:14em;*/
}


.products_block.hasButton > .img {
    height:25.6em;
    background-position: center top;
}
.products_block.hasButton{
    margin-bottom:0;

}
.products_block.noImg:not(.center) .cards{
    margin-top: -2.4em;
}
.products_block.noImg:not(.center) .cards.v2{
    margin-top: 2.4em;
}

/*/v2*/
.v2.products_block.itlist .subpage_images .cards {
    text-align: center;
}
.v2.products_block.itlist .subpage_images .cards .product {
    display: inline-block;
}
.v2.products_block.itlist .subpage_images .cards .product:nth-of-type(n+4){
    margin-bottom: 0.6em;
}
.v2.products_block > .img {
    width: 59%;
    height: 28em;
    /*width: 60%;*/
    /*height: 30em;*/
}
.hasButton.v2.products_block.itlist .subpage_images{
    margin-bottom: 0;
}
/*----------- end of products_pure ------------*/

@media (min-width: 961px){
    .products_block > .img{
        float:left;
    }
    .products_block.right > .img{
        float:right;
    }
    .products_block.center > .img{
        position:absolute;
        left:17.8em;
        bottom:0;
    }
    .products_block.center.hasButton > .img{
        bottom:2.4em;
    }
    .products_block:not(.right):not(.center) > .img{
        margin-right: 1.3em;
      /*margin-right: 0.44em;*/
    }
    .products_block.full > .img{
        width: 100%;
        margin: -2rem auto 0 auto;
        left: auto;
        float: none;
        position: relative;
    }
    .products_block .cards{
        text-align: left;
    }
    .products_block .cards.hasTitle {
        /*padding-bottom: 3em;*/
    }
    .products_block:not(.center) .cards{
        margin-left: 0.44em;
    }
    .products_block:not(.center) .img {
        /*min-height: 30.4em;*/
        min-height: 28.6em;
    }

    .products_block.noImg {
        margin-bottom: 0;
    }
    .products_block.noImg:not(.center) .cards.v2{
        width: 43.2em;
        margin-left: auto;
        margin-right: auto;
    }
    .products_block.noImg:not(.center) .cards{
        margin-left: 11.44em;
        margin-right: 11.44em;
    }


    .products_block .cards .title{
        text-align: center;
    }
    .products_block.center .cards {
        padding-bottom: 2.4em;
    }
    .products_block.center .cards:not(.hasTitle){
    	padding-top: 2.4em;
    }
    .products_block.center:not(.hasButton) .cards:not(.hasTitle) {
        padding-top: 0;
    }

    .products_block.center:not(.hasButton) .cards:not(.hasTitle) .title{
    	/*display:none !important;*/
    }
    .products_block.center .cards .title{
        max-width: 100%;
    }
    .products_block.center.hasButton .cards .title{
        margin-bottom: 2em;
    }
    .products_block.center .cards .product.special{
        margin-left: 22.88em;
    }
    .faceted-pool-expand.right:not(.active) .open-faceted-pool-wrap{
        margin-left: 35.6em;
    }
    .faceted-pool-expand.center:not(.active) .open-faceted-pool-wrap,
    .faceted-pool-expand.single:not(.active) .open-faceted-pool-wrap{
        margin-left: 17.8em;
    }
    .v2.faceted-pool-expand.center:not(.active) .open-faceted-pool-wrap,
    .v2.faceted-pool-expand.single:not(.active) .open-faceted-pool-wrap{
        margin-left: calc(50% - 7em);
    }
    .faceted-pool-expand.single:not(.active) .faceted-pool-header{
        background-color: #f3f3f2;
    }

    .products_block.center:not(.hasButton) > .img{
    	height:28em;
    }
    .v2.products_block.itlist:not(.double) .subpage_images .cards > *:nth-of-type(2) {
        margin-left: -0.4em;
        margin-top: 0.4em;
    }
    .v2.products_block.itlist:not(.double) .subpage_images .cards > *:nth-of-type(3) {
        margin-top: 0.4em;
    }
    .v2.products_block.itlist.right > .img {
        margin-left: 1.4em;
    }
    /*.v2.products_block.itlist.right .subpage_images .cards > *:nth-of-type(2),*/
    /*.v2.products_block.itlist.right .subpage_images .cards > *:nth-of-type(4) {*/
        /*margin-left: -1.4em;*/
    /*}*/

}

@media (max-width: 960px){
    h4{
        font-size: 24px;
    }
    .cards{
        padding:0 0.44em;
    }
    .products_block > .img,
    .cards .title{
        margin:0 auto;
    }

    .cards .product{
      width: 25%;
    }
    .cards .product .overlay{
        width: 100%;
        left: 0;
        top: 0;
        padding: 0.4em 0.4em 0em;
    }
}

/*//tablet*/
@media (min-width: 768px) and (min-height: 412px) and (max-width: 960px){
    section.top-header.hide .smalllogo {
        display: none !important;
    }
    .itlist.v2.products_block .cards .title {
        margin: 0 auto;
        float: none;
        display: block;
    }
    .itlist.v2.products_block .double .img {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
}

/*tablet desk*/
@media (min-width: 768px) and (min-height: 412px){
    .v2.products_block.itlist,right .subpage_images .cards .product:nth-of-type(1),
    .v2.products_block.itlist,right .subpage_images .cards .product:nth-of-type(3) {
        /*margin: 0 0 0 -2.5em;*/
    }
    .hasButton.v2.products_block.itlist .subpage_images.double:first-of-type {
        /*margin-top: 0.8em;*/
        margin: 3.5em 0 0 -1em;
    }
    .v2.double.subpage_images {
        /*margin-left: 1.7em;*/
    }
    .subpage_images .title h4 {
        display: block;
    }
    .double .subpage_images .cards .title h4 {
        padding: 1em 0 0 0;
    }
    .double .subpage_images .cards .title {
        height: 4.8em;
        display: block;
    }
    .itlist.narrow_width:not(.double):not(:first-of-type):not(.right) {
        margin-top: 4em;
    }
    .hasButton.v2.products_block.itlist:not(:first-of-type):not(.right) .subpage_images:not(.double):first-of-type {
        margin: 4em 0 0 0;
    }
    .itlist.v2.products_block .double {
        margin: 3.2em 0 0 0;
    }
    .itlist.v2.products_block .double .img {
        min-height: 30.4em;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    .itlist.double.v2.products_block .cards .title{
        margin: 0 auto;
        float: none;
        display: block;
    }
    html .desktop-right .v2-image-parent:nth-of-type(2) {
        width: calc(40% - 3em) !important;
        /*margin-right: 2em !important;*/
    }
    .double.desktop-right .container > div:nth-child(1) {
        width: calc(55% - 1.3em) !important;
        margin-right: 2.4em !important;
        margin-left: 2.2em !important;
    }

    html .desktop-right .v2-image-parent:nth-of-type(1) {
        width: 57% !important;
        /*margin-right: 0 !important;*/
    }
    html .itlist.double.v2 .v2-image-parent,
    html .itlist.double.v2 .v2-image-parent {
        position: relative;
    }
    html .desktop-left .v2-image-parent {
        float: right;
    }

    html .desktop-left-reverse .v2-image-parent {
        float: right;
    }
    html .desktop-left-reverse .v2-image-parent:nth-of-type(1) {
        margin-right: 0 !important;
    }
    html .desktop-left-reverse .v2-image-parent:nth-of-type(2) {
        margin-right: 2em !important;
    }
    html .desktop-left .v2-image-parent:nth-of-type(1) {
        margin-right: 2.4em !important;
        width: calc(57% - 2.4em) !important;
        margin-left: 0 !important;
    }
    html .desktop-left .v2-image-parent:nth-of-type(2) {
        width: calc(40% - 3em) !important;
        margin-right: 2.4em !important;
    }

    .itlist.double.v2 .container:before,
    .itlist.double.v2 .container:after {
        content: ' ';
        clear: both;
        display: block;
    }

}

@media (min-width: 751px){
	.cards .product .product-quickview-button:hover,
	.summary-product-pool-wrapper .product .product-quickview-button:hover,
	.shop-the-look:hover {
    	background-color: #111;
    	color: #FFF;
	}

}
@media (max-width: 750px){
    .products_block.noImg.narrow_width{
        overflow: visible;
    }
}

/*/mobile*/
@media (max-width: 768px) and (orientation: portrait), (orientation:landscape) and (max-width:823px) and (max-height:750px) {
    .itlist.v2.products_block {
        padding: 0 1em;
    }
    .v2.products_block.itlist .subpage_images .cards {
        padding: 0 0 0 0.5em !important;
    }
    .v2.products_block.itlist .subpage_images .cards .product:nth-of-type(n+4) {
        margin-bottom: 0;
    }
    .itlist.v2.products_block .product {
        width: 50% !important;
        float: left;
        padding: 1em !important;
        /*margin: 0 0.5em;*/
        /*padding: 0 1em;*/
    }
    .itlist.v2.products_block .product:nth-of-type(odd) {
        /*transform: translateX(1em);*/
        /*float: left;*/
    }
    .itlist.v2.products_block .product:nth-of-type(even) {
        /*transform: translateX(-1em);*/
        /*float: right;*/
    }
    .itlist.v2.products_block .product .overlay {
        left: -1em;
    }
    .itlist.v2.products_block .double .img {
        min-height: 28em;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    html .itlist.double.v2 .v2-image-parent,
    html .itlist.double.v2 .v2-image-parent {
        position: relative;
    }
    .itlist.v2.products_block .v2-image-parent {
        padding: 0;
    }
}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    /*font-family: 'slick';*/
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

 /*
   font-family:'Helvetica Neue LT W01_87 Hv Cn','Helvetica Neue', Helvetica, Arial, sans-serif;
   font-family:'Helvetica Neue LT W01_95 Black','Helvetica Neue', Helvetica, Arial, sans-serif;
   font-family:'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
   font-family:'Helvetica Neue LT W01_85 Heavy','Helvetica Neue', Helvetica, Arial, sans-serif;
   font-family:'Helvetica Neue LT W01_65 Md','Helvetica Neue', Helvetica, Arial, sans-serif;
   font-family:'Helvetica Neue LT W01_75 B Ou','Helvetica Neue', Helvetica, Arial, sans-serif;
   font-family:'Helvetica Neue LT W01_55 Roman','Helvetica Neue', Helvetica, Arial, sans-serif;
   font-family:'Helvetica Neue LT W01_41488878','Helvetica Neue', Helvetica, Arial, sans-serif;
   font-family:'Helvetica Neue LT W01_46 Lt It','Helvetica Neue', Helvetica, Arial, sans-serif;
   font-family:'Helvetica Neue LT W01_57 CnObl','Helvetica Neue', Helvetica, Arial, sans-serif;
   font-family:'Helvetica Neue LT W0147LtCnObl','Helvetica Neue', Helvetica, Arial, sans-serif;
   font-family:'Helvetica Neue LT W01_67 Md Cn','Helvetica Neue', Helvetica, Arial, sans-serif;
   font-family:'Helvetica Neue LT W01_77 Bd Cn','Helvetica Neue', Helvetica, Arial, sans-serif;
   font-family:'Helvetica Neue LT W01_57 Cond','Helvetica Neue', Helvetica, Arial, sans-serif;
   font-family:'Helvetica Neue LT W01_47 Lt Cn','Helvetica Neue', Helvetica, Arial, sans-serif;
   font-family:'Didot W01 Bold Italic',Helvetica, Arial, sans-serif;
   font-family:'Didot eText W01 Bold',Helvetica, Arial, sans-serif;
 */

 /* ---------- reset ---------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
}
 /*to fix overscroll/white space*/
 html {
    overflow-x: hidden;
 }
a {
    margin:0;
    padding:0;
    vertical-align:baseline;
    color:#000;
}
ol, ul {
    list-style: none;
}
input, select {
    vertical-align:middle;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


[designversion="-v2"] * {
    box-sizing: border-box;
}
/* ---------- end of reset ---------- */

@font-face {
   font-family: 'macys_symbology';
   /*src: url('//storage.googleapis.com/digital-media-fonts/package/symbology/Macys-com-Symbology.eot');*/
   /*src: url('//storage.googleapis.com/digital-media-fonts/package/symbology/Macys-com-Symbology.eot?#iefix') format('embedded-opentype'),*/
   /*url('//storage.googleapis.com/digital-media-fonts/package/symbology/Macys-com-Symbology.woff') format('woff'),*/
   /*url('//storage.googleapis.com/digital-media-fonts/package/symbology/Macys-com-Symbology.ttf') format('truetype'),*/
   /*url('//storage.googleapis.com/digital-media-fonts/package/symbology/Macys-com-Symbology.svg') format('svg');*/
   font-weight: normal;
   font-style: normal;
}


* {
  -webkit-font-smoothing:antialiased;
}


body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: arial, sans-serif;
    color: #333;
    font-size: 25px;
}
h2{
    font-family: "Carrig Pro W01", serif;
    /*font-family: 'Didot W01 Bold Italic',Helvetica, Arial, sans-serif;*/
    font-size: 25px;
    margin: 0;
}
h3{
    font-family: "Carrig Pro W01", serif;
    /*font-family:"Didot W01 Roman";*/
    font-size: 42px;
    letter-spacing: -0.04em;
    margin:0;
}
/*h4{*/
    /*font-family:'Helvetica Neue LT W01_57 Cond','Helvetica Neue', Helvetica, Arial, sans-serif;*/
    /*font-size: 24px;*/
    /*margin: 0;*/
    /*line-height: 1.6;*/
/*}  */

 h4{
     font-family:'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
     font-size: 21px;
     margin: 0;
     line-height: 1.6;
     font-weight: normal;
     letter-spacing: 1px;
 }
h4 b{
   font-family:'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: normal;
}
p{
    margin:0;
    font-family:'Helvetica Neue LT W01_55 Roman','Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 17px;
    line-height: 1.6;
    color:#000;
}
.mobileonly{
    display:none !important;
}

body > .page-loader-container {
  background: rgba(255, 255, 255, 0.6);
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  top: 0;
  z-index: 10000;
}
.page-content{
   font-size:25px;
}
.empty{
    /*display:inline-block !important;*/
    width:0 !important;
    padding-top: 0 !important;
    display: none !important;
}
.arrowdown span{
    display: inline-block;
    border-bottom: #000 1px solid;
    border-right: #000 1px solid;
    transition: transform 1s, border-color 500ms 500ms;
    -webkit-transform-origin: 75% 75%;
    -ms-transform-origin: 75% 75%;
    transform-origin: 75% 75%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 15px;
    width: 15px;
}
 h4.arrowdown {
     font-size: 1.615em;
 }
.img_holder{
    position: relative;
    background-color: #000;
}
.img_holder >div{
    background-size: cover;
    background-position: center top;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

#ImpSdkHeaderContainer {
  display:none !important;
}

[device="mobile"] header,
[device="mobile"] footer{
  display:none;
}

.nav-hamburger,.nav-share{display:none !important;}
.nav-sitename{pointer-events: none;}
.nav-sitename>*:first-child{
  color:white;
  height:100%;
  display:block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[device="mobile"] #ImpSdkHeaderContainer{
  height:60px;
}

/*.nav-sitename,.nav-share{
  display:none !important;
}
body:not([device="mobile"]) .nav-macyslogo{
  width:100%;
  background-position:center center;
}*/

.rerender:before, .rerender:after {
    display: block;
    clear: both;
    content: " ";
}

footer{
  margin: 0 auto 30px !important;
}
/*footer > div:not(.copyright){
  display:none;
}*/

.clear_both {
  clear:both;
}

.slick-slide{
    outline: none!important;
}
.slick-list
{
    width:100%;
}

.rerender{
  position:relative;
}

.page-content section{
    position:relative;
    /*background-color: #f3f3f2;*/
    transition: background-color 0.75s ease-in-out;
}
.page-content section.playing:not(.index_topvideosquare){
  /*background-color:black;*/
}
/*----------- narrow section ------------*/
.narrow_width{
    /*width:57.6em;*/
    max-width: 1440px;
    box-sizing: border-box;
    padding:0;
    margin-left:auto;
    margin-right: auto;
    position:relative;
}
/*----------- end of narrow section ------------*/

/*----------- iframe-wrapper ------------*/
.iframe-wrapper{ position:relative; }

.iframe-wrapper iframe{
  margin:0 auto;
}

.isvideo .iframe-wrapper{
/*   max-height:590px;*/
/*   max-width:968px;*/
   width:100%;
   border: none;
   cursor:pointer;
   overflow-y:hidden;
    display: block;
    margin: 0 auto;
    position:absolute;
    top: 0;
}
 .isvideo .iframe-wrapper {
     opacity: 0;
 }
 .isvideo.playing .iframe-wrapper {
     opacity: 1 !important;
 }

.isvideo.playing .iframe-wrapper{
    z-index:10;
}

.isvideo iframe{
  height:100%;
  width:100%;
  display:block;
  border:none;
}

.isvideo div.play:hover{
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}


.index_topvideo .up-next{
  position: absolute;
  bottom: -200px;
  /*right: 0;*/
  right: calc(50vw - 484px);
  max-height: 175px;
  width: 200px;
  height: auto;
  /*width: 9em;*/
  background-color: black;
  margin-right:5px;
  margin-bottom:5px;
  opacity:0;
  transition: bottom 0.25s ease-out, opacity 0.25s ease;
  z-index: 10;
  cursor: pointer;
}

.index_topvideo:not(.playing) .up-next,
.index_topvideo.paused .up-next {
    bottom: 110px;
    opacity: 1;
}

.index_topvideo .up-next span.next{
  font-family: 'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 10px;
  color: white;
  display: inline-block;
  vertical-align: middle;
  padding-left: 8px;
}

.index_topvideo .up-next img:first-of-type{
  max-width: 200px;
  width: 100%;
  max-height: 112px;
  height: auto;
}

.index_topvideo .up-next img:last-of-type{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 37%;
  height: auto;
  padding: 23% 31.5%;
  /*transform-origin: center;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;*/
}

.index_topvideo .up-next span.upnext-title{
  font-family: 'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: white;
  display: inline-block;
  vertical-align: middle;
  width:100%;
  text-align:center;
  margin-bottom: 5px;
}

.isvideo.playing:hover .index_topvideo .up-next:hover{
  opacity:1;
}

/*.index_topvideo .up-next:hover img:last-of-type{
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}*/



/*----------- end iframe-wrapper ------------*/


/*----------- rerender loader ------------*/
.rerender .page-loader-container{
    z-index: 800;
    position:fixed;
}
.rerender .page-loader-container #page-loader{
    /*top:12em;*/
}
/*----------- end of rerender loader ------------*/

/*----------- section more to explore ------------*/
.page-content section.more-to-explore {
    color: #000;
    padding-bottom: 6.2em;
    background-color: #f6f5f5;
    text-align: center;
}

.more-to-explore h4{
    /*font-family: "Helvetica Neue LT W01_47 Lt Cn",'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    /*font-family:'Helvetica Neue LT W01_67 Md Cn','Helvetica Neue', Helvetica, Arial, sans-serif;*/
    text-transform: uppercase;
    font-size: 0.9em;
    text-align: center;
    margin: 0;
    letter-spacing: 0.22em;
    padding: 3.5em 0 4.25em 0;
    line-height: 180%;
}
.more-to-explore .more-wrapper a{
    display:inline-block;
    vertical-align: middle;
}
.more-to-explore .more-wrapper a img{
    width: 10em;
    max-width: 284px;
    transition: opacity 200ms ease;
}
.more-to-explore .more-wrapper a img:hover{
    opacity:0.5;
}
/*----------- end of section more to explore ------------*/

.product-price-1,
.product-price-2,
.product-price-3 {
  font-size: 1.4em !important;
}
.product-price-1{
	color:#000!important;
}


@media only screen and (min-width: 421px){
  html body {
    margin-top:0 !important;
  }
}
@media (max-width: 960px){
    h4{
        font-size: 24px;
    }
}


 @media (max-width: 768px) and (orientation: portrait), (orientation:landscape) and (max-width:823px) and (max-height:750px) {
     #page-content {
         font-size: 16px;
     }
     body {
         overflow-x: hidden;
     }
     .rerender {
         overflow-x: hidden;
     }
    h3{
        font-size: 27px;
    }
    h4{
        font-size: 19px;
    }
    p{
        font-size: 12px;
    }
    .desktoponly{
        display:none !important;
    }
    .mobileonly{
        display:block !important;
    }
    .more-to-explore h4 {
        line-height: 160%;
        padding:40px 60px !important;
        font-size: 20px;
    }
    .empty{
        display:none !important;
    }
    .narrow_width{
        width:100%;
        overflow: hidden;
    }
    .slider_arrow{
      width:40px;
      height:40px;
      top:140px;
    }
    .more-to-explore h2{
      padding:40px !important;
    }
    .more-to-explore .more-wrapper a{
      display:block;
    }
    .shopall{
      width:80%;
      border:none;
    }
    .more-to-explore .more-wrapper a img{
        width: 100%;
        padding: 20px 0;
        max-width: 200px;
    }

}
 .js-gotopage:nth-child(n+5):not(.next-page) {
     display: none;
 }


 .inapp #ImpSdkFooterContainer {
     display: none!important;
 }
.page-content section.hovered{
    overflow: visible;
}

/*not sure what this is for but it is breaking desktop and mobile so taking it out*/
/*@media only screen and (orientation:landscape) and (max-width: 750px){*/
/*.subpage_top .bg {*/
/*height:0 !important;*/
/*padding-top: 90%;*/
/*}*/
/*}*/

/*----------- top nav ------------*/
/* need to be on the top of pageloader */
.page-content section.subpage_top{
    z-index: 801;
}
.page-content section.subpage_top,
.page-content section.subpage_quote{
    background-color: #fff;
}
[designversion="-v2"] .page-content section.subpage_top {
    margin-top: 1em !important;
}
/*.page-content section.subpage_quote {*/
/*margin-top: -2rem;*/
/*}*/
.subpage_top .single_slider .container{
    position:relative;
}
.subpage_top .bg{
    width:100%;
    height:28em;
    background-size:cover;
    position:relative;
}
.subpage_top .single_slider.isvideo .play{
    position: absolute;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    margin: -2.4em 0 0 -2.4em;
    left: 50%;
    top: 50%;
    cursor: pointer;
    opacity: 1;
}

.top_slider .isvideo .iframe-wrapper{
    height:100%;
}
.top_slider .slick-arrow {
    width: 50px;
    height: 90px;
    background-color: rgba(255,255,255,0.4);
    padding: 37px 0 0 20px;
    box-sizing: border-box;
    position: absolute;
    left:0;
    top: 16.5em;
    margin-top: -45px;
    z-index: 20;
    cursor:pointer;
}
.top_slider .slick-arrow:hover{
    background-color: rgba(255,255,255,0.9);
}

.top_slider .slick-arrow span{
    content: '\u2038';
    display: block;
    height: 12px;
    width: 12px;
    border-width: 2px 2px 0 0;
    border-color: #000;
    border-style: solid;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);

}
.top_slider .slick-arrow.slick-arrow-right {
    left:auto;
    right:0;
    padding: 37px 0 0 15px;
}
.top_slider .slick-arrow.slick-arrow-right span{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.top_slider .quote .subpage_quote{
    padding-top:40px;
    padding-bottom:30px;
}
.top_slider .quote .subpage_quote:not(.hasQuote){
    padding-bottom:35px;
}


/*[data-video="5779011945001"] .copy::first-letter {*/
/*font-size: 1rem !important;*/
/*font-family: 'Helvetica Neue LT W01_55 Roman','Helvetica Neue', Helvetica, Arial, sans-serif !important;*/
/*}*/

/*----------- end of to p nav ------------*/

/*----------- subpage_quote ------------*/
.subpage_quote {
    width:100%;
    max-width: calc(100% - 6rem);
    /*max-width: 45.6em;*/
    margin: 0 auto;
    box-sizing: border-box;
}
.subpage_quote:not(.hasQuote){
    padding-left:30px;
    padding-right:30px;
}
.subpage_quote h3{
    font-weight: 300;
    font-style: italic;
    margin:0 auto 15px auto;
    max-width: 90%;
}
.nocopy {
    display: none;
}
.top_slider .subpage_quote:not(.hasQuote) p.copy::first-letter {
    /*font-size: 42px;*/
    /*font-family:"Didot W01 Bold";*/
    /*letter-spacing: -0.05em;*/
    /*line-height: 1.0;*/
}
.top_slider .subpage_quote .copy {
    padding-bottom: 27px;
    font-size: 14px;
}

.subpage_quote .copy{
    padding-bottom: 50px;
    max-width: 90%;
    margin: 0 auto;
}

[data-subpage] .subpage_quote .copy {
    max-width: 70%;
}
.subpage_quote.hasQuote >div{
    display:inline-block;
    vertical-align: top;
    box-sizing: border-box;
}
.subpage_quote.hasQuote .left img{
    border-radius: 50%;
    width: 6.8em;
}
.subpage_quote.hasQuote .right p{
    position:relative;
    /*    font-family:'Helvetica Neue LT W01_47 Lt Cn','Helvetica Neue', Helvetica, Arial, sans-serif;*/
    /*font-family:'Helvetica Neue LT W01_57 Cond','Helvetica Neue', Helvetica, Arial, sans-serif;*/
    /*font-size: 22px;*/
    font-family: "Helvetica Neue LT W01_55 Roman", Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.5px;
}
.subpage_quote.hasQuote .right .copy .quote_mark{
    font-family:'Helvetica Neue LT W01_67 Md Cn','Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 7em;
    display: inline-block;
    position: absolute;
    bottom: -0.65em;
}
.subpage_quote.hasQuote .right .copy .quote_mark.left{
    left: -0.5em;
    top: -0.35em;
}
.subpage_quote.hasQuote .right p.author{
    text-align: right;
    margin-top: 1.1em;
    margin-right: -1em;
    /*font-family: "Helvetica Neue LT W01_57 CnObl",'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    font-size: 0.725em;
    font-style: italic;
}
.subpage_quote.hasQuote .right p.at{
    font-family:'Helvetica Neue LT W01_77 Bd Cn','Helvetica Neue', Helvetica, Arial, sans-serif;
    text-align: right;
    margin-bottom: 1.4em;
    margin-right: -1em;
}
/*----------- end of subpage_quote ------------*/

/*----------- subpage bottom ------------*/
.subpage_bottom .container{
    width:380px;
    margin:0 auto;
}
.subpage_bottom .container > * {
    display:inline-block;
    text-decoration: none;
    width: 50%;
    color:#000;
    font-family: 'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
    position: relative;
    cursor: pointer;
    text-align: left;
    padding: 2em 0;
}
.subpage_bottom .container > .next{
    text-align: right;
}
.subpage_bottom .arrow {
    font-size: 30px;
    font-size: 0.8em;
    letter-spacing: 0.2em;
    margin: 0.5em auto 0;
    color: #000;
}
.subpage_bottom .arrow span{
    content: '\u2038';
    display: inline-block;
    height: 8px;
    width: 8px;
    border-width: 3px 3px 0 0;
    border-color: #000;
    border-style: solid;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    position: relative;
    top: -0.05em;
    margin: 0 0.8em 0 0;
}
.subpage_bottom .next .arrow span{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 0 0 0 0.8em;
}
.subpage_bottom .container a:hover{
    text-decoration: underline;
}
.subpage_bottom .next.first{
    margin-left: 50%;
    line-height: 0.8;
}
/*----------- end of subpage bottom ------------*/


/*----------- subpage images ------------*/
.subpage_images{
    margin-bottom: 2.6em;
}
.subpage_images .title{
    text-align: center;
    height:4.2em;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
}
.subpage_images .title h4{
    height: inherit;
    width: 57.6em;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
    font-family:"Helvetica Neue LT W01_55 Roman", Helvetica, sans-serif;
}
.subpage_images .title h4 span{
    font-family:'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
    /*font-family: 'Helvetica Neue LT W01_77 Bd Cn','Helvetica Neue', Helvetica, Arial, sans-serif;*/
}
.subpage_images .container{
    /*white-space: nowrap;*/
    padding:0 7%;
    box-sizing: border-box;
    position:relative;
}
.subpage_images.fullwidth .container{
    padding: 0;
}
[data-subpage="plustheitlist"] .subpage_images.fullwidth .container .img_holder {
    height: 26.0em;
}
.subpage_images + .products_block.noImg.hasButton .cards{
    padding-top:40px;
}


.subpage_images.triple:before,
.subpage_images.triple:after {
    content: ' ';
    display: block;
    clear: both;
}
.subpage_images.double .container {
    white-space: nowrap;
}

/*.subpage_images.double .container > div .img_holder img {*/
/*height: 100%;*/
/*}*/

.subpage_images .image-copy {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    padding: 1em;
    white-space: normal;
    font-size: 0.56em;
}

.subpage_images.double .cards {
    margin: 2em 0 0 0;
    padding: 0 5em;
}
.subpage_images.noProducts:not(.single) {
    display: none;
}
.subpage_images.noProducts.single {
    /*display: b;*/
}

.subpage_images.triple .container .cards .product:nth-child(n+5){
    display: none;
}



/*//desktop*/
@media only screen and (min-width: 768px) and (min-height: 412px) {
    .subpage_images.single {
        margin-top: 2.4em;
    }
    .single .products_block.noImg {
        min-height: 21em;
    }
    .single .products_block.noImg .product {
        /*margin-bottom: 0;*/
    }
    .itlist.products_block:not(.center) .cards {
        margin-left: 0;
    }
    .itlist.narrow_width:not(.double) {
        padding: 0 2.2em;
    }
    .double.itlist.subpage_images .container {
        padding: 0 3.8em 0 1em;
    }

    [no-image-template] {
        /*margin-bottom: 0;*/
    }
    .subpage_images .container .img_holder {
        min-height: 26.5em;
    }
    .top_slider .quote .subpage_quote:not(.hasQuote) {
        margin-bottom: 0;
    }
    .subpage_images .container {
        padding: 0 2.4em;
    }
    .double.itlist.v2 .subpage_images .container {
        padding: 0;
    }
    .subpage_quote h3 {
        font-size: 2.4em;
        margin-bottom: 0;
        line-height: 1;
        width: 88%;
        margin-top: 0.2em;
        letter-spacing: 0.05em;
    }
    .subpage_quote .subpage_subtitle {
        width: 88%;
        margin: 0.7em auto -0.3em auto;
        font-size: 1em;
        text-transform: uppercase;
        display: block;
        line-height: 1;
        letter-spacing: 0.08em;
    }
    .top_slider .subpage_quote .copy {
        margin-top: 0.8em;
        font-size: 0.745em;
        letter-spacing: 0.005em;
        width: 88%;
    }
    .subpage_top .bg{
        width:100%;
        height:33em;
        background-size:cover;
        position:relative;
    }

    .top_slider .quote .subpage_quote.v2{
        margin-top: -2em;
        width: calc(100% - 4.8em);
        /*width: 90%;*/
        z-index: 10;
        /*padding-bottom:35px;*/
    }

    .subpage_images.triple .container .cards{
        /*background-color: #f3f3f2;*/
        height: 27em;
        overflow: visible;
        padding: 2em 0;
        margin: 0 0 2em 0;
    }
    .subpage_images.double .container > div{
        display:inline-block;
        box-sizing: border-box;
        width:50%;
        vertical-align: top;
    }
    .subpage_images.double .container > div:nth-child(1) {
        width: calc(40% - 1.3em);
        margin-right: 2.4em;
        margin-left: 0.2em;
    }
    .subpage_images.double .container > div:nth-child(2) {
        width: 57%;
    }

    .subpage_images.double.right .container > div:nth-child(2) {
        width: calc(40% - 2em);
        margin-right: 2em;
    }
    .subpage_images.double.right .container > div:nth-child(1) {
        width: 57%;
    }

    .subpage_images.triple .container > div{
        display:inline-block;
        box-sizing: border-box;
        /*width:60%;*/
        vertical-align: top;
        margin: 0 0 2.8em 0;
    }
    .subpage_images.triple .container > div:nth-child(1) {
        float: left;
        width: 56%;
    }
    .subpage_images.triple .container > div:nth-child(2){
        width: calc(40% + 1em);
        margin-right: -1em;
    }
    .subpage_images.triple .container > div:nth-child(2),
    .subpage_images.triple .container > div:nth-child(3){
        float: right;
    }
    .subpage_images.triple .container > div:nth-child(3){
        width: calc(40% - 1em);
        margin: 1em -0.2em 0em 0;
        /*width: calc(40% - 2em);*/
    }
    .subpage_images.triple .container > div:nth-child(4){
        width: calc(56% - 3em);
        float: right;
        margin: 0 3em 0 0;
    }
    .subpage_images.triple .container > div:nth-child(1) .img_holder {
        min-height:34em;
    }
    .subpage_images.triple .container > div:nth-child(3) .img_holder {
        min-height:25em;
    }
    .subpage_images.triple .container > div:nth-child(4) .img_holder {
        min-height:20em;
    }

    .subpage_images .container > div .img_holder img {
        max-width: 100%;
        /*height: 100%;*/
    }


    .subpage_images.triple.right .container > div:nth-child(1) {
        float: right;
    }
    .subpage_images.triple.right .container > div:nth-child(2){
        width: calc(40% + 1em);
        margin-left: -2em;
        margin-right: 0;
    }
    .subpage_images.triple.right .container > div:nth-child(2),
    .subpage_images.triple.right .container > div:nth-child(3){
        float: left;
    }
    .subpage_images.triple.right .container > div:nth-child(3){
        width: calc(40% - 2em);
    }
    .subpage_images.triple.right .container > div:nth-child(4){
        width: calc(60% - 2em);
        float: left;
        margin: 0 0 0 2em;
    }
}


.not_enough ~ section.subpage_images:not([no-image-template]) {
    display: none;
}

.products_block.onerow {
    min-height: 14em;
}



.subpage_images .container .img_holder{
    height: 29.5em;
    background-size: cover;
    position: relative;
    background-position: 50% 0;
}
.subpage_images.isvideo .container .img_holder{
    height:32.4em;
}
.subpage_images .container .cards{

}
.subpage_images.isvideo .play{
    position: absolute;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    margin: -2.4em 0 0 -2.4em;
    left: 50%;
    top: 50%;
    cursor: pointer;
    opacity: 1;
    z-index: 1;
}
.subpage_images.isvideo .iframe-wrapper{
    width: auto;
}

.subpage_images.isvideo .img {
    -webkit-transition: all 0.75s ease-in-out;
    transition: all 0.75s ease-in-out;
    z-index: 0;
    opacity:1;
}

.subpage_images.isvideo.playing .img{
    z-index: -10;
    opacity:0.3;
    filter:blur(2.5px);
    -webkit-filter:blur(2.5px);
}
.subpage_images.isvideo.playing .play{
    opacity:0;
}
.subpage_images.isvideo.paused .play{
    opacity:1;
}
.subpage_images .subpage_quote{
    background-color: #fff;
}
.page-content section.subpage_quote {
    max-width: 1440px;
    margin: 0 auto 2em auto;
}
/*----------- end of subpage images ------------*/


.products_block.hasButton .cards:not(.hasTitle) .title{
    display:none;
}

.products_block.hasButton:not(.center) .cards:not(.hasTitle) .title {
    display: table;
}

.faceted-pool-expand .open-faceted-pool-wrap .button{
    vertical-align: middle;
    height: 100%;
    width: 100%;
    background-color: #111;
    color: #fff;
    cursor: pointer;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    line-height: 4.3em;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
    font-family: 'Helvetica Neue LT W01_71488914','Helvetica Neue',Helvetica,Arial,sans-serif;
    text-decoration: none;
}
.video-page.subpage_images,
.video-page .products_block.noImg,
.video-page .products_block.noImg .cards.v2
{
    margin-top: 0;
    margin-bottom: 0;
}
.video-page .products_block {
    min-height: 0;
}
@media (min-width: 1440px){
    .subpage_images.triple .container .img_holder {
        height: auto;
        min-height: 0;
    }
}
@media (min-width: 768px) and (max-width: 1439px){
    .subpage_images.triple .container > div .img_holder img {
        display: none;
    }
}
@media (min-width: 961px){
    .subpage_quote.hasQuote .left{
        width:16.66%;
    }
    .subpage_quote.hasQuote .right{
        width:83.33%;
        padding: 0.5em 0 0 2em;
    }
    .subpage_quote.hasQuote.noImg .left{
        width:10%;
    }
    .subpage_images.isvideo .container{
        padding: 0;
        /*padding: 3.1em 3.6em;*/
    }
    .subpage_images.isvideo .iframe-wrapper{
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        /*top: 3.1em;*/
        /*left: 3.6em;*/
        /*right: 3.6em;*/
        /*bottom: 3.1em;*/
        /*height: calc(100% - 6.2em);*/
    }
    .page-content[page="home"] .products_block:not(.hasButton) .cards:not(.hasTitle) .title{
        display:block;
    }
}

@media (max-width: 960px){
    .subpage_quote h3{
        font-size: 25px;
        margin: 0 0 10px;
    }
    .subpage_quote.hasQuote h3{
        margin: 0 0.9em 15px;
    }
    .top_slider .quote .subpage_quote p {
        font-size: 12px;
    }
    .subpage_quote:not(.hasQuote) p.copy::first-letter{
        /*font-size: 27px;*/
    }
    /*    .subpage_quote.hasQuote .left{
            display:none;
        }*/
    .subpage_quote.hasQuote .right p{
        font-size: 16px;
    }
    .subpage_quote.hasQuote .right .copy{
        margin:0 2em 0 3em;
    }
    .subpage_quote.hasQuote .right p.author,
    .subpage_quote.hasQuote .right p.at{
        margin-right: 1em;
    }
    .subpage_images.isvideo .container{
        padding: 1.8em 0;
    }
    .subpage_images.isvideo .iframe-wrapper{
        top: 1.8em;
        left: 0;
        right: 0;
        bottom: 1.8em;
    }
    .faceted-pool-expand:not(.active) .open-faceted-pool-wrap{
        margin:0 auto;
    }
}

@media (max-width: 960px) and (min-width: 751px){
    .subpage_quote.hasQuote .left{
        width:16.66%;
    }
    .subpage_quote.hasQuote .right{
        width:83.33%;
        padding: 0.5em 0 0 2em;
    }
    .desktop_thumb .thumb .right .title{
        font-size: 21px;
    }
    .desktop_thumb .thumb .right .copy{
        line-height: 150%;
        font-size: 15px;
    }
    .desktop_thumb .img{
        float:none !important;
    }
    .desktop_thumb .img img{
        margin: 0 7.2em 1em;
        width: auto;
        padding:0 !important;
    }

}

/*//landscape*/
@media only screen and  (orientation:landscape) and (max-width:823px) and (max-height:750px) {
    .slick-slide img {
        height: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 768px) and (orientation:portrait), (orientation:landscape) and (max-width:823px) and (max-height:750px){
    .v2.products_block.itlist .subpage_images .cards:before,
    .v2.products_block.itlist .subpage_images .cards:after {
        content: ' ';
        display: block;
        clear: both;
    }
    .top_slider .quote .subpage_quote:not(.hasQuote) {
        padding-bottom: 0;
    }
    .double .cards.hasTitle .title {
        margin: -1.5em 0 0 0;
        display: block;
    }
    .subpage_images .title h4 {
        white-space: nowrap;
        font-size: 1em;
        padding: 1.5em 0;
    }
    .subpage_quote .copy {
        line-height: 2;
        max-width: 100%;
    }
    .subpage_quote h3 {
        font-size: 2.8em;
        line-height: 1;
    }
    [page="women"] .subpage_quote h3,
    [page="men"] .subpage_quote h3,
    [page="fashion"] .subpage_quote h3 {
        white-space:nowrap;
    }
    .subpage_quote .subpage_subtitle {
        font-size: 1em;
        text-transform: uppercase;
        display: block;
        line-height: 1;
        letter-spacing: 0.08em;
    }
    .slick-slide img {
        max-width: 100%;
    }
    .cards.v2 .product .overlay, .summary-product-pool-wrapper.v2 .product .overlay {
        width: 50vw;
        left: -1em;
        /*width: 13em;*/
        /*left: -0.5em;*/
    }

    .v2-image-parent {
        padding: 1em;
    }

    .subpage_images .container .img_holder img {
        display: none !important;
    }

    .subpage_quote:not(.hasQuote){
        padding-left:2em;
        padding-right:2em;
    }
    .subpage_quote.hasQuote:not(.noImg) .left{
        width:22%;
        margin-left: 2%;
    }
    .subpage_quote.hasQuote:not(.noImg) .right.hasImg{
        width:76%;
    }
    .top_slider .slick-arrow {
        width:33px;
        height:60px;
        top:25%;
        left:0;
        margin-top: -30px;
        padding: 23px 0 0 12px;
    }
    .top_slider .slick-arrow.slick-arrow-right{
        right:0;
        padding: 23px 0 0 8px;
    }
    .products_block > .img{
        width:100% !important;
        height: 0!important;
        padding-top: 126%;
    }
    .products_block.hasButton > .img{
        padding-top: 116%;
    }
    .subpage_bottom .container{
        width:240px;
    }
    .subpage_images .container{
        padding:0;
        background-color: transparent!important;
    }
    .subpage_images .container .img_holder{
        height:29em !important;
    }
    .subpage_images.double .container > div{
        width:100%;
    }
    .cards:not(.hasTitle) .title{
        display:none;
    }
    .toggle-pool-wrap .button{
        margin: 0 auto;
        padding: 0;
        text-align: center;
        width: 100%;
        height: 100%;
        background-color: #111;
        color: #fff;
        cursor: pointer;
        box-sizing: border-box;
        display: inline-block;
        font-size: 14px;
        line-height: 2.4em;
        position: relative;
        text-transform: uppercase;
        -webkit-transition: .2s;
        -moz-transition: .2s;
        -ms-transition: .2s;
        transition: .2s;
        text-decoration: none;
        font-family: 'Helvetica Neue LT W01_71488914','Helvetica Neue',Helvetica,Arial,sans-serif;
    }

    .subpage_images .title.mobileonly {
        display: table-cell !important;
    }







}



/*//landscape*/
@media (orientation:landscape) and (max-width:823px) and (max-height:750px){
    .subpage_top .bg img {
        visibility: hidden;
        opacity: 0;
    }
}


.wrap-button {
    position: absolute;
    top: 42%;
    left: calc(50% - 85px);
}
.wrap-button .shop-the-look {
    position: relative;
}
.img:hover .how-to-wear-it {
    display: block;
}
.how-to-wear-it {
    cursor: pointer;
    width: 11.66em !important;
    margin-left: 0;
    padding: 0;
    height: 2.66em;
    line-height: 2.66em;
    font-size: 14px;
    min-width: 0;
    border: 2px solid #111;
    color: #111;
    background-color: #fff;
    font-family: 'Helvetica Neue LT W01_65 Md','Helvetica Neue', Helvetica, Arial, sans-serif;
    letter-spacing: 0.066em;
    font-weight: 700;
    z-index: 10;
    display: none;
    text-align: center;
    margin-top: 10px;

}
.how-to-wear-it:hover {
    background-color: #111;
    color: #FFF;
}

/* 3-10 */

/*//desktop*/
@media (min-width: 768px) and (min-height: 412px) {
    [data-update*="2019-3-"] .top-header .pagenav[title="Men"] .panel .pagegroup.first {
        margin-bottom: 150px;
    }
}


@media (max-width: 768px) and (orientation:portrait), (orientation:landscape) and (max-width:823px) and (max-height:750px) {

    [subpage="video"] .subpage_quote h3 {
        white-space: normal;
    }
}
/* end 3-10 */
.top-header nav.customized.hovered.the-scoop .pagenav.the-scoop .scoop-post-wrapper,.top-header nav.customized.hovered.the-scoop .pagenav.the-scoop .more-stories-wrapper{pointer-events:auto;opacity:1}.top-header nav.customized .pagenav.the-scoop{position:static}.top-header nav.customized .pagenav.the-scoop .outer-wrapper{position:absolute;left:0;z-index:100;width:100%;height:0}.top-header nav.customized .pagenav.the-scoop .scoop-post-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:960px;width:38.4em;margin:0 auto;padding:40px 0 0 0;padding:1.6em 0 0 0;pointer-events:none;opacity:0;-webkit-transition:opacity 250ms ease;transition:opacity 250ms ease}.top-header nav.customized .pagenav.the-scoop .scoop-post-wrapper .post-card{padding:10px;padding:0.4em;max-width:400px;width:16em;height:100%;-ms-flex-negative:0;flex-shrink:0;margin-bottom:0.4em;max-width:160px;width:calc(100%/5 - 5px);padding:0;margin:0}.top-header nav.customized .pagenav.the-scoop .scoop-post-wrapper .post-card:hover .image-wrapper .banner-image{opacity:0.5}.top-header nav.customized .pagenav.the-scoop .scoop-post-wrapper .post-card:hover a .text-wrapper .post-title{color:#999}.top-header nav.customized .pagenav.the-scoop .scoop-post-wrapper .post-card a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-decoration:none;color:black;max-width:400px;padding:0;border-bottom:none}.top-header nav.customized .pagenav.the-scoop .scoop-post-wrapper .post-card a .text-wrapper{max-width:400px;padding:0;width:100%;text-align:left}.top-header nav.customized .pagenav.the-scoop .scoop-post-wrapper .post-card a .text-wrapper .category{font-family:'HelveticaNeueW01-75Bold','Helvetica Neue', Helvetica, Arial, sans-serif;text-transform:uppercase;color:#999;display:block;min-height:initial;font-size:10px;line-height:normal;margin:10px 0}.top-header nav.customized .pagenav.the-scoop .scoop-post-wrapper .post-card a .text-wrapper .post-title{font-family:'Helvetica Neue LT W01_67 Md Cn','Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:normal;color:black;overflow:hidden;min-height:2.325em;-webkit-transition:color 250ms ease;transition:color 250ms ease;font-size:16px;line-height:normal;white-space:normal;letter-spacing:0.1px;max-height:3.6em;margin:0;text-transform:capitalize}.top-header nav.customized .pagenav.the-scoop .scoop-post-wrapper .post-card a .text-wrapper .publication-date{display:none}.top-header nav.customized .pagenav.the-scoop .scoop-post-wrapper .post-card .image-wrapper{position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;max-width:160px;width:100%;max-height:115px;height:7.1875em;background-color:#999}.top-header nav.customized .pagenav.the-scoop .scoop-post-wrapper .post-card .image-wrapper .banner-image{-ms-flex-negative:0;flex-shrink:0;max-height:580px;height:23.2em;max-width:1320px;width:52.8em;background-position:center;background-size:cover;width:100%;height:100%;opacity:1;-webkit-transition:opacity 250ms ease;transition:opacity 250ms ease}.top-header nav.customized .pagenav.the-scoop .more-stories-wrapper{display:block;width:100%;line-height:1;max-width:960px;padding:2.5em 0 0 0;margin:0 auto;text-align:right;pointer-events:none;opacity:0;-webkit-transition:opacity 250ms ease;transition:opacity 250ms ease}.top-header nav.customized .pagenav.the-scoop .more-stories-wrapper a{font-family:'HelveticaNeueW01-55Roma','Helvetica Neue', Helvetica, Arial, sans-serif;color:black;font-size:14px;text-decoration:none;border-bottom:2px solid transparent;-webkit-transition:all 250ms ease;transition:all 250ms ease}.top-header nav.customized .pagenav.the-scoop .more-stories-wrapper a .more{font-family:'macys_symbology';position:relative;top:1px}.top-header nav.customized .pagenav.the-scoop .more-stories-wrapper a:hover{color:#999;border-bottom:2px solid #999}@media only screen and (max-width: 750px){.top-header nav.customized .pagenav.the-scoop .outer-wrapper{display:none}}

/*----------- top nav ------------*/
.top_nav {
    width: 52em;
    max-width:1500px;
    text-align: center;
    margin: 2px auto 0;
    position: relative;
    z-index: 801;
    top:0;
}
.top_nav.normal{
    top:0 !important;
}

.nav_slider {
    padding:20px 0 0;
    font-size: 11px;
   font-family:'Helvetica Neue LT W01_65 Md','Helvetica Neue', Helvetica, Arial, sans-serif;
}

.nav_slider .single_slider.first {
    padding-left: 15px;
}
.nav_slider .single_slider .sep{
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 125px;
    background-color: #e1e1e1;
}

.nav_slider .single_slider.last {
    padding-right: 15px;
}

.nav_slider .single_slider .groupname{
    position:absolute;
    top:0;
    left:20px;
    font-family: 'Helvetica Neue LT W01_71488914','Helvetica Neue', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}
.nav_slider .single_slider .container{
    box-sizing: border-box;
    padding:5px;
    margin-bottom: 0.2em;
}
.nav_slider .single_slider .img_holder{
    width:120px;
    height:80px;
    overflow: hidden;
}
.nav_slider .single_slider .img_holder >div{
    position: relative;
    width: 100%;
    height:100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.nav_slider .single_slider:hover .img_holder >div{
    -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.nav_slider .single_slider.goto .container{
    background-color: #000;
}
.nav_slider .single_slider .triangle{
    margin-top: 20px;
    width: 0;
    height: 0;
    left: 50%;
    position: relative;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    opacity:0;
}
.nav_slider .single_slider.goto .triangle{
    opacity:1;
}

.top_nav .slider_arrow{
    top:50%;
    display:block;
    padding:0;
}
.top_nav .slider_arrow.hide{
    display:none !important;
}
.top_nav .slider_arrow span{
    position:absolute;
    top:50%;
    left:50%;
    margin:-8px 0 0 -3px;
}
.top_nav .slider_arrow.right span{
    margin:-8px 0 0 -10px;
}


.top_nav_m {
    width:100%;
    position:relative;
    z-index: 801;
}
.top_nav_m .scrollerMax {
    margin:0;
}
.top_nav_m .scrollerMax >*:not(.bookend) {
    padding:0 1px;
}
.top_nav_m .nav_slider {
    padding-top:32px;
}

.top_nav_m .nav_slider .single_slider.goto .container{
    background-color: #fff;
}

.top_nav_m .nav_slider .single_slider .container{
    width:360px;
    padding:0;
    position: relative;
    left: 30px;
}

.top_nav_m .nav_slider .single_slider .groupname{
    top:-20px;
    left:0;
}
[device="mobile"] .top_nav_m .nav_slider .single_slider .groupname{
	display:none;
}
.top_nav_m .nav_slider .single_slider .mobile_icon {
    background-color: #000;
    font-size: 0;
    position: relative;
}

.top_nav_m .nav_slider .single_slider .mobile_icon .play {
    left: 50%;
    top: 50%;
    position: absolute;
    width: 60px;
    height: 60px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.top_nav_m .nav_slider .single_slider .mobile_icon img{
    width:100%;
    opacity:0.5;
}
.top_nav_m .nav_slider .single_slider.selected .mobile_icon img{
    opacity:1;
}
.top_nav_m .nav_slider .single_slider .info{
    text-align: left;
    padding-top: 20px;
}


.top_nav_m .single_slider .info {
    visibility:hidden;
    background-color: #fff;
    width: 420px;
    box-sizing: border-box;
    padding: 0 30px;
    left: -30px;
    position: relative;
}
.top_nav_m .single_slider.selected .info {
    visibility:visible;
}

.top_nav_m .nav_slider .single_slider .mobile_banner{
    font-size: 0;
}

.top_nav_m .nav_slider .single_slider .mobile_banner img{
    width:420px;
    z-index:1;
    left:0;
}
.top_nav_m .nav_slider .single_slider.selected .mobile_banner img{
    z-index: 100;
    position: relative;
    left: -31px;
   vertical-align: middle;
   display: inline-block;
}
.top_nav_m .slider_arrow{
    padding: 11px 0 0 10px;
    display:block;
    background-color:transparent!important;
    width:auto;
    height:auto;
}
.top_nav_m .slider_arrow.right{
    padding:11px 10px 0 0;
}
.top_nav_m .slider_arrow.disable{
    display:none;
}

.top_nav .bg{
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:2.9em;
    background-color:#fff;
}
.top_nav:not(.normal){
    position:fixed;
    width:100%;
    max-width: none;
}
.top_nav:not(.normal) .bg{
    display:block;
}
.top_nav:not(.normal) .nav_slider{
    font-size:inherit;
    display:table;
    margin:0 auto;
    padding:5px 0 0.8em;
}
.top_nav:not(.normal) .nav_slider .single_slider .groupname,
.top_nav:not(.normal) .nav_slider .single_slider .name,
.top_nav:not(.normal) .nav_slider .single_slider .sep,
.top_nav:not(.normal) .slider_arrow{
    display:none;
}
.top_nav:not(.normal) .scrollerMax >*{
    padding:0 !important;
    vertical-align: top;
    display:inline-block!important;
}
.top_nav:not(.normal) .single_slider:hover .name{
    display:block;
    z-index:200;
    position:relative;
    box-sizing:border-box;
    width:3.4em;
/*    width:2.6em;*/
    color:#fff;
    background-color:#000;
    display:block;
    padding:0.5em 0.2em;
}
.top_nav:not(.normal) .single_slider:hover .container{
    background-color: #000;
}
.top_nav:not(.normal) .single_slider:hover .name >div{
    font-size: 0.5em;
}
.top_nav:not(.normal) .nav_slider .single_slider .container{
    padding:0.2em;
    margin-bottom: 0;
}
.top_nav:not(.normal) .nav_slider .single_slider .img_holder{
    width:3em;
    height:2em;
/*    width:2.4em;
    height:1.6em;*/
}
.top_nav:not(.normal) .nav_slider .single_slider .triangle{
    margin-top:0;
    position:absolute;
    top:2.6em;
}

/*----------- end of top nav ------------*/

/*----------- banner video ------------*/
.top_banner{
    background-color: black;
    overflow: hidden;
    z-index: 10;
    position: relative;
    /*max-width: 100vw;*/
    max-width: 1680px;
    margin: -10px auto 0;
    height:640px;
}
.top_banner video,
.isvideo .iframe-wrapper{
    height: 100%;
    display: block;
    margin: 0 auto;
}


.top_banner .end_still {
    /*padding-top: 56%;*/
    /*height:640px;*/
    height:100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.top_banner.isvideo .end_still {
    height:auto;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top:0;
    -webkit-transition: all 0.75s ease-in-out;
    transition: all 0.75s ease-in-out;
    z-index: 0;
    opacity:1;
}
.top_banner .play,
.index_topvideosquare .play{
    position:absolute;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin: -2.4em 0 0 -2.4em;
    left: 50%;
    top: 46%;
    cursor:pointer;
    z-index: 1;
}
.index_topvideosquare.playing .v2-index-item.hero {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(0,0,0,0.6);
}
.index_topvideosquare.playing .v2-index-item.hero .squareplaceholder {
    display: none;
}
.index_topvideosquare.playing .v2-index-item.hero .iframe-wrapper {
    height: 100vh;
    width: 100vw;
    /*margin: 0 auto 0 auto;*/
    position: relative;
    /*display: block;*/
    float: none;
    display: table-cell;
    vertical-align: middle;
}
.index_topvideosquare.playing .v2-index-item.hero .iframe-wrapper iframe {
    max-height: 720px;
    max-width: 	1280px;
}

.index_topvideosquare .play {
    top: 60%;
}
.top_banner .play img,
.index_topvideosquare .play img{
    width:4.8em;
}

.top_banner.playing .end_still,
.index_topvideosquare.playing .end_still{
    z-index: -10;
    opacity:0.3;
    filter:blur(2.5px);
    -webkit-filter:blur(2.5px);
}
.top_banner.playing .play,
.index_topvideosquare.playing .play {
    opacity:0;
}
.top_banner.paused .play,
.index_topvideosquare.paused .play{
    opacity:1;
}

.top_banner .desc{
    position:absolute;
    top:60%;
    left:50%;
    margin-left: -170px;
    width:500px;
    font-size: 19px;
    line-height: 160%;
    color:#fff;
    font-family:'Helvetica Neue LT W01_65 Md','Helvetica Neue', Helvetica, Arial, sans-serif;
}
/*----------- end of banner video ------------*/

/*----------- desktop thumb ------------*/
section.narrow_width.desktop_thumb{
    margin: -95px auto 0;
    z-index: 15;
    padding-top: 0.4em;
    background-color: transparent;
    position:relative;
}
section.narrow_width.desktop_thumb ~ section.narrow_width.desktop_thumb{
    margin: 0 auto;
    padding-top: 0;
    background-color: #fff;
}
.desktop_thumb .text_group{
    left:0;
}
.desktop_thumb .thumb_halfbg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 50%;
    background-color: #fff;
    z-index: -10;
}
.desktop_thumb .right{
    width:38%;
    display:inline-block;
    box-sizing: border-box;
}
.desktop_thumb .right .container{
    display: table;
    height: 28.9em;
}
.desktop_thumb .right .container >div{
    display: table-cell;
    /*vertical-align: middle;*/
    padding: 3em 2.5em 0 2em;
}
.desktop_thumb .left{
    float:left;
    position:relative;
    width:62%;
}
.desktop_thumb .left img{
    width:100%;
}

.desktop_thumb .right .title,
.top_nav_m .single_slider .info .title{
    font-family:'Helvetica Neue LT W01_85 Heavy','Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.8em;
    /*font-size: 30px;*/
    color: #b9006e;
    line-height: 104%;
}
.desktop_thumb .right .copy,
.top_nav_m .single_slider .info .copy{
    font-family:'Helvetica Neue LT W01_55 Roman','Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1em;
    line-height: 166%;
    padding-bottom: 3em;
}
.desktop_thumb .right .title{
    margin-bottom: 0.5em;
}
/*----------- end of desktop thumb ------------*/



@media (max-width: 959px) and (min-width: 751px){
    .desktop_thumb .thumb .right .title{
        font-size: 21px;
    }
    .desktop_thumb .thumb .right .copy{
        line-height: 150%;
        font-size: 15px;
    }
    .desktop_thumb .img{
        float:none !important;
    }
    .desktop_thumb .img img{
        margin: 0 7.2em 1em;
        width: auto;
        padding:0 !important;
    }

}


/*//mobile*/
@media (max-width: 768px) and (orientation: portrait), (orientation:landscape) and (max-width:823px) and (max-height:750px){
    .top_nav_m .single_slider .info .title{
        font-size: 18px;
    }

    .desktop_thumb .right .title,
    .top_nav_m .single_slider .info .title {
        font-size: 27px;
        padding: 0 0 5px;
        line-height: 1.2;
    }
    .top_nav_m .single_slider .info .title br{
        display:none;
    }
    .desktop_thumb .right .copy,
    .top_nav_m .single_slider .info .copy {
        font-size: 15.5px;
        padding-bottom: 20px;
    }
    .top_nav_m .single_slider .info .copy{
        line-height: 180%;
    }
    .top_banner .play{
        top:40%;
    }
    .desktop_thumb .left{
        float:none;
    }
    section.narrow_width{
        margin:0 auto;
        padding:0;
    }
    .desktop_thumb .left,
    .desktop_thumb .right{
        width:100%;
    }
    .desktop_thumb .right .container{
        height:auto;
    }
    .cards{
        margin:0 !important;
        padding:0 1em !important;
        text-align: left;
    }
    .products_pure .cards{
        background-color:#fff;
    }


    .products_duo .thumb .left,
    .products_duo .thumb .right{
        width:100%;
        display:none;
    }
    .products_duo .thumb .left.mobileshow,
    .products_duo .thumb .right.mobileshow{
        display:block;
    }
    .top_nav_m .slider_arrow{
        padding:100px 0 100px 10px;
    }
    .top_nav_m .slider_arrow.right{
        padding:100px 10px 100px 0;
    }
}

.pagenav.home > a:before {
    content: "FOR THE ";
    display: inline-block;
    margin-right: 0.5em;
}
/*
|--------------------------------------------------------------------------
| Section: Macy's Presents
|--------------------------------------------------------------------------
*/

section.macys-presents{}
  section.macys-presents{
    /*position: fixed; /* Return to this for animated menu at a later date*/
    position:relative;

    top:0;
    width: 100%;
    z-index: 802;
    white-space:nowrap;
    font-family:'Helvetica Neue LT W01_85 Heavy','Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: #000;
    text-align: center;
    max-height:215px;
    /*height:8.6em;*/
    height:auto;
    border-bottom: 0.25em solid white;
    transition:height 200ms linear;
  }

  section.macys-presents .pseudo-polaris{
    /*position: fixed; /* Return to this for animated menu at a later date*/
    position:absolute;
    z-index: 100;
/*    width: calc(100% - 1.25em);
    padding: 0.75em;*/
    width:100%;
    padding:10px;
    opacity:1;
    transition:opacity 300ms linear;
    box-sizing: border-box;
  }
  section.macys-presents .pseudo-polaris .left{ float:left; }
  section.macys-presents .pseudo-polaris a{
    display:block;
    padding:0.25em;
    opacity:1;
    transition:opacity 250ms ease-in-out;
  }
  section.macys-presents .pseudo-polaris .right{
    float:right;
  }
  section.macys-presents .pseudo-polaris .right .top{
    z-index: 10;
  }
  section.macys-presents .bottom{
    z-index: 5;
    display: block;
    opacity:0;
    transition:top 250ms ease-in-out, opacity 400ms ease;
    position:absolute;
    top:2.5em;
    right:0.5em;
  }
  section.macys-presents .bottom.open{
    opacity:1;
    z-index:155;
  }

  section.macys-presents .bottom .share-drawer{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    text-align:left;
  }
  section.macys-presents .bottom.open .share-drawer{
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
    pointer-events: all;
  }

  section.macys-presents .bottom .share-drawer span{
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: center;
/*    max-height: 30px;
    max-width: 30px;
    height: 1.3em;
    width: 1.3em;*/
    height: 24px;
    width: 24px;
    display: inline-block;
    padding: 10px;
    cursor:pointer;
    transition:background-color 250ms ease;
  }
  section.macys-presents .bottom .share-drawer .twitter{
    background-image: url(../images/twitter.png);
  }
  section.macys-presents .bottom .share-drawer .twitter:hover{
    background-color:#00aced;
  }

  section.macys-presents .bottom .share-drawer .facebook{
    background-image: url(../images/facebook.png);
  }
  section.macys-presents .bottom .share-drawer .facebook:hover{
    background-color:#3b5998;
  }
  section.macys-presents .bottom .share-drawer .facebook{
    background-image: url(../images/facebook.png);
  }
  section.macys-presents .bottom .share-drawer .facebook:hover{
    background-color:#3b5998;
  }
  section.macys-presents .bottom .share-drawer .pinterest{
    background-image: url(../images/pinterest.png);
  }
  section.macys-presents .bottom .share-drawer .pinterest:hover{
    background-color:#cb2027;
  }



  section.macys-presents .pseudo-polaris .right a{
    display:inline-block !important;
    vertical-align:middle;
  }
  section.macys-presents .pseudo-polaris a.share{
    display:inline-block !important;
    text-decoration:none;
    font-size:11px;
    color:#fff;
    background-image:url(../images/share.png);
    background-repeat: no-repeat;
    background-size: 22%;
    background-position: 3% 2px;
    width: 59px;
    text-align: right;
    margin-right:20px;
  }

  section.macys-presents .pseudo-polaris span.split{
    color:transparent;
    border-right:1px solid #656565;
  }
  section.macys-presents .pseudo-polaris a.bag{
    margin-left:20px;
    position:relative;
  }
  section.macys-presents .pseudo-polaris a.bag .bag-view{
    position: absolute;
    color: #e11a2b;
    background-color: #fff;
    font-size: 14px;
    width: 15px;
    bottom: 10px;
    left: -2px;
  }

  section.macys-presents .banner-content {
    width: 100%;
    max-width: 746px;
  }

  section.macys-presents .content-wrapper{
    max-width:none;
    display:table;
    width:100%;
    height:inherit;
  }
  section.macys-presents .menu{
/*    padding: 1.12em 0;
    line-height:1.2em;*/
    padding:25px 0 10px;
    display: inline;
    width: 100%;
    transition: padding 300ms linear,line-height 300ms linear;
    position:relative;
    z-index:101;
  }

  section.macys-presents .menu .h2,
  section.macys-presents .smalllogo .h2{
    font-family:'Helvetica Neue LT W01_55 Roman','Helvetica Neue', Helvetica, Arial, sans-serif;
    padding:0;
    margin:0.6em 0 0 0;
    display:inline;
    width:100%;
    vertical-align:middle;
    text-transform:uppercase;
    text-align:center;
    font-size: 15px;
    letter-spacing: 5.5px;
    line-height:1;

    text-decoration: none;

    color: #e21a2c;
    background: #e21a2c;
    background: -moz-linear-gradient(transparent, transparent);
    background: -o-linear-gradient(to right,#e21a2c 25%, #dc3294 75%);
    background: -webkit-linear-gradient(to right,#e21a2c 25%, #dc3294 75%);
    background: linear-gradient(to right,#e21a2c 25%, #dc3294 75%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
  .no-backgroundtextclip section.macys-presents .menu .h2,
  .no-backgroundtextclip section.macys-presents .smalllogo .h2{
    background:transparent !important;
    text-decoration: none;
  }

  section.macys-presents .menu .h1,
  section.macys-presents .smalllogo .h1{
    text-transform: uppercase;
    color: white;
    margin: 0.09em 0 0.6em 0;
    font-size: 40px;
    letter-spacing: 5px;
    line-height: 1;
    transform-origin: center;
    transition:font-size 300ms linear, line-height 300ms linear;
    text-decoration:none;
  }
  section.macys-presents .menu .h1{
    margin:0;
    display:inline-block;
    cursor:pointer;
  }
/*  section.macys-presents .menu:hover .h1,
  section.macys-presents .menu:hover .h2{
    opacity:0.5;
  }*/

  section.macys-presents nav.customized{
    padding-bottom: 0.7em;
  }
  section.macys-presents nav.customized a,
  section.macys-presents nav.customized >div{
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    /*font-size: 0.6em;*/
    font-size: 12px;
    display:inline-block;
    vertical-align:middle;
    padding:5px;
    /*transition:250ms color ease;*/
    position:relative;
    cursor:pointer;
    border-bottom: 1px solid #000;
  }

  section.macys-presents nav.customized .arrow{
    content: '\u2038';
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #fff;
    border-style: solid;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    margin: 0 0 2px 10px;
    transition: all .2s ease-in-out;
  }
  section.macys-presents nav.customized >div:hover .arrow{
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 0 0 -2px 10px;
  }


  section.macys-presents nav.customized .dropdown {
    height:0;
    position: absolute;
    display:none;
    background-color: black;
    text-align: left;
    left: -13px;
    padding-top: 14px;
    transition: height .2s ease-in-out;
    box-shadow: 3px 3px 1px rgba(0,0,0,.3);
  }

  section.macys-presents nav.customized >*:hover .dropdown{
    display:block;
    height:auto;
  }


  section.macys-presents nav.customized .dropdown a {
    display: block;
    padding: 5px 10px 5px 5px;
    margin: 10px 28px 10px 12px;
    border-bottom: 1px solid #000;
  }
  section.macys-presents nav.customized .dropdown a:hover{
    border-bottom: 1px solid #fff;
  }

  section.macys-presents nav.customized > *:not(.seperator):hover{
    /*opacity:0.5;*/
    border-bottom:1px solid #fff;
  }

  body:not([device="desktop"]) section.macys-presents nav.customized a.has-dropdown:hover,
  section.macys-presents nav.customized a.has-dropdown.dropdown-active {
    border-bottom: none !important;
  }

  section.macys-presents nav.customized a .dropdown.dropdown-active,
  body:not([device="desktop"]) section.macys-presents nav.customized a:hover .dropdown {
    display: block;
  }

   section.macys-presents nav.customized >* img{
      max-height:20px;
      width:auto;
      height:2em;
      transition:opacity 200ms ease;
   }
   section.macys-presents nav.customized >* img:hover{
      /*opacity:0.5;*/
    /*  border-bottom:1px solid #fff;*/
   }
   section.macys-presents nav.customized > *:not(.first):not(.last):not(.seperator){
      margin:0 2em;
   }
   section.macys-presents nav.customized > .first{
      margin-right:2em;
      /*margin-right: 22px;*/
   }
   section.macys-presents nav.customized > .last{
      /*margin-left:2em;*/
      margin-left:22px;
     /* margin-top: 8px;*/
   }
   section.macys-presents nav.customized .seperator{
      color:white;
      font-family:'Helvetica Neue LT W01_65 Md','Helvetica Neue', Helvetica, Arial, sans-serif;
      position:relative;
      /*top:0.1em;*/
      top:2px;
   }
   .page-content[page="fashion"] section.macys-presents nav.customized [title="Fashion"],
   .page-content[page="beauty"] section.macys-presents nav.customized [title="Beauty"],
   .page-content[page="home"] section.macys-presents nav.customized [title="Home"],
   .page-content[page="events"] section.macys-presents nav.customized [title="Events"],
   .page-content[page="mblog"] section.macys-presents nav.customized [title="Mblog"]{
     border-bottom:1px solid #fff;
   }

   section.macys-presents .smalllogo{
        display:none;
        position:absolute;
        top:20px;
        left:20px;
        cursor:pointer;
   }

  section.macys-presents .smalllogo:hover .h1,
  section.macys-presents .smalllogo:hover .h2{
    opacity:0.5;
  }
   section.macys-presents .smalllogo .h1{
    font-size:20px;
    letter-spacing: 4px;
    margin:0;
    display:block;
   }
   section.macys-presents .smalllogo .h1 img{
    width:6.4em;
   }
   section.macys-presents .smalllogo .h2{
    font-size:11px;
    letter-spacing: 1px;
    margin:0;
    display:block;
   }
   section.macys-presents.hide{
        position:fixed;
   }
   section.macys-presents.hide .pseudo-polaris,
   section.macys-presents.hide .menu {
      display:none;
   }
   section.macys-presents.hide nav.customized{
    padding-top: 17px;
   }
   .page-content[page="index"] section.macys-presents.hide nav.customized{
        height:auto;
   }
   section.macys-presents.hide .smalllogo{
        display:block;
   }

/*
|--------------------------------------------------------------------------
| Macy's Presents Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 768px) and (min-height: 620px), (orientation:landscape) and (max-width:823px) and (max-height:750px){
  section.macys-presents{
/*    overflow:hidden;*/
  }
  section.macys-presents{
/*    position:static;
    max-height:260px;*/
    max-height:none;
  }
  section.macys-presents .pseudo-polaris{
    position:relative;
    overflow:inherit;
  }
  section.macys-presents .pseudo-polaris .right{
    position: absolute;
    right: 0.75em;
  }
  section.macys-presents .pseudo-polaris a.share{
    margin-right:10px;
  }
  section.macys-presents .pseudo-polaris a.bag{
    margin-left:10px;
  }

  section.macys-presents .menu{
    padding:0.5em 0;
    position:relative;
    top: -0.60em;
  }
  section.macys-presents .menu .h1{
    margin-bottom: 0.3em;
  }
  section.macys-presents .menu .h2{
      display:block;
      margin: 3.5em auto 0 auto;
  }
  section.macys-presents .menu br{
      display:none;
  }





  section.macys-presents nav.customized{
    max-width:100vw;
    border-top: 1px solid #808080;
    padding-top: 1em;
  }
  section.macys-presents nav.customized >* img{
    display:inline-block;
    vertical-align:middle;
  }
  section.macys-presents nav.customized >.first{ margin-right:0.25em; }
  section.macys-presents nav.customized > *:not(.first):not(.last):not(.seperator){ margin:0 1em; }
  section.macys-presents nav.customized >.last{
    margin-left:0.25em;
    margin-top:0;
  }
  section.macys-presents nav.customized .seperator{
    display:none;
  }
}

[device="mobile"] section.macys-presents nav.customized >*:hover .dropdown{
  display:none;
  height:0;
}
[device="mobile"] section.macys-presents nav.customized >*.open .dropdown{
  display:block;
  height:auto;
}


[device="mobile"] section.macys-presents nav.customized >div:hover .arrow{
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    margin: 0 0 2px 10px;
  }
[device="mobile"] section.macys-presents nav.customized >div.open .arrow{
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 0 0 -2px 10px;
  }
[device="mobile"] section.macys-presents .pseudo-polaris a.bag .bag-view{    
    bottom: 6px;
    left: -5px;
}