/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
body,
* {
	resize: none !important;
}

/* Focus indicators for accessibility */
*:focus-visible {
	outline: 2px solid #067cdf;
	outline-offset: 2px;
}


html,
button,
input,
select,
textarea {
	color: #222;
	outline: 0;
	-webkit-apperance: none;
	-webkit-font-smoothing: antialiased;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

@font-face {
	font-family: 'Helvetica Neue';
	src: url(../fonts/HelveticaNeueLTPro-Md.otf);
}

@font-face {
	font-family: 'Proxima Nova';
	src: url(../fonts/ProximaNovaRegular.otf);
}

:root {
	/* Font variables (use these like other static asset vars) */
	--font-sans: "Proxima Nova W01", "Neue Helvetica W01", Arial, sans-serif;
	--font-system: "Neue Helvetica W01", Arial, sans-serif;
	--font-helvetica-neue: "Helvetica Neue", sans-serif;
	--font-gotham: "Gotham", Arial, sans-serif;
	
	/* Gradient variables - converted from base64 SVG data URIs */
	/* Button gradients */
	--gradient-orange: linear-gradient(to top, #ed5f37, #ff7b33);
	--gradient-green: linear-gradient(to top, #1b9b4e, #3bb357);
	--gradient-blue: linear-gradient(to top, #0a51aa, #057bdf);
	--gradient-red: linear-gradient(to top, #de4824, #fc6f3e);
	
	/* Background gradients */
	--gradient-light-gray: linear-gradient(to top, #e8e8e8, #fff);
	--gradient-lighter-gray: linear-gradient(to top, #f1f1f1, #f8f8f8);
	--gradient-lightest-gray: linear-gradient(to top, #f1f1f1, #fff);
	--gradient-medium-gray: linear-gradient(to top, #e1dfdf, #cfcfcf);
	--gradient-light-blue: linear-gradient(to top, #b4d3f0, #e1f0ff);
	--gradient-dark-blue: linear-gradient(to top, #0963a5, #0076cd);
	--gradient-gray: linear-gradient(to top, #e3e3e3, #cfcfcf);
	--gradient-darker-gray: linear-gradient(to top, #e7e7e7, #e1e1e1);
	--gradient-deep-orange: linear-gradient(to top, #C65000, #FF6600);
}

html,
body {
	height: 100%;
}

body {
	font-size: 1em;
	line-height: 1.4;
	font-family: var(--font-sans);
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	margin: 0;
}

h3 {
	font-family: var(--font-sans);
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

img {
	vertical-align: middle;
}

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

textarea {
	resize: vertical;
}

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

ul {
	padding: 0;
	margin: 0
}

li {
	list-style: none;
}

a {
	text-decoration: none;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.overlay-container-box {
	background-color: #000;
	overflow: hidden;
	text-align: center;
	position: fixed;
	width: 100%;
	z-index: 2000;
	background: var(--nav-bg) #174A9B no-repeat 0 0;
}

.overlay-box {
	width: 40%;
	margin: auto;
}

.overlay-box p {
	color: #fff;
	float: left;
	padding-top: 1.2em;
}

.overlay-box .check-save-overlay {
	box-sizing: border-box;
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline;
}

.overlay-box .check-save-overlay #or {
	float: left;
	color: #fff;
	font-family: "Proxima Nova W01";
	text-transform: uppercase;
	margin: 15px 7% 0 12%;
}

.check-save-overlay {
	width: 100%;
	float: right;
	display: inline-block;
	max-width: 370px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 30px;
}

.check-save-overlay #or {
	float: left;
	color: #878787;
	font-family: "Proxima Nova W01";
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
	margin: 15px 7% 0 8%;
}

.check-save-overlay a.green_button.quote {
	float: left;
	background-color: #ed6038;
	border-color: #CCCCCC;
	color: #535353;
	font-size: 14px;
	font-weight: 500;
	padding: 10px 20px;
	background-image: url(../images/icons/icon-9c6972f1208a4408504a54fe29fb47ad.svg);
	background-image: var(--gradient-light-gray);
}

.check-save-overlay a.green_button.quote:hover {
	background-image: var(--gradient-light-gray);
}

.check-save-overlay a.green_button.quote.fright {
	float: right;
}

.check-save-overlay a.green_button.checkout,
.shipping-list .green_button {
	font-size: 14px;
	font-weight: 500;
	box-shadow: inset 0 1px 1px #3e7ee2;
	border-color: #057bdf;
	background-image: url(../images/icons/icon-bf85fe8965dd44c65e88a89b7ce86edf.svg);
	background-image: var(--gradient-blue);
	padding: 10px 20px 10px 20px;
}

.check-save-overlay a.green_button.checkout:hover {
	background-image: var(--gradient-blue);
}

.check-save-overlay a.green_button.checkout span,
.shipping-list .green_button span {
	font-family: "Arial";
	margin-left: 8px;
	font-weight: bold;
}

.overlay-container-box.cart-success {
	background: #1b7e40;
	background-image: none;
	box-shadow: 0 2px 8px rgba(0,0,0,0.18);
}

.cart-notify-inner {
	display: flex;
	align-items: center;
	gap: 14px;
	max-width: 960px;
	margin: 0 auto;
	padding: 12px 20px;
}

.cart-notify-check {
	flex-shrink: 0;
}

.cart-notify-thumb {
	width: 50px;
	height: 50px;
	border-radius: 4px;
	border: 2px solid rgba(255,255,255,0.3);
	object-fit: contain;
	background: #fff;
	flex-shrink: 0;
}

.cart-notify-text {
	display: flex;
	flex-direction: column;
	color: #fff;
	text-align: left;
	min-width: 0;
}

.cart-notify-title {
	font-weight: 600;
	font-size: 15px;
	line-height: 1.3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cart-notify-detail {
	font-weight: 400;
	font-size: 13px;
	opacity: 0.85;
	line-height: 1.3;
	margin-top: 2px;
}

.cart-notify-actions {
	margin-left: auto;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 0;
}

.cart-notify-actions #or {
	color: #fff;
	font-family: "Proxima Nova W01";
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
	margin: 0 12px;
}

.cart-notify-actions .green_button.quote {
	background-color: #ed6038;
	border-color: #ccc;
	color: #535353;
	font-size: 14px;
	font-weight: 500;
	padding: 8px 18px;
	background-image: var(--gradient-light-gray);
	white-space: nowrap;
}

.cart-notify-actions .green_button.checkout {
	font-size: 14px;
	font-weight: 500;
	box-shadow: inset 0 1px 1px #3e7ee2;
	border-color: #057bdf;
	background-image: var(--gradient-blue);
	padding: 8px 18px;
	white-space: nowrap;
}

.cart-notify-close {
	background: none;
	border: none;
	color: #fff;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
	padding: 0 4px 0 12px;
	opacity: 0.7;
	flex-shrink: 0;
	transition: opacity 0.15s ease-out;
}

.cart-notify-close:hover {
	opacity: 1;
}

@media (max-width: 768px) {
	.cart-notify-inner {
		flex-wrap: wrap;
		align-items: flex-start;
		gap: 6px;
		padding: 10px 36px 10px 12px;
		position: relative;
	}

	.cart-notify-thumb {
		display: none;
	}

	.cart-notify-check {
		margin-top: 1px;
	}

	.cart-notify-text {
		flex: 1 1 0;
		min-width: 0;
	}

	.cart-notify-title {
		font-size: 14px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.cart-notify-detail {
		font-size: 13px;
	}

	.cart-notify-actions {
		width: 100%;
		justify-content: center;
		margin-left: 0;
		margin-top: 2px;
	}

	.cart-notify-actions .green_button {
		padding: 8px 20px;
		font-size: 14px;
	}

	.cart-notify-actions #or {
		margin: 0 10px;
	}

	.cart-notify-close {
		position: absolute;
		top: 8px;
		right: 10px;
		padding: 0;
	}
}

a {
	color: #067bdf;
	transition: color 0.15s ease-out;
	text-decoration: none;
}

a:hover {
	transition: color 0.15s ease-out;
}

.blue_link {
	color: #067bdf !important;
	text-decoration: underline;
}

.fleft,
.dib>li,
.alignleft {
	float: left;
}

.fright,
.alignright {
	float: right;
}

.cll {
	clear: left;
}

.tcenter {
	text-align: center;
}

.tleft {
	text-align: left !important;
}

em {
	font-style: normal;
}

.dib>li:first-child {
	margin-left: 0;
}

.dib>li:last-child {
	margin-right: 0
}

.center,
.aligncenter {
	display: table;
	margin: 0 auto;
}

.full {
	display: block;
	width: 100%;
}

.align {
	margin: 0 auto;
}

.rel {
	position: relative;
}

.ovxh {
	overflow-x: hidden;
}

.pad20 {
	padding: 20px;
}

.pad30 {
	padding: 30px;
}

.ptb20 {
	padding: 20px 0;
}

.ptb30 {
	padding: 30px 0;
}

.ptb40 {
	padding: 40px 0;
}

.mtb10 {
	margin: 10px 0;
}

.mtb20 {
	margin: 20px 0;
}

.mrt0 {
	margin-top: 0 !important;
}

.mrt10 {
	margin-top: 10px;
}

.mrt20 {
	margin-top: 20px;
}

.mrt30 {
	margin-top: 30px;
}

.mrt50 {
	margin-top: 50px;
}

.mrb10 {
	margin-bottom: 10px;
}

.mrb20 {
	margin-bottom: 20px;
}

.mrb30 {
	margin-bottom: 30px;
}

.mrb50 {
	margin-bottom: 50px;
}

.mr0 {
	margin-right: 0;
}

.pb0 {
	padding-bottom: 0 !important;
}

.tabel_cell {
	display: table;
}

.wrap {
	max-width: 960px;
	width: 98%;
	margin: 0 auto;
}

header {
	position: relative;
	background: var(--nav-bg) #174A9B no-repeat 0 0;
	background-size: cover;
}

.head {
	background-color: #fff;
}

nav ul li {
	max-width: 180px;
	text-align: center;
}

nav ul li a,
.user_menu ul li a {
	display: block;
	color: #525252;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 13px;
	line-height: 1;
	font-weight: 400;
	padding: 12px 20px;
	transition: color 0.2s ease-out;
}

nav ul li a:hover,
.user_menu ul li a:hover {
	color: #174A9B;
	background-color: #f4f4f4;
	transition: color 0.2s ease-out;
}

nav ul li.active a,
.user_menu ul li.active a {
	color: #fff;
	background: var(--nav-bg) no-repeat 0 0;
}

.user_menu em {
	color: #525252;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 13px;
	font-weight: 400;
	padding-top: 11px;
	margin-right: 15px;
}

.call {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	background: var(--call) no-repeat 0 0;
	margin-right: 10px;
}

em#call a {
	float: none;
	margin: 0;
}

.main_menu .logo {
	float: left;
}

.user_menu ul li {
	max-width: 130px;
	text-align: center;
}

.user_menu ul li a {
	padding: 12px 15px;
	border-right: 1px solid #E5E5E5;
}

.user_menu ul li:first-child {
	border-left: 1px solid #E5E5E5;
}

.i_cart {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	background: var(--cart) no-repeat 0 0;
	margin: 0 5px 0 0;
}

.i_cart.orange {
	background-image: var(--cart-orange) !important;
}

.user_menu ul li.active .i_cart {
	background: var(--white-cart) no-repeat 0 0;
}

.main_menu {
	padding: 20px 0;
}

.main_menu div.wrap>ul {
	float: left;
	width: 50%;
	margin: 8px 0 0 2%;
}

.main_menu div.wrap>ul li {
	margin-right: 1%;
}

.main_menu div.wrap>ul li:first-child {
	margin-left: 0;
}

.main_menu div.wrap>ul li:last-child {
	margin-right: 0;
}

.main_menu div.wrap>ul li a {
	display: block;
	float: left;
	color: #fff;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 13px;
	line-height: 1.5;
	font-weight: bold;
	border-radius: 4px;
	padding: 7px 10px;
	transition: background 0.2s ease-out;
}

.main_menu div.wrap>ul li a:hover,
.main_menu div.wrap>ul li.active a {
	background-color: #0D326B;
	transition: background 0.2s ease-out;
}

.main_menu div.wrap>ul li a:after,
li.has-dropdown a:after {
	display: block;
	float: right;
	content: '';
	width: 0;
	border: 5px solid;
	border-color: #fff transparent transparent transparent;
	margin: 7px 0 0 8px;
}

li.no-dropdown a:after {
	display: none !important;
}

.main_menu form,
.search-form form {
	position: relative;
	width: 100%;
	max-width: 215px;
	float: right;
	margin-top: 8px;
}

.main_menu input[type="text"],
.search-form input[type="text"] {
	width: 80%;
	height: 35px;
	max-width: 215px;
	color: #fff;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 13px;
	border-radius: 4px;
	/*
	line-height: 39px;*/

	border: none;
	padding: 0 30px 0 10px;
}

.main_menu input[type="submit"],
.search-form input[type="submit"] {
	position: absolute;
	right: 0;
	top: 0;
	width: 25px;
	height: 35px;
	background: var(--search-active) transparent no-repeat 0px 8px;
	border-color: transparent;
}

.main_menu::-webkit-input-placeholder {
	color: #fff;
}

.main_menu:-moz-placeholder {
	color: #fff;
}

.main_menu::-moz-placeholder {
	color: #fff;
}

.main_menu:-ms-input-placeholder {
	color: #fff;
}

.main_menu input[type="text"].focus,
.search-form input[type="text"].focus {
	background: #fff;
	color: #999;
	opacity: 1;
}

.main_menu input[type="submit"].focus,
.search-form input[type="submit"].focus {
	background: var(--search-active) transparent no-repeat 0px 8px;
}

span.field-required {
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 5px;
	margin-left: 5px;
}

.fullwidth-field {
	width: 100% !important;
	float: none !important;
	display: inline-block;
}

.sort_by_type {
	position: relative;
}

.dropdown,
.intro {
	background-color: #103369;
	padding: 20px 0 115px 0;
	background: var(--star-bg)#103369 no-repeat 70% -45px;
	box-shadow: inset 0 1px 7px rgba(0, 0, 0, .2);
}

.dropdown {
	padding-bottom: 135px;
}

.dropdown.open {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 10;
	display: block;
}

.dropdown .manufac_head h3 {
	float: left;
}

.dropdown .manufac_head a {
	margin-top: 24px;
}

.manufac_sublink a {
	float: left;
	color: #fed65d;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 13px;
	margin-top: 7px;
}

.intro {
	padding: 45px 0 25px 0;
}

.home-intro {
	height: 390px;
}

.intro .wrap {
	display: block;
}

span.lastest-blog-post {
	font-size: 12px;
}

.dropdown ul {
	width: 25%;
	float: left;
}

.dropdown h3 {
	color: #fff;
	font-family: "Gotham", Arial, sans-serif;
	font-size: 19px;
	text-transform: uppercase;
	font-weight: bold;
}

.dropdown ul li {
	margin-bottom: 5px;
}

.request {
	margin-top: 20px;
}

.request em {
	float: left;
	color: #fff;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 13px;
	margin-bottom: 5px;
}

.dropdown ul li a {
	display: inline-block;
	color: #a4c7ff;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 14px;
	font-weight: normal;
	transition: color 0.3s ease-out;
}

.dropdown ul li a:hover {
	color: #fff;
	transition: color 0.3s ease-out;
}

.dropdown ul li.request a {
	color: #fff;
	font-family: "Gotham", Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 500;
	background-image: var(--gradient-blue);
	border-radius: 4px;
	padding: 8px 20px;
}

.dropdown ul li.request a:hover {
	background-image: var(--gradient-blue);
}

.dropdown ul li a:after {
	display: none;
}

/* Tabs */

.resp-vtabs .resp-tabs-list li {
	color: #fff;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 17px;
	font-weight: 500;
	background-color: #1F4586;
	letter-spacing: -0.02em;
	padding: 20px 0;
	border-radius: 4px;
}

.resp-vtabs li.resp-tab-active {
	background-color: #067cdf;
	position: relative;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.resp-vtabs li.resp-tab-active:after {
	position: absolute;
	top: 0;
	width: 24px;
	height: 59px;
	right: -24px;
	content: '';
	background: var(--tab-arrow) no-repeat 0 0;
}

.resp-vtabs .resp-tabs-container {
	background-color: transparent;
	border: none;
	margin-left: 45px;
}

/*.resp-tabs-container>div em{
	display: table;
	color: #ffd750;
	font-family: "Proxima Nova W01","Neue Helvetica W01", Arial;
	font-size: 18px;
	font-weight: 500;
	margin-top: 50px;
}*/

#search_label {
	display: table;
	color: #fff;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 40px;
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 5px;
}

.resp-tabs-container>div form {
	width: 100%;
	max-width: 530px;
}

.check {
	float: left;
	color: #fff;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.intro .resp-tabs-container .check {
	margin: 15px 5% 0 0;
}

.resp-tabs-container>div input {
	float: left;
	height: 50px;
	border: none;
}

.resp-tabs-container>div input[type="text"],
.resp-tabs-container>div input[type="email"],
.resp-tabs-container>div input[type="tel"],
.resp-tabs-container>div input[type="file"],
.resp-tabs-container>div input[type="password"] {
	width: 80%;
	color: #525252;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 15px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-clip: padding-box;
	background-color: #fff;
	padding: 0 12px;
	-webkit-appearance: none;
}

.resp-tabs-container>div input[type="submit"] {
	width: 11%;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	background-color: #ed5f37;
	background-image: url(../images/icons/icon-322acbf02cc3a36cf9989c2a67ada4be.svg);
	background-image: var(--big-search) no-repeat center, var(--gradient-orange);
	background: var(--big-search) no-repeat center, var(--gradient-orange);
	background: var(--big-search) no-repeat center, var(--gradient-orange);
	background: var(--big-search) no-repeat center, var(--gradient-orange);
	border: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-appearance: none;
}

.resp-tabs-container>div input[type="submit"]:hover {
	background: var(--big-search) no-repeat center, var(--gradient-orange);
}

.resp-tabs-container>div input[type="checkbox"],
.pill_content input[type="checkbox"],
.frequent_products input[type="checkbox"] {
	height: auto;
	opacity: 0;
	margin: 17px 5px 0 0;
}

.check.active span {
	position: relative;
	background-color: #ED653F;
	border-color: #ED653F;
}

.check.active span:before {
	position: absolute;
	top: 2px;
	left: 2px;
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 10px;
	background: var(--white-tick) no-repeat 0 0;
}

.check_icon {
	width: 13px;
	height: 13px;
	position: relative;
	right: 0;
	display: inline-block;
	border-radius: 4px;
	background-color: #fff;
	margin: 1px 10px -2px 0;
}

.wizard {
	margin-top: 30px;
}

.wizard_count {
	display: inline-block;
	background-color: #1F4586;
	border-radius: 4px;
	margin: 3px 0 0 20px;
}

.wizard_count li {
	position: relative;
	text-align: center;
	color: #fff;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 7px 3px 10px;
	cursor: pointer;
}

.resp-tabs-container div.wizard em {
	margin-top: 0;
	font-size: 22px;
}

.wizard_count li:first-child {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.wizard_count li:last-child {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.wizard_count li.active {
	background-color: #F66E36;
	padding: 3px 7px 3px 10px;
}

.wizard_selectbox div.question>label {
	display: table;
	color: #fff;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 25px;
	font-weight: 300;
	letter-spacing: -0.03em;
	margin: 20px 0 10px 0;
}

.wizard_count li.active:after {
	position: absolute;
	content: '';
	width: 6px;
	height: 21px;
	right: -6px;
	top: 0;
	background: var(--count-arrow) no-repeat 0 0;
}

.wizard_count li:last-child.active:after {
	display: none;
}

/* Select box styling is handled by the global select rule near EOF */

.manufacture {
	padding: 0 15px !important;
}

.manufac_head h4 {
	float: left;
	color: #fff;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 18px;
	font-weight: 400;
	margin: 0;
}

.manufac_head a {
	float: right;
	color: #fed65d;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 13px;
	margin-top: 7px;
}

.manufac_list {
	margin-top: 12px;
}

.manufac_list li {
	background-color: #fff;
	width: 22.5%;
	height: 80px;
	margin: 0 3% 3%;
	border-radius: 4px;
	position: relative;
	transition: all 0.15s ease-out;
}

.manufac_list li:hover {
	border-color: #E0E0E0;
	box-shadow: 0 3px 7px rgba(255, 255, 255, .35);
	top: -1px;
}

.manufac_list li a {
	display: table;
	width: 100%;
	height: 100%;
}

/*.manufac_list li a div img {
	opacity: 0.4;
}
.manufac_list li a:hover div img {
	opacity: 1;
}*/
.manufac_list li div {
	display: table-cell;
	vertical-align: middle;
}

.manufac_list li div img {
	display: table;
	margin: 0 auto;
	max-width: 90%;
}

.manufac_list li:nth-child(4n) {
	margin-right: 0;
}

.manufac_list li:nth-child(n+1) {
	margin-left: 0;
}

.spcials {
	padding: 0 15px !important;
}

.spcials_list li {
	width: 100%;
	display: table;
	background-color: #fff;
	height: 60px;
	margin-bottom: 5px;
	border-radius: 4px;
}

.spcials_list li div {
	display: table-cell;
	vertical-align: middle;
}

.spcials_list li .image {
	width: 100px;
}

.spcials_list li .image a {
	display: table-cell;
	vertical-align: middle;
}

.spcials_list li .image img {
	margin-left: 10px;
}

.spcials_list li .desc {
	padding: 0 3%;
}

.spcials_list li .desc p {
	color: #067bdf;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	line-height: 1;
	letter-spacing: -0.02em;
	font-size: 18px;
	font-weight: 500;
}

.spcials_list li .desc a:hover p {
	color: #1C609B;
}

.spcials_list li .desc em {
	color: #535353;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 14px;
	font-weight: 400;
	margin-top: 5px;
}

.spcials_list li:hover .shop_now {
	display: block;
}

.shop_now {
	display: none;
	float: right;
	color: #fff;
	max-width: 100px;
	text-align: center;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	border: 1px solid #cc5235;
	border-radius: 4px;
	background-clip: padding-box;
	background-color: #ed6038;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
	background-image: var(--gradient-red);
	padding: 8px 10px;
	margin: 12px 10px 0 0;
}

.shop_now:hover {
	background-image: var(--gradient-red);
}

.features {
	background-color: #fff;
	padding: 20px 0;
	box-shadow: inset 0 -1px 0 #e4e4e4;
}

.features ul {
	display: table;
	margin: 0 auto;
}

.features ul li {
	color: #525252;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 13px;
	margin-right: 38px;
	font-weight: 600;
}

.features ul li i {
	float: left;
	width: 15px;
	height: 12px;
	display: block;
	background: var(--tick) no-repeat 0 0;
	margin: 3px 10px 0 0;
}

.features ul li a {
	color: inherit;
	cursor: pointer;
}

.pumb_blog {
	padding: 50px 0 0 0;
	background-color: #F5F5F5;
	box-shadow: inset 0 1px 0 #e4e4e4;
}

.articals {
	padding: 0 5% 15px 5%;
	border-bottom: 1px solid #e3e3e3;
}

.articals ul.bxslider {
	display: flex;
	justify-content: center;
	list-style: none;
	padding: 0;
	margin: 0;
}

.articals ul li {
	width: 27%;
	text-align: center;
	margin-right: 9%;
}

.articals ul li div {
	display: table;
	background-color: #174A9B;
	width: 60px;
	height: 60px;
	border-radius: 100%;
}

.articals ul li h4 {
	color: #3d3d3d;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 18px;
	line-height: 1;
	letter-spacing: -0.03em;
	font-weight: 500;
	margin-bottom: 5px;
}

.articals ul li em {
	color: #535353;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 14px;
	line-height: 1.6;
}

.image span {
	display: table-cell;
	vertical-align: middle;
}

.hotline {
	padding: 20px 0;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom: 0 !important;
}

.hotline h3 {
	color: #3d3d3d;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 20px;
	font-weight: 300;
}

.hotline h3 i {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: var(--call-line) no-repeat 0 0;
	margin: 0 10px -6px 10px;
}

.hotline h3 span {
	font-weight: 500;
	color: #3D3D3D;
}

.sign_up {
	padding: 35px 0;
	background: var(--nav-bg) #174A9B no-repeat 0 0;
	-webkit-background-size: cover;
	background-size: cover;
}

.sign_up h2 {
	float: left;
	width: 30%;
	color: #fff;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 36px;
	line-height: 0.9;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	font-weight: 800;
	margin: 5px 2% 0 0;
}

.sign_up h2 i {
	float: left;
	display: block;
	width: 60px;
	height: 60px;
	background: var(--save) no-repeat 0 0;
	margin-right: 10%;
}

.sign_up div.form {
	width: 40%;
	float: left;
	margin-top: 25px;
}

.sign_up input {
	height: 42px;
}

.sign_up input[type="text"],
.sign_up input[type="email"] {
	float: left;
	width: 65%;
	color: #505050;
	max-width: 265px;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 15px;
	border: none;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-clip: padding-box;
	background-color: #fff;
	padding: 0 12px;
	-webkit-appearance: none;
}

.sign_up input[type="button"] {
	width: 25%;
	color: #fff;
	font-size: 14px;
	max-width: 95px;
	text-transform: uppercase;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	background-color: #2FA255;
	border: none;
	font-weight: 500;
	background-color: #3ab357;
	background-image: var(--gradient-green);
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding: 0 20px;
	-webkit-appearance: none;
}

.sign_up input[type="button"]:hover {
	background-image: var(--gradient-green);
}

.social {
	float: right;
	margin-top: 3px;
}

.social h4 {
	color: #98b1d9;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

.social li {
	float: left;
	margin-right: 10px;
}

.social li a {
	display: block;
	width: 37px;
	height: 36px;
	opacity: 0.8;
	transition: opacity 0.2s ease-out;
}

.social li a:hover {
	opacity: 1;
	transition: opacity 0.2s ease-out;
}

div.follow_us ul li {
	margin-right: 8px;
}

a.button_facebook_follow {
	display: block;
	width: 37px;
	height: 36px;
	background: var(--social-facebook) no-repeat 0 0;
}

a.button_twitter_follow {
	display: block;
	width: 37px;
	height: 36px;
	background: var(--social-twitter) no-repeat 0 0;
}

a.button_google_follow {
	display: block;
	width: 37px;
	height: 36px;
	background: var(--social-googleplus) no-repeat 0 0;
}


footer {
	background-color: #103369;
	box-shadow: inset 0 1px 7px rgba(0, 0, 0, .2);
	padding: 40px 0 100px 0;
}

.foot_social li {
	display: inline-block;
	margin-right: 2px;
}

.foot>li {
	float: left;
	margin-right: 5%;
	line-height: 2;
	width: 22%;
}

.foot>li h6 {
	color: #fff;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 500;
	margin: 0 0 10px 0;
}

.foot>li a {
	transition: color 0.2s ease-out;
}

.foot>li a:not(.bt-footer) {
	display: block;
}

.foot>li:last-child {
	width: 19%;
	margin-right: 0;
}

.foot>li a:not(.bt-footer):hover {
	color: #fff;
	transition: color 0.2s ease-out;
}

footer ul li em {
	display: table;
}

.foot>li a:not(.bt-footer),
footer ul li p,
footer ul li em {
	color: #97b1d9;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 13px;
}

footer ul li p {
	margin: 0;
}

.edit-billing-address form {
	margin: 0 auto;
}

.check-left .billing h5 span {
	float: right;
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	margin-top: 5px;
}

.bt-footer,
.edit-billing-address .btn-section input[type="submit"] {
	display: inline-block;
	display: table;
	color: #fff;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	border-radius: 4px;
	background-clip: padding-box;
	background-color: #057bdf;
	box-shadow: inset 0 1px 1px #3e7ee2;
	background-image: url(../images/icons/icon-d312be03e7ba928fa36729a44188bc29.svg);
	background-image: var(--gradient-blue);
	padding: 10px 20px;
	margin-top: 10px;
}

.bt-footer:hover,
.edit-billing-address .btn-section input[type="submit"]:hover {
	background-image: var(--gradient-blue);
}

.main {
	background-color: #fff;
	padding: 70px 0 80px 0;
}

.blue_anger {
	color: #067bdf;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 12px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-weight: 400;
}

.blue_anger:hover {
	color: #05559A;
}

.blue_anger i {
	display: inline-block;
	width: 10px;
	height: 8px;
	background: var(--blue-arrow) no-repeat 0 0;
	margin-left: 5px;
}

.blue_anger:hover i {
	background: var(--blue-arrow-hover) no-repeat 0 0;
}

.get_started {
	position: relative;
	float: left;
	display: table;
	width: 68.8%;
	border: 1px solid #DFDFDF;
	border-radius: 4px;
}

.get_started img {
	position: absolute;
	margin-left: 35px;
	top: -11px;
}

.get_started div {
	padding: 23px 30px 21px 35%;
}

.main h3 {
	color: #202020;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 27px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: -0.02em;
	margin: 0;
}

.get_started h3 {
	margin: 0 0 -8px 0;
}

.get_started em {
	color: #535353;
	font-weight: 300;
	letter-spacing: -0.03em;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 27px;
}

.get_started p {
	color: #535353;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 14px;
	margin: 10px 0;
}

.berkeley_product {
	text-align: center;
	display: table;
	float: right;
	width: 30%;
	padding: 20px 0;
	border: 1px solid #DFDFDF;
	border-radius: 4px;
}

.berkeley_product div {
	display: table-cell;
	vertical-align: middle;
}

.berkeley_product div img {
	display: table;
	margin: 0 auto 18px;
}

.berkeley_product h5 {
	color: #878787;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
	margin: 0 0 20px 0;
}

.maingrid {
	padding: 8px 0 30px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.maingrid div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.grid1 {
	float: left;
	width: 23.23%;
	background: var(--grid1-bg) #F4F4F4 no-repeat bottom;
	border-radius: 5px;
	padding: 50px 10px 207px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 392px;
	max-height: 392px;
}

.maingrid h3 {
	font-size: 22px;
}

.grid2 {
	width: 75.8%;
	float: right;
}

.grid1 em {
	display: table;
	color: #3e78b8;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 24px;
	line-height: 1;
	font-weight: 200;
	margin-bottom: 5px;
}

.red_anger {
	display: inline-block;
	color: #ec5f37;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 12px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-weight: 400;
}

.red_anger:hover {
	color: #C23F19;
}

.red_anger i {
	display: inline-block;
	width: 10px;
	height: 8px;
	background: var(--red-arrow) no-repeat 0 0;
	margin-left: 5px;
}

.red_anger:hover i {
	background: var(--red-arrow-hover) no-repeat 0 0;
}

.pump_catelog {
	float: left;
	width: 67.9%;
	border-radius: 4px;
	background: var(--catelog-bg) no-repeat 0 0;
	background-size: cover;
	padding-top: 30px;
}

.pump_catelog span {
	display: block;
	background: var(--catelog-overlay) no-repeat 0;
	background-size: cover;
	border-radius: 4px;
	padding: 70px 20px 17px 20px;
}

.pump_catelog h3 {
	color: #fff;
	font-weight: 500;
}

.pump_catelog p {
	opacity: .75;
	color: #fff;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 13px;
	font-weight: 500;
	margin-top: 8px;
}

.find_it {
	float: right;
	width: 31%;
	border-radius: 4px;
	background: var(--fintit-bg) #EBEBEB no-repeat right 90px;
	padding: 20px;
	border: 1px solid #CECECE;
}

.find_it h3 {
	line-height: 1;
	margin-bottom: 5px;
}

.find_it span {
	display: inline-block;
	margin-bottom: 45px;
}

.blue_center {
	display: table;
	color: #fff;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 12px;
	border-radius: 4px;
	background-clip: padding-box;
	background-color: #6b7589;
	padding: 6px 10px;
}

.blue_center:hover {
	background-color: #576174;
}

.exprience {
	padding: 27px 20px;
	background: var(--exprience-bg) no-repeat 100px -23px;
}

.exprience span {
	display: inline-block;
	margin-bottom: 40px;
}

.inner_grid2 {
	margin-top: 8px;
}

.inner_grid2 div {
	width: 49.4%;
	border: 1px solid #CECECE;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.secure_shopping {
	text-align: center;
	background-color: #FBFBFB;
	padding: 25px 20px;
}

.secure_shopping h3 {
	margin-bottom: 8px;
}

.secure_shopping p {
	color: #525252;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 14px;
}

.secure_shopping ul {
	display: table;
	margin: 20px auto;
}

.secure_shopping ul li span,
.foot_social li span {
	display: block;
	width: 55px;
	height: 32px;
}

.paypal span {
	background: var(--paypal) no-repeat 0 0;
}

.visa span {
	background: var(--visa) no-repeat 0 0;
}

.master span {
	background: var(--master) no-repeat 0 0;
}

.american span {
	background: var(--amex) no-repeat 0 0;
}

.geotrust span {
	width: 92px !important;
	background: var(--geotrust) no-repeat 0 0;
}

.load_more {
	width: 240px;
	color: #535353;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 13px;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid #cbcbcb;
	border-radius: 4px;
	padding: 13px 0;
	background-clip: padding-box;
	background-color: #ed6038;
	background-image: url(../images/icons/icon-43816772cc0d88f94d2ec2ce401b6e0d.svg);
	background-image: var(--gradient-light-gray);
}

.load_more:hover {
	background-image: var(--gradient-light-gray);
}

/* Product Page */

.product_intro {
	padding: 60px 0;
	background-color: #103369;
	background: var(--star-bg)#103369 no-repeat 70% -45px;
	box-shadow: inset 0 1px 7px rgba(0, 0, 0, .2);
}

.product_title h2 {
	color: #fff;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 36px;
	line-height: 1.2;
	font-weight: 500;
	margin: 0;
}

.product_title>ul li a {
	color: #a9b1c0;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 13px;
	font-weight: 400;
	margin-right: 15px;
	position: relative;
	padding-left: 25px;
	display: inline-block;
}

.product_title>ul li a i {
	opacity: .5;
	transition: all 0.2s ease-out;
}

.product_title>ul li a:hover {
	color: #fff;
}

.product_title>ul li a:hover i {
	opacity: 1;
}

.product_title>ul li a i {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.product_share {
	margin-top: 15px;
}

.product_share h6 {
	color: #a9b1c0;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 13px;
	font-weight: 400;
	margin: 0 0 5px 0;
}

.product_share li {
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

.product_share #fb {
	background-color: #32598F;
}

.product_share #twit {
	background-color: #35A8D0;
}

.product_share #google {
	background-color: #CC4E3E;
}

.product_share #plus {
	background-color: #F56A53;
}

/*Breadcrumbs*/

.product_main {
	background-color: #fff;
	border-top: 1px solid #E4E4E4;
	padding-top: 40px;
}

.breads {
	padding: 20px 0;
	border-bottom: solid 1px #e4e4e4;
}

.breadcrumbs ul li,
.breadcrumbs ul li a,
.recently_viewed h5 {
	color: #17499b;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: 400;
}

.breadcrumbs ul li a {
	min-height: 40px;
}

.recently_viewed h5 span {
	margin-left: 5px;
}

.breadcrumbs ul li:after {
	display: block;
	float: right;
	content: '/';
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	color: #888888;
	margin: 0 5px;
}

.breadcrumbs ul li:last-child {
	color: #888888;
}

.breadcrumbs ul li:last-child:after {
	display: none;
}

.recently_viewed {
	position: relative;
	width: 90px;
	margin-top: 3px;
	z-index: 8;
}

.recently_viewed ul {
	width: 240px;
	display: none;
	position: absolute;
	right: 0;
	top: 19px;
	z-index: 1;
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #E0E0E0;
	border-top-right-radius: 0;
	box-shadow: 0 3px 9px 1px rgba(0, 0, 0, .1);
}

.recently_viewed ul.active {
	display: block;
}

.recently_viewed ul li {
	text-align: left;
	min-height: 40px;
	position: relative;
	padding: 0 10px 0 50px;
}

.recently_viewed ul li a {
	display: block;
	color: #878787;
	padding: 10px;
}

.recently_viewed ul li img {
	position: absolute;
	top: 10px;
	left: 10px;
}

.recently_viewed ul li p {
	display: inline;
}

.recently_viewed ul li a:hover {
	color: #1B4C99;
}

.recently_viewed ul li:after {
	display: none;
}

.recently_viewed h5 {
	margin: 0;
	position: absolute;
	right: 0;
	left: -65px;
	bottom: -20px;
	z-index: 1;
	cursor: pointer;
	border: 1px solid #fff;
	border-bottom: 0;
	padding: 5px 10px 5px 10px;
}

.recently_viewed h5.active {
	background-color: #fff;
	border: 1px solid #E0E0E0;
	border-bottom: none;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0);
	padding: 5px 10px 5px 10px;
	z-index: 2;
}

.recently_viewed h5:after {
	display: block;
	float: right;
	content: '';
	border: 5px solid;
	top: 7px;
	right: -15px;
	border-color: #1B4C99 transparent transparent transparent;
	margin: 7px 0 0 7px;
}

.product_desc {
	width: 72%;
	float: left;
}

aside {
	float: right;
	width: 25%;
}

.product_image {
	position: relative;
	width: 37%;
}

.product_image .product-images-slide {
	display: none;
}

.upselling-images {
	margin-bottom: 40px;
}

.product_image span {
	display: table;
	position: absolute;
	top: 175px;
	left: 2px;
	width: 60px;
	height: 60px;
	background-color: #EB7960;
	border-radius: 100%;
}

.product_image span h6 {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	line-height: 1;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

.product_features {
	width: 60%;
}

.product_details {
	margin-bottom: 50px;
}

.product_features h1 {
	color: #212121;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 500;
	margin: 12px 0 6px 0;
}

.product_features h3 {
	color: #212121;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 500;
	margin: 12px 0 6px 0;
}

.product_features em a {
	color: #6b7589;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
}

.product_features em a:hover {
	color: #177EDC;
}

.reviews {
	margin: 5px 10px 0 0;
}

.reviews li {
	display: block;
	width: 12px;
	height: 12px;
	background: var(--star) no-repeat 0 0;
	margin-right: 5px;
}

.reviews li.active {
	background: var(--active-star) no-repeat 0 0;
}

.product_features p {
	color: #202020;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
	font-weight: lighter;
	margin: 10px 0 15px 0;
}

.price_tag.product-info {
	display: table;
}

.price_tag h3 {
	color: #e9613f;
	font-family: "Neue Helvetica W01";
	font-size: 26px;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.price_tag span {
	color: #fff;
	font-family: "Neue Helvetica W01";
	font-size: 12px;
	font-weight: bold;
	background-color: #1672CD;
	padding: 2px 8px 1px 8px;
	border-radius: 1000px;
}

.price_tag em {
	display: table;
	color: #6b7589;
	font-family: "Neue Helvetica W01";
	font-size: 12px;
	padding: 3px 0 0 5px;
}

.price_tag span i {
	float: left;
	display: block;
	width: 8px;
	height: 14px;
	background: var(--drop) transparent no-repeat 0 0;
	margin-right: 7px;
}

.price_tag>div {
	display: table-cell;
	vertical-align: middle;
}

.price_tag>ul {
	display: table-cell;
	padding: 0 0 0 15px;
}

.price_tag>ul li {
	position: relative;
	margin-bottom: 5px;
	color: #6b7589;
	line-height: 1.6;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
}

.price_tag>ul li a {
	color: #6b7589;
	line-height: 1.6;
	cursor: pointer;
}

.price_tag>ul li a:hover {
	color: #177EDC;
}

.storage li a:hover {
	text-decoration: underline;
}

.price_tag ul li:last-child {
	margin-bottom: 0;
}

.price_tag ul li i {
	float: left;
	display: block;
	width: 15px;
	margin-right: 7px;
}

.price_tag ul li.quote i {
	height: 15px;
	background: var(--quote) no-repeat 0 0;
	margin-top: 5px;
	margin-left: 4px;
	width: 12px;
}

.price_tag ul li.ship i {
	height: 16px;
	width: 12px;
	margin-left: 2px;
	background: var(--ship) no-repeat 0 0;
	margin-top: 5px;
}

.price_tag ul li.quote a:hover i {
	background: var(--qoute-hover) no-repeat 0 0;
}

.price_tag ul li.money.best-price {
	text-decoration: underline;
}

.price_tag ul li.money i {
	height: 16px;
	width: 16px;
	margin-left: 2px;
	background: var(--dollor) no-repeat 0 0;
	margin-top: 2px;
}

.price_tag>ul li.points {
	line-height: 1.4;
}

.price_tag>ul li.points span i {
	width: 8px;
}

.product_code {
	float: left;
	margin-top: 20px;
}

.product_code span {
	display: table;
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	background-color: #FCFCFC;
	border: 1px solid #E0E0E0;
	padding: 10px 20px;
}

/* Horizontal Tab */

.tabs .resp-tabs-list li {
	width: 100%;
	max-width: 136px;
	color: #878787;
	text-align: center;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #FFF;
	border-bottom: 0;
	padding: 20px 0;
	transition: bottom 0.2s ease-out;
	transition: border 0.2s ease-out;
}

.tabs .resp-tabs-list li:last-child {
	max-width: 137px;
}

.tabs .resp-tab-active {
	position: relative;
	color: #878787;
	bottom: -1px;
	border-color: #E0E0E0 !important;
	border-bottom: 0;
	transition: bottom 0.2s ease-out;
	transition: border 0.2s ease-out;
}

.tabs .resp-tab-content {
	padding: 5%;
	border-color: #E0E0E0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.tabs .resp-tabs-container h3 {
	color: #212121;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 18px;
	font-weight: 500;
	margin: 30px 0 25px 25px;
}

.tabs .resp-tabs-container h3 i {
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	background: var(--go-arrow) no-repeat 0 0;
	margin: 4px 10px 0 0;
}

.pro_tab_content {
	max-height: 300px;
	display: inline-table;
}

.pro_tab_content {
	width: 49%;
	max-width: 310px;
	background-color: #F6F6F6;
	margin-right: 7px;
}

.product_tab h2.resp-accordion {
	background-color: #F7F7F7;
	color: #878787;
	border-color: #878787;
}

.product_tab .resp-tabs-container h2.resp-accordion {
	border-left: 1px solid #878787;
	border-right: 1px solid #878787;
}

.dashboard-main .product_tab {
	margin: 0;
}

.dashboard-main .product_tab .resp-tabs-container h2.resp-accordion:first-child {
	border-top: solid 1px #e0e0e0;
}

.resp-tabs-container em {
	color: #fed65d;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
}

.table2 {
	float: right;
}

.table2 {
	margin-right: 0;
}

.pro_tab_content tr {
	border-bottom: 1px solid #D7D7D7;
}

.pro_tab_content tr:last-child {
	margin-bottom: 0;
}

.pro_tab_content tr:nth-child(2n) {
	margin-right: 0;
	background-color: #EAEAEA;
}

.pro_tab_content tr:first-child {
	border-top: 1px solid #d7d7d7;
}

.pro_tab_content tr td {
	color: #212121;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: 400;
	padding: 10px 8px 8px;
	margin: 0;
	width: 50%;

	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;

	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
}

.accers {
	width: 100%;
	max-width: inherit;
	background-color: #fff;
}

.accers tr:nth-child(2n) {
	background-color: #fff;
}

.accers tr td:last-child {
	float: none;
}

.accers tr td {
	padding: 12px 10px;
	margin: 0 10px;
	max-width: 220px;
}

.accers tr td:first-child {
	padding-left: 25px;
}

.accers tr td img {
	float: left;
	margin: 0;
}

.accers td.ship a {
	color: inherit;
	text-decoration: underline;
	cursor: pointer;
}

.accessories .resp-tab-content-active {
	padding: 0 !important;
}

.accessories .resp-tab-content-active img {
	margin: 5px auto 30px;
}

.accessories .resp-tab-content-active tr td img {
	margin-bottom: 0;
}

.accers tr td p {
	float: left;
	color: #17499b;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: 400;
	margin-left: 20px;
}

.accers tr td input[type="checkbox"] {
	margin: 3px 12px 0 0;
}

.accers tr td,
.accers tr td em {
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: 400;
}

.accers tr td em {
	float: left;
	font-weight: 600;
	margin-right: 15px;
	margin-top: 0;
}

.accers .check {
	cursor: pointer;
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 12px;
	margin: 0;
}

.accers .check_icon {
	float: left;
	width: 13px;
	height: 13px;
	right: 19px;
	border: 1px solid #C0C0C0;
	margin-right: -14px;
}

.accers input {
	margin: 2px 0 0 2px;
}

.accers .check span:before {
	position: absolute;
	top: 3px;
	left: 3px;
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 10px;
	/*background: url("../images/gray_tick.png") no-repeat 0 0;*/
}

.accers .check.active span:before {
	width: 17px;
	height: 11px;
	background: var(--white-tick) no-repeat 0 0;
}

.accers .check.active span {
	border-color: #ED653F;
}

.heading {
	background-color: #F7F7F7;
	padding: 10px 0;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
}

.heading th {
	text-align: left;
	color: #878787;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
	padding: 10px 10px;
	border-collapse: separate;
}

.heading th:first-child {
	padding-left: 35px;
}

.accessories .add_cart {
	border: none;
}

.accers tr {
	border-top: 1px solid #E0E0E0 !important;
	border-bottom: 1px solid #E0E0E0 !important;
}

.accers tr.active {
	background-color: #F7F7F7;
	border-top: 1px solid #E0E0E0 !important;
	border-bottom: 1px solid #E0E0E0 !important;
}

.accessories .add_cart em {
	display: inline-block;
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 15px;
	margin: 12px 10px 0 0;
}

.reviews-tab {}

.tabs .resp-tabs-container.reviews-tab h3 {
	margin: 0;
	color: #212121;
	font-family: "Proxima Nova W01";
	font-size: 24px;
	font-weight: 500;
}

.tabs .resp-tabs-container.reviews-tab h3 i {
	display: none;
}

.resp-tabs-container.reviews-tab .cmnt_heading .reviews {
	margin: 8px 0 0 15px;
	unicode-bidi: bidi-override;
	direction: rtl;
}

.reviews-tab .comment_list div h6 {
	float: left;
	margin-bottom: 10px;
}

.reviews-tab .comment_list,
.reviews-tab .add_comment .cmnt_heading {
	border-bottom: 0;
}

.reviews-tab .comment_list div p {
	float: left;
}

.reviews-tab .comment_list div em {
	display: inline-block;
	color: #919191;
	font-size: 12px;
	margin: 0 0 0 12px;
}

.resp-tabs-container.reviews-tab .comment_list .reviews {
	display: inline-block;
	position: relative;
	float: left;
	/*unicode-bidi: bidi-override;*/
	/*direction: rtl;*/

	margin: 5px 0 0 10px;
}

.resp-tabs-container.reviews-tab .reviews li {
	display: table;
	cursor: pointer;
	/*
	unicode-bidi: bidi-override;
	background-image: none;*/

	color: #C2C2C2;
	color: transparent;
	direction: ltr;
	margin: 0 3px 0 0;
	padding: 0;
}

/*
.resp-tabs-container.reviews-tab .reviews li:hover,
.resp-tabs-container.reviews-tab .reviews li:hover ~ li{
	position: absolute;
	content: "\2605";
	left: 0;
	color: #F3C302;
}*/

.resp-tabs-container.reviews-tab h6 .reviews {
	display: inline-block;
}

.resp-tabs-container.reviews-tab .cmnt_write {
	display: block;
	border-bottom: 0;
}

.tabs .resp-tabs-container.reviews-tab .cmnt_write h3 {
	margin: 0 0 20px 0;
}

.tabs .resp-tabs-container.reviews-tab .cmnt_write label {
	float: left;
	width: 100%;
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 5px;
}

.tabs .resp-tabs-container.reviews-tab .cmnt_write img {
	float: left;
	margin-bottom: 20px;
}

.resp-tabs-container.reviews-tab>div input[type="submit"] {
	color: #fff;
	width: 50%;
	height: 30px;
	max-width: inherit;
	font-family: "Proxima Nova W01";
	font-size: 12px;
	font-weight: bold;
	background-color: #fff;
	border-radius: 4px;
	background-image: var(--gradient-green);
}

.tabs .resp-tabs-container .result_table h3 {
	margin: 0 0 20px 0;
}

.tabs .resp-tabs-container .result_table table h3 {
	margin: 0;
}

.tabs .resp-tabs-container .result_table table tr.hilighted {
	background-color: #f5f5f5;
}

.tabs .result_table th,
.tabs .result_table td {
	padding: 15px 20px 15px 0;
}

.tabs .result_table {
	padding-bottom: 200px;
}

.tabs .overview-tab.resp-tabs-container h3 {
	font-size: 24px;
	margin: 0 0 20px 0;
}

.tabs .overview-tab.resp-tabs-container p {
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
	margin: 0 0 20px 0 !important;
}

.tabs .post_content .quote_section form {
	width: 100%;
	max-width: inherit;
}

.tabs .post_content .quote_section label {
	width: 100%;
}

div.quote-footer-mobile {
	display: block !important;
}

.tabs .post_content input[type="submit"] {
	width: 40%;
	float: none;
	background-image: var(--gradient-green) !important;
	border-radius: 4px;
}

.product_varaiety {
	padding: 100px 0;
}

.pill li {
	text-align: center;
	border: 1px solid #cbcbcb;
	display: inline-block;
}

.resp-tab-content img {
	display: table;
}

.pill_content ul li div.form {
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.pill li.active {
	border-color: #1465BD;
}

.pill li.active a {
	position: relative;
	background-image: var(--gradient-blue);
	color: #fff;
}

.pill li.active a:after {
	position: absolute;
	display: block;
	content: '';
	border: 10px solid;
	bottom: -20px;
	left: 50%;
	border-color: #1465BD transparent transparent transparent;
	margin-left: -10px;
}

.pill li:first-child a,
.pill li:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.pill li:last-child a,
.pill li:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.pill li a {
	display: block;
	color: #535353;
	;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: bold;
	background-color: #F4F4F4;
	padding: 10px 20px;
}

.pill li:nth-child(2),
.pill li:nth-child(3) {
	border-left: 0;
}

.pill_content ul {
	border: 1px solid #E0E0E0;
}

.pill_content ul li {
	width: 25%;
	text-align: center;
	padding: 10px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-sizzing: border-box;
}

.pill_content ul li.active {
	background-color: #F7F7F7;
	border-right: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
}

.pill_content ul {
	display: none;
}

.pill_content ul.active {
	display: block;
}

.pill_content ul li div.img {
	width: 150px;
	height: 170px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.pill_content ul li div.img.series {
	width: 174px;
	height: 174px;
}

.pill_content ul li p {
	color: #17499b;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: bold;
	margin: 10px 0 5px 0;
}

.pill_content ul li em {
	display: table;
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
	font-weight: bold;
	margin: 0 auto 20px;
}

.pill_content ul li label {
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
}

.pill_content .check_icon {
	float: left;
	width: 24px;
	height: 24px;
	border: 1px solid #C0C0C0;
	margin-top: -7px;
	margin-left: -24px;
}

.frequent_products .check_icon,
.by_manufacturers .check_icon,
.by_type .check_icon,
.by_voltage .check_icon,
.by_price .check_icon {
	float: left;
	width: 13px;
	height: 13px;
	right: 19px;
	border: 1px solid #C0C0C0;
	background-color: transparent;
	margin: 1px -10px -2px 0;
}

.frequent_products input[type="checkbox"] {
	float: left;
}

.frequent_products .check.active .check_icon {
	border-color: #ED653F;
}

.pill_content .check.active .check_icon {
	border-color: #ED653F;
}

.pill_content .check,
.frequent_products .check {
	cursor: pointer;
}

.frequent_products .check span:before {
	position: absolute;
	top: 4px;
	left: 3px;
	content: '';
	display: inline-block;
	width: 17px;
	height: 11px;
	border-radius: 10px;
	/*background: url("../images/gray_tick.png") no-repeat 0 0;*/
}

.pill_content input[type="checkbox"] {
	float: left;
	margin: 2px 14px 0 18px;
}

.pill_content .check_icon {
	right: 10px;
}

.pill_content .check span:before {
	position: absolute;
	top: 6px;
	left: 6px;
	content: '';
	display: inline-block;
	width: 17px;
	height: 11px;
	border-radius: 10px;
	/*background: url("../images/big_gray_tick.png") no-repeat 0 0;*/
}

.frequent_products .check.active span:before {
	width: 17px;
	height: 11px;
	background: var(--white-tick) no-repeat 0 0;
}

.pill_content .check.active span:before {
	width: 17px;
	height: 11px;
	background: var(--big-white-tick) no-repeat 0 0;
}

.pill {
	width: 100%;
	margin: 0 auto 20px;
	text-align: center;
}

.add_cart {
	padding: 15px;
	border: 1px solid #E0E0E0;
	border-top: none;
}

.add_cart em {
	display: inline-block;
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 15px;
	margin: 12px 10px 0 0;
}

.add_cart_button,
.blue_btn,
.green_button,
.bt-call-for-pricing {
	float: right;
	display: inline-block;
	color: #fff;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	border: 1px solid #1d9b4f;
	background-image: var(--gradient-green);
	border-radius: 4px;
	padding: 5px;
}

.add_cart_button:hover {
	background-image: var(--gradient-green);
}

.add_cart_button i,
.blue_btn i,
.bt-call-for-pricing i {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	background: var(--white-cart) no-repeat 0 0;
	margin: 2px 0 0 15px;
}

.products .aside {
	width: 25%;
	max-width: 240px;
}

.bt-call-for-pricing {
	width: 100%;
	border-color: #0963a5;
	background-image: var(--gradient-dark-blue);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.bt-call-for-pricing:hover {
	background-image: var(--gradient-dark-blue);
}

.bt-call-for-pricing i {
	background-image: var(--icon-bt-call-for-pricing);
}

.bt-submit-big {
	display: inline-block;
	color: #fff;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 15px;
	border-radius: 4px;
	background-color: #057bdf;
	box-shadow: inset 0 1px 1px #FD7B3E;
	background-image: url(../images/icons/icon-8eb4ad35f2e6fb610554dc30ff140bac.svg);
	background-image: var(--gradient-orange);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.bt-submit-big:hover {
	background-image: var(--gradient-orange);
}

.check_quantity {
	border-top: 1px solid #E0E0E0;
}

.quantity {
	padding: 15px;
	position: relative;
	border: 1px solid #E0E0E0;
	border-top: none;
	background-color: #F5F5F5;
}

.quantity h6 {
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: 400;
	margin: 0;
}

.quantity a.bt-best-price {
	position: absolute;
	top: 13px;
	right: 13px;
	color: #fff;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 10px;
	font-weight: bolder;
	text-transform: uppercase;
	background-color: #E76246;
	border-radius: 10px;
	padding: 2px 8px;
}

.quantity a.bt-best-price:hover {
	background: #f28068;
}

.quantity a.bt-best-price.is-call {
	position: relative;
	right: auto;
	top: auto;
	margin-bottom: 10px;
	display: inline-block;
}

.quantity .add_cart_button {
	display: block;
	float: none;
	width: auto;
	margin-bottom: 5px;
}

.quantity div.styledSelect {
	line-height: 38px;
}

.quantity .styledSelect:after {
	top: 15px;
}

.storage:not(.clean) {
	padding: 15px;
	background-color: #F3F3F3;
	border: 1px solid #E0E0E0;
	border-top: none;
}

.storage.clean {
	padding-top: 10px;
}

.storage li,
.storage li a {
	display: block;
	color: #6b7589;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
}

.storage li a {
	display: inline-block;
}

.storage li {
	margin-bottom: 8px;
}

.storage li:last-child {
	margin-bottom: 0;
}

.storage li i,
.storage li a i {
	float: left;
	display: block;
	width: 10px;
	height: 10px;
	margin-right: 10px;
}

.storage li a i {
	width: 12px;
	height: 14px;
}

.storage li.stock {
	background: var(--stock) no-repeat 0 0;
}

.storage li.calc {
	background: var(--calculator) no-repeat 0 0;
}

.storage li.money {
	background: var(--dollor) no-repeat 0 1px;
}

.storage li.ship {
	background: var(--ship) no-repeat 0 0;
}

.storage li.ship a {
	cursor: pointer;
}

.storage li.quote {
	background: var(--quote) no-repeat 0 0;
}

.storage li.out-of-stock {
	background: var(--small-cancel) no-repeat 0 3px;
}

.need_help {
	display: block;
	padding: 15px;
	border: 1px solid #E0E0E0;
	margin: 20px 0;
}

.need_help img {
	margin: 13px 0 0 10px;
}

.need_help div {
	width: 65%;
}

.need_help h4 {
	color: #212121;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 18px;
	font-weight: 500;
	margin: 0;
}

.need_help em {
	display: table;
	color: #076fcf;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
}

.frequent_products {
	border: 1px solid #E0E0E0;
	border-bottom: none;
}

.frequent_products ul li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 12px;
}

.frequent_products ul li.active {
	background-color: #F7F7F7;
	border-bottom: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
}

.frequent_products ul li img {
	float: left;
	margin-right: 20px;
}

.frequent_products h5 {
	color: #212121;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 14px;
	font-weight: 500;
	padding: 12px;
	border-bottom: 1px solid #E0E0E0;
	margin: 0;
}

.frequent_products p {
	color: #17499b;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
}

.frequent_products em,
.frequent_products label {
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 12px;
}

.frequent_products em {
	float: right;
}

.frequent_products input[type="checkbox"] {
	margin-top: 1px;
}

.select_item {
	border: 1px solid #E0E0E0;
	border-top: none;
	padding: 10px 0;
}

.select_item h6 {
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	margin: 0 0 10px 0;
}

.select_item .add_cart_button {
	float: none;
}

/*Series Page */

.breads {
	background-color: #fff;
}

.series_cancel .product_features {
	width: 65%;
	float: left;
}

.series_cancel {
	padding: 30px 0;
	/*box-shadow: 0 1px 0 #e3e3e3, inset 0 1px 0 #e4e4e4;*/
}

.series_cancel .wrap {
	position: relative;
}

.cancel {
	position: absolute;
	top: -15px;
	right: 10px;
	width: 20px;
	height: 20px;
	background: var(--series-cancel)transparent no-repeat 0 0;
	cursor: pointer;
}

.cancel-item {
	width: 100% !important;
	padding-left: 15px;
	color: #878787;
}

.cancel:hover {
	background: var(--series-cancel-hover)transparent no-repeat 0 0;
}

.series_cancel .product_features h1 {
	font-size: 20px;
	margin: 0 0 8px 0;
}

.series_cancel .product_features h3 {
	font-size: 20px;
	margin: 0 0 8px 0;
}

.series_cancel .product_features p,
.informations div p {
	font-size: 13px;
	line-height: 22px;
	margin: 0 0 8px 0;
}

.informations div {
	display: none;
	width: 100%;
	float: left;
	padding: 0 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.series_cancel .tabel_cell {
	width: 30%;
	float: left;
	height: 150px;
}

.product_im {
	display: table-cell;
	vertical-align: middle;
}

.product_im img {
	display: table;
	margin: 0 auto;
}

.informations li {
	display: table;
	margin-right: 20px;
}

.informations li a {
	color: #17499b;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: 500;
}

.product_series {
	background-color: #fff;
	padding: 35px 0;
	border-top: 1px solid #E4E4E4;
}

.series_main {
	width: 72%;
}

.series_menu {
	border-bottom: 1px solid #E0E0E0;
	padding-bottom: 20px;
}

.series_menu li {
	margin-right: 15px;
}

.series_menu li a,
.filter_series em {
	display: block;
	color: #878787;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 500;
	margin: 10px 0px;
}

#price_list {
	width: 100%;
	max-width: 190px;
}

#price_list div.styledSelect {
	line-height: 33px;
	color: #535353;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-weight: 500;
	border-radius: 4px;
	font-size: 15px;
	padding: 0 8px;
}

#price_list .styledSelect:after {
	top: 15px;
	right: 8px;
}

.series_list_right {
	float: right;
	width: 40%;
	max-width: 270px;
}

.series_list {
	width: 100%;
	float: right;
}

#price_list {
	margin-right: 10px;
}

.series_list li {
	margin-right: 0;
	/*border: 1px solid #fff;*/
}

.series_list li img {
	padding: 8px;
}

.series_list li.active {
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #C0C0C0;
}

.series_list li {
	cursor: pointer;
}

.series_serach {
	position: relative;
	display: inline-block;
	max-width: 200px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 15px;
}

.series_serach input[type="text"] {
	display: block;
	width: 100%;
	height: 35px;
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	background-color: #fff;
	padding: 0 30px 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.series_serach input[type="button"] {
	position: absolute;
	right: 2px;
	top: 2px;
	height: 32px;
	width: 30px;
	background: var(--series-search) #fff no-repeat center;
	text-indent: -999px;
	border: none;
}

.series_content {
	padding-top: 20px;
}

.drawer-menu {
	display: none;
}

.series_grid {
	display: block;
}

.series_grid>li {
	width: 33.3%;
	position: relative;
	top: 0;
	background-color: #fff;
	padding: 25px 20px;
	height: 348px;
	border: 1px solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	transition: all 0.15s ease-out;
}

.series_grid>li>a {
	display: table;
}

.series_grid>li:hover {
	border-color: #E0E0E0;
	box-shadow: 0 3px 7px rgba(0, 0, 0, .08);
	top: -2px;
	transition: all 0.15s ease-out;
}

.series_grid>li:hover .addcart_series {
	display: table;
}

h2.series_grid_title.similar_js {
	color: '#000000';
	padding: 5px;
	display: block;
	display: none;
}

.addcart_series {
	display: none;
	margin: 20px auto 0;
}

#number {
	text-align: left;
	float: left;
	width: 25%;
}

.addcart_series .green_button {
	padding: 5px 10px;
	margin-left: 5px;
}

.addcart_series .green_button:hover {
	background-image: var(--gradient-green);
}

.series_content .product_image span h6 {
	font-size: 12px;
}

.series_content .price_tag h3 {
	float: left;
	font-size: 16px;
	margin-right: 10px;
}

.series_content .product_features {
	text-align: center;
	width: auto;
}

.series_content div h3 {
	font-size: 14px;
	margin: 0;
}

.series_content div h4 {
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 16px;
	font-weight: 600;
	margin: 10px 0;
}

.series_content .product_image {
	display: table;
	width: 100%;
	height: 150px;
}

.series_content .product_image div {
	display: table-cell;
	vertical-align: middle;
}

.series_content .product_image img {
	display: table;
	margin: 0 auto;
}

.series_content .product_image span {
	width: 40px;
	height: 40px;
	top: 10px;
	left: 130px;
}

.blue {
	background-color: #3292E1 !important;
}

.buying_desc {
	float: none;
	display: table;
	margin: 0 auto;
}

.buying_desc li {
	margin-right: 7px;
}

.login_to {
	display: inline-block;
	color: #067bdf;
	font-family: "Neue Helvetica W01";
	font-size: 12px;
	font-weight: 600;
	margin: 13px auto;
}

.login_to i {
	float: left;
	width: 10px;
	height: 12px;
	display: block;
	background: var(--lock-icon) no-repeat 0 0;
	margin: 0 5px 0 0;
}

.call-for-pricing {
	display: inline-block;
	margin-bottom: 0;
	cursor: pointer;
	color: #6b788b;
	font-family: "Neue Helvetica W01";
	font-size: 12px;
	font-weight: 600;
}

.call-for-pricing i {
	float: left;
	width: 12px;
	height: 12px;
	display: block;
	background: var(--icon-phone-small) no-repeat 0 0;
	margin: 3px 5px 0 0;
}

.call-for-pricing:hover {
	color: inherit;
	text-decoration: underline;
}

.series_list_view {
	margin-top: 20px;
}

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

.series_list_view {
	display: none;
}

.series_list_view>li {
	width: 100%;
	float: left;
	position: relative;
	top: 0;
	background-color: #fff;
	border: 1px solid #E0E0E0;
	border-bottom-color: #fff;
	padding: 20px 30px;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	transition: all 0.15s ease-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.series_list_view>li:last-child {
	border-bottom: 1px solid #E0E0E0;
}

.series_list_view>li:hover {
	position: relative;
	top: -5px;
	box-shadow: 0 3px 7px rgba(0, 0, 0, .08);
	transition: all 0.15s ease-out;
	border: 1px solid #E0E0E0;
}

.series_list_view>li:last-child {
	margin-bottom: 0;
}

.series_list_view .product_image {
	width: 20%;
}

.series_list_view>li .addcart_series {
	display: inline-block;
	margin: 0 0 0 0;
}

.series_list_view .reviews {
	width: 50%;
	display: inline-block;
	margin: 0;
	padding: 0 3.5%;
}

.series_list_view div h3 {
	font-size: 16px;
}

.series_list_view .price_tag {
	width: 20%;
}

.series_list_view .price_tag h3 {
	float: none;
	color: #878787;
	font-size: 20px;
	margin: 0 0 10px 0;
}

.series_list_view #number {
	width: 100%;
}

.series_list_view #number label {
	display: table;
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
}

.series_list_view .green_button {
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.series_list_view .buying_desc {
	float: left;
	margin-top: 15px;
}

.series_list_view .reviews em {
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 11px;
}

.series_list_view .buying_desc li {
	width: auto;
	height: auto;
}

.series_list_view .product_features p {
	margin-bottom: 0;
}

.series_list_view .reviews em {
	display: inline-block;
}

.series_list_view .product_image span {
	top: 30px;
	left: 100px;
}

aside.series-aside {
	width: 100%;
	max-width: 240px;
}

.filter_series {
	margin-bottom: 20px;
}

.filter_series h3 {
	color: #212121;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 18px;
	font-weight: 500;
	margin: 0;
}

.filter_series em {
	float: left;
	font-size: 15px;
	text-transform: none;
	margin: 0;
}

.by_manufacturers,
.by_type,
.by_voltage,
.by_price {
	border: 1px solid #E0E0E0;
	margin-bottom: 15px;
}

.by_manufacturers h4,
.by_type h4,
.by_voltage h4,
.by_price h4 {
	position: relative;
	color: #212121;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.03em;
	border-bottom: 1px solid #E0E0E0;
	background-color: #fff;
	background-image: var(--gradient-lighter-gray);
	margin: 0;
	padding: 10px 10px;
	cursor: pointer;
}

.by_manufacturers h4:after,
.by_type h4:after,
.by_voltage h4:after,
.by_price h4:after {
	display: block;
	position: absolute;
	right: 10px;
	top: 15px;
	content: "";
	border: 5px solid;
	border-color: #888888 transparent transparent transparent;
	transition: transform 0.3s ease;
	transform-origin: 50% 30%;
}

.by_type h4.active:after {
	transform: rotate(180deg);
}

.by_manufacturers ul li,
.by_type ul li,
.by_voltage ul li,
.by_price ul li {
	float: left;
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #E0E0E0;
}

.by_manufacturers ul li:last-child,
.by_type ul li:last-child,
.by_voltage ul li:last-child,
.by_price ul li:last-child {
	border-bottom: 0;
}

.by_manufacturers ul li a,
.by_type ul li a,
.by_voltage ul li a,
.by_price ul li a {
	display: table;
	width: 100%;
	padding: 5px 0;
	clear: both;
}

.by_manufacturers ul li:last-child {
	border-bottom: 0;
}

.by_manufacturers ul li div.value,
.by_type ul li div.value,
.by_voltage ul li div.value,
.by_price ul li div.value {
	word-break: break-all;
	padding-right: 10px;
}

.by_accord .check,
.by_accord div ul li em {
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 12px;
}

.by_manufacturers input[type="checkbox"],
.by_type input[type="checkbox"],
.by_voltage input[type="checkbox"],
.by_price input[type="checkbox"] {
	opacity: 0;
}

.by_manufacturers .check_icon,
.by_type .check_icon,
.by_voltage .check_icon,
.by_price .check_icon {
	right: 19px;
	margin: 1px -13px -3px 30px;
}

.by_accord ul li a:hover i {
	display: inline-block;
	cursor: pointer;
}

.sub_volt_menu {
	display: none;
}

.by_accord div h4.active {
	border-bottom: 0;
}

.by_manufacturers,
.by_type,
.by_voltage {
	margin-bottom: 15px;
}

aside .by_manufacturers,
.by_manufacturers ul li a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

aside div.by_accord ul li i {
	width: 11px;
	height: 11px;
	background: var(--small-add-icon) no-repeat 0 0;
	margin: 3px 10px 0 0;
}

.by_accord .noUi-handle:before,
.noUi-handle:after {
	display: none !important;
}

.by_accord .noUi-connect {
	border-color: #F7733E;
	background-image: var(--gradient-orange);
}

.by_accord .noUi-horizontal .noUi-handle {
	height: 14px;
	width: 14px;
	top: -4px;
	left: -10px;
	border: 2px solid #C0C0C0;
	border-radius: 100%;
}

.by_accord .noUi-horizontal {
	height: 9px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .13);
	background-image: var(--gradient-gray);
}

.sub_volt_menu {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ranger {
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ranger .html5 {
	margin-bottom: 20px;
}

.sub_volt_menu li a {
	padding: 5px 10px 5px 15px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.by_price div.form input[type="text"] {
	width: 30%;
	height: 23px;
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	padding: 3px 3px 0 6px;
}

.by_price div.form input[type="button"] {
	width: 100%;
	height: 26px;
	color: #525252;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 500;
	border: 1px solid #cbcbcb;
	border-radius: 4px;
	background-color: #057bdf;
	background-image: var(--gradient-light-gray);
	margin-top: 10px;
}

.by_price div.form input[type="button"]:hover {
	background-image: var(--gradient-light-gray);
}

.sub_volt_menu li:first-child {
	border-top: 1px solid #E0E0E0;
}

.by_accord div ul li em {
	float: right;
	margin-right: 10px;
}

.more_from {
	background-color: #fff;
	box-shadow: 0 -1px 0 #e3e3e3, inset 0 -1px 0 #e4e4e4;
	padding: 35px 0 70px 0;
}

.more_from .product_varaiety {
	padding: 0;
	margin-top: 20px;
}

.more_from h2 {
	color: #212121;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 26px;
	font-weight: 500;
	margin: 0;
}

.more_from .pill_content ul li p {
	color: #212121;
	font-size: 15px;
}

.more_from .pill_content ul li,
.manufac-grid li,
.manufac-list>li {
	position: relative;
	top: 0;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	transition: all 0.15s ease-out;
}

.more_from .pill_content ul li:hover,
.manufac-grid li:hover,
.manufac-list>li:hover {
	position: relative;
	top: -2px;
	box-shadow: 0 3px 7px rgba(0, 0, 0, .08);
	transition: all 0.15s ease-out;
}

.more_from .pill_content ul {
	border: none;
}

.more_from .pill_content ul li {
	width: 23.5%;
	margin-right: 2%;
	border: 1px solid #E0E0E0;
	padding: 25px;
}

.more_from .pill_content ul li:last-child {
	margin-right: 0;
}

.series_shop {
	background-color: #fff;
	padding: 50px 0;
}

.series_instruction {
	display: flex;
	gap: 1.2%;
}

.series_instruction>div {
	flex: 1;
	width: 32.5%;
	border: 1px solid #cecece;
	background-image: var(--gradient-lightest-gray);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
	padding: 30px 25px;
}

.series_instruction div.secure_shopping h3 {
	color: #202020;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: -0.05em;
	margin-top: 0;
}

.series_instruction div.secure_shopping ul {
	margin-bottom: 0;
}

.series_instruction div.secure_shopping ul li {
	margin-right: 6px;
}

.series_instruction div.follow_us ul,
.series_instruction div.hd_demo ul {
	margin-bottom: 12px;
}

.series_instruction .subscribe_series a {
	display: block;
	width: 90px;
	height: 20px;
	background: var(--subscribe-series) no-repeat 0 0;
}

.series_instruction .fb_like a {
	display: block;
	width: 245px;
	height: 20px;
}

.shop_list {
	margin-top: 35px;
}

.shop_list ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-evenly;
	justify-content: space-evenly;
	-webkit-align-items: center;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 0;
}

.shop_list ul li {
	display: block;
	float: none;
	width: 100px;
	text-align: center;
}

.shop_list ul li a {
	display: block;
	transition: opacity 0.15s ease-out;
}

.shop_list ul li a img {
	display: block;
	width: 100%;
	height: auto;
	opacity: 0.5;
}

.shop_list ul li a:hover img {
	opacity: 1;
	transition: opacity 0.15s ease-out;
}

/* Manufacturer Page */

.manufacturer_main {
	background-color: #fff;
	box-shadow: 0 1px 0 #e3e3e3, inset 0 1px 0 #e4e4e4;
}

.manufac-intro .product_desc {
	width: 100%;
}

.manufac-intro {
	padding: 40px 0 40px 0;
}

.manufac-intro .product_features {
	width: 75%;
}

.manufac-intro .blue_btn {
	float: left;
	color: #525252;
	border-color: #CCCCCC;
	background-image: var(--gradient-light-gray);
}

.manufac-intro .blue_btn i {
	background: var(--manual-icon-b) no-repeat 0 0;
}

.manufac-intro .blue_btn:hover {
	background-image: var(--gradient-light-gray);
}

.accordion-informations.informations {
	margin-bottom: 20px;
	padding: 0;
}

.accordion-informations.informations li {
	margin-bottom: 5px;
}

.accordion-informations.informations li:last-child {
	margin-bottom: 0;
}

.accordion-informations.informations li a {
	color: #6b7589;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 15px;
	font-weight: 500;
}

.accordion-informations.informations li a i {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	background: var(--add-icon) no-repeat 0 0;
	margin: 4px 10px 0 0;
}

.manufac-intro form.series_serach {
	width: 100%;
	margin-left: 20px;
	margin-right: 0;
	max-width: 270px;
}

.manufac-intro form.series_serach input[type="text"] {
	height: 40px;
}

.manufac-intro .series_serach input[type="text"]:focus {
	border: 1px solid #057bdf;
	box-shadow: 0 0 4px rgba(6, 124, 223, .5);
}

.manufac-intro form.series_serach input[type="submit"] {
	top: 1px;
	height: 38px;
}

/*.manufac-intro form.series_serach:active input[type="submit"]{
	background:var(--blue-search) no-repeat center;
}
.manufac-intro form.series_serach:hover input[type="submit"]{
	background:var(--blue-search) no-repeat center;
}*/

.manufac_main {
	padding: 50px 0 60px;
}

.manufac_main .series_menu {
	border-bottom: 0;
}

.manufac_main .series_list {
	width: auto;
}

.manufac_main h2,
.categories {
	float: left;
	color: #212121;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 18px;
	font-weight: 500;
	margin: 10px 0 0 0;
}

.lite-image {
	float: left;
}

.manufac_menu {
	margin-bottom: 30px;
}

.manufac_main .series_list li {
	border-color: #F5F5F5;
}

.manufac_main .series_list li.active {
	border-color: #C0C0C0;
}

.manufac-grid li a.image-div {
	display: table;
	height: 161px;
	margin: 0 auto;
}

.manufac-grid li div {
	display: table-cell;
	vertical-align: middle;
}

span.ribbon {
	position: absolute;
	top: 10px;
	right: -10px;
	height: 30px;
	line-height: 30px;
	background: #00a756;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	padding: 0 10px;
	text-transform: uppercase;
}

span.ribbon:before {
	position: absolute;
	top: 100%;
	right: 0;
	content: '';
	border-top: 5px solid #024d29;
	border-right: 10px solid transparent;
}

.manufac-grid li {
	position: relative;
	width: 23.87%;
	float: left;
	text-align: center;
	margin-right: 1.5%;
	margin-bottom: 1.5%;
	border: 1px solid #E0E0E0;
	padding: 40px 20px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.manufac-grid li p,
.manufac-list>li .desc-div a p {
	color: #212121;
	font-family: "Neue Helvetica W01";
	font-size: 15px;
	font-weight: bold;
	margin: 20px 0 5px 0;
}

.manufac-grid li em,
.manufac-list>li em {
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
	font-weight: bold;
}

.manufac-grid li:nth-child(4n),
.manufac-grid li:last-child {
	margin-right: 0;
}

.manufac-list>li .desc-div ul,
.product_features div.text ul {
	list-style: disc;
	padding: 10px 10px 10px 30px;
}

.manufac-list>li .desc-div ul li,
.product_features div.text ul li {
	list-style: disc;
}

.manufac-list>li .desc-div p,
.manufac-list>li .desc-div li,
.product_features div.text ul li {
	color: #202020;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: 300;
}

.manufac-list {
	display: none;
	margin-top: 20px;
}

.manufac-list>li {
	position: relative;
	width: 49.3%;
	display: table;
	float: left;
	padding: 20px;
	margin: 1.4% 1.4% 0 0;
	border: 1px solid #E0E0E0;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.manufac-list>li:first-child,
.manufac-list>li:nth-child(2) {
	margin-top: 0;
}

.manufac-list>li:last-child,
.manufac-list>li:nth-child(2n) {
	margin-right: 0;
}

.manufac-list>li a.image-div {
	float: left;
	margin: 0 5% 0 2%;
}

.manufac-list>li a.image-div div {
	height: 80px;
	display: table-cell;
	vertical-align: middle;
}

.manufac-list>li a.image-div div img {
	max-width: 80px;
	max-height: 80px;
	width: auto;
	height: auto;
	object-fit: contain;
}

.show_more {
	display: table;
	color: #535353;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
	border: 1px solid #cbcbcb;
	border-radius: 4px;
	background-color: #ed6038;
	background-image: var(--gradient-light-gray);
	padding: 15px 60px;
	margin-top: 30px;
}

.bt-show-restricted-price {
	font-size: 13px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 500;
	border: 1px solid #cbcbcb;
	border-radius: 4px;
	background-image: var(--gradient-green);
	color: #fff !important;
	padding: 15px 60px;
	margin-top: 15px;
}

.manu_categories .manufac-list {
	display: block;
}

.manu_categories {
	padding: 50px 0;
	background-color: #fff;
	box-shadow: 0 1px 0 #e3e3e3, inset 0 1px 0 #e4e4e4;
}

.manu_categories h2 {
	color: #212121;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 24px;
	font-weight: 500;
}

.resource .product_features {
	width: 100%;
}

.selection {
	width: 100%;
	background-color: #1B4C99;
	padding: 25px 0;
}

.selection div.select_view {
	float: left;
	width: 32%;
	margin-right: 1.3%;
}

.select_view div.styledSelect {
	height: 35px;
	color: #535353;
	line-height: 38px;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	border-radius: 4px;
	border: none;
	background-clip: padding-box;
	background-color: #fff;
	margin-top: 5px;
}

.select_view .styledSelect:after {
	top: 16px;
}

.selection div.select_view:last-child {
	margin-right: 0;
}

.resource_search {
	background-color: #fff;
	padding-bottom: 60px;
}

.search-form {
	background-color: #177EDC;
	margin-bottom: 20px;
	padding: 15px 0;
}

.search-form h3 {
	display: inline-block;
	color: #fff;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 16px;
	font-weight: 500;
	margin: 7px 0 0 20px;
}

.search-form div.form {
	float: right;
	margin-right: 20px;
	margin-top: 0;
}

.search-form input[type="text"] {
	background-color: #fff;
	color: #535353;
}

.search-form input[type="submit"] {
	width: 30px;
	background: var(--blue-search) no-repeat center;
}

.result_table table {
	display: table;
	width: 100%;
}

.result_table tr {
	display: table-row;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
}

.result_table td {
	padding: 10px 0 10px 10px;
}

.result_table tr.hilighted {
	background-color: #EAF6FF;
}

.result_table th {
	text-align: left;
	color: #878787;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 500;
	padding: 8px 0 8px 10px;
}

.result_table td h3 {
	color: #202020;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
	font-weight: bold;
}

.result_table td p {
	color: #202020;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: normal;
	margin: 0 20px 0 0;
}

.result_table td p b {
	text-decoration: underline;
}

.result_table td p.has-icon {
	padding: 0;
	margin: 0;
}

.result_table td p i {
	display: block;
}

.result_table td a {
	color: #525252;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
	border: 1px solid #cbcbcb;
	border-radius: 4px;
	background-clip: padding-box;
	background-color: #092f6d;
	background-image: var(--gradient-light-gray);
	padding: 8px 15px;
}

.result_table td a:hover {
	background-image: var(--gradient-light-gray);
}

.icon-brochure i {
	width: 15px;
	height: 15px;
	background: var(--manual-icon-b) no-repeat 0 0;
}

.icon-brochure-white i {
	width: 15px;
	height: 15px;
	background: var(--manual-icon-b-white) no-repeat 0 0;
}

.icon-parts i {
	width: 17px;
	height: 15px;
	background: var(--part-icon) no-repeat 0 0;
}

.icon-parts-manual i {
	width: 17px;
	height: 15px;
	background: var(--part-icon) no-repeat 0 0;
}

.icon-manual i {
	width: 15px;
	height: 16px;
	background: var(--install-icon) no-repeat 0 0;
	margin-top: 0;
}

.icon-video i {
	width: 15px;
	height: 15px;
	background: var(--video-icon) no-repeat 0 0;
}

.icon-data-sheet i {
	width: 17px;
	height: 15px;
	background: var(--article-icon) no-repeat 0 0;
}

.icon-data-sheet-white i {
	width: 17px;
	height: 15px;
	background: var(--article-icon-white) no-repeat 0 0;
}

.resource_search .show_more {
	margin-top: 40px;
}

.resource_search .show_more:hover {
	background-image: var(--gradient-light-gray);
}


.icon-grid-white i {
	width: 16px;
	height: 16px;
	background: var(--grid-icon-white) no-repeat 0 0;
}

/* blog Page */

.blog_main {
	background-color: #fff;
	padding-bottom: 60px;
}

.blog-list li>a.blog-img {
	float: left;
	display: block;
	margin-right: 25px;
}

.blog-list-view {
	margin-bottom: 50px;
}

.blog-list-view>li {
	display: table;
	width: 100%;
	margin-bottom: 50px;
}

.blog-list-view>li:last-child {
	margin-bottom: 0;
}

.blog-list {
	float: left;
	margin-top: 20px;
	width: 70%;
}

.blog-list li div.blog-desc {
	float: right;
	width: 73%;
}

.blog-list li.no-img div.blog-desc {
	width: 100%;
}

.blog-list ul li em,
.post_content em {
	display: table;
	color: #1572cc;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 500;
	transition: color 0.15s ease-out;
}

.post_content em {
	margin-top: 20px;
}

.blog-list ul li em:hover {
	color: #05559A;
	transition: color 0.15s ease-out;
}

.blog-list ul li h3,
.post_content h2 {
	color: #212121;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.1;
	margin: 0 0 10px 0;
	letter-spacing: -0.01em;
	transition: color 0.15s ease-out;
}

.blog-list ul li h3:hover {
	color: #1A75CD;
	transition: color 0.15s ease-out;
}

.blog-list ul li p {
	float: left;
	color: #202020;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
	font-weight: normal;
	margin: 20px 0;
}

.blog-list ul li .read-more {
	float: left;
	display: inline-block;
	color: #525252;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 12px;
	font-weight: 500;
	background-color: #057bdf;
	text-transform: uppercase;
	background-image: url(../images/icons/icon-cc42b7641cf1dc63fff7943cf3166859.svg);
	background-image: var(--gradient-light-gray);
	border-radius: 4px;
	padding: 8px 40px;
	border: 1px solid #CCCCCC;
	margin-right: 20px;
}

.blog-list ul li .read-more:hover {
	background-image: var(--gradient-light-gray);
}

.post-date,
.post-cmnt {
	float: left;
	color: #6b7589;
	font-family: "Neue Helvetica W01";
	font-size: 12px;
	font-weight: normal;
	margin: 10px 20px 0 0;
}

.post-date i,
.post-cmnt i {
	float: left;
	display: block;
	margin-right: 5px;
}

.post-date i {
	width: 14px;
	height: 14px;
	background: var(--date-icon) no-repeat 0 0;
}

.post-cmnt i {
	width: 16px;
	height: 15px;
	background: var(--cmnt-icon) no-repeat 0 0;
}

.post-cmnt {
	margin-right: 0;
}

.social-count {
	display: table;
	margin: 0;
}

.social-count li {
	margin-right: 10px;
}

.social-count li a {
	display: table;
	min-width: 40px;
	height: 15px;
	color: #fff;
	text-align: center;
	font-family: "Proxima Nova W01", Arial;
	font-size: 10px;
	font-weight: 600;
	display: block;
	padding: 3px 5px 1px 0;
	border-radius: 4px;
}

.social-count li i {
	float: left;
	text-align: center;
	display: inline-block;
	width: 11px;
	height: 12px;
	display: block;
	background: var(--social-count)no-repeat;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	border: 1px solid;
	margin-top: -3px;
	margin-right: 5px;
}

.social-count li.fb_count a {
	background-color: #354E81;
}

.social-count li.fb_count a i {
	height: 11px;
	width: 6px;
	background-color: #4E69A0;
	border-color: #4E69A0;
	border-width: 4px 5px;
}

.social-count li.twit_count a {
	background-color: #3B8ECC;
}

.social-count li.twit_count i {
	width: 11px;
	height: 11px;
	background-position: -7px 1px;
	background-color: #59ADEB;
	border-color: #59ADEB;
	border-width: 4px 3px;
}

.social-count li.google_count a {
	background-color: #C4392E;
}

.social-count li.google_count i {
	width: 9px;
	background-position: -19px 0;
	background-color: #D8483B;
	border-color: #D8483B;
	border-width: 4px 4px 3px;
}

.social-count li.in_count a {
	background-color: #1573A5;
}

.social-count li.in_count i {
	width: 11px;
	height: 11px;
	background-position: -28px 0;
	background-color: #2588BB;
	border-color: #2588BB;
	border-width: 4px 3px;
}

.pagination {
	text-align: center;
	padding: 20px 0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

.pagination div a {
	display: inline-block;
	color: #525252;
	font-family: "Arial";
	font-size: 22px;
	font-weight: 500;
	line-height: 1;
	border-radius: 4px;
	background-color: #057bdf;
	background-image: url(../images/icons/icon-ab07cf5368711ad6c5ba4deb6249726b.svg);
	background-image: var(--gradient-light-gray);
	padding: 2px 46px;
	border: 1px solid #CCCCCC;
}

.pagination div a:hover {
	background-image: var(--gradient-light-gray);
}

.pagination ul {
	display: inline-block;
}

.pagination ul li a {
	display: block;
	color: #525252;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 12px;
	font-weight: 500;
	border: 1px solid #cbcbcb;
	border-right: none;
	background-clip: padding-box;
	background-color: #057bdf;
	background-image: var(--gradient-light-gray);
	padding: 5px 8px;
	transition: all 0.15s ease-out;
}

.pagination ul li:last-child a {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-right: 1px solid #cbcbcb;
}

.pagination ul li:first-child a {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}

.pagination ul li a:hover,
.pagination ul li a.active {
	box-shadow: inset 0 0 3px rgba(0, 0, 0, .2);
	background-image: var(--gradient-darker-gray);
	transition: all 0.15s ease-out;
}

/* MEPC-173: visually disable pagination while an AJAX page load is in flight
   to discourage mashing-clicks that previously queued many concurrent requests. */
.pagination.pagination-loading {
	opacity: 0.5;
	pointer-events: none;
	cursor: wait;
}

/* MEPC-173: ellipsis separators in pagination should look/behave non-interactive. */
.pagination ul li.dots span {
	display: block;
	color: #525252;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 12px;
	font-weight: 500;
	border: 1px solid #cbcbcb;
	border-right: none;
	background-clip: padding-box;
	background-image: var(--gradient-light-gray);
	padding: 5px 8px;
	cursor: default;
}

aside.blogger {
	margin-top: 20px;
}

.widget {
	display: table;
	margin-bottom: 20px;
	width: 100%;
}

.blog-search div.series_serach {
	width: 100%;
	margin-right: 0;
	max-width: inherit;
}

.popluar_post,
.blog_category {
	border: 1px solid #E0E0E0;
	border-radius: 4px;
}

.popluar_post h5,
.blog_category h5 {
	color: #212121;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 14px;
	font-weight: 500;
	padding: 10px 15px;
	margin: 0;
	background-color: #F5F5F5;
	border-bottom: 1px solid #E0E0E0;
}

.popluar_post h5:after,
.blog_category h5:after {
	display: block;
	float: right;
	content: '';
	width: 0;
	border: 5px solid;
	border-color: #888888 transparent transparent transparent;
	margin: 10px 0 0 8px;
}

.popluar_post a,
.blog_category a {
	display: table;
	color: #067bdf;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
	font-weight: 600;
	transition: color 0.15s ease-out;
	padding-left: 13px;
	position: relative;
}

.popluar_post li,
.blog_category li {
	line-height: 1.2;
}

.popluar_post a:hover,
.blog_category a:hover {
	color: #05559A;
	transition: color 0.15s ease-out;
}

.blog_category ul {
	padding: 20px;
}

.blog_category ul li {
	margin-bottom: 10px;
}

.blog_category a:before {
	display: block;
	float: left;
	content: '';
	width: 0;
	border: 5px solid;
	border-color: transparent transparent transparent #888888;
	position: absolute;
	top: 3px;
	left: 0;
}

.collapsible-title {
	cursor: pointer;
}

#popluar_post.active,
#category.active {
	border-bottom: none;
}

.popluar_post a {
	font-weight: 500;
	font-size: 13px;
}

.popular-list {
	padding: 10px;
}

/*.category-list,.popular-list{
	display: none;
}*/

.popluar_post li {
	margin: 10px;
}

.popluar_post li a {
	padding-left: 20px;
	position: relative;
}

.popluar_post a:before {
	position: absolute;
	content: '';
	width: 11px;
	height: 40px;
	display: block;
	background: var(--post-icon) no-repeat 0 0;
	left: 0;
	top: 3px;
}

.slide-signup {
	background: var(--slidebar-bg) no-repeat 0 0;
	background-size: cover;
	padding: 25px 20px 15px;
	margin-top: 20px;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.slide-signup div.form label {
	display: table;
	color: #fff;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	font-size: 30px;
	margin: 0 0 18px 0;
}

.slide-signup div.form {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.slide-signup input[type="text"],
.slide-signup input[type="email"] {
	width: 100%;
	height: 36px;
	color: #3d3d3d;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	border-radius: 4px;
	background-clip: padding-box;
	background-color: #fff;
	border: none;
	margin: 0 0 14px 0;
	padding-left: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.slide-signup input[type="button"] {
	border-radius: 4px;
	width: 55%;
	color: #fff;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	background-image: var(--gradient-green);
	border: none;
	padding: 8px 0;
	cursor: pointer;
}

.slide-signup input[type="button"]:hover {
	background-image: var(--gradient-green);
}

/*post page*/

.post {
	display: inline-block;
	width: 70%;
	padding-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.post_content h2 {
	font-size: 32px;
	margin: 10px 0 20px 0;
}

.post_content .social-count {
	margin-bottom: 30px;
}

.post_content img {
	width: 100%;
	margin-bottom: 30px;
}

.post_content p strong {
	color: #202020;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.6;
	margin: 20px 0 !important;
}

.post_content .quote_section {
	width: 100%;
	border-top-left-radius: 1px;
	border-top-right-radius: 1px;
}

.post_content .quote_section h5 {
	color: #fff;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 14px;
	font-weight: 500;
	padding: 10px 15px;
	margin: 0;
	background-image: url(../images/icons/icon-a0198bb77219791dd627aa00d1537d06.svg);
	background-image: var(--gradient-orange);
	cursor: pointer;
}

.post_content .quote_section h5:after {
	display: block;
	float: right;
	content: '';
	width: 0;
	border: 5px solid;
	border-color: #fff transparent transparent transparent;
	margin: 10px 0 0 8px;
}

.post_content .quote_section label {
	display: table;
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 5px;
}

.post_content .quote_section label.check {
	color: #525252;
}

.post_content .quote_section form {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.post_content .quote_section input[type=text] {
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	display: table;
	height: 28px;
	width: 60%;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	background-clip: padding-box;
	background-color: #fff;
	margin-bottom: 15px;
	padding: 0 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.post_content .quote_section select {
	width: 60%;
	height: 30px;
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	margin-bottom: 15px;
}

.post_content div.styledSelect {
	line-height: 28px;
}

.post_content .styledSelect:after {
	top: 13px;
}

#contact-message {
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	width: 60%;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	background-clip: padding-box;
	background-color: #fff;
	margin-bottom: 15px;
	padding: 12px 0 12px 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.quote_section form {
	padding: 15px;
	border: 1px solid #e0e0e0;
	border-bottom-left-radius: 1px;
	border-bottom-right-radius: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.quote_section .check {
	float: none;
}

.quote_section .check input[type="checkbox"],
.quote_section .check input[type="radio"] {
	opacity: 0;
}

.quote_section .check span {
	border: 1px solid #C0C0C0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.quote_section .check_icon {
	margin: -6px 10px 0 0;
	right: 0;
	top: 2px;
}

.quote_section .check span.before {
	position: absolute;
	top: 3px;
	left: 3px;
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 10px;
	/*background: url("../images/gray_tick.png") no-repeat 0 0;*/
}

.quote_section .check.active span {
	border: none;
}

.radio-block .check {
	background-image: none;
}

.radio-block .check .check_icon {
	border-radius: 100%;
	background-color: #fff
}

.radio-block .check.active span:before {
	background-image: none;
	top: 0;
	left: 0px;
}

.radio-block .check .check_icon {
	width: 15px;
	height: 15px;
	top: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.radio-block .check span {
	background-color: transparent;
	border: 2px solid #C0C0C0;
}

.radio-block .check.active span {
	background-color: transparent;
	border: 4px solid #F16B3F;
}

.radio-block {
	margin-bottom: 15px;
}

.quote_section input[type="submit"] {
	display: table;
	height: 28px;
	width: 40%;
	color: #fff;
	text-transform: uppercase;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 12px;
	font-weight: 500;
	border-radius: 4px;
	border: none;
	background-image: url(../images/icons/icon-c69aca2c80f28d9e494c168f8730ab0f.svg);
	background-image: var(--gradient-green);
}

.quote_section input[type="submit"]:hover {
	background-image: var(--gradient-green);
}

.quote_section {
	display: table;
	margin-bottom: 40px;
}

.post_content h3 {
	display: table;
	width: 100%;
	color: #212121;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 24px;
	font-weight: 500;
	margin: 0 0 -10px 0;
}

.post_content div.text ul {
	margin-left: 40px;
	display: table;
}

.post_content p {
	margin-bottom: 20px !important;
}

.post_content p.alignleft {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.post_content p,
.post_content div.text ul li,
.post_content div.text ol li {
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 15px;
	line-height: 1.8;
	font-weight: 300;
}

.post_content div.text ul li {
	list-style: disc;
	font-style: 14px;
	list-style-color: #6b7589;
}

.post_content div.text ol li {
	list-style: decimal;
	font-style: 14px;
	list-style-color: #6b7589;
}

img.alignright {
	width: auto;
	margin: 0 0 0 4%;
}

blockquote {
	float: left;
	display: table;
	color: #e9613f;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 24px;
	padding-left: 30px;
	line-height: 1.2;
	border-left: 5px solid #DFDFDF;
	margin: 30px 0;
}

.post_content h4 {
	float: left;
	color: #212121;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 20px;
	font-weight: 500;
	margin: 0 0 -10px 0;
}

.slides li div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.slides li p {
	text-align: center;
	float: none;
	margin: 0;
	display: block;
	color: #fff;
	font-family: "Neue Helvetica W01";
	font-size: 15px;
	background-color: #000;
	padding: 20px 0;
	margin: 0 !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.post-slider {
	width: 100%;
}

.post-slider .bx-wrapper {
	max-width: 100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.post-slider .bx-wrapper .bx-viewport {
	width: auto !important;
	height: auto !important;
	left: 0;
	margin-bottom: 0;
}

.post-slider .bx-wrapper .bx-pager {
	display: none;
}

.post-slider .bx-wrapper .bx-controls-direction a {
	display: block;
	width: 61px;
	height: 61px;
	transition: opacity 0.15s ease-out;
}

.post-slider .bx-wrapper .bx-controls-direction a.bx-prev {
	opacity: 0.8;
	left: 20px;
	margin-top: -6%;
	background: var(--slider-larrow);
}

.post-slider .bx-wrapper .bx-controls-direction a.bx-next {
	opacity: 0.8;
	right: 60px;
	margin-top: -6%;
	background: var(--slide-rarrow);
}

.post-slider .bx-wrapper .bx-controls-direction a:hover {
	opacity: 1;
	transition: opacity 0.15s ease-out;
}

.post_content table {
	display: table;
	width: 100%;
	border: 1px solid #CDCDCD;
	margin-bottom: 40px;
}

.post_content table tr {
	display: table-row;
	text-align: left;
	border-bottom: 1px solid #CDCDCD;
	margin-left: 10px;
}

.post_content table tr.table-heading {
	background-color: #fbfbfb;
}

.post_content table tr th {
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
	font-weight: bold;
	padding: 15px;
}

.post_content table tr td {
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
	padding: 15px;
}

.post-pagination div a {
	color: #525252;
	width: 100%;
	width: 150px;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 500;
	padding: 8px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.add_comment .cmnt_heading {
	padding: 15px 0;
	border-bottom: 1px solid #E0E0E0;
}

.add_comment .cmnt_heading h3 {
	float: left;
	color: #212121;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 18px;
	font-weight: 500;
	margin: 3px 0 0 0;
}

.add_comment .cmnt_heading h3 i {
	float: left;
	width: 16px;
	height: 16px;
	display: block;
	background: var(--cmnt-icon) no-repeat 0 0;
	margin: 7px 10px 0 0;
}

.add_comment .cmnt_heading a {
	float: right;
	color: #fff;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 12px;
	font-weight: 500;
	border-radius: 4px;
	text-transform: uppercase;
	box-shadow: inset 0 1px 1px #3e7ee2;
	background-image: url(../images/icons/icon-e659eafc746119b32a27d5ddf7801c76.svg);
	background-image: var(--gradient-blue);
	padding: 8px 15px;
}

.add_comment .cmnt_heading a:hover {
	background-image: var(--gradient-blue);
}

.comment_list {
	border-bottom: 1px solid #EAEAEA;
}

.comment_list img {
	float: left;
	margin-right: 15px;
}

.comment_list li {
	display: table;
	padding: 13px 15px 25px 15px;
	transition: color 0.2s ease-out;
}

.comment_list div {
	width: 93%;
	display: table-cell;
	vertical-align: middle;
}

.comment_list div h6 {
	display: inline-block;
	color: #1b8df7;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	transition: color 0.2s ease-out;
}

.comment_list div h6:hover {
	color: #05559A;
	transition: color 0.2s ease-out;
}

.comment_list div h6 em {
	color: #919191;
	font-size: 12px;
	margin-left: 12px;
}

.comment_list div p {
	color: #373737;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
	font-weight: normal;
	line-height: 21px;
	margin: 5px 0 0 0;
}

.cmnt_write {
	display: none;
	padding: 30px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #EAEAEA;
}

.cmnt_write h3 {
	color: #212121;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.02em;
	margin: 0 0 20px 0;
}

.cmnt_write input {
	margin-bottom: 20px;
}

.cmnt_write input[type="text"] {
	width: 100%;
	max-width: 310px;
	display: block;
	color: #4d4d4d;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	height: 38px;
	border: 1px solid #c9c9c9;
	border-radius: 4px;
	background-clip: padding-box;
	background-color: #fff;
	padding: 0 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.cmnt_write textarea#styled {
	width: 85%;
	max-width: 520px;
	max-height: 88px;
	display: block;
	color: #4d4d4d;
	font-size: 13px;
	border: 1px solid #c9c9c9;
	font-family: "Neue Helvetica W01";
	border-radius: 4px;
	background-clip: padding-box;
	background-color: #fff;
	padding: 12px;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.cmnt_write input[type="button"] {
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-weight: 500;
	padding: 8px 15px;
	text-transform: uppercase;
	border-radius: 4px;
	border: none;
	background-image: var(--gradient-green);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
}

.cmnt_write input[type="button"]:hover {
	background-image: var(--gradient-green);
}

.cmnt_write>p {
	margin-bottom: 20px;
	font-size: 13px;
}

/*login Page*/

.login-intro {
	box-shadow: inset 0 -1px 0 #e4e4e4;
	background-color: #fff;
}

.login-intro .breadcrumbs {
	padding: 25px 0;
}

.login-main {
	background-color: #fff;
	padding: 40px 0;
}

.login-main div.login-form,
.login-main .guarantee {
	float: left;
	width: 49%;
	margin-bottom: 2%;
}

.login-main div.login-save,
.login-main div.confidence {
	float: right;
	width: 49%;
	margin-right: 0;
	margin-bottom: 2%;
}

.login-main div.login-form,
.login-main div.login-save {
	min-height: 360px;
}

.login-main .guarantee,
.login-main div.confidence {
	height: 150px;
}

.login-form {
	padding: 5%;
}

.login-form,
.guarantee,
.confidence {
	background-color: #fff;
	background-image: var(--gradient-lightest-gray);
	background-image: var(--gradient-lightest-gray);
	background-image: var(--gradient-lightest-gray);
	background-image: var(--gradient-lightest-gray);
	border: 1px solid #cecece;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.login-form h2,
.register-form h2,
.unsubscribe-form h2 {
	color: #212121;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -0.03em;
	margin: 0 0 20px 0;
}

.login-form form {
	width: 100%;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.login-form label,
.login-form p {
	float: left;
	width: 100%;
}

.login-form label,
.login-form p,
.register-form label,
.register-form p,
.unsubscribe-form label,
.unsubscribe-form p {
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 5px;
}

.login-form input,
.register-form input[type="text"],
.register-form input[type="email"],
.unsubscribe-form input[type="text"],
.register-form input[type="password"],
.register-form textarea,
.form-full textarea,
.edit-billing-address input[type="text"],
.check-left input[type="text"],
.check-left input[type="email"],
.check-left input[type="tel"],
.check-left input[type="file"],
.check-left input[type="password"],
.lightbox-form input[type="text"],
.lightbox-form input[type="password"] {
	height: 40px;
	width: 90%;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	background-color: #fff;
	-webkit-box-shadow: none;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
	padding: 0 12px;
	font-family: 'Proxima Nova W01', 'Neue Helvetica W01', Arial;
	font-size: 15px;
	font-weight: 500;
	color: #535353;
}









.lightbox-form input[type="text"],
.lightbox-form input[type="password"] {
	width: 100%;
}

.lightbox-form select {
	height: 40px;
	line-height: 40px;
}

.register-form textarea,
.form-full textarea {
	height: 100px;
	padding: 12px;
}

.login-form input[type="submit"] {
	float: left;
	width: 100%;
	max-width: 100px;
	text-transform: uppercase;
	color: #fff;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
	font-weight: bold;
	height: auto;
	border: none;
	background-color: #0959B4;
	box-shadow: inset 0 1px 1px #3e7ee2;
	background-image: url(../images/icons/icon-bf85fe8965dd44c65e88a89b7ce86edf.svg);
	background-image: var(--gradient-blue);
	padding: 10px 20px;
	margin: 0;
}

.login-form input[type="submit"]:hover {
	background-image: var(--gradient-blue);
}

.login-form input[type="submit"].loading {
	position: relative;
	color: transparent;
	opacity: 0.7;
	cursor: wait;
}

.login-form input[type="submit"].loading::after {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px;
	border: 2px solid #fff;
	border-top-color: transparent;
	border-radius: 50%;
	animation: btn-spinner 0.8s linear infinite;
}

@keyframes btn-spinner {
	to {
		transform: rotate(360deg);
	}
}

.login-form p {
	width: auto;
	margin: 13px 0 0 15px;
}

.login-form p a {
	color: #878787;
	transition: color 0.2s ease-out;
}

.login-form p a:hover {
	color: #177EDC;
	transition: color 0.2s ease-out;
}

.login-save {
	padding: 4.6% 4%;
	background-color: #fff;
	border: 1px solid #cdcdcd;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.login-save h3 {
	color: #067bdf;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 32px;
	line-height: 1.2;
	font-weight: 500;
	margin: 0 0 15px 0;
}

.login-save ul li {
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
	margin-bottom: 15px;
}

.login-save ul li:last-child {
	margin-bottom: 0;
}

.login-save ul li i {
	float: left;
	width: 14px;
	height: 14px;
	margin: 3px 5px 15px 0;
	background: var(--stock) no-repeat 0 0;
}

.login-save a {
	display: inline-block;
	color: #fff;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	border-radius: 4px;
	background-color: #ed6038;
	background-image: url(../images/icons/icon-fbc752f666bc04923ce28385b91fd5d9.svg);
	background-image: var(--gradient-orange);
	border: 1px solid #ed6137;
	padding: 8px 20px;
	margin-top: 20px;
}

.login-save a:hover {
	background-image: var(--gradient-orange);
}

.guarantee,
.confidence {
	padding: 15px;
	margin-bottom: 0;
}

.guarantee img,
.confidence div.AuthorizeNetSeal {
	float: left;
	margin-right: 3%;
}

.guarantee div.desc,
.confidence div.desc {
	float: left;
	width: 68%;
	margin-top: 15px;
}

.guarantee div.desc {
	margin-top: 25px;
}

.confidence {
	padding: 4%;
	padding: 25px 15px;
}

.guarantee div.desc h4,
.confidence div.desc h4 {
	color: #202020;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 18px;
	font-weight: 500;
	margin: 0 0 5px 0;
}

.guarantee div.desc p,
.confidence div.desc p {
	color: #525252;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	margin: 0;
	line-height: 1.6;
}

.guarantee div.desc a {
	display: inline-block;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	color: #177EDC;
	transition: color 0.2s ease-out;
}

.guarantee div.desc a:hover {
	color: #05559A;
	transition: color 0.2s ease-out;
}

/* Register */

.register-aside {
	width: 40%;
	max-width: inherit;
	background: var(--aside-bg) no-repeat 0 0;
	background-size: cover;
	border-radius: 4px;
}

.register-aside .conditions {
	padding: 20px;
}

.register-aside .conditions h2 {
	color: #fff;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.2;
	margin: 0 0 20px 0;
}

.register-aside .conditions img {
	position: relative;
	display: table;
	margin: 0 auto;
	top: -45px;
	margin-bottom: -40px;
}

.register-aside .conditions ul li i {
	float: left;
	width: 14px;
	height: 14px;
	background: var(--orange-tick) no-repeat 0 0;
	margin: 4px 10px 15px 0;
}

.register-aside .conditions li {
	color: #fff;
	font-family: "Neue Helvetica W01";
	line-height: 1.5;
	font-size: 15px;
	margin-bottom: 10px;
}

.register-form {
	float: right;
	width: 56%;
	border: 1px solid #E0E0E0;
}

.register-form .collapsible form {
	border-bottom: 1px solid #E0E0E0;
}

.register-form .collapsible-title {
	position: relative;
	color: #212121;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 18px;
	font-weight: 500;
	padding: 10px 0 10px 20px;
	background-color: #F5F5F5;
	margin: 0;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
}

.register-form .collapsible-title:after {
	content: '';
	border: 5px solid;
	border-color: transparent transparent transparent #212121;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -3px;
}

.register-form .collapsible-title.selected:after {
	border-color: #212121 transparent transparent transparent;
}

.register-form .collapsible-title span {
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: normal;
	margin-left: 20px;
}

.register-form .collapsible-title+div.collapsible {
	display: none;
}

.checkout-form label {
	float: none;
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.register-form label.check {
	width: auto;
	color: #525252;
}

.checkout-form input[type="text"],
.checkout-form input[type="file"],
.checkout-form input[type="password"],
.checkout-form input[type="email"] {

	width: 80% !important;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

.checkout-form select {
	width: 80% !important;
	height: 40px;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.checkout-form .field-row {
	display: flex;
	gap: 15px;
	width: 80%;
}

.checkout-form .field-row .field-col {
	flex: 1;
}

.checkout-form .field-row .field-col label {
	width: 100%;
}

.checkout-form .field-row .field-col input[type="text"],
.checkout-form .field-row .field-col select {
	width: 100% !important;
}

.checkout-form .field-row-city-state-zip .field-city  { flex: 3; }
.checkout-form .field-row-city-state-zip .field-state { flex: 2; }
.checkout-form .field-row-city-state-zip .field-zip   { flex: 2; }

.checkout-form .field-hint {
	color: #b0b0b0;
	font-weight: normal;
	font-size: 11px;
}

@media (max-width: 600px) {
	.checkout-form .field-row {
		flex-direction: column;
		gap: 0;
		width: 100%;
	}
}

.register-form input[type="text"]:last-child {
	margin-bottom: 0;
}

.register-form div.form,
.register-form .checkout-heading,
.register-form .recive {
	padding: 7%;
	position: relative;
}

.register-form div.form {
	padding-top: 0;
	position: relative;
}

.register-form .recive .register-form .checkout-heading {
	padding-bottom: 0;
	margin-bottom: 20px;
}

.register-form .recive {
	padding: 20px 7%;
}

.register-form h2 {
	margin-bottom: 10px;
}

.terms {
	position: relative;
}

.terms label {
	display: inline-block;
	font-size: 16px;
}

.terms a {
	display: inline-block;
	color: #067bdf;
	font-family: "Neue Helvetica W01";
	font-size: 16px;
	font-weight: normal;
	margin-left: 5px;
}

.terms a:hover {
	text-decoration: underline;
}

.register-form p {
	font-size: 16px;
}

.register-form .green_button {
	float: left;
}

.register-form .recive form {
	padding: 0;
}

.register-form h6 {
	color: #212121;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 18px;
	font-weight: 500;
	margin: 0 0 20px 0;
}

.register-form .recive .check_icon {
	right: 0;
	margin-right: 10px;
}

.register-form .recive input[type="checkbox"] {
	opacity: 0;
}

.register-form .collapsible .recive div.form {
	padding-top: 0;
	border-bottom: 0;
	position: relative;
}

.register-form .check_icon {
	width: 17px;
	height: 17px;
}

.register-form hr {
	border-top: 1px solid #E0E0E0;
	margin: 10px 0;
}

.register-form .check span:before {
	display: table;
	top: 4px;
	left: 3px;
	position: absolute;
	content: '';
	width: 11px;
	height: 9px;
	/*background: url(../images/big_gray_tick.png)no-repeat 0 0;
	background-size: cover;*/
}

.register-form .check span {
	background-color: #fff;
	border: 1px solid #C0C0C0;
	position: relative;
}

.register-form .check.active span {
	background-color: #ED653F;
	border-color: #ED653F;
}

.register-form .check.active .check_icon {
	width: 17px;
	height: 17px;
}

.register-form .check.active span:before {
	background: var(--white-tick) no-repeat 0 0;
	background-size: cover;
}

.register-form .check a {
	color: #177EDC;
	transition: color 0.2s ease-out;
}

.register-form .check a:hover {
	color: #05559A;
}

.register-form .recive input[type="text"] {
	width: 50%;
}

.register-form .green_button {
	padding: 10px 20px;
	letter-spacing: 0.1em;
}

.register-form .green_button:hover {
	background-image: var(--gradient-green);
}

.register {
	padding-top: 50px;
}

.register-form .zip-code,
.register-form .phone-number {
	width: 39%;
}

.register-form .zip-code {
	margin-right: 2%;
}

.register-form .zip-code input,
.register-form .phone-number input {
	width: 100%;
}

.register-form .phone-number {
	margin-bottom: 20px;
}

.register-form .birth-date {
	display: table;
	width: 80%;
}

.register-form .birth-date select {
	width: 32%;
	margin-right: 1.9%;
}

.register-form .birth-date select:last-of-type {
	margin-right: 0;
}

.register-form .birth-date div.styledSelect {
	width: 100%;
	margin-bottom: 0;
}

.register-form .radio-box input[type="radio"] {
	opacity: 0;
}

.register-form .radio-box .check_icon {
	right: 0;
	margin: 0 10px 0 0;
}

.register-form .radio-box label.check {
	display: inline-block;
	margin-right: 10px;
}

.register-form .radio-box .check span.check_icon {
	bottom: -2px;
	position: relative;
	border-radius: 100%;
	border: 2px solid #C3C3C3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.register-form .radio-box .check span:before {
	background-image: none;
}

.register-form .radio-box .check.active span {
	bottom: -5px;
	border: 5px solid #F16A3F;
	background-color: #fff;
	background-image: none;
}

/* Unsubscribe */

.unsubscribe-form {
	border: 1px solid #E0E0E0;
}

.unsubscribe-form .collapsible form {
	border-bottom: 1px solid #E0E0E0;
}

.unsubscribe-form .collapsible-title {
	position: relative;
	color: #212121;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 18px;
	font-weight: 500;
	padding: 10px 0 10px 20px;
	background-color: #F5F5F5;
	margin: 0;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
}

.unsubscribe-form .collapsible-title:after {
	content: '';
	border: 5px solid;
	border-color: transparent transparent transparent #212121;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -3px;
}

.unsubscribe-form .collapsible-title.selected:after {
	border-color: #212121 transparent transparent transparent;
}

.unsubscribe-form .collapsible-title span {
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: normal;
	margin-left: 20px;
}

.unsubscribe-form .collapsible-title+div.collapsible {
	display: none;
}

.unsubscribe-form label.check {
	width: auto;
	color: #525252;
}

.unsubscribe-form input[type="text"],
.checkout-form input[type="file"],
.checkout-form input[type="password"] {

	width: 80% !important;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

.unsubscribe-form select {
	height: 40px;
	margin-bottom: 20px;
}

.unsubscribe-form input[type="text"]:last-child {
	margin-bottom: 0;
}

.unsubscribe-form div.form,
.unsubscribe-form .checkout-heading,
.unsubscribe-form .recive {
	padding: 4%;
	position: relative;
}

.unsubscribe-form div.form {
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
}

.unsubscribe-form .recive .unsubscribe-form .checkout-heading {
	padding-bottom: 0;
	margin-bottom: 20px;
}

.unsubscribe-form h2 {
	margin-bottom: 10px;
}

.unsubscribe-form p {
	font-size: 16px;
}

.unsubscribe-form .green_button {
	float: left;
}

.unsubscribe-form .recive form {
	padding: 0;
}

.unsubscribe-form h6 {
	color: #212121;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 18px;
	font-weight: 500;
	margin: 0 0 20px 0;
}

.unsubscribe-form .recive .check_icon {
	right: 0;
	margin-right: 10px;
}

.unsubscribe-form .recive input[type="checkbox"] {
	opacity: 0;
}

.unsubscribe-form .collapsible .recive div.form {
	padding-top: 0;
	border-bottom: 0;
	position: relative;
}

.unsubscribe-form .check_icon {
	width: 17px;
	height: 17px;
}

.unsubscribe-form hr {
	border-top: 1px solid #E0E0E0;
	margin: 10px 0;
}

.unsubscribe-form .check span:before {
	display: table;
	top: 4px;
	left: 3px;
	position: absolute;
	content: '';
	width: 11px;
	height: 9px;
	/*background: url(../images/big_gray_tick.png)no-repeat 0 0;
	background-size: cover;*/
}

.unsubscribe-form .check span {
	background-color: #fff;
	border: 1px solid #C0C0C0;
	position: relative;
}

.unsubscribe-form .check.active span {
	background-color: #ED653F;
	border-color: #ED653F;
}

.unsubscribe-form .check.active .check_icon {
	width: 17px;
	height: 17px;
}

.unsubscribe-form .check.active span:before {
	background: var(--white-tick) no-repeat 0 0;
	background-size: cover;
}

.unsubscribe-form .check a {
	color: #177EDC;
	transition: color 0.2s ease-out;
}

.unsubscribe-form .check a:hover {
	color: #05559A;
}

.unsubscribe-form .recive input[type="text"] {
	width: 50%;
}

.unsubscribe-form .green_button {
	padding: 10px 20px;
	letter-spacing: 0.1em;
}

.unsubscribe-form .green_button:hover {
	background-image: var(--gradient-green);
}

.unsubscribe {
	padding-top: 50px;
}

.unsubscribe-form .radio-box input[type="radio"] {
	opacity: 0;
}

.unsubscribe-form .radio-box .check_icon {
	right: 0;
	margin: 0 10px 0 0;
}

.unsubscribe-form .radio-box label.check {
	display: inline-block;
	margin-right: 10px;
}

.unsubscribe-form .radio-box .check span.check_icon {
	bottom: -2px;
	position: relative;
	border-radius: 100%;
	border: 2px solid #C3C3C3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.unsubscribe-form .radio-box .check span:before {
	background-image: none;
}

.unsubscribe-form .radio-box .check.active span {
	bottom: -5px;
	border: 5px solid #F16A3F;
	background-color: #fff;
	background-image: none;
}

/* mobile-menu */

.backto-site {
	display: none;
}

.mobile-menu {
	display: none;
	width: 100%;
	background: var(--mobile-menu-bg) no-repeat 0 0;
	background-size: cover;
}

.mobile-menu div {
	width: 15%;
	float: left;
	text-align: center;
	border-right: 1px solid #2180D9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 52px;
}

.mobile-menu div:last-child {
	border-right: none;
}

.mobile-menu div img {
	padding: 20px 0 0 0;
}

.mobile-menu div.mobile-logo {
	width: 40%;
}

.mobile-menu div.mobile-logo img {
	padding: 10px 0 0 0;
}

.checkout .green_button {
	float: right;
	margin: 8px 0 0 20px;
	padding: 10px 25px;
}

.checkout .green_button:hover {
	background-image: var(--gradient-green);
}

.checkout em {
	color: #fff;
	margin-top: 23px;
}

.checkout .call {
	margin-top: 5px;
	background: var(--call-icon-mobile) no-repeat 0 0;
	background-size: cover;
}

.checkout-main {
	background-color: #fff;
	padding: 10px 0 20px 0;
}

.checkout-main .checkout-heading h1 {
	color: #212121;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 35px;
	letter-spacing: -0.03em;
	font-weight: 300;
}

.checkout-step {
	max-width: 480px;
	background-color: #F4F4F4;
	margin-top: 25px;
}

.checkout-step li {
	position: relative;
	float: left;
	color: #878787;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 16px;
	font-weight: 500;
	background-color: #ed6038;
	background-image: url(../images/icons/icon-9c6972f1208a4408504a54fe29fb47ad.svg);
	background-image: var(--gradient-light-gray);
	border: 1px solid #CCCCCC;
	border-right: 0;
	padding: 12px 10px 12px 24px;
}

.checkout-step li:after {
	display: block;
	position: absolute;
	width: 16px;
	content: '';
	top: 0px;
	right: -15px;
	z-index: 10;
	height: 46px;
	background: var(--check-step) no-repeat 0 0;
}

.checkout-step li:last-child {
	border-right: 1px solid #CCCCCC;
}

.checkout-step li:last-child:after {
	display: none;
}

.checkout-step li:first-child {
	padding-left: 10px;
}

.checkout-step li span,
.check-left label.security-label span {
	float: left;
	width: 20px;
	height: 20px;
	display: block;
	text-align: center;
	color: #fff;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.7;
	border-radius: 100px;
	background-color: #888888;
	margin-right: 10px;
}

.checkout-step li.visited span {
	background: var(--white-tick) #888888 no-repeat center;
}

.checkout-step li.active span {
	background-image: none;
}

.check-review .checkout-step li:first-child.visited:after {
	background: var(--check-step) no-repeat 0 0;
}

.checkout .call {
	margin-top: 0;
}

.checkout em {
	color: #fff;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
}

.checkout-step li.active:after {
	background: var(--check-active) no-repeat 0 0;
	background-size: cover;
}

.checkout-step li.active {
	background-color: #ed6038;
	color: #fff;
	background-image: url(../images/icons/icon-05a146cd78cc79bc0160e25c5a804b3f.svg);
	background-image: -moz-linear-gradient(bottom, #ed5f37 -4.5%, #ff7b33 104.5%);
	background-image: -o-linear-gradient(bottom, #ed5f37 -4.5%, #ff7b33 104.5%);
	background-image: -webkit-linear-gradient(bottom, #ed5f37 -4.5%, #ff7b33 104.5%);
	background-image: linear-gradient(bottom, #ed5f37 -4.5%, #ff7b33 104.5%);
	border-color: #ed6038;
}

.checkout-step li.active span {
	background-color: #fff;
	color: #EE653F;
}

.check-order-desc {
	float: left;
	width: 62%;
}

.check-left {
	width: 100%;
	display: table;
	border: 1px solid #E0E0E0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.check-left h5,
.checkout-aside h5,
.edit-billing-address h5 {
	color: #212121;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 18px;
	font-weight: 500;
	border-bottom: 1px solid #dfdfdf;
	background-color: #fff;
	background-image: url(../images/icons/icon-fa62003f7e64c3d4601da825ff5bc408.svg);
	background-image: var(--gradient-lighter-gray);
	margin: 0;
	padding: 12px 20px;
}

.check-left .billing>div.holder {
	display: table;
	width: 100%;
	padding: 30px;
	border-bottom: 1px solid #E0E0E0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.check-left address {
	display: table;
	color: #202020;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
	line-height: 1.6;
	font-weight: normal;
	font-style: normal;
	margin: 0 0 15px 0;
}

.check-left .billing a {
	color: #067bdf;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
}

.check-left .billing a:hover {
	text-decoration: underline;
}

.check-left h5 span {
	margin-left: 15px;
}

.check-left h5 span,
.check-left label,
.edit-billing-address label,
.lightbox-form label {
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
	font-weight: normal;
}

.check-left label,
.edit-billing-address label,
.lightbox-form label {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.check-left .pill {
	max-width: 100%;
	width: 100%;
	margin-bottom: 0;
}

.check-left .pill li {
	width: 50%;
	max-width: inherit;
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: bold;
	border-top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0;
	padding: 6px;
	background-color: #092f6d;
	background-image: url(../images/icons/icon-9cbd8b3de0198143b89a0e003706f80a.svg);
	background-image: var(--gradient-light-gray);
	cursor: pointer;
}

.check-left .pill li.active {
	position: relative;
	box-shadow: inset 0 0 3px rgba(0, 0, 0, .13);
	background-image: url(../images/icons/icon-b378750cd581d085d0ec0d2ff00765b4.svg);
	background-image: var(--gradient-medium-gray);
	background-image: var(--gradient-medium-gray);
	background-image: var(--gradient-medium-gray);
	background-image: var(--gradient-medium-gray);
	border-color: #cbcbcb;
}

.check-left .pill li.active:after {
	position: absolute;
	display: block;
	content: '';
	border: 8px solid;
	bottom: -15px;
	left: 50%;
	border-color: #D7D7D7 transparent transparent transparent;
	margin-left: -6px;
}

.check-left .pill li:last-child {
	border-right: 0;
}

.check-left .pill li:first-child {
	border-left: 0;
}

.check-left .payment>div {
	padding: 25px;
	display: table;
}

.check-left .payment > .tabs {
	display: block;
}

.check-left .payment-details>div {
	padding: 25px;
	display: table;
}

.check-left .payment-details > .tabs {
	display: block;
}

.check-left .check-payment {
	display: table;
	margin-bottom: 20px;
}

.check-left .check-payment li {
	margin-right: 10px;
	opacity: 0.85;
	transition: opacity 0.2s ease;
}

.check-left .check-payment.has-match li {
	opacity: 0.4;
}

.check-left .check-payment.has-match li.active {
	opacity: 1;
}

.check-left input[type="text"],
.check-left input[type="file"],
.check-left input[type="password"] {
	float: left;
	width: 60%;
}

.check-left .payment>div.tabs>div {
	display: none;
}

.check-left .payment>div.tabs>div.active {
	display: block;
}

.check-left .payment-details>div div.expiration {
	display: table;
	width: 100%;
	margin-bottom: 20px;
}

.check-left .payment-details>div div.expiration select {
	float: left;
	width: 20%;
	margin-right: 2%;
	height: 40px;
}

.check-left .expiration select:last-of-type {
	margin-right: 0;
}

.check-left label.security-label span {
	float: none;
	width: 15px;
	height: 15px;
	line-height: 1.3;
	font-weight: bold;
	display: inline-block;
}

#security {
	width: 20%;
}

.paypal {
	float: left;
}

.paypal h5,
.order h5 {
	float: left;
	background: #fff;
	border: none;
	padding: 0;
	margin-bottom: 15px;
}

.paypal p,
.order p {
	float: left;
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 15px;
}

.paypal a {
	float: left;
}

.order div.purchase-order-form {
	max-width: 60%;
	position: relative;
}

.order div.purchase-order-form img {
	position: absolute;
	top: 105px;
	left: 105%;
}

.order input[type="text"] {
	width: 100%;
}

.checkout-aside {
	width: 35%;
	border: 1px solid #E0E0E0;
	position: sticky;
	top: 20px;
	align-self: flex-start;
}

.checkout-aside h5 span {
	float: right;
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	margin-top: 5px;
}

.checkout-aside .order-list li {
	width: 100%;
	padding: 15px;
	border-bottom: 1px solid #E0E0E0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.checkout-aside .order-list li>a {
	display: block;
	float: left;
	width: 65px;
	height: 40px;
	text-align: center;
	margin-right: 15px;
}

.checkout-aside .order-list li img {
	height: auto;
	width: auto;
	max-width: 70px;
	max-height: 40px;
}

.checkout-aside .order-list li div {
	display: table;
	width: 74%;
}

.checkout-aside .order-list li p {
	color: #212121;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
	font-weight: bold;
	transition: color 0.2s ease-out;
}

.checkout-aside .order-list li p:hover {
	color: #067bdf;
	transition: color 0.2s ease-out;
}

.checkout-aside .order-list li em {
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
	font-weight: bold;
}

.has-discount span {
	display: block;
}

.has-discount span.original {
	text-decoration: line-through;
	color: #ccc;
}

.coupon-form {
	width: 100%;
	padding: 15px;
	background-color: #F7F7F7;
	border-bottom: 1px solid #E0E0E0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.coupon-form input[type="text"],
.cart-details .coupon-form input[type="text"] {
	width: 55%;
	float: left;
	height: 26px;
	opacity: .5;
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	border: 1px solid #c0c0c0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	padding: 0 12px;
	-webkit-box-shadow: none;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.coupon-form input[type="submit"],
.cart-details .coupon-form input[type="submit"] {
	width: 45%;
	height: 26px;
	color: #fff;
	font-family: "Proxima Nova W01";
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	box-shadow: inset 0 1px 1px #3e7ee2;
	border: none;
	-webkit-box-shadow: none;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background-image: url(../images/icons/icon-bf85fe8965dd44c65e88a89b7ce86edf.svg);
	background-image: var(--gradient-blue);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.coupon-form input[type="submit"]:hover,
.cart-details .coupon-form input[type="submit"]:hover {
	background-image: var(--gradient-blue);
}

.coupon-form .err {
	width: 100%;
	margin-top: 10px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.coupon-form span {
	font-size: 13px;
	position: relative;
	display: block;
}

.coupon-form span a {
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 0;
	width: 12px;
	height: 12px;
	background: var(--small-cancel) no-repeat 0 0;
	text-indent: -9000px;
}

.price-table {
	line-height: 2.5;
	padding: 15px;
	background-color: #fff;
	background-image: url(../images/icons/icon-fa62003f7e64c3d4601da825ff5bc408.svg);
	background-image: var(--gradient-lighter-gray);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.price-table li p:first-child {
	float: left;
}

.price-table li p:last-child {
	float: right;
	text-align: right;
}

.price-table li p {
	width: 50%;
	color: #202020;
	font-family: "Neue Helvetica W01";
	font-size: 15px;
	font-weight: normal;
}

.check-order-desc .green_button {
	float: none;
	display: table;
	color: #fff;
	font-family: "Proxima Nova W01";
	font-size: 14px;
	font-weight: 500;
	padding: 15px 45px;
	margin: 30px auto;
}

.check-order-desc .green_button:hover {
	background-image: var(--gradient-green);
}

.check-order-desc .green_button span {
	margin-left: 8px;
	font-weight: bold;
}

.checkout-main .checkout-heading {
	margin-bottom: 10px;
}

.checkout.foot {
	padding: 30px 0;
	text-align: center;
}

.checkout.foot em i {
	margin-top: 0;
}

.checkout.foot em a,
.checkout.foot em {
	display: inline;
	float: none;
	color: #fff;
	margin: 0 8px;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: bold;
}

.checkout.foot em.copy {
	display: block;
	float: none;
	font-weight: normal;
	margin-top: 8px;
}

.foot.checkout em {
	margin-top: 0;
}

/*Preview Page*/

.check-save {
	width: 100%;
	float: right;
	display: inline-block;
	max-width: 370px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 30px;
}

.check-save #or {
	float: left;
	color: #878787;
	font-family: "Proxima Nova W01";
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
	margin: 15px 7% 0 8%;
}

.check-save a.green_button.quote {
	float: left;
	background-color: #ed6038;
	border-color: #CCCCCC;
	color: #535353;
	font-size: 14px;
	font-weight: 500;
	padding: 10px 20px;
	background-image: url(../images/icons/icon-9c6972f1208a4408504a54fe29fb47ad.svg);
	background-image: var(--gradient-light-gray);
}

.check-save a.green_button.quote:hover {
	background-image: var(--gradient-light-gray);
}

.check-save a.green_button.quote.fright {
	float: right;
}

.check-save a.green_button.checkout,
.shipping-list .green_button {
	font-size: 14px;
	font-weight: 500;
	box-shadow: inset 0 1px 1px #3e7ee2;
	border-color: #057bdf;
	background-image: url(../images/icons/icon-bf85fe8965dd44c65e88a89b7ce86edf.svg);
	background-image: var(--gradient-blue);
	padding: 10px 20px 10px 20px;
}

.check-save a.green_button.checkout:hover {
	background-image: var(--gradient-blue);
}

.check-save a.green_button.checkout span,
.shipping-list .green_button span {
	font-family: "Arial";
	margin-left: 8px;
	font-weight: bold;
}

.preview .accers {
	border-right: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
}

.preview .checkout-heading th {
	padding: 15px;
}

.preview .accers tr td p {
	width: 78%;
	color: #212121;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: 500;
}

.accers tr .price_tag span {
	display: inline-block;
}

.accers tr td {
	max-width: 280px;
	padding: 20px 10px;
}


table.cart tr.heading th,
table.cart tr td {
	text-align: center;
}

table.cart tr.heading th:first-child,
table.cart tr td.product-name {
	text-align: left;
}

table.cart tr td.product-name p {
	margin-left: 0;
}

table.cart tr td.product-name p a {
	color: inherit;
}

table.cart tr td.product-name p a:hover {
	text-decoration: underline;
}

table.cart td.qty-cell {
	text-align: center;
	vertical-align: middle;
}

table.cart input.qty {
	width: 64px;
	height: auto !important;
	float: none !important;
	text-align: center;
	border: 1px solid #ccc !important;
	border-radius: 4px;
	padding: 6px 4px;
	font-family: "Neue Helvetica W01", Arial, sans-serif;
	font-size: 14px;
	color: #333;
	background-color: #fff;
	-moz-appearance: textfield;
}

table.cart input.qty:focus {
	border-color: #1b6ec2 !important;
	outline: none;
	box-shadow: 0 0 0 2px rgba(27, 110, 194, 0.15);
}

table.cart input.qty::-webkit-inner-spin-button,
table.cart input.qty::-webkit-outer-spin-button {
	opacity: 1;
	height: 24px;
}

table.cart tr td em {
	float: none;
	margin-right: 0;
}

.preview-in {
	display: table;
	margin: 0 auto;
	width: 100%;
}

.preview span.cancel {
	position: static;
	display: inline-block;
	width: 12px;
	height: 12px;
	background: var(--small-cancel) no-repeat 0 0;
	margin: -2px 0 -3px 0;
}

.preview .remove-item {
	float: left;
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
}

.remove-item p {
	margin-top: 10px;
}

/*.preview {
	padding-bottom: 170px;
}*/
.cart-details {
	border: 1px solid #E0E0E0;
	border-top: 0;
	background-image: url(../images/icons/icon-fa62003f7e64c3d4601da825ff5bc408.svg);
	background-image: var(--gradient-lighter-gray);
}

.cart-details .price-table li {
	width: 100%;
	display: table;
	line-height: 1.4;
	margin-bottom: 10px;
}

.cart-details .coupon-form {
	width: 85%;
	float: left;
	border: none;
	padding: 0;
	margin: 15px 0 15px 15px;
}

.cart-details div {
	width: 50%;
	background: none;
}

.cart-details div ul {
	width: 80%;
}

.cart-details div.save-money,
.cart-details div.save-money div {
	width: 80%;
	float: left;
}

.cart-details div.save-money {
	border: 1px solid #85B9E6;
	border-radius: 4px;
	background-image: url(../images/icons/icon-21679e2cf338f6a9baa46d0c3b6f7199.svg);
	background-image: var(--gradient-light-blue);
	background-image: var(--gradient-light-blue);
	background-image: var(--gradient-light-blue);
	background-image: var(--gradient-light-blue);
	margin: 15px 0 15px 15px;
	padding: 10px;
}

.cart-details div.save-money p {
	color: #535353;
	font-family: "Proxima Nova W01";
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
}

.cart-details div.save-money h2 {
	background-color: #1672cd;
	color: #fff;
	font-family: 'Proxima Nova', Arial, sans-serif;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	border-radius: 30px;
	padding: 0 20px;
	display: inline-block;
}

.cart-details div.save-money div.drop {
	background: url(../images/blue-drop.png) center left no-repeat;
	width: 50px;
	height: 72px;
	padding-top: 40px;
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.cart-details div.save-money a {
	float: left;
	padding: 5px 20px;
	margin-top: 5px;
}

.cart-details div.save-money a:hover {
	background-image: var(--gradient-green);
}

.checkout-main.done {
	padding-bottom: 140px;
}

.checkout-main.done .checkout-step li.visited:after {
	background: var(--check-step) no-repeat 0 0;
}

.checkout-main.done .billing div {
	padding: 40px 0 80px 0;
	border-bottom: 0;
}

.checkout-main.done .billing div h5 {
	background-color: #fff;
	font-size: 20px;
	font-weight: 400;
	border-bottom: 0;
	background-image: none;
}

.checkout-main.done .billing div p {
	display: table;
	width: 60%;
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: normal;
	margin: 0 auto;
}

.checkout-main.done .price-table {
	padding: 10px 15px;
}

i.green-icon {
	display: inline-block;
	content: "";
	width: 20px;
	height: 20px;
	background: url(../images/green-tick.png) no-repeat 0 0;
	margin: 10px;
}

.credit {
	display: block;
}

p.input-error {
	position: relative;
	top: -20px;
	float: left;
	width: 60%;
	line-height: 1.2;
	color: #ee362d;
	font-family: "Neue Helvetica W01";
	font-size: 12px;
	margin: 0;
	padding: 8px 10px;
	border: 1px solid #ee362d;
	border-top: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

p.input-error i {
	width: 12px;
	height: 12px;
	float: left;
	display: block;
	background: url(../images/error-icon.png) no-repeat 0 0;
	margin-right: 10px;
}

.shipping-guest select,
.zip-code {
	width: 60%;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.zip-code input[type="text"],
.edit-billing-address .zip-code input[type="text"] {
	width: 49%;
	margin-bottom: 0;
	margin-right: 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.zip-code input[type="text"]:last-child {
	margin-right: 0;
}

.shipping-guest input[type="checkbox"],
.shipping-guest input[type="radio"] {
	opacity: 0;
}

.shipping-guest label.check {
	color: #525252;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
}

.shipping-guest .check_icon {
	right: 0;
	top: 2px;
	background-color: #fff;
	border: 1px solid #C0C0C0;
	margin: 0 10px 0;
}

.shipping-guest .check.active .check_icon {
	background-color: #F8753E;
	border: 1px solid #F8753E;
}

.shipping-guest .check span:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: inline-block;
	width: 13px;
	height: 13px;
	border-radius: 10px;
	/*background: url(../images/gray_tick.png) no-repeat center;*/
}

.shipping-guest .check.active span:before {
	background: var(--white-tick) no-repeat center;
}

.shipping-guest h4 {
	float: left;
	width: 100%;
	color: #212121;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
	font-weight: bold;
	margin-top: 0;
}

.shipping-guest .check-left .delivery label {
	margin-bottom: 0;
}

.shipping-guest .delivery label {
	position: relative;
}

.shipping-guest .delivery input[type="radio"] {
	position: absolute;
	left: 10px;
}

.shipping-guest .checkout-heading,
.shipping-guest .accers tr {
	background-color: #fff;
	border: 0 !important;
}

.shipping-guest .accers tr td {
	padding: 5px;
	margin-left: 20px;
}

.delivery .shipping-holder .check .check_icon,
.delivery .shipping-holder .check.active .check_icon {
	border-radius: 100px;
}

.delivery .shipping-holder .check .check_icon {
	width: 17px;
	height: 17px;
	border: 2px solid #C8C8C8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.delivery .shipping-holder .accers {
	margin-bottom: 20px;
}

.delivery .shipping-holder .check.active .check_icon {
	background-color: #fff;
	border: 4px solid #F8753E;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.shipping-guest .delivery .check span:before {
	background-image: none;
}

.shipping-guest .check-left .payment>div div {
	display: table;
	width: 100%;
}

.shipping-guest .check-left .payment>div div.styledSelect,
.shipping-guest .check-left .payment>div div.zip-code {
	display: block;
	width: 60%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.shipping-guest .checkout-heading th {
	padding: 10px 4px;
}

.shipping-guest .check-left .delivery h5 {
	border-top: 1px solid #DFDFDF;
}

.shipping-guest .check-left .delivery label.check {
	float: left;
	width: auto;
	display: table;
}

.shipping-guest .delivery .accers {
	float: left;
}

#ca_shipping_notes {
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	width: 60%;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	background-clip: padding-box;
	background-color: #fff;
	margin-bottom: 15px;
	padding: 12px 0 12px 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*checkout review page*/

.check-review .payment h5 {
	display: inline-block;
	background-color: transparent;
	margin: 0;
	padding: 0;
	border-bottom: 0;
}

.check-review .payment h5:after {
	display: inline-block;
	content: "";
	border: 5px solid;
	border-color: #212121 transparent transparent transparent;
	margin: 10px 0 -3px 5px;
}

.check-review .check-left .payment>div.payment-datils {
	display: block;
	padding: 15px;
	border-bottom: 1px solid #dfdfdf;
	background-color: #fff;
	background-image: url(../images/icons/icon-fa62003f7e64c3d4601da825ff5bc408.svg);
	background-image: var(--gradient-lighter-gray);
}

.check-review .check-left .payment>div.payment-datils div {
	display: inline-block;
	float: right;
}

.check-review .check-left .payment>div.payment-datils div img {
	margin-right: 10px;
}

.check-review .check-left .payment>div.payment-datils div em {
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
	font-weight: 500;
}

.check-review #contact-message {
	width: 75%;
}

.check-review .payment .price-table {
	line-height: 1.4;
	border-top: 1px solid #E0E0E0;
}

/*shipping*/

.shipping .check-left input[type="checkbox"] {
	opacity: 0;
}

.shipping .check-left .billing label.check span {
	width: 15px;
	height: 15px;
	border: 1px solid #C0C0C0;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.shipping .check-left .billing label.check.active span {
	width: 15px;
	height: 15px;
	border: 1px solid #EE653F;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.shipping .check-left label.check span:before {
	position: absolute;
	top: 3px;
	left: 3px;
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 10px;
	/*background: url("../images/gray_tick.png") no-repeat 0 0;*/
}

.shipping .check-left label.check.active span:before {
	background: var(--white-tick) no-repeat 0 0;
}

.shipping .check-left .billing label.check {
	display: table;
}

.shipping .check-left .payment>div {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.shipping .delivery .heading {
	background-color: #fff;
	border: 0;
}

.shipping .delivery .accers tr {
	border: none !important;
}

.shipping .delivery .accers tr.active {
	background-color: #fff;
}

.shipping .delivery .accers input[type="radio"],
.shipping .delivery .accers input[type="checkbox"],
input#ca_ups_collect-0,
input#ca_ups_collect-1 {
	opacity: 0;
}

.shipping .delivery .accers label.check span {
	right: 0;
	border-radius: 100px;
	border: 2px solid #C0C0C0;
}

.shipping .delivery .accers label.check.active span {
	right: 0;
	border-radius: 100px;
	border: 4px solid #EE653F;
}

.shipping .delivery .accers label.check span:before {
	background-image: none;
}

.shipping .check-left .delivery .shipping-holder label {
	float: none;
}

.shipping .check-left .delivery .accers tr td {
	padding: 12px 10px;
}

.accers.ca_carrier_options tr td:first-child {
	padding-left: 8px;
}

.ca_carrier_options tbody tr {
	border-top: none !important;
	border-bottom: none !important;
}

.ca_carrier_options tbody tr td {
	padding: 0;
	padding-bottom: 15px;
}

.guest-login div.login-save .register-btn {
	background-color: #279C52;
	border-color: #279C52;
	background-image: var(--gradient-green);
}

.guest-login div.login-save .register-btn:hover {
	background-image: var(--gradient-green);
}

.user_menu ul li#cart.active {
	background-color: #fff;
	box-shadow: 0 3px 9px 1px rgba(0, 0, 0, .1);
}

.user_menu ul li#cart a:hover {
	background-color: #fff;
}

.user_menu ul li#cart.active>a {
	background-color: #fff;
	background-image: none;
	color: #545454;
}

.user_menu ul li#cart {
	position: relative;
	z-index: 5;
	background-color: #fff;
}

.head {
	position: relative;
	z-index: 2;
}

.user_menu ul li#cart.active .i_cart {
	background: url("../images/cart.png") no-repeat 0 0;
}

.shipping-list {
	display: none;
	position: absolute;
	width: 320px;
	background-color: #fff;
	z-index: -1;
	top: 37px;
	right: 0;
	box-shadow: 0 5px 16px 1px rgba(0, 0, 0, .1);
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	border-top-right-radius: 0;
}

.shipping-list ul {
	width: 100%;
}

.shipping-list ul li {
	max-width: inherit;
	border: 0;
	padding: 10px;
	border-bottom: 1px solid #E8E8E8;
}

.shipping-list ul li a {
	border: 0;
	padding: 0;
}

.user_menu li {
	background-color: #fff;
}

.shipping-list ul li a img {
	float: left;
	width: 50px;
	height: 30px;
	margin-right: 20px;
}

.shipping-list ul li a p {
	text-align: left;
	color: #067bdf;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
	transition: color 0.2s ease-out;
}

.shipping-list ul li a:hover p {
	color: #0D5FA5;
	transition: color 0.2s ease-out;
}

.shipping-list ul li em {
	float: left;
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 12px;
	padding: 0;
	margin: 0;
}

.shipping-list ul li div {
	width: 75%;
	display: table;
}

.shipping-list ul li div span {
	float: left;
	position: static;
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("../images/small-cancel.png") no-repeat 0 0;
	margin: 0 0 0 10px;
}

.shipping-list .green_button {
	float: none;
	display: table;
	color: #fff;
	font-weight: bold;
	border: 0;
	margin-top: 20px;
}

.shipping-list .green_button:hover {
	background-image: var(--gradient-blue);
}

.shipping-list .green_button:hover {
	color: #fff;
}

.user_menu ul li a {
	background-color: #fff;
	background-image: none;
}

.user_menu ul li#cart.active .shipping-list ul li a {
	background-color: #fff !important;
	background-image: none !important;
}

.shipping-list h4 {
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 16px;
	font-weight: normal;
	margin: 10px;
}

.shipping-list h4 b {
	color: #212121;
	margin-left: 5px;
}

/*Dashboard Page*/

.dashboard-main {
	background-color: #fff;
}

.dashboard-main .checkout-heading {
	margin-bottom: 40px;
}

.dashboard-main .checkout-heading h2 {
	color: #212121;
	font-family: "Proxima Nova W01";
	font-size: 42px;
	line-height: 1.2;
	letter-spacing: -0.03em;
	font-weight: 300;
	margin: 0 0 5px 0;
}

.dashboard-main .checkout-heading p {
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 16px;
	margin: 0 0 0 0;
}

.dashboard-main .tabs .resp-tabs-list li {
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 25px;
	font-weight: 500;
	width: 200px;
	line-height: 1.2;
	max-width: 100%;
	padding: 15px 0;
}

.dashboard-main .tabs .resp-tabs-list li:last-child {
	max-width: 100%;
}

.dashboard-main .tabs .resp-tabs-list li.resp-tab-active {
	color: #212121;
	width: 200px;
	max-width: 100%;
}

.dashboard-table .buttons {
	float: left;
	margin-top: 5px;
}

.dashboard-table .tabs .resp-tab-content {
	padding: 5% 3.5% 3.5% 3.5%;
}

.dashboard-table .buttons a {
	color: #fff;
	font-family: "Proxima Nova W01";
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	box-shadow: inset 0 1px 1px #3e7ee2;
	border-radius: 4px;
	background-image: url(../images/icons/icon-e659eafc746119b32a27d5ddf7801c76.svg);
	background-image: var(--gradient-blue);
	padding: 7px 10px;
	margin-right: 5px;
}

.dashboard-table .buttons a:last-child {
	margin-right: 0;
}

.dashboard-table .buttons a:hover {
	background-image: var(--gradient-blue);
}

.dashboard-table .series_serach {
	max-width: 260px;
	border-radius: 4px;
	margin-right: 0;
}

.dashboard-table .resp-tabs-container>div input[type="text"],
.dashboard-table .resp-tabs-container>div input[type="password"] {
	width: 100%;
	border-radius: 4px;
}

.order-history .resp-tab-content td a p br {
	display: none;
}

.order-history .resp-tab-content td em {
	color: #878787;
}

.order-history .resp-tab-content td:nth-child(2) em {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

.dashboard-table .series_serach input[type="submit"] {
	position: absolute;
	right: 2px;
	top: 2px;
	height: 32px;
	width: 30px;
	background: url("../images/blue_search.png") #fff no-repeat center;
	text-indent: -999px;
	border: none;
}

.dashboard-table table {
	display: table;
	width: 100%;
}

.dashboard-table table tr {
	display: table-row;
	text-align: left;
	border-bottom: 1px solid #E0E0E0;
}

.dashboard-table table tr td {
	display: table-cell;
	text-align: left;
	color: #202020;
	font-family: "Neue Helvetica W01";
	font-size: 12px;
	padding: 5px 10px;
}

.dashboard-table table tr td h6 {
	color: #202020;
	font-family: "Neue Helvetica W01";
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}

.dashboard-table table th {
	text-align: left;
	color: #878787;
	font-family: "Proxima Nova W01";
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 5px 10px;
}

.dashboard-table table tr.active {
	background-color: #EAF6FF;
}

.dashboard-table .checkout-heading th:first-child {
	padding-left: 10px;
}

.dashboard-table table tr.heading {
	background-color: #F6F6F6;
	display: table-row;
	width: 100%;
}

.dashboard-table table tr.heading th:first-child {
	padding-left: 10px;
}

.dashboard-table table div.styledSelect {
	line-height: 32px;
	padding: 0 8px;
}

.dashboard-table table .styledSelect:after {
	top: 14px;
	right: 6px;
}

.dashboard-table .resp-tabs-container>div table input[type="text"] {
	border: 1px solid #c0c0c0;
	max-width: 60px;
	height: 32px;
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	border-radius: 4px;
	background-clip: padding-box;
	background-color: #fff;
	padding-left: 20px;
	background: url(../images/lite-drop.png) no-repeat 7px center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.dashboard-table .resp-tabs-container>div .checkout-heading {
	margin-bottom: 20px;
}

.dashboard-table ul.action-table li {
	width: 16px;
	height: 16px;
	margin: 0 5px 5px 0;
	position: relative;
}

.dashboard-table ul.action-table li:last-child {
	margin-right: 0;
}

.dashboard-table ul.action-table li a {
	display: block;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

ul.action-table li a.tick {
	background: url(../images/gray-tick-dash.png) no-repeat 0 0;
}

ul.action-table li a.tick.active {
	background: url(../images/green-tick.png) no-repeat 0 0;
}

ul.action-table li a.flag {
	background: url(../images/red-flag-gray.png) no-repeat 0 0;
}

ul.action-table li a.flag.active {
	background: url(../images/red-flag.png) no-repeat 0 0;
}

ul.action-table li a.close {
	background: url(../images/close-dash.png) no-repeat 0 0;
}

ul.action-table li a.close.active {
	background: url(../images/green-close-dash.png) no-repeat 0 0;
}

ul.action-table li a.message {
	background: url(../images/message-dash.png) no-repeat 0 0;
}

ul.action-table li a.dollor {
	background: url(../images/dollor-dash.png) no-repeat 0 0;
}

ul.action-table li a.dollor.active {
	background: url(../images/dollor-active.png) no-repeat 0 0;
}

ul.action-table li a.view {
	background: url(../images/view-dash.png) no-repeat 0 0;
}

.dashboard-table table tr td.action {
	max-width: 75px;
}

.dashboard-table .manufac-tab table td h6 {
	position: relative;
	cursor: pointer;
}

.dashboard-table .manufac-tab table td h6:before {
	float: left;
	content: '';
	border: 5px solid;
	border-color: transparent transparent transparent #646468;
	margin: 3px 3px 0 0;
}

.dashboard-table .manufac-tab table td h6.active:before {
	border-color: #646468 transparent transparent transparent;
	margin: 6px 7px 0 -4px;
}

.dashboard-table .manufac-tab table td h6.no-subs {
	cursor: default;
}

.dashboard-table .manufac-tab table td h6.no-subs:before {
	border-color: transparent;
}

.dashboard-table .manufac-tab table td h6 span {
	color: #fff;
	display: inline-block;
	background: #0080df;
	height: 18px;
	line-height: 18px;
	padding: 0 5px;
	margin-right: 5px;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}

.dashboard-table .manufac-tab table tr.second-row td:first-child,
.dashboard-table .manufac-tab table tr.third-row td:first-child {

	padding-left: 25px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

.dashboard-table .manufac-tab table tr.third-row td:first-child {
	padding-left: 45px;
}

.dashboard-table .manufac-tab table tr.third-row td h6:before {
	display: none;
}

.dashboard-table table tr.second-row {
	background-color: #F6F6F6;
}

.dashboard-table table tr.third-row tr {
	/*background-color: #F6F6F6;*/
}

.select ul.options li {
	display: block;
}

.show-more {
	float: none;
	display: table;
	padding: 15px 75px;
	border-color: #ed6038;
	border: 1px solid #cbcbcb;
	color: #535353;
	background-image: url(../images/icons/icon-9c6972f1208a4408504a54fe29fb47ad.svg);
	background-image: var(--gradient-light-gray);
	margin: 30px auto 0;
}

.show-more:hover {
	background-image: var(--gradient-light-gray);
}

.dashboard-main {
	padding: 25px 0 65px 0;
}

header .dashboard a {
	margin-top: 20px;
}

header .dashboard a.fright,
footer.dashboard a.fleft {
	position: relative;
	display: block;
	color: #fff;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
}

header .dashboard a.fright:after {
	position: absolute;
	top: 7px;
	right: -12px;
	content: "";
	border: 5px solid;
	border-color: #fff transparent transparent transparent;
}

/*Order history page*/

.order-history {
	border-top: 1px solid #E4E4E4;
}

.order-history.dashboard-main .tabs .resp-tabs-list li {
	font-size: 14px;
	width: 160px;
	font-weight: bold;
}

.order-history .buttons {
	width: 100%;
	max-width: 400px;
}

.order-history .buttons {
	margin-top: 0;
}

.order-history .buttons select {
	width: 49%;
	height: 32px;
}

.order-history .show-all {
	background-color: #f6f6f6;
}

.order-history .show-all ul li {
	margin-right: 30px;
	margin-top: 8px;
}

.order-history .show-all ul li:last-child {
	float: right;
	margin-top: 0;
	margin-right: 0;
}

.order-history .show-all ul li:last-child a {
	display: block;
	border: 1px solid #CCCCCC;
	padding: 7px;
}

.order-history .show-all ul li a {
	display: block;
	color: #067bdf;
	text-transform: uppercase;
	font-family: "Proxima Nova W01";
	font-size: 11px;
	font-weight: 400;
}

.order-history label.check {
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
}

.order-history .check span {
	border: 1px solid #C4C4C4;
}

.order-history .check span:before {
	position: absolute;
	top: 3px;
	left: 3px;
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 10px;
	/*background: url("../images/gray_tick.png") no-repeat center;*/
}

.order-history .check.active span {
	border-color: #ED653F;
}

.order-history .check.active span:before {
	border-color: #ED653F;
	background: var(--white-tick) no-repeat center;
}

.order-history .resp-tabs-container>div input[type="checkbox"] {
	margin: 0 0 0 -10px;
}

.order-history .show-all {
	padding: 10px 5px;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	margin-bottom: 25px;
}

.order-history table th h6 {
	color: #878787;
	font-family: "Proxima Nova W01";
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0;
}

.order-history table th p,
.order-history table th em {
	color: #535353;
	text-transform: lowercase;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: 500;
}

.order-history .resp-tab-content td img {
	display: inline;
}

.order-history .resp-tab-content td a p {
	color: #212121;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: bold;
}

.order-history .dashboard-table .manufac-tab table td:first-child {
	text-align: center;
}

.order-history .dashboard-table th div {
	float: left;
	margin-right: 24px;
}

.order-history .dashboard-table h6:before {
	display: none;
}

.order-history .dashboard-table table tr td {
	padding: 20px 10px;
}

.order-history .dashboard-table table tr {
	border-bottom: 0;
}

.order-history .dashboard-table table tr:nth-child(2n+1) {
	background-color: #fff;
}

.order-history .special {
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 12px;
	margin: 0 0 20px 20px;
}

.order-history .special span {
	color: #878787;
	margin-right: 4px;
}

.order-history .order-table {
	border: 1px solid #E0E0E0;
	border-top: 0;
}

.order-history .order-table .green_button {
	border: 1px solid #cbcbcb;
	background-color: #092f6d;
	color: #525252;
	font-size: 12px;
	background-image: url(../images/icons/icon-9c6972f1208a4408504a54fe29fb47ad.svg);
	background-image: var(--gradient-light-gray);
	padding: 5px 10px;
}

.order-history .order-table .green_button:hover {
	background-image: var(--gradient-light-gray);
}

.order-history .table-foot .buttons {
	width: auto;
	float: right;
	max-width: none;
}

.order-history .table-foot ul li {
	margin: 10px 10px 0 0;
	position: relative;
}

.order-history .table-foot ul li a {
	display: block;
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #CCCCCC;
	padding: 8px 8px 8px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
}

.order-history .table-foot ul li a i {
	float: left;
	display: block;
	width: 10px;
	height: 10px;
	background: url(../images/lite-round.png) no-repeat 0 0;
	margin: 2px 8px 0 8px;
}

.order-history .table-foot ul li a.delete {
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 5px;
	width: 12px;
	height: 12px;
	background: var(--small-cancel) no-repeat 0 0;
	text-indent: -9000px;
	border-radius: 0;
	padding: 0;
	border: none;
	display: none;
}

.order-history .table-foot ul li a.delete:hover {
	opacity: .5;
}

.order-history .table-foot ul li div.show-delete a.tag {
	padding-right: 20px;
}

.order-history .table-foot ul li div.show-delete a.delete {
	display: block;
}

.order-history .table-foot {
	padding: 10px 10px 20px 10px;
	border: 1px solid #E0E0E0;
	border-top: 0;
}

.order-history .table-foot label.check {
	margin-top: 8px;
}

.order-history .table-foot ul li.add-tag a i {
	background: url(../images/plus-tag.png) no-repeat 0 0;
}

.dashboard-table .buttons a.orange {
	background-color: #057bdf;
	box-shadow: inset 0 1px 1px #FD7B3E;
	background-image: url(../images/icons/icon-8eb4ad35f2e6fb610554dc30ff140bac.svg);
	background-image: var(--gradient-orange);
}

.dashboard-table .buttons a.orange:hover {
	background-image: var(--gradient-orange);
}

.order-history .table-foot .buttons {
	margin-top: 5px;
}

.order-history .pagination {
	border: 0;
	width: 100%;
	max-width: 530px;
	display: table;
	margin: 20px auto;
}

.order-history .last-accord {
	width: 100%;
	padding: 10px;
	background-color: #EAF6FF;
	border: 1px solid #E0E0E0;
	border-top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.order-history .last-accord a {
	float: left;
	color: #525252;
	text-transform: uppercase;
	font-family: "Proxima Nova W01";
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #cbcbcb;
	border-radius: 4px;
	display: block;
	background-color: #057bdf;
	background-image: url(../images/icons/icon-9c6972f1208a4408504a54fe29fb47ad.svg);
	background-image: var(--gradient-light-gray);
	padding: 5px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 10px;
}

.order-history .last-accord a:hover {
	background-image: -webkit-linear-gradient(#e8e8e8 -25%, #fff 125%);
	background-image: -o-linear-gradient(#e8e8e8 -25%, #fff 125%);
	background-image: linear-gradient(#e8e8e8 -25%, #fff 125%);
}

.order-history .last-accord a.highlight {
	color: #fff;
	background-color: #3ab357;
	background-image: var(--gradient-green);
	border: none;
}

.order-history .last-accord a.highlight:hover {
	background-image: var(--gradient-green);
}

.order-history .last-accord em {
	display: block;
	border: 8px solid;
	border-color: transparent transparent #646464 transparent;
	margin-top: 3px;
}

/*Why page*/

.choose-expert {
	background-color: #fff;
	border-top: 1px solid #e4e4e4;
	padding: 45px 0;
}

.choose-expert h2 {
	color: #212121;
	font-family: "Proxima Nova W01";
	font-size: 42px;
	font-weight: 200;
	margin: 15px 0 20px 0;
}

.choose-expert p {
	display: table;
	width: 75%;
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 16px;
	font-weight: normal;
	margin: 0 auto;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
	background-color: transparent;
	border: 0;
	color: transparent;
	overflow: hidden;
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

.hidden {
	visibility: hidden;
}

.hide {
	display: none;
}

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

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

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

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		/* Black prints faster: h5bp.com/s */

		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
	 * Don't show links for images, or javascript/internal links
	 */

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
		/* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}

/*170215*/

.order-head {
	width: 100%;
	display: block;
	overflow: hidden;
	background-color: #f7f7f7;
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px;
}

.order-head li {
	float: left;
	width: 14%;
	margin-right: 2px;
}

.order-head li em,
.order-head li p {
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: 500;
}

.order-head li h6 {
	color: #878787;
	font-family: "Proxima Nova W01";
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0;
}

.download-view strong {
	display: none;
}

/*why Section*/

.why-section .double-grid {
	width: 100%;
}

.why-section {
	background: #fff;
	padding-bottom: 4em;
}

.why-section .left-grid {
	width: 66%;
	float: left;
}

.left-grid .brand-line {
	border: 1px solid #dfdfdf;
	border-radius: 4px;
	display: inline-block;
	margin-bottom: 15px;
	width: 100%;
	padding: 28px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.left-grid .brand-line h2 {
	text-align: center;
	color: #212121;
	font-family: "Proxima Nova";
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 20px 0;
}

.left-grid .brand-line ul li {
	float: left;
	width: 100%;
	max-width: 157px;
	display: table;
}

.left-grid .brand-line ul li span {
	display: table-cell;
	height: 80px;
	vertical-align: middle;
}

.left-grid .brand-line ul li img {
	display: block;
	text-align: center;
	margin: 0 auto;
}

.technical-section {
	margin-bottom: 7px;
	display: inline-block;
	width: 100%;
}

.technical-section .technical-details {
	float: left;
	width: 32.5%;
	border: 1px solid #cecece;
	background-image: var(--gradient-lightest-gray);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
	padding: 23px 20px;
	text-align: center;
	height: 190px;
	margin-right: 12px;
	margin-bottom: 12px;
}

.technical-details.fright {
	float: right;
}

.technical-section .technical-details.custom-quotes p {
	text-transform: lowercase;
}

.technical-section .technical-details h3 {
	color: #212121;
	font-family: "Proxima Nova";
	font-size: 24px;
	font-weight: normal;
	margin: 10px 0 0;
}

.technical-section .technical-details p {
	color: #878787;
	font-family: "Proxima Nova";
	font-size: 14px;
	text-transform: uppercase;
}

.technical-section .technical-details.fright p {
	text-transform: lowercase;
}

.technical-section .technical-details.pump-points {
	background-color: #1672cd;
	background-image: none;
	border: 0;
}

.technical-section .technical-details.pump-points h3 {
	color: #fff;
}

.technical-section .technical-details.pump-points p {
	opacity: .6;
	color: #fff;
	font-family: "Proxima Nova";
	font-size: 14px;
	text-transform: lowercase;
}

.technical-details.image-view {
	border: 0 none;
	border-radius: 0;
	padding: 0;
	width: auto;
}

.technical-details.secure_shopping.clearfix {
	margin-right: 0;
}

.technical-details.secure_shopping.clearfix ul li {
	margin-right: 4px;
}

.technical-details.secure_shopping.clearfix p {
	text-transform: lowercase;
}

.technical-details.image-view.mr0 {
	margin-right: 0;
}

.why-section .right-grid {
	width: 32%;
	float: right;
}

.technical-views {
	width: 100%;
}

.why-section .right-grid {
	width: 32.5%;
	height: 554px;
	border: 1px solid #cecece;
	background-image: var(--gradient-lightest-gray);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
	padding: 30px 0;
}

.why-section .right-grid p {
	color: #212121;
	font-family: "Proxima Nova";
	font-size: 22px;
	font-weight: 300;
}

.why-section .right-grid p {
	border-bottom: 1px solid #dfdfdf;
	padding: 0 0 20px 28px;
	margin: 0 0 1em 0;
}

.why-section .right-grid h4 {
	color: #878787;
	text-align: center;
	font-family: "Proxima Nova";
	font-size: 15px;
	font-weight: bold;
}

.why-section .right-grid ul {
	width: 100%;
	padding: 0 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.why-section .right-grid ul li {
	position: relative;
	padding: 5px 0 5px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.why-section .right-grid ul li i {
	position: absolute;
	top: 5px;
	left: 0;
}

.clear {
	clear: both;
}

.repair-shope {
	background: url("../images/repair-shop-bg.png") no-repeat;
	width: 32.5%;
	height: 190px;
	display: inline-block;
	padding: 46px 0 0 22px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
}

.repair-shope h4 {
	color: #fff;
	font-family: "Proxima Nova";
	font-size: 25px;
	font-weight: normal;
	margin: 0 0 10px;
	line-height: 28px;
}

.repair-shope p {
	color: #8dcbff;
	font-family: "Proxima Nova";
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.technical-section .solar-power {
	background: url("../images/solar-power-bg.png") no-repeat;
	width: 32.5%;
	height: 190px;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 106px 0 0 0;
	float: left;
	margin-right: 12px;
	border-radius: 4px;
}

.technical-section .solar-power p {
	color: #fff;
	font-family: "Proxima Nova";
	font-size: 22px;
	line-height: 26px;
	text-align: center;
}

.technical-details.clearfix .f12 {
	font-size: 12px;
}

.resp-tabs-container .order-table .order-head span img {
	display: inline-block;
	vertical-align: top;
}

.resp-tabs-container .order-table .order-head a[data-js="tooltip"] {
	border-bottom: 1px dotted #067bdf;
}

.order-history .dashboard-table.clearfix {
	margin-bottom: 4em;
}

/*Search*/

.search-drop-down {
	max-width: 212px;
	width: 100%;
	border: 1px solid #e0e0e0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background-clip: padding-box;
	background-color: #fff;
	box-shadow: 0 3px 9px rgba(0, 0, 0, .1);
	margin: 0;
	padding: 4px 12px;
	position: absolute;
	top: 32px;
	z-index: 9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.search-drop-down li {
	width: 100%;
	color: #212121;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 12px;
	font-weight: 400;
	padding: 4px 0;
	line-height: 20px;
}

.search-drop-down li:hover {
	color: #999;
	cursor: default;
}

.search-drop-down li h5 {
	color: #888;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	font-family: 'Proxima Nova';
	text-transform: uppercase;
	cursor: default;
}

.search-drop-down li span {
	font-weight: bold;
}

.checkout-step li:last-child {
	border-right: 1px solid #CCCCCC;
	padding-left: 21px;
}

.checkout-step li a {
	color: #878787;
}

.checkout-step li a:hover {
	text-decoration: underline;
}

/*Edit Billing Address*/

.edit-billing-address {
	max-width: 590px;
	width: 100%;
	/*margin:0 auto;*/

	display: table;
	border: 1px solid #e0e0e0;
}

.edit-billing-address h5 {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}

.edit-billing-address .credit {
	width: 100%;
	max-width: 350px;
	margin: 0 auto;
	padding: 20px;
}

.edit-billing-address .zip-code input[type="text"] {
	width: 88%;
	float: left;
}

.edit-billing-address select {
	width: 90%;
}

.edit-billing-address .zip-code {
	width: 100%;
}

.edit-billing-address .zip-code div {
	width: 48%;
	float: left;
}

.edit-billing-address .btn-section input[type="submit"] {
	border: 0;
	outline: none;
	float: left;
	margin-right: 24px;
}

.edit-billing-address .btn-section a {
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: 400;
	float: left;
	margin: 20px;
}

.edit-billing-address.best-price img {
	float: left;
}

.edit-billing-address.best-price p {
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
	font-weight: 400;
	margin-left: 100px;
	margin-top: 26px;
	float: inherit;
}

.edit-billing-address h5 span {
	float: right;
}

.edit-billing-address.estimate-shipping .zip-code div {
	width: 88%;
}

span.close-icon {
	background: red;
}

#edit-billing,
#estimate-shipping-popup,
#best-price-popup {
	display: none;
}


/*
 Custom
 */

/* Focus indicators moved to focus-visible rule above for better accessibility */
/* Removed universal outline: 0 !important to allow focus indicators */

/* Preloader */

:root {
  /* Fallback for older browsers if CSS var missing */
  --static-base: "/static/";
}

.loader-spin {
	width: 100%;
	height: 100%;
	display: inline-block;
	min-width: 30px;
	min-height: 30px;
	background: #fff var(--loader) center center no-repeat;
}

.preloader {
	width: 100%;
	height: 100%;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
	background: transparent var(--transparent-white) repeat;
}

.preloader:after {
	width: 90px;
	height: 90px;
	background: #fff var(--loader) center center no-repeat;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
	left: 50%;
	top: 50%;
	margin: -45px 0 0 -45px;
	content: '';
	position: absolute;
}

.preloader span {
	width: 100%;
	position: absolute;
	text-align: center;
	min-height: 40px;
	line-height: 20px;
	top: 50%;
	margin-top: 60px;
}


span.loader {
	display: block;
	width: 100%;
	height: 30px;
	background: transparent var(--loader) center center no-repeat;
	margin: 20px 0;
}

.manufac-intro .product_features.full {
	width: 100%;
}

.p60 {
	width: 60%;
}

.by_accord .check {
	position: relative;
	padding-left: 35px;
}

.by_accord .check span.check_icon {
	float: none;
	display: block;
	position: absolute;
	top: 0;
	right: auto;
	left: 10px;
	margin: 0;
}

.series_grid>li.empty {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	top: 0;
	background-color: #fff;
	border: 1px solid #E0E0E0;
	padding: 20px 30px;
	cursor: pointer;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	transition: all 0.15s ease-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.series-info table {
	width: 100%;
	font-size: 12px;
	border-top: 1px solid #d7d7d7;
}

div.series-info table th,
div.series-info table td {
	vertical-align: top;
	color: #212121;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: 400;
	padding: 10px 8px 8px;
	text-align: left;
	border-bottom: 1px solid #d7d7d7;
}

div.series-info table th {
	background-color: #EAEAEA;
}

div.series-info table td {
	background-color: #f6f6f6;
	padding: 20px;
}

.why-banner {
	width: 49%;
	float: left;
	display: inline-block;
	border-radius: 4px;
	margin: 0 2% 2% 0;
}

.why-banner img {
	width: 100%;
}

.technical-section .why-banner {
	width: 32.3%;
	margin-right: 1.4%;
}

.why-banner:last-child {
	margin-right: 0;
}

.technical-section .why-banner:nth-child(3n) {
	margin-left: .2%;
	margin-right: 0;
	width: 32.4%;
}


div.block-search ul li a.image-div {
	height: auto;
}

div.block-search ul li a.image-div img {
	width: 100%;
}

div.block-search:last-child hr {
	display: none;
}

a.link-tel {
	color: inherit;
}

a.link-tel:hover {
	text-decoration: underline;
}


div.highlight-text-list {
	width: 100%;
	margin-top: 20px;
}

div.highlight-text-list ul {
	width: 33%;
	float: left;
}

div.highlight-text-list ul li {
	margin-bottom: 8px;
}

div.highlight-text-list ul li a {
	display: inline-block;
	color: #a4c7ff;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 14px;
	font-weight: normal;
	transition: color 0.3s ease-out;
}

div.highlight-text-list ul li a:hover {
	color: #fff;
}


div.manu_categories div.wrap {
	position: relative;
}

div.manu_categories div.category-selector {
	width: 220px;
	position: absolute;
	top: 20px;
	right: 0;
}

div.manu_categories div.category-selector select {
	height: 40px;
}

.icon-info {
	width: 14px;
	height: 14px;
	background: transparent var(--icon-info) top left no-repeat !important;
	margin: 3px 0 0 5px;
	border-radius: 0 !important;
}

a[data-js="add-to-cart"] {
	cursor: pointer;
}


.err {
	padding: 5px 10px;
	margin: 0 0 5px 0;
	background: #c00 !important;
	color: #fff;
	border-radius: 3px;
	display: inline-block;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
}

.err ul {
	width: auto !important;
}

span.help-text {
	color: #e86735;
	font-style: italic;
	font-size: 12px;
	display: none;
}

label span.help-text {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

div.register-points-bar {
	height: 70px;
	position: fixed;
	top: -70px;
	background: #f0f0f0;
	padding: 45px 130px 15px 15px;
	border-bottom: 1px solid #e0e0e0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.register-points-bar span.title {
	display: block;
	background: #10449f;
	color: #fff;
	height: 30px;
	width: 100%;
	line-height: 30px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}

div.register-points-bar span.mask {
	display: block;
	width: 100%;
	height: 10px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);
}

div.register-points-bar span.mask span.fill {
	display: block;
	background: #e86735;
	height: 10px;
	width: 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);
}

div.register-points-bar span.text {
	display: block;
	width: 130px;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	font-style: italic;
	color: #666;
	text-align: center;
	position: absolute;
	top: 30px;
	right: 0;
}

div.shipping-entry {
	border-bottom: 1px solid #dfdfdf;
}

div.shipping-entry:last-child {
	border-bottom: none;
}

div.shipping-holder p {
	text-align: center;
	font-style: italic;
	font-size: 14px;
	color: #999;
}

div.shipping-holder p.error {
	font-style: normal;
	color: inherit;
}

div.shipping-holder p.error em {
	color: #c00;
	font-style: italic;
}

div.shipping-holder p.error a {
	cursor: pointer;
	text-decoration: underline;
}

div#main-error div.err {
	width: 100%;
	margin-top: 30px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.check-left .payment>div.freight-options {
	display: none;
}

div.freight-options {
	font-size: 13px;
	margin-bottom: 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #e0e0e0;
}

div.freight-options p {
	margin-bottom: 20px;
}

div.freight-options label {
	float: left !important;
}

div.freight-options label.check span.check_icon {
	width: 15px;
	height: 15px;
}

div.freight-options label.check.active span.check_icon:before {
	top: 4px;
	left: 4px;
}

div.freight-options p a {
	float: right;
	cursor: pointer;
	display: none;
}

input#id_is-billing,
input#id_ship_best_way {
	display: none;
}

.delivery h5 a.reload {
	font-weight: normal;
	float: right;
	font-size: 13px;
	line-height: 28px;
	cursor: pointer;
	display: none;
}

.delivery h5 a:hover {
	text-decoration: underline;
}

.delivery label#id_ship_best_way_label {
	color: #000000 !important;
	font-weight: bold;
}

.delivery p#id_ship_best_way_message {
	font-size: 12px;
	color: #888888 !important;
	font-weight: 400;
	margin-left: 24px;
}

section.thank-you div.buttons a {
	display: inline-block;
	float: none !important;
	width: auto;
}

.check-left .billing div.confirm-address {
	display: block;
	width: 100%;
	padding: 20px 25px;
	border-bottom: 1px solid #E0E0E0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a.link-best-price-terms {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #333;
}

a.link-best-price-terms:hover {
	text-decoration: underline;
}

div#pumps-wizard div.question {
	display: none;
}

div#pumps-wizard input[type="button"] {
	width: auto;
	color: #fff;
	font-size: 13px;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	border-radius: 4px;
	background-clip: padding-box;
	background-color: #ed6038;
	background-image: none;
	font-weight: 500;
	text-transform: uppercase;
	background-color: #ed6038;
	background-image: url(../images/icons/icon-f6fed7d2bf9012632f27fe5deda6bc98.svg);
	background-image: var(--gradient-orange);
	margin-top: 10px;
	padding: 10px 35px;
	cursor: pointer;
	float: right !important;
}

div#pumps-wizard input[type="button"]:hover {
	background-image: var(--gradient-orange);
}

/*
 * Portal
 */

/* Portal toolbar — single compact row: filters | search | "+ New Quote".
   Selects use a semantic first option ("All status", "All types", "All Time")
   instead of a separate label, matching enterprise data-grid patterns
   (Linear, Stripe, Jira). Audit Batch 1.5 / 1.6, 2026-04-30. */
section#portal-holder .portal-checkout-heading {
	display: block;
	margin-bottom: 16px;
}

section#portal-holder .portal-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
}

section#portal-holder .portal-toolbar .portal-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	flex: 1 1 auto;
	float: none;
	margin: 0;
	min-width: 0;
}

/* Compact select controls. ~32px tall, 13px text — matches enterprise
   data grids and is denser than the page-default ~40px. Font matches the
   site brand (Proxima Nova) instead of falling back to Helvetica, which
   read as "system" against the rest of the page (audit Batch 1.7). */
section#portal-holder .portal-toolbar select.portal-filter-select {
	height: 32px;
	padding: 0 28px 0 10px;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial, sans-serif;
	font-size: 13px;
	color: #212121;
	background-color: #fff;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	float: none;
	margin: 0;
	min-width: 120px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%23878787' d='M0 0l5 6 5-6z'/></svg>");
	background-repeat: no-repeat;
	background-position: right 10px center;
	box-sizing: border-box;
}

section#portal-holder .portal-toolbar select.portal-filter-select:focus {
	outline: none;
	border-color: #0762b3;
	box-shadow: 0 0 0 2px rgba(7, 98, 179, 0.15);
}

section#portal-holder .portal-toolbar .portal-search {
	flex: 0 0 auto;
	min-width: 200px;
	width: 240px;
	max-width: 280px;
	height: 32px;
	float: none;
	margin: 0;
	position: relative;
}

section#portal-holder .portal-toolbar .portal-search input[type="text"] {
	height: 32px;
	width: 100%;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial, sans-serif;
	font-size: 13px;
	color: #212121;
	padding: 0 36px 0 10px;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	box-sizing: border-box;
}

section#portal-holder .portal-toolbar .portal-search input[type="text"]:focus {
	outline: none;
	border-color: #0762b3;
	box-shadow: 0 0 0 2px rgba(7, 98, 179, 0.15);
}

section#portal-holder .portal-toolbar .portal-search input[type="submit"] {
	position: absolute;
	right: 1px;
	top: 1px;
	height: 30px;
	width: 32px;
	border: none;
	border-radius: 0 4px 4px 0;
	background: url("../images/blue_search.png") #fff no-repeat center;
	text-indent: -9999px;
	cursor: pointer;
}

/* "+ New Quote" sits inline at the right edge of the toolbar. Primary blue
   to keep CTA prominence while saving the entire action row of vertical space. */
section#portal-holder .portal-toolbar .portal-new-quote {
	display: inline-flex;
	align-items: center;
	height: 32px;
	width: auto;
	float: none;
	padding: 0 16px;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.3px;
	border-radius: 4px;
	white-space: nowrap;
}

@media (max-width: 720px) {
	section#portal-holder .portal-toolbar {
		flex-direction: column;
		align-items: stretch;
	}
	section#portal-holder .portal-toolbar .portal-search,
	section#portal-holder .portal-toolbar .portal-new-quote {
		width: 100%;
		max-width: none;
		justify-content: center;
	}
	section#portal-holder .portal-toolbar select.portal-filter-select {
		flex: 1 1 calc(50% - 8px);
	}
}

section#portal-holder form.form-full {
	max-width: none;
	position: relative;
}

section#portal-holder form.form-full div.field {
	width: 50%;
	float: left;
	padding: 0 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Full-width override for textareas, file uploads, and any field that
   shouldn't share a row (audit Batch 1.9). */
section#portal-holder form.form-full div.field.field--full {
	width: 100%;
	clear: both;
}

section#portal-holder form.form-full div.field input,
section#portal-holder form.form-full div.field select,
section#portal-holder form.form-full div.field textarea {
	width: 100% !important;
}

/* Typography harmonization for Account Profile and Support & Returns
   forms. The legacy `.check-left` / `.checkout-form` rules style these
   like billing / checkout fields (40 px tall, 15 px / weight 500 text in
   #535353, Helvetica labels) which feels disconnected from the new
   compact toolbar above. Pull both forms into the portal's brand
   typography so the page reads as one coherent UI (audit Batch 1.8). */
section#portal-holder .portal-account-form input[type="text"],
section#portal-holder .portal-account-form input[type="email"],
section#portal-holder .portal-account-form input[type="tel"],
section#portal-holder .portal-account-form input[type="password"],
section#portal-holder .portal-account-form select,
section#portal-holder .portal-account-form textarea {
	height: 38px;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #212121;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	padding: 0 12px;
	margin-bottom: 18px;
}

section#portal-holder .portal-account-form textarea {
	height: auto;
	min-height: 96px;
	padding: 10px 12px;
	line-height: 1.45;
}

section#portal-holder .portal-account-form input[type="text"]:focus,
section#portal-holder .portal-account-form input[type="email"]:focus,
section#portal-holder .portal-account-form input[type="tel"]:focus,
section#portal-holder .portal-account-form input[type="password"]:focus,
section#portal-holder .portal-account-form select:focus,
section#portal-holder .portal-account-form textarea:focus {
	outline: none;
	border-color: #0762b3;
	box-shadow: 0 0 0 2px rgba(7, 98, 179, 0.15);
}

section#portal-holder .portal-account-form label {
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial, sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: #535353;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	margin-bottom: 6px;
}

/* Section divider between the profile fields and the password block
   reads as an actual section break, not just a hairline. */
section#portal-holder .portal-account-form hr {
	border: none;
	border-top: 1px solid #e6e6e6;
	margin: 8px 0 24px 0;
}

/* "Password Information" header — flex row replaces the legacy fleft /
   fright float pattern so the H4 and the "Change password" link line up
   reliably across browsers. The lock icon is reset to inline-flex with
   a 14 px square so it doesn't drop a line below the link text. */
section#portal-holder .portal-account-form .user-info-block .checkout-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 16px 0;
}

section#portal-holder .portal-account-form .user-info-block .checkout-heading h4,
section#portal-holder .portal-account-form .user-info-block .checkout-heading .fleft,
section#portal-holder .portal-account-form .user-info-block .checkout-heading .fright {
	float: none !important;
	margin: 0;
}

section#portal-holder .portal-account-form .user-info-block .checkout-heading h4 {
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #212121;
	line-height: 1;
}

section#portal-holder .portal-account-form .user-info-block .checkout-heading .login_to.bt-change-password {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	font-size: 13px;
	line-height: 1;
}

section#portal-holder .portal-account-form .user-info-block .checkout-heading .login_to.bt-change-password i {
	float: none;
	width: 14px;
	height: 14px;
	margin: 0;
	flex: 0 0 auto;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/* "Are You Requesting a Return?" — promoted from the legacy negative-
   margin micro-text to a proper informational callout. Brand-blue
   accent, info glyph, easy to spot on a long form. (Audit Batch 1.8 polish.) */
section#portal-holder .portal-account-form div.support-note {
	width: 100%;
	float: none;
	clear: both;
	margin: 8px 0 24px 0;
	padding: 14px 16px 14px 44px;
	background: #f6f9fd url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230762b3'><path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/></svg>") no-repeat 14px 16px;
	background-size: 18px 18px;
	border: 1px solid #d6e4f3;
	border-left: 3px solid #0762b3;
	border-radius: 4px;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	color: #212121;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

section#portal-holder .portal-account-form div.support-note strong {
	font-weight: 600;
	color: #212121;
}

section#portal-holder .portal-account-form div.support-note a {
	color: #0762b3;
	font-weight: 500;
	text-decoration: underline;
}

section#portal-holder .portal-account-form div.support-note b {
	font-weight: 600;
	color: #0762b3;
}

/* Constrain the callout width on ultra-wide viewports so it doesn't
   sprawl across a 2000 px monitor. */
section#portal-holder .portal-account-form div.support-note {
	max-width: 720px;
}

/* Styled file upload drop-zone. The native <input type="file"> is
   hidden; the surrounding <label> is the click/drop target. JS toggles
   `.has-file` and writes the chosen filename into
   `.portal-file-upload__filename` (see _initFileUpload). */
section#portal-holder .portal-account-form .portal-file-upload {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	border: 1px dashed #c0c0c0;
	border-radius: 4px;
	background: #fafbfc;
	color: #535353;
	cursor: pointer;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial, sans-serif;
	font-size: 13px;
	transition: border-color .15s ease-in-out, background .15s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

section#portal-holder .portal-account-form .portal-file-upload:hover {
	border-color: #0762b3;
	background: #f6f9fd;
}

section#portal-holder .portal-account-form .portal-file-upload__input:focus + .portal-file-upload,
section#portal-holder .portal-account-form .portal-file-upload:focus-within {
	border-color: #0762b3;
	background: #f6f9fd;
	box-shadow: 0 0 0 2px rgba(7, 98, 179, 0.15);
}

section#portal-holder .portal-account-form .portal-file-upload.has-file {
	border-style: solid;
	border-color: #c0c0c0;
	background: #fff;
	color: #212121;
}

section#portal-holder .portal-account-form .portal-file-upload__icon {
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	color: #0762b3;
	opacity: 0.85;
}

section#portal-holder .portal-account-form .portal-file-upload__primary {
	flex: 0 0 auto;
	font-weight: 500;
}

section#portal-holder .portal-account-form .portal-file-upload__filename {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #0762b3;
}

section#portal-holder .portal-account-form .portal-file-upload.has-file .portal-file-upload__primary {
	color: #535353;
}

section#portal-holder .portal-account-form .portal-file-upload.has-file .portal-file-upload__primary::before {
	content: "Selected: ";
}

section#portal-holder .portal-account-form .visually-hidden {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Empty-state copy when a filter / search returns 0 rows, or when the
   user has no orders / quotes at all. Replaces the legacy
   `<div class="tcenter">There are no items to display.</div>` with a
   helpful message that points filtered users at the dropdowns and
   never-used users at the shopping page (audit Batch 1.10). */
section#portal-holder .portal-empty-state {
	text-align: center;
	margin: 24px auto;
	padding: 32px 16px;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial, sans-serif;
	color: #535353;
}

section#portal-holder .portal-empty-state__primary {
	font-size: 16px;
	font-weight: 500;
	color: #212121;
	margin: 0 0 6px 0;
}

section#portal-holder .portal-empty-state__secondary {
	font-size: 13px;
	margin: 0 0 16px 0;
	line-height: 1.5;
}

section#portal-holder .portal-empty-state .bt-call-for-pricing {
	display: inline-block;
	width: auto;
	padding: 10px 20px;
}

/* Mobile responsive: stack to one column at the same 720 px breakpoint
   the toolbar uses, bump touch targets to 44 px, force input font-size
   to 16 px so iOS Safari doesn't auto-zoom on focus. */
@media (max-width: 720px) {
	section#portal-holder form.form-full div.field {
		width: 100% !important;
		float: none;
		padding: 0;
	}

	section#portal-holder .portal-account-form input[type="text"],
	section#portal-holder .portal-account-form input[type="email"],
	section#portal-holder .portal-account-form input[type="tel"],
	section#portal-holder .portal-account-form input[type="password"],
	section#portal-holder .portal-account-form select {
		height: 44px;
		font-size: 16px;
	}

	section#portal-holder .portal-account-form > form > .tcenter {
		text-align: stretch;
	}

	section#portal-holder .portal-account-form > form > .tcenter a.bt-call-for-pricing {
		display: block;
		width: 100%;
	}
}

/* Submit button anchored flush right (settings-page convention) instead
   of centered — common pattern for account profile / support pages
   in modern enterprise apps (Stripe, Linear, Asana). */
section#portal-holder .portal-account-form > form > .tcenter {
	text-align: right;
	padding-top: 8px;
}

section#portal-holder a.bt-call-for-pricing {
	width: auto;
	float: none;
	padding: 10px 20px;
}

section#portal-holder .msg {
	padding: 5px 10px;
	margin: 0 0 20px 0;
	background: #096;
	color: #fff;
	border-radius: 3px;
	display: inline-block;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
}

section#portal-holder textarea,
.lightbox-form textarea {
	width: 100%;
	height: 110px;
	color: #525252;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	margin-bottom: 20px;
	font-family: 'Neue Helvetica W01', Arial;
	font-size: 15px;
	padding: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.series-info div.manu_categories {

	padding-bottom: 0;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

}

div.series-info div.manu_categories h3 {
	margin-left: 0;
}

a.link-admin-status {
	text-decoration: underline;
	color: #666;
}

a.link-admin-status:hover {
	color: #067bdf;
}

div.support-note {
	width: 50%;
	font-size: 13px;
	float: left;
	margin: -60px 0 0 10px;
}

div.static-form {
	width: 100%;
	padding-top: 40px;
}

div.static-form a.bt-submit {
	float: none;
	width: auto;
}


/* Invoice */

div.invoice {
	position: relative;
}

div.invoice div.buttons {
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 0;
}

div.invoice div.buttons a.button {
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
}

table.invoice {
	width: 100%;
}

table.invoice th,
table.invoice td {
	vertical-align: top;
	text-align: left !important;
	padding: 5px 10px !important;
	margin: 0;
	border: 1px dotted #ddd;
}

table.invoice th,
table.invoice td,
table.invoice td * {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 13px !important;
	color: #333 !important;
}

table.invoice tr>*:first-child {
	max-width: 50%;
}

table.invoice .text-right {
	text-align: right !important;
	vertical-align: middle !important;
}

table.invoice em {
	float: left;
	font-weight: bold;
}

table.invoice b {
	font-weight: bold;
}

table.invoice td p a {
	color: #333;
	text-decoration: underline;
}

table.invoice td span.price {
	font-weight: bold;
	display: inline-block;
	background: #6fbb40;
	color: #fff !important;
	text-align: center;
	width: 100%;
	padding: 5px 0;
}

table.invoice.item th span {
	font-weight: normal;
	font-style: italic;
}

table.invoice.item tr>* {
	vertical-align: middle !important;
}

table.invoice.item tr:not(:last-child) th {
	border-bottom: none !important;
}

table.invoice.item tr>td:first-child {
	width: 40px;
	text-align: center !important;
	font-weight: bold;
	padding: 5px 0 !important;
	color: #999 !important;
}

table.invoice.item tr>td[colspan="3"]:first-child {
	text-align: left !important;
	padding-left: 15px !important;
	color: #333 !important;
	border-top: none !important;
}

table.invoice.item tr>td[colspan="3"]:first-child b {
	color: #999 !important;
}

table.invoice.item tr>td.value {
	text-align: center !important;
	padding: 5px !important;
	width: 100px;
}

table.invoice.item tr>td.value span.price {
	background: #23b0f1;
}

header.head-invoice {
	background: #fff;
	border-bottom: 1px solid #eee;
	padding: 30px 0;
	margin-bottom: 20px;
	text-align: center;
}

form#form-specialist .tabs .resp-tab-content {
	border: none;
	padding: 0;
}

form#form-specialist input[type="text"] {
	width: 100%;
	color: #525252;
	font-family: 'Proxima Nova W01', 'Neue Helvetica W01', Arial;
	font-size: 15px;
	border-radius: 4px;
	padding: 0 12px;
}

form#form-edit-product .tabs .resp-tab-content {
	border: none;
	padding: 0;
}

form#form-edit-product input[type="text"] {
	width: 100%;
	color: #525252;
	font-family: 'Proxima Nova W01', 'Neue Helvetica W01', Arial;
	font-size: 15px;
	border-radius: 4px;
	padding: 0 12px;
}

a.just-quote {
	cursor: pointer;
	text-align: center;
	padding: 5px 0;
	margin: 0 0 10px 0;
	width: 100%;
	font-size: 12px;
}

.mobile-only {
	display: none !important;
}

.desktop-only {
	display: block !important;
}

.checkout-wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.checkout-wrapper .checkout-wrapper-content {
	flex: 1;
}

section.product_series div.product_quote_form {
	width: 670px;
}

p.quote-warning {
	margin: 0 auto 40px auto;
	padding: 20px;
	background: #eee;
	border-radius: 10px;
	text-align: center;
	max-width: 450px;
	font-style: italic;
	font-weight: normal;
	font-size: 13px;
}

p.checkout-note {
	font-size: 12px;
	font-style: italic;
	line-height: 20px;
}

div.checkout-terms {
	width: 100%;
	border-bottom: none;
	border-left: none;
	border-right: none;
	text-align: center;
	padding: 20px 0 10px 0;
}

div.checkout-terms label {
	display: inline-block;
	float: none;
	font-size: 16px;
}

div.checkout-terms span.check_icon {
	margin-bottom: -5px;
}

/* Shipping Collect */
div.collect-fields {
	display: none;
}

div.collect-fields div.row {
	display: block;
	float: none;
	margin-top: 10px;
	width: 70%;
}

div.collect-fields div.row:first-child {
	margin-top: 0;
}

div.collect-fields div.row label {
	display: block;
	font-size: 12px;
}

div.collect-fields div.row input {
	margin: 0;
	float: none;
	width: 80%;
	height: 30px;
}

div.collect-fields div.row div.err {
	display: block;
	width: 80%;
	padding: 5px 0;
	text-align: center;
	margin-top: 5px;
}

.dashboard-table .buttons a.orange-button {
	box-shadow: inset 0 1px 1px #FF6600;
	background-image: var(--gradient-deep-orange);
	background-image: var(--gradient-deep-orange);
	background-image: var(--gradient-deep-orange);
	background-image: var(--gradient-deep-orange);
}

.dashboard-table .buttons a.orange-button:hover {
	background-image: var(--gradient-deep-orange);
}

table.pro_tab_content.table2.clearfix {
	margin-top: 15px;
}

p.image-disclaimer {
	font-size: 10px;
	font-style: italic;
	text-align: center;
}

div.header-quick-quote {
	float: right;
	display: inline;
	position: relative;
	margin-top: -14px;
	margin-bottom: -10px;
	margin-right: 5px;
	font-size: 12px;
	color: #fff;
}

div.header-quick-quote a {
	color: #fff;
}

div.static-form form.quote-request.form-full div.field {
	width: 50%;
	float: left;
	padding: 0 5px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.blog_main .quick-quote-header {
	text-align: center;
}

.blog_main .quick-quote-header input {
	height: 50px;
	min-width: 30em;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	background-color: #fff;
	-webkit-box-shadow: none;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
	padding: 0 12px;
	font-family: 'Proxima Nova W01', 'Neue Helvetica W01', Arial;
	font-size: 15px;
	font-weight: 500;
	color: #535353;
	margin-top: 10px;
}

a.email-quote {
	box-shadow: inset 0 1px 1px #E76246;
	background-image: var(--gradient-deep-orange);
	background-image: var(--gradient-deep-orange);
	background-image: var(--gradient-deep-orange);
	background-image: var(--gradient-deep-orange);
	color: #fff;
}

a.email-quote:hover {
	background-image: linear-gradient(to bottom, #C65000 -15.5%, #E76246 115.5%);
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.top-menu-promotion {
	margin: 0 auto;
	padding-top: .2em;
	padding-bottom: .2em;
	text-align: center;
	background: #000;
}

.top-menu-promotion p {
	font-size: 0.9em;
	color: #fff;
}

/* Typeahead styling */
.tt-query {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
	color: #999
}

.tt-menu {
	/* used to be tt-dropdown-menu in older versions */
	width: 450px;
	margin-top: -18px;
	padding: 4px 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tt-suggestion {
	padding: 3px 20px;
	line-height: 24px;
	text-align: left;
}

.tt-suggestion.tt-cursor,
.tt-suggestion:hover {
	color: #fff;
	background-color: #0097cf;
	cursor: pointer;
}

.tt-suggestion p {
	margin: 0;
	text-align: left;
}

strong.tt-highlight {
	background-color: yellow;
}

span.tt-item-product-desc {
	font-size: 13px;
}

/* */
span.twitter-typeahead {
	width: 100%;
}

div.checkout-refund-box {
	max-height: 280px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-bottom: 1.5em;
	border: 1px solid #E0E0E0;
	border-radius: 4px;
}

div.checkout-return-policy {
	font-size: 13px;
	text-align: left;
	padding: 12px 15px;
	color: #555;
	line-height: 1.6;
}

div.checkout-return-policy p {
	font-size: 13px;
	color: #555;
	margin-bottom: 10px;
}

div.checkout-return-policy .restock-table {
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0;
}

div.checkout-return-policy .restock-table td {
	padding: 6px 10px;
	border-bottom: 1px solid #eee;
	font-size: 13px;
	color: #555;
}

div.checkout-return-policy .restock-table tr:nth-child(even) {
	background-color: #f9f9f9;
}

div.checkout-return-policy .restock-table tr:hover {
	background-color: #f0f4f8;
}

div.accessories {
	font-size: 14px;
}

div.accessories tr.heading th:first-child {
	padding-left: 10px;
}

div.accessories td {
	max-width: 180px;
}

div.product_desc div.accessories .repairpart-images {
	width: 85%;
	height: 65%;
	max-width: 600px;
	margin: auto;
}

div.repair_part_product {
	margin-top: -40px;
}

div.repair_part_product div.product_details input[type="checkbox"],
.pill_content input[type="checkbox"],
.frequent_products input[type="checkbox"] {
	height: auto;
	opacity: 0;
	margin: 17px 5px 0 0;
}

div.repair_part_product div.product_details .repairpart-images {
	width: 55%;
	height: 40%;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #E0E0E0;
}

div.repair-part-sidebar {
	width: 40%;
	float: right;
}

.highlight-row {
	background-color: #8ab3e3 !important;
}

div.repair-part-manual {
	float: right;
	padding-top: 1.5em;
	padding-right: 1.5em;
}

div.repair-part-manual .repair-part-manual-btn {
	color: #fff;
	background-image: var(--gradient-blue);
}

div.repair-part-manual .repair-part-manual-btn i {
	background: var(--manual-icon-b-white) no-repeat 0 0;
}

div.repair-part-manual.repair-part-page {
	padding-right: 0;
	padding-top: 0.8em;
}

div.repair-part-switcher {
	float: right;
	padding-top: 0.8em;
}

div.repair-part-switcher .repair-part-switcher-btn {
	float: none;
	color: #525252;
	border-color: #CCCCCC;
	background-image: var(--gradient-light-gray);
	margin-right: 12px;
	margin-bottom: 10px;
}

div.repair-part-switcher .repair-part-switcher-btn i {
	background: var(--part-icon) no-repeat 0 0;
}

div.repair-part-switcher .repair-part-switcher-btn-active {
	border: 2px solid #0a51aa;
}

div.repair_part_product table.accers tr {
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
}

div.repair_part_product table tr.heading th:first-child {
	padding-left: 20px;
}

div.repair_part_product table td span.check_icon {
	margin-left: 30px;
}

/*
div.repair_part_product table tr.heading th:nth-child(3) {
	 padding-left: 60px;
}

div.repair_part_product table tr.heading th:nth-child(6) {
	padding-right: 40px;
}
*/
/*
div.repair_part_product div.table-scroll {
    max-height: 500px;
    overflow: auto;
	overflow-x: hidden;
}

div.repair_part_product div.table-scroll .accers tr {
	border-top: none;
	border-left: 1px solid #E0E0E0 !important;
}
*/

div.repair_part_product div.add_cart {
	width: 96.8%;
}

div.repair_part_product a.checkout {
	background-image: var(--gradient-blue);
	margin-left: 20px;
}

div.product_code div.repair-part-fulllink {
	font-size: 14px;
	padding-top: 10px;
}

div.mapsvg-btn-zoom {
	background-color: #e9730f;
}

div.repair-part-sidebar h4 {
	font-size: 1.17em;
}

div.repair-part-sidebar p.tips-title {
	font-size: 1.17em;
	font-weight: 500;
	cursor: help;
}

div.repair-part-sidebar div.tips-notes {
	display: inline-block;
	font-weight: 300;
	font-size: 0.8em;
	padding-top: 10px;
	text-decoration: underline;
}

div.repair-part-sidebar-desc p {
	font-weight: 300;
	font-size: 0.90em;
}

div.product_code_rp {
	float: none;
}

div.product_repair_kit_block {
	display: block;
	padding: 15px;
	border: 1px solid #E0E0E0;
	margin: 20px 0;
	text-align: center;
}

div.product_repair_kit_block.product_repair_kit_block_tile {
	width: 45.4%;
	float: left;
	min-height: 230px;
	margin-right: 2.5%;
	margin-bottom: 1.5%;
}

div.product_repair_kit_block.product_repair_kit_block_tile.product_repair_kit_block_tile_right {
	margin-right: 0;
}

div.product_repair_kit_block p#repair_kit_block_title {
	font-size: 1.17em;
}

div#repair-kit-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#drive-assembly-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#liquid-assembly-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#packing-gland-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#seal-kit-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#pump-end-kit-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#impeller-kit-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#shaft-replacement-kit-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#shaft-sleeve-kit-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#liquid-side-kit-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#air-motor-kit-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#body-assembly-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#valve-body-assembly-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#c-spool-assembly-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#solenoid-kit-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#adapter-plate-kit-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#air-section-kit-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#fluid-service-kit-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#dual-inlet-kit-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#major-valve-assy-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#exhaust-kit-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#fluid-section-service-kit-w-seats-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#flange-connection-kit-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#pump-tube-without-motor-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#odp-motor-tube-without-motor-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#tefc-motor-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#xp-motor-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#air-motor-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#wall-mount-bracket-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#nozzle-3-4-inch-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#stack-kit-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#tube-option-1-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#tube-option-2-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#tube-option-3-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#tube-option-4-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#impeller-kit-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#overhaul-kit-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#pressure-gauge-kit-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#cutter-kit-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#seal-tool-kit-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#mechanical-seal-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#pump-casing-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#motor-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div#housing-desc {
	font-weight: 300;
	font-size: 0.90em;
}

div.addcart_popover {
	padding-top: 10px;
	max-width: 170px;
}

div.addcart_popover div#number {
	padding-top: 5px;
}

div.addcart_popover a.add_cart_button {
	margin-left: 10px;
}

div.addcart_popover p.popover-add-success {
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
	padding-top: 10px;
	display: inline-block;
}

a.repair-parts-view-diagram-btn {
	cursor: pointer;
	text-align: center;
	padding: 8px;
	margin: 0 0 10px 0;
	width: 100%;
	font-size: 12px;
	background-image: var(--gradient-deep-orange);
	color: #fff;
	border: none;
}

a.repair-parts-view-diagram-btn:hover {
	background-image: linear-gradient(to bottom, #C65000 -15.5%, #E76246 115.5%);
}

div.product-detail-pt-switcher {
	width: 100%;
	text-align: right;
}

div.product-detail-pt-manual-btn {
	padding-top: 0px;
}

div.mapsvg-tooltip {
	border: 2px solid #0a51aa;
}

a.bt-estimate {
	font-weight: 600;
}

div.check_quantity li.ship,
li.stock,
li.out-of-stock {
	font-weight: 600;
}

div#autocomplete {
	width: 30%;
	display: table-cell;
	padding-top: 5px;
}

div.suggestion-splitter-title-ie {
	color: #ffffff;
	background-color: #112d5e;
	min-height: 20px;
	padding: 5px 10px;
	cursor: default;
}

div.suggestion-splitter-title-ie span {
	font-size: 1.2em;
	font-weight: bold;
}

div#pumpfinder ul.suggestions {
	right: inherit;
	margin-top: 50px;
}

div#pumpfinder #autocomplete_search_btn {
	margin-top: 11px;
	margin-left: -44px;
}

div#pumpfinder div.text {
	margin-top: -15%;
}

div.pill_content ul li div.form {
	padding-left: 15%;
}

div.pill_content ul li p.short_desc {
	color: #535353;
	font-weight: normal;
}

div.billing input.checkout-customer-po {
	width: 25%;
	height: 26px;
	color: #535353;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	border: 1px solid #c0c0c0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 0 12px;
	-webkit-box-shadow: none;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Billing / Credit Card Form — all rules scoped under .page-confirm below */

/* Prop 65 notice — muted style */
.prop65-notice {
	font-size: 12px;
	color: #888;
	margin-bottom: 8px;
}

.prop65-notice a {
	color: #b55;
	text-decoration: none;
}

.prop65-notice a:hover {
	text-decoration: underline;
}

/* Tax exempt hint */
.tax-exempt-hint {
	font-family: "Neue Helvetica W01", Arial, sans-serif;
	font-size: 12px;
	color: #6b7589;
	margin: 10px 0 0;
	line-height: 1.4;
	font-weight: normal;
	padding-left: 10px;
	border-left: 2px solid #d0d5dd;
}

.tax-exempt-existing-file {
	font-size: 12px;
	padding-bottom: 12px;
}

.tax-exempt-existing-file a {
	font-size: 12px;
}

/* PayPal error */
.paypal-error {
	color: #c0392b;
	font-weight: 400;
}

@media (max-width: 600px) {
	.page-confirm .billing-form .card-row {
		flex-direction: column;
		gap: 0;
	}
	.page-confirm .billing-form .card-row .field-cvv {
		max-width: 100%;
	}
}

div.repair-part-item-span {
	float: left;
}

div.reset-users-password-main {
	width: 100%;
	border: 1px solid #E0E0E0;
	padding: 2em;
}

div.reset-users-password-main input {
	width: 80%;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 15px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-clip: padding-box;
	background-color: #fff;
	padding: 0 12px;
	-webkit-appearance: none;
	border-radius: 4px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 2.5em;
	float: left;
}

div.reset-users-password-main ul.errorlist>li {
	color: darkred;
}

div.reset-users-password-main form label {
	color: #525252;
}

div.map-price-hover {
	padding: 1em;
	background-color: #fff;
	border: 2px solid;
	display: none;
	position: absolute;
	z-index: 20;
	left: 235px;
	top: -20px;
	min-width: 300px;
}

span#map-price-hover-heading {
	background-color: #fff;
	border-radius: unset;
	color: #000;
	font-size: 1.1em;
	padding: 0px;
}

span.map-list-price {
	margin-right: 2em;
	margin-top: 5rem;
	font-size: 14px;
}

p.bt-email-quick-quote-help-text {
	font-family: "Neue Helvetica W01", Arial;
	color: #535353;
	font-size: 13px;
	text-align: center;
	margin: 0 auto;
}

div.recommendation-header {
	padding-top: 2rem;
}

h2.related-cart-header {
	color: #212121;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 18px;
	font-weight: 400;
	margin: 10px 0 0 0;
}

.cart_reco_grid .product_features {
	text-align: center;
}

.cart_reco_grid {
	display: block;
}

.cart_reco_grid>li {
	width: 25%;
	position: relative;
	top: 0;
	background-color: #fff;
	padding: 20px 25px 20px 0px;
}

.cart_reco_grid>li>a {
	display: table;
}

.cart_reco_grid>li>p {
	color: #17499b;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: bold;
	margin: 10px 0 5px 0;
}

.cart_reco_grid p.product_title {
	color: #17499b;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: bold;
	margin: 10px 0 5px 0;
}

.cart_reco_grid>li>p.short_desc {
	color: #535353;
	font-weight: normal;
}

.cart_reco_grid>li:hover .addcart_series {
	display: table;
}

.cart_reco_grid div.img {
	width: 150px;
	height: 150px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.cart_reco_grid .product_features h3 {
	font-size: 15px;
}

h2.cart_reco_grid.similar_js {
	color: '#000000';
	padding: 5px;
	display: block;
	display: none;
}

.cart_reco_grid .green_button {
	float: initial;
}

.card-carousel-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px 0 40px;
	color: #666a73;
}

.card-carousel {
	display: flex;
	justify-content: center;
	width: 870px;
}

.card-carousel--overflow-container {
	overflow: hidden;
}

.card-carousel-cards {
	display: flex;
	transition: transform 150ms ease-out;
	transform: translatex(0px);
}

.card-carousel-cards .card-carousel--card {
	margin: 0 10px;
	cursor: pointer;
	background-color: #fff;
	border-radius: 4px;
	z-index: 3;
	margin-bottom: 2px;
	text-align: center;
	margin-block-start: auto;
}

.card-carousel-cards .card-carousel--card :first-child {
	margin-left: 0;
}

.card-carousel-cards .card-carousel--card :last-child {
	margin-right: 0;
}

.card-carousel-cards .card-carousel--card img {
	vertical-align: bottom;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	transition: opacity 150ms linear;
	user-select: none;
}

.card-carousel-cards .card-carousel--card img :hover {
	opacity: 0.5;
}

.card-carousel--nav__left,
.card-carousel--nav__right {
	display: inline-block;
	width: 15px;
	height: 15px;
	padding: 10px;
	box-sizing: border-box;
	border-top: 2px solid #ec5f37;
	border-right: 2px solid #ec5f37;
	cursor: pointer;
	margin: 0 10px;
	transition: transform 150ms linear;
}


.card-carousel--nav__left {
	transform: rotate(-135deg);
}

.card-carousel--nav__left :active {
	transform: rotate(-135deg) scale(0.9);
}

.card-carousel--nav__right {
	transform: rotate(45deg);
}

.card-carousel--nav__right :active {
	transform: rotate(45deg) scale(0.9);
}

.card-carousel-cards .card-carousel--card--footer {
	border-top: 0;
	padding: 7px 15px;
}

.card-carousel-cards .card-carousel--card--footer p {
	padding: 3px 0;
	margin: 0;
	margin-bottom: 2px;
	font-size: 14px;
	font-weight: 500;
	color: #2c3e50;
	user-select: none;
	text-align: center;
}

.card-carousel-cards .card-carousel--card--footer p.manu-category {
	font-size: 15px;
	font-weight: 500;
	color: #067cdf;
}

.card-carousel--nav__left[disabled],
.card-carousel--nav__right[disabled] {
	opacity: 0.2;
	border-color: black;
}

.ordertracking-form {
	text-align: center;
}

.ordertracking-form p {
	font-size: 16px;
}

.ordertracking-form h6 {
	color: #212121;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 18px;
	font-weight: 500;
	margin: 0 0 20px 0;
}

.ordertracking-form .green_button {
	padding: 10px 20px;
	letter-spacing: 0.1em;
	float: none;
}

.ordertracking-form .green_button:hover {
	background-image: var(--gradient-green);
}

.ordertracking-form label {
	float: none;
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ordertracking-form p {
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 5px;
}

.ordertracking-form input[type="text"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 40px;
	width: 50%;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	background-color: #fff;
	-webkit-box-shadow: none;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
	padding: 0 12px;
	font-family: 'Proxima Nova W01', 'Neue Helvetica W01', Arial;
	font-size: 15px;
	font-weight: 500;
	color: #535353;
}

.ordertracking-form label {
	color: #878787;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 5px;
	text-align: center;
}

.ordertracking-form p.ordertracking-notfound {
	color: #3d3d3d;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
	font-size: 16px;
	font-weight: 300;
}

.ordertracking-form table {
	border-collapse: collapse;
	border-spacing: 0;
	display: table;
	width: 100%;
	text-align: left;
}

.ordertracking-form .order-table {
	border: 1px solid #E0E0E0;
	border-top-color: rgb(224, 224, 224);
	border-top-style: solid;
	border-top-width: 1px;
	border-top: 0;
}

.ordertracking-form .order-history td {
	padding: 20px 10px;
}

.ordertracking-form .order-history td img {
	display: inline;
}

.ordertracking-form .order-history td a p {
	color: #212121;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-weight: bold;
}

.ordertracking-form .order-history table tr td {
	text-align: left;
	color: #202020;
	font-family: "Neue Helvetica W01";
	font-size: 12px;
}

.ordertracking-form .order-history table td:first-child {
	text-align: center;
}

.ordertracking-form .order-history td:nth-child(2) em {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

.ordertracking-form .order-history td em {
	color: #878787;
	font-size: 12px;
	font-family: "Proxima Nova W01", "Neue Helvetica W01", Arial;
}

.ordertracking-form .order-history td.device-view h6 {
	color: #202020;
	font-family: "Neue Helvetica W01";
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}

input.btn-guest-checkout {
	float: left;
	width: 100%;
	max-width: 250px;
	text-transform: uppercase;
	color: #fff;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
	font-weight: bold;
	height: auto;
	border: none;
	background-color: #0959B4;
	box-shadow: inset 0 1px 1px #3e7ee2;
	background-image: url(../images/icons/icon-4e1fd3dd6f85ed36d1049543c35bfef1.svg…AiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
	background-image: var(--gradient-blue);
	padding: 10px 20px;
	margin: 0;
}

p.guest-checkout-login-user-err {
	color: red;
	font-weight: 700;
	margin: -10px 0 10px 0;
}

.check-order-desc h6.order-number {
	font-size: 16px;
	text-align: center;
}

.existing-acct-checkout {
	padding-bottom: 1em;
}

.new-acct-checkout p {
	font-size: 14px;
	margin-bottom: 1em;
}

li#paypal-btn {
	background-color: rgb(255, 196, 57);
	background-image: none !important;
}

ul.application-list,
ul.types-list {
	columns: 4;
	-webkit-columns: 4;
	-moz-columns: 4;
	width: 100%;
}


.dropdown-autocomplete-wrap nav ul li {
	text-align: left;
}

.top-search-wrap {
	width: 26%;
	float: left;
	margin-left: 25px;
	margin-top: 0.5rem;
}

.ms-n5 {
	margin-left: -45px;
	margin-top: 2px;
}

.dropdown-autocomplete-wrap .dropdown-item {
	white-space: normal;
	padding: 0 !important;
}

.dropdown-autocomplete-wrap .dropdown-item div {
	margin-left: 10px;
}

.mobile-open {
	display: none;
}


input.search_product_input {
	border-radius: 3px;
	padding: .1rem .5rem;
	font-family: "Neue Helvetica W01", Arial;
	font-size: 13px;
}

input.search_product_input:focus {
	border: 0;
}

.dropdown-autocomplete-wrap .list-categ .dropdown-item div {
	color: #202020;

	font-family: "Neue Helvetica W01";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: var(--font-tracking-normal, 0);

	padding: 3px 0;
	align-items: center;
	align-self: stretch;
}

.dropdown-autocomplete-wrap {}

.dropdown-autocomplete-wrap li {}

.dropdown-autocomplete-wrap nav ul li {
	max-width: inherit;
	font-size: 14px;
}

.dropdown-autocomplete-wrap nav ul li a,
.dropdown-autocomplete-wrap .user_menu ul li a {
	font-size: 14px;
}

.dropdown-autocomplete-wrap .price-value {
	text-align: right;
	color: #18181B;
	/* text-sm/semibold */
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	/* 142.857% */
	letter-spacing: 0;
}

.dropdown-autocomplete-wrap .view-all {
	text-align: center;
}

.dropdown-autocomplete-wrap .view-all a {
	display: flex;
	padding: 10px 20px;
	justify-content: center;
	align-items: center;
	gap: 12px;
}

.dropdown-autocomplete-wrap .view-all span,
.dropdown-autocomplete-wrap .view-all svg {
	color: #17499B;
	font-family: "Neue Helvetica W01";
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	/* 123.077% */
	letter-spacing: var(--font-tracking-normal, 0);
}


div.dropdown-autocomplete-wrap .title {
	overflow: hidden;
	text-overflow: ellipsis;
	/* text-base/semibold */
	color: #202020;

	font-family: "Neue Helvetica W01";
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 22px;
	margin-left: 10px;
	padding-bottom: 6px;

}

/* div.dropdown-autocomplete-wrap .title-next {
	padding-top: 12px;
} */

div.dropdown-autocomplete-wrap .prod-descr {
	overflow: hidden;
	color: #3F3F46;
	text-overflow: ellipsis;
	/* text-sm/normal */
	overflow: hidden;
	color: #202020;
	text-overflow: ellipsis;
	font-family: "Neue Helvetica W01";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 17px;
	/* 141.667% */
	letter-spacing: var(--font-tracking-normal, 0);
}

div.dropdown-autocomplete-wrap .prod-name {
	color: #202020;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	/* 142.857% */
	letter-spacing: var(--font-tracking-normal, 0);
}

.prod-item .dropdown-item {
	margin: 0;
}

div.dropdown-autocomplete-wrap .prod-img {
	width: 56px;
	height: 56px;
	/* flex-shrink: 0;
	aspect-ratio: 1/1; */
}

div.dropdown-autocomplete-wrap .prod-item {
	/*padding: 8px 0;*/
}

.prod-item .dropdown-item {
	justify-content: flex-start;
	align-items: center;
}

div.dropdown-autocomplete-wrap div.dropdown-menu {
	border-radius: 4px !important;
	border: 1px solid #E4E4E7;
	background: #FFF;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
	max-height: 600px;
	overflow-y: auto;
}

div.dropdown-autocomplete-wrap .list-categ .dropdown-divider {
	width: 107%;
	margin-left: -20px;
	border-top: 1px solid #E4E4E7;
}

div.dropdown-autocomplete-wrap .autocomplete-container {
	display: flex !important;
	justify-content: space-between;
}

div.dropdown-autocomplete-wrap .dropdown-divider {
	margin-top: 5px;
}

div.dropdown-autocomplete-wrap .vr {
	background-color: #989899;
	margin-top: -12px;
	margin-left: 20px !important;
	margin-right: 20px !important;
}

div.dropdown-autocomplete-wrap .title-products {
	overflow: hidden;
	text-overflow: ellipsis;
	/* text-base/semibold */
	color: #202020;

	font-family: "Neue Helvetica W01";
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 22px;
}

.auto-search-wrap {
	position: absolute;
	left: 21.5%;
	width: 79%;
	top: calc(100% + 58px);
	z-index: 1000;
}

.autocomplete-categories {
	min-width: 35%;
	width: 100%;
	border-right: 1px solid #e9ecef;
	padding: 0;
}

.autocomplete-products {
	min-width: 65%;
	width: 100%;
	padding-left: 12px;
	/*todo fix*/
}

div.dropdown-autocomplete-wrap .prod-descr {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media only screen and (max-width: 768px) {
	div.dropdown-autocomplete-wrap nav ul li {
		width: inherit;
	}
}

/* @media only screen and (max-width: 920px) {
	.auto-search-wrap {
		left: 3.2%;
		width: 79%;
		top: calc(100% + 124px);
	}
} */

.logo a img {
	width: 184px;
	height: 50px;
}


.lite-image {
	width: 200px;
	/* or whatever your expected thumb size is */
	height: 200px;
	object-fit: cover;
	/* crop to fill; use 'contain' to letterbox instead */
	display: block;
}

.lite-image.px144 {
	width: 144px;
	/* or whatever your expected thumb size is */
	height: 144px;
}

select {
	cursor: pointer !important;
	vertical-align: middle;
	position: relative;
	border-radius: 4px;
	border: 1px solid #cacaca;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	height: 36px;
	font-family: 'Proxima Nova W01', 'Neue Helvetica W01', Arial;
	font-size: 14px;
	color: #535353;
	padding: 0 8px;
	-webkit-appearance: menulist;
	-moz-appearance: menulist;
	appearance: menulist;
}

.btn-search:hover {
	color: var(--bs-btn-color)
}

.close-mobile {
	display: none;
	padding: 12px;
	padding-right: 1px;
	color: #F4F4F5;
	font-family: "Neue Helvetica W01";
	font-size: 14px;
	font-style: normal;
	font-weight: var(--font-weight-semibold, 500);
	line-height: 20px;
	letter-spacing: var(--font-tracking-normal, 0);
	cursor: pointer;
}

.mafucat-grid-series {
	height: 372px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.prod-item .prod-name,
.prod-item .prod-descr {
	margin-left: 0 !important;
}

.prod-badge {
	display: inline-block;
	font-size: 10px;
	font-weight: 600;
	line-height: 1;
	padding: 2px 6px;
	border-radius: 3px;
	vertical-align: middle;
	margin-left: 4px;
	letter-spacing: 0.02em;
	white-space: nowrap;
}
.prod-badge--replacement {
	background: #c3e6cb;
	color: #155724;
	font-weight: 700;
}
.prod-badge--discontinued {
	background: #f2dede;
	color: #a94442;
}
.prod-item--discontinued {
	opacity: 0.85;
}
.prod-item--discontinued .prod-img {
	filter: grayscale(20%);
}

.all_list_dflex {
	display: flex !important;
	flex-wrap: wrap;
}

.manufac_search {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
}

.manufac_search .series_serach {
	margin: 0 !important;
}

.manufac_search .blue_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 8px;
}

.quantity select {
	height: 32px;
	margin: 10px 0 15px 0;
}

.lightbox select, .lightbox input[type="text"] {
	height: 38px !important;
}

.manufac-list>li{
	display: flex;
	align-items: center;
}

.manufac-list>li .desc-div {
	padding-left: 0 !important;
	flex: 1;
	min-width: 0;
}

.manufac-list>li .desc-div a p {
	margin-top: 0;
}

.lightbox:has(#lightbox-gallery) {
	max-width: 95vw !important;
	max-height: 95vh !important;
	width: 95vw !important;
}

#lightbox-gallery div.lightbox {
	position: relative;
	width: 100%;
	max-width: 95vw !important;
	display: none;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #e0e0e0;
}

div#lightbox-gallery ul.photos {
	width: 100% !important;
	height: calc(85vh - 120px) !important;
	visibility: hidden;
}

div#lightbox-gallery ul.photos li {
	display: table;
	width: 100% !important;
}

div#lightbox-gallery ul.photos li div {
	width: 100% !important;
	height: calc(85vh - 120px) !important;
	max-height: none !important;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

div#lightbox-gallery .bx-viewport {
	height: calc(85vh - 120px) !important;
}

/* Skip links for accessibility */
.skip-link {
	position: absolute;
	top: -40px;
	left: 0;
	background: #000;
	color: #fff;
	padding: 8px;
	text-decoration: none;
	z-index: 10000;
}
.skip-link:focus {
	top: 0;
}

.fb a {
	background: var(--fb) no-repeat 0 0 !important;
}

.twit a {
	background: var(--twit) no-repeat 0 0 !important;
}

.pen a {
	background: var(--pen) no-repeat 0 0 !important;
}

.you a {
	background: var(--you) no-repeat 0 0 !important;
}

.google a {
	background: var(--gmail) no-repeat 0 0 !important;
}

/* Policy / info pages (.pc-page wrapper) */

.pc-page h3 {
	margin: 30px 0 12px 0 !important;
	padding-bottom: 8px;
	border-bottom: 2px solid #ebebeb;
	font-size: 20px !important;
	color: #1a1a1a;
	display: block;
}

.pc-page h3:first-child {
	margin-top: 0 !important;
}

.post_content .pc-page p strong,
.post_content .pc-page li strong,
.post_content .pc-page td strong {
	font-size: inherit !important;
	font-weight: 600 !important;
	line-height: inherit !important;
	margin: 0 !important;
	color: #333;
}

.pc-page p {
	line-height: 1.75;
}

.pc-page ul,
.pc-page ol {
	margin-left: 22px;
	margin-bottom: 16px;
}

.pc-page li {
	margin-bottom: 6px;
	line-height: 1.65;
}

.pc-page .contact-card {
	background: #f7f8fa;
	border: 1px solid #e0e3e8;
	border-radius: 6px;
	padding: 22px 26px;
	margin-bottom: 24px;
}

.pc-page .contact-card h4 {
	float: none;
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 10px 0;
	color: #1a1a1a;
}

.pc-page .contact-card p {
	margin-bottom: 6px !important;
	line-height: 1.65;
}

.pc-page table {
	border-collapse: collapse;
	width: 100%;
	margin: 16px 0 24px 0;
}

.pc-page table th {
	background: #f7f8fa;
	font-weight: 600;
	text-align: left;
	padding: 10px 14px;
	border: 1px solid #ddd;
	font-size: 14px;
	color: #333;
}

.pc-page table td {
	padding: 10px 14px;
	border: 1px solid #ddd;
	font-size: 14px;
	vertical-align: top;
}

.pc-page table tr:nth-child(even) td {
	background: #fafbfc;
}

.pc-page .highlight-box {
	background: #f0f7ff;
	border-left: 4px solid #067cdf;
	padding: 14px 18px;
	margin: 20px 0;
	border-radius: 0 4px 4px 0;
}

.pc-page .highlight-box p {
	margin-bottom: 0 !important;
}

.pc-page .warning-box {
	background: #fff8f0;
	border-left: 4px solid #e67e22;
	padding: 14px 18px;
	margin: 20px 0;
	border-radius: 0 4px 4px 0;
}

.pc-page .warning-box p {
	margin-bottom: 0 !important;
}

/* Testimonial cards */
.pc-page .testimonial-card {
	position: relative;
	background: #f7f8fa;
	border: 1px solid #e0e3e8;
	border-left: 4px solid #067cdf;
	border-radius: 6px;
	padding: 24px 28px 24px 52px;
	margin-bottom: 20px;
}

.pc-page .testimonial-card:first-of-type {
	margin-top: 10px;
}

.pc-page .testimonial-card::before {
	content: "\201C";
	position: absolute;
	left: 16px;
	top: 14px;
	font-size: 40px;
	line-height: 1;
	color: #c0cee0;
	font-family: Georgia, serif;
}

.pc-page .testimonial-featured::before {
	color: #a3d4b5;
}

.pc-page .testimonial-card blockquote {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 14px;
	line-height: 1.75;
	color: #333;
	font-style: normal;
}

.pc-page .testimonial-card blockquote p {
	margin: 0 !important;
}

.pc-page .testimonial-attribution {
	margin: 14px 0 0 0 !important;
	font-size: 14px;
	font-weight: 600;
	color: #1a1a1a;
	font-style: normal;
}

.pc-page .testimonial-featured {
	border-left-color: #2fa255;
	background: #f5faf7;
}

/* FAQ category cards + accordion */
.pc-page .faq-category {
	background: #fff;
	border: 1px solid #e4e7ec;
	border-radius: 6px;
	padding: 24px 28px 16px;
	margin-bottom: 20px;
}

.pc-page .faq-category:first-of-type {
	margin-top: 10px;
}

.pc-page .faq-category h3 {
	margin: 0 0 16px 0 !important;
	padding-bottom: 10px;
	border-bottom: 2px solid #e4e7ec;
	font-size: 17px;
	color: #1a2b4a;
}

.pc-page .faq-category details {
	border-bottom: 1px solid #f0f1f3;
	padding: 0;
}

.pc-page .faq-category details:last-of-type {
	border-bottom: none;
}

.pc-page .faq-category summary {
	cursor: pointer;
	padding: 14px 36px 14px 0;
	font-family: "Neue Helvetica W01", Arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #2a3548;
	line-height: 1.5;
	list-style: none;
	position: relative;
	border-radius: 4px;
	transition: background-color 0.15s, color 0.15s;
}

.pc-page .faq-category summary::-webkit-details-marker {
	display: none;
}

.pc-page .faq-category summary::after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	width: 8px;
	height: 8px;
	border-right: 2px solid #7a8599;
	border-bottom: 2px solid #7a8599;
	transform: translateY(-50%) rotate(-45deg);
	transition: transform 0.25s ease, border-color 0.15s;
}

.pc-page .faq-category details[open] > summary::after {
	transform: translateY(-65%) rotate(45deg);
}

.pc-page .faq-category summary:hover {
	color: #177EDC;
	background: #f8f9fb;
}

.pc-page .faq-category summary:hover::after {
	border-color: #177EDC;
}

.pc-page .faq-category details .faq-answer {
	padding: 0 0 16px 16px;
	font-size: 14px;
	color: #475467;
	line-height: 1.7;
	animation: faqFadeIn 0.2s ease;
}

@keyframes faqFadeIn {
	from { opacity: 0; transform: translateY(-4px); }
	to { opacity: 1; transform: translateY(0); }
}

.pc-page .faq-category details .faq-answer a {
	color: #2a7ab7;
	text-decoration: underline;
}

.pc-page .faq-category-top {
	background: #f0f7ff;
	border-color: #c2d9f0;
	border-left: 3px solid #2a7ab7;
}

.pc-page .faq-category-top h3 {
	color: #1a5a8a;
	border-bottom-color: #c2d9f0;
}

/* Contact form native select dropdowns */
.static-form select,
.register-form select {
	display: inline-block !important;
	width: 90%;
	height: 40px;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	background-color: #fff;
	margin-bottom: 20px;
	box-sizing: border-box;
	font-family: 'Proxima Nova W01', 'Neue Helvetica W01', Arial;
	font-size: 14px;
	color: #535353;
	padding: 0 12px;
	-webkit-appearance: menulist;
	-moz-appearance: menulist;
	appearance: menulist;
	cursor: pointer;
}

/* Footer copyright bar (MC-6) */
.footer-copyright {
	text-align: center;
	padding: 15px 0;
	margin-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	font-family: "Neue Helvetica W01", Arial;
	font-size: 12px;
	color: #97b1d9;
	clear: both;
}

/* PDP compliance additions (MC-5) */
.product_features .pdp-shipping-estimate {
	font-family: "Neue Helvetica W01", Arial, sans-serif;
	font-size: 11px;
	color: #6b7589;
	margin: 8px 0 12px;
	line-height: 1.4;
	font-weight: normal;
	padding-left: 10px;
	border-left: 2px solid #d0d5dd;
}

.check_quantity .pdp-return-policy {
	font-family: "Neue Helvetica W01", Arial, sans-serif;
	font-size: 11px;
	color: #6b7589;
	margin: 8px 0 4px;
	clear: both;
}

.pdp-return-policy a {
	color: #2a7ab7;
	text-decoration: underline;
}

/* Territory restriction notice (checkout & cart) */
.territory-notice {
	background: #fffdf5;
	border: 1px solid #f0d68a;
	border-left: 4px solid #f5a623;
	border-radius: 6px;
	padding: 20px 24px;
	margin: 16px 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: #4a3c00;
	line-height: 1.5;
}
.territory-notice-header {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 700;
	color: #7a5c00;
}
.territory-notice-header .tn-icon {
	font-size: 20px;
	line-height: 1;
}
.territory-notice-msg {
	font-size: 14px;
	margin-bottom: 14px;
	color: #5a4a10;
}
.territory-notice-products {
	background: #f9f4e6;
	border: 1px solid #ede0b8;
	border-radius: 4px;
	padding: 10px 14px;
	margin-bottom: 14px;
	list-style: none;
}
.territory-notice-products li {
	padding: 4px 0;
	font-size: 13px;
	font-weight: 500;
	color: #4a3c00;
	border-bottom: 1px solid #ede0b8;
}
.territory-notice-products li:last-child {
	border-bottom: 0;
}
.territory-notice-states-label {
	font-size: 12px;
	font-weight: 600;
	color: #7a5c00;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	margin-bottom: 6px;
}
.territory-notice-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-bottom: 16px;
}
.territory-notice-badges .tn-badge {
	display: inline-block;
	padding: 3px 10px;
	font-size: 12px;
	font-weight: 700;
	color: #5a4a10;
	background: #fef3c7;
	border: 1px solid #f0d68a;
	border-radius: 12px;
	letter-spacing: 0.3px;
}
.territory-notice-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	padding-top: 12px;
	border-top: 1px solid #f0e6c4;
}
.territory-notice-actions .tn-btn {
	display: inline-block;
	padding: 8px 18px;
	font-size: 13px;
	font-weight: 600;
	border-radius: 4px;
	text-decoration: none;
	cursor: pointer;
	transition: background 0.15s, box-shadow 0.15s;
}
.territory-notice-actions .tn-btn-primary {
	background: #f5a623;
	color: #fff;
	border: 1px solid #e09510;
}
.territory-notice-actions .tn-btn-primary:hover {
	background: #e09510;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}
.territory-notice-actions .tn-btn-secondary {
	background: #fff;
	color: #5a4a10;
	border: 1px solid #ddd;
}
.territory-notice-actions .tn-btn-secondary:hover {
	background: #f9f4e6;
}
.territory-notice-actions .tn-phone {
	font-size: 13px;
	color: #7a5c00;
	margin-left: auto;
}

/* Sticky territory banner (auto-dismiss toast) */
.territory-toast {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999;
	background: linear-gradient(135deg, #b45309 0%, #d97706 100%);
	color: #fff;
	padding: 0;
	box-shadow: 0 4px 20px rgba(0,0,0,0.25);
	transform: translateY(-100%);
	transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.territory-toast.tt-visible {
	transform: translateY(0);
}
.territory-toast-inner {
	max-width: 1100px;
	margin: 0 auto;
	padding: 12px 24px;
	display: flex;
	align-items: center;
	gap: 12px;
}
.territory-toast .tt-icon {
	font-size: 20px;
	flex-shrink: 0;
}
.territory-toast .tt-text {
	flex: 1;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
}
.territory-toast .tt-text strong {
	font-weight: 700;
}
.territory-toast .tt-actions {
	display: flex;
	gap: 8px;
	flex-shrink: 0;
}
.territory-toast .tt-btn {
	display: inline-block;
	padding: 6px 16px;
	font-size: 12px;
	font-weight: 700;
	border-radius: 4px;
	text-decoration: none;
	cursor: pointer;
	transition: background 0.15s;
	white-space: nowrap;
}
.territory-toast .tt-btn-edit {
	background: #fff;
	color: #b45309;
	border: none;
}
.territory-toast .tt-btn-edit:hover {
	background: #fef3c7;
}
.territory-toast .tt-btn-dismiss {
	background: rgba(255,255,255,0.2);
	color: #fff;
	border: 1px solid rgba(255,255,255,0.3);
}
.territory-toast .tt-btn-dismiss:hover {
	background: rgba(255,255,255,0.3);
}
.territory-toast .tt-progress {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 3px;
	background: rgba(255,255,255,0.5);
	transition: width linear;
}

/* ── Checkout Confirm Page Polish ── */

/* Base typography */
.page-confirm {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.page-confirm label {
	font-size: 14px;
	color: #444;
	font-weight: 500;
	margin-bottom: 4px;
	float: none;
	font-family: inherit;
}

.page-confirm .checkout-form input[type="text"],
.page-confirm .checkout-form input[type="email"],
.page-confirm .checkout-form input[type="password"],
.page-confirm .checkout-form select,
.page-confirm .confirm-address .form-control {
	font-size: 15px;
	color: #333;
	width: 100% !important;
	float: none;
	font-family: inherit;
}

.page-confirm .checkout-form select {
	padding: 0 12px;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	-webkit-appearance: auto;
	appearance: auto;
}

/* ── Section Cards ── */

.page-confirm .checkout-section {
	background: #fff;
	border: 1px solid #e8eaed;
	border-radius: 8px;
	padding: 20px 24px;
	margin-top: 16px;
}

.page-confirm .checkout-section:first-child {
	margin-top: 0;
}

.page-confirm .checkout-section-heading {
	font-family: inherit;
	font-size: 16px;
	font-weight: 600;
	color: #1a1a1a;
	margin-bottom: 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	letter-spacing: -0.01em;
	background: none;
	padding-left: 0;
	padding-top: 0;
	border-radius: 0;
	border-left: none;
}

.page-confirm .checkout-section-heading span {
	font-size: 13px;
	font-weight: 400;
	color: #888;
	margin-left: 6px;
}

.page-confirm .checkout-section-heading .text-muted {
	color: #8899aa !important;
	font-size: 15px;
}

/* ── Compact Billing Address ── */

.page-confirm .confirm-address address {
	font-style: normal;
	font-size: 14px;
	line-height: 1.6;
	color: #333;
}

.page-confirm .confirm-address .change-address-link,
.page-confirm .confirm-address a[data-js="toggle-address"] {
	font-size: 13px;
	color: #1b6ec2;
	font-weight: 500;
	text-decoration: none;
}

.page-confirm .confirm-address .change-address-link:hover,
.page-confirm .confirm-address a[data-js="toggle-address"]:hover {
	text-decoration: underline;
}

.page-confirm .confirm-address hr {
	display: none;
}

.page-confirm .confirm-address .form-label {
	display: block;
	float: none;
	font-size: 14px;
	color: #535353;
	margin-bottom: 6px;
}

.page-confirm .confirm-address .form-control {
	float: none;
	width: 100%;
	max-width: 480px;
	border: 1px solid #dee2e6;
	border-radius: .375rem;
	padding: .375rem .75rem;
	font-size: 15px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.page-confirm .confirm-address .form-control::placeholder {
	color: #aaa;
	font-weight: 400;
}

.page-confirm .confirm-address .form-control:focus {
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

.page-confirm .confirm-address .card .form-label {
	float: none !important;
	width: auto !important;
	color: #535353;
}

.page-confirm .confirm-address .card .form-control {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto;
	border: 1px solid #dee2e6 !important;
}

.page-confirm .confirm-address .card .card-title {
	font-weight: 600;
	font-size: 14px;
}

.page-confirm .confirm-address .card input[type="text"] {
	float: none !important;
	width: 100% !important;
	height: 38px;
	border: 1px solid #dee2e6;
	border-radius: .375rem;
}

.page-confirm .confirm-address > .mt-3 .form-control {
	float: none !important;
	width: 100% !important;
	max-width: 480px;
	height: 38px;
}

.page-confirm .confirm-address > .mt-3 .form-label {
	float: none !important;
	width: auto !important;
}

.page-confirm .confirm-address input[type="file"],
.page-confirm .purchase-order-form input[type="file"] {
	border: 1px solid #dee2e6;
	border-radius: .375rem;
	padding: .375rem .75rem;
	background-color: #fff;
	font-size: 14px;
}

/* ── Tax Exempt ── */

.page-confirm .checkout-section label.check {
	color: #333;
	font-size: 15px;
	font-weight: 500;
}

.page-confirm .tax-exempt-hint {
	font-size: 13px;
	color: #666;
	margin-top: 6px;
	margin-bottom: 0;
}

.page-confirm li.tax .tax-exempt-badge {
	color: #1b9b4e;
	font-weight: 600;
	font-size: 13px;
}

.page-confirm .credit-terms-badge {
	display: inline-block;
	padding: 10px 16px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #2c3e50;
	background-color: #eaecee;
	border-left: 4px solid #2e86c1;
	border-radius: 0;
}

/* ── Card Brand Icons ── */

.page-confirm .card-brands {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 16px;
	padding-bottom: 12px;
	border-bottom: 1px solid #eee;
}

.page-confirm .card-brands .fa-brands {
	font-size: 34px;
}

.page-confirm .card-brands .fa-cc-visa { color: #1a1f71; }
.page-confirm .card-brands .fa-cc-mastercard { color: #eb001b; }
.page-confirm .card-brands .fa-cc-amex { color: #006fcf; }

.page-confirm .card-brands .secure-badge {
	margin-left: auto;
	font-size: 12px;
	font-weight: 500;
	color: #4caf50;
	background: #f0faf2;
	border: 1px solid #c8e6c9;
	border-radius: 20px;
	padding: 4px 12px;
	white-space: nowrap;
}

.page-confirm .card-brands .secure-badge .fa-lock {
	font-size: 11px;
	margin-right: 3px;
}

/* ── Payment Tab Bar ── */

.page-confirm .check-left .pill {
	margin-bottom: 16px;
}

.page-confirm .check-left .pill li {
	background: #f8f9fa;
	background-image: none !important;
	border: 1px solid #dee2e6;
	border-bottom: 2px solid transparent;
	font-family: inherit;
	transition: background .15s, border-color .15s;
}

.page-confirm .check-left .pill li.active {
	background: #fff;
	background-image: none !important;
	border-bottom: 2px solid #1b9b4e;
	box-shadow: none;
}

.page-confirm .check-left .pill li.active:after {
	display: none;
}

.page-confirm .pill li:only-child {
	width: auto;
	min-width: 180px;
}

/* ── Billing Form (Credit Card Fields) ── */

.page-confirm .billing-form {
	max-width: 480px;
}

.page-confirm .billing-form .secure-badge {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: #4CAF50;
	margin-bottom: 15px;
	font-weight: 500;
}

.page-confirm .billing-form input[name$="full_name"],
.page-confirm .billing-form input[name$="acct"],
.page-confirm .billing-form input[name$="cvv2"] {
	display: block;
	width: 100% !important;
	padding: .375rem .75rem;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: .375rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	float: none;
	height: auto;
	-webkit-appearance: none;
	appearance: none;
}

.page-confirm .billing-form input:focus {
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

.page-confirm .billing-form label {
	font-family: inherit;
	margin-bottom: 4px;
}

.page-confirm .billing-form .card-row {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}

.page-confirm .billing-form .card-row .field-expiry {
	flex: 1;
}

.page-confirm .billing-form .card-row .field-cvv {
	flex: 0 0 140px;
}

.page-confirm .billing-form .expiration {
	display: flex !important;
	gap: 8px;
}

.page-confirm .billing-form .expiration select {
	float: none !important;
	width: auto !important;
	flex: 1;
	padding: .375rem 2.25rem .375rem .75rem;
	font-size: 15px;
	border: 1px solid #dee2e6;
	border-radius: .375rem;
	height: auto !important;
	-webkit-appearance: auto;
	appearance: auto;
}

.page-confirm .billing-form .expiration select:focus {
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

/* ── Purchase Order Section ── */

.page-confirm .purchase-order-form .form-label {
	display: block;
	float: none !important;
	width: auto !important;
	color: #535353;
}

.page-confirm .purchase-order-form .form-control {
	float: none !important;
	width: 100% !important;
	max-width: 100%;
	border: 1px solid #dee2e6 !important;
}

.page-confirm .order h5,
.page-confirm .order p {
	float: none;
}

.page-confirm .purchase-order-form {
	max-width: 480px;
}

/* ── Review & Place Order Section ── */

.page-confirm .checkout-review-section {
	background: #fff;
	border: 1px solid #d0d5dd;
	border-top: 3px solid #1b9b4e;
	border-radius: 8px;
	padding: 20px 24px;
	margin-top: 16px;
}

.page-confirm .price-table {
	background-image: none;
	background-color: #f8f9fa;
	border-radius: .375rem;
	border: 1px solid #dee2e6;
}

.page-confirm .price-table li:last-child {
	font-size: 18px;
	font-weight: 700;
}

.page-confirm .price-table li:last-child p {
	font-size: 18px;
}

.page-confirm .prop65-notice {
	font-size: 13.5px;
	color: #6c757d;
	margin: 12px 0;
}

.page-confirm .prop65-notice i {
	color: #d4a017;
	margin-right: 3px;
}

.page-confirm .prop65-notice a {
	color: #888;
	text-decoration: underline;
}

.page-confirm .prop65-notice a:hover {
	color: #555;
}

.page-confirm .checkout-refund-box {
	background: #fff;
	padding: 14px 16px;
	border: 1px solid #dee2e6;
	border-radius: .375rem;
	max-height: 150px;
	overflow-y: auto;
	font-size: 13px;
	line-height: 1.5;
	color: #555;
	position: relative;
}

.page-confirm .terms {
	position: relative;
}

.page-confirm .checkout-review-section .form-check {
	margin-top: 14px;
}

.page-confirm .checkout-review-section .form-check-input {
	opacity: 1 !important;
	position: static !important;
	visibility: visible !important;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	vertical-align: middle;
	cursor: pointer;
}

.page-confirm .form-check-label {
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	float: none !important;
	width: auto !important;
}

.page-confirm .form-check-label a {
	font-weight: 500;
}

.page-confirm .form-check-input {
	margin-top: .35em;
	float: none !important;
	opacity: 1 !important;
}

.page-confirm .checkout-place-order {
	display: block !important;
	float: none !important;
	width: 100%;
	max-width: 100%;
	margin: 16px 0 0;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-align: center;
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(29, 155, 79, 0.3);
}

.page-confirm .checkout-place-order:hover {
	box-shadow: 0 4px 12px rgba(29, 155, 79, 0.4);
}

/* ── Additional Instructions ── */

.page-confirm .checkout-note {
	font-size: 13px;
	color: #666;
	margin-top: 8px;
}

/* ── Form Field Spacing ── */

.page-confirm .checkout-section .checkout-form .fgroup {
	margin-bottom: 12px;
}

.page-confirm .checkout-section .checkout-form label {
	float: none;
	margin-bottom: 4px;
}

.page-confirm .checkout-terms {
	margin-top: 16px;
	padding-top: 16px;
	text-align: left;
}

.page-confirm .checkout-review-section .checkout-terms {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}

/* ── Confirm Page: Stepper (parity with shipping) ── */

.page-confirm .checkout-step {
	max-width: none;
	background-color: transparent;
	border-radius: .375rem;
	overflow: hidden;
	display: flex;
}

.page-confirm .checkout-step li {
	float: none;
	flex: 1;
	text-align: center;
	white-space: nowrap;
	background: #f8f9fa;
	background-image: none !important;
	border: 1px solid #dee2e6;
	border-right: 0;
	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
	color: #6c757d;
	padding: 10px 20px;
	transition: background .15s, border-color .15s, color .15s;
}

.page-confirm .checkout-step li:last-child {
	border-right: 1px solid #dee2e6;
}

.page-confirm .checkout-step li:after {
	display: none !important;
}

.page-confirm .checkout-step li span {
	float: none;
	display: inline-block;
	width: 22px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	font-weight: 600;
	background-color: #adb5bd;
	color: #fff;
	border-radius: 50%;
	margin-right: 8px;
	vertical-align: middle;
}

.page-confirm .checkout-step li.active {
	background: #1b6ec2;
	background-image: none !important;
	border-color: #1b6ec2;
	color: #fff;
}

.page-confirm .checkout-step li.active span {
	background-color: #fff;
	color: #1b6ec2;
}

.page-confirm .checkout-step li.visited {
	background: #e8f0fe;
	background-image: none !important;
	border-color: #b6d4fe;
	color: #1b6ec2;
}

.page-confirm .checkout-step li.visited span {
	background: #1b6ec2;
	color: #fff;
}

.page-confirm .checkout-step li.visited span:empty::before,
.page-shipping .checkout-step li.visited span:empty::before {
	content: '\2713';
	font-size: 13px;
}

.page-confirm .checkout-step li.visited a {
	color: inherit;
	text-decoration: none;
}

/* ── Confirm Page: Checkbox visibility (parity with shipping) ── */

.page-confirm .form-check {
	display: flex;
	align-items: center;
	gap: .5em;
	clear: both;
	padding-left: 0;
	margin-bottom: .5rem;
	min-height: 1.5em;
}

.page-confirm .checkout-form .form-check input[type="checkbox"],
.page-confirm .confirm-address .form-check input[type="checkbox"],
.page-confirm .check-review .check-left .form-check input[type="checkbox"],
.page-confirm input#tax_exempt_status {
	display: inline-block !important;
	opacity: 1 !important;
	visibility: visible !important;
	position: static !important;
	width: 16px !important;
	height: 16px !important;
	float: none !important;
	cursor: pointer;
	-webkit-appearance: auto !important;
	appearance: auto !important;
	margin: 0 !important;
	flex-shrink: 0;
	vertical-align: middle;
	transform: translateY(-1px);
}

/* ── Confirm Page: City/State/Zip flex row (parity with shipping) ── */

.page-confirm .checkout-form .field-row-city-state-zip {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.page-confirm .checkout-form .field-row-city-state-zip .field-city {
	flex: 1 1 140px;
}

.page-confirm .checkout-form .field-row-city-state-zip .field-state {
	flex: 0 1 160px;
	min-width: 130px;
}

.page-confirm .checkout-form .field-row-city-state-zip .field-zip {
	flex: 0 1 110px;
	min-width: 90px;
}

.page-confirm .checkout-form .field-row-city-state-zip .field-col {
	float: none;
	width: auto !important;
	padding: 0 !important;
}

/* ── Confirm Page: Form field spacing (parity with shipping) ── */

.page-confirm .checkout-form .field-row {
	width: 100%;
}

.page-confirm .checkout-form .field-hint {
	color: #8899aa;
	font-size: 12px;
}

.page-confirm .checkout-form input[type="text"],
.page-confirm .checkout-form input[type="email"],
.page-confirm .checkout-form input[type="password"],
.page-confirm .checkout-form select {
	font-family: inherit;
	font-size: 15px;
	padding: .375rem .75rem;
	border: 1px solid #dee2e6;
	border-radius: .375rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	height: auto;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
}

.page-confirm .checkout-form select {
	-webkit-appearance: auto;
	appearance: auto;
	padding: .375rem 2.25rem .375rem .75rem;
}

.page-confirm .checkout-form input:focus,
.page-confirm .checkout-form select:focus {
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

.page-confirm .checkout-form input[name*="phone"] {
	letter-spacing: 0.02em;
}

/* ── Shipping Page: Rate Cards ── */

.page-shipping .shipping-entry.card {
	overflow: hidden;
	border-bottom: none;
}

.page-shipping .shipping-entry p,
.page-shipping .shipping-entry td,
.page-shipping .shipping-entry th {
	text-align: left;
}

.page-shipping .shipping-entry .card-header {
	background: #f8f9fa;
	border-bottom: 1px solid #dee2e6;
}

.page-shipping .shipment-product-name {
	display: inline-block;
	max-width: 360px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom;
}

.page-shipping .shipping-entry .table {
	font-size: 14px;
}

.page-shipping .shipping-entry .table th {
	font-size: 12px;
	text-transform: uppercase;
	color: #888;
	font-weight: 600;
	border-bottom: 1px solid #eee;
	padding: 8px 12px;
}

.page-shipping .shipping-entry .table td {
	padding: 10px 12px;
	vertical-align: middle;
}

.page-shipping .shipping-entry .table tr:hover {
	background-color: #f0f7ff;
}

/* ── Checkout Shipping Page Polish (Bootstrap-first) ── */

/* Step indicator — flat pills, no arrow pseudo-elements */
.page-shipping .checkout-step {
	background-color: transparent;
	border-radius: .375rem;
	overflow: hidden;
	display: flex;
}

.page-shipping .checkout-step li {
	float: none;
	flex: 1;
	text-align: center;
	background: #f8f9fa;
	background-image: none !important;
	border: 1px solid #dee2e6;
	border-right: 0;
	font-family: 'Inter', "Proxima Nova W01", "Neue Helvetica W01", Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #6c757d;
	padding: 10px 16px;
	transition: background .15s, border-color .15s, color .15s;
}

.page-shipping .checkout-step li:last-child {
	border-right: 1px solid #dee2e6;
}

.page-shipping .checkout-step li:after {
	display: none !important;
}

.page-shipping .checkout-step li span {
	float: none;
	display: inline-block;
	width: 22px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	font-weight: 600;
	background-color: #adb5bd;
	color: #fff;
	border-radius: 50%;
	margin-right: 8px;
	vertical-align: middle;
	font-family: 'Inter', "Proxima Nova W01", "Neue Helvetica W01", Arial, sans-serif;
}

.page-shipping .checkout-step li.active {
	background: #1b6ec2;
	background-image: none !important;
	border-color: #1b6ec2;
	color: #fff;
}

.page-shipping .checkout-step li.active span {
	background-color: #fff;
	color: #1b6ec2;
}

.page-shipping .checkout-step li.visited {
	background: #e8f0fe;
	background-image: none !important;
	border-color: #b6d4fe;
	color: #1b6ec2;
}

.page-shipping .checkout-step li.visited span {
	background: #1b6ec2;
	color: #fff;
}

/* Typography & color consolidation */
.page-shipping .check-left h5,
.page-shipping .check-left label,
.page-shipping .checkout-form label {
	font-family: 'Inter', "Proxima Nova W01", "Neue Helvetica W01", Arial, sans-serif;
	color: #535353;
}

.page-shipping .checkout-heading h1 {
	font-family: 'Inter', "Proxima Nova W01", "Neue Helvetica W01", Arial, sans-serif;
}

/* Form inputs — full width, Bootstrap form-control appearance */
.page-shipping .checkout-form input[type="text"],
.page-shipping .checkout-form input[type="email"],
.page-shipping .checkout-form input[type="password"],
.page-shipping .checkout-form select {
	width: 100% !important;
	font-family: 'Inter', "Proxima Nova W01", "Neue Helvetica W01", Arial, sans-serif;
	font-size: 15px;
	padding: .375rem .75rem;
	border: 1px solid #dee2e6;
	border-radius: .375rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	-webkit-appearance: none;
	appearance: none;
	height: auto;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
}

.page-shipping .checkout-form select {
	-webkit-appearance: auto;
	appearance: auto;
	padding: .375rem 2.25rem .375rem .75rem;
}

.page-shipping .checkout-form input:focus,
.page-shipping .checkout-form select:focus {
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

.page-shipping .checkout-form .field-row {
	width: 100%;
}

.page-shipping .checkout-form .field-hint {
	color: #8899aa;
	font-size: 12px;
}

/* Section headings — flat style with icon accent */
.page-shipping .checkout-section-heading {
	font-family: 'Inter', "Proxima Nova W01", "Neue Helvetica W01", Arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
	color: #222;
	margin: 0;
	padding: 12px 20px;
	letter-spacing: -0.01em;
	background: #f5f6f8;
	background-image: none !important;
	border-bottom: 1px solid #dfdfdf;
	border-left: 3px solid #1b6ec2;
	display: flex;
	align-items: center;
}

.page-shipping .checkout-section-heading span {
	font-size: 13px;
	font-weight: 400;
	color: #888;
	margin-left: 6px;
}

/* form-check overrides — checkbox/radio visibility and label resets */
.page-shipping .form-check-label {
	font-size: 15px;
	line-height: 1.5;
	color: #333;
	float: none !important;
	width: auto !important;
	font-family: 'Inter', "Proxima Nova W01", "Neue Helvetica W01", Arial, sans-serif;
	margin-bottom: 0;
}

.page-shipping .form-check-input,
.page-shipping .shipping .check-left .form-check-input {
	float: none !important;
	opacity: 1 !important;
	position: static !important;
	visibility: visible !important;
	width: 1em !important;
	height: 1em !important;
	cursor: pointer;
	flex-shrink: 0;
}

.page-shipping .form-check {
	display: flex;
	align-items: center;
	gap: .5em;
	clear: both;
	padding-left: 0;
	margin-bottom: .5rem;
	min-height: 1.5em;
}

.page-shipping .checkout-form .form-check {
	width: auto;
}

/* Delivery section checkboxes */
.page-shipping .delivery .form-check-label {
	font-weight: 500;
}

.page-shipping .delivery .quote_section {
	margin-bottom: 0 !important;
}

.page-shipping #id_ship_best_way_message {
	font-size: 13px;
	color: #666;
	margin-top: 4px;
	margin-left: 1.5em;
}

/* CTA button — full-width green, neutralize legacy green_button */
.page-shipping .green_button {
	float: none !important;
	display: block !important;
	width: 100%;
	max-width: 100%;
	margin: 24px auto 0;
	padding: 14px 24px;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-align: center;
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(29, 155, 79, 0.3);
	background-image: none !important;
	font-family: 'Inter', "Proxima Nova W01", "Neue Helvetica W01", Arial, sans-serif;
}

.page-shipping .green_button:hover {
	box-shadow: 0 4px 12px rgba(29, 155, 79, 0.4);
	background-image: none !important;
}

/* Sidebar — coupon form polish (shared across checkout pages) */
.checkout-aside .coupon-form input[type="text"] {
	font-family: 'Inter', "Proxima Nova W01", "Neue Helvetica W01", Arial, sans-serif;
	font-size: 14px;
	padding: .375rem .75rem;
	border: 1px solid #dee2e6;
	border-radius: .375rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.checkout-aside .coupon-form input[type="text"]:focus {
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

.checkout-aside .coupon-form input[type="submit"] {
	font-family: 'Inter', "Proxima Nova W01", "Neue Helvetica W01", Arial, sans-serif;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	padding: 6px 16px;
	border: 1px solid #0d6efd;
	border-radius: .375rem;
	background-color: #0d6efd;
	color: #fff;
	cursor: pointer;
	transition: background-color .15s ease-in-out;
}

.checkout-aside .coupon-form input[type="submit"]:hover {
	background-color: #0b5ed7;
	border-color: #0a58ca;
}

.checkout-aside .order-list img {
	width: 72px;
	height: auto;
}

.checkout-aside h5 {
	font-family: 'Inter', "Proxima Nova W01", "Neue Helvetica W01", Arial, sans-serif;
	background-image: none !important;
	background-color: #f8f9fa;
}

/* Existing account / login banner */
.page-shipping .existing-acct-checkout {
	font-family: 'Inter', "Proxima Nova W01", "Neue Helvetica W01", Arial, sans-serif;
	font-size: 14px;
}

/* Delivery reload rates link as button */
.page-shipping .delivery h5 a.reload {
	font-family: 'Inter', "Proxima Nova W01", "Neue Helvetica W01", Arial, sans-serif;
	font-size: 12px;
	font-weight: 600;
	padding: 4px 12px;
	border: 1px solid #c0c8d0;
	border-radius: .375rem;
	color: #444;
	background-color: #fff;
	text-decoration: none;
	transition: background-color .15s, border-color .15s;
	margin-left: auto;
	float: none;
	line-height: 1.4;
	white-space: nowrap;
}

.page-shipping .delivery h5 a.reload:hover {
	background-color: #e9ecef;
	border-color: #a0a8b0;
	text-decoration: none;
}

/* Override legacy opacity:0 on checkboxes/radios in checkout.
   Legacy: .shipping .check-left input[type="checkbox"] { opacity: 0 }
           .quote_section .check input[type="checkbox/radio"] { opacity: 0 }  */
.page-shipping .shipping .check-left .form-check input[type="checkbox"],
.page-shipping .shipping .check-left .form-check input[type="radio"],
.page-shipping .shipping .check-left .form-check-input,
.page-shipping .shipping .delivery .form-check input[type="checkbox"],
.page-shipping .shipping .delivery .form-check input[type="radio"],
.page-confirm .check-review .check-left .form-check input[type="checkbox"],
.page-confirm .check-review .check-left .form-check input[type="radio"] {
	display: inline-block !important;
	width: 16px !important;
	height: 16px !important;
	-webkit-appearance: auto !important;
	appearance: auto !important;
	cursor: pointer;
	float: none !important;
	opacity: 1 !important;
	position: static !important;
	visibility: visible !important;
	margin: 0 !important;
	flex-shrink: 0;
	vertical-align: middle;
	transform: translateY(-1px);
}

/* Freight options section */
.page-shipping .freight-options p {
	font-family: 'Inter', "Proxima Nova W01", "Neue Helvetica W01", Arial, sans-serif;
	font-size: 14px;
	margin-bottom: 8px;
}

/* ── Shipping Page: Additional Polish ── */

/* Stepper — wider so number+text stay on one line */
.page-shipping .checkout-step {
	max-width: none;
}

.page-shipping .checkout-step li {
	white-space: nowrap;
	padding: 10px 20px;
}

/* Account banner — spacing below */
.page-shipping .existing-acct-checkout {
	margin-bottom: 16px !important;
}

/* Checkboxes — force visible (override legacy opacity:0 and display:none) */
.page-shipping .checkout-form .form-check input[type="checkbox"],
.page-shipping .holder .form-check input[type="checkbox"],
.page-shipping .billing .form-check input[type="checkbox"],
.page-shipping .shipping .check-left .holder .form-check input[type="checkbox"],
.page-shipping input#id_is-billing,
.page-shipping input#id_ship_best_way {
	display: inline-block !important;
	opacity: 1 !important;
	visibility: visible !important;
	position: static !important;
	width: 16px !important;
	height: 16px !important;
	float: none !important;
	cursor: pointer;
	-webkit-appearance: auto !important;
	appearance: auto !important;
	margin: 0 !important;
	flex-shrink: 0;
	vertical-align: middle;
	transform: translateY(-1px);
}

/* Checkbox group spacing from field above */
.page-shipping .holder > .form-check:first-of-type,
.page-shipping .checkout-form + .form-check {
	margin-top: 12px;
}

/* Coupon — connected input+button layout (shared across checkout pages) */
.checkout-aside .coupon-form {
	display: flex;
	align-items: stretch;
	padding: 12px 15px;
	box-sizing: border-box;
}

.checkout-aside .coupon-form input[type="text"] {
	flex: 1 1 0;
	min-width: 0;
	float: none !important;
	width: auto !important;
	height: auto !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-right: none !important;
	box-sizing: border-box;
}

.checkout-aside .coupon-form input[type="submit"] {
	flex: 0 0 auto;
	float: none !important;
	width: auto !important;
	height: auto !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	white-space: nowrap;
	box-sizing: border-box;
}

/* State dropdown — wider for full text */
.page-shipping .checkout-form .field-row-city-state-zip {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.page-shipping .checkout-form .field-row-city-state-zip .field-city {
	flex: 1 1 140px;
}

.page-shipping .checkout-form .field-row-city-state-zip .field-state {
	flex: 0 1 160px;
	min-width: 130px;
}

.page-shipping .checkout-form .field-row-city-state-zip .field-zip {
	flex: 0 1 110px;
	min-width: 90px;
}

.page-shipping .checkout-form .field-row-city-state-zip .field-col {
	float: none;
	width: auto !important;
	padding: 0 !important;
}

/* Contact info — spacing between email input and phone label */
.page-shipping .new-acct-checkout .checkout-form .form-label + .block-error + input + .form-label {
	margin-top: 14px;
}

.page-shipping .new-acct-checkout .checkout-form label[for="id_phone"] {
	margin-top: 14px;
}

/* Phone input formatting hint */
.page-shipping .checkout-form input[name*="phone"] {
	letter-spacing: 0.02em;
}

/* ── Checkout Header ── */

.checkout-header {
	background-color: #174A9B;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.checkout-header-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 0;
}

.checkout-header-logo img {
	height: 36px;
	display: block;
}

.checkout-header-secure {
	font-family: 'Inter', Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.85);
	letter-spacing: 0.03em;
}

.checkout-header-secure .fa-lock {
	color: #6dd49e;
	margin-right: 5px;
	font-size: 13px;
}

.checkout-header-actions {
	display: flex;
	align-items: center;
	gap: 20px;
}

.checkout-header-phone {
	font-family: 'Inter', Arial, sans-serif;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.7);
}

.checkout-header-phone .fa-phone {
	font-size: 11px;
	margin-right: 3px;
}

.checkout-header-phone a {
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
	transition: color 0.2s;
}

.checkout-header-phone a:hover {
	color: #fff;
}

.checkout-header-continue {
	font-family: 'Inter', Arial, sans-serif;
	font-size: 13px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	transition: color 0.2s;
}

.checkout-header-continue:hover {
	color: #fff;
}

.checkout-header-continue .fa-arrow-right {
	font-size: 11px;
	margin-left: 4px;
}

/* ── Checkout Footer ── */

.checkout-footer {
	padding: 0;
	box-shadow: none;
}

.checkout-footer-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #103369;
	padding: 8px 0;
}

.checkout-footer-trust {
	display: flex;
	align-items: center;
	gap: 6px;
}

.checkout-footer-trust .fa-brands {
	font-size: 22px;
	color: #7a9ac4;
	transition: color 0.2s;
}

.checkout-footer-trust .fa-brands:hover {
	color: #c5d5ee;
}

.checkout-footer-links {
	display: flex;
	align-items: center;
	gap: 6px;
}

.checkout-footer-links a {
	color: #97b1d9;
	font-family: 'Inter', Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	transition: color 0.2s;
}

.checkout-footer-links a:hover {
	color: #fff;
}

.checkout-footer-dot {
	color: rgba(255, 255, 255, 0.2);
	margin: 0 4px;
}

.checkout-footer-copy {
	color: #7a9ac4;
	font-family: 'Inter', Arial, sans-serif;
	font-size: 11px;
	margin: 0;
	white-space: nowrap;
}

/* ── Checkout Mobile Responsive ── */

@media (max-width: 768px) {
	.checkout-footer-row {
		flex-direction: column;
		text-align: center;
		gap: 8px;
		padding: 12px 16px;
	}

	.checkout-footer-trust {
		justify-content: center;
	}

	.checkout-footer-links {
		flex-wrap: wrap;
		justify-content: center;
	}

	.checkout-footer-copy {
		white-space: normal;
	}

	.check-left {
		display: block;
		border: none;
	}

	.check-left label {
		float: none;
		margin-bottom: 4px;
	}

	.check-left input[type="text"],
	.check-left input[type="password"],
	.check-left input[type="file"] {
		width: 100%;
		margin-bottom: 12px;
	}

	.checkout-form select {
		width: 100% !important;
	}

	.check-left .billing > div.holder,
	.check-left .payment > div,
	.check-left .payment-details > div {
		display: block;
		padding: 16px;
	}

	.check-left address {
		display: block;
	}

	/* Header: two-row layout — logo+phone top, secure badge centered below */
	.checkout-header-row {
		flex-wrap: wrap;
		padding: 10px 0;
		gap: 0;
	}

	.checkout-header-logo {
		order: 1;
	}

	.checkout-header-logo img {
		height: 28px;
	}

	.checkout-header-actions {
		order: 2;
		margin-left: auto;
		gap: 12px;
	}

	.checkout-header-continue {
		display: none;
	}

	.checkout-header-secure {
		order: 3;
		width: 100%;
		text-align: center;
		font-size: 12px;
		margin-top: 6px;
		padding-top: 6px;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}

	/* ── Shipping rate table → stacked cards ── */

	.page-shipping .shipping-entry.card {
		overflow: visible;
	}

	.page-shipping .shipping-entry .table thead {
		display: none;
	}

	.page-shipping .shipping-entry .table,
	.page-shipping .shipping-entry .table tbody {
		display: block;
		width: 100%;
	}

	.page-shipping .shipping-entry .table tr {
		display: block;
		position: relative;
		padding: 12px 16px 12px 48px;
		border-top: 1px solid #eee !important;
		border-bottom: none !important;
	}

	.page-shipping .shipping-entry .table tr:last-child {
		border-bottom: 1px solid #eee !important;
	}

	.page-shipping .shipping-entry .table td {
		display: block;
		padding: 0 !important;
		max-width: none !important;
		float: none !important;
		text-align: left;
		border: none !important;
		background: none !important;
	}

	.page-shipping .shipping-entry .table td:first-child {
		position: absolute;
		left: 14px;
		top: 14px;
		width: auto;
	}

	.page-shipping .shipping-entry .table td:nth-child(2) {
		font-size: 15px;
		margin-bottom: 2px;
	}

	.page-shipping .shipping-entry .table td:nth-child(3) {
		font-size: 13px;
		margin-bottom: 1px;
	}

	.page-shipping .shipping-entry .table td:nth-child(4) {
		font-size: 12px;
		color: #999;
	}

	.page-shipping .shipping-entry .card-header .shipment-product-name {
		max-width: none !important;
		white-space: normal !important;
		display: block;
		margin-left: 0;
		margin-top: 2px;
	}

	.page-shipping .shipping-entry .table tr:hover {
		background-color: #f0f7ff;
	}
}