/* libre-franklin-regular - latin */
@font-face {
	font-family: 'Libre Franklin';
	font-style: normal;
	font-weight: 400;
    font-display: auto;
	/* IE9 Compat Modes */
	src: local('Libre Franklin'), local('LibreFranklin-Regular'), url('../fonts/libre-franklin-v4-latin-regular.woff2') format('woff2'), url('../fonts/libre-franklin-v4-latin-regular.woff') format('woff');
	/* IE6-IE8 */
	/* Super Modern Browsers */
	/* Modern Browsers */
	/* Safari, Android, iOS */
	/* Legacy iOS */
}


/* libre-franklin-700 - latin */
@font-face {
	font-family: 'Libre Franklin';
	font-style: normal;
	font-weight: 700;
    font-display: auto;
	/* IE9 Compat Modes */
	src: local('Libre Franklin Bold'), local('LibreFranklin-Bold'), url('../fonts/libre-franklin-v4-latin-700.woff2') format('woff2');
	/* IE6-IE8 */
	/* Super Modern Browsers */
	/* Modern Browsers */
	/* Safari, Android, iOS */
	/* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/roboto-500-latin.woff2') format('woff2');
}

/* roboto-900 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url('../fonts/roboto-900-latin.woff2') format('woff2');
}

/* roboto-condensed-700 - latin */
@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
    font-display: auto;
	/* IE9 Compat Modes */
	src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url('../fonts/roboto-condensed-v18-latin-700.woff2') format('woff2'), url('../fonts/roboto-condensed-v18-latin-700.woff') format('woff');
	/* IE6-IE8 */
	/* Super Modern Browsers */
	/* Modern Browsers */
	/* Safari, Android, iOS */
	/* Legacy iOS */
}

@font-face {
	font-family: 'icomoon';
    src: url('../fonts/icomoon.woff2') format('woff2'), url('../fonts/icomoon.woff') format('woff');
	font-weight: normal;
	font-style: normal;
    font-display: auto;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Icon content mappings from /lp page */
.icon-family-owned:before {
    content: "\e918";
}

.icon-high-quality:before {
    content: "\e919";
}

.icon-longevity:before {
    content: "\e91a";
}

.icon-proven-design:before {
    content: "\e91b";
}

.icon-quote:before {
    content: "\e91c";
}

/* brand icons */
.icon-facebook:before {
    content: "\e903";
}

.icon-twitter:before {
    content: "\e901";
}

.icon-instagram:before {
    content: "\e916";
}

.icon-pinterest:before {
    content: "\e917";
}

.icon-youtube:before {
    content: "\e90b";
}

/* SPECIAL ICONS */
/* Note that some icons do not render with a border */
/* 5-Year Warranty */
.icon-5-year-warranty:before {
    content: "\e912";
    border: 1px solid;
    border-radius: 6px;
}
/* 10-Year Warranty */
.icon-10-year-warranty:before {
    content: "\e90f";
    border: 1px solid;
    border-radius: 6px;
}
/* 20-Year Warranty */
.icon-20-year-warranty:before {
    content: "\e907";
}
/* Select Limited Lifetime Warranty */
.icon-select-limited-lifetime-warranty:before {
    content: "\e915";
    border: 1px solid;
    border-radius: 6px;
}
[class$="warranty"] {
    color: #0c24c6;
}

.icon-commercial:before {
    content: "\e908";
}

.icon-residential:before {
    content: "\e909";
}

/* additional icons */
.icon-bubble:before {
    content: "\e905";
}

.icon-email:before {
    content: "\e906";
}

.icon-location:before {
    content: "\e907";
}

.icon-phone:before {
    content: "\e904";
}

.icon-cart:before {
    content: "\e902";
}

.icon-telephone:before {
    content: "\e909";
}

.icon-star:before {
    content: "\e90a";
}

.icon-star-outline:before {
    content: "\e90b";
}

.icon-search:after {
    content: "\e911";
}

/*
 Body & HTML setup
 */
body,
html {
	height: 100%;
}

body {
	color: #555;
	font-size: 18px;
	font-family: 'Libre Franklin';
}

body.nav-menu-open {
	position: fixed;
	overflow: hidden;
	left: 0px;
	right: 0px;
}

.container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	*zoom: 1;
	max-width: 1200px;
	min-width: 0px;
	width: 100%;
}

.container.full-width {
	max-width: 1440px;
}

.container.small-container {
	max-width: 960px;
}

.container.xsmall-container {
	max-width: 800px;
}

.container-fluid {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	*zoom: 1;
	width: 100%;
	max-width: 2000px;
	min-width: 320px;
}

::-moz-selection {
	/* Code for Firefox */
	color: white;
	background: #0c24c6;
}

::selection {
	color: white;
	background: #0c24c6;
}

:focus {
	outline: 0px none transparent;
}

::-moz-focus-inner {
	border: 0;
	padding: 0;
}

::-webkit-input-placeholder {
	color: #ccc;
}

:-moz-placeholder {
	/* Firefox 18- */
	color: #ccc;
	opacity: 1;
}

::-moz-placeholder {
	/* Firefox 19+ */
	color: #ccc;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #ccc;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin-top: 0px;
	margin-bottom: 0px;
}

p {
	line-height: 1.89;
	margin-bottom: 30px;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="submit"],
textarea,
select {
	-webkit-appearance: none;
	border-radius: 0px;
}

:is(a, .link),
input[type="submit"],
button[type="submit"] {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

a:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

img {
	max-width: 100%;
    height: auto;
    width: auto;
}

img:not([src]) {
	visibility: hidden;
}

img.alignright {
	float: right;
	margin: 0 0 1em 1em;
}

img.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 767px) {

	img.alignright,
	img.alignleft {
		float: none;
		display: block;
		margin: 0 auto 30px;
	}

	.alignright,
	.alignleft {
		float: none;
		margin: 0 auto 30px;
	}
}

@media screen and (max-width: 767px) {
	.animatedParent .animated {
		-webkit-transition-property: none !important;
		transition-property: none !important;
		-webkit-animation: none !important;
		animation: none !important;
		-moz-transform: none !important;
		-o-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		opacity: 1;
	}
}

#header-container #top-header-container {
	background: #0c24c6;
	padding: 12.5px 0;
}

#header-container #top-header-container a {
	color: #fff;
	text-decoration: none;
	opacity: 1;
	font-size: 14px;
}

#header-container #top-header-container a:hover {
	opacity: 0.7;
}

#header-container #top-header-container a:not(:last-of-type) {
	margin-right: 10px;
}

#header-container #bottom-header-container {
	position: relative;
}

#header-container #bottom-header-container>div>div>div:first-child img {
	position: absolute;
	left: 0;
	top: -25px;
	z-index: 1000;
}

#header-container #bottom-header-container>div>div>div:last-child {
	padding: 30px 0 30px 20px;
}

#header-container #bottom-header-container #mobile-menu-icon {
	display: none;
	width: 50px;
	height: 50px;
	text-decoration: none;
	position: absolute;
	right: 20px;
	top: 30px;
}

#header-container #bottom-header-container #mobile-menu-icon span {
	height: 2px;
	width: 30px;
	position: absolute;
	display: block;
	content: '';
	top: 12px;
	background: #0c24c6;
	right: 3.5px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

#header-container #bottom-header-container #mobile-menu-icon span:before {
	cursor: pointer;
	border-radius: 1px;
	height: 2px;
	width: 30px;
	position: absolute;
	display: block;
	content: '';
	top: -9px;
	background: #0c24c6;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

#header-container #bottom-header-container #mobile-menu-icon span:after {
	cursor: pointer;
	border-radius: 1px;
	height: 2px;
	width: 30px;
	position: absolute;
	display: block;
	content: '';
	top: 9px;
	background: #0c24c6;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

#header-container #top-header-container>div>div,
#header-container #bottom-header-container>div>div {
	display: table;
	width: 100%;
}

#header-container #top-header-container>div>div>div,
#header-container #bottom-header-container>div>div>div {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

#header-container #top-header-container>div>div>div:first-child,
#header-container #bottom-header-container>div>div>div:first-child {
	width: 310px;
}

#header-container #top-header-container>div>div>div:last-child,
#header-container #bottom-header-container>div>div>div:last-child {
	width: calc(100% - 310px);
	text-align: right;
}

#header-container #top-header-container>div>div>div:last-child ul,
#header-container #bottom-header-container>div>div>div:last-child ul {
	padding: 0;
	margin: 0;
}

#header-container #top-header-container>div>div>div:last-child ul li,
#header-container #bottom-header-container>div>div>div:last-child ul li {
	display: inline-block;
}

#header-container #top-header-container>div>div>div:last-child ul li:not(:last-of-type),
#header-container #bottom-header-container>div>div>div:last-child ul li:not(:last-of-type) {
	margin-right: 20px;
}

#header-container #top-header-container>div>div>div:last-child ul li.current_page_item a,
#header-container #bottom-header-container>div>div>div:last-child ul li.current_page_item a,
#header-container #top-header-container>div>div>div:last-child ul li.current-page-ancestor a,
#header-container #bottom-header-container>div>div>div:last-child ul li.current-page-ancestor a,
#header-container #top-header-container>div>div>div:last-child ul li.current-menu-item a,
#header-container #bottom-header-container>div>div>div:last-child ul li.current-menu-item a {
	color: #0c24c6;
}

#header-container #top-header-container>div>div>div:last-child ul li :is(a, .link),
#header-container #bottom-header-container>div>div>div:last-child ul li :is(a, .link) {
	font-weight: bold;
	font-family: 'Roboto Condensed';
	text-transform: uppercase;
	color: #111;
	text-decoration: none;
}

#header-container #top-header-container>div>div>div:last-child ul li a:hover,
#header-container #bottom-header-container>div>div>div:last-child ul li a:hover {
	color: #0c24c6;
}

#mobile-menu {
	display: block;
	position: fixed;
	right: 0;
	top: 50px;
	height: 100%;
	width: 100%;
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transition-property: transform;
	transition-duration: 0.6s;
	background-color: #fff;
	z-index: 100000;
	padding: 0 20px;
	overflow-y: scroll !important;
	-webkit-overflow-scrolling: touch;
}

#mobile-menu.is-visible {
	transform: translateX(0%);
	-webkit-transform: translateX(0%);
}

#mobile-menu #mobile-menu-header {
	display: table;
	width: 100%;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
}

#mobile-menu #mobile-menu-header>div {
	display: table-cell;
	vertical-align: middle;
}

#mobile-menu #mobile-menu-header>div:first-child {
	width: 80%;
}

#mobile-menu #mobile-menu-header>div:first-child img {
	width: 100%;
	max-width: 200px;
}

#mobile-menu #mobile-menu-header>div:last-child {
	width: 20%;
	text-align: right;
}

#mobile-menu #mobile-menu-header>div:last-child a {
	position: relative;
	top: 5px;
	color: #ddd;
	text-decoration: none;
	opacity: 1;
}

#mobile-menu #mobile-menu-header>div:last-child a:hover {
	opacity: 0.7;
}

#mobile-menu #mobile-menu-header>div:last-child .icon-close:before {
	content: '\e90c';
}

#mobile-menu #mobile-menu-content ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#mobile-menu #mobile-menu-content ul li {
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}

#mobile-menu #mobile-menu-content ul li a {
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed';
	color: #111;
	letter-spacing: 0.5px;
	text-decoration: none;
}

#mobile-menu #mobile-menu-content ul li a:hover {
	color: #0c24c6;
}

#interior-header-container {
	height: 150px;
	background: #111;
}

#interior-header-container>div {
	display: table;
	width: 100%;
	height: 100%;
}

#interior-header-container>div>div {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	width: 100%;
	text-align: center;
}

#interior-header-container>div>div #single-product-back {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	opacity: 1;
	margin-top: 5px;
}

#interior-header-container>div>div #single-product-back:hover {
	opacity: 0.7;
}

#interior-header-container>div>div #single-product-back .icon-arrow {
	font-size: 14px;
	margin-right: 5px;
}

#interior-header-container>div>div #single-product-back .icon-arrow:before {
	content: '\e900';
}

#interior-header-container>div>div h1 {
	color: #fff;
	font-size: 50px;
	font-weight: 600;
    font-size: 3.5rem;
    margin-top: 3rem;
}

@media screen and (max-width: 1540px) {
	#header-container #top-header-container {
		padding: 12.5px 50px;
	}

	#header-container #bottom-header-container {
		padding: 0 50px;
	}
}

@media screen and (max-width: 1240px) {
	#header-container #top-header-container {
		padding: 12.5px 20px;
	}

	#header-container #bottom-header-container {
		padding: 0 20px;
	}

	#interior-header-container>div>div #single-product-back {
		left: 20px;
	}
}

@media screen and (max-width: 1200px) {
	#header-container #top-header-container a {
		font-size: 13px;
	}

	#header-container #bottom-header-container>div>div>div:last-child ul li:not(:last-of-type) {
		margin-right: 12px;
	}

	#header-container #bottom-header-container>div>div>div:last-child ul li a {
		font-size: 14px;
	}
}

@media screen and (max-width: 1000px) {
	#header-container #top-header-container>div>div>div:first-child {
		display: none;
	}

	#header-container #top-header-container>div>div>div:last-child {
		width: 100%;
	}

	#header-container #top-header-container>div>div>div:last-child a:nth-child(1) {
		float: left;
	}

	#header-container #top-header-container>div>div>div:last-child a:nth-child(2) {
		float: right;
	}

	#header-container #bottom-header-container>div>div>div:first-child {
		display: inline-block;
		width: 200px;
	}

	#header-container #bottom-header-container>div>div>div:first-child img {
		position: relative;
		top: 0;
		bottom: 0;
		margin: auto;
	}

	#header-container #bottom-header-container>div>div>div:last-child {
		display: none;
	}

	#header-container #bottom-header-container #mobile-menu-icon {
		display: block;
	}

	#interior-header-container>div>div #single-product-back {
		position: relative;
		margin-top: 0;
		left: 0;
		margin-bottom: 5px;
		display: inline-block;
	}
}

@media screen and (max-width: 767px) {
	#header-container #bottom-header-container>div>div>div:first-child {
		width: 150px;
	}

	#header-container #bottom-header-container #mobile-menu-icon {
		top: 20px;
	}

	#interior-header-container {
		height: 120px;
	}

	#interior-header-container>div>div h1 {
		font-size: 35px;
	}
}

#content #error-container {
	padding: 100px 20px 150px;
	text-align: center;
}

#content #default-page-content {
	padding: 50px 0 80px;
}

#content h1 {
	font-size: 3.15rem;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

#content h2 {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.33;
	margin-bottom: 20px;
}

/* h2 is rendered inside .info-block if no overall title is given to a blocks_section.   !important is necessary to cause the styling to be applied to .info-block h2 */
#content h3, .info-block h2 {
	font-size: 22px !important;
	font-weight: bold !important;
	line-height: 1.45 !important;
	margin-bottom: 20px !important;
}
#content ul + h3 {
    margin-top: 20px;
}

#content h4 {
	font-family: 'Roboto Condensed';
	font-size: 18px;
	font-weight: bold;
	line-height: 1.67;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

#content a:not(.button):not(.small-button):not(.button-alt):not(.page-numbers) {
	text-decoration: none;
	color: #0c24c6;
}

#content a:not(.button):not(.small-button):not(.page-numbers):hover {
	color: #0c24c6;
}

#content a:not(.button):not(.small-button):not(.page-numbers).blog-link {
	color: #555;
	text-decoration: none;
}

#content a:not(.button):not(.small-button):not(.page-numbers).blog-link:hover {
	color: #0c24c6;
}

a.button {
    display: inline-block;
	min-width: calc(7vh + 7vw);
    background-color: var(--color-dark-1);
    color: var(--color-light-1);
	border: none !important;
	text-align: center;
	border-radius: clamp(3px, calc(0.3vh + 0.3vw), 6px);
	text-decoration: none;
	font-weight: normal;
	font-size: clamp(1.4rem, calc(0.75vh + 0.75vw), 2.1rem);
	padding: calc(0.35vh + 0.35vw) calc(0.75vh + 0.75vw);
}

a.button:hover {
    background-color: var(--color-dark-1-lightened);
    color: var(--color-light-1);
    border: none !important;
}

#content a.button-alt {
	background: var(--color-light-1);
	border: 1px solid var(--color-dark-1);
	display: inline-block;
	padding: 8px 20px;
	min-width: 140px;
	color: var(--color-dark-1);
	text-align: center;
	border-radius: 7px;
	text-decoration: none;
}

#content a.button-alt:hover {
	background: var(--color-dark-1);
	color: var(--color-light-1);
}

#content ul {
	padding-left: 20px;
}

#content .gform_confirmation_message {
	text-align: center;
	font-size: 22px;
	padding: 30px 0;
}

#content .validation_message {
	font-size: 12px;
	color: #fb0b13;
	padding-top: 5px;
	font-weight: normal;
}

.hs-error-msgs,
#content .validation_error {
	color: #fb0b13;
	font-size: 18px;
	border-top: 2px solid #fb0b13;
	border-bottom: 2px solid #fb0b13;
	font-weight: bold;
}

#content .gform_wrapper ul {
	padding: 0;
}

#content .gform_wrapper ul.gfield_checkbox {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 0;
}

#content .gform_wrapper ul.gfield_checkbox li {
	width: 48%;
	margin-bottom: 15px;
}

#content .gform_wrapper ul.gfield_checkbox li:nth-of-type(2n) {
	margin-left: 4%;
}

#content .gform_wrapper ul li {
	padding-left: 0;
}

#content .gform_wrapper ul li:before {
	display: none;
}

.hs-form-field,
#content .gform_wrapper ul li.gfield {
	margin-bottom: 30px;
}

#content .gform_wrapper ul li.gfield.gfield_error {
	background-color: transparent;
	border: none;
	padding-bottom: 0;
	padding-top: 0;
	margin-bottom: 30px !important;
}

#content .gform_wrapper ul li.gfield.gfield_error label {
	margin-top: 0;
	color: #fb0b13;
}

#content .gform_wrapper ul li.gfield.gfield_error label span {
	color: #fb0b13;
}

#content .gform_wrapper ul li.gfield.gfield_error input[type="text"],
#content .gform_wrapper ul li.gfield.gfield_error textarea {
	border: 1px solid #fb0b13;
}

#content .gform_wrapper ul li .ginput_container {
	margin-top: 0;
}

#content img.gform_ajax_spinner {
	margin: 30px auto;
	display: block;
	width: 60px;
}

#content .gform_footer {
	padding: 40px 0 0;
}

#content label {
	font-weight: normal;
	margin-bottom: 3px;
	position: relative;
}

#content label span {
	color: #555;
}

.hs-input,
#content input[type="text"],
#content input[type="email"],
#content input[type="tel"] {
	border: 1px solid #555;
	height: 50px;
	padding-left: 15px;
}

input[type="number"] {
    appearance: textfield;
  -webkit-appearance: none; /* For Chrome, Safari, Edge, Opera */
  -moz-appearance: textfield; /* For Firefox */
}

textarea.hs-input,
#content textarea {
	border: 1px solid #555;
	height: 200px;
	padding: 10px 15px;
	resize: none;
}

#content .fancy-select .trigger {
	background: #f1f1f1;
	border: none;
	border: 1px solid #555;
	box-shadow: none;
	border-radius: 0;
	font-size: 18px;
	text-transform: none;
	font-weight: normal;
	width: 100%;
	padding: 7px 18px 15px 15px;
	height: 50px;
	background: #fff;
}

#content .fancy-select .trigger.open {
	color: #555;
}

#content .fancy-select .trigger.open:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

#content .fancy-select .trigger.open:after {
	transform: rotate(315deg);
	-webkit-transform: rotate(315deg);
}

#content .fancy-select .trigger:before {
	content: '';
	position: absolute;
	height: 10px;
	background-color: #111;
	width: 2px;
	top: 20px;
	right: 22px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

#content .fancy-select .trigger:after {
	border-top-color: transparent;
	border: 0px;
	content: '';
	position: absolute;
	height: 10px;
	background-color: #111;
	width: 2px;
	top: 20px;
	right: 16px;
	transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

#content .fancy-select .options {
	border-radius: none;
	width: 100%;
	padding: 0;
	border-radius: 0;
	box-shadow: none;
	background: #fff;
	border-top: none;
	border-left: 1px solid #555;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
}

#content .fancy-select .options.open {
	top: 49px;
}

#content .fancy-select .options li {
	background: #fff;
	font-size: 18px;
	font-weight: normal;
	text-transform: none;
	color: #111;
	padding-left: 15px;
	margin-bottom: 0;
	text-align: left;
	display: block;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

#content .fancy-select .options li:not(:last-of-type) {
	margin-right: 0;
}

#content .fancy-select .options li:before {
	display: none;
}

#content .fancy-select .options li:hover,
#content .fancy-select .options li.selected {
	background: #0c24c6;
	color: #fff;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

/* #content input[type="checkbox"] {
	display: none;
} */

#content input[type="checkbox"]:checked+label:after {
	opacity: 1;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

#content input[type="checkbox"]+label {
	padding-left: 30px;
	margin-bottom: 0;
	cursor: pointer;
}

#content input[type="checkbox"]+label:before {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	border: 1px solid #555;
	left: 0;
	top: 3px;
}

#content input[type="checkbox"]+label:after {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	background-image: url('../images/checked-icon.svg');
	background-size: cover;
	background-position: 50%;
	left: 0;
	top: 3px;
	opacity: 0;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

#content input[type="submit"],
#content button[type="submit"] {
	background: #0c24c6;
	display: inline-block;
	padding: 17px 20px;
	min-width: 140px;
	color: #fff;
	border: none;
	text-align: center;
	border-radius: 7px;
	text-decoration: none;
	font-weight: normal;
}

#content input[type="submit"]:hover,
#content button[type="submit"]:hover {
	background: #0c24c6;
}

#content #interior-sub-navigation-container {
	text-align: center;
	padding: 40px 0 30px;
	border-bottom: 1px solid #ddd;
}

#content #interior-sub-navigation-container li {
	list-style: none;
	display: inline-block;
}

#content #interior-sub-navigation-container li.current_page_item a {
	color: #0c24c6;
}

#content #interior-sub-navigation-container li:not(:last-of-type) {
	margin-right: 25px;
}

#content #interior-sub-navigation-container li a {
	font-family: 'Roboto Condensed';
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-size: 16px;
	text-decoration: none;
	color: #111;
}

#content #interior-sub-navigation-container li a:hover {
	color: #0c24c6;
}

#content #interior-sub-navigation-container .fancy-select .trigger {
	background: #f1f1f1;
	border: none;
	box-shadow: none;
	border-radius: 0;
	font-weight: bold;
	font-family: 'Roboto Condensed';
	font-size: 16px;
	letter-spacing: 0.5px;
	width: 100%;
	text-transform: uppercase;
	padding: 15px 18px 15px 15px;
	color: #111;
}

#content #interior-sub-navigation-container .fancy-select .trigger.open {
	color: #555;
}

#content #interior-sub-navigation-container .fancy-select .trigger.open:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	opacity: 1;
}

#content #interior-sub-navigation-container .fancy-select .trigger.open:after {
	transform: rotate(315deg);
	-webkit-transform: rotate(315deg);
	opacity: 1;
}

#content #interior-sub-navigation-container .fancy-select .trigger:before {
	content: '';
	position: absolute;
	height: 10px;
	background-color: #111;
	opacity: 0.5;
	width: 2px;
	top: 22px;
	right: 22px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

#content #interior-sub-navigation-container .fancy-select .trigger:after {
	border-top-color: transparent;
	border: 0px;
	content: '';
	position: absolute;
	height: 10px;
	background-color: #111;
	opacity: 0.5;
	width: 2px;
	top: 22px;
	right: 16px;
	transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

#content #interior-sub-navigation-container .fancy-select .options {
	border-radius: none;
	width: 100%;
	padding: 0;
	border-radius: 0;
	box-shadow: none;
	background: #fff;
	border-top: none;
}

#content #interior-sub-navigation-container .fancy-select .options.open {
	top: 55px;
}

#content #interior-sub-navigation-container .fancy-select .options li {
	background: #fff;
	font-size: 18px;
	font-weight: normal;
	text-transform: none;
	color: #111;
	padding-left: 15px;
	margin-bottom: 0;
	text-align: left;
	display: block;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

#content #interior-sub-navigation-container .fancy-select .options li:not(:last-of-type) {
	margin-right: 0;
}

#content #interior-sub-navigation-container .fancy-select .options li:before {
	display: none;
}

#content #interior-sub-navigation-container .fancy-select .options li:hover,
#content #interior-sub-navigation-container .fancy-select .options li.selected {
	background: #0c24c6;
	color: #fff;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

#content #interior-sub-navigation-container #mobile-sub-navigation {
	display: none;
}

@media screen and (max-width: 1240px) {
	#content #default-page-content {
		padding: 50px 20px 80px;
	}

	#content #interior-sub-navigation-container {
		max-width: calc(100% - 40px);
	}
}

@media screen and (max-width: 1000px) {
	#content #interior-sub-navigation-container #sub-navigation {
		display: none;
	}

	#content #interior-sub-navigation-container #mobile-sub-navigation {
		display: block;
	}
}

@media screen and (max-width: 767px) {
	#content #default-page-content {
		padding: 50px 20px;
	}

	#content #error-container {
		padding: 50px 20px;
	}

	#content h1 {
		font-size: 35px;
	}

	#content h2 {
		font-size: 26px;
	}

	#content h3 {
		font-size: 20px;
	}

	#content h4 {
		font-size: 16px;
	}

	#content p {
		font-size: 16px;
	}

	#content ul li {
		font-size: 16px;
	}

	#content a.button-alt {
		padding: 10px 20px;
		margin: 0;
		font-size: 16px;
	}

	#content .gform_confirmation_message {
		font-size: 18px;
	}

	#content .validation_error {
		font-size: 16px;
	}

	#content .gform_wrapper ul.gfield_checkbox {
		display: block;
	}

	#content .gform_wrapper ul.gfield_checkbox li {
		width: 100%;
	}

	#content .gform_wrapper ul.gfield_checkbox li:nth-of-type(2n) {
		margin-left: 0;
	}

	#content .gform_footer {
		padding: 20px 0 0;
	}

	#content label {
		font-size: 16px;
	}

	.hs-input,
	#content input[type="text"],
	#content textarea,
	#content input[type="number"],
	#content input[type="tel"],
	#content input[type="email"] {
		font-size: 16px;
	}

	#content input[type="submit"] {
		max-width: 150px;
		padding: 10px 20px;
		margin: 0;
		font-size: 16px;
	}

	#content button[type="submit"] {
		font-size: 16px;
		max-width: 150px;
	}

	#content .fancy-select .trigger {
		font-size: 16px;
		padding: 11px 18px 15px 15px;
	}

	#content .fancy-select .trigger:before,
	#content .fancy-select .trigger:after {
		top: 19px;
	}

	#content .fancy-select .options li {
		font-size: 16px;
	}
}

#hero-container #hero-slider .hero-slide {
	height: 600px;
	background-size: cover;
	background-position: 50%;
}

#hero-container #hero-slider .hero-slide:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: linear-gradient(270deg, rgba(17, 17, 17, 0) 0%, #000 100%);
	display: inline-block;
    z-index: 4;
}

#hero-container #hero-slider .hero-slide:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(17, 17, 17, 0.5);
	opacity: 0;
}

#hero-container #hero-slider .hero-slide>div {
	display: table;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 10000;
}

#hero-container #hero-slider .hero-slide>div>div {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

#hero-container #hero-slider .hero-slide>div>div>div>div {
	width: 50%;
}

#hero-container #hero-slider .hero-slide>div>div>div>div>* {
	color: #fff;
}

#hero-container #hero-slider-pagination {
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 10000;
	text-align: center;
}

#hero-container #hero-slider-pagination span {
	width: 2rem;
	height: 2rem;
	display: inline-block;
	opacity: 0.5;
	background: #fff;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

#hero-container #hero-slider-pagination span.swiper-pagination-bullet-active {
	opacity: 1;
}

#hero-container #hero-slider-pagination span:not(:last-of-type) {
	margin-right: 8px;
}

#home-introduction-container {
	overflow-x: hidden;
}

#home-introduction-container>div>div {
	display: flex;
	width: 100%;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	align-content: center;
}

#home-introduction-container>div>div>div {
	padding-top: 80px;
	padding-bottom: 80px;
}

#home-introduction-container>div>div>div:first-child {
	width: 70%;
	padding-right: 20%;
}

#home-introduction-container>div>div>div:last-child {
	padding-top: 120px;
	width: 30%;
	background: #0c24c6;
}

#home-introduction-container>div>div>div:last-child #background {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #0c24c6;
	height: 100%;
	width: 100%;
}

#home-introduction-container>div>div>div:last-child:after {
	position: absolute;
	content: '';
	width: 9600px;
	height: 100%;
	top: 0;
	left: 100%;
	background: #0c24c6;
}

#home-introduction-container>div>div>div:last-child a {
	background: #fff;
	display: table;
	width: 480px;
	padding: 20px;
	box-shadow: 0px 10px 30px 0 rgba(11, 12, 17, 0.1);
	margin-bottom: 30px;
	position: relative;
	left: -120px;
}

#home-introduction-container>div>div>div:last-child a>div {
	display: table-cell;
	vertical-align: middle;
}

#home-introduction-container>div>div>div:last-child a>div:nth-child(1) {
	width: 120px;
}

#home-introduction-container>div>div>div:last-child a>div:nth-child(1) img {
	width: 80px;
}

#home-introduction-container>div>div>div:last-child a>div:nth-child(2) {
	width: calc(100% - 140px);
}

#home-introduction-container>div>div>div:last-child a>div:nth-child(2)>* {
	color: #555;
}

#home-introduction-container>div>div>div:last-child a>div:nth-child(2) h3,
#home-introduction-container>div>div>div:last-child a>div:nth-child(2) p {
	margin-bottom: 0;
}

#home-introduction-container>div>div>div:last-child a>div:nth-child(3) {
	width: 20px;
}

#home-introduction-container>div>div>div:last-child a>div:nth-child(3) .icon-arrow {
	font-size: 12px;
}

#home-introduction-container>div>div>div:last-child a>div:nth-child(3) .icon-arrow:before {
	content: '\e901';
}

[class*="product_categories"] {
	background: #f1f1f1;
}

#home-product-controls {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#home-product-controls a {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
}

#home-product-controls #home-product-prev {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	width: 30px;
}

#home-product-controls #home-product-prev .icon-arrow:before {
	content: '\e900';
}

#home-product-controls #home-product-next {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

#home-product-controls #home-product-next .icon-arrow:before {
	content: '\e901';
}

#home-testimonials-container {
	margin-bottom: 80px;
}

#home-testimonials-container .home-testimonials-slide {
	background: #0c24c6;
	height: 500px;
}

#home-testimonials-container .home-testimonials-slide>* {
	color: #fff;
}

#home-testimonials-container .home-testimonials-slide>div {
	display: flex;
	flex-direction: row;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	align-content: center;
}

#home-testimonials-container .home-testimonials-slide>div>div:first-child {
	width: 45%;
}

#home-testimonials-container .home-testimonials-slide>div>div:first-child>div {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	max-width: 1200px;
	margin: auto;
	display: flex;
	height: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	align-content: center;
}

#home-testimonials-container .home-testimonials-slide>div>div:first-child>div>div {
	display: table-cell;
	vertical-align: middle;
}

#home-testimonials-container .home-testimonials-slide>div>div:first-child>div>div:first-child {
	width: 30%;
}

#home-testimonials-container .home-testimonials-slide>div>div:last-child {
	width: 55%;
	background-size: cover;
	background-position: 50%;
	height: 500px;
}

#home-testimonials-container .home-testimonials-pagination span {
	width: 12px;
	height: 12px;
	display: inline-block;
	opacity: 0.5;
	background: #fff;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

#home-testimonials-container .home-testimonials-pagination span.swiper-pagination-bullet-active {
	opacity: 1;
}

#home-testimonials-container .home-testimonials-pagination span:not(:last-of-type) {
	margin-right: 8px;
}

@media screen and (max-width: 1240px) {
	#hero-container #hero-slider .hero-slide>div>div {
		padding: 0 20px;
	}

	#home-introduction-container>div>div>div:first-child {
		padding-left: 20px;
	}

	#home-testimonials-container .home-testimonials-slide>div>div:first-child>div {
		padding-left: 20px;
	}

	#home-testimonials-container .home-testimonials-slide>div>div:first-child>div>div:first-child {
		width: 40%;
	}
}

@media screen and (max-width: 1160px) {
	#home-introduction-container>div>div {
		display: block;
	}

	#home-introduction-container>div>div>div {
		display: block;
	}

	#home-introduction-container>div>div>div:first-child {
		width: 100%;
		padding: 80px 20px 50px;
	}

	#home-introduction-container>div>div>div:last-child {
		width: 100%;
		padding: 80px 20px;
	}

	#home-introduction-container>div>div>div:last-child #background {
		display: none;
	}

	#home-introduction-container>div>div>div:last-child a {
		width: 100%;
		max-width: 480px;
		margin-bottom: 0;
		margin: 0 auto;
		left: 0;
	}

	#home-introduction-container>div>div>div:last-child a:not(:last-of-type) {
		margin: 0 auto 30px;
	}
}

@media screen and (max-width: 1000px) {
	#hero-container #hero-slider .hero-slide {
		height: 500px;
	}

	#hero-container #hero-slider .hero-slide>div>div>div>div {
		width: 70%;
	}

	#home-testimonials-container {
		height: auto;
	}

	#home-testimonials-container .home-testimonials-slide {
		height: auto;
	}

	#home-testimonials-container .home-testimonials-slide>div>div:first-child {
		width: 100%;
	}

	#home-testimonials-container .home-testimonials-slide>div>div:first-child>div {
		padding: 80px 20px;
		position: relative;
	}

	#home-testimonials-container .home-testimonials-slide>div>div:first-child>div>div:first-child {
		width: 100%;
	}

	#home-testimonials-container .home-testimonials-slide>div>div:last-child {
		display: none;
	}

	#home-testimonials-container .home-testimonials-pagination {
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	#hero-container #hero-slider .hero-slide {
		height: 400px;
	}

	#hero-container #hero-slider .hero-slide:before {
		opacity: 1;
	}

	#hero-container #hero-slider .hero-slide:after {
		opacity: 1;
	}

	#hero-container #hero-slider .hero-slide>div>div>div>div {
		width: 100%;
		text-align: center;
	}

	#hero-container #hero-slider .hero-slide>div>div>div>div>* {
		position: relative;
		z-index: 1000;
	}

	#home-introduction-container>div>div>div:first-child {
		padding: 50px 20px 20px;
	}

	#home-introduction-container>div>div>div:last-child {
		padding: 50px 20px;
	}

	#home-testimonials-container .home-testimonials-slide>div>div:first-child>div {
		padding: 50px 20px;
	}
}

@media screen and (max-width: 500px) {
	#home-introduction-container>div>div>div:last-child a>div:nth-child(1) {
		width: 100px;
	}

	#home-introduction-container>div>div>div:last-child a>div:nth-child(1) img {
		width: 60px;
	}

	#home-introduction-container>div>div>div:last-child a>div:nth-child(2) {
		width: calc(100% - 100px);
	}

	#home-introduction-container>div>div>div:last-child a>div:nth-child(3) {
		display: none;
	}
}

#products-container {
	padding: 0 0 100px;
}

#products-container>div .product-category {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 50px 0;
	border-bottom: 1px solid #ddd;
}

#products-container>div .product-category:nth-of-type(2n-1) {
	padding-right: 30px;
	border-right: 1px solid #ddd;
}

#products-container>div .product-category:nth-of-type(2n) {
	padding-left: 30px;
}

#products-container>div .product-category .product-category-wrapper {
	display: flex;
	flex-direction: column;
	flex: 1;
}

#products-container>div .product-category .product-category-details {
	display: flex;
	flex-direction: column;
	flex: 1;
}

#products-container>div .product-category .product-category-details>div {
	display: table;
	width: 100%;
}

#products-container>div .product-category .product-category-details>div>div {
	display: table-cell;
	vertical-align: top;
}

#products-container>div .product-category .product-category-details>div>div:first-child {
	width: 240px;
}

#products-container>div .product-category .product-category-details>div>div:first-child img {
	width: 75%;
}

#products-container>div .product-category .product-category-details>div>div:last-child {
	width: calc(100% - 240px);
}

#products-container>div .product-category .product-category-details>div>div:last-child .product-items {
	display: flex;
	flex-wrap: wrap;
}

#products-container>div .product-category .product-category-details>div>div:last-child .product-items a {
	margin-bottom: 10px;
}

#products-container>div .product-category .product-category-details>div>div:last-child .product-items a:nth-of-type(2n) {
	margin-left: 10px;
}

#products-container>div .product-category .product-category-links {
	text-align: left;
	margin-top: 20px;
}

#products-container>div .product-category .product-category-links .product-items {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

#products-container>div .product-category .product-category-links .product-items a {
	width: 30%;
}

#products-container>div .product-category .product-category-links a {
	margin-bottom: 10px;
}

#single-product-container {
	padding: 50px 0 150px;
}

#single-product-links-container {
	text-align: center;
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
	margin-bottom: 50px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}

#single-product-links-container a {
	margin: 0 10px 15px;
}

#single-product-links-container a.current {
	background: #0c24c6;
	color: #fff;
}

#single-product-content #single-product-content-wrapper {
	display: table;
	width: 100%;
}

#single-product-content #single-product-content-wrapper>div {
	display: table-cell;
	vertical-align: top;
}

#single-product-content #single-product-content-wrapper>div:first-child {
	display: flex;
    flex-direction: column;
    align-items: center;
}

#single-product-content #single-product-content-wrapper>div:first-child img {
	margin-bottom: 3rem;
}

#single-product-content #single-product-content-wrapper>div:first-child a {
	margin-bottom: 20px;
}

#single-product-content #single-product-content-wrapper>div:first-child a:hover {
	color: #fff;
}

#single-product-content #single-product-content-wrapper>div:first-child a:not(.button-alt) {
	display: none;
}

#single-product-content #single-product-content-wrapper>div:last-child {
	width: 75%;
	padding-left: 50px;
}

#single-product-details-wrapper {
	display: table;
	width: 100%;
}

#single-product-details-wrapper>div {
	display: table-cell;
	vertical-align: top;
}

#single-product-details-wrapper>div:first-child {
	width: 100%;
	padding-right: 50px;
}

#single-product-details-wrapper>div:first-child .read-more {
	display: none;
}

#single-product-details-wrapper>div:first-child #single-product-header {
	margin-bottom: 20px;
}

#single-product-details-wrapper>div:first-child #single-product-header>div {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: flex-start;
	gap: 10px;
}

#single-product-details-wrapper>div:first-child #single-product-header>div img {
	margin-bottom: 10px;
}

#single-product-details-wrapper>div:first-child #single-product-header img {
	margin-right: 10px;
	height: 23px;
}

#single-product-details-wrapper>div:first-child #single-product-header span {
	font-size: 24px;
}

/* Shutting down right-most column that was in original site - this is the quickest way to handle it. */
#single-product-details-wrapper>div:last-child {
	width: 0;
}

#single-product-details-wrapper>div:last-child>div {
	background: #0c24c6;
	padding: 30px;
}

#single-product-details-wrapper>div:last-child>div>* {
	color: #fff;
}

#single-product-details-wrapper>div:last-child>div ul li {
	margin-bottom: 20px;
}

#single-product-pricing-details {
	border: 1px solid #ddd;
	text-align: center;
	padding: 30px 50px;
	margin-top: 50px;
}

#single-product-pricing-details h2 {
	margin-bottom: 0;
}

#single-product-pricing-details.form {
	text-align: left;
}

#single-product-pricing-details.form h2 {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}

#single-product-pricing-details.form input[type="number"] {
	border: none;
	background: #f1f1f1;
}

#single-product-pricing-details.form button[type="submit"] {
	float: right;
}

#content #single-product-options-toggle {
	display: flex;
	flex-direction: row;
	border: 1px solid #555;
	max-width: 300px;
}

#content #single-product-options-toggle a {
	color: #555;
	text-decoration: none;
	min-width: 149px;
	text-align: center;
	padding: 10px 15px;
	background: #fff;
	text-decoration: none;
}

#content #single-product-options-toggle a:not(:last-of-type) {
	border-right: 1px solid var(--color-dark-2);
}

#content #single-product-options-toggle a.active {
    color: var(--color-light-2) !important;
	background: var(--color-dark-2);
}
#content #single-product-options-toggle a:hover:not(.active) {
    color: var(--color-light-2) !important;
	background: var(--color-dark-2-lightened);
}

#single-product-more-details-container {
	padding-top: 50px;
}
/* If content exists before the #single-product-more-details-container, then... */
* + #single-product-more-details-container {
	margin-top: 80px;
	border-top: 1px solid #ddd;
}

#single-product-more-details-container>div:first-of-type {
	display: flex;
	justify-content: space-between;
	gap: 2rem;
	margin-block-end: 50px;
    align-items: center;
}
@media screen and (max-width: 665px) {
	#single-product-more-details-container>div:first-of-type {
		flex-direction: column;
		flex-flow: column-reverse;
	}
}

#single-part-more-details-header {
	display: table;
	width: 100%;
	margin-bottom: 40px;
}

#single-part-more-details-header>div {
	display: table-cell;
	vertical-align: middle;
}

#single-part-more-details-header>div:last-child {
	text-align: right;
}

#single-part-more-details-header>div h2 {
	margin-bottom: 0;
}

#specifications #specifications-header {
	background: #111;
	color: #fff;
	text-align: center;
	padding: 10px 20px;
	margin-bottom: 5px;
}

#specifications .specification {
	background: #f1f1f1;
	display: table;
	width: 100%;
	margin-bottom: 5px;
}

#specifications .specification>div {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	text-align: center;
	padding: 10px 20px;
}

#specifications .specification>div p {
	margin-bottom: 0;
}

#options:not(.active) {
	display: none;
}

#options .option {
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#options .option.has-image {
	display: table;
	width: 100%;
}

#options .option.has-image>div {
	display: table-cell;
	vertical-align: top;
}

#options .option.has-image>div:first-child {
	width: 20%;
}

#options .option.has-image>div:last-child {
	width: 80%;
	padding-left: 30px;
}

#options .option p {
	margin-bottom: 0;
}

#parts:not(.active) {
	display: none;
}

#parts #parts-wrapper {
	display: flex;
	flex-direction: row;
}

#parts #parts-wrapper a {
	width: 22.5%;
	display: flex;
	flex-direction: column;
	text-decoration: none;
}

#parts #parts-wrapper a:nth-of-type(4n-1),
#parts #parts-wrapper a:nth-of-type(4n-2),
#parts #parts-wrapper a:nth-of-type(4n) {
	margin-left: 3.333%;
}

#parts #parts-wrapper a p {
	color: #555;
}

#parts #parts-wrapper a h3 {
	margin-top: auto;
}

#parts #parts-link-container {
	margin-top: 50px;
	text-align: center;
}

#single-product-more-details-container #single-parts-related {
	display: flex;
	flex-direction: row;
}

#single-product-more-details-container #single-parts-related a {
	width: 22.5%;
	display: flex;
	flex-direction: column;
	text-decoration: none;
}

#single-product-more-details-container #single-parts-related a:nth-of-type(4n-1),
#single-product-more-details-container #single-parts-related a:nth-of-type(4n-2),
#single-product-more-details-container #single-parts-related a:nth-of-type(4n) {
	margin-left: 3.333%;
}

#single-product-more-details-container #single-parts-related a p {
	color: #555;
}

#single-product-more-details-container #single-parts-related a h3 {
	margin-top: auto;
}

#content #single-part-content-wrapper {
	display: table;
	width: 100%;
}

#content #single-part-content-wrapper>div {
	display: table-cell;
	vertical-align: top;
}

#content #single-part-content-wrapper>div:first-child {
	width: 25%;
	text-align: center;
}

#content #single-part-content-wrapper>div:first-child img {
	margin-bottom: 40px;
}

#content #single-part-content-wrapper>div:first-child a.button-alt:hover {
	color: #fff;
}

#content #single-part-content-wrapper>div:first-child a:not(.button-alt) {
	display: none;
}

#content #single-part-content-wrapper>div:last-child {
	width: 75%;
	padding-left: 50px;
}

#content #single-parts-details>div p {
	display: inline-block;
	margin-bottom: 10px;
}

#content #single-parts-details>div p.title {
	font-weight: bold;
	margin-right: 5px;
}

@media screen and (max-width: 1240px) {
	#products-container {
		padding: 0 20px 100px;
	}

	#single-product-container {
		padding: 50px 20px 150px;
	}
}

@media screen and (max-width: 1100px) {
	#single-product-details-wrapper>div:first-child {
		padding-right: 30px;
	}

	#single-product-details-wrapper>div:last-child>div {
		padding: 20px;
	}
}

@media screen and (max-width: 1155px) {
	#products-container .product-category {
		border-right: none !important;
		padding: 30px !important;
	}
}

@media screen and (max-width: 1000px) {


	#products-container>div .product-category .product-category-details>div {
		display: flex;
		flex-direction: column;
		flex: 1;
	}

	#products-container>div .product-category .product-category-details>div>div {
		display: block;
		margin-top: auto;
	}

	#products-container>div .product-category .product-category-details>div>div:first-child,
	#products-container>div .product-category .product-category-details>div>div:last-child {
		width: 100%;
	}

	#products-container>div .product-category .product-category-details>div>div:first-child img {
		width: 100%;
		max-width: 170px;
		display: block;
		margin: 0 auto 30px;
	}

	#products-container>div .product-category .product-category-details>div>div:last-child {
		text-align: center;
	}

	#products-container>div .product-category .product-category-links {
		text-align: center;
	}

	#single-product-content #single-product-content-wrapper>div {
		display: block;
	}

	#single-product-content #single-product-content-wrapper>div:first-child,
	#single-product-content #single-product-content-wrapper>div:last-child {
		width: 100%;
	}

	#single-product-content #single-product-content-wrapper>div:first-child img {
		display: block;
		margin: 0 auto 20px;
		width: 100%;
		max-width: 170px;
	}

	#single-product-content #single-product-content-wrapper>div:last-child {
		padding-left: 0;
	}

	#single-product-details-wrapper {
		display: block;
	}

	#single-product-details-wrapper>div {
		display: block;
	}

	#single-product-details-wrapper>div:first-child,
	#single-product-details-wrapper>div:last-child {
		width: 100%;
	}

	#single-product-details-wrapper>div:first-child {
		padding-right: 0;
	}

	#parts #parts-wrapper {
		flex-wrap: wrap;
	}

	#parts #parts-wrapper a {
		margin-bottom: 30px;
		width: 48%;
	}

	#parts #parts-wrapper a:nth-of-type(4n-1),
	#parts #parts-wrapper a:nth-of-type(4n-2),
	#parts #parts-wrapper a:nth-of-type(4n) {
		margin-left: 0;
	}

	#parts #parts-wrapper a:nth-of-type(2n) {
		margin-left: 4%;
	}

	#content #single-part-content-wrapper>div {
		display: block;
	}

	#content #single-part-content-wrapper>div:first-child,
	#content #single-part-content-wrapper>div:last-child {
		width: 100%;
	}

	#content #single-part-content-wrapper>div:first-child {
		padding-bottom: 50px;
	}

	#content #single-part-content-wrapper>div:first-child img {
		display: block;
		margin: 0 auto 40px;
		width: 100%;
		max-width: 200px;
	}

	#content #single-part-content-wrapper>div:last-child {
		padding-left: 0;
	}

	#single-product-more-details-container #single-parts-related {
		flex-wrap: wrap;
	}

	#single-product-more-details-container #single-parts-related a {
		margin-bottom: 30px;
		width: 48%;
	}

	#single-product-more-details-container #single-parts-related a:nth-of-type(4n-1),
	#single-product-more-details-container #single-parts-related a:nth-of-type(4n-2),
	#single-product-more-details-container #single-parts-related a:nth-of-type(4n) {
		margin-left: 0;
	}

	#single-product-more-details-container #single-parts-related a:nth-of-type(2n) {
		margin-left: 4%;
	}
}

@media screen and (max-width: 950px) {
	#options .option.has-image {
		display: block;
	}

	#options .option.has-image>div {
		display: block;
	}

	#options .option.has-image>div:first-child {
		width: 100%;
	}

	#options .option.has-image>div:first-child img {
		display: block;
		margin: 0 auto 30px;
	}

	#options .option.has-image>div:last-child {
		width: 100%;
		padding-left: 0;
	}
}

@media screen and (max-width: 767px) {
	#products-container {
		padding: 0 20px 80px;
	}

	#products-container>div .product-category .product-category-details>div>div:first-child img {
		max-width: 130px;
	}

	#read-more {
		font-size: 16px;
	}

	#single-product-pricing-details {
		padding: 20px;
	}

	#content #single-product-options-toggle a {
		font-size: 16px;
	}

	#specifications .specification>div:first-child {
		text-align: left;
	}

	#specifications .specification>div:last-child {
		text-align: right;
	}

	#specifications .specification p {
		font-size: 14px;
	}

	#single-product-container {
		padding: 50px 20px 80px;
	}

	#parts #parts-link-container {
		margin-top: 20px;
	}

	#parts #parts-link-container a {
		font-size: 16px;
	}

	#single-product-more-details-container {
		margin-top: 50px;
	}

	#single-product-pricing-details.form {
		text-align: center;
	}

	#single-product-pricing-details.form button[type="submit"] {
		float: none;
		display: block;
		margin: 30px auto 0;
	}

	#single-part-more-details-header>div:last-child {
		font-size: 16px;
	}

	#single-product-details-wrapper>div:first-child #single-product-header h2 {
		text-align: center;
	}

	#single-product-details-wrapper>div:first-child #single-product-header>div {
		flex-direction: column;
		text-align: center;
	}

	#single-product-details-wrapper>div:first-child #single-product-header>div img {
		margin-right: 0;
	}

	#single-product-details-wrapper>div:first-child #single-product-header>div span {
		display: block;
	}

	#single-product-details-wrapper>div:first-child #single-product-header>div span:not(:last-of-type) {
		margin-right: 0;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 600px) {
	#single-product-container #single-product-links-container {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		padding-bottom: 20px;
		margin-bottom: 40px;
	}

	#single-product-container #single-product-links-container a {
		width: 45%;
	}

	#products-container>div .product-category .product-category-links .product-items a {
		width: 45%;
	}
}

@media screen and (max-width: 500px) {
	#single-part-more-details-header>div {
		display: block;
		width: 100%;
		text-align: center;
	}

	#single-part-more-details-header>div:last-child {
		text-align: center;
		padding-top: 20px;
	}

	#single-product-more-details-container #single-parts-related {
		flex-wrap: wrap;
	}

	#single-product-more-details-container #single-parts-related a {
		width: 100%;
		max-width: 350px;
		display: block;
		margin: 0 auto 30px;
	}

	#single-product-more-details-container #single-parts-related a img {
		display: block;
		margin: 0 auto 20px;
		width: 100%;
	}

	#single-product-more-details-container #single-parts-related a:nth-of-type(2n),
	#single-product-more-details-container #single-parts-related a:nth-of-type(4n),
	#single-product-more-details-container #single-parts-related a:nth-of-type(4n-1),
	#single-product-more-details-container #single-parts-related a:nth-of-type(4n-2) {
		margin-left: auto;
	}
}

#products-header>div {
	padding: 50px 0 30px;
	display: table;
	width: 100%;
	border-bottom: 1px solid #ddd;
	margin-bottom: 50px;
}

#products-header>div>div {
	display: table-cell;
	width: 50%;
}

#products-header>div>div:first-child form {
	display: flex;
	flex-direction: row;
}

#products-header>div>div:first-child .search-wrapper {
	position: relative;
}

#products-header>div>div:first-child .search-wrapper .icon-search {
	position: absolute;
	left: 10px;
	top: 13px;
	font-size: 22px;
}

#products-header>div>div:first-child .search-wrapper .icon-search:before {
	content: '\e905';
}

#products-header>div>div:first-child input[type="text"] {
	width: 250px;
	padding-left: 40px;
}

#products-header>div>div:first-child input[type="submit"] {
	border-radius: 0;
	padding: 8px 10px;
	min-width: 100px;
}

#products-header>div>div:last-child {
	text-align: right;
}

#products-header>div>div:last-child p {
	margin-bottom: 0;
}

#products-container {
	padding: 0 0 100px;
}

#products-container #parts-wrapper {
	display: table;
	width: 100%;
}

#products-container #parts-wrapper>div {
	display: table-cell;
}

#products-container #parts-wrapper>div:first-child {
	width: 20%;
}

#products-container #parts-wrapper>div:first-child .categories {
	padding: 0;
	list-style: none;
	margin: 0;
}

#products-container #parts-wrapper>div:first-child .categories li.current-cat .root {
	background: #0c24c6;
	color: #fff;
}

#products-container #parts-wrapper>div:first-child .categories li.current-cat .root mark {
	color: #fff;
	font-size: 14px;
}

#products-container #parts-wrapper>div:first-child .categories li .root {
	display: inline-block;
	width: 100%;
	padding: 10px;
	background: #f1f1f1;
	margin-bottom: 2px;
	color: #555;
	position: relative;
}

#products-container #parts-wrapper>div:first-child .categories li .root.open span:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

#products-container #parts-wrapper>div:first-child .categories li .root.open span:after {
	transform: rotate(315deg);
	-webkit-transform: rotate(315deg);
}

#products-container #parts-wrapper>div:first-child .categories li .root>div {
	display: table;
	width: 100%;
}

#products-container #parts-wrapper>div:first-child .categories li .root>div>div {
	display: table-cell;
	vertical-align: middle;
}

#products-container #parts-wrapper>div:first-child .categories li .root>div>div:last-child {
	text-align: right;
}

#products-container #parts-wrapper>div:first-child .categories li .root>div>div mark {
	background: transparent;
}

#products-container #parts-wrapper>div:first-child .categories li .root span:before {
	content: '';
	position: absolute;
	height: 10px;
	background-color: #555;
	opacity: 1;
	width: 2px;
	top: 19px;
	right: 22px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

#products-container #parts-wrapper>div:first-child .categories li .root span:after {
	border-top-color: transparent;
	border: 0px;
	content: '';
	position: absolute;
	height: 10px;
	background-color: #555;
	opacity: 1;
	width: 2px;
	top: 19px;
	right: 16px;
	transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

#products-container #parts-wrapper>div:first-child .categories li ul {
	display: none;
}

#products-container #parts-wrapper>div:first-child .categories li ul li {
	display: inline-block;
	width: 100%;
	padding: 10px;
	background: #f1f1f1;
	margin-bottom: 2px;
	color: #555;
}

#products-container #parts-wrapper>div:first-child .categories li ul li a {
	color: #555;
	text-decoration: none;
	font-size: 16px;
}

#products-container #parts-wrapper>div:first-child .categories li ul li div {
	display: table;
	width: 100%;
}

#products-container #parts-wrapper>div:first-child .categories li ul li div>div {
	display: table-cell;
	vertical-align: middle;
}

#products-container #parts-wrapper>div:first-child .categories li ul li div>div:last-child {
	text-align: right;
}

#products-container #parts-wrapper>div:first-child .categories li ul li div>div mark {
	background: transparent;
	font-size: 14px;
}

#products-container #parts-wrapper>div:last-child {
	width: 80%;
	padding-left: 10%;
}

#products-container #parts-wrapper>div:last-child ul {
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#products-container #parts-wrapper>div:last-child ul a {
	display: flex;
	flex-direction: column;
	margin-bottom: 40px;
	height: 100%;
}

#products-container #parts-wrapper>div:last-child ul a img {
	margin-bottom: 10px;
}

#products-container #parts-wrapper>div:last-child ul a p {
	color: #111;
	margin-bottom: 15px;
}

#products-container #parts-wrapper>div:last-child ul a h3 {
	margin-top: auto;
	margin-bottom: 0;
}

#content .woocommerce .checkout-button {
	width: 100%;
	-webkit-font-smoothing: none;
	font-size: 18px;
}

#content .woocommerce .form-row {
	margin-bottom: 10px;
}

#content .woocommerce #order_review_heading {
	margin-top: 50px;
}

#content .woocommerce label[for="payment_method_stripe"] {
	display: inline;
}

#content .woocommerce .payment_box input[type="checkbox"]+label:before,
#content .woocommerce .payment_box input[type="checkbox"]+label:after {
	top: 1px;
}

#content .woocommerce ul.order_details {
	padding: 0;
}

#content .woocommerce ul.order_details li {
	font-size: 18px;
}

@media screen and (max-width: 1240px) {
	#products-header>div {
		padding: 50px 20px 30px;
	}

	#products-container {
		padding: 0 20px 100px;
	}

	#products-container #parts-wrapper>div:first-child {
		width: 25%;
	}

	#products-container #parts-wrapper>div:last-child {
		width: 75%;
		padding-left: 50px;
	}
}

@media screen and (max-width: 1000px) {
	#products-container #parts-wrapper {
		display: block;
	}

	#products-container #parts-wrapper>div {
		display: block;
	}

	#products-container #parts-wrapper>div:first-child {
		width: 100%;
		margin-bottom: 50px;
	}

	#products-container #parts-wrapper>div:last-child {
		width: 100%;
		padding-left: 0px;
	}

	#content .woocommerce ul.order_details li {
		float: none;
		border: none;
		margin-bottom: 20px;
		font-size: 14px;
	}
}

@media screen and (min-width: 768px) {
	#products-container #parts-wrapper>div:last-child ul a {
		width: 32%;
	}

	#products-container #parts-wrapper>div:last-child ul a:nth-of-type(3n-1) {
		margin-left: 2%;
		margin-right: 2%;
	}
}

@media screen and (max-width: 767px) {
	#products-header>div {
		display: block;
	}

	#products-header>div>div {
		display: block;
	}

	#products-header>div>div:first-child {
		width: 100%;
		max-width: 350px;
		margin: 0 auto;
	}

	#products-header>div>div:last-child {
		display: block;
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}

	#content .shop_table {
		font-size: 16px;
	}

	#content .woocommerce .checkout-button {
		padding: 15px 20px;
		font-size: 16px;
	}

	#content .woocommerce form .form-row-first,
	#content .woocommerce form .form-row-last {
		float: none;
		width: 100%;
	}

	#content .woocommerce .col-2 {
		margin-top: 30px;
	}

	#content .woocommerce ul.order_details li {
		font-size: 12px;
	}
}

@media screen and (min-width: 501px) and (max-width: 767px) {
	#products-container #parts-wrapper>div:last-child ul a {
		width: 48%;
	}

	#products-container #parts-wrapper>div:last-child ul a:nth-of-type(2n) {
		margin-left: 4%;
	}
}

@media screen and (max-width: 500px) {
	#products-container #parts-wrapper>div:last-child ul {
		/* display: block; */
	}

	#products-container #parts-wrapper>div:last-child ul a {
		width: 100%;
		max-width: 350px;
		/* display: block; */
		margin: 0 auto 30px;
	}

	#products-container #parts-wrapper>div:last-child ul a img {
		display: block;
		margin: 0 auto 20px;
		width: 100%;
	}
}

@media screen and (max-width: 360px) {
	#products-header>div>div:first-child form {
		display: block;
	}

	#products-header>div>div:first-child input[type="text"] {
		width: 100%;
	}

	#products-header>div>div:first-child input[type="submit"] {
		max-width: 100%;
		width: 100%;
		padding: 15px 10px;
	}
}

#why-container {
	padding: 50px 0 80px;
}

#why-container .why-row {
	display: table;
	width: 100%;
	border-bottom: 1px solid #ddd;
	padding-bottom: 50px;
}

#why-container .why-row:not(:last-of-type) {
	margin-bottom: 50px;
}

#why-container .why-row>div {
	display: table-cell;
	vertical-align: middle;
}

#why-container .why-row>div.content {
	width: 60%;
	padding-right: 80px;
}

#why-container .why-row>div.image {
	width: 40%;
}

#why-container .why-row>div.image.mobile {
	display: none;
}

@media screen and (max-width: 1240px) {
	#why-container {
		padding: 50px 20px 80px;
	}
}

@media screen and (max-width: 1000px) {
	#why-container .why-row {
		display: block;
	}

	#why-container .why-row>div.image {
		display: none;
		width: 100%;
	}

	#why-container .why-row>div.image.mobile {
		display: block;
		margin-bottom: 30px;
	}

	#why-container .why-row>div.image img {
		width: 100%;
		display: block;
		max-width: 600px;
		margin: 0 auto;
	}

	#why-container .why-row>div.content {
		width: 100%;
		padding-right: 0;
	}
}

@media screen and (max-width: 767px) {
	#why-container {
		padding: 50px 20px 60px;
	}

	#why-container .why-row {
		padding-bottom: 10px;
	}

	#why-container .why-row:not(:last-of-type) {
		margin-bottom: 40px;
	}
}

#downloads-container {
	padding: 40px 0 100px;
}

#downloads-container>div {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#downloads-container>div>div {
	margin-bottom: 50px;
}

#downloads-container>div>div h4 {
	margin-bottom: 5px;
}

#downloads-container>div>div ul li {
	margin-bottom: 5px;
}

@media screen and (max-width: 1240px) {
	#downloads-container {
		padding: 40px 20px 100px;
	}
}

@media screen and (min-width: 1201px) {
	#downloads-container>div>div {
		width: 25%;
	}
}

@media screen and (min-width: 851px) and (max-width: 1200px) {
	#downloads-container>div>div {
		width: 33%;
	}
}

@media screen and (min-width: 551px) and (max-width: 850px) {
	#downloads-container>div>div {
		width: 50%;
	}
}

@media screen and (max-width: 550px) {
	#downloads-container>div>div {
		width: 100%;
		margin-bottom: 30px;
	}
}

#fuel-cost-container {
	padding: 0 0 150px;
}

#fuel-cost-introduction {
	text-align: center;
	margin-top: 50px;
}

#fuel-cost-comparison-form {
	margin-top: 50px;
}

#fuel-cost-comparison-form h3 {
	color: #0c24c6;
	text-align: center;
}

#fuel-cost-comparison-form>div {
	padding: 3rem 4rem;
	background: #f1f1f1;
}

#fuel-cost-comparison-form>div form {
	display: flex;
	flex-direction: row;
}

#fuel-cost-comparison-form>div form>div:nth-of-type(1) {
	width: 40%;
	padding-right: 5%;
}

#fuel-cost-comparison-form>div form>div:nth-of-type(1) .fancy-select .trigger {
	padding-top: 12px;
}

#fuel-cost-comparison-form>div form>div:nth-of-type(1) .fancy-select .trigger:before,
#fuel-cost-comparison-form>div form>div:nth-of-type(1) .fancy-select .trigger:after {
	top: 21px;
}

#fuel-cost-comparison-form>div form>div:nth-of-type(2) {
	width: 40%;
	padding-right: 5%;
}

#fuel-cost-comparison-form>div form>div:nth-of-type(2) span {
	font-size: 16px;
	margin-top: 10px;
	display: inline-block;
}

#fuel-cost-comparison-form>div form>div:nth-of-type(3) {
	width: 20%;
	text-align: right;
}

#fuel-cost-comparison-form>div form>div:nth-of-type(3) input[type="submit"] {
	margin-top: 21px;
}

#fuel-cost-comparison-form>div form>div label {
	display: block;
}

#fuel-cost-comparison-form>div form>div input[type="text"] {
	width: 100%;
}

#fuel-cost-comparison-results {
	display: none;
	margin-block-start: 3rem;
}

#fuel-cost-comparison-results.shown {
	display: block;
}

#fuel-cost-comparison-results #fuel-cost-header {
	display: flex;
	flex-direction: row;
}

#fuel-cost-comparison-results #fuel-cost-header>div {
	width: 15%;
	color: #0c24c6;
	text-align: center;
}

#fuel-cost-comparison-results #fuel-cost-header>div:not(:first-of-type) {
	margin-left: 2%;
}

#fuel-cost-comparison-results #fuel-cost-header>div h4 {
	margin-bottom: 5px;
}

#fuel-cost-comparison-results #fuel-cost-data {
	display: flex;
	flex-direction: row;
}

#fuel-cost-comparison-results #fuel-cost-data>div {
	width: 15%;
	text-align: center;
}

#fuel-cost-comparison-results #fuel-cost-data>div:first-of-type {
	text-align: left;
}

#fuel-cost-comparison-results #fuel-cost-data>div:not(:first-of-type) {
	margin-left: 2%;
}

#fuel-cost-comparison-results #fuel-cost-data>div.data-results>div {
	background: #0c24c6;
	color: #fff;
}

#fuel-cost-comparison-results #fuel-cost-data>div>div {
	margin-bottom: 5px;
	padding: 10px 5px;
}

#fuel-cost-comparison-results #mobile-results {
	display: none;
}

#fuel-cost-comparison-results #mobile-results .fuel-comparison-mobile {
	display: flex;
	flex-direction: row;
}

#fuel-cost-comparison-results #mobile-results .fuel-comparison-mobile>div {
	width: 50%;
}

#fuel-cost-comparison-results #mobile-results .fuel-comparison-mobile>div>div {
	margin-bottom: 5px;
}

#fuel-cost-comparison-results #mobile-results .fuel-comparison-mobile>div.data-labels>div {
	text-align: left;
	min-height: 45px;
	padding: 10px 5px;
}

#fuel-cost-comparison-results #mobile-results .fuel-comparison-mobile>div.data-results>div {
	text-align: center;
	padding: 10px 5px;
}

#fuel-cost-comparison-results #mobile-results .fuel-comparison-mobile>div.data-results>div:not(:first-of-type) {
	background: #0c24c6;
	color: #fff;
}

#fuel-cost-comparison-results #mobile-results .fuel-comparison-mobile>div.data-results>div h4 {
	margin-bottom: 0;
	color: #0c24c6;
}

#fuel-cost-comparison-results #mobile-results #fuel-comparison-slider-controls {
	background: #f1f1f1;
	padding: 20px;
	margin-top: 20px;
	text-align: center;
}

#fuel-cost-comparison-results #mobile-results #fuel-comparison-slider-controls #fuel-slider-prev .icon-arrow:before {
	content: '\e900';
}

#fuel-cost-comparison-results #mobile-results #fuel-comparison-slider-controls #fuel-slider-next {
	margin-left: 30px;
}

#fuel-cost-comparison-results #mobile-results #fuel-comparison-slider-controls #fuel-slider-next .icon-arrow:before {
	content: '\e901';
}

#fuel-cost-comparison-results #mobile-results #fuel-slider-instructions {
	font-size: 14px;
	text-align: center;
	display: inline-block;
	width: 100%;
	margin-top: 10px;
}

@media screen and (max-width: 1240px) {
	#fuel-cost-container {
		padding: 0 20px 150px;
	}

	#fuel-cost-comparison-results #fuel-cost-header>div h4 {
		font-size: 14px;
	}

	#fuel-cost-comparison-results #fuel-cost-data>div>div {
		font-size: 14px;
	}
}

@media screen and (max-width: 1000px) {
	#fuel-cost-comparison-form>div {
		padding: 60px;
	}

	#fuel-cost-comparison-results #fuel-cost-data>div>div {
		font-size: 12px;
	}
}

@media screen and (max-width: 850px) {
	#fuel-cost-comparison-form>div form {
		display: block;
	}

	#fuel-cost-comparison-form>div form>div:nth-of-type(1),
	#fuel-cost-comparison-form>div form>div:nth-of-type(2),
	#fuel-cost-comparison-form>div form>div:nth-of-type(3) {
		width: 100%;
		padding-right: 0;
	}

	#fuel-cost-comparison-form>div form>div:nth-of-type(2) {
		padding: 30px 0;
	}

	#fuel-cost-comparison-form>div form>div:nth-of-type(3) {
		text-align: center;
	}

	#fuel-cost-comparison-form>div form>div:nth-of-type(3) input[type="submit"] {
		margin-top: 0;
	}
}

@media screen and (max-width: 767px) {
	#fuel-cost-container {
		padding: 0 20px 80px;
	}

	#fuel-cost-comparison-form {
		padding: 0 0 30px;
	}

	#fuel-cost-comparison-form>div {
		padding: 40px;
	}

	#fuel-cost-comparison-form>div form>div:nth-of-type(1) .fancy-select .trigger {
		padding-top: 14px;
	}

	#fuel-cost-comparison-form>div form>div:nth-of-type(2) span {
		font-size: 14px;
	}

	#fuel-cost-comparison-results {
		margin: 20px 0 40px;
	}

	#fuel-cost-comparison-results #desktop-results {
		display: none;
	}

	#fuel-cost-comparison-results #mobile-results {
		display: block;
	}
}

#blog-list-container {
	display: table;
	width: 100%;
	padding: 50px 0 150px;
}

#blog-list-container>div {
	display: table-cell;
	vertical-align: top;
}

#blog-list-container>div#blog-category-container {
	width: 30%;
}

#blog-list-container>div#blog-category-container ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
	max-width: 240px;
}

#blog-list-container>div#blog-category-container ul li {
	margin-bottom: 3px;
}

#blog-list-container>div#blog-category-container ul li a {
	background: #f1f1f1;
	display: inline-block;
	width: 100%;
	padding: 12px 10px 12px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #555;
}

#blog-list-container>div#blog-category-container ul li a.current,
#blog-list-container>div#blog-category-container ul li a:hover {
	background: var(--color-dark-1) !important;
	color: var(--color-light-1) !important;
}

#blog-list-container>div#blog-listing-container {
	width: 70%;
}

#blog-list-container .blog-list-item {
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
}

#blog-list-container .blog-list-item h2 {
	display: inline-block;
}

#blog-list-container .blog-list-item span {
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
}

#pagination-container .page-numbers {
	display: inline-block;
	margin: 0 10px;
	color: #555;
	text-decoration: none;
}

#pagination-container .page-numbers.current {
	color: #0c24c6;
}

#pagination-container .page-numbers:hover {
	color: #0c24c6;
}

#single-blog-container {
	padding: 50px 0 150px;
}

#single-blog-container #single-blog-header {
	margin-bottom: 20px;
}

#single-blog-container #single-blog-header span {
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
}

#single-blog-container #single-blog-footer {
	border-top: 1px solid #ddd;
	padding-top: 40px;
}

@media screen and (max-width: 1240px) {
	#blog-list-container {
		padding: 50px 20px 150px;
	}
}

@media screen and (max-width: 1000px) {
	#blog-list-container {
		display: block;
	}

	#blog-list-container>div#blog-category-container {
		display: block;
		width: 100%;
	}

	#blog-list-container>div#blog-category-container ul {
		display: block;
		margin: 0 auto 60px;
		max-width: 400px;
	}

	#blog-list-container>div#blog-listing-container {
		display: block;
		width: 100%;
	}
}

@media screen and (max-width: 840px) {
	#single-blog-container {
		padding: 50px 20px 150px;
	}
}

@media screen and (max-width: 767px) {
	#blog-list-container {
		padding: 40px 20px 80px;
	}

	#blog-list-container>div#blog-category-container ul li a {
		font-size: 14px;
	}

	#blog-list-container .blog-list-item span {
		font-size: 14px;
	}

	#pagination-container .page-numbers {
		font-size: 16px;
	}

	#single-blog-container {
		padding: 50px 20px 80px;
	}

	#single-blog-container #single-blog-header span {
		font-size: 14px;
	}
}

#faqs-container {
	padding: 80px 0;
}

#faqs-container .faq-grouping {
	margin-bottom: 40px;
}

#faqs-container .faq-grouping .accordion {
	display: inline-block;
	width: 100%;
}

#faqs-container .faq-grouping .accordion .accordion-header {
	background: #ddd;
	padding: 20px 50px 20px 15px;
	margin-bottom: 10px;
	text-decoration: none;
	display: inline-block;
	width: 100%;
	position: relative;
}

#faqs-container .faq-grouping .accordion .accordion-header h3 {
    color: #111;
    margin-bottom: 0 !important;
}

#faqs-container .faq-grouping .accordion .accordion-header.active:before {
	opacity: 0;
}

#faqs-container .faq-grouping .accordion .accordion-header.active:after {
	opacity: 1;
}

#faqs-container .faq-grouping .accordion .accordion-header:before {
	position: absolute;
	content: '';
	width: 16px;
	height: 16px;
	background: url('../images/plus-icon.svg');
	background-size: cover;
	background-position: 50%;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 15px;
	opacity: 1;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

#faqs-container .faq-grouping .accordion .accordion-header:after {
	position: absolute;
	content: '';
	width: 16px;
	height: 3px;
	background: url('../images/minus-icon.svg');
	background-size: cover;
	background-position: 50%;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 15px;
	opacity: 0;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

#faqs-container .faq-grouping .accordion .accordion-header h3 {
	color: #111;
	margin-bottom: 0;
}

#faqs-container .faq-grouping .accordion .accordion-content {
	display: none;
	padding: 20px 0 0;
}

@media screen and (max-width: 1240px) {
	#faqs-container {
		padding: 80px 20px;
	}
}

@media screen and (max-width: 767px) {
	#faqs-container {
		padding: 50px 20px;
	}

	#faqs-container .faq-grouping .accordion .accordion-header {
		padding: 10px 50px 10px 15px;
	}

	#faqs-container .faq-grouping .accordion .accordion-header:before {
		width: 14px;
		height: 14px;
	}

	#faqs-container .faq-grouping .accordion .accordion-header:after {
		width: 14px;
	}
}

#contact-container {
	padding: 80px 0 150px;
}

#contact-container>div {
	display: table;
	width: 100%;
}

#contact-container>div>div {
	display: table-cell;
	vertical-align: top;
}

#contact-container>div>div:first-child {
	width: 70%;
	padding-right: 10%;
}

#contact-container>div>div:first-child .gform_wrapper {
	margin-top: 0;
}

#contact-container>div>div:last-child {
	width: 50%;
}

#contact-container>div>div:last-child>div {
	background: var(--color-dark-1);
	padding: 30px 50px;
	position: relative;
}

#contact-container>div>div:last-child>div>* {
	color: #fff;
}

#contact-container>div>div:last-child>div a {
	color: #fff !important;
	opacity: 1;
}

#contact-container>div>div:last-child>div a:hover {
	color: #fff;
	opacity: 0.7;
}

@media screen and (max-width: 1240px) {
	#contact-container {
		padding: 80px 0 150px 20px;
	}

	#contact-container>div>div:first-child {
		width: 60%;
		padding-right: 5%;
	}

	#contact-container>div>div:last-child {
		width: 40%;
	}
}

@media screen and (max-width: 1000px) {
	#contact-container {
		padding: 80px 0 0;
	}

	#contact-container>div {
		display: block;
	}

	#contact-container>div>div {
		display: block;
	}

	#contact-container>div>div:first-child,
	#contact-container>div>div:last-child {
		width: 100%;
		display: block;
	}

	#contact-container>div>div:first-child {
		padding: 0 4px 60px 20px;
	}

	#contact-container>div>div:last-child {
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	#contact-container {
		padding: 40px 0 0;
	}

	#contact-container>div>div:first-child {
		padding: 0 4px 50px 20px;
	}
}

@media screen and (max-width: 640px) {
	#contact-container>div>div:first-child {
		padding: 0 20px 50px;
	}
}

#widgets-container {
	padding: 0 0 150px;
}

#widgets-container>div {
	display: flex;
	flex-direction: row;
	text-align: center;
}

#widgets-container>div .page-widget {
	text-decoration: none;
}

#widgets-container>div .page-widget img {
	margin-bottom: 25px;
}

#widgets-container>div .page-widget h3 {
	font-size: 22px;
	margin-bottom: 20px;
	font-weight: bold;
	color: #0c24c6;
}

#widgets-container>div .page-widget p {
	font-size: 16px;
	color: #555;
	line-height: 1.8;
}

@media screen and (max-width: 1240px) {
	#widgets-container {
		padding: 0 20px 150px;
	}
}

@media screen and (min-width: 951px) {
	#widgets-container>div .page-widget {
		width: 31%;
	}

	#widgets-container>div .page-widget:nth-of-type(3n-1) {
		margin-left: 3.333%;
		margin-right: 3.333%;
	}
}

@media screen and (max-width: 950px) {
	#widgets-container>div {
		display: block;
		text-align: center;
	}

	#widgets-container>div .page-widget {
		width: 100%;
		max-width: 600px;
		display: inline-block;
	}

	#widgets-container>div .page-widget:nth-of-type(3n-1) {
		margin: 50px 0;
	}
}

@media screen and (max-width: 767px) {
	#widgets-container {
		padding: 0 20px 80px;
	}

	#widgets-container>div .page-widget h3 {
		font-size: 20px;
	}

	#widgets-container>div .page-widget p {
		font-size: 14px;
	}
}

#footer-container #top-footer-container {
	background: #111;
	padding: 0 0 70px;
}

#footer-container #top-footer-container>* {
	color: #fff;
}

#footer-container #top-footer-container #logo-footer {
	width: 100%;
	max-width: 375px;
	display: block;
	margin: 0 auto;
	position: relative;
	top: -40px;
    z-index: 99;
}

#footer-container #top-footer-container p {
	line-height: 1.8;
	text-align: center;
	font-size: 16px;
    text-wrap-style: balance;
}

#footer-container #top-footer-container a {
	color: #fff;
	text-decoration: none;
	opacity: 1;
	font-size: 16px;
}

#footer-container #top-footer-container a:hover {
	opacity: 0.7;
}

#footer-container #top-footer-container #footer-contact-details,
#footer-container #top-footer-container #mobile-contact-details {
	margin-top: 40px;
}

#footer-container #top-footer-container #mobile-contact-details {
	display: none;
}

#footer-container #top-footer-container #footer-social-details {
	text-align: center;
	margin-top: 40px;
}

#footer-container #top-footer-container #footer-social-details a {
	font-size: 20px;
	margin: 0 10px;
}

#footer-container #bottom-footer-container {
	padding: 25px 0;
	background: #fff;
	text-align: center;
    p {
        margin:0;
    }
}

#footer-container #bottom-footer-container p,
#footer-container #bottom-footer-container div {
	display: inline-block;
}

#footer-container #bottom-footer-container p {
	font-size: 14px;
}

#footer-container #bottom-footer-container ul {
	list-style: none;
	padding: 0 40px;
	margin: 0;
}

#footer-container #bottom-footer-container ul li {
	display: inline-block;
}

#footer-container #bottom-footer-container ul li:not(:last-of-type) {
	margin-right: 40px;
}

#footer-container #bottom-footer-container ul li a {
	font-size: 14px;
	color: #555;
	opacity: 1;
	text-decoration: underline;
}

#footer-container #bottom-footer-container ul li a:hover {
	opacity: 0.7;
}

#footer-container #bottom-footer-container img {
	width: 25px;
	display: inline-block;
	margin-right: 5px;
}

@media screen and (max-width: 1240px) {
	#footer-container #bottom-footer-container {
		padding: 25px 20px;
	}
}

@media screen and (max-width: 1000px) {
	#footer-container #top-footer-container {
		padding: 0 20px 70px;
	}

	#footer-container #bottom-footer-container p,
	#footer-container #bottom-footer-container div {
		display: block;
	}

	#footer-container #bottom-footer-container ul {
		padding: 0;
	}

	#footer-container #bottom-footer-container div.menu-footer-menu-container {
		margin: 25px 0;
	}

	#footer-container #bottom-footer-container div:last-of-type p {
		display: inline-block;
	}
}

@media screen and (max-width: 767px) {
	#footer-container #top-footer-container {
		padding: 0 20px 40px;
	}

	#footer-container #top-footer-container #logo-footer {
		top: 0;
	}

	#footer-container #top-footer-container p,
	#footer-container #top-footer-container a {
		font-size: 14px;
	}

	#footer-container #top-footer-container #footer-contact-details {
		display: none;
	}

	#footer-container #top-footer-container #mobile-contact-details {
		display: block;
	}

	#footer-container #bottom-footer-container ul li {
		display: block;
	}

	#footer-container #bottom-footer-container ul li:not(:last-of-type) {
		margin-right: 0;
		margin-bottom: 5px;
	}
}

/* 3/1/2022 */

.clients-features {
	padding: 9.375rem 1.5625rem !important;
}

.custom-row {
	flex-wrap: wrap;
	display: flex;
}

.custom-row .page-widget {
	width: auto !important;
	margin-bottom: 1rem;
	display: block;
}

.custom-row .column {
	margin-bottom: 1rem;
}

@media (max-width: 991px) {
	.clients-features {
		padding: 6.375rem 1.5625rem 8.375rem !important;
	}
}

@media (max-width: 767px) {
	.clients-features {
		padding: 5.375rem 1.5625rem 8.375rem !important;
	}
}

@media (max-width: 575px) {
	.clients-features {
		padding: 3.375rem 1.5625rem 7.375rem !important;
	}

	.custom-row .column {
		width: 100%;
	}
}


.site-header .menu-item-has-children {
	position: relative;
}

.site-header .menu-item-has-children:hover .sub-menu {
	top: 100%;
	opacity: 1;
	visibility: visible;
}

.site-header .menu-item-has-children .caret {
	position: absolute;
	right: 5px;
	top: -3px;
	border: 0;
}

.site-header .menu-item-has-children .caret:before {
	content: '';
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid #000;
	line-height: 1;
	display: inline-block;
}

.site-header .menu-item-has-children > :is(a, .link) {
	padding-right: 1.4rem !important;
	position: relative;
}

.site-header .sub-menu {
	position: absolute;
	left: 0;
	top: 105%;
	min-width: 16rem;
	text-align: left;
	background-color: #0c24c6;
	border-radius: 0.4375rem;
	border: 1px solid #0c24c6;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: all .2s;
}

.site-header .sub-menu li {
	display: block !important;
	margin-right: 0 !important;
}

.site-header .sub-menu a {
	color: #fff !important;
	padding: 1.3rem 1.5rem;
	display: block;
	font-size: 16px !important;
}

.site-header .sub-menu a:hover {
	background-color: #fff;
	color: #0c24c6 !important;
}

@media (max-width: 1600px) {

	.site-header .sub-menu {
		min-width: 13rem;
	}

	.site-header .sub-menu a {
		font-size: 13px !important;
	}

	.site-header .sub-menu a {
		padding: 1rem 1.5rem;
	}
}

@media (max-width: 1000px) {
	.site-header .sub-menu {
		position: static;
		opacity: 1;
		visibility: visible;
		display: none;
		margin-top: 1rem !important;
	}

	.site-header .menu-item-has-children .caret {
		top: 0;
		width: 25px;
		height: 40px;
		z-index: 5;
		cursor: pointer;
		right: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.site-header .menu-item-has-children>a {
		padding-right: 3.4rem !important;
	}

	.site-header .sub-menu {
		border-radius: 0;
	}

	.site-header .sub-menu li {
		padding: 0 !important;
	}

	.site-header .sub-menu a {
		padding: 10px !important;
	}
}

.hs-form fieldset {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -8px;
	width: 100% !important;
	max-width: 100% !important;
}

.hs-form-field {
	padding: 0 8px;
	width: 100%;
	position: relative;
}

.hs-form-field .input,
.hs-form-field .hs-input {
	margin-right: 0 !important;
}

.hs-form-field input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {
	width: 100% !important;
}

.hs-form legend,
.hs-form .hs-field-desc {
	font-size: 13px;
	font-weight: 700;
}

.hs-form label {
	font-size: 14px;
	font-weight: 700 !important;
}

@media (min-width: 992px) {
	.hs-form label {
		font-size: 16px;
	}
}

.hs-form label.hs-form-checkbox-display {
	display: flex;
	font-size: 13px;
}

.hs-form label.hs-form-checkbox-display input[type="radio"],
.hs-form label.hs-form-checkbox-display input[type="checkbox"] {
	height: auto;
	margin-right: .5rem !important;
	position: relative;
	top: -3px;
}

.hs-form .inputs-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -8px;
}

.hs-form .inputs-list .hs-form-checkbox {
	flex: 0 0 100%;
	max-width: 100%;
}

@media (min-width: 992px) {
	.hs-form .inputs-list .hs-form-checkbox {
		flex: 0 0 50%;
		max-width: 50%;
		padding: 0 8px;
	}
}

.hs-input.error {
	border-color: #fb0b13;
}

.hs-submit {
	text-align: center;
  }

.hs-error-msgs {
	display: none !important;
}

#home-testimonials-container blockquote {
	border-left: none;
}
#home-testimonials-container blockquote p {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.45;
    margin-bottom: 20px;
	background-color: #fff;
    color: #000;
    padding: 2rem;
	/* "relative" is necesssary for the little pointer at the bottom of the quote (the ":after" element) to work */
	position: relative;
}
#home-testimonials-container blockquote p:after {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    margin: 0 auto;
    transform: rotate(45deg);
}
.page-widget h2 {
	color: var(--color-dark-1);
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 700;
}

/************************ text_beside_image_section SLIDESHOW ************************/
.slideshow {
    position: relative;
    height: 100%;
    width: auto;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
}
.slideshow > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.slideshow > div a {
    text-align: center;
}

.video-embed {
    margin-block-end: 3rem;
    display: inline-block;
}

.tab-pane.active .panel-body {
    min-height: 37rem;
    max-height: 37rem;
    border-right: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    border-left: 1px solid lightgray;
    border-radius: 4px;
    overflow-y: auto;
}

/* Anchor link styling - dotted underline for non-button links */
:is(p, tbody) a:not([class^="button"]) {
    border-bottom: 1px dotted currentColor;
    text-decoration: none;
}

:is(p, tbody) a:not([class^="button"]):hover {
    border-bottom: 1px solid currentColor;
}

/* BTU Calculator sticky alert styling */
/* .panel-body .alert-success {
    position: sticky;
    top: 0;
    z-index: 10;
    margin-bottom: 15px;
} */

/* Fix for select dropdown arrows - restore Bootstrap styling */
.form-control select,
select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5 6l5 5 5-5 2 1-7 7-7-7z" fill="%23666"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
    padding-right: 30px;
}

/* Ensure the arrow is visible on focus */
.form-control select:focus,
select.form-control:focus {
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5 6l5 5 5-5 2 1-7 7-7-7z" fill="%23333"/></svg>');
}

/* Fix lightbox positioning - move from top: 50px to top: 150px */
#lightbox {
    top: 150px !important;
}

#btu_calculator h2 {
    font-size: 2rem;
    margin-block-end: 0;
}

.product-bullet-points {
    margin-block-start: 1rem;
    background-color: var(--color-dark-1);
    color: var(--color-light-1);
    padding: 2.25rem;
    font-size: 18px;
    text-align: left;
    ul {
        margin-block-end: 0;
    }
}

img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }

/* Loading screen styles */
#page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999;
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}

#page-loader.fade-out {
    opacity: 0;
    visibility: hidden;
}

/* Hide body content until loaded */
body.loading {
    overflow: hidden;
}

#content table {
    margin-block: 1rem 5rem;
    caption {
        text-align: center;
        font-weight: 600;
        margin-block-end: 1.5rem;
    }
    tr :is(th, td) {
        padding: 0.25rem 0.75rem;
    }
    th, td {
        border: 1px solid gray;
    }
    td:has(img) {
        text-align: center;
    }
}

.mini-contact-form {
    width: 100%;
}