/*
DF Supply, Inc.
DFS_COPPER
Theme styles. 

Dynamically loaded and generated color scheme
*/

@import url("./supportedStyles.css");
@font-face {
	font-family: "sybillapro";
	src: url("../fonts/SybillaPro-Book.woff2") format("woff2"),
		url("../fonts/SybillaPro-Book.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: fallback;
}
@font-face {
	font-family: "sybillapro";
	src: url("../fonts/SybillaPro-Regular.woff2") format("woff2"),
		url("../fonts/SybillaPro-Regular.woff") format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: fallback;
}
@font-face {
	font-family: "sybillapro";
	src: url("../fonts/SybillaPro-Medium.woff2") format("woff2"),
		url("../fonts/SybillaPro-Medium.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: fallback;
}
@font-face {
	font-family: "sybillapro";
	src: url("../fonts/SybillaPro-Bold.woff2") format("woff2"),
		url("../fonts/SybillaPro-Bold.woff") format("woff");
	font-weight: 800;
	font-style: normal;
	font-display: fallback;
}
@font-face {
	font-family: "swiper-icons";
	src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "PaymentFont";
	src: url("../fonts/paymentfont-webfont.woff2") format("woff2"),
		url("../fonts/paymentfont-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

:root {
	--swiper-navigation-size: 29px;
}

@media all and (max-width: 1000px) {
	:root {
		--swiper-navigation-size: 25px;
	}
}

/**

 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magento.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magento.com for more information.
 *
 * @category    design
 * @package     rwd_default
 * @copyright   Copyright (c) 2006-2018 Magento, Inc. (http://www.magento.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
	display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
	display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
	display: none;
	height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
	display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
	font-family: sybillapro, Verdana, Arial, sans-serif;
}

/*
 * Removes default margin.
 */
body {
	margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
	outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
	outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
h1 {
	font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
	border-bottom: 1px dotted;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
	font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */
mark {
	background: #ff0;
	color: #000;
}

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */
q {
	quotes: "\201C""\201D""\2018""\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
	font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
	border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
	overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
	margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
	border: 0;
	/* 1 */
	padding: 0;
	/* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button,
input,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 2 */
	margin: 0;
	/* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
	line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	margin-top: 10px;
	/* 2 */
	cursor: pointer;
	/* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
	cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
	height: 15px;
	width: 15px;
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
	/* 1 */
	/* 2 */
	box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

/*
 * Removes inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
	overflow: auto;
	/* 1 */
	vertical-align: top;
	/* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ============================================ *
 * Reset
 * ============================================ */
*,
*:before,
*:after {
	box-sizing: border-box;
	margin: 0;
}

html {
	/* Prevent tap highlight on iOS/Android */
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	text-size-adjust: none;
}

body {
	background: #ffffff;
	color: #000000;
	line-height: 1;
}

html,
body,
img,
fieldset,
abbr,
acronym {
	border: 0;
}

/* Fence Parts */

.fence-parts .img-container {
	display: block;
}

.vinyl-fence-gates {
	display: flex;
}

@media all and (max-width: 1000px) {
	.vinyl-fence-gates {
		display: flex;
		flex-wrap: wrap;
	}
}

.vinyl-fence-gates img {
	padding: 5px;
	border: 5px solid #bcc6cc;
	margin: 5px;
}

@media all and (max-width: 1000px) {
	.vinyl-fence-gates img {
		padding: 5px;
	}
}

.fence-parts .cat-item-wrapper {
	border: 5px solid #bcc6cc;
	margin: 5px;
	padding: 7px 7px 0px 7px;
	width: 200px;
}

.fence-parts .cat-item-wrapperz3 {
	border: 5px solid #bcc6cc;
	margin: 5px;
	padding: 7px 7px 0px 7px;
	width: 250px;
}

.fence-parts .cat-item-wrapperz350 {
	border: 5px solid #bcc6cc;
	margin: 5px;
	padding: 7px 7px 0px 7px;
	width: 350px;
}

.cat-wrapper.double .cat-item-wrapper .cat-img-link img {
	transition: opacity 1s ease;
	margin: auto;
}

.cat-wrapper.double .cat-item-wrapper .cat-img-link {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.cat-wrapper.double .cat-item-wrapper {
	padding: 5px 5px 0px 5px;
}

.cat-wrapper.double:not(.all-options)
	.cat-item-wrapper
	.cat-img-link:has(img:nth-of-type(2)):hover
	img:first-of-type {
	opacity: 0;
	position: relative;
	z-index: -1;
}

.cat-wrapper.double:not(.all-options)
	.cat-item-wrapper
	.cat-img-link:has(img:nth-of-type(2)):hover
	img:nth-of-type(2) {
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.cat-wrapper.logo-icons.all-options.double
	.cat-item-wrapper
	.images-container:has(img:nth-of-type(2)):hover
	img:first-of-type {
	opacity: 0;
	position: relative;
	z-index: -1;
}

.cat-wrapper.logo-icons.all-options.double
	.cat-item-wrapper
	.images-container:has(img:nth-of-type(2)):hover
	img:nth-of-type(2) {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 1;
	transition: opacity 1s ease;
	z-index: 2;
}

.cat-wrapper.double:not(.all-options)
	.cat-item-wrapper
	.cat-img-link
	img:nth-of-type(2) {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: -1;
}

.cat-wrapper.logo-icons.all-options.double
	.images-container
	img
	:not(.cat-img) {
	width: 100%;
}

.cat-wrapper.logo-icons.all-options.double .images-container {
	position: relative;
}

.cat-wrapper.logo-icons.all-options.double
	.images-container
	img:nth-of-type(2) {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: opacity 1s ease;
	z-index: 2;
}

.images-container {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: auto;
}

.cat-wrapper.double .cat-item-wrapper:hover {
	transform: none;
}
@media (max-width: 517px) {
	.fence-parts .cat-wrapper {
		justify-content: center;
	}
}

.bigger-cat-buttons {
	display: flex;
	gap: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.bigger-cat-buttons a:hover {
	text-decoration: none;
	transform: scale(1.05);
}

.cat-button:hover {
	transform: scale(1.05);
}

.bigger-cat-buttons h2 {
	margin-bottom: 0px;
}

.cat-button {
	border: 5px solid #bcc6cc;
	width: 300px;
}
/*cantilever rollers page*/

.cantilever-rollers .rows {
	display: flex;
	flex-wrap: wrap;
}

.cantilever-rollers .centered-image img {
	display: block;
	margin: 0 auto;
	width: 90%;
}

/* manual table styling */

.multiple-pdf-table th,
.multiple-pdf-table td {
	padding: 5px 5px;
	border: 1px solid var(--bgcolor);
	text-align: center;
}

.multiple-pdf-table th {
	background-color: var(--bgcolor);
	color: var(--white);
	font-size: 18px;
}

.pdf-table-links {
	color: var(--white);
	background-color: var(--primary);
	padding: 5px 7px;
	display: inline-block;
}

.multiple-pdf-table td {
	text-align: center;
	vertical-align: middle;
	height: 100%;
}

.flex-control {
	display: flex;
	height: 100%;
	justify-content: space-between;
	align-items: center;
	gap: 5px;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.flex-row {
	display: flex;
}

.spotlight {
	width: 450px;
	padding: 5px;
	background-color: var(--gradient2);
	border: 2px solid var(--border);
	margin-bottom: 15px;
}

.spotlight p {
	text-align: left !important;
}

.spotlight h3 {
	text-align: left !important;
}

.spotlight img {
	margin-right: 5px;
	border: 1px solid var(--border);
	width: 50%;
}

.spotlight a {
	margin-top: 5px !important;
	width: 100%;
	margin-bottom: 0px !important;
}

.spotlight > div {
	display: flex;
	gap: 3px;
}

.spotlight > div > div {
	width: 50%;
	margin-bottom: auto !important;
	margin-top: 0px !important;
}

@media all and (max-width: 464px) {
	.spotlight {
		width: 100%;
		min-width: 365px;
	}
}

.multiple-pdf-table p {
	margin-bottom: 3px !important;
}

.cat-title {
	font-weight: 700;
	background-color: var(--h1h2bottomborder);
}

/*measure your post*/

.measure-your-post .table-one tr:nth-child(even),
.measure-your-post .table-two tr:nth-child(even) {
	background-color: var(--navfont2);
}

.measure-your-post .table-one,
.measure-your-post .table-two {
	border-collapse: collapse;
	width: 100%;
}

.measure-your-post .table-one td,
.measure-your-post .table-one th {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: center;
}

.measure-your-post .table-two td,
.measure-your-post .table-two th {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: center;
}

.measure-your-post .table-one th,
.measure-your-post .table-two th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	background-color: var(--primary);
	color: white;
}

/*safety standards*/

.safety-standards .table-one th {
	text-align: center;
}

.safety-standards .table-one th,
.safety-standards .table-one td {
	background-color: var(--navfont2);
}

.safety-standards .table-two td {
	text-align: center;
}

.safety-standards .table-one th,
.safety-standards .table-one td,
.safety-standards .table-two td {
	border-style: solid;
	border-width: 2px;
	padding: 10px 5px;
	background-color: var(--navfont2);
}

/*Expediting your order table css*/

.expediting-your-order .tg td,
.expediting-your-order .tg th {
	border-style: solid;
	border-width: 1px;
	color: #333333;
	padding: 10px 5px;
}

.expediting-your-order .tg .table-head th {
	border-style: solid;
	border-width: 1px;
	color: #333333;
	padding: 10px 5px;
}

.expediting-your-order .tg .tg-bqy9 {
	background-color: var(--h1h2bottomborder);
}

.expediting-your-order .tg .table-head th {
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	background-color: var(--h1h2bottomborder);
}

@media all and (min-width: 594px) {
	.expediting-your-order .table-wrap .tg {
		margin: 0px auto;
		width: 600px;
		text-align: center;
	}
}

.expediting-your-order .table-wrap .tg {
	margin: 0px auto;
	text-align: center;
}

/*Static block styles for installation gallery*/
.installation-gallery-blocks {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

/*Static blocks for product specifications*/

.product-specifications .comp-table tr:nth-child(odd) td {
	background-color: var(--navfont2);
}
.product-specifications .comp-table tr:nth-child(even) td,
.product-specifications .comp-table tr:nth-child(even) th {
	background-color: var(--h1h2bottomborder);
}
.product-specifications .comp-table td {
	border: 2px solid #ffffff;
	padding: 10px 5px;
}

/*Static block for additional Information table*/

.add-info.data-table th {
	border: 1px solid var(--border);
	border-right: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
}

.add-info.data-table td {
	border: 1px solid var(--border);
	border-right: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
}

.additional-information-table .add-info-table .data-table th {
	border: 1px solid var(--border);
	border-right: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
}

.additional-information-table .add-info-table .data-table td {
	border: 1px solid var(--border);
	border-right: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
}

/*Static blocks for compare*/

.compare .comp-table table {
	width: 98%;
	max-width: 1140px;
}

.compare .comp-table tr th {
	width: 21%;
	padding-bottom: 20px;
}

.compare .comp-table tr th:first-of-type {
	background-color: #ffffff;
	width: 37%;
}
.compare .comp-table tr:nth-child(odd) td {
	background-color: var(--navfont2);
}

.compare .comp-table tr:nth-child(even) td,
.compare .comp-table tr:nth-child(even) th {
	background-color: var(--h1h2bottomborder);
}

.compare .comp-table td,
.comp-table th {
	border: 2px solid #ffffff;
}

.comp-table th {
	background-color: var(--primary);
	color: #ffffff;
	padding: 5px;
}

.compare .comp-table td {
	padding: 10px 5px;
}

.compare .comp-table td:first-of-type {
	text-align: left;
}

.compare td.selected-kit {
	background-color: rgba(247, 221, 114, 0.8) !important;
}

.compare .nocheckmark {
	background-color: red;
	padding: 2px 6px;
	border-radius: 50%;
	color: white !important;
	font-family: sans-serif;
}

@media all and (max-width: 500px) {
	.responsive-table td .button,
	.compare td .button {
		padding: 3px;
		font-size: 11px;
	}
}

.compare .thecheckmark {
	background: #208b42;
	padding: 2px 6px;
	border-radius: 50%;
	color: white !important;
	font-family: sans-serif;
}

@media screen and (min-width: 768px) {
	.compare .comp-table td,
	.comp-table th {
		font-size: 17px;
		text-align: center;
	}
}

/* Measure your caps */

.measure-your-caps p {
	text-align: justify;
}

.measure-your-caps .two-column .column p {
	margin: 10px;
}
/* Fence Deck install gallery */

.fence-deck-install-gallery .grid-wrapper {
	display: flex;
	width: 100%;
	justify-content: center;
	flex-wrap: wrap;
}

.fence-deck-install-gallery .flex-image {
	display: block;
	height: auto;
	cursor: pointer;
	border-radius: 3%;
	border: 3px solid white;
	width: 300px;
	padding: 2px;
}

.fence-deck-install-gallery .flex-image:hover {
	border: 3px solid #00529c;
}

.fence-deck-install-gallery .pallet-desc {
	color: #00529c;
	font-size: 12px;
}

/* Installing chain fence */

.installing-chain-fence .product-specifications .comp-table table {
	margin-left: auto;
	margin-right: auto;
}

/* Aluminum Fence Hardware */

.aluminum-fence-hardware .cat-wrapper {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}

.aluminum-fence-hardware .cat-item-wrapper-flanges {
	border: 5px solid #bcc6cc;
	margin: 10px;
	padding: 7px 7px 0px 7px;
	width: 400px;
}

.aluminum-fence-hardware .cat-item-wrapper-railends {
	border: 5px solid #bcc6cc;
	margin: 10px;
	padding: 7px 7px 0px 7px;
	width: 250px;
}

@media (max-width: 517px) {
	.aluminum-fence-hardware .cat-wrapper {
		justify-content: center;
	}
}

.aluminum-fence-hardware .cat-wrapper {
	place-content: center;
}

.aluminum-fence-hardware img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Hover Photos Secure Openers */

.hover-photos-scroll .center-img-widget {
	display: flex;
	justify-content: center;
}

.hover-photos-scroll .grid-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-content: space-between;
	min-height: 180px;
	align-items: center;
}
.hover-photos-scroll .grid-img,
.center-img-widget .grid-img {
	height: 150px;
	width: 150px;
	border: 2px solid var(--primary);
	border-radius: 20px;
	box-shadow: 1px 1px 1px var(--bg-color);
	padding: 10px;
	margin: 10px;
}

.center-img-widget .grid-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-content: space-between;
	min-height: 180px;
	align-items: center;
}

.center-img-widget {
	display: flex;
	justify-content: center;
}

.hover-photos-scroll .grid-img:hover,
.center-img-widget .grid-img:hover {
	height: 160px;
	width: 160px;
	margin: 5px;
}

@media (max-width: 1100px) and (min-width: 750px) {
	.hover-photos-scroll .grid-flex,
	.center-img-widget .grid-flex {
		max-width: 510px;
		height: auto;
	}
}

th,
code,
cite,
caption {
	font-weight: normal;
	font-style: normal;
	text-align: left;
}

address {
	font-style: normal;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

img {
	display: block;
}

ol,
ul {
	list-style: none;
}

q:before,
q:after {
	content: "";
}

input:focus,
input[type="search"]:focus {
	outline-offset: -2px;
}

input[type="search"] {
	/* 1 */
	/* 2 */
	box-sizing: border-box;
}

/* ============================================ *
 * Base Styles
 * ============================================ */

@-o-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

a,
button {
	touch-action: manipulation;
}

body {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	color: var(--secondary);
	font-size: 14px;
	line-height: 1.5;
}

button {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	color: var(--secondary);
	font-size: 14px;
	line-height: 1.5;
}

input {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	color: var(--secondary);
	font-size: 14px;
	line-height: 1.5;
}

select {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	color: var(--secondary);
	font-size: 14px;
	line-height: 1.5;
}

table {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	color: var(--secondary);
	font-size: 14px;
	line-height: 1.5;
}

@media all and (max-width: 868px) {
	table {
		font-size: 12px;
	}
}

textarea {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	color: var(--secondary);
	font-size: 14px;
	line-height: 1.5;
}

a {
	color: var(--primary);
	text-decoration: none;
}

a:hover {
	color: var(--hover);
	text-decoration: underline;
}

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

/* Shrink margin above ul elements, due to our bottom margin on H3 */
h3 + ul {
	margin-top: -10px;
}

/* 5 photo block*/

.five-photo-block p {
	font-size: 17px;
}

/* ============================================ *
 * Typography
 * ============================================ */
h1,
.h1 {
	margin: 0;
	margin-bottom: 0.5em;
	margin-top: 20px;
	color: var(--primary);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 28px;
	font-style: normal;
	line-height: 1.2;
	text-rendering: optimizeLegibility;
}

.product-view h1 {
	color: var(--navfont);
	font-weight: 500;
}

.product-view h2,
.product-view h3 {
	color: var(--navfont);
}

@media all and (max-width: 800px) {
	.product-view h1 {
		font-size: 22px;
		width: 70%;
		margin: 20px auto 20px auto;
	}
}

@media all and (max-width: 715px) {
	.product-view h1 {
		font-size: 20px;
		width: 85%;
		margin: 20px auto 20px auto;
	}
}

@media all and (max-width: 500px) {
	.product-view h1 {
		font-size: 18px;
		width: 95%;
		margin: 10px auto 10px auto;
	}
}

@media all and (max-width: 800px) {
	h1 {
		font-size: 26px;
	}
}

@media all and (max-width: 715px) {
	h1 {
		font-size: 24px;
	}
}

@media all and (max-width: 500px) {
	h1 {
		font-size: 22px;
	}
}

h2,
.h2 {
	margin: 0;
	margin-bottom: 0.5em;
	color: var(--primary);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: 1.2;
	text-rendering: optimizeLegibility;
}

@media all and (max-width: 1070px) {
	h2 {
		font-size: 22px;
	}
}

@media all and (max-width: 715px) {
	h2 {
		font-size: 20px;
	}
}

@media all and (max-width: 500px) {
	h2 {
		font-size: 18px;
	}
}

h3,
.h3 {
	margin: 0;
	margin-bottom: 10px;
	color: var(--primary);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 1.4;
	text-rendering: optimizeSpeed;
}

@media all and (max-width: 800px) {
	h3 {
		font-size: 16px;
	}
}

h4,
.h4 {
	margin: 0;
	margin-bottom: 10px;
	color: var(--secondary);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 1.4;
	text-rendering: optimizeSpeed;
}

h5,
.h5 {
	margin: 0;
	margin-bottom: 10px;
	color: var(--secondary);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 1.4;
	text-rendering: optimizeSpeed;
}

h6,
.h6 {
	margin: 0;
	margin-bottom: 5px;
	color: var(--secondary);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1.4;
	text-rendering: optimizeSpeed;
}

h1.uncolor {
	color: var(--navfont);
}

h2.uncolor {
	color: var(--navfont);
}

h3.uncolor {
	color: var(--navfont);
}

h3.uncolor {
	color: var(--navfont);
}

h1.centered,
h2.centered,
h3.centered,
h4.centered,
h5.centered,
h6.centered {
	text-align: center;
}

p.centered {
	text-align: center;
}

th.centered {
	text-align: center;
}

.color-white {
	color: white !important;
}

.block-title h2,
.block-title h3,
.block-title strong {
	margin: 0;
	margin-bottom: 10px;
	color: var(--secondary);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 500;
	font-style: normal;
	line-height: 1.4;
	text-rendering: optimizeSpeed;
	color: var(--primary);
	margin-bottom: 0;
	font-weight: 00;
}

.box-up-sell h2,
.block-related h2,
.box-up-sell h2,
.add-info-two .add-info-table h2 {
	margin: 0;
	margin-bottom: 0.5em;
	color: var(--navfont);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400 !important;
	font-style: normal;
	font-weight: 700;
	font-style: normal;
	line-height: 1.2;
	text-rendering: optimizeLegibility;
	text-align: left;
	margin-bottom: 10px;
}

.related-swiper-only h2 a {
	font-size: 15px;
}

.add-info-two .add-info-table h2 {
	margin: 0;
	margin-bottom: 0.5em;
	color: var(--navfont);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400 !important;
	font-style: normal;
	font-weight: 700;
	font-style: normal;
	line-height: 1.2;
	text-rendering: optimizeLegibility;
	text-align: left;
	margin-bottom: 0;
}

table.centered {
	margin: auto;
}

img.centered {
	margin: auto;
}
/* ============================================ *
 * Shared Classes
 * ============================================ */
.address-list address {
	margin-bottom: 1em;
}

.availability {
	margin-bottom: 0;
	font-size: 13px;
}

.availability .label {
	display: none;
}

.availability.in-stock {
	color: var(--primary);
}

.availability.available-soon,
.availability.out-of-stock {
	color: #df280a;
}

.availability-only {
	color: #df280a;
	margin-bottom: 10px;
}

.qty-wrapper p.availability.out-of-stock {
	background-color: white;
	border: none;
	padding: 0px 5px;
}

.page-title four-square .h1 {
	-moz-text-align-last: center;
	text-align-last: center;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: -15px;
	margin-top: 25px;
}

.margin {
	margin: 15px !important;
}

/* -------------------------------------------- *
 * Page Titles
 */

.page-title h2,
.product-name h1,
.product-name .h1 {
	font-size: 22px;
	color: var(--primary);
	border-bottom: 1px solid var(--h1h2bottomborder);
	padding-bottom: 3px;
	margin-bottom: 15px;
}

/* -------------------------------------------- *
 * Account pages by Lyndsey
 */

body.customer-account #my-orders-table #subtotal,
body.customer-account #my-orders-table .dark_text,
body.customer-account #my-orders-table .subtotal-order,
body.firecheckout-index-index .right,
body.firecheckout-index-index
	#checkout-review-table-wrapper
	tbody
	tr
	td.a-right.last {
	text-align: right;
}

body.customer-account #my-orders-table #sku,
body.customer-account #my-orders-table #prod-name,
body.customer-account #my-orders-table .sku-order,
body.customer-account #my-orders-table .prod-name-order,
body.customer-account #my-orders-table .dark_text.left-align,
body.customer-account #my-orders-table .prod-image {
	text-align: left;
}

body.customer-account #my-orders-table .qty-order,
body.customer-account #my-orders-table .price-order,
body.customer-account #my-orders-table #price,
body.customer-account #my-orders-table #qty,
body.firecheckout-index-index
	#checkout-review-table-wrapper
	tbody
	tr
	td.a-right {
	text-align: center;
}

.flex-col-2 {
	width: 100% !important;
}

.flex-col-1 {
	width: 100% !important;
}
.flex-cc {
	flex-direction: column !important;
	gap: 15px;
}

.firecheckout-set .form-list input.input-text.cvv {
	width: 116px !important;
}

.no-method-message {
	border: 2px dotted var(--required);
	padding: 15px;
	font-weight: 700;
	background-color: var(--navfont2);
	color: var(--required);
}

body.checkout-onepage-success.customer-account .col2-set.order-info-box {
	display: flex;
	gap: 50px;
	flex-wrap: wrap;
	flex-direction: row;
}

body.checkout-onepage-success.customer-account .order-info dt {
	font-size: 25px;
	margin-right: 0px;
}

body.firecheckout-index-index
	#checkout-review-table-wrapper
	.product-image
	img {
	margin-right: 5px;
}

body.checkout-onepage-success .order-info-box + .order-info-box {
	border-bottom: none;
}

body.firecheckout-index-index
	#checkout-review-table-wrapper
	.product-image
	.left-image-news-wrap {
	float: left !important;
	margin-right: 5px !important;
}

@media all and (max-width: 700px) {
	body.firecheckout-index-index
		#checkout-review-table-wrapper
		.product-image
		img.left-image-news-wrap {
		margin-bottom: 0px;
	}
}

body.firecheckout-index-index #checkout-review-table-wrapper .title-list-flex {
	display: flex;
	flex-direction: column;
}

body.fireheckout-index-index .sp-methods dd label {
	padding: 0px 10px 0px 40px;
}

@media all and (max-width: 503px) {
	body.sales-order-view.customer-account .order-date > span a.button {
		margin-bottom: 0px;
		margin-left: 0px;
	}
}

@media all and (max-width: 420px) {
	body.customer-account #my-orders-table th,
	body.customer-account #my-orders-table td {
		padding: 2px;
	}
}

body.customer-account .payment-type {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
}

body.customer-account
	.default-mailing-billing-addresses
	.box-account
	.col2-set {
	display: flex;
	flex-wrap: wrap;
}

body.customer-account .account-edit-container ul li:first-child {
	margin-bottom: 0px;
}

body.customer-account .field.new-password,
body.customer-account-create #create-new-account-container {
	margin-bottom: 20px;
}
body.customer-account #my-orders-table tfoot td:nth-child(1),
body.customer-account #my-orders-table tfoot td:nth-child(2),
body.customer-account #my-orders-table tfoot td:nth-child(3),
body.customer-account #my-orders-table tfoot td:nth-child(4) {
	border-bottom: none !important;
}

@media all and (max-width: 650px) {
	body.customer-account .prod-image,
	body.customer-account #prod-image-column,
	body.customer-account #prod-image-order {
		display: none;
	}
	body.customer-account .order-items.order-details .data-table td {
		padding: 5px;
	}
}

body.customer-account #my-orders-table tfoot td {
	background-color: white;
}

body.customer-account .accordion-item1 {
	border-bottom: 2px solid #ccc;
}
body.customer-account .accordion-header1 {
	padding: 10px;
	cursor: pointer;
	color: var(--navfont);
	font-size: 17px;
	font-weight: bold;
}
body.customer-account .accordion-content1 {
	display: none;
	padding: 10px;
}

body.customer-account .arrow1 {
	display: inline-block;
	width: 6px;
	height: 0px;
	margin-right: 0.5rem;
	margin-bottom: 5px;
	vertical-align: middle;
	border-bottom: 6px solid var(--primary);
	border-left: 6px solid white;
	border-right: 6px solid white;
	border-top: 6px solid white;
}

body.customer-account .arrow1.up {
	border-top: 6px solid var(--primary);
	border-right: 6px solid white;
	border-left: 6px solid white;
	border-bottom: 6px solid white;
}

@media all and (max-width: 771px) {
	body.customer-account .block.block-account.for-desktop-view {
		display: none;
	}
	body.customer-account .col-main {
		width: unset;
	}
}

@media all and (min-width: 772px) {
	body.customer-account .block.block-account.for-mobile-view {
		display: none;
	}
}

body.customer-account .pp img {
	border: 1px solid var(--border);
}

body.customer-account .order-status {
	color: var(--checkout);
}

body.customer-account .about-this-order,
body.customer-account .about-this-order h2 {
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 5px;
	border-bottom: none;
}

body.customer-account .data-table td {
	text-align: center;
}

body.customer-account div#accordion1 {
	width: 100%;
	background-color: white;
}

body.customer-account .col-left.sidebar.col-left-first .block-content {
	padding: 0px;
}

@media all and (max-width: 418px) {
	body.customer-account .data-table th {
		font-size: 14px;
		border: 1px solid var(--border);
	}
	body.customer-account .data-table .no-border {
		border: none;
	}
}

@media all and (max-width: 382px) {
	body.customer-account table#my-orders-table {
		letter-spacing: -0.02em;
		overflow-x: auto;
	}
}

body.customer-account .number {
	color: var(--secondary);
}

body.customer-account select {
	height: 30px;
}

body.customer-account .bold {
	font-weight: bold;
}

body.customer-account .table-caption a {
	color: var(--checkout);
}

body.customer-account
	.addressbook-account-container
	.addresses-additional
	button.add-address,
body.customer-account #street_1,
body.customer-account #company,
body.customer-account .contact-info-account-page li {
	width: 100%;
}

body.customer-account .col-1.addresses-primary {
	display: inline-block;
}

body.customer-account-create .account-create,
body.customer-account-forgotpassword #retrieve-password-page {
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: start;
}

body.customer-account li.pw-email-flex,
body.customer-account .col2-set.order-info-box.billing-payment,
body.customer-account .shipping-order-container {
	display: flex;
	gap: 15px;
}

body.customer-account-login .col2-set .buttons-set .button {
	width: 100%;
	width: 350px;
}

body.customer-account
	.my-account
	.addressbook-account-container
	.addresses-list
	ol {
	display: flex;
	flex-wrap: wrap;
	margin-top: 5px;
	padding: 0px 7px;
	color: var(--navfont) !important;
}

.my-account .section-container {
	display: flex;
}
.my-account .section-container .col2-set {
	width: unset;
}

.my-account .box-content address,
.my-account .box-payment .box-content {
	line-height: 25px;
}

@media all and (max-width: 1076px) {
	.my-account .section-container {
		flex-direction: column;
	}
}

@media all and (max-width: 500px) {
	body.customer-account
		.my-account
		.addressbook-account-container
		.addresses-list
		ol {
		flex-direction: column;
		padding: 0px;
	}
	#additional-addresses li {
		margin: 0px !important;
	}
	body.customer-account .addresses-additional > div {
		margin-left: 0px !important;
	}
	body.customer-account
		.addressbook-account-container
		.addresses-additional
		button.add-address {
		max-width: unset !important;
		margin-left: 0px !important;
	}
	body.customer-account .shipping-order-container,
	body.customer-account .col2-set.order-info-box.billing-payment {
		flex-direction: column;
	}
}

@media all and (max-width: 416px) {
	body.customer-account
		.my-account
		.addressbook-account-container
		.addresses-list
		ol {
		flex-direction: column;
	}
}

@media all and (max-width: 556px) {
	body.customer-account .pp {
		display: none;
	}
}

body.customer-account input[type="email"],
body.customer-account input[type="number"],
body.customer-account input[type="password"],
body.customer-account input[type="tel"],
body.customer-account input[type="text"],
body.customer-account-login input[type="email"],
body.customer-account-login input[type="number"],
body.customer-account-login input[type="password"],
body.customer-account-login input[type="tel"],
body.customer-account-login input[type="text"],
.customer-account-create input[type="email"],
.customer-account-create input[type="number"],
.customer-account-create input[type="password"],
.customer-account-create input[type="tel"],
.customer-account-create input[type="text"],
.customer-account-forgotpassword input[type="email"] {
	max-width: 100%;
	line-height: 1.4;
	padding: 10px;
	background-color: var(--white) !important;
	color: var(--secondary);
	border-color: var(--border);
	border-radius: 3px;
	height: 48px;
}

body.customer-account input#search,
body.customer-account input#change_password {
	box-shadow: none;
	border: 1px solid var(--border);
}

body.customer-account .without-float {
	height: 100%;
}

body.customer-account .default-mailing-billing-addresses h3,
body.customer-account .addressbook-account-container .default-billing h3,
body.customer-account .addressbook-account-container .default-shipping h3,
body.cuatomer-account .contact-address-form-container h2,
body.customer-account .about-this-order-container h3:not(.order-date) {
	border-bottom: 2px solid var(--border);
}

body.customer-account h2.legend {
	border-bottom: none;
}

body.customer-account h2,
body.customer-account h3 {
	color: var(--secondary);
}

body.customer-account .billing-payment {
	margin-bottom: 20px;
}

body.customer-account
	.default-mailing-billing-addresses
	.box-account
	.col2-set
	.col-1,
body.customer-account
	.default-mailing-billing-addresses
	.box-account
	.col2-set
	.col-2 {
	display: inline-block;
	width: unset;
}

body.customer-account .account-info-container .box {
	display: flex;
	gap: 20px;
}

@media all and (max-width: 480px) {
	body.customer-account
		.default-mailing-billing-addresses
		.box-account
		.col2-set {
		flex-direction: column;
	}
}

body.customer-account .account-info-container .col2-set .col-1 {
	padding: 0px;
}

body.customer-account .scaffold-form,
body.customer-account .col2-set.addresses-list {
	display: flex;
	gap: 30px;
	flex-direction: column;
}

body.customer-account .fieldset + .fieldset {
	margin-top: 0px;
}

body.customer-account .form-list select {
	height: 48px;
	background-color: var(--white);
	line-height: 1.4;
	border-radius: 3px;
	font-size: 17px;
	border: 1px solid var(--border);
}

body.customer-account #book-buttons-flex,
body.customer-account div.pp {
	display: flex;
	gap: 5px;
	margin-bottom: 5px;
	flex-wrap: wrap;
}

body.customer-account #my-orders-table ul {
	width: 350px;
	display: flex;
	flex-direction: column;
	background-color: var(--navfont2);
	border: 2px solid var(--border);
}

body.customer-account .history-orders #my-orders-table {
	display: flex;
	gap: 25px;
	flex-wrap: wrap;
	margin-top: 30px;
}

body.customer-account .pp a {
	width: 50px;
}

body.customer-account .addresses-list .item {
	float: none;
	width: 250px;
	display: inline;
	padding: 15px;
}

body.customer-account
	.addressbook-account-container
	.addresses-additional
	button.add-address {
	max-width: 300px;
	margin-left: 15px;
}
body.customer-account .account-info-container .box-content a,
body.customer-account .shipping-address-order-container a,
body.customer-account-create .back-link a,
body.customer-account-forgotpassword .buttons-set a,
body.firecheckout-index-index #shipping-method-reset {
	background-color: var(--white);
	border: 1px solid var(--border);
	padding: 5px 10px 5px 10px;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	color: var(--secondary);
	text-decoration: underline;
}

body.sales-order-view *,
body.sales-order-view *:before,
body.sales-order-view *:after {
	box-sizing: border-box;
}

body.customer-account .data-table {
	width: 430px;
}

body.customer-account .history-orders .data-table {
	width: 100%;
}

body.customer-account .sku-order .bought-item {
	max-width: 400px;
	height: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	line-height: 1.5em;
}

body.customer-account .data-table th {
	width: 430px;
}

body.customer-account .success-order-table {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 20px;
	margin-top: 10px;
}

body.customer-account .col-2.payment-method-order-container p {
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 3px;
}

.item-number {
	color: var(--white);
	background-color: var(--highlight);
	width: 30px;
	height: 36.5px;
	text-align: center;
	font-size: 17px;
	font-weight: 700;
	position: absolute;
	top: 0;
	left: -33px;
	display: flex;
	justify-content: center;
	align-items: center;
}

body.customer-account .sku-order .item-count {
	background-color: var(--highlight);
	padding: 10px;
	font-size: 20px;
}

body.customer-account .sku-order .bought-item {
	padding: 10px;
}

body.customer-account .sku-order {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

body.customer-account #ordered-items h4 {
	color: var(--navfont);
}

body.sales-order-view.customer-account .prod-image img {
	min-width: 100px;
	max-width: 100px;
}

body.customer-account .data-table .prod-image {
	margin: 3px 3px 0px 3px;
}

body.sales-order-view.customer-account .success-order-table #prod-name {
	text-align: left;
}

.data-table .th-item-number {
	background-color: transparent;
	border-bottom: none;
	width: 30px;
	padding: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}

body.customer-account .data-table thead tr {
	display: flex;
	width: 430px;
}

body.customer-account .start {
	justify-content: flex-start !important;
}

body.customer-account .data-table th:not(.item-number),
body.customer-account .tfoot-wrapper th {
	background-color: var(--primary);
	font-size: 17px;
	font-weight: 700;
	color: var(--white);
	width: 430px;
	padding: 0px;
}

body.customer-account .tfoot-wrapper th {
	background-color: var(--checkout);
	padding: 10px;
}

body.customer-account .tfoot-wrapper th {
	text-align: center;
}
body.customer-account .tfoot-wrapper tr {
	border-bottom: 1px solid var(--border);
}
body.customer-account .tfoot-wrapper td {
	padding: 5px;
}
body.customer-account .tfoot-wrapper tr td:nth-of-type(2) {
	text-align: right;
}
body.customer-account .tfoot-wrapper tfoot {
	border-top: 1px solid var(--border);
	border-left: 1px solid var(--border);
	border-right: 1px solid var(--border);
}
body.customer-account .success-order-table .item-options {
	margin-top: 0px;
}
body.customer-account .success-order-table .item-options strong {
	text-transform: uppercase;
}
body.customer-account .tfoot-flex {
	display: flex;
	margin-bottom: 20px;
}
body.customer-account .success-order-table tbody tr:first-of-type {
	justify-content: flex-start;
}

body.customer-account .continue-shopping {
	margin-bottom: 20px;
}

body.customer-account .about-this-order-container span {
	display: flex;
	gap: 3px;
}

body.customer-account body.customer-account .data-table tbody {
	border-left: 1px solid var(--border);
	border-right: 1px solid var(--border);
	border-top: none;
}

body.customer-account .success-order-table .sku-order {
	text-align: left;
}

.my-account tfoot th {
	text-align: right;
}

body.customer-account .tfoot-wrapper {
	width: 430px;
	display: inline-block;
}

body.customer-account .data-table .space-between {
	justify-content: space-between;
}
body.customer-account .data-table td {
	padding: 5px;
	border-bottom: none;
}

body.customer-account .data-table tr:not(.first.last) {
	border-bottom: 1px solid var(--border);
}

body.customer-account .data-table tbody tr {
	display: flex;
	justify-content: center;
	align-items: start;
}

body.customer-account .data-table .prod-image a,
body.customer-account .data-table .prod-image {
	display: inline-block;
}

body.customer-account .data-table .end {
	justify-content: flex-end;
}

body.sales-order-view.customer-account .data-table .end {
	justify-content: space-between;
}

body.customer-account .addresses-additional > div {
	display: flex;
	align-items: center;
	margin-left: 15px;
	gap: 10px;
}

body.customer-account .end {
	border-bottom: none !important;
}

@media all and (max-width: 650px) {
	body.customer-account #prod-name span:first-of-type {
		height: 46.5px;
	}
}

@media all and (max-width: 446px) {
	body.customer-account .success-order-table .data-table,
	body.customer-account .success-order-table .data-table thead tr,
	body.customer-account .tfoot-wrapper,
	body.customer-account .data-table th:not(.th-item-number),
	body.customer-account .tfoot-wrapper th,
	.item-number-wrapper {
		width: 360px;
	}
	body.sales-order-view.customer-account .prod-image img {
		max-width: 70px;
		min-width: 70px;
	}
	body.checkout-onepage-success.customer-account .col2-set.order-info-box {
		flex-direction: column;
	}
	body.customer-account .data-table th,
	body.customer-account .tfoot-wrapper th {
		font-size: 15px !important;
	}
	.item-number {
		height: 43.5px;
	}
}

.customer-account .addresses-additional h2 {
	margin-bottom: 0px;
}

.checkout-onepage-success .continue-shopping {
	display: flex;
	justify-content: start;
}

body.customer-account.checkout-onepage-success
	.order-items.order-details
	#my-orders-table
	tbody,
body.customer-account.checkout-onepage-success
	.order-items.order-details
	#my-orders-table
	tfoot {
	border: 1px solid var(--border);
}

body.checkout-onepage-success .data-table td {
	border: none;
}

body.checkout-onepage-success #my-orders-table .dark_text {
	text-align: right !important;
}

.tm-checkoutsuccess-middleright {
	display: flex;
	flex-direction: column-reverse;
	width: 100%;
}

.tm-checkoutsuccess-middleright .checkoutsuccess-block-wrapper:nth-of-type(3) {
	display: none;
}

.tm-checkoutsuccess-middleright .checkoutsuccess-block-wrapper:nth-of-type(2) {
	display: flex;
	gap: 30px;
}

body.checkout-onepage-success .col-1,
body.checkout-onepage-success .col-2 {
	display: inline-block;
}
body.checkout-onepage-success .col2-set {
	width: unset;
}

@media all and (max-width: 1090px) {
	.checkoutsuccess-block-wrapper:first-of-type {
		margin-bottom: 30px;
		width: 60%;
	}
	body.checkout-onepage-success.customer-account .col2-set.order-info-box {
		gap: 30px;
	}
	.tm-checkoutsuccess-middleright {
		justify-content: flex-end;
	}
	body.checkout-onepage-success .success-order-table {
		gap: 10px;
	}
}

@media all and (max-width: 564px) {
	.tm-checkoutsuccess-middleright
		.checkoutsuccess-block-wrapper:nth-of-type(2) {
		flex-direction: column;
	}
	.tm-checkoutsuccess-middleright {
		flex-direction: column-reverse;
	}
	.checkoutsuccess-block-wrapper:first-of-type {
		width: 100%;
	}
	.checkoutsuccess-block-wrapper:nth-of-type(2) {
		width: 100%;
	}
}

@media all and (max-width: 534px) {
	.tm-checkoutsuccess-middleright
		.checkoutsuccess-block-wrapper:nth-of-type(2) {
		flex-direction: column;
	}
	.checkoutsuccess-block-wrapper:first-of-type {
		margin-bottom: 0px;
	}
	.tm-checkoutsuccess-middleright {
		margin-bottom: 30px;
	}
}
body.checkout-onepage-success #sku {
	word-break: break-all;
	overflow-wrap: break-word;
	padding: 10px 0px 0px 0px;
}

body.checkout-onepage-success .success-order-table {
	margin-bottom: 20px;
}

body.checkout-onepage-success .order-info-box .col-1,
body.checkout-onepage-success .order-info-box .col-2 {
	border-bottom: none !important;
}

.checkout-onepage-success .order-info-box .col-2 {
	padding: 0px;
}

body.customer-account .account-info-container,
body.customer-account .default-mailing-billing-addresses .col-2 .box,
body.customer-account .default-mailing-billing-addresses .col-1 .box,
body.customer-account .account-edit-container .fieldset,
body.customer-account .addressbook-account-container .default-billing,
body.customer-account .addressbook-account-container .default-shipping,
body.customer-account .addressbook-account-container .addresses-additional,
body.customer-account .contact-info-account-form-container,
body.customer-account .contact-address-form-container,
body.customer-account .billing-address-order-container,
body.customer-account .payment-method-order-container,
body.customer-account .shipping-address-order-container,
body.customer-account .shipping-method-order-container,
body.customer-account-create #create-new-account-container,
body.customer-account-forgotpassword
	#forgot-password-form-container
	body.checkout-onepage-success
	.col2-set
	.col-2 {
	border-radius: 10px !important;
	padding: 10px !important;
	margin-top: 15px !important;
	display: inline-block;
	width: unset !important;
}

body.customer-account .addressbook-account-container .addresses-additional {
	padding: 10px 10px 10px 0px;
}

.checkout-onepage-success .box-title h3 {
	color: var(--secondary);
	border-bottom: 2px solid var(--border);
	font-size: 18px;
	font-weight: 700;
	text-align: left;
	margin-bottom: 0px;
	width: 100%;
}

.checkout-onepage-success .box-content,
.checkout-onepage-success .order-flex,
.checkout-onepage-success .thank-you-note:not(.sub-title) {
	text-align: left;
	font-size: 14px;
	line-height: 30px;
}

.checkout-onepage-success .thank-you-note {
	margin-bottom: 20px;
	margin-top: 20px;
}

.thank-you-note .sub-title {
	margin-bottom: 0px;
}

.checkout-onepage-success .order-info-box .col-2 {
	width: unset;
}

.checkout-onepage-success .thank-you-note p,
.checkout-onepage-success .col-1 p.order-date {
	text-align: left;
	font-size: 16px;
}

body.customer-account-login .col-2.registered-users,
body.customer-account-login .col-1.new-users {
	display: inline-block;
}

body.customer-account #default-billing-radio,
body.customer-account #default-shipping-radio {
	font-weight: 700;
}

body.customer-account #default-billing-radio::after,
body.customer-account #default-shipping-radio::after,
body.customer-account #edit-default-billing::after,
body.customer-account #edit-default-shipping::after {
	content: "\2713";
	font-size: 17px;
	color: green;
	font-weight: bold;
	margin-left: 5px;
}

body.customer-account .default-b,
body.customer-account .default-s {
	padding: 7px;
}

body.customer-account-create #create-new-account-container button,
body.customer-account-forgotpassword
	#retrieve-password-page
	.buttons-set
	button {
	margin-top: 0px;
}

body.customer-account-login .col-1 .new-user-form-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

body.customer-account .default-b address,
body.customer-account .default-s address {
	color: var(--secondary);
}

body.customer-account-forgotpassword #retrieve-password-page .buttons-set {
	display: flex;
	justify-content: end;
	align-items: center;
	width: 100%;
	gap: 20px;
}

body.customer-account-create #create-new-account-container .buttons-set {
	display: flex;
	justify-content: end;
	align-items: center;
	width: 100%;
	gap: 20px;
}

body.customer-account .order-items.order-details .table-caption a:hover {
	color: var(--hover);
}

body.customer-account .about-this-order-container .order-date a {
	text-decoration: none;
}

body.customer-account .order-page-button {
	margin-bottom: 5px;
}

body.customer-account #radio-defaults {
	display: flex;
	flex-direction: column;
	width: 100%;
}

body.customer-account .addressbook-account-container .addresses-additional {
	min-width: 337px;
	max-width: 900px;
}

body.customer-account .contact-info-account-page ul li span {
	font-weight: bold;
}

body.customer-account .history-orders #my-orders-table .number h3 {
	margin-bottom: 0px;
	font-size: 25px;
	color: var(--secondary);
}

body.customer-account .order-items.order-details #my-orders-table {
	display: inline-block;
}

body.checkout-onepage-success .data-table {
	display: table !important;
	margin-bottom: 20px;
}

body.customer-account .success-order-table tbody tr.end td,
body.customer-account .success-order-table tbody tr.space-between td {
	width: 33%;
}

body.customer-account .success-order-table tbody tr.end .qty-order,
body.customer-account .success-order-table tbody tr.space-between .qty-order {
	text-align: left;
}

body.customer-account .success-order-table tbody tr.end .price-order,
body.customer-account .success-order-table tbody tr.space-between .price-order {
	text-align: center;
}

body.customer-account .success-order-table tbody tr.end .subtotal-order,
body.customer-account
	.success-order-table
	tbody
	tr.space-between
	.subtotal-order {
	text-align: right;
}

#additional-addresses li {
	display: flex;
	gap: 5px;
	margin: 10px;
	flex-direction: column;
}

#additional-addresses address {
	padding-right: 5px;
}
body.sales-order-history .page-title div {
	display: flex;
	margin-top: 20px;
	gap: 20px;
}

body.customer-account .success-order-table table tbody {
	border-left: 1px solid var(--border);
	border-right: 1px solid var(--border);
}

body.sales-order-history .page-title div h1 {
	margin-top: 0px;
}

@media all and (max-width: 868px) {
	body.customer-account .dark_text {
		font-size: 12px;
	}
}

body.customer-account .history-orders #my-orders-table .number h3 span {
	color: var(--primary);
	font-size: 27px;
}

body.customer-account .history-orders #my-orders-table .number h3 span:hover {
	color: var(--hover);
}

@media all and (max-width: 770px) {
	body.customer-account .welcome-msg {
		display: block;
	}
}

body.customer-account .col-left,
body.customer-account .col2-set .col-1,
body.customer-account .no-width,
body.customer-account .col2-set .col-1 {
	width: unset;
}

body.customer-account #ordered-items li {
	display: block;
	padding: 5px 10px;
}

body.customer-account #ordered-items li > div {
	color: var(--secondary);
}

body.customer-account #ordered-items li.table-buttons {
	padding: 10px 5px 10px 5px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	display: block;
}

body.customer-account .account-edit-container .customer-name,
body.customer-account .customer-name,
body.customer-account-create .customer-name,
body.customer-account .phone-input-flex-container,
body.customer-account .city-state-flex-input-container,
body.customer-account .zip-country-flex-input-container,
body.customer-account-create .password-inputs {
	display: flex;
	gap: 15px;
}

body.customer-account .account-edit-container .field.name-firstname {
	margin-bottom: 0px;
}

body.customer-account-login h1 {
	text-align: center;
}

body.customer-account .fieldset p.required {
	float: none;
	margin-bottom: 0px;
	padding: 0px;
}

body.customer-account input#street_1,
body.customer-account input#company,
body.customer-account-create input#email_address {
	width: 100%;
}

body.customer-account .account-info-container,
body.customer-account .account-edit-container .fieldset,
.customer-account input[type="email"],
.customer-account input[type="search"],
.customer-account input[type="number"],
.customer-account input[type="password"],
.customer-account input[type="tel"],
.customer-account input[type="text"],
.customer-account input[type="email"],
.customer-address-form .form-list select,
.customer-account-create input[type="search"],
.customer-account-create input[type="number"],
.customer-account-create input[type="password"],
.customer-account-create input[type="tel"],
.customer-account-create input[type="text"] {
	width: 300px;
}

@media all and (max-width: 898px) {
	body.customer-account .account-edit-container .customer-name,
	body.customer-account .customer-name,
	body.customer-account li.pw-email-flex,
	body.customer-account .phone-input-flex-container,
	body.customer-account .city-state-flex-input-container,
	body.customer-account .zip-country-flex-input-container,
	body.customer-account-create .customer-name,
	body.customer-account-create .password-inputs {
		flex-direction: column;
	}
	body.customer-account .shipping-order-container,
	body.customer-account .col2-set.order-info-box.billing-payment {
		gap: 0px;
	}

	body.customer-account .default-mailing-billing-addresses .col-2 .box,
	body.customer-account .default-mailing-billing-addresses .col-1 .box,
	body.customer-account .addressbook-account-container .default-billing,
	body.customer-account
		.addressbook-account-container
		.default-shipping
		body.customer-account
		.billing-address-order-container,
	body.customer-account .payment-method-order-container,
	body.customer-account
		.shipping-method-order-container
		body.customer-account
		.shipping-address-order-container,
	body.customer-account
		.shipping-method-order-container
		body.customer-account-forgotpassword
		#forgot-password-form-container
		body.checkout-onepage-success
		.col2-set
		.col-2,
	body.checkout-onepage-success .col-1,
	body.checkout-onepage-success .col-2,
	body.customer-account .billing-address-order-container,
	body.customer-account .shipping-method-order-container,
	body.customer-account .col2-set .col-1,
	body.checkout-onepage-success.customer-account .col2-set.order-info-box {
		width: 250px !important;
	}
	body.customer-account .account-info-container,
	body.customer-account .account-edit-container .fieldset,
	.customer-account input[type="email"],
	.customer-account input[type="search"],
	.customer-account input[type="number"],
	.customer-account input[type="password"],
	.customer-account input[type="tel"],
	.customer-account input[type="text"],
	.customer-account input[type="email"],
	.customer-account-create input[type="search"],
	.customer-account-create input[type="number"],
	.customer-account-create input[type="password"],
	.customer-account-create input[type="tel"],
	.customer-account-create input[type="text"],
	.customer-address-form .form-list select,
	body.customer-account-create #create-new-account-container {
		width: 350px !important;
	}
	body.customer-account-create
		body.customer-account-create
		input#email_address {
		width: 320px !important;
	}
	body.customer-account
		.my-account
		.addressbook-account-container
		.addresses-list
		ol {
		flex-direction: column;
	}
	body.customer-account .addressbook-account-container .addresses-additional,
	body.customer-account .contact-address-form-container {
		width: 350px;
	}
	body.customer-account .contact-info-account-form-container {
		max-width: unset;
	}

	body.customer-account .addressbook-account-container .addresses-additional,
	body.customer-account .contact-address-form-container {
		width: 350px;
	}
	body.customer-account .contact-info-account-form-container {
		max-width: unset;
	}
}

@media all and (max-width: 868px) {
	.item-options,
	.tfoot-wrapper table tfoot {
		font-size: 12px !important;
	}
}

@media all and (max-width: 770px) {
	body.customer-account .default-mailing-billing-addresses .col-1 {
		padding: 0px;
	}
}
body.customer-account .account-edit-container,
body.customer-account .addressbook-account-container {
	display: inline-block;
}

body.customer-account .col-left.sidebar.col-left-first {
	margin-bottom: 0px;
	border-right: 1px solid var(--border);
}

body.customer-account .block-content ul {
	font-size: 25px;
	padding: 25px 0px 25px 0px;
	margin-left: 40px;
}

@media all and (max-width: 771px) {
	body.customer-account .col-left.sidebar.col-left-first {
		border-right: none;
	}
	body.customer-account .sidebar .block:not(.block-layered-nav) .block-content {
		border: none;
	}
	body.customer-account .block-content ul {
		padding: 0px;
	}
}

body.customer-account .block-account li {
	padding-left: 7px;
	position: relative;
	border-left: 2px solid var(--border);
	margin-bottom: 20px;
}

body.customer-account form input:focus,
body.customer-account-create input:focus,
body.customer-account-login input:focus,
body.customer-account .form-list select:focus {
	background-color: var(--white);
	border: 2px solid var(--primary);
	outline: none;
}

body.customer-account .main-container {
	padding-bottom: 0px;
}

body.customer-account .block-account .block-content ul li.current::before {
	content: "\2713";
	position: absolute;
	left: -30px;
	top: 20px;
	transform: translateY(-50%);
	color: var(--hover);
	font-weight: bold;
}

@media all and (max-width: 1599px) {
	body.customer-account .block-account .block-content ul li.current::before {
		top: 15px;
	}
}

@media all and (max-width: 1365px) {
	body.customer-account .block-account .block-content ul li.current::before {
		top: 12px;
		left: -20px;
	}
}

@media all and (max-width: 1279px) {
	body.customer-account #extra-space {
		display: none;
	}
}

body.customer-account .page-title h1 {
	margin-bottom: 5px;
}

body.customer-account p.hello {
	margin-top: 15px;
}

@media screen and (max-width: 1599px) {
	body.customer-account .block-content ul {
		font-size: 20px;
	}
}

@media screen and (max-width: 1365px) {
	body.customer-account .block-content ul {
		font-size: 18px;
	}
}

@media screen and (max-width: 1279px) {
	body.customer-account .block-content ul {
		font-size: 16px;
	}
}

/* -------------------------------------------- *
 * Block Module
 */
.block,
.col-left-first {
	margin-bottom: 20px;
}

.col-left-first .block:last-of-type {
	margin-bottom: 0;
}

.block-title {
	position: relative;
	margin-bottom: 5px;
}

p.subtitle:not(.payment-type) {
	padding-top: 5px;
	font-weight: bold !important;
	color: var(--secondary) !important;
	padding-bottom: 7px;
	padding-left: 10px;
}

p.block-subtitle {
	padding-top: 5px;
	font-weight: bold !important;
	color: var(--navfont) !important;
	padding-bottom: 7px;
	padding-left: 10px;
}

.block-title small {
	font-size: 100%;
	font-weight: normal;
	color: #a0a0a0;
}

body:not(.customer-account) .block:first-child .block-title {
	border-top: none;
	padding-top: 0;
}

.block-subtitle {
	font-weight: 500;
	margin-bottom: 7px;
}

.block-content.unpad {
	padding: 0;
}

.block-content li.item:last-child {
	margin-bottom: 0;
}

.block .actions {
	margin: 10px 0 0;
}

.block .actions:after {
	content: "";
	display: table;
	clear: both;
}

.block .actions .button {
	float: right;
}

.col-left .block .actions .button ~ a,
.col-right .block .actions .button ~ a {
	line-height: 33px;
	margin-right: 5px;
}

@media all and (max-width: 770px) {
	.sidebar .block:not(.block-layered-nav) {
		margin-bottom: 0;
	}
	.sidebar .block:not(.block-layered-nav) .block-title {
		padding: 0;
		margin-top: 0;
		border-bottom: none;
		border-top: none;
		margin-bottom: 0;
	}
	.sidebar .block:not(.block-layered-nav) .block-title > strong {
		margin: 0;
		margin-bottom: 10px;
		color: var(--secondary);
		font-family: sybillapro, Verdana, Arial, sans-serif;
		font-size: 14px;
		font-weight: 400;
		font-style: normal;
		line-height: 1.4;
		text-rendering: optimizeSpeed;
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
		font-weight: normal;
		margin-bottom: 0px;
		padding: 7px 10px 7px 24px;
		border-width: 1px;
		border-style: solid;
		border-color: var(--border);
		position: relative;
		background-color: #f4f4f4;
		display: block;
		width: 100%;
		cursor: pointer;
		border-bottom: 0;
	}
	.sidebar .block:not(.block-layered-nav) .block-title > strong:after {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		display: block;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 4px solid var(--primary);
		border-right: none;
		left: 10px;
		top: 50%;
		margin-top: -3px;
	}
	.sidebar .block:not(.block-layered-nav) .block-title > strong:hover {
		background-color: #ececec;
	}
	.sidebar .block:not(.block-layered-nav) .block-title.active > strong {
		margin: 0;
		margin-bottom: 10px;
		color: var(--secondary);
		font-family: sybillapro, Verdana, Arial, sans-serif;
		font-size: 14px;
		font-weight: 400;
		font-style: normal;
		line-height: 1.4;
		text-rendering: optimizeSpeed;
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
		font-weight: normal;
		margin-bottom: 0px;
		padding: 7px 10px 7px 24px;
		border-width: 1px;
		border-style: solid;
		border-color: var(--border);
		position: relative;
		background-color: #f4f4f4;
	}
	.sidebar .block:not(.block-layered-nav) .block-title.active > strong:after {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		display: block;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
		border-top: 4px solid var(--primary);
		border-bottom: none;
		left: 10px;
		top: 50%;
		margin-top: -3px;
	}
	.sidebar .block:not(.block-layered-nav) .block-title.active > strong:hover {
		background-color: #ececec;
	}
	.sidebar .block:not(.block-layered-nav) .block-content {
		padding: 10px;
		margin-top: 0;
		border-width: 0 1px;
		border-style: solid;
		border-color: var(--border);
	}
	.sidebar .block:last-of-type {
		border-bottom: 1px solid var(--border);
	}
}
/* -------------------------------------------- *
 * Secondary Navigation
 */
.block-account .block-title,
.block-cms-menu .block-title {
	padding-top: 0;
	border-top: none;
}
.block-account li,
.block-cms-menu li {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	margin: 7px 0;
}
.block-account li strong,
.block-cms-menu li strong {
	font-weight: 500;
	color: var(--primary);
}
.block-account li a,
.block-cms-menu li a {
	color: var(--secondary);
}

.block-cms-menu li a:hover {
	color: var(--primary);
}

.block-account li a:hover {
	color: var(--primary);
	text-decoration: none !important;
}

.sidebar .actions button.button {
	white-space: normal;
}

/* Primary Buttons */

.button:not(.manual-pdf-button),
.cart-table .product-cart-actions .button,
#co-shipping-method-form .buttons-set .button,
.footer .button {
	background: var(--checkout);
	display: inline-block;
	padding: 7px 15px;
	border: 0;
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	line-height: 19px;
	text-align: center;
	transition: all 250ms ease-in;
	vertical-align: middle;
	white-space: nowrap;
}

.spec-button-container {
	display: flex;
	flex-wrap: wrap;
	max-width: 500px;
}

.spec-button-container a {
	margin: 5px !important;
	display: inline-block !important;
	width: unset !important;
}

.cart-table .product-cart-actions .button {
	padding: 0px;
}

.button:hover,
.cart-table .product-cart-actions .button:hover,
#co-shipping-method-form .buttons-set .button:hover,
.footer .button:hover {
	background: var(--checkouthover);
}
.button:active,
.cart-table .product-cart-actions .button:active,
#co-shipping-method-form .buttons-set .button:active,
.footer .button:active {
	background: var(--checkouthover);
	color: #ffffff;
}
.button:focus,
.cart-table .product-cart-actions .button:focus,
#co-shipping-method-form .buttons-set .button:focus,
.footer .button:focus {
	background-color: var(--checkouthover);
	outline: none;
	color: #ffffff;
}

a.button {
	text-decoration: none;
}

a.button:hover {
	color: #ffffff;
}

.button.primary {
	background: var(--primary);
}

.button.primary:hover,
.button.primary:active,
.button.primary:focus {
	background: var(--highlight);
}

.button.centered {
	display: block;
	max-width: unset;
	width: -moz-fit-content;
	width: fit-content;
	margin: 1em auto;
	padding: 0.6em 0.6em;
}

.manual-pdf-button.centered {
	margin: 1em auto;
}

div.centered {
	margin: auto;
}

.align-right-margin {
	margin: auto 0px auto auto;
}

.align-right-margin > div {
	margin: auto 0px auto auto;
}

.align-right-margin > img {
	margin: auto 0px auto auto;
}

.align-right-margin > a {
	margin: auto 0px auto auto;
}

.align-left-margin {
	margin: auto auto auto 0px;
}

.align-left-margin > div {
	margin: auto auto auto 0px;
}

.align-left-margin > img {
	margin: auto auto auto 0px;
}

.align-left-margin > a {
	margin: auto auto auto 0px;
}

.text-left {
	text-align: left;
}

.text-left > p {
	text-align: left;
}

.text-left > h2 {
	text-align: left;
}

.text-left > h3 {
	text-align: left;
}

.text-left > h4 {
	text-align: left;
}

.text-left > div {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-right > p {
	text-align: right;
}

.text-right > h2 {
	text-align: right;
}

.text-right > h3 {
	text-align: right;
}

.text-right > h4 {
	text-align: right;
}

.text-right > div {
	text-align: right;
}

a.centered {
	margin: auto auto 10px auto;
}

.larger {
	font-size: 1.2em;
}

.largerx2 {
	font-size: 1.4rem;
}

.largerx3 {
	font-size: 1.6rem;
}

@media all and (max-width: 670px) {
	.parts-finder .button.btn-cart {
		padding: 1px;
		font-size: 14px;
	}
}

/* Disabled - class for anchor, state for form elements */
.button.disabled,
.button:disabled {
	background: #c8c8c8;
	opacity: 0.6;
	cursor: not-allowed;
}

/* Adjacent buttons */
.button + .button {
	margin-left: 5px;
}

.button2 {
	border: 0;
	margin: 0;
	background: transparent;
	cursor: pointer;
	vertical-align: middle;
}

.button2:focus {
	outline: none;
}

.button2 span,
.button2 span span {
	line-height: 30px;
	height: 30px;
	text-decoration: underline;

	display: inline-block;
	color: var(--primary);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
}
.button2 span:hover,
.button2 span span:hover {
	text-decoration: none;
	color: #246b8f;
}

@media all and (max-width: 770px) {
	.col2-set .buttons-set .button,
	.col2-set .buttons-set .button2 {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.col2-set .buttons-set .back-link {
		display: none;
	}
	.col2-set .buttons-set .required {
		display: none;
	}
}
@media all and (max-width: 479px) {
	.buttons-set .button {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 7px;
	}
	.buttons-set .back-link {
		display: none;
	}
	.buttons-set .required {
		display: none;
	}
}
/* -------------------------------------------- *
 * Button Sets
 */
.buttons-set {
	clear: both;
	margin: 10px 0 0;
	padding-top: 10px;
	text-align: right;
}
.buttons-set p.required {
	margin: 0;
	margin-left: 10px;
	line-height: 33px;
	float: right;
}
.buttons-set .back-link {
	float: left;
	margin: 0;
	line-height: 33px;
}
.buttons-set a:not(.button) {
	line-height: 20px;
	display: inline-block;
	padding: 5px;
}
.buttons-set button.button {
	float: right;
	min-width: 140px;
}
.buttons-set:after {
	content: "";
	display: table;
	clear: both;
}

.my-account .buttons-set {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

body.customer-account #form-validate {
	width: 100%;
	flex-direction: row;
}

form.forgot-pw {
	width: 350px !important;
	margin: auto;
}

@media all and (max-width: 1566px) {
	body.customer-account #form-validate {
		flex-direction: column;
		gap: 0px;
	}
	body.customer-account .contact-address-form-container {
		margin-top: 0px !important;
	}
}

/* -------------------------------------------- *
 * Icons
 */
.icon-sprite,
.btn-remove2,
.ratings .rating-box,
.ratings .rating-box .rating,
.sorter > .sort-by .sort-by-switcher,
.sorter > .view-mode .grid,
.sorter > .view-mode .list,
.skip-nav .icon,
.skip-search .icon,
#search_mini_form .search-button:before,
.skip-account .icon,
.skip-cart .icon,
.product-view .sharing-links a,
.review-summary-table .rating-box .rating-number:after,
.ratings-table .rating-box,
.ratings-table .rating-box .rating {
	background-image: url(../images/icon_sprite.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

@media (-webkit-min-device-pixel-ratio: 2),
	(min-device-pixel-ratio: 2),
	(min-resolution: 192dpi),
	(min-resolution: 2dppx) {
	.icon-sprite,
	.btn-remove2,
	.ratings .rating-box,
	.ratings .rating-box .rating,
	.sorter > .sort-by .sort-by-switcher,
	.sorter > .view-mode .grid,
	.sorter > .view-mode .list,
	.skip-nav .icon,
	.skip-search .icon,
	#search_mini_form .search-button:before,
	.skip-account .icon,
	.skip-cart .icon,
	.product-view .sharing-links a,
	.review-summary-table .rating-box .rating-number:after,
	.ratings-table .rating-box,
	.ratings-table .rating-box .rating {
		background-image: url(../images/icon_sprite@2x.png);
		background-size: 100px 1000px;
	}
}
/* -------------------------------------------- *
 * Breadcrumbs
 */
.breadcrumbs {
	overflow: hidden;
	margin: 0 0 0;
}

.breadcrumbs li {
	float: left;
	font-size: 12px;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.breadcrumbs a {
	float: left;
	color: var(--secondary);
}

.breadcrumbs a:hover {
	color: var(--primary);
}

.breadcrumbs strong {
	color: var(--secondary);
	font-weight: normal;
}

.breadcrumbs span {
	float: left;
	padding: 0 7px;
}

@media all and (max-width: 770px) {
	.breadcrumbs {
		display: none;
	}
}
/* -------------------------------------------- *
 * Button - Remove / Previous
 */
.btn-remove,
.btn-previous {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid var(--secondary);
	text-align: center;
	text-shadow: none;
	position: relative;
	color: white !important;
	background-color: white;
	border-radius: 3px;
	line-height: 20px;
}
@media all and (min-width: 771px) {
	.btn-remove.filter {
		background-color: var(--primary);
		font-size: 13px !important;
		border: 1px solid var(--primary);
		width: 14px;
		height: 14px;
		line-height: 14px;
	}
}

@media all and (max-width: 770px) {
	.btn-remove.filter {
		background-color: var(--primary);
		font-size: 17px !important;
		border: 1px solid var(--primary);
	}
}

@media all and (max-width: 770px) {
	.btn-remove.filter {
		background-color: var(--primary) !important;
	}
	#narrow-by-list dt {
		display: flex;
		justify-content: space-between;
		gap: 5px;
	}
}

.flex-for-filtered span {
	color: var(--primary);
}

li.filtered {
	display: flex;
	align-items: flex-start;
	gap: 5px;
	padding: 5px;
}

@media all and (max-width: 770px) {
	li.filtered {
		gap: 10px;
	}
}

.flex-for-filtered a {
	color: var(--secondary) !important;
}

.filter-cont {
	line-height: unset !important;
	width: 100%;
	padding: 10px 10px 10px 10px;
}

@media all and (max-width: 770px) {
	.filter-cont {
		border-bottom: 1px solid var(--border);
		padding: 0px 10px 10px 10px;
	}
}

.filter-option-arrow {
	width: 20px;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
}

.currently dt {
	font-weight: bold;
}

.single-arrow {
	rotate: 180deg;
}

.no-border {
	border: none !important;
}

.filtered:hover .filter-positioned {
	border: 1px solid var(--secondary);
	background-color: var(--primary);
}

.filter-positioned {
	width: 14px;
	height: 14px;
}

@media all and (max-width: 770px) {
	.filter-positioned {
		width: 18px;
		height: 18px;
	}
}
@media all and (min-width: 771px) {
	.filter-positioned {
		margin-top: 3px;
	}
}

@media all and (max-width: 770px) {
	.btn-remove.filter {
		width: 18px !important;
		height: 18px !important;
		line-height: 18px;
	}
}

@media all and (max-width: 770px) {
	li.filtered a.btn-remove {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 2px;
	}
}

@media all and (min-width: 771px) {
	li.filtered a.btn-remove {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 1px;
	}
}

.slide-panel-contnet-wrapper {
	min-width: 100%;
}

.slide-panel {
	position: fixed;
	right: -100%;
	transition: right 0.5s ease-in-out;
	width: 90%;
	height: 100%;
	background-color: var(--white);
	top: 0;
	overflow-x: hidden;
	overflow-y: auto;
}

.slide-panel-open {
	right: 0;
	top: 0;
	border-top: 5px solid var(--primary);
	border-left: 5px solid var(--primary);
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
}

.name-tip {
	display: inline-block;
}

.clear-all {
	display: flex;
	align-items: center;
	justify-content: space-between;
	align-items: center;
}

#overlay {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	z-index: -1;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s;
}

.nothing-here {
	flex: 1;
}

.mobile-filter .actions {
	margin: 0px;
}

.slide-panel-open::before {
	content: "";
	position: absolute;
	top: -5px;
	left: -5px;
	width: 110%;
	height: 6px;
	background: var(--primary);
	z-index: 15;
}

body.customer-account div.table-buttons {
	display: flex;
	gap: 5px;
	justify-content: space-around;
}

body.customer-account #ordered-items li.number {
	margin-bottom: 0px;
	background-color: var(--white);
}

body.customer-account #ordered-items li.date,
body.customer-account #ordered-items li.total,
body.customer-account #ordered-items li.status,
body.customer-account #ordered-items li.ship,
body.customer-account #ordered-items li.pp {
	display: flex;
	gap: 3px;
}

body.customer-account #ordered-items li.pp {
	flex-wrap: wrap;
}

body.customer-account #ordered-items li.ship h4 {
	width: 20%;
	margin-bottom: 0px;
}

body.cutsomer-account #ordered-items h4 {
	color: var(--navfont);
}

#show-btn,
body.customer-account .addressbook-account-container a,
body.customer-account .nobr a,
body.customer-account .default-mailing-billing-addresses .col2-set a,
body.customer-account .account-info-container .box-head a,
body.customer-account .account-edit-container .fieldset a,
body.customer-account .contact-info-account-form-container a,
body.customer-account .contact-address-form-container a,
body.customer-account .table-buttons a,
body.customer-account .page-title a,
body.customer-account .back-link a {
	background-color: var(--white) !important;
	padding: 5px;
	color: var(--navfont);
	border: 2px solid var(--border);
	font-weight: bold;
	font-size: 14px;
}
body.customer-account .account-edit h1 {
	margin: 0px;
}

body.customer-account .acocunt-edit .legend {
	width: 60%;
}
body.customer-account .required {
	width: 40%;
}
body.customer-account .my-account .page-title.account-edit {
	margin-top: 30px;
	gap: 20px;
}
.box-account .box-content {
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 10px;
}

body.customer-account .item-options {
	text-align: left;
}

.account-info-container .box-head {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

body.customer-account button,
body.customer-account a.button {
	background-color: var(--primary) !important;
}

.full-width {
	width: 100% !important;
}

.filtered a {
	outline: none !important;
	display: flex;
	margin: 0;
	box-sizing: border-box;
	height: 100%;
	gap: 7px;
	align-items: flex-start;
	font-size: 14px;
}

@media all and (max-width: 770px) {
	.filtered a {
		font-size: 18px;
	}
}

a.btn-remove,
a.btn-previous {
	color: white !important;
	text-decoration: none;
}

.btn-remove:after {
	color: var(--primary);
	height: 20px;
	line-height: 20px;
	width: 100%;
	font-size: 10px;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 500;
	font-style: normal;
}
.btn-remove:hover:after {
	color: #ffffff;
	text-decoration: none;
}

#narrow-by-list .filter-button .filtered .link-remove {
	display: flex !important;
	align-items: center;
}

.btn-remove2 {
	background-position: 4px -648px;
	border: none;
	vertical-align: top;
}
.btn-remove2:after {
	display: none;
}
.btn-remove2:hover {
	background-color: transparent;
	opacity: 0.8;
}

.btn-previous:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 4px solid var(--primary);
	border-left: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -2px;
	margin-top: -4px;
}
.btn-previous:hover:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 4px solid white;
	border-left: none;
}

.block-layered-nav .currently .btn-previous,
.mini-products-list .btn-remove,
.mini-products-list .btn-previous,
#compare-items .btn-remove,
#compare-items .btn-previous {
	float: right;
	margin-left: 6px;
}

/* -------------------------------------------- *
 * FireCheckout Styling
 */

body.firecheckout-index-index .outside-control {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 15px 0px 0px;
}

@media all and (max-width: 804px) {
	body.firecheckout-index-index .outside-control {
		flex-direction: column;
		align-items: flex-start;
	}
	body.firecheckout-index-index #shipping-method-reset {
		margin: 0px 0px 0px 15px;
	}
}
@media all and (max-width: 620px) {
	body.firecheckout-index-index .outside-control {
		flex-direction: row;
		align-items: center;
	}

	body.firecheckout-index-index #shipping-method-reset {
		margin: 0px;
	}
}

body.firecheckout-index-index #shipping-method .block-title,
#checkout-review .block-title {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.firecheckout-set label[for="billing:fax"],
.firecheckout-set label[for="shipping:fax"] {
	position: relative;
	padding-top: 10px;
}

.firecheckout-set #shipping-address .tooltip,
.firecheckout-set #billing-address .tooltip {
	position: absolute;
	right: 10px;
	top: 10px;
}

@media all and (max-width: 800px) {
	.firecheckout-set #shipping-address .tooltip,
	.firecheckout-set #billing-address .tooltip {
		left: 65px;
		top: 7px;
	}
}

body.firecheckout-index-index p.part-number,
body.firecheckout-index-index .product-image p {
	font-size: 12px !important;
	margin: 0px;
}

body.firecheckout-index-index .data-table tbody td .item-options,
body.firecheckout-index-index .item-options dd {
	margin-top: 0px;
	margin: 0px;
}

body.firecheckout-index-index #checkout-review-table tbody tr {
	border-bottom: 1px solid var(--border);
}

body.firecheckout-index-index h3.product-name {
	margin-bottom: 0px;
}

.firecheckout-set .radio + label {
	max-width: 100% !important;
}

.firecheckout-set .validation-advice {
	display: none !important;
}

label[for="billing:company"],
label[for="shipping:company"] {
	top: 13px !important;
}

.fc-update-payment_method #payment-method,
.fc-update-shipping_method #shipping-method {
	pointer-events: none;
	opacity: 0.7;
}

@keyframes fc-shake {
	10%,
	90% {
		transform: translate3d(-1px, 0, 0);
	}
	20%,
	80% {
		transform: translate3d(2px, 0, 0);
	}
	30%,
	50%,
	70% {
		transform: translate3d(-4px, 0, 0);
	}
	40%,
	60% {
		transform: translate3d(4px, 0, 0);
	}
}

.fc-shake {
	animation: fc-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
	transform: translate3d(0, 0, 0);
	perspective: 1000px;
}

@keyframes fc-spinner-bouncedelay {
	0%,
	80%,
	100% {
		transform: scale(0);
	}
	40% {
		transform: scale(1);
	}
}

.firecheckout-set button.button,
.firecheckout-set button.button span,
.firecheckout-set button.button span span,
.firecheckout-window button.button,
.firecheckout-window button.button span,
.firecheckout-window button.button span span {
	background: none;
	border: none;
	box-shadow: none;
	padding: 0;
	margin: 0;
	float: none;
	height: auto;
	width: auto;
	min-height: 0 !important;
	min-width: 0 !important;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	font: bold 12px/30px Arial, Helvetica, sans-serif;
	color: var(--white);
}
.firecheckout-set button.button span,
.firecheckout-set button.button span span,
.firecheckout-window button.button span,
.firecheckout-window button.button span span {
	transition: none !important;
	background: none !important;
}
.firecheckout-set button.button,
.firecheckout-window button.button {
	background-color: var(--border);
	border-radius: 3px;
	border: 0px solid var(--transblack);
	border-bottom-width: 2px;
	padding: 0 15px;
	position: relative;
	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.firecheckout-set button.button:hover,
.firecheckout-set button.button:focus,
.firecheckout-window button.button:hover,
.firecheckout-window button.button:focus {
	background-color: var(--bgcolor);
}
.firecheckout-set button.loading,
.firecheckout-set button.loading:hover,
.firecheckout-set button.loading:focus,
.firecheckout-window button.loading,
.firecheckout-window button.loading:hover,
.firecheckout-window button.loading:focus {
	background-color: var(--bgcolor);
	opacity: 0.8;
	cursor: wait;
	animation: none;
}
.firecheckout-set button.edit {
	background-color: var(--bgcolor);
}
.firecheckout-set .input-box.month-year-flex-box {
	display: flex;
	gap: 5px;
}

.firecheckout-set button.edit:hover,
.firecheckout-set button.edit:focus {
	background-color: var(--bgcolor);
}
.firecheckout-set button.disabled,
.firecheckout-set button.disabled:hover,
.firecheckout-set button.disabled:focus,
.firecheckout-window button.disabled,
.firecheckout-window button.disabled:hover,
.firecheckout-window button.disabled:focus {
	background-color: var(--border);
	opacity: 0.6;
	cursor: not-allowed;
}

/* Primary button */
.firecheckout-set button.btn-checkout,
.firecheckout-set button.btn-primary,
.firecheckout-window button.button {
	background-color: var(--checkout);
	padding: 0 30px;
	margin: 0 0 5px;
}
.firecheckout-set button.btn-checkout:hover,
.firecheckout-set button.btn-checkout:focus,
.firecheckout-set button.btn-primary:hover,
.firecheckout-set button.btn-primary:focus,
.firecheckout-window button.button:hover,
.firecheckout-window button.button:focus {
	background-color: var(--checkouthover);
}
.firecheckout-set button.btn-checkout.loading,
.firecheckout-set button.btn-checkout.loading:hover,
.firecheckout-set button.btn-checkout.loading:focus,
.firecheckout-set button.btn-primary.loading,
.firecheckout-set button.btn-primary.loading:hover,
.firecheckout-set button.btn-primary.loading:focus,
.firecheckout-window button.button.loading,
.firecheckout-window button.button.loading:hover,
.firecheckout-window button.button.loading:focus {
	background-color: var(--checkouthover);
}

.firecheckout-window button.button {
	padding: 0 20px;
	margin: 0;
}
.firecheckout-window button.button span span {
	font-size: 13px;
}

.firecheckout-set button.btn-checkout span span,
.firecheckout-set button.btn-hero span span {
	font-size: 15px;
	line-height: 41px;
	text-transform: uppercase;
}

/* Buttons loading state */
.firecheckout-set button.loading,
.firecheckout-window button.loading {
	animation: 1s button-blink infinite;
	cursor: wait;
}
.firecheckout-window button.button.loading,
.firecheckout-set button.btn-checkout.loading,
.firecheckout-set button.btn-hero.loading {
	padding-right: 57px !important;
}

.firecheckout-set button .fc-spinner {
	display: none;
}
button.btn-checkout .fc-spinner,
.firecheckout-window button .fc-spinner {
	display: block;
}

@keyframes button-blink {
	50% {
		opacity: 0.5;
	}
}

.firecheckout-set input[type="checkbox"] + label,
.firecheckout-set input[type="radio"] + label,
.firecheckout-set input[type="checkbox"] + * + label,
.firecheckout-set input[type="radio"] + * + label,
.firecheckout-set input[type="checkbox"] + span,
.firecheckout-set input[type="radio"] + span,
/* RWD fix */
.firecheckout-set #checkout-shipping-method-load .sp-methods dd input + label,
.firecheckout-set #checkout-shipping-method-load .sp-methods dd input + * + label {
	cursor: pointer;
	padding: 0 0 0 25px;
	line-height: 18px;
}
.firecheckout-set input[type="checkbox"][hidden],
.firecheckout-set input[type="radio"][hidden] {
	display: none;
}
.firecheckout-set input[type="checkbox"],
.firecheckout-set input[type="radio"] {
	-webkit-appearance: none;
	position: relative;
	z-index: 1; /* Move it above the label in case if label has wrong 'for' */
	padding: 0;
	background: none;
	opacity: 1 !important;
	box-shadow: 0 0 0 0 var(--bgcolor) inset !important;
	border: 1px solid var(--border);
	border-radius: 4px;
	transition: all 0.2s ease-in-out;
	outline: 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
}
.firecheckout-set input[type="checkbox"]:checked,
.firecheckout-set input[type="radio"]:checked {
	box-shadow: 0 0 0 10px var(--secondary) inset !important;
	border: none;
}
.firecheckout-set input[type="checkbox"]:focus,
.firecheckout-set input[type="radio"]:focus {
	border-color: var(--border);
	outline: 0;
}
.firecheckout-set input[type="checkbox"]:checked:focus,
.firecheckout-set input[type="radio"]:checked:focus {
	box-shadow: 0 0 0 10px var(--secondary) inset !important;
}
.firecheckout-set input[type="checkbox"]::after,
.firecheckout-set input[type="radio"]::after {
	content: " ";
	background-image: url("https://testmage.cluster.helpmefence.com/store/media/wysiwyg/checkmark.png");
	background-size: 12px 10px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	transition: all 0.2s ease-in-out 0.1s;
	transform: scale(0.2);
	opacity: 0;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 18px;
	margin-left: -9px;
	margin-top: -9px;
}
.firecheckout-set input[type="radio"] {
	border-radius: 50%;
}
.firecheckout-set input[type="radio"]::after {
	background-size: 8px 8px;
}
.firecheckout-set input[type="checkbox"]:checked::after,
.firecheckout-set input[type="radio"]:checked::after {
	transform: scale(1);
	opacity: 1;
}

/* Hide custom checkbox and raio styles in third-party themes */
.firecheckout-set input[type="checkbox"] + label::before,
.firecheckout-set input[type="checkbox"] + * + label::before,
.firecheckout-set input[type="checkbox"] + span > label::before,
.firecheckout-set input[type="radio"] + label::before,
.firecheckout-set input[type="radio"] + * + label::before,
.firecheckout-set input[type="radio"] + span > label::before {
	display: none !important;
}

.fc-form-compact .field,
.fc-form-compact .wide,
.fc-form-compact .captcha-input-container {
	position: relative;
}
.fc-form-compact .field:not(.control) label,
.fc-form-compact .wide:not(.control) label,
.fc-form-compact .captcha-input-container label {
	pointer-events: none;

	position: absolute !important;
	margin: 0;
	color: var(--secondary);
	z-index: 5;
	left: 12px;
	top: 16px;
	height: 25px;
	white-space: nowrap;
	max-width: 85%;
	width: auto;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;

	top: 10px;
	font-size: 11px;
	opacity: 0;
	transition: all 100ms ease-in-out;
}
.fc-form-compact .field input[type="checkbox"] + label,
.fc-form-compact .field input[type="radio"] + label,
.fc-form-compact .wide input[type="checkbox"] + label,
.fc-form-compact .wide input[type="radio"] + label {
	pointer-events: all;
	position: static !important;
	opacity: 1;
}
.fc-form-compact .field.fc-dirty label,
.fc-form-compact .field .fc-dirty label,
.fc-form-compact .wide.fc-dirty label,
.fc-form-compact .wide .fc-dirty label {
	top: 9px;
	opacity: 1;
	color: var(--secondary);
	line-height: normal;
	height: 25px;
}
.fc-form-compact .form-list label[for="billing-address-select"],
.fc-form-compact .form-list label[for="shipping-address-select"],
.fc-form-compact .form-list label[for="billing:fax"],
.fc-form-compact .form-list label[for="shipping:fax"] {
	top: 12px;
}

.fc-form-compact .field .input-box,
.fc-form-compact .wide .input-box,
.fc-form-compact .captcha-input-container .input-box {
	position: relative;
}
.fc-form-compact .field .input-box input,
.fc-form-compact .field .input-box select,
.fc-form-compact .field .input-box textarea,
.fc-form-compact .wide .input-box input,
.fc-form-compact .wide .input-box select,
.fc-form-compact .wide .input-box textarea,
.fc-form-compact .captcha-input-container .input-box input {
	transition: all 100ms ease-in-out;
	padding: 0.68em 0.48em !important; /* important is used for third-party themes compatibility */
}
.fc-form-compact .field.fc-dirty .input-box input,
.fc-form-compact .field.fc-dirty .input-box select,
.fc-form-compact .field.fc-dirty .input-box textarea,
.fc-form-compact .wide.fc-dirty .input-box input,
.fc-form-compact .wide.fc-dirty .input-box select,
.fc-form-compact .wide.fc-dirty .input-box textarea,
.fc-form-compact .captcha-input-container.fc-dirty .input-box input {
	padding-top: 1.5em !important;
	padding-bottom: 0.36em !important;
}
.fc-form-compact .field .input-box select,
.fc-form-compact .wide .input-box select,
.fc-form-compact .field.fc-dirty .input-box select,
.fc-form-compact .wide.fc-dirty .input-box select {
	padding-right: 27px !important;
}

.fc-form-compact li:not(.fc-calendar) > label[for="billing:month"],
.fc-form-compact li:not(.fc-calendar) > .field > label[for="billing:month"] {
	pointer-events: all;
	opacity: 1;
	left: 4px;
	top: 0;
}
.fc-form-compact
	li:not(.fc-calendar)
	> label[for="billing:month"]
	+ .customer-dob,
.fc-form-compact
	li:not(.fc-calendar)
	> .field
	> label[for="billing:month"]
	+ .customer-dob {
	margin-top: 14px;
}

label[for="ccsave_cc_owner"]::after,
label[for="ccsave_cc_number"]::after,
label[for="ccsave_cc_type"]::after,
label[for="ccsave_expiration"]::after,
label[for="ccsave_cc_cid"]::after,
label[for="billing:region"]::after,
label[for="shipping:country_id"]::after,
label[for="shipping:region"]::after,
label[for="billing:country_id"]::after {
	content: "*";
	color: var(--secondary);
	margin-left: 4px;
}

#billing-address label[for="billing:region"],
#billing-address label[for="billing:country_id"],
#shipping-address label[for="shipping:country_id"],
#shipping-address label[for="shipping:region"] {
	color: var(--secondary);
}

body.firecheckout-index-index input.required-entry::-moz-placeholder {
	color: var(--secondary);
}

body.firecheckout-index-index input.required-entry::placeholder {
	color: var(--secondary);
}

.red-label {
	color: var(--secondary) !important;
}

body.firecheckout-index-index p.required {
	color: var(--secondary);
}
.fc-form-compact .dob-day,
.fc-form-compact .dob-month,
.fc-form-compact .dob-year {
	position: relative;
}
.fc-form-compact .dob-day label,
.fc-form-compact .dob-month label,
.fc-form-compact .dob-year label {
	display: none;
}

/* Fix for not working placeholder on DOB element */
.fc-form-compact li:not(.fc-dirty) > .input-box > input[type="date"]::after,
.fc-form-compact
	div.field:not(.fc-dirty)
	> .input-box
	> input[type="date"]::after {
	position: absolute;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
	content: attr(placeholder);
	color: var(--secondary);
}

.firecheckout-set input.input-text,
.firecheckout-set .form-list select,
.firecheckout-set select,
.firecheckout-set textarea {
	height: auto;
	width: 100%;
	background: none;
	border: 1px solid var(--border);
	border-radius: 0;
	padding: 7px;
	line-height: normal;
	text-indent: 0;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.firecheckout-set input[type="date"] {
	/* IOS fix: https://github.com/twbs/bootstrap/issues/23307; */
	min-height: 42px;
}
.firecheckout-set input.input-text:focus,
.firecheckout-set .form-list select:focus,
.firecheckout-set select:focus,
.firecheckout-set textarea:focus {
	border: 1px solid var(--border);
}
.firecheckout-set input.input-text:disabled,
.firecheckout-set .form-list select:disabled,
.firecheckout-set select:disabled,
.firecheckout-set textarea:disabled,
.firecheckout-set input[type="checkbox"]:disabled,
.firecheckout-set input[type="radio"]:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}
.firecheckout-set select,
.firecheckout-set .form-list select {
	margin: 0;
	padding-right: 27px !important;
	background-image: url("https://testmage.cluster.helpmefence.com/store/media/wysiwyg/dropdown-arrow.png");
	background-repeat: no-repeat;
	background-position: 97% 50%;
	background-size: 20px 20px;
}

@media all and (max-width: 500px) {
	.firecheckout-set select,
	.firecheckout-set .form-list select {
		background-size: 15px 15px;
	}
}

.firecheckout-set select::-ms-expand,
.firecheckout-set .form-list select::-ms-expand {
	display: none;
}

.firecheckout-set input[type="checkbox"] + label,
.firecheckout-set input[type="radio"] + label {
	display: inline-block;
	padding: 0 0 0 20px;
	line-height: normal;
	vertical-align: top;
}
.firecheckout-set input[type="checkbox"],
.firecheckout-set input[type="radio"] {
	float: left;
	margin: 0 -20px 0 0 !important;
	top: 2px;
	vertical-align: middle;
	display: inline-block;
}
/* Fix for billing agreements */
.firecheckout-set label input[type="checkbox"],
.firecheckout-set label input[type="radio"] {
	margin: 0 5px 0 0 !important;
}

.checkoutfield-note {
	font-size: 0.9em;
	color: var(--bgcolor);
	display: block;
}

/*********************/
/* reset standard form styles */
.firecheckout-set .form-list,
.firecheckout-set .form-list ul {
	margin: 0;
	list-style: none;
}
.firecheckout-set .form-list ul {
	padding: 0;
}
.firecheckout-set .form-list li,
.firecheckout-set .form-list ul li {
	margin-left: 0;
	margin-right: 0;
}
.firecheckout-set .sp-methods ul {
	margin: 0;
}
.firecheckout-set .sp-methods ul,
.firecheckout-set .sp-methods li {
	padding: 0;
	list-style: none;
}
.firecheckout-set .form-list .validation-advice {
	width: auto;
}
.firecheckout-set span.validation-error,
.firecheckout-set div.validation-error,
.firecheckout-set span.validation-passed,
.firecheckout-set div.validation-passed {
	background: none;
	padding: 0;
}
.firecheckout-set .form-list textarea {
	height: 60px;
}
.firecheckout-set .input-text,
.firecheckout-set .form-list textarea,
.firecheckout-set .form-list li.wide textarea,
.firecheckout-set .form-list select,
.firecheckout-set .form-list li.wide select,
.firecheckout-set .form-list input.input-text,
.firecheckout-set .form-list li.wide input.input-text {
	max-width: none;
	position: static;
	width: 100% !important; /* rewrite theme styles */
}
.firecheckout-set .form-list li.fields {
	margin: 0;
}
.firecheckout-set .form-list .field,
.firecheckout-set .form-list .fields .field,
.firecheckout-set .form-list .wide,
.firecheckout-set .form-list .control,
.firecheckout-set .form-list .captcha-input-container,
.firecheckout-set .form-list .captcha-img-container,
.firecheckout-set .form-list > dd {
	margin: 0;
	padding: 4px;
	box-sizing: border-box !important;
}

/* fluid form styles */
.firecheckout-set .form-list {
	padding: 0;
	margin: 0 -4px;
}
.firecheckout-set #shipping-method .block-content > .form-list {
	margin: 0;
}
.firecheckout-set .form-list label {
	width: auto;
	color: var(--secondary);
}
.firecheckout-set .form-list label,
.firecheckout-set .form-list li.wide label {
	padding: 0;
}
.firecheckout-set .form-list label em {
	display: none !important;
}

.firecheckout-set .form-list .field,
.firecheckout-set .form-list .input-box {
	height: auto;
	width: 100%;
	max-width: 100%;
	margin: 0;
}
.firecheckout-set #billing-address .input-box input,
.firecheckout-set #billing-address .input-box,
.firecheckout-set #billing-address .input-box select,
.firecheckout-set #shipping-address .input-box input,
.firecheckout-set #shipping-address .input-box,
.firecheckout-set #shipping-address .input-box select {
	height: 55px;
}
.firecheckout-set .form-list .input-box {
	padding: 0;
}
.firecheckout-set .form-list .fields .field {
	clear: none;
}
.firecheckout-set .form-list .fields .field,
.firecheckout-set .form-list .fields .input-box {
	width: 50%;
}
.firecheckout-set .form-list .field .input-box,
.firecheckout-set .form-list .fields .field .input-box {
	width: 100%;
}
.firecheckout-set .form-list .wide .field,
.firecheckout-set .form-list .wide .input-box {
	width: 100%;
}
.firecheckout-set .form-list .wide .input-box {
	padding: 0;
}
.firecheckout-set .form-list .wide .field .input-box {
	width: 100%;
}

/* dob */
.firecheckout-set .form-list .customer-dob input + label {
	margin: 0;
	color: var(--navfont2);
}
.firecheckout-set .form-list .customer-dob .dob-day,
.firecheckout-set .form-list .customer-dob .dob-month {
	width: 30%;
	margin: 0;
	padding: 0;
	box-sizing: border-box !important;
}
.firecheckout-set .form-list .customer-dob .dob-day .input-text,
.firecheckout-set .form-list .customer-dob .dob-month .input-text {
	width: 100%;
	border-right: 0 !important;
}
.firecheckout-set .form-list .customer-dob .dob-year {
	width: 40%;
}
.firecheckout-set .form-list .customer-dob .dob-year input.input-text {
	width: 100%;
}

/* Hide validation message below date because another message is shown below all fields */
.firecheckout-set .dob-day .validation-advice,
.firecheckout-set .dob-month .validation-advice,
.firecheckout-set .dob-year .validation-advice,
.firecheckout-set .dob-full .validation-advice {
	display: none;
}

.address-select-item {
	text-align: left !important;
}
.address-select-item label {
	width: auto !important;
	text-align: left !important;
	margin: 0 0 5px !important;
}
.address-select-item .input-box,
.address-select-item .input-box select {
	max-width: 100% !important;
	width: 100% !important;
}

/* Inline address form */
.inline-address-form .form-list {
	margin: 0;
}
.inline-address-form .form-list .fields .field,
.inline-address-form .form-list .fields .field:first-child .input-box,
.firecheckout-window .inline-address-form .form-list .wide .input-box,
.firecheckout-window .inline-address-form .form-list input.input-text,
.firecheckout-window .inline-address-form .form-list textarea {
	width: 100%;
	max-width: 100%;
}
.inline-address-form .form-list fieldset li:not(.inline-form-visible) {
	margin: 0;
}
.inline-address-form fieldset li.wide:not(.inline-form-visible),
.inline-address-form fieldset li.control:not(.inline-form-visible),
.inline-address-form fieldset div.field:not(.inline-form-visible) {
	display: none;
}

.firecheckout-section .fields .field {
	float: left;
	margin: 0;
}

@media (max-width: 800px) {
	.firecheckout-set .wide .input-box {
		max-width: 100% !important;
	}
	.firecheckout-set .form-list li.wide textarea,
	.firecheckout-set .form-list li.wide select,
	.firecheckout-set .form-list li.wide input.input-text {
		max-width: 100%;
		width: 100%;
	}
}

/* One field per line */
.fc-form-wide .firecheckout-set .form-list .fields .field,
.fc-form-wide .firecheckout-set .form-list .fields .input-box {
	width: 100%;
	clear: left;
}

/* Label and field in one line */
.fc-form-horizontal
	.firecheckout-set
	.address-section
	.form-list
	.fields
	.field,
.fc-form-horizontal .firecheckout-set .step-name .form-list .fields .field {
	width: 100%;
	clear: left;
}
@media (min-width: 1024px), (max-width: 800px) {
	.fc-form-horizontal
		.firecheckout-set
		.address-section
		.form-list
		.fields
		label,
	.fc-form-horizontal .firecheckout-set .address-section .form-list .wide label,
	.fc-form-horizontal .firecheckout-set .step-name .form-list .fields label,
	.fc-form-horizontal .firecheckout-set .step-name .form-list .wide label {
		float: none;
		display: inline-block;
		vertical-align: middle;
		width: 80px;
		text-align: right;
		word-break: break-word;
		margin: 0 5px 0 0;
	}
	.fc-form-horizontal
		.firecheckout-set
		.address-section
		.form-list
		.fields
		.field
		.input-box,
	.fc-form-horizontal
		.firecheckout-set
		.address-section
		.form-list
		.wide
		.input-box,
	.fc-form-horizontal
		.firecheckout-set
		.step-name
		.form-list
		.fields
		.field
		.input-box,
	.fc-form-horizontal .firecheckout-set .step-name .form-list .wide .input-box {
		float: none;
		display: inline-block;
		vertical-align: middle;
		clear: none;
		width: calc(100% - 90px);
		padding: 0;
	}
	.fc-form-horizontal .firecheckout-set .address-section .form-list .control,
	.fc-form-horizontal .firecheckout-set .step-name .form-list .control {
		padding-left: 95px;
	}
	.fc-form-horizontal .fc-saved-address .control {
		padding-left: 4px !important;
	}
	.fc-form-horizontal .firecheckout-set .address-section .form-list .wide,
	.fc-form-horizontal .firecheckout-set .address-section .form-list .field {
		max-width: none;
		text-align: right;
	}
	.fc-form-horizontal
		.firecheckout-set
		.address-section
		.form-list
		.wide
		.input-box,
	.fc-form-horizontal
		.firecheckout-set
		.address-section
		.form-list
		.field
		.input-box,
	.fc-form-horizontal .firecheckout-set .step-name .form-list .wide .input-box,
	.fc-form-horizontal
		.firecheckout-set
		.step-name
		.form-list
		.field
		.input-box {
		text-align: left;
	}
}

.firecheckout-set p.required,
.validation-advice {
	padding: 0px 0px 0px 15px;
}

/* checkmoney, bankpayment fixes */
.firecheckout-set td label {
	margin: 0;
	font-size: inherit;
	line-height: inherit;
}

/**
 * Layout with sticky order summary
 */
@media (min-width: 800px) {
	.firecheckout-col2-set-sticky .firecheckout-set .col2-set .col-1,
	.firecheckout-col2-set-sticky .firecheckout-set .col2-set .col-2 {
		box-sizing: border-box;
		float: none;
		width: auto;
	}

	.firecheckout-col2-set-sticky #firecheckout-form .col2-fire-set,
	.firecheckout-col2-set-sticky #firecheckout-form .col3-fire-set {
		position: relative;
	}
	.firecheckout-col2-set-sticky
		#firecheckout-form
		.col2-fire-set
		#checkout-review,
	.firecheckout-col2-set-sticky
		#firecheckout-form
		.col3-fire-set
		#checkout-review,
	.firecheckout-col2-set-sticky #firecheckout-form .col2-fire-set .col-fire-1,
	.firecheckout-col2-set-sticky #firecheckout-form .col2-fire-set .col-fire-2,
	.firecheckout-col2-set-sticky #firecheckout-form .col3-fire-set .col-fire-1,
	.firecheckout-col2-set-sticky #firecheckout-form .col3-fire-set .col-fire-2,
	.firecheckout-col2-set-sticky #firecheckout-form .col3-fire-set .col-fire-3 {
		width: 49.2%;
	}
	.firecheckout-col2-set-sticky #firecheckout-form .col2-fire-set .col-fire-1,
	.firecheckout-col2-set-sticky #firecheckout-form .col2-fire-set .col-fire-2,
	.firecheckout-col2-set-sticky #firecheckout-form .col3-fire-set .col-fire-1,
	.firecheckout-col2-set-sticky #firecheckout-form .col3-fire-set .col-fire-2,
	.firecheckout-col2-set-sticky #firecheckout-form .col3-fire-set .col-fire-3 {
		float: left;
		clear: left;
	}
	.firecheckout-col2-set-sticky
		#firecheckout-form
		.col2-fire-set
		#checkout-review,
	.firecheckout-col2-set-sticky
		#firecheckout-form
		.col3-fire-set
		#checkout-review {
		position: absolute;
		right: 0;
		top: 0;
	}
}

.page-empty.firecheckout-index-index {
	max-width: 1150px;
	margin: 0 auto;
	padding: 15px 5px;
}

#tmcore_popup .f-left {
	float: left;
}
#tmcore_popup .f-right {
	float: right;
}

#firecheckout-form {
	display: block;
}
#firecheckout-form .col3-fire-set .col-fire-1,
#firecheckout-form .col3-fire-set .col-fire-2 {
	width: 30%;
	float: left;
	border: none;
	padding: 0;
}
#firecheckout-form .col3-fire-set .col-fire-2 {
	margin-left: 1%;
}
#firecheckout-form .col3-fire-set .col-fire-3 {
	width: 38%;
	float: right;
	border: none;
	padding: 0;
}
#firecheckout-form .col2-fire-set .wide {
	width: auto;
}
#firecheckout-form .col2-fire-set .col-fire-1 {
	width: 32.5%;
	float: left;
	border: none;
	padding: 0;
}
#firecheckout-form .col2-fire-set .col-fire-2 {
	width: 66%;
	float: right;
	border: none;
	padding: 0;
}

#firecheckout-form .col2-set,
#firecheckout-form .col3-set,
#firecheckout-form .col4-set {
	max-width: 100%;
	max-height: 100%;
	box-sizing: border-box;
	float: none;
}

.firecheckout-set .col2-set .col-1,
.firecheckout-set .col2-set .col-2 {
	padding: 0;
	width: 49%;
}

.firecheckout-set .col2-set .col-1 {
	float: left;
}
.firecheckout-set .col2-set .col-2 {
	float: right;
}

@media (max-width: 800px) {
	#firecheckout-form .col3-fire-set .col-fire-1,
	#firecheckout-form .col3-fire-set .col-fire-2,
	#firecheckout-form .col3-fire-set .col-fire-3,
	#firecheckout-form .col2-fire-set .col-fire-1,
	#firecheckout-form .col2-fire-set .col-fire-2 {
		width: auto;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
}
@media (max-width: 620px) {
	.firecheckout-set .col2-set .col-1,
	.firecheckout-set .col2-set .col-2,
	.firecheckout-set #shipping-method,
	.firecheckout-set #payment-method,
	.firecheckout-set #checkout-giftcard-load {
		box-sizing: border-box;
		float: none !important;
		width: 100% !important;
	}
}

.firecheckout-set .input-box {
	position: relative;
}
.firecheckout-set .input-box .fc-spinner > div {
	background-color: var(--primary);
}

.fc-spinner {
	height: 10px;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translate(0, -50%);
}
.fc-spinner > div {
	vertical-align: top;
	width: 10px;
	height: 10px;
	margin: 0 2px;
	background-color: currentColor;
	border-radius: 100%;
	display: inline-block;
	animation: fc-spinner-bouncedelay 1.2s infinite ease-in-out both;
}
.fc-spinner .bounce1 {
	animation-delay: -0.32s;
}
.fc-spinner .bounce2 {
	animation-delay: -0.16s;
}

.firecheckout-loader {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0ms linear 200ms, transform 200ms ease-in-out,
		opacity 200ms ease-in-out;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 10000;
	background: var(--white);
	border-radius: 0;
	text-align: center;
	box-shadow: 0 0 10px var(--transblack);
	width: 200px;
	height: 90px;
	margin: -60px 0 0 -100px;
	font-weight: bold;
	box-sizing: content-box;
	color: var(--border);
}
.firecheckout-loader.shown {
	visibility: visible;
	opacity: 1;
	transition-delay: 0ms;
}
.firecheckout-loader .fc-spinner {
	height: 16px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.firecheckout-loader .fc-spinner > div {
	width: 16px;
	height: 16px;
}

.firecheckout-section #checkout-review-load .messages {
	margin: 4px 6px 0 !important;
	width: 98%;
}
.firecheckout-section #checkout-review-load .messages li {
	margin: 0 0 4px !important;
}

.firecheckout-section .checkout-agreements-load .messages {
	padding: 7px 10px 0 !important;
	box-sizing: border-box;
}
.firecheckout-set .checkout-agreements {
	border-bottom: 1px solid var(--border);
	padding-top: 7px;
	padding-bottom: 7px;
	margin: 0;
}
.firecheckout-set .checkout-agreements li {
	margin: 0;
}
.firecheckout-set .checkout-agreements .agree {
	padding: 4px 0 4px 0;
}
.firecheckout-set .checkout-agreements .last {
	margin: 0;
}

.firecheckout-section .btn-agree {
	cursor: pointer;
}
.firecheckout-agreement-label-minimal {
	cursor: pointer;
}
.firecheckout-section .btn-agree:hover,
.firecheckout-agreement-label-minimal:hover {
	text-decoration: underline;
}

.firecheckout-set #checkout-review-submit {
	margin: 5px 0 3px;
	padding-top: 0;
	padding-bottom: 0;
}
.firecheckout-set #checkout-review-submit .form-list {
	padding: 0;
}
.firecheckout-set #checkout-review-submit .form-comment label {
	position: static;
}

.firecheckout-set #checkout-review #checkout-additional {
	margin: 0;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid var(--border);
}
.firecheckout-set #checkout-review #checkout-additional .block-content {
	padding-top: 0;
	padding-bottom: 10px;
}

.firecheckout-set #checkout-review .collateral-wrapper {
	display: flex;
	flex-direction: column;
}
.firecheckout-set #checkout-review .collateral-wrapper img {
	max-width: none;
}
.firecheckout-set #checkout-review .product-image,
.firecheckout-set #checkout-review {
	display: table-cell;
	vertical-align: top;
}

@media all and (max-width: 868px) {
	.firecheckout-set #checkout-review h3.product-name {
		font-size: 12px;
	}
}

.firecheckout-set #checkout-review .short-description {
	font-size: 0.9em;
	line-height: normal;
}
.firecheckout-set #checkout-review .item-options {
	font-size: 0.9em;
	color: var(--secondary);
}
.firecheckout-set #checkout-review .firecheckout-items-after {
	padding-top: 7px;
	padding-bottom: 7px;
}
.firecheckout-set #checkout-review-table-wrapper {
	border-top: 1px solid var(--border);
	margin-top: -1px;
}
.firecheckout-set #checkout-review #checkout-review-table {
	border-width: 0 0 1px 0;
	width: 100%;
}
.firecheckout-set #checkout-review #checkout-review-table tr td:first-child,
.firecheckout-set #checkout-review #checkout-review-table tr th:first-child {
	border-left-width: 0;
}
.firecheckout-set #checkout-review #checkout-review-table td.last,
.firecheckout-set #checkout-review #checkout-review-table th.last,
.firecheckout-set #checkout-review #checkout-review-table tr td:last-child,
.firecheckout-set #checkout-review #checkout-review-table tr th:last-child {
	border-right-width: 0;
}
.firecheckout-set #checkout-review #checkout-review-table tr.first th {
	border-top: none;
}
.firecheckout-set #checkout-review #checkout-review-table tfoot tr {
	background: none !important;
}
.firecheckout-set #checkout-review #checkout-review-table tfoot tr.first td {
	background: none;
}

.firecheckout-set #checkout-review-table-wrapper {
	padding: 15px 15px 0;
	border: none;
}
.firecheckout-index-index #checkout-review-table thead {
	background: var(--navfont2);
}
.firecheckout-index-index #checkout-review-table td,
.firecheckout-index-index #checkout-review-table th {
	border: none;
}
.firecheckout-index-index #checkout-review-table tr.even,
.firecheckout-index-index #checkout-review-table tr.odd {
	background: transparent;
}

.firecheckout-set #checkout-review-table .btn-remove {
	float: right;
	margin-left: 5px;
}
.firecheckout-set #checkout-review-table .ugiftcert-remove {
	float: right;
	margin: 1px 0 0 2px;
}
.firecheckout-set #review-buttons-container {
	padding: 8px 6px 6px 0;
	border: none;
	margin: 0;
	text-align: right;
}
.firecheckout-set #review-buttons-container .please-wait {
	float: left;
}

#addresses-review {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--border);
	font-size: 0.95em;
	line-height: 1.3em;
}
#addresses-review .col-1,
#addresses-review .col-2 {
	width: 49% !important;
	float: left !important;
	clear: none !important;
}
#addresses-review .col-2 {
	float: right !important;
}
#addresses-review #shipping-address-review + #payment-method-review {
	clear: left !important;
	margin-top: 10px !important;
}

/* RWD theme */
.firecheckout-set #checkout-review-table thead > tr > th,
.firecheckout-set #checkout-review-table thead > tr > th:first-child {
	display: table-cell;
}
/* RWD theme */

@media (max-width: 800px) {
	.firecheckout-set .qty-wrapper .qty-spinner {
		display: none;
	}
	.firecheckout-set .qty-wrapper {
		width: auto;
	}
}
@media all and (max-width: 639px) {
	.firecheckout-set button.button.btn-checkout {
		width: 100%;
	}
}
@media (max-width: 480px) {
	.firecheckout-set #checkout-review .collateral {
		margin: 0 !important;
	}
}

.firecheckout-set {
	counter-reset: firecheckout-section-number;
}
#billing-address > .block-title::before,
#shipping-method .outside-control .block-title::before,
#payment-method > .block-title::before,
#checkout-review > .block-title::before {
	counter-increment: firecheckout-section-number;
	content: counter(firecheckout-section-number);
	font-family: Verdana, sans-serif;
	font-size: 12px;
	margin: 0 7px 0 0;
	background: var(--primary);
	color: var(--white);
	font-weight: normal;
	vertical-align: top;
	display: inline-block;
	width: 22px;
	height: 22px;
	text-align: center;
	line-height: 22px;
}

#shipping-method .outside-control .red-square.block-title::before {
	color: var(--required);
}

.firecheckout-section .block-title,
.firecheckout-section .firecheckout-section .block-title,
.firecheckout-section .block-subtitle,
.firecheckout-set .block-content,
#customerbalance_placer,
#reward_placer,
.checkout-onepage-payment-additional-amstcred-customerbalance
	.firecheckout-set
	#checkout-review-submit,
.firecheckout-set #checkout-payment-method-load,
.firecheckout-set .checkout-agreements,
.firecheckout-set #checkout-review #checkout-additional .block-content,
.firecheckout-set #checkout-review .firecheckout-items-after,
#addresses-review {
	padding: 15px;
}

.firecheckout-section {
	background-color: var(--white);
	border: 1px solid var(--border);
	border-radius: 2px;
	margin-bottom: 15px;
}
.firecheckout-section .firecheckout-section {
	border: none;
	margin-bottom: 10px;
}
.firecheckout-section .block-title {
	border: none;
	font-size: 19px;
	line-height: 22px;
	margin: 0;
	color: var(--navfont);
	position: relative;
}
.firecheckout-section .firecheckout-section .block-title,
.firecheckout-section .block-subtitle {
	border: none;
	border-radius: 0;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	color: var(--navfont);
}
.firecheckout-set #shipping-method-reset,
.firecheckout-set #payment-method-reset {
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
	text-shadow: 1px 1px 1px var(--white);
	color: var(--bgcolor);
	cursor: pointer;
	background: var(--white);
	border-radius: 2px;
	border: 1px solid var(--border);
	padding: 0 3px;
}
.firecheckout-set #shipping-method-reset:hover,
.firecheckout-set #payment-method-reset:hover {
	color: var(--highlight);
}
.firecheckout-set .block-content {
	margin: 0;
	padding-top: 0;
	padding-bottom: 10px;
}

@media (max-width: 800px) {
	.firecheckout-section {
		margin-bottom: 10px;
	}
}

.firecheckout-window * {
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box;
}
.firecheckout-window {
	border: none;
	background: var(--white);
	border-radius: 0;
	box-shadow: 0 0 20px var(--transblack);
	z-index: 9999;
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;
	margin: 0;
	padding: 0;
	min-width: 350px;
	max-width: 800px;
	box-sizing: border-box;
	color: var(--navfont);

	visibility: hidden;
	opacity: 0;
	transform: translateY(20px);
	transition: visibility 0ms linear 200ms, transform 200ms ease-in-out,
		opacity 200ms ease-in-out;
}
.firecheckout-window.shown {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0ms;
}
.firecheckout-window .fc-window-content {
	box-sizing: border-box;
	padding: 0 20px 15px;
	min-width: 300px;
	overflow: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
.firecheckout-window .fc-window-title {
	box-sizing: border-box;
	height: 54px;
	border-bottom: 1px solid var(--border);
	padding: 15px 48px 15px 20px;
	margin: 0 0 15px;
	text-align: left;
	font-size: 20px;
	line-height: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.firecheckout-window .fc-window-content .fc-window-title {
	margin: 0 -20px 15px;
}
.firecheckout-window .fc-window-title span {
	color: var(--secondary);
	font-size: 20px;
	margin: 0;
}
.firecheckout-window .content {
	padding: 0;
	margin: 0 auto;
}
.firecheckout-window label {
	width: auto;
	text-align: left;
	color: var(--secondary);
}
.firecheckout-window p {
	margin-bottom: 5px;
}
.firecheckout-window a {
	color: var(--primary);
	text-decoration: underline;
	font-size: 14px;
}
.firecheckout-window a:hover {
	color: var(--primary);
	text-decoration: none;
}
.firecheckout-window .close {
	opacity: 1;
	text-decoration: none;
	font-weight: normal;
	font-size: 25px;
	color: var(--bgcolor);
	background-color: var(--white);

	position: absolute;
	top: 0;
	right: 0;

	width: 49px;
	height: 49px;
	line-height: 49px;
	text-align: center;
}
.firecheckout-window.has-scrollbar .close {
	right: 17px;
}
.firecheckout-window .close:hover {
	color: var(--secondary);
	text-decoration: none;
}
.firecheckout-window .buttons-set,
.firecheckout-window .actionbar {
	border-top: 1px solid var(--border);
	padding: 15px 20px;
	text-align: right;
}
.firecheckout-window .fc-window-content .buttons-set {
	margin: 15px -20px 0;
	padding: 10px 20px 0;
}
.firecheckout-window .actionbar {
	font-weight: bold;
}
.firecheckout-window .buttons-set .back-link {
	margin: 0;
	line-height: normal;
	display: inline-block;
}
.firecheckout-window .buttons-set a {
	margin: 0;
	padding: 5px 0;
	display: inline-block;
}

#emailexists-window .fc-window-content a {
	text-decoration: underline;
}
#emailexists-window .fc-window-content a:hover {
	text-decoration: none;
}

.firecheckout-window .validation-advice {
	color: var(--required);
}
.firecheckout-window .form-list .input-box {
	clear: both;
}

#firecheckout-forgot-window,
#firecheckout-login-window {
	max-width: 400px;
}
#firecheckout-forgot-window .form-list,
#firecheckout-login-window .form-list {
	max-width: 90%;
	margin: 20px auto 45px;
}
#firecheckout-forgot-window .form-list input.input-text,
#firecheckout-login-window .form-list input.input-text {
	width: 100%;
	box-sizing: border-box;
}

#firecheckout-login-window .form-list {
	margin-bottom: 10px;
}
#firecheckout-login-window .buttons-set {
	border: none;
	text-align: center;
	margin-top: 0;
	padding-bottom: 30px;
}
#firecheckout-login-window .buttons-set .button {
	margin: 0;
	float: none;
	padding-left: 30px;
	padding-right: 30px;
}

@media (max-width: 480px) {
	.firecheckout-window,
	.firecheckout-window .fc-window-content {
		min-width: 90%;
	}
}

/* IE7 fix */
*:first-child + html .firecheckout-window {
	width: 800px;
}

.firecheckout-window .centinel {
	overflow: auto;
}
.firecheckout-window .centinel .authentication {
	width: 450px;
}
.firecheckout-window .centinel .authentication iframe {
	width: 100%;
	min-height: 400px;
}

#firecheckout-mask {
	visibility: hidden;
	background: var(--secondary);
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9901;
	transition: all 300ms;
}
#firecheckout-mask.mask-visible {
	visibility: visible;
	opacity: 0.4;
}

.firecheckout-section
	> .checkout-onepage-payment-additional-checkoutfees-payment {
	padding: 0 15px;
}
.fc-no-pointer-events {
	pointer-events: none;
	opacity: 0.5;
}

#firecheckout-form #dhl_locationfinder_trigger > img {
	margin-bottom: 45px;
}

#dhl_locationfinder_trigger .locationfinder-opener {
	left: 0;
}

#dhl_locationfinder_trigger::after {
	content: "";
	display: table;
	clear: both;
}

#checkout-dhlversenden-services dt input[type="checkbox"] + label,
#checkout-dhlversenden-services dt input[type="radio"] + label {
	padding: 0 0 0 25px;
}

#checkout-review .additional-information {
	clear: both;
	margin: 0;
	padding: 15px 10px;
	text-align: right;
}

#donations_roundup input[type="checkbox"] + label {
	padding: 0 0 0 25px !important;
}

.firecheckout-header {
	text-align: center;
	padding: 0 0 10px;
}
.firecheckout-logo strong {
	font-size: 0;
	height: 0;
	left: -999em;
	line-height: 0;
	overflow: hidden;
	position: absolute;
	text-indent: -999em;
	top: -999em;
	width: 0;
}
.firecheckout-logo img {
	display: inline;
}

.firecheckout-index-index .page-title {
	zoom: 1;
	background: none;
	width: auto;
	position: relative;
	margin-bottom: 20px;
}
.firecheckout-index-index .checkout-title h1 {
	float: none;
	color: var(--primary);
	background: none;
	border: none;
	line-height: normal;
}
.firecheckout-index-index .checkout-title a {
	text-transform: none;
	font-size: 14px;
}
.firecheckout-login-wrapper {
	position: absolute;
	top: 50%;
	right: 0;
	margin: -8px 0 0;
}
.firecheckout-login-wrapper a {
	color: var(--primary);
	text-decoration: underline;
}
.firecheckout-login-wrapper a:hover {
	color: var(--hover);
}
.firecheckout-index-index .checkout-title .checkout-subtitle {
	font-size: 14px;
	margin: 8px 0 2px;
}

.firecheckout-top-container {
	margin: 10px 0;
	clear: both;
}

/* Address section */
.firecheckout-index-index .address-section {
	padding-bottom: 15px;
}

.firecheckout-index-index #billing-new-address-form,
.firecheckout-index-index #shipping-new-address-form {
	width: auto;
	margin: 0;
}

.firecheckout-index-index #billing-address,
.firecheckout-index-index #shipping-address {
	margin: 0;
}
.firecheckout-index-index #billing-address .block-content,
.firecheckout-index-index #shipping-address .block-content {
	padding-bottom: 0;
}
.firecheckout-index-index #billing-address .form-list li:last-child {
	margin-bottom: 0;
}
.firecheckout-index-index .form-list .radio-use-for-shipping {
	margin-top: 10px;
	display: inline-block; /* disable margin collapse */
}
.firecheckout-index-index .same-as-billing {
	margin: 10px 0;
	display: none;
}
.firecheckout-index-index .same-as-billing li {
	margin: 0;
	padding: 0;
}

#register-customer-password.fc-pw-hidden {
	display: none;
}
.link-forgot-password,
.firecheckout-window a.link-forgot-password {
	float: right;
	margin-top: 2px;
	font-size: 12px;
}

/* shipping & payment methods */
#checkout-shipping-method-load,
#checkout-payment-method-load {
	margin: 10px 0;
}
.firecheckout-set .sp-methods {
	margin: 0;
	padding: 0;
}
.firecheckout-set .sp-methods + .sp-methods,
.firecheckout-set .sp-methods + * + .sp-methods {
	margin-top: 20px;
}
.firecheckout-set .sp-methods .form-list {
	border: none;
}
.firecheckout-set .sp-methods .form-list li {
	float: none;
	width: auto;
}
.firecheckout-set .sp-methods dt {
	margin: 15px 0 5px;
}
.firecheckout-set .sp-methods dt:first-child {
	margin-top: 0;
}
.firecheckout-set .sp-methods dd {
	margin: 0;
}
.firecheckout-set .sp-methods dd ul {
	margin: 0 0 10px;
}
.firecheckout-set .sp-methods .input-box .v-fix {
	margin: 0;
	max-width: 80%;
	float: none;
	display: inline-block;
	vertical-align: middle;
}
.firecheckout-set .sp-methods .checkmo-list label {
	float: left;
	padding-right: 10px;
	text-align: right;
	width: 110px;
}
.firecheckout-set .sp-methods .checkmo-list address {
	float: left;
}
.firecheckout-set #advice-required-entry-ccsave_expiration_yr {
	width: 8em;
}
.firecheckout-set #shipping-method .buttons-set {
	border: none;
	margin-top: 0;
}
.firecheckout-set #checkout-payment-method-load .form-list .input-box {
	width: auto;
}

.firecheckout-set #shipping-method .sp-methods li {
	margin: 10px 0 5px;
}

#payment-method .sp-methods dd ul ul {
	padding-left: 12px;
}

#payment-method .tool-tip {
	margin: 15px;
	box-shadow: 0 0 15px var(--transblack);
}
#payment-method .tool-tip img {
	max-width: none;
}
@media (max-width: 480px) {
	#payment-method .tool-tip img {
		max-width: 100%;
	}
}
ul#payment_form_cryozonic_stripe .saved-cards {
	margin-bottom: -10px;
}

.control + .form {
	padding-left: 6px;
}

.firecheckout-set #shipping-wrapper {
	margin: 20px 0 0;
}

.firecheckout-set .updating {
	position: relative;
	opacity: 0.8;
	animation: 2s div-blink infinite;
	-ms-animation: none;
	cursor: wait;
}

@keyframes div-blink {
	50% {
		opacity: 0.3;
	}
}

.firecheckout-set .updating::before {
	content: "Please wait, getting shipping rates";
	position: absolute;
	bottom: 0;
	right: 45px;
	color: var(--primary);
	font-weight: bold;
	font-size: 17px;
}

.firecheckout-set #shipping-method.updating::after {
	content: "";
	position: absolute;
	bottom: -186px;
	right: 5px;
	width: 3em;
	text-align: right;
	font-size: 50px;
	white-space: pre;
	animation: dots 1.2s steps(5, end) infinite;
	height: 5em;
	color: var(--primary);
}

@keyframes dots {
	0%,
	20% {
		content: ".  ";
	}
	40% {
		content: ".. ";
	}
	60% {
		content: "...";
	}
	80%,
	100% {
		content: "  .";
	}
}

@media all and (max-width: 707px) {
	.firecheckout-set #shipping-method.updating::after {
		font-size: 30px;
		bottom: -110px;
		right: 15px;
	}
	.firecheckout-set .updating::before {
		font-size: 14px;
	}
}

.firecheckout-set #checkout-shipping-method-load a {
	color: var(--primary);
}

.firecheckout-set #shipping-method .block-content {
	padding: 0px 15px 15px 20px;
}

.firecheckout-set #checkout-payment-method-load {
	padding-top: 0;
	padding-bottom: 0;
}

.firecheckout-set .buttons-set {
	margin: 1em 0 0;
}
.firecheckout-set .please-wait {
	position: static;
	padding: 0;
	background: none;
	border: none;
	margin: 0;
	left: auto;
	top: auto;
}
/* Address verification */
#address-verification-window .error-msg {
	min-height: 0 !important;
	margin: 4px 0 !important;
}
.address-verification-title {
	font-weight: bold;
	margin: 5px 0 3px;
	padding: 0;
}
.verification-note {
	margin: 0;
}
.address-actions {
	padding-left: 5px;
}
.address-actions li {
	line-height: 18px;
}

/* hints */
[class*="hint--"]::after,
[class*="hint--"]::before {
	z-index: 10;
	font-size: 12px !important;
	line-height: 16px !important;
	height: auto !important;
}

/* Fix to prevent jumping page, when calendar causes scrollbar appearing */
.firecheckout-index-index .calendar {
	top: -500px;
	left: 0;
}

#firecheckout-form div {
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box;
}

/* RWD theme */
.firecheckout-set .product-options ul.options-list label,
.firecheckout-set .col2-set .form-list .control label {
	width: auto !important;
}
.firecheckout-set .form-list .control label,
#checkout-payment-method-load .sp-methods dt label,
.firecheckout-set #checkout-shipping-method-load .sp-methods dd label,
.firecheckout-set #co-shipping-method-form .sp-methods dd label,
.firecheckout-set .product-options ul.options-list label {
	/* width: auto !important; */
	min-width: 0px !important;
	background-color: transparent !important;
	padding-left: 24px;
}

@media (max-width: 800px) {
	.firecheckout-login-wrapper {
		position: static;
		margin: 5px 0;
	}

	.firecheckout-set .product-name {
		font-size: 0.9em;
	}
	.firecheckout-set .data-table tfoot,
	.firecheckout-set .data-table strong {
		font-size: 1em;
	}
	.firecheckout-section .block-title {
		white-space: nowrap;
		overflow: hidden;
	}
}
@media (max-width: 480px) {
	.firecheckout-index-index .checkout-title h1 {
		text-transform: none;
	}
}

/* Clears */
.firecheckout-header,
.col-fire-1,
.col-fire-2,
.col-fire-3,
.firecheckout-set .col2-set,
.firecheckout-set .col3-set,
.col2-fire-set,
.col3-fire-set,
.step-content,
.firecheckout-set .form-list li,
.firecheckout-set .form-list .field,
.firecheckout-index-index #checkout-shipping-method-load,
.firecheckout-index-index #checkout-payment-method-load,
.firecheckout-index-index .block-content,
.firecheckout-set .discount-form .input-box::after,
.firecheckout-set .giftcard-form .input-box::after {
	zoom: 1;
}

.firecheckout-index-index .page-title::after,
.firecheckout-header::after,
.col-fire-1::after,
.col-fire-2::after,
.col-fire-3::after,
.firecheckout-set .col2-set::after,
.firecheckout-set .col3-set::after,
.col2-fire-set::after,
.col3-fire-set::after,
.step-content::after,
.firecheckout-set .form-list li::after,
.firecheckout-set .form-list .field::after,
.firecheckout-index-index #checkout-shipping-method-load::after,
.firecheckout-index-index #checkout-payment-method-load::after,
.firecheckout-index-index .block-content::after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0;
	clear: both;
}

#firecheckout-form .clearer::after {
	display: block;
	content: ".";
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	overflow: hidden;
}

/* givechange */
#givechange {
	margin: 0 !important;
	border: none !important;
	border-bottom: 1px solid var(--border) !important;
}
#givechange-how {
	margin: 0 20px !important;
}
/* givechange */

/* infostrates tnt */
.firecheckout-set .tnt_description {
	width: auto;
}
/* infostrates tnt */

/* PostcodeNL */
.form-list input.pcnl-input-text-half,
.form-list select.pcnl-input-text-half {
	width: 45% !important;
}
/* PostcodeNL */

/* TIG_PostNL */
#opc_postnl_ce .input-text {
	width: 100% !important;
}
#opc_postnl_ce .field-postcode .input-box {
	width: 98% !important;
}
#opc_postnl_ce .field {
	width: 50% !important;
}
#opc_postnl_ce .field-postcode {
	width: 50% !important;
}
#opc_postnl_ce .postnl.validation-advice {
	width: auto !important;
}
.firecheckout-set .postnl-container .col2-set .col-2 {
	float: left;
}
@media only screen and (max-width: 768px) {
	.postnl-container .col2-set .col-1,
	.postnl-container .col2-set .col-2 {
		float: left !important;
	}
}
/* TIG_PostNL */

/* Ebizmarts_MageMonkey */
.form-list .page-title h1 {
	font-size: 1em;
}
/* Ebizmarts_MageMonkey */

/* IWD opc_signature */
.firecheckout-index-index .signature_wrapper {
	width: 50%;
	float: right;
}
.firecheckout-index-index .signature_wrapper .signature {
	padding-right: 10px;
}
/* IWD opc_signature */

/* MW_Storecreditpro */
#mw_storecredit_value {
	width: auto !important;
}
#mw-checkout-payment-storecredit {
	margin-bottom: 10px;
}
/* MW_Storecreditpro */

/* Billsafe */
#payment_form_billsafe .fields .field {
	width: 100%;
} /* fixed styles for invalid billsafe markup */
/* Billsafe */

/* AW_Storecredit */
.checkout-onepage-payment-storecredit {
	padding: 0 8px 5px;
}
/* AW_Storecredit */

/* Phoenix_Wirecard Seamless */
#window-overlay-qmore {
	display: none;
}
/* Phoenix_Wirecard Seamless */

/* Emjainteractive_ShippingOption */
.umosaco-table td {
	border: none;
	vertical-align: middle;
}
.umosaco-table td.label {
	display: table-cell;
}
.umosaco-table label {
	margin: 0;
}

/* Webgriffe_Tntpro */
#shipping-address #map_canvas {
	max-width: 100%;
}

.page-empty.firecheckout-index-index {
	max-width: 1024px;
}

.checkout-title .continue-shopping {
	display: none;
}
.page-empty .checkout-title {
	padding-left: 7px;
	padding-right: 7px;
}
.page-empty .checkout-title .continue-shopping {
	float: right;
	font-size: 12px;
	display: block;
	margin: 7px 0 0;
}

.firecheckout-index-index {
	height: auto; /* Fix to make document.body.getHeight() works properly */
}
.firecheckout-index-index .col-main {
	border: none;
}
.firecheckout-index-index .checkout-title h1 {
	float: none;
}

#firecheckout-form div,
.firecheckout-loader {
	box-sizing: border-box;
}
.firecheckout-loader {
	height: 90px;
	display: none;
}
.firecheckout-set .fc-spinner {
	display: block;
}

.firecheckout-set input.input-text,
.firecheckout-set select,
.firecheckout-set .form-list select,
.firecheckout-set textarea {
	line-height: 1.4;
	padding: 10px;
	background-color: var(--white);
	color: var(--secondary);
	border-color: var(--border);
	border-radius: 3px;
}
.firecheckout-set select,
.firecheckout-set .form-list select {
	padding-right: 27px;
}
.firecheckout-set input.input-text:focus,
.firecheckout-set select:focus,
.firecheckout-set textarea:focus,
.firecheckout-set .input-box select:focus {
	background-color: var(--white);
	border: 2px solid var(--primary);
	outline: none;
}

.firecheckout-set .address-section .form-list .wide.address-select-item {
	max-width: 600px;
}

.firecheckout-set .address-section .form-list .field {
	max-width: 50%;
}
.fc-form-wide .firecheckout-set .address-section .form-list .wide,
.fc-form-wide .firecheckout-set .address-section .form-list .field {
	max-width: 70%;
}
@media (max-width: 480px) {
	.firecheckout-set .address-section .form-list .wide,
	.firecheckout-set .address-section .form-list .field,
	.fc-form-wide .firecheckout-set .address-section .form-list .wide,
	.fc-form-wide .firecheckout-set .address-section .form-list .field {
		max-width: none;
	}
}

.firecheckout-set .form-list select {
	margin: 0;
}

/* Buttons */
.firecheckout-set .step-buttons-set {
	border: none;
	text-align: right;
	margin: 1em 0 0;
	padding: 0;
}
.firecheckout-index-index .step-buttons-set button.button {
	background-color: var(--checkout);
	font-size: 15px;
	line-height: 34px;
}
.firecheckout-index-index .step-buttons-set button.button:hover,
.firecheckout-index-index .step-buttons-set button.button:focus {
	background-color: var(--checkouthover);
}
.firecheckout-index-index .step-buttons-set button.loading,
.firecheckout-index-index .step-buttons-set button.loading:hover,
.firecheckout-index-index .step-buttons-set button.loading:focus {
	background-color: var(--checkouthover);
}
.firecheckout-index-index .step-buttons-set button.edit {
	background-color: var(--bgcolor);
}
.firecheckout-index-index .step-buttons-set button.edit:hover,
.firecheckout-index-index .step-buttons-set button.edit:focus {
	background-color: var(--bgcolor);
}
.firecheckout-index-index .step-buttons-set button.disabled,
.firecheckout-index-index .step-buttons-set button.disabled:hover,
.firecheckout-index-index .step-buttons-set button.disabled:focus {
	background-color: var(--border);
}

/* Buttons loading state */
.firecheckout-set .step-buttons-set button .fc-spinner {
	display: block;
}
.firecheckout-set .step-buttons-set button.loading {
	padding-right: 57px;
}

/* Reset inherited styles */
.checkout-title {
	border: none;
}

.firecheckout-section + .firecheckout-section {
	margin-top: 20px;
}
.firecheckout-section .block-title {
	background: none;
	border: none;
	height: auto;
	line-height: normal;
	overflow: visible;
	padding: 0;
	text-transform: none;
	font-weight: normal;
	font-size: 22px;
}
.firecheckout-section .block-content {
	padding: 0;
}

.firecheckout-section .block-title,
.firecheckout-section .firecheckout-section .block-title,
.firecheckout-section .block-subtitle,
.firecheckout-set .block-content,
#customerbalance_placer,
#reward_placer,
.checkout-onepage-payment-additional-amstcred-customerbalance,
.firecheckout-set .discount-block.form-list,
.firecheckout-set #checkout-review-submit,
.firecheckout-set #checkout-payment-method-load,
.firecheckout-set .checkout-agreements,
.firecheckout-set #checkout-review #checkout-additional .block-content,
.firecheckout-set #checkout-review .firecheckout-items-after,
#addresses-review {
	padding: 15px;
}

.firecheckout-set .form-list .wide .field,
.firecheckout-set .form-list .wide .input-box {
	width: 100%;
}

#billing-address > .block-title,
#shipping-method > .block-title,
#payment-method > .block-title {
	display: flex;
	align-items: center;
}

/* form fill status styles */
.formfill-section > .block-title {
	position: relative;
}
.formfill-section > .block-title:before {
	display: none;
	content: " ";
	color: var(--white);
	width: 17px;
	height: 17px;
	box-sizing: content-box;
	text-align: center;
	background-size: 17px 17px;
}

#payment-method .sp-methods dd ul {
	padding: 5px 20px 5px 24px;
}

.formfill-section.filled > .block-title:before {
	display: inline-block;
}
@media (max-width: 480px) {
	.formfill-section > .block-title {
		transition: padding 100ms linear;
	}
	.formfill-section.filled > .block-title {
		padding-left: 22px !important;
	}
	.formfill-section > .block-title:before {
		left: 0;
		margin-right: 3px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.formfill-section > .block-title:before {
		background-image: url(../images/ios7-checkmark-outline@2x.png);
	}
}

/* Layout */
.firecheckout-section .onecolumn {
	float: left;
	width: 64%;
	position: relative;
}
.onecolumn-aside {
	float: right;
	width: 35%;
}

/* Sidebar */
#order-total-clone {
	border: none;
}
#order-total-clone .a-right {
	text-align: left !important;
}
#order-total-clone td,
#order-total-clone th {
	padding: 5px;
	white-space: normal;
	border: none;
}
#order-total-clone .summary-details {
	display: none;
}
#order-total-clone tr.summary-total {
	cursor: default;
}
#order-total-clone tr.summary-total .summary-collapse,
#order-total-clone tr.summary-total span {
	cursor: text;
}
#order-total-clone tr.summary-total .summary-collapse {
	background: none;
	padding: 0;
	float: none;
	text-align: left;
}
.summary-total td.tool img {
	vertical-align: unset !important;
}
#order-total-clone tfoot {
	border: none;
}
#order-total-clone tfoot tr {
	background: none !important;
}
#order-total-clone tfoot tr.first td {
	background: none;
	border: none;
}

/* Checkout Steps */
.firecheckout-set .step {
	border-radius: 4px;
	border: 1px solid var(--border);
	padding: 30px 40px 20px;
	margin: 0 0 30px;
}
.onecolumn .step {
	display: none;
	background: var(--white);
	width: 100%;
}
.onecolumn .step-content {
	position: relative;
}
.onecolumn .step-mask {
	background: var(--offwhite);
	z-index: 5;
	position: absolute;
	border-radius: 4px;
	top: -30px;
	bottom: 0;
	left: -40px;
	right: -40px;
	display: none;
}
.onecolumn .current,
.onecolumn .activated,
.onecolumn .completed {
	display: block;
}
.onecolumn .current {
	background: var(--navfont2);
}
.onecolumn .step .edit {
	display: none;
}
.onecolumn .step.completed .step-mask {
	display: block;
}
.onecolumn .step.completed .next {
	display: none;
}
.onecolumn .step.completed .edit {
	display: inline;
}

.expanded .step {
	display: block;
}
.expanded .current {
	background: var(--white);
}
.expanded .step .next,
.expanded .step.completed .edit {
	display: none;
}
.expanded .step-mask {
	display: none;
}

/* Step name */
.mode-login .field-confirm-password {
	display: none;
}
.step-name .btn-login,
.mode-login .next {
	display: none !important;
}
.step-name.mode-login .btn-login {
	display: inline !important;
}
.step-name .link-forgot-password {
	display: none;
}
.step-name.mode-login .link-forgot-password {
	display: block;
}
.hidden-registration {
	display: none;
}
.mode-login .hidden-registration {
	display: block;
}
#register-customer-checkbox,
#guest-customer-checkbox {
	margin: 5px 0;
}

/* iPad works with this only! */
/* Mac with Safari doesn't work without display:none! */
#register-customer-password.fc-pw-hidden {
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
}
#register-customer-password.fc-pw-hidden .field-confirm-password {
	display: none;
}

/* Mac Safari works with this only! */
/* iPad does not work with this code! */
.mac.safari #register-customer-password.fc-pw-hidden {
	display: none;
}

/* Address */
.firecheckout-index-index #shipping-address {
	margin-top: 15px;
}

/* Shipping and Payments */
.firecheckout-set #shipping-method-reset,
.firecheckout-set #payment-method-reset {
	right: 10px;
}

.firecheckout-set #checkout-payment-method-load {
	padding: 0;
}

.firecheckout-set .step-shipping-payment-method .col-1,
.firecheckout-set .step-shipping-payment-method .col-2 {
	width: 47.5%;
}

/* Additional fields */
.firecheckout-set .form-comment .wide .input-box textarea {
	max-width: 100%;
}

/* Review */
.firecheckout-set #checkout-review #checkout-additional {
	border: none;
}
.expanded #checkout-review #checkout-additional {
	background: none;
}
.firecheckout-set .checkout-agreements {
	border: none;
}
#addresses-review {
	border: none;
}

.step-review .firecheckout-section .block-title,
.step-review .firecheckout-section .firecheckout-section .block-title,
.step-review .firecheckout-section .block-subtitle,
.step-review .firecheckout-section .block-content,
.step-review .firecheckout-section .checkout-agreements,
.step-review .firecheckout-section #checkout-review-submit,
.firecheckout-set #checkout-review-table-wrapper,
.firecheckout-set #checkout-review .firecheckout-items-after,
#addresses-review {
	padding-left: 0;
	padding-right: 0;
}

.firecheckout-section .data-table thead,
.firecheckout-section .data-table th,
.firecheckout-section .data-table td,
.firecheckout-section .data-table tfoot tr,
.firecheckout-section .data-table tr.odd,
.firecheckout-section .data-table tr.even {
	background: none;
	border-left: none;
	border-right: none;
}
.firecheckout-section .data-table tfoot td,
.firecheckout-section .data-table tfoot th {
	border: none;
}
.firecheckout-section #checkout-review-table tfoot strong {
	font-size: 18px;
}

/* Label and field in one line */
.fc-form-horizontal .firecheckout-set .address-section .block-content,
.fc-form-horizontal .firecheckout-set .step-name .block-content {
	max-width: 70%;
}
.fc-form-horizontal .firecheckout-set .address-section .form-list .fields label,
.fc-form-horizontal .firecheckout-set .address-section .form-list .wide label,
.fc-form-horizontal .firecheckout-set .step-name .form-list .fields label,
.fc-form-horizontal .firecheckout-set .step-name .form-list .wide label {
	width: 120px;
}
.fc-form-horizontal
	.firecheckout-set
	.address-section
	.form-list
	.fields
	.field
	.input-box,
.fc-form-horizontal
	.firecheckout-set
	.address-section
	.form-list
	.wide
	.input-box,
.fc-form-horizontal
	.firecheckout-set
	.step-name
	.form-list
	.fields
	.field
	.input-box,
.fc-form-horizontal .firecheckout-set .step-name .form-list .wide .input-box {
	width: calc(100% - 130px);
}
.fc-form-horizontal .firecheckout-set .address-section .form-list .control,
.fc-form-horizontal .firecheckout-set .step-name .form-list .control {
	padding-left: 135px;
}
.fc-form-horizontal .fc-saved-address .control {
	padding-left: 4px !important;
}

@media (max-width: 1024px) {
	.firecheckout-set .step {
		padding: 20px 30px;
	}
}
@media (max-width: 800px) {
	.firecheckout-set .wide .input-text,
	.firecheckout-set .form-list .wide textarea,
	.firecheckout-set .form-list .wide li.wide textarea,
	.firecheckout-set .form-list .wide select,
	.firecheckout-set .form-list li.wide select,
	.firecheckout-set .form-list .wide input.input-text,
	.firecheckout-set .form-list li.wide input.input-text {
		width: 100%;
	}

	.firecheckout-set .step {
		padding: 20px 30px;
	}
	.onecolumn {
		float: none;
		width: auto;
	}
	.onecolumn-aside {
		display: none;
	}
}
@media (max-width: 480px) {
	.firecheckout-set .step {
		padding: 10px;
	}
	.step-name.mode-login .field-password,
	.field-email,
	.field-email .input-box {
		width: 100% !important;
		float: none !important;
	}

	/* make hint bottom positioned */
	.field-email .input-box[aria-label]:not([aria-label=""]) {
		margin-bottom: 40px;
	}
	.mode-login .field-email .input-box[aria-label]:not([aria-label=""]) {
		margin-bottom: 55px;
	}
	.field-email .hint--medium:after {
		width: 95%;
	}
	.field-email .hint--always:before {
		border-right-color: transparent;
		border-bottom-color: var(--navfont);
		margin-top: -11px;
		transform: translateY(8px);
	}
	.field-email .hint--always:before,
	.field-email .hint--always:after {
		margin-left: 0;
		margin-bottom: 0;
		top: 100%;
		left: 50%;
		bottom: auto;
		right: auto;
	}
	.field-email .hint--always:before {
		left: calc(50% - 6px);
		transform: translateY(8px);
	}
	.field-email .hint--always:after {
		transform: translateX(-50%) translateY(8px);
	}
}

/* Sections */
.fc-rtl .firecheckout-set #shipping-method-reset {
	right: auto;
	left: 15px;
}
.fc-rtl .firecheckout-set #payment-method-reset {
	right: auto;
	left: 15px;
}

/* Section numbers */
.fc-rtl #billing-address > .block-title::before,
.fc-rtl #shipping-method > .block-title::before,
.fc-rtl #payment-method > .block-title::before,
.fc-rtl #checkout-review > .block-title::before {
	margin: 0 0 0 5px;
}

/* Form */
.fc-rtl .firecheckout-set select,
.fc-rtl .firecheckout-set .form-list select {
	background-position: 0 50%;
	padding-left: 27px;
	padding-right: 7px;
}
.fc-rtl .fields .field {
	float: right;
}
.fc-rtl .firecheckout-set input[type="checkbox"] + label,
.fc-rtl .firecheckout-set input[type="radio"] + label {
	padding: 0 20px 0 0;
}
.fc-rtl .firecheckout-set input[type="checkbox"],
.fc-rtl .firecheckout-set input[type="radio"] {
	float: right !important;
	margin: 0 0 0 -20px !important;
}
.fc-rtl .firecheckout-set label input[type="checkbox"],
.fc-rtl .firecheckout-set label input[type="radio"] {
	margin: 0 0 0 5px !important;
}

/* Form compact */
.fc-rtl .fc-form-compact .field:not(.control) label,
.fc-rtl .fc-form-compact .wide:not(.control) label,
.fc-rtl .fc-form-compact .captcha-input-container label {
	left: auto;
	right: 12px;
}
.fc-rtl .fc-form-compact .field .input-box select,
.fc-rtl .fc-form-compact .wide .input-box select,
.fc-rtl .fc-form-compact .field.fc-dirty .input-box select,
.fc-rtl .fc-form-compact .wide.fc-dirty .input-box select {
	padding-right: 7px !important;
	padding-left: 27px !important;
}

/* Checkbox and radio */
.fc-rtl .firecheckout-set input[type="checkbox"] + label,
.fc-rtl .firecheckout-set input[type="radio"] + label,
.fc-rtl .firecheckout-set input[type="checkbox"] + * + label,
.fc-rtl .firecheckout-set input[type="radio"] + * + label,
/* RWD fix */
.fc-rtl .firecheckout-set #checkout-shipping-method-load .sp-methods dd input + label,
.fc-rtl .firecheckout-set #checkout-shipping-method-load .sp-methods dd input + * + label {
	padding: 0 25px 0 0;
}

/* Layout */
.fc-rtl #firecheckout-form .col2-fire-set .col-fire-1 {
	float: right;
}
.fc-rtl #firecheckout-form .col2-fire-set .col-fire-2 {
	float: left;
}
.fc-rtl #firecheckout-form .col3-fire-set .col-fire-1,
.fc-rtl #firecheckout-form .col3-fire-set .col-fire-2 {
	float: right;
}
.fc-rtl #firecheckout-form .col3-fire-set .col-fire-2 {
	margin-left: 0;
	margin-right: 1%;
}
.fc-rtl #firecheckout-form .col3-fire-set .col-fire-3 {
	float: left;
}
.fc-rtl .firecheckout-set .col2-set .col-1 {
	float: right;
}
.fc-rtl .firecheckout-set .col2-set .col-2 {
	float: left;
}
@media (max-width: 800px) {
	.fc-rtl #firecheckout-form .col3-fire-set .col-fire-1,
	.fc-rtl #firecheckout-form .col3-fire-set .col-fire-2,
	.fc-rtl #firecheckout-form .col3-fire-set .col-fire-3,
	.fc-rtl #firecheckout-form .col2-fire-set .col-fire-1,
	.fc-rtl #firecheckout-form .col2-fire-set .col-fire-2 {
		width: auto;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
}

/* Review */
.fc-rtl #addresses-review .col-1,
.fc-rtl #addresses-review .col-2 {
	width: 49% !important;
	float: right !important;
	clear: none !important;
}
.fc-rtl #addresses-review .col-2 {
	float: left !important;
}
.fc-rtl
	.firecheckout-set
	#checkout-review
	#checkout-review-table
	tr
	td:first-child,
.fc-rtl
	.firecheckout-set
	#checkout-review
	#checkout-review-table
	tr
	th:first-child {
	border-right-width: 0;
	border-left-width: 1px;
}
.fc-rtl .firecheckout-set #checkout-review #checkout-review-table td.last,
.fc-rtl .firecheckout-set #checkout-review #checkout-review-table th.last,
.fc-rtl
	.firecheckout-set
	#checkout-review
	#checkout-review-table
	tr
	td:last-child,
.fc-rtl
	.firecheckout-set
	#checkout-review
	#checkout-review-table
	tr
	th:last-child {
	border-right-width: 1px;
	border-left-width: 0;
}
.fc-rtl .firecheckout-set #review-buttons-container {
	text-align: left;
}
.fc-rtl .firecheckout-set #review-buttons-container button.button {
	float: left;
}
.fc-rtl .firecheckout-set #checkout-review .collateral {
	padding: 0 5px 0 0;
}
.fc-rtl .qty-wrapper .qty-more {
	left: 0;
	right: auto;
}
.fc-rtl .qty-wrapper .qty-less {
	right: 0;
	left: auto;
}

/* Window */
.fc-rtl .firecheckout-window {
	text-align: right;
}
.fc-rtl .firecheckout-window .fc-window-title {
	text-align: right;
	padding: 15px 20px 15px 48px;
}
.fc-rtl .firecheckout-window .close {
	right: auto;
	left: 0;
}
.fc-rtl .firecheckout-window.has-scrollbar .close {
	right: auto;
	left: 17px;
}
.fc-rtl .firecheckout-window .buttons-set,
.fc-rtl .firecheckout-window .actionbar {
	text-align: left;
}

/* General */
.fc-rtl .firecheckout-login-wrapper {
	right: auto;
	left: 0;
}
.fc-rtl #shipping_form_delivery_date .delivery-date .input-text {
	margin-right: 0;
	margin-left: -23px;
}
.fc-rtl #shipping_form_delivery_date .delivery-date #delivery_date_button {
	position: relative;
}
.fc-rtl .sp-methods select.month {
	margin-right: 0;
}

/* Onecolumn layout */
.fc-rtl .onecolumn {
	float: right;
}
.fc-rtl .onecolumn-aside {
	float: left;
}
.fc-rtl .onecolumn-aside #order-total-clone .a-right {
	text-align: right !important;
}
.fc-rtl .onecolumn .formfill-section > .block-title::before {
	left: auto;
	right: -23px;
	margin-top: -9px !important;
}
@media (max-width: 800px) {
	.fc-rtl .onecolumn {
		float: none;
	}
}
@media (max-width: 480px) {
	.fc-rtl .onecolumn .formfill-section.filled > .block-title {
		padding-left: 0 !important;
		padding-right: 22px !important;
	}
	.fc-rtl .onecolumn .formfill-section > .block-title::before {
		left: auto;
		right: 0;
		margin-left: 3px;
	}
}
.fc-rtl .firecheckout-set .step-buttons-set {
	text-align: left;
}
.fc-rtl .firecheckout-set .step-buttons-set button.loading {
	padding-right: 15px;
	padding-left: 57px;
}
.fc-rtl .firecheckout-set .step-buttons-set button .fc-spinner {
	right: auto;
	left: 10px;
}

/* Sticky layout */
@media (min-width: 640px) {
	.fc-rtl
		.firecheckout-col2-set-sticky
		#firecheckout-form
		.col2-fire-set
		.col-fire-1,
	.fc-rtl
		.firecheckout-col2-set-sticky
		#firecheckout-form
		.col2-fire-set
		.col-fire-2,
	.fc-rtl
		.firecheckout-col2-set-sticky
		#firecheckout-form
		.col3-fire-set
		.col-fire-1,
	.fc-rtl
		.firecheckout-col2-set-sticky
		#firecheckout-form
		.col3-fire-set
		.col-fire-2,
	.fc-rtl
		.firecheckout-col2-set-sticky
		#firecheckout-form
		.col3-fire-set
		.col-fire-3 {
		width: 49.2%;
		float: right;
		clear: right;
	}
	.fc-rtl
		.firecheckout-col2-set-sticky
		#firecheckout-form
		.col2-fire-set
		#checkout-review,
	.fc-rtl
		.firecheckout-col2-set-sticky
		#firecheckout-form
		.col3-fire-set
		#checkout-review {
		width: 49.2%;
		right: auto;
		left: 0;
	}
}
/* Tablet layout */
@media (max-width: 800px) and (min-width: 640px) {
	.fc-rtl #firecheckout-form .col2-fire-set .col-fire-1,
	.fc-rtl #firecheckout-form .col2-fire-set .col-fire-2,
	.fc-rtl #firecheckout-form .col3-fire-set .col-fire-1,
	.fc-rtl #firecheckout-form .col3-fire-set .col-fire-2,
	.fc-rtl #firecheckout-form .col3-fire-set .col-fire-3 {
		width: 49.2%;
		float: right;
		clear: right;
	}
	.fc-rtl #firecheckout-form .col2-fire-set #checkout-review,
	.fc-rtl #firecheckout-form .col3-fire-set #checkout-review {
		width: 49.2%;
		right: auto;
		left: 0;
	}
}

.checkoutsuccess-mockup-board {
	padding: 5px;
	background-color: var(--transblack) !important;
	border: 1px solid var(--border);
}
.disabled.checkoutsuccess-mockup-board {
	opacity: 0.5;
}

.checkoutsuccess-mockup {
	width: 100%;
	clear: both;
	box-sizing: border-box;
}
.checkoutsuccess-mockup .chosen-choices {
	min-height: 60px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.checkoutsuccess-mockup.top {
	margin-bottom: 5px;
}
.checkoutsuccess-mockup.middleleft,
.checkoutsuccess-mockup.middleright {
	margin-bottom: 5px;
	clear: none;
	width: 49%;
}
.checkoutsuccess-mockup.middleleft .chosen-choices,
.checkoutsuccess-mockup.middleright .chosen-choices {
	min-height: 90px;
}

.checkoutsuccess-mockup.middleleft {
	float: left;
}

.checkoutsuccess-mockup.middleright {
	float: right;
}

.checkoutsuccess-mockup .copy-only li.search-choice {
	padding-right: 5px;
}

li.search-choice .name,
.checkoutsuccess-mockup .copy-only li.search-choice .search-choice-close {
	display: none;
}

.checkoutsuccess-mockup .chosen-choices li.search-choice {
	cursor: grab;
	cursor: -webkit-grab;
}

.checkoutsuccess-mockup .chosen-choices li.search-choice:hover {
	border: 1px solid var(--primary);
	box-shadow: var(--boxshadow);
}

li.search-choice.gu-mirror {
	cursor: move;
	list-style: none;
	font-size: 13px;
}

.disabled
	.checkoutsuccess-mockup
	.chosen-choices
	li.search-choice
	.search-choice-close,
.disabled .checkoutsuccess-mockup .chosen-choices li.search-choice {
	cursor: default;
}

#row_checkoutsuccess_mockup_available_blocks .note,
#row_checkoutsuccess_mockup_board .note,
#row_checkoutsuccess_mockup_preview .note {
	width: auto;
}

.connection-insecure #cs-preview-order-number {
	width: 150px;
}

.connection-insecure .https-warning {
	margin-left: 5px;
	background: url(../../../../../default/default/images/warning_msg_icon.gif)
		no-repeat 5px 6px !important;
	padding: 8px 8px 2px 26px;
}

.connection-insecure .https-warning a {
	color: var(--required);
	font-size: 0.95em;
	font-weight: bold;
}

/* -------------------------------------------- *
 * Checkout Agreements
 */
.checkout-agreements li {
	margin-bottom: 20px;
}

.checkout-agreements .agreement-content {
	max-width: 100%;
	margin-bottom: 10px;
	border: 1px solid var(--checkout);
	background: #f4f4f4;
	padding: 5px 5px 5px 15px;
}

.firecheckout-index-index .agreement-content p,
.firecheckout-index-index .agreement-content p.agree {
	padding: 10px;
}

.firecheckout-index-index .agreement-content label {
	font-weight: 700 !important;
}

/* -------------------------------------------- *
 * CVV Security Code
 */
.cvv-what-is-this {
	margin-left: 10px;
	font-size: 14px;
	line-height: 24px;
}

/* -------------------------------------------- *
 * Container
 */

.main-container,
.footer-container {
	position: relative;
	margin: 0 auto;
	width: 100%;
}

@media all and (max-width: 670px) {
	.main-container {
		padding: 0px;
	}
}

.main-container:after,
.footer-container:after {
	content: "";
	display: table;
	clear: both;
}

@media all and (min-width: 480px) {
	.main-container,
	.footer-container {
		padding-bottom: 20px;
	}
}
.footer-container {
	padding-top: 0px;
}

.footer-container .footer .cms-footer-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.footer-container ul.cms-footer-list {
	text-align: center;
}

.footer-container .cms-copyright {
	text-align: center;
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 5px;
}

.footer-container .social-links li img {
	margin: auto;
	width: 18px;
}

.footer-container .social-links li {
	width: 30px;
}

.footer-container ul.social-links {
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer-container .cms-copyright ul.payment-list {
	display: flex;
	justify-content: center;
}

/* -------------------------------------------- *
 * Column Layouts
 */
.main:after,
.col-wrapper:after {
	content: "";
	display: table;
}

.col-left,
.col-right,
.col-main {
	padding: 0 10px;
}
body.catalog-category-view .col-main {
	position: relative;
}

.col-left {
	width: 15%;
	padding-left: 0;
}

@media all and (max-width: 1269px) {
	.col-left {
		width: 20%;
	}
}

@media all and (max-width: 770px) {
	.col-left {
		width: 100% !important;
	}
}

.col-left img {
	max-width: 100%;
}

.col-right {
	width: 25%;
	padding-right: 0;
}

.col-right img {
	max-width: 100%;
}

.col-main {
	width: 85%;
}

@media all and (max-width: 1269px) {
	.col-main {
		width: 80%;
	}
}

.col1-layout .col-main {
	width: auto;
	padding: 0;
}

@media all and (max-width: 770px) {
	.col-left {
		float: none !important;
	}
}

.col2-left-layout .col-main {
	padding-right: 0;
}

@media all and (max-width: 770px) {
	.col2-left-layout .col-main {
		float: none;
	}
	.my-account {
		margin-left: 20px;
		margin-right: 20px;
	}
}

@media all and (max-width: 500px) {
	.my-account {
		margin-left: 0px;
		margin-right: 0px;
	}
}

.my-account a {
	text-decoration: underline;
}

.col2-right-layout .col-main {
	padding-left: 0;
}

.col3-layout .col-right {
	width: 20.83333%;
}
.col3-layout .col-wrapper {
	width: 79.16667%;
}
.col3-layout .col-wrapper .col-main {
	width: 73.68421%;
}
.col3-layout .col-wrapper .col-left {
	width: 26.31579%;
}

@media all and (max-width: 1000px) {
	.col3-layout .col-right {
		padding-left: 0;
		padding-right: 10px;
		width: 25%;
	}
	.col3-layout .col-wrapper {
		width: 100%;
	}
	.col3-layout .col-wrapper .col-main {
		width: 75%;
	}
	.col3-layout .col-wrapper .col-left {
		width: 25%;
	}
}
@media all and (max-width: 770px) {
	.col-left,
	.col-right,
	.col-main,
	.col1-layout .col-left,
	.col1-layout .col-right,
	.col1-layout .col-main,
	.col2-left-layout .col-left,
	.col2-left-layout .col-right,
	.col2-left-layout .col-main,
	.col2-right-layout .col-left,
	.col2-right-layout .col-right,
	.col2-right-layout .col-main,
	.col3-layout .col-wrapper .col-left,
	.col3-layout .col-right,
	.col3-layout .col-wrapper .col-main {
		padding: 0;
		margin-bottom: 10px;
		width: auto;
	}

	.col3-layout .col-wrapper {
		width: auto;
	}

	.col-main {
		width: auto;
		max-width: 2000px !important;
		margin: auto !important;
	}

	.col-main .col-left {
		padding: 0;
		/* On product listing pages, the left column gets moved inside col-main on small viewports */
	}
}

@media all and (max-width: 1034px) {
	.one-step-checkout .col-right,
	.one-step-checkout .col-left {
		width: 100% !important;
	}
}
/* Content Columns */

.col2-set {
	width: 100%;
}

.col2-set .col-1,
.col2-set .col-2 {
	width: 50%;
	padding: 20px;
}

.customer-account-login .col2-set .col-1,
.customer-account-login .col2-set .col-2 {
	width: unset;
}
@media all and (max-width: 770px) {
	.col2-set .col-1,
	.col2-set .col-2 {
		padding: 10px;
	}
	body.customer-account
		.default-mailing-billing-addresses
		.box-account
		.col2-set
		.col-2 {
		padding: 0px;
	}
}
.col2-set .col-1 {
	padding-left: 0;
}
.col2-set .col-2 {
	padding-right: 0;
}

@media all and (max-width: 479px) {
	.col2-set .col-1,
	.col2-set .col-2 {
		width: auto;
		border: 0;
		padding-right: 0;
		padding-left: 0;
	}
}
.col2-set .narrow {
	width: 33%;
}
.col2-set .wide {
	width: 65%;
}

.column-one-txt {
	text-align: center;
}

.column-wrapper {
	flex-wrap: wrap;
	display: flex;
}

product-shop {
	height: 195px;
}

.part-product-image {
	display: flex;
	justify-content: center;
	height: 80px;
}

/* overlay styling starts here */

.caption-overlay figure {
	/*this is the one block that couldn't be combined because it sets the width for the column or image. Caption-overlay-home uses the selector of 
	.column.caption-overlay-home to set the width of the columns. */
	max-width: 530px !important;
	text-align: left !important;
	border-top: none !important;
	color: white !important;
	position: relative !important;
	z-index: 1 !important;
	font-size: 2rem !important;
}

.caption-overlay-home figure {
	text-align: left !important;
	border-top: none !important;
	color: white !important;
	position: relative !important;
	z-index: 1 !important;
	font-size: 2rem !important;
	width: 100%;
}

.caption-overlay-home figure figcaption h2,
.caption-overlay figure figcaption h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	color: white;
	width: 100%;
	padding-top: 10px;
	padding-left: 10px;
}

@media all and (max-width: 500px) {
	.caption-overlay-home figure figcaption h2,
	.caption-overlay figure figcaption h2 {
		font-size: 15px;
	}
}

.caption-overlay-home figure figcaption > *,
.caption-overlay figure figcaption > * {
	z-index: 999999;
}

.caption-overlay-home:hover,
.caption-overlay:hover {
	opacity: 80%;
}

.caption-overlay-home,
.caption-overlay {
	position: relative;
	overflow: hidden;
	margin: 0px;
	display: inline-block;
}

.caption-overlay-home > figure figcaption h2::after {
	width: 100% !important;
}

.caption-overlay-home > figure figcaption h2::after,
.caption-overlay > figure figcaption h2::after {
	content: "";
	position: inherit;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
	background: rgba(0, 0, 0, 0.5);
	z-index: -1;
}

.caption-overlay-home > figure,
.caption-overlay > figure {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
}

.caption-overlay-home > figure figcaption h2::before,
.caption-overlay > figure figcaption h2::before {
	content: "";
	position: absolute;
	top: -20px;
	left: 0;
	width: 100%;
	height: 100%;
	background: inherit;
	background-attachment: fixed;
	filter: blur(4px);
	z-index: -1;
}

/* end overlay styling */

.main {
	max-width: calc(100% - 20%);
	margin: auto;
}

.col1-layout h1 :not(.hex-position) {
	margin: 20px auto 0.5em auto;
}

@media all and (max-width: 1800px) {
	.main {
		max-width: calc(100% - 5%);
	}
	.col2-left-layout .main,
	.cms-home .main,
	.catalog-product-view .main,
	.main:has(.category-products),
	.main:not(.resource-hub):has(.cat-wrapper),
	.main:has(.document-container),
	.category-resource-hub .main {
		max-width: 100% !important;
	}
}

@media all and (max-width: 1000px) {
	.main {
		max-width: 100%;
	}
}

@media all and (min-width: 2500px) {
	.main {
		max-width: 1700px;
	}
}

.col2-left-layout .main,
.cms-home .main,
.catalog-product-view .main,
.main:has(.category-products),
.main:not(.resource-hub):has(.cat-wrapper),
.main:has(.document-container),
.category-resource-hub .main {
	max-width: 100% !important;
}

@media all and (min-width: 2500px) {
	.col2-left-layout .main,
	.cms-home .main,
	.catalog-product-view .main,
	.main:has(.category-products),
	.main:not(.resource-hub):has(.cat-wrapper),
	.main:has(.document-container),
	.category-resource-hub .main {
		max-width: 2500px !important;
	}
}

.main {
	padding-left: 25px;
	padding-right: 25px;
	margin-right: auto;
	margin-left: auto;
}

@media all and (max-width: 1000px) {
	.main {
		padding-left: 10px;
		padding-right: 10px;
	}
}

.number {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	color: var(--secondary);
	font-size: 17px;
	font-style: normal;
	font-size: 17px;
	padding-left: 3px;
	margin-bottom: 10px;
	padding-bottom: 0px;
}

.parts-finder .number {
	color: var(--white);
}

.column_layout > .row {
	text-align: left;
	margin: 15px;
	padding: 7px 7px 0px 10px;
	flex-wrap: wrap;
}

.column_layout > .row > .parts-finder {
	flex-grow: 1;
	flex-shrink: 1;
}

@media all and (min-width: 1077px) {
	.column_layout > .row > .parts-finder {
		flex-grow: 0;
	}
}

/* -------------------------------------------- *
 * Top Container
 */
@media all and (min-width: 771px) {
	.top-container {
		max-width: 1260px;
		margin: 0 auto;
		padding: 0 30px;
	}
}
/* -------------------------------------------- *
 * Global Site Notice
 */
.global-site-notice {
	background: #676157;
	color: var(--navfont2);
	font-size: 11px;
}
.global-site-notice .notice-inner {
	padding-left: 120px;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	line-height: 11px;
	min-height: 40px;
	padding-top: 14.5px;
	padding-bottom: 14.5px;
	background-position: left;
	background-repeat: no-repeat;
}
.global-site-notice p {
	margin-bottom: 0;
}

/* -------------------------------------------- *
 * Promotional Message Banner
 */
.promo-msg {
	color: var(--primary);
	text-align: center;
	margin: 10px;

	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
}

/* -------------------------------------------- *
 * Grid
 */
.grid:after {
	content: "";
	display: table;
	clear: both;
}

/* -------------------------------------------- *
 * Messages
 */
.success {
	color: var(--primary);
}

.error {
	color: var(--primary);
	font-weight: 500;
}

.notice {
	color: var(--primary);
	font-weight: 500;
}

/* -------------------------------------------- *
 * Messages
 */
.messages {
	margin-bottom: 10px;
}

.messages li li {
	position: relative;
	margin-bottom: 5px;
	padding: 7px 10px 7px 20px;
	background: #f4f4f4;
	font-size: 15px;
}

.messages li li:before {
	top: 50%;
	left: 0;
	margin-top: -6px;
}

.messages .error-msg li {
	border: 2px dotted var(--required);
	padding: 15px;
	font-weight: 700;
	background-color: var(--navfont2);
	color: var(--required);
}

.messages .error-msg li:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid var(--primary);
	border-right: none;
}

.messages .notice-msg li {
	color: black;
	border-left: 5px solid var(--primary);
	background-color: #f9ebe6;
}

.messages .notice-msg li:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid var(--primary);
	border-right: none;
}

.messages .success-msg li {
	color: black;
	border-left: 5px solid var(--primary);
	background-color: var(--successbkg);
}

.messages .success-msg li:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid var(--primary);
	border-right: none;
}

@media all and (min-width: 915px) {
	.order-list-grid .col-1 {
		width: 30%;
	}

	.order-list-grid .col-2 {
		width: 50%;
		padding-right: 20px;
	}

	.order-list-grid .col-3 {
		clear: none;
		width: 20%;
		padding-top: 0;
	}
}
/* -------------------------------------------- *
 * Page Popup
 */
.page-popup {
	padding: 20px;
	background: #ffffff;
	height: auto;
}

.page-popup h1 {
	margin: 0 0 0.5em;
	font-size: 36px;
}

/* -------------------------------------------- *
 * Payment Methods
 */
.payment-methods {
	margin-bottom: 20px;
}

.payment-methods dt {
	padding: 5px 0;
}

.payment-methods dd {
	padding-top: 10px;
}

.payment-methods .form-list {
	position: relative;
	display: inline-block;
	max-width: 100%;
	margin: 5px 15px 15px;
	padding: 15px;
	border: 1px solid var(--border);
	background: #f4f4f4;
}

.payment-methods .form-list:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid var(--border);
	border-top: none;
	top: -11px;
	left: 30px;
}

.payment-methods .form-list:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid #f4f4f4;
	border-top: none;
	top: -10px;
	left: 30px;
}

.payment-methods .form-list li:last-child {
	margin-bottom: 0;
}
/* -------------------------------------------- *
 * Please Wait (Loading Indicator)
 */
.please-wait {
	display: inline-block;
	margin-left: 10px;
	margin-top: 5px;
	line-height: 24px;
	height: 24px;
	white-space: nowrap;
	/* Prevent the linebreak in the HTML from causing layout issues */
}
.please-wait img {
	float: left;
	margin-right: 5px;
	width: 24px;
}

.for-upsell {
	display: flex;
}

/* -------------------------------------------- *
 * Price Box - Standard
 */

.upsell-swiper-only .product-pricing,
.upsell-swiper-only .discount-qty.label,
.containing-related .product-pricing,
.containing-related .discount-qty.label,
.for-upsell .minimal-price,
.crosssell .product-pricing,
.crosssell .discount-qty.label {
	display: none;
}

.price-box {
	margin: 3px 0;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	display: flex;
	flex-direction: column-reverse;
}

span.discount-qty.label {
	color: #cf5050;
}

.price-box p {
	margin-bottom: 0;
}

.price-notice {
	color: #a0a0a0;
}

.price-box .price,
.price-box .label-name,
.price-box,
.how-many {
	color: var(--primary);
	font-size: 15px;
}

#block-related li span .price {
	font-size: 16px;
}

.discount-qty {
	margin-top: 24px;
}
@media all and (max-width: 1020px) {
	.discount-qty {
		margin-top: 0px;
	}
}

.price-each {
	margin-top: 2px;
}

.price-box .price,
.price {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.price-box .price-label {
	color: var(--secondary);
	white-space: nowrap;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.price-box .minimal-price-link {
	color: var(--primary);
	display: block;
	/* We want this to show on its own line, otherwise the layout looks funky */
}
.price-box .minimal-price-link .label {
	color: #a0a0a0;
}

/* -------------------------------------------- *
 * Price Box - Special
 */
.price-box .old-price,
.price-box .special-price {
	display: inline-block;
}

.price-box .old-price .price,
.price-box .special-price .price {
	display: inline-block;
}

.price-box .old-price .old-price {
	color: #a0a0a0;
	text-decoration: line-through;
}

.map-info .old-price .price {
	text-decoration: line-through;
}

.price-box .special-price {
	color: var(--primary);
}
.price-box .special-price .price-label {
	color: #d84d3c;
}

.related-swiper-only .old-price,
.upsell-swiper-only .old-price {
	display: none;
}

/* -------------------------------------------- *
 * Price Box - Taxes
 */
.price-box .price-excluding-tax,
.price-box .price-including-tax {
	display: block;
}

span.weee {
	display: block;
}

/* -------------------------------------------- *
 * Tier Prices
 */
.product-pricing,
.tier-prices,
.tier-prices-grouped {
	display: inline-block;
	background: var(--h1h2bottomborder);
	margin-top: 7px;
	padding: 3px;
}

.block-related .product-pricing,
.box-collateral .product-pricing {
	padding: 0px !important;
	width: 85%;
	margin: auto;
}

.product-pricing li,
.tier-prices li,
.tier-prices-grouped li {
	font-size: 12px;
}
.product-pricing .benefit,
.tier-prices .benefit,
.tier-prices-grouped .benefit {
	font-style: italic;
}
.product-pricing .price,
.tier-prices .price,
.tier-prices-grouped .price {
	font-weight: 500;
}

/* ============================================ *
 * Item Options
 * ============================================ */
.item-options {
	font-size: 14px;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
}
.item-options:after {
	content: "";
	display: table;
	clear: both;
}
.item-options dt {
	float: left;
	clear: left;
	font-weight: 00;
	padding-right: 5px;
}
.item-options dt:after {
	content: ": ";
}
.item-options dd {
	float: left;
	padding-left: 10px;
	margin: 0 0 6px;
}

.truncated,
.truncated a.dots {
	cursor: help;
}

.truncated a.details {
	cursor: help;
	height: 16px;
	line-height: 16px;
}
.truncated a.details:hover {
	text-decoration: none;
}

.truncated .truncated_full_value {
	position: relative;
	z-index: 300;
}

.truncated .truncated_full_value .item-options {
	display: none;
	position: absolute;
	z-index: 300;
	width: 200px;
	padding: 8px;
	border: 1px solid var(--primary);
	background-color: #f6f6f6;
	top: 21px;
	left: -100px;
}
.truncated .truncated_full_value .item-options:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-bottom: 7px solid var(--primary);
	border-top: none;
	left: 97px;
	top: -7px;
}

.truncated .truncated_full_value .item-options > p {
	font-weight: 500;

	margin-bottom: 8px;
}

.truncated .show .item-options {
	display: block;
}

@media all and (max-width: 479px) {
	.truncated {
		cursor: inherit;
	}
	.truncated a.details {
		display: none;
	}
	.truncated .truncated_full_value .item-options {
		display: block;
		position: static;
		z-index: 1;
		width: 100%;
		border: none;
		background-color: transparent;
	}
	.truncated .truncated_full_value .item-options p {
		float: none;
	}
	.truncated .truncated_full_value .item-options:after {
		display: none;
	}
}
/* -------------------------------------------- *
 * Printer Friendly Page
 */
.page-print {
	width: 6.5in;
	margin: 20px;
	background: #ffffff;
}

/* -------------------------------------------- *
 * Add to links
 */
.add-to-links {
	margin: 7px 0;
}
.add-to-links a {
	display: inline-block;
	padding: 0px 3px 3px;
}

.add-to-links .separator {
	display: none;
}

/* -------------------------------------------- *
 * Product Image
 */
.product-image,
.no-touch .product-img-box .product-image:not(.zoom-available):hover {
	position: relative;
	display: block;
}

@media all and (max-width: 770px) {
	body .product-img-box .product-image:hover {
		border-color: var(--h1h2bottomborder);
	}
}
.no-touch .product-image:hover {
	border-color: var(--primary);
}

/* -------------------------------------------- *
 * Ratings
 */
.ratings {
	margin: 7px 0;
}
.ratings .rating-box,
.ratings .rating-links {
	margin: 5px 0;
}
.ratings .rating-box {
	width: 65px;
	height: 13px;
	background-repeat: repeat-x;
	background-position: 0 -615px;
	overflow: hidden;
}
.ratings .rating-box .rating {
	float: left;
	height: 13px;
	background-repeat: repeat-x;
	background-position: 0 -600px;
}
.ratings .amount {
	display: block;
	margin: 5px auto;
}
.ratings .rating-links .separator {
	margin: 0 3px;
}

/* -------------------------------------------- *
 * Standard Formatted Text Block
 */

.std {
	padding-bottom: 10px;
}

.short-description .std {
	padding-bottom: 5px;
}

.product-view .two-column {
	padding-top: 20px;
}

@media all and (min-width: 950px) {
	.column.right-thin-border-product {
		border-right: 1px solid var(--border);
		padding-right: 20px;
	}
}

@media all and (min-width: 2000px) {
	.std {
		width: 100%;
		margin-top: 25px;
	}
}

.short-description .std {
	width: 100%;
	border-right: none;
}

.std p,
.cat-desc-head p {
	margin: 0 0 1em;
}

.std ol {
	list-style: decimal outside;
	margin-bottom: 1.5em;
}

.std ol li {
	margin-left: 1em;
}

.std ul {
	list-style: disc outside;
	margin-bottom: 1.5em;
}

.std ul li {
	margin-left: 1em;
}

.cat-desc-head {
	padding-bottom: 10px;
	margin: auto;
}

.cat-desc-head ol {
	list-style: decimal outside;
	margin-bottom: 1.5em;
}

.cat-desc-head ol li {
	margin-left: 1em;
}

.cat-desc-head ul {
	list-style: disc outside;
	margin-bottom: 1.5em;
}

.cat-desc-head ul li {
	margin-left: 1em;
}

.cat-desc-head .note {
	color: #a0a0a0;
	font-size: 13px;
}

/* -------------------------------------------- *
 * Tabs
 */
.tabs {
	margin-bottom: 10px;
	background: #ffffff;
}

/* -------------------------------------------- *
 * Toolbar
 */
.toolbar {
	margin-bottom: 15px;
	padding: 5px 10px 0px 10px;
}
.toolbar:after {
	content: "";
	display: table;
	clear: both;
}

.pager-no-toolbar {
	margin-bottom: 10px;
}

.pager-no-toolbar ~ .pager-no-toolbar {
	margin-top: 10px;
}

.toolbar,
.pager {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: var(--secondary);
	line-height: 30px;
	font-size: 12px;
	display: flex;
	justify-content: space-between;
}

.flex-spacing {
	flex-grow: 1;
}

@media all and (max-width: 980px) {
	.toolbar,
	.pager {
		font-family: sybillapro, Verdana, Arial, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: var(--secondary);
		line-height: 30px;
		font-size: 12px;
		display: flex;
		justify-content: center;
		gap: 20px;
	}

	.pager .limiter > label,
	.pager .limiter,
	.flex-spacing {
		display: none;
	}
}

.toolbar label,
.pager-no-toolbar label {
	font-weight: normal;
}

.sorter select,
.limiter select {
	color: var(--navfont);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 0px;
	border: none;
}

.sort-by select,
.limiter select {
	border: 1px solid var(--bgcolor);
}

@media all and (max-width: 770px) {
	.sort-by label {
		font-weight: bold;
		padding: 0px;
		font-size: 20px;
		color: var(--navfont) !important;
		text-align: center;
	}
}

#mobile-sorter .sorter {
	text-align: right;
}

#desktop-sorter .sorter {
	margin-bottom: 5px;
	top: -50px;
	right: 0;
}

.sort-by-accordion .sort-by-content {
	display: none;
	position: relative;
}

.sorter select:focus,
.limiter select:focus {
	outline: none;
}

.sort-div {
	position: relative;
	display: flex;
	justify-content: flex-end;
}

@media all and (min-width: 771px) {
	#desktop-sorter {
		display: block;
	}
	#mobile-sorter {
		display: none;
	}
	.mobile-sort {
		display: none;
	}
	.mobile-filter-sort {
		display: block;
	}
	#fs-button {
		display: none;
	}
	.mobile-state-box,
	.actions-mobile {
		display: none;
	}
	.desktop-state-box,
	.actions-desktop {
		display: block;
	}
	.currently h3 {
		display: none;
	}
	.currently #narrow-by-list .filter-button > dt,
	.block-layered-nav .block-content > dl > dt {
		font-weight: bold !important;
	}
}
@media all and (max-width: 770px) {
	#desktop-sorter {
		display: none;
	}
	#mobile-sorter {
		display: block;
	}
	.mobile-state-box {
		display: block;
		margin: auto;
		width: 100%;
	}
	.actions-mobile {
		display: block;
		flex: 1;
	}
	.currently h3 {
		display: block;
	}

	.desktop-state-box,
	.actions-desktop {
		display: none;
	}
	.fs-button-h3-container {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		border: 1px solid var(--border);
		background-color: var(--white);
		padding-block-end: 1px;
		padding-block-start: 1px;
		padding-inline-end: 6px;
		padding-inline-start: 6px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.close-button span {
		border: 1px solid var(--required);
		color: var(--required);
		padding-block-end: 1px;
		padding-block-start: 1px;
		padding-inline-end: 6px;
		padding-inline-start: 6px;
		margin-top: 5px;
		margin-bottom: 5px;
		display: inline-block;
	}
}

@media all and (max-width: 770px) {
	.flex-for-filtered {
		font-size: 18px;
	}
}

.sorter > .sort-by {
	height: 30px;
	display: flex;
	gap: 5px;
	align-items: center;
}

.sorter > .sort-by .sort-by-switcher {
	width: 30px;
	height: 30px;
	/* display: inline-block; */
}
.sorter > .sort-by .sort-by-switcher--asc {
	background-position: 4px -542px;
}
.sorter > .sort-by .sort-by-switcher--asc:hover {
	background-position: -46px -542px;
}
.sorter > .sort-by .sort-by-switcher--desc {
	background-position: 4px -567px;
}
.sorter > .sort-by .sort-by-switcher--desc:hover {
	background-position: -46px -567px;
}

.sorter > .view-mode .grid,
.sorter > .view-mode .list {
	width: 30px;
	height: 30px;
}
.sorter > .view-mode .grid {
	margin-right: 5px;
	background-position: 8px -492px;
}
.sorter > .view-mode strong.grid,
.sorter > .view-mode a.grid:hover {
	background-position: -42px -492px;
}
.sorter > .view-mode .list {
	background-position: 11px -517px;
}
.sorter > .view-mode strong.list,
.sorter > .view-mode a.list:hover {
	background-position: -39px -517px;
}

.pager {
	float: right;
	overflow: hidden;
}
.pager > .count-container {
	float: left;
}
.pager .amount {
	float: left;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	white-space: nowrap;
	margin: 0 15px 0 0;
	font-size: 16px;
}
.pager .limiter {
	float: left;
	height: 30px;
	line-height: 30px;
}
.pager .limiter > label {
	padding-right: 5px;
}
.pager .limiter > label:after {
	content: " | ";
}
.pager .amount,
.pager .limiter,
.pager .pages {
	margin-bottom: 5px;
}

.pages {
	float: right;
	overflow: hidden;
	margin-left: 15px;
}
.pages strong {
	display: none;
}

.pages ol {
	display: flex;
	align-items: end;
}

p.page-font-space {
	line-height: 29px;
	cursor: pointer;
}

.pages a {
	display: inline-block;
	border: 0;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	line-height: 30px;
	width: 30px;
	height: 30px;
	padding: 0;
	color: var(--secondary);
	border: 1px solid var(--secondary);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	transition: all 2000 ease-in;
	margin-right: 3px;
}

.pages .current {
	display: inline-block;
	border: 0;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	line-height: 30px;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 1px solid var(--primary);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	margin-right: 3px;
	color: var(--primary);
}

.pages a:hover,
.pages .current:hover,
.pages .next:hover,
.pages .previous:hover {
	color: var(--primary);
	width: 30px;
	height: 30px;
	cursor: default;
	text-decoration: none;
	border-color: var(--primary);
}

.pages .next,
.pages .previous {
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	background-color: transparent;
	position: relative;
}
.pages .next:hover,
.pages .previous:hover {
	color: var(--primary);
	border-color: var(--primary);
	width: 30px;
	height: 30px;
}

.pages .next:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid var(--secondary);
	border-right: none;
	top: 50%;
	margin-top: -3px;
	left: 50%;
	margin-left: -2px;
}
.pages .next:hover:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid var(--primary);
	border-right: none;
}

.pages .previous:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 4px solid var(--secondary);
	border-left: none;
	top: 50%;
	margin-top: -3px;
	left: 50%;
	margin-left: -2px;
}
.pages .previous:hover:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 4px solid var(--primary);
	border-left: none;
}

/* ============================================ *
 * Tax - Full Tax Summary
 * ============================================ */

#checkout-review-table td.shipping-row,
#checkout-review-table td.subtotal {
	text-align: right;
}

#shipping-cost td {
	font-size: 14px !important;
}
#checkout-review-table .summary-collapse,
#shopping-cart-totals-table .summary-collapse,
body.customer-account .data-table .summary-collapse {
	position: relative;
	cursor: pointer;
}
#checkout-review-table .summary-collapse:before,
#shopping-cart-totals-table .summary-collapse:before,
body.customer-account .data-table .summary-collapse:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-top: 7px solid var(--primary);
	border-bottom: none;
	position: static;
	display: inline-block;
	margin-right: 5px;
}
#checkout-review-table .summary-collapse:hover:before,
#shopping-cart-totals-table .summary-collapse:hover:before,
body.customer-account .data-table .summary-collapse:hover:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-top: 7px solid #246b8f;
	border-bottom: none;
	position: static;
	display: inline-block;
	margin-right: 5px;
}
#checkout-review-table .show-details .summary-collapse:before,
#shopping-cart-totals-table .show-details .summary-collapse:before,
body.customer-account .data-table .show-details .summary-collapse:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-bottom: 7px solid var(--primary);
	border-top: none;
	position: static;
	display: inline-block;
	margin-right: 5px;
}
#checkout-review-table .show-details .summary-collapse:hover:before,
#shopping-cart-totals-table .show-details .summary-collapse:hover:before,
body.customer-account .data-table .show-details .summary-collapse:hover:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-bottom: 7px solid #246b8f;
	border-top: none;
	position: static;
	display: inline-block;
	margin-right: 5px;
}

#shopping-cart-totals-table tfoot td .summary-collapse:before,
#shopping-cart-totals-table tfoot td .summary-collapse:hover:before {
	margin-bottom: 5px;
}

.cart .cart-totals table tfoot .tax-calc-msg {
	font-size: 14px;
}

.grand-total-update strong {
	font-size: 24px;
	font-weight: 500 !important;
}

/* ============================================ *
 * Magento Helpers
 * ============================================ */
.a-center {
	text-align: center;
}

.a-right,
.align-right {
	text-align: right;
}

.nobr,
.nowrap {
	white-space: nowrap;
}

.width-full {
	width: 100%;
}

/* ============================================ *
 * Custom Helpers
 * ============================================ */
.hidden {
	display: none;
}

/* ============================================ *
 * Print Styles
 * ============================================ */
.page-print .print-head {
	margin: 0 0 15px;
}

.page-print .print-head .logo {
	float: none;
	max-height: 50px;
	width: auto;
}

/* ============================================ *
 * FORMS - COMMON
 * ============================================ */
/* -------------------------------------------- *
 * Fieldsets
 */
.fieldset p {
	margin-bottom: 7px;
	font-weight: bold;
}
.fieldset p.required {
	margin-bottom: 5px;
	float: right;
	font-size: 12px;
	margin-top: 0px;
}

.col-2.registered-users .fieldset p.required {
	float: none !important;
}

.account-create .form-list .control input.checkbox {
	float: none !important;
	margin-top: 6px !important;
	margin-left: 0px !important;
	margin-right: 3px !important;
}

.account-create .fieldset p.required {
	float: none !important;
}

.fieldset + .fieldset {
	margin-top: 5px;
}

form .legend {
	margin: 0;
	margin-bottom: 10px;
	color: var(--secondary);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
	line-height: 1.4;
	text-rendering: optimizeSpeed;

	margin-bottom: 15px;
	padding-bottom: 7px;
	border-bottom: 1px solid var(--h1h2bottomborder);
}

/* -------------------------------------------- *
 * Input Box
 */
.input-box {
	padding-top: 0px;
}
.input-box:after {
	content: "";
	display: table;
	clear: both;
}

li.centinel-logos div.input-box img {
	display: inline;
	vertical-align: middle;
}

/* For adjacent select inputs. */
/* Example: credit card expiration month and year. */
.input-box .v-fix {
	float: left;
	margin-right: 5px;
	max-width: 100%;
}

.ccflex .input-box {
	justify-content: left;
}
/* -------------------------------------------- *
 * Labels
 */
label {
	font-size: 16px;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

label.required em,
span.required em {
	display: none;
}

.customer-account-login label.required em,
.customer-account-login span.required em {
	display: inline-block;
	margin-right: 5px;
}

body.customer-account label.required em,
body.customer-account span.required em {
	display: inline;
	margin-right: 5px;
}

.account-edit {
	display: flex;
	align-items: center;
	gap: 10px;
}

.contact-info-account-form-container .account-edit,
.contact-address-form-container .account-edit {
	flex-direction: column;
	align-items: baseline;
	gap: 0px;
	margin-bottom: 15px;
}

/* -------------------------------------------- *
 * Hints
 */
.input-hint {
	color: #a0a0a0;
	font-size: 12px;
}

/* -------------------------------------------- *
 * Select
 */
select {
	font-size: 14px;
}

select + select {
	margin-left: 5px;
}

select[multiple] {
	width: 270px;
	border: 1px solid silver;
	font-size: 15px;
	padding: 5px;
}

/* -------------------------------------------- *
 * Textarea
 */
textarea {
	box-sizing: border-box;
	width: 100%;
	max-width: 450px;
	padding: 5px;
}

.contact-wrapper textarea {
	max-width: none;
}

.contact-wrapper input::-moz-placeholder {
	color: #a0a0a0;
}

.contact-wrapper input::placeholder {
	color: #a0a0a0;
}

/* -------------------------------------------- *
 * Inputs
 */
.input-text {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 2px;
	border: 1px solid var(--border);
	background: #ffffff;
	font-size: 17px;
}
.input-text:focus {
	border: 1px solid var(--secondary);
}

.validation-failed {
	border: 2px solid var(--required) !important;
}

.validation-failed:focus {
	outline-color: #ef9384 !important;
}

input[type="email"],
input[type="search"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"] {
	width: 245px;
	max-width: 100%;
	height: 30px;
	padding: 0 8px;
}

/* Only show on iPhones (not iPads or any other device) */
@media all and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 0) {
	input[type="email"],
	input[type="search"],
	input[type="number"],
	input[type="password"],
	input[type="tel"],
	input[type="text"],
	select {
		font-size: 16px;
		/* Prevent from zooming on focus */
	}
}
.ie8 .input-text {
	max-width: none;
}

/* -------------------------------------------- *
 * Inputs - Quantity
 */
input[type="number"].qty,
input[type="text"].qty {
	width: 6em;
	text-align: center;
	vertical-align: middle;
}

/* -------------------------------------------- *
 * Placeholder
 */
::-webkit-input-placeholder {
	color: #a0a0a0;
}

input:-moz-placeholder {
	color: #a0a0a0;
}

/* -------------------------------------------- *
 * Checkbox And Radio
 */
.checkbox,
.radio {
	position: relative;
	top: -1px;
	display: inline-block;
}

.checkbox + label,
.radio + label {
	width: auto;
	max-width: 85%;
	padding: 0 0 0 8px;
	font-size: 16px;
	font-weight: normal;
	vertical-align: top;
	color: var(--secondary) !important;
}

/* -------------------------------------------- *
 * Validation
 */
p.required,
.validation-advice {
	padding-top: 5px;
	color: #df280a;
	font-size: 14px;
	padding-left: 5px;
}

/* ============================================ *
 * Form List
 * ============================================ */
.form-list > li {
	margin-bottom: 10px;
}
.form-list select {
	width: 365px;
	max-width: 100%;
}
.form-list .input-range .input-text {
	width: 74px;
}
.form-list .field,
.form-list .wide {
	margin-bottom: 10px;
}

/* Grouped Items Selector */
.all-rows:not(:last-child) {
	border-bottom: 1px solid var(--border);
}

.grouped-selection-wrapper {
	display: flex;
	width: 100%;
	gap: 10px;
	justify-content: space-around;
	flex-direction: column;
}

.swatch-label-container {
	display: flex;
	flex-direction: column;
	max-width: 66px;
}

img.color-swatch {
	margin: 0px 0px auto 0px;
	border: 1px solid var(--border);
	height: 58px;
	width: 58px;
}

.color-label {
	font-size: 11px;
	text-align: center;
}

.grouped-selection-wrapper .height-selector a {
	padding: 5px;
	margin-top: 0px;
	border: 2px solid var(--border);
	transition: all 0.2s ease-in-out;
	display: inline-block;
	color: var(--secondary);
}

.grouped-selection-wrapper .color-selector a {
	margin-top: 0px;
	transition: all 0.2s ease-in-out;
	display: inline-block;
	color: var(--secondary);
	text-align: center;
}

.current-unselect {
	padding: 5px;
	margin-top: 0px;
	border: 2px solid var(--primary);
	transition: all 0.2s ease-in-out;
	display: inline-block;
	color: var(--primary);
	text-decoration: underline;
}

.grouped-selection-wrapper a:hover,
.grouped-selection-wrapper a:focus {
	color: var(--primary);
	text-decoration: underline;
	border-color: 0.5px solid var(--primary);
}

.color-selector {
	display: inline-block;
	margin-bottom: 10px;
}

#color-selection .swatch-label-container.selected {
	border: 2px solid var(--primary);
	box-shadow: none;
	padding: 2px;
}

#color-selection .swatch-label-container.selected span {
	color: var(--primary);
}

#color-selection .swatch-label-container {
	border: 1px solid var(--border);
	box-sizing: border-box;
	padding: 3px;
	min-height: 100%;
}

#color-selection .swatch-label-container span {
	color: var(--secondary);
}

#color-selection .swatch-label-container:hover {
	border: 2px solid var(--primary);
	box-shadow: none;
	padding: 2px;
	color: var(--primary);
	text-decoration: none;
}

#color-selection .swatch-label-container span:hover {
	color: var(--primary);
}

.grouped-select {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 5px;
	margin-top: 5px;
}

.height-selector label,
.color-selector label,
.current-selector label {
	color: var(--navfont);
	font-weight: 700;
	border-bottom: 2px solid var(--border);
	margin-bottom: 5px;
}

.color-selector,
.current-selector {
	display: inline-block;
}

@media all and (max-width: 1340px) {
	.grouped-selection-wrapper {
		flex-direction: column;
	}
	.height-selector,
	.color-selector {
		width: 100%;
	}
}
.form-list .control {
	margin-left: 10px !important;
	margin-bottom: 10px !important;
}

.form-list .control div.input-box,
.sp-methods dt div.input-box,
#checkout-shipping-method-load .sp-methods dd div.input-box,
#co-shipping-method-form .sp-methods dd div.input-box,
.product-options ul.options-list div.input-box {
	display: inline;
	float: left;
}
.form-list .control div.input-box:after,
.sp-methods dt div.input-box:after,
#checkout-shipping-method-load .sp-methods dd div.input-box:after,
#co-shipping-method-form .sp-methods dd div.input-box:after,
.product-options ul.options-list div.input-box:after {
	display: none;
}
.form-list .control input.radio,
.form-list .control input.checkbox,
.sp-methods dt input.radio,
.sp-methods dt input.checkbox,
#checkout-shipping-method-load .sp-methods dd input.radio,
#checkout-shipping-method-load .sp-methods dd input.checkbox,
#co-shipping-method-form .sp-methods dd input.radio,
#co-shipping-method-form .sp-methods dd input.checkbox,
.product-options ul.options-list input.radio,
.product-options ul.options-list input.checkbox {
	float: left;
	margin-right: -40px;
	margin-top: 10px;
	margin-left: 15px;
}

.my-account .form-list .control input.radio,
.my-account .form-list .control input.checkbox {
	margin: 0;
	float: none;
	top: 4px;
}

.col-2.registered-users .form-list .control input.checkbox {
	float: none !important;
	margin-top: 6px !important;
	margin-left: 0px !important;
	margin-right: 3px !important;
}

.col-2.registered-users .form-list .control {
	margin-left: 0px !important;
}

.sp-methods dt label,
.product-options ul.options-list label {
	color: var(--secondary);
	background-color: #f4f4f4;
	display: inline-block;
	width: auto;
	max-width: none;
	min-width: 250px;
	float: none;
	padding: 6px 10px 6px 40px;
}

.no-display {
	display: none !important;
}

.sp-methods dt label:hover,
#checkout-shipping-method-load .sp-methods dd label:hover,
.product-options ul.options-list label:hover {
	background-color: #ececec;
}
.form-list .control .no-display + label,
.sp-methods dt .no-display + label,
#checkout-shipping-method-load .sp-methods dd .no-display + label,
.product-options ul.options-list .no-display + label {
	padding-left: 10px;
	background-color: transparent;
}
.form-list .control .no-display + label:hover,
.sp-methods dt .no-display + label:hover,
#checkout-shipping-method-load .sp-methods dd .no-display + label:hover,
.product-options ul.options-list .no-display + label:hover {
	background-color: transparent;
}

.product-options ul.options-list label,
.col2-set .form-list .control label {
	min-width: inherit;
	width: 250px;
	max-width: 100%;
}

.form-list .control.remember-me-box label {
	width: auto;
	max-width: none;
	min-width: inherit;
}

.form-list .control {
	margin-top: 10px;
}
.form-list .control label {
	float: none;
}
.form-list .control .radio,
.form-list .control .checkbox {
	margin-right: 6px;
}
.form-list .control .input-box {
	clear: none;
	display: inline-block;
	width: auto;
	padding: 0;
}

form .form-instructions {
	font-style: italic;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 13px;
	color: #a0a0a0;
}

/* ============================================ *
 * Table Helpers
 * ============================================ */
.hide-th {
	text-indent: -9999px;
}

/* ============================================ *
 * Data Table
 * ============================================ */
/* .data-table {
	width: 100%;
} */

.data-table.cl.two {
	width: 100% !important;
}

.data-table.cl th {
	background-color: var(--primary);
	color: white;
}

.data-table.cl.two th {
	text-align: center;
}

.data-table.cl {
	border: 1px solid silver;
}

.data-table.cl tr:nth-child(odd) {
	background: #f4f4f4;
}

#square-beveled {
	margin-top: 15px;
	margin-bottom: 15px;
}

.data-table.cl.two {
	text-align: center;
}

@media all and (max-width: 1250px) {
	.data-table.cl.two {
		width: 100%;
	}
}

.data-table td,
.data-table th {
	padding: 10px;
	vertical-align: top;
}

.data-table th {
	background: #f4f4f4;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 500;
	font-style: normal;
	line-height: 1.4;
	white-space: nowrap;
}

.data-table th,
.data-table td {
	border-bottom: 1px solid var(--border);
}

.data-table tbody td,
.data-table tfoot td {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.data-table tfoot tr {
	background: #f4f4f4;
}

.data-table tbody td .item-options {
	margin-top: 10px;
}
.data-table tbody td .item-options dt:after {
	content: ":";
}

/* ============================================ *
 * Generic Info Table
 * ============================================ */
.info-box {
	border: 1px solid silver;
	padding: 12px 15px;
	margin: 0 0 15px;
}
.info-box h2 {
	font-weight: 500;
	font-size: 13px;
}

.info-table th,
.info-table td {
	vertical-align: top;
}

.info-table th {
	font-weight: 500;
	padding: 4px 20px 4px 0;
}

.info-table td {
	padding: 4px 0;
}

/* ============================================ *
 * Zebra-Stripe Table
 * ============================================ */
.zebra-table tr:first-child,
.zebra-table th:first-child {
	border-top: 1px solid silver;
}
.zebra-table td,
.zebra-table th {
	border-bottom: 1px solid silver;
	padding: 6px;
	background-color: transparent;
}
.zebra-table tr {
	background-color: #eeeded;
}
.zebra-table tr:nth-child(odd) {
	background-color: #f8f7f5;
}

/* ============================================ *
 * Global
 * ============================================ */
html,
body {
	height: 100%;
}

body {
	overflow: auto;
}

.calc-container {
	min-height: calc(100vh - 120px);
}

@media all and (max-width: 480px) {
	.calc-container {
		min-height: calc(100vh - 125px) !important;
	}
}

.wrapper {
	min-width: 320px;
	margin: 0 auto;
	background: #ffffff;
	min-height: 100%;
}

.title-of-webpage {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	text-align: center;
	font-size: 40px;
	color: var(--primary);
}

.flex-wrapper {
	width: 100%;
	background-color: white;
	z-index: 800000000000;
}

.page-header {
	padding: 0;
}

.page {
	min-height: 100%;
	width: 100%;
}

@media all and (min-width: 771px) {
	.page-header {
		margin: 0 auto;
	}

	.page-header-container {
		position: relative;
	}
}

.flex-header {
	display: inline-flex;
	position: static;
	z-index: 1000;
	background: rgb(255, 255, 255);
	width: 100%;
}

.header-language-container,
.page-header {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	font-style: normal;
}

@media all and (max-width: 770px) {
	.flex-header {
		border-bottom: 2px solid var(--h1h2bottomborder) !important;
	}
}

/* ============================================ *
 * Language switcher + welcome message
 * ============================================ */
.header-language-background {
	padding: 3px;
	background-color: var(--primary);
}
.header-language-background .header-language-container {
	margin-left: auto;
	margin-right: auto;
	padding-right: 20px;
}
.header-language-background:after {
	content: "";
	display: table;
	clear: both;
}
.header-language-background .form-language,
.header-language-background .currency-switcher {
	float: left;
	margin-right: 10px;
}
.header-language-background .welcome-msg {
	float: right;
}

.header-language-background-alt {
	padding: 10px;
	background-color: var(--checkout);
}
.header-language-background-alt .header-language-container-alt {
	margin-left: auto;
	margin-right: auto;
	padding-right: 20px;
}
.header-language-background-alt:after {
	content: "";
	display: table;
	clear: both;
}

.page-header-container .store-language-container {
	float: right;
	max-width: 35%;
	padding: 13px 15px 10px 10px;
}
.page-header-container .store-language-container label {
	display: none;
}
.page-header-container .store-language-container select {
	max-width: 100%;
}

@media all and (max-width: 479px) {
	.page-header-container .store-language-container {
		padding-top: 8px;
	}
	.page-header-container .store-language-container select {
		font-size: 12px;
	}
}
.header-language-background,
.header-language-background a {
	color: var(--navfont2);
}

/* contact form styling */
.category-title {
	display: none !important;
}
#df-contact-container {
	display: flex;
	box-sizing: border-box;
}
#df-contact-container * {
	box-sizing: border-box;
}
#df-contact-form {
	flex-basis: 100%;
}
#df-contact-sidebar {
	flex-basis: 40%;
	min-width: 350px;
	margin: 0 1em 1em;
}
#df-contact-sidebar div p {
	margin: 0;
}

#df-contact-form #df-header {
	color: white;
	background: #444 !important;
	max-width: 100% !important;
	text-align: center !important;
	font-size: 48px !important;
	font-weight: 900 !important;
	line-height: 1.4 !important;
	margin: 0 18px;
}
#df-contact-form input {
	height: 55px;
}
#df-contact-form .flex-container {
	display: flex;
	justify-content: space-around;
}
#df-contact-form .flex-container input,
#df-contact-form .flex-container textarea {
	font-size: 18px;
	padding: 0 6px;
	line-height: 1.6;
	margin: 0.5em 1em;
	flex-basis: 100%;
}
#df-contact-form button {
	font-size: 15px;
	font-weight: bold;
	margin: 0.5em 1.2em;
	background: #444;
	color: white;
	border: 0;
	outline: 0;
	padding: 12px 28px;
	border-radius: 2px;
	cursor: pointer;
}
.g-recaptcha {
	margin: 0 1.5em;
}
#df-contact-form .alert {
	background: #aeea00;
	margin: 2em;
	padding: 1em 0;
	color: #000000;
	font-size: 18px;
	text-align: center;
}
#df-contact-form .alert-danger {
	background: #ff8a80;
}

table.contacts {
	width: 100%;
}
table.contacts tr {
}
table.contacts tr td {
}
table.contacts tr td:first-child {
	text-align: right;
}
table.contacts tr td:last-child {
	padding-left: 8px;
}

/**
	  MOBILE
  */
@media only screen and (max-width: 768px) {
	#df-contact-container {
		display: block;
		max-width: 100%;
	}
	#df-contact-container div {
		max-width: 100%;
		float: none;
		display: block;
	}

	#df-contact-form .flex-container {
		display: block;
	}

	#df-contact-form .flex-container input,
	#df-contact-form .flex-container textarea {
		width: 90%;
	}

	#df-contact-form #df-header {
		margin: 0px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 1025px) {
	.text-size {
		font-size: 16px !important;
	}
	.resize-text {
		font-size: 17px !important;
	}
}

/* New Styles 6/16/default */

.contact-form-container {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 0px 15px 15px 15px;
	border-radius: 3px;
	border-style: solid;
	border-width: thin;
	border-color: #a6a6a6;
	max-width: 500px;
}

.contact-head {
	width: 100%;
}

.contact-subhead {
	width: 100%;
}

.contact-form-input {
	width: 100% !important;
	padding: 8px;
	border-radius: 3px;
	border-style: solid;
	border-width: thin;
	border-color: #a6a6a6;
	margin-bottom: 15px;
}

.large-input {
	min-height: 150px;
}

.dfcontactform-submit {
	width: 100%;
	min-height: 40px;
	padding: 15px;
	border-radius: 3px;
	border-style: solid;
	border-width: thin;
	border-color: #a6a6a6;
	color: white;
	background-color: var(--primary) !important;
	font-size: medium;
	margin-top: 15px;
}

.grouped-items-table-wrapper .add-to-cart-buttons {
	width: 100%;
	height: unset;
	margin-right: 0px !important;
}

.grouped-items-table-wrapper .qty-wrapper button {
	background-color: var(--navfont2);
	transition: ease-in-out 0.2s;
}

.grouped-items-table .name-wrapper {
	color: var(--primary);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.grouped-items-table-wrapper .qty-wrapper button:hover {
	background-color: var(--primarychat);
}

.grouped-items-table-wrapper .qty-wrapper button:before,
.grouped-items-table-wrapper .qty-wrapper button:after {
	background-color: var(--secondary);
}

.grouped-items-table-wrapper .qty-wrapper {
	background-color: unset;
}

.grouped-items-table-wrapper button.button.btn-cart {
	min-width: unset;
	padding: 0px !important;
}

.grouped-items-table-wrapper .qty-wrapper {
	max-width: 75%;
}

.all-rows {
	display: none;
}

@media all and (max-width: 1512px) {
	.grouped-items-table-wrapper .qty-wrapper {
		max-width: 100%;
	}
}

@media all and (max-width: 800px) {
	.grouped-items-table-wrapper .qty-wrapper {
		max-width: 75%;
	}
}
@media all and (max-width: 675px) {
	.product-view .add-to-cart-buttons .button {
		padding: 0px 20px;
	}
}

@media all and (max-width: 642px) {
	.grouped-items-table-wrapper .qty-wrapper {
		max-width: 100%;
	}
	.grouped-items-table-wrapper .name {
		width: 40%;
	}
}

@media all and (max-width: 479px) {
	.grouped-items-table-wrapper {
		margin-bottom: 15px;
	}
	.qty-wrapper button {
		padding: 5px;
	}
}

@media all and (max-width: 1021px) {
	.contact-container {
		justify-content: center;
	}
}

.contact-icon {
	width: 50px;
	height: 50px;
	margin: 10px;
}

@media (max-width: 500px;) {
	.contact-wrapper {
		width: 100%;
	}
}

.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.grouped-items-table-wrapper .data-table td {
	border: none;
}

.grouped-items-table-wrapper .add-to-cart span {
	line-height: 20px !important;
}

.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
.contact-container {
	display: flex;
	width: 100%;
	justify-content: end;
}

@media all and (max-width: 810px) {
	.contact-container {
		flex-direction: column;
		align-items: center;
	}
}

.g-recaptcha {
	margin-left: 5px;
	margin-right: auto;
}

.contact-info-item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	padding: 10px 0 10px 0;
}

@media (max-width: 500px) {
	.contact-wrapper {
		width: 100%;
	}
}

.contact-icon-desc {
	font-size: 18px;
	text-decoration: none;
	color: #636363 !important;
}

/* ============================================ *
 * Logo
 * ============================================ */

/* ============================================ *
 * Borders
 * ============================================ */
.top-border {
	padding-top: 10px;
	border-top: 2px solid var(--border);
}

.bottom-border {
	padding-bottom: 10px;
	border-bottom: 2px solid var(--border);
}

.left-border {
	padding-left: 10px;
	border-left: 2px solid var(--border);
}

.right-border {
	padding-right: 10px;
	border-right: 2px solid var(--border);
}

.top-thin-border {
	border-top: 1px solid var(--border);
	padding-top: 10px;
}

.bottom-thin-border {
	border-bottom: 1px solid var(--border);
	padding-bottom: 10px;
}

.left-thin-border {
	border-left: 1px solid var(--border);
	padding-left: 10px;
}

.right-thin-border {
	border-right: 1px solid var(--border);
	padding-right: 10px;
}

.all-border-thin {
	border: 1px solid var(--border);
	padding: 10px;
}

.all-border-thick {
	border: 2px solid var(--border);
	padding: 10px;
}

.top-border.bottom-border.left-border.right-border {
	margin: 10px;
}

@media all and (max-width: 950px) {
	.right-border,
	.left-border,
	.right-thin-border,
	.left-thin-border {
		border-right: none;
		border-left: none;
	}
}

@media all and (max-width: 600px) {
	.cat-desc-head .top-border,
	.cat-desc-head .bottom-border,
	.cat-desc-head .left-border,
	.cat-desc-head .right-border,
	.cat-desc-head .top-thin-border,
	.cat-desc-head .bottom-thin-border,
	.cat-desc-head .left-thin-border,
	.cat-desc-head .right-thin-border {
		flex: 1 2 20em;
	}
}

.inset-border {
	width: 95%;
}

.category-resources-hub .four-column,
.category-resource-hub .four-column,
.category-centre-de-ressources .four-column,
.category-centro-de-recursos .four-column {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-auto-rows: minmax(100px, auto);
	gap: 40px;
	justify-content: center;
}

.randomResourceCards .four-column {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: minmax(100px, auto);
	gap: 40px;
	justify-content: center;
}

.randomResourceCards .four-column .article-box h3 {
	margin-bottom: 0px;
}

.randomResourceCards .four-column .padding5.bottom-position {
	align-items: center;
}

.randomResourceCards .four-column .column.button-effect .button {
	display: flex !important;
	margin: 0px !important;
}

.randomResourceCards {
	border: solid 1px var(--primary);
	margin-top: 30px;
	padding: 20px;
}

@media all and (max-width: 1000px) {
	.randomResourceCards {
		padding: 10px;
	}
}

@media all and (min-width: 2000px) {
	.category-resources-hub .four-column,
	.category-resource-hub .four-column,
	.category-centre-de-ressources .four-column,
	.category-centro-de-recursos .four-column {
		grid-template-columns: repeat(6, 1fr);
		gap: 30px;
	}
}

@media all and (max-width: 1500px) {
	.category-resources-hub .four-column,
	.category-resource-hub .four-column,
	.category-centre-de-ressources .four-column,
	.category-centro-de-recursos .four-column {
		grid-template-columns: repeat(4, 1fr);
		gap: 20px;
	}
}

@media all and (max-width: 1048px) {
	.category-resources-hub .four-column,
	.category-resource-hub .four-column,
	.category-centre-de-ressources .four-column,
	.category-centro-de-recursos .four-column,
	.randomResourceCards .four-column {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
}

@media all and (max-width: 622px) {
	.category-resources-hub .four-column,
	.category-resource-hub .four-column,
	.category-centre-de-ressources .four-column,
	.category-centro-de-recursos .four-column,
	.randomResourceCards .four-column {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
}

.article-box .font12 {
	padding: 3px;
	font-size: 12px;
}

.square-box {
	height: 100%;
	width: 100%;
	margin: auto;
}

@media all and (max-width: 770px) {
	.square-box {
		height: 100%;
		width: 100%;
	}
}

.end-shapeL {
	width: 80px;
	height: 370px;
}

.end-shapeR {
	width: 80px;
	height: 370px;
}

.text-side {
	height: 342px;
	width: 40%;
}
.hex-grid {
	position: relative;
	display: inline-block;
	width: auto;
	margin: auto;
}

.text-side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: auto;
}

.hex-grid img {
	width: 594px;
}

.hex-position {
	display: flex;
	align-items: end;
	height: 380px;
	justify-content: center;
	margin-left: 2%;
	margin-right: 20px;
}

.option2-hex-slide .hex-grid {
	position: relative !important;
	margin: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 45%;
}

.option2-hex-slide .hex-grid img:nth-child(3),
.option2-hex-slide .hex-grid img:nth-child(4),
.option2-hex-slide .hex-grid img:nth-child(5) {
	position: static;
}

.option2-hex-slide .hex-grid img {
	border-radius: 50%;
}

.option2-hex-slide .hex-grid img:nth-last-child(-n + 6) {
	width: 205px;
	display: inline-block;
}
.option2-hex-slide .hex-grid > div {
	display: flex;
	flex-direction: column;
}

.option2-hex-slide .center-title {
	content: "";
	position: static;
	width: 100%;
	height: 5px;
	background: linear-gradient(
		to left,
		var(--checkouthover),
		var(--checkout),
		var(--navfont2),
		var(--navfont2),
		var(--checkout),
		var(--checkouthover)
	);
}

.option2-hex-slide .hex-grid img {
	width: 175px;
	display: inline-block;
}

.option2-hex-slide .hex-grid img:nth-child(6) {
	position: static;
}

.option2-hex-slide .hex-grid div:has(> img) {
	display: flex;
	margin: 0px !important;
	flex-direction: row;
	width: 100%;
	flex-wrap: wrap;
	gap: 5px;
	justify-content: space-between;
}

.hex-position > div {
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: center;
}

.option2-hex-slide .text-side {
	width: 50%;
}

.option2-hex-slide .hex-position > div {
	width: 90%;
}
.for-hex .banner-container-background:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.85;
	z-index: 0;
	z-index: 10;
	background: linear-gradient(
		to right,
		var(--primary) 0%,
		var(--gradient1) 90%,
		var(--gradient2) 100%
	);
}

.image-button .button,
.hex-position .button {
	font-size: 22px;
	padding: 10px 20px;
	color: var(--white);
	border: 2px solid var(--border);
	font-weight: 700;
	display: inline-block;
	width: 100%;
}

.image-button .button:hover,
.hex-position .button:hover {
	background-color: var(--offwhite);
}

.circle-container a {
	position: relative;
	width: 250px;
	height: 250px;
}

.hex-position h2 {
	color: var(--white);
	font-size: 30px;
}

.for-parts h2 {
	font-size: 55px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	text-align: left;
	color: var(--white);
}

.image-button h2 {
	color: var(--white);
	font-size: 55px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	text-align: left;
}
.hex-position .text-side h2 {
	font-size: 55px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	text-align: left;
	margin-bottom: 0px;
	margin-top: 0px;
	color: var(--white);
}

.image-button h2 {
	margin-bottom: 0px;
}

.image-button p {
	color: var(--white) !important;
	font-size: 25px;
}

.title-wrapper .button-container {
	padding: 0px;
}

.title-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	padding: 20px;
	border: 2px solid var(--white);
	overflow: hidden;
	background-color: var(--primarychat);
	width: 50%;
	height: 345px;
}

.title-wrapper div:first-of-type {
	gap: 10px;
}

.image-button-wrapper > div > div {
	z-index: 10;
	width: 80%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: start;
}

.image-button-wrapper div:nth-of-type(2) {
	position: absolute;
	right: 10%;
	top: 5%;
}

.image-button-wrapper p {
	text-align: left;
}

.center-title {
	position: absolute;
	top: 44.5%;
	right: 0;
	width: 100%;
	text-align: center;
	margin-bottom: 0px;
}

.center-title::before {
	content: "";
	position: absolute;
	top: 16px;
	left: 0%;
	width: 31%;
	height: 5px;
	background: linear-gradient(
		to left,
		var(--checkouthover),
		var(--checkout),
		var(--navfont2),
		var(--navfont2),
		var(--checkout),
		var(--checkouthover)
	);
}

.option2-hex-slide .center-title::before {
	display: none;
}

.option2-hex-slide .center-title::after {
	display: none;
}

.center-title::after {
	content: "";
	position: absolute;
	top: 16px;
	right: 0%;
	width: 31%;
	height: 5px;
	background: linear-gradient(
		to left,
		var(--checkouthover),
		var(--checkout),
		var(--navfont2),
		var(--navfont2),
		var(--checkout),
		var(--checkouthover)
	);
}

.hex-grid img:nth-child(3) {
	position: absolute;
	left: 0;
	top: 0;
}

.hex-grid img:nth-child(4) {
	position: absolute;
	top: 0;
	right: 0;
}

.hex-grid img:nth-child(5) {
	position: absolute;
	left: 0;
	bottom: 0;
}

.hex-grid img:nth-child(6) {
	position: absolute;
	right: 0;
	bottom: 0;
}

.hex-grid img:nth-last-child(-n + 4) {
	width: 25.2%;
}

@media all and (max-width: 1648px) {
	.option2-hex-slide .hex-position .text-side h2 {
		font-size: 45px;
	}
	.option2-hex-slide .hex-position .button {
		font-size: 20px;
		padding: 7px 17px;
	}
	.option2-hex-slide .hex-grid img:nth-last-child(-n + 6) {
		width: 170px;
	}
	.option2-hex-slide .hex-grid {
		width: 55%;
	}
	.option2-hex-slide .hex-position > div {
		gap: 30px;
	}
}

@media all and (max-width: 1238px) {
	.option2-hex-slide .hex-position > div {
		flex-direction: column;
	}
	.option2-hex-slide .text-side {
		width: 100%;
	}
	.option2-hex-slide .hex-grid {
		width: 80%;
		margin: 10px auto 0px auto;
	}
	.option2-hex-slide .hex-position > div {
		gap: 0px;
	}
	.option2-hex-slide .hex-grid img:nth-last-child(-n + 6) {
		width: 195px;
	}
	.option2-hex-slide .hex-position .text-side h2 {
		text-align: center;
	}
	.for-hex .banner-container-background:before {
		background: linear-gradient(
			to bottom,
			var(--primary) 0%,
			var(--gradient1) 90%,
			var(--gradient2) 100%
		);
	}
}

@media all and (max-width: 890px) {
	.option2-hex-slide .hex-grid img:nth-last-child(-n + 6) {
		width: 160px;
	}
	.option2-hex-slide .hex-position .text-side h2 {
		font-size: 30px;
	}
	.option2-hex-slide .hex-position .button {
		font-size: 18px;
		padding: 5px 15px;
	}
	.option2-hex-slide .hex-grid {
		margin: 0px;
		position: static !important;
	}
	.option2-hex-slide .hex-position .text-side h2 {
		width: unset;
		position: static;
	}
	.option2-hex-slide .hex-position div:nth-of-type(2) {
		display: block;
		width: 100%;
		position: static;
		height: unset;
		margin: 0px;
	}
	.option2-hex-slide .hex-position .button {
		position: static;
	}
	.option2-hex-slide .hex-position > div {
		align-items: center;
		gap: 10%;
	}
}

@media all and (max-width: 735px) {
	.option2-hex-slide .hex-grid {
		width: 100%;
	}
}

@media all and (max-width: 595px) {
	.option2-hex-slide .hex-grid img:nth-last-child(-n + 6) {
		width: 130px;
	}
	.option2-hex-slide .hex-position .text-side h2 {
		font-size: 25px;
	}
	.option2-hex-slide .hex-position .button {
		font-size: 15px;
		padding: 3px 12px;
	}
}

@media all and (max-width: 493px) {
	.option2-hex-slide .hex-grid img:nth-last-child(-n + 6) {
		width: 97px;
	}
}

.contact-bar-container img,
.banner-style-image {
	max-width: 146px;
	max-height: 85px;
	padding-top: 0px;
}

.contact-bar-container {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}

.contact-bar-display {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	background: var(--primary);
	padding: 0px 5px 5px 5px;
	border-radius: 5px;
}

.contact-bar-content {
	display: flex;
	justify-content: space-around;
	width: 100%;
	align-items: center;
	flex-wrap: wrap;
	margin-left: 15px;
}

.contact-bar-text {
	color: White !important;
	border-top-style: none;

	margin: 0;
}

.contact-bar-btn-container {
	display: flex;
	flex-wrap: wrap;
	background: #fff;
	justify-content: center;
	align-items: center;
	padding: 5px;
	min-width: 120px;
	min-height: 50px;
	margin: 10px;
	text-decoration: none;
	border-radius: 5px;
}

.contact-bar-btn {
	color: var(--secondary);
	font-size: 24px;
	width: 100%;
	text-align: center;
}

.contact-bar-text-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.contact-bar-btn:hover {
	text-decoration: none;
}

.img-container {
	margin: 5px;
}

.contact-bar-text {
	color: white !important;
	border-top-style: none;
	margin: 0;
}
.contact-bar-content {
	justify-content: space-around;
	width: 100%;
	align-items: center;
	flex-wrap: wrap;
	margin: auto;
	background-color: var(--primary);
	border-radius: 5px;
	padding: 0px 8px 8px 8px;
}
.contact-bar-btn-container {
	background: var(--checkout);
	padding: 5px;
	min-width: 145px;
	min-height: 50px;
	border-radius: 5px;
	width: 20%;
	text-align: center;
	border: solid 2px var(--navfont2);
}

@media all and (max-width: 610px) {
	.contact-bar-container img {
		width: 120px;
	}
	.contact-bar-text {
		font-size: 22px !important;
	}

	.contact-bar-btn {
		font-size: 20px !important;
	}
	.contact-bar-btn-container {
		min-width: 130px;
		min-height: 40px;
		padding: 3px !important;
	}
}

@media all and (max-width: 1054px) {
	.contact-bar-content {
		flex-direction: column;
	}
}
.contact-bar-btn {
	color: #ffff;
	font-size: 24px;
}
.contact-bar-btn-container:hover {
	text-decoration: none;
	background: var(--checkouthover);
}

.cart-totals-wrapper {
	max-width: 500px;
}

.cart-forms {
	max-width: 500px;
}

.cart.display-single-price {
	max-width: 1700px;
	margin: auto;
}

.contact-bar-btn:hover {
	text-decoration: none;
	color: #ffff;
}

h2.contact-bar-text.centered {
	padding: 4px;
}

h3.contact-bar-text.centered {
	padding: 4px;
}

.banner-style-1,
.banner-style-2,
.banner-style-3,
.banner-style-4 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: var(--primary);
	padding: 10px;
	justify-content: space-around;
	max-width: 1655px;
	margin: auto;
}

.banner-style-2,
.banner-style-3 {
	flex-direction: column;
}

.banner-style-2.row-images .banner-style-button {
	font-size: 18px;
	justify-content: center !important;
}

.banner-style-2.row-images {
	flex-direction: row;
	gap: 10px;
}

.banner-style-2.row-images {
	flex-wrap: nowrap;
}

.banner-style-2.row-images .banner-style-text {
	width: 30%;
	margin: auto 0px;
	gap: 5px;
}

.banner-style-2.row-images img {
	width: calc(33% - 5px);
}

.banner-style-2.row-images div:first-of-type,
.banner-style-2.row-images div:nth-of-type(3) {
	display: flex;
	gap: 10px;
	width: 34%;
}

.banner-style-2.row-images div:first-of-type {
	justify-content: start;
}

.banner-style-2.row-images div:nth-of-type(3) {
	justify-content: end;
}

@media all and (max-width: 1164px) {
	.banner-style-2.row-images h2 {
		font-size: 28px;
	}
	.banner-style-2.row-images h3 {
		font-size: 20px;
	}
	.banner-style-2.row-images .banner-style-button {
		font-size: 16px;
	}
}

@media all and (max-width: 1131px) {
	.banner-style-2.row-images div:first-of-type img:nth-of-type(3),
	.banner-style-2.row-images div:nth-of-type(3) img:nth-of-type(3) {
		display: none;
	}
	.banner-style-2.row-images img {
		width: calc(50% - 5px);
	}
}

@media all and (max-width: 922px) {
	.banner-style-2.row-images h2 {
		font-size: 24px;
	}
	.banner-style-2.row-images h3 {
		font-size: 18px;
	}
	.banner-style-2.row-images .banner-style-button {
		font-size: 14px;
	}
	.banner-style-2.row-images .banner-style-text {
		min-width: 234px;
	}
}

@media all and (max-width: 712px) {
	.banner-style-2.row-images h2 {
		font-size: 20px;
	}
	.banner-style-2.row-images h3 {
		font-size: 14px;
	}
	.banner-style-2.row-images .banner-style-button {
		font-size: 12px;
	}
}

@media all and (max-width: 694px) {
	.banner-style-2.row-images div:first-of-type img:nth-of-type(2),
	.banner-style-2.row-images div:nth-of-type(3) img:nth-of-type(2) {
		display: none;
	}
	.banner-style-2.row-images h2 {
		font-size: 24px;
	}
	.banner-style-2.row-images h3 {
		font-size: 18px;
	}
	.banner-style-2.row-images .banner-style-button {
		font-size: 14px;
		width: 100%;
	}
	.banner-style-2.row-images img {
		width: calc(100% - 5px);
	}
}

@media all and (max-width: 522px) {
	.banner-style-2.row-images div:first-of-type img:nth-of-type(3),
	.banner-style-2.row-images div:first-of-type img:nth-of-type(2) {
		display: block;
	}
	.banner-style-2.row-images {
		flex-direction: column;
	}
	.banner-style-2.row-images img {
		width: calc(33% - 5px);
	}
	.banner-style-2.row-images .banner-style-text {
		min-width: 100%;
	}
	.banner-style-2.row-images h2 {
		font-size: 20px;
	}
	.banner-style-2.row-images h3 {
		font-size: 15px;
	}
	.banner-style-2.row-images .banner-style-button {
		font-size: 13px;
	}
	.banner-style-2.row-images div:first-of-type {
		width: 100%;
	}
	.banner-style-2.row-images div:nth-of-type(3) {
		display: none;
	}
}

.banner-style-button {
	background-color: var(--checkout);
	border-radius: 5px;
	font-size: 24px;
	width: 100%;
	text-align: center;
	max-width: 235px;
	max-height: 50px;
	border: solid 2px var(--navfont2);
	padding: 5px;
	margin: auto;
}

.banner-style-button:hover {
	background-color: var(--checkouthover);
}

.banner-style-button a {
	color: #fff;
	text-align: center;
	text-decoration: none;
}

.banner-style-text {
	max-width: 800px;
	margin: auto;
	width: 70%;
	display: flex;
	flex-direction: column;
}

.banner-style-1 .banner-style-text {
	width: unset;
}

.banner-style-text h2 {
	text-align: center;
	font-size: xx-large;
	color: white;
	margin-bottom: 2px;
}

.banner-style-text h3 {
	text-align: center;
	color: white;
	margin-bottom: 2px;
}

.banner-style-4 .banner-style-text h3 {
	font-size: 24px;
}

.banner-style-1 h2 {
	text-align: center;
	font-size: xx-large;
}

.banner-style-3 > div:first-child {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.banner-style-4 .banner-style-text {
	width: unset;
}

@media all and (max-width: 949px) {
	.banner-style-1 h2 {
		font-size: 22px;
	}
	.banner-style-button {
		font-size: 22px;
	}
	.banner-style-1 .banner-style-image {
		margin: auto;
	}
}

@media all and (max-width: 719px) {
	.banner-style-button {
		font-size: 20px;
	}
	.banner-style-1 {
		flex-direction: column;
	}
	.banner-style-4 {
		flex-direction: column;
	}
}

@media all and (max-width: 440px) {
	.banner-style-1 h2 {
		font-size: 17px;
	}
	.banner-style-button {
		font-size: 17px;
	}
}

@media all and (max-width: 913px) {
	.banner-style-2 h3 {
		font-size: 16px !important;
	}
	.banner-style-2 h2 {
		font-size: 22px;
	}
}

@media all and (max-width: 659px) {
	.banner-style-2 .banner-style-button,
	.banner-style-3 .banner-style-button,
	.banner-style-4 .banner-style-button {
		max-width: 160px;
	}
}

@media all and (max-width: 557px) {
	.banner-style-2 h3 {
		font-size: 14px;
	}
	.banner-style-2 h2 {
		font-size: 18px;
	}
}

.banner-style-3 .banner-style-button {
	margin-top: 4px;
}

@media all and (max-width: 1040px) {
	.banner-style-3 h2 {
		font-size: 24px;
	}
	.banner-style-3 .banner-style-button {
		font-size: 22;
	}
}

@media all and (max-width: 800px) {
	.banner-style-3 h2 {
		text-align: center;
		font-size: 20px;
	}
	.banner-style-3 .banner-style-button {
		font-size: 18;
	}
	.banner-style-3 .banner-style-text {
		width: 100%;
	}
}

@media all and (max-width: 626px) {
	.banner-style-3 > div:first-child {
		flex-direction: column;
	}
	.banner-style-3 h2 {
		font-size: 18px;
	}
	.banner-style-3 .banner-style-image {
		margin: auto;
	}
	.banner-style-3 .banner-style-button {
		font-size: 16 !important;
	}
}

@media all and (max-width: 913px) {
	.banner-style-4 h3 {
		font-size: 20px;
	}
	.banner-style-4 h2 {
		font-size: 28px;
	}
}

@media all and (max-width: 557px) {
	.banner-style-4 h3 {
		font-size: 14px !important;
	}
	.banner-style-4 h2 {
		font-size: 22px !important;
	}
}

/* ============================================ *
 * Skip Links
 * ============================================ */
.skip-links {
	clear: both;
	overflow: hidden;
	border-top: 1px solid var(--h1h2bottomborder);
}

@media all and (min-width: 771px) {
	.skip-links {
		border: 0;
	}
}
/* -------------------------------------------- *
 * Skip - Link
 */
.skip-link {
	position: relative;
	background: #ffffff;
	color: var(--secondary);
	text-align: center;
}

.skip-link-sticky {
	background: #f1f1f1;
}

a.skip-link {
	text-decoration: none;
}

@media all and (max-width: 770px) {
	div#header-search.skip-active.skip-content {
		display: block;
		position: static !important;
		width: 100% !important;
		padding-bottom: 17px;
	}
}
.flex-header {
	flex-wrap: wrap;
}

.skip-links {
	position: static;
	width: 100%;
}

.skip-link {
	position: relative;
}

.skip-link:last-child {
	border-right: 0;
}
/* -------------------------------------------- *
 * Skip Link - Active
 */
@media all and (max-width: 770px) {
	.skip-link.skip-active {
		background: white;
		color: inherit;
	}

	.skip-link.skip-active span {
		color: inherit;
	}
}
/* -------------------------------------------- *
 * Skip Link - Icon
 */
.skip-link .icon {
	display: flex;
	width: 35px;
	height: 35px;
}

svg#cart-icon {
	width: 35px;
	height: 35px;
}

a.skip-cart:hover,
a.skip-cart span:hover {
	color: #9b9b9b !important;
}

.skip-link.skip-nav .icon,
.skip-link.skip-cart:not(.no-count) .icon {
	margin-right: 3px;
}

@media all and (min-width: 500px) {
	.skip-link .icon .phone-icon {
		margin-right: 3px;
	}
}

@media all and (max-width: 800px) {
	.skip-link .icon {
		vertical-align: baseline;
	}
}

@media all and (min-width: 880px) {
	.skip-link .icon {
		display: none;
	}
}

.phone-icon {
	margin-right: 30px !important;
	color: #999999 !important;
}

@media (min-width: 500px) {
	.telephone-icon-svg {
		display: none !important;
	}
}
.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
	fill: #9b9b9b;
	stroke-width: 2;
}

.mini-cart-header.mini-header .svg-icon path {
	fill: var(--secondary);
}

.svg-icon circle {
	stroke: #9b9b9b;
	stroke-width: 2;
}

@media all and (min-width: 501px) and (max-width: 770px) {
	.svg-icon {
		margin-top: 80px !important;
		margin: 30px;
	}
}

/* -------------------------------------------- *
 * Skip Link - Label
 */

@media all and (max-width: 1148px) {
	.skip-link .label {
		display: none !important;
	}
}

.skip-link .label {
	display: inline;
}
/* ============================================ *
 * Skip Content
 * ============================================ */

.block-cart.skip-content {
	width: 100%;
	display: block;
	background: white !important; /*--- for white background in cart-mini-- */
}

.skip-nav:not(.skip-active):hover {
	text-decoration: none;
}

.skip-nav .label {
	display: inline;
}

.skip-nav .icon {
	background-position: 4px 4px;
}

.user-icon {
	margin-left: 20px;
	top: 15px;
}

@media all and (min-width: 771px) {
	.user-icon {
		top: 30px !important;
	}
}
@media all and (min-width: 771px) {
	.icon-account {
		top: 30px !important;
	}
}

@media all and (min-width: 771px) {
	.skip-nav .label {
		display: none;
	}
}

@media (max-width: 850px) {
	.skip-nav .label {
		display: none;
	}
}
@media (max-width: 500px) {
	.skip-link .icon-menu {
		margin-top: 8px;
		margin-left: -90px;
	}
}

@media (max-width: 500px) {
	.welcome-msg {
		display: none;
		padding: 7px;
	}
}

.skip-account:hover {
	color: #9b9b9b !important;
}

/* ============================================ *
 * Nav - Skip Content
 * ============================================ */

@media all and (max-width: 879px) {
	div #header-nav.skip-content.skip-active {
		position: absolute !important;
		padding: 5px 0;
		top: 75px;
		height: -moz-fit-content;
		height: fit-content;
		left: 0 !important;
	}
}

@media all and (max-width: 879px) {
	#header-nav {
		transition: opacity 0.5s ease-in, transform 0.5s ease-in;
	}
}

@media all and (max-width: 500px) {
	div #header-nav.skip-content.skip-active {
		top: 52px;
		z-index: 900000;
	}
}

#header-account li:last-child a,
.nav-primary li.level0:last-child a.level0 {
	border-bottom: 0;
}

/* ============================================ *
 * General Navigation Styles
 * ============================================ */
.nav-primary a {
	text-decoration: none;
	position: relative;
	color: var(--secondary);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 17px;
	text-align: left;
}

@media all and (max-width: 1313px) {
	.nav-primary a {
		font-size: 15px;
	}
}

@media all and (max-width: 879px) {
	.nav-primary a {
		text-decoration: none;
		color: var(--navfont);
		font-family: sybillapro, Verdana, Arial, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 17px;
		line-height: 30px;
	}
}

@media all and (max-width: 1045px) {
	.nav-primary a {
		font-size: 15px;
	}
}
.nav-primary .menu-active > ul.level0,
.nav-primary li.level0 li.sub-menu-active > ul {
	display: block;
}

/* ============================================ *
 * Small Viewports - Accordion Style Menu
 * ============================================ */

/* ============================================ *
 * Large Viewports - Dropdown Menu
 * ============================================ */

/* Default styles for 1+ drop-down menus
Level 2+
Class for js to add briefly to evaluate element positioning. 
	Correct menus that will hang off the page (class added by js) 
	Level 1+ */

.nav-primary a.level0 {
	text-align: center;
}
.nav-primary li.level0,
.nav-primary a.level0 {
	display: inline-block;
}
.nav-primary li:last-child > a {
	border-bottom: none;
}

a.level0.has-children {
	padding-left: 5px;
}

.skip-account,
.nav-primary a,
.nav-primary li > a,
a.skip-cart,
a.skip-cart span,
h2.product-name a,
h3.product-name a,
h4.product-name a,
h5.product-name a,
p.product-name a,
.filtered .filter-positioned,
.searchbutton,
.for-related {
	transition: 250ms ease-in-out;
}

@media all and (min-width: 879px) {
	.nav-primary a:hover,
	.nav-primary li:hover > a {
		color: var(--primary);
	}
}
.nav-primary .menu-active {
	z-index: 200;
}
.nav-primary li.level0 ul {
	padding-bottom: -15px;
	left: 0;
	top: 30px;
	z-index: 10;
	width: 250px;
	display: none;
	margin-bottom: 5px;
	/* Hide until displayed. */
}
.nav-primary li.level1 ul {
	left: 60px;
	top: 15px;
}
.nav-primary li.level0 ul.level0.position-test {
	display: block;
}
.nav-primary li.level0 ul.level0.spill {
	right: 0;
	left: auto;
}
.nav-primary li.level0 ul.level0.spill li.level1 ul {
	left: auto;
	right: 50px;
	top: 20px;
}
.nav-primary li.level0 li.parent > a {
	position: relative;
}
.nav-primary li.level0 li.parent > a:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid var(--border);
	border-right: none;
	right: 5px;
	top: 50%;
	margin-top: -3px;
}

.nav-primary li.menu-active > ul {
	display: block;
}
@media all and (min-width: 879px) {
	ol.nav-primary ul li {
		background: #fbfbfb;
		border-top: solid 1px var(--border);
		border-right: solid 1px var(--border);
		border-left: solid 1px var(--border);
	}
}

@media all and (max-width: 879px) {
	ol.nav-primary {
		background-color: var(--successbkg) !important;
	}
}

/* ============================================ *
 * Search - Skip Link
 * ============================================ */
.skip-search:not(.skip-active):hover .icon {
	background-position: -46px -146px;
}
.skip-search .icon {
	background-position: 4px -146px;
}

@media all and (min-width: 771px) {
	.skip-search {
		display: none;
	}
}
/* ============================================ *
 * Search - Skip Content
 * ============================================ */

/* for padding around searchbox when in dropdown */

input#search {
	min-width: 150px;
}

#header-search {
	width: 18%;
	min-width: 200px;
	position: static;
}

@media all and (max-width: 1735px) {
	#header-search {
		display: block;
		position: absolute;
		right: -8px;
		top: -15px;
		min-width: 300px;
	}
}

.nav-primary li {
	position: relative;
}

@media all and (max-width: 770px) {
	#header-search {
		display: none;
	}
}

@media all and (min-width: 771px) {
	#header-search {
		display: block;
	}
}

.telephone-icon-svg {
	grid-area: phone;
	padding-top: 9px;
	margin-top: 24px;
	margin-left: 1px;
}

a.skip-link.skip-account {
	display: flex;
	align-items: center;
	width: 35px;
	justify-content: space-between;
}

@media all and (min-width: 879px) {
	a.skip-link.skip-account {
		margin-top: 5px;
	}
}

@media all and (min-width: 1148px) {
	a.skip-link.skip-account {
		justify-content: flex-start;
	}
}

@media all and (max-width: 1148px) {
	a.skip-link.skip-account {
		display: block !important;
	}
}

a.skip-cart {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

@media all and (max-width: 879px) {
	.link-search > ul.level0 {
		background-color: var(--successbkg);
	}
}

#upsell-product-table.swiper-wrapper li {
	flex-direction: column;
}

/* Components-top-nav styling  */

.searchbar-input {
	grid-area: search;
}

.account-cart-wrapper {
	grid-area: account-cart;
}

#header-nav {
	grid-area: navigation;
}

.logo-at-top {
	grid-area: logo;
}

.components-top-nav {
	display: grid;
	grid-template-columns: 10% 75% 15%;
	grid-template-areas:
		"logo search account-cart"
		"logo navigation account-cart";
	border-bottom: 2px solid var(--h1h2bottomborder) !important;
	grid-template-rows: 50% 50%;
	/* min-height: 20px; */
}

.components-top-nav nav > ol > li:not(:last-child) {
	border-right: 1px solid var(--h1h2bottomborder);
}

.components-top-nav .skip-content.skip-active nav > ol > li {
	border-right: none;
}

.components-top-nav li {
	padding: 4px;
}

@media all and (max-width: 1600px) {
	.components-top-nav {
		grid-template-columns: 15% 70% 15%;
		grid-template-areas:
			"logo search account-cart"
			"navigation navigation navigation";
		grid-template-rows: 65px 40px;
		max-height: 110px;
	}
}

@media all and (max-width: 1148px) {
	.components-top-nav {
		grid-template-areas:
			"logo search account-cart"
			"navigation navigation navigation";
		grid-template-rows: 65px 40px;
		max-height: 110px;
	}
}

@media all and (max-width: 880px) {
	.components-top-nav {
		display: grid;
		grid-template-columns: 10% 80% 10%;
		grid-template-rows: 30% 70%;
		grid-template-areas:
			"menu search account-cart"
			". logo account-cart";
		max-height: 110px;
	}
}

@media (max-width: 879px) {
	.components-top-nav li {
		padding: 0px !important;
	}
}

@media all and (max-width: 705px) {
	.components-top-nav {
		grid-template-columns: 15% 70% 15%;
	}
}

@media all and (max-width: 500px) {
	.components-top-nav {
		grid-template-areas:
			"menu search account-cart"
			"phone logo account-cart";
		grid-template-rows: 40% 60%;
		max-height: 108px;
	}
}

/* Logo styling  */

@media all and (max-width: 880px) {
	.logo-at-top {
		margin: auto;
	}
}

.logo {
	display: block;
	min-width: 180px;
	text-align: center;
	padding-left: 10px;
	z-index: 99;
	padding-top: 10px;
	max-width: 200px;
	padding-bottom: 10px;
}

@media all and (max-width: 880px) {
	.logo {
		display: block;
		max-width: 140px;
		text-align: center;
		z-index: 99;
		padding-top: 10px;
		margin-top: 5px;
		min-width: 140px;
		padding: 0px;
	}
}

@media all and (max-width: 500px) {
	.logo {
		padding-top: 3px;

		margin-top: 0px !important;
	}
}

/* Account-cart-wrapper styling  */

div#account-cart-wrapper .label {
	font-weight: 700;
}

@media all and (min-width: 1148px) {
	div#account-cart-wrapper {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
}

@media all and (max-width: 1148px) {
	div#account-cart-wrapper {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		margin-top: 20px;
	}
}

@media all and (max-width: 1122px) {
	.account-cart-wrapper {
		padding: 0px;
	}
}

@media all and (max-width: 880px) {
	div#account-cart-wrapper {
		margin-top: 0px;
	}
}

@media all and (max-width: 772px) {
	div#account-cart-wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-around;
	}
}

@media all and (max-width: 500px) {
	div#account-cart-wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		margin-top: 9px;
	}
}

/* tooltipster */
.tooltipster {
	position: relative;
	display: inline-block;
	top: 0;
	left: 3px;
	width: 15px;
	height: 15px;
}

.tooltipsterImg {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 15px;
	height: 15px;
}

/* light theme styling  for tooltipster */
.tooltipster-sidetip.tooltipster-light .tooltipster-box {
	border-radius: 3px;
	border: 1px solid #ccc;
	background: #ededed;
}
.tooltipster-sidetip.tooltipster-light .tooltipster-content {
	color: #666;
}
.tooltipster-sidetip.tooltipster-light .tooltipster-arrow {
	height: 9px;
	margin-left: -9px;
	width: 18px;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow {
	height: 18px;
	margin-left: 0;
	margin-top: -9px;
	width: 9px;
}
.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background {
	border: 9px solid transparent;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-bottom
	.tooltipster-arrow-background {
	border-bottom-color: #ededed;
	top: 1px;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-left
	.tooltipster-arrow-background {
	border-left-color: #ededed;
	left: -1px;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-right
	.tooltipster-arrow-background {
	border-right-color: #ededed;
	left: 1px;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-top
	.tooltipster-arrow-background {
	border-top-color: #ededed;
	top: -1px;
}
.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border {
	border: 9px solid transparent;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-bottom
	.tooltipster-arrow-border {
	border-bottom-color: #ccc;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-left
	.tooltipster-arrow-border {
	border-left-color: #ccc;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-right
	.tooltipster-arrow-border {
	border-right-color: #ccc;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-top
	.tooltipster-arrow-border {
	border-top-color: #ccc;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-bottom
	.tooltipster-arrow-uncropped {
	top: -9px;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-right
	.tooltipster-arrow-uncropped {
	left: -9px;
}

/* tooltipster general styling */

.tooltipster-fall,
.tooltipster-grow.tooltipster-show {
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-base {
	display: flex;
	pointer-events: none;
	position: absolute;
}
.tooltipster-box {
	flex: 1 1 auto;
}
.tooltipster-content {
	box-sizing: border-box;
	max-height: 100%;
	max-width: 100%;
	overflow: auto;
	max-width: 180px;
}
.tooltipster-ruler {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
}
.tooltipster-fade {
	opacity: 0;
	transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
	opacity: 1;
}
.tooltipster-grow {
	transform: scale(0, 0);
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
	transform: scale(1, 1);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-swing {
	opacity: 0;
	transform: rotateZ(4deg);
	transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
	opacity: 1;
	transform: rotateZ(0);
	transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
.tooltipster-fall {
	transition-property: top;
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-fall.tooltipster-initial {
	top: 0 !important;
}
.tooltipster-fall.tooltipster-dying {
	transition-property: all;
	top: 0 !important;
	opacity: 0;
}
.tooltipster-slide {
	transition-property: left;
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-slide.tooltipster-initial {
	left: -40px !important;
}
.tooltipster-slide.tooltipster-dying {
	transition-property: all;
	left: 0 !important;
	opacity: 0;
}
@keyframes tooltipster-fading {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.tooltipster-update-fade {
	animation: tooltipster-fading 0.4s;
}
@keyframes tooltipster-rotating {
	25% {
		transform: rotate(-2deg);
	}
	75% {
		transform: rotate(2deg);
	}
	100% {
		transform: rotate(0);
	}
}
.tooltipster-update-rotate {
	animation: tooltipster-rotating 0.6s;
}
@keyframes tooltipster-scaling {
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}
.tooltipster-update-scale {
	animation: tooltipster-scaling 0.6s;
}
.tooltipster-sidetip .tooltipster-box {
	background: #565656;
	border: 2px solid #000;
	border-radius: 4px;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
	margin-top: 8px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
	margin-right: 8px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
	margin-left: 8px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
	margin-bottom: 8px;
}
.tooltipster-sidetip .tooltipster-content {
	color: #fff;
	line-height: 18px;
	padding: 6px 14px;
	text-align: center;
}

.tooltipster-sidetip .tooltipster-content a {
	margin-top: 5px;
	width: 150px;
	white-space: normal;
	overflow: hidden;
	text-overflow: clip;
}

.tooltipster-sidetip .tooltipster-arrow {
	overflow: hidden;
	position: absolute;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
	height: 10px;
	margin-left: -10px;
	top: 0;
	width: 20px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
	height: 20px;
	margin-top: -10px;
	right: 0;
	top: 0;
	width: 10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
	height: 20px;
	margin-top: -10px;
	left: 0;
	top: 0;
	width: 10px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
	bottom: 0;
	height: 10px;
	margin-left: -10px;
	width: 20px;
}
.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
	height: 0;
	position: absolute;
	width: 0;
}
.tooltipster-sidetip .tooltipster-arrow-background {
	border: 10px solid transparent;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
	border-bottom-color: #565656;
	left: 0;
	top: 3px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
	border-left-color: #565656;
	left: -3px;
	top: 0;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
	border-right-color: #565656;
	left: 3px;
	top: 0;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
	border-top-color: #565656;
	left: 0;
	top: -3px;
}
.tooltipster-sidetip .tooltipster-arrow-border {
	border: 10px solid transparent;
	left: 0;
	top: 0;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color: #000;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
	border-left-color: #000;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
	border-right-color: #000;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
	border-top-color: #000;
}
.tooltipster-sidetip .tooltipster-arrow-uncropped {
	position: relative;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
	top: -10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
	left: -10px;
}
.tooltip_templates {
	display: none;
}

/* Search Bar styling  */

div#algolia-searchbox {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: center;
}

.input-box {
	justify-content: left;
}

.tooltip-alignment {
	align-items: flex-start;
}

.one-step-checout .col-left,
.one-step-checkout .col-right {
	padding: 0px;
}

.one-step-checkout .input-box {
	margin: 0px;
}

#search {
	height: 32px;
	padding-right: 40px;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	margin-top: 5px;
}

@media all and (min-width: 771px) {
	#search {
		width: 50%;
		height: 32px;
		margin-top: 5px;
		padding-right: 40px;
		font-family: sybillapro, Verdana, Arial, sans-serif;
		font-weight: 400;
		font-style: normal;
	}
}

.searchbutton {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	background-color: var(--primary);
	border: none;
	height: 32px;
	margin-top: 5px !important;
	font-size: 17px;
	padding: 0 14px;
	line-height: 1.5;
	color: white;
}

@media (max-width: 880px) {
	button.searchbutton {
		display: none;
	}
}

/* Hamburger phone wrapper styling  */

.hamburger-phone-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	margin-top: 9px;
}

@media all and (min-width: 881px) {
	.menu-at-top {
		display: none;
	}
	.hamburger-phone-wrapper {
		display: none;
	}
}

.ham {
	margin: auto;
}
.ham:hover {
	cursor: pointer;
}

.ham .bar {
	width: 30px;
	height: 2px;
	margin: 5px auto;
	background-color: var(--secondary);
	display: block;
	transition: all 0.1s cubic-bezier(0.4, 0, 0, 1);
}

#ham1.active {
	transition: all 0.2s cubic-bezier(0.4, 0, 0, 1);
	transition-delay: 0.2s;
	transform: rotate(45deg);
}
#ham1.active .bar:nth-child(1),
#ham1.active .bar:nth-child(3) {
	transition-delay: 0.2s;
}
#ham1.active .bar:nth-child(1) {
	transform: translateY(10px);
}
#ham1.active .bar:nth-child(2) {
	width: 0;
}
#ham1.active .bar:nth-child(3) {
	transform: translateY(-4px) rotate(90deg);
}

.events-for-mobile-nav {
	pointer-events: none;
}

.menu-at-top button {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	color: var(--secondary);
	font-size: 14px;
	line-height: 1.5;
	background: transparent;
	border: none;
}

svg#account-icon {
	min-height: 35px;
	min-width: 35px;
}

.mini-cart-header.mini-header {
	padding-top: 10px;
}

ol.nav-primary {
	display: flex;
}
@media all and (min-width: 881px) {
	ol.nav-primary li {
		padding: 0px 5px !important;
	}
}

@media all and (min-width: 881px) {
	#header-nav {
		display: flex;
		margin: 19px auto 0px auto;
	}
}

@media all and (min-width: 881px) {
	a.skip-link.skip-nav {
		display: none;
	}
}

.skip-content {
	display: none;
}

.skip-content.skip-active {
	background-color: var(--successbkg);
	display: block;
	position: absolute;
	z-index: 200;
	font-size: 15px !important;
	width: 100%;
}

@media (max-width: 879px) {
	div#header-nav {
		margin-top: 0px !important;
	}
}

@media all and (max-width: 879px) {
	li.level0 {
		border-bottom: 1px solid var(--border);
	}
}

@media all and (min-width: 879px) {
	.nav-primary li.level1 {
		border-bottom: 1px solid #cccccc;
	}
}

@media all and (min-width: 879px) {
	.nav-primary li.level0 ul {
		background: #fbfbfb;
		border-top: solid 1px var(--border);
		border-right: solid 1px var(--border);
		border-left: solid 1px var(--border);
		padding-bottom: -15px;
		left: 0;
		top: 30px;
		z-index: 10;
		width: 300px;
		display: none;
		position: absolute;
	}
}

@media all and (max-width: 1600px) {
	.nav-primary li.level0 ul {
		top: 26px;
	}
}

@media (max-width: 879px) {
	.nav-primary li.parent > a:after {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		display: block;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 5px solid var(--navfont);
		border-right: none;
		top: 50%;
		left: -7px;
		margin-top: -5px;
	}
}

@media (max-width: 879px) {
	.nav-primary li.parent.sub-menu-active > a:after,
	.nav-primary li.parent.menu-active > a:after {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		display: block;
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
		border-top: 5px solid var(--navfont);
		border-bottom: none;
		top: 50%;
		left: -7px;
		margin-top: -5px;
	}
}

@media (max-width: 879px) and (min-width: 500px) {
	.nav-primary li.level0 > a {
		font-size: 19px;
	}
}

@media all and (max-width: 879px) {
	.nav-primary li.level0 ul {
		width: 100%;
		margin-left: 10px;
	}
}

.nav-primary .menu-active > ul.level0,
.nav-primary li.level0 li.sub-menu-active > ul {
	display: block;
	opacity: 1;
}

@media all and (max-width: 880px) {
	ol.nav-primary {
		display: flex;
		flex-direction: column;
	}
}

@media all and (max-width: 879px) {
	ol.nav-primary {
		padding-left: 15px;
		padding-right: 15px;
		width: 100%;
	}
}

@media all and (max-width: 500px) {
	a.level0 {
		font-size: 17px !important;
	}
}

/*Search Input
 ============================================ */
#search_mini_form .input-box {
	position: relative;
	padding-top: 0;
}

#search_mini_form .search-button {
	text-indent: -9999px;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	border: 0;
	background: none;
}

#search_mini_form .search-button:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	margin-left: -15px;
	background-position: 4px -146px;
}

#search_mini_form .search-button:hover:before {
	opacity: 0.8;
}

#search_mini_form .search-button:active:before {
	margin-top: -13px;
	margin-left: -13px;
}

.skip-account:not(.skip-active):hover .icon .phone_icon {
	background-position: -46px -44px;
}
.skip-account .icon .phone_icon {
	background-position: 4px -44px;
}
@media all and (max-width: 1186px) {
	#header-account.skip-active {
		right: 10px;
	}
}

@media all and (max-width: 879px) {
	div #header-account.skip-content.skip-active {
		position: absolute !important;
		padding: 5px 0;
		z-index: 200000;
	}
}

@media all and (max-width: 500px) {
	#header-account.skip-active {
		margin-top: 10px;
		right: 10px;
	}
}

#header-account.skip-active {
	background: var(--successbkg);
	border: solid 1px var(--border);
	display: block;
	position: absolute;
	z-index: 200;
	top: 40px;
	width: 175px;
	font-size: 15px !important;
}

@media all and (min-width: 501px) {
	#header-account.skip-active {
		margin-top: 30px;
	}
}

#header-account a {
	display: block;
	padding: 5px 10px;
	color: var(--secondary);
	line-height: 2;
}

#header-account a:hover {
	color: var(--primary);
}

/* -------------------------------------------- *
 Account Links
 */
#header-account {
	padding: 5px 0;
	width: 100%;
}

#header-account a {
	position: relative;
	display: block;
	padding: 5px 10px;
	line-height: 23px;
	text-align: center;
}

#header-account a:hover {
	color: var(--primary);
}

/* ============================================ *
 * Header - Cart
 * ============================================ */
/* -------------------------------------------- *
 * Skip Link - Cart
 */
.skip-cart:not(.skip-active):hover .icon {
	background-position: -50px -95px;
}

.skip-cart .icon {
	background-position: 0px -95px !important;
	margin-top: 30px !important;
	margin-bottom: -10px !important;
}

@media (max-width: 800px) {
	.skip-cart .icon {
		margin-top: 65px;
	}
}

@media (max-width: 450px) {
	.skip-cart .icon {
		margin-left: 160px;
		margin-bottom: 1px;
	}
}

@media all and (min-width: 771px) {
	.skip-cart {
		width: auto;
	}

	#header-cart.skip-active {
		border: solid 1px var(--border);
		display: block;
		position: absolute;
		z-index: 200;
		top: 45px;
		right: 2px;
		width: 320px;
		background: white;
	}
}

@media all and (max-width: 800px) {
	#header-cart.skip-active {
		padding-top: 44px;
	}
}

.skip-cart .label {
	margin-right: 15px;
}

/* -------------------------------------------- *
 * Skip Cart Notifier
 */
.skip-cart .count {
	border-radius: 12px;
	display: inline-block;
	top: -16px;
	position: relative;
	z-index: 5;
	width: 22px;
	height: 22px;
	background: var(--primary);
	color: #ffffff;
	font-size: 11px;
	line-height: 22px;
	text-align: center;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	right: 10px;
}

@media all and (max-width: 1148px) {
	.skip-cart .label {
		display: none;
	}
}

@media all and (max-width: 1149px) {
	.skip-cart .count {
		display: none;
	}
}

@media all and (max-width: 1121px) {
	a.skip-link.skip-account .label {
		display: none;
	}
}

.skip-link.skip-active .count {
	color: white;
}

@media all and (min-width: 200px) and (max-width: 771px) {
	.icon-account .user-icon {
		right: 60px !important;
	}
}
.skip-cart.no-count .count {
	display: none;
}

.skip-cart {
	color: var(--secondary);
	font-size: 16px;
}
@media all and (min-width: 771px) {
	.skip-cart:hover {
		text-decoration: none;
	}

	.skip-cart .count {
		border-radius: 0px;
		position: static;
		background: none;
		margin-left: -10px;
		font-size: 14px;
		width: auto;
	}
	.skip-cart .count:before {
		content: "(";
	}
	.skip-cart .count:after {
		content: ")";
	}

	.skip-cart .count,
	.skip-link.skip-active .count {
		color: var(--secondary);
	}
}

.skip-cart .count.empty {
	display: none;
}

/* -------------------------------------------- *
 * Mini Cart - Empty
 */
.cart-menu .empty {
	padding: 20px;
	text-align: center;
}

/* -------------------------------------------- *
 * Mini Cart - Full
 */
/* Actions */
.cart-menu .actions {
	overflow: hidden;
	padding: 15px;
}

.cart-menu .actions .button {
	float: left;
	width: 48%;
}

.cart-menu .actions .button + .button {
	margin-left: 4%;
}

/* Subtotal */
.cart-menu .subtotal {
	padding: 0 15px 15px;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 24px;
	line-height: 1.2;
}

/* List */
.mini-cart-list {
	margin-bottom: 5px;
}

.mini-cart-list li {
	position: relative;
	min-height: 90px;
	padding: 15px 15px 15px 90px;
	border-top: 1px solid var(--border);
	font-size: 13px;
	line-height: 1.35;
}

.mini-cart-list .product-name {
	display: inline-block;
}

.mini-cart-list .product-image {
	position: absolute;
	left: 15px;
	top: 15px;
}

.mini-cart-list .product-image img {
	width: 50px;
	height: 50px;
}

.mini-cart-list .has-options {
	margin-bottom: 0;
	color: #a0a0a0;
	font-size: 12px;
}

/* Too full - additional items will be shown in cart */
.cart-menu .last-added {
	padding: 10px 15px 15px;
	border-top: 1px solid var(--border);
	font-size: 13px;
}

/* ============================================ *
 * Footer
 * ============================================ */
/* -------------------------------------------- *
 * Footer
 */
.footer,
.footer button {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.footer {
	clear: both;
	width: 100%;
	border-top: 2px solid var(--h1h2bottomborder);
	padding-top: 20px;
	/* -------------------------------------------- *
   * Social icons
   */
}

.footer-banner {
	padding: 3px;
	background-color: var(--primary);
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}

@media all and (max-width: 479px) {
	.footer {
		padding-top: 15px;
	}
}
.footer .block-title {
	border-bottom: 0;
	padding: 3px 0;
}
.footer .block-title strong {
	font-weight: normal;
}
.footer .block-title,
.footer address {
	color: var(--primary);
}
.footer .links {
	float: left;
	width: 17%;
	padding: 0 30px 0 0;
	margin-bottom: 30px;
}
.footer .links li {
	word-break: break-all;
	line-height: 1.4;
	padding: 4px 0;
}
.footer .links a {
	color: var(--secondary);
}
.footer .links a:hover {
	color: var(--primary);
}
.footer .block-subscribe {
	float: right;
	width: 320px;
	margin-bottom: 30px;
}
.footer .links,
.footer .block-subscribe {
	font-size: 12px;
}
.footer .form-subscribe-header {
	display: none;
}
.footer .links.social-media em {
	background-image: url(../images/social_icons.png);
	background-repeat: no-repeat;
	width: 13px;
	vertical-align: middle;
	display: inline-block;
	margin-right: 7px;
}
@media (-webkit-min-device-pixel-ratio: 2),
	(min-device-pixel-ratio: 2),
	(min-resolution: 192dpi),
	(min-resolution: 2dppx) {
	.footer .links.social-media em {
		background-image: url(../images/social_icons@2x.png);
		background-size: 50px 125px;
	}
}
.footer .links.social-media em.facebook {
	background-position: 0 -0px;
	height: 13px;
}
.footer .links.social-media a:hover em.facebook {
	background-position: -25px -0px;
}
.footer .links.social-media em.twitter {
	background-position: 0 -24px;
	height: 13px;
}
.footer .links.social-media a:hover em.twitter {
	background-position: -25px -24px;
}
.footer .links.social-media em.youtube {
	background-position: 0 -49px;
	height: 13px;
}
.footer .links.social-media a:hover em.youtube {
	background-position: -25px -49px;
}
.footer .links.social-media em.pinterest {
	background-position: 0 -74px;
	height: 15px;
}
.footer .links.social-media a:hover em.pinterest {
	background-position: -25px -74px;
}
.footer .links.social-media em.rss {
	background-position: 0 -99px;
	height: 13px;
}
.footer .links.social-media a:hover em.rss {
	background-position: -25px -99px;
}
.footer .block-subscribe .input-box {
	float: left;
	width: 65.625%;
	padding-top: 0;
}
.footer .block-subscribe .input-text {
	width: 100%;
	border-right: 0;
	border-radius: 0;
}
.footer .block-subscribe .block-content {
	padding-top: 7px;
}
.footer .block-subscribe .block-content:after {
	content: "";
	display: table;
	clear: both;
}
.footer .block-subscribe .actions {
	float: left;
	width: 34.375%;
	margin: 0;
}
.footer .block-subscribe .actions .button {
	height: 30px;
	line-height: 17px;
	float: left;
}
.footer .bugs,
.footer address {
	clear: both;
}
.footer .bugs {
	display: none;
}
.footer .form-language,
.footer .currency-switcher,
.footer .store-switcher {
	clear: both;
	margin-bottom: 10px;
}
.footer .form-language,
.footer .currency-switcher {
	display: none;
}
.footer address {
	border-top: 1px solid var(--border);
	text-align: center;
	width: 100%;
	font-size: 11px;
	margin-top: 30px;
	padding: 30px 0;
}
@media all and (max-width: 1199px) {
	.footer .links {
		width: 22.65625%;
		padding-right: 0;
		margin-right: 3.125%;
	}
	.footer .links:nth-child(4) {
		margin-right: 0;
	}
	.footer .block-subscribe {
		clear: both;
		float: none;
		margin: 0 auto 30px auto;
	}
}
@media all and (max-width: 770px) {
	.footer .form-language,
	.footer .currency-switcher {
		display: block;
	}
}
@media all and (max-width: 599px) {
	.footer .links {
		width: 48.4375%;
		margin-right: 0;
	}
	.footer .links:nth-child(odd) {
		margin-right: 3.125%;
		clear: both;
	}
	.footer .block-subscribe {
		clear: both;
		float: left;
		width: 100%;
	}
}

/* ================================================= *
 * General Product List Styles (not module-specific)
 * ================================================= */
/* -------------------------------------------- *
 * Product List General
 */
.category-title h1,
body.catalogsearch-result-index .page-title h1 {
	border-bottom: none;
}

.category-image {
	margin-bottom: 1.5em;
}

.products-list .action .button,
.products-grid .actions .button {
	white-space: normal;
}

/* -------------------------------------------- *
 * Product Name
 */

.parts-finder .product-name {
	padding-top: 10px;
}

.products-grid .product-name {
	word-wrap: break-word;
	inline-size: 95%;
}

h2.product-name,
h3.product-name,
h4.product-name,
h5.product-name,
p.product-name {
	margin: 0;
	margin-bottom: 0.5em;
	color: var(--secondary);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 24px;
	font-weight: 500;
	font-style: normal;
	line-height: 1.2;
	text-rendering: optimizeLegibility;

	font-size: 13px;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: normal;
	line-height: 1.4;
}

h2.product-name a,
h3.product-name a,
h4.product-name a,
h5.product-name a,
p.product-name a {
	color: var(--secondary);
}
h2.product-name a:hover,
h3.product-name a:hover,
h4.product-name a:hover,
h5.product-name a:hover,
p.product-name a:hover {
	color: var(--primary);
	text-decoration: none;
}

@media all and (max-width: 770px) {
	.products-grid {
		justify-content: center;
	}
}

.products-grid .product-name,
.products-list .product-name {
	margin-bottom: 5px;
	font-size: 16px;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	padding: 2px;
}
.products-grid .product-name a,
.products-list .product-name a {
	font-weight: 500;
}

@media all and (max-width: 800px) {
	.products-grid .product-name,
	.products-list .product-name {
		font-size: 15px;
	}
}

@media all and (max-width: 500px) {
	.products-grid .product-name,
	.products-list .product-name {
		font-size: 14px;
	}
}
/* ============================================ *
 * Product Grid
 * ============================================ */
.products-grid {
	position: relative;
}

.products-grid > li {
	position: relative;
	padding-bottom: 20px;
	text-align: center;
}

.products-grid .product-image {
	width: 100%;
	margin-bottom: 15px;
}

.products-grid .product-image img {
	height: auto;
	width: 100%;
}
.products-grid .product-image img:hidden {
	display: none;
}

.products-grid .product-info {
	position: relative;
}

.discount-qty-label {
	grid-area: qty-label;
}

.regular-price {
	grid-area: price;
}

button.button.btn-cart {
	margin-top: 0px;
}

li.item.last.even {
	border: none;
}

li.item.last.odd {
	border: none;
}

.products-grid .actions {
	position: absolute;
	bottom: 0px;
	width: 100%;
	margin-bottom: 3px;
}

@media all and (max-width: 500px) {
	.products-grid .actions {
		bottom: 0px;
	}
}

.products-grid .ratings .rating-box {
	margin: 0 auto;
}

.products-grid .ratings .amount {
	display: none;
}

.products-grid .price-box {
	font-size: 13px;
	margin: 0 0 5px;
	line-height: 1.4;
}

.products-grid .price-box .each {
	font-size: 15px;
}

.products-grid .add-to-links {
	margin-bottom: 0;
}

/* Config: Two columns + flexible gutter */

.products-grid > li:nth-child(even) {
	margin-right: 0;
}

.products-grid .product-image {
	margin-bottom: 5px;
}
.products-grid .product-image:before,
.products-grid .product-image:after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
}
.products-grid .product-image:before {
	background-color: white;
	opacity: 0.8;
	z-index: 2;
}
.products-grid .product-image:after {
	background-image: url("../images/opc-ajax-loader.gif");
	background-repeat: no-repeat;
	background-position: center;
	z-index: 3;
}
.products-grid .product-image.loading {
	position: relative;
}
.products-grid .product-image.loading:before,
.products-grid .product-image.loading:after {
	display: block;
}

/* ============================================ *
 * Product List
 * ============================================ */
.products-list {
	margin-top: 20px;
	margin-bottom: 20px;
}
.products-list > li {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--h1h2bottomborder);
}
.products-list > li:after {
	content: "";
	display: table;
	clear: both;
}
.products-list > li .product-image {
	float: left;
}
.products-list > li .product-image img {
	width: 100%;
	max-width: 100%;
}
.products-list > li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.products-list .product-shop {
	float: right;
	width: 66.66667%;
	/* padding-left: 20px; */
}
.products-list .product-shop .product-name {
	margin-bottom: 0;
}
.products-list .product-shop .ratings {
	margin: 0;
}
.products-list .product-shop .ratings .rating-box,
.products-list .product-shop .ratings .rating-links {
	float: left;
	margin-right: 7px;
}
.products-list .product-shop .ratings .rating-links {
	margin-top: 4px;
}
.products-list .product-shop .price-box {
	margin-top: 0;
}
.products-list .product-shop .price-box .price {
	font-size: 17px;
}
.products-list .product-shop .action {
	margin: 7px 0;
}
.products-list .product-shop .desc {
	margin-top: 7px;
}
.products-list .product-shop .product-primary,
.products-list .product-shop .desc {
	overflow: hidden;
}
.products-list .product-shop .product-secondary {
	float: right;
	width: 35%;
	text-align: right;
	clear: right;
}

@media all and (min-width: 480px) {
	.products-list .product-name a {
		font-size: 17px;
	}
}
@media all and (max-width: 1279px) {
	.products-list .product-shop .product-primary,
	.products-list .product-shop .desc {
		float: left;
		width: 60%;
		padding-right: 20px;
	}
	.products-list .product-shop .product-secondary {
		float: right;
		width: 40%;
	}
}
@media all and (max-width: 600px) {
	.products-list .product-shop .price-box .special-price {
		padding-left: 0;
	}

	.products-list .product-shop .product-primary,
	.products-list .product-shop .product-secondary,
	.products-list .product-shop .desc {
		float: none;
		width: 100%;
		padding-right: 0;
		text-align: left;
	}
}
/* ============================================ *
 * Mini Product List
 * ============================================ */
.mini-products-list .product-image {
	float: left;
	min-width: 50px;
}

.mini-products-list .product-details .product-name {
	padding-top: 10px;
}

.mini-products-list li:after {
	content: "";
	display: table;
	clear: both;
}

.mini-products-images-list:after {
	content: "";
	display: table;
	clear: both;
}
.mini-products-images-list li.item {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0 5px 10px 0;
}
.mini-products-images-list li.item:nth-child(even) {
	padding-right: 0;
	padding-left: 5px;
}
.mini-products-images-list li.item .product-image {
	display: block;
}
.mini-products-images-list li.item .product-image img {
	width: 100%;
	max-width: 100%;
}

/* ============================================ *
 * Catalog - List
 * ============================================ */
.category-image {
	border: 1px solid var(--border);
	padding: 10px;
}
.category-image img {
	width: 100%;
	max-width: 100%;
}
.category-image img:hidden {
	display: none;
}

/* ============================================ *
 * Layered Navigation
 * ============================================ */
.block-layered-nav .subtitle--filter {
	display: none;
	margin: 0;
	margin-bottom: 10px;
	color: var(--navfont) !important;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
	line-height: 1.4;
	text-rendering: optimizeSpeed;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	font-weight: normal;
	margin-bottom: 0px;
	border-width: 1px;
	border-style: solid;
	position: relative;
	cursor: pointer;
	width: 100%;
}

@media all and (max-width: 770px) {
	.block-layered-nav .subtitle--filter {
		width: unset;
		flex: 1;
	}
}

.filter-state-box .block-content p {
	font-size: 20px;
}

.currently h3 {
	color: var(--navfont) !important;
	font-size: 20px;
	margin-bottom: 0px;
}

.block-layered-nav .block-content .toggle-tabs {
	display: none;
}
.block-layered-nav .block-content > dl > dt,
.currently #narrow-by-list .filter-button > dt {
	color: var(--navfont);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	font-style: normal;
	line-height: 1.4;
	text-rendering: optimizeSpeed;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	font-weight: normal;
	margin-bottom: 0px;
	position: relative;
	display: block;
	border-bottom: 2px solid var(--border);
	width: 100%;
}

.currently #narrow-by-list .filter-button > dt {
	padding-left: 5px !important;
}

#narrow-by-list .currently {
	width: 100%;
}

#mobile-sorter .accordion-item {
	display: inline-block;
}

@media all and (min-width: 771px) {
	.filter-button {
		margin: 10px 0px;
	}
	.mobile-sort.block.block-layered-nav.block-layered-nav--no-filters {
		display: none;
	}
}

@media all and (min-width: 771px) {
	.without-float {
		display: flex;
	}
}

.flex-for-filtered {
	color: var(--primary);
}

@media all and (max-width: 770px) {
	.block-layered-nav .block-content > dl > dt,
	.currently #narrow-by-list .filter-button > dt {
		font-size: 18px;
		color: var(--secondary);
	}
	.mobile-sort .filter-state-box {
		display: none;
	}

	.currently #narrow-by-list .filter-button > dt {
		border-bottom: none;
		padding: 15px 10px !important;
	}
	.sidebar .block.block-layered-nav {
		border-bottom: none;
	}

	.filter-accordion .mobile-filter-sort {
		background-color: var(--successbkg);
		border-bottom: 2px solid var(--border) !important;
		padding: 0px 5px 10px 5px;
	}

	.block-layered-nav--no-filters .block-title {
		display: none;
	}

	.col-left-first .block-layered-nav p.subtitle {
		padding: 0px;
		font-size: 20px;
		color: var(--navfont) !important;
		text-align: center;
	}

	.block-layered-nav .block-content {
		padding-top: 0;
		margin: auto;
		padding: 10px;
	}

	.block-layered-nav .block-content > dl > dt {
		cursor: pointer;
		border-bottom-width: 0;
	}

	#fs-button {
		width: 100%;
		margin-bottom: 0px;
		font-size: 18px;
		display: flex;
		justify-content: right;
		align-items: center;
		margin-right: 10px;
	}

	p.subtitle.subtitle--filter.active:after {
		content: "";
		position: relative;
		width: 0;
		height: 0;
		display: block;
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
		border-top: 5px solid var(--primary);
		border-bottom: 5px solid transparent;
		top: -15px !important;
		left: -15px !important;
	}

	.sort-label-div,
	.sort-by-label {
		max-height: 100%;
	}

	.block-layered-nav .block-content > dl > dt.last {
		border-bottom-width: 0px;
		border-bottom: 1px solid var(--border);
	}

	.block-layered-nav .block-content > dl > dd {
		display: none;
	}

	.block-layered-nav .block-content.accordion-open > dl > dt.current {
		border-bottom-width: 1px;
	}

	.block-layered-nav .block-content.accordion-open > dl > dd.current {
		display: block;
		width: 100%;
	}

	.block-layered-nav .subtitle--filter {
		border: 0;
		margin-bottom: 0;
		display: block;
	}

	#narrow-by-list,
	#narrow-by-list2 {
		border-top: 0;
	}

	.block-layered-nav dl ol > li > a {
		color: var(--secondary);
	}

	.block-layered-nav dl ol > li > a:hover {
		text-decoration: none;
	}

	p.subtitle.subtitle--filter active {
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 4px solid var(--primary);
		border-right: none;
	}

	.col-left.sidebar.col-left-first {
		position: sticky;
		top: 0;
		background-color: var(--white);
		z-index: 100;
		height: 100%;
	}
	dl#narrow-by-list {
		transition: ease-in-out 0.3s;
		display: flex;
		gap: 0.5%;
		flex-wrap: wrap;
	}
	.mobile-sort {
		display: none;
	}
	.mobile-sort.active {
		display: block;
		padding-bottom: 10px;
	}

	.mobile-filter.active {
		display: block;
		padding-bottom: 10px;
	}
	.desktop-filter {
		display: none;
	}

	.filter-button {
		width: 33%;
	}

	.filter-button dd {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}

	.filter-button {
		display: inline-block;
		flex-direction: column;
		width: 100%;
		margin-bottom: 10px;
		background-color: var(--white);
	}
	.block-layered-nav .block-content > dl > dd {
		padding: 0px !important;
	}
	.currently h3 {
		text-align: end;
	}

	.currently #narrow-by-list {
		gap: 1%;
	}

	#mobile-sorter {
		padding-bottom: 10px;
	}
	.filter-accordion .block-layered-nav {
		width: 100%;
	}
	.actions-mobile .actions a {
		color: var(--required) !important;
		font-size: 11px !important;
	}
	.down-filter {
		margin-left: 0px;
		margin-right: 5px;
	}
	.up.up-filter {
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 5px solid var(--primary);
		border-right: none;
		margin-right: 5px;
		margin-left: 0px;
	}
	.filter-accordion h3 {
		margin-bottom: 0px;
		font-size: 18px;
		color: var(--secondary) !important;
		font-weight: 400;
	}

	.sort-filter-icons {
		width: 18px;
		height: 18px;
	}

	#mobile-sorter {
		width: 100%;
		margin: auto;
		border-bottom: 5px solid var(--border);
		background-color: var(--white);
	}
	.currently #narrow-by-list {
		flex-direction: column;
		width: 100%;
		justify-content: end;
	}
	#narrow-by-list .filter-button dt {
		color: var(--primary) !important;
	}
	.currently {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	#show-btn {
		padding: 0px 3px;
		font-size: 12px;
	}
	.block-layered-nav .block-content > dl > dt {
		padding: 15px 10px 15px 10px;
		border-bottom: 1px solid var(--border);
	}
	.sorter > .sort-by {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.mobile-filter-sort p.subtitle {
		margin-top: 5px;
	}
	.toggle-buttons.sort button {
		margin-top: 0px;
		border-radius: 0px;
		border: 1px solid var(--border);
		background-color: var(--white);
		font-size: 16px;
	}

	.filter-state-box {
		display: flex;
		justify-content: space-between;
		width: 100%;
		background-color: var(--white);
		margin: auto;
		flex-direction: column;
		gap: 15px;
	}
	.mobile-state-box {
		order: -1;
	}
	.close-button {
		flex: 1;
	}
	.toggle-buttons.sort {
		display: flex;
		justify-content: center;
		gap: 7px;
		flex-wrap: wrap;
		padding: 15px;
	}
	.filter-accordion .block-layered-nav {
		width: 100%;
	}
}

@media all and (max-width: 430px) {
	.filter-state-box {
		width: 100%;
	}
}

.toggle-buttons.sort .toggle-button.active {
	background-color: var(--h1);
	color: var(--primary);
	border: 1px solid var(--primary);
}

@media all and (min-width: 550px) and (max-width: 770px) {
	.filter-accordion .block-layered-nav {
		width: 100%;
		margin: auto;
		padding-bottom: 10px;
	}
}

.block-layered-nav .block-content > dl > dd {
	padding: 0px 10px 10px 5px;
	margin: 0;
	border-width: 0 1px;
}
.block-layered-nav .block-content > dl > dd:last-child {
	border-width: 0 1px 1px 1px;
}

#nav {
	z-index: 100000;
	width: 100%;
	display: flex;
	justify-content: space-around;
}

@media all and (max-width: 770px) {
	#nav {
		display: block;
	}
}

.block-layered-nav dl dd {
	margin-bottom: 5px;
	margin-top: 5px;
	padding-left: 5px;
}

@media all and (max-width: 770px) {
	.block-layered-nav dl dd {
		padding-left: 0px !important;
	}
}
.block-layered-nav dl dd ol > li > span,
.block-layered-nav dl dd ol > li > a {
	display: block;
}
.block-layered-nav dl dd ol > li > a .count {
	color: #a0a0a0;
}

@media all and (min-width: 771px) {
	.block-layered-nav .block-content > dl > dt:after {
		display: none;
	}
}

.block-layered-nav .currently .subtitle {
	display: block;
	margin: 0;
	margin-bottom: 10px;
	color: var(--secondary);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
	line-height: 1.4;
	text-rendering: optimizeSpeed;
}

.block-layered-nav .currently ol li .label {
	font-weight: 500;
}
.block-layered-nav .currently ol li:after {
	content: "";
	display: table;
	clear: both;
}

.block-layered-nav .actions {
	text-align: right;
}

.block .actions a {
	color: var(--primary);
}

/* ============================================ *
 * Document card styling
 * ============================================ */

.document-container {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	gap: 16px;
	justify-content: center;
	margin-bottom: 20px;
}

.document-card {
	display: flex;
	flex-direction: column;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	border: 1px solid var(--border);
	align-items: center;
	margin: 0;
	width: 310px;
}

.document-card.gray-button a {
	background-color: var(--secondary);
	color: var(--white);
	margin-bottom: 10px;
	padding: 5px 10px;
	text-align: center;
	border-radius: 2px;
}

.document-card img {
	max-width: 200px;
	max-height: auto;
}
.document-card > div {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding-left: 8px;
	padding-right: 8px;
}
.document-card h2 {
	font-size: 1.2em;
	color: var(--navfont);
	text-align: center;
	width: 100%;
	padding: 10px 5px;
	background-color: var(--successbkg);
	border-bottom: 1px solid var(--border);
}

.document-card a {
	font-size: 1em;
	width: 100% !important;
}

.document-card button:hover {
	background-color: var(--navfont);
}

/* ============================================ *
 * Catalog - Product
 * ============================================ */
.product-view .product-essential .extra-info .ratings .rating-box,
.product-view .product-essential .extra-info .ratings .amount {
	float: left;
}
.product-view .product-essential .extra-info .ratings .rating-box {
	margin-top: 8px;
	margin-right: 10px;
}
.product-view .product-essential .extra-info .ratings:after {
	content: "";
	display: table;
	clear: both;
}
.product-view .product-essential:after {
	content: "";
	display: table;
	clear: both;
}
.product-view .product-shop .product-name .h1,
.product-view .product-img-box .product-name h1 {
	color: var(--navfont);
	margin-bottom: 10px;
	border: 0;
}

@media all and (min-width: 850px) {
	.product-view .product-shop {
		padding-left: 20px;
		width: 50%;
		float: right;
	}
}

@media all and (max-width: 849px) {
	.simple-product-main .add-to-box {
		flex-direction: row;
		gap: 20px;
	}
}

@media all and (max-width: 1170px) {
	.product-view .product-shop {
		padding-left: 5px;
	}
}

@media all and (min-width: 1004px) {
	.grouped-product-main .product-view .product-shop {
		float: right;
		width: 60%;
	}
}

@media all and (max-width: 1003px) {
	.grouped-product-main .product-view .product-shop {
		float: right;
		width: 45%;
	}
}

.product-view .product-shop .product-name .h1 {
	float: left;
	margin-bottom: 5px;
}
.product-view .product-shop .extra-info {
	float: left;
	padding-right: 15px;
	clear: left;
	width: 70%;
}

.product-view .product-shop .extra-info,
.product-view .product-shop .price-info {
	margin-bottom: 10px;
}
.product-view .product-shop .short-description {
	margin-bottom: 10px;
	clear: both;
}
.product-view .product-shop .ratings {
	margin-bottom: 8px;
}
.product-view .product-shop .availability {
	font-size: 16px;
}

.grouped-items-table-wrapper .availability.out-of-stock span {
	font-size: 14px;
	color: var(--required);
}
.product-view .product-shop .price-box {
	margin-top: 0;
}
.product-view .product-shop .price-box .old-price,
.product-view .product-shop .price-box .special-price,
.product-view .product-shop .price-box .regular-price {
	padding-right: 0;
	line-height: 1.2;
}

.product-view .product-shop .price-box .regular-price .price,
.product-view .product-shop .price-box .regular-price .label-name,
.product-view .product-shop .price-box .regular-price .how-many,
.product-view .product-shop .price-box .regular-price .each,
.product-view .product-shop .price-box .special-price .price,
.product-view .product-shop .price-box .full-product-price .price {
	color: var(--primary);
	font-size: 16px;
}

@media all and (max-width: 770px) {
	.product-view .product-shop .price-box .special-price .price,
	.product-view .product-shop .price-box .full-product-price .price {
		font-size: 18px;
	}
}
.product-view .product-shop .price-box .regular-price .freeshippingnotice,
.product-view .product-shop .price-box .special-price .freeshippingnotice,
.product-view .product-shop .price-box .full-product-price .freeshippingnotice {
	color: var(--checkout);
	font-size: 24px;
}

.product-view .product-shop .price-box .special-price .price-label {
	font-size: 16px;
}
.product-view .product-shop .price-box .special-price span.weee {
	color: var(--secondary);
}
.product-view .product-shop .price-box .special-price span.weee span.price {
	font-size: 16px;
}
.product-view .product-shop .price-box .price-excluding-tax,
.product-view .product-shop .price-box .price-including-tax {
	display: block;
	line-height: 1.2;
	color: var(--secondary);
}
.product-view .product-shop .price-box .price-excluding-tax .label,
.product-view .product-shop .price-box .price-including-tax .label {
	font-size: 16px;
	font-weight: 300;
}
.product-view .product-shop .price-box .price-excluding-tax .price,
.product-view .product-shop .price-box .price-including-tax .price {
	font-size: 20px;
}
.product-view .price-box.map-info a {
	display: inherit;
}

@media all and (max-width: 850px) {
	.product-view .product-shop .price-box .price-excluding-tax .label,
	.product-view .product-shop .price-box .price-including-tax .label {
		font-size: 15px;
	}
	.product-view .product-shop .price-box .price-excluding-tax .price,
	.product-view .product-shop .price-box .price-including-tax .price {
		font-size: 18px;
	}
}
@media all and (max-width: 770px) {
	.product-view .add-to-cart-wrapper {
		float: none;
		width: 100%;
		clear: both;
	}

	.product-view .product-shop .price-box .price-excluding-tax .label,
	.product-view .product-shop .price-box .price-including-tax .label {
		font-size: 16px;
	}
	.product-view .product-shop .price-box .price-excluding-tax .price,
	.product-view .product-shop .price-box .price-including-tax .price {
		font-size: 20px;
	}
}
@media all and (max-width: 420px) {
	.product-view .product-shop .price-box .price-excluding-tax,
	.product-view .product-shop .price-box .price-including-tax {
		margin-bottom: 5px;
	}
	.product-view .product-shop .price-box .price-excluding-tax span,
	.product-view .product-shop .price-box .price-including-tax span {
		display: block;
	}
}

@media all and (max-width: 463px) {
	.product-options-bottom .add-to-cart {
		width: 100%;
	}
}

.product-img-box {
	width: 55%;
	display: flex;
	flex-direction: row-reverse;
	gap: 5px;
}

.product-options {
	width: 100%;
	margin: 10px 0 0;
	padding: 10px 15px 15px;
	border: 1px solid var(--border);
	clear: both;
	position: relative;
	max-width: 500px;
}

.product-pricing-information .product-pricing-col2 {
	display: flex;
	flex-direction: column-reverse;
	width: 100%;
}

@media all and (min-width: 2357px) {
	.product-pricing-information .product-pricing-col2 {
		max-width: unset;
	}
}

.product-essential {
	border-bottom: 1px solid var(--border);
}

.product-image-thumbs {
	flex-direction: column;
}

@media all and (min-width: 850px) {
	.product-img-box {
		flex-direction: row-reverse;
		width: unset;
	}
	.product-essential {
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	.product-img-box {
		display: flex;
		flex-direction: row-reverse;
	}

	.product-pricing-col2 {
		display: flex;
		flex-direction: column-reverse;
		border-bottom: none !important;
		justify-content: start;
	}
	p.subtitle {
		border-bottom: none;
	}
	p.block-subtitle {
		border-bottom: none;
	}
}

@media all and (max-width: 1100px) {
	table#super-product-table .qty-wrapper .input-text {
		width: 62px !important;
		font-size: 12px;
	}

	.grouped-items-table .thumbnail {
		width: 80px !important;
	}
	.grouped-items-table .qty-wrapper button {
		width: 20px;
	}
}

@media all and (min-width: 1580px) {
	.product-pricing-information {
		display: flex;
		flex-direction: row;
	}
}

@media all and (max-width: 2500px) {
	.price-info {
		display: block;
	}
}

.add-to-box {
	flex-direction: column;
	display: flex;
}

.flex-for-price {
	width: 250px;
}
.product-view .add-to-cart .qty-wrapper,
.product-view .add-to-cart .qty-wrapper label {
	width: 100%;
	float: left;
}

.configurable-product-main .add-to-cart {
	display: flex;
	flex-direction: column;
	width: 40%;
	gap: 5px;
}
@media all and (max-width: 800px) {
	.simple-product-main .flex-for-price {
		width: unset;
	}
}

@media all and (max-width: 800px) {
	.flex-for-price {
		width: 70%;
	}
}

@media all and (max-width: 600px) {
	.flex-for-price {
		width: 100%;
	}
}

@media all and (max-width: 1579px) {
	.add-to-box {
		flex-direction: row;
		align-items: end;
		gap: 10px;
	}
}

@media (max-width: 849px) {
	.simple-product-main .flex-for-price {
		width: 70%;
	}
}

@media all and (max-width: 1008px) {
	.add-to-box {
		flex-direction: column;
		align-items: baseline;
		gap: unset;
	}
}

@media all and (max-width: 800px) {
	.add-to-box {
		flex-direction: row;
	}
}

.simple-product-main .add-to-box {
	margin-bottom: 20px;
	align-items: start;
}

@media all and (max-width: 800px) and (min-width: 583px) {
	.add-to-box {
		gap: 20px;
	}
}

.related-swiper-only .product,
.viewed-swiper-only .product {
	width: 100%;
	max-width: 233px;
}

@media all and (max-width: 468px) {
	.simple-product-main .add-to-box {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media all and (max-width: 947px) and (min-width: 800px) {
	.simple-product-main .add-to-box {
		align-items: flex-start;
	}
}

.simple-product-main .add-to-cart {
	display: flex;
	gap: 5px;
	flex-direction: column;
	max-width: 170px;
}

@media all and (max-width: 800px) and (min-width: 469px) {
	.simple-product-main .add-to-box {
		gap: 10px;
	}
}

.tier-pricing-container h3 {
	color: var(--secondary);
}

.product-image-thumbs {
	display: flex;
}

.product-img-box .product-name h1 {
	border: 0;
}

.product-img-box .product-image img {
	margin: 0px auto;
}

@media all and (max-width: 479px) {
	.product-img-box .product-image img {
		max-height: 450px;
	}
}
.product-image-gallery {
	position: relative;
}
.product-image-gallery .gallery-image {
	display: none;
}
.product-image-gallery .gallery-image.visible {
	display: block;
}
.product-image-gallery .gallery-image.visible.hidden {
	visibility: hidden;
}
.product-image-gallery:before,
.product-image-gallery:after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
}
.product-image-gallery:before {
	background-color: white;
	opacity: 0.8;
	z-index: 2;
}
.product-image-gallery:after {
	background-image: url("../images/opc-ajax-loader.gif");
	background-repeat: no-repeat;
	background-position: center;
	z-index: 3;
}
.product-image-gallery.loading {
	position: relative;
}
.product-image-gallery.loading:before,
.product-image-gallery.loading:after {
	display: block;
}

.product-image-thumbs li {
	display: inline-block;
}
.product-image-thumbs li:first-child {
	margin-left: -1px;
}
.product-image-thumbs a {
	display: inline-block;
	border: 1px solid transparent;
}

.no-touch .product-image-thumbs a:hover {
	border-color: #c7c7c7;
}

.product-view .product-shop,
.product-img-box,
.product-collateral,
.product-view .block-related,
.box-collateral {
	margin-bottom: 10px;
}

ul#upsell-product-table {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-top: 10px;
}
.add-info-two {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}

.add-info-table {
	flex-grow: 2;
}

.add-info-btn-box {
	flex-grow: 1;
	text-align: center;
	max-width: 50%;
}

.add-info-add-to-cart-buttons .button {
	min-height: 40px;
	line-height: 40px;
	font-size: 16px;
	padding: 0px 30px;
	min-width: 160px;
	width: 50%;
	white-space: normal;
}

.add-info-add-to-cart {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
}

/* replace the increment/decrement arrows in browser to custom */

#DFS_STOCKSTATUS {
	max-width: 230px;
}
input[type="number"] {
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.qty-wrapper {
	display: inline-flex;
	justify-content: center;
}

.qty-wrapper,
.qty-wrapper * {
	box-sizing: border-box;
}

.qty-wrapper button {
	background-color: transparent;
	border: none;
	align-items: center;
	justify-content: center;
	width: 20%;
	cursor: pointer;
	margin: 0;
	position: relative;
	padding: 10px;
}

.qty-wrapper button:before,
.qty-wrapper button:after {
	display: inline-block;
	position: absolute;
	content: "";
	width: 10px;
	height: 2px;
	background-color: white;
	transform: translate(-50%, -50%);
}
.qty-wrapper button.plus:after {
	transform: translate(-50%, -50%) rotate(90deg);
}

.qty-wrapper input[type="number"] {
	font-family: sans-serif;
	max-width: 5.2rem;
	padding: 0.5rem;
	border-width: 0 2px;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	width: 80px;
}

@media all and (max-width: 1273px) {
	.grouped-product-main .qty-wrapper input[type="number"] {
		font-size: 14px;
	}
}

.product-shop .qty-wrapper input[type="number"] {
	width: 100%;
	max-width: unset;
	height: 100%;
}

.qty-wrapper {
	background-color: var(--secondary);
}

.qty-wrapper label {
	padding: 4px 7px 4px 4px;
	border-left: 1px solid var(--border);
}

.product-view .add-to-box:after {
	content: "";
	display: table;
	clear: both;
}
.product-view .add-to-cart {
	padding-bottom: 3px;
}
.product-view .add-to-cart .qty-wrapper,
.product-view .product-options-bottom .price-box,
.product-view .add-to-cart-buttons {
	height: 43px;
}
.grouped-items-table-wrapper.bottom-wrapper {
	width: 80%;
	margin-bottom: 15px;
	padding-right: 10px;
	padding-left: 10px;
}

.grouped-items-table-wrapper.top-wrapper {
	width: 100%;
	margin-bottom: 15px;
	padding-right: 10px;
	padding-left: 10px;
}

.grouped-items-table-wrapper.bottom-wrapper {
	margin-left: 25px;
}

@media all and (max-width: 1300px) {
	.product-view.grouped-product .product-shop {
		width: 60%;
	}
	.button-cart-float .add-to-cart {
		width: 30%;
	}
	.grouped-items-table-wrapper.bottom-wrapper {
		width: 80%;
	}
}

@media (max-width: 822px) {
	.grouped-items-table-wrapper.bottom-wrapper {
		width: 80%;
	}
	.button-cart-float .add-to-cart {
		width: 20%;
	}
}

@media all and (max-width: 849px) {
	.product-view.grouped-product .product-shop {
		width: 100%;
	}
}

.dropdown-arrow {
	padding: 0px 10px 0px 10px;
	color: var(--white);
	font-size: 25px;
	font-weight: 700;
}

@media all and (max-width: 1087px) {
	.grouped-items-table h3,
	.group-count {
		font-size: 14px;
		vertical-align: middle;
	}
}

@media all and (max-width: 1300px) {
	.flex-for-options {
		width: 100%;
		border-bottom: 1px solid var(--border);
	}
}

.product-view .product-options-bottom .price-box,
.product-view .add-to-cart .qty-wrapper,
.product-view .add-to-cart-buttons .button {
	margin-bottom: 10px;
}

.product-view .add-to-cart .qty-wrapper label {
	line-height: 40px;
}
.product-view .add-to-cart .qty-wrapper .qty {
	float: left;
	height: 41px;
}

.product-view .add-to-cart-buttons {
	width: 100%;
}

input#qty {
	border: 1px solid var(--secondary);
}

.product-view .add-to-cart-buttons .button {
	height: 43px;
	font-size: 18px;
	padding: 10px 20px 10px 50px;
	float: left;
	width: 100%;
	white-space: normal;
	margin-top: 0px;
}

.product-view .alert-price,
.product-view .alert-stock {
	clear: both;
}

@media all and (max-width: 1600px) {
	.grouped-items-table-wrapper .name {
		width: 45% !important;
	}
}

@media all and (max-width: 479px) {
	.product-view .add-to-cart-buttons .button {
		text-align: center;
		display: block;
		margin-right: 0;
		float: none;
	}
}
.add-to-box .or {
	display: none;
}

.product-view .add-to-links {
	clear: both;
	margin-top: 0px;
	margin-right: 15px;
	float: left;
}
.product-view .add-to-links:after {
	content: "";
	display: table;
	clear: both;
}
.product-view .add-to-links li {
	float: left;
}
.product-view .add-to-links a {
	padding: 2px 7px 2px 0px;
	margin-left: 7px;
	border-right: 1px solid var(--border);
}
.product-view .add-to-links li:first-child a {
	margin-left: 0px;
}
.product-view .add-to-links li:last-child a {
	border-right: 0px;
}

.product-view .sharing-links {
	float: left;
}
.product-view .sharing-links:after {
	content: "";
	display: table;
	clear: both;
}
.product-view .sharing-links li {
	float: left;
	padding: 0px 7px 7px;
}
.product-view .sharing-links a {
	text-indent: -9999px;
	display: block;
	width: 26px;
	height: 26px;
}
.product-view .sharing-links a:hover {
	opacity: 0.8;
}
.product-view .sharing-links a.link-wishlist {
	background-position: 0px -225px;
}
.product-view .sharing-links a.link-compare {
	background-position: 0px -250px;
}
.product-view .sharing-links a.link-email-friend {
	background-position: 0px -322px;
}
.product-view .sharing-links a.link-facebook {
	background-position: 0px -425px;
}
.product-view .sharing-links a.link-twitter {
	background-position: 0px -372px;
}

@media all and (max-width: 599px) {
	.add-to-box .add-to-links a {
		float: none;
		width: auto;
		text-indent: 0;
	}
}
.product-collateral {
	clear: both;
}

.collateral-tabs dd h2 {
	display: none;
}

.box-collateral {
	clear: both;
}

@media all and (min-width: 771px) {
	.product-collateral .toggle-tabs {
		display: block;
		width: 100%;
		position: relative;
		border: 1px solid var(--border);
		background-color: #f4f4f4;
	}
	.product-collateral .toggle-tabs li {
		float: left;
		border-right: 1px solid transparent;
		border-left: 1px solid transparent;
	}
	.product-collateral .toggle-tabs li > span {
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
		display: inline-block;
		padding: 0 30px;
		height: 40px;
		line-height: 40px;
		cursor: pointer;

		font-size: 12px;
		position: relative;
		bottom: -1px;
	}
	.product-collateral .toggle-tabs li.current {
		border-right: 1px solid var(--border);
		border-left: 1px solid var(--border);
	}
	.product-collateral .toggle-tabs li.current > span {
		background-color: #ffffff;
		z-index: 5;
	}
	.product-collateral .toggle-tabs li.current span,
	.product-collateral .toggle-tabs li:hover span {
		color: var(--primary);
	}
	.product-collateral .toggle-tabs li:first-child {
		border-left: none;
	}
	.product-collateral .toggle-tabs:after {
		content: "";
		display: table;
		clear: both;
	}
	.product-collateral > dl {
		width: 100%;
	}
	.product-collateral > dl > dt {
		display: none;
	}
	.product-collateral > dl > dd {
		width: 100%;
		display: none;
		padding: 15px;
		border: 1px solid var(--border);
		border-top: 0;
	}
	.product-collateral > dl > dd.current {
		display: block;
	}
}
@media all and (max-width: 770px) {
	.product-collateral .toggle-tabs {
		display: none;
	}
	.product-collateral > dl > dt {
		margin: 0;
		margin-bottom: 10px;
		color: var(--secondary);
		font-family: sybillapro, Verdana, Arial, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 14px;
		font-weight: 500;
		font-style: normal;
		line-height: 1.4;
		text-rendering: optimizeSpeed;
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
		font-weight: normal;
		margin-bottom: 0px;
		padding: 7px 10px 7px 24px;
		border-width: 1px;
		border-style: solid;
		border-color: var(--border);
		position: relative;
		background-color: #f4f4f4;
		display: block;
	}
	.product-collateral > dl > dt:after {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		display: block;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
		border-top: 4px solid var(--primary);
		border-bottom: none;
		left: 10px;
		top: 50%;
		margin-top: -3px;
	}
	.product-collateral > dl > dt:hover {
		background-color: #ececec;
	}
	.product-collateral > dl > dd {
		padding: 10px;
		margin: 0;
		border-width: 0 1px;
		border-style: solid;
		border-color: var(--border);
	}
	.product-collateral > dl > dd:last-child {
		border-width: 0 1px 1px 1px;
	}
	.product-collateral > dl > dt {
		cursor: pointer;
		border-bottom-width: 0;
	}
	.product-collateral > dl > dt:hover {
		color: var(--primary);
	}
	.product-collateral > dl > dt:after {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		display: block;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 4px solid var(--primary);
		border-right: none;
	}
	.product-collateral > dl > dt.last {
		border-bottom-width: 1px;
	}
	.product-collateral > dl > dd {
		display: none;
	}
	.product-collateral.accordion-open > dl > dt.current {
		border-bottom-width: 1px;
	}

	.product-collateral.accordion-open > dl > dt.current:after {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		display: block;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
		border-top: 4px solid var(--primary);
		border-bottom: none;
		left: 6px;
		top: 50%;
		margin-top: -3px;
	}
	.product-collateral.accordion-open > dl > dd.current {
		display: block;
	}
}
@media all and (max-width: 800px) {
	.product-view .product-shop,
	.product-view .add-to-cart-wrapper,
	.product-view .block-related,
	.product-img-box,
	.product-collateral {
		width: 100%;
		float: none;
		padding-right: 0;
		padding-left: 0;
	}
}
@media all and (min-width: 771px) {
	.product-view .product-shop .product-name {
		display: block;
	}

	.product-img-box .product-name {
		display: none;
	}
}
@media all and (max-width: 479px) {
	.product-view .product-shop,
	.product-img-box,
	.product-collateral,
	.product-view .block-related,
	.box-collateral {
		margin-bottom: 15px;
	}
}

table#super-product-table .qty-wrapper {
	border: 1px solid var(--border);
}

table#super-product-table .qty-wrapper .input-text {
	border: none;
}

.product-view .ratings .rating-links {
	clear: left;
	float: left;
	margin-top: 0;
}

#product-attribute-specs-table {
	max-width: 50em;
	border: 1px solid silver;
	margin-top: 10px;
	margin-left: 20px;
}

/* -------------------------------------------- *
 * Catalog - Grouped Product List
 */
.grouped-items-table-wrapper .a-right {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
}

.grouped-items-table-wrapper button.button.btn-cart {
	width: 100%;
	min-height: unset;
}

.grouped-items-table-wrapper .add-to-cart-buttons {
	width: 100%;
	height: unset;
	margin-right: 0px !important;
}

.grouped-items-table-wrapper button.button.btn-cart {
	min-width: unset;
	padding: 0px !important;
}

@media all and (max-width: 675px) {
	.product-view .add-to-cart-buttons .button {
		padding: 0px 20px;
	}
}

@media all and (min-width: 618px) {
	.grouped-items-table-wrapper .thumbnail {
		padding-top: 3px;
		padding-bottom: 3px;
	}
}

.grouped-items-table-wrapper .data-table td {
	border: none;
}

.grouped-items-table-wrapper tr.groupedCategoryWrapper {
	border-bottom: none;
}

.grouped-items-table-wrapper tr.defaultcategory.even {
	border-bottom: none;
}

.grouped-items-table-wrapper .add-to-cart span {
	line-height: 20px !important;
}

.button-cart-float {
	position: relative;
	max-height: 100%;
	max-width: 100%;
	display: flex;
}

.button-cart-float .add-to-cart {
	position: sticky;
	top: 50vh;
	z-index: 100;
	height: 37px !important;
	right: 0;
	margin-bottom: 20px;
	width: 20%;
}

.grouped-product .std {
	margin-top: 0px;
}

@media all and (max-width: 650px) {
	.button-cart-float .add-to-cart {
		bottom: 5px;
		z-index: 100;
		height: 37px !important;
		right: 0;
		width: 100%;
		display: block;
	}
	.button-cart-float {
		flex-direction: column;
	}
	.grouped-items-table-wrapper.bottom-wrapper {
		margin-left: 25px;
	}
	.grouped-items-table-wrapper.bottom-wrapper {
		width: 95%;
	}
	.product-view .button-cart-float .add-to-cart-buttons .button {
		font-size: 20px;
		min-width: 100%;
	}
}

.group-count {
	position: absolute;
	left: -40px;
	border-radius: 50% 0% 0% 50%;
	background-color: var(--highlight);
	width: 37px;
	height: 37px;
	color: var(--white);
	text-align: center;
	border: 1px solid var(--border);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 700;
}
.grouped-items-table-wrapper .product-pricing {
	max-width: unset;
	margin: auto;
}

.grouped-items-table-wrapper td.name {
	margin-bottom: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-right: 1px solid var(--border);
}

.grouped-items-table-wrapper .image {
	width: 30%;
}

@media all and (max-width: 480px) {
	.product-view .add-to-cart-buttons .button {
		padding: 0px 10px;
	}
}

@media all and (max-width: 479px) {
	.qty-wrapper button {
		padding: 5px;
	}
}

.grouped-items-table-wrapper .name-wrapper a {
	color: var(--secondary) !important;
}

@media all and (max-width: 550px) {
	.grouped-items-table-wrapper .a-right {
		margin-left: 5px;
	}
	.grouped-items-table-wrapper .name {
		margin-bottom: 15px;
	}
	.grouped-items-table-wrapper .product-pricing {
		padding: 2px;
	}
}

.grouped-items-table-wrapper .qty-wrapper {
	max-width: 100%;
}

.grouped-items-table .name-wrapper {
	color: var(--primary);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
}

@media all and (max-width: 550px) {
	.grouped-items-table-wrapper .price,
	.grouped-items-table-wrapper .product-pricing {
		font-size: 14px !important;
	}
}
.grouped-items-table .qty-label {
	margin-left: 7px;
}
.grouped-items-table td {
	padding: 0px;
	vertical-align: middle;
}

@media all and (max-width: 515px) {
	.grouped-items-table-wrapper .qty-label,
	.grouped-items-table-wrapper .qty-wrapper .input-text {
		font-size: 14px !important;
	}
}

@media all and (min-width: 2500px) {
	.grouped-items-table-wrapper {
		width: 100%;
	}
}

.add-to-cart .qty-wrapper {
	border: 1px solid var(--border);
}

/* Related Products section styling by Lyndsey */

.for-related {
	width: 100%;
	padding: 2px !important;
	height: 25px !important;
	background-color: transparent;
	color: white !important;
	background-color: color-mix(
		in srgb,
		var(--secondary),
		transparent 57%
	) !important;
}

.for-related:hover {
	background-color: var(--navfont);
}

.button-content {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.button-wrapper {
	position: relative;
	display: inline-block;
	width: 100%;
}

.related-checkbox {
	position: absolute;
	top: 8px;
	left: 10px;
}

.button-wrapper span {
	margin-left: 20px;
}

@media all and (min-width: 1885px) {
	.related-checkbox {
		left: 10px;
		top: 8px;
	}
}
@media all and (min-width: 2655px) {
	.related-checkbox {
		left: 25px;
		top: 8px;
	}
}

@media all and (max-width: 1314px) {
	.related-checkbox {
		top: 8px;
	}
}

@media all and (max-width: 1076px) {
	.related-checkbox {
		left: 5px;
	}
}

@media all and (max-width: 800px) {
	.related-checkbox {
		left: 10px;
	}
}

@media all and (max-width: 617px) {
	.related-checkbox {
		left: 30px;
		top: 8px;
	}
}

.for-related input {
	display: inline-block;
	margin-top: 0px !important;
}

/* -------------------------------------------- *
 * Catalog - Product Options
 */

.product-options p.required {
	position: absolute;
	top: 6px;
	right: 15px;
	text-align: right;
}

@media all and (max-width: 979px) {
	.product-view .product-options .required {
		position: static;
	}
}
.product-options dt {
	margin: 10px 0 3px;
	font-weight: normal;
}

.product-options dt:first-child {
	margin-top: 0;
}

.product-options dd .qty-holder {
	display: block;
	padding: 10px 0 0 0;
}

.product-options dd .qty-holder .qty {
	width: 3em;
}

.product-options dd .qty-holder label {
	vertical-align: middle;
}

.product-options dd .qty-disabled {
	background: none;
	border: 0;
	padding: 0 2px;
}

.product-options dd {
	padding: 0 0 10px 0;
	margin: 0 0 5px;
	border-bottom: 1px solid var(--h1h2bottomborder);
}

.product-options dl.last dd.last {
	border-bottom: 0;
	padding-bottom: 5px;
	margin-bottom: 0;
}

.product-options dd .input-text {
	width: 98%;
}

.product-options dd .input-box {
	padding-top: 0;
}

.product-options dd input.datetime-picker {
	width: 150px;
}

.product-options dd .time-picker {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	padding: 2px 0;
	vertical-align: middle;
}

.product-options dd textarea {
	width: 98%;
	height: 8em;
}

.product-options dd select {
	width: 330px;
	max-width: 100%;
}

.product-options dd select:disabled {
	display: none;
}

.product-options ul.options-list {
	margin-right: 5px;
}

.product-options ul.options-list li {
	line-height: 1.5;
	margin-bottom: 7px;
}

.product-options ul.options-list li:last-child {
	margin-bottom: 0;
}

.product-options ul.options-list .radio,
.product-options ul.options-list .checkbox {
	float: left;
	margin-top: 5px;
}

.product-options ul.options-list .label {
	display: block;
}

.product-options ul.options-list label {
	font-weight: normal;
}

.product-options p.note {
	margin: 0;
	font-size: 11px;
}

.product-options-bottom {
	background-color: #f4f4f4;
	padding: 15px 20px;
	border: 1px solid var(--border);
	border-top: 0;
	margin-bottom: 10px;
	max-width: 500px;
}

.product-options-bottom:after {
	content: "";
	display: table;
	clear: both;
}

.product-options-bottom .product-pricing,
.product-options-bottom .tier-prices {
	float: right;
	margin: 0;
	padding: 0 0 10px;
	border: 0;
	background: 0;
	color: var(--secondary);
}
@media all and (max-width: 1199px) {
	.product-options-bottom .product-pricing,
	.product-options-bottom .tier-prices {
		float: none;
		width: 100%;
		text-align: right;
		padding-bottom: 5px;
		margin-bottom: 10px;
		border-bottom: 1px solid var(--border);
	}
}

.product-options-bottom .tier-prices li {
	background: 0;
	padding: 2px 0;
}

.product-options-bottom .tier-prices .price,
.product-options-bottom .tier-prices .benefit {
	color: var(--secondary);
}

/* "display: none" should be removed if products on site have a long list of product options and those product options */
/*  affect the price so that the customer can see the updated price close to the "Add to Cart" button */
.product-options-bottom .price-box {
	display: none;
	float: right;
	margin: 0 0 10px;
	padding: 0;
}

@media all and (max-width: 479px) {
	.product-options-bottom .price-box .price-as-configured {
		text-align: right;
	}
	.product-options-bottom .price-box .price-as-configured .price-label {
		display: block;
	}
}
.product-options-bottom .price-tax {
	float: left;
}

/* -------------------------------------------- *
 * Related Products
 */
/* Block: Related */

.block-related .block-title {
	border-bottom: none;
}

.block-related .block-subtitle {
	margin-bottom: 7px;
}
.block-related .product {
	margin-left: 5px;
	position: relative;
}

.block-related .product-name {
	margin-bottom: 3px;
}
.prod-min-price {
	margin-top: 2px;
}

.block-related .product-details .price-box {
	margin: 2px 0 3px;
}
.block-related .product-details .price-box a,
.block-related .product-details .price-box p,
.block-related .product-details .price-box span {
	margin-left: 3px;
}

.font-size15 {
	font-size: 15px !important;
}

.block-related .product-details .price-box a:first-child,
.block-related .product-details .price-box p:first-child,
.block-related .product-details .price-box span:first-child {
	margin-left: 0;
	font-size: 16px;
}
.block-related .product-details .price-box:after {
	content: "";
	display: table;
	clear: both;
}
.block-related .link-wishlist {
	display: none;
}
.price-box span.discount-qty.label {
	font-size: 12px !important;
}
.product-details {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.grouped-items-table .thumbnail {
	max-width: 100px;
}

@media all and (max-width: 473px) {
	.grouped-items-table .thumbnail {
		width: 70px;
	}
}

.for-upsell .product-details,
.related-swiper-only .product-details {
	display: grid;
	grid-template-areas: "name" "box";
	justify-content: center;
	grid-template-rows: auto 40px;
	grid-template-columns: 100%;
}

.viewed-swiper-only .product-details {
	display: grid;
	grid-template-areas: "name";
	justify-content: center;
	grid-template-columns: 100%;
}

.crosssell .product-info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.for-upsell .product-name {
	grid-area: name;
}

.for-upsell .price-box {
	grid-area: box;
}

/* Related products styling by Lyndsey */

.grouped-items-table-wrapper .product-pricing {
	margin: auto;
	text-align: center;
}

.block.block-related img {
	margin: auto;
}

.block.block-related .regular-price {
	text-align: center;
}

.block.clock-related .price-box .minimal-price-link {
	padding-left: 0px;
}

.products-grid .product-pricing {
	width: 60%;
	margin: auto;
}

@media all and (max-width: 1413px) {
	.products-grid .product-pricing {
		width: 80%;
	}
}

.box-up-sell .products-grid .product-pricing {
	width: 90%;
}

.product-pricing {
	font-size: 14px;
	text-align: center;
}

@media all and (max-width: 868px) {
	.grouped-product-main .product-pricing {
		font-size: 12px;
	}
	.grouped-product-main .product-pricing {
		font-size: 12px;
	}
	.grouped-product-main .price-box {
		font-size: 12px;
	}
}

@media all and (max-width: 1414px) {
	.product-pricing {
		font-size: 13px;
		text-align: center;
		margin-bottom: 5px;
	}
}

.product-shop .product-pricing {
	font-size: 17px;
	text-align: center;
	margin-bottom: 5px;
}

.product-shop .product-pricing {
	font-size: 17px;
	text-align: center;
	margin-bottom: 5px;
}

.block-related .product-pricing,
.box-upsell .product-pricing {
	font-size: 14px;
}
.block.block-related a.minimal-price-link {
	text-align: center;
}

.block.block-related .product,
.viewed-swiper-only .product {
	display: flex;
	flex-direction: column;
}

.products-grid li {
	max-width: 270px;
}

@media all and (max-width: 1413px) {
	.products-grid li {
		max-width: 190px;
	}
}

@media all and (max-width: 1010px) {
	.products-grid li {
		max-width: 165px;
	}
}

.block-related .product-details .price-box a {
	margin-left: 0px;
	line-height: 1;
}

.block-related .product-details .price-box span {
	margin-left: 0px !important;
}

input#qty::-webkit-outer-spin-button,
input#qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

/* -------------------------------------------- *
 * Upsell Products
 */
.box-up-sell {
	margin-top: 20px;
}
.box-up-sell .ratings {
	display: none;
}

/* ============================================ *
 * Catalog - MSRP MAP Popup
 * ============================================ */
.cart-msrp-totals {
	color: red;
	font-size: 12px !important;
	font-weight: 500;
	margin: 10px 10px 0;
	padding: 10px;
	text-align: right;
}

.map-cart-sidebar-total {
	color: red;
	display: block;
	font-size: 10px;
	font-weight: 500;
	text-align: left;
	padding: 2px 5px;
}

.map-popup {
	background: #ffffff;
	border: 5px solid var(--border);
	margin: 12px 0 0;
	position: absolute;
	text-align: left;
	width: 450px;
	z-index: 100;
}
@media all and (min-width: 771px) {
	.map-popup.map-popup-right {
		left: 10px !important;
	}
	.map-popup.map-popup-left {
		left: auto !important;
		right: 10px !important;
	}
}
@media all and (max-width: 770px) {
	.map-popup {
		width: 100%;
		left: 0px !important;
	}
}
.map-popup .map-popup-heading {
	padding: 8px 10px;
	margin-right: 40px;
	width: auto;
}
.map-popup .map-popup-heading h3 {
	font-size: 14px;
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: break-word;
	text-align: left;
	text-overflow: ellipsis;
}
@media all and (max-width: 479px) {
	.map-popup .map-popup-heading h3 {
		text-align: center;
	}
}
.map-popup .map-popup-close {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 36px;
	width: 36px;
	font-size: 20px;
	line-height: 32px;
	text-align: center;
}
.map-popup .map-popup-content {
	border-top: 1px solid var(--h1h2bottomborder);
	padding: 10px;
	margin: 0 10px;
	overflow: hidden;
	text-align: left;
}
@media all and (max-width: 479px) {
	.map-popup .map-popup-content {
		text-align: center;
	}
}
.map-popup .map-popup-checkout {
	padding: 10px 0;
}
.map-popup .map-popup-checkout form:after {
	content: "";
	display: table;
	clear: both;
}
.map-popup .map-popup-checkout span {
	display: block;
}
.map-popup .map-popup-checkout .button {
	float: left;
	margin: 0 2px;
	clear: left;
}
.map-popup .map-popup-checkout .additional-addtocart-box {
	float: left;
	min-width: 210px;
}
.map-popup .map-popup-checkout .additional-addtocart-box li {
	list-style-type: none;
}

@media all and (max-width: 479px) {
	.map-popup .map-popup-checkout {
		text-align: center;
	}
	.map-popup .map-popup-checkout .button,
	.map-popup .map-popup-checkout .additional-addtocart-box {
		float: none;
	}
	.map-popup .map-popup-checkout .additional-addtocart-box {
		min-width: 0px;
	}
}

.map-popup .map-popup-checkout:after {
	content: "";
	display: table;
	clear: both;
}
.map-popup .map-popup-price {
	padding: 10px 0;
}
@media all and (max-width: 479px) {
	.map-popup .map-popup-price {
		text-align: center;
		padding-top: 0px;
	}
}
.map-popup .map-popup-price .price-box,
.map-popup .map-popup-price .price-box .special-price {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.map-popup .map-popup-price .price-box .minimal-price-link {
	display: inline-block;
}
.map-popup .map-popup-text {
	padding: 10px 0;
	margin: 0 10px;
	word-wrap: break-word;
}
.map-popup .map-popup-text,
.map-popup .map-popup-only-text {
	border-top: 1px solid var(--h1h2bottomborder);
}

/* ============================================ *
 * Catalog - MSRP Product Listing
 * ============================================ */
.price-box .map-link {
	display: block;
	text-align: center;
}

/* ============================================ *
 * Catalog - Compare
 * ============================================ */
.block-compare .product-name:after {
	content: "";
	display: table;
	clear: both;
}

.compare-table .product-image {
	display: inline-block;
}

.compare-table .product-shop-row.top td {
	padding-bottom: 0;
	border-bottom: 0;
}
.compare-table .product-shop-row.bottom td {
	padding-top: 0;
}

/* ============================================ *
 * Checkout - Layout
 * ============================================ */
.cart-table {
	float: left;
}

.cart .button {
	white-space: normal;
}

.cart-forms,
.cart-totals-wrapper {
	float: right;
	clear: right;
	width: 50%;
}

@media all and (max-width: 977px) {
	.flex-cart {
		display: flex;
		width: 100%;
		gap: 5px;
	}
}

@media all and (max-width: 828px) {
	.flex-cart {
		flex-wrap: wrap;
	}
}

@media (max-width: 599px) {
	.cart-forms,
	.cart-totals-wrapper,
	.crosssell {
		clear: right;
		width: 100%;
	}
}

@media (max-width: 829px) {
	.cart-forms,
	.cart-totals-wrapper {
		width: 100% !important;
	}
}

.cart-totals,
.cart-forms .discount,
.cart-forms .shipping {
	padding: 10px;
	background-color: #f4f4f4;
	border: 1px solid var(--border);
}

.cart-table,
.cart-totals,
.cart-forms .discount,
.cart-forms .shipping {
	margin-bottom: 20px;
}

.checkout-cart-index #postcode {
	width: 100%;
}

.display-both-prices .cart-table {
	float: none;
	width: 100%;
}
.display-both-prices .cart-forms {
	float: left;
	padding-right: 10px;
	padding-left: 0;
}
.display-both-prices .cart-totals-wrapper,
.display-both-prices .crosssell {
	padding-left: 10px;
}
.display-both-prices .cart-forms,
.display-both-prices .cart-totals-wrapper,
.display-both-prices .crosssell {
	width: 50%;
}
.display-both-prices .crosssell {
	clear: right;
	float: right;
}

.display-single-price:after {
	content: "";
	display: table;
	clear: both;
}

/* ============================================ *
* Checkout - Cart
* ============================================ */
.cart .page-title {
	margin-bottom: 15px;
	border-bottom: 1px solid var(--h1h2bottomborder);
}
.cart .page-title:after {
	content: "";
	display: table;
	clear: both;
}
.cart .page-title h1 {
	float: left;
	border-bottom: none;
	margin-bottom: 6px;
	margin-right: 10px;
}

.checkout-types li {
	vertical-align: top;
	margin: 0 0 5px 5px;
}
.checkout-types li:after {
	content: "";
	display: table;
	clear: both;
}
.checkout-types li img {
	display: inline;
	vertical-align: top;
}
.checkout-types li:first-child {
	margin-left: 0;
}
.checkout-types .method-checkout-cart-methods-multishipping {
	display: block;
}
.checkout-types.top li {
	display: inline-block;
}
.checkout-types.top .bml_button {
	display: inline-block;
	vertical-align: top;
}
.checkout-types.top .bml_button img {
	display: block;
}

.cart-totals .checkout-types .btn-checkout {
	margin-bottom: 7px;
	margin-top: 7px;
}

@media all and (max-width: 740px) {
	.checkout-types li {
		float: none;
		width: 100%;
		margin-left: 0;
	}
}
.cart-table {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	width: 100%;
}

@media all and (max-width: 820px) {
	.cart-table {
		width: 100% !important;
	}
}

.cart-table th,
.cart-table td,
.cart-table tbody td {
	border-bottom: none;
	vertical-align: top;
}
.cart-table h2 {
	border-top: 0px;
	color: var(--secondary);
	font-size: 14px;
	font-weight: 00;
	margin-bottom: 0;
}
.cart-table thead th,
.cart-table tbody td {
	background-color: transparent;
	padding: 10px 5px;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
}
.cart-table tr {
	border-bottom: 1px solid silver;
}
.cart-table tfoot tr {
	background: none;
}
.cart-table tfoot tr > td:after {
	content: "";
	display: table;
	clear: both;
}
.cart-table span.or {
	font-size: 9px;
	padding: 0 5px;

	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
}
.cart-table .product-cart-image .cart-links,
.cart-table .product-cart-info .btn-remove,
.cart-table .product-cart-actions .button {
	display: none;
}
.cart-table .product-cart-image {
	padding-left: 0;
	padding-right: 0;
}
.cart-table .product-cart-image .product-image img {
	max-width: 100%;
	width: 100%;
}

.cart-table .product-cart-image a.cart-edit {
	display: none;
}
.cart-table .product-cart-sku {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-style: italic;
	font-size: 12px;
	margin: 5px 0 12px;
}
@media (min-width: 320px) {
	.cart-table .product-cart-sku {
		font-family: sybillapro, Verdana, Arial, sans-serif;
		font-style: italic;
		font-size: 14px;
		margin: 5px 0 12px;
	}
}

td.product-cart-actions {
	display: flex !important;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

button.button.btn-update {
	height: 30px;
	margin: auto;
}
.cart-table .product-cart-sku .label {
	font-weight: 00;
}
.cart-table .btn-empty {
	float: left;
}
.cart-table .product-cart-total,
.cart-table .product-cart-price {
	text-align: center;
}
.cart-table .cart-tax-total {
	position: relative;
	cursor: pointer;
}
.cart-table .cart-tax-total:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid var(--primary);
	border-left: none;
	position: absolute;
	top: 3px;
	right: -11px;
}
.cart-table .cart-tax-total.cart-tax-total-expanded:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-top: 6px solid var(--primary);
	border-bottom: none;
	right: -15px;
	top: 6px;
}
.cart-table .cart-links > li {
	white-space: nowrap;
	line-height: 1.3;
	margin-bottom: 5px;
	min-width: 65px;
	font-size: 13px;
}
.cart-table .cart-links > li > a {
	display: block;
}
.cart-table .cart-links > li:last-child {
	margin-bottom: 0;
}
.cart-table .product-cart-actions {
	min-width: 60px;
	text-align: center;
	max-width: 230px;
	margin: auto;
}

@media all and (max-width: 800px) {
	.cart-table .product-cart-actions {
		max-width: 140px;
	}
}

.cart-table .product-cart-actions .qty {
	height: 30px;
	border-color: silver;
	border-radius: 0;
	margin-bottom: 10px;
	text-align: center;
	width: 3.2em;
}
.cart-table .product-cart-actions .button {
	margin-bottom: 5px;
	margin-top: 5px;
	width: 75px;
}
@media all and (max-width: 770px) {
	.cart-table th {
		font-size: 12px;
	}
	.cart-table th,
	.cart-table td {
		padding: 7px 6px;
	}
	.cart-table .product-cart-actions > li {
		white-space: inherit;
	}
}
@media all and (max-width: 699px) {
	.display-both-prices .cart-table thead th.cart-total-head,
	.display-both-prices .cart-table td.product-cart-total {
		display: none;
	}
}
@media all and (max-width: 800px) {
	.cart-table colgroup,
	.cart-table thead {
		display: none;
	}
	.cart-table tr {
		display: block;
		margin-bottom: 10px;
		padding-bottom: 10px;
		position: relative;
		width: 100%;
	}

	input.cart-qty,
	.cart-table .product-cart-actions .button {
		width: 80px !important;
	}

	.cart-table tr:after {
		content: "";
		display: table;
		clear: both;
	}
	.cart-table tr:last-child {
		margin-bottom: 0;
	}
	.cart-table tfoot tr {
		padding-bottom: 0;
	}
	.cart-table td {
		border: none;
		display: block;
	}
	.cart-table td[data-rwd-label] {
		margin-bottom: 6px;
	}
	.cart-table td[data-rwd-label] .price {
		font-weight: normal;
	}
	.cart-table td[data-rwd-label]:before {
		content: attr(data-rwd-label) ":";
		font-size: 12px;
		font-family: sybillapro, Verdana, Arial, sans-serif;
		font-weight: 400;
		padding-right: 5px;
	}
	@media (min-width: 320px) {
		.cart-table td[data-rwd-label]:before {
			content: attr(data-rwd-label) ":";
			font-size: 15px;
			font-family: sybillapro, Verdana, Arial, sans-serif;
			font-weight: 400;
			padding-right: 5px;
		}
	}
	.cart-table td.product-cart-price {
		text-align: left;
	}
	.cart-table h2 {
		font-size: 12px;
	}

	@media (min-width: 320px) {
		.cart-table h2 {
			font-size: 16px;
		}
	}
	.cart-table .cart-links {
		padding-top: 5px;
		padding-right: 5px;
	}
	.cart-table .cart-links > li {
		white-space: normal;
		text-align: center;
	}
	.cart-table .cart-links > li > a {
		padding: 2px 0px;
	}
	.cart-table .cart-tax-info {
		font-style: italic;
		padding-left: 15px;
		font-size: 13px;
	}
	.cart-table .cart-tax-info .price {
		font-size: 13px;
	}
	.cart-table .product-cart-image {
		width: 25%;
		float: left;
		padding-bottom: 0;
	}
	.cart-table .product-cart-image a.cart-edit {
		display: block;
		font-size: 16px;
		text-align: center;
	}
	.cart-table .product-cart-info,
	.cart-table td[data-rwd-label] {
		float: right;
		width: 75%;
	}
	.cart-table .product-cart-actions,
	.cart-table .product-cart-price {
		padding-bottom: 0;
		padding-top: 0;
		float: right;
	}
	.cart-table .product-cart-remove,
	.cart-table .product-cart-total,
	.cart-table .product-cart-actions .cart-links {
		display: none;
	}
	.cart-table .product-cart-image .cart-links,
	.cart-table .product-cart-info .btn-remove {
		display: block;
	}
	.cart-table .product-cart-actions .button {
		display: none;
	}
	.cart-table .product-cart-info .btn-remove {
		float: right;
		margin: -4px 0px 2px 7px;
	}
	.cart-table .product-cart-info .product-cart-sku {
		margin-bottom: 5px;
	}
	.cart-table .product-cart-actions {
		text-align: left;
	}
	.cart-table .product-cart-actions .qty {
		margin-right: 7px;
		margin-bottom: 7px;
	}
	.cart-table .price,
	.cart-table .product-cart-price:before {
		font-weight: 500;
		font-size: 15px;
		font-family: sybillapro, Verdana, Arial, sans-serif;
	}
	.cart-table .cart-footer-actions {
		text-align: center;
		width: 100%;
	}
	.cart-table .cart-footer-actions #empty_cart_button {
		float: right;
	}
	.cart-table .cart-footer-actions .btn-continue {
		float: left;
	}
	.cart-table .cart-footer-actions .btn-update,
	.cart-table .cart-footer-actions span.or {
		display: none;
	}

	.display-both-prices .cart-table td[data-rwd-tax-label]:before {
		content: attr(data-rwd-tax-label) ":";
	}
}
/* ============================================ *
* Checkout - Estimate Shipping and Tax
* ============================================ */

@media (min-width: 320px) {
	.shipping h2 {
		font-size: 18px;
		font-weight: 700;
		margin: 0 0 5px;
		border-top: 0px;
	}
}

.shipping-radio-label {
	display: flex;
	align-items: center;
	gap: 5px;
}

label.directshipfee {
	font-size: 14px;
	font-weight: 600;
	margin: 0 0 5px;
	border-top: 0px;
	color: var(--primary) !important;
}

div#advice-validate-cc-cvn-ccsave_cc_cid {
	margin-top: 0;
}

.shipping select {
	max-width: 100%;
	height: 30px;
	display: block;
	border: 1px solid silver;
}
.shipping select.validation-failed {
	border-color: #df280a;
}
.shipping .shipping-desc {
	display: none;
}
.shipping .buttons-set {
	border: none;
	margin: 0;
	padding: 0;
}
.shipping .form-list:after {
	content: "";
	display: table;
	clear: both;
}
.shipping .form-list li {
	float: left;
	margin: 5px 2% 10px 0;
}
.shipping .form-list .shipping-country {
	width: 37%;
}
.shipping .form-list .shipping-region {
	width: 41%;
}
.shipping .form-list .shipping-postcode {
	margin-right: 0;
	width: 18%;
}

.shipping .form-list .input-box {
	padding-top: 0;
}
.shipping .form-list input {
	height: 30px;
}
.shipping .form-list label {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-style: normal;
	font-size: 13px;
	font-weight: 500;
	white-space: nowrap;
}
@media (min-width: 320px) {
	.shipping .form-list label {
		font-family: sybillapro, Verdana, Arial, sans-serif;
		font-style: normal;
		font-size: 14px;
		font-weight: 500;
		white-space: nowrap;
	}
}

.shipping .sp-methods {
	padding: 10px 0 0;
	text-align: left;
}

.shipping .sp-methods label {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-style: italic;
	min-width: 100px;
}
.shipping .sp-methods label span {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 500;
	font-style: normal;
}
.shipping #co-shipping-method-form .buttons-set .button {
	float: left;
	margin-left: 0;
}

@media all and (max-width: 770px) {
	.shipping .shipping-form .form-list > li {
		width: 100%;
		float: none;
	}
	.shipping .shipping-form .form-list > li label {
		display: block;
	}
	.shipping .shipping-form .form-list > li input,
	.shipping .shipping-form .form-list > li select {
		width: 100%;
	}
}
.cart .cart-totals {
	text-align: right;
}
.cart .cart-totals:after {
	content: "";
	display: table;
	clear: both;
}
.cart .cart-totals table {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	margin-bottom: 20px;
	width: 100%;
}
@media (min-width: 320px) {
	.cart .cart-totals table {
		font-family: sybillapro, Verdana, Arial, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 14px;
		margin-bottom: 20px;
		width: 100%;
	}
}

#shopping-cart-totals-table td span,
#shopping-cart-totals-table td strong {
	margin-left: 10px;
}
.cart .cart-totals table td {
	padding: 2px 0px;
}
.cart .cart-totals table td:first-child {
	min-width: 120px;
}
.cart .cart-totals table tbody tr:last-child td,
.cart .cart-totals table tbody tr:last-child th {
	padding-bottom: 10px;
}
.cart .cart-totals table tfoot {
	border-top: 1px solid var(--navfont2);
	border-bottom: 1px solid var(--navfont2);
}
.cart .cart-totals table tfoot td {
	font-size: 24px;
	vertical-align: top;
}
.cart .cart-totals table tfoot strong span,
.cart .cart-totals table tfoot span.price {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;

	font-style: normal;
}
.cart .cart-totals table tfoot strong {
	font-weight: 500;
}

@media all and (max-width: 600px) {
	.cart-totals {
		text-align: right;
	}
}
@media all and (max-width: 770px) {
	.cart .cart-totals table tfoot td {
		font-size: 18px;
	}
}
.discount-form:after {
	content: "";
	display: table;
	clear: both;
}

.category-products .products-grid .product-info {
	display: grid;
	grid-template-rows: 2fr;
}

.details-container {
	display: grid;
	/* grid-template-rows: 100px 50px; */
}

/* ============================================ *
* Checkout - Cart Cross sell
* ============================================ */
.crosssell h2 {
	color: var(--primary);
}

/* Change the layout to 2 columns at a breakpoint that is higher than a 3 columns layout would normally break */
@media all and (max-width: 979px) {
	.crosssell .products-grid > li:nth-child(even),
	.crosssell .products-grid > li:nth-child(3n),
	.crosssell .products-grid > li {
		width: 47.72727%;
		margin-right: 4.54545%;
	}
	.crosssell .products-grid > li:nth-child(odd) {
		clear: left;
	}
	.crosssell .products-grid > li:nth-child(even) {
		margin-right: 0;
	}
	.crosssell .products-grid > li:nth-child(3n + 1) {
		clear: none;
	}
}
@media all and (max-width: 599px) {
	.cart-table .cart-tax-total:after {
		right: -9px;
	}
	.cart-table .cart-tax-total.cart-tax-total-expanded:after {
		right: -13px;
	}
}
@media all and (max-width: 320px) {
	.crosssell ul .item {
		padding: 0 0px 40px;
	}
	.crosssell ul .product-details .crosssell-actions {
		padding: 0 5px;
	}
}
/* ============================================ *
* Checkout - One Page
* ============================================ */

.opc select {
	width: 365px;
}

/* -------------------------------------------- *
* Section Styling - Default
*/
.opc .section .step-title {
	width: 100%;
	border-top: 1px solid #ececec;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.opc .section .step-title:after {
	content: "";
	display: table;
	clear: both;
}

.opc .section.allow:not(.active) .step-title {
	cursor: pointer;
}

/* Using .no-touch since touch devices emulate hover, thereby making steps look active that are not */
.no-touch .opc .section.allow:not(.active) .step-title:hover {
	background-color: #f4f4f4;
}

.opc .section.active .step-title {
	border-bottom: 1px solid #ececec;
}

.opc .section .step-title a {
	display: none;
}

.opc .section.allow:not(.active) .step-title a {
	display: block;
	float: right;
	line-height: 40px;
	height: 40px;
	padding: 0px 10px;
}

.no-touch .opc .section .step-title a:hover {
	text-decoration: none;
}

.opc .section .step-title .number,
.opc .section.allow.active .step-title .number,
.no-touch .opc .section.allow:hover .step-title .number {
	width: 26px;
	height: 26px;
	text-align: center;
	color: #ffffff;
	line-height: 26px;
	background-color: var(--primary);
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -13px;
}

.opc .section.allow .step-title .number {
	background-color: #99cce5;
}

.opc .section.allow .step-title h2 {
	color: #a0a0a0;
}

.opc .section.allow .step-title:hover h2,
.opc .section.active .step-title h2 {
	color: var(--primary);
}

.opc .section .step-title h2 {
	font-size: 16px;
	font-weight: 500;
	line-height: 40px;
	height: 40px;
	float: left;
	margin: 0px 4px 0px 45px;
}

.opc .section .step {
	padding: 20px;
}
.opc .section .step:after {
	content: "";
	display: table;
	clear: both;
}
@media all and (max-width: 979px) {
	.opc .section .step {
		padding: 10px;
	}
}

.opc select {
	max-width: 365px;
	width: 100%;
}

.opc h3 {
	font-weight: 500;
}

.opc .buttons-set {
	text-align: left;
}
.opc .buttons-set button.button {
	float: left;
	margin-left: 0;
	margin-right: 10px;
	margin-bottom: 0;
}
.opc .buttons-set p.required {
	float: right;
	margin-left: 5px;
	margin-bottom: 0;
}
.opc .buttons-set .back-link {
	float: right;
	margin: 0;
}
.opc .buttons-set a {
	line-height: 20px;
	display: inline-block;
	padding: 5px 5px 5px 0;
}

@media all and (max-width: 479px) {
	.opc .buttons-set .button + .buttons-set .button {
		margin-left: 0;
	}
}
.opc #opc-login .step {
	padding: 0px;
}
.opc #opc-login .buttons-set {
	border-top: 0;
	padding-top: 5px;
}

@media all and (max-width: 770px) {
	.opc #opc-login .description,
	.opc #opc-login p.required {
		display: none;
	}
}
#opc-payment .note {
	padding: 10px;
}

/* -------------------------------------------- *
* This section hides everything but the "Checkout Method" step of the checkout process and fades in the content
* once the customer progresses to the next step. The purpose of this is to simplify what the customer has to focus on.
* It is limited to larger viewports since smaller devices are inherently going to be focused solely on the
* "Checkout Method" step.
*/
.opc.opc-firststep-login .section:not(#opc-login) .step-title,
.opc-block-progress-step-login {
	transition: opacity 300ms linear 0;
}

.opc.opc-firststep-login .section#opc-login .step-title .number {
	transition: width 80ms linear 0;
}

.opc.opc-firststep-login .section#opc-login .step-title h2 {
	transition: margin-left 80ms linear 0;
}

/* When a user progresses from the "Checkout Method" to "Billing Information" for the first time, the              */
/* "opc-has-progressed-from-login" class gets added to the body. Also, the .opc element will only have the         */
/* "opc-firststep-login" class if the first step of the checkout is the "Checkout Method" (eg, not when logged in) */
body:not(.opc-has-progressed-from-login)
	.opc.opc-firststep-login
	.section:not(#opc-login)
	.step-title,
body:not(.opc-has-progressed-from-login) .opc-block-progress-step-login {
	opacity: 0;
}

body:not(.opc-has-progressed-from-login)
	.opc.opc-firststep-login
	.section#opc-login
	.step-title
	.number {
	width: 0px;
	overflow: hidden;
}

body:not(.opc-has-progressed-from-login)
	.opc.opc-firststep-login
	.section#opc-login
	.step-title
	h2 {
	margin-left: 0px;
}

/* -------------------------------------------- *
* Shipping and Payment methods
*/
.sp-methods {
	margin: 0 0 8px;
}
.sp-methods dt {
	margin: 13px 0 5px;
	font-weight: 500;
}
.sp-methods dt:first-child {
	margin: 0 0 5px;
	font-weight: 700;
	color: var(--primary);
}
.sp-methods dd li {
	margin: 5px 0;
}
.sp-methods label img {
	float: left;
}
.sp-methods label a {
	margin-top: 6px;
	float: right;
	margin-left: 10px;
}
.sp-methods .price {
	font-weight: 500;
}
.sp-methods .form-list {
	padding-left: 20px;
}
.sp-methods .form-list li {
	margin: 0 0 8px;
}
.sp-methods select.month {
	width: 120px;
	margin-right: 10px;
}
.sp-methods select.year {
	width: 96px;
}
.sp-methods input.cvv {
	width: 4em !important;
}
.sp-methods #advice-validate-cc-exp-ccsave_expiration {
	max-width: 130px;
}
.sp-methods .checkmo-list li {
	margin: 0 0 5px;
	content: "";
	display: table;
	clear: both;
}
.sp-methods .checkmo-list label {
	width: 165px;
	padding-right: 15px;
	text-align: right;
	float: left;
}
.sp-methods .checkmo-list address {
	float: left;
}
@media all and (max-width: 479px) {
	.sp-methods .checkmo-list {
		padding-left: 0;
	}
	.sp-methods .checkmo-list label {
		width: 135px;
	}
}
.sp-methods .release-amounts {
	margin: 0.5em 0;
}
.sp-methods .release-amounts button {
	float: left;
	margin: 5px 10px 0 0;
}

/* One Page Checkout */
.block-progress {
	border: 0;
	margin: 0;
	border-left: 1px solid var(--border);
	padding-left: 20px;
}
.block-progress .block-content {
	font-size: 13px;
}
.block-progress dt {
	padding-top: 6px;
	margin: 0;
	margin-bottom: 10px;
	color: var(--secondary);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	line-height: 1.4;
	text-rendering: optimizeSpeed;

	margin-bottom: 6px;

	font-weight: normal;
	color: #a0a0a0;
}
.block-progress dt.complete {
	color: var(--secondary);
}
.block-progress dd {
	padding-left: 15px;
	margin-bottom: 10px;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-style: italic;
}
.block-progress dd address {
	font-style: italic;
}
.block-progress #payment-progress-opcheckout .subtitle {
	margin-bottom: 3px;
}
.block-progress .payment-info dt {
	padding: 0;
	margin: 0 0 3px 0;
	color: var(--secondary);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	text-transform: none;
	font-style: italic;
	float: left;
	clear: both;
	font-size: 13px;
}
.block-progress .payment-info dt:after {
	content: ": ";
}
.block-progress .payment-info dd {
	float: left;
	margin-bottom: 3px;
	font-size: 13px;
}
.block-progress .payment-info:after {
	content: "";
	display: table;
	clear: both;
}

/* review step */
#checkout-review-table .btn-remove img {
	display: none;
}

#checkout-review-table-wrapper {
	clear: both;
}

#review-buttons-container {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}
#review-buttons-container .btn-checkout {
	min-width: 220px;
}
#review-buttons-container .please-wait {
	float: left;
	margin-right: 10px;
}
#review-buttons-container .f-left {
	float: right;
}

@media all and (max-width: 599px) {
	.linearize-table-large.checkout-review-table thead tr:nth-child(1n + 2) {
		display: none;
	}
}
@media all and (max-width: 479px) {
	.linearize-table.checkout-review-table thead tr:nth-child(1n + 2) {
		display: none;
	}
}
/* show/hide "change" link for progress step depend on complete status
* should be placed in .css file */
.opc-block-progress dt.complete a,
.opc-block-progress dt.complete .separator {
	display: inline;
}

.opc-block-progress dt a,
.opc-block-progress dt .separator {
	display: none;
}

/* On small screens, the progress review content will be moved to the review step via JS. Styled via this CSS: */
#checkout-step-review .opc-block-progress {
	border-left: none;
	padding-left: 0;
}
#checkout-step-review .opc-block-progress .block-title {
	display: none;
}
#checkout-step-review .opc-block-progress .block-content {
	display: block !important;
	padding: 0;
}
#checkout-step-review .opc-block-progress .block-content > dl > div {
	float: left;
	width: 50%;
}
@media all and (max-width: 479px) {
	#checkout-step-review .opc-block-progress .block-content > dl > div {
		float: none;
		width: auto;
	}
}
#checkout-step-review .opc-block-progress .block-content .changelink {
	display: none;
}

@media all and (max-width: 479px) {
	#checkout-review-table thead > tr > th:first-child {
		display: block;
	}
}
#checkout-step-review .centinel > p {
	margin-bottom: 10px;
}
#checkout-step-review .centinel iframe {
	width: 100%;
	min-height: 400px;
}

/* ============================================ *
* Checkout - Success
* ============================================ */
.checkout-onepage-success .buttons-set {
	margin: 10px 0;
	text-align: center;
}
.checkout-onepage-success .buttons-set button {
	float: none;
}

/* ============================================ *
* Configurable Swatches
* ============================================ */
/* Clears */
.clearfix:after,
.configurable-swatch-list:after,
.product-view .product-options .swatch-attr:after {
	content: "";
	display: table;
	clear: both;
}

/* General Swatch Styling */
.swatch-link,
.swatch-label {
	display: block;
	border-radius: 3px;
	font-size: 14px;
	text-align: center;
	color: var(--secondary);
	text-decoration: none;
	box-sizing: content-box;
}

.swatch-link {
	border: 1px solid var(--border);
	margin: 0 0 3px;
}
.swatch-link img {
	border-radius: 2px;
}
.swatch-link:hover {
	cursor: pointer;
	text-decoration: none;
}
.swatch-link .x {
	display: none;
	text-indent: -999em;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(../images/bg_x.png) center no-repeat transparent;
	z-index: 10;
}
.swatch-link.has-image .swatch-label {
	position: relative;
}
.swatch-link.has-image img {
	position: absolute;
	top: 0;
	left: 0;
}

.swatch-label {
	border: 1px solid #fff;
	margin: 0;
	white-space: nowrap;
	background: #f4f4f4;
}

.configurable-swatch-list {
	margin-left: -3px;
	zoom: 1;
	clear: both;
}
.configurable-swatch-list li {
	float: left;
	zoom: 1;
	margin: 0 0 0 3px;
}
.products-grid .configurable-swatch-list li {
	display: inline-block;
	float: none;
	margin: 0;
	vertical-align: top;
}
.configurable-swatch-list .not-available .x {
	display: block;
}
.configurable-swatch-list .not-available .swatch-link {
	border-color: var(--h1h2bottomborder);
	position: relative;
}
.configurable-swatch-list .not-available .swatch-link.has-image img {
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.configurable-swatch-list .not-available .swatch-label {
	color: #aaa;
	background: #fff;
}
.configurable-swatch-list .wide-swatch .swatch-label {
	padding: 0 6px;
}
.configurable-swatch-list .not-available a:focus {
	outline: 0;
}

#narrow-by-list dd .configurable-swatch-list li {
	margin: 0 0 0 3px;
	width: 47%;
}
#narrow-by-list dd .swatch-link {
	border: none;
	line-height: 25px;
	margin-right: 2px;
	text-align: left;
}
#narrow-by-list dd .swatch-link.has-image {
	line-height: inherit;
}
#narrow-by-list dd .swatch-link:hover .swatch-label {
	border-color: var(--primary);
}
#narrow-by-list dd .swatch-label {
	background: #f4f4f4;
	border: 1px solid var(--border);
	border-radius: 3px;
	display: block;
	float: left;
	line-height: 1.5em;
	margin: 0 5px 0 0;
	padding: 1px 5px;
	white-space: nowrap;
}
#narrow-by-list dd .swatch-label img {
	border: 1px solid #fff;
	border-radius: 3px;
	box-sizing: content-box;
}
#narrow-by-list dd .has-image .swatch-label {
	padding: 0;
}

@media all and (max-width: 770px) {
	#narrow-by-list dd .configurable-swatch-list li:nth-child(odd) {
		clear: left;
	}
}
.currently .swatch-current {
	position: relative;
}
.currently .swatch-current .btn-remove {
	margin-top: -10px;
	position: absolute;
	right: 0;
	top: 50%;
}
.currently .swatch-current span {
	display: block;
	float: left;
}
.currently .swatch-link {
	display: inline-block;
	margin: 0 0 0 3px;
}
.currently .swatch-link:hover {
	border-color: var(--border);
	cursor: default;
}

/* Other Swatch States */
.configurable-swatch-list .hover .swatch-link,
.configurable-swatch-list .selected .swatch-link,
.swatch-link:hover {
	border-color: var(--primary);
}

.configurable-swatch-box {
	background: none !important;
}
.configurable-swatch-box select.swatch-select {
	display: none;
}
.configurable-swatch-box .validation-advice {
	margin: 0 0 5px;
	background: #df280a;
	padding: 2px 5px !important;
	font-weight: 500;
	color: #fff !important;
	float: left;
	display: block;
	border-radius: 3px;
}

/* CUSTOM */
.availability.out-of-stock span {
	color: var(--secondary);
}

.product-view .product-options .swatch-attr {
	float: none;
	display: block;
	clear: both;
	border: 0;
}
.product-view .product-options .swatch-attr label,
.product-view .product-options .swatch-attr .select-label {
	font-size: 12px;
}
.product-view .product-options .swatch-attr label {
	display: block;
	line-height: 1.3;
}
.product-view .product-options .swatch-attr .select-label {
	display: inline;
	font-weight: normal;
	color: var(--primary);
	padding-left: 5px;
}
.product-view .product-options dd .input-box {
	width: auto;
	height: auto;
	justify-content: left;
}
.product-view .product-options .select-label {
	display: none;
}
.product-view .add-to-cart button.out-of-stock {
	background-position: -80px -362px;
	cursor: default;
}

/* instock text styling by lyndsey */

.instock-text-only span {
	color: var(--primary);
}

/* ============================================ *
* Customer
* ============================================ */
.customer-account-login .col2-set .buttons-set {
	text-align: left;
	border-top: 0;
	display: flex;
	justify-content: flex-start;
}

.customer-account-login .col2-set .col-1 ul {
	list-style: disc;
	padding-left: 20px;
	margin: 10px 0 20px 0;
}

.logo-login img {
	width: 100%;
	max-width: 300px;
	padding-bottom: 5px;
}

.logo-login {
	padding: 20px;
	border-right: 1px solid var(--border);
}

.login-wrapper {
	display: flex;
	width: 100%;
	justify-content: center;
}

@media all and (max-width: 820px) {
	.login-wrapper {
		align-items: center;
	}
	.logo-login {
		width: 30%;
		padding: 0px 10px 0px 0px;
	}
	body.customer-account-login .new-user-form-container .buttons-set .button {
		width: 200px;
	}
}

@media all and (max-width: 718px) {
	.login-wrapper {
		flex-direction: column-reverse;
	}
	.logo-login {
		width: 100%;
		border-right: none;
		display: inline-block;
		margin: auto;
	}
	.customer-account-login .col2-set .col-1,
	.customer-account-login .col2-set .col-2 {
		width: 100%;
	}
	body.customer-account-login .col2-set .buttons-set .button {
		width: unset;
		width: 350px;
	}
	.logo-login img {
		display: none;
	}
}

.opc #opc-login p:not(.required) {
	font-style: italic;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 13px;
	color: #a0a0a0;
}

.remember-me-box a.hide {
	display: none;
}
.remember-me-box .link-tip {
	font-size: 13px;
	padding-left: 10px;
}

.customer-account-login input {
	background-color: var(--white) !important;
	width: 350px !important;
}

.remember-me-popup {
	display: none;
	border: 1px solid var(--border);
	padding: 10px;
	position: relative;
}
.remember-me-popup.show {
	display: block;
}
.remember-me-popup p {
	font-family: sybillapro, Verdana, Arial, sans-serif;
}
.remember-me-popup .remember-me-popup-close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
	font-size: 12px;
}
.remember-me-popup .remember-me-popup-close-button {
	display: none;
}

@media all and (max-width: 479px) {
	.customer-account-create .fieldset,
	.customer-account-create .buttons-set {
		margin-left: 0;
	}
}
.customer-account-create .fieldset .hidden {
	display: none;
}
.customer-account-create #remember-me-popup {
	max-width: 455px;
}

@media all and (max-width: 479px) {
	.customer-account-forgotpassword .fieldset,
	.customer-account-forgotpassword .buttons-set {
		margin-left: 0;
	}
}
.customer-account-forgotpassword .fieldset .input-box input.input-text {
	width: 100%;
}

/* ============================================ *
* My Account Global Styles
* ============================================ */
body.customer-account .my-account .page-title h1 {
	border: 0;
	text-align: left;
}
body.customer-account .my-account .title-buttons {
	position: relative;
	text-align: right;
}
body.customer-account .my-account .title-buttons h1 {
	text-align: left;
}
body.customer-account .my-account .title-buttons .button {
	position: absolute;
	right: 0;
	top: 0;
}
body.customer-account .my-account .title-buttons a,
body.customer-account .my-account .title-buttons span.separator {
	position: relative;
	top: -42px;
}

body.customer-account .my-account .order-details h2 {
	width: 100%;
	display: inline-block;
	margin-bottom: 0px;
}

body.customer-account form.edit-account-info {
	display: flex;
	gap: 30px;
	width: unset !important;
}

body.customer-account form .legend {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

@media all and (max-width: 1278px) {
	body.customer-account form.edit-account-info,
	body.customer-account .edit-account-info:not(.confirm) {
		flex-direction: column;
		max-width: 700px;
	}
}

body.customer-account .edit-account-info .confirm {
	max-width: 340px;
}

body.customer-account form .legend,
.customer-account-login h2 {
	font-size: 24px;
	color: var(--secondary);
	font-weight: bold;
}
body.customer-account .my-account .addresses-list h3 {
	font-size: 14px;
	font-weight: 00;
}
body.customer-account .my-account .fieldset {
	margin-bottom: 30px;
}
body.customer-account .data-table td a {
	font-family: sybillapro, Verdana, Arial, sans-serif;

	font-style: normal;
	font-size: 13px;
}
body.customer-account .data-table span.nobr {
	white-space: normal;
}
body.customer-account .data-table span.nobr a {
	white-space: nowrap;
}
body.customer-account .data-table td.view a {
	display: block;
}
body.customer-account .data-table .separator {
	display: none;
}
body.customer-account .sidebar .block ol#compare-items li {
	margin: 10px 0;
}
body.customer-account .sidebar .block .block-content p.block-subtitle {
	margin-bottom: 15px;
}
body.customer-account .sidebar .block .block-content .actions {
	margin-top: 30px;
}
body.customer-account .sidebar ol#cart-sidebar-reorder li {
	margin-top: 10px;
	margin-bottom: 0;
}
body.customer-account .sidebar ol#cart-sidebar-reorder p.product-name {
	display: inline-block;
	margin-bottom: 0;
}
body.customer-account .sidebar .block-cart .summary {
	margin-bottom: 15px;
}
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li {
	margin-top: 10px;
	margin-bottom: 0;
}
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li input {
	margin-right: 10px;
}
body.customer-account
	.sidebar
	.block-reorder
	ol#cart-sidebar-reorder
	p.product-name {
	display: inline;
	margin-bottom: 0;
}

.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day {
	width: 40px;
	float: left;
	margin-right: 10px;
}
.form-list .customer-dob .dob-year {
	width: 80px;
	float: left;
}

/* ============================================ *
* Dashboard
* ============================================ */
.dashboard .box-head h2 {
	display: inline-block;
	margin-bottom: 0;
}
.dashboard .box-head a {
	padding: 10px;
}
.dashboard .box-title a,
.dashboard .box-head a {
	font-size: 12px;
}

.dashboard .box-account p,
.dashboard .box-account address {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-style: italic;
}
.dashboard .col2-set .col-1,
.dashboard .col2-set .col-2 {
	padding-right: 12.09677%;
	padding-bottom: 0;
}
.dashboard .col2-set .col-1 .box-title,
.dashboard .col2-set .col-2 .box-title {
	position: relative;
	padding-bottom: 10px;
}
.dashboard .col2-set .col-1 .box-title h2,
.dashboard .col2-set .col-1 .box-title h3,
.dashboard .col2-set .col-2 .box-title h2,
.dashboard .col2-set .col-2 .box-title h3 {
	font-weight: 00;
	font-size: 14px;
	margin-bottom: 0;
}
.dashboard .col2-set .col-1 .box-title a,
.dashboard .col2-set .col-2 .box-title a {
	line-height: 19.6px;
}
.dashboard .box-reviews.box-account {
	padding-bottom: 0;
}
.dashboard .box-reviews li {
	padding: 10px 0;
	border-top: 1px solid var(--h1h2bottomborder);
}
.dashboard .box-reviews li:first-child {
	border-top: 0;
}
.dashboard .box-reviews li .number {
	margin-right: -20px;
	float: left;
	line-height: 1.4;
	font-size: 13px;
}
.dashboard .box-reviews li .details {
	margin-left: 20px;
}
.dashboard .box-reviews li .details .ratings {
	content: "";
	display: table;
	clear: both;
	margin-bottom: 0;
}
.dashboard .box-reviews li .details .ratings strong {
	float: left;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	margin-right: 5px;
}
.dashboard .box-reviews li .details .ratings .rating-box {
	float: left;
	margin: 3px 0 0 0;
}

/* ============================================ *
* Address Book
* ============================================ */
.my-account .addresses-list {
	font-family: sybillapro, Verdana, Arial, sans-serif;
}
.my-account .addresses-list .col-1,
.my-account .addresses-list .col-2 {
	padding-bottom: 0;
}
.my-account .addresses-list .item p {
	margin-top: 10px;
}
@media all and (max-width: 770px) {
	.my-account .addresses-list .col-1,
	.my-account .addresses-list .col-2 {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.my-account .addresses-list .col-1 li.empty,
	.my-account .addresses-list .col-2 li.empty {
		width: 100%;
	}
}
@media all and (max-width: 599px) {
	.my-account .addresses-list .addresses-additional p a {
		white-space: nowrap;
	}
}
/* ============================================ *
* Product Listing - Display/arrangement of info
* ============================================ */

.container h1 {
	font-size: 16px;
	font-weight: 300;
	line-height: 1em;
	text-align: center;
	color: black;
}

.container th h1 {
	font-weight: bold;
	font-size: 17px;
	text-align: left;
	/* color: #185875; */
}

.container td {
	font-weight: normal;
	font-size: 16px;
	/* color: #808080; */
}

.container {
	/* overflow: hidden; */
	width: 30%;
	margin: 8px 0px 0px 0px;
	border: 1px solid #eaeaea;
	display: table;
	padding: 0 0 8em 0;
	min-width: 200px;
}

.tier-pricing-container table.container {
	min-width: 100%;
}

.tier-pricing-container {
	display: inline-block;
}

.tier-pricing-container h3 {
	text-align: center;
	font-weight: 500 !important;
}
.tier-pricing-container {
	width: 230px;
}

.container td,
.container th {
	/* padding-bottom: 2%; */
	padding-top: 2%;
	padding-left: 2%;
}

.container tr {
	border: 1px solid #eaeaea;
}

.container th {
	background-color: #eaeaea;
}

/* .container td:first-child { color: grey; } */

.tier-selected {
	background-color: var(--secondary);
	color: white;
}

@media (max-width: 800px) {
	.container td:nth-child(4),
	.container th:nth-child(4) {
		display: none;
	}
}

/* ============================================ *
* Order View
* ============================================ */
.order-info {
	padding-bottom: 10px;
	border-bottom: 1px solid var(--h1h2bottomborder);
	width: 100%;
	margin-bottom: 30px;
}
.order-info dt,
.order-info dd,
.order-info ul,
.order-info li {
	display: inline;
}
.order-info dt {
	margin-right: 20px;
}
.order-info li {
	margin: 0 0 0 20px;
}
.order-info li.current {
	font-weight: 00;
}
.order-info li:first-child {
	margin-left: 0;
}

.order-date {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.order-info-box + .order-info-box {
	padding-bottom: 40px;
	border-bottom: 1px solid var(--h1h2bottomborder);
}
.order-info-box .col-1 {
	padding-right: 0;
	width: 48%;
}
.order-info-box .col-2 {
	width: 52%;
}
.order-info-box .col-1,
.order-info-box .col-2 {
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
}

.order-info-box .box-title h2 {
	font-size: 14px;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: normal;
	font-weight: 500;
	line-height: 1.5;
}
.order-info-box .box-title h2:after {
	content: ":";
}
.order-info-box .box-content {
	float: left;
	font-family: sybillapro, Verdana, Arial, sans-serif;
}
.order-info-box .box-content td,
.order-info-box .box-content th {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	line-height: 1.3;
}
.order-info-box .box-content th {
	padding-top: 10px;
}
.order-info-box .box-content td {
	padding-left: 15px;
}
.order-info-box .box-content strong {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: normal;
	font-weight: 500;
}

#my-orders-table .option-label {
	margin-left: 10px;
	font-weight: 00;
	font-style: italic;
}
#my-orders-table .option-value {
	margin-left: 20px;
}
#my-orders-table tr.bundle:not(:last-child) td {
	border-bottom: none;
	border-top: none;
}

ol#cart-sidebar-reorder li {
	margin-top: 10px;
	margin-bottom: 0;
}
ol#cart-sidebar-reorder li input {
	margin-right: 10px;
}
ol#cart-sidebar-reorder p.product-name {
	display: inline;
}

@media all and (max-width: 599px) {
	#my-orders-table .option-label {
		margin-left: 20px;
	}
	#my-orders-table .option-value {
		margin-left: 35px;
	}
	#my-orders-table td[data-rwd-label="Qty"] .nobr br {
		display: none;
	}
	#my-orders-table td[data-rwd-label="Qty"] .nobr strong {
		margin-right: 10px;
	}
	#my-orders-table tr.bundle {
		border-color: var(--h1h2bottomborder);
	}
	#my-orders-table tr.bundle.child td[data-rwd-label] {
		padding-left: 60px;
	}
	#my-orders-table tbody:last-child tr:last-child td {
		padding-bottom: 10px;
		border-bottom: 0;
	}
	#my-orders-table tbody:last-child tr:last-child td:last-child {
		padding-bottom: 15px;
	}
	#my-orders-table tfoot tr.shipping {
		margin-top: 0;
	}
}
.order-additional {
	margin: 40px 0;
}

@media all and (max-width: 1199px) {
	.dashboard .col2-set .col-1,
	.dashboard .col2-set .col-2 {
		padding-right: 30px;
		padding-bottom: 0;
	}

	body.customer-account .data-table td.view a {
		white-space: normal;
	}
}
@media all and (max-width: 979px) {
	body.customer-account .my-account .title-buttons {
		text-align: left;
	}
	body.customer-account .my-account .title-buttons span.separator,
	body.customer-account .my-account .title-buttons a {
		top: -12px;
	}
}
@media all and (max-width: 770px) {
	body.customer-account .data-table.orders td.status,
	body.customer-account .data-table.orders th.status {
		display: none;
	}

	.order-info-box .box-content {
		clear: left;
	}

	.addresses-list .item {
		float: left;
		width: 50%;
		padding-right: 30px;
	}

	.order-info dt {
		display: none;
	}

	.dashboard .page-title {
		margin-top: 20px;
	}
	.dashboard .page-title h1 {
		margin-top: 0;
	}
	.dashboard .welcome-msg {
		font-family: sybillapro, Verdana, Arial, sans-serif;
	}
	.dashboard .welcome-msg .hello {
		font-style: italic;
	}
	.dashboard .box-account {
		padding-bottom: 15px;
	}
	.dashboard .col2-set .col-1,
	.dashboard .col2-set .col-2 {
		width: 48%;
		padding-right: 0;
		padding-left: 0;
	}
	.dashboard .col2-set .col-1 {
		float: left;
		margin-right: 4%;
	}
	.dashboard .col2-set .col-2 {
		float: right;
	}
}

@media all and (max-width: 599px) {
	body.customer-account .my-account .form-list .control {
		padding-left: 0;
	}
}
@media all and (max-width: 479px) {
	body.customer-account .my-account .title-buttons {
		text-align: center;
	}
	body.customer-account .my-account .title-buttons .button {
		width: 100%;
		position: static;
		margin-bottom: 15px;
	}
	body.customer-account .my-account .title-buttons .button + .button {
		margin-left: 0px;
	}
	body.customer-account .my-account .order-details h2 {
		margin-bottom: 15px;
	}
	body.customer-account .my-account .buttons-set {
		border-top: 0;
	}

	.order-info {
		margin-top: 15px;
	}

	.data-table.orders td.view {
		text-align: right;
	}

	.order-info-box {
		margin: 0;
	}
	.order-info-box + .order-info-box {
		padding-bottom: 0;
		border-bottom: 0;
		margin-bottom: 30px;
	}

	#my-reviews-table .nobr {
		white-space: normal;
	}
}
/* ============================================ *
* Newsletter Subscriptions
* ============================================ */
body.newsletter-manage-index .my-account .fieldset {
	margin-bottom: 20px;
}
body.newsletter-manage-index .my-account .fieldset h2 {
	display: none;
}
body.newsletter-manage-index .my-account .form-list {
	border-top: 1px solid var(--h1h2bottomborder);
	padding-top: 10px;
}

/* ============================================ *
* Contacts
* ============================================ */
.contacts-index-index .buttons-set {
	margin-left: 30px;
	max-width: 435px;
}
.contacts-index-index .buttons-set p.required {
	float: left;
}
@media all and (max-width: 599px) {
	.contacts-index-index .buttons-set {
		max-width: 330px;
		margin-left: 0;
	}
	.contacts-index-index .buttons-set button {
		float: left;
		margin-left: 0px;
	}
	.contacts-index-index .buttons-set p.required {
		float: right;
	}
}

.top-container .bml-ad {
	margin-top: 7px;
	margin-bottom: 7px;
	text-align: center;
}
.top-container .bml-ad span {
	display: inline-block;
}
.top-container .bml-ad span a {
	display: block;
}

.bml-ad {
	display: none;
	text-align: center;
	margin-bottom: 5px;
}
.bml-ad span {
	display: block;
	line-height: 0;
}
.bml-ad a {
	display: inline-block;
	max-width: 100%;
}
.bml-ad a:hover {
	opacity: 0.7;
}
.bml-ad img {
	height: auto !important;
	max-width: 100%;
}

.cart-totals-wrapper .bml-ad.large img {
	display: block;
	margin: 0;
}

@media all and (max-width: 770px) {
	.bml-ad.small {
		display: block;
	}
}
@media all and (min-width: 771px) {
	.bml-ad.large {
		display: block;
	}
}

.bml-checkout-type {
	list-style-type: none;
}

/* ============================================ *
* Review - Customer
* ============================================ */
#customer-reviews {
	width: auto;
	float: none;
}
#customer-reviews .review-heading {
	border-top: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
	padding: 10px 0 5px;
}
#customer-reviews .review-heading:after {
	content: "";
	display: table;
	clear: both;
}
#customer-reviews .review-heading h2 {
	float: left;
	display: block;
}
#customer-reviews .review-heading .pager {
	clear: none;
	float: right;
	width: auto;
}
#customer-reviews .review-heading .pager .count-container .limiter {
	margin-bottom: 0;
}
#customer-reviews .review-heading .pager .count-container .limiter label {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;

	font-style: normal;
	font-size: 10px;
}
#customer-reviews .review-heading .pager .amount {
	display: none;
}
#customer-reviews h2 {
	color: var(--primary);
	font-size: 12px;
}
#customer-reviews h2 span {
	color: var(--secondary);
}
#customer-reviews h3 {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;

	font-style: normal;
}
#customer-reviews h3 span {
	color: var(--primary);
}
#customer-reviews .fieldset {
	padding-top: 25px;
	width: 470px;
}
#customer-reviews .fieldset h4 {
	border-bottom: 1px solid var(--border);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 5px;
}
#customer-reviews .fieldset h4 em {
	display: none;
}
#customer-reviews .fieldset .form-list {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 10px 0;

	width: 470px;
}
#customer-reviews .fieldset .form-list .inline-label:after {
	content: "";
	display: table;
	clear: both;
}
#customer-reviews .fieldset .form-list label {
	font-size: 12px;
	font-weight: 400;

	font-style: normal;
}
#customer-reviews .fieldset .form-list textarea {
	border: 1px solid var(--border);
	border-radius: 0;
	min-width: 100%;
}
#customer-reviews .fieldset .form-list input {
	border: 1px solid var(--border);
	border-radius: 0;
}
#customer-reviews .fieldset .form-list input[type="text"] {
	width: 100%;
}
#customer-reviews .buttons-set {
	border: none;
	margin: 0;
	width: 470px;
}
#customer-reviews dl {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;

	font-style: normal;
	margin-bottom: 10px;
}
#customer-reviews dl dt {
	margin: 10px 0;
}
#customer-reviews dl dd {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 14px;
	margin: 10px 0;
}
#customer-reviews dl dd .ratings-table {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;

	font-style: normal;
	font-size: 12px;
	width: 100%;
}
#customer-reviews dl dd .ratings-table tr {
	margin-right: 15px;
}
#customer-reviews dl dd .ratings-table .review-label {
	width: 300px;
	max-width: 70%;
}
#customer-reviews dl dd table {
	margin: 15px 0;
}
#customer-reviews dl dd .review-meta {
	color: var(--primary);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;

	font-style: normal;
	font-size: 10px;
	font-weight: normal;
}

.review-summary-table {
	border-bottom: 1px solid var(--border);
	margin: 0 0 10px;
}
.review-summary-table thead {
	background: transparent;
}
.review-summary-table thead th {
	background: transparent;
	border: none;
	padding: 15px 7px 10px 8px;
}
.review-summary-table tbody th {
	background: #ffffff;
	font-size: 12px;
}
.review-summary-table tbody td {
	border: none;
	text-align: center;
	padding: 0;
}
.review-summary-table tbody td label {
	width: 100%;
	display: block;
	padding: 11px 0;
}
.review-summary-table .rating-box .rating-number {
	display: none;
}
.review-summary-table .rating-box .rating-number:after {
	content: "";
	display: inline-block;
	background-position: 0px -599px;
	width: 13px;
	height: 14px;
	margin-left: 5px;
	position: relative;
	top: 2px;
}

/* ============================================ *
* Ratings - Global
* ============================================ */
.ratings-table {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;

	font-style: normal;
}
.ratings-table th {
	padding-right: 10px;
}
.ratings-table .rating-box {
	background-position: 0 -615px;
	background-repeat: repeat-x;
	height: 13px;
	overflow: hidden;
	text-indent: -9999px;
	width: 65px;
}
.ratings-table .rating-box .rating {
	background-position: 0 -600px;
	background-repeat: repeat-x;
	float: left;
	height: 13px;
	text-indent: -9999px;
}

@media all and (max-width: 770px) {
	body.review-product-list .product-view .product-shop .price-info {
		padding-left: 0;
	}
	body.review-product-list .product-view .product-shop .extra-info {
		padding: 0;
		min-width: 84%;
	}
	body.review-product-list
		.product-view
		.product-shop
		.extra-info
		.ratings-table {
		margin: 10px 0;
		width: 100%;
	}
	body.review-product-list
		.product-view
		.product-shop
		.extra-info
		.ratings-table
		tr {
		margin-right: 15px;
	}
}
@media all and (max-width: 535px) {
	body.review-product-list .product-view .product-shop .extra-info {
		min-width: 0;
	}
	body.review-product-list
		.product-view
		.product-shop
		.extra-info
		.ratings-table
		tr {
		float: none;
		margin-right: 0;
	}
}
@media all and (max-width: 520px) {
	#customer-reviews .fieldset {
		width: 100%;
	}
	#customer-reviews .fieldset .form-list {
		width: 100%;
	}
	#customer-reviews .fieldset .form-list .inline-label label,
	#customer-reviews .fieldset .form-list .inline-label .input-box {
		float: none;
	}
	#customer-reviews .buttons-set {
		width: 100%;
	}
	#customer-reviews .review-summary-table thead th {
		padding-left: 0px;
		padding-right: 0px;
	}
	#customer-reviews .review-summary-table tbody th {
		padding-left: 0px;
		padding-right: 0px;
	}
	#customer-reviews .review-summary-table tbody td {
		width: 20%;
		padding: 0px;
	}
	#customer-reviews .review-summary-table .rating-box {
		text-indent: 0px;
		text-align: center;
		background: none;
		height: 19.6px;
		width: 100%;
	}
	#customer-reviews .review-summary-table .rating-box .rating {
		display: none;
	}
	#customer-reviews .review-summary-table .rating-box .rating-number {
		display: inline-block;
	}
}
@media all and (max-width: 450px) {
	#customer-reviews dl dd .ratings-table tr {
		float: none;
	}
}
/* ============================================ *
* Review View Page
* ============================================ */
.review-product-view .product-review .product-details h2 {
	border-bottom: none;
}
.review-product-view .product-review .product-img-box {
	width: auto;
	max-width: 50%;
}
.review-product-view .product-review .product-img-box > a {
	width: 100%;
}
.review-product-view .product-review .product-img-box .product-image {
	width: 100%;
}

@media all and (max-width: 770px) {
	.review-product-view .product-review .product-img-box {
		max-width: 100%;
	}
}
/* ============================================ *
* Slideshow
* ============================================ */
.slideshow-container {
	position: relative;
	display: block;
	width: 100%;
	margin: 10px 0;
	border: 1px solid var(--h1h2bottomborder);
}
.slideshow-container .slideshow {
	width: 100%;
	padding: 0;
	position: relative;
	margin: 0;
	border: 10px solid #ffffff;
}
.slideshow-container .slideshow > li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	display: block;
	margin: 0;
}
.slideshow-container .slideshow > li:first-child {
	position: static;
	z-index: 100;
}
.slideshow-container .slideshow > li img {
	max-width: 100%;
	width: 100%;
}

.slideshow-pager {
	text-align: center;
	width: 100%;
	z-index: 115;
	position: absolute;
	bottom: 0px;
	top: auto;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.slideshow-pager span {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	width: 44px;
	height: 44px;
	display: inline-block;
	color: #dddddd;
	cursor: pointer;
}
.slideshow-pager span:before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	margin-left: -8px;
	margin-top: -8px;
	border-radius: 1px;
	background-color: #ffffff;
	position: relative;
}
.slideshow-pager span:hover:before {
	background-color: var(--primary);
}
.slideshow-pager span.cycle-pager-active:before {
	background-color: #297aa3;
}
.slideshow-pager > * {
	cursor: pointer;
}

.slideshow-prev,
.slideshow-next {
	position: absolute;
	top: 0;
	width: 15%;
	max-width: 80px;
	height: 100%;
	opacity: 0.6;
	z-index: 110;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.slideshow-prev:before,
.slideshow-next:before {
	content: "";
	width: 0;
	height: 0;
	font-size: 0;
	position: absolute;
	border-style: solid;
	display: block;
	top: 50%;
	margin-top: -15px;
}
.slideshow-prev:hover,
.slideshow-next:hover {
	opacity: 1;
}
.slideshow-prev.disabled,
.slideshow-next.disabled {
	opacity: 0.5;
	cursor: default;
}

.slideshow-prev {
	left: 8px;
}
.slideshow-prev:before {
	border-width: 15px 15px 15px 0;
	border-color: transparent #ffffff transparent transparent;
	top: 50%;
	left: 10px;
}
.slideshow-prev:hover:before {
	border-color: transparent var(--primary) transparent transparent;
}

.slideshow-next {
	right: 8px;
}
.slideshow-next:before {
	border-width: 15px 0 15px 15px;
	border-color: transparent transparent transparent #ffffff;
	top: 50%;
	right: 10px;
}
.slideshow-next:hover:before {
	border-color: transparent transparent transparent var(--primary);
}

.cycle-caption {
	position: absolute;
	color: white;
	bottom: 15px;
	right: 15px;
	z-index: 110;
}

.cycle-overlay {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 120;
	background: black;
	color: white;
	padding: 15px;
	opacity: 0.5;
}

/* ============================================ *
* Wishlist
* ============================================ */
#wishlist-table th {
	text-align: center;
}
#wishlist-table.clean-table {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 12px;

	width: 100%;
}
#wishlist-table.clean-table th {
	border-bottom: 1px solid silver;
}
#wishlist-table.clean-table td {
	padding: 15px;
	vertical-align: top;
}
#wishlist-table.clean-table thead th {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 12px;
}
#wishlist-table .product-name {
	font-size: 16px;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	margin-bottom: 0;
}
#wishlist-table .product-name a {
	color: var(--primary);
}
#wishlist-table .wishlist-sku {
	font-size: 11px;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	margin: 5px 0;
}
#wishlist-table textarea {
	border: 1px solid silver;
	width: 100%;
	height: 45px;
	font-size: 11px;
	font-family: sybillapro, Verdana, Arial, sans-serif;
}

#wishlist-table textarea:focus {
	border: 1px solid var(--primary);
}
#wishlist-table .item-manage {
	text-align: right;
	max-width: 450px;
	padding-top: 5px;
}
#wishlist-table .item-manage .button {
	font-size: 11px;
	padding: 3px 5px;
}
#wishlist-table .cart-cell {
	text-align: center;
}
#wishlist-table td.customer-wishlist-item-image {
	width: 113px;
}
#wishlist-table td.customer-wishlist-item-quantity {
	width: 3em;
}
#wishlist-table td.customer-wishlist-item-price {
	width: 120px;
	text-align: center;
}
#wishlist-table td.customer-wishlist-item-cart {
	width: 150px;
}
#wishlist-table td.customer-wishlist-item-cart .button {
	font-size: 12px;
	margin-bottom: 10px;
	padding: 3px 5px;
	width: 100%;
}
#wishlist-table td.customer-wishlist-item-cart .truncated {
	margin-bottom: 10px;
}
#wishlist-table td.customer-wishlist-item-cart > p {
	margin-bottom: 0;
}
#wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item {
	text-align: center;
}
#wishlist-table td.customer-wishlist-item-cart .btn-remove {
	vertical-align: top;
}
#wishlist-table td.customer-wishlist-item-remove {
	width: 20px;
}
#wishlist-table td .button,
#wishlist-table td button {
	white-space: normal;
}
#wishlist-table .price-box {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 12px;
}
#wishlist-table .price-box .price {
	color: var(--secondary);
}
#wishlist-table .giftregisty-add {
	margin-top: 5px;
}
#wishlist-table .giftregisty-add .change {
	display: none;
}
#wishlist-table .giftregisty-add li {
	cursor: pointer;
	color: var(--primary);
	margin-bottom: 3px;
}
#wishlist-table .truncated .details {
	background: none;
	color: var(--primary);
}
#wishlist-table td[data-rwd-label]:before {
	font-weight: 00;
}

@media all and (max-width: 1199px) {
	#wishlist-table.clean-table td {
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media all and (max-width: 979px) {
	#wishlist-table.clean-table td {
		padding-left: 5px;
		padding-right: 5px;
	}
	#wishlist-table.clean-table td textarea {
		height: 100px;
	}
	#wishlist-table.clean-table td.customer-wishlist-item-cart {
		width: 110px;
	}
	#wishlist-table .product-name {
		font-size: 13px;
	}
}
@media all and (max-width: 770px) {
	#wishlist-table:after {
		content: "";
		display: table;
		clear: both;
	}
	#wishlist-table .product-name {
		font-size: 16px;
	}
	#wishlist-table textarea {
		height: 68px;
		max-width: 100%;
	}
	#wishlist-table .item-manage {
		max-width: 100%;
	}
	#wishlist-table tr {
		position: relative;
	}
	#wishlist-table tr:after {
		content: "";
		display: table;
		clear: both;
	}
	#wishlist-table td.customer-wishlist-item-image {
		width: 70px;
	}
	#wishlist-table td.customer-wishlist-item-image img {
		width: 70px;
		height: 70px;
	}
	#wishlist-table td.customer-wishlist-item-cart p {
		margin-bottom: 0;
	}
	#wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item {
		margin-right: 0;
		padding-top: 4px;
	}
	#wishlist-table td.customer-wishlist-item-cart {
		padding-right: 15px;
	}
}
@media all and (max-width: 599px) {
	#wishlist-table td.customer-wishlist-item-quantity {
		padding-left: 0;
	}
	#wishlist-table td.customer-wishlist-item-image,
	#wishlist-table th.customer-wishlist-item-image {
		display: none;
	}
}
@media all and (max-width: 479px) {
	#wishlist-table tr {
		position: relative;
	}
	#wishlist-table th.customer-wishlist-item-image {
		display: block;
	}
	#wishlist-table td.customer-wishlist-item-image,
	#wishlist-table td.customer-wishlist-item-info,
	#wishlist-table td.customer-wishlist-item-quantity,
	#wishlist-table td.customer-wishlist-item-price,
	#wishlist-table td.customer-wishlist-item-cart {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		empty-cells: hide;
	}
	#wishlist-table td.customer-wishlist-item-image {
		display: block;
		overflow: hidden;
	}
	#wishlist-table td.customer-wishlist-item-image a {
		float: left;
	}
	#wishlist-table td.customer-wishlist-item-image a img {
		width: 113px;
		height: 113px;
	}
	#wishlist-table td.customer-wishlist-item-quantity,
	#wishlist-table td.customer-wishlist-item-price {
		text-align: left;
	}
	#wishlist-table td.customer-wishlist-item-quantity:before,
	#wishlist-table td.customer-wishlist-item-price:before {
		float: left;
		margin-right: 15px;
	}
	#wishlist-table td.customer-wishlist-item-quantity .cart-cell,
	#wishlist-table td.customer-wishlist-item-price .cart-cell {
		text-align: left;
	}
	#wishlist-table td.customer-wishlist-item-quantity .price-box,
	#wishlist-table td.customer-wishlist-item-price .price-box {
		margin-top: 0;
	}
	#wishlist-table td.customer-wishlist-item-cart .cart-cell {
		float: left;
		width: 48%;
	}
	#wishlist-table td.customer-wishlist-item-cart > p {
		float: right;
		width: 48%;
	}
	#wishlist-table td.customer-wishlist-item-remove {
		position: absolute;
		top: 15px;
		right: 0px;
		display: block;
		padding: 0px;
		height: 20px;
	}
	#wishlist-table.clean-table td.customer-wishlist-item-cart {
		width: 100%;
	}
}
/* ============================================ *
* Wishlist Sidebar
* ============================================ */
.block-wishlist .mini-products-list > li:not(:last-child) {
	padding-bottom: 5px;
}
.block-wishlist .product-details .product-name {
	padding-top: 0;
	margin-bottom: 5px;
}
.block-wishlist .price-box {
	float: left;
	margin: 0;
}
.block-wishlist .price-box,
.block-wishlist .price-box .price,
.block-wishlist .link-cart {
	font-size: 12px;
}
.block-wishlist .link-cart {
	float: left;

	margin-right: 7px;
	padding-right: 7px;
	border-right: 1px solid var(--h1h2bottomborder);
}

/* ============================================ *
* Search - Auto Suggest
* ============================================ */
.search-autocomplete {
	left: 0 !important;
	overflow: visible !important;
	position: relative !important;
	top: 15px !important;
	width: 100% !important;
	z-index: 200;
}
.search-autocomplete ul {
	border-radius: 2px;
	background-color: #ffffff;
	border: 1px solid var(--primary);
	left: 0;
	padding-left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.search-autocomplete ul li {
	border-bottom: 1px solid #f4f4f4;
	color: var(--primary);
	cursor: pointer;
	font-size: 12px;
	padding: 4px 6px;
	text-align: left;
}
.search-autocomplete ul li:hover {
	color: var(--primary);
}
.search-autocomplete ul li.selected {
	background-color: var(--primary);
	color: white;
}
.search-autocomplete ul li .amount {
	float: right;
	font-weight: 500;
}
.search-autocomplete ul li:last-child {
	border-bottom: none;
}
.search-autocomplete:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-bottom: 7px solid var(--primary);
	border-top: none;
	left: 50%;
	top: -7px;
}

/* ============================================ *
* Search - Advanced
* ============================================ */
.advanced-search {
	background: #f4f4f4;
	border: 1px solid var(--h1h2bottomborder);
	padding: 30px;
}
.advanced-search select.multiselect option {
	border-bottom: 1px solid var(--h1h2bottomborder);
	padding: 2px 5px;
}

@media all and (max-width: 479px) {
	.advanced-search {
		padding: 15px;
	}
}
/* ============================================ *
* Account - Reviews
* ============================================ */
.product-review .product-img-box p.label {
	border-bottom: 1px solid var(--border);
	font-size: 16px;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	margin-top: 20px;
	padding-bottom: 10px;
}
.product-review .product-img-box .rating-box {
	margin: 15px 0;
}
.product-review .product-details h2 {
	border-bottom: 1px solid var(--border);
	color: var(--primary);
	font-size: 16px;
	font-weight: 00;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	padding-bottom: 10px;
}
.product-review .ratings-table {
	font-family: sybillapro, Verdana, Arial, sans-serif;
}
.product-review .ratings-table th {
	padding-right: 10px;
}
.product-review .ratings-table tr {
	float: left;
	font-size: 12px;
	margin-right: 10px;
}
.product-review .ratings-description dt {
	border-bottom: 1px solid var(--border);
	font-size: 16px;
	font-weight: 500;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	margin-top: 20px;
	padding: 10px 0;
}
.product-review .ratings-description dd {
	color: #737373;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 13px;
}

@media all and (min-width: 771px) {
	.product-review .ratings-table tr {
		float: none;
	}
}
@media all and (min-width: 1126px) {
	.product-review .ratings-table tr {
		float: left;
		margin-right: 15px;
	}
}
@media all and (max-width: 320px) {
	.product-review .ratings-table tr {
		float: none;
	}
}

/* ============================================ *
* CMS Pages
* ============================================ */
.cms-page-view .page-title h1,
.cms-page-view .page-title h3,
.cms-page-view .page-head h1,
.cms-page-view .page-head h3,
.cms-no-route .page-title h1,
.cms-no-route .page-title h3,
.cms-no-route .page-head h1,
.cms-no-route .page-head h3 {
	border: none;
}
.cms-page-view .std img,
.cms-no-route .std img {
	max-width: 100%;
}
.cms-page-view .std p,
.cms-no-route .std p {
	color: var(--secondary);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 14px;
}

.cms-no-route .std li {
	color: var(--secondary);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
}

.cms-page-view .col-left:after,
.cms-no-route .col-left:after {
	content: "";
	display: table;
	clear: both;
}

.cms-no-route .std img {
	width: 100%;
}

.cms-page-view .std .messages,
.cms-home .std .messages,
.cms-no-route .std .messages {
	margin-bottom: 10px;
}
.cms-page-view .std .messages ul,
.cms-home .std .messages ul,
.cms-no-route .std .messages ul {
	margin-bottom: 0;
}
.cms-page-view .std .messages li,
.cms-home .std .messages li,
.cms-no-route .std .messages li {
	list-style: none;
	margin-left: 0;
	font-style: normal;
	font-family: sybillapro, Verdana, Arial, sans-serif;
}

#accordion .toggle-tabs {
	display: none;
}
#accordion > dl > dt {
	margin: 0;
	margin-bottom: 10px;
	color: var(--secondary);
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	line-height: 1.4;
	text-rendering: optimizeSpeed;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	font-weight: normal;
	margin-bottom: 0px;
	padding: 7px 10px 7px 24px;
	border-width: 1px;
	border-style: solid;
	border-color: var(--border);
	position: relative;
	background-color: #f4f4f4;
	display: block;
}
#accordion > dl > dt:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	border-top: 4px solid var(--primary);
	border-bottom: none;
	left: 10px;
	top: 50%;
	margin-top: -3px;
}
#accordion > dl > dt:hover {
	background-color: #ececec;
}
#accordion > dl > dd {
	padding: 10px;
	margin: 0;
	border-width: 0 1px;
	border-style: solid;
	border-color: var(--border);
}
#accordion > dl > dd:last-child {
	border-width: 0 1px 1px 1px;
}
#accordion li {
	position: relative;
	overflow: hidden;
}
#accordion li .plusimage h2 {
	margin-right: 10px;
}

.page-sitemap .links {
	display: block;
	text-align: right;
	margin: 0 20px 0 0;
}
.page-sitemap .links a {
	position: relative;
}
.page-sitemap .sitemap {
	padding: 0 20px;
	margin: 15px 0;
	font-size: 12px;
}
.page-sitemap .sitemap li {
	margin: 3px 0;
}

.contacts-index-index h1 {
	border: none;
}

.contact-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin: 20px;
}

.product-page-contact .contact-wrapper {
	margin: 50px 20px 20px 0px;
}

.product-page-contact .contact-form-container {
	position: relative;
}

.product-page-contact .call-prefer-box {
	position: absolute;
	top: -17px;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 16px;
	color: var(--navfont);
	border-radius: 3px;
	border-left: solid 1px #a6a6a6;
	border-top: solid 1px #a6a6a6;
	border-right: solid 1px #a6a6a6;
	padding: 5px 10px 5px 10px;
	width: 240px;
	text-align: center;
}

.product-page-contact .call-prefer-box a {
	color: var(--primary);
}

.contact-wrapper h4 span {
	color: var(--required);
}

#product-page-contact-form {
	width: 100%;
}

#contact-form {
	width: 100%;
}

.contact-wrapper p.required {
	padding: 0px;
	margin-bottom: 5px;
}

.product-page-contact h3 {
	font-size: 24px;
	margin-top: 10px;
}

@media all and (max-width: 550px) {
	.product-page-contact h3 {
		font-size: 20px;
	}
}

#contactForm {
	padding-left: 40px;
}
#contactForm h2 {
	display: none;
}
#contactForm:after {
	content: "";
	display: table;
	clear: both;
}
#contactForm .fieldset .legend + .required {
	margin: 0;
}

@media all and (max-width: 770px) {
	#contactForm {
		padding-left: 0;
	}
}

.dfcontactform-submit {
	width: 100%;
	min-height: 40px;
	padding: 15px;
	border-radius: 3px;
	border-style: solid;
	border-width: thin;
	border-color: #a6a6a6;
	color: white;
	background-color: var(--primary);
	font-size: medium;
	margin-top: 15px;
	margin: 5px 0px 15px 0px;
}

/* ============================================ *
* Pricing Conditions
* ============================================ */
.price-box .minimal-price-link .label {
	color: #cf5050;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;

	font-style: normal;
	font-size: 12px;
}

.map-info {
	white-space: nowrap;
}

.catalog-product-view .map-info {
	white-space: normal;
}
.catalog-product-view .map-info > span {
	float: right;
	margin-bottom: 5px;
}
.catalog-product-view .map-info .price-box.map-info > a {
	float: right;
	width: 100%;
}

/* ============================================ *
* Cookies
* ============================================ */
.notice-cookie .notice-inner {
	padding-bottom: 0;
}
.notice-cookie .notice-inner:after {
	content: "";
	display: table;
	clear: both;
}
.notice-cookie .notice-text {
	float: left;
	max-width: 90%;
	padding-top: 4px;
	text-align: left;
}
.notice-cookie .notice-text p {
	padding-bottom: 14.5px;
	line-height: 1.3;
}
.notice-cookie .actions {
	float: left;
	text-align: right;
	padding-bottom: 14.5px;
}

@media all and (max-width: 979px) {
	.notice-cookie .notice-text {
		max-width: 86%;
	}
}
@media all and (max-width: 770px) {
	.notice-cookie {
		padding: 0 20px;
	}
	.notice-cookie .notice-text {
		max-width: 82%;
		padding-top: 0;
	}
}
@media all and (max-width: 620px) {
	.notice-cookie {
		padding: 0 20px;
	}
	.notice-cookie .notice-inner {
		background-position: left 10px;
	}
	.notice-cookie .notice-inner:after {
		content: "";
		display: table;
		clear: both;
	}
	.notice-cookie .notice-text {
		float: none;
		max-width: 100%;
		padding-top: 0;
	}
	.notice-cookie .actions {
		text-align: left;
	}
}
/* ============================================ *
* Tags
* ============================================ */
#addTagForm button {
	margin-top: 5px;
	margin-bottom: 10px;
}

#addTagForm .form-add {
	margin-top: 10px;
}

.product-tags {
	background-color: #f4f4f4;
	border: 1px solid var(--border);
	float: left;
	margin-bottom: 10px;
	padding: 5px 1% 10px;
	width: 98%;
}

.product-tags li {
	float: left;
	margin-right: 15px;
}

.product-tags li.last {
	margin-right: 0px;
}

.tags-list {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.tags-list > li {
	float: left;
	margin-right: 10px;
}

.block-tags .actions > a {
	font-size: 12px;
}

.my-tag-edit .button.btn-remove {
	padding: 0;
}
.my-tag-edit .button.btn-remove:after {
	color: white;
}

@media all and (max-width: 770px) {
	.tags-list > li,
	.tags-list {
		float: none;
	}
}
/* ============================================ *
* Captcha
* ============================================ */
.captcha-note {
	clear: left;
	padding-top: 5px;
}

.captcha-image {
	float: left;
	display: inline;
	max-width: 100%;
	position: relative;
	width: 258px;
	margin-bottom: 10px;
}

.captcha-image .captcha-img {
	border: 1px solid #b6b6b6;
	vertical-align: bottom;
	width: 100%;
}

.registered-users .captcha-image {
	margin: 0;
}

.captcha-reload {
	cursor: pointer;
	position: absolute;
	top: 2px;
	right: 2px;
}

.captcha-reload.refreshing {
	animation: rotate 1.5s infinite linear;
}

.customer-account-create
	.scaffold-form
	.captcha-input-container
	label:first-child {
	width: 100%;
}

.captcha-reload {
	position: absolute;
	right: 4px;
	top: 4px;
}

.captcha-img {
	border: 20px solid #bbbbbb;
}

.captcha-input-container {
	margin-bottom: 10px;
}

.control.newsletter-box,
.captcha-input-container,
.captcha-img-container {
	float: none;
	clear: both;
}
.control.newsletter-box:after,
.captcha-input-container:after,
.captcha-img-container:after {
	content: "";
	content: "";
	display: table;
	clear: both;
}

/* ============================================ *
* Checkout Billing Fix to place the Captcha properly
* ============================================ */
#co-billing-form ul.form-list > .control {
	float: left;
	margin: 0 0 5px;
	width: 100%;
}

/* ============================================ *
* Account - Orders, Invoices, Credit Memos.
* ============================================ */
@media all and (max-width: 479px) {
	.sales-order-invoice .sub-title,
	.sales-order-creditmemo .sub-title,
	.sales-order-shipment .sub-title {
		float: left;
		font-size: 15px;
		text-align: center;
		width: 100%;
	}
	.sales-order-invoice .order-links,
	.sales-order-creditmemo .order-links,
	.sales-order-shipment .order-links {
		text-align: center;
		width: 100%;
	}
}
/* ============================================ *
* Recurring Profiles
* ============================================ */
#recurring_profile_list_view th {
	white-space: normal;
}
#recurring_profile_list_view th span {
	white-space: inherit;
}
@media all and (max-width: 479px) {
	#recurring_profile_list_view {
		font-size: 12px;
	}
	#recurring_profile_list_view a {
		font-size: inherit;
	}
	#recurring_profile_list_view th,
	#recurring_profile_list_view td {
		padding: 2px;
	}
}

.recurring-profiles-title {
	float: left;
}
.recurring-profiles-title h1 {
	margin-bottom: 7px;
}

body.customer-account
	.my-account
	.title-buttons.recurring-profiles-title-buttons {
	float: right;
	text-align: right;
	margin-bottom: 30px;
}
@media all and (max-width: 479px) {
	body.customer-account
		.my-account
		.title-buttons.recurring-profiles-title-buttons {
		text-align: center;
		float: none;
	}
}
body.customer-account
	.my-account
	.title-buttons.recurring-profiles-title-buttons
	.button {
	position: static;
}

.recurring-profiles-messages:after {
	content: "";
	display: table;
	clear: both;
}

#recurring_start_date_trig {
	display: inline;
}

/* ============================================ *
* Billing Agreements
* ============================================ */
.billing-agreements .info-box {
	margin-bottom: 30px;
}
.billing-agreements .info-box:after {
	content: "";
	display: table;
	clear: both;
}
.billing-agreements .info-box .form-list {
	max-width: 400px;
	width: 100%;
}
.billing-agreements .info-box .box-title {
	margin-top: 20px;
	margin-bottom: 7px;
}
.billing-agreements .info-box .button {
	float: right;
	margin-top: 7px;
}
@media all and (max-width: 479px) {
	.billing-agreements .info-box .button {
		width: 100%;
		float: none;
	}
}
.billing-agreements #payment_method {
	width: 100%;
	margin-top: 7px;
	margin-bottom: 7px;
}

.billing-agreement-view-header-wrapper .heading {
	max-width: 80%;
}
@media all and (max-width: 479px) {
	.billing-agreement-view-header-wrapper .heading {
		max-width: 100%;
	}
}

.billing-agreement-details td,
.billing-agreement-details th {
	padding: 3.5px;
}

@media all and (max-width: 979px) {
	.billing-agreements .data-table .created-at,
	.billing-agreements .data-table .updated-at {
		display: none;
	}
}
/* ============================================ *
* Popular Search Terms Cloud
* ============================================ */
.catalogsearch-term-popular .tags-list {
	float: left;
	width: 100%;
}

.catalogsearch-term-popular .tags-list > li {
	float: left;
	height: 40px;
	margin-right: 25px;
}

/* ============================================ *
* Widgets
* ============================================ */
/* -------------------------------------------- *
* Add to cart by SKU
*/
.sidebar .widget-addbysku .sku-table .input-text:not(.qty) {
	width: 100%;
}
@media all and (min-width: 771px) {
	.sidebar .widget-addbysku .sku-table .input-text:not(.qty) {
		max-width: 100px;
	}
}

.widget {
	clear: both;
}

.widget .pager {
	float: none;
	width: 100%;
}

.products-grid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
}

.products-grid li.item.last {
	border: 2px solid transparent;
}

.products-grid li.item.last:hover {
	border: 2px solid var(--primary);
}

#crosssell-products-list.products-grid {
	gap: 10px;
}

@media all and (min-width: 1199px) {
	.col2-left-layout
		.col-main
		.widget
		.products-grid--max-4-col-widget
		> li:nth-child(odd),
	.col2-right-layout
		.col-main
		.widget
		.products-grid--max-4-col-widget
		> li:nth-child(odd),
	.col3-layout
		.col-main
		.widget
		.products-grid--max-4-col-widget
		> li:nth-child(odd) {
		clear: none;
	}
	.col2-left-layout
		.col-main
		.widget
		.products-grid--max-4-col-widget
		> li:nth-child(3n + 1),
	.col2-right-layout
		.col-main
		.widget
		.products-grid--max-4-col-widget
		> li:nth-child(3n + 1),
	.col3-layout
		.col-main
		.widget
		.products-grid--max-4-col-widget
		> li:nth-child(3n + 1) {
		clear: none;
	}
	.col2-left-layout
		.col-main
		.widget
		.products-grid--max-4-col-widget
		> li:nth-child(even),
	.col2-left-layout
		.col-main
		.widget
		.products-grid--max-4-col-widget
		> li:nth-child(3n),
	.col2-right-layout
		.col-main
		.widget
		.products-grid--max-4-col-widget
		> li:nth-child(even),
	.col2-right-layout
		.col-main
		.widget
		.products-grid--max-4-col-widget
		> li:nth-child(3n),
	.col3-layout
		.col-main
		.widget
		.products-grid--max-4-col-widget
		> li:nth-child(even),
	.col3-layout
		.col-main
		.widget
		.products-grid--max-4-col-widget
		> li:nth-child(3n) {
		margin-right: 2.22222%;
	}
	.col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li,
	.col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li,
	.col3-layout .col-main .widget .products-grid--max-4-col-widget > li {
		margin-right: 2.22222%;
	}
	.col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li,
	.col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li,
	.col3-layout .col-main .widget .products-grid--max-4-col-widget > li {
		width: 23.33333%;
		margin-right: 2.22222%;
	}
	.col2-left-layout
		.col-main
		.widget
		.products-grid--max-4-col-widget
		> li:nth-child(4n + 1),
	.col2-right-layout
		.col-main
		.widget
		.products-grid--max-4-col-widget
		> li:nth-child(4n + 1),
	.col3-layout
		.col-main
		.widget
		.products-grid--max-4-col-widget
		> li:nth-child(4n + 1) {
		clear: left;
	}
	.col2-left-layout
		.col-main
		.widget
		.products-grid--max-4-col-widget
		> li:nth-child(4n),
	.col2-right-layout
		.col-main
		.widget
		.products-grid--max-4-col-widget
		> li:nth-child(4n),
	.col3-layout
		.col-main
		.widget
		.products-grid--max-4-col-widget
		> li:nth-child(4n) {
		margin-right: 0;
	}
	.col2-left-layout
		.col-main
		.widget
		.products-grid--max-5-col-widget
		> li:nth-child(odd),
	.col2-right-layout
		.col-main
		.widget
		.products-grid--max-5-col-widget
		> li:nth-child(odd),
	.col3-layout
		.col-main
		.widget
		.products-grid--max-5-col-widget
		> li:nth-child(odd) {
		clear: none;
	}
	.col2-left-layout
		.col-main
		.widget
		.products-grid--max-5-col-widget
		> li:nth-child(3n + 1),
	.col2-right-layout
		.col-main
		.widget
		.products-grid--max-5-col-widget
		> li:nth-child(3n + 1),
	.col3-layout
		.col-main
		.widget
		.products-grid--max-5-col-widget
		> li:nth-child(3n + 1) {
		clear: none;
	}
	.col2-left-layout
		.col-main
		.widget
		.products-grid--max-5-col-widget
		> li:nth-child(even),
	.col2-left-layout
		.col-main
		.widget
		.products-grid--max-5-col-widget
		> li:nth-child(3n),
	.col2-right-layout
		.col-main
		.widget
		.products-grid--max-5-col-widget
		> li:nth-child(even),
	.col2-right-layout
		.col-main
		.widget
		.products-grid--max-5-col-widget
		> li:nth-child(3n),
	.col3-layout
		.col-main
		.widget
		.products-grid--max-5-col-widget
		> li:nth-child(even),
	.col3-layout
		.col-main
		.widget
		.products-grid--max-5-col-widget
		> li:nth-child(3n) {
		margin-right: 2.22222%;
	}
	.col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li,
	.col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li,
	.col3-layout .col-main .widget .products-grid--max-5-col-widget > li {
		margin-right: 2.22222%;
	}
	.col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li,
	.col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li,
	.col3-layout .col-main .widget .products-grid--max-5-col-widget > li {
		width: 18.22222%;
		margin-right: 2.22222%;
	}
	.col2-left-layout
		.col-main
		.widget
		.products-grid--max-5-col-widget
		> li:nth-child(5n + 1),
	.col2-right-layout
		.col-main
		.widget
		.products-grid--max-5-col-widget
		> li:nth-child(5n + 1),
	.col3-layout
		.col-main
		.widget
		.products-grid--max-5-col-widget
		> li:nth-child(5n + 1) {
		clear: left;
	}
	.col2-left-layout
		.col-main
		.widget
		.products-grid--max-5-col-widget
		> li:nth-child(5n),
	.col2-right-layout
		.col-main
		.widget
		.products-grid--max-5-col-widget
		> li:nth-child(5n),
	.col3-layout
		.col-main
		.widget
		.products-grid--max-5-col-widget
		> li:nth-child(5n) {
		margin-right: 0;
	}
}
@media all and (min-width: 770px) {
	.col1-layout
		.col-main
		.widget
		.products-grid--max-4-col-widget
		> li:nth-child(odd) {
		clear: none;
	}
	.col1-layout
		.col-main
		.widget
		.products-grid--max-4-col-widget
		> li:nth-child(3n + 1) {
		clear: none;
	}
	.col1-layout
		.col-main
		.widget
		.products-grid--max-4-col-widget
		> li:nth-child(even),
	.col1-layout
		.col-main
		.widget
		.products-grid--max-4-col-widget
		> li:nth-child(3n) {
		margin-right: 2.22222%;
	}
	.col1-layout .col-main .widget .products-grid--max-4-col-widget > li {
		margin-right: 2.22222%;
	}
	.col1-layout .col-main .widget .products-grid--max-4-col-widget > li {
		width: 23.33333%;
		margin-right: 2.22222%;
	}
	.col1-layout
		.col-main
		.widget
		.products-grid--max-4-col-widget
		> li:nth-child(4n + 1) {
		clear: left;
	}
	.col1-layout
		.col-main
		.widget
		.products-grid--max-4-col-widget
		> li:nth-child(4n) {
		margin-right: 0;
	}
	.col1-layout
		.col-main
		.widget
		.products-grid--max-5-col-widget
		> li:nth-child(odd) {
		clear: none;
	}
	.col1-layout
		.col-main
		.widget
		.products-grid--max-5-col-widget
		> li:nth-child(3n + 1) {
		clear: none;
	}
	.col1-layout
		.col-main
		.widget
		.products-grid--max-5-col-widget
		> li:nth-child(even),
	.col1-layout
		.col-main
		.widget
		.products-grid--max-5-col-widget
		> li:nth-child(3n) {
		margin-right: 2.22222%;
	}
	.col1-layout .col-main .widget .products-grid--max-5-col-widget > li {
		margin-right: 2.22222%;
	}
	.col1-layout .col-main .widget .products-grid--max-5-col-widget > li {
		width: 18.22222%;
		margin-right: 2.22222%;
	}
	.col1-layout
		.col-main
		.widget
		.products-grid--max-5-col-widget
		> li:nth-child(5n + 1) {
		clear: left;
	}
	.col1-layout
		.col-main
		.widget
		.products-grid--max-5-col-widget
		> li:nth-child(5n) {
		margin-right: 0;
	}
}
/* ============================================ *
* Checkout - Multiple Addresses
* ============================================ */
body[class*="checkout-multishipping-"] .checkout-progress {
	width: 100%;
	float: left;
	margin-bottom: 25px;
}
body[class*="checkout-multishipping-"] .checkout-progress > li {
	float: left;
	width: 20%;
	text-align: center;
	padding: 8px 1% 6px;
	background: #f4f4f4;

	border-bottom: 1px solid var(--border);
	border-right: 1px solid var(--border);
	margin-bottom: 10px;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-weight: 400;

	font-style: normal;
}
body[class*="checkout-multishipping-"] .checkout-progress > li.active {
	background-color: #dddddd;
}
body[class*="checkout-multishipping-"] .checkout-progress > li.last {
	border-right: 0px;
}
body[class*="checkout-multishipping-"] .page-title {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
body[class*="checkout-multishipping-"] .page-title h1 {
	border: 0 none;
	float: left;
	margin-top: 2px;
	margin-right: 2%;
}
body[class*="checkout-multishipping-"] .page-title .button {
	float: right;
}
body[class*="checkout-multishipping-"] .multiple-checkout > h2 {
	text-transform: none;
	font-size: 17px;
	margin-bottom: 15px;
}
body[class*="checkout-multishipping-"] .messages {
	float: left;
	width: 100%;
}
body[class*="checkout-multishipping-"] .col-2.col-wide {
	width: 66%;
}
body[class*="checkout-multishipping-"] .col-1.col-narrow {
	width: 30%;
}
body[class*="checkout-multishipping-"] .actions {
	margin-bottom: 10px;
}
body[class*="checkout-multishipping-"] .grand-total {
	text-align: right;
	font-size: 16px;
	font-weight: 500;
}
body[class*="checkout-multishipping-"] #checkout-review-submit {
	float: right;
}
body[class*="checkout-multishipping-"] #review-buttons-container {
	float: right;
	text-align: right;
}

.checkout-multishipping-addresses .btn-remove2 {
	text-indent: -5555px;
	display: block;
	width: 22px;
	height: 22px;
}

.checkout-multishipping-shipping .col-1 .box-title h2,
.checkout-multishipping-shipping .col-1 .box-title h3,
.checkout-multishipping-shipping .col-1 .box-title h4,
.checkout-multishipping-shipping .col-2 .box-title h2,
.checkout-multishipping-shipping .col-2 .box-title h3,
.checkout-multishipping-shipping .col-2 .box-title h4,
.checkout-multishipping-billing .col-1 .box-title h2,
.checkout-multishipping-billing .col-1 .box-title h3,
.checkout-multishipping-billing .col-1 .box-title h4,
.checkout-multishipping-billing .col-2 .box-title h2,
.checkout-multishipping-billing .col-2 .box-title h3,
.checkout-multishipping-billing .col-2 .box-title h4,
.checkout-multishipping-overview .col-1 .box-title h2,
.checkout-multishipping-overview .col-1 .box-title h3,
.checkout-multishipping-overview .col-1 .box-title h4,
.checkout-multishipping-overview .col-2 .box-title h2,
.checkout-multishipping-overview .col-2 .box-title h3,
.checkout-multishipping-overview .col-2 .box-title h4 {
	font-weight: normal;
	width: 100%;
	background: #f4f4f4;
	border-bottom: 1px solid var(--border);
	padding: 10px;
	font-size: 14px;
}
.checkout-multishipping-shipping .col-1 > h4,
.checkout-multishipping-shipping .col-2 > h4,
.checkout-multishipping-billing .col-1 > h4,
.checkout-multishipping-billing .col-2 > h4,
.checkout-multishipping-overview .col-1 > h4,
.checkout-multishipping-overview .col-2 > h4 {
	font-weight: normal;
	width: 100%;
	background: #f4f4f4;
	border-bottom: 1px solid var(--border);
	padding: 10px;
	font-size: 14px;
}
.checkout-multishipping-shipping .col-1 .box-content,
.checkout-multishipping-shipping .col-2 .box-content,
.checkout-multishipping-billing .col-1 .box-content,
.checkout-multishipping-billing .col-2 .box-content,
.checkout-multishipping-overview .col-1 .box-content,
.checkout-multishipping-overview .col-2 .box-content {
	margin-bottom: 25px;
	padding-left: 10px;
	margin-top: 10px;
}

.checkout-multishipping-billing .sp-methods dt {
	float: left;
	width: 100%;
}

.checkout-multishipping-payment-customerbalance input.checkbox {
	margin-left: 15px;
}

#multiship-addresses-table > tbody > tr > td.a-center.last > a {
	background-image: none;
}

#review-order-form > div:nth-child(3) > div.divider {
	width: 100%;
	clear: both;
}

@media all and (max-width: 979px) {
	body[class*="checkout-multishipping-"] .checkout-progress span {
		word-spacing: 300px;
	}

	#review-order-form .col-1,
	#review-order-form .col-2 {
		float: none;
		width: auto;
		border: 0;
		padding-right: 0;
		padding-left: 0;
	}
}
@media all and (max-width: 770px) {
	body[class*="checkout-multishipping-"] .checkout-progress span {
		width: 12px;
	}
	body[class*="checkout-multishipping-"] .checkout-progress li {
		width: 100%;
		margin: 0;
		text-align: left;
		padding-left: 3%;
		border-right: 0px;
	}
	body[class*="checkout-multishipping-"] .checkout-progress span {
		word-spacing: 1px;
		width: 12px;
	}
	body[class*="checkout-multishipping-"] .box-title {
		float: left;
		width: 100%;
	}
	body[class*="checkout-multishipping-"] .page-title .button {
		float: left;
		margin-bottom: 10px;
	}
	body[class*="checkout-multishipping-"] .linearize-table tfoot td {
		text-align: right;
	}
	body[class*="checkout-multishipping-"] .linearize-table select {
		width: 100%;
		min-width: 200px;
	}
	body[class*="checkout-multishipping-"] .col-1.col-narrow,
	body[class*="checkout-multishipping-"] .col-2.col-wide {
		width: 100%;
		padding: 0;
	}
}
@media all and (max-width: 599px) {
	.checkout-multishipping-addresses .linearize-table tbody td[data-rwd-label] {
		text-align: left;
		padding-left: 10px;
		margin-top: 12px;
	}
}
@media all and (max-width: 479px) {
	body[class*="checkout-multishipping-"] .buttons-set .back-link {
		display: block;
	}
}
/* ============================================ *
* Calendar styles (restore styles from /js/calendar)
* ============================================ */
div.calendar table {
	border-collapse: separate;
}
div.calendar table td.button {
	display: table-cell;
	background: inherit;
	color: inherit;
	text-transform: none;
}

/* cms */
.cms-heading {
	color: var(--primary);
	padding-bottom: 0.8rem;
}

.cms-heading h1 {
	font-weight: bold !important;
}

.cms-subheading {
	color: black;
}

.cms-p {
	padding-bottom: 0.4rem;
	font-size: 0.9rem;
	text-align: justify;
}

.delivery-warning {
	padding: 0.4rem 0;
	font-size: 0.9rem;
	text-align: justify;
}

.cms-copyright {
	float: none;
}

.cms-copyright-bottom {
	text-align: center;
	margin-top: 5px;
}

@media all and (max-width: 500px) {
	.cms-copyright-bottom {
		margin-bottom: 20px;
	}
}

.cms-footer-last {
	display: inline;
	background: none !important;
	padding-right: 0 !important;
}

.cms-privacy-links {
	font-size: 1.35em;
	text-decoration: underline;
}

.cms-links:hover {
	text-decoration: none;
}

.cms-li {
	margin-left: 7rem;
}
.cms-coming-li {
	font-weight: 500;
	margin-left: 1.5rem;
}

.cms-coming-li-space {
	list-style: none;
	margin-left: 3rem;
}

.cms-phone-link {
	text-decoration: none;
	color: black;
}

.cms-phone-link:hover {
	text-decoration: none;
}

.footer-links a {
	white-space: nowrap;
}

li.footer-links {
	display: inline;
	padding: 5px 10px;
}

@media all and (max-width: 770px) {
	li.footer-links {
		display: inline;
	}
}

@media all and (max-width: 960px) {
	.cms-copyright {
		clear: both;
		margin: 0px;
		text-align: center;
	}
}

.print-display {
	display: none !important;
}
/* Install gallery lightbox styling by Lyndsey */

.lightbox-gallery {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}

/*lightbox fixes*/
ul.mobile-view.lightbox-flex {
	display: flex;
	flex-wrap: wrap;
}

li.mobile-img-spacing.lightbox {
	padding-right: 10px;
}

/*end lightboxes */

/* h2 corrections */
h2.product-name {
	border-top: 0px;
}
/*compare block */
.block.block-list.block-compare {
	border: 1px solid var(--navfont);
	padding: 5px;
}

/* compare with call fopr product pages */
.flex-compare-box {
	display: flex;
	justify-content: space-between;
}

/* livechat widget */
img.res-img-wig {
	width: 250px;
}

/* shipping fix */
li.shipping-region {
	display: none;
}

.shipping .form-list .shipping-country {
	width: 80% !important;
}

/* payment msg */
li.payment-msg {
	float: right;
}

#upsell-product-table .product-name {
	font-size: 13px;
	padding-left: 2px;
	padding-right: 2px;
}

.viewed-swiper-only .product-name {
	padding: 0px 2px;
	margin-bottom: 0.5em;
}

/*Home Page Slider*/

.spacing-for-arrows-next {
	width: 105px;
	height: 30px;
}

.spacing-for-arrows-prev {
	/* top: -75px; */
	width: 105px;
	height: 30px;
}

.spacing-for-image-swiper {
	display: flex;
	flex-direction: column;
	width: 105px;
	align-items: center;
	height: 585px;
}

.containing-div-for-all-images {
	width: 685px;
}

.swiper-button-next.arrow-next-for-image,
.swiper-button-prev.arrow-prev-for-image {
	z-index: 10;
	width: 30px;
	height: 30px;
	margin-top: 0px !important;
	align-items: center;
}

@media all and (min-width: 2357px) {
	.product-essential {
		min-height: 700px;
	}
}

@media all and (min-width: 500px) {
	.swiper-pagination {
		display: none !important;
	}
}

@media all and (max-width: 500px) {
	.swiper-pagination {
		display: block !important;
	}
}

.swiper-arrow-container-for-images {
	height: 525px;
}

.related-swiper-only .price-box span,
.upsell-swiper-only .price-box span {
	font-size: 15px !important;
}

.swiper,
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	/* Fix of Webkit flickering */
	z-index: 1;
	display: block;
}
.swiper-vertical > .swiper-wrapper {
	flex-direction: column;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	transition-timing-function: var(
		--swiper-wrapper-transition-timing-function,
		initial
	);
	box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
	touch-action: pan-y;
}
.swiper-vertical {
	touch-action: pan-x;
	height: 100%;
	margin-top: auto;
	margin-bottom: auto;
}
.swiper-slide,
swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	display: block;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

/* .viewed-swiper-only .swiper-slide {
	max-width: 163px;
} */

.gallery-image-thumb {
	margin-bottom: 0px !important;
}

.product-img-box {
	position: sticky;
	top: 5px;
}

.container-for-swiper-arrows2,
.container-for-swiper-arrows1,
.swiper-button-next.arrow-next-for-image,
.swiper-button-prev.arrow-prev-for-image {
	top: unset !important;
	left: unset !important;
	right: unset !important;
}

@media all and (min-width: 2001px) and (max-width: 2500px) {
	.product-essential .product-image #image-main {
		height: 700px;
		width: 700px;
	}

	.product-img-box {
		height: 700px;
	}
	.spacing-for-image-swiper {
		height: 700px;
		width: 160px;
	}
	.product-essential {
		justify-content: center;
	}
}
@media all and (min-width: 2501px) {
	.product-essential .product-image #image-main {
		height: 900px;
		width: 900px;
	}

	.product-img-box {
		height: 900px;
	}

	.spacing-for-image-swiper {
		height: 900px;
		width: 200px;
	}
}

@media all and (max-width: 2000px) {
	.product-essential .product-image #image-main {
		height: 590px;
	}

	.product-img-box {
		height: 590px;
		position: sticky;
		top: 5px;
		float: left;
	}

	.spacing-for-image-swiper {
		width: 130px;
	}
}

@media all and (min-width: 849px) {
	.grouped-product .product-shop {
		margin-left: 10px;
	}
}

@media all and (max-width: 1061px) {
	.button-cart-float .add-to-cart {
		width: 29%;
	}
}

@media all and (max-width: 650px) {
	.button-cart-float .add-to-cart {
		width: 100%;
	}
}

@media all and (max-width: 1460px) {
	.product-essential .product-image #image-main {
		height: 450px;
		width: 450px;
	}
	.product-img-box {
		height: 455px;
	}

	.spacing-for-image-swiper {
		height: 450px;
		width: 95px;
	}
}

@media all and (max-width: 1122px) {
	.product-essential .product-image #image-main {
		height: 390px;
		width: 390px;
	}
	.product-img-box {
		height: 395px;
	}

	.spacing-for-image-swiper {
		height: 390px;
		width: 85px;
	}
}

@media all and (max-width: 849px) {
	.product-essential .product-image #image-main {
		height: 600px;
		width: 600px;
	}
	.product-img-box {
		height: 600px;
		width: 100%;
	}

	.spacing-for-image-swiper {
		height: 600px;
		width: 120px;
	}
	.product-img-box {
		justify-content: center;
	}
	.product-essentials .product-image {
		width: 580px;
		height: 580px;
	}
	.container-for-swiper-arrows1,
	.container-for-swiper-arrows2 {
		height: 30px !important;
		width: 30px !important;
	}
	.product-img-box {
		position: unset;
	}
}

@media all and (max-width: 720px) {
	.product-essential .product-image #image-main {
		height: 500px;
		width: 500px;
	}
	.product-img-box {
		height: 500px;
	}

	.spacing-for-image-swiper {
		height: 500px;
		width: 100px;
	}
	.product-img-box {
		justify-content: center;
	}
	.product-essentials .product-image {
		width: 480px;
		height: 480px;
	}
	.container-for-swiper-arrows1,
	.container-for-swiper-arrows2 {
		height: 30px !important;
		width: 30px !important;
	}
	.product-img-box {
		position: unset;
	}
}

@media all and (max-width: 600px) {
	.product-essential .product-image #image-main {
		height: 400px;
		width: 400px;
	}
	.product-img-box {
		height: 400px;
	}

	.spacing-for-image-swiper {
		height: 400px;
		width: 85px;
	}
}

@media all and (max-width: 490px) {
	.product-essential .product-image #image-main {
		height: 300px;
		width: 300px;
	}
	.product-img-box {
		height: 300px;
	}

	.spacing-for-image-swiper {
		height: 300px;
		width: 60px;
	}
	.container-for-swiper-arrows2,
	.container-for-swiper-arrows1 {
		height: 30px !important;
		width: 30px !important;
	}
	.product-img-box {
		gap: 0px;
	}
	.main {
		padding-left: 6px;
		padding-right: 6px;
	}

	.category-resource-hub .main {
		padding: 10px;
	}
}
.swiper-slide-invisible-blank {
	visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto;
}
.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height;
}
.swiper-backface-hidden swiper-slide {
	transform: translateZ(0);
	backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d;
}
.swiper-3d {
	perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
	transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(
		to left,
		rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0)
	);
}
.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(
		to right,
		rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0)
	);
}
.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(
		to top,
		rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0)
	);
}
.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0)
	);
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	/* For Firefox */
	-ms-overflow-style: none;
	/* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
	display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
	scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
	scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
	content: "";
	flex-shrink: 0;
	order: 9999;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always;
}
.swiper-centered.swiper-horizontal
	> .swiper-wrapper
	> .swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after);
}
.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--highlight));
	border-radius: 50%;
	border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.swiper-virtual .swiper-slide {
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
	height: 1px;
	width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
	width: 1px;
	height: var(--swiper-virtual-size);
}
.swiper-button-prev,
.swiper-button-next {
	position: absolute;
	top: var(--swiper-navigation-top-offset, 50%);
	width: calc(var(--swiper-navigation-size) / 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--navfont);
}

@media all and (max-width: 500px) {
	.cat-desc-head .swiper-button-next,
	.cat-desc-head .swiper-button-prev,
	.cms-page-view .swiper-button-next,
	.cms-page-view .swiper-button-prev {
		display: none !important;
	}
	.arrows-for-related {
		display: none !important;
	}
}

.containing-related img,
.box-up-sell img,
.viewed-swiper-only img {
	padding: 20px 20px 0px 20px;
}

.block-related h2,
.box-up-sell h2,
.viewed-swiper-only h2 {
	font-size: 24px;
	margin-bottom: 0px;
	font-weight: normal;
}

.swiper-container.related-swiper-only,
.swiper-container.upsell-swiper-only,
.swiper-container.viewed-swiper-only {
	width: 85%;
}

.margin-div {
	width: 100%;
}

.inside-margin-div {
	width: 100%;
	margin: auto;
}

table#super-product-table {
	width: 100%;
}

.block-related li {
	margin-bottom: 7px;
	max-width: 185px;
}

@media all and (min-width: 1077px) and (max-width: 1899px) {
	.swiper-arrow-container {
		width: 540px;
		position: relative;
	}
	.containing-related {
		width: 540px !important;
	}
	.inside-margin-div {
		width: 100%;
	}
	.button-text {
		position: relative;
	}
	.block-related h2,
	.box-up-sell h2,
	.viewed-swiper-only h2 {
		font-size: 20px;
	}
	.block-related li,
	#recently-reviewed-items li,
	#upsell-product-table li {
		max-width: 150px;
	}
}

.swiper-arrow-container:has(ol#recently-viewed-items),
.swiper-arrow-container:has(.upsell-swiper-only) {
	width: 100% !important;
	max-width: 1000px !important;
}

@media all and (min-width: 1900px) and (max-width: 1999px) {
	.swiper-arrow-container {
		width: 630px;
		position: relative;
	}
	.containing-related {
		width: 630px !important;
	}
	.inside-margin-div {
		width: 100%;
	}
	.block-related li {
		max-width: 131px;
	}
}

@media all and (min-width: 2000px) and (max-width: 2654px) {
	.swiper-arrow-container {
		width: 730px;
		position: relative;
	}
	.containing-related {
		width: 730px !important;
	}
	.inside-margin-div {
		width: 100%;
	}
	.block-related li {
		max-width: 152px;
	}
}

@media all and (min-width: 2655px) {
	.swiper-arrow-container {
		width: 790px;
		position: relative;
	}
	.containing-related {
		width: 790px !important;
	}
	.inside-margin-div {
		width: 100%;
	}
	.block-related li {
		max-width: 164px;
	}
}

@media all and (max-width: 1369px) {
	.containing-related {
		margin: unset;
	}
}

@media all and (max-width: 1076px) {
	.swiper-arrow-container {
		width: 350px;
		position: relative;
	}
	.containing-related {
		width: 350px !important;
	}
	.inside-margin-div {
		width: 350px;
	}
	.button-text {
		position: relative;
	}
	.block-related h2,
	.box-up-sell h2,
	.viewed-swiper-only h2 {
		font-size: 15px;
	}
	.block-related li {
		max-width: 150px;
	}
}

#crosssell-products-list li {
	max-width: 200px;
}

@media all and (max-width: 800px) {
	.swiper-arrow-container {
		width: 440px;
		position: relative;
	}
	.containing-related {
		width: 440px !important;
	}
	.inside-margin-div {
		width: 440px;
	}
	.block-related h2,
	.box-up-sell h2 {
		font-size: 16px;
	}
	.block-related li {
		max-width: 185px;
	}
}
@media all and (max-width: 474px) {
	.swiper-container.related-swiper-only,
	.swiper-container.upsell-swiper-only,
	.swiper-container.viewed-swiper-only {
		width: 100%;
	}
}
@media all and (max-width: 473px) {
	.swiper-arrow-container {
		width: 340px;
		position: relative;
	}
	.containing-related {
		width: 340px !important;
	}
	.inside-margin-div {
		width: 340px;
	}
	.block-related li {
		max-width: 168px;
	}
}

@media all and (max-width: 474px) {
	.swiper-container.related-swiper-only,
	.swiper-container.upsell-swiper-only,
	.swiper-container.viewed-swiper-only {
		width: 100%;
	}
}

.swiper-container {
	width: 1000px;
}

@media all and (max-width: 1000px) {
	.swiper-container {
		width: 100%;
	}
}

.swiper-button-prev {
	left: 0;
	transition: 250ms ease-out;
}

.swiper-button-next {
	right: 0;
}

.swiper-pagination-bullets {
	bottom: 0 !important;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: unset !important;
	position: realative;
}

@media all and (min-width: 800px) {
	.swiper-button-next:hover,
	.swiper-button-prev:hover {
		text-shadow: 0 0 1em white, 0 0 0.6em white;
	}
}

.swiper-slide img :not(.hex-position) {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
	opacity: 0;
	cursor: auto;
	pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
	display: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: var(--swiper-navigation-sides-offset, 10px);
	right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, 10px);
	left: auto;
}

.swiper-button-lock {
	display: none;
}
.swiper-pagination {
	text-align: center;
	transition: 300ms opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10;
	width: 100%;
}

.swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) !important;
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
	display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
	top: var(--swiper-pagination-top, auto);
	bottom: var(--swiper-pagination-bottom, 8px);
	left: 0;
	width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(0.33);
	position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(0.33);
}
.swiper-pagination-bullet {
	width: var(
		--swiper-pagination-bullet-width,
		var(--swiper-pagination-bullet-size, 10px)
	);
	height: var(
		--swiper-pagination-bullet-height,
		var(--swiper-pagination-bullet-size, 10px)
	);
	display: inline-block;
	border-radius: 50%;
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}
.swiper-pagination-bullet:only-child {
	display: none !important;
}
.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: var(--swiper-pagination-color, var(--highlight));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
	right: var(--swiper-pagination-right, 8px);
	left: var(--swiper-pagination-left, auto);
	top: 50%;
	transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets
	.swiper-pagination-bullet {
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
	display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
}
.swiper-vertical
	> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
	.swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
	.swiper-pagination-bullet {
	display: inline-block;
	transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
	.swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal
	> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}
.swiper-horizontal
	> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
	.swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
	.swiper-pagination-bullet {
	transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl
	> .swiper-pagination-bullets-dynamic
	.swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl)
	.swiper-pagination-bullets-dynamic
	.swiper-pagination-bullet {
	transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
	color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
	background: var(
		--swiper-pagination-progressbar-bg-color,
		rgba(0, 0, 0, 0.25)
	);
	position: absolute;
	/*ADD_HOST*/
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--highlight));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical
	> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: var(--swiper-pagination-progressbar-size, 4px);
	left: 0;
	top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal
	> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
	width: var(--swiper-pagination-progressbar-size, 4px);
	height: 100%;
	left: 0;
	top: 0;
}
.swiper-pagination-lock {
	display: none;
}
.swiper-scrollbar {
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	position: relative;
	-ms-touch-action: none;
	background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
	display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
	position: absolute;
	left: var(--swiper-scrollbar-sides-offset, 1%);
	bottom: var(--swiper-scrollbar-bottom, 4px);
	top: var(--swiper-scrollbar-top, auto);
	z-index: 50;
	height: var(--swiper-scrollbar-size, 4px);
	width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
	position: absolute;
	left: var(--swiper-scrollbar-left, auto);
	right: var(--swiper-scrollbar-right, 4px);
	top: var(--swiper-scrollbar-sides-offset, 1%);
	z-index: 50;
	width: var(--swiper-scrollbar-size, 4px);
	height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	left: 0;
	top: 0;
}
.swiper-scrollbar-cursor-drag {
	cursor: move;
}
.swiper-scrollbar-lock {
	display: none;
}
.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.swiper-slide-zoomed {
	cursor: move;
	touch-action: none;
}
/* a11y */
.swiper .swiper-notification,
swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
	flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}
.swiper-cube {
	overflow: visible;
}
.swiper-cube .swiper-slide {
	pointer-events: none;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
	pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
	transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
	pointer-events: auto;
	visibility: visible;
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
	z-index: 0;
	backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
	content: "";
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	filter: blur(50px);
}
.swiper-flip {
	overflow: visible;
}
.swiper-flip .swiper-slide {
	pointer-events: none;
	backface-visibility: hidden;
	z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
	pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
	z-index: 0;
	backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
	backface-visibility: hidden;
	overflow: hidden;
	transition-property: transform, opacity, height;
}
.swiper-cards {
	overflow: visible;
}
.swiper-cards .swiper-slide {
	transform-origin: center bottom;
	backface-visibility: hidden;
	overflow: hidden;
}

/* interactive banner styling */

.side-by-side > div {
	display: flex;
	justify-content: space-around;
}

.l-column {
	margin-left: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.interactive-banner .banner-container-background {
	height: 380px;
	width: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
}

.banner-container-background img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	filter: blur(3px);
}

.interactive-banner-container {
	overflow: visible;
	height: 450px;
}

.banner-container-background {
	overflow: visible;
}

.interactive-banner-container .swiper.interactive-banner {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: unset;
	height: 100%;
	width: 100%;
}

.interactive-banner .swiper-wrapper {
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	transition-timing-function: var(
		--swiper-wrapper-transition-timing-function,
		initial
	);
	box-sizing: content-box;
	position: absolute;
	top: 0;
	left: 0;
}

.interactive-banner .swiper-slide {
	flex-shrink: 0;
	height: 100%;
	position: relative;
	transition-property: transform;
	display: block;
	background: transparent;
	position: relative;
}

.interactive-banner .swiper-slide-invisible-blank {
	visibility: hidden;
}

.interactive-banner .swiper-button-prev,
.interactive-banner .swiper-button-next,
.interactive-banner-container .swiper-button-prev,
.interactive-banner-container .swiper-button-next {
	position: absolute;
	top: var(--swiper-navigation-top-offset, 52%);
	width: calc(var(--swiper-navigation-size) / 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white);
}

.interactive-banner-container.hex .swiper-button-prev,
.interactive-banner-container.hex .swiper-button-next {
	top: var(--swiper-navigation-top-offset, 42%);
}
.interactive-banner .swiper-button-prev.swiper-button-disabled,
.interactive-banner .swiper-button-next.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
}
.interactive-banner .swiper-button-prev.swiper-button-hidden,
.interactive-banner .swiper-button-next.swiper-button-hidden {
	opacity: 0;
	cursor: auto;
	pointer-events: none;
}
.interactive-banner .swiper-navigation-disabled .swiper-button-prev,
.interactive-banner .swiper-navigation-disabled .swiper-button-next {
	display: none !important;
}
.interactive-banner .swiper-button-prev svg,
.interactive-banner .swiper-button-next svg {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	transform-origin: center;
}

.interactive-banner .swiper-button-lock {
	display: none;
}
/* Navigation font start */
.interactive-banner .swiper-button-prev:after,
.interactive-banner .swiper-button-next:after {
	font-family: Sybillapro, Verdana, Arial, sans-serif;
	font-size: 25px;
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1;
	--swiper-navigation-size: 44px;
}

.interactive-banner .swiper-button-prev:after {
	border: solid 2px var(--white);
	border-left: 0;
	border-top-right-radius: 2em;
	border-bottom-right-radius: 2em;
	padding: 7px 7px 12px 12px;
}

.interactive-banner .swiper-button-next:after {
	border: solid 2px var(--white);
	border-right: 0;
	border-top-left-radius: 2em;
	border-bottom-left-radius: 2em;
	padding: 7px 12px 12px 7px;
}
.interactive-banner .swiper-button-prev:after,
.interactive-banner .swiper-rtl .swiper-button-next:after {
	content: "prev";
}

.interactive-banner .swiper-button-next:after,
.interactive-banner .swiper-rtl .swiper-button-prev:after {
	content: "next";
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: "next";
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: "prev";
}

.interactive-banner .swiper-button-prev {
	left: 20px;
	right: auto;
}
.interactive-banner .swiper-button-next {
	right: 20px;
	left: auto;
}

@media all and (max-width: 1050px) {
	.interactive-banner .swiper-button-prev:after {
		font-size: 15px;
		padding: 5px 5px 7px 5px;
	}
	.interactive-banner .swiper-button-prev {
		left: 12px;
	}
	.interactive-banner .swiper-button-next:after {
		font-size: 15px;
		padding: 5px 5px 7px 5px;
	}
	.interactive-banner .swiper-button-next {
		right: 12px;
	}
}

.interactive-banner .buttons-container.flex {
	display: flex;
	flex-wrap: wrap;
	gap: 1px;
}

.interactive-banner
	.swiper-pagination.pag-related.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
	top: 380px;
	position: absolute;
}

@media all and (max-width: 500px) {
	.interactive-banner .swiper-button-next,
	.interactive-banner .swiper-button-prev,
	.interactive-banner-container .swiper-button-next,
	.interactive-banner-container .swiper-button-prev {
		display: none !important;
	}
}

.interactive-banner h2 :not(.hex-position) {
	color: var(--primary);
	white-space: normal;
	line-height: normal;
	margin-bottom: 10px;
	font-size: 17px;
}
.interactive-banner p {
	color: var(--secondary);
	white-space: normal;
	line-height: normal;
	margin-bottom: 0px;
	font-weight: 400;
}

.interactive-banner .buttons-container h2 {
	color: var(--secondary);
	text-align: center;
	margin: 5px 0px;
	background-color: var(--white);
	padding: 5px;
	border: 1px solid var(--primary);
	box-shadow: var(--boxshadow);
	max-width: 180px;
}

.interactive-banner .buttons-container a {
	text-decoration: none !important;
}

.interactive-banner .l-column img {
	width: 180px;
}

.interactive-banner h2 :not(.hex-position),
.interactive-banner h1 :not(.hex-position) {
	color: var(--white);
	padding-left: 15%;
	background-color: var(--primary);
	width: 80%;
	font-size: 50px;
	border-top: 1px solid var(--primary);
	border-bottom: 1px solid var(--primary);
	border-right: 1px solid var(--primary);
	margin-top: 10px;
	padding: 5px 30px 5px 5px;
	text-align: right;
	line-height: 1.5;
	letter-spacing: 1px;
	box-shadow: var(--boxshadow);
	margin: 10px 0px 10px 0px;
}

.for-parts h2 {
	z-index: 100;
	padding: 10px;
	color: var(--white);
	font-size: 300%;
}

.for-parts {
	display: flex;
	align-items: flex-start;
	padding: 5px;
	overflow: hidden;
}

.interactive-banner .content-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 85%;
	margin: auto;
	height: 85%;
}

.border-div {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	border-top: 5px solid var(--secondary);
	border-bottom: 5px solid var(--secondary);
	display: flex;
	justify-content: space-between;
}

.for-parts:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 380px;
	z-index: 0;
	background: linear-gradient(
		to right,
		var(--primary) 0%,
		var(--gradient1) 90%,
		var(--gradient2) 100%
	);
}

.image-button:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 380px;
	opacity: 0.85;
	z-index: 0;
	background: linear-gradient(70deg, var(--navfont), var(--secondary));
}

.button-container {
	width: 100%;
	padding: 10px;
	display: flex;
}

.image-button-wrapper {
	z-index: 10;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.image-button-wrapper img {
	min-width: 100%;
	max-width: 300px;
	max-height: 420px;
}

.circle-container {
	display: flex;
	align-items: flex-start;
	padding: 20px;
	overflow: hidden;
	justify-content: center;
	gap: 5px;
}

.hex .circle-container img {
	width: 250px;
	height: 250px;
	-o-object-fit: contain;
	object-fit: contain;
	position: absolute;
	top: 0;
	left: 0;
}

.circle-container .r-position {
	position: absolute;
	top: -5px;
	right: 50px;
	z-index: 100;
}
@media all and (max-width: 470px) {
	.circle-container {
		gap: 5px !important;
	}
}

.interactive-banner .button :not(.hex-position) {
	border: 1px solid var(--primary);
	background: var(--white);
	box-shadow: var(--boxshadow);
	padding: 0px;
	white-space: normal;
}

.interactive-banner .max-button {
	max-width: 180px;
}

.interactive-banner .content-div {
	width: 500px;
	padding: 0px;
	margin-bottom: 10px;
}

@media all and (min-width: 1800px) {
	.interactive-banner .content-div {
		padding: 5px;
	}
}

.interactive-banner .buttons-container.purchase-orders {
	color: var(--secondary);
	margin: 5px 0px;
	background-color: var(--white);
	padding: 5px;
	border: 1px solid var(--primary);
	box-shadow: var(--boxshadow);
	width: 25%;
	margin-left: 70px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}
.interactive-banner ul {
	font-size: 16px;
	list-style: none;
	margin-top: 5px;
	margin-bottom: 5px;
}
.interactive-banner .button.wide-button h2 {
	border: none;
	box-shadow: none;
}

.interactive-banner .side-by-side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: var(--white);
	border: 1px solid var(--primary);
	height: 100%;
	box-shadow: var(--boxshadow);
	width: 100%;
	cursor: pointer;
}
.interactive-banner .side-by-side .div {
	display: flex;
	justify-content: center;
}

.interactive-banner .swiper > img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.interactive-banner .button.big img {
	border-radius: 0px;
}

.interactive-banner p {
	margin: 0px;
}

.interactive-banner .buttons-container {
	display: flex;
	width: 62%;
	justify-content: space-evenly;
	margin-left: 50px;
}

.banner-container-background {
	overflow: hidden;
}

.interactive-banner .button img {
	margin: auto;
}

.interactive-banner .image {
	position: absolute;
	right: 12%;
	top: 50px;
	overflow: visible;
	z-index: 10;
}

.interactive-banner .image svg,
.interactive-banner .image img {
	height: 390px;
}

.interactive-banner .swiper-pagination-bullet {
	width: 7px;
	height: 7px;
}

.interactive-banner li {
	color: var(--secondary);
	text-align: left;
	margin-left: 0px !important;
	white-space: normal;
	line-height: normal;
	margin-bottom: 0px;
	padding: 2px;
}

.swiper-slide.categories > div > a > div {
	width: 210px;
	border: 1px solid var(--primary);
	background-color: var(--white);
}

.swiper-slide.categories > div {
	display: flex;
	justify-content: space-around;
}

.side-by-side {
	max-width: 700px;
}

.interactive-banner-container {
	margin-top: 20px;
}

.hex-position div:nth-of-type(2) {
	display: flex;
	margin: auto;
	justify-content: center;
	gap: 10px;
}

@media all and (max-width: 1584px) {
	.image-button-wrapper > div > div {
		width: 100%;
	}
}

@media all and (max-width: 1580px) {
	.banner-container-background img {
		-o-object-fit: none;
		object-fit: none;
	}
}

@media all and (max-width: 1400px) {
	.hex-position .text-side h2 {
		font-size: 45px;
	}
}

@media all and (max-width: 1300px) {
	.title-wrapper h2 {
		font-size: 40px;
	}
	.title-wrapper p,
	.title-wrapper .button {
		font-size: 20px;
	}
	.for-parts:before {
		background: linear-gradient(
			to bottom,
			var(--primary) 0%,
			var(--gradient1) 90%,
			var(--gradient2) 100%
		);
	}
	.for-parts .content-wrap {
		flex-direction: column;
	}
	.for-parts h2 {
		font-size: 50px;
		margin-bottom: 0px;
		width: 100%;
		text-align: center;
	}
}

@media all and (max-width: 1248px) {
	.hex-grid img {
		width: 400px;
	}
	.hex-position h2,
	.hex-position .button {
		font-size: 25px;
	}
	.center-title {
		top: 42%;
	}
	.center-title::before {
		width: 28%;
	}
	.center-title::after {
		width: 28%;
	}
	.hex-position .text-side h2 {
		font-size: 40px;
	}
	.hex-position .button {
		padding: 5px 10px;
		line-height: 20px;
		font-size: 20px;
	}
}
@media all and (max-width: 1140px) {
	.hex .circle-container {
		width: 100%;
	}
}

@media all and (max-width: 998px) {
	.title-wrapper h2 {
		font-size: 35px;
	}
	.image-button-wrapper img {
		min-width: 100%;
		max-width: 250px;
	}
	.hex-position .text-side h2 {
		font-size: 35px;
	}
	.hex-position .button {
		padding: 5px 10px;
		font-size: 20px;
	}
}

@media all and (max-width: 920px) {
	.hex .circle-container {
		padding: 0px 20px 20px 20px;
	}
}

@media all and (max-width: 890px) {
	.hex-position div:nth-of-type(2) {
		display: block;
		width: 100%;
		position: relative;
		height: 100%;
	}
	.text-side {
		height: unset;
		width: 100%;
	}
	.hex-grid {
		position: absolute;
		top: 55px;
		left: 55px;
	}
	.hex-position .text-side h2 {
		width: 47%;
		position: absolute;
		right: 0;
		top: 55px;
	}
	.hex-position .button {
		position: absolute;
		bottom: 75px;
		left: 15px;
		width: 95%;
	}
	.hex-grid img {
		width: 350px;
	}
	.hex-position h2 {
		top: 41%;
		font-size: 20px;
	}
	.center-title::before {
		width: 27%;
	}
	.center-title::after {
		width: 27%;
	}
	.test-side .button {
		font-size: 20px;
	}
}

@media all and (max-width: 880px) {
	.hex-grid img:nth-last-child(-n + 4) {
		width: 25.1%;
	}
	.hex-grid img:nth-child(5) {
		bottom: 1px;
	}
	.hex-grid img:nth-child(6) {
		bottom: 1px;
	}
	.hex-position h2 {
		top: 43%;
	}
	.center-title::before,
	.center-title::after {
		top: 11px;
	}
}
@media all and (max-width: 800px) {
	.hex-position > div {
		flex-direction: column;
		height: 95%;
	}
	.hex .circle-container img {
		width: 160px;
		height: 160px;
	}
	.interactive-banner .content-wrap {
		justify-content: center;
	}
	.circle-container a {
		width: 160px;
		height: 160px;
	}
	.interactive-banner .swiper-button-prev:after,
	.interactive-banner .swiper-button-next:after {
		--swiper-navigation-size: 25px;
	}
	.hex-position div:nth-of-type(2) {
		display: flex;
		flex-direction: column;
		align-items: center;
		height: 90%;
		width: 80%;
	}
	.text-side {
		display: flex;
	}
	.hex-position .text-side h2,
	.hex-position .button,
	.hex-position div:nth-of-type(2) {
		position: unset;
	}
	.hex-grid {
		position: relative;
		top: unset;
		left: unset;
	}
	.hex-position .text-side h2 {
		width: 95%;
		font-size: 30px;
		text-align: center;
	}
	.hex-grid img {
		width: 400px;
	}
	.hex-grid img:nth-child(5),
	.hex-grid img:nth-child(6) {
		bottom: 1px;
	}
}

@media all and (max-width: 772px) {
	.image-button-wrapper {
		width: 100%;
	}
	.image-button-wrapper {
		height: 100%;
	}
	.title-wrapper {
		position: relative;
		margin: 5px auto;
		width: 80%;
		height: 92.5%;
		justify-content: center;
		align-items: flex-start;
		padding: 10px;
	}
	.interactive-banner .content-wrap {
		width: 95%;
		margin: auto;
	}
	.image-button-wrapper div:nth-of-type(2) {
		position: absolute;
		top: 10%;
		left: 60%;
	}
	.image-button .button {
		padding: 5px 10px;
	}
	.image-button-wrapper > div > div {
		align-items: start;
		width: 60%;
	}
	.image-button h2 {
		text-align: left;
		margin-left: 0px;
	}
	.title-wrapper .button-container {
		justify-content: start;
	}
	.image-button-wrapper img {
		max-width: 170px;
	}
	.title-wrapper h2 {
		font-size: 40px;
		width: 95%;
	}
	.title-wrapper p {
		font-size: 15px;
		text-align: left;
		width: 90%;
	}
	.title-wrapper .button {
		font-size: 20px;
		width: 90%;
	}
}

@media all and (max-width: 653px) {
	.hex-position {
		align-items: center;
	}
}

@media all and (max-width: 650px) {
	.title-wrapper h2 {
		font-size: 30px;
	}
	.interactive-banner .content-wrap {
		width: 100%;
	}
	.for-parts h2 {
		width: 94%;
	}
}

@media all and (max-width: 562px) {
	.for-parts h2 {
		font-size: 40px;
	}
}

@media all and (max-width: 550px) {
	.interactive-banner .buttons-container {
		margin-left: 60px;
	}
	.interactive-banner .l-column img {
		width: 100px;
	}
	.interactive-banner .content-div {
		width: 180px;
		height: 100%;
	}
	.interactive-banner .middle-to-last {
		display: none;
	}
	.side-by-side {
		width: 90%;
	}
	.hex-grid img {
		width: 320px;
	}
	.hex-position div:nth-of-type(2) {
		justify-content: flex-start;
		margin-top: 3%;
	}
	.hex-position .text-side h2 {
		font-size: 27px;
	}

	.hex-grid img:nth-last-child(-n + 4) {
		width: 25.2%;
	}
	.hex-grid img:nth-child(5),
	.hex-grid img:nth-child(6) {
		bottom: 0px;
	}
}

@media all and (max-width: 500px) {
	.interactive-banner .buttons-container.flex {
		justify-content: unset;
	}
	.circle-container a:first-of-type {
		display: none;
	}
	.image-button-wrapper img {
		max-width: 100px;
		max-height: 250px;
	}

	.image-button-wrapper div:nth-of-type(2) {
		position: absolute;
		top: 20%;
		left: 58%;
	}

	.image-button-wrapper div:nth-of-type(2) {
		position: absolute;
		top: 18%;
		left: 58%;
	}
	.title-wrapper {
		width: 95%;
	}
}

@media all and (max-width: 470px) {
	.title-wrapper {
		padding: 5px;
	}
	.title-wrapper h2 {
		font-size: 25px;
	}
	.title-wrapper p {
		font-size: 12px;
	}
	.title-wrapper .button {
		font-size: 12px;
	}
	.title-wrapper {
		height: 70%;
	}
}

@media all and (max-width: 418px) {
	.hex-position h2 {
		top: 42.5%;
		font-size: 17px;
	}
	.center-title::before {
		height: 3px;
	}
	.center-title::after {
		height: 3px;
	}
}

/* MAgazine Layout */

.magLayout > div > div:first-of-type > div:first-of-type {
	background-color: var(--highlight);
	height: 179px;
	margin-bottom: 10px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 15px;
}
.magLayout > div > div:first-of-type > a > div:first-of-type {
	background-color: var(--highlight);
	height: 179px;
	margin-bottom: 10px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 15px;
	text-decoration: none;
	color: var(--white);
	cursor: pointer;
}

.magLayout > div > div:first-of-type > a:hover {
	text-decoration: none;
}

.magLayout > div > div:last-of-type > div:first-of-type > div:first-of-type {
	background-color: var(--primary);
	height: 179px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 15px;
}

.magLayout
	> div
	> div:last-of-type
	> div:first-of-type
	> a
	> div:first-of-type {
	background-color: var(--primary);
	height: 179px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 15px;
	text-decoration: none;
	color: var(--white);
	cursor: pointer;
}

.magLayout > div > div:last-of-type > div:first-of-type > a {
	text-decoration: none;
}

.magLayout > div > div:last-of-type > div:last-of-type > div:first-of-type {
	background-color: var(--secondary);
	height: 179px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 15px;
}

.magLayout > div > div:last-of-type > div:last-of-type > a > div:first-of-type {
	background-color: var(--secondary);
	height: 179px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 15px;
	text-decoration: none;
	color: var(--white);
	cursor: pointer;
}

.magLayout > div > div:last-of-type > div:last-of-type > a:hover {
	text-decoration: none;
}

.magLayout {
	color: var(--white);
	font-weight: 600;
	font-size: 20px;
	display: grid;
	min-width: 100%;
	place-items: center;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 100%;
	height: 100%;
}

.magLayout > div {
	max-width: 700px;
	width: 100%;
}

.magLayout > div > div:nth-of-type(2) {
	display: flex;
}

.magLayout > div > div:nth-of-type(2) > div:first-of-type {
	width: 50%;
	margin-right: 10px;
}
.magLayout > div > div:nth-of-type(2) > div:nth-of-type(2) {
	width: 50%;
}

.magLayoutTitleCaption {
	display: flex;
	gap: 10px;
	min-width: 100%;
}

.magLayout img {
	max-height: 50px;
}

.magLayout p {
	text-align: center;
}

/* Alternate photo class style guide */

.alternate-photo > div {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.alternate-photo > div > div {
	width: 100%;
	display: flex;
	padding: 20px;
}

.alternate-photo img {
	width: 50%;
}

.alternate-photo div div div {
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

@media all and (max-width: 798px) {
	.alternate-photo > div > div:nth-child(2) {
		flex-direction: column-reverse;
		padding: 0px;
	}
	.alternate-photo > div > div:nth-child(1) {
		flex-direction: column;
		padding: 0px;
	}
	.alternate-photo img {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.alternate-photo div div div {
		width: 100%;
		padding: 0px;
	}
}

/* featured-product */

.featured-price {
	position: absolute;
	bottom: 25px;
	width: 200px;
	text-align: center;
}

.featured-product-name {
	font-size: 1rem;
	text-align: center;
	color: var(--navfont);
}

.featured-set-price {
	text-align: center;
	font-weight: 500;
	font-size: 2rem;
	color: var(--primary);
}

.featured-img-link:hover {
	text-decoration: none;
}

.featured-item {
	height: 400px; /* Safari */
	transition: all 0.2 ease-in;
}

.featured-item:hover {
	transform: scale(1.03);
}

img.featured-img {
	width: 200px;
}

h2.featured-product-name {
	border: 0px;
}

/* search with button */

/* Pirobox fix */
table.piro_html.ui-draggable {
	overflow: visible !important;
}

/*cms btn*/
.catalog-product-view
	a[href$=".pdf"]:not(.dropdown-content, .download-file, .readMoreBtn, .shopNowBtn, .learnMoreBtn, .itemDocsBtn),
.cms-page-view
	a[href$=".pdf"]:not(.dropdown-content, .download-file, .readMoreBtn, .shopNowBtn, .learnMoreBtn, .itemDocsBtn),
.catalog-product-view
	a[href$=".PDF"]:not(.dropdown-content, .download-file, .readMoreBtn, .shopNowBtn, .learnMoreBtn, .itemDocsBtn),
.cms-page-view
	a[href$=".PDF"]:not(.dropdown-content, .download-file, .readMoreBtn, .shopNowBtn, .learnMoreBtn, .itemDocsBtn),
.catalog-product-view
	a[href$=".dxf"]:not(.dropdown-content, .download-file, .readMoreBtn, .shopNowBtn, .learnMoreBtn, .itemDocsBtn),
.cms-page-view
	a[href$=".dxf"]:not(.dropdown-content, .download-file, .readMoreBtn, .shopNowBtn, .learnMoreBtn, .itemDocsBtn),
.catalog-product-view
	a[href$=".DXF"]:not(.dropdown-content, .download-file, .readMoreBtn, .shopNowBtn, .learnMoreBtn, .itemDocsBtn),
.cms-page-view
	a[href$=".DXF"]:not(.dropdown-content, .download-file, .readMoreBtn, .shopNowBtn, .learnMoreBtn, .itemDocsBtn),
.video-button:not(.dropdown-content, .download-file, .readMoreBtn, .shopNowBtn, .learnMoreBtn, .itemDocsBtn) {
	background: rgba(68, 68, 68, 0.8);
	color: #ffffff;
	border-radius: 2px;
	padding: 0.6em 0.9em;
	display: block;
	margin: 1em auto;
	font: 300 1.5em sybillapro, Verdana, Arial, sans-serif;
	max-width: 100%;
	width: -moz-fit-content;
	width: fit-content;
	text-align: center;
	text-decoration: none !important;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.catalog-product-view
	a[href$=".pdf"]:hover:not(.dropdown-content, .download-file, .readMoreBtn, .learnMoreBtn, .itemDocsBtn, .shopNowBtn),
.cms-page-view
	a[href$=".pdf"]:hover:not(.dropdown-content, .download-file, .readMoreBtn, .learnMoreBtn, .itemDocsBtn, .shopNowBtn),
.catalog-product-view
	a[href$=".PDF"]:hover:not(.dropdown-content, .download-file, .readMoreBtn, .learnMoreBtn, .itemDocsBtn, .shopNowBtn),
.cms-page-view
	a[href$=".PDF"]:hover:not(.dropdown-content, .download-file, .readMoreBtn, .learnMoreBtn, .itemDocsBtn, .shopNowBtn),
.catalog-product-view
	a[href$=".dxf"]:hover:not(.dropdown-content, .download-file, .readMoreBtn, .learnMoreBtn, .itemDocsBtn, .shopNowBtn),
.cms-page-view
	a[href$=".dxf"]:hover:not(.dropdown-content, .download-file, .readMoreBtn, .learnMoreBtn, .itemDocsBtn, .shopNowBtn),
.catalog-product-view
	a[href$=".DXF"]:hover:not(.dropdown-content, .download-file, .readMoreBtn, .learnMoreBtn, .itemDocsBtn, .shopNowBtn),
.cms-page-view
	a[href$=".DXF"]:hover:not(.dropdown-content, .download-file, .readMoreBtn, .learnMoreBtn, .itemDocsBtn, .shopNowBtn),
.video-button:hover:not(.dropdown-content, .download-file, .readMoreBtn, .learnMoreBtn, .itemDocsBtn, .shopNowBtn) {
	background: rgba(68, 68, 68, 1);
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
}
.catalog-product-view
	a[href$=".pdf"]:active:not(.dropdown-content, .download-file, .readMoreBtn, .learnMoreBtn, .itemDocsBtn, .shopNowBtn),
.cms-page-view
	a[href$=".pdf"]:active:not(.dropdown-content, .download-file, .readMoreBtn, .learnMoreBtn, .itemDocsBtn, .shopNowBtn),
.catalog-product-view
	a[href$=".PDF"]:active:not(.dropdown-content, .download-file, .readMoreBtn, .learnMoreBtn, .itemDocsBtn, .shopNowBtn),
.cms-page-view
	a[href$=".PDF"]:active:not(.dropdown-content, .download-file, .readMoreBtn, .learnMoreBtn, .itemDocsBtn, .shopNowBtn),
.catalog-product-view
	a[href$=".dxf"]:active:not(.dropdown-content, .download-file, .readMoreBtn, .learnMoreBtn, .itemDocsBtn, .shopNowBtn),
.cms-page-view
	a[href$=".dxf"]:active:not(.dropdown-content, .download-file, .readMoreBtn, .learnMoreBtn, .itemDocsBtn, .shopNowBtn),
.catalog-product-view
	a[href$=".DXF"]:active:not(.dropdown-content, .download-file, .readMoreBtn, .learnMoreBtn, .itemDocsBtn, .shopNowBtn),
.cms-page-view
	a[href$=".DXF"]:active:not(.dropdown-content, .download-file, .readMoreBtn, .learnMoreBtn, .itemDocsBtn, .shopNowBtn),
.video-button:active:not(.dropdown-content, .download-file, .readMoreBtn, .learnMoreBtn, .itemDocsBtn, .shopNowBtn) {
	box-shadow: none;
}
.manual-pdf-button,
.pdf-button {
	background: rgba(68, 68, 68, 0.8);
	color: #ffffff;
	border-radius: 2px;
	padding: 0.6em 0.9em;
	display: block;
	margin: 1em 1em 1em 0px;
	font: 300 1.5em sybillapro, Verdana, Arial, sans-serif;
	max-width: 100%;
	width: -moz-fit-content;
	text-align: center;
	text-decoration: none !important;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	width: 300px !important;
}

.shopNowBtn::before {
	content: "";
	position: absolute;
	left: 7px;
	top: 50%;
	transform: translateY(-50%);
	width: 34.96px;
	height: 35px;
	background-image: url(../images/icons/star.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.shopNowBtn {
	background: linear-gradient(135deg, var(--checkout), var(--checkouthover));
	border-radius: 5px;
	transition: all 0.3s ease-in-out;
	color: #ffffff;
	border-radius: 2px;
	padding: 10px 20px 10px 50px;
	display: block;
	font: 300 1.5em sybillapro, Verdana, Arial, sans-serif;
	max-width: 100%;
	width: -moz-fit-content;
	text-align: center;
	text-decoration: none !important;
	max-width: 500px;
	position: relative;
	width: -moz-max-content;
	width: max-content;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	margin-bottom: 10px;
}

.itemDocsBtn {
	background: linear-gradient(135deg, var(--primary), var(--hover));
	border-radius: 5px;
	transition: all 0.3s ease-in-out;
	color: #ffffff;
	border-radius: 2px;
	padding: 10px 20px 10px 40px;
	display: block;
	font: 300 1.5em sybillapro, Verdana, Arial, sans-serif;
	max-width: 100%;
	width: -moz-fit-content;
	text-align: center;
	text-decoration: none !important;
	max-width: 500px;
	position: relative;
	width: -moz-max-content;
	width: max-content;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	margin-bottom: 10px;
}

.itemDocsBtn::before {
	content: "";
	position: absolute;
	left: 7px;
	top: 50%;
	transform: translateY(-50%);
	width: 26.64px;
	height: 35px;
	background-image: url(../images/icons/docs.svg);
	background-repeat: no-repeat;
	background-size: cover;
}

.shopNowBtn:hover {
	background: linear-gradient(135deg, var(--checkouthover), var(--checkout));
	color: var(--white);
	box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2),
		0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.learnMoreBtn:hover,
.contactUsBtn:hover {
	background: linear-gradient(
		135deg,
		var(--bgcolor),
		var(--navfont)
	) !important;
	box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2),
		0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12);
	color: var(--white);
}

.learnMoreBtn,
.contactUsBtn {
	display: block;
	padding: 10px 20px 10px 50px;
	color: white;
	border-radius: 2px;
	text-decoration: none;
	background: linear-gradient(135deg, var(--navfont), var(--bgcolor));
	font: 300 1.5em sybillapro, Verdana, Arial, sans-serif;
	max-width: 100%;
	max-width: 500px;
	text-align: center;
	text-decoration: none !important;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	max-width: 500px;
	position: relative;
	width: -moz-max-content;
	width: max-content;
	margin-bottom: 10px;
}

.learnMoreBtn::before {
	content: "";
	position: absolute;
	left: 7px;
	top: 50%;
	transform: translateY(-50%);
	width: 35px;
	height: 35px;
	background-image: url(../images/icons/learnMoreIcon.svg);
	background-repeat: no-repeat;
}

.contactUsBtn::before {
	content: "";
	position: absolute;
	left: 7px;
	top: 50%;
	transform: translateY(-50%);
	width: 35px;
	height: 35px;
	background-image: url(../images/icons/contact.svg);
	background-repeat: no-repeat;
}

.readMoreBtn,
.column.button-effect .button {
	display: block;
	padding: 10px 20px 10px 50px;
	color: white;
	border-radius: 2px;
	text-decoration: none;
	background: linear-gradient(135deg, var(--primary), var(--hover));
	font: 300 1.5em sybillapro, Verdana, Arial, sans-serif;
	max-width: 100%;
	margin: 1em 1em 1em 0px;
	max-width: 500px;
	text-align: center;
	text-decoration: none !important;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	max-width: 500px;
	position: relative;
	width: -moz-max-content;
	width: max-content;
}

.readMoreBtn {
	margin-bottom: 10px;
}

.column.button-effect .button {
	margin: 10px auto auto auto !important;
}

.readMoreBtn::before,
.column.button-effect .button::before {
	content: "";
	position: absolute;
	left: 7px;
	top: 50%;
	transform: translateY(-50%);
	width: 35px;
	height: 35px;
	background-image: url(../images/icons/open-book.svg);
	background-repeat: no-repeat;
	background-size: cover;
}

.readMoreBtn:hover,
.column.button-effect .button:hover,
.itemDocsBtn:hover {
	background: linear-gradient(135deg, var(--hover), var(--primary)) !important;
	box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2),
		0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12);
	color: var(--white);
}

.searchbutton:hover {
	box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2),
		0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12);
	background-color: var(--hover);
}

.products-grid .actions .button {
	height: 40px;
}

.actions .btn-cart {
	display: block;
	padding: 10px 20px 10px 40px;
	color: white;
	border-radius: 2px;
	text-decoration: none;
	background-color: var(--checkout);
	font: 300 16px sybillapro, Verdana, Arial, sans-serif;
	max-width: 100%;
	margin: auto;
	max-width: 500px;
	text-align: center;
	text-decoration: none !important;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	max-width: 500px;
	position: relative;
	width: -moz-max-content;
	width: 80%;
}

.actions .details {
	display: block;
	padding: 10px 20px 10px 35px;
	color: white;
	border-radius: 2px;
	text-decoration: none;
	background-color: var(--checkout);
	font: 300 16px sybillapro, Verdana, Arial, sans-serif;
	max-width: 100%;
	margin: auto;
	max-width: 500px;
	text-align: center;
	text-decoration: none !important;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	max-width: 500px;
	position: relative;
	width: -moz-max-content;
	width: 80%;
}

.actions .btn-cart::before {
	content: "";
	position: absolute;
	left: 30px;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	background-image: url(../images/icons/add.svg);
	background-repeat: round;
}

@media all and (max-width: 1413px) {
	.actions .btn-cart::before,
	.actions .details::before {
		left: 5px !important;
	}
}
.actions .details::before {
	content: "";
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 26px;
	height: 25px;
	background-image: url(../images/icons/details.svg);
	background-repeat: no-repeat;
	background-size: cover;
}

.actions .details:hover,
.actions .btn-cart:hover,
.add-to-cart-buttons .btn-cart:hover,
button.button.btn-proceed-checkout.btn-checkout:hover,
.firecheckout-set button.btn-checkout:hover {
	background-color: var(--checkouthover);
	box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2),
		0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12);
	color: var(--white);
}

.add-to-cart-buttons .btn-cart {
	display: block;
	padding: 10px 20px 10px 50px;
	color: white;
	border-radius: 2px;
	text-decoration: none;
	background-color: var(--checkout);
	font: 300 16px sybillapro, Verdana, Arial, sans-serif;
	width: 100%;
	margin: auto;
	max-width: 500px;
	text-align: center;
	text-decoration: none !important;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
}

.grouped-product-main .add-to-cart-buttons .btn-cart span span::before {
	content: "";
	position: absolute;
	left: -30px;
	top: 50%;
	transform: translateY(-50%);
	width: 25px;
	height: 25px;
	background-image: url(../images/icons/add.svg);
	background-repeat: round;
}

.grouped-product-main .product-view .add-to-cart-buttons .button {
	padding: 5px 5px 5px 25px;
	position: static;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media all and (max-width: 1330px) {
	.grouped-product-main .product-view .add-to-cart-buttons .button {
		padding: 0px 0px 0px 20px;
	}
	.grouped-product-main .add-to-cart-buttons .btn-cart span span::before {
		width: 20px;
		height: 20px;
		left: -22%;
	}
}

@media all and (max-width: 1130px) {
	.grouped-product-main .add-to-cart-buttons .btn-cart span span::before {
		left: -23px;
	}
}

@media all and (max-width: 650px) {
	.grouped-product-main .add-to-cart-buttons .btn-cart span span::before {
		width: 25px;
		height: 25px;
		left: -27px;
	}
}

.grouped-product-main .product-view .add-to-cart-buttons .button span {
	position: relative;
}

.simple-product-main .add-to-cart-buttons .btn-cart::before {
	content: "";
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 25px;
	height: 25px;
	background-image: url(../images/icons/add.svg);
	background-repeat: round;
}

.configurable-product-main .add-to-cart-buttons .btn-cart::before {
	content: "";
	position: absolute;
	left: 25px;
	top: 50%;
	transform: translateY(-50%);
	width: 25px;
	height: 25px;
	background-image: url(../images/icons/add.svg);
	background-repeat: round;
}

.checkout-cart-index .actions .button::before {
	left: 10px !important;
}

@media all and (max-width: 987px) {
	.configurable-product-main .add-to-cart-buttons .btn-cart::before {
		left: 7px;
	}
}

@media all and (max-width: 415px) {
	.configurable-product-main .add-to-cart-buttons .btn-cart::before {
		left: 5px;
	}
}

.add-to-cart-buttons .btn-cart:hover {
	background-color: var(--checkouthover);
}

button.button.btn-proceed-checkout.btn-checkout::before {
	content: "";
	background-image: url(../images/icons/padlock.svg);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 15px;
	height: 25px;
	width: 18.78px;
	margin-left: 0px;
	margin-right: 0px;
	background-repeat: no-repeat;
	background-size: contain;
}

button.button.btn-proceed-checkout.btn-checkout {
	background-color: var(--checkout);
	transition: all 1200 ease-in;
	padding: 10px 20px 10px 45px;
	font-size: 20px;
	line-height: 24px;
	position: relative;
	margin-top: 0px;
}

button.button.btn-proceed-checkout.btn-checkout:hover {
	background-color: var(--checkouthover);
}

@media all and (max-width: 1130px) {
	.learnMoreBtn,
	.shopNowBtn,
	.readMoreBtn,
	.column.button-effect .button {
		padding: 5px 10px 5px 35px;
		font-size: 1.3em;
	}
	.learnMoreBtn::before,
	.shopNowBtn::before,
	.readMoreBtn::before,
	.column.button-effect .button::before {
		width: 25px;
		height: 25px;
	}
	.product-view .add-to-cart-buttons .btn-cart {
		padding: 5px 10px 5px 25px;
		font-size: 16px;
	}
	.actions .btn-cart::before,
	.product-view .add-to-cart-buttons .btn-cart::before {
		width: 23px;
		height: 23px;
		top: 50%;
	}
	.actions .details::before {
		width: 20px;
		height: 20px;
	}
	.itemDocsBtn {
		padding: 5px 10px 5px 35px;
		font-size: 1.3em;
	}
	.itemDocsBtn::before {
		width: 20px;
		height: 26.36px;
	}
}

@media all and (max-width: 1010px) {
	.actions .btn-cart {
		padding: 5px 10px 5px 30px;
	}
	.actions .details {
		padding: 10px 1px 10px 25px;
	}
}

.caption-image {
	padding: 10px;
	border: 1px solid var(--primary);
	max-width: 465px;
}

.caption-image a {
	margin: auto;
}

.caption {
	border-bottom: 1px solid var(--border);
}

@media all and (max-width: 571px) {
	.responsive-table .manual-pdf-button {
		font: unset !important;
		width: unset !important;
		padding: 0px !important;
	}
}

@media all and (max-width: 709px) {
	.responsive-table .manual-pdf-button {
		width: unset !important;
	}
}

.neutral {
	background: var(--secondary);
}

.nuetral.centered {
	margin: 1em auto;
}

ul.no-bullets {
	list-style: none;
}

.column.centered > ul {
	list-style-position: inside;
}

.column.centered * {
	margin: auto;
	text-align: center;
}

.blue-flat-button,
.flat-button {
	background: rgba(68, 68, 68, 0.8);
	color: #ffffff;
	border-radius: 2px;
	padding: 0.6em 0.9em;
	display: block;
	margin: 1em auto;
	font: 300 1.5em sybillapro, Verdana, Arial, sans-serif;
	max-width: 100%;
	width: -moz-fit-content;
	width: fit-content;
	text-align: center;
	text-decoration: none !important;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	min-width: 300px !important;
}

.manual-pdf-button:hover,
.pdf-button:hover {
	background: rgba(68, 68, 68, 1);
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.4);
	color: #ffffff;
}

.blue-flat-button:hover,
.flat-button:hover {
	background: rgba(68, 68, 68, 1);
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
}

.left-col-float,
.right-col-float {
	display: inline-block;
	width: 46.3%;
	vertical-align: top;
	margin: 1em 0;
}
.three-box-desktop a[href$=".pdf"],
.three-box-desktop a[href$=".PDF"] {
	width: 83%;
}
.three-box-desktop {
	display: inline-block;
	width: 100%;
	max-width: 33%;
}
.two-box-desktop a[href$=".pdf"],
.two-box-desktop a[href$=".PDF"] {
	width: 100%;
}
.two-box-desktop {
	display: inline-block;
	width: 100%;
	max-width: 49.5%;
}

.two-column,
.three-column,
.four-column,
.five-column {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.two-column .column {
	width: 50%;
	padding: 9px;
}

.two-column .column.img-container.small-cont {
	width: calc((50%) - (18px));
}

@media all and (max-width: 950px) {
	.two-column .column.img-container.small-cont {
		width: unset;
	}
}

.three-column .column {
	width: 33%;
	padding: 9px;
}

.four-column .column {
	width: 25%;
	padding: 9px;
}

.five-column-flow .column {
	width: 20%;
	padding: 9px;
}

.column-two {
	width: 50%;
}
.two-column four-square .h2 {
	max-width: 530px;
	text-align: left;
	border-top: none;
	color: var(--white);
	position: relative;
	z-index: 1;
	font-size: 2rem;
}

/* Manuals template styling */

/* 360 view modal styling */

.modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background-color: var(--black);
	opacity: 0.8;
	width: 100%;
	height: 100%;
	min-width: 100vw;
	min-height: 100vh;
	overflow: hidden;
	z-index: 2;
}

.modal360 {
	position: fixed;
	left: 0;
	top: 0;
	overflow: hidden;
	transform: scale(0);
	opacity: 0;
	z-index: 500000;
	animation-fill-mode: forwards;
	width: 100%;
}

@keyframes modalOpen {
	0% {
		transform: scale(0);
		opacity: 0;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

.modal360.show {
	display: block;
	animation-name: modalOpen;
	animation-duration: 0.5s;
}

.modal-overlay.show {
	display: block;
}

#view360 {
	cursor: pointer;
	display: inline-block;
}

.modal-content {
	background-color: var(--bgcolor);
	margin: auto;
	padding: 20px;
	border: 1px solid var(--border);
	max-width: 950px;
	margin-top: 50px;
}
.close360 {
	color: var(--border);
	float: right;
	font-size: 50px;
	font-weight: bold;
}

.no-scroll {
	overflow: hidden;
	height: 100%;
	width: 100%;
}

@media all and (max-width: 778px) {
	.modal-content {
		margin-top: 20%;
	}
	.close360 {
		font-size: 30px;
	}
}

#view360 img {
	border: solid 1px var(--border);
	padding: 3px;
	display: inline-block;
}

.close360:hover,
.close360:focus {
	color: var(--white);
	text-decoration: none;
	cursor: pointer;
}

/* Brands page template for content styling */

.card-container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}

.card-container a {
	width: 100% !important;
}

.card-item {
	flex: 0 0 250px;
	margin: 5px;
	padding: 20px;
	border: 1px solid var(--border);
	background-color: var(--navfont2);
	max-width: 250px;
}

.card-container .card-body {
	display: flex;
	justify-content: end;
	flex-direction: column;
}

@media (max-width: 450px) {
	.card-item {
		flex-basis: 100%;
	}
}

.card-container .card-body p {
	padding-top: 10px;
}

.card-container .button {
	margin-top: 0px;
}

.card-container a:hover {
	text-decoration: none;
}

.card-container h3 {
	margin-bottom: 0px;
	color: var(--secondary);
	margin-top: 5px;
}

.card-item:hover {
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.4);
}

.bg-white {
	background-color: #fff;
	width: 208px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
}

.bg-white img {
	max-width: 100%;
	max-height: 100%;
	display: block;
}

/* Define the grid container */

.manuals {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.manuals-group {
	display: flex;
	flex-direction: column;
	max-width: 350px;
	border: 2px solid var(--border);
	margin-right: 20px;
	margin-bottom: 20px;
	max-height: 460px;
	overflow: auto;
	justify-content: center;
}

.manuals-buttons {
	display: flex;
	flex-direction: column;
	gap: 10px;
	overflow-y: auto;
}

.manuals-buttons a {
	max-width: 100% !important;
	font-size: 15px !important;
	margin-bottom: 0px !important;
}

.manuals h1,
.manuals h3 {
	text-align: center;
	font-size: 20px;
	margin: 10px;
	color: var(--secondary) !important;
}

.manuals .manual-pdf-button {
	margin: 10px auto 10px auto;
	-moz-column-break-inside: avoid;
	break-inside: avoid;
}

@media all and (max-width: 752px) {
	.manuals-group {
		max-height: unset;
	}
	.manuals {
		justify-content: center;
	}
}

@media all and (max-width: 400px) {
	.manuals-group {
		margin-right: 0px;
	}
}

/*circle-sizes */

.two-column .circle-sizes {
	padding: 0px 20px;
}

.circle-sizes .small-cont {
	padding: 0px 50px;
}

@media all and (max-width: 1354px) {
	.circle-sizes .small-cont {
		padding: 0px 20px;
	}
}

@media all and (max-width: 980px) {
	.circle-sizes .small-cont {
		padding: 0px;
	}
}

#trellis-img {
	margin-top: 0px;
	margin-bottom: 1.5em;
}

.gallery-box {
	justify-content: space-evenly;
}

.gallery-1:hover {
	opacity: 80%;
}

.gallery-2:hover {
	opacity: 80%;
}

.gallery-3:hover {
	opacity: 80%;
}

@media (max-width: 950px) {
	.two-column .column {
		width: 100%;
		padding: 5px;
	}

	@media all and (max-width: 1250px) {
		.circle-sizes .two-column.small-cont {
			width: 100%;
			display: grid;
			grid-template-columns: 25% 25% 25% 25%;
		}
	}

	.three-column .column {
		width: calc((50%) - (18px));
		padding: 9px;
	}

	.four-column .column {
		width: calc((50%) - (18px));
		padding: 9px;
	}

	.column-two {
		width: 100%;
	}

	.column-two about-us-home {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}

	#trellis-img {
		margin-top: 0px;
		margin-bottom: 1.5em;
	}

	.two-column,
	.three-column,
	.four-column {
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
}

@media all and (max-width: 658px) {
	.three-column .column {
		width: calc((100%) - (18px));
		padding: 9px;
	}

	.four-column .column {
		width: calc((100%) - (18px));
		padding: 9px;
	}
	.four-column .column {
		width: calc((100%) - (18px));
		padding: 9px;
	}
}

@media (max-width: 675px) {
	#fence-img {
		display: none;
	}

	#dfs-img.two-column help-grow {
		display: block;
		max-width: 100%;
		height: auto;
		box-shadow: none;
	}

	#dfs-img.two-column why-choose {
		display: block;
		max-width: 100%;
		height: auto;
		box-shadow: none;
	}

	#dfs-img {
		display: none;
	}
}

.cent {
	justify-content: center;
}

.space-header {
	margin-top: 10px;
}

.colbox:after {
	display: block;
	content: ".";
	clear: both;
}

li#account-link-6,
li#account-link-7,
li#account-link-8,
li#account-link-9 {
	display: none;
}

span.mini-cart-subtotal {
	color: var(--primary);
}

a.cart-link {
	background-color: var(--highlight);
	color: white;
	padding: 5px 25px;
}

a.cart-link:hover {
	background-color: var(--primary);
}

button#estimate span {
	margin-right: 2px;
}

@media (min-width: 320px) {
	button#estimate.enabled {
		background: none;
		background-color: var(--primary);
		border: none;
		padding: 0;
		font: inherit;
		cursor: pointer;
		outline: inherit;
		font-size: 14px;
		color: var(--white) !important;
		display: inline-block;
		padding: 5px 10px 5px 10px;
		display: flex;
		opacity: 1;
		cursor: pointer;
	}
}

@media (min-width: 320px) {
	button#estimate.disabled {
		background: none;
		background-color: var(--primary);
		border: none;
		padding: 0;
		font: inherit;
		cursor: pointer;
		outline: inherit;
		font-size: 14px;
		color: var(--white) !important;
		display: inline-block;
		padding: 5px 10px 5px 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 5px;
		opacity: 0.5;
		cursor: not-allowed;
	}
}

#shipping-options li {
	display: flex;
	gap: 5px;
	align-items: center;
	padding: 5px 0px;
}

#shipping-option li::marker {
	margin-left: 3px;
}

#preloader-shipping {
	margin-left: 0px !important;
}

#preloader-shipping img {
	max-width: 25px;
	max-height: 25px;
}

body.checkout-cart-index .shipping-form .buttons-set {
	display: flex;
	justify-content: flex-end;
}

input.cart-qty {
	width: 75px;
	text-align: center;
}

a.button.checkout-button {
	background: var(--checkout);
}

a.button.checkout-button:hover {
	background: var(--checkouthover);
}

.account-number {
	color: #7a7a7a;
	border-bottom: 1px solid var(--primary) !important;
	font-weight: 500;
	font-size: 12px;
}

@media print {
	.skip-links {
		display: none;
	}

	.footer ul {
		display: none;
	}

	.product-img-box {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.product-img-box .product-image img {
		max-width: 300px;
		margin: 0px;
	}

	@media all and (min-width: 778px) {
		.product-img {
			width: 150px;
		}
	}

	.product-view .product-shop .price-box .regular-price .price,
	body,
	h2 {
		color: black;
	}

	.cms-copyright {
		float: none;
	}

	.qty-wrapper {
		display: none;
	}

	.add-to-cart-buttons {
		display: none;
	}

	.compare-product-box {
		display: none;
	}

	.cms-copyright {
		float: none;
	}

	.header-language-background {
		display: block !important;
		background-color: white !important;
	}

	.header-language-background-alt {
		display: block !important;
		background-color: white !important;
	}

	.header-language-background .welcome-msg {
		color: #000000 !important;
	}

	.breadcrumbs {
		display: none;
	}
}

/** Shipping Rate Preloader **/

#preloader-shipping {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 21px;
}

#preloader-shipping span {
	display: inline-block;
	background: var(--white);
	width: 4px;
	height: 4px;
	border-radius: 100%;
	margin: 0 1px;
	animation: fadeInOut 1.2s infinite;
	z-index: 10;
}

#preloader-shipping span:nth-child(1) {
	animation-delay: 0s;
}
#preloader-shipping span:nth-child(2) {
	animation-delay: 0.4s;
}
#preloader-shipping span:nth-child(3) {
	animation-delay: 0.8s;
}

@keyframes fadeInOut {
	0%,
	100% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}

.cust-num-checkout {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
	border-bottom: 1px solid var(--h1h2bottomborder);
	padding-bottom: 15px;
	align-items: start;
}

@media all and (max-width: 506px) {
	.cust-num-checkout {
		flex-direction: column;
		align-items: unset;
	}
	button.button.btn-proceed-checkout.btn-checkout {
		margin-top: 20px;
		width: 300px;
	}
}

div#cartStockStatus {
	display: flex;
}

div#cartStockStatus img {
	margin-top: 7px;
}

div#cartStockStatus span {
	margin-left: 8px;
}

.cat-desc-head {
	font-size: 15px;
	margin: auto;
	padding-right: 5px;
}

@media all and (max-width: 500px) {
	.cat-desc-head {
		font-size: 14px;
	}
}

ul.payment-list {
	display: flex;
}

@media all and (max-width: 770px) {
	li.acct-nav:hover {
		background-color: #f4f4f4 !important;
	}

	.block,
	.col-left-first {
		margin-bottom: 0px;
	}
}

/* Five coumn scroll */

.five-column-scroll,
.home-products {
	display: flex;
	justify-content: space-around;
	max-width: 100%;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

.scroll-wrapper,
.home-item-wrapper {
	padding: 3px;
}

@media (min-width: 1024px) and (max-width: 1250px) {
	.scrollingBox {
		max-width: unset !important;
	}
}

@media all and (max-width: 1269px) {
	.five-column-scroll,
	.home-products {
		max-width: none;
		flex-wrap: nowrap;
		overflow-x: scroll;
		justify-content: start;
	}

	.home-products::-webkit-scrollbar {
		display: none;
	}

	.five-column-scroll::-webkit-scrollbar {
		width: 15px;
		height: 6px;
	}

	.five-column-scroll::-webkit-scrollbar-track {
		box-shadow: inset 0 0 5px grey;
		border-radius: 10px;
	}

	.five-column-scroll::-webkit-scrollbar-thumb {
		background: var(--highlight);
		border-radius: 10px;
	}

	@supports (scrollbar-color: red blue) {
		.five-column-scroll {
			scrollbar-color: var(--highlight) lightgrey;
		}
	}

	.scroll-wrapper,
	.home-item-wrapper {
		display: flex;
		flex-wrap: nowrap;
		flex: 0 0 auto;
	}
}

@media (max-width: 1200px) {
	.scroll-wrapper {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
		flex: 0 0 auto;
		width: 50%;
		padding: 5px;
	}
}

@media all and (min-width: 700px) {
	.scroll-wrapper {
		width: 30%;
	}
}

@media (min-width: 320px) {
	.five-column-scroll {
		display: flex;
		justify-content: normal;
		max-width: none;
		flex-wrap: nowrap;
		margin-bottom: 15px;
		overflow: auto;
	}
}

/* end five column scroll */

.toggle-container {
	display: flex;
	justify-content: center;
}

.toggle-btn {
	margin: 5px;
	background: transparent;
	padding: 7px 15px;
	border: 0;
	color: var(--navfont);
	line-height: 19px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border-bottom: 2px solid var(--border);
	font-weight: 700;
}

h3.column-mobile {
	font-size: 15px;
}

.toggle-btn:hover {
	color: var(--secondary);
}

.diagram-map {
	display: block;
}

#diagram-container area {
	border: none;
	cursor: pointer;
}

#diagram-container #products-list .product-shop {
	float: left;
	width: inherit;
	max-width: 87%;
}

#diagram-container .products-list li.item.selected {
	border: 2px solid var(--primary) !important;
}

@media all and (max-width: 500px) {
	.dfs-parts-diagram-map {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		width: 100%;
	}
}

.img-resize {
	margin: auto;
}

.std img.centered {
	width: 80%;
	margin: auto;
}

@media all and (max-width: 1280px) {
	.std img.centered {
		width: 100%;
	}
}

img {
	max-width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

@media all and (max-width: 750px) {
	.img {
		height: auto;
	}
}

.liveStockStatus img {
	width: auto;
}

.parts-finder .product-parts-add-cart {
	padding-bottom: 10px;
}

p.item-msg.error {
	color: red;
	font-weight: bold;
}

.partfind-header-float-down {
	display: block;
	height: 185px;
	margin-top: -185px;
	visibility: hidden;
}

/* Left aligedn tables NEW */

.responsive-table2 td,
.responsive-table2 th {
	border: 1px solid var(--border);
	padding: 10px;
}

.responsive-table2 {
	width: auto;
	table-layout: auto;
}

.responsive-table2 th {
	background-color: var(--secondary);
	color: white;
	font-weight: 700;
}

.responsive-table2 tr:nth-child(even) {
	background-color: var(--navfont2);
}

table.left-aligned td {
	border: 1px solid var(--border);
	padding: 10px;
}

table.left-aligned th {
	text-align: center;
	background-color: var(--secondary);
	color: var(--white);
	border: 1px solid var(--border);
	padding: 10px;
}

@media all and (max-width: 630px) {
	table.left-aligned td,
	table.left-aligned th {
		padding: 3px 7px;
	}
}

/*================== MULTIPURPOSE RESPONSIVE TABLE CLASSES ============= */

.responsive-table {
	border-collapse: collapse;
	width: auto;
	table-layout: auto;
}

.responsive-table td,
.responsive-table th {
	border: 1px solid var(--border);
	padding: 8px;
}

@media all and (max-width: 500px) {
	.responsive-table td,
	.responsive-table th {
		padding: 4px;
	}
}

.responsive-table tr:nth-child(even) {
	background-color: #f2f2f2;
}

.responsive-table tr:hover {
	background-color: #ddd;
}

.responsive-table th {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: var(--primary);
	color: white;
}

.responsive-table td img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.monitored-sensing-table {
	border-collapse: collapse;
	width: 100%;
}

.monitored-sensing-table td,
.monitored-sensing-table th {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: center;
}

.monitored-sensing-table tr:nth-child(even) {
	background-color: #f2f2f2;
}

.monitored-sensing-table tr:hover {
	background-color: #ddd;
}

.monitored-sensing-table th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	background-color: var(--primary);
	color: white;
}

.monitored-sensing-table td img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.prodtable td,
.prodtable th {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: center;
}

.prodtable tr:nth-child(even) {
	background-color: #f2f2f2;
}

.prodtable tr:hover {
	background-color: #ddd;
}

.prodtable th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	background-color: var(--primary);
	color: white;
}

.prodtable td img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* ================================================================ */

.resp-swiper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 5px;
}

.img-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding-top: 8px;
}

@media all and (max-width: 1250px) and (min-width: 537px) {
	.two-column .circle-sizes .img-container {
		justify-content: space-between;
	}
}

.flat-button,
.blue-flat-button {
	position: relative;
	width: 50%;
	height: 3em;
	padding: 0;
	font-size: 22px;
	color: white;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	background: rgba(68, 68, 68, 1);
	border: 0;
	border-bottom: 0px solid #9bd7d5;
	cursor: pointer;
	box-shadow: inset 0 -1px #9bd7d5;
	margin-left: auto;
	margin-right: auto;
	display: block;
	opacity: 1;
	transition: none;
}

.flat-button:hover,
.blue-flat-button:hover {
	opacity: 0.6;
}

.capitalize {
	text-transform: capitalize;
}

.capitalize li {
	text-transform: capitalize;
}

.uppercase {
	text-transform: uppercase;
}

#product-finder ul {
	display: flex;
	max-width: 100%;
	margin: 0 auto;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}

#product-finder ul li {
	box-sizing: border-box;
	border: 2px solid #dddddd;
	margin: 1em 0em;
	max-width: 50%;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

#product-finder ul li * {
	box-sizing: border-box;
}

#product-finder ul li:hover {
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
}

#product-finder ul li:active {
	box-shadow: none;
}

.two-box {
	display: inline-block;
	width: 100%;
	max-width: 49.6%;
}
.two-box-desktop {
	display: inline-block;
	width: 100%;
	max-width: 49.6%;
}
.three-box {
	display: inline-block;
	width: 100%;
	max-width: 33%;
}
.three-box-desktop {
	display: inline-block;
	width: 100%;
	max-width: 33%;
}
.part-finder {
	display: block;
	margin: 1em auto;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	border: 5px solid #bcc6cc;
	max-width: 300px;
	transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s ease;
}
.part-finder:hover {
	transform: scale(1.05);
}
.part-finder:active {
	box-shadow: none;
}

.custom-cart-button {
	display: block;
	width: 96%;
	margin: 1.5em auto;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.custom-cart-button a {
	text-decoration: none;
}
.ccb-title {
	width: 100%;
}
.custom-cart-button .ccb-title a {
	display: block;
	text-align: center;
	margin: auto;
	background: var(--primary);
	color: #ffffff;
	height: 2.5em;
	width: 100%;
	overflow: hidden;
	font: 400 1.3em/2.5 sybillapro, Verdana, Arial, sans-serif;
}
.custom-cart-button .ccb-title a:hover {
	text-decoration: none;
}
.custom-cart-button .ccb-title a:before {
	content: attr(data-num);
	float: left;
	width: 2.8em;
	border-right: 1px solid rgba(0, 0, 0, 0.2);
	background: rgba(0, 0, 0, 0.2);
	height: 2.5em;
	text-align: center;
}
.ccb-info a,
.ccb-price > span,
.ccb-addtocart a {
	color: #ffffff !important;
	display: block;
	padding: 0.5em 0;
	font: 400 1.25em/1.25 sybillapro, Verdana, Arial, sans-serif;
}
.ccb-info a:hover,
.ccb-price > span,
.ccb-addtocart a:hover {
	text-decoration: none;
	background: rgb(0, 0, 0, 0.2);
}
.ccb-price {
	display: inline-block;
	box-sizing: border-box;
	width: 33.33%;
	text-align: center;
	background: var(--secondary);
	border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.ccb-price span:hover {
	cursor: default;
}
.ccb-addtocart {
	display: inline-block;
	box-sizing: border-box;
	width: 33.33%;
	text-align: center;
	background: var(--secondary);
	transition: background 0.2s ease;
	border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.ccb-info {
	display: inline-block;
	box-sizing: border-box;
	width: 33.33%;
	text-align: center;
	transition: background 0.2s ease;
	background: var(--secondary);
}
.ccb-addtocart:hover,
.ccb-info:hover {
	cursor: pointer;
	background: rgb(0, 0, 0, 0.2);
}
.custom-cart-button .ccb-title a:after {
	width: 2.8em;
	content: "";
	float: right;
	height: 2.5em;
}

.product-parts-buttons .right-column {
	float: right;
	display: block;
	width: 49%;
}

.product-parts-buttons .left-column {
	float: left;
	display: block;
	width: 49%;
}

@media all and (max-width: 600px) {
	.three-box {
		max-width: 100%;
	}

	.product-parts-buttons {
		display: none;
	}
}

.svg-label-primary {
	fill: var(--primary);
}

li.item .amlabel-div.top-left,
li.item .amlabel-div.top-right,
li.item .amlabel-div.middle-left,
li.item .amlabel-div.middle-right,
li.item .amlabel-div.bottom-left,
li.item .amlabel-div.bottom-right {
	width: 25%;
	height: 25%;
}

li.item .amlabel-div.top-center,
li.item .amlabel-div.middle-center,
li.item .amlabel-div.bottom-center {
	width: 100%;
}

.product-essential .amlabel-div.top-left,
.product-essential .amlabel-div.top-right,
.product-essential .amlabel-div.middle-left,
.product-essential .amlabel-div.middle-right,
.product-essential .amlabel-div.bottom-left,
.product-essential .amlabel-div.bottom-right {
	width: 30%;
	height: 30%;
}

.product-essential .amlabel-div.top-center,
.product-essential .amlabel-div.middle-center,
.product-essential .amlabel-div.bottom-center {
	width: 100%;
}

.amlabel-observed {
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.amlabel-div .amlabel-txt {
	display: block;
	letter-spacing: 0.01px;
	text-decoration: none;
	position: absolute !important;
	color: var(--white);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.amlabel-div a {
	text-decoration: none;
}

.amlabel-table {
	position: absolute;
	z-index: 10;
	cursor: pointer;
}

.amlabel-table td {
	vertical-align: middle;
	text-align: center;
	border: 0;
	height: auto;
}

.top-center {
	top: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.middle-left {
	left: 0;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
}

.middle-right {
	right: 0;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
}

.bottom-center {
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.middle-center {
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
}

.top-left {
	top: 0;
	left: 0;
}

.top-right {
	top: 0;
	right: 0;
}

.bottom-left {
	bottom: 0;
	left: 0;
}

.bottom-right {
	bottom: 0;
	right: 0;
}

@media (max-width: 930px) {
	.amlabel-table {
		display: none;
	}
}

.amlabel-table2 {
	position: absolute;
	height: 100%;
	/*height: 39px;*/
	width: 100%;
	overflow: hidden;
}

li.item .amlabel-txt2 {
	max-width: 100% !important;
	background-size: cover !important;
	background-position: center !important;
	z-index: 9;
	pointer-events: none;
}

li.item {
	position: relative;
}

.product-view .product-essential .amlabel-txt2 {
	width: 100% !important;
	background-size: cover !important;
	background-position: center !important;
	z-index: 9;
	pointer-events: none;
	position: relative;
	height: 100%;
}

.product-view .product-essential .amlabel-txt2 .amlabel-txt {
	font-size: 250%;
}

.category-products .amlabel-txt2 .amlabel-txt {
	font-size: 100%;
}

@media all and (max-width: 1413px) {
	.category-products .amlabel-txt2 .amlabel-txt {
		font-size: 64%;
	}
}

@media all and (max-width: 1010px) {
	.category-products .amlabel-txt2 .amlabel-txt {
		font-size: 60%;
	}
}

@media all and (max-width: 1460px) {
	.product-view .product-essential .amlabel-txt2 .amlabel-txt {
		font-size: 210%;
	}
}

@media all and (max-width: 1122px) {
	.product-view .product-essential .amlabel-txt2 .amlabel-txt {
		font-size: 175%;
	}
}

@media all and (max-width: 849px) {
	.product-view .product-essential .amlabel-txt2 .amlabel-txt {
		font-size: 230%;
	}
}

@media all and (max-width: 638px) {
	.product-view .product-essential .amlabel-txt2 .amlabel-txt {
		font-size: 210%;
	}
}

@media all and (max-width: 600px) {
	.product-view .product-essential .amlabel-txt2 .amlabel-txt {
		font-size: 180%;
	}
}

@media all and (max-width: 490px) {
	.product-view .product-essential .amlabel-txt2 .amlabel-txt {
		font-size: 130%;
	}
}

.box-up-sell .amlabel-table2 {
	overflow: visible;
}

.price-box ~ button.button {
	position: relative !important;
	bottom: 0px;
	left: 0px;
}

.amlabel-observed ~ .price-box {
	text-align: center;
	position: relative !important;
	bottom: 0px;
	left: 0px;
}
.amlabel-3 {
	cursor: pointer;
}

.amlabel-1 {
	cursor: pointer;
}

.amlabel-2 {
	cursor: pointer;
}

.box-up-sell .amlabel-txt2.bottom-center {
	bottom: 0;
}

/*  404 Error Page Bottom Banner Button Styles */

.banner-container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.banner-bottom {
	display: flex;
	overflow: hidden;
	justify-content: center;
	flex-wrap: wrap;
}

.banner {
	width: 100%;
}

@media all and (max-width: 1276px) {
	.banner-bottom {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
}

.banner-bottom-btn {
	width: 350px;
	height: 120px;
	display: inline-block;
	padding: 0 5px 5px 5px;
}

.banner-bottom-btn-features {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	background: var(--primary);
	width: 100%;
	height: 100%;
}

.banner-img-container {
	display: inline-flex;
	padding: 3px;
}

.banner-title {
	margin-top: 10px;
	text-align: end;
	margin-right: 40px;
}
.banner-img {
	max-width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 400px;
	width: 100%;
}
.flex-container {
	margin: 0 auto;
	display: flex;
	justify-content: right;
	align-items: center;
	color: white;
	text-align: center;
}
.white {
	color: white !important;
}
.flex-content {
	position: absolute;
	background: rgba(0, 0, 0, 0.7);
	max-width: 500px;
	max-height: 350px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 20px;
}

.banner-image {
	max-width: 100px !important;
	max-height: 100px;
}

.banner-bottom-text {
	float: right;
	text-align: center;
	width: 200px;
	margin-right: 25px;
}

.banner-heading {
	margin: 5px 0 5px 0;
	font-size: large;
	font-weight: bold;
	color: white;
}

.banner-desc {
	color: white !important;
}

.banner-bottom-btn:hover {
	opacity: 0.7;
}
.learn-more-btn {
	width: 180px;
	height: 40px;
	font-size: 16px;
}

.pfbanner {
	border: 2px solid gray;
	border-radius: 20px;
	padding: 10px;
}

/* NEWER Bottom Banner Styles 6/1/default */

.bottom-banner-container {
	width: 100%;
}

.bottom-banner {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.bottom-banner-button {
	max-width: 380px;
	height: 120px;
	margin: 5px;
	background: var(--primary);
}

.bottom-banner-button:hover {
	opacity: 0.7;
}

.bottom-banner-link {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: center;
	max-width: 380px;
	height: 120px;
}

.bottom-banner-image-container {
	max-width: 30%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	height: 120px;
}

.bottom-banner-image {
	display: block;
	max-width: 80% !important;
	max-height: 80%;
}

.bottom-banner-desc {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
	max-width: 60%;
	height: auto;
}

.bottom-banner-desc > h3,
.bottom-banner-desc > p {
	color: white;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
}

/* END BOTTOM BANNER STYLES */

/* Pretty Description Table Formatting */
.product-view .std .prettytable table,
.product-view .std .beavertable2 table,
.product-view .std .beavertable table {
	border-collapse: collapse;
	width: 100%;
}

.product-view .std .prettytable td,
.product-view .std .beavertable2 td,
.product-view .std .beavertable td,
.product-view .std .prettytable th,
.product-view .std .beavertable2 th,
.product-view .std .beavertable th {
	border: 1px solid #dddddd;
	text-align: left;
	padding: 8px;
}

.product-view .std .prettytable tr:nth-child(even),
.product-view .std .beavertable2 tr:nth-child(even),
.product-view .std .beavertable tr:nth-child(even) {
	background-color: #dddddd;
}

.learnmore-featured {
	background: var(--primary);
	color: var(--navfont2);
	width: 50%;
	text-align: center;
}

.shopnow-featured {
	width: 50%;
	color: var(--checkout);
	background: var(--navfont2);
	text-align: center;
}

.category-featured {
	width: 100%;
	background: var(--checkout);
	color: var(--navfont2);
	text-align: center;
}
.title-of-content {
	display: flex;
}
.liveStockStatus {
	color: var(--checkout);
}

/* update color for iOS phone link */

a[href^="tel"] {
	color: inherit;
	text-decoration: none;
}

/* ******************************* */

.cat-img {
	margin-left: auto;
	margin-right: auto;
}

/* grouped product dropdown styles */

.groupedCategoryWrapper {
	background: transparent;
	cursor: pointer;
}

.grouped-items-table h3 {
	color: var(--white);
	font-weight: 700;
	padding: 5px;
	margin-bottom: 0px;
	display: flex;
	align-items: center;
}

.groupedCategoryHeader > div {
	background-color: var(--primary);
	display: flex;
	justify-content: space-between;
	margin-bottom: 5px;
	height: 37px;
	position: relative;
}

/**************************************************************/
/*                ONE STEP CHECKOUT STYLES                    */
/**************************************************************/

/*======= One step checkout =======*/

.checkout-onepage-index .ui-front,
.checkout-onepage-index .ui-widget-overlay {
	z-index: 900 !important;
}

.checkout-onepage-index .header-container:before,
.checkout-onepage-index .header-container:after {
	content: "";
	display: block;
	clear: both;
}

.checkout-onepage-index .main-container:before,
.checkout-onepage-index .main-container:after {
	content: "";
	display: block;
	clear: both;
}

.checkout-onepage-index .main-container .col-main {
	margin: 0 auto;
	float: none;
}

.checkout-onepage-index {
	height: auto;
	color: #000000;
}

.checkout-onepage-index .header {
	border: 0px;
	padding: 15px 0;
	text-align: center;
}

.checkout-onepage-index .header .logo {
	float: left;
}

.checkout-onepage-index .main {
	padding-top: 0;
	padding-bottom: 0;
}

.checkout-onepage-index li div.input-box {
	position: relative;
}

.checkout-onepage-index li div.input-box .v-fix {
	position: relative;
}

.checkout-onepage-index .wrapper {
	min-height: initial;
}

.checkout-onepage-index .footer span.copyright {
	padding-right: 7px;
}

.checkout-onepage-index .icons-secured {
	width: 260px;
	margin: 0 auto !important;
	float: none;
	margin: 15px auto 0 auto !important;
}

.checkout-onepage-index .icon-secured {
	float: left;
}

.checkout-onepage-index .icon-secured #siteseal {
	display: inline-block;
	margin-right: 10px;
}

.one-step-checkout .page-top-row {
	float: none;
	width: 100%;
	margin-bottom: 15px;
	font-size: 14px;
}

.one-step-checkout .page-top-row #review-buttons-container-top {
	float: right;
	width: auto;
	margin: 0;
	padding: 0;
}

.one-step-checkout .page-top-row #onestepcheckout-login-form {
	background-color: #ececec;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid var(--border);
	width: 49%;
	margin: 0 auto 10px auto;
	float: left;
	position: relative;
}

.one-step-checkout .page-top-row #onestepcheckout-login-form fieldset {
	border: 0px;
}

.one-step-checkout .page-top-row #onestepcheckout-login-form #login-form-hide {
	position: absolute;
	top: -12px;
	right: -14px;
	color: #fff !important;
	text-decoration: none;
	background-color: #454545;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	font-size: 10px;
	font-weight: 700;
}

.one-step-checkout
	.page-top-row
	#onestepcheckout-login-form
	#login-form-hide:hover {
	background-color: #000;
}

.one-step-checkout .page-top-row #onestepcheckout-login-form .messages li {
	list-style: none;
}

.one-step-checkout
	.page-top-row
	#onestepcheckout-login-form
	.messages
	li.error-msg
	span {
	color: red;
}

.one-step-checkout
	.page-top-row
	#onestepcheckout-login-form
	#login-form
	.input-box {
	width: 50%;
	float: left;
}

.one-step-checkout
	.page-top-row
	#onestepcheckout-login-form
	#login-form
	input[type="text"] {
	width: 98%;
	margin-right: 2%;
	height: 32px;
	line-height: 32px;
}

.one-step-checkout
	.page-top-row
	#onestepcheckout-login-form
	#login-form
	input[type="password"] {
	width: 98%;
	height: 32px;
	line-height: 32px;
	margin-left: 2%;
}

.one-step-checkout .page-top-row #onestepcheckout-login-form button {
	border: 0px;
	margin: 1px 7px 0 7px;
	background: none;
	float: right;
	padding: 0;
	height: auto;
	margin-top: 5px;
}

.one-step-checkout .page-top-row #onestepcheckout-login-form button > span {
	display: block;
	height: 30px;
	line-height: 29px;
	background: var(--primary);
	padding: 0 25px;
	font: 14px/40px sybillapro, Verdana, Arial, sans-serif;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	text-transform: uppercase;
	border-radius: 5px;
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.6);
	border: 1px solid var(--secondary);
	transition: all 0.5s;
}

.one-step-checkout
	.page-top-row
	#onestepcheckout-login-form
	button
	> span:hover {
	background: var(--highlight);
}

.one-step-checkout
	.page-top-row
	#onestepcheckout-login-form
	button
	> span
	span {
	display: block;
	line-height: 29px;
	height: initial;
}

.one-step-checkout .page-title h1 {
	display: none;
}

.one-step-checkout .fields .field:first-child {
	clear: left;
}

.one-step-checkout .field {
	display: inline-block;
	width: 49%;
	padding-left: 10px;
}

.one-step-checkout .fields .fields {
	margin: 0 0 0px 0;
	padding: 0 px 0px 0px;
}

.one-step-checkout #captcha-input-box-guest_checkout,
.one-step-checkout #captcha-input-box-register_during_checkout {
	width: 50% !important;
	padding-left: 7px;
	float: right;
	padding-right: 7px;
}

.one-step-checkout #captcha-input-box-guest_checkout + li,
.one-step-checkout #captcha-input-box-register_during_checkout + li {
	width: 50% !important;
	padding-left: 7px;
	padding-right: 10px;
	float: left;
	position: relative;
	padding-bottom: 10px;
}

.one-step-checkout #captcha-reload {
	transition: all 0.5s;
	float: right;
	position: absolute;
	top: 0;
	left: 10px;
}

.one-step-checkout #captcha-reload:hover {
	cursor: pointer;
	opacity: 0.7;
}

.one-step-checkout #guest_checkout,
.one-step-checkout #register_during_checkout {
	display: inline-block;
	max-width: 100%;
	border: 1px solid #b8b8b8;
}

.one-step-checkout .form-list li.wide .input-box {
	width: 100%;
}

.one-step-checkout input.input-text {
	width: 100%;
	box-sizing: border-box;
	height: 30px;
	line-height: 30px;
	border: 1px solid #b8b8b8;
	padding: 0 5px;
	border-radius: 3px;
	box-shadow: inset 0 1px 0px #ededed, 0 1px 0px #ffffff;
}

.one-step-checkout input.input-text.validation-failed,
.one-step-checkout .validation-failed {
	border: 1px dashed #9e0000;
	background-color: #faebe7;
}

.one-step-checkout select {
	width: 100%;
	box-sizing: border-box;
	height: 30px;
	line-height: 30px;
	margin-bottom: 3px;
	border: 1px solid #b8b8b8;
	box-shadow: 0 1px 0px #ffffff;
	background-color: #ffffff;
	border-radius: 3px;
}

.one-step-checkout input.input-text[disabled="disabled"],
.one-step-checkout select[disabled="disabled"] {
	color: #909090;
}

.one-step-checkout select#braintree_cc_token {
	width: auto !important;
}

.one-step-checkout label {
	font-weight: 700 !important;
	text-transform: none !important;
	display: inline-block;
	color: #000000;
	margin: 0;
	float: none;
}

.one-step-checkout label.required em {
	color: #cd0000;
	float: right;
}

.one-step-checkout .checkbox,
.one-step-checkout input[type="checkbox"] {
	vertical-align: middle;
	display: inline-block;
}

/*=== Amazon ===*/
.one-step-checkout
	.page-top-row
	#onestepcheckout-login-form-link
	.extendedLoginButtons {
	display: inline-block;
	position: relative;
	vertical-align: top;
}

#popuplogin-link {
	background-color: var(--primary);
	color: white;
	border: none !important;
	border-radius: 5px;
	padding: 5px 5px 5px 5px;
	font-size: 17px !important;
}

#popuplogin-link:hover {
	background-color: var(--hover);
}

#onestepcheckout-login-form-link .login-buttons-or {
	position: relative;
	left: 8px;
	line-height: 20px;
	text-align: center;
	width: 22px;
	height: 22px;
	background: #eaeaea;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.one-step-checkout
	.page-top-row
	#onestepcheckout-login-form-link
	.extendedLoginButtons
	#AmazonPayButtonBefore {
	line-height: normal;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.one-step-checkout
	.page-top-row
	#onestepcheckout-login-form-link
	.extendedLoginButtons
	#AmazonPayButtonBefore
	img {
	cursor: pointer;
	width: 155px;
}

.one-step-checkout
	.page-top-row
	#onestepcheckout-login-form-link
	.extendedLoginButtons
	#AmazonPayButtonBefore
	~ * {
	display: none;
}

.one-step-checkout
	.page-top-row
	#onestepcheckout-login-form-link
	.extendedLoginButtons
	.pslogin-block {
	display: inline-block;
	width: auto;
	padding: 0px;
	margin: 0 0 0 10px;
	line-height: normal;
	vertical-align: middle;
}

.one-step-checkout .pslogin-block .pslogin-buttons ul li {
	display: inline-block;
	line-height: normal;
	list-style: none !important;
	padding: 0 !important;
	background: none !important;
	height: 32px;
	margin: 0 3px 3px 0;
}

.one-step-checkout
	.page-top-row
	#onestepcheckout-login-form-link
	.extendedLoginButtons
	.pslogin-block
	.pslogin-showmore {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	position: relative;
	top: 4px;
}

.one-step-checkout
	.page-top-row
	#onestepcheckout-login-form-link
	.extendedLoginButtons
	.pslogin-block {
	display: inline-block;
	width: auto;
	padding: 0px;
	margin: 0 0 0 10px;
	line-height: normal;
	vertical-align: middle;
}

.one-step-checkout
	.page-top-row
	#onestepcheckout-login-form-link
	.extendedLoginButtons
	.pslogin-block
	ul {
	display: inline-block;
	vertical-align: top;
}

.checkout-onepage-index .page-title {
	display: none;
}

.checkout-onepage-index .reserved-cart {
	margin-bottom: 10px;
}

.checkout-onepage-index ol.opc-firststep-widget > li {
	list-style: none;
	margin-bottom: 10px;
}

.checkout-onepage-index ol.opc-firststep-widget > li .step-title {
	background-color: #d0e6f9;
	color: #000000;
	font-size: 21px;
	font-weight: 400;
	margin-bottom: 0;
	height: 43px;
	line-height: 43px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 -1px 0 0px rgba(0, 0, 0, 0.2);
}

.checkout-onepage-index ol.opc-firststep-widget > li .step-title h2 {
	font-size: inherit;
	font-weight: 400;
	display: inline-block;
}

.checkout-onepage-index ol.opc-firststep-widget > li.allow .step-title a {
	display: inline-block;
	line-height: normal;
	margin: 12px 8px 0 0;
}

.checkout-onepage-index ol.opc-firststep-widget > li.active .step-title a,
.checkout-onepage-index ol.opc-firststep-widget > li .step-title a {
	display: none;
}

.checkout-onepage-index ol.opc-firststep-widget > li .step-title .number {
	display: inline-block;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	width: 30px;
	height: 30px;
	font-size: 18px;
	color: #ffffff;
	font-weight: 700;
	border: 1px solid #073257;
	background-color: #194f7e;
	border-radius: 50%;
	text-align: center;
	line-height: 29px;
	margin-right: 7px;
	margin-left: 10px;
	margin-top: 6px;
}

.checkout-onepage-index ol.opc-firststep-widget > li form {
	display: block;
}

.checkout-onepage-index ol.opc-firststep-widget > li .step {
	display: block;
	background-color: #ececec;
	border-left: 1px solid var(--border);
	border-right: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
	padding: 10px;
}

.checkout-onepage-index .amazon-widget #amazon-widget-address-wrapper,
.checkout-onepage-index .amazon-widget #amazon-widget-wallet-wrapper {
	width: 50%;
	padding: 10px;
	margin: 0;
}

.checkout-onepage-index .amazon-widget .buttons-set {
	clear: left;
}

.checkout-onepage-index #shipping-method-please-wait,
.checkout-onepage-index .amazon-widget .buttons-set .please-wait {
	display: block;
	margin: auto;
	float: none;
	text-align: center;
	line-height: 24px;
}

.checkout-onepage-index #shipping-method-please-wait img,
.checkout-onepage-index .amazon-widget .buttons-set .please-wait img {
	display: inline-block;
	height: 24px;
	width: 24px;
	vertical-align: middle;
	margin-right: 5px;
}

.checkout-onepage-index .amazon-widget #amazon-widget-address-wrapper > div,
.checkout-onepage-index .amazon-widget #amazon-widget-wallet-wrapper > div {
	background-color: #fff;
	border-radius: 6px;
}

.checkout-onepage-index .amazon-widget #amazon-widget-address-wrapper h3,
.checkout-onepage-index .amazon-widget #amazon-widget-wallet-wrapper h3 {
	margin-bottom: 5px;
}

.checkout-onepage-index ol.opc-firststep-widget .col2-set {
	margin-top: 15px;
}

.checkout-onepage-index ol.opc-firststep-widget .col2-set:before,
.checkout-onepage-index ol.opc-firststep-widget .col2-set:after {
	content: "";
	display: block;
	clear: both;
}

.checkout-onepage-index ol.opc-firststep-widget .col2-set .col-1,
.checkout-onepage-index ol.opc-firststep-widget .col2-set .col-2 {
	float: left;
	width: 50%;
}

.checkout-onepage-index ol.opc-firststep-widget .col2-set .col-1 button {
	margin-right: 10px;
}

.checkout-onepage-index ol.opc-firststep-widget .col2-set .col-2 button {
	margin-left: 10px;
}

.checkout-onepage-index ol.opc-firststep-widget .buttons-set button {
	width: 210px;
	display: block;
	margin: 20px auto 15px auto;
	float: none;
	border: 0px;
	background: none;
	outline: none;
	padding: 0px;
	height: auto;
	box-shadow: none;
}

#checkout-step-shipping_method ul li {
	list-style: none;
	margin-bottom: 7px;
}

#checkout-step-shipping_method ul li input[type="radio"],
#checkout-step-shipping_method ul li label {
	vertical-align: middle;
}

#checkout-step-shipping_method .sp-methods dt {
	font-weight: 700;
	margin-bottom: 5px;
}

#shipping-method-buttons-container .back-link {
	margin-top: 15px;
	display: inline-block;
}

.data-table.checkout-review-table {
	border: 1px solid #c4c4c4;
	width: 100%;
	margin-bottom: 10px;
	background-color: #fff;
	border-collapse: collapse;
}

.data-table.checkout-review-table td {
	border-bottom: 1px solid #c4c4c4;
	height: 35px;
	vertical-align: middle;
	box-sizing: border-box;
	text-align: center;
	padding: 3px 5px;
	background-color: #fff;
}

.data-table#checkout-review-table td img {
	vertical-align: middle;
	display: inline-block;
}
.data-table.checkout-review-table th {
	padding: 0px 5px;
	height: 35px;
	font-weight: 700;
	color: #0a263c;
	background-color: #e3e3e3;
}

.data-table.checkout-review-table tfoot tr td {
	background-color: #f8f8f8;
	height: 20px;
	color: #0a263c;
	border-right: 0px none;
	font-weight: 700;
	border-bottom: 0px none;
}

/*=== end Amazon ===*/

.one-step-checkout .page-top-row .you-registered {
	font-size: 22px;
	font-family: sybillapro, Verdana, Arial, sans-serif;
}

.one-step-checkout .page-top-row .you-registered:before {
	display: inline-block;
	width: 19px;
	height: 18px;
	content: "";
	vertical-align: middle;
}

.one-step-checkout .page-top-row .to-login-page {
	color: var(--checkouthover);
	text-decoration: none;
	font-size: 22px;
	font-family: sybillapro, Verdana, Arial, sans-serif;
}

.one-step-checkout .page-top-row .to-login-page:hover {
	color: var(--navfont2);
}

.one-step-checkout .page-top-row .to-login-page:hover {
	text-decoration: none;
	cursor: pointer;
}

.one-step-checkout .page-top-row .edit-card {
	float: right;
	font-size: 14px;
}

.one-step-checkout .page-top-row .edit-card span {
	color: #2f4c81;
	text-decoration: underline;
}

.one-step-checkout .page-top-row .edit-card span:hover {
	text-decoration: none;
	cursor: pointer;
}

.one-step-checkout h3 {
	font-size: 12px;
	line-height: 28px;
	margin-bottom: 35px;
}

.one-step-checkout h3.section-name {
	padding-bottom: 20px;
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 0px;
	padding-left: 17px;
	background-color: var(--primary);
	color: #ffffff;
	height: 40px;
	line-height: 40px;
	box-shadow: inset 0 -1px 0 0px rgba(0, 0, 0, 0.2);
	border-radius: 5px 5px 0px 0px;
}

.one-step-checkout h3.section-name .ajax-loader {
	display: none;
	width: 35px;
	float: right;
	margin: 3px 10px 0 0;
}

.one-step-checkout .step-number {
	display: inline-block;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	width: 30px;
	height: 30px;
	font-size: 18px;
	color: #ffffff;
	font-weight: 700;
	border-radius: 50%;
	text-align: center;
	line-height: 29px;
	margin-right: 7px;
	margin-left: 10px;
	margin-top: 7px;
}

.one-step-checkout > div {
	width: 50%;
	float: left;
}

.one-step-checkout > div > div {
	width: 100%;
	margin-bottom: 2%;
	float: none;
	margin: 0 0 2% 0;
}

.one-step-checkout .sidebarBox,
.one-step-checkout .scrollingBox {
	max-width: unset !important;
}

.one-step-checkout > .payment {
	float: right;
}

.one-step-checkout > .shipping-address {
	clear: left;
}

.one-step-checkout .shipping-address #co-shipping-form {
	display: block;
}

.one-step-checkout
	.billing-address
	.form-list
	li#billing-new-address-form
	input[type="checkbox"]
	+ label,
.one-step-checkout .shipping-address #co-shipping-form li.control label {
	float: none;
}

.one-step-checkout .customer-dob:before,
.one-step-checkout .customer-dob:after {
	clear: both;
	display: block;
	content: "";
}

.one-step-checkout .customer-dob .dob-month,
.one-step-checkout .customer-dob .dob-day {
	width: 30%;
	float: left;
	padding-right: 5px;
	max-width: 85px;
}

.one-step-checkout .customer-dob .dob-year {
	width: 40%;
	float: left;
	max-width: 160px;
}

/*=== billing address ===*/
.one-step-checkout .billing-address .billing-address-forms,
.one-step-checkout .shipping-address .shipping-address-forms {
	display: block;
	background-color: #ececec;
	border-left: 1px solid var(--border);
	border-right: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
}

.one-step-checkout .billing-address .form-list li .field:nth-child(2n + 1) {
	clear: left;
}

.one-step-checkout .shipping-address #co-shipping-form #shipping-text {
	padding: 0 10px;
	font-family: sybillapro, Verdana, Arial, sans-serif;
}

.one-step-checkout .shipping-address #co-shipping-form {
	padding: 10px 0 0 0;
}

.one-step-checkout .shipping-address #co-shipping-form li {
	list-style: none;
}

.one-step-checkout .shipping-address #co-shipping-form li:before,
.one-step-checkout .shipping-address #co-shipping-form li:after {
	content: "";
	display: block;
	clear: both;
}

.one-step-checkout .shipping-address #co-shipping-form li.control {
	padding: 3px 10px 10px 10px;
}

.one-step-checkout .shipping-address #co-shipping-form li.control input {
	margin-right: 5px;
	margin: 5px;
}

.one-step-checkout .shipping-address #co-shipping-form li.control label {
	font-weight: 400 !important;
	vertical-align: middle;
	display: inline;
	padding: 5px;
	background: none;
}

.one-step-checkout
	.shipping-address
	#co-shipping-form
	#shipping:same_as_billing {
	margin-left: 5px;
}

.one-step-checkout .shipping-address #co-shipping-form li fieldset,
.one-step-checkout .billing-address #co-billing-form fieldset {
	border: 0px;
}

.one-step-checkout
	.payment
	#co-payment-form
	#checkout-payment-method-load
	> ul
	> li {
	float: none;
	list-style: none;
	margin: 0 0 7px 0;
}

.one-step-checkout
	.payment
	#co-payment-form
	#checkout-payment-method-load
	ul#payment_form_ccsave
	li
	p.required {
	display: none;
}

.one-step-checkout .payment #co-payment-form .input-box a.button {
	background: none;
	height: auto;
	padding: 0;
	border: 0px;
}

.one-step-checkout
	.payment
	#co-payment-form
	#checkout-payment-method-load
	ul#payment_form_ccsave {
	margin-top: 10px;
}

.one-step-checkout
	.payment
	#co-payment-form
	#checkout-payment-method-load
	> ul
	> li
	.v-fix {
	float: left;
	margin-right: 10px;
}

.one-step-checkout .billing-address .buttons-set {
	margin: 5px 20px 0 0;
}

.one-step-checkout .billing-address .form-list li#billing-new-address-form {
	padding: 10px 0 0 0;
	width: 100%;
	margin-top: 0;
}

.one-step-checkout
	.billing-address
	.form-list
	li#billing-new-address-form
	+ li {
	padding-top: 0;
	margin: 0;
}

.one-step-checkout
	.billing-address
	.form-list
	li#billing-new-address-form
	+ li
	label {
	font-weight: 400 !important;
	vertical-align: middle;
	padding-left: 3px;
}

.one-step-checkout
	.billing-address
	.form-list
	li#billing-new-address-form
	input[type="checkbox"]
	+ label {
	font-weight: 400 !important;
	display: inline;
	padding-left: 3px;
	vertical-align: middle;
}

.one-step-checkout .billing-address .form-list li#billing-new-address-form li {
	width: 100%;
	margin: 0;
}

.one-step-checkout
	.billing-address
	.form-list
	li#billing-new-address-form
	li.control
	label {
	padding-left: 6px;
}

.one-step-checkout .shipping-address #co-shipping-form li.wide,
.one-step-checkout
	.billing-address
	.form-list
	li#billing-new-address-form
	li.wide {
	width: 100%;
	float: none;
	padding: 0 10px;
	margin-bottom: 7px;
}

.one-step-checkout
	.billing-address
	.form-list
	li#billing-new-address-form
	li.wide:before,
.one-step-checkout .billing-address .form-list li:first-child {
	margin: 0;
}

.one-step-checkout .billing-address .form-list li {
	margin: 15px 0 0 0;
	list-style: none;
}

.one-step-checkout .billing-address .form-list li:before,
.one-step-checkout .billing-address .form-list li:after {
	display: block;
	clear: both;
	content: "";
}

.one-step-checkout .page-top-row #onestepcheckout-login-form fieldset a {
	float: right !important;
}

.one-step-checkout .page-top-row #onestepcheckout-login-form button + a {
	margin-top: 7px;
	margin-left: 15px;
}

.one-step-checkout .billing-address .form-list li select#billing-address-select,
.one-step-checkout .billing-address .checkbox-save-addressbook,
.one-step-checkout .billing-address .checkbox-signup {
	float: left;
	top: 3px;
	position: relative;
	margin-right: 6px;
}

div#shipping-text {
	padding-left: 20px;
}

#billing-address-form input.save-in-address-book {
	margin-right: 0px !important;
	margin-top: 7px !important;
}

/*=== payment ===*/

.payment #co-payment-form .form-list input,
select#ccsave_cc_type,
select#ccsave_expiration {
	margin-bottom: 10px;
}

.one-step-checkout .payment #co-payment-form {
	display: block;
	background-color: #ececec;
	border-left: 1px solid var(--border);
	border-right: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
	padding: 10px;
}

.one-step-checkout .payment #co-payment-form:after {
	display: block;
	content: "";
	clear: both;
}

.one-step-checkout .sp-methods:after {
	content: "";
	clear: both;
	width: 100%;
	display: block;
}

label.payment-button.button-ccsave.active {
	color: white;
}
.one-step-checkout .payment .fields.form-row .field:first-child {
	margin-right: 5px;
}

.one-step-checkout .payment .payment-button {
	vertical-align: middle;
	display: inline-block;
	width: 164px;
	height: 37px;
	line-height: 35px;
	font-size: 15px;
	font-weight: 700 !important;
	margin-bottom: 2px;
	text-transform: none !important;
	box-sizing: border-box;
	padding: 0 !important;
	background: none;
}

.one-step-checkout .payment .payment-button.disabled {
	opacity: 0.35;
	border: 0px !important;
	border-radius: 5px;
}

.one-step-checkout .payment .payment-button.disabled:hover {
	cursor: auto;
}

.one-step-checkout .payment .payment-button:first-child {
	margin-left: 0;
}

.one-step-checkout .payment .payment-button.button-free {
	line-height: 14px;
	box-sizing: border-box;
	padding: 3px 0 0 0;
	font-size: 12px;
	text-align: center;
}

.one-step-checkout .payment .payment-button.button-free:before {
	margin: 5px 0 0 5px;
}

.one-step-checkout .payment .payment-button span.icon,
.one-step-checkout .payment .button-ccsave span.icon,
.one-step-checkout .payment .button-braintree span.icon,
.one-step-checkout .payment .button-checkmo span.icon,
.one-step-checkout .payment .button-cashondelivery span.icon {
	width: 36px;
	height: 22px;
	display: none;
	vertical-align: middle;
}

.one-step-checkout .payment .button-cashondelivery span.icon {
	background-position: -196px -6px;
}

.one-step-checkout .payment .button-checkmo span.icon {
	background-position: -239px -2px;
	height: 30px;
}

.one-step-checkout .payment .payment-button .payment-name {
	font-size: 16px;
	text-align: left;
	line-height: 11px;
	max-width: 90px;
	display: inline-block;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	margin-left: -27px;
}

.one-step-checkout #checkout-payment-method-load .sp-methods label.active {
	color: black;
	font-size: 16px;
	text-align: left;
}

.one-step-checkout .sp-methods label[for="use_reward_points"] span {
	font-weight: 400;
	display: block;
	line-height: normal;
	font-size: 11px;
	color: #424242;
	padding-left: 18px;
	font-style: italic;
}

#customerbalance_placer label {
	font-weight: normal;
	line-height: 19px;
	vertical-align: middle;
}

.one-step-checkout .sp-methods label:before,
#customerbalance_placer label:before {
	display: inline-block;
	width: 14px;
	height: 14px;
	content: "";
	margin: 0 5px 0 5px;
	vertical-align: middle;
}

.one-step-checkout .sp-methods label[for="use_reward_points"]:before,
#customerbalance_placer label:before {
	margin-left: 0;
	margin-top: 1px;
}

.one-step-checkout .sp-methods input[type="checkbox"],
#customerbalance_placer input[type="checkbox"] {
	display: none;
}

.one-step-checkout .sp-methods input[type="checkbox"] + label:before,
#customerbalance_placer input[type="checkbox"] + label:before {
	background-position: -162px -80px;
	vertical-align: top;
}

.one-step-checkout .sp-methods input[type="checkbox"]:checked + label:before,
#customerbalance_placer input[type="checkbox"]:checked + label:before {
	background-position: -185px -80px;
}

.one-step-checkout .sp-methods ~ #checkout-payment-method-load {
	margin-top: 10px;
}

.one-step-checkout .sp-methods label.active:before {
	background-position: -7px -12px;
}

.one-step-checkout .sp-methods label:hover,
#customerbalance_placer label:hover {
	cursor: pointer;
}

.one-step-checkout .payment #braintree_store_in_vault_div #cart_remember_what {
	font-weight: 400 !important;
}

.one-step-checkout .payment .button-amazon_payments span.icon {
	background-position: 0px -76px;
	width: 54px;
	height: 27px;
	display: inline-block;
}

.one-step-checkout .payment .button-amazon_payments .payment-name {
	width: 70px;
}

.one-step-checkout .payment .sp-methods-content > .form-list {
	display: block;
	border-top: 1px solid var(--border);
	width: 100%;
	margin-top: 10px;
	padding: 10px 0 0 0;
}

.one-step-checkout .payment .sp-methods-content ul li {
	list-style: none;
}

/* sage pay */
.one-step-checkout .payment .button-sagepaydirectpro span.icon,
.one-step-checkout .payment .button-sagepayserver span.icon {
	width: 100px;
	height: 24px;
	background-image: url("../../../images/plumrocket/onestepcheckout/sage-pay-small.jpg");
	background-size: 85px 27px;
	background-repeat: no-repeat;
	background-position: 0 -2px;
}

.one-step-checkout .payment .button-sagepaydirectpro .payment-name,
.one-step-checkout .payment .button-sagepayserver .payment-name {
	display: none;
}

.one-step-checkout .payment .sp-methods-content ul:before,
.one-step-checkout .payment .sp-methods-content ul:after {
	content: "";
	display: block;
	clear: both;
}

.one-step-checkout .payment .sp-methods-content .form-list li {
	width: 48%;
	float: left;
	margin: 0 0 7px 2% !important;
	clear: none;
	list-style: none;
}

.one-step-checkout .payment .sp-methods-content .form-list li img {
	display: inline-block;
	margin-top: 5px;
}

.one-step-checkout
	.payment
	.sp-methods-content
	#payment_form_gene_braintree_creditcard.form-list
	li
	.braintree-card-input-field {
	height: 30px;
	line-height: 30px;
	border: 1px solid #b8b8b8;
	border-radius: 3px;
	box-shadow: inset 0 1px 0px #ededed, 0 1px 0px #fff;
}

.one-step-checkout
	.payment
	.sp-methods-content
	#payment_form_gene_braintree_creditcard.form-list
	li
	.braintree-card-input-field
	#card-number {
	height: 28px;
	padding-left: 45px;
}

.one-step-checkout
	.payment
	.sp-methods-content
	#payment_form_gene_braintree_creditcard.form-list
	li
	.braintree-input-field {
	height: 30px;
	border: 1px solid #b8b8b8;
	border-radius: 3px;
	box-shadow: inset 0 1px 0px #ededed, 0 1px 0px #fff;
}

.one-step-checkout
	.payment
	.sp-methods-content
	#payment_form_gene_braintree_creditcard.form-list
	li
	.braintree-input-field
	iframe {
	height: 29px !important;
}

.one-step-checkout
	.payment
	.sp-methods-content
	#payment_form_gene_braintree_creditcard
	.braintree-expiration-separator {
	line-height: 30px;
	font-size: 20px;
}

.one-step-checkout
	.payment
	.sp-methods-content
	#payment_form_gene_braintree_creditcard.form-list
	li
	.braintree-card-input-field
	iframe {
	height: 29px !important;
}

.one-step-checkout
	.payment
	.sp-methods-content
	#payment_form_gene_braintree_creditcard.form-list
	li
	.braintree-card-input-field
	img {
	margin-top: 0;
	height: 26px;
}

.one-step-checkout
	.payment
	.sp-methods-content
	.form-list
	li:nth-child(2n + 1) {
	width: 48%;
	float: left;
	margin: 0 0 7px 0 !important;
	clear: left;
}

.one-step-checkout
	.payment
	.sp-methods-content
	.form-list.braintree
	li:nth-child(2n + 1) {
	clear: none;
}

.one-step-checkout
	.payment
	.sp-methods-content
	.form-list.braintree
	li:nth-child(2n) {
	clear: left;
	margin: 0 2% 7px 0 !important;
}

.one-step-checkout .payment .sp-methods-content .form-list li label:before {
	display: none;
}

.one-step-checkout .payment .sp-methods-content .form-list li p.required {
	display: none;
}

.one-step-checkout .payment .sp-methods-content .form-list li .v-fix {
	float: left;
	margin-right: 5px;
}

.one-step-checkout .payment .sp-methods-content .form-list li .v-fix + a {
	margin-top: 6px;
	display: inline-block;
}

.one-step-checkout .billing-address .form-list > li.wide {
	padding: 10px;
}

.tool-tip {
	border: 1px solid #b38a2b;
	background: #fff6ab;
	padding: 15px 20px;
	position: relative;
	display: inline-block;
	z-index: 9999;
}

.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 180px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	bottom: 150%;
	left: 20%;
	margin-left: -85px;
	padding: 10px;
	z-index: 1000000;
	font-size: 14px;
	white-space: normal;
	overflow-wrap: break-word;
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

.tool-tip .btn-close a {
	display: block;
	margin: 0 0 0 auto;
	width: 15px;
	height: 15px;
	background: url("../../../images/plumrocket/onestepcheckout/btn_window_close.gif")
		100% 0 no-repeat;
	text-align: left;
	text-indent: -999em;
	overflow: hidden;
	position: absolute;
	right: 5px;
	top: 5px;
}

.one-step-checkout .payment span.help {
	color: #1954a6;
	font-size: 12px;
	font-weight: 400;
	line-height: 35px;
	font-size: 12px;
}

.one-step-checkout .payment span.help:hover {
	cursor: pointer;
	text-decoration: underline;
}

.one-step-checkout .payment .card-number {
	padding: 0 25px 0 5px;
	float: left;
	color: #4f6883;
}

.one-step-checkout .payment .icon-ok {
	background-position: -60px -333px;
	display: inline-block;
	width: 19px;
	height: 18px;
	position: absolute;
	left: 158px;
	top: 4px;
}

.one-step-checkout .payment .accept-card {
	background-position: -187px -302px;
	display: inline-block;
	width: 45px;
	height: 28px;
	margin-top: 1px;
	margin-left: 5px;
}

.one-step-checkout .payment .form-list li:first-child {
	margin-left: 0px;
}

.one-step-checkout .payment .form-list li {
	float: left;
	margin-right: 5px !important;
	margin: 0 0 15px 0;
	position: relative;
}

.one-step-checkout .payment .form-list li .cvv-what-is-this {
	text-decoration: none;
	font-size: 12px;
}

.one-step-checkout .payment .form-list li .cvv-what-is-this:hover {
	cursor: none;
}

.one-step-checkout .payment .form-list li .payment-type-image {
	margin: 4px 5px 0 0;
	float: left;
}

.one-step-checkout .payment .form-list.braintree li .payment-type-image {
	margin-top: 0;
}

.one-step-checkout .payment .form-list li#braintree_token_selector,
.one-step-checkout .payment .form-list li#cc_type_auto_row,
.one-step-checkout .payment .form-list li#cc_type_auto_row + li,
.one-step-checkout .payment .form-list li#cc_type_manual_row + li,
.one-step-checkout .payment .form-list li#braintree_store_in_vault_div,
.one-step-checkout .payment .form-list li#braintree_store_in_vault_div {
	width: 100%;
}

.one-step-checkout .payment .form-list li#cc_type_manual_row + li {
	margin-bottom: 0;
}

.one-step-checkout .payment .form-list li#cc_type_auto_row + li {
	position: relative;
}

.one-step-checkout .payment .form-list li#cc_type_manual_row + li .input-text {
	width: 190px !important;
}

.one-step-checkout .payment .form-list li#cc_type_manual_row + li .input-box {
	width: auto;
	float: left;
}

.one-step-checkout .payment .form-list.braintree li {
	width: 48% !important;
}

.one-step-checkout .payment .form-list.braintree li#cc_type_manual_row + li {
	margin-left: 0 !important;
	float: right;
}

.one-step-checkout
	.payment
	.form-list.braintree
	li#cc_type_manual_row
	+ li
	.input-box {
	float: none;
}

.one-step-checkout .payment .form-list li#cc_type_auto_row + li:after {
	background-position: -187px -302px;
	display: block;
	width: 45px;
	height: 28px;
	margin-top: 1px;
	content: "";
	position: absolute;
	top: 18px;
	left: 185px;
}

.one-step-checkout .payment #braintree_cc_number {
	margin-right: 10px;
}

.one-step-checkout .payment select.month.validate-cc-exp {
	width: 120px !important;
}

.one-step-checkout .payment select.year {
	width: 70px !important;
	margin-bottom: 10px;
}

.one-step-checkout .payment .input-text.cvv {
	width: 55px !important;
	float: left;
	margin-right: 5px;
}

.one-step-checkout .payment .cvv-icon {
	display: inline-block;
	width: 45px;
	height: 30px;
	background-position: -743px -299px;
}

/*=== payment ===*/
.one-step-checkout .order-review-column {
	float: right;
	box-sizing: border-box;
}

.one-step-checkout #discounts-forms .discount > label:first-child {
	display: block;
	font-size: 13px;
	line-height: 20px;
	text-transform: uppercase !important;
	position: relative;
	text-transform: uppercase;
	padding-left: 32px;
	line-height: 29px;
	color: #12466b;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.one-step-checkout #discounts-forms label {
	cursor: default;
}

.one-step-checkout #discounts-forms label:first-child:before {
	display: block;
	content: "";
	width: 28px;
	height: 28px;
	position: absolute;
	left: 0;
}

.one-step-checkout #reward-credit-coupon .discount > label:first-child:before {
	background-position: -87px -73px;
}

.one-step-checkout
	#reward-credit-coupon
	.discount
	> label[for="rewards_point_count"] {
	line-height: 15px;
}

.one-step-checkout
	#reward-credit-coupon
	.discount
	> label[for="rewards_point_count"]
	+ label {
	margin-left: 32px;
}

.one-step-checkout
	#reward-credit-coupon
	.discount
	> label[for="rewards_point_count"]
	+ label,
.one-step-checkout
	#reward-credit-coupon
	.discount
	> label[for="rewards_point_count"]
	+ label
	strong {
	font-size: 10px;
	font-weight: 700;
	color: #1e6faa;
	text-transform: none;
	vertical-align: top;
}

.one-step-checkout .order-review-column #discount-coupon .input-box {
	width: 100%;
	position: relative;
}

.one-step-checkout .order-review-column #discount-coupon input.input-text {
	height: 28px;
	line-height: 28px;
}

.one-step-checkout .order-review-column .order-summary-wrap .discount button,
.one-step-checkout .order-review-column #discount-coupon .buttons-set button {
	width: auto;
	display: inline-block;
	margin-bottom: 0;
	margin-top: 7px;
}

.one-step-checkout .order-review-column .order-summary-wrap > .discount button {
	margin-top: 10px;
}

.one-step-checkout
	.order-review-column
	.order-summary-wrap
	.discount
	button
	> span,
.one-step-checkout
	.order-review-column
	#discount-coupon
	.buttons-set
	button
	> span,
.one-step-checkout
	.order-review-column
	#giftcard-coupon
	.buttons-set
	button
	> span {
	height: 26px;
	line-height: 25px;
	margin-top: 1px;
	border-radius: 3px;
}

.one-step-checkout
	.order-review-column
	#discount-coupon
	.buttons-set
	button
	> span
	span {
	display: inline-block;
	line-height: 25px;
}

.one-step-checkout .order-review-column #checkout-review-table-wrapper {
	border-left: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
	border-top: 1px solid #c4c4c4;
}

.one-step-checkout .order-review-column table.data-table {
	width: 100%;
	border-collapse: collapse;
}

.one-step-checkout #checkout-review-table-wrapper:before {
	content: "";
	clear: both;
	display: block;
	width: 100%;
}

.one-step-checkout .order-review-column table.data-table:hover {
	box-shadow: none;
}

.one-step-checkout .order-review-column table.data-table tr td h3 {
	font-weight: 700;
	margin-bottom: 0;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
}

.one-step-checkout .order-review-column table.data-table tr td h3:before {
	display: none;
}

.one-step-checkout .order-review-column table.data-table td {
	border-bottom: 1px solid #c4c4c4;
	height: 35px;
	vertical-align: middle;
	box-sizing: border-box;
	text-align: center;
	padding: 3px 5px;
	background-color: #fff;
}

.one-step-checkout .order-review-column table.data-table td.last {
	text-align: right;
	padding-left: 12px;
}

.one-step-checkout .order-review-column table.data-table tfoot td.last * {
	color: #0a263c !important;
	font-weight: 700 !important;
}

.one-step-checkout .order-review-column table.data-table tr td h3 {
	font-size: 13px !important;
	line-height: 13px;
	font-weight: 700 !important;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	display: inline-block;
}

.one-step-checkout .order-review-column table.data-table td .price {
	white-space: nowrap;
}
@media all and (max-width: 650px) {
	.one-step-checkout .order-review-column table.data-table tr td h3 {
		font-size: 13px !important;
	}
	.one-step-checkout .order-review-column table.data-table td .price {
		font-size: 12px;
	}
}

.one-step-checkout .order-review-column table.data-table td .product-info {
	position: relative;
	display: flex;
	width: 100%;
	justify-content: left;
	margin-top: 0px;
}

.one-step-checkout
	.order-review-column
	table.data-table
	td
	.product-info:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	height: 14px;
	opacity: 0.7;
	font-family: sybillapro, Verdana, Arial, sans-serif;
}

.one-step-checkout
	.order-review-column
	table.data-table
	tr
	td
	.product-info
	.item-options {
	display: block;
	position: relative;
	white-space: nowrap;
	z-index: 100;
	margin-top: 0;
}

.one-step-checkout
	.order-review-column
	table.data-table
	tr
	td
	.product-info
	.item-options:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: -7px;
	left: 2px;
}

.one-step-checkout
	.order-review-column
	table.data-table
	tr
	td
	.product-info
	.item-options:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: -5px;
	left: 2px;
}

.one-step-checkout .order-review-column table.data-table td .item-options {
	position: absolute;
}

.one-step-checkout .order-review-column table.data-table td .item-options * {
	font-size: 11px;
}

.one-step-checkout
	.order-review-column
	table.data-table
	td
	.item-options
	.label {
	font-weight: 700;
}

.one-step-checkout .order-review-column table.data-table td,
.one-step-checkout .order-review-column table.data-table th {
	border-right: 0px;
}

.one-step-checkout .order-review-column table.data-table tr td:first-child {
	text-align: left;
}

.one-step-checkout .order-review-column table.data-table tr th {
	padding: 0 5px;
	height: 35px;
	font-weight: 700;
	color: #0a263c;
	background-color: #e3e3e3;
}

.one-step-checkout .order-review-column table.data-table tfoot tr th {
	background-color: #f8f8f8;
}

.one-step-checkout .order-review-column table.data-table tfoot tr th img {
	display: inline-block;
	vertical-align: top;
	margin-top: 2px;
}

.one-step-checkout .order-review-column table.data-table tr th:first-child {
	text-align: left;
}

.one-step-checkout .order-review-column table.data-table tfoot tr td strong {
	border-bottom: 0px;
	height: 20px;
	color: #0a263c;
	border-right: 0px;
	font-weight: 700;
	border-bottom: 0px;
}

.one-step-checkout .order-review-column table.data-table tfoot a.btn-remove {
	width: 14px;
	height: 14px;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	text-indent: 99px;
	position: relative;
}

.one-step-checkout
	.order-review-column
	table.data-table
	tfoot
	a.btn-remove:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 15px;
	height: 14px;
}

.one-step-checkout .order-review-column table.data-table tfoot tr.last td {
	background-color: #f8f8f8;
	font-size: 16px;
	font-weight: 700;
	color: #0a263c;
	border-right: 0px;
	border-bottom: 1px solid #c4c4c4 !important;
}

.one-step-checkout
	.order-review-column
	table.data-table
	tfoot
	tr.last
	td
	> strong {
	font-family: sybillapro, Verdana, Arial, sans-serif;
}

.one-step-checkout .order-review-column table.data-table tfoot tr td {
	border-right: 0px !important;
}

.one-step-checkout
	.order-review-column
	table.data-table
	tfoot
	.summary-collapse {
	text-decoration: underline;
	background: none;
	padding-left: 0;
	cursor: pointer;
}

.one-step-checkout
	.order-review-column
	table.data-table
	tfoot
	.summary-collapse:before {
	background-position: -144px -345px;
	width: 11px;
	height: 11px;
	display: inline-block;
	content: "";
	margin-right: 3px;
}

.one-step-checkout
	.order-review-column
	table.data-table
	tfoot
	tr.show-details
	.summary-collapse:before {
	background-position: -144px -331px;
}

.one-step-checkout .order-review-column #checkout-review-submit {
	box-sizing: border-box;
}

.one-step-checkout .order-review-column #checkout-review-submit li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.one-step-checkout .order-review-column #checkout-review-submit li label {
	font-weight: 700 !important;
	text-transform: none !important;
}

.one-step-checkout .order-review-column #checkout-review-submit li .agree {
	padding: 10px 0;
	margin-bottom: 10px;
}

.one-step-checkout
	.order-review-column
	#checkout-review-submit
	li
	.agree
	.validation-advice {
	bottom: 2px;
}

.one-step-checkout
	.order-review-column
	#checkout-review-submit
	li
	.agree
	label {
	font-weight: 400 !important;
	text-transform: none !important;
	padding-left: 3px;
	display: inline;
	vertical-align: middle;
}

.one-step-checkout .order-review-column #checkout-review-submit li .terms,
.one-step-checkout .order-review-column #checkout-review-submit li textarea {
	box-sizing: border-box;
}

.one-step-checkout .order-review-column #checkout-review-submit li .terms {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 10px;
	height: 80px;
}

.one-step-checkout .order-review-column #checkout-review-submit p.f-left {
	width: 100%;
	text-align: left;
	margin-bottom: 25px;
	float: none !important;
	display: none;
}

.one-step-checkout
	.order-review-column
	#checkout-review-submit
	#review-buttons-container,
.one-step-checkout
	.order-review-column
	#checkout-review-submit
	#g-recaptcha-container {
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 0 10px;
	text-align: center;
	box-sizing: border-box;
}

.one-step-checkout
	.order-review-column
	#checkout-review-submit
	#review-buttons-container
	.please-wait {
	float: none;
}

.one-step-checkout
	.order-review-column
	#checkout-review-submit
	#g-recaptcha-container
	#g-recaptcha-block {
	display: inline-block;
	position: relative;
}

.one-step-checkout .order-review-column .section-name + #submit-chackout {
	float: right;
	width: 140px;
}

.one-step-checkout .shipping-method-title {
	margin: 20px 10px 0px 10px;
	font-size: 17px;
	font-weight: 400;
	line-height: 28px;
	border-bottom: 1px solid #c3c3c3;
}

.one-step-checkout .billing-address-forms .shipping-method-title {
	margin: 0px 10px 0px 10px;
}

.one-step-checkout .shipping-cms-block {
	margin: 10px;
}

.one-step-checkout #co-shipping-method-form {
	margin: 5px 10px 10px 10px;
	display: block;
}

.one-step-checkout #co-shipping-method-form .sp-methods li label {
	font-weight: 400 !important;
}

.one-step-checkout #co-shipping-method-form #checkout-shipping-method-load p {
	padding: 10px;
	font: 16px sybillapro;
	background-color: var(--border);
}

.one-step-checkout #co-shipping-method-form .sp-methods dt {
	font-size: 12px;
	font-weight: 700;
	padding-top: 5px;
}

.one-step-checkout #co-shipping-method-form ul li {
	list-style: none;
	margin: 5px 0;
}

.one-step-checkout #co-shipping-method-form ul li label {
	border: 0px !important;
}

.one-step-checkout #co-shipping-method-form ul li label:before {
	margin: 0 5px 0 0;
	position: relative;
	top: -2px;
}

.one-step-checkout #co-shipping-method-form .price {
	font-size: 12px;
	font-weight: 700;
}

/*=== order summary ===*/
.order-summary-wrap {
	display: block;
	background-color: #ececec;
	border-left: 1px solid var(--border);
	border-right: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
	border-top: 5px solid #ececec;
	padding: 10px;
}

.order-summary-wrap #discounts-forms > li {
	list-style: none;
	width: 49%;
	float: left;
	box-sizing: border-box;
	border: 1px solid #c4c4c4;
	position: relative;
	padding: 8px;
	background-color: #fff;
	min-height: 48px;
	margin-bottom: 10px;
}

.order-summary-wrap #discounts-forms > li:first-child {
	margin-right: 2%;
}

#discounts-forms > li.oneActive {
	margin-left: 0;
}

.order-summary-wrap #discounts-forms > li.oneActive {
	width: 100%;
	margin-right: 0;
}

#checkout-review-table .qty-wrapper {
	display: flex;
	border: none;
}

.flex-for-sku {
	display: flex;
}

p.part-number {
	font-size: 11px;
	margin: auto 0px auto 2px;
}

@media all and (max-width: 681px) {
	.tooltip {
		width: 13px !important;
		height: 13px !important;
		margin-bottom: 0px !important;
		min-height: 13px;
		min-width: 13px;
	}
}

@media all and (max-width: 770px) {
	.name-tip .tooltip {
		width: 13px !important;
		height: 13px !important;
		margin-bottom: 0px !important;
		min-height: 13px;
		min-width: 13px;
		margin-left: 15px;
	}
}

#checkout-review-table .td-qty input[type="button"] {
	background: none;
	border: none;
	outline: none;
	width: 20px;
	font-size: 11px;
	text-align: center;
	line-height: 15px;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	border-radius: 0;
	cursor: pointer;
}

#checkout-review-table .td-qty input[type="text"] {
	text-align: center;
	width: 20px;
	height: 20px;
	line-height: 20px;
	padding: 0;
	text-align: center;
	border-radius: 4px;
	font-size: 11px;
	margin: auto;
}

/* end enterprise gift card */

.order-summary-wrap .show-form {
	width: 20px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	background-color: #84b9d9;
	color: #c8e6fc;
	text-align: center;
	border-radius: 4px;
	font-size: 14px;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	margin-top: 4px;
}

.order-summary-wrap .show-form:hover {
	background-color: #76a9c8;
	cursor: pointer;
}

.order-summary-wrap #discounts-forms .discount > .discount-form-input {
	display: none;
	margin-top: 10px;
	min-height: 65px;
}

.order-summary-wrap #reward-credit-coupon-form .discount-form #rewards_slider {
	margin: 0 5px;
}

.one-step-checkout .page-top-row .buttons-set button,
.one-step-checkout .order-review-column .buttons-set button {
	width: 210px;
	display: block;
	margin: 25px auto 15px auto;
	float: none;
	border: 0px;
	background: none;
	outline: none;
	padding: 0;
	height: auto;
	box-shadow: none;
	text-decoration: none;
}

.one-step-checkout button[disabled],
.one-step-checkout .order-review-column button[disabled] span,
.one-step-checkout .page-top-row .buttons-set button[disabled] span,
.one-step-checkout .order-review-column button[disabled]:hover span,
.one-step-checkout .page-top-row .buttons-set button[disabled]:hover span {
	opacity: 0.5;
	transition: none;
	cursor: default;
}

.one-step-checkout button[disabled]:hover {
	cursor: default !important;
}

.one-step-checkout
	.page-top-row
	#onestepcheckout-login-block
	.buttons-set
	button[disabled],
.one-step-checkout
	.page-top-row
	#onestepcheckout-login-block
	.buttons-set
	button[disabled]
	span {
	padding-top: 0;
	padding-bottom: 0;
}

.one-step-checkout
	.page-top-row
	#onestepcheckout-login-block
	.buttons-set
	button[disabled]
	span {
	opacity: 1;
}

.one-step-checkout button .btn-loader {
	display: none !important;
	background-image: url("../../../images/plumrocket/onestepcheckout/button_loader.gif");
	width: 20px;
	height: 28px !important;
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}

.one-step-checkout button[disabled] .btn-loader {
	display: inline-block !important;
}

.one-step-checkout button[disabled] .btn-loader + span {
	display: none !important;
}

.one-step-checkout .page-top-row .buttons-set button {
	margin: 0;
}

.one-step-checkout .page-top-row .buttons-set button > span,
.one-step-checkout .order-review-column button > span,
.checkout-onepage-index ol.opc-firststep-widget .buttons-set button > span {
	display: block;
	height: 40px;
	line-height: 39px;
	background: var(--checkout);
	padding: 0 25px;
	font: bold 14px/40px sybillapro;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	text-transform: uppercase;
	border-radius: 5px;
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.6);
	transition: background 0.5s;
}

.one-step-checkout .page-top-row .buttons-set button > span > span,
.one-step-checkout .order-review-column button.btn-checkout span > span {
	font: 17px/40px sybillapro;
}

.one-step-checkout .page-top-row .buttons-set button:hover > span,
.one-step-checkout .order-review-column button:hover > span,
.checkout-onepage-index
	ol.opc-firststep-widget
	.buttons-set
	button:hover
	> span {
	background: var(--highlight);
}

.one-step-checkout #reward-credit-coupon-form button.cancel > span,
.one-step-checkout .order-review-column button.btn-coupon-cancel > span {
	background-color: #aaaaaa !important;
	border-color: #5d5d5d !important;
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.6);
	border: 1px solid #5d5d5d;
}

.one-step-checkout #reward-credit-coupon-form button.cancel:hover > span,
.one-step-checkout .order-review-column button.btn-coupon-cancel:hover > span {
	background-color: #a0a0a0 !important;
}

#terms-and-conditions-content h2 {
	margin: 15px 0 6px 0;
}

#onestepcheckout-login-block .messages {
	list-style: none;
}

#onestepcheckout-login-block .messages li li {
	position: relative;
	margin-bottom: 5px;
	padding: 7px 10px 7px 20px;
	background: #f4f4f4;
	font-size: 15px;
	list-style: none;
}

#onestepcheckout-login-block .messages .success-msg li {
	color: black;
	border-left: 5px solid #11b400;
	background-color: #eff5ea;
}

#onestepcheckout-login-block .messages li li:before {
	top: 50%;
	left: 0;
	margin-top: -6px;
}

#onestepcheckout-login-block .messages .success-msg li:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #11b400;
	border-right: none;
}

/*=== login form ===*/
#onestepcheckout-login-block #login-form button.button > span {
	height: 30px !important;
	line-height: 29px;
	background: #64a826;
	padding: 0 25px;
	min-width: 105px;
}

#onestepcheckout-login-block #login-form button.button[disabled] .btn-loader {
	display: inline-block !important;
	background-image: url("../../../images/plumrocket/onestepcheckout/button_loader.gif");
	width: 20px;
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}

#onestepcheckout-login-block #login-form button.button > span span {
	display: block;
	line-height: 29px;
	height: initial;
}

/*Order Comment*/
.one-step-checkout .comment-block label {
	padding: 10px 0 5px 5px;
}
.one-step-checkout .comment-block h3 {
	margin-bottom: 0;
}

.one-step-checkout #onestepcheckout_ordercomment {
	width: 100%;
	max-width: 100%;
	padding: 5px;
}

/* GDPR */
[class^="fancybox"] button,
[class^="fancybox"] .button {
	background: #2e8ab8;
	display: inline-block;
	padding: 7px 15px;
	border: 0;
	color: #ffffff;
	font-size: 13px;
	font-weight: normal;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	line-height: 19px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
}

.fancybox-buttons.prgdpr-buttons .button {
	min-width: 150px;
}

.fancybox-prgdpr-skin a {
	color: #3399cc !important;
	text-decoration: none;
	font-size: 14px;
}

.one-step-checkout
	#checkout-review-submit
	.checkout-agreements.form-list
	li
	.agree {
	margin-bottom: 0;
}
[class*="prgdpr"] button,
[class*="prgdpr"] .button {
	background: #3399cc;
	display: inline-block;
	padding: 7px 15px;
	border: 0;
	color: #ffffff;
	font-size: 13px;
	font-weight: normal;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	line-height: 19px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
}
.notice-cookie .notice-inner.prgdpr-notice__content {
	margin: 0 auto;
	font-size: 11px;
}
.notice-cookie * {
	font-size: 11px;
}

[class*="prgdpr"] a {
	color: #3399cc;
}

/* GDPR END*/

/* ANCHOR  CHECKOUT BAR */
.checkout-bar {
	max-width: 603px;
	width: 100%;
	margin: 0;
	float: right;
}

.checkout-bar__list {
	margin: 0;
	padding: 0;
	counter-reset: step;
}

.checkout-bar__list li {
	list-style-type: none;
	width: 25%;
	float: left;
	font-size: 12px;
	text-align: center;
	color: #d8d8d8;
	padding: 0 3px;
}

.checkout-bar__list li a {
	text-decoration: none;
	display: block;
	transition: all 0.3s;
	position: relative;
}

.checkout-bar__list li.done-page:hover a[href]:before {
	transform: scale(1.1);
}

.checkout-bar__list li a > span {
	font-size: 12px;
	font-weight: 700;
	color: #000;
}

.checkout-bar__list li.active-page a > span {
	text-decoration: underline;
}

.checkout-bar__list li a:before {
	width: 30px;
	height: 30px;
	content: "";
	border: 2px solid #d8d8d8;
	display: block;
	text-align: center;
	margin: 0 auto 10px auto;
	border-radius: 50%;
	background-color: white;
	transition: all 0.3s;
	/* Chrome, Safari, Opera */
	backface-visibility: hidden;
}

.checkout-bar__list li a:after {
	width: 76%;
	height: 4px;
	content: "";
	position: absolute;
	background-color: #d8d8d8;
	top: 15px;
	left: -40%;
	z-index: -1;
}

.checkout-bar__list li:first-child a:after {
	content: none;
}

.checkout-bar__list li.active-page a:before,
.checkout-bar__list li.done-page a:before {
	border-color: #a7d454;
	background-image: -khtml-gradient(
		linear,
		left top,
		left bottom,
		from(#d6f3a8),
		to(#7cbc0a)
	);
	background-image: linear-gradient(#d6f3a8, #7cbc0a);
}

.checkout-bar__list li.done-page + li a:after {
	background-color: #93bd46;
}

.checkout-bar__list li a svg {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 6px;
	left: 50%;
	transform: translate(-50%, 0);
	fill: #616e4c;
	transition: fill 0.3s;
}

.checkout-bar__list li.page-shopping-cart a svg {
	margin-left: -1px;
	top: 8px;
}

.checkout-bar__list li.done-page:hover a[href] svg {
	fill: rgb(2, 8, 0);
}

@media only screen and (max-width: 767px) {
	.checkout-bar {
		margin-top: 10px;
		display: flex;
		width: 100%;
		justify-content: center;
		max-width: 100%;
	}

	.checkout-bar__list {
		width: 100%;
	}

	.checkout-bar__list li a:before {
		width: 20px;
		height: 20px;
		margin: 0 auto 5px auto;
	}

	.checkout-bar__list li a svg {
		width: 14px;
		height: 14px;
		top: 4px;
	}

	.checkout-bar__list li a:after {
		width: 76%;
		top: 10px;
		left: -41%;
	}

	.checkout-bar__list li.page-shopping-cart a svg {
		top: 5px;
	}

	.checkout-bar__list li a > span {
		font-size: 11px;
	}
}

/* ANCHOR  CHECKOUT BAR END*/

@media only screen and (max-width: 980px) {
	.order-summary-wrap #discounts-forms > li,
	#discounts-forms > li:last-child {
		width: 100%;
		margin-left: 0;
	}

	.order-summary-wrap #discounts-forms > li:first-child {
		margin-right: 0;
	}
}

@media only screen and (max-width: 1024px) {
	.one-step-checkout .page-top-row #onestepcheckout-login-form {
		width: 100%;
	}

	.one-step-checkout
		.billing-address
		.form-list
		li
		select#billing-address-select,
	.one-step-checkout select#shipping-address-select {
		width: 100% !important;
	}

	.one-step-checkout .payment .payment-button {
		border-radius: 5px;
		margin-right: 3px;
		margin-bottom: 7px;
	}

	.one-step-checkout .sp-methods label[for="use_reward_points"],
	#customerbalance_placer label {
		padding: 3px 5px;
	}

	.tool-tip {
		position: relative;
		top: 0 !important;
	}

	.tool-tip img {
		width: 100%;
	}

	.order-summary-wrap > .discount,
	.order-summary-wrap #reward-credit-coupon-form {
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 1000px) {
	.order-summary-wrap > .discount,
	.order-summary-wrap #discount-coupon-form,
	.order-summary-wrap #reward-credit-coupon-form {
		width: 100%;
		margin-right: 0;
	}

	.one-step-checkout .page-top-row #review-buttons-container-top {
		float: none;
	}

	.one-step-checkout .page-top-row #onestepcheckout-login-form-link {
		display: block;
	}
}

@media only screen and (max-width: 769px) {
	.checkout-onepage-index .header .logo {
		float: none;
	}

	.one-step-checkout
		.page-top-row
		#onestepcheckout-login-form
		#login-form
		.input-box {
		width: 50%;
		min-height: 48px;
	}

	.one-step-checkout .page-top-row #onestepcheckout-login-form button {
		margin: 0 7px 0 0;
	}

	.one-step-checkout .order-review-column #discount-coupon-form .input-box {
		width: 100%;
		max-width: 200px;
		float: none;
		margin-bottom: 8px;
	}

	.one-step-checkout
		.page-top-row
		#onestepcheckout-login-form
		#login-form
		.input-box
		.validation-advice {
		white-space: nowrap;
	}

	.one-step-checkout .order-review-column #discount-coupon-form .buttons-set {
		margin-left: 0;
	}

	.one-step-checkout
		.page-top-row
		#onestepcheckout-login-form
		#login-form-hide {
		top: -14px;
		right: -10px;
	}

	.one-step-checkout
		.page-top-row
		#onestepcheckout-login-form-link
		.extendedLoginButtons {
		display: block;
		margin-bottom: 5px;
	}
}

@media only screen and (max-width: 680px) {
	.one-step-checkout > div {
		width: 100%;
	}

	.one-step-checkout label,
	.one-step-checkout input.input-text {
		font-size: 13px;
	}

	.one-step-checkout .order-review-column #discount-coupon-form .input-box {
		max-width: 100%;
	}
}

@media only screen and (max-width: 680px) {
	.checkout-onepage-index .amazon-widget #amazon-widget-address-wrapper,
	.checkout-onepage-index .amazon-widget #amazon-widget-wallet-wrapper {
		width: 100%;
		padding: 5px 0;
	}
}

@media only screen and (max-width: 550px) {
	.one-step-checkout .page-top-row #review-buttons-container-top,
	.one-step-checkout .page-top-row #onestepcheckout-login-form-link {
		float: none;
	}

	.one-step-checkout .payment .payment-button {
		border-radius: 5px;
	}

	.checkout-onepage-index ol.opc-firststep-widget .col2-set .col-1,
	.checkout-onepage-index ol.opc-firststep-widget .col2-set .col-2 {
		float: none;
		width: 100%;
	}

	.checkout-onepage-index ol.opc-firststep-widget .buttons-set button {
		margin: 10px auto !important;
	}
}

@media only screen and (max-width: 480px) {
	.one-step-checkout .page-top-row #onestepcheckout-login-form {
		width: 100%;
	}

	.one-step-checkout .payment .payment-button {
		width: 100%;
		display: block;
	}

	.one-step-checkout .payment .payment-button .payment-name {
		max-width: 170px;
	}

	.one-step-checkout h3.section-name {
		font-size: 19px;
	}

	.one-step-checkout .payment .sp-methods-content .form-list li,
	.one-step-checkout
		.payment
		.sp-methods-content
		.form-list
		li:nth-child(2n + 1) {
		width: 100%;
		float: left;
		margin: 0 0 7px 0 !important;
		clear: none;
		list-style: none;
	}

	.one-step-checkout .payment .form-list.braintree li {
		width: 100% !important;
		margin-right: 0 !important;
	}

	.one-step-checkout
		.payment
		.sp-methods-content
		.form-list.braintree
		li:nth-child(2n) {
		margin-right: 0 !important;
	}

	.one-step-checkout
		.order-review-column
		#checkout-review-submit
		li
		.agree
		label {
		font-size: 12px;
	}

	.one-step-checkout .page-top-row .buttons-set button {
		width: 100%;
	}

	.one-step-checkout
		.page-top-row
		#onestepcheckout-login-form-link
		.extendedLoginButtons
		#AmazonPayButtonBefore {
		text-align: left;
		display: inline-block;
		margin: 0 0 10px 0;
	}

	.one-step-checkout
		.page-top-row
		#onestepcheckout-login-form-link
		.extendedLoginButtons
		.pslogin-block {
		float: none;
		margin: 0;
	}

	.one-step-checkout
		.page-top-row
		#onestepcheckout-login-form-link
		.extendedLoginButtons:after {
		display: none;
	}

	.one-step-checkout #captcha-input-box-guest_checkout,
	.one-step-checkout #captcha-input-box-register_during_checkout {
		width: 100% !important;
		padding-bottom: 7px;
	}

	.one-step-checkout #captcha-input-box-guest_checkout + li,
	.one-step-checkout #captcha-input-box-register_during_checkout + li {
		width: 100% !important;
	}
}

@media only screen and (max-width: 380px) {
	.one-step-checkout label {
		font-size: 12px;
	}
}

@media only screen and (max-width: 340px) {
	.one-step-checkout .order-review-column table.data-table tr th {
		font-size: 12px;
	}
}

/*=== Login Block ===*/
#onestepcheckout-login-block {
	padding: 0 10px;
	width: 100%;
}

#onestepcheckout-login-block .os-login-content {
	max-width: 645px;
	margin: 20px auto 15px auto;
	padding: 17px 21px;
	background: var(--navfont2);
	border: 1px solid var(--border);
	border-radius: 5px;
}

#onestepcheckout-login-block .os-register-col2-set .os-login-content {
	max-width: 645px;
}

#onestepcheckout-login-block * {
	font-family: sybillapro, Verdana, Arial, sans-serif;
	box-sizing: border-box;
}

#onestepcheckout-login-block .button {
	overflow: visible;
	width: auto;
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
	cursor: pointer;
	display: inline-block;
}

#onestepcheckout-login-block .button > span {
	background: #2e4555;
	display: inline-block;
	padding: 7px 45px;
	border: 1px solid #111;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	line-height: 19px;
	text-align: center;
	text-transform: capitalize;
	vertical-align: middle;
	white-space: nowrap;
	border-radius: 5px;
	text-decoration: none;
}

#onestepcheckout-login-block .button span {
	font-size: 14px;
	height: auto;
}

#onestepcheckout-login-block .button:hover span span,
#onestepcheckout-login-block .button span span {
	background-color: transparent;
}

#onestepcheckout-login-block .button span.btn-loader,
#onestepcheckout-login-block .button span span.btn-loader {
	background-image: url("../../../images/plumrocket/onestepcheckout/button_loader.gif");
	background-size: 20px;
}

#onestepcheckout-login-block .button:hover span {
	background-color: #446175;
}

#onestepcheckout-login-block .os-login-clearfix:before,
#onestepcheckout-login-block .os-login-clearfix:after {
	display: block;
	content: "";
	clear: both;
}

#onestepcheckout-login-block .os-login-col-1 {
	border-right: 1px solid var(--border);
	padding-right: 45px;
	margin-right: 44px;
	width: 315px;
	float: left;
	position: relative;
}

#onestepcheckout-login-block .noExtendedLoginButtons .os-login-col-1 {
	width: 100%;
	float: none;
	padding-right: 0;
	border: 0;
}

#onestepcheckout-login-block .os-login-col-2 {
	width: 240px;
	float: right;
	position: relative;
}

#onestepcheckout-login-block .os-register-col2-set .os-login-col-1 {
	width: 390px;
}

#onestepcheckout-login-block h2 {
	font-weight: 400;
	font-size: 18px;
	margin: 0 0 14px;
	padding: 0 0 5px 0;
	color: #9e0000;
	border-bottom: 1px solid #ddd;
	background-position: 0 1px;
	background-repeat: no-repeat;
	text-transform: none;
}

#onestepcheckout-login-block .os-login-row-circle {
	position: absolute;
	width: 43px;
	height: 43px;
	line-height: 43px;
	background-color: #ffffff;
	border: 1px solid #cfcfcf;
	border-radius: 50%;
	text-align: center;
	font-size: 13px;
	font-weight: 700;
	left: -22px;
	top: 50%;
	margin-top: -22px;
}

#onestepcheckout-login-block .os-login-col-1 .os-login-row-circle {
	left: auto;
	right: -22px;
}

#onestepcheckout-login-block a {
	text-decoration: underline;
}

#onestepcheckout-login-block a > img {
	max-width: 34px;
	height: auto;
}

#onestepcheckout-login-block a:hover {
	text-decoration: none;
}

#onestepcheckout-login-block .os-login-cr-account {
	float: right;
	margin-top: 7px;
	font-size: 12px;
	line-height: normal;
	white-space: nowrap;
}

/* form list */
#onestepcheckout-login-block .form-list li {
	margin: 0 0 20px 0;
	list-style: none;
	padding: 0;
}

#onestepcheckout-login-block .form-list li:nth-child(2) {
	margin-bottom: 0;
}

#onestepcheckout-login-block .form-list li:nth-child(3) {
	line-height: normal;
	text-align: right;
}

#onestepcheckout-login-block .form-list li:nth-child(3) a {
	font-size: 10px;
	color: #a6a6a6 !important;
}

#onestepcheckout-login-block .os-register-col2-set .form-list li {
	width: 49%;
	float: left;
}

#onestepcheckout-login-block .os-register-col2-set .form-list li:nth-child(1),
#onestepcheckout-login-block .os-register-col2-set .form-list li:nth-child(4) {
	margin-right: 2%;
}

#onestepcheckout-login-block .os-register-col2-set .form-list li:nth-child(3) {
	width: 100%;
	margin-left: 0;
}

#onestepcheckout-login-block .form-list li label {
	display: none;
}

#onestepcheckout-login-block .os-register-col2-set .form-list li:last-child {
	width: 100%;
}

#onestepcheckout-login-block
	.os-register-col2-set
	.form-list
	li:last-child
	label {
	display: inline;
}

#onestepcheckout-login-block
	.os-register-col2-set
	.form-list
	li:last-child
	.input-box {
	display: inline-block;
}

#onestepcheckout-login-block
	.os-register-col2-set
	.form-list
	li:last-child
	.input-box:before {
	display: none;
}

#onestepcheckout-login-block .form-list li .input-box {
	position: relative;
}

#onestepcheckout-login-block .form-list li input {
	width: 100%;
	height: 32px;
	line-height: 32px;
	padding: 0 5px 0 32px;
	border-radius: 3px;
	border: 1px solid #b6b6b6;
	position: relative;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	font-size: 14px;
}

#onestepcheckout-login-block .form-list li input[type="checkbox"] {
	height: auto;
	width: auto;
}

#onestepcheckout-login-block .form-list li .input-box:before {
	content: "";
	display: block;
	background-image: url("../../../images/plumrocket/onestepcheckout/onestep_login.png");
	background-size: 110px 50px;
	width: 24px;
	height: 24px;
	position: absolute;
	left: 5px;
	top: 3px;
	z-index: 100;
}

#onestepcheckout-login-block
	.form-list
	li
	label[for="login-email"]
	+ .input-box:before {
	background-position: -50px 0;
}

#onestepcheckout-login-block
	.form-list
	li
	label[for="login-password"]
	+ .input-box:before {
	background-position: -26px 0;
}

#onestepcheckout-login-block .os-login-bwrap {
	padding: 20px 0 0 0;
	margin: 0;
}

#onestepcheckout-login-block .button.os-login-sign-up span {
	background: none;
	border: 0px;
	box-shadow: none;
	color: #2f4c81;
	font-size: 12px;
	font-weight: 400;
	padding: 0;
	height: auto;
	line-height: 12px;
	text-decoration: underline;
}

#onestepcheckout-login-block .button.os-login-sign-up:hover span {
	text-decoration: none;
}

#onestepcheckout-login-block.os-register-col2-set
	.os-login-content
	.buttons-set {
	text-align: left;
}

#onestepcheckout-login-block
	.os-register-col2-set
	.os-login-content
	.buttons-set
	.back-link {
	float: right;
}

#onestepcheckout-login-block .extendedLoginButtons:before {
	display: none;
}

/* social buttons */
#onestepcheckout-login-block .pslogin-block {
	margin: 0;
}

img.image-news-wrap,
.image-news-wrap {
	float: right;
	margin-left: 15px;
}

.image-news-wrap img {
	height: 400px;
}

.left-image-news-wrap img {
	height: 400px;
}

img.left-image-news-wrap,
.left-image-news-wrap {
	float: left;
	margin-right: 15px;
}

@media all and (max-width: 700px) {
	img.image-news-wrap,
	img.left-image-news-wrap,
	.image-news-wrap,
	.left-image-news-wrap {
		float: none;
		margin-left: 0px;
		margin-bottom: 5px;
	}
}

#onestepcheckout-login-block .extendedLoginButtons .pslogin-block {
	margin: 0;
}

.extendedLoginButtons .pslogin-spacer {
	display: none;
}

.extendedLoginButtons .pslogin-spacer.pslogin-showmore {
	margin: 5px 0 0 0;
	display: block;
}

#onestepcheckout-login-block .pslogin-buttons ul li .pslogin-button-text {
	display: none;
}

#onestepcheckout-login-block .pslogin-buttons ul {
	font-size: 0;
	width: 100%;
}

#onestepcheckout-login-block .pslogin-buttons ul li {
	margin: 0 7px 12px 0;
}

#onestepcheckout-login-block .pslogin-buttons ul li:nth-child(1),
#onestepcheckout-login-block .pslogin-buttons ul li:nth-child(2) {
	width: 100%;
	float: none;
	margin-left: 0;
	margin-right: 0;
}

#onestepcheckout-login-block .pslogin-buttons ul li span.pslogin-button-auto {
	border: 1px solid rgba(0, 0, 0, 0.09);
	height: 34px;
	border-radius: 5px;
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
	width: 100%;
}

#onestepcheckout-login-block
	.pslogin-buttons
	ul
	li:nth-child(1)
	.pslogin-button-icon,
#onestepcheckout-login-block
	.pslogin-buttons
	ul
	li:nth-child(2)
	.pslogin-button-icon {
	position: absolute;
	z-index: 100;
	background-color: inherit;
	width: 32px;
	height: 33px;
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
	border-radius: 4px 0 0 5px;
	border-right: 1px solid rgba(0, 0, 0, 0.15) !important;
}

#onestepcheckout-login-block
	.pslogin-buttons
	ul
	li:nth-child(1)
	.pslogin-button-text,
#onestepcheckout-login-block
	.pslogin-buttons
	ul
	li:nth-child(2)
	.pslogin-button-text {
	display: block;
	height: 33px;
	line-height: 32px;
	float: none;
	font-size: 13px;
	padding-left: 32px;
}

#onestepcheckout-login-block .pslogin-bswrap {
	display: inline-block;
	line-height: normal;
	list-style: none !important;
	padding: 0 !important;
	background: none !important;
	margin: 0 4% 8px 0;
	width: 48%;
}

#onestepcheckout-login-block .pslogin-buttons ul li:nth-child(6n + 2) {
	margin-right: 0;
}

#onestepcheckout-login-block .pslogin-bswrap span.pslogin-button-auto {
	background: #2e4555;
	width: 100%;
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, 0.09);
	box-shadow: 0px 1px 1px 0px rgba(31, 31, 31, 0.47),
		inset 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
	height: 35px;
	display: inline-block;
	position: relative;
}

#onestepcheckout-login-block
	.pslogin-bswrap
	span.pslogin-button-auto
	.pslogin-button-icon {
	background: url("../../images/plumrocket/checkout/social.png");
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	position: absolute;
	z-index: 100;
	background-color: inherit;
	top: 0;
	left: 0;
	border-radius: 5px 0 0 5px;
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
}

#onestepcheckout-login-block
	.pslogin-bswrap
	span.pslogin-button-auto
	.pslogin-button-text {
	height: 32px;
	line-height: 32px;
	vertical-align: top;
	padding: 0 0 0 32px;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	color: white;
	background-color: rgba(255, 255, 255, 0.2);
	width: 100%;
	display: none;
}

#onestepcheckout-login-block .pslogin-spacer {
	width: 100%;
	margin-top: 10px;
}

/* block not registered */
#onestepcheckout-login-block .os-login-not-registered {
	max-width: 645px;
	margin: 20px auto 30px auto;
	padding: 17px 21px;
	background: #ffffff;
	border: 1px solid var(--border);
	border-radius: 5px;
}

#onestepcheckout-login-block .os-login-not-registered h2 {
	border: 0;
	padding: 0;
	margin: 0;
	float: left;
}

#onestepcheckout-login-block .os-login-not-registered p {
	margin: 0;
	float: left;
	clear: left;
	display: block;
	line-height: normal;
}

#onestepcheckout-login-block .os-login-not-registered .os-login-gcheckout {
	float: right;
	margin-top: 4px;
	border: 0;
	background: none;
}

#onestepcheckout-login-block
	.os-login-not-registered
	.os-login-gcheckout:hover {
	cursor: pointer;
}

#onestepcheckout-login-block
	.os-login-not-registered
	.os-login-gcheckout
	> span {
	padding: 7px 10px;
	background-color: #ededed;
	color: #7d7a7a;
	border: 1px solid #bdbdbd;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	display: inline-block;
}

#onestepcheckout-login-block .os-login-not-registered .os-login-gcheckout span {
	font-weight: 700;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	line-height: normal;
	border-radius: 5px;
	font-size: 14px;
	margin: 0;
}

#onestepcheckout-login-block
	.os-login-not-registered
	.os-login-gcheckout:hover
	> span {
	background-color: #dcdcdc;
}

#onestepcheckout-login-block
	.os-login-not-registered
	.os-login-gcheckout:hover
	span
	span {
	background: none;
}

/* block forgot password */
#os-forgot-content {
	max-width: 645px;
	margin: 20px auto 15px auto;
	padding: 17px 21px;
	background: #fafafa;
	border: 1px solid var(--border);
	border-radius: 5px;
}

#os-forgot-content .os-login-col-1 {
	width: 100%;
	padding-right: 0;
	margin-right: 0;
	border-right: 0;
}

#os-forgot-content .back-link {
	float: right;
	margin-top: 9px;
	font-size: 12px;
	line-height: normal;
	white-space: nowrap;
}

#os-forgot-content h2 + p {
	line-height: normal;
	margin: 0 0 10px 0;
}

#onestepcheckout-login-block
	#os-forgot-content
	.form-list
	li
	.input-box:before {
	background-position: -50px 0;
}

#os-forgot-content button.button > span {
	height: 30px !important;
	line-height: 28px;
	padding: 0 25px;
	min-width: 105px;
}

/* block create account */
#onestepcheckout-login-block #os-register-content {
	max-width: 720px;
}

#onestepcheckout-login-block #os-register-content.noExtendedLoginButtons {
	max-width: 645px;
}

#onestepcheckout-login-block #os-register-content .os-login-form-list li {
	width: 100%;
	list-style: none;
	float: none;
}

#onestepcheckout-login-block #os-register-content .os-login-form-list li:before,
#onestepcheckout-login-block #os-register-content .os-login-form-list li:after {
	content: "";
	clear: both;
	display: block;
}

#onestepcheckout-login-block #os-register-content p.form-instructions {
	display: block;
	line-height: normal;
	margin: 0 0 10px 0;
}

#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li
	.field {
	padding: 0;
	margin: 0 0 20px 0;
	width: 48%;
}

#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li.fields
	.input-box {
	margin: 0;
}

#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li
	.input-box {
	margin: 0 0 20px 0;
}

#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li.control {
	padding: 0 0 8px 0;
	line-height: normal;
}

#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li.control
	.input-box {
	display: inline-block;
	margin: 0;
	line-height: normal;
	vertical-align: top;
}

#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li
	.input-box:before {
	content: "";
	display: block;
	background-image: url("../../../images/plumrocket/onestepcheckout/onestep_login.png");
	background-size: 110px 50px;
	width: 24px;
	height: 24px;
	position: absolute;
	left: 5px;
	top: 3px;
	z-index: 100;
}

#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li
	.field
	label[for="password"]
	+ .input-box:before,
#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li
	.field
	label[for="confirmation"]
	+ .input-box:before {
	background-position: -26px 0;
}

#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li
	label[for="register-email"]
	+ .input-box:before {
	background-position: -50px 0;
}

#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li
	.input-box.customer-dob:before,
#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li
	label[for="taxvat"]
	+ .input-box:before,
#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li
	label[for="gender"]
	+ .input-box:before {
	display: none;
}

#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li
	.field:nth-child(2n) {
	margin-left: 4%;
}

#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li:nth-child(2)
	.input-box:before {
	background-position: -50px 0;
}

#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li
	.input-box
	input,
#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li
	.input-box
	select {
	padding: 0 5px 0 32px;
	height: 32px;
	line-height: 32px;
}

#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li
	.input-box
	select {
	padding: 0 0 0 32px;
	margin: 0;
}

#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li
	.input-box
	#month,
#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li
	.input-box
	#day,
#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li
	.input-box
	#year,
#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li
	.input-box
	#taxvat {
	padding-left: 5px;
}

#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li
	.input-box
	input[type="checkbox"] {
	padding: 0;
	height: auto;
	line-height: normal;
}

#onestepcheckout-login-block #os-register-content .os-login-form-list li label {
	display: none;
	color: #9a9a9a;
	font-weight: 400 !important;
}

#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li
	> label[for="month"] {
	display: inline-block;
	margin-bottom: 3px;
}

#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li.control
	label {
	display: inline;
	vertical-align: middle;
	line-height: normal;
	font-size: 12px;
}

#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li.control
	label[for="is_subscribed"] {
	color: #000000;
}

#onestepcheckout-login-block
	#os-register-content
	.os-login-form-list
	li.control
	.input-box:before {
	display: none;
}

#onestepcheckout-login-block #os-register-content .os-login-col-1 {
	border-right: 1px solid var(--border);
	padding-right: 45px;
	margin-right: 44px;
	width: 390px;
}

#onestepcheckout-login-block
	#os-register-content.noExtendedLoginButtons
	.os-login-col-1 {
	border-right: 0;
	padding-right: 0;
	margin-right: 0;
	width: 100%;
}

#onestepcheckout-login-block #os-register-content .os-login-col-2 {
	padding-left: 0;
	margin-left: 0;
	width: 240px;
	border: 0;
}

#onestepcheckout-login-block
	#os-register-content
	.os-login-col-2
	.pslogin-buttons {
	display: block;
}

#onestepcheckout-login-block #os-register-content .buttons-set {
	background: url("../../../images/plumrocket/onestepcheckout/dotted-line.gif")
		left top repeat-x;
	clear: both;
	margin: 0;
	padding: 8px 0 0;
	text-align: right;
}

#onestepcheckout-login-block #os-register-content .buttons-set p {
	font-size: 11px;
	text-align: right;
	color: #9e0000;
	margin: 0 0 10px;
	display: block;
	line-height: normal;
}

#onestepcheckout-login-block #os-register-content .buttons-set p.back-link {
	float: right;
	margin: 5px 0 0 0;
}

#onestepcheckout-login-block #os-register-content .buttons-set button {
	width: auto;
	display: inline-block;
}

#onestepcheckout-login-block #os-register-content .buttons-set button > span {
	padding: 7px 45px;
	line-height: 19px;
	height: auto;
}

#onestepcheckout-login-block #os-register-content .buttons-set button span {
	text-transform: none;
	font-size: 14px;
}

#onestepcheckout-login-block #os-register-content .buttons-set button > span {
	padding: 0 25px;
	height: 30px !important;
	line-height: 29px;
	min-width: 105px;
}

.order-summary-wrap #discounts-forms .success-request-message {
	background: #cfffa8;
	color: #3d6611;
	padding: 7px 8px;
	border-radius: 7px;
	position: relative;
	margin-top: 15px;
}

.order-summary-wrap #discounts-forms .success-request-message:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	top: -10px;
	left: 40px;
	border-style: solid;
	border-width: 0 8px 10px 8px;
	border-color: transparent transparent #cfffa8 transparent;
}

@media only screen and (max-width: 810px) {
	#onestepcheckout-login-block #os-register-content .os-login-col-1,
	#onestepcheckout-login-block #os-register-content .os-login-col-2,
	#onestepcheckout-login-block .os-login-col-1,
	#onestepcheckout-login-block .os-login-col-2 {
		float: none;
		width: 100%;
		border: 0;
		padding: 0;
		margin: 0;
	}

	#onestepcheckout-login-block .os-login-col-2 {
		padding-top: 25px;
		border-top: 1px solid var(--border);
		margin-top: 25px;
	}

	#onestepcheckout-login-block #os-register-content .os-login-col-1:before,
	#onestepcheckout-login-block #os-register-content .os-login-col-2:before,
	#onestepcheckout-login-block .os-login-col-2:before,
	#onestepcheckout-login-block #os-register-content .os-login-col-1:after,
	#onestepcheckout-login-block #os-register-content .os-login-col-2:after,
	#onestepcheckout-login-block .os-login-col-2:after {
		content: "";
		clear: both;
		display: block;
	}

	#onestepcheckout-login-block .os-login-row-circle {
		top: -15px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin-top: 0;
		font-size: 11px;
		left: 50%;
		margin-left: -15px;
	}

	#onestepcheckout-login-block h2 {
		border-bottom: 0;
		padding: 0;
		margin: 0 0 5px 0;
	}

	#onestepcheckout-login-block #os-register-content .os-login-col-1 {
		padding-bottom: 25px;
		border-bottom: 1px solid var(--border);
		margin-bottom: 25px;
	}

	#onestepcheckout-login-block .os-login-col-1 .os-login-row-circle {
		top: auto;
		bottom: -40px;
		right: 50%;
		margin-right: -15px;
		margin-left: 0;
		z-index: 100;
	}

	#onestepcheckout-login-block
		#os-register-content
		.os-login-col-1
		.os-login-row-circle {
		bottom: -16px;
	}

	#onestepcheckout-login-block .pslogin-buttons ul li:nth-child(6n + 2) {
		margin-right: 7px;
	}

	#onestepcheckout-login-block .os-login-not-registered h2,
	#onestepcheckout-login-block .os-login-not-registered p {
		float: none;
	}

	#onestepcheckout-login-block .os-login-not-registered .os-login-gcheckout {
		float: none;
		margin: 5px 0 10px 0;
	}

	#onestepcheckout-login-block .pslogin-block {
		margin: 0;
	}

	#onestepcheckout-login-block .pslogin-buttons ul li:nth-child(1),
	#onestepcheckout-login-block .pslogin-buttons ul li:nth-child(2) {
		width: 49%;
		margin-right: 0;
	}

	#onestepcheckout-login-block .pslogin-buttons ul li:nth-child(2) {
		margin-left: 2%;
	}

	#onestepcheckout-login-block .form-list li {
		margin: 0 0 10px 0;
	}

	#onestepcheckout-login-block
		#os-register-content
		.os-login-form-list
		li
		.input-box,
	#onestepcheckout-login-block
		#os-register-content
		.os-login-form-list
		li
		.field {
		margin: 0 0 10px 0;
	}
}

@media only screen and (max-width: 530px) {
	#onestepcheckout-login-block .pslogin-buttons ul li:nth-child(1),
	#onestepcheckout-login-block .pslogin-buttons ul li:nth-child(2) {
		width: 100%;
		margin-left: 0;
	}

	#onestepcheckout-login-block
		#os-register-content
		.os-login-form-list
		li
		.field {
		width: 100%;
		margin-bottom: 7px;
	}

	#onestepcheckout-login-block
		#os-register-content
		.os-login-form-list
		li
		.field
		+ .field {
		margin-left: 0;
		margin-top: 10px;
	}
}

@media only screen and (max-width: 480px) {
	.checkout-bar__list li a > span {
		font-size: calc(1.2vw + 5px);
		font-weight: 400;
	}
}

@media only screen and (max-width: 380px) {
	#onestepcheckout-login-block .os-login-col-2 h2 {
		display: none;
	}

	#onestepcheckout-login-block .os-login-cr-account {
		margin-right: 50px;
		float: none;
		margin-top: 15px;
		display: inline-block;
	}

	#onestepcheckout-login-block .os-login-content .os-login-cr-account {
		margin-right: 0;
		float: right;
		margin-top: 7px;
	}
}

@media only screen and (max-width: 380px) {
	.one-step-checkout
		.order-review-column
		#checkout-review-submit
		#review-buttons-container {
		padding: 0;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx) {
	#onestepcheckout-login-block .form-list li .input-box:before,
	#onestepcheckout-login-block
		#os-register-content
		.os-login-form-list
		li
		.input-box:before {
		background-image: url("../../../images/plumrocket/onestepcheckout/onestep_login@2x.png");
	}
}

#billing:street1 {
	background-repeat: no-repeat;
	background-size: contain;
}

@media (max-width: 390px) {
	.one-step-checkout
		.order-review-column
		#checkout-review-submit
		#g-recaptcha-container {
		transform: scale(0.85);
		transform-origin: left;
	}
}

/************************

DFS BOX FEE TOOLTIP STYLES

10 - 15 - default

************************/

.tooltip {
	width: 15px;
	height: 15px;
	min-height: 15px;
	min-width: 15px;
	top: 1px;
}

/*********Cat wrapper with logo and icons*********/

.cat-wrapper.logo-icons .cat-logo {
	width: 60%;
	position: relative;
	padding-top: 30%;
	margin: auto;
}

.cat-wrapper.logo-icons .cat-logo img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.cat-wrapper.logo-icons .cat-icons {
	display: flex;
	justify-content: space-between;
}

.cat-wrapper.logo-icons .cat-icons img {
	width: 50px;
	padding: 3px;
}

.cat-wrapper.logo-icons .cat-product-name {
	color: var(--secondary);
	margin-bottom: 10px;
}

/***************
Cat Wrapper
*****************/

.cat-wrapper {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	justify-content: center;
}

.five-photo-block .cat-item-wrapper {
	width: 210px;
	height: 220px;
}

.cat-item-wrapper {
	border: 5px solid #bcc6cc;
	margin: 10px 10px 0px 0px;
	padding: 7px 7px 0px 7px;
	transition: cubic-bezier(0.075, 0.82, 0.165, 1), 700, ease-in;
	width: 230px;
	height: auto;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.cat-img-link {
	width: 100%;
	height: 100%;
}

.cat-item-wrapper:hover {
	transform: scale(1.05);
}

.cat-img {
	display: block;
	margin-left: auto;
	width: 75%;
	height: auto;
	margin-right: auto;
}

@media (max-width: 517px) {
	.cat-wrapper {
		justify-content: center;
	}
}
@media all and (max-width: 570px) {
	.cat-item-wrapper {
		width: 200px;
	}
}

@media all and (max-width: 470px) {
	.cat-item-wrapper {
		width: 150px;
	}
}

/***********
Article Table of Contents (navigation)
***********/
.content-article-nav {
	float: right;
	width: 40%;
	background: #eee;
	font-size: 0.8em;
	padding: 1em 1em;
	margin: 0 0 0.5em 0.5em;
}
.content-article-nav ul {
	padding: 0;
}
.content-article-nav li {
	margin: 0 0 0.25em 0;
}
.content-article-nav a {
	text-decoration: none;
}
.content-article-nav a:hover,
.content-article-nav a:active {
	text-decoration: underline;
}

.content-article-nav li ~ ul {
	list-style: circle;
}

.content-article-nav ul {
	margin-bottom: 5px !important;
	margin-left: 3em;
}

.content-article-nav ul li {
	margin-left: 0px !important;
}

.content-article-nav a {
	margin-left: -7px;
}

.accordion-content ul {
	margin-bottom: 5px !important;
	margin-left: 1rem;
}

.accordion-content li ~ ul {
	list-style: circle;
}

.accordion ul {
	margin-bottom: 5px !important;
}

.accordion-content a {
	margin-left: -7px;
}

.accordion-content a {
	margin-left: -7px;
}

.accodion ul li {
	margin-left: 0px !important;
}

.accordion li::marker {
	color: var(--primary);
}

/* .content-article-nav li:nth-child(2n+2) {
	list-style-type: circle;
} */
/* Accordion menu for the TOC styling*/

@media all and (max-width: 700px) {
	.content-article-nav {
		display: none;
	}
}

@media all and (max-width: 700px) {
	.content-article-nav {
		width: 100%;
	}
}

.accordion .content-article-nav a {
	text-decoration: none;
	color: var(--primary);
}

.accordion .content-article-nav a:hover {
	color: var(--secondary);
}

.accordion .content-article-nav ul li::marker {
	color: var(--navfont);
}

.accordion {
	max-width: 100%;
	border-radius: 5px;
	overflow: hidden;
	font-family: sybillapro, Verdana, Arial, sans-serif;
	background: var(--primary);
	color: #fff;
	margin: 10px 0px;
}

.accordion-label,
.accordion-content {
	padding: 7px 7px;
}

.accordion-label {
	display: block;
	cursor: pointer;
	position: relative;
	transition: background 0.1s;
}

.accordion-label::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	width: 12px;
	height: 6px;
	background-image: url('data:image/svg+xml;utf8,<svg width="100" height="50" xmlns="http://www.w3.org/2000/svg"><polygon points="0,0 100,0 50,50" style="fill:%23oooooo99;" /></svg>');
	background-size: contain;
	transition: transform 0.4s;
}

.accordion-content {
	background: #eee;
	line-height: 1.6;
	font-size: 0.85em;
	display: none;
}

.accordion-input {
	display: none;
}

.accordion-input:checked ~ .accordion-content {
	display: block;
}

.accordion-input:checked ~ .accordion-label::after {
	transform: translateY(-50%) rotate(0.5turn);
}

@media all and (min-width: 701px) {
	.accordion {
		display: none;
	}
}

/* Parts Finder */
.pf-container {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 75px;
}

.pf-button {
	display: flex;
	justify-content: center;
	width: 325px;
	height: 325px;
	align-items: center;
	flex-wrap: wrap;
	padding: 5px 10px;
	margin: 15px 15px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	border: 2px solid var(--navfont);
}

.pf-button-heading {
	margin: 10px 0 0 0;
	font-size: larger;
	text-align: center;
	width: 100%;
}

.pf-button-heading-container {
	width: 100%;
}
/* Support for dropdown menus within parts-finder */
.dropbtn {
	background-color: var(--primary);
	color: white;
	padding: 8px;
	font-size: 16px;
	border: none;
	cursor: pointer;
}

.dropdown-menu:hover .dropbtn {
	background-color: var(--hover);
}

.dropdown-menu {
	position: relative;
	display: inline-block;
	flex-basis: 100%;
	text-align: center;
	max-height: 45px;
}

.dropdown-content {
	display: none;
	position: relative;
	background-color: #f9f9f9;
	min-width: 200px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.dropdown-content a {
	color: black;
	padding: 12px 8px;
	text-decoration: none;
	display: block;
}

.dropdown-content.in-front {
	z-index: 1;
}

.dropdown-menu.behind {
	z-index: -1;
}

.dropdown-content a:hover {
	background-color: var(--h1h2bottomborder);
}

/* Support for images with the text wrapping around (Newsprint style) */
/* button effects on anchors*/
/*.button-effect > .top-thin-border:hover, .bottom-thin-border:hover, .left-thin-border:hover, .right-thin-border:hover {
	border-color: var(--hover);
}*/

.column.button-effect {
	box-sizing: content-box;
	transition: ease-in-out 0.25s;
	height: 100%;
	width: unset;
	border: 1px solid var(--border);
	margin-bottom: 10px;
	padding: 0px;
}

.column.button-effect:hover {
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.4);
}

.button-effect > a {
	text-decoration: none;
	color: inherit;
}

.button-effect > a:hover,
.button-effect > a:visited,
.button-effect > a:active {
	color: inherit;
}

/* center elements within button-effect links (if desired) */
.button-effect .centered {
	text-align: center;
}

.padding5 {
	padding: 5px;
	width: calc((100%) - (18px));
}

.padding5.bottom-position {
	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	justify-content: space-between;
}

.article-box {
	display: flex;
	flex-direction: column;
	height: 100%;
}

@media all and (max-width: 550px) {
	.article-box h3 {
		font-size: 14px;
	}
}

.article-box .font12 {
	overflow: hidden;
}

/***********
YouTube Player
***********/

.installation-videos .border {
	margin: 30px;
}

.installation-videos .video {
	width: 50%;
	margin: 0 auto;
}

.youtube-player {
	position: relative;
	overflow: hidden;
	max-width: 560px;
	margin: 5px;
	min-height: 360px;
}

.youtube-player.centered {
	margin: auto;
}

@media only screen and (max-width: 480px) {
	.youtube-player {
		min-height: 233px !important;
		min-width: 310px !important;
	}
}

.youtube-player img {
	border: none;
	cursor: pointer;
	transition: 0.4s all;
}

.youtube-player .play {
	height: 72px;
	width: 72px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAACf1BMVEUAAAAAAAAAAAD7+/sAAAAuLi7r6+v09PQRERFmZmbq6uoEBAROTk4AAAAAAADw8PCxsbEODg6fn58AAAAAAAD5+fkmJiYAAABgYGDs7OwvLy8AAAAAAADp6ekAAACwsLAAAADCwsJHR0cHBwcAAAD8/PwAAAAAAAADAwPq6uoAAAAAAABubm4AAADm5uY8PDzb29vw8PANDQ0AAAC8vLzQ0NAAAADc3NygoKAnJycAAAAAAAAWFhYAAACWlpYAAACenp5tbW1sbGxVVVUAAAAAAAAAAACVlZXy8vIGBgakpKTy8vIAAADFxcUqKirHx8fExMQAAABhYWEAAACZmZnl5eUAAABFRUX7+/sAAAAAAABISEiioqIAAAD6+vqYmJg/Pz+AgICdnZ319fWoqKgAAAAAAAAAAAAAAAC8vLz09PQwMDCAgIApKSn29vavr68KCgqjo6MAAADz8/NAQEDPz8/Ozs4AAABLS0tQUFAtLS0AAAAAAAAAAADb29uhoaEAAAAAAAAAAABXV1fY2NjAwMBvb28AAAAAAAAAAAAVFRUAAABdXV1fX1+Dg4PNzc0AAABra2va2toAAAAYGBgAAAAAAAAAAAASEhJxcXEAAABPT0/Hx8cAAAAAAABeXl6ysrIUFBQ4ODgAAABnZ2cAAADFxcUyMjJKSkoAAADMzMwAAAAAAAAAAABCQkIAAAAAAADo6OjLy8sAAABSUlIICAhDQ0MAAABcXFxUVFQAAADo6OgAAABbW1tMTEyxsbEAAACampoAAAAAAAAAAAArKysAAABWVlYAAAAAAAAlJSUAAAA+Pj4AAACtra3s7Oz39/cAAAAZGRkAAAD///9jk4VYAAAA1HRSTlOzALL9Br33+7fL97TFqAT44bbclLH8uxvK+L1pLvYm4VHnw7Ss/oKvtPalQ84L9cDw+bZI5u0D8dy8opO4QNmn3M3Nx5V8B9n5tN76Rei86ehYyhLa9YHD/kdNw92q/drB0tv736l/sKbl+r7TvPvhtd1P+sLs7DLExb2rAivx3DEqlsfw585ge6G3ZsnJ0+xOzfCZuJpBDLfOJMXqrWHJ4rfAUMuK6b7EFutapJLCFIf26xXGtcJoyMY99TvIxeJX2mc+ib1+x1lquy/BPOH3+4O4nWBMlcYAAATZSURBVHhepZgFXxXpG4avE5yCAwgsndIlsKKEiqjAqrC6rqzZ3d3dsa6bdq6rbnd397/j/kALAwZw5swcvD7ANb/7nZnnfZ4Hhzn7rnScPJX49HyY/3TiqZMdV/Y5zDEVvT+nNUg/gq1zpkcmcpd/4CQkSTPGuG2LKqe9g0FUxZLj1Z6l0lJP9fElFVEYvDOt0pYoNncsQMnRjaXqR+nGoyUAq3JjrUWZZwGSm7MUkqzmZICzmRYid4YTSP+XyxB4r3WOm5vsA1/y0HGd17yGyrUxHXBmuMOJUhIBX/0sSQrM2xVNH6J3zcuSpMJ6H5CYYi46FAT8AUkakRpNCKJTtxsP8QPLD5mJLhTDpmWStOMqplzdIUnLNsHKC6FFs52w/piktMuE5XKapGPrwTk7lOibJFiUJqn2NBacrpWUtgiS/jlQlFkMM9dIruewwXMLpDVzoTizvyglCFVeacPv2GJ3u+StgmBKX5E7EZIDUs1n2OQfNVIgGRLdfUQZMOSA5H0P22zzStVDIONB0WEn5EiuCUTABJcUD87D90UjR4Ff0joiYp0kP4waeU90G3weqZYIWS15fHD7rqhyFRyUPKOJkNEB6SCMrewV/QDpsyQ/EeOXCtfCtB6RuwxypOcZBG9J8VDmNkRjoMElxTAIYiRXA4wxRDMgQRrBoBghJcCMbtH0JPLjpFQG8kQUVqRKcfkkTe8SzYEvpLhJDESPPPYo4ZkUJ30LL3SJiiBHmkwIJD2VSngmSzlQ5GBkAWSZHLW6scgXI2VBQSzZECV5o01FFvmivVIUZDMcKqSpmIqs8k2VKmA4z0CC9KO5yCpfp7QEfmIF5EnjzUVW+cZLefAbifCSNNRcZJVvqFQNo2iEr6Vkc5FVvr9JadDIXpgo+cxFVvkuSRtgPoBLwlxkmU8SQHFEomFP0p9Pe0WrIonWFCLa/4xoe/k/fGjzsB9PJwRTeg/7Xbuv30hl/vptf5BN4T/IFTwD9VInobBKZbBQSoDPrX9aI5X1T2unjDSFLSNrestIbAGUmhY2I5VVYSs1CptFqTVS2Sq1jhfgjGnxb7JT/M/Ali7Rx07jOnqWgVikAnhWqsnH+WaXyPEL1D/kBfmqcdOWw/qHvLLL7zUR8dJbDIKPHmwiHNNgbeGg25rX4Y+7jdZY2CwFBtVobX6g0XLk9rR+qwfT+l2C3PvNaCL4JS0mIhZLutOnGXXsd8JNyfUJEbDbJd0E5/7+DXudNLEK21RNlOr6N+yOtiPwa40Ut8i2J06qmQJH2gYMNcZQsPRLbBHTLnm3QTAl1Jg1tF1asM7WOS+Q2geOWQZfJcGtUkm1r2DBK7WSSm9B0s+mo+gBSWnjCMu4NEl1U8A5PPRwXL7y3nAcgynfPS9J3w+BleVm4/rO5YDfI0nbXy4hBCUvG+O65w6wfGeYBUIL4JtXKElZ9W/0XyC8kdCzQNjsA1rMFggGbRlOYG28S91sfW3hizP3nMvPP7dn5osLX9uqblzxrwPOP9usliznARqaAwqJp7kB4Pzf7ax9gj1rn5wBrkCOsfYhaL32Mbj4dhkGUScS8ur+/R/N2jqsLi/hRBQGZW9fjGA19qrZauy/pqsxE97cUnSdflwv2hJmWWdObHbHjdaWxgIoaGxpvdGRHesw5y8MprBiu9mrWgAAAABJRU5ErkJggg==")
		no-repeat;
	cursor: pointer;
}

/*
Product Parts Diagram
*/

.row2 {
	padding-left: 27px;
}

.parts-finder {
	padding-left: 5px;
	list-style: none;
	display: flex;
	border-bottom: 2px solid var(--border);
	padding-bottom: 10px;
	position: relative;
	padding-top: 30px;
}

@media all and (min-width: 768px) {
	.parts-finder:hover {
		border-right: 3px solid var(--required);
	}
	.parts-finder:hover::after {
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 0;
		height: 0;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-right: 5px solid var(--required);
	}
}

.parts-finder.highlighted-part {
	border-right: 3px solid var(--required);
}

.parts-finder.highlighted-part::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 5px solid var(--required);
}

.parts-finder .product-shop {
	width: 80%;
	padding-left: 10px;
	padding-right: 15px;
}

.parts-finder input[type="checkbox"] {
	width: 17px;
	height: 17px;
	display: inline-block;
	position: relative;
	border: 1px solid var(--white);
}

.part-image {
	height: 80px;
	width: 80px;
}

.inside-flex {
	display: flex;
	flex-direction: column;
}

.parts-finder .number {
	display: inline-block;
	margin-bottom: 10px;
	text-align: center;
	color: var(--white);
	font-size: 22px;
	width: 35px;
	justify-content: start;
	flex-direction: row-reverse;
	align-items: center;
	gap: 5px;
	position: absolute;
	left: -70px;
	top: 0;
	width: 60px;
	background-color: var(--primary);
	height: 100%;
	border-right: 2px solid var(--border);
}

#select-all,
#remove-all {
	background-color: transparent;
	border: none;
	color: var(--navfont);
	font-weight: bold;
	border: 2px solid var(--border);
	height: 33px;
}

#diagram-container {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-evenly;
	width: 100%;
}

.product-parts-add-cart.below {
	display: flex;
	justify-content: end;
	width: 95%;
}

#diagram-container form#product_addtocart_form {
	width: 30%;
}

.sel-rem-but {
	position: absolute;
	left: -30px;
	top: -70px;
	display: flex;
	gap: 3px;
	align-items: baseline;
	justify-content: space-between;
	width: 100%;
}
#diagram-container .column_layout {
	margin-top: 70px;
}

@media all and (max-width: 1375px) {
	#diagram-container form#product_addtocart_form {
		width: 100%;
	}
	.sel-rem-but {
		left: -20px;
	}
}

#diagram {
	display: inline-block;
	box-sizing: border-box;
	height: 100%;
	position: sticky;
	top: 20px;
	max-width: 100%;
}

#diagram a {
	display: inline-block;
}

#diagram-container #diagram .dfs-parts-diagram-map {
	max-width: 800px;
	width: 100%;
	height: auto;
	display: block;
}

@media all and (max-width: 1375px) {
	#diagram-container #diagram .dfs-parts-diagram-map {
		max-width: 100%;
		height: auto;
		display: block;
	}
	#diagram-container .selection-container {
		width: 100%;
		display: block;
	}
	#diagram-container {
		display: inline-block;
	}
	.selection-container .column_layout {
		display: inline-block;
	}
	#diagram {
		position: static;
		height: auto;
	}
	.sel-rem-but {
		margin-left: 20px;
		top: -30px;
	}
	#diagram-container .column_layout {
		margin-top: 0px;
	}
	#diagram-container .column_layout > .row {
		margin: 15px 0px 0px 45px;
	}
	.product-parts-add-cart.below {
		width: 100%;
		margin-top: 15px;
	}
}

@media all and (max-width: 957px) {
	#diagram-container #diagram .dfs-parts-diagram-map {
		max-width: 100%;
		height: auto;
	}
	.sel-rem-but {
		max-width: 100%;
	}
}

.selection-container > div {
	position: relative;
}

@media all and (max-width: 1375px) {
	.selection-container > div {
		display: inline-block;
	}
}

.parts-finder .f-fix {
	display: flex;
	flex-direction: column;
}

.parts-finder h2.product-name {
	font-size: 15px;
	line-height: normal;
	padding-top: 0px;
	margin-bottom: 0px;
}

.parts-finder .product-pricing {
	background-color: var(--white);
	display: inline-block;
	margin: 0px;
	padding: 0px;
}

#diagram-container #products-list .product-shop {
	float: none;
	width: inherit;
	max-width: 87%;
}

@media all and (max-width: 800px) {
	.product-view .product-essential .product-shop {
		padding-top: 5px;
	}
}

#diagram-container #products-list .price-box {
	float: left;
	margin: 3px 13px 5px 0;
}

#diagram-container #diagram {
	margin-bottom: 15px;
}

.product-parts-add-cart {
	clear: both;
}

.pf {
	display: inline-block;
	font: normal normal normal 14px/1 PaymentFont;
	font-size: 15px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.pf-lg {
	font-size: 1.33333333em;
	line-height: 0.75em;
	vertical-align: -15%;
}
.pf-2x {
	font-size: 2em;
}
.pf-3x {
	font-size: 3em;
}
.pf-4x {
	font-size: 4em;
}
.pf-5x {
	font-size: 5em;
}

.pf-amazon:before {
	content: "\f000";
}
.pf-american-express:before {
	content: "\f001";
}
.pf-american-express-alt:before {
	content: "\f002";
}
.pf-atm:before {
	content: "\f003";
}
.pf-bankomat:before {
	content: "\f004";
}
.pf-bank-transfer:before {
	content: "\f005";
}
.pf-bitcoin:before {
	content: "\f006";
}
.pf-bitcoin-sign:before {
	content: "\f007";
}
.pf-braintree:before {
	content: "\f008";
}
.pf-btc:before {
	content: "\f009";
}
.pf-card:before {
	content: "\f00a";
}
.pf-carta-si:before {
	content: "\f00b";
}
.pf-cash:before {
	content: "\f00c";
}
.pf-cash-on-delivery:before {
	content: "\f00d";
}
.pf-cb:before {
	content: "\f00e";
}
.pf-cirrus:before {
	content: "\f00f";
}
.pf-cirrus-alt:before {
	content: "\f010";
}
.pf-clickandbuy:before {
	content: "\f011";
}
.pf-credit-card:before {
	content: "\f012";
}
.pf-diners:before {
	content: "\f013";
}
.pf-discover:before {
	content: "\f014";
}
.pf-ec:before {
	content: "\f015";
}
.pf-eps:before {
	content: "\f016";
}
.pf-eur:before {
	content: "\f017";
}
.pf-facture:before {
	content: "\f018";
}
.pf-fattura:before {
	content: "\f019";
}
.pf-flattr:before {
	content: "\f01a";
}
.pf-giropay:before {
	content: "\f01b";
}
.pf-google-wallet:before {
	content: "\f01c";
}
.pf-google-wallet-alt:before {
	content: "\f01d";
}
.pf-gpb:before {
	content: "\f01e";
}
.pf-gratipay:before {
	content: "\f01f";
}
.pf-ideal:before {
	content: "\f020";
}
.pf-ils:before {
	content: "\f021";
}
.pf-inr:before {
	content: "\f022";
}
.pf-invoice:before {
	content: "\f023";
}
.pf-invoice-sign:before {
	content: "\f024";
}
.pf-invoice-sign-alt:before {
	content: "\f025";
}
.pf-invoice-sign-alt-o:before {
	content: "\f026";
}
.pf-invoice-sign-o:before {
	content: "\f027";
}
.pf-jcb:before {
	content: "\f028";
}
.pf-jpy:before {
	content: "\f029";
}
.pf-krw:before {
	content: "\f02a";
}
.pf-maestro:before {
	content: "\f02b";
}
.pf-maestro-alt:before {
	content: "\f02c";
}
.pf-mastercard:before {
	content: "\f02d";
}
.pf-mastercard-alt:before {
	content: "\f02e";
}
.pf-mastercard-securecode:before {
	content: "\f02f";
}
.pf-ogone:before {
	content: "\f030";
}
.pf-paybox:before {
	content: "\f031";
}
.pf-paylife:before {
	content: "\f032";
}
.pf-paypal:before {
	content: "\f033";
}
.pf-paypal-alt:before {
	content: "\f034";
}
.pf-paysafecard:before {
	content: "\f035";
}
.pf-postepay:before {
	content: "\f036";
}
.pf-quick:before {
	content: "\f037";
}
.pf-rechnung:before {
	content: "\f038";
}
.pf-ripple:before {
	content: "\f039";
}
.pf-rub:before {
	content: "\f03a";
}
.pf-skrill:before {
	content: "\f03b";
}
.pf-sofort:before {
	content: "\f03c";
}
.pf-square:before {
	content: "\f03d";
}
.pf-stripe:before {
	content: "\f03e";
}
.pf-truste:before {
	content: "\f03f";
}
.pf-try:before {
	content: "\f040";
}
.pf-unionpay:before {
	content: "\f041";
}
.pf-usd:before {
	content: "\f042";
}
.pf-verified-by-visa:before {
	content: "\f043";
}
.pf-verisign:before {
	content: "\f044";
}
.pf-visa:before {
	content: "\f045";
}
.pf-visa-electron:before {
	content: "\f046";
}
.pf-western-union:before {
	content: "\f047";
}
.pf-western-union-alt:before {
	content: "\f048";
}
.pf-wirecard:before {
	content: "\f049";
}
.pf-sepa:before {
	content: "\f04a";
}
.pf-sepa-alt:before {
	content: "\f04b";
}
.pf-apple-pay:before {
	content: "\f04c";
}
.pf-interac:before {
	content: "\f04d";
}
.pf-paymill:before {
	content: "\f04e";
}
.pf-dankort:before {
	content: "\f04f";
}
.pf-bancontact-mister-cash:before {
	content: "\f050";
}
.pf-moip:before {
	content: "\f051";
}
.pf-pagseguro:before {
	content: "\f052";
}
.pf-cash-on-pickup:before {
	content: "\f053";
}
.pf-sage:before {
	content: "\f054";
}
.pf-elo:before {
	content: "\f055";
}
.pf-elo-alt:before {
	content: "\f056";
}
.pf-payu:before {
	content: "\f057";
}
.pf-mercado-pago:before {
	content: "\f058";
}
.pf-mercado-pago-sign:before {
	content: "\f059";
}
.pf-payshop:before {
	content: "\f05a";
}
.pf-multibanco:before {
	content: "\f05b";
}
.pf-gratipay-sign:before {
	content: "\f05c";
}
.pf-six:before {
	content: "\f05d";
}
.pf-cashcloud:before {
	content: "\f05e";
}
.pf-interac-alt:before {
	content: "\f05f";
}
.pf-klarna:before {
	content: "\f060";
}
.pf-bitpay:before {
	content: "\f061";
}
.pf-venmo:before {
	content: "\f062";
}
.pf-visa-debit:before {
	content: "\f063";
}
.pf-alipay:before {
	content: "\f064";
}
.pf-diners-alt:before {
	content: "\f065";
}
.pf-hipercard:before {
	content: "\f066";
}
.pf-skrill-alt:before {
	content: "\f067";
}
.pf-shopify:before {
	content: "\f068";
}
.pf-direct-debit:before {
	content: "\f069";
}
.pf-sodexo:before {
	content: "\f06a";
}
.pf-bpay:before {
	content: "\f06b";
}
.pf-contactless:before {
	content: "\f06c";
}
.pf-contactless-alt:before {
	content: "\f06d";
}
.pf-eth:before {
	content: "\f06e";
}
.pf-ltc:before {
	content: "\f06f";
}
.pf-visa-pay:before {
	content: "\f070";
}
.pf-wechat-pay:before {
	content: "\f071";
}
.pf-amazon-pay:before {
	content: "\f072";
}
.pf-amazon-pay-alt:before {
	content: "\f073";
}

.grecaptcha-badge {
	visibility: hidden;
}

.small-footnote {
	font-size: 8px;
}