/* Useful */
.pad20 {padding: 20px;}
.pad10 {padding: 10px;}
.marLeft0 {margin-left: 0 !important;}
.marRight0 {margin-right: 0 !important;}
.marTop-5 {margin-top: -5px !important;}
.marTop0 {margin-top: 0 !important;}
.marTop5 {margin-top: 5px !important;}
.marTop10 {margin-top: 10px !important;}
.marTop20 {margin-top: 20px !important;}
.marTop30 {margin-top: 30px !important;}
.marTop40 {margin-top: 40px !important;}
.marTop50 {margin-top: 50px !important;}
.marBot0 {margin-bottom: 0px !important;}
.marBot5 {margin-bottom: 5px !important;}
.marBot10 {margin-bottom: 10px !important;}
.marBot20 {margin-bottom: 20px !important;}
.marBot30 {margin-bottom: 30px !important;}
.marBot40 {margin-bottom: 40px !important;}
.marBot50 {margin-bottom: 50px !important;}
.marTopMin50 {margin-top: -50px !important;}
.marLeft20 {margin-left: 20px;}
.marRight20 {margin-right: 20px;}
.PadLeft0 {margin-left: 0px !important;}
.padTop0 {padding-top:0px !important;}
.padTop10 {padding-top:10px !important;}
.padTop20 {padding-top: 20px !important;}
.padTop30 {padding-top: 30px !important;}
.padTop40 {padding-top: 40px !important;}
.padTop50 {padding-top: 50px !important;}
.padBot0 {padding-bottom:0px !important;}
.padBot10 {padding-bottom:10px !important;}
.padBot20 {padding-bottom:20px !important;}
.padBot30 {padding-bottom:30px !important;}
.padBot40 {padding-bottom:40px !important;}
.padBot50 {padding-bottom:50px !important;}
.padRight0 {padding-right:0px !important}
.centered {text-align:center !important;}
.hidden {display: none !important;}
.max33pc {max-width: 33%;}
.borderBottom {border-bottom: 1px solid #999;}
.block {display: block; width: 100% !important;}
.textLeft {text-align: left !important;}
.textRight {text-align: right !important;}
.floatRight {float: right;}
.floatLeft {float: left;}
.error {color: red;}
.clear {clear: both !important;}


img {width:100%;}
img.site-logo {width:auto;}
.footer-copyright img {width:auto;}

.row-no-padding {
  [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 1200px) {
	.medBlock {
		display: block;
		width: 100%;
	}
	
	.1200marBot20 {
		margin-bottom: 20px;
	}
}

@media (min-width: 991px) {
	.marBot-90lg {margin-bottom: -90px !important;}
}


@media (max-width: 750px) {
	.notMobile {display: none !important;}
	.mobileCentered {text-align:center;}
}

@media (max-width: 1550px) {
	.sidePadDesktop {
		padding-left: 4rem !important;
		padding-right: 4rem !important;
	}
}

@media (max-width: 768px) {
	.sidePadDesktop {
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}
}

@media (max-width: 1550px) {
	.padSidesSmall {
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}
}

.padSides {
	padding-left: 4em;
	padding-right: 4em;
}

.padSides30 {
	padding-left: 30px;
	padding-right: 30px;
}

.padSides20 {
	padding-left: 20px;
	padding-right: 20px;
}

.padSides10 {
	padding-left: 10px;
	padding-right: 10px;
}

.greyBack {
	background-color: #fafafa;
}

.max1400 {max-width: 1400px !important; margin-left:  auto; margin-right:auto;}
.max800 {max-width: 800px !important; margin-left:  auto; margin-right:auto;}

@media (min-width: 1000px) {
	.max80pcDesk {
		max-width: 80% !important;
		margin-left: auto;
		margin-right: auto;
	}
}

/* Typography */

.smallText {font-size: 0.8rem;}
.medText {font-size: 1rem;}
.stronger {font-weight: 500;}
h2.blogSubHeading {font-size: 2.6rem;}
.image100pc img, img.image100 {
	width: 100%;
}

.fullWidth {
	width: 100% !important;
}

sup {font-size:xx-small; vertical-align:top;}

p sup {
	top: 0.15em;
	font-size: 110%;
	line-height: 1em;
}

a {cursor:pointer !important;}

body li {
	font-size: 1.1rem;
}

/* Buttons */

.badge, button.badge, button.badge-hollow, button.badge-pill {
	font-weight: 300 !important;
}


.btn-lg {
	font-size: 1.25rem;
	padding: 0.7rem 1.5rem;
}

.btn-sm {
	font-size: 0.8rem;
	padding: 0.5rem 1.2rem;
}

.badge.delete-product:after {
	content: "X";
}

#hideShow {
	color: #fff !important;
	font-weight: 300 !important;
}

.badge-white {
	background-color: rgba(255,255,255,0.5);
}

.badge-white:hover {
	background-color: rgba(255,255,255,0.3);
}

/* Header */

.mega-menu-caption {
	text-transform: none;
}

.mega-menu-caption {
	font-weight: 300;	
}

/* New Simple header Jul 21 */
.simpleHeaderContainer {
	/*
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
		
	*/
	padding-top: 40px;
	padding-bottom: 40px;

}


@media (max-width:1100px) {
	.simpleHeaderContainer h1 {
		font-size: 32px;
	}
}

@media (max-width:575px) {
	.simpleHeaderContainer h1 {
		font-size: 28px;
	}
}

/* Footer */

.footer-copyright a {
	color: #999;
}

.footer-container {
	padding: 5.25em 3em 3em 5.25em;
}

.footerBorder {
	border-bottom: 1px solid #312f2f;
}
	

.split-boxes {
	border-bottom: 0px;
}

/* Second level Menu */

a.badge-hollow.active {
	border: 1px solid #999;
	color: #fff;
}

/* Home Pages */

.jumbotron--black a.badge-white {
	color: #000000;
	background-color: rgba(0,0,0,0.5);
}

/* Product pages */

.product-page-further {
	margin-top: 2em;
}

.slider-nav {
	text-align: center !important;
}

	
.mfp-close:hover{
	cursor: pointer !important;
}


.downloadPane i {font-size: 3em;}
.downloadPane h4 {font-size: 1.5em; line-height: 2.25em; font-weight: 500;}

h4.pageBlockHeading {
	font-weight: 500;
	font-size: 22px;
	margin-top: 20px;
}

.specBlock p {
	line-height: 1.6;
}

p sup, li sup {
	font-size: 0.7em;
	line-height: 0; 
	position: relative; 
	vertical-align: baseline;
	top: -0.5em;
	padding-left: 3px;
	padding-right: 5px;
}

.download {
	padding-left: 10px;
	padding-right: 10px;
}

.download p {
	padding:10px;
}

.relProd h2 {
	display: block;
	width: 100% !important;
	text-align:center !important;
	padding: 20px;
	font-size: 32px;
}

@media (max-width: 900px) {
	.relProd h2 {
		font-size: 24px;
	}
}

@media (max-width: 750px) {
	.relProd h2 {
		font-size: 18px;
	}
}

.product-card img {
	background-color: #fff;
	margin-bottom: -2px;	
}

.relProd img {
	padding: 30px;
}

.awardsLabel {
	padding-left: 10px !important;	
}


h5.single-video-heading {
	font-size: 1.25rem;
	line-height: 1.4;
	color: #312e2e;
	font-weight:500;
	padding-top: 10px;
}

.product-card-heading {
	position: relative;
}

span.prodNew {
	position: absolute;
	font-size: 1rem;
	top: -1rem;
}

/* Videos */

.videoWrapper {
	position: relative;
	padding-bottom: 53.6%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Page Blocks */

.homeBlocks {
	border-bottom: 1px solid #999;
}

.leftPageBlock, .rightPageBlock, .centrePageBlock {
	/* background-color: #aaa;
	height: 300px;
	border:  1px solid #666; */
	// padding-left: 20px;
	// padding-right: 20px;
	text-align:left;
	position: relative;
}

.pageBlockRow {
	// padding-left: 10px;
	// padding-right: 10px;
}

@media (min-width:770px) {
	.fwvTop20 {
		margin-top: 20px;
	}
}

.headingBlock {
	min-height:40px;
}

@media (min-width: 770px) {

	.leftPageBlock img, .rightPageBlock img, .centrePageBlock img {
		width: 100% !important;
	}
	
	.imageBlock {
		position:  relative;
		margin-top: 30px;
		margin-bottom:  30px;
	}
	
	.imageBlock .blockOverlay {
		top: 0px;
		bottom:  0px;
	}
}

/* @media (max-width: 769px) {
	.leftPageBlock, .rightPageBlock, .centrePageBlock, .headingBlock {
		// padding-left: 30px !important;
		// padding-right: 30px !important;
	}
	
*/ }

.leftPageBlock img, .rightPageBlock img, .centrePageBlock img {
	width: 100% !important;
}

.blockBrownBack {
	background-color: #e2ddd8;
}

@media (min-width: 1440px) {
	.blockBrownBack {
		margin-left: 0px;
		margin-right: 0px;
	}
}

@media (max-width:769px) {
	
	.blockBrownBack {
		margin-bottom: 20px;
	}
	
	.blockBrownBack .imageBlock {
		margin-top: 40px;
	}
}

/* Requested Changes Apr 2023 */
.blockBrownBack .badge-default {
	/* background-color: #bb916e; */
	background-color: #000;
	color: #fff;
}

.blockBrownBack .badge-default:hover {
	background-color: #fff;
	color: #000;
}
/* End Requested Changes Apr 2023 */

.blockOverlay {
    position:  absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 100;
    padding-left: 20px;
    padding-right: 20px;
    /* margin-left: 20px;
    margin-right: 20px; */
    text-align: center !important;
    color: #fff;
    background-color: rgba(0,0,0,0.4);
    display:flex;
    align-items: center;
    justify-content: center;
}

.blockOverlay h2 {
    padding: 0px !important;
    margin:  0px !important;
    font-size: 1.4em !important;
}

.blockOverlay:hover {
    background-color: rgba(0,0,0,0.6);
    color:  #ffe;
}

.headingBlock {
	min-height:40px;
}

@media (max-width: 769px) {
	.leftPageBlock, .rightPageBlock, .centrePageBlock, .headingBlock {
		// padding-left: 30px !important;
		// padding-right: 30px !important;
		margin-bottom: 20px;
	}
	.blockOverlay {
			margin-right: 30px;
			margin-left: 30px;
	}

	.blockOverlay h2 {
    	font-size: 1.2em !important;
	}
}

.leftPageBlock img, .rightPageBlock img, .centrePageBlock img {
	width: 100% !important;
}

.vertical-align {
    display: flex;
    align-items: center;
	/*
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 10px;
	padding-right: 10px;
	*/
}

@media (max-width:991px) {
	.vertical-align {
		display: block;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.vertical-align [class*='col-'] {
		max-width: 100% !important;
		flex: 0 0 100%;
	}
}

.vertical-align-instaLink {
    display: flex;
    align-items: center;
}

.leftPageBlock li, .rightPageBlock li, .centrePageBlock li {
	font-size: 1.1rem;
}

/* Content */

.contentStyle h2 {
	padding-top: 1em;
	font-size: 2.2em;
}

.contentStyle h3 {
	padding-top: 0.7em;
	font-size: 1.8em;
}

/* Display Products */

.productCards {
	border-top: 1px solid #999;
	border-left: 1px #999 solid;
}


/* Privacy table */

.privacyTable {
	margin: 30px 0px;
	border-collapse: collapse;
}

.privacyTable th, .privacyTable td {
	padding: 15px;
	border: 1px solid #aaa;
}

.privacyTable th {
	background-color: #eee;
}

/* Blog */

.row.blogGallery {
	margin-right: -10px !important;
	margin-left: -10px !important;
}


.blogGallery h5 {
	line-height: 1;
}

.blogGalleryCard {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}

.blogGalleryCard img  {
	width: 100%;
}

.white {
	color: #fff;
}

.blogBody img {
	max-width: 100%;
}

.paginBut, .currPag {
	display: inline-block;
	margin: 5px 10px;
}

.currPag {
	background-color: #aaa;
}

p.paginationLinks {
	text-align: center;
}

/* Timeline Page */

.timeline {background-image:none;}

.timeline-nav {
    position: fixed;
    right:0px;
    top:600px;
}

.year-filter {
	background-color: #575757;
}

#filters {
	z-index:10000;
	width: 100% !important;
}

#filters.sticky {
     position: fixed;
     top: 0;
  }

/* Glossary */

.glossaryItem {
	margin-top: 15px;
	margin-bottom:  15px;
}

.glossaryItem h2 {
	font-size: 1.8em;
}

/* Distributor lists */

.distrib {
	width: 100%;
	border: 1px solid #aaa;
	margin: 10px 0px;
	padding: 10px 20px;
}

.distrib h2 {
	font-size: 1.8rem;
}

.distrib i {
	margin-right: 15px;
}

.distCardTop img {
	float:right;
	width: 20%;
	vertical-align: middle;
}

.distCardTop p {
	line-height: 50px;
	vertical-align: middle;
}

@media (min-width: 767px) and (max-width: 1000px) {
	.distrib p {
		font-size: 0.9rem;
	}
	.distrib h2 {
		font-size: 1.4rem;
	}
	
}

/* contact page */

.distResult {
	border: 1px solid #aaa;
	padding: 40px !important;
	background-color: #fff;
}

.distResult i {
	margin-right: 15px;
}

.fullWidthBackground {
	background: repeat-y center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
}

i.contact-icon {
	font-size: 1.75em;
	margin-right: 15px;
}

@media (max-width: 1200px) {
	i.contact-icon {
		font-size: 1.2em;
	}
}

@media (max-width: 840px) {
	i.contact-icon {
		font-size: 1em;
	}
}

@media (max-width: 767px) {
	i.contact-icon {
		font-size: 1.2em;
	}
}

/* Timeline Page */

button.badge-hollow {
    background-color: transparent;
    border: 1px solid transparent;
    color: #999
}

button.badge-hollow:focus,
button.badge-hollow:hover,
button.badge-hollow.is-checked {
    border-color: #999;
    color:#fff;
}

button.timeline-nav-link {
	border: none;
	background: none;
}

.timeline-figure {
	width: 100%;
	position: relative;
}

.timeline-figure img {
	width: 300px;
	position: absolute;
	right: 0px;
}

@media (min-width: 576px) {
	.timeline-details {
	    margin-left: 11%;
		min-height: 300px;
	}
}

/* Where To Buy */

.advSearch {
	display: none;
}

@media (min-width: 992px) {
	.dealer-search-form-cell.fullW {
	    -webkit-box-flex: 1;
	    -ms-flex: 1 0 100%;
	    flex: 1 0 100%;
	}
}

.dealerIcon {
	width: 35px;
	margin-top: 15px;
}

.company-card-close {
	background: none;
	text-indent: 0%;
}

button.company-card-close i {
	color: #312e2e;
}

.retInstFilter input[type=checkbox] {
	display: inline-block;
	margin-left: 40px;
	margin-right: 10px;
}

.retInstFilter label img {
	width: 40px;
	padding: 0 5px;
}

@media (max-width: 1199px) {
	.retInstFilter label {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
	.retInstFilter label img {
		width: 30px;
	}
}

/* Installer Gallery */
.slick-lightbox .slick-prev, .slick-lightbox .slick-next {
    text-indent: -9999px;
}

.slick-lightbox .slick-prev::before, .slick-lightbox .slick-next::before {
    font-family: 'FontAwesome';
	font-size: 30px;
	text-indent: 0;
	float:left;
}

.slick-lightbox .slick-prev::before {
	content: '\f177';
}

.slick-lightbox .slick-next::before {
	content: '\f178';
}

.slick-prev, .slick-next {
	height: 40px;
	width: 40px;
	z-index: 20000;
}

.slick-lightbox .slick-prev {
	left: 30px;
}

.slick-lightbox .slick-next {
	right: 45px;
}



/* Registration Form */

.error{border-color:red;}

.pro-field{position:relative;background-color:transparent;cursor:pointer;}
.pro-field .down-icon{position:absolute;font-size:12px;color:#000000;top:8px;right:10px;}
.list-cont{display:none;overflow:hidden;position:relative;height:240px;border-top:none;}
.list-cont .list{overflow-y: scroll;height:180px;margin-top:10px;}
.list-cont ul{margin:0;padding:5px;list-style-position: inside;list-style-type:none;}
.list-cont li{cursor:pointer;padding:3px;}
.list-cont li:hover, .list-cont .active{background-color:#E1E1E1;}
.list-cont .pro-search{top:5px;}
.pro-search-icon{position:absolute;top:20px;right:20px;font-size:16px;color:#CCCCCC;}
.pro-search{margin-top:6px;}
.glyphicon-remove{cursor:pointer;}
.glyphicon-remove:hover{color:#000000;}
.control-label{font-weight:400;padding:0 10px 0 10px;}
.panel{border:0px #FFFFFF solid !important;box-shadow:none;}

.checkbox input[type="checkbox"] {
	margin-right: 20px;
}

/* Where To Buy */

button.company-card-close {
	border: 0px;
	color: #f8f8f8;    
}

.cce-categories {
	padding-bottom: 20px;	
}

.cce-categories i {
	font-size: 1.2em;
	padding: 7px;
}

.cce-categories button {
	margin: 10px;
	cursor: default;
}

.cce-categories button:hover {
	background-color: #312e2e;
}

.cce-categories button.badge:after {
	content: "";
	width: 0px;
	margin-left: 0px;
}

#locationSelect {
	display: none;
}

@media (max-width: 1200px) {
	.locationSelect {
		display: block;
	}
}

.dealer-search-map {
    margin-bottom: 30px
}

.dealer-search-submit {
	width: 25%;
}

.company-card-body {
	cursor: pointer;
}

.company-card-contact-item {
	position: relative;
}

.company-card-contact-item-icon img {
	position: absolute;
	left: 0px;
}

.company-card-contact-item-icon.addressIcon img {
	position: absolute;
	top: 0px;
}

.manager img {
	width: 175px;
	margin-right: 30px;
	border: 1px solid #bcbcbc;
}

.company-card-contact-item-icon, company-card-contact-item-body {
	position: relative !important;
	display:inline-block;
	float: left;
}

.company-card-contact-item-icon img {
	width: 30px;
}

.company-card-contact-item-body {
	margin-left: 45px;
}

.company-card-aside img, .cce-description img {
	border: 1px solid #bcbcbc;
}

.dealerBio hr {
	margin-top: 20px;
	padding-top: 20px;
	border: 0;
	border-top: 1px solid #666;
	height: 2px;
}

@media (min-width:991px) {
	.dealerResult {
		/* height: 440px !important; */
	}
}

/* CI Selector */

.ciSpeaker {
	margin-top: 30px;
	margin-bottom:  30px;
	border: 1px solid #999;
	padding: 20px;
}

#optionsCont,#optionsFrame{display:none;}

/* hr */

.formNoLonger form {
	height:  0px;
	margin-top:  0px;
	margin-bottom:  0px;
	padding-top:  0px;
	padding-bottom:  0px;
}

.formNoLonger hr {
	border:  1px solid #fff;
	position: relative;
	top: 8px;
}

.formNoLonger label {
	position: relative;
	top: -50px;
}

.formNoLonger button {
	position: relative;
	top: -50px;
}

#signUpLink, #dealerSearchLink {
	height: 15vw;
	max-height: 200px;
}

/* Product Page Padding Overide - See Snagging lst ID 181 */

.product-page {
	padding:  70px 100px 70px;
}

/* Product Page Range Title Overide - See Snagging list ID 202 */

.product-page-category-link {
	text-transform: none;
}

/* FAQs */

.faqa {
	display: none;
}

/* Responsive Image Overide in CKEditor */

@media (max-width: 600px) {
	img.align_center {
		width: 100% !important;
		height: auto !important;
	}
}

/* Newsletter Signup */

#subscribeForm input.error {
	color: red;
}

#subscribeForm label.error {
	position:  relative;
	top: -10px;
}

/* Mobile display fixes as per Google sheet 5-10-17 on */

#product-reg .form-inline .form-control select, #product-reg .form-inline .form-control {
	width: 100% !important;
	margin-bottom:20px;
}

@media (max-width: 1300px) {
	.nav-tabs .nav-link {
		font-size: 1.1rem;
	}
	
	.social-icon {
		height: 35px;
		width: 35px;
		line-height: 42px;
	}
	
	.social-icon > svg {
		height: 18px;
		width: 18px;
	}
	
	ul.social-icons {
		padding: 0px;
		-webkit-padding-start: 0px;
	}
}

@media (max-width: 1240px) {
	.product-thumb {
		border: 0px;
	}
}


@media (max-width: 1199px) {
	.nav-tabs .nav-link {
		font-size: 1rem;
	}
	
	.site-search-box {
	width: 60%;
	}
	
	.product-gallery-thumbs div img {
	    margin-left: 10px;
	    margin-right:  10px;
	}

}

@media (max-width: 1199px) and (min-width: 768px) {
	.product-card-heading {
	    font-size: 1.6rem;
	    line-height: 1.1;
	}
	
	.product-card a.badge {
		font-size: 0.9rem;
		padding:  0.4em 0.8em;
		vertical-align: center;
	}
	
	.footer-nav li {
		line-height: 1.6;
	}
	
}

@media (max-width: 1100px) {
	.jumbotron-inner h1 {
		font-size: 32px;
	}
	
	.nav-tabs .nav-link {
		font-size: 0.9rem;
	}
	
	.pagButDiv a {
		min-width: 32px;
		font-size: 0.8em;
		padding: 0.4em 0.8em;
	}
	
	.company-card-aside {
		display: none;
	}
	
	.company-card-contact-item-body {
		font-size: 1.1rem;
	}
	
	.company-card-body h3.h5 {
		font-size:2rem;
	}
	
	.product-gallery-thumbs div img {
	    border: 0px;
	}
	
}


@media (max-width: 991px) {
	.instaPic {
		display: none;
	}
	
	.instFirst {
		display: block;
		width: 100% !important;
	}
	
	.company-card-body h3.h5 {
		font-size:1.8rem;
	}
	
	.company-card-contact-item-icon img {
		height: 25px;
	}
	
	.company-card-contact-item-body {
		margin-left: 35px;
	}
	
	.company-card-contact-item-body {
		font-size: 1rem;
	}
	
}


@media (max-width: 965px) {
	.search-form-label {
		font-size:1.4rem;
	}
}

@media (max-width: 880px) {
	.company-card-contact-item-body {
		 font-size: 0.8rem;
	}
}

@media (max-width: 767px) {
	.awardImage {
		max-width: 30% !important;
	}
	
	.mobPad0 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.mobPad20 {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	.product-page {
		padding:  70px 20px;
	}
	
	
	h1.h2 {
		font-size: 2.8rem;	
	}
	
	.company-card-body h3.h5 {
		font-size:1.4rem;
	}
	
	.company-card-contact-item-icon img {
		height: 20px;
	}
	
	.company-card-contact-item-body {
		font-size: 1.1rem;
	}
	
	.company-card-close {
		width: 25px;
		height: 25px;
		top: 20px;
		right: 20px;
	}
	
	.smallerH2H5 h2 {
		font-size: 2.8rem;
	}
	
	.smallerH2H5 h5 {
		font-size: 1.8rem;
	}
	/*
	.product-gallery-next,
	.product-gallery-prev {
	    bottom: 40px;
	}
	*/
	.product-gallery-thumbs {
	    margin: 40px 20px
	}
	
	span.prodNew {
		font-size: 0.8rem;
	}
	
}

@media (min-width: 768px) {
	.product-gallery-main  img {
		max-width: 600px !important;
	}
	
	.footer-nav li {
		line-height: 1.8;
	}
}

@media (max-width: 750px) {
	.search-form-label {
		font-size:1.2rem;
	}
}

@media (max-width: 750px) {
	.search-form-label {
		font-size:1.0rem;
	}
}

@media (max-width: 660px) {


	.company-card-body h3.h5 {
		font-size:1.2rem;
	}
	
	.company-card-contact-item-icon img {
		height: 18px;
	}
	
	.company-card-contact-item-icon {
		width: auto;
		padding-right: 20px;
	}

}


@media (max-width: 575px) {

	/* Mobile Headings */
	
	h1.product-page-title {
		font-size: 3rem;
	}
	
	h2 {
		font-size: 2.8rem;
	}
	
	.contentStyle h2.timeline-title {
		font-size: 1.5rem;
	}
	
	h3 {
		font-size: 2.4rem;
	}
	
	h4 {
		font-size: 2.2rem;
	}
	
	h5 {
		font-size: 2rem;
	}
	
	/* Extra top and bottom padding for find a dealer bar */
	.search-form-dark {
		padding-top:  40px;
		padding-bottom:  40px;
	}
	
	.footerMenu {
		text-align: center !important;
		font-size: 14px !important;
	}
	
	.footerMenu li {
		padding: 5px 0px;
	}
	
	.noSidePadMobile {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.distrib a {
		font-size: 0.9rem;	
	}
	
	.jumbotron-inner h1 {
		font-size: 32px;
	}
	
	.findDealerBut {
		width: 100% !important;
		text-align: left;
		float: none;
		margin-top: 30px;
		margin-bottom:  40px;
	}
	
	.dealer-search-submit {
		width: 100% !important;
	}
	
	.company-card-contact-item-body {
		font-size: 1rem;
	}
	
	.timeline-title, .timeline-description p {
	    font-size: 1rem;
	}
	
	.form-control {
		font-size: 1rem;
	}
	
	.nav-tabs .nav-link {
		font-size: 0.8rem;
	}
	
	.company-card-body h3.h5 {
		font-size:1.2rem;
	}
	
	.product-gallery-next,
	.product-gallery-prev {
	    font-size: 1rem;
	}
	

}

@media (max-width: 500px) {
	
	company-card-contact-item-icon {
		display: none;
	}
}

@media (max-width: 470px) {
	
	.nav-tabs .nav-link {
		font-size: 0.7rem;
	}
	
	.company-card-contact-item-body {
		font-size: 0.9rem;
	}

}

@media (max-width: 430px) {
	.company-card-contact-item-body {
		font-size: 0.8rem;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.cce-description img {
		width: 50% !important;
	}	
}


/* Misaligned mobile search box text fix */
.site-search .form-group {
  margin-bottom: 0;
}

@media (max-width: 575px) {
  .site-search-box {
    max-width: 140px;
  }
}

/* right hand side padding fix */

html, body { overflow-x: hidden; }

/* IE Fixes */

/* Add flex-basis property to existing selector */
.product-card-body {
  flex-basis: auto;
}

/* IE11 hack. New selector */
.search-form-input _:-ms-fullscreen, :root .search-form-input {
  height: 53px;
}

/* Product Registrations popup fix */

.notifyjs-wrapper { display:none !important; }

/* New Second Level Menu */

.mobileSecondLevelMenu, .timelineMobileFilter {
	margin-top: 13px;
}

.mobileSecondLevelMenu,  .mobileSecondLevelMenu:focus, .timelineMobileFilter, .timelineMobileFilter:focus {
	color: #333;
	border-color: #333;
	font-family: Geomanist,sans-serif;
	/* background-color: #312e2e; */
	background-color: #eee;
}

.timelineYearsMobile, .timelineYearsMobile:focus {
	background-color: #eee;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

/* Hide Timeline Filter on Mobile */

#topFilters {
	display: none;
}

@media (max-width: 990px) {
	
	.mobileSecondLevelMenu, .timelineMobileFilter {
		margin-top: 0px;
		margin-bottom: -15px;
	}
	
}

@media (min-width: 768px) {
	.company-card-body {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 !important;
		flex: 0 !important;
	}
	.company-card-body h3.h5 {
		width: 373px;
	}	
}

/* Distributor Section */

.topBorder .product-card.card-top {
	border-top-width: 1px;
}

.topBorder .product-card.card-left {
	border-left-width: 1px;
}

.returnsForm .control-label {
	padding: 0px;
}

.returnsForm ul {
	list-style-type: none;
	padding-left:  0px;
	width: 100%;
}

.returnsForm .radio ul li {
	display:  inline-block;
	margin-right: 40px;
	width:  100%;
}

.returnsForm .radio ul li label {
	width:  100%;
}

.returnsForm .radio span span {
	margin-left: 10px;
}

.returnsForm .InputfieldFormBuilderFile {
	margin-bottom: 1.5rem;
}

.ui-datepicker {
	background-color: #ddd;
	border: 1px solid #000;
	padding: 20px;
}

.ui-datepicker th {
	padding: 7px;
}

a.ui-datepicker-prev span {
	padding: 5px 10px 5px 0px;
}

.ui-datepicker select {
	margin-right: 10px;
}

/* Email Signup Revisions April 2018 */

hr.noHeightHR {
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px !important;
	top: 0px;
}

@media (max-width:767px) {
	.formNoLonger label {
		top: -50px;
	}
	.split-boxes article {
		padding-top:70px !important;
		padding-bottom:50px !important;
	}
}

/* New Team Section - May 2019 */

.teamMember img {
	width: 100%;
	margin-bottom: 15px;
}

.staffImage img {
	width: 100%;
}

/* eCommerce Section */

.badge-orange {
	background-color: #f96618 !important;
	color: #fff !important;
}

.product-page-options.buyBut {
	padding: 1.5em 0;
}

.buyButBut {
	padding-left: 40px;
	padding-right: 40px;
}

.buyButText {
	font-size: .875rem;
	color: #8a8a8a;
	display: inline-block;
	margin-left: 20px;
}

.commerce-header {
	background-color: #716161;
	color: #fff;
}

@media (min-width: 1440px) {
	.commerce-header {
		padding-top: 35px;
		padding-bottom: 35px;
		height:  auto !important;
	}
	
	.commerce-header-inner {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	
	.commerce-header, .commerce-header-inner {
		min-height:0px !important;
	}
}

.commerce-image {
	border: 1px solid #000;
}

.commerce-image img {
	width: 100%;
	display: none;
}

.commerce-image img.imageShown {
	display: block;
}

.commerce-headings {
	padding-bottom: 25px;
	border-bottom:  1px solid #707070;
	margin-bottom:  25px;
}

.commerce-headings h1.h2 {
	font-size: 35px;
	font-weight: 400;
	margin: 0px;
}

.commerce-headings p {
	color: #707070;
}

.leftLarge-fullSmall {
	display: inline-block;
	float: left;
}

.rightLarge-fullSmall {
display: inline-block;
float: right;
}

@media (max-width:990px) {
	.commerce-headings {
		margin-top: 35px !important;
	}
}

#finishes {
	padding-left: 30px;
	padding-right:  30px;
	padding-bottom: 48px;
	border-bottom:  1px solid #707070;
	margin-bottom:  38px;
}

#finishes p {
	margin-left: -30px;
}

#finishes .finish-option {
	height: 125px;
	text-align: center; 
	padding-left: 10px;
	padding-right: 10px;	
}

@media (max-width:575px) {
	#finishes .finish-option {
		margin-bottom: 30px;
	}
}

#finishes label {
	border: 1px solid #707070;
	width: 100%;
	height: 125px;
	margin-top:  -20px;
	vertical-align: top;
	font-size: 22px;
	text-align: center; 
}

#finishes input[type="radio"] {
	opacity: 0;
	width: 0;
	height: 0;
}

#finishes input[type="radio"]:active ~ label, #finishes input[type="radio"]:checked ~ label {
	border: 3px solid #707070;
	background-color: #fcfcfc;
}


#finishes img.finishImage {
	height: 55px;
	margin: 15px;
	border-radius: 50%;
}

.buyBox {
	position: relative;
	padding: 35px;
	background-color: #efefef;
}

.buyBox h2, .buyBox p, .buyBox select, .buyBox button, .buyBox .qtySelect {
	display: inline-block;
	margin: 0px;
}

.buyBox h2 {
	position:relative;
	font-size: 35px;
	font-weight: 400;
	margin: 0px;
	top: 2px;
}

.buyBox p {
	color: #707070;
	margin-left: 5px;
	text-transform: lowercase;
}

.buyBox .qtySelect {
	margin-left: 50px;
}

.buyBox #qtySelect {
	width: 100px;
	margin-left: 15px;
	position: relative;
	top: -5px;
}

.buyBox button {
	margin-left:  35px;
	width: 208px;
	position: relative;
	top: -5px;
}

@media (max-width:1550px) {
	.buyBox button {
		width: auto;
	}
}

@media (max-width:1439px) {
	.buyBoxSection {
		display: block;
		width: 100%;
		text-align: left;
		margin-bottom: 40px;
	}
	.buyBox button, .buyBox .qtySelect {
		margin-left: 0px;
	}
	.buyBox .buyButtonSection {
		margin-bottom: 0px !important;
	}
}

.prodBen {
	margin-right: 45px;
	line-height: 22px;
}

.prodBen img {
	height: 22px;
	display: inline-block;
	margin-right: 8px;
}

@media (max-width:1439px) {
	.prodBen {
		margin-right: 35px;
		line-height: 18px;
		font-size: 1rem;
	}
	
	.prodBen img {
		height: 18px;
	}
}

@media (max-width:1250px) {
	.prodBen {
		display: block;
		width: 100%;
		margin-right: 0px;
		line-height: 22px;
		font-size: 1rem;
		margin-bottom: 15px;
	}
	
	.prodBen img {
		margin-right: 8px;
		height: 22px;
	}
}

.commerceLifestyleImage {
	width:  100%;
}

.witbItem {
	text-align: center;
}

.witbItem img {
	width: 100%;
	border: 1px solid #000;
	display: inline-block;
	margin-bottom: 10px;
}

/* Where To Buy 2.0 Dec 2019 */
.wtbLink a {
	background-color: #000;
	color: #fff !important;
	padding: 30px;
	text-align:  center;
	display:  block;
	width: 100%;
	text-transform: capitalize;
}

.wtbLink a:hover, .wtbLink a:focus {
	text-decoration: none;
	background-color: #333333;
}

@media (max-width:1250px) {
	.wtbLink a {
		margin-bottom: 30px;
	}
}

.wtbLink i {
	display: block;
	margin-bottom: 10px;
	font-size: 60px;
}

.findDealerBut {
	display: inline-block;
	margin-right: 20px;
}

@media (min-width:991px) {
	.stackButs {
		display: block;
		margin-bottom: 15px;
	}
}

.dealer-search-results {
	margin-top: 0px;
}

.numDealersText {
	margin-left: -20px;
}

@media (min-width: 991px) {
	.dealerResult.onlineDealerResult {
		height:  auto;
	}
}

.onlineResultheader {
	min-height: 78px;
	margin-bottom: 0.5em;
}

.onlineResultheader h3.h5 {
	margin-bottom: 0em;
}

.visitBut {
	margin: 1em 0em 0em;
}

@media (max-width: 767px) {
	.onlineResultheader {
		min-height: auto;
	}
}

/* Compatibility Table */
.compaTable {
    border-collapse:collapse
}

.compatRow > [class^="col-"], .compatRow > [class*=" col-"] {
	 padding-right: 0;
	 padding-left: 0;
	 margin: -1px 0 0 -1px; 
}

.compatCell {
	border: 1px solid #000;
	padding:20px;
}

.compatCell {
	text-align: center;
}

.compatCell img {
	width:100%;
}

/* Form Test Styles */
.formTemplate fieldset {
	position: relative;
	margin-top: 80px;
	margin-bottom: 20px;
	border: 1px solid #000;
	padding: 20px;
	display: none;
}

.formTemplate fieldset.showSet {
	display: block;
}

.formTemplate fieldset legend {
	position: absolute;
    top: -2em;
    width: 100%;
}

.formTemplate .InputfieldFormBuilderFileList {
	list-style-type: none;
	padding-left: 0px;
}

.formTemplate p.newSet {
	margin-bottom: 30px;
	cursor:pointer;
}

.formTemplate p.newSet:hover {
	text-decoration: underline;
	opacity: 0.8;
}

/* New Home Slider Styles */

.hero-slider .slick-slide, .hero-slider-mobile .slick-slide {
	margin-bottom: 0px;
}

.hero-slider .slick-arrow {
	font-size: 18px !important;
	line-height: 50px !important;
	color: hsla(0, 0%, 100%, .5) !important;
	cursor: pointer;
}

.hero-slider-mobile {
	width: 100% !important;
}

.hero-slider, .hero-slider-mobile  {
	display: none;
}

.hero-slider-mobile img {
	z-index: 3;
}

.heroSlideMobileContent {
	position: relative;
}

.mobileSliderContent {
	z-index: 5;
	position: absolute;
	top: 35%;
	color: #fff;
	left: 5%;
}

@media (min-width:768px) and (max-width:1199px) {
	.mobileSliderContent.contentRight {
		text-align: right;
		left: auto;
		right: 5%;
	}
	
	.mobileSliderContent.contentTop {
		top:10%;
		bottom: auto;
	}
	
	.mobileSliderContent.contentBottom {
		top: auto;
		bottom:10%;
	}

}

@media (min-width:1500px) {
	.jumbotron {
		padding-left: 0px;
		padding-right: 0px;
	}
}

.jumbotron-rev .jumbotron-content {
	text-align: right;
}

	
.mobileSliderContent h1.h2.display-1 {
		font-size: 1.5rem;
		margin-bottom: 16px;
}


/* Mobile Slider Content Under Image Below 991px */
@media (max-width:767px) {
	.mobileSliderContent {
		position: relative;
		background-color: #000 !important;
		color: #fff !important;
		top: auto;
		bottom: 0px;
		left: auto;
		right: auto;
		padding: 40px 30px;
		width: 100%;
	}
	.mobileSliderContent.contentRight {
		right: auto;
	}
	
	.mobileSliderContent p {
		font-size: 1.1rem;
		margin-bottom: 1rem;
	}
	
	.mobileSliderContent h1.h2.display-1 {
		background-color: #000 !important;
		color: #fff !important;
	}
	
	.mobileSliderContent h1.h2.display-1, .mobileSliderContent p {
		color: #fff !important;
	}
}

@media (max-width:575px) {

	
	.mobileSliderContent {
		padding: 20px 30px;
	}
}

/* Lazyload YouTube Videos */

.video-wrap {
	background-color: #000;
	margin-bottom: 0px;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer;
	width: 100%;
}

.video-wrap img {
	width: 100%;
	top: -16.82%;
	left: 0;
	opacity: 0.7;
}
.video-wrap .play-button {
	width: 90px;
	height: 60px;
	background-color: #ff0000;
	box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
	z-index: 1;
	opacity: 1;
	border-radius: 6px;
}
.video-wrap .play-button:before {
	content: "";
	border-style: solid;
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #fff;
}
.video-wrap img,
.video-wrap .play-button {
	cursor: pointer;
}
.video-wrap img,
.video-wrap iframe,
.video-wrap .play-button,
.video-wrap .play-button:before {
	position: absolute;
}
.video-wrap .play-button,
.video-wrap .play-button:before {
	top: 50%;
	left: 50%;
	transform: translate3d( -50%, -50%, 0 );
}
.video-wrap iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

/* Form Error Styling Sep 21 */
form .error {
	color: #ff5a05;
}

.errorBorder {
	border-color: #ff5a05;
}

/* Instagram Links page */

.instaLink {
	margin-bottom: 40px;
	position: relative;
}

.instaLink img {
	max-width: 100%;
	border: 1px solid #000;
	z-index: 10;
}

.instaHover {
	position: absolute;
	top: 0px;
	left:0px;
	width: 100%;
	height: 100%;
	background-color: rgba(170,170,170,0.5);
	text-align: center;
	z-index: 20;
	display: none;
}

.instaLink:hover .instaHover {
	display: block;
}

.instaHover i {
	color: #fff;
	font-size: 4rem;
	position: relative;
	top: 40%;
	bottom: 40%;
}

.instaRow {
	margin-left: -20px !important;
	margin-right:  -20px !important;
}

.instaRow div[class^="col-"] {
	padding-left:  20px !important;
	padding-right: 20px !important;
}

.instaLinkText p {
	max-width:  100%;
	word-wrap: break-word;
}

.instaLinkText h5 {
	margin-top: 0px;
}

@media (max-width:991px) {
	.instaLinkText h5 {
		font-size: 1.5rem;	
	}
	.instaLinkText p {
		font-size:  0.9rem;
	}
	.instaHover i {
		font-size: 2.5rem;
	}
	.instaRow {
		margin-left: -10px !important;
		margin-right:  -10px !important;
	}
	
	.instaRow div[class^="col-"] {
		padding-left:  10px !important;
		padding-right: 10px !important;
	}
	
	.instaLink {
		margin-bottom: 20px;
	}
}

/* Recapture on Forms */
.InputfieldFormBuilderRecaptcha label {
	display: none;
}

#Inputfield_recapture {
	margin-top: 30px;
	padding: 0px;
	border: 0px;
}

/* Service Request Form */
.InputfieldFormBuilderFileUpload {
	margin-top: 15px;
	margin-bottom: 15px;
}

/* Fix for button stacking 13-1-22 */
@media (max-width:1440px) {
	.pageBlockRow .badge {
		margin-bottom:  15px;
	}
}

/* FAQs May 2022 */
/*
.faqCat {
	padding: 30px;
	margin-bottom: 30px;
	border: 1px solid #999;
}

.faqCat h2 {
	padding-top: 0px;
	margin-bottom:  0px;
	font-size: 1.8rem !important;
}
*/

#accordion ul {
	list-style: none;
	margin-bottom: 0px;
}

#accordion ul li {
	margin-bottom: 15px;
}

#accordion ul li:first-child {
	margin-top: 15px;
}

#accordion .card-link:hover, #accordion .card-link:focus {
	text-decoration: none;
}

#fastSearch {
	color: #000;
}

.searchSpinner, .searchClear {
	float: right;
	position: absolute;
	right: 40px;
	top: 2px;
	font-size: 32px;
	line-height:40px;
	color: #312e2e;
	height: 40px;
	width:40px;
	animation: fadeIn linear 1s;
    -webkit-animation: fadeIn linear 1s;
    -moz-animation: fadeIn linear 1s;
    -o-animation: fadeIn linear 1s;
    -ms-animation: fadeIn linear 1s;
	display: none;
}

.searchClear {
	font-size: 1.25rem;
	right: 30px;
	display: none;
}

@media (max-width: 575px) {
	.searchSpinner.searchClear {
		font-size: 26px;
		top: 0px;
	}
}

#accordion a:focus {
	color: #000;
}

#accordion .card, #accordion .card-header, #accordion .card-header:first-child {
	border-radius: 0px;
}

#accordion .card {
	margin-bottom: 15px;
}

#accordion .card-header {
	background-color: #e2ddd8;
}

#accordion .faqArrow {
	float: right;
	position: relative;
	top: 5px;
}

#result {
	color: #000;
	border-radius: 0px;
	position: absolute;
	background-color: #fff;
	z-index: 10;
	display: block;
	-webkit-box-shadow: 2px 10px 15px 0px #999999; 
	box-shadow: 2px 10px 15px 0px #999999;
	width: 100%;
	text-align:  left !important;
}

#result .list-group-item {
	border-radius:  0px;
	border-color: #999;
	display: block;
	max-width: 100%;
}

.badge.faqLinkBut:after {
	content: "";
	margin-left: 0em;
}

.badge.faqLinkBut:before {
	content: "<";
	margin-right: 0.6em;
}

@media (max-width: 767px) {
	.faqLinkBut {
		margin-bottom: 20px
	}
}

/* Reposition Chat Box - Apr 23 */
#zsiqbtn {
    display: block !important;
    position: fixed !important;
    bottom: 20px !important;
    left: 20px !important;
}

/* New home page box styles Apr 2023 */
.split-boxes .split-box, .split-boxes .split-box-dark {
	background-color: #D3D1C7 !important;
}

.split-boxes .split-box label, .split-boxes .split-box-dark label {
	color: #000;
}

.split-boxes .split-box .badge-default {
	background-color: #393D3A;
	color: #D3D1C7;
}

.split-boxes .split-box .badge-default:hover {
	background-color: #ffffff;
	color: #000000;
}

@media (min-width: 768px) {
	.actionBlocks .product-card-heading {
		font-size: 1.5rem;
	}
}

/* Leave Review Form */
#leaveReviewForm {
	position: relative;
  	background: #FFF;
  	padding: 40px;
  	width: auto;
  	max-width: 500px;
  	margin: 20px auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#leaveReviewForm {
	top:-10px;
}

.InputfieldRadios ul li label {
	margin-right:15px;
}

.InputfieldRadios ul li label span {
	margin-right:3px;
}

.InputfieldRadios input {
	margin-right: 0.3em;
}

.FormBuilder.InputfieldForm .Inputfield.Inputfield_your_star_rating {
	margin-bottom:0.5em;
}

.starRatingDisplay {
	margin-bottom: 3em;
}

.starRatingDisplay i, .showRating i {
	font-size:40px;
	display: inline-block;
	margin-right:18px;
	color: #dddddd;
	transition: color 0.3s ease;
}

.showRating i {
	font-size:20px;
	margin-right:5px;
}

.starRatingDisplay i.active, .showRating i.active {
	color: #ff5a05;
}

/* Elevate Form */
.FormBuilder-elevate-submission .Inputfield {
	margin-bottom: 30px;
}

.FormBuilder-elevate-submission .InputfieldHeaderHidden {
	display:none;
}

.FormBuilder-elevate-submission input[type="checkbox"] {
	margin-right:10px;
}

.FormBuilder-elevate-submission a {
    color: #aaa6a1 !important;
    text-decoration: none;
}

.FormBuilder-elevate-submission .Inputfield_terms_conditions {
	font-size: 16px;
}

.FormBuilder-elevate-submission a:hover {
	text-decoration: underline;
}

.FormBuilder-elevate-submission button {
	background-color:  #e2ddd8;
	display: inline-block;
    padding: 0.5em 1em;
    font-size: 1rem;
	font-weight: 300 !important;
    line-height: 1;
    color: #000;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
	padding-right: 1.3em;
    padding-left: 1.3em;
    border-radius: 2px;
	border:0px;
	cursor: pointer;
}

.FormBuilder-elevate-submission button:hover {
	background-color: #000;
	color: #fff;
}

.FormBuilder-elevate-submission button:after {
	content: ">";
	margin-left: 0.6em;
}

.FormBuilder-elevate-submission .InputfieldMaxWidth {
	width:100%;
}

@media (min-width:768px) and (max-width:991px) {
	.FormBuilder-elevate-submission .InputfieldMaxWidth {
		width:80%;
	}
}

@media (min-width:992px) {
	.FormBuilder-elevate-submission .InputfieldMaxWidth {
		width:60%;
	}
}