@font-face {
	font-family:'Futura';
	src: url('https://qb-general-images.s3.amazonaws.com/fonts/Futura.ttf') format('truetype');
	font-display: swap;
}
body {
	height: auto !important;
	min-height: 100vh;
}
a, .btn-link {
	color: var(--blue);
}
a, li {
	outline: 0 !important;
}
.no-touch a:hover, .no-touch a:focus {
	color: var(--blue-dark);
}
.clear {
	clear: both;
	font-size: 1pt;
	height: 0;
	overflow: hidden;
}
.show_zoomed_image{
	border:5px solid #fff;
	background-color:var(--gray);
	padding: 4px;
	box-sizing: content-box;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
/* bootstrap override */
.no-touch .btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
	background-color: #47a447;
	border-color: #398439;
}
.label-success {
	background-color: #7DAED3;
}
.progress-bar-success {
	background-color: #7DAED3;
}

/* QSC Menu Bar Styles */
.qsc-bar {
	position: fixed;
	background-color: var(--green);
	font-size: 16px;
	z-index: 1031;
	left: 0;
	top: 0;
	height: 60px;
	width: 150px;
	overflow: hidden;
	border-radius: 0 15px 15px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-shadow: var(--gray-d-30) 1px 1px 10px;
}
.qsc-bar-open { height: auto; width: auto; min-width: 250px; overflow: visible; }
.qsc-bar-show { display: flex; justify-content: center; align-items: center; padding: 15px 0; text-align: center; cursor: pointer; font-size: 16px; font-weight: 700; width: 100%; transition-duration: 100ms; background-color: var(--green); }
.qsc-bar-open .qsc-bar-show { padding: 15px;}
.qsc-bar-intro { display: flex;	flex-direction: column; }
.qsc-bar-intro span { padding: 3px 6px; }
.qsc-bar-intro span label:not(.qsc-menu-switch) { width: 175px;	height: auto; padding: 0; font-size: 16px; }
.qsc-bar-icon { font-size: 24px; }
.qsc-bar-icon-text, .qsc-bar-close-text, .qsc-bar-close-text { display: none; margin: 0 10px; }
.qsc-menu-section { display: none; flex-direction: column; background-color: var(--gray-d-10); padding: 10px; }
.qsc-bar-open .qsc-bar-show { border-bottom: 1px solid var(--standard-hr-color); }
.qsc-bar a { text-decoration: none; color:#0000FF; }
.qsc-menu-switch { position: relative; display: inline-block; width: 50px; height: 20px; margin-left: 20px; vertical-align: middle; }
.qsc-menu-switch-input { opacity: 0; width: 0; height: 0; }
.qsc-menu-switch-slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: white; transition: .4s; border-radius: 34px; }
.qsc-menu-switch-slider:before {  position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 2px; background-color: var(--blue-dark); transition: .4s; border-radius: 50%; }
.qsc-menu-switch-input:checked + .qsc-menu-switch-slider { background-color: var(--blue); }
.qsc-menu-switch-input:checked + .qsc-menu-switch-slider:before { transform: translateX(26px); }
.qsc-menu-button-container { display: flex; justify-content: center; margin: 6px 0; }
/* End of QSC Menu Bar Styles */

.no-touch .qsc-bar a:hover{
	text-decoration: underline;
}
.hidden-xxs-inline {
	display: inline;
}
.pagescrollup {
	width: 30px;
	height: 30px;
	padding: 0;
	line-height: 30px;
	border-radius: 50%;
	opacity: 0.3;
	position: fixed;
	bottom: 75px;
	background: var(--black-l-10);
	right: 20px;
	display: none;
	color: var(--gray);
	z-index: 9999;
	text-align: center;
	cursor: pointer;
}
.no-touch .pagescrollup:hover{
	opacity: 0.8;
}

@media (max-width: 680px) {
	.pagescrollup {
		display: none !important;
	}
}
.no-pad {
	padding: 0 !important;
}
.btn-facebook {
	background: rgba(59, 89, 152, 0.9);
}
.no-touch .btn-facebook:hover {
	background: rgba(59, 89, 152, 1);
}

.social-media-links {
	padding: 8px;
}

.shares {
	background: #fff;
	color: var(--gray-d-20);
	padding: 5px 15px;
	margin-top: -10px;
	display: inline-block;
}
.shares i {
	vertical-align: baseline;
	transition: all .3s linear;
	margin: 0 3px;
	padding: 5px 0;
	color: var(--blue-dark);
}
.shares i:last-child {
	margin-right: 0;
}
.no-touch .shares i:hover {
	cursor: pointer;
	background: #0160bf;
	padding: 5px 10px;
}
.price {
	font-size: 40px;
	line-height: 36px;
	vertical-align: baseline;
	color: #000;
	font-weight: var(--x-heavy-font-weight);
}
.price .cents {
	vertical-align: 23%;
	font-size: 75%;
}
.price.small .cents,
.product-info .price.short .cents {
	vertical-align: 18%;
}
.price.xsmall {
	font-size: var(--large-font-size);
	line-height: 16px;
	vertical-align: baseline;
	color: var(--black-l-20);
	font-weight: var(--x-heavy-font-weight);
}
.price.xsmall .cents {
	vertical-align: 21%;
}

.price.short {
	font-size: 100px;
	line-height: 50px;
}
.price.short .cents {
	vertical-align: 36%;
}
.price.medium {
	font-size: 65px;
}
.price.medium .cents {
	vertical-align: 25%;
	margin-left: 3px;
}
.product-info h2 {
	display: none;
}
.btn-buy {
	font-size: 26px;
}
.carousel-control {
	width: 3%;
}
.carousel-indicators {
	bottom: -10px;
}
.well-blue {
	padding: 15px 30px;
	border-radius: 0;
	margin-bottom: 40px;
}
/** BEGIN STYLE QUANTITY GRID **/
.style_cart_table {
	margin: 0 0 10px 0;
}
.style_cart_table tr {
	transition: all .3s linear;
}
.style_cart_table.singular {
	padding-right: 0;
}
.style_cart_table.singular tr {
	float: left;
	padding: 0 10px 10px 0;
}
@media (max-width:480px) {
	.style_cart_table.singular {
		padding-left: 10px;
	}
}
.no-touch .style_cart_table tr:hover input {
	border-color: var(--standard-hr-color);
	background: var(--gray);
}
.no-touch .style_cart_table_headers:hover {
	background: transparent !important;
}
.style_cart_table td {
	vertical-align: top;
}
.style_cart_table input,
.cart_no_edit_row_qty {
	width: 100%;
	text-align: center;
	padding: 3px;
	min-width: 44px;
	max-width: 44px;
}
.style_cart_input,
.cart_no_edit_row_qty {
	color: var(--black-l-40) !important;
	font-weight: 700 !important;
	border: 1px solid var(--standard-hr-color);
	padding: 3px !important;
	border-radius: 0 !important;
	box-shadow: none;
}
.style_cart_input.low-inventory::placeholder {
	font-family: FontAwesome, sans-serif;
	color: var(--gray-d-20);
}
.style-availability-issue {
	font-size: var(--small-font-size);
	color: var(--gray-d-30);
}
.style-availability-issue > span {
	display: inline-block;
}
.style-availability-issue > span + span {
	margin-left: 20px;
}
.style_cart .alert {
	display: inline-block;
}
.style_cart_table .popover .popover-title {
	color: var(--pure-white);
	background-color: var(--blue-light);
	font-size: var(--small-font-size);
	font-weight: var(--heavy-font-weight);
	padding: 6px 8px;
}
.style_cart_table .popover .popover-content {
	font-size: var(--xs-font-size);
	padding: 6px 8px;
}
.cart_no_edit_row_qty {
	height: 30px !important;
}
.size_surcharge {
	font-size: var(--xx-small-font-size);
	color: var(--gray-d-40);
}
.style_cart_table_headers th {
	color: var(--black-l-30);
	font-size: var(--regular-font-size);
	vertical-align: top;
	text-align: center;
}
.no-touch .value-filled:hover {
	border: 1px solid var(--red-dark) !important;
	background: var(--off-white) !important;
	color: #222 !important
}
.first-logo {
	margin-top: 48px;
}
/** END STYLE QUANTITY GRID **/
.tab-pane {
	padding: 20px 20px 50px;
}
.tab-content {
	background: #fff;
	border: 1px solid var(--gray-d-10);
	border-top: none;
}
.nav-tabs, .nav-pills {
	font-size: var(--regular-font-size);
	font-weight: var(--medium-font-weight);
}
.nav-tabs > li > a {
	background: var(--off-white);
	color: var(--black-l-10);
}
.no-touch .nav-tabs > li > a:hover {
	color: var(--gray);
	background: var(--gray-d-20);
}
.nav-tabs>li.active>a,
.no-touch .nav-tabs>li.active>a:hover,
.no-touch .nav-tabs>li.active>a:focus {
	color: #000 !important;
	font-weight: var(--x-heavy-font-weight);
}
.price-estimator:after {
	content: " - ";
}
.review i {
	color: var(--yellow-dark);
}
thead, tbody tr >td:first-child {
	font-weight: var(--xx-heavy-font-weight);
}
#style-actions {
	position: relative;
}
.grand-total b {
	color: #060;
}
.show-upcharge {
	font-size: 12px;
}
.detailed-info {
	margin: 0 0 20px;
	padding: 0;
	list-style-type: square;
}
.area-code-pad {
	padding-left: 5px;
	padding-right: 5px;
}
.header-alert { /* add after class container */
	background: #013a74;
	color: #fff;
	margin-top: -21px;
}
.header-alert h1 {
	color: #fff;
	font-weight: bold;
}
.header-alert p {
	color:#97c6f6;
}
.header-alert-next { /* add after class container after a header-alert */
	background: #fff;
	border: 1px solid var(--gray);
	padding: 20px;
}
.disabled,
.no-touch .disabled:hover {
	background: var(--black-l-40) !important;
	border: 1px solid var(--black-l-40) !important;
	color: #fff !important;
}
.dropdown-menu{
	z-index:9999;
	border-radius: 0;
}

/* jAlert - will remove after it's gone */
/* fix jquery UI alerts for now */
#popup_overlay {
	background-color: #000 !important;
	opacity: 0.5 !important;
}
#popup_container {
	padding: 30px;
	background: var(--gray);
	border: none !important;
	border-top: 1px solid var(--red-dark) !important;
	border-bottom: 3px solid var(--red-dark) !important;
	color: var(--black-l-10) !important;
	font-size: var(--regular-font-size);
	box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
	text-align:center;
}
#popup_title {
	padding: 0 10px;
	font-size: 24px;
	background: var(--red-dark);
	color: #fff;
}
#popup_message {
	margin-bottom: 10px;
	padding-left: 0;
}
#popup_content,
#popup_content.confirm,
#popup_content.alert {
	background-image: none;
}
#popup_content.alert {
	background: var(--gray);
}
#popup_panel input[type=submit] {
	display:inline-block;
	padding:10px 18px;
	margin-bottom:0;
	font-size:15px;
	font-weight:normal;
	line-height:1.428571429;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	cursor:pointer;
	background-image:none;
	border:1px solid var(--red-dark);
	border-radius:0;
	user-select:none;
	background-color:var(--red-dark);
	color: #fff !important;
}
#popup_panel input[type=button]{
	padding: 10px;
}
.no-touch #popup_panel input[type=button]:hover,
.no-touch #popup_panel input[type=button]:focus{
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px;
	color:#fff;
	text-decoration:none;
	background-color:var(--red-dark);
	border-color:var(--red-dark);
}
/* end jAlert - will remove after it's gone */

@media (min-width: 979px) {
	.cart-big-header h1 {
		font-size: 68px
	}
	.cart-big-header p {
		font-size: 24px
	}
}

@media (max-width:960px) {
	.shares {
		float: none !important;
		margin: 10px auto;
	}
	.xs-text-center {
		text-align: center;
	}
	.style_cart_input {
		width: 100%;
	}
	small {
		display: block;
	}
	th {
		text-align:center;
	}
	.first-logo {
		margin-top: 0;
	}
	#quantity-show {
		display: block;
	}
	.nav-tabs > li, .nav-pills > li {
		float:none;
		display:inline-block;
	}
	.nav-tabs, .nav-pills {
		text-align:center;
		font-size: var(--small-font-size);
	}
	.price-estimator:after {
		content: "";
	}
	.price-estimator {
		display: block;
	}
	.tab-pane {
		padding-bottom: 20px;
	}
	.btn-add-review {
		float: none !important;
		text-align:center;
		display: block;
	}
	#no-design-prompt div {
		text-align: center !important;
	}
	.bundle h2 {
		text-align: center;
	}
	.continue-shopping {
		display: none;
	}
	.category-wrapper .product-wrapper {
		width: 47%;
		margin: 1%;
		float: left;
		box-sizing: border-box;
	}
	.rec-img img {
		max-height: 170px;
	}
	.dropdown-menu a {
		text-align: left;
	}
	.add-pad-top {
		padding-top: 30px; /* for separation of SxS forms on breakpoints */
	}
	.footer-newsletter {
		clear: both;
		padding-top: 20px;
	}
}
@media (max-width:480px) {
	.progressbar li {
		display: block;
		text-align: left;
	}
	.progressbar li:last-child {
		padding-left: 34px;
	}
}
/* Reserves fixed-header + site-banner space so flow content starts below
   them. The banner strip is only visible at 1366px and up (below that the
   taller fixed header covers its band), so dismissing it (no-site-banner)
   reclaims space at that breakpoint alone. */
body { padding-top: 97px; }
@media screen and (min-width: 776px) {
	body { padding-top: 153px; }
}
@media screen and (min-width: 1366px) {
	body { padding-top: 146px; }
	body.no-site-banner { padding-top: 110px; }
}

.promotion-page { padding-top: 15px; }

@media (min-width: 776px) and (max-width: 1380px) {
	.promotion-page.container { padding-left: 0; padding-right: 0; }
}

@media (max-width: 775px) {
	.promotion-page { padding-top: 6px; }
}

.content-wrapper {
	width: 100%;
	max-width: 1366px;
	margin: 0 auto 10px;
}

.content-wrapper-gradient {
	border-top: 1px solid var(--standard-hr-color);
	background: rgb(238,238,238);
	background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 54%,rgba(255,255,255,1) 100%);
}
.content-wrapper-gradient-dark {
	border-top: 1px solid var(--standard-hr-color);
	background: rgb(238,238,238);
	background: linear-gradient(to bottom, rgba(80,80,80,1) 0%,rgba(238,238,238,1) 20%,rgba(255,255,255,1) 100%);
}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:-95%;max-width:180px;margin-top:-6px;margin-right:-1px;;border-radius:6px 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:left;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 5px 5px 0;border-right-color:var(--gray-d-50);margin-top:5px;margin-right:10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;border-radius:6px 6px 6px 6px;}
.dropdown-menu-right {margin-left:0;}
/* Removing the click for top nav big browsers */
@media (min-width: 775px) {
	.dropdown:hover > .dropdown-menu {
		display: block !important;
		margin-top: 0;
	}
	.dropdown.closeme:hover > .dropdown-menu {
		display: none !important;
	}
}
/* End removing the click for top nav big browsers */

.breadcrumb {
	font-size: var(--small-font-size);
	padding: 0;
	background: transparent;
}
label {
	font-weight: var(--medium-font-weight);
}

.header_text{
	display:none;
}
h1 {
	margin-top: 20px;
}
.form-control:focus {
	border-color: #69c;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(0, 102, 255, 0.3);
}
#header {
	background: #fff;
	top: 0;
	width: 100%;
	z-index: 1030;
	position: fixed;
}
#header.sticky { position: fixed; top: 0; }
.qsc-bar.sticky { z-index: 9999; }
#header.sticky { width: 100%;  }
#header.gray {
	background: var(--gray);
}
header {
	margin: 0 auto;
	max-width: 1366px;
	width: 100%;
	position: relative;
	height:81px;
}
.message-bar {
	background: #222;
	font-size: .9em;
}
.message-bar > div {
	margin: 0 auto;
	width: 100%;
	max-width: 1366px;
	padding: 3px 2%;
}
.message-bar > div > p {
	margin: 0 !important;
	color: #fff;
}
.message-bar > div > p > a {
	transition: all .15s linear;
}
#top-nav {
	max-width: 1366px;
	margin:0 auto;
	color:white;
	font-size:12px;
	display:flex;
	justify-content: space-between;
	align-items:center;
	height:28px;
	font-weight: var(--medium-font-weight);
}
#top-nav a {
	color:white;
	padding:0 13px 0 10px;
}
#top-nav ul {
	margin:0;
	line-height:normal;
	background-color:var(--black-l-20);
}
#top-nav ul li {
	border-right:1px solid white;
}
#top-nav ul li:last-of-type, #top-nav ul li ul li {
	border-right:none;
}
#top-nav ul li ul li a {
	padding:3px 20px;
}
#top-nav ul li ul li a:hover, #top-nav ul li ul li a:focus {
	background-color:var(--black-d-10);
}
#header-account-links a {
	display:inline-block;
}
#header-account-links ul li a {
	display:block;
}
#right-nav {
	margin:0 0 0 auto;
}
#header-account-links .account-link a.dropdown-toggle, li#header-account-links {
	padding-right:0;
}
.dev-boy {
	position: absolute;
	right: -22px;
	top: -8px;
	background: var(--red);
	color: #fff;
	padding: 3px 2px;
	font-weight: bold;
	font-size: 0.8em;
	border-radius: 20px;
}
.no-touch .message-bar > div > p > a:hover {
	text-decoration: underline;
}
.rotate--90 {
	transform: rotate(-90deg);
}
.fld_req {
	color: var(--red-dark);
}
.feedback {
	position: fixed;
	right: -34px;
	top: 45%;
	border: 1px solid var(--standard-hr-color);
	background: var(--gray-d-20);
	color: #fff;
	border-bottom: 0;
	padding: 2px 10px 2px 25px;
	z-index: 9;
	cursor: pointer;
	transition: all .3s linear;
	font-size: 0.8em;
	display: none;
}
.no-touch .feedback:hover {
	padding-bottom: 8px;
	background: var(--red-dark);
	border-color: var(--red-dark);
}
.feedback:before {
	content: '[+]';
	font-size: 0.6em;
	margin-right: 8px;
	position: absolute;
	left: 10px;
	top: 3px;
}
.feedback-modal .modal-body {
	display:none;
}
.feedback-modal .modal-footer {
	text-align: center;
	border-top: none;
}
.feedback-modal .modal-header,
.feedback-provide .modal-header {
	background: var(--off-white);
}
.feedback-modal .modal-header h1,
.feedback-provide .modal-header h1 {
	text-align: center;
	margin: 0;
}
.feedback-modal .close,
.feedback-provide .close {
	color: var(--red-dark);
	text-shadow: none;
}
.no-touch .feedback-modal .close:hover,
.no-touch .feedback-provide .close:hover,
.no-touch .feedback-modal .close:focus,
.no-touch .feedback-provide .close:focus {
	color: var(--red-dark);
}
.feedback-provide.success-modal .modal-body {
	background: #b1f0aa;
}
.feedback-provide.success-modal .modal-body div {
	margin: 0;
}
.store-logo-wrapper {
	margin-right:27px;
	position:relative;
}
header .menu-wrapper {
	position: relative;
	top:1px;
}
.nav-btn a {
	text-decoration:none;
	padding:10px 14px;
	display:block;
	font-weight: var(--heavy-font-weight);
	font-size:15px;
	color:var(--standard-font-color);
	line-height: normal;
}
li#cart-in-header:hover {
	background-color: var(--gray);
}
#cart-in-header ul.dropdown-menu {
	box-shadow: -1px 4px 11px 3px rgb(0 0 0 / 12%);
}
.nav-btn a:hover {
	text-decoration: none;
}
li.nav-btn {
	padding:0;
	margin:0 10px 0 0;
}
li.nav-btn:last-of-type {
	margin-right:0;
}
.account-link a, .account-link a:hover {
	color:var(--standard-font-color);
	text-decoration: none;
}
@media (max-width:960px) {
	.modal {
		margin-top: 60px;
	}
	.message-bar {
		margin-top: 40px;
	}
	.message-bar + #header .store-logo-wrapper {
		padding-top: 10px;
	}
	.feedback {
		bottom: 0;
		top: auto;
		right: auto;
		left: 0;
		padding: 0 10px 0 25px;
		line-height: 2.4em;
	}
	.feedback:before {
		top: 1px;
	}
	.no-touch .feedback:hover {
		padding-bottom: 0;
	}
	.rotate--90 {
		transform: rotate(0deg);
	}
}
#tagline {
	font-weight: var(--heavy-font-weight);
	display:none;
}
.cart-count {
	position:relative;
	top:1px;
	margin-left:1px;
}
/* dark gradient fade in */
@media (min-width:961px){
	.content-wrapper-gradient-dark #tagline a,
	.content-wrapper-gradient-dark .not-logged-link {
		color: rgba(255,255,255,0.6);
	}
	.content-wrapper-gradient-dark .not-logged-link {
		font-size: 1.1em;
	}
	.no-touch .content-wrapper-gradient-dark #tagline a:hover,
	.no-touch .content-wrapper-gradient-dark .not-logged-link:hover {
		color: rgba(255,255,255,1);
	}
}

.content-wrapper-gradient-dark .big-main-promo,
.content-wrapper-gradient-dark .little-main-promo {
	box-shadow: 0 10px 20px rgba(0,0,0,0.38), 0 6px 6px rgba(0,0,0,0.46);
}
#notifications { width: 60px; }
#notifications > a {
	color: var(--red);
	text-decoration: none;
}
#main {
	min-height: 600px;
	max-width: 1366px;
	margin: 0 auto;
	position: relative;
	top: 0;
}
#recently-viewed .yamm-content {
	white-space: nowrap;
	padding: 15px;
	clear: both;
}
#recently-viewed .dropdown-toggle {
	margin-right: 10px;
}
.recently_view_style_list_style {
	min-width: 100px;
	display: inline-block;
	max-width: 100px;
	margin: 0 15px;
	vertical-align: top;
}
.recently_view_style_list_style img {
	border-bottom: 1px solid var(--gray-d-10);
	margin-bottom: 5px;
}
.recently_view_style_list_style a {
	color: var(--black-l-20);
	white-space: normal;
	font-size: .9em;
	line-height: 1.2em;
	font-weight: var(--medium-font-weight);
}
@media (max-width: 775px) {
	.message-bar {
		margin-top: 60px;
	}
}
@media (max-width: 600px) {
	#recently-viewed {
		display: none;
	}
}
#main-content {
	margin-top: 0;
}
#menu-info {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 213px;
	padding: 15px 15px 40px;
	text-align: right;
	background: var(--red-light);
	border-top: 1px solid #efefa5;
}
#menu-info b {
	font-size: 1.4em;
}
.container {
	width: 100%;
}
#store-logo {
	width: 224px;
	height: 46px;
	background-repeat: no-repeat;
	position: relative;
}
.attn {
	animation: blink 3s linear infinite;
}
.notify-customer > a {
	color: var(--red-dark);
}
.default-page-message {
	color: #fff;
	background: var(--black-l-30);
	border-bottom: 1px solid var(--black-l-20);
}
.default-sitewide-message {
	background: var(--red-dark);
	color: var(--red-light);
}
.blink {
	animation-name: blinker;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes blinker {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}


/* CATEGORY STYLE PAGE SPOTLIGHTS */
.product-inner {
	width:  100%;
	height: 100%;
	transition: width 0.4s, height 0.4s;
}
.product-wrapper {
	margin-bottom: 20px;
	background: #fff;
	overflow: hidden;
	position: relative;
	width: 100%;
	transition: all .15s ease-in-out;
	border: 1px var(--gray-d-10) solid;
	cursor: pointer;
}

.product-wrapper .price-save {
	font-size: var(--xs-font-size);
	color: white;
	font-weight: var(--heavy-font-weight);
	border-color: transparent;
	background: var(--blue-light);
	border-radius: 999px;
	padding: 0 3px 0 3px;
}

.no-touch .product-wrapper:hover {
	box-shadow: 0 9px 30px rgba(0,0,0,.08),0 9px 30px rgba(0,0,0,.10);
}
.no-touch .product-wrapper:hover .product-info {
	background: var(--off-white);
	border-color: var(--standard-hr-color);
}
.product-info h4.product-name {
	height: 60px;
	margin-top: 0;
	overflow: hidden;
	font-size: var(--small-font-size);
	margin-bottom: 15px;
	font-weight: var(--medium-font-weight);
}
.popover-content p {
	font-size: var(--small-font-size);
	line-height: 22px;
}
.product-wrapper .display_short_price h3, .recommended-slider .display_short_price h3 {
	margin: 0;
	font-size: .8em;
	font-weight: var(--medium-font-weight);
}
.price.small, .product-info .price.short {
	font-size: 30px;
}
.product-image:after,
.product-info .btn:after {
	box-sizing: border-box;
	content:"";
	width: 0;
	background: transparent;
	height: 1px;
	position: absolute;
	bottom: -1px;
	left: 0;
	display: block;
	transition: width .5s ease-in;
}
.product-info .btn:after {
	bottom: 0;
	height: 2px;
}
.no-touch .product-wrapper:hover .product-image:after,
.no-touch .product-wrapper:hover .product-info .btn:after  {
	width: 0; /* change to 100% to make work */
}
.product-image img {
	max-width: 100%;
}
.no-touch .product-wrapper:not(.product-horizontal) .product-image img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.product-wrapper a.btn {
	transition: all .3s linear;
	position: relative;
}
.no-touch .product-wrapper:hover a.btn {
	opacity: 1;
}
.product-info {
	position: inherit;
	z-index: 2;
	padding: 10px;
	text-align: left;
	border-top: 1px solid var(--gray-d-10);
	font-weight: var(--medium-font-weight);
}
.detailed-info-show {
	display: none;
}
.product-horizontal:before,
.product-horizontal:after {
	content:"";
	display:table;
}
.product-horizontal:after {
	clear:both;
}
.product-horizontal {
	zoom:1; /* For IE 6/7 (trigger hasLayout) */
	display:table;
	table-layout: fixed;
	height: 100%;
	position: relative;
	width: 48.3% !important;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.no-touch .product-horizontal:hover {
	box-shadow: 0 3px 6px rgba(0,0,0,0.32), 0 3px 6px rgba(0,0,0,0.46);
}
.product-horizontal .product-image,
.product-horizontal .product-info {
	display: table-cell;
	vertical-align: top;
	margin: 0;
	width: 60%;
	position: relative;
}

.product-horizontal .product-image {
	max-width: 60%;
	position: relative;
}
.product-horizontal .product-image:after {
	bottom: 0;
}
.product-horizontal .product-image img {
	max-width: 100%;
}
.product-horizontal .product-info {
	width: 40%;
	max-width: 40%;
	border-top: none;
	position: relative;
	height: 100%;
	border-left: 1px solid #dcdcdc;
	text-align: left;
}
.product-horizontal .product-info h4.product-name {
	min-height: auto !important;
	height: auto !important;
}
.product-horizontal .product-info .btn {
	float: none;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.product-horizontal .detailed-info-show {
	display: block;
}
.product-wrapper .product-image a:first-child:after {
	opacity: 0;
	transition: opacity .3s linear;
}
.no-touch .product-wrapper:hover .product-image a:first-child:after {
	display:none;
	position: absolute;
	background: var(--black-l-30);
	opacity: 0.9;
	text-align: center;
	color: #fff;
	font-family: FontAwesome, sans-serif;
	content: '\f07a';
	font-size: var(--large-font-size);
	height: 30px;
	padding: 5px;
	width: 30%;
	left: 50%;
	margin-left: -30%;
	top: 47%;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	border-bottom: 1px solid #111;
}
.no-touch .product-wrapper:hover .product-image a:first-child:hover:after {
	background: var(--blue-dark);
}
.product-wrapper:not(.product-horizontal) .product-image > a:first-child {
	aspect-ratio: 4 / 5;
}
.no-touch .product-wrapper:not(.product-horizontal) .product-image > a {
	display: block;
	overflow: hidden;
	position: relative;
}
.design-info .btn {
	float: none;
}
.no-border,
.no-border .product-info {
	border-color: transparent;
	background: transparent;
	border-bottom: 1px solid var(--gray-d-10);
}
.category-wrapper {
	border: none;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	height: 100%;
}
.category-wrapper .product-wrapper {
	width: 23.25%;
	margin: 1%;
	float: left;
	position: relative;
}

/* Recommended products module - reset height for style page context */
.category-wrapper .price-max-quantity {
	display:block;
}
.customize-it {
	opacity: 0;
	font-size: 0.1em;
}
.no-touch .product-wrapper:hover .customize-it {
	text-decoration: none;
	display: inline-block;
	z-index: 99;
	text-align: center;
	color: var(--gray-d-50);
	font-size: 1.2em;
	opacity: 1;
	top: 35px;
	position: absolute;
	right: 4px;
	width: 20px;
	height: 20px;
	transition: all .15s linear;
}
.no-touch .product-wrapper:hover .customize-it:hover {
	color: var(--blue-dark);
}
.product-wrapper .favorite-this {
	opacity: 1;
	font-size: 1.2em;
	position: absolute;
	right: 6px;
	top: 6px;
	width: 20px;
	height: 20px;
	display: inline-block;
	cursor: pointer;
	transition: all .15s linear;
}
.product-wrapper .favorite-this {
	opacity: 0;
	font-size: 0.1em;
}
.product-wrapper .favorite-this:after {
	color: var(--gray-d-50);
	display: inline-block;
	font-family: FontAwesome, sans-serif;
	content: '\f08a';
}
.product-wrapper:hover .favorite-this  {
	display: block;
	font-size: 1.2em;
	opacity: 1;
}
@media (max-width: 992px) {
	.product-wrapper .favorite-this {
		opacity: 1;
		font-size: 1em;
	}

	.product-wrapper:hover .favorite-this {
		font-size: 1em;
	}

	.pagescrollup {
		bottom: 40px;
	}
}
.product-wrapper .favorite-this:hover:after {
	color: var(--red-dark);
}
.product-wrapper .favorite-this.favorited {
	opacity: 1;
	color: var(--red-dark);
	font-size: 1em;
}
.product-wrapper .favorite-this.favorited:after {
	color: var(--red-dark);
	content: '\f004';
}
.category-wrapper:after {
	content: '';
	display: block;
	clear: both;
}
/* better transitions */
.no-touch .product-wrapper {
	transition: all 250ms cubic-bezier(.02, .01, .47, 1);
}
.no-touch .product-wrapper .product-info,
.no-touch .product-wrapper:hover .product-info {
	border-color: var(--gray-d-10);
	background: #fff;
}
@media (min-width: 1025px) {
	.no-touch .product-wrapper:hover,
	.no-touch .product-horizontal:hover {
		box-shadow: 0 40px 40px rgba(0,0,0,.16);
		transform: translate(0,-5px);
		transition-delay: 0s !important;
	}
}
.style-quick-view-wrapper {
	margin: 20px -10px -10px;
	border-top: 1px solid var(--standard-hr-color);
	background: var(--gray);
}
.style-quick-view-wrapper div:first-child {
	width: 50%;
	float: left;
	color: var(--black-l-30);
	padding: 5px 10px;
	line-height: 2.4em;
	font-size:0.8em;
	display:inline-block;
	border-right: 1px solid var(--standard-hr-color);
}
.style-quick-view-wrapper div:last-child {
	width: 50%;
	float: left;
	display:inline-block;
	padding: 5px;
	text-align: right;
}
.shares {
	background: #fff;
	color: var(--gray-d-20);
	padding: 5px 15px;
	display: inline-block;
	margin-top: -10px;
	font-size: 14px;
}
.shares i {
	vertical-align: baseline;
	transition: all .3s linear;
	margin: 0 3px;
	padding: 5px 0;
	color: var(--blue-dark);
}
.shares i:last-child {
	margin-right: 0;
}
.no-touch .shares i:hover {
	cursor: pointer;
	background: var(--blue-dark);
	color:#fff;
	padding: 5px 10px;
}
.swatch {
	width: 20px;
	height: 20px;
	display:inline-block;
	margin: 0 -1px;
	border-bottom-right-radius: 20%;
	z-index: 6;
	box-shadow: 0 0 1px rgba(0,0,0,0.7);
}
.price {
	font-size: 40px;
	line-height: 36px;
	vertical-align: baseline;
	color: #000;
	font-weight: var(--x-heavy-font-weight);
}
.price .cents {
	vertical-align: 23%;
	font-size: 75%;
}
.price.small,
.product-info .price.short {
	line-height: 32px;
	vertical-align: baseline;
	color: var(--black-l-20);
	font-weight: var(--medium-font-weight);
}
.price.small .cents,
.product-info .price.short .cents {
	vertical-align: 18%;
}
.price.xsmall {
	font-size: var(--large-font-size);
	line-height: 16px;
	vertical-align: baseline;
	color: var(--black-l-20);
	font-weight: var(--x-heavy-font-weight);
}
.price.xsmall .cents {
	vertical-align: 21%;
}

.price.short {
	font-size: 80px;
	line-height: 50px;
}
.price.short .cents {
	vertical-align: 36%;
}
.price.medium {
	font-size: 65px;
}
.price.medium .cents {
	vertical-align: 25%;
	margin-left: 3px;
}
.save-percent-compare-at {
	margin-left: 10px;
	font-weight: var(--xx-heavy-font-weight);
	color: #369f08;
}
.product-info h2 {
	display: none;
}
.product-info em {
	display:block;
}
.swatch-container{
	min-height: 80px;
}
.visible-xxs,
.for-smaller {
	display:none;
}
.hidden-xxs,
.for-bigger {
	display:block;
}
.strike {
	color: var(--red-dark);
}
.strike b {
	text-decoration: line-through;
}

div[id^="modal-"] .modal-header h1 {
	padding: 10px 2px 0;
	margin: 0;
}
.modal {
	z-index: 9999;
}
.modal-backdrop {
	z-index: 9998;
}

.bootbox img {
	float: left;
}
.bootbox .alert-with-image {
	padding-left: 90px;
}
.popoverlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	background: rgba(0,0,0,0.7);
}
.modal-content {
	border-radius: 0;
}
.hide-for-mobile {
	display: inline-block;
}

.category-wrapper .product-wrapper {
	margin: 1% .85% 10px;
}

@media (max-width:775px) {
	.container {
		width: 100%;
	}
	#menu-container {
		display: none;
	}
	#main-content {
		margin-left: 0;
	}
	#menu-mobile {
		display: inline-block;
	}
	.for-smaller {
		display: block;
	}
	.for-bigger {
		display: none;
	}
}
@media (max-width: 768px) {
	.category-wrapper .product-wrapper {
		width: 48.5%;
	}
	.xs-text-left {
		text-align: left !important;
	}

	.hide-for-mobile {
		display: none;
	}
}
@media (max-width: 480px) {
	#menu-info {
		position: relative;
		padding: 10px 15px 0;
		width: 180px;
		background:transparent;
		border-top: none;
	}
	#page-message {
		display:none;
	}
	.account-link.notification span {
		display: none !important;
	}
	.product-horizontal {
		width: 97.5% !important;
	}
	#view-orders-link,
	#logout {
		display: none;
	}
	.mobile-select-text {
		margin: auto;
		font-size: 1.4em;
		font-weight: bold;
		width: 80%;
		height: auto;
		background: var(--gray);

	}
	.visible-xxs{
		display:block;
	}
	.hidden-xxs{
		display:none;
	}
	.sales-note-container .style-on-sale span,
	.style-new {
		font-size: 0.6em;
	}
	.category-wrapper .product-wrapper {
		margin: 2% 1.5% 0;
	}
}

/* HELPERS: columns of same height styles */
.container-xs-height {
	display:table;
	padding-left:0;
	padding-right:0;
}
.row-xs-height {
	display:table-row;
}
.col-xs-height {
	display:table-cell;
	float:none;
}
@media (min-width: 768px) {
	.container-sm-height {
		display:table;
		padding-left:0;
		padding-right:0;
	}
	.row-sm-height {
		display:table-row;
	}
	.col-sm-height {
		display:table-cell;
		float:none;
	}
}
@media (min-width: 992px) {
	.container-md-height {
		display:table;
		padding-left:0;
		padding-right:0;
	}
	.row-md-height {
		display:table-row;
	}
	.col-md-height {
		display:table-cell;
		float:none;
	}
}

@media (min-width: 1200px) {
	.container-lg-height {
		display:table;
		padding-left:0;
		padding-right:0;
	}
	.row-lg-height {
		display:table-row;
	}
	.col-lg-height {
		display:table-cell;
		float:none;
	}
}

/* HELPERS: vertical alignment styles */
.col-top {
	vertical-align:top;
}
.col-middle {
	vertical-align:middle;
}
.col-bottom {
	vertical-align:bottom;
}

#MainNav {
	display: none !important;
}
#header {
	z-index:1030;
}
#page-message {
	z-index:1029;
}
.sales-note-container {
	display:none;
	position: absolute;
	top: 3px;
	left: 0;
}
.sales-note-container.show {
	display:inline-block;
}
.sales-note-container div:after {
	right: 100%;
	top: 50%;
	border: 12px solid rgba(204, 0, 0, 0);
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #cc0000;
	margin-top: -12px;
	display:none;
}
.style-on-sale span {
	padding: 0;
	color: var(--primary);
	position: relative;
	display: inline-block;
	margin: 2px 5px;
}
.style-on-sale span:before {
	font-family: FontAwesome, sans-serif;
	content: "\f02b";
	position: absolute;
	top: 1px;
	left: 0;
	transform: rotate(90deg);
	display: none;
}
.product-image .style-on-sale span {
	font-size: 1.4em;
	padding-left: 0;
}
.product-image .style-on-sale span:before {
	left: 0;
}
.sales-note-container .style-on-sale span {
	font-size: 0.9em;
	padding-left: 0;
	line-height: 20px;
	font-weight: var(--heavy-font-weight);
}
.style-new {
	padding: 0 3px;
	font-size: 0.7em;
	color: var(--red-dark);
	position: relative;
	display: inline-block;
	margin-top: -8px;
}
.sales-note-container .style-on-sale.hide + .style-new {
	margin-top: 0 !important;
}

.product-horizontal .sales-note-container {
	left: -150%;
}

.compare-at-price {
	color: var(--red-dark);
	margin-bottom: 10px;
}
.pagination-sm i {
	line-height: 17px !important;
}
.product-image {
	text-align:center;
}
.price.small, .product-info .price.short {
	margin-bottom:0;
}
.regular-price {
	text-decoration: line-through;
}
.sale-price {
	color: var(--primary);
	font-weight: var(--x-heavy-font-weight);
}
.pagination {
	margin: 5px 0 0;
}
@media (min-width:768px) {
	img.for-quick-view {
		margin: 0 auto;
		width: auto;
	}
}
@media (min-width:960px) {
	img.for-quick-view {
		margin: 0 auto;
		width: auto;
	}
}
.decorations p {
	font-size: 11px;
	text-align: center;
}
/** cart styles needed for cart, checkout, and order pages **/
.cart-style-name-link {
	margin: 0;
	display: block;
	font-weight:normal;
}
.cart-style-name-link a {
	font-size: 19px;
	color:var(--black-l-10);
	transition: all .15s linear;
}
.cart-style-name-link a:hover {
	color:var(--blue-dark);
	text-decoration: none;
}
.cart-style-color {
	font-weight: var(--xx-heavy-font-weight);
}
.cart-promotional-discount {
	color: var(--red-dark);
}
.cart-buy-options {
	text-align: center;
}
.cart-pricing {
	font-size: 24px;
	line-height: 26px;
}
.cart-pricing a {
	text-decoration: none;
}
.cart-pricing em {
	font-size: 12px;
	color: var(--gray-d-50);
	display:block;
	line-height: 1.6em;
}
.cart-pricing em:first-child {
	margin-top: 5px;
}
.cart-pricing {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #bebebe;
}
.bundle .cart-pricing:last-of-type {
	border:none;
	margin-bottom:0;
	padding-bottom:0;
}
.logo-position-select .form-control:not(select) {
	overflow: auto;
	height: auto;
	padding: 6px 8px;
}
.cart-pricing .logo-selectors:nth-of-type(2) {
	margin-top:15px;
}
[class^="cart_style_image_"] {
	border-bottom: 1px solid #afafaf;
	max-height: 221px;
	margin: 0 auto 3px;
}
.cart_table_placeholder .cart_style_image img {
	float: left;
	margin-top: 2px;
	margin-left: -5px;
	margin-right: 10px;
	border: 1px solid var(--standard-hr-color);
}
@media (max-width:1377px){
	.cart-pricing .logo-selectors:nth-of-type(2) {
		margin-top:15px;
	}
}
@media (max-width:768px) {
	.cart-pricing > div {
		text-align: left;
	}
}
.price-blue {
	color: var(--blue);
}
.remove-item-x {
	color: var(--gray);
	transition: color .3s linear;
}
.no-touch .remove-item-x:hover {
	color: var(--red-dark);
	cursor: pointer;
}
.well-rec {
	padding: 0;
	border-color: #ff0039 ;
	background: #fff;
}
.rec-img {
	overflow: hidden;
}
.rec-img img {
	max-height: 125px !important; /* add for banner */
}
.temp-unavailable,
.totes-unavailable {
	width: 100%;
	line-height: 34px;
	background: #fff;
	border:  1px solid var(--gray-d-10);
	min-width: 44px;
	max-width: 44px;
	position: relative;
	border-radius: 0;
}
.temp-unavailable:before,
.totes-unavailable:before {
	content: '\f05e';
	color: var(--gray-d-20);
	position: absolute;
	left: 50%;
	margin-left: -0.4em;
	top: 0;
	font-family: FontAwesome, sans-serif;
	font-size: 1.2em;
}
.temp-unavailable:before {
	content: '\f017';
}
.totes-unavailable:before {
	content: '\f00d';
}
.cart-not-empty {
	opacity: 1 !important;
}
/* animations */
@keyframes blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.2;
	}
	100% {
		opacity: 1;
	}
}
.img-zoom {
	transform: scale(1,1);
	transition-timing-function: ease-out;
	transition-duration: 250ms;
}
.no-touch .img-zoom:hover {
	transform: scale(1.05,1.07);
	transition-timing-function: ease-out;
	transition-duration: 250ms;
	z-index: 99;
}

.pagination .active a,
.label-primary {
	background-color: var(--blue-dark);
	border-color: var(--blue-dark);
}
.pagination {
	border-radius: 0;
}
.pagination > li > a, .pagination > li > span {
	border: none;
}
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span,
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span,
.pagination > li > a, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus,
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	border-radius: 50% !important;
}

/* override bootstrap */
.row-eq-height {
	display: flex;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	z-index: 0;
}

.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
	position: static;
}
.yamm .container {
	position: relative;
}
.yamm .dropdown-menu {
	left: auto;
}
.yamm .yamm-content {
	padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
	left: 0;
	right: 0;
}

/*  google badge */
#gts-c {
	z-index: 1 !important;
	position: relative !important;
}
#gts_container {
	z-index: 100;  /* A/B promo banner z-index is 99 when fixed to bottom of screen */
	position: fixed;
	bottom: -4px;
	right: 0;
	box-shadow: -2px -2px 10px 2px rgba(0, 0, 0, 0.3);
}
#gts_container.absolute {
	position: absolute;
}
.for-big {
	display: inline;
}
.for-small {
	display: none;
}
@media (max-width:775px) {
	.store-logo-wrapper.menuopened {
		display: none;
	}
	#tagline, #main {
		margin-top: 0;
	}
}
@media (max-width: 900px) {
	.hidden-xxs-inline {
		display: none;
	}
}
@media (max-width: 800px) {
	.for-big {
		display: none;
	}
	.for-small {
		display: inline;
	}
}


/** HELPER CSS FOR PRINT ONLY **/
@media print {
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11,
	.col-md-12 {
		float: left;
	}
	.col-md-12 {
		width: 100%;
	}
	.col-md-11 {
		width: 91.66666666666666%;
	}
	.col-md-10 {
		width: 83.33333333333334%;
	}
	.col-md-9 {
		width: 75%;
	}
	.col-md-8 {
		width: 66.66666666666666%;
	}
	.col-md-7 {
		width: 58.333333333333336%;
	}
	.col-md-6 {
		width: 50%;
	}
	.col-md-5 {
		width: 41.66666666666667%;
	}
	.col-md-4 {
		width: 33.33333333333333%;
	}
	.col-md-3 {
		width: 25%;
	}
	.col-md-2 {
		width: 16.666666666666664%;
	}
	.col-md-1 {
		width: 8.333333333333332%;
	}
	.col-md-pull-12 {
		right: 100%;
	}
	.col-md-pull-11 {
		right: 91.66666666666666%;
	}
	.col-md-pull-10 {
		right: 83.33333333333334%;
	}
	.col-md-pull-9 {
		right: 75%;
	}
	.col-md-pull-8 {
		right: 66.66666666666666%;
	}
	.col-md-pull-7 {
		right: 58.333333333333336%;
	}
	.col-md-pull-6 {
		right: 50%;
	}
	.col-md-pull-5 {
		right: 41.66666666666667%;
	}
	.col-md-pull-4 {
		right: 33.33333333333333%;
	}
	.col-md-pull-3 {
		right: 25%;
	}
	.col-md-pull-2 {
		right: 16.666666666666664%;
	}
	.col-md-pull-1 {
		right: 8.333333333333332%;
	}
	.col-md-pull-0 {
		right: 0;
	}
	.col-md-push-12 {
		left: 100%;
	}
	.col-md-push-11 {
		left: 91.66666666666666%;
	}
	.col-md-push-10 {
		left: 83.33333333333334%;
	}
	.col-md-push-9 {
		left: 75%;
	}
	.col-md-push-8 {
		left: 66.66666666666666%;
	}
	.col-md-push-7 {
		left: 58.333333333333336%;
	}
	.col-md-push-6 {
		left: 50%;
	}
	.col-md-push-5 {
		left: 41.66666666666667%;
	}
	.col-md-push-4 {
		left: 33.33333333333333%;
	}
	.col-md-push-3 {
		left: 25%;
	}
	.col-md-push-2 {
		left: 16.666666666666664%;
	}
	.col-md-push-1 {
		left: 8.333333333333332%;
	}
	.col-md-push-0 {
		left: 0;
	}
	.col-md-offset-12 {
		margin-left: 100%;
	}
	.col-md-offset-11 {
		margin-left: 91.66666666666666%;
	}
	.col-md-offset-10 {
		margin-left: 83.33333333333334%;
	}
	.col-md-offset-9 {
		margin-left: 75%;
	}
	.col-md-offset-8 {
		margin-left: 66.66666666666666%;
	}
	.col-md-offset-7 {
		margin-left: 58.333333333333336%;
	}
	.col-md-offset-6 {
		margin-left: 50%;
	}
	.col-md-offset-5 {
		margin-left: 41.66666666666667%;
	}
	.col-md-offset-4 {
		margin-left: 33.33333333333333%;
	}
	.col-md-offset-3 {
		margin-left: 25%;
	}
	.col-md-offset-2 {
		margin-left: 16.666666666666664%;
	}
	.col-md-offset-1 {
		margin-left: 8.333333333333332%;
	}
	.col-md-offset-0 {
		margin-left: 0;
	}

	/* WE DON'T NEED HREF PRINTED OUT */
	a[href]:after,
	img[src]:after {
		content: '' !important;
	}
	html,
	body {
		/*font-size: 14px;*/
	}
}

/* HORIZONTAL MENU */
.wsmenucontainer {
	width: 100%;
}

/*------------------------------------ Desktop CSS ---------------------------------------------*/
.wsmenuexpandermain {
	position: relative;
}

.overlapblackbg {
	display: none;
}

.wsmenu {
	margin: 0 auto;
	display: block;
}

.wsmenu-list {
	margin: 0 0 0 auto;
	padding: 0;
	position: relative;
}

.wsmenu-list > li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.wsmenu-list li:first-child a {

}

.wsmenu-list li:last-child a {
	border-right: 0 solid;
}

.wsmenu-list > li > a .fa {
	display: inline-block;
	font-size: 13px;
	line-height: inherit;
	margin-right: 0;
}

.wsmenu-list li ul li a .fa.fa-angle-double-right {
	font-size: 12px;
	margin: 0 3px 0 -4px;
}

.wsmenu-list li a .arrow:after {
	border-left: 4px solid rgba(0, 0, 0, 0);
	border-right: 4px solid rgba(0, 0, 0, 0);
	border-top: 4px solid #b3b3b3;
	content: "";
	float: right;
	height: 0;
	margin: 0 0 0 9px;
	position: absolute;
	text-align: right;
	top: 13px;
	width: 0;
}

.wsmenu-list > li > a {
	display: block;
	background-color: transparent;
	color: var(--standard-font-color);
	font-weight: var(--heavy-font-weight);
	padding: 0 12px;
	line-height: 40px;
	text-decoration: none;
	white-space: nowrap;
	text-transform:capitalize;
	font-size: 15px;
}

.wsmenu-list li a:hover .arrow:after {
	border-top-color: #fff;
}

.wsmenu-list li a.active .arrow:after {
	border-top-color: #fff;
}

.wsmenu-list li:hover>a .arrow:after {
	border-top-color: #fff;
}

.megamenu iframe {
	width: 100%;
	margin-top: 10px;
	min-height: 200px;
}

.megamenu video {
	width: 100%;
	margin-top: 10px;
	min-height: 200px;
}

/*For megamenu desktop */
.wsmenu-list li.menuisopen .megamenu {
	background-image: none !important;
	opacity: 1;
}

.megamenu {
	right:0;
	position: absolute;
	top: 40px;
	color: #000;
	z-index: 1000;
	margin: 0;
	text-align: left;
	padding: 24px;
	font-size: 15px;
	background-color: #fff;
	opacity: 0;
	border-top: 1px solid var(--gray);
	box-shadow: 0 7px 13px -3px #000;
	transform-origin: 0;
	transition: transform 0s linear 0s,opacity 0s;
	display: inline-block;
}

header ul.wsmenu-list li:nth-of-type(2) .megamenu,
header ul.wsmenu-list li:nth-of-type(3) .megamenu{
	right:unset;
}

header ul.wsmenu-list li:first-of-type .megamenu {
	right:unset;
	left:0;
}

.megamenu .title {
	border-bottom: 1px solid var(--standard-hr-color);
	font-size: 17px;
	color: #424242;
	margin-bottom: 25px;
	text-align: left;
	margin-top: 0;
	font-weight: var(--x-heavy-font-weight);
	padding-bottom: 3px;
}

.megacollink {
	padding: 10px;
	zoom: 1;
	vertical-align: top;
	white-space: nowrap;
	display: inline-block;
}

.megacollink li {
	display: block;
	white-space: nowrap;
	text-align: left;
	position: relative;
	overflow: hidden;
	font-weight: var(--light-font-weight);
}

.megacollink li a {
	line-height: 18px;
	border-right: none;
	text-align: left;
	padding: 4px 0;
	background-image: none !important;
	border-right: 0 none !important;
	display: block;
	color:var(--blue);
}
.megacollink li a:hover {
	color: var(--standard-font-color);
}
.megacollink li.parent {
	font-weight: var(--medium-font-weight);
	font-size: 1.1em;
}
.megacollink li.parent.top {
	font-size: 1.6em;
}
.megacollink li.parent.top a {
	color: var(--black-l-30);
	line-height: 30px;
	font-weight: var(--heavy-font-weight);
}
.megacollink li:not(.parent) {
	padding-left: 10px;
}
.megacollink li:not(.parent) a {
	color: var(--gray-d-20);
}
.megacollink li.image {
	padding-left: 0;
}
.megacollink li.image img {
	max-width: 100%;
	margin: 7px auto !important;
	transition: all .25s linear;
	max-height: 35px;
	padding: 0 10px;
	display: block;
}
.megacollink li.image img:hover {
	filter: grayscale(0);
	opacity:1;
}
.wsmenu-list .megamenu li.image a:hover {
	background: transparent !important;
}
.megacollink li.image.big-image img {
	max-height: 90px;
}
.divide {
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.divide:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	width: 85%;
	left: 0;
	border-top: 1px solid var(--gray-d-10);
}
.megacollink.border-right {
	border-right: 2px solid var(--gray);
	padding-right: 20px;
}

.megacollink .fa {
	font-size: 11px;
}
.megacolimage {
	width: 31.33%;
	float: left;
	margin: 0 1%;
}

.typographydiv {
	width: 100%;
	margin: 0;
}
.typographylinks {
	width: 25%;
	float: left;
	margin: 0;
}
.mainmapdiv {
	width: 100%;
	display: block;
	margin: 0;
}
.wsmenu-list .megamenu  li >a {
	padding-left: 10px;
	padding-right: 10px;
}
.wsmenu-list .megamenu  li:hover>a {
	background: transparent !important;
}

.wsmenu-list .megamenu  li a:hover {
	background-color: var(--gray) !important;
	text-decoration: none;
}

.wsmenu-list .megamenu li .fa {
	margin-right: 5px;
	text-align: center;
	width: 18px;
}
.mrgtop {
	margin-top: 15px;
}
.show-grid div {
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: #dbdbdb;
	border: 1px solid var(--gray);
	color: #6a6a6a;
	margin: 2px 0;
}
.megamenu .left.carousel-control {
	padding-top: 20%;
}
.megamenu .right.carousel-control {
	padding-top: 20%;
}
.carousel-inner .item img {
	width: 100%;
}
.megamenu .carousel-caption {
	bottom: 0;
	background-color: rgba(0,0,0,0.7);
	font-size: 13px;
	height: 31px;
	left: 0;
	padding: 7px 0;
	right: 0;
	width: 100%;
}
/*Animation*/
.wsmenu-list li > .wsmenu-submenu {
	transform-style: preserve-3d;
	transform: rotateX(-90deg);
	visibility: hidden;
}
.wsmenu-list li.menuisopen > .wsmenu-submenu {
	transform: rotateX(0deg);
	opacity: 1;
	visibility: visible;
}
.wsmenu-submenu li > .wsmenu-submenu-sub {
	transform-style: preserve-3d;
	transform: rotateX(-90deg);
	visibility: hidden;
}
.wsmenu-submenu li:hover > .wsmenu-submenu-sub {
	transform: rotateX(0deg);
	opacity: 1;
	visibility: visible;
}
.wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub {
	transform-style: preserve-3d;
	transform: rotateX(-90deg);
	visibility: hidden;
}
.wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub {
	transform: rotateX(0deg);
	opacity: 1;
	visibility: visible;
}
.wsmenu-list li > .megamenu {
	transform-style: preserve-3d;
	transform: rotateX(-90deg);
	visibility: hidden;
}
.wsmenu-list li.menuisopen > .megamenu {
	transform: rotateX(0deg);
	opacity: 1;
	visibility: visible;
}
/* Submenu CSS */
.wsmenu-submenu {
	position: absolute;
	top: 40px;
	z-index: 1000;
	margin: 0;
	padding: 30px;
	border-top: 1px solid var(--gray);
	background-image: none !important;
	background-color: #fff;
	opacity: 0;
	box-shadow: 0 5px 9px -3px #000;
	transform-origin: 0;
	transition: transform 0s linear 0s, opacity 0s;
	min-width: 350px;
}

@media(min-width:775px) {
	.hover-delay .wsmenu-submenu,
	.hover-delay .megamenu{
		transform-origin: 0;
		transition: transform .05s linear .3s, opacity 0.15s;
	}
}
.wsmenu-submenu.right,
.megamenu.right {
	right: 0;
}
.wsmenu-submenu li a {
	background-image: none !important;
	color: var(--black-l-20) !important;
	border-right: 0 none !important;
	text-align: left;
	display: block;
	line-height: 22px;
	padding: 4px 12px;
	text-transform: none;
	font-size: 17px;
	border-right: 0 solid;
	font-weight: var(--light-font-weight);
}
.wsmenu-submenu li {
	position: relative;
	margin: 0;
	padding: 0;
}
.wsmenuexpandermain {
	display: none;
}
.wsmenu-list li:hover .wsmenu-submenu {
	display: block;
}
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub {
	min-width: 220px;
	position: absolute;
	left: 100%;
	top: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
	transform-origin: 0;
	transition: transform 0.2s, opacity 0.2s;
}
.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
	opacity: 1;
	list-style: none;
	padding: 4px;
	border: solid 1px var(--gray);
	background-color: #fff;
}
.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
	display: block;
}
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub {
	min-width: 220px;
	position: absolute;
	left: 100%;
	top: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
	transform-origin: 0;
	transition: transform 0.2s, opacity 0.2s;
}
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub {
	opacity: 1;
	list-style: none;
	padding: 4px;
	border: solid 1px var(--gray);
	background-color: #fff;
}
.wsmenu-submenu li {
	position: relative;
	padding: 0;
	margin: 0;
	display: block;
}
.wsmenu-click {
	display: none;
}
/* Default Theme */
.wsmenu-list li>a {
	background-color:white;
	transition: background-color 0.4s;
}
.wsmenu-list li>a:hover {
	background-image: none !important;
	background-color: var(--gray);
	color: var(--standard-font-color);
	text-decoration: none !important;
}
.wsmenu-list li.menuisopen>a,
.wsmenu-list li.menuisopen>a:hover {
	background-image: none !important;
	background-color: var(--blue-dark);
	text-decoration: none;
	font-weight: var(--x-heavy-font-weight);
	color: white;
}
.wsmenu-list > li > a.active {
	background-color: var(--off-white);
	text-decoration: none;
	color: var(--black-l-20);
}
.wsmenu-submenu > li > a:hover {
	background-image: none !important;
	background-color: rgba(0,0,0,0.08) !important;
	border-radius: 0!important;
	text-decoration: none;
	color: var(--black-l-20);
}
.wsmenu-submenu .fa {
	margin-right: 7px;
}
#header {
	border-bottom: 1px solid var(--standard-hr-color);
}
#tagline {
	padding-left: 1%;
}

@media only screen and (min-width:961px) and (max-width:1024px) {
	.wsmenu-list > li > a > .fa {
		display: none !important;
	}
	.wsmenu {
		font-size: 13px !important;
	}
	.wsmenu-list li a {
		white-space: nowrap !important;
		padding-left: 6px !important;
		padding-right: 6px !important;
	}
	.megamenu {
		width: 100%;
	}
	.megacollink {
		width: 31.3%;
		margin: 1% 1%;
		min-width: 173px;
	}
	.typographylinks {
		width: 31.3%;
		margin: 1% 1%;
	}
}

@media only screen and (min-width: 781px) and (max-width:1200px) {
	.wsmenu-list li a .arrow:after {
		display: none !important;
	}
}


/*------------------------------------ Mobile CSS ---------------------------------------------*/
@media only screen and (max-width: 775px) {
	.wsmenu-list > li:hover>a,
	.wsmenu-list > li:focus>a {
		background-image: none !important;
		text-decoration: none;
	}
	.megacollink {
		width: 96% !important;
		margin: 0 2% !important;
		padding: 10px 15% 30px 5%;
	}
	.megacolimage {
		width: 90% !important;
		margin: 0 5% !important;
	}
	.typographylinks {
		width: 98% !important;
		margin: 0 1% !important;
	}
	.typographydiv {
		width: 86% !important;
		margin: 0 7% !important;
	}
	.mainmapdiv {
		width: 90% !important;
		margin: 0 5% !important;
	}
	.overlapblackbg {
		left: 0;
		z-index: 1048;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		display: none;
		background-color: rgba(0, 0, 0, 0.65);
		cursor: pointer;
	}
	.overlapblackbg.menuopen {
		display: block;
	}
	/* Default Theme */
	.wsmenu-submenu > li:hover>a {
		background-image: none !important;
		background-color: #008BC0;
		color: var(--black-l-10);
	}
	.wsmenu > .wsmenu-list > li > a.active {
		color: #fff;
		background: #5288b1;
	}
	.wsmenu > .wsmenu-list > li > a:hover {
		color: #fff;
		background: #5288b1;
	}
	.wsmenu-list li:hover .wsmenu-submenu {
		display: none;
	}
	.wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub {
		display: none;
	}
	.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub {
		display: none;
		list-style: none;
		padding: 4px;
		border: solid 1px var(--gray);
		background-color: #fff;
	}
	.wsmenu-list li:first-child a {
	}
	.wsmenu-list li:last-child a {
		border-right: 0 solid;
	}
	.wsmenuexpandermain {
		display: block !important;
		z-index: 1050;
		top: -20px;
		right: 0;
		left: 0;
	}
	/* Mobile click to drop arrow */
	.wsmenu-click {
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		cursor: pointer;
	}
	.wsmenu-click i {
		display: block;
		height: 23px;
		width: 25px;
		margin-top: 11px;
		margin-right: 8px;
		background-size: 25px;
		font-size: 21px;
		color: rgba(255,255,255,0.4);
	}
	.wsmenu-rotate {
		transform: rotate(180deg);
	}
	/*2nd UL Style*/
	.wsmenu-submenu-sub {
		width: 100% !important;
		position: static !important;
		left: 100% !important;
		top: 0 !important;
		display: none;
		margin: 0 !important;
		padding: 0 !important;
		border: solid 0 !important;
		transform: none !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	.wsmenu-submenu-sub li {
		margin: 0 !important;
		padding: 0;
		position: relative;
	}

	.wsmenu-submenu-sub a {
		display: block;
		padding: 10px 25px 10px 25px;
		border-bottom: solid 1px var(--standard-hr-color);
		font-weight: normal;
	}

	.wsmenu-submenu-sub li a.active {
		color: #000 !important;
	}

	.wsmenu-submenu-sub li:hover>a {
		background-color: var(--black-l-10) !important;
		color: #fff;
	}

	.wsmenu-list > li > a .fa {
		margin-right: 6px;
	}

	.wsmenu-submenu-sub-sub {
		width: 100% !important;
		position: static !important;
		left: 100% !important;
		top: 0 !important;
		display: none;
		margin: 0 !important;
		padding: 0 !important;
		border: solid 0 !important;
		transform: none !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	.wsmenu-submenu-sub-sub li {
		margin: 0 !important;
	}

	.wsmenu-submenu-sub-sub a {
		display: block;
		color: #000;
		padding: 10px 25px;
		background: #000 !important;
		border-bottom: solid 1px var(--standard-hr-color);
		font-weight: normal;
	}

	.wsmenu-submenu-sub-sub li a.active {
		color: #000 !important;
	}

	.wsmenu-submenu-sub-sub li:hover>a {
		background-color: #606060 !important;
		color: #fff;
	}

	.wsmenu .wsmenu-list {
		height: 100%;
		overflow-y: auto;
		display: block !important;
	}

	.wsmenu .wsmenu-list > li {
		width: 240px;
		display: block;
		float: none;
		border-right: none;
		background-color: transparent;
		position: relative;
		white-space: inherit;
	}

	.wsmenu > .wsmenu-list > li > a {
		padding: 9px 32px 9px 17px;
		font-size: 14px;
		text-align: left;
		font-weight: var(--x-heavy-font-weight);
		border-right: solid 0;
		background-color: transparent;
		color: rgba(255,255,255,0.8);
		line-height: 25px;
		border-bottom: 1px solid rgba(0,0,0,0.13);
		background: var(--blue-dark);
	}

	.wsmenu > .wsmenu-list > li > a > .fa {
		font-size: var(--small-font-size);
		color: #bfbfbf;
	}

	.wsmenu .wsmenu-list li a .arrow:after {
		display: none !important;
	}

	.wsmenu .wsmenu-list li ul li a .fa.fa-caret-right {
		font-size: 12px !important;
		color: var(--gray-d-60);
	}


	.mrginleft {
		margin-left: 240px;
	}
	.wsmenu-list .megamenu {
		color: var(--black-l-40);
		display: none;
		position: relative !important;
		top: 0;
		padding: 0;
		border: solid 0;
		transform: none !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
	.wsmenu-list li:hover .megamenu {
		display: none;
		position: relative !important;
		top: 0;
	}
	.megamenu .title {
		color: var(--black-l-40);
		font-size: 13px !important;
		padding: 10px 8px 10px 0;
		margin: 0 0 0 15px;
		max-width: 190px;
		overflow: hidden;
	}
	.megamenu img {
		box-shadow: none;
	}
	.megamenu > ul {
		width: 100% !important;
		margin: 0;
		padding: 0;
		font-size: 13px !important;
	}
	.megamenu > ul > li > a {
		padding: 9px 14px !important;
		line-height: normal !important;
		font-size: 13px !important;
		color: var(--black-l-40);
	}
	.megacollink li {
		width: auto;
	}
	.megamenu ul li.title {
		line-height: 26px;
		color: var(--black-l-20);
		margin: 0;
		font-size: 15px;
		padding: 7px 13px !important;
		border-bottom: 1px solid var(--gray-d-10);
		background-color: transparent !important;
	}
	.wsmenu {
		width: 240px;
		height: calc(100dvh - 97px);
		position: fixed;
		overflow-y: auto;
		left: 0;
		top: 97px;
		margin: 0;
		background-color: #fff;
		border-radius: 0;
		z-index: 100;
		transition: all 0.3s ease-in-out;
		border: none !important;
	}

	/*Nav Expanding Open Effect*/
	.wsmenu.menuopen {
		transform: translate3d(0px, 0, 0);
	}

	.wsmenu.menuclose {
		transform: translate3d(-240px, 0, 0);
	}

	.wsmenucontent {
		z-index: 99;
	}

	/* Navigation arrow Animation */
	.animated-arrow {
		position: fixed;
		left: 15px;
		top: 32px;
		z-index: 99;
		cursor: pointer;
		padding:22px 27px;
		height:64px;
		border-right: 1px solid var(--gray-d-10);
	}

	.animated-arrow span, .animated-arrow span:before, .animated-arrow span:after {
		cursor: pointer;
		height: 5px;
		width: 40px;
		background: var(--black-l-30);
		position: absolute;
		display: block;
		content: '';
		left:0;
	}

	.animated-arrow span:before {
		top: -9px;
	}

	.animated-arrow span:after {
		bottom: -9px;
	}

	.animated-arrow span, .animated-arrow span:before, .animated-arrow span:after {
		transition: all .3s ease-in-out;
	}

	.animated-arrow p {
		position: absolute;
		font-size: 15px;
		display: block;
		color: var(--black-l-30);
		top: 38px;
		width: 40px;
		text-align: center;
		left:0;
		margin:0;
	}

	.animated-arrow.menuopen span {
		background-color: transparent;
	}

	.animated-arrow.menuopen span:before, .animated-arrow.active span:after {
		top: 9px;
	}
	.animated-arrow.menuopen span:before {
		transform: rotate(45deg) translateZ(0);
		bottom: 0;
		background: var(--black-l-30);
	}
	.animated-arrow.menuopen span:after {
		transform: rotate(-45deg) translateZ(0);
		background: var(--black-l-30);
	}
	.animated-arrow.menuopen p {
		display: none;
	}
	.megamenu,
	.wsmenu-submenu {
		box-shadow: none;
	}
}


/* fix for qq upload on safari */
.file-button input[type="file"] {
	min-height: 50px;
	height: 50px;
}

/* fix for number text fields */
input[type=number] {
	-moz-appearance: textfield;
}

::-webkit-inner-spin-button { -webkit-appearance: none;}
::-webkit-outer-spin-button { -webkit-appearance: none;}

.no-touch .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	color: #fff !important;
}

#footer {
	background: var(--primary-dark);
	font-size: 1em;
	line-height: 1.6em;
	color: rgba(255,255,255,0.7);
	padding: 30px 3% 0;
}
#footer h3 {
	color: white;
}
#footer li {
	list-style-type: none;
	color: white;
	font-weight: var(--standard-font-weight);
}
#footer ul {
	padding: 0;
}
#footer a:visited {
	color: white;
}
#footer a {
	color: white;
}
#footer .list-inline > li:first-child {
	padding-left: 5px;
}
#contact-us a:hover {
	text-decoration: none;
}
#contact-us ul {
	margin: 0;
}
#social-media-links i:hover {
	color: var(--primary-dark);
}

.icon-circle {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: white;
	border-radius: 50%;
	text-align: center;
	line-height: 30px;
	margin-right: 8px;
}
.icon-circle-blue {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-color: var(--primary);
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
}
.colorless-links a {
	font-size: 1.4em;
	margin-bottom: 8px;
	color: white;
	display: inline-block;
}
.colorless-links a:visited {
	color: white;
}
#social-media-links a:visited {
	color: white;
}
#copyright span {
	margin-right: 20px;
}
@media (max-width:960px) {
	#footer {
		padding-bottom: 10px;
	}
	#footer .list-unstyled {
		width: 50%;
	}
	.big-in-footer {
		margin-top: 10px;
		float: none;
		text-align: center;
		width: 100% !important;
	}
	.big-in-footer img {
		margin: auto;
	}
}
@media (max-width:768px) {
	.modal-xl {
		width: 96% !important;
		margin: 10px auto;
	}
}
@media (max-width:600px) {
	#copyright span {
		display: block;
		margin-right: 0;
	}
}
.modal-xl {
	width: 86%;
	max-width: 1366px;
}
@media (max-width:960px) {
	.modal {
		margin-top: 0;
	}
}
@media (max-width:600px) {
	.modal-xl .page-name {
		font-size: 34px !important;
	}
	.modal-xl {
		width: 96%;
		margin: 10px 2% 30px;
	}
}
@media screen and (min-width:768px) {
	.modal.left-modal .modal-dialog,
	.modal.right-modal .modal-dialog {
		position: fixed;
		margin: auto;
		width: 560px;
		height: 100%;
		transform: translate3d(0%, 0, 0);
	}
	.return-modal-dialog {
		width: 700px;
	}
	.modal.left-modal .modal-content,
	.modal.right-modal .modal-content {
		height: 100%;
		overflow-y: auto;
	}
	.modal.left-modal.fade .modal-dialog{
		left: -560px;
		transition: opacity 0.3s linear, left 0.3s ease-out;
	}
	.modal.left-modal.fade.in .modal-dialog{
		left: 0;
	}
	.modal.right-modal.fade .modal-dialog {
		right: -560px;
		transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	.modal.right-modal.fade.in .modal-dialog {
		right: 0;
	}
	.modal-condensed.modal-dialog {
		height: 100% !important;
	}
}

@media (max-width:480px) {
	.temp-unavailable:before,
	.totes-unavailable:before {
		top:4px;
	}
}

.vertical-align-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	display: table;
	top: 0;
	left: 0;
}
.vertical-align {
	display: table-cell;
}
.vertical-align--middle {
	vertical-align: middle;
}
.fixed-body {
	position: fixed;
	width: 100%;
	overflow-y:hidden;
}

/* reviews */
.star-review-container {
	font-size: 1em;
	color: var(--gray-d-50);
	padding: 5px 10px;
	text-align: center;
}
.star-reviews-cat i {
	color: var(--gray-d-50);
	line-height: 1.4em;
}
.star-reviews-cat.none-yet i {
	color: var(--gray-d-50);
}
.star-reviews-cat:not(.none-yet) i.active {
	color: var(--primary);
}
.review-count {
	font-size: var(--xs-font-size);
	color: var(--gray-d-50);
	font-weight: var(--medium-font-weight);
	display: inline-block;
}
.product-horizontal .review-count {
	line-height: 1.4em;
}

.spin-wrapper { margin: 0 auto; text-align: center; position: absolute; top: 50%; left: 0; width: 100%; z-index:999; }
.spin {
	background-color: transparent;
	border: 2px solid rgba(0, 0, 0, .4);
	border-top-color: transparent; border-left-color: transparent;
	border-radius: 150px;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-bottom: 3px;
	vertical-align: middle;
	animation: spin .5s infinite linear;
}
.spin.mini {
	border-width: 2px;
	width: 4px;
	height: 4px;
}
.spin.small {
	border-width: 2px;
	width: 8px;
	height: 8px;
}
.spin.large {
	border-width: 5px;
	width: 22px;
	height: 22px;
}
.spin.extra-large {
	border-width: 8px;
	width: 80px;
	height: 80px;
}
@keyframes spin {
	0% { transform: rotate(0deg);border-color: rgba(147,199,65,.4);border-top-color: transparent; border-left-color: transparent; }
	25% {border-color: rgba(231,53,53,.4);border-top-color: transparent; border-left-color: transparent;}
	50% {border-color: rgba(73,190,200,.4);border-top-color: transparent; border-left-color: transparent;}
	75% {border-color: rgba(245,218,13,.4);border-top-color: transparent; border-left-color: transparent;}
	100% { transform: rotate(360deg); border-color: rgba(147,199,65,.4);border-top-color: transparent; border-left-color: transparent; }
}

#main #content-loader.spin-wrapper {
	text-align: center;
	position: absolute;
	top: 150px;
	left: 50%;
	margin: 0 auto 0 -75px;
	width: 240px;
	z-index: 999;
	opacity: 0.3;
	background: url("https://cdn.queensboro.com/content-pages/site-art/the-queen-blue.webp") 20% 20%/30% no-repeat transparent;
	animation: crown 2s infinite linear;
}

#main #content-loader .spin.extra-large {
	border-width: 10px;
	width: 160px;
	height: 160px;
}

@keyframes crown {
	0% { background-position: 20% 20%; }
	25% {background-position: 80% 80%;}
	50% {background-position: 80% 20%;}
	75% {background-position: 20% 80%;}
	100% { background-position: 20% 20%; }
}


/* EMAIL REGISTRATION FOOTER */
.email-signup-form {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 2em;
	transition: background .5s linear;
}
#global-email-input {
	height: 30px;
	width: 100%;
	display: inline;
	max-width: 250px;
}
#global-email-form.fixed {
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	z-index: 99;
	padding: 10px 0;
	margin: 0 auto;
}
#global-email-form-wrapper #hide-global-email {
	display: none;
	position: absolute;
	cursor: pointer;
	color: #fff;
	font-size: var(--large-font-size);
	opacity: 0.75;
	top: 20px;
	right: 22px;
	z-index: 999;
}
#global-email-form-wrapper #hide-global-email:hover {
	transition: all .15s linear;
	opacity: 1;
}
#global-email-form.fixed > #hide-global-email {
	display: inline-block;
}
#global-email-form {
	background-color: var(--blue);
}
#global-email-form form {
	margin-bottom: 0;
	line-height: 2em;
}
.email-form-message {
	line-height: 2em;
	color: white;
	font-weight: var(--medium-font-weight);
}
@media (min-width: 1200px) {
	#global-email-form form {
		display: inline-block;
		padding-right: 25px;
		text-align: left;
	}
	#upper-message-b {
		text-align: right;
	}
}
.email-form-inputs {
	display:block;
	width:100%;
}
.error-background {
	animation: error-back .3s normal forwards ease-in-out;
}

@media (max-width: 992px) {
	.email-signup-form {
		padding: 20px 2% 20px;
	}
	.email-form-message {
		line-height: 1.5em;
		margin-bottom: 1rem;
	}
	.star-review-container {
		line-height:5px;
		margin-bottom:6px;
		height:auto;
	}
	.qq-gallery.qq-uploader {
		border:none;
		background:none;
	}
	.qq-gallery .qq-upload-button {
		float:none;
		background-color:#428bca;
		display:block;
		margin:0 auto;
		border-radius:6px;
		box-shadow:none;
		padding: 20px 30px !important;
		line-height:normal;
		font-size: var(--small-font-size) !important;
	}
}

@media (max-width: 768px) {
	.email-form-message {
		font-size: .875em;
	}
}

@keyframes error-back {
	from { background: transparent; }
	to { background: var(--red-dark); }
}
@keyframes success-back {
	from { background: #668a0e; }
	to { background: #06627d; }
}

/* FIXED HEADER */
#header-wrapper {
	z-index: 10;
}

.site-banner {
	background-color: var(--gray-d-10);
	padding: 8px 0;
	text-align: center;
	color: var(--blue-dark);
	margin:0 auto;
	width:100%;
	line-height: normal;
	font-size: var(--small-font-size);
	font-weight: var(--x-heavy-font-weight);
	position: fixed;
	z-index: 900;
	top:110px;
}

.site-banner a { color: var(--blue-dark); }

/* Bootstrap's .modal-open sets overflow:hidden, which turns <body> into a
   scroll container and un-sticks position:sticky descendants (the product
   stage jumps when a modal opens mid-scroll). overflow:clip locks the
   background scroll the same way without creating a scroll container;
   browsers without clip support fall back to Bootstrap's hidden. */
body.modal-open { overflow: clip; }

/* 776–1365px: the 148px fixed header paints over the banner's band, so hide
   it outright — otherwise its dismiss button is an invisible tab stop. */
@media screen and (min-width: 776px) and (max-width: 1365px) {
	.site-banner { display: none; }
}

/* A quiet inline ×, not a button — faded banner-text blue that wakes on
   hover; it rides just right of the centered banner text. */
.site-banner-dismiss {
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	background: transparent;
	padding: 0 8px;
	margin-left: 8px;
	font-size: var(--standard-font-size);
	line-height: 1;
	vertical-align: middle;
	color: var(--blue-dark);
	opacity: 0.55;
	cursor: pointer;
}
.no-touch .site-banner-dismiss:hover,
.site-banner-dismiss:focus-visible {
	opacity: 1;
}

.site-banner a:hover {
	color: var(--blue);
	text-decoration:underline !important;
	cursor: pointer;
}

.message-bar.alert-bar {
	background: #600;
	font-size: .8em;
	height: auto;
}
.message-bar.alert-bar>div {
	margin: 0 auto;
	width: 100%;
	max-width: 1366px;
	padding: 10px 2%;
	font-size: 1.2em;
}
.message-bar.alert-bar .message-bar-span {
	float: right;
	color: #fff;
}
@media (max-width: 600px) {
	.message-bar.alert-bar .message-bar-span {
		float: none;
		height: auto;
		padding: 0;
		text-align: center;
		font-size: 0.8em;
		display: block;
		margin: 0;
	}
}
/* Message A for Signup form */
.email-signup-message {
	font-size: 1.80rem;
	line-height: 1.2;
}

@media (max-width: 480px) {
	#unsubscribe {
		display: block;
	}
}

/* Styles for targeting video home-page */

body.video-page #top-nav, body.video-page #right-nav, body.video-page .site-banner{
	display:none;
}

body.video-page .store-logo-wrapper {
	top:0;
}

body.video-page #header {
	height:91px;
}

body.video-page .break-achieved.menu-wrapper {
	display:none;
}

@media (max-width: 900px) {
	body.video-page #header-click-stealer a:nth-child(2),
	body.video-page #header-click-stealer a:nth-child(3),
	body.video-page #header-click-stealer a:nth-child(4) {
		display: none;
	}

}

@media (max-width: 775px) {
	body.video-page .break-achieved.menu-wrapper {
		display:block;
	}
	body.video-page #main-content {
		margin-top: 0;
	}
	body.video-page .animated-arrow {
		top: 0;
		height: 76px;
		padding: 22px 29px;
		left: 15px;
	}

	body.video-page .store-logo-wrapper {
		left: 13px;
		top: 10px;
	}
	body.video-page .animated-arrow span {
		top:28px;
	}
	body.video-page .animated-arrow p {
		top:46px;
		color:white;
	}

	body.video-page .animated-arrow.menuopen {
		left: 248px;
		top: -11px;
	}
	body.video-page #navToggle {
		display:none;
	}
}

@media (max-width: 768px) {
	body.video-page #header-click-stealer {
		top:0;
	}
	body.video-page .store-logo-wrapper {
		top: 10px;
		width: 50px;
		overflow: hidden;
	}
	body.video-page #store-logo {
		height:60px;
	}
	body.video-page #header-click-stealer div {
		background:none;
		border:none;
	}
}

@media screen and (max-width: 580px) {
	body.video-page .store-logo-wrapper {
		width: 50px;
		height:initial;
	}
}
/*
Media Queries based on break-points
IMPORTANT: Sort Descending
 */
@media screen and (max-width: 1500px) {
	#top-nav ul li:last-of-type ul{
		right: -12px;
		left: unset;
	}
}

@media screen and (max-width: 1380px) {
	.menu-wrapper {
		margin-top:-10px;
	}
	#header .wsmenu .megamenu {
		right: 50%;
		left: 50%;
		width: 96%;
		margin: 0 auto;
		transform: translateX(-50%);
	}
	#top-nav, header, .content-wrapper {
		padding:0 15px;
	}
}

@media screen and (max-width: 1200px) {
	.banner-shipping {
		display:none;
	}
}

@media screen and (max-width: 1050px) {
	.banner-title {
		display:none;
	}
	#top-nav ul {
		margin-left:auto !important;
	}
}


@media screen and (max-width: 775px) {
	.menu-wrapper {
		margin-top:0;
	}
	.store-logo-wrapper {
		margin: 0 !important;
		position: absolute !important;
		left:84px;
	}
	.account-link .for-small {
		padding-right:10px;
		font-size:15px;
	}
	#header {
		position: fixed;
		height:97px;
	}
	#header header {
		height:65px;
	}
	header.menuopened {
		display:none;
	}
	#top-nav.menuopened {
		display:none;
	}
	#header.menuopened {
		background-color:transparent;
		border:none;
	}
	#header .wsmenu .megamenu {
		left:0;
	}
	#top-nav ul li:last-of-type ul{
		left:-140px;
	}
	#top-nav, header, .content-wrapper {
		padding:0 6px;
	}
	#top-nav {
		height:32px !important;
	}
	#header #top-nav a {
		padding:6px 10px;
	}
	#top-nav ul.lsdd {
		left:-39px;
	}
	.site-banner {
		display:none;
		position: fixed;
		top:97px;
		z-index: 1030;
	}
	.site-banner span {
		display:none;
	}

	ul#right-nav li#contact-us-button {
		display: none;
	}
}

@media screen and (max-width: 580px) {
	.store-logo-wrapper {
		width: 35px;
		overflow: hidden;
		height: 41px;
	}
	.store-logo-wrapper #store-logo {
		width: 200px;
	}
	#header .dev-boy {
		right: 3px;
		top: -1px;
		border-radius: 0;
		padding: 0 7px;
	}

}

@media screen and (max-width: 400px) {
	#right-nav li.nav-btn.btn-primary {
		display: none;
	}
}

#mobile-contact-us-button:hover {
	background-color: var(--blue);
}

ul#right-nav li#contact-us-button a {
	color: white;
}

.btn-inline { width: 49%; }
.contact-us { background-color: white; }
.contact-us:hover {
	cursor: pointer;
	background-color: white;
}
.contact-us a { color: black; }
.contact-us a:hover {
	color: black;
	text-decoration: none;
}

.mobile-show-more{
	color: #fff;
	background-color: #a9a9a9;
	padding: 5px;
	cursor: pointer;
	border-radius: 9px;
	font-size: 12px;
}
.mobile-show-more:hover {
	border: 1px solid #000;
	color:#000;
}

@media (max-width:800px) {
	#share-logo-modal > .modal-dialog {
		width: 100%;
	}
	.mobile-hidden {
		display: none;
	}

}
@media (min-width:801px) {
	.mobile-show-more{
		display: none;
	}
}
.cart_fee_line .slide-toggle:hover {
	cursor: pointer;
}
.cart_fee_line.slide-toggle-content {
	display: none;
	font-style: italic;
}
.go_logo_threads ~ .popover .popover-title {
	background: #fff;
	border: none;
}

/* ========== Product Grid Styles (shared with category page) ========== */

/* Color swatches for product grid */
.display-colors > ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 5px;
}

.display-colors > li {
	display: inline;
	vertical-align: middle;
	padding: 5px 0;
}

.display-colors-count {
	display: inline-block;
	margin-right: 3px;
	font-size: var(--xxs-font-size);
	vertical-align: middle;
}

.display-colors-items {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	cursor: pointer;
}

/* Product badges and sale indicators */
.product-image .badge {
	position: absolute;
	top: 25px;
	right: 20px;
	background-color: var(--primary);
	color: white;
	font-size: var(--regular-font-size);
	font-weight: var(--heavy-font-weight);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.product-image .sale-text {
	position: absolute;
	top: 15px;
	left: 20px;
	color: var(--primary);
	font-size: var(--regular-font-size);
	font-weight: var(--heavy-font-weight);
	text-align: left;
}

/* Price savings badge */
.product-wrapper .price-save {
	font-size: var(--xs-font-size);
	color: white;
	font-weight: var(--heavy-font-weight);
	border-color: transparent;
	background: var(--blue-light);
	border-radius: 999px;
	padding: 0 3px 0 3px;
}

/* Responsive adjustments for product grid */
@media (max-width: 1024px) {
	.display-colors-items {
		display: inline-block;
		width: 18px;
		height: 18px;
		border-radius: 50%;
	}

	.product-image .badge {
		font-size: var(--xxs-font-size);
	}

	.product-wrapper .price-save {
		font-size: var(--xxs-font-size);
	}
}

/* Mega Menu Styles */
.mega-menu-dropdown-container { display: inline-block; }
.mega-menu-dropdown-container, #back-section-container { flex-grow: 1; text-align: center; }
.mega-menu-dropdown {
	visibility: hidden;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	position: absolute;
	background-color: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	z-index: 1000;
	width: 100vw;
	max-width: 1366px;
	left: 50%;
	transform: translateX(-43.7%);
	margin-top: 0;
	opacity: 0;
	max-height: 85vh;
	overflow-y: auto;
	padding: 0 20px;
}
.mega-menu-link-hover { visibility: visible; opacity: 1; transition-delay: 0s; z-index: 999; }
.mega-menu-dropdown-container .menu-title:hover, #back-section-container .menu-title { border-bottom: 2px solid var(--blue); }
.mega-menu-dropdown > .menu-subsection { margin: 0 2% 10px; width: 185px; }
.mega-menu-category { margin-bottom: 5px; }
.mega-menu-category .category-link { cursor: pointer; color: black; font-size: 16px; }
.mega-menu-dropdown-container .menu-title, #back-section-container .menu-title { cursor: pointer; font-weight: 400; padding: 10px 0; }
.mega-menu-dropdown-container .menu-title { color: black; border-bottom: 2px solid transparent; }
.menu-subsection h4 { color: var(--blue-dark); font-size: var(--small-font-size); margin-bottom: 15px; font-weight: bold; }
.featured-category-container .mega-menu-category .category-link { color: var(--blue); font-weight: bold; }
#mega-menu-search { position: relative; }
#mega-menu-search input {
	box-shadow: none;
	color: #808080;
	outline: none;
	padding: 5px;
	height: 24px;
	width: 136px;
	line-height: 28px;
	border-bottom: 2px solid black;
	border-radius: 0;
	margin-left: 5px;
}
#mega-menu-search input::placeholder { color: var(--gray-d-30); font-size: 15px; }
#mega-menu-search-icon:after { font-family: FontAwesome, sans-serif; font-size: 18px; content: '\f002'; color: black; }
.mega-menu-search-container { display: flex; align-items: center; width: 170px; padding: 5px; }
.mega-menu-search-container input { flex: 1; border: none; outline: none; }
.mega-menu-culture-container { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; }
.mega-menu-culture-image-grid { display: flex; flex-wrap: wrap; justify-content: center; margin: 20px 0; }
.mega-menu-culture-image-container { position: relative; margin: 5px; max-width: 550px; max-height: 250px; overflow: hidden;}
.mega-menu-culture-image-container img { width: 100%; position: relative; top: 50%; transform: translateY(-50%);}
.mega-menu-culture-text-overlay {
	text-transform: none;
	font-size: 24px;
	letter-spacing: normal;
	font-weight: bold;
}
.mega-menu-wrapper { z-index: 9998; }
.mega-menu-wrapper .menuopen { width: 100%; }
#back-section-container { display: none; }
#back-section-container #back-section { border-bottom: 2px solid var(--black-l-30); color: var(--black-l-30); opacity: 0.90; }
@media only screen and (min-width: 776px) {
	.mega-menu-desktop-container { position: relative; }
	#product-section-container { left: 0; top: 100%; position: absolute; }
	#brands-section-container { max-width: 275px; left: 0; top: 100%; position: absolute; }
}
@media only screen and (max-width: 775px) {
	.mega-menu-dropdown { left: 0; transform: translateX(0%); overflow-y: auto; height: 64vh; }
	.mega-menu-culture-container { align-items: normal;	}
	.mega-menu-culture-image-grid { margin: 0; overflow-y: auto; height: 60vh; flex-direction: column; justify-content: start; }
	.mega-menu-accordion { margin-bottom: 10px; }
	.mega-menu-accordion-title { cursor: pointer; color: black; font-weight: 400; margin-bottom: 5px; }
	.mega-menu-title-chevron { display: inline-block !important; font-size: 13px; margin-left: 5px; }
	.menu-subsection h4 span { display: none; }
	.mega-menu-accordion-content:not(#brands-menu-content) { display: none; }
	#product-section-container { display: block; }
	.menu-subsection h4 { height: auto; margin-bottom: 0; color: var(--black-l-20); font-weight: 600; }
	.mega-menu-link-hover { position: fixed; top: 65px; }
	#mobile-only-contact-section { display: flex !important; }
	#mega-menu-sub-container { display: block !important; margin-top: 20px; }
	.mega-menu-dropdown-container, #back-section-container  { padding: 15px 0; text-align: left; }
	.mega-menu-dropdown > .menu-subsection { margin: 0; width: 100%; }
	.mega-menu-dropdown-container .menu-title, #back-section-container .menu-title { padding: 0; }
	.mega-menu-category { margin: 10px auto; margin-left: 20px;}
	.mega-menu-culture-image-container .mega-menu-culture-link img { display: none; }
	.mega-menu-culture-text-overlay { color: var(--black-l-20); font-size: 18px; position: unset; display: block; transform: unset; text-align: left; }
	.mega-menu-link-icon {
		font-size: var(--regular-font-size);
		border: 1px solid black;
		border-radius: 50%;
		margin-right: 5px;
		display: inline-flex;
		justify-content: center;
		justify-items: center;
		padding: 8px;
		width: 35px;
		height: 35px;
	}
	.mega-menu-link-account-action { color: black; font-size: var(--large-font-size); }
	#mobile-contact-us-button a { padding: 6px 14px; }
	.fa-shopping-cart:before { content: "\f07a"; position: relative; left: -0.6px; top: 0.3px; }
	.mega-menu-culture-image-overlay { display: none; }
}
@media screen and (max-width: 1500px)  and (min-width: 776px){
	.mega-menu-dropdown { left: 0; transform: translateX(0%); width: 95vw; height: 70vh; }
	.menu-subsection h4 { margin-bottom: 40px;}
	.mega-menu-culture-image-grid { margin: 0; overflow-y: auto; height: 75vh; flex-direction: row; justify-content: center; }
	.mega-menu-accordion-content { padding-bottom: 20px; }
}
@media screen and (min-width: 1366px) and (max-width: 1500px) {
	.mega-menu-dropdown { width: 80vw; }
}
.window-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9991;
	transition: background-color 0.5s ease;
}
.window-overlay.active { background: rgba(0, 0, 0, 0.5); }
#mobile-only-contact-section { display: none; justify-content: start; flex-direction: column; }
#mobile-only-contact-section hr { width: 90vw; }
#mobile-only-contact-section div { padding: 5px; }
#mobile-contact-us-button { display: flex; justify-content: center;	align-items: center; background-color: var(--blue-dark); }
#mobile-contact-us-button a { color: white;}
#mega-menu-sub-container { display: flex; justify-content: space-evenly; align-items: center; }
.mega-menu-accordion-content { text-align: left; }
.mega-menu-accordion-title { text-align: left; }
.mega-menu-title-chevron { display: none; }
#show-more-link { color: var(--blue-dark); font-weight: 600; }
@media (min-width: 768px) {.signup-message {
		margin-top: 20px;
	}
}

.freq-option {
	border-color: var(--blue-light);
	background-color: var(--blue-light);
	color: var(--blue-dark);
	width: 120px;
}
@media (max-width: 767px) {
	.btn-group > .btn, .btn-group-vertical > .btn {
		width: auto;
		float: none;
		margin-bottom: 10px;
	}
}

.recommended-carousel-wrapper {
	width: 100%;
	overflow: hidden;
}


/* Override category-wrapper styles for carousel items */

/* Controls positioned outside the carousel */

/* PRODUCT CARDS (style/show_style_card) */
.product-wrapper.qb-card {
	display: flex;
	flex-direction: column;
	border: 1px solid #e4e7eb;
	border-radius: 12px;
	background: #fff;
	transition: box-shadow .2s, transform .2s;
}
.no-touch .product-wrapper.qb-card:hover {
	box-shadow: 0 10px 24px rgba(20, 55, 90, .10);
	transform: translateY(-2px);
}
.product-wrapper.qb-card .product-image {
	position: relative;
}
.qb-card .qb-card-tag {
	position: absolute;
	top: 10px;
	z-index: 2;
	padding: 2px 8px;
	border: 1px solid var(--primary);
	border-radius: 999px;
	font-family: var(--brand-typeface);
	font-size: 11px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .02em;
	pointer-events: none;
}
.qb-card .qb-card-tag-sale {
	left: 10px;
	background: rgba(255, 255, 255, .92);
	color: var(--primary);
}
.qb-card .qb-card-tag-new {
	right: 34px;
	background: var(--primary);
	color: #fff;
}
.qb-card .qb-card-body {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 12px 14px 0;
	color: var(--black);
	font-family: var(--brand-typeface);
}
.qb-card .qb-card-body:hover,
.qb-card .qb-card-body:focus {
	color: var(--black);
	text-decoration: none;
}
.qb-card-compact .qb-card-body {
	padding-bottom: 14px;
}
.qb-card-compact .qb-card-tag-new {
	right: 10px;
}
.qb-card .qb-card-brand {
	font-size: 11px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #5b6572;
}
.qb-card .qb-card-new,
.qb-card .qb-card-brand.is-new-only {
	display: none;
}
.qb-card .qb-card-new {
	color: var(--primary);
	font-weight: 700;
}
.qb-card .qb-card-name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.7em;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
}
.qb-card .qb-card-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	font-size: 12px;
	line-height: 1.4;
	color: #5b6572;
}
.qb-card .qb-card-meta .display-sizes p {
	margin: 0;
	font-size: 12px;
	line-height: 1.4;
}
.qb-card .qb-card-deco + .display-sizes p::before {
	content: '\00b7';
	margin: 0 6px;
}
.qb-card .qb-card-body .price-discounts {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 2px 8px;
	margin: 0;
	padding: 0;
}
.qb-card .qb-card-body .price-discounts > li {
	padding: 0;
}
.qb-card .qb-card-body .sale-price {
	color: var(--primary);
	font-size: 18px;
	font-weight: 700;
}
.qb-card .qb-card-body .regular-price {
	display: inline !important;
	color: #5b6572;
	font-size: 13px;
	font-weight: 400;
}
.qb-card .qb-card-body .price-save {
	padding: 0;
	border-radius: 0;
	background: none;
	color: var(--primary);
	font-size: 13px;
	font-weight: 700;
	text-transform: lowercase;
}
.qb-card .qb-card-foot {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-top: auto;
	padding: 8px 14px 14px;
}
.qb-card .qb-card-foot .display-colors ul {
	margin: 0;
}
.product-wrapper.qb-card .star-review-container {
	height: 18px;
	margin: 0;
	padding: 0;
	line-height: 18px;
	text-align: left;
}
.product-wrapper.qb-card .star-reviews-cat i {
	line-height: inherit;
}
.qb-card .qb-rating {
	font-size: 12px;
	font-weight: 500;
	color: #5b6572;
}
.qb-card .qb-rating i {
	font-size: 12px;
}
.qb-card .qb-rating-avg {
	margin-left: 2px;
	color: var(--black);
	font-weight: 600;
}
.qb-card .qb-rating .review-count {
	font-size: 12px;
	font-weight: 400;
}
@media (max-width: 720px) {
	.qb-card .qb-card-body {
		padding: 10px 10px 0;
	}
	.qb-card .qb-card-body .regular-price {
		display: none !important;
	}
	.qb-card .qb-card-tag {
		display: none;
	}
	.qb-card .qb-card-new {
		display: inline;
	}
	.qb-card .qb-card-brand.is-new-only {
		display: block;
	}
	.qb-card .qb-card-foot {
		padding: 6px 10px 10px;
	}
	.qb-card .qb-card-name {
		font-size: 13px;
	}
}

.qb-card-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}
.qb-card-grid:after {
	content: none;
}
.qb-card-grid .product-wrapper {
	width: auto;
	margin: 0;
	float: none;
}
@media (max-width: 1024px) {
	.qb-card-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
@media (max-width: 720px) {
	.qb-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}
}