@charset "UTF-8";
.cartPreviewOverlay {
	position: absolute;
	right: 0;
	width: 100vw;
	height: 100vh;
	top: -10px;
	z-index: 150;
}

@media (max-width: 768px) {
	.cartPreviewOverlay {
		top: -50px;
		background-color: #00000070;
	}
}

.cartPreview {
	background-color: #ffffff;
	max-width: 500px;
	max-height: calc(100vh - 80px);
	overflow: auto;
	position: absolute;
	right: 0;
	margin: 40px auto;
	width: calc(100vw - 20px);
	border: 1px solid #dddddd;
}

@media (max-width: 768px) {
	.cartPreview {
		margin: 40px 10px;
	}
}
.modal {
	visibility: hidden
}

/*____________________________*/


.pagination-list:after {
	clear: both
}

table {
	border-collapse: collapse
}


meta.foundation-version {
	font-family: "/5.5.3/"
}

meta.foundation-mq-small {
	font-family: "/only screen/";
	width: 0
}

meta.foundation-mq-small-only {
	font-family: "/only screen and (max-width: 551px)/";
	width: 0
}

meta.foundation-mq-medium {
	font-family: "/only screen and (min-width:551px)/";
	width: 551px
}

meta.foundation-mq-medium-only {
	font-family: "/only screen and (min-width:551px) and (max-width:769px)/";
	width: 551px
}

meta.foundation-mq-large {
	font-family: "/only screen and (min-width:769px)/";
	width: 769px
}

meta.foundation-mq-large-only {
	font-family: "/only screen and (min-width:769px) and (max-width:1261px)/";
	width: 769px
}

meta.foundation-mq-xlarge {
	font-family: "/only screen and (min-width:1261px)/";
	width: 1261px
}

meta.foundation-mq-xlarge-only {
	font-family: "/only screen and (min-width:1261px) and (max-width:1681px)/";
	width: 1261px
}

meta.foundation-mq-xxlarge {
	font-family: "/only screen and (min-width:1681px)/";
	width: 1681px
}

meta.foundation-data-attribute-namespace {
	font-family: false
}

.u-block {
	display: block!important
}

.u-inlineBlock {
	display: inline-block!important;
	max-width: 100%!important
}

.u-hidden {
	display: none!important
}

article,
aside,
cite,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}

.u-hiddenVisually {
	border: 0!important;
	clip: rect(1px, 1px, 1px, 1px)!important;
	height: 1px!important;
	overflow: hidden!important;
	padding: 0!important;
	position: absolute!important;
	width: 1px!important
}

img,
legend {
	border: 0
}

.button,
body,
sub,
sup {
	position: relative
}

a,
body {
	color: #333
}

pre,
textarea {
	overflow: auto
}

.u-fontSmoothing {
	-moz-osx-font-smoothing: grayscale!important;
	-webkit-font-smoothing: antialiased!important
}


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

audio,
canvas,
progress {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

a:active,
a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
optgroup,
strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

mark {
	background: #ff0;
	color: #000
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}

.icon,
img {
	vertical-align: middle
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}


button {
	overflow: visible;
	background: 0 0
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	padding: 0
}

textarea {
	height: auto;
	min-height: 50px
}

table {
	border-spacing: 0
}

*,
:after,
:before {
	box-sizing: border-box
}

body {
	background: #fff;
	cursor: auto;
	margin: 0;
	padding: 0;
	line-height: 1.5;
}

a:hover {
	cursor: pointer
}

figure {
	margin: 0 0 1.5rem
}

button:active,
button:focus {
	box-shadow: none;
	outline: 0
}

select {
	width: 100%
}

blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
    margin: 0;
	padding: 0;
}

a {
	background-color: transparent;
	line-height: inherit;
	text-decoration: underline
}

.breadcrumb-label:hover,
.breadcrumb.current:focus,
.breadcrumb.current:focus a,
.breadcrumb.current:hover,
.breadcrumb.current:hover a,
.button,
.dropdown-menu-item>a,
.modal-close {
	text-decoration: none
}

a:focus,
a:hover {
	color: #757575
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
	color: #757575;
	font-size: 60%;
	line-height: 0
}

.subheader {
	font-weight: 400;
	line-height: 24px;
	margin-bottom: .78571rem
}

b,
em,
i,
small,
strong {
	line-height: inherit
}

dl,
dl dd,
ol,
ul {
	margin-bottom: 1.5rem
}


em,
i {
	font-style: italic
}

small {
	font-size: 60%
}

dl,
ol,
ul {
	list-style-position: outside
}

ol ol,
ol ul,
ul ol,
ul ul {
	margin-left: 1.2rem;
	margin-bottom: 0
}

dl dt {
	font-weight: 700;
	margin-bottom: .35714rem
}

abbr,
acronym {
	border-bottom: 1px dotted #ccc;
	color: #333;
	cursor: help;
	font-size: 90%;
	text-transform: uppercase
}


abbr {
	text-transform: none
}

.switch-label,
h5,
h6 {
	text-transform: uppercase
}

blockquote,
blockquote p {
	font-size: 22px;
	line-height: 29px
}

.button,
cite {
	font-size: 1rem
}

cite {
	color: #999
}

.icon,
.icon svg {
	display: inline-block
}

.icon {
	height: 1.14286rem;
	width: 1.14286rem
}

.icon svg {
	fill: #757575;
	height: 100%;
	vertical-align: top;
	width: 100%
}

.inlineList {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0 0 1.21429rem -1.57143rem
}

.inlineList>li {
	display: block;
	float: left;
	list-style: none;
	margin-left: 1.57143rem
}

.inlineList>li>* {
	display: block
}


.table thead {
	background: #e5e5e5
}

.button,
.button:active {
	background-color: transparent
}

.table thead tr td,
.table thead tr th {
	font-size: 1rem;
	font-weight: 700;
	padding: .78571rem 1.5rem
}

.table tr td,
.table tr th {
	padding: .78571rem 1.5rem;
	text-align: left
}

.table tbody tr td,
.table tbody tr th,
.table tfoot tr td,
.table tfoot tr th,
.table thead tr th,
.table tr td {
	display: table-cell
}

.table td.table-cell--numericData,
.table th.table-header--numericData {
	text-align: right
}

.table-tbody tr {
	border-bottom: 1px solid #e5e5e5
}

.table-tbody tr:last-child {
	border-bottom: 0
}

.button {
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	font-weight: 400;
	margin: 0 0 1rem;
	text-align: center;
	display: inline-block;
	border-color: #ccc;
	color: #666;
	outline: 0;
	vertical-align: middle;
}

.dropdown-menu--content>:first-child,
.dropdown-menu>:first-child {
	margin-top: 0
}

.dropdown-menu--content>:last-child,
.dropdown-menu>:last-child {
	margin-bottom: 0
}

.button.active,
.button.is-active,
.button:focus,
.button:hover {
	background-color: transparent;
	border-color: #999;
	color: #333
}

.button:active {
	border: 1px solid #757575;
	color: #000
}

.button.active,
.button.is-active,
.button:focus {
	outline: 0
}

.checkoutButton {
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	font-weight: normal !important;
}

@media (min-width:481px) {
	.button+.button {
		margin-left: .78571rem
	}
}

.button--primary {
	background-color: #000;
	border-color: #000;
	color: #fff
}

.button--primary.active,
.button--primary.is-active,
.button--primary:focus,
.button--primary:hover {
	background-color: #666;
	border-color: #666;
	color: #fff
}

.button--primary:active {
	background-color: #000;
	border: 1px solid #000;
	color: #fff
}

.button[disabled] {
	background-color: #ccc;
	border-color: rgba(0, 0, 255, 0);
	color: #fff
}

.dropdown-menu,
.dropdown-menu--content {
	left: -9999px;
	list-style: none;
	margin-left: 0;
	background: #e5e5e5;
	height: auto;
	z-index: 89;
	max-width: 200px;
	width: 100%;
	position: absolute
}

.button--large {
	font-size: 15px
}

.button--small {
	font-size: 13px;
	padding: .57143rem 1.5rem
}

.button--icon,
.dropdown-menu--content {
	padding: .78571rem;
	font-size: 1rem
}

.button--slab {
	display: block;
	width: 100%
}

.button+.button--slab {
	margin-left: 0
}

.buttonGroup {
	display: inline-block
}

.buttonGroup>.button {
	border-radius: 0;
	border-right-width: 0;
	float: left;
	margin-left: 0
}

.buttonGroup>.button:first-child {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px
}

.buttonGroup>.button:last-child {
	border-bottom-right-radius: 4px;
	border-right-width: 1px;
	border-top-right-radius: 4px
}

.dropdown-menu {
	display: none;
	font-size: 1rem;
}

.dropdown-menu.open {
	display: block
}

.dropdown-menu--content {
	display: none
}

.dropdown-menu--content.open {
	display: block
}

.dropdown-menu-item {
	cursor: pointer;
	font-size: 1rem;
	line-height: 1.5;
	margin: 0;
	padding: .35714rem .71429rem
}

.dropdown-menu-item a {
	display: block;
	padding: .35714rem;
	margin: -.35714rem
}

.form {
	margin: 0 0 1.5rem
}

.switch-label,
.switch-toggle,
.switch-toggle::before {
	transition: all .1s ease-out
}

.switch-ariaDescription,
.switch-checkbox {
	padding: 0;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px)
}

.switch-checkbox {
	border: 0;
	height: 1px;
	position: absolute;
	width: 1px
}

.switch-checkbox:focus+.switch-toggle {
	border-color: #757575;
	box-shadow: 0 0 4px rgba(117, 117, 117, .4)
}

.switch-toggle {
	background-color: #757575;
	border: 1px solid #757575;
	border-radius: 2rem;
	cursor: pointer;
	display: inline-block;
	height: 2rem;
	position: relative;
	vertical-align: middle;
	width: 4.28571rem
}

.switch--important .switch-toggle {
	background-color: #f1a500;
	border-color: #f1a500
}

.switch--checked .switch-toggle {
	background-color: #008a06;
	border-color: #008a06
}

.switch--disabled .switch-toggle {
	background-color: #e5e5e5;
	border-color: #999;
	cursor: default
}

.switch-toggle::before {
	background: #fff;
	border-radius: 1.4286rem;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
	content: "";
	height: 1.4286rem;
	left: .21427rem;
	position: absolute;
	top: .21427rem;
	width: 1.4286rem
}

.switch--checked .switch-toggle::before {
	left: 2.49999rem
}

.switch-label {
	color: #fff;
	height: 26px;
	line-height: 1.92857;
	position: absolute;
	right: .42857rem
}

.switch-label--icon.icon,
.switch-label--icon.icon svg {
	height: 1.85714rem;
	width: 1.85714rem
}

.switch--checked .switch-label {
	font-weight: 600;
	left: .42857rem;
	right: auto
}

.switch--disabled .switch-label {
	color: #757575
}

.switch-label--icon.icon svg {
	fill: #fff
}

.button--icon svg,
.pagination-item.pagination-item--next>a:hover .icon>svg,
.pagination-item.pagination-item--previous>a:hover .icon>svg,
.switch--disabled .switch-label--icon.icon svg {
	fill: #757575
}

.switch-description--off {
	color: #000;
	margin-right: 5px
}

.switch--checked .switch-description--off {
	color: #757575
}

.switch-description--on {
	color: #757575;
	margin-left: 5px
}

.switch--checked .switch-description--on {
	color: #000
}

.switch-ariaDescription {
	border: 0;
	height: 1px;
	position: absolute;
	width: 1px
}

.alertBox-column {
	vertical-align: middle
}

.alertBox,
.breadcrumb:before,
.panel,
.tab {
	position: relative
}


.panel-header {
	background-color: #e5e5e5;
	margin: 0;
	padding: 1.5rem 2rem 0
}

.panel-title {
	line-height: 1.5;
	margin: 0
}

.panel-body {
	margin-bottom: 1.5rem;
	padding: 1rem 2rem 1.5rem;
	background: #e5e5e5
}

.panel-body>:first-child {
	margin-top: 0
}

.panel-body>:last-child {
	margin-bottom: 0
}

.breadcrumbs {
	display: block;
	list-style: none;
	margin-left: 0;
	overflow: hidden
}

.breadcrumb {
	color: #757575;
	font-size: 13px;
	margin: 0;
	line-height: 1.5
}

.breadcrumb.filter .breadcrumb-label {
	text-transform : capitalize;
}

.breadcrumb.current,
.breadcrumb.current a {
	color: #757575;
	cursor: default
}

.breadcrumb.unavailable,
.breadcrumb.unavailable a {
	color: #999
}

.breadcrumb.unavailable a:focus,
.breadcrumb.unavailable:focus,
.breadcrumb.unavailable:hover,
.breadcrumb.unavailable:hover a {
	color: #999;
	cursor: not-allowed;
	text-decoration: none
}

.breadcrumb:before {
	color: #757575;
	top: 1px
}

.breadcrumb:first-child:before {
	content: " ";
	margin: 0
}

.breadcrumb::before {
	margin: 0 .5rem
}

@media (min-width:481px) {
	.breadcrumb::before {
		margin: 0 .5rem
	}
}

.breadcrumb-label:hover {
	color: #333
}

.breadcrumb.is-unavailable>.breadcrumb-label {
	color: #999;
	cursor: default
}

.tab-title:hover,
.tab.is-active .tab-title {
	color: #333
}

.tab,
.tab-title {
	display: block
}

.tab {
	list-style: none;
	margin: 0
}

.tab-content {
	display: none
}

.tab-content.is-active {
	display: block
}

@media (min-width:551px) {
	.modal {
		transform: translateY(-50%)
	}
}

.pagination-list {
	display: block;
	margin-left: 0
}

.pagination-list li {
	color: #757575;
	font-size: 1rem;
	margin-left: .35714rem;
	display: block
}

.pagination-list li a,
.pagination-list li button {
	border-radius: 4px;
	transition: background-color .3s ease-out;
	background: 0 0;
	color: #757575;
	display: block;
	font-size: 1em;
	font-weight: 400;
	line-height: inherit;
	padding: .28571rem .5rem
}

li.pagination-item {
	cursor: pointer
}

li.pagination-item:first-child {
	margin-left: 0
}

li.pagination-item a:hover {
	color: #333
}

li.pagination-item--current a,
li.pagination-item--current button {
	color: #333;
	cursor: default
}

body.has-activeModal {
	overflow: hidden
}

.modal-background {
	background: #000;
	background: rgba(51, 51, 51, .95);
	bottom: 0;
	display: none;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1004;
	left: 0;
}

.has-activeModal .modal-background {
	display: block
}

.modal {
	border-radius: 0;
	display: none;
	z-index: 1005;
	background-color: #fff;
	border: 0 solid #e5e5e5;
	box-shadow: none;
	position: fixed
}

@media only screen and (max-width:551px) {
	.modal {
		min-height: 100vh
	}
}

.modal .column,
.modal .columns {
	min-width: 0
}

.modal>:first-child {
	margin-top: 0
}

.modal>:last-child {
	margin-bottom: 0
}

@media only screen and (min-width:551px) {
	.modal {
		left: 0;
		margin: 0 auto;
		max-width: 80%;
		right: 0;
		width: 900px;
		top: 50%!important
	}
}

.modal--large {
	max-height: 90%;
	width: 1280px
}

.modal--small {
	width: 500px
}

.modal-header {
	border-bottom: 1px solid #e5e5e5;
	padding: 1rem 0;
	position: relative
}

.modal-header-title {
	margin: 0
}

.modal-body>:last-child {
	margin-bottom: 0
}


.modal-close {
	cursor: pointer;
	font-weight: 400;
	top: 1.05rem;
	right: .75rem;
	transform: translateY(none)
}

.modal-close .icon {
	height: 1.42857rem;
	width: 1.42857rem
}

@media print {
	.modal {
		background: #FFF!important;
		display: none
	}
}

.loadingOverlay-container {
	min-height: 120px;
	position: relative
}

.loadingOverlay,
.loadingOverlay::before {
	position: absolute;
	right: 0;
	left: 0
}

.loadingOverlay {
	background: rgba(51, 51, 51, .9);
	bottom: 0;
	height: 100%;
	opacity: 1;
	top: 0;
	transition: all 250ms ease-out;
	width: 100%
}

.loadingOverlay::before {
	height: 2.85714rem;
	width: 2.85714rem;
	border-radius: 2.85714rem;
	border: 2px solid;
	border-color: #fff #fff #999 #999;
	content: "";
	display: block;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%) rotate(0);
	transform-style: preserve-3d;
	animation: spin .5s infinite cubic-bezier(.69, .31, .56, .83)
}

.loadingOverlay.ng-enter,
.loadingOverlay.ng-leave.ng-leave-active {
	opacity: 0
}

.loadingOverlay.ng-enter.ng-enter-active,
.loadingOverlay.ng-leave {
	opacity: 1
}

@keyframes spin {
	0% {
		transform: translateY(-50%) rotate(0)
	}
	100% {
		transform: translateY(-50%) rotate(360deg)
	}
}

.card {
	background-color: transparent;
	margin-bottom: 3rem;
	padding: 0
}


@keyframes animate-success-tip {
	0%,
	54% {
		width: 0;
		left: 1px;
		top: 19px
	}
	70% {
		width: 50px;
		left: -8px;
		top: 37px
	}
	84% {
		width: 17px;
		left: 21px;
		top: 48px
	}
	100% {
		width: 25px;
		left: 14px;
		top: 45px
	}
}

@keyframes animate-success-long {
	0%,
	65% {
		width: 0;
		right: 46px;
		top: 54px
	}
	84% {
		width: 55px;
		right: 0;
		top: 35px
	}
	100% {
		width: 47px;
		right: 8px;
		top: 38px
	}
}

@keyframes rotatePlaceholder {
	0%,
	5% {
		transform: rotate(-45deg)
	}
	100%,
	12% {
		transform: rotate(-405deg)
	}
}


body,
html {
	height: auto
}

@media (min-width:769px) {
	body {
		padding-top: 0
	}
}

figure {
	margin-bottom: 2rem;
	margin-top: 2rem
}

figure>figcaption {
	margin-bottom: -.5rem
}

figcaption {
	color: #999;
	margin-top: .78571rem
}

a {
	transition: color .15s ease
}

cite {
	line-height: 1.5;
	margin: .5rem 0 0
}

.page-heading {
	margin: 0;
	text-align: left;
	color: #000;
	font-size: 21px;
	font-weight: 700;
	letter-spacing: 1.05px
}

h1 {
	font-size: 28px
}

h2 {
	font-size: 25px
}

h3 {
	font-size: 22px
}

h4 {
	font-size: 20px
}

h5 {
	font-size: 15px
}

h6 {
	font-size: 13px
}

.table td+td {
	border-left: 1px solid #e5e5e5
}

.table--line,
.table--line .table-thead {
	border-color: #e5e5e5;
	border-width: 0 0 1px
}

.table .table-alignCenter {
	text-align: center
}

.table .table-alignRight {
	text-align: right
}

.table-actions {
	margin: 1.5rem;
	text-align: center
}

.table-actions .form {
	margin-bottom: 0
}

.table-actions .button {
	display: block;
	margin-left: 0;
	margin-right: 0;
	width: 100%
}

.table--line .table-thead {
	background-color: #fff
}

.table--line .table-thead tr th {
	padding-left: 0;
	padding-right: 0
}

@media (min-width:551px) {
	.table-actions .button {
		display: inline-block;
		margin-bottom: 0;
		width: auto
	}
	.table-actions .button+.button {
		margin-left: .35714rem
	}
	.table--line .table-thead tr th {
		text-align: center
	}
	.table--line .table-thead tr th:first-child {
		text-align: left
	}
	.table--line .table-thead tr th:last-child {
		text-align: right
	}
	.table--line tr td {
		text-align: center
	}
	.table--line tr td:first-child {
		text-align: left
	}
	.table--line tr td:last-child {
		text-align: right
	}
}

.table--line .table-thead tr th+th {
	padding-left: 1.5rem
}

.table--line tr {
	border-color: 1px solid #e5e5e5
}

.table--line tr td {
	display: block;
	padding-left: 0;
	padding-right: 0
}

.table--line tr td+td {
	padding-left: 1.5rem
}

.table--line td+td {
	border-left: 0
}

.dropdown {
	left: -9999px;
	outline: 0;
	position: absolute
}

.dropdown-menu.is-loading .loadingOverlay {
	background: 0 0;
	padding: 4.5rem 0;
	position: relative
}

.dropdown-menu.is-open {
	display: block
}

.dropdown-menu-item {
	text-align: left
}

 .dropdown-menu-item:first-child>a {
 	padding-top: .78571rem
 }

.dropdown-menu-item:last-child>a {
	padding-bottom: 1rem
}

.dropdown-menu-item>a {
	margin: 0;
	padding: .28571rem 1.14286rem
}


.dropdown-menu-button {
	width: 100%
}

.dropdown-menu-button.is-open {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.dropdown-menu-button .icon {
	float: right;
	margin-left: 10px
}

.modal {
	margin: 0;
	max-height: 90%;
	max-width: 920px;
	min-height: 240px;
	outline: 0;
	overflow: hidden;
	width: 90%;
	padding: 0;
	left: 50%;
	top: 50%!important;
	transform: translate(-50%, -50%)
}

@media (min-width:1261px) {
	.modal--large {
		width: 1280px
	}
}

.modal-header {
	padding-left: 2.25rem;
	padding-right: 3.03571rem
}

.modal-header-title {
	font-size: 22px;
	text-align: center
}

@media (min-width:769px) {
	.modal-header-title {
		font-size: 25px
	}
}

.modal-close {
	height: 2.28571rem;
	width: 2.28571rem;
	color: #757575;
	font-size: 2.5rem;
	line-height: 2.28571rem;
	padding: 0;
	position: absolute;
	text-align: center;
	z-index: 50
}

.modal-close img {
	height: 15px;
	width: 15px
}

.modal-close:hover {
	color: #999
}

.modal-body {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 20px 20px 0
}

.modal--alert {
	background-color: #fff!important;
	border-radius: 4px;
	font-family: Karla, Arial, Helvetica, sans-serif;
	padding: 40px 20px 20px;
	text-align: center
}

.modal--alert .modal-content {
	color: #333;
	font-size: 1.14286rem
}

.modal--alert .button-container {
	margin: 25px 0 0
}

.modal--alert .button-container .confirm {
	background-color: #000;
	border-color: #000;
	color: #fff
}

.modal--alert .button-container .confirm:focus,
.modal--alert .button-container .confirm:hover {
	background-color: #666;
	border-color: #666;
	color: #fff
}

.modal--alert .button-container .confirm:active {
	background-color: #000;
	border-color: #000;
	color: #fff
}



.previewCart .productView {
	width: 100%!important;
	padding: 0!important
}

@media (max-width:768px) {
	.custom-previewCartACtion .previewCartAction {
		margin-top: 2rem;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		padding: .5rem
	}
}

.custom-previewCartACtion .previewCartAction-checkout {
	float: right;
	width: 50%;
	padding-left: 10px
}

@media (max-width:768px) {
	.custom-previewCartACtion .previewCartAction-checkout {
		width: 100%;
		margin-top: 10px;
		text-align: center
	}
}

.custom-previewCartACtion .previewCartAction-checkout a {
	padding: 13px;
	width: 165px;
	height: 40px;
	border: 0;
	border-radius: 0;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	text-transform: normal;
	background: #000
}

.custom-previewCartACtion .previewCartAction-checkoutMultiple,
.custom-previewCartACtion .previewCartAction-viewCart {
	display: none
}

@media (max-width:768px) {
	.breadcrumbs {
		margin: -10px 0 0
	}
}

@media (min-width:551px) {
	.breadcrumbs {
		display: block;
		margin: 0 0 7px
	}
}

.breadcrumb {
	display: inline-block;
	float: none
}

.breadcrumb.is-active>.breadcrumb-label {
	cursor: text;
	color: #000;
	font-size: 13px
}

@media (min-width:769px) {
	.breadcrumb.is-active>.breadcrumb-label {
		font-size: 12px
	}
}

.breadcrumb a {
	color: #595959;
	font-size: 13px
}

.pagination-item .pagination-link:hover,
.pagination-item.pagination-item--next>a,
.pagination-item.pagination-item--previous>a {
	color: #333
}

@media (min-width:769px) {
	.breadcrumb a {
		font-size: 12px
	}
}

.breadcrumb:before {
	content: "/";
	margin: 0
}

.breadcrumb-label {
	text-decoration: none
}

.panel-title {
	font-size: 20px
}

.panel--large .panel-body {
	margin-bottom: 2rem;
	padding: 2rem
}

.pagination-list {
	font-size: 0;
	margin-bottom: 1.5rem;
	text-align: center
}

.pagination-list:after,
.pagination-list:before {
	content: " ";
	display: table
}

.pagination-list .pagination-item {
	display: inline-block
}

.pagination-item {
	border: 1px solid transparent;
	line-height: 1
}

.pagination-item .pagination-link {
	text-decoration: none;
	transition: all .2s ease
}

.pagination-item.pagination-item--current {
	border-color: #e5e5e5;
	margin: 0 .35714rem 0 .78571rem;
	border-radius: 0!important
}

.pagination-item.pagination-item--next>a:hover,
.pagination-item.pagination-item--previous>a:hover {
	color: #757575
}

.pagination-item--next .icon,
.pagination-item--previous .icon {
	height: 1.42857rem;
	margin-top: -.14286rem;
	width: 1.42857rem
}

.pagination-item--previous {
	float: left
}

.pagination-item--previous .icon {
	margin-left: -.85714rem
}

.pagination-item--next {
	float: right
}

.pagination-item--next .icon {
	margin-right: -.85714rem
}

.pagination-list--small {
	position: relative
}

.pagination-list--small .pagination-item {
	color: #757575;
	cursor: inherit;
	line-height: 1.5
}

.pagination-list--small .pagination-link {
	padding: 0 .35714rem
}

.pagination-list--small .pagination-item--next,
.pagination-list--small .pagination-item--previous {
	position: absolute;
	top: 0
}

.pagination-list--small .pagination-item--previous {
	left: 0
}

.pagination-list--small .pagination-item--next {
	right: 0
}

.page-load-status {
	display: none;
	text-align: center;
	color: #777
}

.button+.button {
	margin-left: 0
}

@media (min-width:769px) {
	.button+.button {
		margin-left: .78571rem
	}
}

.button[disabled] {
	cursor: not-allowed
}

.tab,
.tab.is-active {
	border: 1px solid #e2e2e2
}

.tab {
	float: none;
	background: #fff;
	padding: 1.5px 20px;
	height: 38px;
	min-width: 30%
}

.tab.is-active {
	background: #eaeaea
}

.tab.is-active .tab-title {
	font-weight: 500;
	font-size: 14px
}

.tab :focus {
	outline: 0
}

.customPdpTabs {
	width: 304px;
}

.tab-title {
	padding: .5rem;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	color: #000
}

.tab-content {
	font-size: 14px;
	line-height: 20px;
}

.tab-content.has-jsContent {
	display: block;
	overflow: hidden;
	padding: 0;
	visibility: hidden
}

.tab-content.has-jsContent.is-active {
	padding: 1.5rem 0;
	visibility: visible
}

@media (min-width:551px) {
	.tab.is-active {
		margin-bottom: -1px
	}
	.tab-content .productReview {
		width: 50%
	}
}

@media (min-width:769px) {
	.tab-content .productReview {
		width: 33.33333%
	}
}

@media (min-width:1261px) {
	.tab-content .productReview {
		width: 50%
	}
}

.tab-content .productReviews {
	border-top: 0
}

.tab-content p {
	margin: 10px
}

.inlineList--labels {
	margin-bottom: 0;
	margin-left: -.78571rem
}

.inlineList--labels>li {
	margin-bottom: .78571rem;
	margin-left: .78571rem
}

.alertBox {
	display: none;
	border-radius: 4px
}

.alertBox-icon .icon {
	height: 1.78571rem;
	width: 1.78571rem
}

.alertBox--info {
	color: #fff
}

.alertBox--info .alertBox-close svg {
	fill: #dfdfdf
}

.lazyload,
.lazyloading {
	height: 100%
}


.navUser-or,
.ribbon {
	cursor: default
}
.account--addReturn-row:after,
.cart-item,
.cart-item-info,
.facetedSearch-toggle:after,
.navUser-section:after,
.navUser:after,
.productCarousel:after,
.socialLinks:after {
	clear: both
}

[data-product-attribute=set-radio] .unavailable,
[data-product-attribute=product-list] .unavailable {
	opacity: .6;
	text-decoration: line-through
}

.has-options {
	display: none
}

.color-module>div,
.navUser {
	transform: translateY(-50%)
}

.icon,
.icon svg,
.navPages-action svg,
.navUser-action svg,
.socialLinks .icon svg {
	transition: all .15s ease
}

.loadingOverlay {
	background-color: rgba(255, 255, 255, .9);
	display: none;
	z-index: 20
}

.icons-svg-sprite {
	display: none
}


.navUser-section:after,
.navUser-section:before,
.navUser:after,
.navUser:before {
	content: " ";
	display: table
}

.has-ribbon {
	position: relative
}

.navUser,
.ribbon {
	position: absolute;
	right: 0
}

.ribbon {
	background-color: #333;
	color: #fff;
	font-weight: 700;
	margin: -.78571rem -.78571rem 0 0;
	padding: .07143rem 1rem;
	top: 0;
	z-index: 1
}

.navUser {
	top: 28px;
	z-index: 5;
	background: transparent
}

.navUser ol,
.navUser ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.navUser ol ol,
.navUser ol ul,
.navUser ul ol,
.navUser ul ul {
	list-style: none;
	margin-bottom: 0
}

.navUser ol li,
.navUser ul li {
	margin: 0;
	padding: 0
}

.navUser-section {
	float: left
}

.navUser-section--alt {
	float: right;
	margin-left: 1.5rem
}

.navUser-section+.navUser-section {
	margin-left: 1.5rem
}
@media (max-width: 1023px) {
	.nav-cart-icon {
		filter: brightness(1) invert(1) hue-rotate(100deg);
	}
}

.navUser-action,
.navUser-item {
	display: block
}

@media (min-width:1024px) {
	.navUser {
		padding: 0;
		position: relative;
		right: auto;
		top: auto;
		transform: none;
		z-index: 150;
		background: #EDEDED
	}
}

.navUser .dropdown-menu {
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .13);
	position: absolute
}

.navUser-action--quickSearch.is-open,
.navUser-or {
	position: relative
}

.navUser-section {
	display: -ms-flexbox;
	display: flex
}

.navUser-action {
	color: #000;
	padding: 6px;
	text-decoration: none;
	font-size: 12px
}

.navUser-action.is-open,
.navUser-action:hover {
	color: #757575
}

.navUser-action.is-open svg,
.navUser-action:hover svg {
	fill: #757575;
	stroke: #757575
}

.navUser-action .icon {
	height: .57143rem;
	width: .57143rem;
	margin: -1px 0 0 .21429rem
}

.navUser-action svg {
	fill: #000;
	stroke: #000
}

.navUser-action--currencySelector+.dropdown-menu:before {
	left: auto!important;
	right: .78571rem
}

.navUser-action--currencySelector+.dropdown-menu:after {
	left: auto!important;
	right: .92857rem
}

.navUser-action-divider {
	border-right: 1px solid #e5e5e5;
	color: #757575;
	display: inline-block;
	padding: 0 1.42857rem 0 0;
	text-decoration: none
}

.navUser-item {
	display: none
}

.navUser-item--cart {
	display: block
}

@media (min-width:1024px) {
	.navUser-section {
		position: relative;
		min-width: 9999px;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		padding: 0;
	}
	.navUser-item {
		display: block
	}
	.navUser-item.navUser-item--social {
		margin-top: .35714rem;
		padding-right: .35714rem
	}
	.navUser-item.navUser-item--divider {
		font-size: 1.78571rem;
		margin-top: .57143rem;
		padding-left: .14286rem
	}
	.navUser-item--cart .navUser-action {
		color: #fff;
		background: rgb(59, 95, 88)
	}
}

.navUser-item--cart .navUser-action.is-open,
.navUser-item--cart .navUser-action:hover {
	color: #fff
}

.navUser-item--cart .navUser-action img {
	height: 22px;
	margin: 3px 0 0
}

.navUser-item--cart .navUser-action img.cart-icon-desktop {
	display: none
}

@media (min-width: 1024px) {
	.navUser-item--cart .navUser-action img {
		width: 19px;
		margin: -3px 3px 0 0
	}
	.navUser-item--cart .navUser-action img.cart-icon-desktop {
		display: inline-block
	}
	.navUser-item--cart .navUser-action img.cart-icon-mobile {
		display: none
	}
	.navUser-item--cart .navUser-action .cart-quantity::after {
		content: ')'
	}
	.navUser-item--cart .navUser-action .cart-quantity::before {
		content: '('
	}
}

@media screen and (max-width:1023px) {
	.navUser-item--cart .navUser-action .cart-quantity {
		background: #747474;
		border: 1px solid #747474;
		border-radius: 50%;
		min-width: 19px;
		display: inline-block;
		position: absolute;
		right: 4px;
		top: 0;
		color: #fff;
		text-align: center;
		height: 19px;
		line-height: 18px
	}
}

.navUser-item--cart .dropdown-menu {
	max-width: 22.85714rem;
	border: none
}

.navUser-item--cart .dropdown-menu.is-open {
	top: auto!important;
	left: 0!important;
	right: 0;
}

@media (min-width:1024px) {
	.navUser-item--cart .dropdown-menu.is-open {
		right: 0;
		border: 1px solid #ccc
	}
}

.navUser-item--cart .dropdown-menu.is-open:after,
.navUser-item--cart .dropdown-menu.is-open:before {
	left: auto
}

.navUser-item--cart .dropdown-menu.is-open:before {
	right: .42857rem
}

@media (min-width:1024px) {
	.navUser-item--cart .dropdown-menu.is-open:before {
		right: .78571rem
	}
}

.navUser-item--cart .dropdown-menu.is-open:after {
	right: .57143rem
}

.navUser-item-cartLabel {
	display: none
}

@media (min-width:1024px) {
	.navUser-item--cart .dropdown-menu.is-open:after {
		right: .92857rem
	}
	.navUser-item-cartLabel {
		display: inline
	}
}

.navUser-item--compare {
	display: none
}

.navUser-item--account,
.navUser-item--compare.show,
.navUser-item--zgold {
	display: block
}

.navUser-action.zgoldButton {
	padding: 8px 6px 8px 6px;
}

.navUser-item--account span, .navUser-item--zgold span {
	display: none
}

.navUser-item--account .navUser-or+.navUser-action {
	margin-right: -.5rem
}

.navUser-item--account .navUser-action,
.navUser-item--zgold .navUser-action {
	display: inline-block
}

.navUser-item--account .navUser-action img,
.navUser-item--zgold .navUser-action img {
	height: 22px;
	margin-top: 2px
}

@media (min-width:1024px) {
	.navUser-item--account span,
	.navUser-item--zgold span {
		display: inline-block
	}
	.navUser-item--account .navUser-action img,
	.navUser-item--zgold .navUser-action img {
		margin: -3px 6px 0 0;
		width: 15px
	}
}

.navUser-item--zgold span {
	display: block !important;
}

@media (min-width: 1024px) {
	.navUser-item--zgold .navUser-action {
		max-height: 30px;
	}
}

.navUser-item--zgold .navUser-action {
	display: flex !important;
	flex-direction: row;
	align-items: center;
}

.navUser-item--zgold .navUser-action img {
	margin-right: 0.5rem;
	margin-top: 1px !important;
}

@media (max-width: 768px ) {
	.navUser-item--zgold .navUser-action span {
		font-size: 14px !important;
	}
}
@media (min-width: 768px ) {
.navUser-item--zgold .navUser-action span {
	font-size: 12px !important;
	}
}

@media (max-width: 768px) {
	.navUser-item.desktop {
		display: none;
	}
}

.navUser-store-locations {
	display: block
}

.navUser-store-locations img {
	height: 28px
}

@media (min-width:1024px) {
	.navUser-store-locations {
		display: none
	}
}

.navUser-or {
	color: #000;
	display: inline-block;
	margin: 0 -.85714rem;
	padding: 0 2px;
	z-index: 1
}

.navUser-lhn {
	display: block
}

.navUser-lhn img {
	width: 30px;
	margin: 8px 0 0;
	opacity: .5
}

@media (min-width:1024px) {
	.navUser-lhn {
		display: none
	}
}

.navUser-action--quickSearch.is-open:before {
	border: 10px inset;
	content: "";
	display: block;
	height: 0;
	width: 0;
	border-color: transparent transparent #e5e5e5;
	border-bottom-style: solid;
	bottom: 0;
	left: 50%;
	position: absolute;
	transform: translateX(-50%)
}

.dropdown--quickSearch {
	background-color: #e5e5e5;
	padding: 1.5rem 0
}

@media (min-width:551px) {
	.navUser-item {
		float: left
	}
	.dropdown--quickSearch {
		padding: 3rem
	}
}

.dropdown--quickSearch.is-open {
	left: 0!important;
	outline: 0;
	right: 0!important;
	width: 100%!important;
	z-index: 50
}

.dropdown--quickSearch .form {
	margin: auto;
	max-width: 30rem
}

.dropdown--quickSearch .form {
	margin-bottom: 0
}

.dropdown--quickSearch .productGrid {
	padding: 1.5rem 0 0
}

@media (min-width:551px) {
	.dropdown--quickSearch .productGrid {
		padding: 3rem 0 0
	}
}

.countPill {
	background-color: #333;
	border-radius: 50%;
	color: #fff;
	display: none;
	font-size: 12px;
	font-weight: 700;
	height: 20px;
	line-height: 20px;
	margin-left: .21429rem;
	text-align: center;
	width: 20px
}

.countPill--positive {
	display: inline-block
}

.countPill--alt {
	background-color: #ccc;
	color: #333
}

.navUser-checkout {
	background: #000;
	color: #fff;
	padding: 6px 1.5rem
}

.navUser-container {
	max-width: 940px;
	margin: auto
}

@media (min-width:1024px) {
	.navStore-container {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		max-width: 90%;
		margin: auto
	}
}

.navStore-container .navStore-container {
	margin: 0 0 0 auto
}

.navStore-container .navStore-container #quickSearch {
	margin: auto;
	padding: 0 7px 7px
}

@media (min-width:1024px) {
	.navStore-container .navStore-container #quickSearch {
		margin-left: 20px;
		padding: 0;
		background: 0 0
	}
}

.navStore-container .navStore-container .container {
	padding: 0
}

.navStore-container .navStore-container .form {
	margin: 0
}

.navStore-container .navStore-container .form img {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 18px;
	height: 18px
}

@media (min-width:1024px) {
	.navStore-container .navStore-container .form img img {
		width: 13px;
		height: 14px
	}
}

.navPage-childList,
.navPages .navPage-subMenu-list {
	margin: 0;
	padding-left: .78571rem
}

.has-activeNavPages {
	-webkit-overflow-scrolling: auto
}

.has-activeNavPages .overlay-background {
	position: absolute;
	top: 0;
	background: #000;
	opacity: .5;
	z-index: 999;
	width: 100%;
	height: 100%
}

.navPages-container {
	bottom: 0;
	display: none;
	height: 100%;
	left: 0;
	-webkit-overflow-scrolling: touch;
	position: absolute;
	right: 0;
	border-top: none;
	z-index: 10;
	font-family: NeutrafaceText-Book;
	max-width: 90%;
	margin: auto
}

@media (min-width:769px) {
	.navPages-container {
		background: 0 0;
		display: block;
		height: auto;
		padding: 0;
		position: relative;
		font-family: inherit
	}
}

.navPages-container.is-open {
	display: block;
	padding-top: 0;
	z-index: 0
}

.navPages-container .need-now {
	background: #fff;
	padding: 10px 13px;
	width: 80%
}

.navPages {
	overflow-y: auto;
	position: absolute;
	height: auto;
	background: #fff;
	padding: 0;
	width: 80%
}

@media (min-width:769px) {
	.navPages-container .need-now {
		display: none
	}
	.navPages-section:after,
	.navPages-section:before,
	.navPages:after,
	.navPages:before {
		content: " ";
		display: table
	}
	.navPages-section:after,
	.navPages:after {
		clear: both
	}
	.navPages {
		margin: 0 auto;
		width: 100%;
		background: 0 0;
		font-size: 0;
		overflow-y: visible;
		padding: 0;
		text-align: left;
		max-width: 90%;
		position: inherit
	}
	.navPages ol,
	.navPages ul {
		list-style: none;
		margin: 0;
		padding: 0
	}
	.navPages ol ol,
	.navPages ol ul,
	.navPages ul ol,
	.navPages ul ul {
		list-style: none;
		margin-bottom: 0
	}
	.navPages ol li,
	.navPages ul li {
		margin: 0;
		padding: 0
	}
	.navPages-section {
		float: left
	}
	.navPages-section--alt {
		float: right;
		margin-left: 1.5rem
	}
	.navPages-section+.navPages-section {
		margin-left: 1.5rem
	}
	.navPages-action,
	.navPages-item {
		display: block
	}
}

@media (min-width:769px) and (min-width:551px) {
	.navPages-item {
		float: left
	}
}

.navPages ul {
	list-style: none
}

.navPages .navPage-subMenu-list {
	border-left: 0;
	list-style: none;
	padding-left: 0;
	margin: 0
}

@media (min-width:769px) {
	.navPages .navPage-subMenu-list {
		max-width: 85.71429rem;
		width: 100%;
		border-left: 0;
		margin: auto;
		padding-left: 0;
		column-count: 3;
		column-rule: 1px solid #fff;
		column-gap: 20px
	}
	.navPages .navPage-subMenu-list:after,
	.navPages .navPage-subMenu-list:before {
		content: " ";
		display: table
	}
	.navPages .navPage-subMenu-list:after {
		clear: both
	}
}

.navPages-list {
	margin: 0
}

@media (min-width:769px) {
	.navPages-list {
		display: inline-block;
		float: none
	}
	.navPages-list li.navPages-item {
		position: relative
	}
	.navPages-list li.navPages-item .navPages-action-main-item {
		font-family: NeutrafaceText-Book
	}
	.navPages-list li.navPages-item:hover>a {
		background-color: #e7e6e8
	}
	.navPages-list li.navPages-item:hover>a span {
		border-bottom: 4px solid
	}
	.navPages-list li.navPages-item:hover>a+div.navPage-subMenu {
		display: -ms-flexbox;
		display: flex;
		max-width: 730px;
		border-bottom: none;
		z-index: 1
	}
	.navPages-list li.navPages-item:nth-last-child(-n+5) .navPage-subMenu {
		right: 0
	}
}

.navPages-list+.navPages-list {
	border-top: 1px solid #ccc;
	margin-top: .78571rem;
	padding-top: .78571rem
}

.navPages-list-depth-max.subMenu-is-open .is-hidden {
	display: none
}

@media (min-width:769px) {
	.navPages-list-depth-max.subMenu-is-open .is-hidden {
		display: inline-block
	}
}

.navPages-list-depth-max.subMenu-is-open .navPages-item-page {
	display: none
}

.navPages-action-depth-max.has-subMenu.is-open {
	border-bottom: 1px solid #ccc;
	text-align: center
}

@media (min-width:769px) {
	.navPages-list-depth-max.subMenu-is-open .navPages-item-page {
		display: inline-block
	}
	.navPages-action-depth-max.has-subMenu.is-root.is-open .navPages-action-moreIcon {
		transform: rotate(0)
	}
	.navPages-action-depth-max.has-subMenu.is-open {
		border-bottom: 0;
		text-align: left
	}
}

.navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon {
	border: 1px solid #d6cdc0;
	border-radius: 4px;
	float: left;
	height: 35px;
	margin-top: -10px;
	padding: 11.7px;
	transform: rotate(90deg);
	width: 35px
}

@media (min-width:769px) {
	.navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon {
		height: .57143rem;
		width: .57143rem;
		border: 0;
		border-radius: 0;
		float: none;
		margin-top: 0;
		padding: 0;
		transform: rotate(-90deg)
	}
}

.navPages-action-depth-max.has-subMenu.is-open svg {
	height: 9.6px;
	width: 9.6px
}

.navPages-action {
	color: #000;
	font-size: 12px;
	font-weight: 300;
	line-height: 17px;
	text-decoration: none
}

@media (min-width:769px) {
	.navPages-action-depth-max.has-subMenu.is-open svg {
		height: 100%;
		width: 100%
	}
	.navPages-action {
		display: inline-block;
		padding: 6px 8px
	}
	.navPages-action.is-open {
		background-color: #e7e6e8
	}
	.navPages-action.is-open svg {
		fill: #757575;
		stroke: #757575
	}
	.navPages-action.is-open>span {
		border-bottom: 3px solid;
		padding-bottom: 8px
	}
}

.navPages-action.activePage,
.navPages-action:hover {
	color: #000
}

.navPages-action.activePage svg,
.navPages-action:hover svg {
	fill: #757575;
	stroke: #757575
}

.navPages-action svg {
	fill: #333;
	stroke: #333
}

@media screen and (max-width:769px) {
	.navPages-action {
		background: #e6e5e7;
		border-bottom: 1px solid #fff;
		padding: 10px;
		display: block
	}
	.navPages-action::before {
		content: '';
		width: 8px;
		height: 8px;
		display: inline-block
	}
	.navPages-action.is-open {
		background-color: #000;
		color: #fff
	}
	.navPages-action.is-open::before {
		width: 10px;
		height: 9px
	}
}

@media screen and (min-width:769px) {
	.navPages-list .navPages-item:first-child .navPages-action {
		padding-left: 0
	}
	.navPages-list .navPages-item:first-child .navPages-action span {
		margin-left: 10px
	}
}

.navPages-action--compare {
	display: none
}

.navPages-action--compare.show {
	display: block
}

.navPages-action-moreIcon {
	display: none;
	height: .57143rem;
	width: .57143rem;
	margin-left: .35714rem;
	transform: rotate(-90deg)
}

@media (min-width:769px) {
	.navPages-action-moreIcon {
		transform: none
	}
}

.has-subMenu.is-open .navPages-action-moreIcon {
	transform: rotate(0)
}

.navPage-childList {
	display: none
}

@media (min-width:769px) {
	.navPage-childList {
		border: 0;
		display: block
	}
}

.navPage-childList.is-open {
	display: block;
	padding: 0
}

.navPage-subMenu {
	display: none;
	outline: 0
}

.navPage-subMenu.is-open {
	display: block;
	border-bottom: 2px solid
}

@media (min-width:769px) {
	.navPage-subMenu {
		background-color: #e7e6e8;
		padding: .78571rem;
		position: absolute;
		text-align: left
	}
	.navPage-subMenu.is-open {
		display: -ms-flexbox;
		display: flex;
		max-width: 730px;
		border-bottom: none;
		z-index: 1
	}
	.navPage-subMenu .navPages-action-moreIcon {
		display: none
	}
	.has-subMenu.is-root+.navPage-subMenu-horizontal {
		border-left: 0;
		height: auto;
		left: inherit;
		margin: auto;
		top: inherit;
		width: 15.35714rem
	}
	.navPage-subMenu-horizontal.is-open {
		border-left: 1px solid #ccc;
		display: inherit;
		height: auto;
		margin-left: 15.35714rem;
		padding: 0!important;
		top: 0;
		width: 16.35714rem
	}
	.navPage-subMenu-horizontal .navPages-action-moreIcon {
		display: inline-block;
		transform: rotate(-90deg)
	}
	.navPage-subMenu-item {
		padding: 0 .75rem!important;
		min-width: 150px
	}
	.navPage-subMenu-item .navPages-action {
		text-transform: none;
		width: 100%;
		border-top: 1px solid #e7e6e8;
		border-bottom: 1px solid #e7e6e8;
		font-size: 12px
	}
	.navPage-subMenu-item>.navPage-subMenu-action {
		margin-bottom: .5rem;
		font-weight: 700;
		padding: 0;
		line-height: 20px
	}
	.navPage-subMenu-item>.navPage-subMenu-action:hover {
		border-top: 1px solid #000;
		border-bottom: 1px solid #000
	}
	.navPage-subMenu-item-child .navPage-subMenu-action,
	.navPage-subMenu-item-parent .navPage-subMenu-action {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		width: 100%
	}
	.navPage-subMenu-item-child .navPage-subMenu-action.is-open,
	.navPage-subMenu-item-child .navPage-subMenu-action:hover,
	.navPage-subMenu-item-parent .navPage-subMenu-action.is-open,
	.navPage-subMenu-item-parent .navPage-subMenu-action:hover {
		background: #c8bdb2;
		color: #000;
		font-weight: 400;
		opacity: .3
	}
}

.navPage-subMenu-item-child,
.navPage-subMenu-item-parent {
	width: 100%
}

@media (min-width:769px) {
	.navPage-subMenu-action {
		padding: .78571rem 0 1.14286rem
	}
}

.navPage-subMenu-action::before {
	content: '';
	background: 0 0;
	display: initial;
	padding: 0
}

@media screen and (max-width:769px) {
	.navPage-subMenu-action.is-open::after,
	.navPage-subMenu-action.is-open::before,
	.navPage-subMenu-action::after {
		content: ''
	}
	.navPage-subMenu-action {
		border-bottom: 1px solid #999;
		padding: 10px 20px;
		text-transform: capitalize;
		background: #f5f5f5
	}
	.navPage-subMenu-action::after {
		width: 8px;
		height: 8px;
		display: inline-block;
		margin-top: 3px;
		float: right
	}
	.navPage-subMenu-action.is-open {
		background: #b79e65;
		border-color: #b79e65
	}
}

.navPage-childList-action {
	font-weight: 700;
	padding: 0;
	margin-bottom: .35714rem;
	color: #797979
}

.navPage-childList-action:hover {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000
}

@media screen and (max-width:769px) {
	.navPage-childList-action {
		background: #fff;
		text-transform: capitalize;
		padding: 10px 20px;
		margin-bottom: 0;
		border-bottom: 1px solid
	}
	.navPage-childList-action::before {
		content: '';
		background: 0 0;
		display: initial
	}
	.navPage-childList-action::after {
		content: '';
		width: 10px;
		height: 10px;
		display: inline-block;
		margin: 3px -2px 0 0;
		float: right
	}
}

.navPages-list--user #currencySelection2 .dropdown-menu-item,
.navPages-quickSearch>.container {
	padding: 0
}

.navPages-list--user #currencySelection2 .dropdown-menu-item:not(:last-child),
.navPages-quickSearch {
	border-bottom: 1px solid #e5e5e5
}

.navPages-quickSearch {
	margin-bottom: .78571rem;
	display: none
}

@media (min-width:769px) {
	.navPages-quickSearch {
		display: none
	}
}

.navPages-quickSearch .form {
	margin: 0
}

.navPages-list--user {
	display: none
}

.tag,
.tag a {
	display: inline-block
}

.navPages-list--user #currencySelection2 {
	background-color: #fff;
	border: 1px solid #e5e5e5
}

.navPages-list--user #currencySelection2 a {
	padding: .78571rem 1.5rem
}

.tags {
	list-style: none;
	margin-left: 0;
	font-size: 0;
	text-align: center
}

.tags ol,
.tags ul {
	list-style: none;
	margin-bottom: 0
}

.tag {
	font-size: 1rem
}

.tag a {
	color: #757575;
	padding: .35714rem .5rem;
	text-decoration: none
}

.socialLinks,
.socialLinks li {
	padding: 0;
	margin: 0
}

.tag a:hover {
	color: #333
}

.socialLinks {
	list-style: none;
	line-height: 37px
}

.socialLinks:after,
.socialLinks:before {
	content: " ";
	display: table
}

.socialLinks ol,
.socialLinks ul {
	list-style: none;
	margin-bottom: 0
}

.socialLinks .icon {
	height: 1.15rem;
	width: 1.42rem!important;
	margin: 0;
	background-size: contain;
	text-decoration: none
}

@media (max-width:768px) {
	.socialLinks .icon {
		width: 1.2rem;
		height: 1.2rem
	}
}

.socialLinks .icon:hover svg {
	fill: #999
}

.socialLinks .icon svg {
	fill: #000
}

.google_plusone_iframe_widget {
	width: inherit!important
}

.socialLinks-item--pinterest {
	width: 25px
}

.pin_it_iframe_widget {
	display: none
}

.socialLinks-item {
	display: inline-block;
	font-size: 0
}

.socialLinks-item svg {
	display: none
}

.socialLinks .socialLinks-item {
	margin-bottom: .35714rem;
	margin-right: 5px
}

@media (max-width:768px) {
	.socialLinks .socialLinks-item {
		margin-right: 3px
	}
}

.socialLinks .socialLinks-item:last-child {
	margin-right: 0
}

.socialLinks--alt .icon {
	height: 1.5rem;
	width: 1.5rem
}

.socialLinks--alt svg {
	fill: #757575
}

.heroCarousel {
	width: 1px;
	min-width: 100%;
	margin-bottom: 4.5rem;
	margin-top: 0
}

.heroCarousel-slide {
	position: relative
}

.heroCarousel-slide a {
	text-decoration: none
}

.heroCarousel-slide.compat-object-fit {
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat
}

.heroCarousel-slide.compat-object-fit .heroCarousel-image {
	opacity: 0
}

.heroCarousel-content {
	background-color: #fff;
	padding: .78571rem 1.5rem 3rem;
	text-align: center
}

@media (min-width:769px) {
	.heroCarousel-slide .heroCarousel-image {
		-o-object-fit: cover;
		object-fit: cover;
		max-height: 42.85714rem;
		width: 100%
	}
	.heroCarousel-slide .heroCarousel-image-wrapper {
		max-height: 42.85714rem
	}
	.heroCarousel-content {
		background-color: #fff;
		background-color: rgba(255, 255, 255, .9);
		left: 0;
		margin: 0 auto;
		padding: 2.25rem;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 50rem
	}
	.heroCarousel-content.heroCarousel-content--empty {
		background-color: transparent
	}
}

.heroCarousel-title {
	color: #444;
	font-size: 20px;
	margin-top: 0
}

@media (min-width:769px) {
	.heroCarousel-title {
		font-size: 50px
	}
}

.heroCarousel-description {
	color: #333;
	font-size: 12px
}

@media (min-width:551px) {
	.heroCarousel-description {
		font-size: 13px
	}
}

.heroCarousel-action {
	margin: 0
}

@media (min-width:769px) {
	.heroCarousel-description {
		font-size: 15px
	}
	.heroCarousel-action {
		margin-top: 1.5rem
	}
	.writeReview-form,
	.writeReview-productDetails {
		padding-left: .75rem;
		padding-right: .75rem;
		width: 50%;
		float: left
	}
}

.writeReview-productDetails .product-brand {
	color: #999;
	margin: 0
}

.writeReview-productDetails .product-title {
	margin-top: 0
}

.writeReview-productImage-container {
	position: relative
}

.writeReview-productImage-container img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

.writeReview-productImage-container:after {
	content: '';
	display: block;
	height: 0;
	width: 100%;
	padding-bottom: 80%
}

.account--addReturn .table {
	display: block;
	margin-bottom: 3rem
}

@media (min-width:551px) {
	.account--addReturn .table {
		display: table;
		margin-bottom: 6rem
	}
}

.account--addReturn .table tr {
	display: block;
	padding: 1.5rem 0
}

@media (min-width:551px) {
	.account--addReturn .table tr {
		display: table-row;
		padding: 0
	}
}

.account--addReturn .table td,
.account--addReturn .table th {
	display: block;
	padding: 0
}

.account--addReturn .table td+td,
.account--addReturn .table td+th,
.account--addReturn .table th+td,
.account--addReturn .table th+th {
	padding-left: 0
}


@media (min-width:551px) {
	.account--addReturn .table td,
	.account--addReturn .table th {
		display: table-cell;
		padding-bottom: .78571rem;
		padding-top: .78571rem
	}
	.account--addReturn .table td+td,
	.account--addReturn .table td+th,
	.account--addReturn .table th+td,
	.account--addReturn .table th+th {
		padding-left: 1.5rem
	}
	.account--addReturn .table .return-itemPrice {
		text-align: center
	}
	.account--addReturn .table .return-itemQuantity {
		text-align: right
	}
}

.account--addReturn .table-thead {
	display: none
}

@media (min-width:551px) {
	.account--addReturn .table-thead {
		display: table-header-group
	}
}

.account--addReturn .table-thead th {
	font-size: 15px
}

.account--addReturn .table-thead th:first-child {
	width: 60%
}

.account--addReturn .table-tbody {
	display: block
}

.return-itemName {
	font-size: 15px;
	font-weight: 700
}

.return-itemPrice {
	color: #999;
	margin-bottom: .35714rem
}

@media (min-width:551px) {
	.account--addReturn .table-tbody {
		display: table-row-group
	}
	.return-itemName {
		font-size: 1rem;
		font-weight: 400
	}
	.return-itemPrice {
		color: inherit;
		margin-bottom: 0;
		text-align: center
	}
}

.account--addReturn-row:after,
.account--addReturn-row:before,
.productCarousel:after,
.productCarousel:before {
	display: table;
	content: " "
}

.account--addReturn-row {
	max-width: none;
	width: auto;
	margin: 0 -1rem
}

.account--addReturn-column {
	width: 100%;
	float: left;
	padding: 0 1rem
}

@media (min-width:551px) {
	.account--addReturn-column {
		width: 50%
	}
}

.productCarousel {
	min-width: 100%;
	max-width: 100%!important;
	margin: 0 -.75rem;
	width: auto
}


.productCarousel-slide {
	padding-left: .75rem;
	padding-right: .75rem;
	width: 50%;
	float: left
}

@media (min-width:551px) {
	.productCarousel-slide {
		width: 33.33333%
	}
}

@media (min-width:769px) {
	.productCarousel-slide {
		width: 25%
	}
}

@media (min-width:1261px) {
	.heroCarousel-slide.compat-object-fit.stretch {
		background-size: 100% 100%
	}
	.productCarousel-slide {
		width: 16.66667%
	}
}

.productCarousel-slide .card {
	margin-bottom: 0
}
.modal.quickViewModal {
	max-width: 768px
}

.productReviews-list {
	list-style: none;
	max-width: none;
	width: auto;
	font-size: 0;
	margin: 0
}

.productReviews-list ol,
.productReviews-list ul {
	list-style: none;
	margin-bottom: 0
}

.productReviews-list:after,
.productReviews-list:before {
	content: " ";
	display: table
}

.productReviews-list:after {
	clear: both
}

.productReview {
	width: 100%;
	display: inline-block;
	float: none;
	border: 1px solid #d8d8d8;
	max-width: 400px;
	height: 400px;
	padding: 25px;
	font-size: 1rem;
	vertical-align: top
}

@media (max-width:768px) {
	.productReview {
		height: auto
	}
}

@media (min-width:769px) {
	.productReview {
		width: 50%
	}
}

@media (min-width:1261px) {
	.productReview {
		width: 33.33333%
	}
}

.productReview-title {
	margin: 0;
	text-transform: none
}

.productReview-author {
	color: #757575;
	margin-bottom: 1rem;
	margin-left: 15px
}

.productReview-rating {
	display: inline-block;
	margin-bottom: .35714rem
}

.productReview-ratingNumber {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.custom-productReviews {
	display: -ms-flexbox;
	display: flex;
	color: #000
}

.productReviews .custom-review-heading {
	margin-bottom: 10px;
	text-align: center;
	border: 1px solid #d8d8d8;
	padding: 1rem;
	color: #000;
	text-transform: uppercase;
	font-size: 21px
}

.productReviews .custom-review-heading a.custom-review-button {
	background: #000;
	color: #fff;
	font-family: NeutrafaceText-Book, Arial, Helvetica, sans-serif;
	padding: 1rem 3rem;
	font-size: 15px;
	letter-spacing: 1px;
	text-decoration: none
}

.productView {
	padding-top: 1rem;
	color: #000
}

.productView .relatedProductdiv {
	margin-top: 2rem;
	border-top: 2px solid #000;
	padding-top: 20px
}

.productView .relatedProductdiv p {
	margin-bottom: 0;
	font-weight: 600;
	color: #000;
	font-size: 18px;
	text-align: center
}

.findInStoreModal {
	padding: 20px;
	color: #000;
	overflow: auto
}

.findInStoreModal #modalTitle {
	font-weight: 700
}

.findInStoreModal h2 {
	margin-top: 0
}

.findInStoreModal .instore-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 2px solid #d9d9d9;
	padding-bottom: 10px
}

@media (max-width:768px) {
	.findInStoreModal #modalTitle {
		font-size: 17px
	}
	.findInStoreModal .instore-container {
		display: block
	}
}

.findInStoreModal p {
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	-ms-flex-align: center;
	align-items: center
}

.findInStoreModal select {
	background: #FFF
}

.findInStoreModal button,
.findInStoreModal input,
.findInStoreModal select {
	width: 85px;
	height: 34px;
	margin: 0 10px 0 0;
	padding: 8px;
	border: 1px solid #000;
	max-height: 55px
}

.findInStoreModal .lead {
	border-bottom: 2px solid #000;
	padding: 10px 0;
	margin: -15px 0 15px
}

.findInStoreModal #availableStores {
	margin: 0 -10px
}

.findInStoreModal #availableStores li {
	margin-top: 40px;
	text-align: right;
	list-style: none;
	padding: 0 0 10px;
	border-bottom: 2px solid grey
}

.findInStoreModal #availableStores li summary {
	width: 100%;
	display: list-item;
	text-align: left
}

.findInStoreModal #availableStores li summary:focus {
	outline: 0
}

@media (min-width:768px) {
	.findInStoreModal #availableStores li summary {
		padding: 10px
	}
	.findInStoreModal #availableStores li summary>div {
		width: 100%;
		display: -ms-flexbox;
		display: flex;
		margin: -13px 0 0 15px
	}
	.findInStoreModal #availableStores li summary p {
		width: 35%;
		margin: -7px 0 0 10px
	}
}

.findInStoreModal #availableStores li p {
	margin-left: 35px
}

.findInStoreModal #availableStores button {
	width: auto;
	background: #000;
	color: #fff;
	font-weight: 700;
	float: right;
	font-size: 13px
}

@media (max-width:768px) {
	.findInStoreModal #availableStores li {
		text-align: left
	}
	.findInStoreModal #availableStores button {
		margin: 10px 30px;
		float: left;
		position: inherit
	}
	.findInStoreModal #findInStoreForm span {
		display: none
	}
}

.findInStoreModal #modal-background-findInStore {
	background-color: rgba(255, 255, 255, .9);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	display: none
}

.findInStoreModal #modal-background-findInStore img {
	margin: auto;
	top: 45%;
	position: fixed;
	width: 60px;
	left: 0;
	right: 0
}

.findInStoreModal #modal-background-findInStore p {
	font-weight: 700;
	font-size: 17px;
	position: relative;
	text-align: center;
	top: 35%;
	display: block
}

.findInStoreModal .prodDetails {
	display: block
}

.findInStoreModal .prodDetails img {
	margin: 5px;
	max-width: 50px
}

.findInStoreModal .prodDetails span {
	vertical-align: middle;
	display: block;
	text-transform: capitalize
}

@media (min-width:769px) {
	.findInStoreModal .prodDetails span {
		display: initial
	}
}

#pdp_images_placeholder {
	display: none
}

@media (max-width:768px) {
	#pdp_images_placeholder {
		display: block
	}
}

.findStore {
	display: none;
	text-decoration: none;
	font-weight: 700;
	padding: 9px 5px;
	margin: 0 0 10px;
	height: 42px;
	background-color: #fff;
	font-size: 14px;
	vertical-align: super;
	width: 100%;
	text-align: center;
	border: 1px solid var(--color-input);
	color: #444;
}

@media (min-width:769px) {
	.findStore {
		max-width: 140px;
	}
}

.productOptions-list {
	border: 1px solid #ccc;
	list-style: none;
	margin: 0
}

.productOptions-list-item {
	padding: 1.5rem
}

.productOptions-list-item+.productOptions-list-item {
	border-top: 1px solid #ccc
}

.productOptions-list-item-content,
.productOptions-list-item-figure {
	display: table-cell;
	vertical-align: middle
}

.productOptions-list-item-figure {
	width: 3rem
}

.productOptions-list-item-content {
	padding-left: 1.28571rem
}

.shareProduct {
	text-align: center
}

#tab-related {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content
}

@media (max-width:768px) {
	.custom-mobile-ui {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
}

.banner {
	box-shadow: 0 30px 50px rgba(0, 0, 0, .35)
}

.modal-background-pdp {
	background: rgba(51, 51, 51, .95);
	bottom: 0;
	display: none;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1004;
	left: 0
}

.chicEssLogo {
	margin: 10px 0 .5rem;
	display: none
}

#leasecoPopup .popup {
	background: #fff;
	max-width: 768px;
	margin: 100px auto;
	position: relative;
	padding-bottom: 20px;
	min-height: 650px
}

@media screen and (max-width:768px) {
	#leasecoPopup .popup {
		width: 90%
	}
}

#leasecoPopup .popup .close {
	position: absolute;
	width: 20px;
	height: 20px;
	right: 5px;
	font-size: 26px;
	text-decoration: none
}

#leasecoPopup .popup .content {
	text-align: center;
	padding-top: 35px;
	font-family: NeutrafaceText-Book
}

#leasecoPopup .popup .content .installment-by {
	font-size: 14px;
	margin-bottom: 10px
}

#leasecoPopup .popup .content .zgal-logo {
	height: 30px
}

#leasecoPopup .popup .content .financing {
	font-size: 32px;
	letter-spacing: 2px
}

#leasecoPopup .popup .content .pay-later {
	font-size: 18px
}

#leasecoPopup .popup .content .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	font-size: 14px;
	padding: 30px 15px 0
}

@media screen and (max-width:768px) {
	#leasecoPopup .popup .content .row {
		-ms-flex-direction: column;
		flex-direction: column
	}
}

#leasecoPopup .popup .content .row .column {
	margin-bottom: 20px
}

@media (min-width:769px) {
	#leasecoPopup .popup .content .row .column {
		width: 30%
	}
}

#leasecoPopup .popup .content .row .column>div:first-of-type {
	font-weight: 700;
	font-size: 18px;
	font-family: NeutrafaceText-Book;
	letter-spacing: .5px
}

#leasecoPopup .popup .content .row .column>div:last-of-type {
	margin: auto;
	font-size: 17px;
	letter-spacing: .5px
}

#leasecoPopup .popup .learn-more {
	border: 1px solid;
	padding: 15px 30px;
	margin: 18px auto;
	cursor: pointer;
	font: 16px NeutrafaceText-Demi, Helvetica, sans-serif;
	letter-spacing: 1px;
	width: 100%;
	max-width: 250px;
	height: 50px;
	font-feature-settings: "kern", "liga", "clig", "calt", "smcp"
}

#leasecoPopup .popup .bottom-text {
	color: #8c8b8b;
	font-size: 12px;
	padding: 20px;
	text-align: center
}

.leasecoOverlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .8);
	z-index: 1002;
	transition: opacity .2s;
	visibility: hidden;
	opacity: 0;
	overflow: auto
}

.leasecoOverlay.light {
	background: rgba(255, 255, 255, .5)
}

.leasecoOverlay .cancel {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: default
}

.leasecoOverlay:target {
	visibility: visible;
	opacity: 1
}

.cart-remove.cart-remove--spacer,
.category-custom-filters {
	visibility: hidden
}

.leasecoPopupButton {
	display: none
}

.leasecoPopupButton img {
	margin-top: -2px
}

.leasecoDiv.addBackground {
	background: #F7F7F7;
	padding: 5px 10px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.leasecoDiv.addBackground span {
	cursor: pointer
}

.leaseco-modal {
	z-index: 99999!important
}

.compareTable,
.compareTable-row+.compareTable-row .compareTable-heading,
.compareTable-row+.compareTable-row .compareTable-item {
	border-top: 1px solid #e5e5e5
}
tual-price,
.non-sale-price--withoutTax,
.price--discounted,
.price--non-sale,
.price--rrp {
	text-decoration: line-through
}

.price-section--minor {
	color: #999
}

.price-now-label,
.rrp-price--withoutTax {
	display: none
}

.non-sale-price--withoutTax.price-color,
.price--withoutTax.price-color,
.sale-price.price-color {
	color: #c60000
}

.compareTable {
	table-layout: fixed;
	width: 100%
}

.compareTable-row {
	vertical-align: top
}

.compareTable-row+.compareTable-row .compareTable-heading:empty {
	border-top: 0
}

.compareTable-heading {
	font-family: Montserrat, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 400;
	padding: 1.28571rem 1rem;
	position: relative;
	text-align: right;
	width: 0
}

.compareTable-headingText {
	position: absolute;
	top: 1.28571rem;
	white-space: nowrap
}

.compareTable-item {
	padding: 3.28571rem 1rem 1.28571rem
}

@media (min-width:769px) {
	.compareTable-heading {
		width: 25%
	}
	.compareTable-headingText {
		position: inherit;
		top: inherit
	}
	.compareTable-item {
		padding-top: 1.28571rem
	}
}

.compareTable-removeProduct {
	background-color: #e5e5e5;
	border-radius: 50%;
	height: 2.5rem;
	position: absolute;
	right: -1rem;
	top: -1rem;
	transition: background-color .15s ease;
	width: 2.5rem
}

.compareTable-removeProduct .icon {
	fill: #757575;
	height: 1.5rem;
	margin-top: .5rem;
	width: 1.5rem
}

.compareTable-product {
	font-weight: 400;
	padding: 2rem 1rem 1.28571rem
}

.compareTable-product .card {
	margin-bottom: 0
}

.compareTable-action {
	padding: 0 1rem 1rem
}

.compareTable-action .button {
	display: block;
	padding-left: .78571rem;
	padding-right: .78571rem;
	width: 100%
}

.blocker {
	background: rgba(255, 255, 255, .5);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 500
}

.blocker-container,
.textTruncate {
	position: relative
}

.textTruncate {
	padding-bottom: 1.5rem;
	transition: max-height .1s ease-out
}

.js .textTruncate {
	max-height: 110px;
	overflow: hidden
}

.js .textTruncate--visible {
	max-height: 71.42857rem
}

.textTruncate-viewMore {
	background-color: #fff;
	bottom: 0;
	padding-top: 10px;
	position: absolute;
	width: 100%
}

.toggle {
	border-top: 1px solid #e5e5e5;
	margin-bottom: 2.28571rem
}

.toggle:last-of-type {
	margin-bottom: 4.57143rem
}

.toggle-title {
	margin-bottom: 2.28571rem
}

.toggleLink {
	color: #000
}

.toggleLink:hover {
	color: #333
}

.toggle-title .toggleLink {
	float: right;
	line-height: 24px
}

.toggleLink-text {
	font-size: 13px;
	font-weight: 400
}

.toggleLink-text--off {
	display: inline-block
}

.toggleLink-text--on,
.toggleLink.is-open .toggleLink-text--off {
	display: none
}

.toggleLink.is-open .toggleLink-text--on {
	display: inline-block
}

.toggle-content {
	display: none
}

.toggle-content.is-open {
	display: block
}

.facetedSearch-toggle {
	margin: 0 auto;
	max-width: 85.71429rem;
	width: 100%;
	border: solid #e5e5e5;
	border-radius: 4px;
	border-width: 1px;
	display: block;
	padding: 1rem
}

.facetedSearch-toggle:after,
.facetedSearch-toggle:before {
	content: " ";
	display: table
}


@media (min-width:769px) {
	.facetedSearch-toggle {
		display: none!important
	}
}

.facetedSearch-toggle.is-open {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	margin-bottom: 0
}

.facetedSearch-toggle-indicator,
.facetedSearch-toggle-text {
	display: block;
	font-weight: 400
}

.facetedSearch-toggle-text {
	width: 58.33333%;
	float: left;
	padding: 0;
	text-align: left
}

.facetedSearch-toggle-indicator {
	width: 41.66667%;
	float: left;
	font-weight: 700;
	padding: 0;
	text-align: right
}

.facetedSearch-optionColumns {
	column-count: 3;
	column-gap: 20px
}

.facetedSearch-refineFilters {
	display: none
}

.facetedSearch-content--rating .is-selected {
	font-weight: 700
}

.category-header-image {
	margin: 5px 0 15px
}

@media (min-width:769px) {
	.facetedSearch-refineFilters {
		display: block
	}
	.category-header-image {
		margin: 45px 0 0
	}
}

.category-header,
.search-header {
	display: none
}

.category-header div:last-child,
.search-header div:last-child {
	margin: auto 0 0 auto
}

.category-header div:last-child form,
.search-header div:last-child form {
	margin: 0
}

@media (min-width:769px) {
	.category-header,
	.search-header {
		display: -ms-flexbox;
		display: flex;
		padding: 15px 0
	}
	.category-header .search-page-heading,
	.search-header .search-page-heading {
		max-width: 53%
	}
	.category-header .page-heading,
	.search-header .page-heading {
		line-height: 22px;
		letter-spacing: 0
	}
	.category-header {
		padding: 45px 0 15px
	}
}

.sub-category-header {
	border-bottom: 5px solid
}

.sub-category-header-image {
	margin: 30px 0 0
}

.left-nav-filters {
	display: block
}

.left-nav-filters #facetedSearch {
	margin-bottom: 2rem
}

@media (min-width:769px) {
	.left-nav-filters {
		display: none
	}
}

.left-nav-filters .sidebarBlock:first-child {
	display: none
}

.left-nav-filters .sidebarBlock+.sidebarBlock {
	border: 0;
	margin: 0;
	padding: 0
}

.left-nav-filters .facetedSearch.sidebarBlock {
	display: block
}

.custom-filters {
	display: none
}


@media (min-width:769px) {
	.custom-filters {
		display: -ms-flexbox;
		display: flex;
		border-bottom: 1px solid #000;
		border-top: 1px solid #000;
		padding: 0;
		margin-bottom: 15px
	}
}

.custom-filters .filters-div {
	display: -ms-flexbox;
	display: flex
}

.custom-filters .select-label {
	margin: 8.5px 0 0;
	font-size: 14px;
	color: #595959;
	min-width: 100px;
	font-weight: 600
}

.custom-filters .dropdown {
	position: relative;
	display: inline-block;
	left: 0;
	margin-top: 8px
}

.custom-filters .dropdown:hover .dropdown-content {
	display: block;
	padding: 6px
}

.custom-filters .dropdown-content {
	display: none;
	position: absolute;
	background-color: #ebebec;
	min-width: 160px;
	z-index: 11;
	margin: 0;
	max-height: 200px;
	overflow: auto
}

.custom-filters .dropdown-content li {
	float: none
}

.custom-filters .dropdown-content li a {
	padding: 1px 5px;
	text-decoration: none;
	display: block;
	font-size: 12px;
	text-transform: capitalize
}

.custom-filters #facetedSearch-content--color {
	width: 165px
}

.category-custom-filters.noFilters {
	border-bottom: 0
}

.category-custom-filters.noFilters .select-label {
	display: none
}

.breadcrumb-refinement,
.breadcrumb-refinement .breadcrumbs,
.breadcrumb-refinement .clear_all,
.breadcrumb-refinement .facetedSearch-refineFilters {
	display: inline
}

.breadcrumb-refinement {
	position: initial;
	line-height: 1;
	padding: 0;
	top: 0;
	left: 0
}

@media (min-width:769px) {
	.breadcrumb-refinement {
		position: absolute;
		padding: 0 1.5rem
	}
	.breadcrumb-refinement .facetedSearch-refineFilters {
		margin-top: 2px
	}
}

@media (min-width:1261px) {
	.breadcrumb-refinement {
		padding: 0 6rem
	}
}

.breadcrumb-refinement .facetedSearch-refineFilters .inlineList--labels {
	margin: 0;
	display: inline
}

.breadcrumb-refinement .facetedSearch-refineFilters .inlineList--labels>li {
	margin: 0 0 5px;
	display: inline-block;
	float: none
}

.breadcrumb-refinement .facetedSearch-refineFilters .inlineList--labels>li:before {
	color: #757575;
	content: "/";
	position: relative;
	top: 1px;
	margin: 0 .25rem
}

.breadcrumb-refinement .facetedSearch-refineFilters .inlineList--labels .facetLabel {
	background: 0 0;
	padding: 0;
	display: initial;
	font-size: 13px;
	text-transform: capitalize
}

@media (min-width:769px) {
	.breadcrumb-refinement .facetedSearch-refineFilters .inlineList--labels .facetLabel {
		font-size: 12px
	}
}

.breadcrumb-refinement .facetedSearch-refineFilters .clear_all {
	font-size: 13px;
	padding: 1px 10px 0 0;
	text-decoration: none
}

@media (min-width:769px) {
	.breadcrumb-refinement .facetedSearch-refineFilters .clear_all {
		font-size: 12px
	}
}

.breadcrumb-refinement .facetedSearch-refineFilters .clear_all:before {
	color: #757575;
	content: "/";
	position: relative;
	margin: 0 .25rem;
	font-size: 13px
}

.swatches {
	display: -ms-flexbox;
	display: flex
}

.swatches div {
	width: 20px;
	margin: 0 4px 0 0!important
}

.swatches.swatches-filter {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swatches .swatch-tile {
	width: 30px;
	height: 30px;
	margin: 2px 3px 6px;
	padding: 2px
}

.swatches .swatch-tile.selected {
	border: 2px solid #000
}

.sub-heading {
	margin-left: 10px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .05em
}

.banner .sub-text-1,
.banner .sub-text-2 {
	letter-spacing: 1px;
	text-transform: uppercase
}

.subcategories-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

@media (min-width:769px) {
	#facetedSearch-content--Fabric,
	#facetedSearch-content--fabric {
		width: 168px
	}
	.subcategories-container {
		-ms-flex-pack: start;
		justify-content: start
	}
}

.subcategories-container .subcategory {
	-ms-flex-preferred-size: 46%;
	flex-basis: 46%;
	text-align: center
}

.subcategories-container .subcategory a {
	text-decoration: none
}

.subcategories-container .subcategory a img {
	border: 1px solid #e7e7e9
}

@media (min-width:769px) {
	.subcategories-container .subcategory {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%
	}
	.subcategories-container .subcategory a img {
		height: 218px;
		width: 218px
	}
}

.subcategories-container .subcategory a div {
	margin: 10px 0 20px;
	font-size: 12px
}

.category-description {
	font-size: 12px
}

.banners p:last-child {
	margin-bottom: 0
}

.banners .banner-header {
	background-color: #000;
	height: fit-content;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.banners .banner-header span {
	display: block;
	width: 98%
}

.banners .banner-header img {
	width: 20px;
	margin-right: 10px
}

.banners .banner-header img.arrow-down {
	transform: rotate(180deg)
}

.banner {
	color: #000;
	padding: 20px;
	-ms-flex-pack: center;
	justify-content: center;
	background: #fff;
	width: 100%;
	white-space: nowrap;
	overflow-x: auto;
	border-bottom: 1px solid #fff;
	display: none
}

.banner+.banner {
	margin-top: 1.5rem
}

.banner .sale-banner {
	position: relative;
	width: 290px;
	margin-right: 20px;
	display: inline-block
}

.banner .sale-banner-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin-top: 20px
}

.banner .sub-text-1 {
	margin-top: 10px;
	font-size: 14px;
	font-family: NeutrafaceText-Book;
	margin-bottom: 0
}

.banner .sub-text-2 {
	font-size: 29px;
	font-family: NeutrafaceText-Light;
	margin: 10px 0 0;
	padding: 0;
	line-height: 30px
}

.banner .sub-text-3 {
	font-size: 14px;
	margin-top: 10px;
	font-family: NeutrafaceText-Book
}

.banner .zgTooltip {
	display: block;
	color: grey;
	font: 400 14px NeutrafaceText-Book;
	letter-spacing: 0;
	margin-top: 5px;
	font-feature-settings: "kern", "liga", "clig", "calt";
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-decoration: underline;
	position: relative;
	cursor: pointer;
	z-index: 99
}

.cart-item-name a,
.facetLabel {
	text-decoration: none
}

.banner .zgTooltip span {
	position: absolute;
	top: 100%;
	left: 0;
	width: 290px;
	box-sizing: border-box;
	font: 11px sofia-pro, sans-serif;
	line-height: 16px;
	color: #000;
	background: #FFF;
	border: 1px solid #CCC;
	padding: 15px;
	display: none;
	z-index: 9999
}

.previewCartAction,
.previewCartItem+.previewCartItem {
	border-top: 1px solid #e5e5e5;
}

.banner .zgTooltip:hover span {
	display: block;
	text-align: left;
	white-space: normal;
	top: auto;
	bottom: 100%
}

.adminBar-private span,
.header-logo-text {
	white-space: nowrap
}

.banner::-webkit-scrollbar {
	width: 50px
}

.banner::-webkit-scrollbar-track {
	background: #fff
}

.banner::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 3px;
	width: 50px
}

.facetLabel {
	background: #e5e5e5;
	border-radius: 4px;
	padding: .21429rem .5rem .21429rem .71429rem
}

.facetLabel .icon {
	height: .85714rem;
	width: .85714rem;
	display: inline-block;
	fill: #757575;
	position: relative;
	top: -1px
}

@media screen and (max-width:769px) {
	.container.cart-container,
	.container.cart-container .page-content {
		padding: 0
	}
	.container.cart-container .page {
		margin: 0
	}
}

.cart {
	display: block;
	margin-bottom: 1.5rem;
	width: 100%;
	padding: 0 1.5rem
}

@media (min-width:769px) {
	.cart {
		display: table;
		padding: 0
	}
}

.cart-header {
	display: none
}

@media (min-width:769px) {
	.cart-header {
		display: table-header-group;
		text-align: left
	}
}

.cart-header-item {
	padding-bottom: 1rem;
	color: #222;
	font-weight: 900;
	font-size: 12px
}

.cart-header-item:last-child {
	text-align: right
}

.cart-list {
	display: block
}

@media (min-width:769px) {
	.cart-list {
		display: table-row-group;
		border-top: 1px solid #e5e5e5
	}
}

.cart-item {
	border-bottom: 1px dashed #e5e5e5;
	display: block;
	padding: 1.5rem 0
}

@media (min-width:551px) {
	.cart-item {
		padding-left: 25%
	}
	.cart-item:after,
	.cart-item:before {
		content: " ";
		display: table
	}
	.cart-item:after {
		clear: both
	}
}

@media (min-width:769px) {
	.cart-item {
		display: table-row;
		padding-left: 0;
		border-bottom: 1px solid #e5e5e5
	}
	.cart-item:after,
	.cart-item:before {
		display: none
	}
}

.cart-item .customStoreCol,
.cart-item .customStoreRow {
	font-size: 13px;
	display: block;
	margin: 15px 0 0 30%
}

.cart-item .customStoreCol h4,
.cart-item .customStoreRow h4 {
	font-size: 13px;
	font-weight: 700;
	margin: 0
}

.cart-item .customStoreCol p,
.cart-item .customStoreRow p {
	margin: 0;
	color: #000
}

.cart-item .customStoreRow {
	display: none
}

@media (min-width:769px) {
	.cart-item .customStoreCol,
	.cart-item .customStoreRow {
		display: none
	}
	.cart-item .customStoreRow {
		display: block;
		margin: 15px 0
	}
}

.cart-item-block {
	display: block
}

.cart-item-figure {
	float: left;
	height: 4.5rem;
	margin-bottom: 0;
	margin-top: 0;
	position: relative;
}

@media (min-width:551px) {
	.cart-item-figure {
		margin-bottom: 0;
		margin-left: -33.33333%;
		width: 33.33333%
	}
}

@media (min-width:769px) {
	.cart-item-block {
		display: table-cell;
		vertical-align: top;
		padding-top: 20px
	}
	.cart-item-figure {
		float: none;
		width: 8.33333%;
		height: 7.5rem
	}
}

@media (min-width:769px) {
	.cart-extend-block {
		display: table-cell;
		vertical-align: top;
		padding: 0 0 21px 0 !important;
	}
	.cart-extend-name {
		padding-left: 21px !important;
	}
	.cart-extend-figure {
		float: none;
		width: 8.33333%;
		height: 7.5rem
	}
}

.cart-item-figure:after {
	content: '';
	display: block;
	height: 0;
	width: 100%;
	padding-bottom: 80%
}

.cart-item-fixed-image {
	width: 100%
}

.cart-item-image {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto auto
}

.cart-item-title {
	display: table-cell;
	height: 4.5rem;
	padding-left: 1rem;
	width: 31%
}

@media (min-width:551px) {
	.cart-item-title {
		display: block;
		height: auto;
		margin-bottom: 1.5rem;
		overflow: hidden;
		width: auto
	}
}

@media (min-width:769px) {
	.cart-item-image {
		margin-left: 0;
		margin-top: 1.5rem;
		max-height: 100px;
	}
	.cart-item-title {
		display: table-cell;
		padding: 1.5rem;
		width: 46%
	}
}

.cart-item-info {
	width: 100%
}

@media (min-width:551px) {
	.cart-item-info {
		clear: none;
		float: left;
		overflow: hidden;
		width: 33.33333%
	}
	.cart-item-info+.cart-item-info {
		margin-top: 0
	}
}

.cart-actions,
.cart-actions:after,
.cart-gift-certificate-form:after,
.cart-total:after,
.coupon-form:after {
	clear: both
}

.cart-item-info+.cart-item-info {
	margin-top: .78571rem
}

.cart-item .cart-item-quantity {
	margin-top: 0
}


@media (min-width:769px) {
	.cart-item-info {
		float: none;
		width: 16.66667%
	}
	.cart-item-info:last-child {
		text-align: right;
		padding-top: 20px
	}
	.cart-item .cart-item-quantity {
		margin-top: .78571rem
	}
}

.cart-item .cart-item-quantity .cart-item-qty-input {
	width: 40px;
	height: 40px;
	border-radius: 0
}

.cart-item-label {
	color: #999;
	float: left;
	margin-bottom: .35714rem;
	text-align: left;
	width: 33.33333%;
	font-size: 12px
}

@media (min-width:551px) {
	.cart-item-label {
		display: block;
		padding-left: 1rem;
		text-align: left
	}
}

.cart-item-brand {
	color: #999;
	margin-bottom: .21429rem
}

.cart-item-name {
	font-size: 15px;
	margin: 5px 0;
	font-weight: 700
}

.extend-cart-item-name {
	font-size: 15px;
	font-weight: 700;
	margin: 0;
}

@media (min-width:769px) {
	.cart-item-label {
		display: none
	}
	.cart-item-name {
		width: 80%
	}
}


.cart-item-options--giftWrapping {
	margin-top: 1.14286rem
}

.cart-item-options--giftWrapping .cart-item-option-description {
	color: #333
}

.cart-remove {
	margin-left: 10px;
	border-left: 1px solid #ccc;
	padding-left: 10px
}

.cart-remove>svg {
	fill: #757575
}

.cart-totals {
	list-style: none;
	margin-left: 0;
	margin-bottom: 10px;
	width: 100%
}

.cart-totals ol,
.cart-totals ul {
	list-style: none;
	margin-bottom: 0
}

@media (min-width:769px) {
	.cart-totals {
		margin-bottom: 1rem
	}
}

.cart-total {
	border-bottom: 0
}

.cart-total:after,
.cart-total:before {
	content: " ";
	display: table
}

.cart-total-label {
	color: #757575
}

@media (min-width:551px) {
	.cart-total-label {
		width: 50%
	}
}

@media (min-width:769px) {
	.cart-total-label {
		display: block;
		padding-left: 0;
		text-align: left
	}
	.cart-total-value {
		width: 50%
	}
}

.cart-gift-certificate-form:after,
.cart-gift-certificate-form:before,
.coupon-form:after,
.coupon-form:before {
	display: table;
	content: " "
}

.cart-total-label a {
	font-size: 12px
}

.cart-total-value {
	text-align: right
}

.cart-total-label,
.cart-total-value {
	float: left;
	padding: .5rem 0;
	width: 50%
}

@media (min-width:769px) {
	.cart-total-label,
	.cart-total-value {
		padding: 1rem 0
	}
	.cart-actions {
		min-width: 320px
	}
}

.cart-total-grandTotal {
	font-size: 14px;
	position: relative
}

.coupon-code-add,
.coupon-code-cancel,
.gift-certificate-add,
.gift-certificate-cancel,
.shipping-estimate-hide,
.shipping-estimate-show {
	color: #757575;
	padding: 0;
	transition: color .15s ease;
	text-decoration: underline;
	font-size: 12px
}

.coupon-code-add:hover,
.coupon-code-cancel:hover,
.gift-certificate-add:hover,
.gift-certificate-cancel:hover,
.shipping-estimate-hide:hover,
.shipping-estimate-show:hover {
	color: #333
}

.coupon-code-cancel,
.shipping-estimate-hide {
	font-style: italic
}

.cart-gift-certificate-form,
.coupon-form {
	font-size: 0;
	margin: 1rem 0
}

.cart-gift-certificate-form .button,
.coupon-form .button {
	float: left
}

.cart-gift-certificate-form .button,
.coupon-form .button {
	margin: 0 0 0 2%;
	padding-left: .78571rem;
	padding-right: .78571rem;
	width: 20%
}

.estimator-form {
	margin-bottom: 0
}

.estimator-form .button--primary {
	width: 60%
}


.cart-actions:after,
.cart-actions:before {
	content: " ";
	display: table
}

.cart-actions a.button {
	display: block;
	margin-bottom: 0;
	border-radius: 0;
	font-weight: 500;
	height: 40px;
	font-size: 14px;
	background-color: #000;
	color: #fff!important;
	text-transform: none
}

.cart-actions .checkoutMultiple {
	clear: right;
	display: block;
	float: right;
	padding-top: .35714rem
}

.brandGrid:after,
.cart-additionalCheckoutButtons .FloatRight:after,
.cart-additionalCheckoutButtons:after,
.category-suggestion-list:after,
.header-logo>a:after,
.page:after,
.previewCart:after,
.previewCartAction-checkoutMultiple,
.previewCartAction:after,
.previewCartItem:after,
.productGrid--maxCol2:after,
.productGrid--maxCol3:after,
.productGrid:after,
.productView:after {
	clear: both
}

.cart-actions .leasecoDiv {
	width: 100%;
	text-align: center;
	margin-top: 6px;
	padding: 2px
}

.cart-actions .leasecoDiv .leasecoPopupButton {
	display: none
}

.cart-additionalCheckoutButtons:after,
.cart-additionalCheckoutButtons:before {
	content: " ";
	display: table
}

.cart-additionalCheckoutButtons .FloatRight:after,
.cart-additionalCheckoutButtons .FloatRight:before {
	content: " ";
	display: table
}

.cart-additionalCheckoutButtons .FloatRight p {
	float: none!important;
	margin: .5rem 0;
	text-align: right
}

.cart-additionalCheckoutButtons .FloatRight div {
	float: right
}

.cart-additionalCheckoutButtons .CheckoutButton {
	margin-bottom: 1rem
}

.cart-additionalCheckoutButtons .CheckoutButton:first-child {
	margin-top: 1.5rem
}


.cart-additionalCheckoutButtons .CheckoutButton:last-child {
	margin-bottom: 0
}

.previewCartItem {
	margin: 0 auto;
	max-width: 85.71429rem;
	width: 100%;
	display: table-row;
	line-height: 19px
}

.previewCartItem:after,
.previewCartItem:before {
	content: " ";
	display: table
}

.previewCartItem::after,
.previewCartItem::before {
	display: none
}

.previewCartItem-content {
	padding-right: .75rem;
	width: 66.66667%;
	padding-left: 0
}

.previewCartItem-price {
	color: #757575;
	display: inline-block;
	font-size: 13px
}

.previewCartAction {
	margin: 0 auto;
	max-width: 85.71429rem;
	width: 100%;
	display: block;
	padding: 1.5rem .78571rem
}

.previewCartAction:after,
.previewCartAction:before {
	content: " ";
	display: table
}

.previewCartAction .button {
	font-family: Proxima Nova, "proxima-nova", "Helvetica Neue", Helvetica, sans-serif;
	margin: 0;
	padding-left: .78571rem;
	padding-right: .78571rem;
	width: 100%;
	height: 35px;
	padding-top: 10px
}

.previewCartAction .promo-code-container {
	-ms-flex-preferred-size: 55%;
	flex-basis: 55%;
	margin-bottom: 8px
}

@media (min-width:769px) {
	.previewCartAction {
		display: -ms-flexbox;
		display: flex
	}
	.previewCartAction .promo-code-container {
		padding-right: 30px
	}
}

.previewCartAction .atc-container {
	-ms-flex-preferred-size: 45%;
	flex-basis: 45%
}

.previewCartAction .apply-promo {
	cursor: pointer;
	color: #757575
}

.previewCartAction .apply-promo .arrow-icon {
	width: 10px;
	margin: -2px 3px 0 0;
	display: none
}

.previewCartAction .apply-promo .arrow-icon.open {
	transform: rotate(90deg)
}

@media (min-width:769px) {
	.previewCartAction .apply-promo .arrow-icon {
		display: inline-block
	}
}

.previewCartAction .promo-container {
	display: none;
	margin: 8px 0 0
}

.previewCartAction .promo-container form {
	display: -ms-flexbox;
	display: flex;
	margin: 0
}

.previewCartAction .promo-container form input {
	min-width: 180px;
	height: 30px
}

.previewCartAction .promo-container form button {
	background: #ccc;
	border: 1px solid #ccc;
	color: #595959;
	font-size: 13px;
	font-weight: 500;
	height: 30px;
	padding-top: 7px
}

.previewCartAction .cart-total-label {
	width: 70%;
	padding: 0 0 10px;
	color: #333
}

.previewCartAction .cart-total-value {
	width: 30%;
	padding: 0 0 10px
}

.previewCartAction .savings-total {
	color: #c60000;
	display: none
}

.previewCartAction .discount-total .cart-total-value,
.previewCartAction .savings-total .cart-total-label {
	color: #c60000
}

.previewCartAction .discount-total .removeCoupon {
	text-decoration: underline;
	cursor: pointer
}

.previewCartAction-checkout,
.previewCartAction-viewCart {
	width: 100%;
	text-transform: uppercase;
	font-size: 12px;
}

.previewCartAction-checkout a,
.previewCartAction-viewCart a {
	font-weight: 700
}

.previewCartAction-checkout.previewCartAction-viewCart--sole,
.previewCartAction-viewCart.previewCartAction-viewCart--sole {
	padding-left: .75rem;
	padding-right: .75rem;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	float: none
}

.previewCartAction-checkout {
	padding-right: .35714rem
}

.previewCartAction-checkoutMultiple {
	padding-left: .78571rem;
	padding-top: .35714rem
}

.cart-item-flex {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.cart-edit,
.info-desktop {
	display: none
}

.cart-item-flex a {
	text-decoration: underline;
	font-size: 12px
}

.continue-shopping {
	margin: 15px 0 5px
}

@media (min-width:769px) {
	.previewCartAction .promo-container form input {
		min-width: 160px
	}
	.continue-shopping {
		margin: 10px auto 0 0
	}
}

.continue-shopping a {
	text-decoration: none;
}

.continue-shopping a span {
	text-decoration: underline;
	margin-left: -2px;
	color: #6d7278;
	text-transform: none;
	font-size: 12px;
}

h1[data-cart-page-title] {
	width: 100%;
	border-radius: 0;
	background: #F3F3F3;
	padding: 10px 10px 10px 1.5rem;
	font-size: 15px;
	margin-bottom: 20px;
	letter-spacing: 0
}

@media (min-width:769px) {
	h1[data-cart-page-title] {
		padding-left: 10px
	}
}

.cart-mobile {
	width: 75%;
	margin-left: 25%;
	padding-left: 1rem
}

@media (min-width:551px) {
	.cart-mobile {
		width: 100%;
		margin-left: 0;
		padding-left: 0
	}
}

@media (min-width:769px) {
	.cart-mobile {
		width: auto
	}
	.info-desktop {
		display: block
	}
}

.info-mobile,
.total-mobile {
	display: -ms-flexbox;
	display: flex;
	text-align: right
}

.info-mobile .cart-item-label,
.total-mobile .cart-item-label {
	float: none
}

@media (min-width:769px) {
	.info-mobile,
	.total-mobile {
		display: block
	}
	.info-mobile .total-value,
	.total-mobile .total-value {
		width: 100%!important
	}
}

.info-mobile {
	display: -ms-flexbox;
	display: flex
}

.info-mobile .price-value {
	text-align: right
}

@media (min-width:769px) {
	.info-mobile {
		display: none
	}
}

.cart--checkout-button {
	display: block;
	padding: 0 1.5rem
}

@media (min-width:769px) {
	.cart--checkout-button {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		padding: 0;
		margin-bottom: 20px
	}
}

.cart--totals {
	padding: 0 1.5rem
}

@media (min-width:769px) {
	.cart--totals {
		display: -ms-flexbox;
		display: flex;
		padding: 0
	}
	.cart--totals ul:first-child {
		max-width: 300px
	}
	.cart--totals ul:last-child {
		max-width: 320px;
		margin-right: 0;
		width: 66%;
		margin-left: auto
	}
}

.display-none {
	display: none
}

.coupon-form .button {
	background: #ccc;
	border: 1px solid #ccc;
	color: #595959;
	border-radius: 0;
	height: 40px;
	font-size: 14px;
	width: 28%
}

.help-links {
	display: -ms-flexbox;
	display: flex;
	margin-top: 30px;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse
}

.help-links .continue-shopping {
	padding: 0 1.5rem;
	margin-bottom: 15px
}

.help-links div:first-child {
	color: #595959
}

.help-links div:first-child>div:last-child {
	background: #EDEDED
}

.help-links>div>div:last-child a {
	text-decoration: none;
	display: block;
	font-size: 14px;
	color: #595959;
	border-bottom: 1px solid #D2D2D2;
	padding: 10px 13px
}

.help-links>div>div:last-child a span {
	display: block;
	float: right
}

.help-links>div>div:last-child a span img {
	transform: rotate(180deg)
}

.help-links>div:last-child {
	text-align: center
}

@media (min-width:769px) {
	.help-links {
		-ms-flex-direction: row;
		flex-direction: row;
		margin-top: 15px
	}
	.help-links div:first-child {
		margin-top: 0
	}
	.help-links div:first-child>div:last-child {
		background: 0 0
	}
	.help-links>div>div:last-child a {
		border-bottom: none;
		padding: 0;
		font-size: 12px
	}
	.help-links>div>div:last-child a span {
		display: none
	}
	.help-links>div:last-child {
		margin-right: 0;
		margin-left: auto;
		min-width: 320px
	}
}

.help-links>div:last-child div img {
	width: 48px;
	margin: 5px 2px 0 0;
	opacity: .4;
	filter: grayscale(100%)
}



.pricing-info {
	width: auto;
	padding: 30px 10px 0 0;
	overflow: initial
}

@media (min-width:769px) {
	.pricing-info.info-desktop {
		display: table-cell
	}
}

.cart-main-div #banner-header,
.cart-main-div #menu,
.cart-main-div #quickSearch,
.cart-main-div .cart-additionalCheckoutButtons,
.cart-main-div .mobileMenu-toggle,
.cart-main-div .navUser-checkout,
.cart-main-div .navUser-section--alt,
.cart-main-div [data-section-type=newsletterSubscription] {
	display: none
}

.border-dashed {
	border-top: 1px dashed #e5e5e5;
	margin-bottom: 10px;
	padding: 0
}

@media (min-width:769px) {
	.border-dashed {
		border: 0;
		margin-bottom: 0;
		padding: 0
	}
}

.border-dashed .cart-total-label {
	color: #000
}

.empty-cart {
	padding: 0 1.5rem
}

.cart-main-div,
.cart-main-div .footer {
	padding-top: 0 !important;
}

.cart-main-div {
	margin-bottom: 0;
	margin-top: 1rem
}

.cart-main-div .header {
	top: 0
}

.cart-main-div .header .header-logo {
	margin: 0 20px
}

@media (min-width:769px) {
	.empty-cart {
		padding: 0
	}
	.cart-main-div .navUser-section--alt,
	.cart-main-div [data-section-type=newsletterSubscription] {
		display: block
	}
	.cart-main-div #quickSearch {
		display: block
	}
}

.discount-total,
.price-discount {
	color: #c60000
}

.price-discount {
	display: none
}

.cart-gift-boxing-checkbox-mobile {
	display: none;
	margin: 130px 0 0 10px
}

@media (max-width:768px) {
	.cart-item-gift-boxing-checkbox {
		display: none
	}
	.cart-gift-boxing-checkbox-mobile {
		display: block
	}
}

#gift-boxing-detail-card {
	visibility: hidden;
	z-index: 2;
	position: absolute;
	border: 1px solid #666;
	width: 300px;
	height: 380px;
	padding: 10px;
	margin: 10px 0 0 10px;
	background-color: #fff;
	line-height: normal;
	font-weight: 100
}

#cart-header-gift-icon {
	margin-right: 10px
}

#cart-header-gift-icon:hover #gift-boxing-detail-card {
	visibility: visible
}

.header.is-open .header-logo,
.s-hidden {
	visibility: hidden
}

span.SpnTooltipShipPopMsg {
	word-break: keep-all
}

span.SpnTooltipShipPopMsg span {
	display: none;
	padding: 2px 3px;
	text-align: left;
	font-weight: 400;
	color: #000;
	line-height: 1.4
}

span.SpnTooltipShipPopMsg img {
	vertical-align: text-bottom;
	padding-left: 4px
}

.SpnTooltipShipPopMsg:hover span {
	z-index: 2;
	background: #fff;
	font-family: sofia-pro, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #ccc;
	margin-left: -190px;
	margin-top: 20px;
	width: 190px;
	display: inline;
	position: absolute
}

.multiple-bopus-message,
.out-of-stock-message {
	display: none;
	color: #c60000;
	font-size: 12px;
	margin: 10px 1.5rem
}

@media (min-width:769px) {
	.multiple-bopus-message,
	.out-of-stock-message {
		margin: 10px 0
	}
}

.addressList {
	font-size: 0;
	list-style: none;
	margin-left: -.78571rem;
	margin-right: -.78571rem
}

.address {
	display: inline-block;
	padding: 0 .78571rem;
	vertical-align: top;
	width: 100%
}

@media (min-width:551px) {
	.address {
		width: 50%
	}
}

@media (min-width:1261px) {
	.address {
		width: 33.33333%
	}
}

.panel--address {
	font-size: 1rem;
	position: relative
}

.panel--address .panel-body {
	min-height: 17.85714rem;
	padding: 1.5rem
}


@media (min-width:551px) {
	.panel--address .panel-body {
		padding: 1.5rem 1.5rem 4.5rem
	}
}

.address-title {
	margin: 0 0 .78571rem;
	text-transform: none
}

.address-details {
	list-style: none;
	margin: 0 0 .78571rem
}

.address-details--postal {
	font-size: 15px
}

.address-description,
.address-label {
	display: inline-block;
	font-size: 1rem;
	margin: 0
}

.address-label {
	color: #757575;
	font-weight: 400
}

.panel--newAddress {
	display: block;
	text-align: center;
	text-decoration: none
}

.panel--newAddress:hover .address-title {
	color: #757575
}

.panel--newAddress .panel-body {
	background-color: transparent;
	border: 1px solid #e5e5e5;
	display: block
}

.panel--newAddress .address-title {
	margin-bottom: 0;
	transition: all .15s ease
}

.address-addNew {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-55%)
}

.address-symbol {
	font-size: 50px;
	line-height: 1
}


.previewCart:after,
.previewCart:before {
	content: " ";
	display: table
}

.previewCart {
	margin: 0 auto;
	max-width: 85.71429rem;
	width: 100%
}

@media (min-width:769px) {
	.previewCart .productView {
		width: 75%;
		float: left;
		display: -ms-flexbox;
		display: flex;
		margin: 0;
		padding: 0 .75rem
	}
}

.previewCart .SpnTooltipShipPopMsg {
	display: none
}

.previewCart .SpnTooltipShipPopMsg:hover span {
	background: #fff;
	font-family: sofia-pro, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #ccc;
	margin-left: -90px;
	margin-top: 20px;
	width: 54%;
	display: inline;
	position: absolute
}

@media (min-width:769px) {
	.previewCart .SpnTooltipShipPopMsg:hover span {
		background: #fff;
		font-family: sofia-pro, Arial, Helvetica, sans-serif;
		font-size: 12px;
		border: 1px solid #ccc;
		margin-left: -30px;
		margin-top: 20px;
		width: 175px;
		display: inline;
		position: absolute
	}
}

.previewCartCheckout {
	background: #e5e5e5;
	padding: 1rem;
	text-align: center;
	display: none
}

@media (min-width:769px) {
	.previewCartCheckout {
		width: 25%;
		float: right;
		padding: 1.5rem
	}
}

.previewCartCheckout .button {
	display: block;
	margin: 0;
	width: 100%
}

.previewCartCheckout .button+.button,
.previewCartCheckout .button+p {
	margin-top: .78571rem
}

.previewCartCheckout-price {
	display: block;
	font-size: 28px;
	font-weight: 700;
	text-align: center
}

.previewCartCheckout-subtotal {
	display: block;
	margin-bottom: 1.5rem;
	margin-top: 1.5rem
}

.previewCartCheckout-additionalCheckoutButtons p {
	float: none!important;
	margin: .5rem 0
}

.previewCartCheckout-additionalCheckoutButtons .CheckoutButton {
	margin-bottom: 1rem
}

.previewCartCheckout-additionalCheckoutButtons .CheckoutButton:first-child {
	margin-top: 1.5rem
}

.previewCartCheckout-additionalCheckoutButtons .CheckoutButton:last-child {
	margin-bottom: 1.5rem
}

.suggestiveCart {
	display: none;
	text-align: center
}

.adminBar,
.adminBar-content a {
	font-weight: 600;
	text-decoration: none
}

@media screen and (max-width:769px) {
	.has-cart {
		overflow: hidden;
	}
}
.has-cart .overlay-background, .is-open.fp_m_sticky_top_nav_sticky_nav ~ .body .overlay-background {
	display: block;
	position: fixed;
	top: 0;
	background: #000;
	opacity: .5;
	z-index: 110;
	width: 100%;
	height: 100%
}

@media screen and (max-width:769px) {
	.has-cart .header {
		z-index: 101;
		border-color: grey;
		background: grey;
	}
	.has-cart .navStore-container .navStore-container #quickSearch,
	.has-cart .navUser {
		background: transparent;
		z-index: 110;
	}
	.has-cart .dropdown-account-mobile,
	.has-cart .navStore-container #quickSearch {
		opacity: .5
	}
}


.cookieMessage {
	background: #e5e5e5;
	color: #333;
	display: none
}

.cookieMessage .button {
	width: 100%
}

@media (min-width:769px) {
	.cookieMessage .button {
		vertical-align: middle;
		width: 25%
	}
	.cookieMessage-container {
		width: 83.33333%
	}
}

.cookieMessage-container {
	margin: 0 auto;
	padding: 1.5rem
}

@media (min-width:1261px) {
	.cookieMessage .button {
		vertical-align: top
	}
	.cookieMessage-container {
		width: 58.33333%
	}
}

@media (min-width:769px) {
	.cookieMessage-text {
		display: inline-block;
		padding: 0 .78571rem;
		vertical-align: middle;
		width: 66.66667%
	}
}

.login {
	width: 940px
}

.login .alertBox {
	display: block;
	border-radius: 0
}

.login .login-row {
	display: -ms-flexbox;
	display: flex
}


@media (max-width:768px) {
	.login {
		width: 100%
	}
	.login .login-row {
		display: block
	}
}

.search-suggestion {
	margin-bottom: 2rem
}

.search-suggestion>:last-child {
	margin-bottom: 0
}

.suggestion-title {
	margin-top: 0;
	text-transform: inherit
}

.advancedSearch-form {
	margin-bottom: 3rem
}

.quickSearchResults {
	margin-top: 1.5rem;
	display: none
}

.quickSearchResults .modal-close {
	display: none
}

@media (min-width:769px) {
	.quickSearchResults {
		margin-top: 0
	}
	.quickSearchResults .modal-close {
		display: block
	}
}

.advancedSearch-separator {
	display: none
}

.advancedSearch-title {
	margin: 0 0 1.5rem;
	text-transform: inherit
}

.search-price-range label {
	display: inline
}

.search-price-range label input {
	display: block;
	padding-left: 1.5rem
}

@media (min-width:551px) {
	.search-price-range label input {
		display: inline;
		width: 6rem
	}
	.search-price-range label span {
		display: inline;
		padding-left: 1.5rem;
		padding-right: 1.5rem
	}
}

.category-suggestion-list {
	margin: 0 -.75rem;
	max-width: none;
	width: auto;
	list-style-type: none
}

.category-suggestion-list:after,
.category-suggestion-list:before {
	content: " ";
	display: table
}

.category-suggestion {
	padding-left: .75rem;
	padding-right: .75rem;
	width: 33.33333%;
	float: left;
	font-size: 15px
}

.search-refine {
	margin-left: 1.5rem
}

.quickSearchMessage {
	font-size: 28px;
	margin: 1.5rem 0 0;
	text-align: center
}

.search-filter-breadcrumbs {
	font-size: 12px;
	color: #333
}

.search-filter-breadcrumbs .breadcrumb-close-icon {
	height: .85rem;
	fill: #757575;
	display: inline-block;
	position: relative;
	top: 3px
}

.search-filter-breadcrumbs .filter-breadcrumbs {
	margin-left: 5px
}

.search-filter-breadcrumbs .filter-breadcrumbs-label {
	cursor: pointer
}

.search-filter-breadcrumbs .filter-breadcrumbs-label:before {
	color: #757575;
	content: "/";
	margin: 0.1rem
}

.account-heading {
	border-bottom: 1px solid #e5e5e5;
	margin: 0;
	padding-bottom: 1rem
}

.account-list {
	list-style: none;
	margin-left: 0
}

.account-listItem {
	position: relative
}

.account-listItem img {
	width: 100%
}

.account-listShipping {
	border-bottom: 1px solid #e5e5e5;
	font-weight: 700;
	padding: 2rem 0
}

.account-listShipping .account-listShipping-title {
	margin: 0;
	text-transform: inherit
}

.account-orderTotal {
	float: right;
	font-size: 15px;
	margin-top: -1.5rem;
	width: 66.66667%
}

.account-orderTotal-key,
.account-orderTotal-value {
	margin: 0
}

.account-orderTotal-key {
	color: #757575;
	float: left;
	font-weight: 400
}

.account-orderTotal-key:last-of-type {
	position: relative;
	top: .28571rem
}

.account-orderTotal-value {
	text-align: right
}

.account-orderTotal-value:last-child {
	border-bottom: 0;
	font-size: 20px
}

.account-orderStatus {
	bottom: 0;
	left: 0;
	position: absolute
}

.account-orderStatus-label {
	background-color: #ccc;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	line-height: 15px;
	margin: 0 0 .35714rem;
	padding: .21429rem .5rem
}

.account-orderStatus-action {
	color: #757575;
	display: inline-block;
	font-size: 12px;
	font-style: italic;
	letter-spacing: .25px;
	margin-left: .78571rem;
	text-align: right;
	text-decoration: underline;
	vertical-align: top
}

@media (min-width:551px) {
	.account-orderStatus {
		float: right;
		position: inherit;
		text-align: right
	}
	.account-orderStatus-action {
		display: block;
		margin-left: 0
	}
}

.account-orderStatus-action:hover {
	color: #333
}

.account .pagination {
	color: #999;
	margin-top: 3rem;
	text-align: center
}

.account-message .is-read {
	color: #999
}

.account-downloadsItem-availability,
.order-payments-description,
.panel--newPaymentMethod:hover .paymentMethod-title {
	color: #757575
}

.account-sidebar-block {
	font-size: 15px
}

.account-sidebar-block+.account-sidebar-block {
	margin-top: 3rem
}

.account-sidebar-block .account-heading {
	margin-bottom: 1.5rem
}

.account-downloadsList ol,
.account-downloadsList ul,
.account-order-address ol,
.account-order-address ul {
	margin-bottom: 0;
	list-style: none
}

.account-order-address {
	list-style: none;
	margin-left: 0
}

.account-reorder-form {
	display: inline-block
}

.order-payments-description {
	font-weight: 400;
	margin-top: 1.5rem
}

.account-downloads-summary {
	border-bottom: 1px solid #e5e5e5;
	font-size: 15px;
	padding-bottom: 1.5rem
}

.account-downloadsList {
	list-style: none;
	margin-left: 0
}

.account-downloadsItem {
	margin-bottom: 1.5rem
}

.account-downloadsItem>:first-child {
	margin-top: 0
}

.account-downloadsItem>:last-child {
	margin-bottom: 0
}

.account-downloadsItem-title {
	color: #757575;
	font-size: 15px;
	margin-bottom: .21429rem;
	text-transform: inherit
}

.account-downloadsItem-description {
	margin-bottom: 0
}

.icon--ratingEmpty svg {
	fill: #ccc
}

.icon--ratingFull svg {
	fill: #000
}

.rating--small {
	display: inline-block
}

.rating--small .icon {
	height: 1rem;
	width: 1rem;
	margin-top: -3px
}

.apple-pay-checkout-button {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100% 60%;
	border-radius: .28571rem;
	cursor: pointer;
	display: none;
	max-height: 4.57143rem;
	min-height: 2.28571rem;
	min-width: 9.57143rem;
	padding: 1.5rem;
	background-color: #000;
	background-image: -webkit-named-image(apple-pay-logo-white)
}

.cart-additionalCheckoutButtons .apple-pay-checkout-button {
	margin-top: .78571rem
}

.apple-pay-supported .apple-pay-checkout-button {
	display: block
}

@media (min-width:551px) {
	.apple-pay-supported .apple-pay-checkout-button {
		display: inline-block;
		float: right
	}
}

.previewCartCheckout .apple-pay-checkout-button {
	float: none;
	margin-top: .78571rem
}

.paymentMethodList {
	font-size: 0;
	list-style: none;
	margin-top: 30px;
	margin-left: -.78571rem;
	margin-right: -.78571rem
}

.paymentMethodName {
	margin-top: 0;
	padding: 0 .78571rem;
	text-transform: none
}

.paymentMethod {
	display: inline-block;
	padding: 0 .78571rem;
	vertical-align: top;
	width: 100%
}

@media (min-width:551px) {
	.paymentMethod {
		width: 50%
	}
	.paymentMethodForm {
		max-width: 60%
	}
	.paymentMethodForm .paymentMethodForm-column {
		display: -ms-flexbox;
		display: flex
	}
	.paymentMethodForm .paymentMethodForm-column .paymentMethodForm-inputs:first-child {
		width: 70%
	}
	.paymentMethodForm .paymentMethodForm-column .paymentMethodForm-inputs:last-child {
		padding-left: 1.5rem;
		width: 30%
	}
}

.paymentMethodForm input {
	border-radius: 0
}

.panel--paymentMethod {
	font-size: 1rem;
	position: relative
}

.panel--paymentMethod .panel-body {
	border: 1px solid #e5e5e5;
	border-radius: .21429rem;
	min-height: 16.28571rem;
	padding: 0
}

.paymentMethod-card,
.paymentMethod-details {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	margin-bottom: 0
}

.paymentMethod-card {
	-ms-flex-align: center;
	align-items: center;
	background: #fff;
	padding: .78571rem
}

.paymentMethod-icon {
	margin-right: .78571rem;
	width: 2rem
}

.paymentMethod-brand {
	font-size: 13px;
	font-weight: 600
}

@media (min-width:1261px) {
	.paymentMethod-card {
		padding: 1.5rem
	}
	.paymentMethod-icon {
		width: 3rem
	}
	.paymentMethod-brand {
		font-size: 1rem
	}
}

.paymentMethod-default {
	margin-left: .78571rem
}

.paymentMethod-default.icon {
	fill: #666;
	height: 1.28571rem;
	width: 1.28571rem
}

@media (min-width:1261px) {
	.paymentMethod-default.icon {
		height: 1.42857rem;
		width: 1.42857rem
	}
}

.paymentMethod-expiry {
	font-size: 15px;
	margin-left: auto;
	text-transform: capitalize
}

.paymentMethod-details {
	padding: 1.5rem
}

.paymentMethod-description,
.paymentMethod-label {
	display: inline-block;
	font-size: 13px;
	margin-bottom: .78571rem
}

.paymentMethod-label {
	-ms-flex: 7.14286rem;
	flex: 7.14286rem;
	font-weight: 600
}

.paymentMethod-description {
	-ms-flex: calc(100% - 100px);
	flex: calc(100% - 100px);
	padding-left: .78571rem
}

.paymentMethod-form {
	padding: 0 1.5rem .78571rem
}

@media (min-width:551px) {
	.paymentMethod-form {
		bottom: .78571rem;
		position: absolute;
		width: auto
	}
}

.panel--newPaymentMethod {
	display: block;
	text-align: center;
	text-decoration: none
}

.panel--newPaymentMethod .panel-body {
	background-color: transparent
}

.panel--newPaymentMethod .paymentMethod-title {
	margin-bottom: 0;
	text-transform: none;
	transition: all .15s ease
}

.paymentMethod-addNew {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-55%)
}

.paymentMethod-symbol {
	font-size: 50px;
	line-height: 1
}

.paymentMethodForm-heading {
	color: #333;
	margin-top: 1.5rem;
	text-transform: capitalize
}

.paymentMethodForm-subheading {
	display: -ms-flexbox;
	display: flex;
	font-weight: 600
}

.paymentMethodForm-cards-icon {
	margin-right: .21429rem;
	width: 2.42857rem
}

.paymentMethodForm-inputs {
	position: relative
}

.paymentMethodForm-inputs-icon {
	position: absolute;
	right: .64286rem;
	top: 2.78571rem
}

.paymentMethodForm-inputs-icon.icon {
	fill: #999;
	height: 1.5rem;
	width: 1.5rem
}

.paymentMethodForm-details {
	margin-bottom: 0
}

@media (min-width:551px) {
	.paymentMethodForm-details {
		display: inline-block;
		margin: 0 3rem 0 0
	}
}

.paymentMethodForm-details-term {
	font-weight: 400;
	margin-bottom: .78571rem
}

.paymentMethodForm-details-description {
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .25px
}

.header {
	background-color: #fff;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	top: 7px;
	width: 100%;
	z-index: 100
}

@media (min-width:769px) {
	.header {
		border-bottom: 1px solid #e5e5e5;
		overflow: visible
	}
}

.header.is-open {
	height: 100%;
	z-index: 9999;
	border: 0
}

.header.is-open #quickSearch,
.header.is-open #search-app-container,
.header.is-open .navStore-container,
.header.is-open .navUser {
	background: #000;
	opacity: .5;
	z-index: 0
}

.header-logo {
	font-size: 0;
	margin: 0 3.92857rem;
	text-align: center;
	max-width: 160px
}

@media (min-width:551px) {
	.header-logo {
		margin-left: 5.89286rem;
		margin-right: 5.89286rem
	}
}

@media (min-width:769px) {
	.header.is-open {
		height: auto
	}
	.header-logo {
		margin: 0;
		padding: 0;
		min-width: 200px
	}
	.header.fixed .header-logo {
		background-color: #e5e5e5;
		margin: 0;
		padding: .35714rem 0;
		position: absolute;
		top: 0;
		width: 100%
	}
}

.header-logo>a {
	color: #333;
	display: inline-block;
	padding: .78571rem 0;
	position: relative;
	text-decoration: none;
	width: 60%;
	z-index: 20;
	min-width: 105px
}

.header-logo>a:after,
.header-logo>a:before {
	content: " ";
	display: table
}

.header-logo>a:active,
.header-logo>a:hover {
	color: #757575
}

.header-logo--left {
	text-align: left
}

.header-logo--left .header-logo-image {
	right: unset
}

.header-logo--right {
	text-align: right
}

@media (min-width:769px) {
	.header-logo>a {
		background: 0 0;
		border-bottom: 0;
		display: inline;
		padding: 0;
		width: 100%
	}
	.header-logo--right {
		margin-right: 2.85714rem
	}
}

.header-logo--right .header-logo-image {
	left: unset
}

.header-logo-text {
	display: block;
	font-family: Montserrat, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: .14286rem;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding: .21429rem 0;
	text-overflow: ellipsis;
	text-transform: uppercase
}

@media (min-width:551px) {
	.header-logo-text {
		font-size: 22px;
		padding-bottom: 0;
		padding-top: 0
	}
}

@media (min-width:769px) {
	.header-logo-text {
		display: inline;
		font-size: 28px;
		margin-left: 0;
		margin-right: -.14286rem;
		max-width: none;
		overflow: auto;
		white-space: normal
	}
	.header.fixed .header-logo-text {
		font-size: 25px
	}
}

.nowrap {
	white-space: nowrap
}

.header-logo-image-container {
	position: relative;
	max-height: 80px
}

.header-logo-image-container:after {
	content: '';
	display: block;
	padding-bottom: 2.35714rem
}

.header-logo-image {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-height: 48px;
	height: 22px
}

@media (min-width:769px) {
	.header-logo-image-container:after {
		padding-bottom: 66px
	}
	.header-logo-image {
		max-height: none;
		height: 48px
	}
}

.header-logo-image-unknown-size {
	max-height: 2.35714rem
}

.mobileMenu-toggle {
	height: 3.92857rem;
	width: 3.92857rem;
	display: inline-block;
	font-size: 0;
	left: 0;
	overflow: hidden;
	padding: 0 1.28571rem;
	position: absolute;
	z-index: 50
}

@media (min-width:769px) {
	.header-logo-image-unknown-size {
		max-height: none
	}
	.mobileMenu-toggle {
		display: none
	}
}

.mobileMenu-toggle .mobileMenu-toggleIcon {
	display: block;
	height: 2px;
	position: absolute;
	transform: rotate(0);
	transition: transform .1s ease-in, top .1s ease-in 150ms, bottom .1s ease-in 150ms;
	width: 1.42857rem;
	top: 1.3rem
}

.mobileMenu-toggle .close-icon,
.mobileMenu-toggle.is-open .mobileMenu-toggleIcon .hamburger-icon {
	display: none
}

.page-sidebar {
	position: relative
}

.mobileMenu-toggle .mobileMenu-toggleIcon::before {
	top: -.5rem
}

.mobileMenu-toggle .mobileMenu-toggleIcon::after {
	bottom: -.5rem
}

.mobileMenu-toggle.is-open {
	left: 65%
}

.mobileMenu-toggle.is-open .mobileMenu-toggleIcon {
	background-color: transparent;
	transition-delay: .1s
}

.mobileMenu-toggle.is-open .mobileMenu-toggleIcon .close-icon {
	display: block
}

.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after,
.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before {
	background-color: #444;
	bottom: auto;
	top: auto;
	transition: transform .1s ease-in 150ms, top .1s ease-in, bottom .1s ease-in
}

.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before {
	top: 0;
	transform: rotate(45deg)
}

.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after {
	bottom: 0;
	transform: rotate(-45deg)
}

#customer_email,
#customer_id {
	display: none
}

.search-main-div {
	margin-top: 0
}

@media (min-width:769px) {
	.search-main-div {
		margin-top: 2rem
	}
}

.page {
	margin: 0 -.75rem;
	max-width: none;
	width: auto
}

.page:after,
.page:before {
	content: " ";
	display: table
}

.page-content,
.page-content--full {
	padding-left: .75rem;
	padding-right: .75rem;
	width: 100%;
	float: left
}

@media (min-width:769px) {
	.page-content--centered {
		padding-left: .75rem;
		padding-right: .75rem;
		width: 66.66667%;
		margin-left: auto;
		margin-right: auto;
		float: none
	}
}

.page-sidebar {
	padding-left: .75rem;
	padding-right: .75rem;
	width: 100%;
	float: left
}

@media (min-width:769px) {
	.page-sidebar,
	.page-sidebar+.page-content {
		padding-left: .75rem;
		padding-right: .75rem;
		float: left
	}
	.page-sidebar {
		width: 25%
	}
	.page-sidebar+.page-content {
		width: 75%
	}
}

.footer {
	background-color: #fff;
	padding: 3rem 0
}

.footer .container {
	max-width: none;
	padding: 0
}

.footer .container .subContainer {
	max-width: 940px;
	margin: auto
}

.blog .socialLinks,
.blog .tags {
	text-align: center
}

.container {
	margin-left: auto;
	margin-right: auto;
	max-width: 940px;
	padding: 0 1.5rem;
	position: relative;
	width: 100%
}

@media (min-width:1261px) {
	.container {
		padding: 0 6rem;
		box-sizing: content-box
	}
}

.brandGrid .brand,
.productGrid .product {
	padding-left: .75rem;
	padding-right: .75rem;
	float: none;
	vertical-align: top
}

.blog {
	margin-bottom: 1.5rem
}

@media (min-width:769px) {
	.blog {
		margin: auto;
		width: 100%
	}
}

.blog .addthis_toolbox,
.blog .tags,
.blog+.blog {
	margin-top: 3rem
}

.blog+.blog {
	border-top: 1px solid #e5e5e5;
	padding-top: 3rem
}

.blog-title {
	font-size: 22px;
	margin: 0 1.5rem .35714rem
}

.blog-title a {
	text-decoration: none
}

.blog-author,
.blog-date {
	color: #757575;
	text-align: center
}

.blog-author {
	margin-bottom: 2.5rem
}

.blog-post {
	font-size: 15px;
	text-align: left
}

.blog-thumbnail {
	margin: 0 auto 2rem;
	position: relative;
	max-width: 190px
}

.blog-thumbnail img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

.blog-thumbnail:after {
	content: '';
	display: block;
	height: 0;
	width: 100%;
	padding-bottom: 80%
}

.blog-post-figure {
	display: block;
	margin: auto;
	text-align: center
}

@media (min-width:769px) {
	.blog-post-figure {
		width: 66.66667%
	}
}

.blog-post-body {
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 100%
}

@media (min-width:551px) {
	.blog-post-body {
		width: 83.33333%
	}
}

@media (min-width:769px) {
	.blog-post-body {
		width: 66.66667%
	}
}

@media (min-width:1261px) {
	.blog-post-body {
		width: 50%
	}
}

.sidebarBlock+.sidebarBlock {
	border-top: 1px solid #e5e5e5;
	margin-top: 2rem;
	padding-top: 2rem
}

.sidebarBlock-heading {
	margin-top: 0;
	text-transform: inherit
}

.brandGrid {
	list-style: none;
	margin: 0 -.75rem 1.5rem;
	max-width: none;
	width: auto;
	font-size: 0
}

.brandGrid ol,
.brandGrid ul {
	list-style: none;
	margin-bottom: 0
}

.brandGrid:after,
.brandGrid:before {
	content: " ";
	display: table
}

.brandGrid .brand {
	width: 50%;
	display: inline-block;
	font-size: 1rem
}

@media (min-width:551px) {
	.brandGrid .brand {
		width: 33.33333%
	}
}

@media (min-width:769px) {
	.brandGrid .brand {
		width: 25%
	}
}

.brand-image-container:after {
	content: '';
	display: block;
	height: 0;
	width: 100%;
	padding-bottom: 80%
}

.brand-image-container {
	position: relative;
	max-width: 100px
}

.brand-image-container img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

.filter-product-container {
	display: flex;
	width: 100%;
}

.appliedFilters div{
	text-transform: capitalize;
}

.vertical-filter {
	width: 25%;
	margin-right: 10px;
	padding-right: 10px;
}

.vertical-filter label div{
	text-transform: capitalize;
}

.vertical-filter ul{
	margin: 0;
}
.productGrid {
	max-width: none;
	width: 100%;
	font-size: 0
}

.vertical-filter h5 {
	margin-top: 0;
}

.desktopFilters::-webkit-scrollbar {
	display: none;
	width: 10px
}

.productGrid ol,
.productGrid ul {
	list-style: none;
	margin-bottom: 0
}

.productGrid:after,
.productGrid:before {
	content: " ";
	display: table
}

.productGrid .product {
	width: 50%;
	display: inline-block;
	font-size: 13px
}

@media (max-width:768px) {
	.productGrid .product {
		padding-left: 2.5px;
		padding-right: 2.5px
	}
}

@media (min-width:551px) {
	.productGrid .product {
		width: 33.33333%
	}
}

@media (min-width:768px) {
	.productGrid .product.product-25 {
		width: 25%
	}
}

.productMasonry {
	column-count: 2;
	column-fill: auto;
	column-gap: 1.42857rem;
	margin: 0 0 1.5rem;
	overflow: hidden
}

@media (min-width:551px) {
	.page-sidebar+.page-content .productGrid .product {
		width: 33.33333%
	}
	.productMasonry {
		column-count: 3
	}
}

.productMasonry .product {
	break-inside: avoid;
	page-break-inside: avoid;
	display: block;
	margin-bottom: 3rem;
	padding: 0;
	width: 100%
}

.productMasonry .card {
	margin: 0
}

@media (min-width:769px) {
	.productMasonry {
		column-count: 4
	}
	.no-csscolumns .productGrid--maxCol6 .product {
		width: 16.66667%
	}
	.csscolumns .productGrid--maxCol6 {
		column-count: 6
	}
}

.productGrid--maxCol3 {
	margin: 0 -.75rem;
	max-width: none;
	width: auto
}

.productGrid--maxCol3:after,
.productGrid--maxCol3:before {
	content: " ";
	display: table
}

.productGrid--maxCol3 .product {
	padding-left: .75rem;
	padding-right: .75rem;
	width: 33.33333%;
	float: none;
	display: inline-block;
	font-size: 1rem;
	vertical-align: top
}

@media (min-width:551px) {
	.productGrid--maxCol3 .product {
		width: 33.33333%
	}
}

@media (min-width:769px) {
	.productGrid--maxCol3 .product {
		width: 32.33333%
	}
	.no-csscolumns .productGrid--maxCol3 .product {
		width: 33.33333%
	}
	.csscolumns .productGrid--maxCol3 {
		padding-left: .75rem;
		padding-right: .75rem;
		width: 100%;
		float: left;
		float: none
	}
	.csscolumns .productGrid--maxCol3 .product {
		padding-left: .75rem;
		padding-right: .75rem;
		width: 33.33333%;
		float: none
	}
}

.productGrid--maxCol2 {
	list-style: none;
	margin: 0 -.75rem 1.5rem;
	max-width: none;
	width: auto;
	font-size: 0
}

.productGrid--maxCol2 ol,
.productGrid--maxCol2 ul {
	list-style: none;
	margin-bottom: 0
}

.productGrid--maxCol2:after,
.productGrid--maxCol2:before {
	content: " ";
	display: table
}

.productGrid--maxCol2 .product {
	padding-left: .75rem;
	padding-right: .75rem;
	width: 16.66667%;
	float: none;
	display: inline-block;
	font-size: 1rem;
	vertical-align: top
}

@media (min-width:551px) {
	.productGrid--maxCol2 .product {
		width: 50%
	}
}

@media (min-width:769px) {
	.productGrid--maxCol2 .product {
		width: 50%
	}
}

.searchPageLoader {
	width: 51px;
	height: 51px;
	margin: 0 auto
}

.productList {
	list-style: none;
	margin: .78571rem
}

.productList ol,
.productList ul {
	list-style: none;
	margin-bottom: 0
}

.productList .product+.product {
	margin-top: 4rem
}

@media (min-width:551px) {
	.listItem {
		margin: 0 -.75rem;
		max-width: none;
		width: auto;
		display: table
	}
	.listItem:after,
	.listItem:before {
		content: " ";
		display: table
	}
	.listItem:after {
		clear: both
	}
	.listItem-body,
	.listItem-figure {
		display: table-cell;
		vertical-align: top
	}
}

.listItem-button {
	background-color: rgba(255, 255, 255, .9);
	color: #333
}

.listItem-button:hover {
	background-color: #fff;
	color: #333
}

.listItem-figure {
	margin: 0 0 1.5rem
}

@media (min-width:551px) {
	.listItem-figure {
		margin-bottom: 0;
		padding-left: .78571rem;
		padding-right: .78571rem;
		width: 25%
	}
}

.listItem-figure .listItem-button {
	margin: 1.5rem 0
}

.listItem-figureBody {
	opacity: 1;
	text-align: center
}

.listItem-image {
	width: 100%
}

@media (min-width:551px) {
	.listItem-body {
		padding-left: 1.28571rem;
		padding-right: .78571rem;
		width: 75%
	}
}

@media (min-width:1261px) {
	.listItem-body,
	.listItem-figure {
		vertical-align: middle
	}
	.listItem-figure {
		position: relative
	}
	.listItem-figure .listItem-button {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		display: inline-block;
		margin: 0 0 1.5rem;
		pointer-events: all;
		transform-style: preserve-3d
	}
	.listItem-figureBody {
		bottom: 0;
		height: 100%;
		left: .78571rem;
		opacity: 0;
		position: absolute;
		right: .78571rem;
		top: 0
	}
	.listItem-figureBody:hover {
		opacity: 1
	}
	.listItem-content {
		display: table
	}
	.listItem-actions,
	.listItem-details {
		display: table-cell;
		vertical-align: top
	}
	.listItem-details {
		padding-right: 6rem
	}
	.listItem-details>:last-child {
		margin-bottom: 0
	}
}

.listItem-rating {
	margin-bottom: .35714rem
}

.listItem-brand {
	color: #999;
	font-size: 1rem;
	margin: 0 0 .21429rem
}

@media (min-width:769px) {
	.listItem-brand {
		font-size: 15px;
		margin-bottom: 0
	}
}

.listItem-title {
	font-size: 15px;
	margin: 0 0 .21429rem
}

.listItem-title>a {
	text-decoration: none
}

.listItem-price {
	margin-bottom: 1rem
}

@media (min-width:769px) {
	.listItem-price,
	.listItem-title {
		font-size: 20px
	}
}

.listItem-actions .button {
	margin-bottom: 0
}

@media (min-width:1261px) {
	.listItem-actions {
		vertical-align: middle;
		width: 22%
	}
	.listItem-actions .button--compare {
		font-size: 13px;
		padding: .57143rem 1.5rem
	}
	.listItem-actions .button {
		width: 100%
	}
	.listItem-actions .button+.button {
		margin: .78571rem 0 0
	}
	.page-sidebar+.page-content .productList .listItem-details {
		padding-right: 3rem
	}
	.page-sidebar+.page-content .productList .listItem-actions {
		width: 30%
	}
}

.productView {
	max-width: 940px;
}

.productView:after,
.productView:before {
	content: " ";
	display: table
}

.wislist-container-desktop {
	display: none
}

@media (max-width:768px) {
	.productView {
		width: auto
	}
}

.modal .productView {
	padding-bottom: 0;
	padding-top: 0
}

@media (min-width:769px) {
	.product-images-container {
		display: none
	}
}

.product-images-container>div:first-child {
	width: 40px;
	text-align: right;
	padding-left: 10px
}

@media (min-width:769px) {
	.wislist-container-desktop {
		display: inline-block;
		width: 40px;
		padding-left: 15px
	}
}

.atc-store {
	display: -ms-flexbox;
	display: flex
}

.choose-item,
.product-options {
	display: none
}

.choose-item {
	margin-left: 2%
}

@media (min-width:769px) {
	.choose-item {
		margin-left: 43%
	}
}

.choose-item a {
	display: block;
	border-radius: 0;
	height: 42px;
	line-height: 42px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 12px;
	background-color: #323232;
	font-family: Proxima Nova, "proxima-nova", Helvetica, sans-serif;
}

#orderfabric {
	height: 57px!important
}

.s-hidden {
	padding-right: 10px
}

.select {
	cursor: pointer;
	display: inline-block;
	position: relative;
	font: 400 12px/22px Arial, Sans-Serif;
	color: #000;
	border: 1px solid #ccc;
	width: 100%
}

.styledSelect {
	position: absolute;
	top: 1rem;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
	padding: 0 10px;
	font-weight: 700;
	font-size: 13px;
	text-transform: capitalize
}

.styledSelect:before {
	content: "";
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-color: #fff transparent transparent;
	position: absolute;
	top: 30%;
	right: .5rem;
	z-index: 2
}

.styledSelect:after {
	content: "";
	width: 30px;
	height: 50px;
	background: #000;
	position: absolute;
	top: -1rem;
	right: 0
}

.size-preview-img {
	width: 44px;
	height: 44px;
	margin: -.8rem 10px 0 0
}

.styled-options-pdp-dropdown-select {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 999;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid #ccc;
	background-color: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.styled-options-pdp-dropdown-select li {
	margin: 0;
	padding: 1.2rem 10px;
	height: 52px;
	text-transform: capitalize;
	font-size: 13px;
	border-bottom: 1px solid #ccc
}

.gift-wrap-icon-collection-variant {
	float: right;
	margin: -10px 0 10px
}

@media (min-width:769px) {
	.gift-wrap-icon-collection-variant {
		margin-top: -20px
	}
}

.clearance-message {
	color: #c60000;
	font-size: 13px;
	margin: 10px 0 10px 120px
}

@media (min-width:769px) {
	.clearance-message {
		margin: 10px 0
	}
}

.color-module,
.product {
	overflow: hidden
}

.account {
	margin-bottom: 1.5rem
}

@media (min-width:769px) {
	.account--fixed {
		margin: 0 auto;
		width: 66.66667%
	}
	.account--fixedSmall {
		margin: 0 auto;
		width: 50%
	}
}

.forgot-password-div {
	width: 100%;
	margin-top: 4.5rem
}

.forgot-password-div p {
	line-height: 1.75;
	text-align: justify
}

.forgot-password-div .alertBox {
	display: block;
	border-radius: 0
}

.forgot-password-div .page-heading {
	margin-bottom: 40px;
	font-weight: 700;
	font-size: 24px;
	letter-spacing: inherit
}

.forgot-password-div .forgot-password-form {
	width: 100%
}

@media (min-width:769px) {
	.forgot-password-div .page-heading {
		font-size: 28px
	}
	.forgot-password-div .forgot-password-form {
		width: 50%
	}
}

.forgot-password-div .forgot-password-form .redAsterisk {
	color: red
}

@media (min-width:769px) {
	.account--fixedLarge {
		margin: 0 auto;
		width: 75%
	}
	.account-content--fixed {
		width: 66.66667%
	}
}

.account-head {
	margin-bottom: 3rem;
	text-align: center
}

.account-head .alertBox {
	padding-left: 3rem;
	padding-right: 3rem;
	text-align: left
}

@media (min-width:769px) {
	.account-content--fixedSmall {
		width: 50%
	}
}

.account-sidebar {
	padding-left: .75rem;
	padding-right: .75rem;
	width: 100%;
	float: left
}

.account-order-header {
	font-size: 12px;
	font-weight: 600
}

.account-order-header img {
	margin-bottom: 30px
}

.account-order-header .order-info {
	-ms-flex-pack: center;
	justify-content: center;
	margin: 1.5rem 0
}

.account-order-header .order-info>div {
	margin-right: 20px
}

.account-order-header .order-info>div span {
	color: #797979
}

@media (min-width:769px) {
	.account-sidebar {
		width: 33.33333%
	}
	.account-content--fixedSmall+.account-sidebar {
		float: right
	}
	.account-order-header {
		text-align: center
	}
}

@media (min-width:769px) {
	.account-address-info .account-sidebar-block {
		width: 33.33%
	}
	.account-list-header {
		display: block;
		list-style: none;
		margin: 0
	}
	.account-list-header li {
		display: inline-block
	}
	.account-list-header li:first-child {
		width: 95px
	}
	.account-list-header li:nth-last-child(-n+3) {
		width: 100px;
		float: right
	}
}

.account-content {
	margin: 30px 0 0
}

.account-listItem {
	padding: .5rem 0;
	border-bottom: 1px solid
}

.account-listItem:first-child {
	border-top: 1px solid
}

.account-orderTotals-info {
	display: -ms-flexbox;
	display: flex;
	clear: both;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse
}

@media (min-width:769px) {
	.account-orderTotals-info {
		-ms-flex-direction: row;
		flex-direction: row
	}
	.account-orderTotals-info .account-order-info {
		width: 60%
	}
	.account-orderTotals-info .account-order-info>div {
		background: #f0f0f0;
		padding: 20px;
		width: 75%
	}
}

.account-orderTotals-info .account-order-info>div {
	margin: 20px 0
}

.account-orderTotals-info .account-orderTotal {
	width: 100%;
	margin-top: 0;
	border: 1px dashed;
	padding: 5px
}

@media (min-width:769px) {
	.account-orderTotals-info .account-orderTotal {
		width: 40%;
		border: none
	}
}

.account-orderTotal-key,
.account-orderTotal-value {
	padding: 0;
	border: none;
	font-size: 14px
}

.account-orderTotal-key:last-of-type,
.account-orderTotal-value:last-of-type {
	font-weight: 700;
	font-size: 14px;
	color: #000
}

.viewOrderInfo .banners,
.viewOrderInfo footer,
.viewOrderInfo header {
	display: none
}

.order-deatils-mobile {
	display: block;
	font-size: 15px;
	line-height: 26px;
	margin-top: 5px
}

.order-deatils-mobile span {
	display: inline-block;
	width: 50%
}

.dropdown-account-mobile {
	display: none;
	position: absolute;
	background: #fff;
	border: 1px solid #e9e9e9;
	left: -50px;
	top: 46px;
	min-width: 130px
}

.dropdown-account-mobile>img {
	position: absolute;
	top: -14px;
	left: 58px;
	width: 15px!important;
	height: 13px!important
}

.dropdown-account-mobile div {
	padding: 10px 20px;
	text-align: center
}

.dropdown-account-mobile div:nth-child(2) {
	border-bottom: 1px solid #e9e9e9
}

.dropdown-account-mobile div a {
	text-decoration: none;
	font-size: 12px;
	color: #000
}

@media (min-width:769px) {
	.dropdown-account-mobile,
	.order-deatils-mobile {
		display: none
	}
}

.navUser-action.mobile {
	display: block;
	position: relative
}

.navUser-action.desktop {
	display: none
}

@media (min-width:769px) {
	.navUser-action.mobile {
		display: none
	}
	.navUser-action.desktop {
		display: inline-block
	}
}

.vakata-context {
	display: none
}

.vakata-context,
.vakata-context ul {
	margin: 0;
	padding: 2px;
	position: absolute;
	background: #f5f5f5;
	border: 1px solid #979797;
	box-shadow: 2px 2px 2px #999
}

.vakata-context .vakata-context-hover>a,
.vakata-context li>a:hover {
	position: relative;
	background-color: #e8eff7;
	box-shadow: 0 0 2px #0a6aa1
}

.vakata-context ul {
	list-style: none;
	left: 100%;
	margin-top: -2.7em;
	margin-left: -4px
}

.vakata-context .vakata-context-right ul {
	left: auto;
	right: 100%;
	margin-left: auto;
	margin-right: -4px
}

.vakata-context li {
	list-style: none;
	display: inline
}

.vakata-context li>a {
	display: block;
	padding: 0 2em;
	text-decoration: none;
	width: auto;
	color: #000;
	white-space: nowrap;
	line-height: 2.4em;
	text-shadow: 1px 1px 0 #fff;
	border-radius: 1px
}

.vakata-context li>a>i,
.vakata-context li>a>i:empty {
	width: 2.4em;
	line-height: 2.4em
}

.vakata-context li>a.vakata-context-parent {
	background-image: url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==);
	background-position: right center;
	background-repeat: no-repeat
}

.vakata-context li>a:focus {
	outline: 0
}

.vakata-context .vakata-context-separator>a,
.vakata-context .vakata-context-separator>a:hover {
	background: #fff;
	border: 0;
	border-top: 1px solid #e2e3e3;
	height: 1px;
	min-height: 1px;
	max-height: 1px;
	padding: 0;
	margin: 0 0 0 2.4em;
	border-left: 1px solid #e0e0e0;
	text-shadow: 0 0 0 transparent;
	box-shadow: 0 0 0 transparent;
	border-radius: 0
}

.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
	color: silver;
	background-color: transparent;
	border: 0;
	box-shadow: 0 0 0
}

.vakata-context li>a>i {
	text-decoration: none;
	display: inline-block;
	height: 2.4em;
	background: 0 0;
	margin: 0 0 0 -2em;
	vertical-align: top;
	text-align: center
}

.vakata-context li>a .vakata-contextmenu-sep {
	display: inline-block;
	width: 1px;
	height: 2.4em;
	background: #fff;
	margin: 0 .5em 0 0;
	border-left: 1px solid #e2e3e3
}

.vakata-context .vakata-contextmenu-shortcut {
	font-size: .8em;
	color: silver;
	opacity: .5;
	display: none
}

.vakata-context-rtl ul {
	left: auto;
	right: 100%;
	margin-left: auto;
	margin-right: -4px
}

.vakata-context-rtl li>a.vakata-context-parent {
	background-image: url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7);
	background-position: left center;
	background-repeat: no-repeat
}

.vakata-context-rtl .vakata-context-separator>a {
	margin: 0 2.4em 0 0;
	border-left: 0;
	border-right: 1px solid #e2e3e3
}

.vakata-context-rtl .vakata-context-left ul {
	right: auto;
	left: 100%;
	margin-left: -4px;
	margin-right: auto
}

.vakata-context-rtl li>a>i {
	margin: 0 -2em 0 0
}

.vakata-context-rtl li>a .vakata-contextmenu-sep {
	margin: 0 0 0 .5em;
	border-left-color: #fff;
	background: #e2e3e3
}

#TypeAheadResult {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline
}


#TypeAheadResult .typehead .category_list {
	vertical-align: middle;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center
}

#TypeAheadResult .typehead ul {
	list-style: none;
	margin: 0;
	padding: 0
}

#TypeAheadResult .typehead li {
	background: #f7f7f7;
	padding: 5px 10px;
	font-weight: 700;
	list-style: none;
	margin: 0
}

#TypeAheadResult .typehead li li {
	font-weight: 400;
	border-top: 1px solid #e7e7e9;
	background: #fff
}

#TypeAheadResult .typehead li .product_list {
	display: block;
	overflow: hidden
}

#TypeAheadResult .typehead li img {
	width: 50px;
	height: 50px;
	border: 1px solid #e6e6e7;
	float: left;
	margin-right: 10px
}

#TypeAheadResult .typehead li .see_all {
	float: right;
	text-decoration: underline;
	font-size: 12px
}

#TypeAheadResult .typehead li .see_all a {
	color: #555;
	text-decoration: none
}

.SearchBarInput > input {
	border: none;
	border-bottom: 1px var(--color-input) solid;
}

.search-input-parent {
	text-align: left;
}

.search-input-parent .highlighted-search-hit {
	font-weight: 1000;
}

@media (min-width:1023px) {
	.search-input-parent {
		flex-grow: 1;
		max-width: 32vw;
	}
}

@media (min-width:769px) {
	#TypeAheadResult #TypeAheadResult {
		display: block;
		margin-top: -1px;
		overflow: hidden;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
		-moz-border-bottom-right-radius: 6px;
		-moz-border-bottom-left-radius: 6px;
		background-color: #FFF;
		line-height: 17px;
		font-size: 12px
	}
	
	#TypeAheadResult .typehead .arrow {
		background: url(https://www.zgallerie.com/App_Themes/Skin_1/images/top_arrow.png) no-repeat;
		width: 15px;
		height: 8px;
		position: relative;
		margin: -8px 0 0 22px
	}
	#TypeAheadResult .typehead ul {
		margin: 0;
		padding: 0
	}
	#TypeAheadResult .typehead li {
		background: #e7e7e9;
		line-height: 24px;
		font-weight: 700;
		list-style: none;
		padding: 0 13px;
		width: 100%;
		margin: 0
	}
	#TypeAheadResult .typehead li ul {
		margin: 0 -13px;
		padding: 0
	}
	#TypeAheadResult .typehead li li {
		font-weight: 400;
		border-top: 1px solid #e7e7e9;
		background: #FFF;
		float: left
	}
	#TypeAheadResult .typehead .see_all {
		float: right;
		text-decoration: underline;
		font-size: 12px;
		font-weight: 400
	}
	#TypeAheadResult .typehead li li img {
		width: 50px;
		height: 50px;
		border: 1px solid #e6e6e7;
		margin: 0 14px 0 0;
		float: left;
		vertical-align: middle
	}
	#TypeAheadResult .typehead .category_list,
	#TypeAheadResult .typehead .product_list {
		float: left;
		width: 100%;
		line-height: normal;
		padding: 10px 0;
		text-align: left;
	}
	#TypeAheadResult .typehead .product_list {
		vertical-align: middle
	}
	#TypeAheadResult .typehead .divhover,
	#TypeAheadResult .typehead .product_list:hover {
		cursor: pointer
	}
	#TypeAheadResult .typehead li li .img {
		float: none
	}
	#TypeAheadResult .autocomplete-result:focus {
		background: #CCC;
		outline: 0
	}
}

.color-module,
.vl {
	position: relative
}

.search-main-div .quickViewDescription {
	display: none
}

#search_result_placeholder {
	margin-top: 20px
}

@media (min-width:769px) {
	.navStore-container .navStore-container .form {
		min-width: 200px
	}
	.searchResultCountMobile {
		display: none
	}
}

.checkbox-filters {
	float: left
}

.checkbox-filters ul {
	margin: 0;
	padding: 0;
	width: auto
}

.checkbox-filters li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 5px;
	width: auto;
	line-height: 18px;
	font-size: 12px;
	font-weight: 400
}

.checkbox-filters li a {
	color: #000;
	padding: 0;
	margin: 0;
	width: auto;
	float: left;
	background: 0 0;
	display: block;
	text-decoration: none
}

.checkbox-filters .box {
	border: 1px solid #000;
	width: 8px;
	height: 8px;
	float: left
}

.checkbox-filters .box.active {
	background: #000
}

.search-header div:last-child .checkbox-filters .box {
	margin: 4px 6px 0 0
}

.category-header div .checkbox-filters .box {
	margin: 5px
}

.category-boolean-filter {
	margin: 0
}


#category-banner-container {
	padding-top: 0
}

@media (min-width:769px) {
	#category-banner-container {
		padding-top: 30px
	}
}

#art-banner,
#image-banner {
	text-align: center;
	display: none;
	-ms-flex-direction: column;
	flex-direction: column
}


#art-banner {
	background-color: #efefef
}

#art-banner .left-text {
	display: none
}

@media (min-width:769px) {
	#art-banner .left-text {
		display: block;
		width: 40%;
		height: 100%;
		float: left;
		padding: 0 10px
	}
}

#art-banner .left-text .art-banner-headline {
	font-family: AveresTitle-Regular;
	font-weight: 400;
	font-style: normal;
	font-size: 32px;
	letter-spacing: 0
}

#art-banner .left-text .art-banner-description {
	font-family: NeutrafaceText-Book;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 26px
}

@media (max-width:900px) {
	#art-banner .left-text .art-banner-headline {
		margin-top: 10px
	}
	#art-banner .left-text .art-banner-description {
		margin-bottom: 0
	}
}

#art-banner .right-image {
	width: 100%
}

@media (min-width:769px) {
	#art-banner .right-image {
		border-left: 5px solid #fff;
		width: 60%;
		float: right
	}
}

.vl {
	border-left: 1px solid #fff;
	height: 35px;
	margin: 10px 0
}


.color-module {
	text-align: center;
	width: 270px;
	float: right
}

.color-module>div {
	width: 190px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center
}

.cart-item-gift-boxing,
.gift-boxing-checkbox {
	display: none
}

.category-description>div {
	width: 100%!important
}

.category-description .scrollheadline {
	font-weight: bolder;
	padding-left: 0;
	margin: 28px 3px 28px 0;
	font-size: 16px;
	text-align: left
}

.category-description .scrollheadline h2 {
	font-size: 16px;
	font-weight: 400;
	margin: 0
}

.category-description .Scrollbox {
	position: relative;
	width: 100%;
	max-width: 940px;
	height: 200px;
	font: 12px NeutrafaceText-Book, Arial, sans-serif;
	line-height: 23px;
	overflow-y: auto;
	border: 1px solid #ccc;
	padding: 10px 10px 10px 0;
	border-width: 1px 0;
	z-index: 1
}

@media (min-width:769px) {
	.category-description .Scrollbox {
		padding: 10px 20px
	}
}

.category-description .Scrollbox::-webkit-scrollbar {
	width: 6px
}

@media (max-width:768px) {
	.category-description .Scrollbox::-webkit-scrollbar {
		height: 6px
	}
}

.category-description .Scrollbox::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 5px;
	width: 8px
}

.category-description .Scrollbox h3 {
	margin: 0;
	font: 16px NeutrafaceText-Book, Arial, sans-serif;
	font-weight: 700
}

.error-page .page-heading {
	border-bottom: 5px solid #000;
	padding: 0 0 5px;
	margin-bottom: 10px
}

.error-page .error-content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.error-page .error-content .get_inspired {
	margin-bottom: 50px
}

@media (min-width:769px) {
	.error-page .error-content {
		-ms-flex-direction: row;
		flex-direction: row
	}
	.error-page .error-content>div {
		width: 50%;
		margin-right: 30px
	}
	.error-page .error-content .get_inspired {
		border-left: 1px solid #a9a9a9;
		padding: 0 30px
	}
}

.error-page .error-content .headig-inspired {
	font-size: 16px;
	font-weight: 700;
	margin: 0;
	color: #000;
	font-family: Arial, Helvetica, sans-serif
}

.error-page .error-content .inspiration-link {
	line-height: 30px;
	font-size: 12pt;
	font-weight: 700;
	color: #000;
	text-decoration: none;
	position: relative;
	z-index: 1
}

.error-page .error-content .right-arrow {
	width: 12px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
	.shogun-root>.shg-fw {
		width: 100%!important;
		max-width: 940px!important;
		margin: auto!important
	}
}

@media screen and (-ms-high-contrast:active) and (min-width:769px),
(-ms-high-contrast:none) and (min-width:769px) {
	.shogun-root>.shg-fw {
		margin: auto 0 auto -160px!important;
		width: 940px!important
	}
}

@media (min-width:769px) {
	.page {
		max-width: 940px;
		margin: 0 auto
	}
	.page .page-content,
	.page .page-heading {
		padding: 0
	}
}

.availability,
.availability-atc,
.availability-cart {
	text-transform: capitalize
}

div.allcaps,
div.box div.boxlabel.white a,
div.button {
	text-transform: uppercase;
	font-weight: 700
}

div.infoBox {
	background-color: #e5e5e5;
	display: block
}

div.infoBox div.infoBox-6 {
	display: inline-block;
	width: 49%;
	margin: 0;
	padding: 20px 5%;
	vertical-align: top
}

div.infoBox div.infoBox-6 h2 {
	margin-top: 5px;
	font-size: 1.5em
}

table.faq-table {
	width: 80%;
	margin: 10px 10% 0
}

table.faq-table thead {
	border-bottom: 1px solid grey
}

table.faq-table thead th {
	padding-bottom: 10px
}

table.faq-table tbody tr {
	border-top: 1px solid grey;
	height: 20px
}

table.faq-table tbody tr td {
	padding: 20px 0;
	text-align: center
}


div.image-overlay {
	position: relative;
	margin-bottom: 20px
}

div.image-overlay div.overlay-content,
div.image-overlay p.overlay-content {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	color: #fff;
	font-size: 2em;
	transform: translateY(-50%)
}

div.image-overlay div.overlay-content h1,
div.image-overlay p.overlay-content h1 {
	font-size: 4em;
	color: #fff
}

div.image-overlay div.overlay-content h2,
div.image-overlay p.overlay-content h2 {
	font-size: 1.5em;
	color: #fff;
	margin-top: 10px
}

div.image-overlay div.overlay-content p.button,
div.image-overlay p.overlay-content p.button {
	background-color: transparent;
	color: #fff;
	border-color: #fff
}

div.clear-both {
	clear: both
}

main.inspiration {
	text-align: center
}

main.inspiration #mainVideo {
	width: 100%
}

main.inspiration h1 {
	font-size: 2em
}

div.box {
	position: relative
}

div.box div.boxlabel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	margin-top: 50%;
	text-align: center;
	font-size: 1.7em
}

div.box div.boxlabel.top {
	top: 7%
}

div.box div.boxlabel.top.right {
	margin-top: 40px
}

div.box div.boxlabel.left {
	left: 0;
	width: 50%;
	text-align: left
}

div.box div.boxlabel.left.centered {
	margin-top: 10px;
	margin-left: 10px;
	text-align: center
}

div.box div.boxlabel.right {
	font-size: 1.4em;
	margin-left: 65%;
	width: 35%;
	text-align: left
}

div.box div.boxlabel.white {
	color: #fff
}

div.box div.boxlabel.white a {
	color: #fff;
	font-size: .6em;
	letter-spacing: 1px;
	border-bottom: #fff 1px solid;
	padding-bottom: 1px;
	text-decoration: none
}

div.quote,
div.top-matter {
	padding: 30px;
	text-align: center
}

div.top-matter {
	font-size: 1.2em
}

div.quote {
	font-size: 1.6em
}

div.quote div.signature {
	font-size: 1em;
	text-align: center
}

div.center {
	text-align: center
}

div.button {
	background-color: #000;
	text-align: center;
	color: #fff;
	font-size: 16px;
	min-width: 50%;
	padding: 30px 60px;
	margin: 30px auto 10%;
	font-family: NeutrafaceText-Book;
	font-style: normal;
	letter-spacing: .5px
}

div.button a {
	color: #fff;
	text-decoration: none
}

main.chic-bedroom li.left {
	margin-top: 40px
}

li.left {
	text-align: left
}

div.center-parent {
	display: table
}

div.center-parent div.center-child {
	display: table-cell;
	vertical-align: middle
}