/*
	_____________________________________________________

	RESET BOOTSTRAP DEFAULTS
	_____________________________________________________

*/
/*
	buttons
*/
/*
:root {
	--bs-btn-bg: rgb(0, 150, 214);
}
*/
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgb(0, 150, 214);
    --bs-btn-border-color: rgb(0, 150, 214);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(2, 136, 194);
    --bs-btn-hover-border-color: rgb(2, 136, 194);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(2, 106, 151);
    --bs-btn-active-border-color: rgb(2, 106, 151);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}
/*
	links
*/
a:link,
a:visited,
a:hover,
a:active { text-decoration: none; }
/*
	jumbotron
*/
.jumbotron {
	margin-bottom: 0;
}
/*
	make card decks stack on all but large screens
*/
@media (max-width:991px) { /* only apply to screen sizes 991px and down */
	.card-deck-wrapper .card-deck .card {
		flex: auto;
		width: 100%;
		margin-bottom: 15px;
	}
}
/*
	.modal
*/
.modal button.close {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
	background-color: transparent;
	border: 0;
	appearance: none;
}
/*
	form
*/
.form-group { /* The old Bootstrap .form-group class */ 
	margin-bottom: 1rem;
}
/*
	_____________________________________________________

	UTILITIES
	_____________________________________________________

*/
.defloater {
	clear: both;
	float: none;
}
/*
	_____________________________________________________

	FONTS
	_____________________________________________________

*/

* {
	font-family: 'Roboto'; /*var(--base-font-family);*/
}

/*
designicons created with fontello

E800 search (Web Symbols by Just Be Nice studio)
E801 phone (Font Awesome by Dave Gandy)
E802 on arrows...
*/

@font-face {
			font-family: 'designicons';
			src: url('../fonts/designicons/designicons.eot?16986335');
			src: url('../fonts/designicons/designicons.eot?16986335#iefix') format('embedded-opentype'),
					 url('../fonts/designicons/designicons.woff?16986335') format('woff'),
					 url('../fonts/designicons/designicons.ttf?16986335') format('truetype'),
					 url('../fonts/designicons/designicons.svg?16986335#designicons') format('svg');
			font-weight: normal;
			font-style: normal;
		}

/*
contacticons created with fontello

0xe810 phone
0xe811 letter (email)
0xe812 clipboard

*/

@font-face {
			font-family: 'contacticons';
			src: url('../fonts/contacticons/contacticons.eot?49910899');
			src: url('../fonts/contacticons/contacticons.eot?49910899#iefix') format('embedded-opentype'),
					 url('../fonts/contacticons/contacticons.woff?49910899') format('woff'),
					 url('../fonts/contacticons/contacticons.ttf?49910899') format('truetype'),
					 url('../fonts/contacticons/contacticons.svg?49910899#contacticons') format('svg');
			font-weight: normal;
			font-style: normal;
		}

/*
zoom created with fontello

0xe814 zoom (magnifying glass with +)

*/

@font-face {
			font-family: 'zoom';
			src: url('../fonts/zoom/zoom.eot?77686796');
			src: url('../fonts/zoom/zoom.eot?77686796#iefix') format('embedded-opentype'),
					 url('../fonts/zoom/zoom.woff?77686796') format('woff'),
					 url('../fonts/zoom/zoom.ttf?77686796') format('truetype'),
					 url('../fonts/zoom/zoom.svg?77686796#zoom') format('svg');
			font-weight: normal;
			font-style: normal;
		}



/*
	_____________________________________________________

	HEAD
	_____________________________________________________

*/

/*
	.very-top-header
*/

.very-top-header {
	padding: 0px;
	font-family: Arial;
	font-size: 14px;
	border-bottom: 1px solid #F2F2F2;
}

.very-top-header .container {
	border: 0;
}

/* very-top-nav */

.very-top-nav {
	BORDER: 0;
	display: inline-block;  
	font-size: 14px;
	font-weight: 500;
	min-width: 350px;
}

/* md screens down (- <992px) */
@media(max-width: 993px) { 
	.very-top-nav {
	width: 100%;
	text-align: center;
	}
}



/* telephone */

.telephone {
	margin-right: 0px;
	font-size: 14px;
	line-height: 21px;
	vertical-align: middle;
	font-weight: bold;
	white-space: nowrap;
}

.telephone-icon {
	font-family: "designicons";
	font-size: 14px; 
	margin: 0px 6px 0px 0px;
}

/*
	FIX BUTTON BEHAVIOURS
*/

.btn-secondary.dropdown-toggle:focus,
.btn-secondary.dropdown-toggle:active {
	box-shadow: none;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
		box-shadow: none;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
	color: #373a3c;
}
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus { 
	background-color: transparent !important; 
	color: #373a3c;
}

.very-top-header button.btn {
	BORDER: 0;
	padding: 0;
	line-height: 21px;
}



.very-top-nav .dropdown-menu {
	padding: 20px;
	border-radius: 0;
	background-color: rgb(249,249,249);
	font-family: Arial;
	font-size: 14px;
	line-height: 21px;
}

.very-top-div {
display: inline-block;  
}



/*
	Main Header
	*/

.container-fluid .main-header {
	BORDER: 0;
	padding: 20px 15px 20px 15px;

}
/* md screens down (≥768px - <992px) */
@media(max-width: 993px) { 
	.container-fluid .main-header {
		BORDER: 0;
		padding: 10px 0px 0px 0px;

	}
}

.main-header .logo-container {
	display: inline-block;
	float: none;
	width: 250px;
}
/* md screens down (≥768px - <992px) */
@media(max-width: 993px) { 
	.main-header .logo-container {
		display: block;
		float: none;
		width: 250px;
		margin: 0 auto 0 auto;
	}
}

/*
	Search Form
*/

.main-header .search-container {
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto 0 10%;
	BORDER: 0;
}
/* md screens down (≥768px - <992px) */
@media(max-width: 993px) {
	.main-header .search-container {
		margin: 10px 0 10px 0;
		BORDER: 0;
		float: left;
		width: 100%;
		display: block;
		vertical-align: middle;
		
	}
}

.main-header .form-inline {
	margin-left: 30px;
	BORDER: 0;
	display: block;
	float: left;
	padding: 0;
}
/* md screens down (≥768px - <992px) */
@media(max-width: 993px) {
	.main-header .form-inline {
		margin-left: 0;
		width: 100%;
	}
}


.main-header .form-group {
		position: relative;
	}
@media(max-width: 993px) {
	.main-header .form-group {
		BORDER: 0;
		width: 100%;
		margin-bottom: 0;
	}
}

.main-header input.form-control {
	margin-right: 0;
	width: 500px;
	BORDER: 1px solid rgb(0,150,214); /*var(--base-color);*/
	border-color: rgb(0,150,214); /*var(--base-color);*/
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
/* md screens down (≥768px - <992px) */
@media(max-width: 993px) {
	.main-header input.form-control {
		width: 100%;
	}
}

.main-header button.btn-primary {
	position: absolute;
	right: 0;
	top: 0;
	margin-left: 0;
	BORDER: 0;
	background-color: rgb(0,150,214); /*var(--base-color);*/
	height: 37px;
	width: 38px;
	padding: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.main-header .search-icon {
	font-family: "designicons";
	font-size: 18px;
}


/*
	Nav bar
*/

.navstretcher {
	background-color: rgb(0,150,214); /*var(--base-color);*/
}

.dropdown-menu .row {
	margin: 15px 0 15px 0;
}

@media (max-width:991px) { /* only apply to screen sizes 991px and down */

	.container-fluid.navstretcher {

		padding: 0;
		width: 100%;
		border: 0;

	}

	.container-fluid.navstretcher .container {

		padding: 0;
		width: 100%;
		border: 0;
		max-width: 100%;

	}


}
/*
	TOP NAVBAR
*/
@media (min-width:992px) { /* only apply dropdown menu mouseover behaviour to screen sizes 992px and up (large and up) */
	/*  smaller screens have a clickable/touch accordion */
	.navbar-nav li .dropdown-menu {
	display: block;
	visibility: hidden;
	transition: .2s 0s; /* delay of 1 seconds on hover off */
	}

	.navbar-nav li:hover .dropdown-menu {
	visibility: visible;
	transition-delay: .2s; /* react immediately on hover */
	}
}
nav.navbar.top-navbar {
padding: 0;
}
nav.navbar.top-navbar a.nav-link {
BORDER: 0;
text-decoration: none;
color: #ffffff;
}
nav.navbar.top-navbar li.nav-item.dropdown.show {
background-color: rgb(255,255,255);
}
nav.navbar.top-navbar li.nav-item.dropdown.show a.nav-link {
color: rgb(40,40,40);
}
a.nav-link.dropdown-toggle:focus {
outline-width: 0;
}
nav.navbar.top-navbar .dropdown-toggle::after {
content: none;
}
nav.navbar.top-navbar .dropdown-menu {
left: 0;
margin-top: 0;
border-top: 0;
border-radius: 0;
}
nav.navbar.top-navbar .dropdown-menu li a:link,
nav.navbar.top-navbar .dropdown-menu li a:visited,
nav.navbar.top-navbar .dropdown-menu li a:hover,
nav.navbar.top-navbar .dropdown-menu li a:active {
color: rgb(40,40,40);
}
/*
	_____________________________________________________

	HOME PAGE
	_____________________________________________________

*/

.homepage-container-fluid {
	/*background-color: rgb(250,250,250);*/
	padding: 0;
}

.homepage-container-fluid .featured-items {
	margin-top: 0;
	padding-top: 20px;
	padding-left: 0;
	padding-right: 0;
}

.homepage-container-fluid .carousel-control-prev {
	left: -30px;
}
.homepage-container-fluid .carousel-control-next {
	right: -30px;
}

/*
	.featured-items 
*/

.featured-items {
	margin: 0 auto 0 auto;
	background-color: transparent; /*rgb(249,249,249);*/
	padding: 20px 15px 20px 15px;
}

.featured-items h1,
.featured-items h2 {
	font-weight: 500;
	font-size: 18px;
	text-transform: /*uppercase;*/
}

.featured-items * {
	border-radius: 0;
}

.featured-items .card-group {
	margin-right: -15px;
	margin-left: -15px;
}

.featured-items .card-group .card {
	margin-left: 15px;
	margin-right: 15px;
}

@media (min-width: 576px) {
		.card-group>.card+.card {
				border: var(--bs-card-border-width) solid var(--bs-card-border-color);
		}
}
.featured-items .card-body {

}
.featured-items h4.card-title {
	font-size: 1.1em;
	height: 72px;
}
.featured-items p.card-text {
	color: #212529;
}
/* card images */
/* default is to zoom the image to fit the container height so that sides are cropped */
/* then the remaining images with a white (clipped) background are centered */

.featured-items .card-img-container-container {
	height: 272px;
	background-color: transparent;
}

.featured-items .card-img-container {
	height: 272px;
	background-color: transparent;
	overflow: hidden;

	/*horizontally center an image in this container*/
	position: relative;

}

.featured-items .card-img-container .card-img-top {
	BORDER: 0;
	height: 100%;
	max-width: none !important;

	width: auto; /*remove Bootstrap's default width: 100% on .card-img-top*/

	/*horizontally center this image in its container*/
	position: absolute;
	left: 50%;
	transform: translate(-50%,0);

}

/* clipped images */

.featured-items .card-img-container .card-img-top.img-clipped {
	height: auto;
	max-height: 100%;
	max-width: 100% !important;
	position: absolute;
	left: 50%;
	transform: translate(-50%,0);
	
	top: 50%;
	transform: translate(-50%, -50%);
}

/*
	.signupforupdatesform
*/

.signupforupdatesform {
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	background-color: rgb(249, 249, 249);
	}

.signupforupdatesform .form-heading {
	font-size: 18px;
}

.signupforupdatesform .container {
	padding: 20px 0 20px 0;
}

.signupforupdatesform input.form-control {
	width: 400px;
}

/*
	Mobile devices
*/

@media (max-width:768px) {

	.signupforupdatesform input.form-control {
		width: 100%;
	}

}

/*
	.featured-items-nav
*/

.featured-items-nav h2 {
	margin-bottom: 30px;
	text-align: center;
	color: rgb(118,118,118);
	font-weight: 300;
}

.featured-items-nav ul.nav-pills {
	margin: 0 auto 0 auto;
	BORDER: 0;
	width: 820px;
}

.featured-items-nav .nav-pills li {
	text-align: center;
	width: 200px;
}

.featured-items-nav .nav.nav-pills li.nav-item a {
	color: rgb(1,1,1);
}

.featured-items-nav .nav.nav-pills li.nav-item a.active {
	margin-bottom: 3px;
	border-bottom-color: rgb(0,150,214); /*var(--base-color);*/
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-radius: 0;
	background-color: transparent;
	color: rgb(51, 51, 51);
}

.featured-items-group {
	background-color: rgb(249,249,249);
	BORDER-TOP: 1px solid rgb(229, 232, 232);
	BORDER-BOTTOM: 1px solid rgb(229, 232, 232);
}

.featured-items-group .container {
	margin-top: 20px;
	margin-bottom: 10px;
}

/*
	Mobile devices
*/

@media (max-width:576px) {

	.featured-items-nav li.nav-item {
		display: none;

		/* to stack pills
		float: none;
		margin: 0;
		BORDER: 0;
		*/
	}

	.featured-items-nav .nav-pills .nav-item+.nav-item {
		margin: 0;
	}

	.featured-items-group .tab-pane {
		display: block;
	}

	.featured-items-group .tab-pane.fade {
		opacity: 1;
	}


}

/*
	.homepage-hero-benefits-container
*/
.homepage-hero-benefits-container {
	width: 100%
	margin: 0;
	border: 0;
	margin-top: 0;
	margin-bottom: 20px;
	background-color: rgb(255,255,255);
	padding: 20px;
	border: 0;
}
.homepage-hero-benefits-container .hero-benefits {
	margin-top: 0;
}
.homepage-hero-benefits-container .hero-benefit-detail {
	margin-top: 20px;
	font-size: 14px;
	text-align: center;
}
/*
	.videos-container
*/

.videos-container {
	width: 100%
	margin: 0;
	border: 0;
	margin-top: 0;
	margin-bottom: 20px;
	background-color: rgb(255,255,255);
	padding: 20px;
	/*
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-top: 3px solid rgb(0, 150, 214);
	*/
}

.videos-container h2 {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 36px;
	font-weight: 400;
}

.videos-container h5 {
	margin-bottom: 40px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
}

.videos-container .card {
	margin-right: 1%;
	border-radius: 0;
	border: 0;
	background-color: transparent;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	color: rgb(17, 17, 17);
	width: 24.1%;
	float: left;
}

.videos-container .card:nth-of-type(4) {
	margin-right: 0;
}

.videos-container .card a:link,
.videos-container .card a:visited,
.videos-container .card a:hover,
.videos-container .card a:active {
	color: rgb(17, 17, 17);
}

.videos-container .card-img-top {
	border-radius: 0;
}

.videos-container .card-block {

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

.videos-container .card-block p.card-text {
	margin-bottom: .5rem;
	font-size: 14px;
}

@media (max-width:768px) {
	.videos-container .card-block p.card-text {
		font-size: 12px;
	}
}

.videos-container .card-block p.card-text.published {
	font-size: 12px;
	color: rgb(100,100,100);
}

.video-thumb-container {
	position: relative;
}

.video-thumb-container .youtube-icon {
	top: 38%;
	left: 38%;
	width: 26%;
	position: absolute;
	display: none;
}

/*
	_____________________________________________________

	CAROUSELS
	_____________________________________________________

*/

.carousel-control {
	width: 0px;
}

.carousel-control.left,
.carousel-control.right {
	background-image: none;
	border: 0;
}

.carousel-control.left .icon-prev {
	font-family: designicons;
	top: 45%;
	left:-30px;
	font-size: 50px;
	color: rgb(0,150,214); /*var(--base-color);*/
	text-shadow: none;
}

.carousel-control-prev .carousel-control-prev-icon {
	font-family: designicons;
	top: 45%;
	left:-30px;
	font-size: 50px;
	color: rgb(0,150,214); /*var(--base-color);*/
	text-shadow: none;
}

.carousel-control.left .icon-prev::before {
	content:'\E802' !important;
}

.carousel-control-prev .carousel-control-prev-icon::before {
	content:'\E802' !important;
}

.carousel-control.right .icon-next {
	font-family: designicons;
	top: 45%;
	right:-30px;
	font-size: 50px;
	color: rgb(0,150,214); /*var(--base-color);*/
	text-shadow: none;
}

.carousel-control-next .carousel-control-next-icon {
	font-family: designicons;
	top: 45%;
	right:-30px;
	font-size: 50px;
	color: rgb(0,150,214); /*var(--base-color);*/
	text-shadow: none;
}

.carousel-control.right .icon-next::before {
	content:'\E803' !important;
}

.carousel-control-next .carousel-control-next-icon::before {
	content:'\E803' !important;
}

/*
	_____________________________________________________

	SEARCH RESULTS / CATEGORY PAGE
	_____________________________________________________

*/
.breadcrumbs {
	display: none;
}
.subnav {
	border-bottom: 1px solid #efefef;
	background-color: rgb(249, 249, 249);
}
.subnav .container {
	height: 80px;
	line-height: 80px;
	/*padding-left: 30px;
	padding-right: 30px;*/
}
.subnav .container .category-heading {
	line-height: 80px;
	font-family: Roboto;
	font-weight: 300;
	font-size: 50px;
}
.subnav .category-heading::first-letter {
	margin-left: -3px;
}
ul.categories {
		margin: 0;
		BORDER: 0;
		padding: 0;
	list-style: none;
}
/*
	.card-product
*/
.card-product {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #efefef;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-.5 * var(--bs-gutter-x));
	margin-left: calc(-.5 * var(--bs-gutter-x));
}
.card-product .card-img {
	flex: 0 0 auto;
	width: 33.33333333%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
}
.card-product .card-img img {
	max-height: 200px;
}
.card-product .card-body {
	flex: 0 0 auto;
	width: 66.66666667%;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
}
.card-product .card-body .card-title {
	font-size: 1.5rem; /*calc(1.275rem + .3vw);*/
	font-weight: 500;
	line-height: 1.2;
}
.card-product .card-body .card-title a:link,
.card-product .card-body .card-title a:visited,
.card-product .card-body .card-title a:hover,
.card-product .card-body .card-title a:active {
	color: rgb(55, 58, 60);
}
/*
	legacy
*/
	.container .row h4 a:link { color: rgb(55, 58, 60); }
	.container .row h4 a:visited { color: rgb(55, 58, 60); }
	.container .row h4 a:hover { color: rgb(55, 58, 60); }
	.container .row h4 a:active { color: rgb(55, 58, 60); }

.items {
	margin-bottom: 40px;
}
.col-items .row {
	border-bottom: 1px solid #efefef;
	padding-top: 20px;
	padding-bottom: 20px;
}
.col-filters {
	border-left: 1px solid #efefef;
	padding-top: 10px;
	padding-left: 14px;
}
.col-filters .filter-heading {
	text-transform: uppercase;
	font-weight: 500;
	color: rgb(34,34,34);
	margin-bottom: 8px;
}
.col-filters label.custom-control-label {
	padding-left: 5px;
}
.categories-heading {
	margin-top: 20px;
	margin-bottom: 8px;
	text-transform: uppercase;
	font-weight: 500;
	color: rgb(34,34,34);
}
.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
	/*background-image: none;*/
	background-color: rgb(0,150,214); /*var(--base-color);*/
}

.custom-radio .custom-control-input:focus ~ .custom-control-indicator {
	box-shadow: none !important;
	/*box-shadow: 0 0 0 1px #fff,0 0 0 3px var(--base-color) !important;*/
}

/*
.custom-checkbox .custom-control-indicator {
	border-radius: 0;
	outline-color: red;
}
*/

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
	/*background-image: none;*/
	background-color: rgb(0,150,214); /*var(--base-color);*/

}


.custom-checkbox .custom-control-input:focus ~ .custom-control-indicator {
	/*background-image: none;*/
	/*background-color: green;
	outline-color: pink;
	outline: 0 none;
	outline-style: dotted;*/
}

.custom-checkbox .custom-control-input:focus ~ .custom-control-indicator {
	box-shadow: none !important;
}

/*
	Mobile devices
*/

@media (max-width:768px) {

	.subnav .container {
		height: auto;
		line-height: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}

	.subnav .category-heading {
		font-size: 26px;
	}

	.container-fluid.subnav {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.subnav .category-heading::first-letter {
		margin-left: 0;
	}

	.container-fluid.subnav .container {
		padding: 0;
	}

	.container-fluid.items {
		padding: 0;
		border: 0;
	}

	.container-fluid.items .container {
		/*
		padding: 0;
		*/
		border: 0;
	}

	.container-fluid.items .container .img-fluid {
		margin-bottom: 15px;
	}

	.container-fluid.items .container .row p.item-details {
		margin-bottom: 0;
	}

	.container-fluid.items .categories-heading,
	.container-fluid.items .categories {
		display: none;
	}

}

/*
	_____________________________________________________

	PRODUCT PAGE
	_____________________________________________________

*/

.product-page {
	margin-top: 30px;
}

.embed-container { 
	position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-top: 30px;
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
}

.product-page h1 {
	font-family: Oswald, Arial;
	font-weight: 300;
	font-size: 40px;
	margin-bottom: 20px;
}

/* 
190802 Is this used anywhere? yes the product page subheading eg. 1000L Z Arm Mixer with Tiltable Hopper
*/
.product-page h2 {
	font-family: Roboto;
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 20px;
	margin-top: 0;
}

/*
	table.product-simple-specs
*/
table.product-simple-specs {
	margin-top: 1rem;
	width: 100%;
}
table.product-simple-specs td.spec {
	padding-bottom: 5px;
	width: 33%;
	vertical-align: top;
	font-weight: bold;
	white-space: nowrap;
}
table.product-simple-specs td.value {
	padding-bottom: 5px;
	width: 66%;
}

.main-image-container {
	BORDER: 0;
	background-color: #ffffff;
}

.main-image-container .tab-pane.fade:hover { 
	cursor: url('../fonts/icons/expand.svg'), auto; 
}

.main-image-container .img-fluid {
	max-height: 300px;
	margin: 0 auto 0 auto;
	border: 0;
	background-color: #ffffff;
}

/*
.main-image-container .img-fluid:hover {
	cursor: pointer;
}
*/

.main-image-container .tab-content .tab-pane {
	background-color: transparent;
	text-align: center;
}

.main-image-thumbs-container {
	margin-top: 20px;
	BORDER: 0;
	text-align: center;
}

.main-image-thumbs-container .carousel {
	margin: 0 auto 0 auto;
	BORDER: 0;
	width: 300px;
}

.main-image-thumbs-container .carousel .carousel-inner {
	padding-left: 0;
}

.main-image-thumbs-container .carousel .carousel-inner .carousel-item ,
.main-image-thumbs-container .carousel .carousel-inner .carousel-item.active {
	border: 0;
}

.main-image-thumbs-container .thumb {
	display: inline-block;
	height: 70px;
	width: 90px;
	padding: 3px;
	BORDER: 1px solid #efefef;
	overflow: hidden;
}

.main-image-thumbs-container .thumb a.nav-link {
	padding: 0;
}

.main-image-thumbs-container .thumb img.img-fluid {
	max-height: 60px;
	max-width: 90px;
	margin: 0 auto 0 auto;
}

.main-image-thumbs-container .carousel-control-prev {
	top: -33%;
	left: -15%;
}

.main-image-thumbs-container .carousel-control-next {
	top: -33%;
	right: -15%;
}

.main-image-thumbs-container .carousel-control.left .icon-prev {
	top: 45%;
	left:-30px;
	font-size: 30px;
	color: rgb(0,150,214); /*var(--base-color);*/
}

.main-image-thumbs-container .carousel-control-prev .carousel-control-prev-icon {
	top: 45%;
	left:-30px;
	font-size: 30px;
	color: rgb(0,150,214); /*var(--base-color);*/
}
}


.main-image-thumbs-container .carousel-control.right .icon-next {
	top: 45%;
	right:-30px;
	font-size: 30px;
	color: rgb(0,150,214); /*var(--base-color);*/
}

.main-image-thumbs-container .carousel-control-next .carousel-control-next-icon {
	top: 45%;
	right:-30px;
	font-size: 30px;
	color: rgb(0,150,214); /*var(--base-color);*/
}

.view-video-container {
	margin: 0 auto 0 auto;
	BORDER: 0;
	padding: 0px;
	width: 100%;
}

.view-video-container .span-view {
	BORDER: 0;
	font-family: Roboto;
	size: 8px;
	font-weight: 400;
	color: #ca0000;
	line-height: 36px;
	height: 40px;
	vertical-align: middle;
}

.view-video-container-mobile {
	display: none;
}

.carousel-mobile-container {
	display: none;
}

/*
	.item-quote-enquiry-form
*/

.enquiry-result {
	margin-top: 5vh;
	margin-bottom: 20vh;
}

.item-quote-enquiry-form-container {
		margin: 0px auto 0 auto;
		BORDER: 0;
		width: 380px;
	}

.item-quote-enquiry-form-sellingprice-heading {
	margin: 0;
	BORDER: 0;
	font-size: 22px;
	font-weight: 500;
	text-align: center;
}

.item-quote-enquiry-form-sellingprice {
	display: block;
	text-align: center;
	font-size: 22px;
}

.item-quote-enquiry-form {
	margin: 20px auto 0 auto;
	BORDER: 0; /*1px solid blue;*/
	BORDER-RADIUS: 0px;
	background-color: #efefef;
	width: 370px;
	padding: 10px 20px 20px 20px;
}

.item-quote-enquiry-form .form-inline .form-control {
	border: 0;
	width: 220px;
}

.form-heading {
	margin: 0px 0 10px 0;
	BORDER: 0;
	font-size: 22px;
	font-weight: 500;
	text-align: center;
}

.form-inline {
	border: 0;/*1px solid red;*/
	text-align: center;
}

.mobile-item-quote-enquiry-form-container {
	display: none;
}

.product-page table.table-specs tr td:first-of-type {
	padding-right: 10px;
}

/*
	Mobile devices
*/

@media (max-width:768px) {

	.container.product-page {
		padding: 0;
		margin: 10px 5px 0 5px;
		border: 0;
	}

	.container.product-page .row {
		margin: 0;
	}

	.container.product-page .col-lg-6 {
		padding: 0;
	}

	.container.product-page .col-lg-6 h1 {
		font-size: 30px;
		margin-bottom: 15px;
	}

	.container.product-page .carousel-item-image-link {
		BORDER: 0;
	}

	a.left.carousel-control,
	a.right.carousel-control {
		display: none;
	}

	.carousel-mobile-container {
		display: block;
		height: 360px;
		position: relative;
		border: 0;
	}

	.carousel-mobile-container .carousel {
		position: static;
	}

	.carousel-mobile-container .carousel-inner .img-fluid {
		max-height: 300px;
	}

	.carousel-inner {
		display: inline-block;
		padding: 0;
		text-align: center;
	}
	
	.carousel-indicators {

		margin: 10px 0 20px 0;
		width: 90%;
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);

	}

	.carousel-indicators li[data-bs-target] {
				margin: 0 2px 0 2px;
				border: 1px solid rgb(0,150,214);
				background-color: rgb(255,255,255);
				width: 20px;
				height: 20px;
				list-style-type: none;

	}

	.carousel-indicators li.active {
				margin: 0;
				border: 1px solid rgb(0,150,214);
				background-color: rgb(0,150,214);
				width: 20px;
				height: 20px;
	}

	.view-video-container-mobile {
		display: block;
		margin: 0 auto 10px auto;
		BORDER: 0;
		padding: 0px;
		width: 100%;
	}

	.view-video-container-mobile .span-view {
		BORDER: 0;
		font-family: Roboto;
		size: 8px;
		font-weight: 400;
		color: #ca0000;
		line-height: 36px;
		height: 40px;
		vertical-align: middle;
	}

	.view-video-container {
		display: none;
	}

	.main-image-container {
		display: none;
	}

	.main-image-thumbs-container {
		display: none;
	}

	.container.product-page .videos-container {
		display: none;
	}


	.container.product-page .item-quote-enquiry-form-container {
		display: none;
		margin: 0;
		BORDER: 0;
		width: 100%;
	}

	.container.product-page .item-quote-enquiry-form {
		margin: 0 0 5px 0;
		BORDER: 0;
		width: 100%;
		padding: 0;
	}

	.container.product-page .item-quote-enquiry-form .form-control {
		margin: 0 auto 0 auto;
		width: 90%;

	}

	.mobile-item-quote-enquiry-form-container {
		display: block;
		margin-bottom: 15px;
		width: 98%;
	}

	.mobile-item-quote-enquiry-form-container form#getquote {
		margin-bottom: 10px;
	}


	.mobile-item-quote-enquiry-form-container .quote-terms {
		text-align: center;
	}

	.mobile-item-quote-enquiry-form-container .btn {
		width: 100%;
		background-color: rgb(0,150,214);
		color: #ffffff;
	}

	.mobile-item-quote-enquiry-form-container .btn:focus {
		outline: none;
	}

	.mobile-item-quote-enquiry-form-container .form-group {
		margin-top: 1rem;
		margin-bottom: 1rem;
		width: 100%;
	}

	.mobile-item-quote-enquiry-form-container .btn.btn-outline-primary.btn-submit-enquiry-mobile {
		border-color: rgb(0,150,214);
		color: rgb(0,150,214);
		background-color: rgb(255,255,255);
	}

	.mobile-item-quote-enquiry-form-container .btn.btn-outline-primary.btn-submit-enquiry-mobile:hover {
		background-color: #e8f8ff;
	}

	.mobile-item-quote-enquiry-form-container .btn.btn-outline-primary.btn-submit-enquiry-mobile:first-of-type {
	}

}

/*
	_____________________________________________________

	ENHANCED PRODUCT PAGE
	_____________________________________________________

*/



/*
	_____________________________________________________

	SUPERHERO JUMBOTRON
	_____________________________________________________

*/

.superhero.jumbotron {
	/*background-image: url('<%=varHeroImageUrl%>');*/
	background-size: cover;
	/*background-position: <%=varHeroImagePosition%>;*/
	overflow: hidden;
	height: calc(100vh - 162.672px);
	padding: 0;
}

.superhero-image-overlay {
	/*background: -webkit-linear-gradient(left, rgba(255,255,255,0.89) 0%,rgba(255,255,255,0.86) 44%,rgba(255,255,255,0.03) 73%,rgba(255,255,255,0) 74%); WHITE*/
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.89) 0%,rgba(0,0,0,0.86) 44%,rgba(0,0,0,0.03) 73%,rgba(0,0,0,0) 74%);
	width: 100%;
	height: calc(100vh - 162.672px)
}

.tinyscreen-superhero-title-container {
	display: none;
}

.superhero.jumbotron .container { 
	padding: 0;
}

.superhero.jumbotron h1 { color: rgb(255,255,255); text-align: left; margin-bottom: 25px; text-transform: none;
	font-size: 64px;
	line-height: 1.0625;
	font-weight: 500;
	letter-spacing: -.009em;
	max-width: 50%;
}

.superhero.jumbotron p { 
	font-weight: 400; 
	font-size: 22px; 
	line-height: 26px; 
	color: #ffffff; 
	width: 100%; 
	text-align: left; }

.superhero.jumbotron p.superhero-subtitle { 
	margin-bottom: 35px; 
	max-width: 50%;
}

.superhero.jumbotron .container .superhero-title-container {
	/*background: url('/dev/tempdev/blacktransparent.png'); */
	padding: 20px 15px 20px 15px;
}

.superhero.jumbotron .superhero-title-image-container {
	background-color: white; 
	max-width: 400px; 
	height: 200px;
}

.superhero.jumbotron .superhero-title-image-container .img-fluid {
	width: 300px; 
	margin: 0 auto 0 auto;
}

/* Responsive */

@media (max-width:1900px) { /* only apply to screen sizes 1900px and down */
	
	.superhero.jumbotron {
		height: 400px;
	}

	.superhero-image-overlay {
		height: 400px;
	}

	.superhero.jumbotron .container {
		padding: 0;
	}

	.superhero.jumbotron h1 {
		font-size: 36px;
		max-width: 60%;
		margin-bottom: 10px;
	}

	.superhero.jumbotron p.superhero-subtitle {
		font-size: 20px;
	}

	.superhero-title-container {
		/*height: 400px;
		display: flex;
		align-items: center;*/
	}

}

@media (max-width:767px) { /* only apply to screen sizes 767px and down (ie. Bootstrap small and down)*/

	.superhero.jumbotron h1 {
		font-size: 30px;
	}

	.superhero.jumbotron p.superhero-subtitle {
		font-size: 18px;
		line-height: 20px;
	}

}

@media (max-width:575px) { /* only apply to screen sizes 575px and down (ie. Bootstrap extra small)*/

	.superhero.jumbotron {
		height: 200px;
	}

	.superhero-image-overlay {
		height: 200px;
	}

	.superhero-image-overlay {
		background: none;
	}

	.superhero.jumbotron .container {
		display: none;
	}

	.tinyscreen-superhero-title-container {
		display: block;
		padding: 15px 0 15px 0;
	}

	.tinyscreen-superhero-title-container h1 {
		font-size: 30px;
	}

}

/*
	_____________________________________________________

	FEATURE PAGES
	_____________________________________________________

*/
/*----------------------------------------
About Us
----------------------------------------*/
/* Timeline */
.history.container-fluid .container {
    padding-top: 120px;
    padding-bottom: 180px;
    border: 0;
	margin-bottom: 0px;
}
.history h1 {
    margin-bottom: 120px;
    color: rgb(50,50,50);
    font-size: 64px;
    line-height: 1.0625;
    font-weight: 500;
    letter-spacing: -.009em;
    text-align: center;
}
.timeline-milestone {
	background-color: rgb(50,50,50); /*ppn grey: rgb(76,77,79);*/
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.timeline-milestone-year {
	color: rgb(238,64,53);
	font-size: 1.5rem;
	font-weight: 500;
}
.timeline-milestone-description {
	color: #ffffff;
	font-size: .85rem;
	font-weight: 300;
}
/*----------------------------------------
USPs 
----------------------------------------*/
.usps.container-fluid .container { 
	padding-top: 120px; 
	padding-bottom: 50px; 
	border: 0;
}
.usps h2 { 
color: rgb(33, 37, 41);
font-size: 32px; font-weight: 500; 
margin-bottom: 10px;
}
.usps p { color: rgb(40,40,40); font-size: 18px; font-weight: 300; margin-top: 0; margin-bottom: 30px; }
.usps h1 {
	margin-bottom: 120px;
	color: rgb(33, 37, 41);
	font-size: 64px;
	line-height: 1.0625;
	font-weight: 500;
	letter-spacing: -.009em;
	text-align: center;
}
.usps .leftcol p,
.usps .leftcol h2 {
	max-width: 90%;
}
.usps .rightcol p {
	max-width: auto;
	padding-left: 10%;
}
.usps .rightcol h2 {
	padding-left: 10%;
}
.usps .row.row-spacer {
	padding-top: 50px;
}
/*----------------------------------------
USPs ASSETS 
----------------------------------------*/
.tinyscreen-usps-assets {
	display: none;
}
.usps-assets {
	margin-left: 0px;
	margin-right: 0px;
}
.usps-assets .card-deck .card {
	margin-left: 0;
	margin-right: 0;
	border-radius: 0;
}
.usps-assets .card-img-container {
	height: 200px;
	overflow: hidden;
}
.usps-assets .card-img-container img {
	height: 100%;
    min-width: 100%;
    object-fit: cover;
}
@media (max-width:575px) { /* only apply to screen sizes 575px and down (ie. Bootstrap extra small)*/
	.usps h1 {
		font-size: 34px;
		line-height: 34px;
		text-align: left;
		margin-bottom: 30px;
		margin-top: 15px;
	}
	.usps h2 {
		font-size: 24px;
		line-height: 24px;
	}
	.usps.container-fluid {
		background-color: rgb(245,245,245);
	}
	.usps.container-fluid .container { 
		padding-top: 15px;
		padding-bottom: 0;
	}
	.usps-assets {
		display: none;
	}
	.tinyscreen-usps-assets {
		display: block;
		width: 100%;
		margin-bottom: 45px;
	}
	.tinyscreen-usps-assets .row {
		margin-left: 0;
	}
	.tinyscreen-usps-assets .col-6 {
		padding: 0;
	}
	.tinyscreen-usps-assets .img-container {
		border: 1px solid rgba(0,0,0,0);
		overflow: hidden;
	}
	.tinyscreen-usps-assets .img-container img {
		height: 150px;
		width: auto;
	}
	.usps .leftcol p,
	.usps .leftcol h2 {
		max-width: 100%;
	}
	.usps .rightcol p {
		max-width: auto;
		padding-left: 0%;
	}
	.usps .rightcol h2 {
		padding-left: 0%;
	}
	.usps .row.row-spacer {
		display: none;
	}
	.articles .title-container h1 {
		font-size: 40px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
}
/*----------------------------------------
ARTICLES 
----------------------------------------*/
.articles .card {
	border-radius: 0;
	max-width: 33%;
}
.articles .card .card-img-top {
	border-radius: 0;
}
.articles .title-container h1 {
	margin-top: 5%;
	text-align: center;
	font-size: 56px;
	line-height: 1.0625;
	font-weight: 500;
	letter-spacing: -.009em;
}
.articles .title-container h2 {
	margin-top: 1%;
	margin-bottom: 5.5%;
	text-align: center;
	font-size: 24px;
	line-height: 1.0625;
	font-weight: 400;
	letter-spacing: -.009em;
}
@media (max-width:767px) {
	.articles .card {
		max-width: 100%;
	}

}
/*
	.services-hero
*/
.services-hero.jumbotron {
  background-size: cover;
  overflow: hidden;
  height: calc(100vh - 162.672px);
  padding: 0;
}
.services-hero.jumbotron .image-overlay {
  /*background: rgba(0, 0, 0, 0.5);*/
}
.services-hero.jumbotron .container { margin-top: 0; padding-top: 20px; padding-left: 0; padding-right: 0; }
.services-hero.jumbotron h1 { 
	color: rgb(60,60,60); 
	text-align: left; 
	margin-bottom: 50px; 
	text-transform: none;
	font-size: 64px;
	line-height: 1.06;
	font-weight: 500;
	letter-spacing: -.009em;
	max-width: 50%;
	}
.services-hero.jumbotron p { font-weight: 400; font-size: 18px; line-height: 26px; color: rgb(60,60,60); width: 100%; text-align: left; margin-bottom: 30px;}
.services-hero.jumbotron p.hero-subtitle { margin-bottom: 35px; max-width: 50%;}
.services-hero.jumbotron .container .hero-title-container {
  /*background: url('/dev/tempdev/blacktransparent.png'); */
  padding: 20px 15px 20px 15px;
  border: 0;
}
.smallscreen-benefits-container {
	margin-top: 50px;
	display: none;
}
.services-hero h2,
.smallscreen-benefits-container h2 {
	color: rgb(0,150,214);
}
.services-hero-image-overlay {
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.89) 0%,rgba(255,255,255,0.86) 44%,rgba(255,255,255,0.03) 73%,rgba(255,255,255,0) 74%) !important;
	width: 100%;
	height: 100%;
}
@media (max-width:1900px) { /* only apply to screen sizes 1900px and down */
	.services-hero.jumbotron {
		height: 350px;
	}
	.hero-benefits-container {
		display: none;
	}
	.services-hero.jumbotron h1 {
		font-size: 50px;
		max-width: 60%;
		margin-bottom: 0;
	}
	.hero-title-container {
		height: 300px;
		display: flex;
		align-items: center;
	}
	.smallscreen-benefits-container {
		display: block;
		margin-bottom: -1rem;
	}
}
/*
	_____________________________________________________

	SIGN IN / REGISTER PAGE
	_____________________________________________________

*/

/*
	Mobile devices
*/

@media (max-width:768px) {

	.container.members.signinregister {
		margin: 20px 0 40px 0;
		BORDER: 0;
		padding: 0;
	}

	.container.members.signinregister .row .col-sm-6 {
		
		BORDER: 0;
		
	}

	.container.members.signinregister .row .col-sm-6 .container.signin .container {
		
		BORDER: 0;
		width: 100%;
		
		margin-bottom: 20px;
	}

}

/*
	_____________________________________________________

	INFO / CONTENT PAGE
	_____________________________________________________

*/

/*
.content-page-head {
	border-bottom: 1px solid #efefef;
	background-color: rgb(249, 249, 249);
}

.content-page-head .container {
	height: 80px;
	line-height: 80px;
	padding-left: 30px;
	padding-right: 30px;
}
*/

.content-page-head .container {
	height: 100px;
	line-height: 100px;
 }

.page-title {
	font-family: Roboto;
	font-weight: 300;
	font-size: 50px;
}

.page-title::first-letter {
	margin-left: -3px;
}

/*
	_____________________________________________________

	PRODUCT PAGE
	_____________________________________________________

*/

.container-main-image {
	display: flex;
	justify-content: center; 
	border: 1px solid #dfe3e8;
	margin-bottom: 10px;
	padding: 0;
	background-color: rgb(244, 246, 248);
	max-height: 521px;
}


/*
	_____________________________________________________

	ENHANCED
	_____________________________________________________

*/

.enhanced .product-nav-container {
	position: sticky;
	top: 0px;
	z-index: 1;
	background-color: rgb(255,255,255); /*rgb(249,249,249);*/
	border-bottom: 1px solid rgb(229, 232, 232);
}

.enhanced .product-nav {
	display: flex;
	justify-content: space-between;
}

.enhanced .product-nav h2 {
	margin-bottom: 30px;
	text-align: left;
	color: rgb(118,118,118);
	font-weight: 300;
}

.enhanced .product-nav ul.nav-pills {
	margin: 12px 0 12px 0;
	BORDER: 0;
	width: auto;
}

.enhanced .product-nav .nav-pills li {
	margin-right: 40px;
	BORDER: 0;
	text-align: left;
	width: auto;

}

.enhanced .product-nav .nav.nav-pills li.nav-item a {
	color: rgb(1,1,1);
	padding: 0;
	font-family: Oswald, Arial;
	font-weight: 400;
	font-size: 18px;
}

.enhanced .product-nav .nav.nav-pills li.nav-item a.active {
	margin-bottom: 0;
	border-bottom-color: rgb(0,150,214);
	border-bottom-width: 0;
	border-bottom-style: solid;
	border-radius: 0;
	background-color: transparent;
	color: rgb(51, 51, 51);
}

.enhanced .product-gray {
	background-color: rgb(255,255,255); /*rgb(249,249,249);*/
}

.enhanced .nav-buy-buttons {
	display: flex; 
	height: 51px; 
	align-items: center;
	gap: 4px;
}

.enhanced .shopify-buy-button button.shopify-buy__btn {
    BORDER-color: rgb(238, 64, 53);
    background-color: rgb(238, 64, 53);
    display: block;
	color: #fff;
	padding: 0.375rem 0.75rem 0.375rem 0.75rem;
 	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
	border-radius: 6px;
	border: 1px solid rgb(238, 64, 53);
}

.enhanced .shopify-buy-button button.shopify-buy__btn:hover {
	BORDER-color: rgb(218, 38, 25);
	background-color: rgb(218, 38, 25);
}

.enhanced .how-to-buy {
	height: auto;
    BORDER-color: rgb(238, 64, 53);
    background-color: rgb(238, 64, 53);
    display: block;
	color: #fff;
	padding: 0.375rem 0.75rem 0.375rem 0.75rem;
 	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
	border-radius: 6px;
	border: 1px solid rgb(238, 64, 53);
}

.enhanced .how-to-buy:hover {
	BORDER-color: rgb(218, 38, 25);
	background-color: rgb(218, 38, 25);
}

.enhanced .product-details {
	BORDER: 0; 
	font-family: Roboto;
}

.enhanced .product-details .row {
	margin-left: 0;
	margin-right: 0;
}

.enhanced .product-details .price {
	font-size: 1.4rem;
	font-weight: 500;
}

.enhanced .product-details h3 {
	font-size: 16px;
	font-weight: 500;
	font-color: rgb(245,245,245);
	margin-bottom: 10px;
	line-height: 1.1;
}

.enhanced .product-details .details-subheading-container {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 40px;
}

.enhanced .product-details .details-subheading-container.specifications {
	margin-bottom: 0;
}

.enhanced .product-details h2.details-subheading {
	width: 50%;
	display: inline-block;
	margin: 40px 0 0 0;
	padding-bottom: 10px;
	border-bottom: 5px solid rgb(0,150,214);
	font-weight: 200;
	font-family: Oswald, Arial;
	text-align: left;
}

.enhanced a.anchor {
	padding-top: 25px;
	color: transparent;
}

.enhanced .container.product-details .col-lg-6 {
	padding: 0;

}

/*----------------------------------------
ENHANCED VIDEOS
----------------------------------------*/

.enhanced .videos-container {
	width: 100%
	margin: 0;
}

.enhanced .videos-container .card {
	border-radius: 0;
	border: 0;
	width: 48%;
	float: left;
}

.enhanced .videos-container .card:nth-of-type(2n) {
	float: right;
}

.enhanced .videos-container .card-img-top {
	border-radius: 0;
}

.enhanced .videos-container .card-block {
		height: 60px;
		padding: 10px 0 0 0;
		border: 0;
	}

.enhanced .videos-container .card-block p.card-text {
	font-size: 16px;
}

.enhanced .video-thumb-container {
	position: relative;
}

.enhanced .video-thumb-container .youtube-icon {
	top: 38%;
	left: 38%;
	width: 26%;
	position: absolute;
	display: block;
}

.enhanced .videos-container.smallerthumbs .card {
	width: 170px;
	float: left;
	margin-right: 15px;
}

.enhanced .videos-container.smallerthumbs .card:nth-of-type(2n) {
	float: left;
}

.enhanced .videos-container.smallerthumbs .card:nth-of-type(3n) {
	margin-right: 0px;
}

.enhanced .videos-container.smallerthumbs .card-block p.card-text {
	font-size: 14px;
	line-height: 16px;
}

/*----------------------------------------
ENHANCED SPECIFICATIONS
----------------------------------------*/

	.enhanced table.specifications {
		width: 100%;
		border-bottom: 0; /*1px solid rgb(228, 232, 232);*/
	}

	/* If the first row is a key and value (not a heading) then space it from the heading */
	.enhanced table.specifications tr:nth-of-type(1) td.key {
		padding: 16px 0 16px 0;
	}

	.enhanced table.specifications tr:nth-of-type(1) td.value {
		padding: 16px 0 16px 20px;
	}

	.enhanced table.specifications tr.heading {
		font-weight: bold;
		font-size: 18px;
		border-top: 0; /*1px solid rgb(228, 232, 232);*/
	}

 .enhanced table.specifications tr.heading:nth-of-type(1) {
	border-top: 0;
 }

	.enhanced table.specifications tr.heading td.key {
		padding: 16px 0px 16px 0;
	}

	.enhanced table.specifications td.key {
		width: 20%;
		text-align: left;
		vertical-align: top;
		padding: 0px 0px 16px 0;
		border-right: 1px solid rgb(228, 232, 232);
	}

	.enhanced table.specifications td.value {
		padding: 0px 0 16px 20px;
	}

/*----------------------------------------
ENHANCED ATTACHMENTS
----------------------------------------*/

.enhanced .doc-thumb-container {
	position: relative;
	float: left;
	border: 0;
	margin-right: 20px;
}

.enhanced .doc-thumb-link img {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px; 
	max-width: 250px;
}

.enhanced a.doc-thumb-link:hover + a.btn.btn-primary.zoom-button {
	background-color: #025aa5;
	border-color: #01549b;
}

.enhanced .zoom-button {
	position: absolute;
	top: 2px;
	left: 2px;
}

.enhanced .zoom-icon {
	font-family: "zoom";
	color: rgb(255,255,255);
	font-size: 18px;
}

/*----------------------------------------
ENHANCED CONTACT FORM
----------------------------------------*/
.enhanced .item-quote-enquiry-form-container {
	margin: 0 !important;
}
.enhanced .item-quote-enquiry-form {
	margin-left: 0 !important;
}
.enhanced .item-quote-enquiry-form form.row {
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
.enhanced .telephone-icon-2 {
	font-family: "designicons";
}
.enhanced .call-us-number {
	display: block;
	font-size: 26px;
	line-height: 26px;
	font-weight: 500;
	text-align: center;
}
/*----------------------------------------
ENHANCED MODAL
----------------------------------------*/

.enhanced .modal .container .carousel-item {
	text-align: center;
}

.enhanced .modal .container img.img-fluid {
	max-height: 630px;
	display: inline-block;
}

/*----------------------------------------
ENHANCED RESPONSIVE
----------------------------------------*/

/* fix column gutters */

@media (min-width: 992px) {
	
	.enhanced .container.product-details .col-lg-6:nth-of-type(2n) {
		padding-left: 15px;
		BORDER: 0;
	}

	.enhanced .container.product-details .col-lg-6:nth-of-type(2n+1) {
		padding-right: 15px;
		BORDER: 0;
	}

}

.enhanced .product-details ul {
	padding-left: 20px;
}

.enhanced .main-image-container {
	display: block;
}

@media (max-width: 768px) {

	.enhanced .container-fluid.product-nav-container {
		display: none;
	}

	.enhanced .container.product-page.product-details {
		margin: 0;
	}

	.enhanced .container.product-page.product-details .col-lg-6 {
		padding-left: 15px;
	}

	.enhanced .videos-container .card {
	width: 45% !important;
	margin-right: 10px !important;
	margin-bottom: 20px !important;
	}

}

/*
	_____________________________________________________

	THE PPN ADVANTAGE - USPs - Services
	_____________________________________________________

*/

.benefits {
	margin: 0px 20px 20px 20px;
	background-color: rgb(255,255,255);
	border-left: 1px solid rgb(224, 224, 224);
	border-right: 1px solid rgb(224, 224, 224);
	padding: 0;
}

.hero-benefits {
	border-top: 0px solid rgb(51, 51, 51);
	background-color: rgb(255,255,255);
	margin: 20px 0 0 0;
	padding: 20px 20px 0 20px;
}

.hero-benefits h2 {
	margin-bottom: 25px;
	color: rgb(51, 51, 51);
	font-size: 40px;
	font-spacing: 1px;
	text-align: center;
	font-weight: 600;
}

.hero-benefits h2 span {
	color: rgb(238,64,53); /*rgb(243, 134, 66);*/
}

.hero-benefits-statement {
	text-align: center;
	font-size: 14px;
	margin-top: 20px;
	color: rgb(51,51,51);
}

.hero-benefits .hero-benefits-icon-col {
	padding: 0 20px 0 20px;
	text-align: center;
}

.hero-benefit-icon {
	display: block;
	width: 66px;
	margin: 0 auto 0 auto;
}

.hero-benefit-text {
	color: rgb(238,64,53); /*rgb(243, 134, 66);*/
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	margin: 10px 0 0 0;
	font-weight: 500;
	line-height: 20px;
}

.tab-pane .pane-content-container {
	padding: 20px;
	border-top: 1px solid rgb(224, 224, 224);
	border-bottom: 1px solid rgb(224, 224, 224);
}

.material-icons.red-check {

	color: rgb(238,64,53); /*rgb(243, 134, 66);*/

	size: 18px;
	line-height: 26px;

	display: inline-block;
	vertical-align: middle;
}

.material-icons.benefit-content-check {
	color: rgb(0,150,214);
	size: 18px;
	line-height: 26px;
	display: inline-block;
	vertical-align: middle;
}

.benefit-point {
	line-height: 26px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
}

.benefit-title {
	border-top: 1px solid rgb(224, 224, 224);
	padding: 10px;
	cursor: pointer;
}

.benefit-title.no-benefit-content {
	cursor: default;
}

.benefit-title.benefit-title-last.collapsed {
	border-bottom: 1px solid rgb(224, 224, 224);
}

.benefit-content.benefit-content-last.show {
	border-bottom: 1px solid rgb(224, 224, 224);
}

.benefit-title.collapsed:not(.no-benefit-content):after {
		content: "+";
		float: right;
		color: grey;
}

.benefit-title:not(.no-benefit-content):after {
		content: "-";
		float: right;
		color: grey;
}

.benefit-title:not(.collapsed) .benefit-point {
	font-weight: 500;
}

.benefit-content {
	padding: 0px 20px 10px 43px;
}

.benefit-content-terms {
	font-size: 12px;
}

.benefit-content-terms h6 {
	font-size: 12px;

}

.benefit-content ul {
	padding-left: 1.5rem;
}

.benefit-content b,
.pane-content-container b {
	font-weight: 500;
}

.benefit-content-terms ul {
	padding-left: 1.5rem;
}

.usps-nav {
	margin: 20px 20px 5px 20px;
}

.nav-item {
	width: auto;
}

.tab-pane#engineering ul {
	padding-left: 1.4rem;
}

.tab-pane#engineering h5 {
	margin-bottom: 1rem;
}

/*
	_____________________________________________________

	TERMS, CONDITIONS & POLICIES
	_____________________________________________________
*/

.container.terms {
    padding-top: 25px;
	padding-bottom: 25px;
}

/*
	_____________________________________________________

	FOOTER
	_____________________________________________________

*/


.footer {
	background-color: rgb(76,77,79); /*rgb(90,90,90);*/
	padding: 40px 0 40px 0;
}

.footer {
	color: rgb(255,255,255);
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
}

.footer a {
	color: rgb(255,255,255);
}

.footer h5,
.footer .footer-heading {
	margin-bottom: 8px;
	BORDER: 0;
	color: rgb(255,255,255);
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
}

.footer .columns {
	margin-top: 20px;
	BORDER-BOTTOM: 1px solid rgb(137,136,136);
	padding-bottom: 20px;
}

.footer .legal {
	margin-top: 20px;
}

ul.prolisting  {
	margin: 0;
	BORDER: 0;
	padding: 0;
	list-style: none;
}

ul.prolisting li {
	font-size: 14px;
	line-height: 18px;
}