/* -------------------------------------------------------------------------------------------- */
/* Products Feature Banner ---------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
#product-feature-bg {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	background: #f4f3ee;
}
#featured-banner {position: relative; display: block;}
#featured-banner li {
	display: block;
	width: 100%;
}
.featured-banner-contents {
	display: block;
	width: 90%;
	max-width: 1800px;
	margin: 0 auto;
}
.feature-banner-image,
.featured-banner-info {
	display: inline-block;
	vertical-align: middle;
	width: 45%;
	margin: 0 2.5%;
}
.feature-banner-image img {
	display: block;
	width: 90%;
	height: auto;
	margin: 0 0 0 auto;
}
.featured-banner-info h2 {
	font-size: 3em;
	line-height: 0.9em;
}
.featured-banner-info h2 a {color: #000700;}
.featured-banner-info h2 a:hover {color: #c10230;}


/* -------------------------------------------------------------------------------------------- */
/* Products Category Rows ---------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
.post-section-title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0;
	margin-bottom: 32px;
}
.post-section-title h2 {
	margin: 0;
	font-size: 2.5em;
	line-height: 1em;
}


/* -------------------------------------------------------------------------------------------- */
/* Product Cateogry Archives ---------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
p.breadcrumbs {
	display: inline-block;
	padding: 5px 0 0 0;
	line-height: 1.5em !important;
}
.archive-breadcrumbs {
	margin: 0 0 4px;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.85em;
	line-height: 1em;
}
.archive-breadcrumbs a:before {
	content: url(../images/arrow-right-red.png);
	transform: scale(0.65);
	display: inline-block;
	margin: 0 5px;
}
.archive-breadcrumbs a:first-child:before {display: none;}
.archive-product-list-item {
	display: inline-block;
	vertical-align: bottom;
	width: 33.3333%;
}
.archive-title-logo {
	position: relative;
	display: block;
	height: auto;
	width: 70%;
	max-width: 360px;
	margin: 16px auto 0;
}


/* -------------------------------------------------------------------------------------------- */
/* Archive Filters ---------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
.archive-filter-section {
	position: relative;
	display: block;
	margin-bottom: 25px;
	text-align: center;
}
.archive-filter-section h4 {
	border-bottom: 1px solid #000700;
	padding-bottom: 8px;
	margin-bottom: 0;
	font-weight: 400;
	font-size: 0.85em;
}
.archive-filters {
	position: relative;
	display: block;
	margin-top: 6px;
}
.archive-filters div {
	display: none;
	padding: 2px 4px 3px;
	margin: 0 2px;
	border: 1px solid;
	color: #c10230;
	line-height: 1em;
	font-size: 0.7em;
	cursor: pointer;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.archive-filters div:hover {color: #c10230;}
.archive-filters div.not-active {color: #a4a7a9;}
.archive-filters div.not-active:hover {color: #000700;}

/* hide tag filters on Fertilizer and Grain Handling category */
.tag-129 .archive-filter-section h4,
.tag-129 .archive-filters {display: none;}



/* -------------------------------------------------------------------------------------------- */
/* Display Grid - for products/brands ---------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
.product-grid-item {
	position: relative;
	overflow: hidden;
	display: block;
	max-width: 400px;
	margin: 24px auto;
	border: 2px solid #000700;
	background: #fff;
	-webkit-box-shadow: 8px 8px 0 rgb(0,7,0,0.15);
	-moz-box-shadow: 8px 8px 0 rgb(0,7,0,0.15);
	box-shadow: 8px 8px 0 rgb(0,7,0,0.15);
	color: var(--black);
	-webkit-transition: transform 0.25s ease, box-shadow 0.25s ease;
	-moz-transition: transform 0.25s ease, box-shadow 0.25s ease;
	-o-transition: transform 0.25s ease, box-shadow 0.25s ease;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.product-grid-item:has(.featured) {border-color: #ddad2a;}
figure.product-grid-item.hide-post {display: none;}
.product-grid-item:hover {
	border-color: #c10230;
	transform: scale(1.05);
	-webkit-box-shadow: 4px 4px 10px rgb(0,7,0,0.1);
	-moz-box-shadow: 4px 4px 10px rgb(0,7,0,0.1);
	box-shadow: 4px 4px 10px rgb(0,7,0,0.1);
	color: #000700;
}
.product-grid-item-link {
	display: block;
	width: 100%;
	padding: 0;
	border: none;
	outline: none;
	background: none;
	color: #000700;
}
.product-grid-item .product-grid-item-link:hover {color: #000700;}
.product-grid-item .product-grid-photo img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	transform: scale(0.95);
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.product-grid-item .product-grid-name {
	padding: 8px 12px 20px;
	text-align: center;
	color: #000700;
}
.product-grid-item:hover .product-grid-name {color: #fff;}
.product-grid-item .product-grid-item-link .product-grid-name h3 {
	display: block;
	margin: 0;
	transform: translate3d(0,0,0);
	font-size: 1.425em;
	line-height: 1em;
	color: #000700;
}
.product-grid-item .product-grid-item-link:hover .product-grid-name h3 {color: #c10230;}
.product-grid-item h4 {margin: 4px 0;}
.product-grid-details {
	display: block;
	width: 100%;
}
.product-grid-details .product-grid-mfg {
	flex-grow: 1;
	display: block;
	min-width: 50%;
	height: auto;
	max-height: 60px;
	min-height: 60px;
	background: #f4f3ee;
}
.product-grid-details .product-grid-mfg:hover {background: #e4e4e4;}
.product-grid-mfg img {
	position: absolute;
	left: 50%;
	display: block;
	height: 100%;
	width: 60%;
	margin: 0 auto;
	padding: 8px;
	object-fit: contain;
	object-position: center;
	transform: translate3d(-50%,0,0);
}

/* Product grid pricing ---------------------------------------------- */
.grid-prices {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: stretch;
	width: 100%;
}
.grid-prices .price-container {
	flex-grow: 1;
	position: relative;
	display: block;
	height: auto;
	padding: 8px;
	background: #000700;
	color: #fff;
	text-align: center;
}
.grid-prices .price-container.retail-price-container {min-width: calc(50% + 8px);}
.grid-prices .price-container.tradeshow-price-container {width: calc(50% - 8px); background: #c10230;}
.grid-prices .price-container.tradeshow-price-container:before {
	content: '';
	position: absolute;
	left: -9px;
	top: 0;
	display: block;
	width: 10px;
	height: 100%;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 90% 50%);
	background: #c10230;
}
.grid-prices .price-container h5 {
	margin: 0;
	color: #fff;
	font-size: 0.5em;
	font-weight: 700;
	line-height: 1em;
	text-transform: uppercase;
}
.grid-prices .price-container .grid-price {
	margin: 1px 0 2px;
	font-family: "urw-din-condensed", sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1em;
}
.grid-prices .price-container .grid-price:before {
	content: '$';
	vertical-align: super;
	font-size: 0.6em;
	line-height: 1em;
}

/* Product Listings alterations (new, sale, featured) ---------------------------------------------- */
/* ------------------------------------------------------------------------------- */
.product-grid-tags {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: block;
	line-height: 1em;
}
.product-grid-tags span {
	position: relative;
	padding: 2px 8px 6px;
	font-family: "urw-din-condensed", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
}
.product-grid-tags span.featured {display: inline-block; background: #ddad2a;}
.product-grid-tags span.sale {display: inline-block; background: #c10230;}
.product-grid-tags span.new {display: inline-block; background: #3D8643;}


/* -------------------------------------------------------------- */
/* Hide based on country ------------------------------- */
/* -------------------------------------------------------------- */
main:not(.country-us) .product-10641,
main:not(.country-us) .product-10669,
main:not(.country-us) .product-10671,
main:not(.country-us) .product-11471,
main:not(.country-us) figure.duck-foot {
  display: none;
}


@media screen and (min-width: 360px) {

	/* -------------------------------------------------------------------------------------------- */
	/* Display Grid - for products/trade shows ---------------------------------------------- */
	/* -------------------------------------------------------------------------------------------- */
	.product-grid {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: stretch;
		gap: 4vw 4%;
	}
	.product-grid-item {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		width: 48%;
		margin: 0;
	}
	.product-grid-item-link {margin-bottom: auto;}
	.product-grid-item .product-grid-photo {height: auto; width: 100%;}
	.product-grid-item .product-grid-photo img {
		width: 100%;
		height: 100%;
		margin: 0;
		object-fit: contain;
		transform: scale(0.95);
	}
	.product-grid-details {margin-top: auto;}

}

@media screen and (min-width: 560px) {

	/* Product Listings ---------------------------------------------- */
	/* ------------------------------------------------------------------------------- */
	.product-grid-item-link {margin-bottom: auto;}
	.product-grid-details {margin-top: auto;}

}

@media screen and (min-width: 860px) {

	.product-grid {gap: 32px 3%;}
	.product-grid-item {width: 31.3333%;}
	#related-products .product-grid-item:nth-child(4) {display: none;}

}

@media screen and (min-width: 1280px) {

	.product-grid {gap: 36px 2.6667%;}
	.product-grid-item {width: 23%;}
	#related-products .product-grid-item:nth-child(4) {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

}





/* -------------------------------------------------------------------------------------------- */
/* Featured tags ---------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
.product-tag {
	display: inline-block;
	padding: 6px;
	margin: 4px;
	text-transform: uppercase;
	color: #fff;
	line-height: 1em;
	font-weight: 500;
	font-size: 0.85em;
}
.product-tag.empty {display: none;}
.product-tag.feature-tag {background: #d1a50a;}
.product-tag.sale-tag {background: #c10230;}
.product-tag.green-tag {background: #02c169;}
.price {
	font-size: 1.75em;
	color: #c10230;
	font-weight: 700;
	line-height: 1em;
}
.add-to-cart .price {
	display: inline-block;
	border: 2px solid #c10230;
	padding: 5px 12px 5px 6px;
}
.strikethrough {text-decoration: line-through;}
.price-symbol {
	position: relative;
	top: -0.075em;
	display: inline-block;
	transform: scale(0.65);
}

/* -------------------------------------------------------------------------------------------- */
/* Individual Product content - top bar ---------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
.product-top {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.product-top-left {flex-grow: 1;}
.product-top-right {flex-grow: 1; text-align: right;}
.product-top h1 {
	display: inline-block;
	margin: 0 10px 0 0;
	text-align: left;
}
.product-top .product-tag {
	position: relative;
	top: -6px;
	margin: 6px 0 0;
}
.product-top p {
	margin: 0;
	text-transform: uppercase;
	color: #a4a7a9;
	font-weight: 400;
	font-size: 0.7em;
	line-height: 1em;
}
.product-top-right h2,
.product-top-right h4 {
	display: inline-block;
	margin: 0;
}
.product-top-right h2 {
	font-family: "urw-din", sans-serif;
	font-weight: 700;
	font-size: 2.5em;
	color: #c10230;
	font-style: normal;
	letter-spacing: -0.05em;
}
.product-top-right h4 {
	margin-left: 10px;
	font-weight: 400;
}

.mfg-external-sales {
	position: relative;
	margin: 24px 0 0;
	padding: 8px 12px;
	border: 1px solid;
	font-size: 0.8em;
	line-height: 1.5em;
}

/* -------------------------------------------------------------------------------------------- */
/* Individual Product content - gallery ---------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
.half-column.product-gallery {max-width: 512px; margin: 0 auto;}
.product-gallery .bx-viewport {height: 89.6vw; max-height: 512px;}
.product-gallery-box {
	display: block;
	width: 100%;
	height: 100%;
}
.product-gallery-box li {height: 100%;}
.product-gallery-box .row .col {
	height: 100%;
	padding: 0 40px;
	position: relative;
}
.product-gallery-box .product-video .col {padding: 0;}
.product-gallery-box iframe {width: 100%;}
.product-gallery-box .product-active-slide-img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.product-gallery-box img {
	display: block;
	width: 100%;
	height: 100%;
	object-position: center center;
	object-fit: contain;
}
.content .product-gallery ul li {margin: 0;}
.content .product-gallery ul li:before {display: none;}
.product-main-image-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 4px 8px;
	background: #aaa;
	color: #fff;
	font-size: 0.6em;
	line-height: 1.25em;
}
.aricks-australia .product-main-image-caption {background: #ff7e18;}
.copperhead-ag .product-main-image-caption {background: #00452b;}
.duck-foot .product-main-image-caption {background: #FFC100; color: #000700;}
.flexend .product-main-image-caption {background: #a41e24;}
.flo-rite .product-main-image-caption {background: #005C51;}
.go-tech .product-main-image-caption {background: #c10230;}
.ipaddock .product-main-image-caption {background: #188049;}
.jenkins-iron-and-steel .product-main-image-caption {background: #ee342c;}
.martintill .product-main-image-caption {background: #005581;}
.mudsmith .product-main-image-caption {background: #be1e2d;}
.protexia .product-main-image-caption {background: #0021a3;}
.rk-products .product-main-image-caption {background: #00452b;}
.rrv-canola-disk .product-main-image-caption {background: #ed1c24;}
.schergain .product-main-image-caption {background: #d79f46;}
.schnell-planter-hitches .product-main-image-caption {background: #953137;}
.sunco .product-main-image-caption {background: #ff7e18;}
.tsm-ag .product-main-image-caption {background: #c10230;}
#bx-pager {display: block;}
#bx-pager a {
	display: inline-block;
	width: 19%;
	margin: 0 1.25% 8px 0;
	border: 1px solid #a4a7a9;
}
#bx-pager a.active {border: 1px solid #000700;}
#bx-pager a:nth-child(5n+5) {margin-right: 0;}
#bx-pager a:after {display: none;}
#bx-pager a:hover {border: 1px solid #c10230;}
#bx-pager img {
	display: block;
	width: 100%;
	height: auto;
}
#bx-pager .col {height: 16.4vw; text-align: center;}
#bx-pager .col img {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	object-position: center center;
	object-fit: cover;
}

@media screen and (min-width: 580px) { #bx-pager .col {height: 95px;} }
@media screen and (min-width: 900px) {
	.product-gallery .bx-viewport {height: 42.3vw;}
	.half-column.product-info {width: calc(50% - 24px);}
	#bx-pager .col {height: 7.8vw;}
}
@media screen and (min-width: 1200px) { #bx-pager .col {height: 95px;} }
@media screen and (min-width: 1333px) {	.product-gallery .bx-viewport {height: 526px;} }


/* -------------------------------------------------------------- */
/* Single Product - Video Section ------------------------------- */
/* -------------------------------------------------------------- */
/* more at screen.css ------------------------------- */

/* Two Videos ------------------------------- */
.product-videos-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.product-videos-wrapper a {
	position: relative;
	display: block; 
	width: 49%; 
	margin: 20px 0; 
	background: #fff;
}
.product-videos-wrapper a img {
	position: relative;
	z-index: 2;
	display: block; 
	width: 100%; 
	height: auto; 
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
@media screen and (max-width: 767px) {
	#product-video-gallery,
	.single #youtube-gallery {
		margin-top: 24px; 
		width: 111.11112%; 
		margin-left: -5.55556%;
	}
}


/* -------------------------------------------------------------------------------------------- */
/* Individual Product content - features, benefits and compatibility -------------------------- */
/* -------------------------------------------------------------------------------------------- */
.product-main-description {position: relative;}
.product-main-description + .columns {margin-top: 48px;}
.product-compat .checkmark-list {display: block; margin-top: 10px;}
.product-compat .checkmark-list li {
	display: inline-block;
	margin: 0 6px 8px 0;
	padding: 10px 15px;
	border: 1px solid #c10230 !important;
	font-weight: 500;
}
.product-compat .checkmark-list li:before {
	float: none;
	display: inline-block;
	margin-left: 0;
	margin-right: 10px;
}

#product-details .product-articles .buttons-wrapper {margin-top: 0;}


/* -------------------------------------------------------------------------------------------- */
/* Compatibility chart - using ACF table field -------------------------- */
/* -------------------------------------------------------------------------------------------- */
.spec-chart {
	position: relative;
	overflow-x: scroll;
	display: -ms-grid;
	display: grid;
	justify-content: stretch;
	align-content: stretch;
	background: #f4f3ee;
	border: 1px solid #000700;
	border-left: 2px solid #000700;
	box-shadow: 8px 8px 0 rgba(0,7,0,0.15);
}
.spec-chart.spec-chart-columns-1 {grid-template-columns: 1fr;}
.spec-chart.spec-chart-columns-2 {grid-template-columns: 1fr 1fr;}
.spec-chart.spec-chart-columns-3 {grid-template-columns: 1fr 1fr 1fr;}
.spec-chart.spec-chart-columns-4 {grid-template-columns: 1fr 1fr 1fr 1fr;}
.spec-chart.spec-chart-columns-5 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.spec-chart.spec-chart-columns-6 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
.spec-chart.spec-chart-columns-7 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
.spec-chart.spec-chart-columns-8 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
.spec-chart.spec-chart-columns-9 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
.spec-chart.spec-chart-columns-0 {grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));}
.spec-chart-cell {
	position: relative;
	padding: 8px;
	border-right: 1px solid #000700;
	border-bottom: 1px solid #000700;
	font-size: 0.85em;
	line-height: 1.125em;
}
.spec-chart-cell.spec-chart-head-cell {
	background: #000700 !important;
	color: #fff !important;
	font-weight: 600;
	text-transform: uppercase;
}
.spec-chart.column-header-yes.spec-chart-columns-1 .spec-chart-cell:nth-child(1n+1),
.spec-chart.column-header-yes.spec-chart-columns-2 .spec-chart-cell:nth-child(2n+1),
.spec-chart.column-header-yes.spec-chart-columns-3 .spec-chart-cell:nth-child(3n+1),
.spec-chart.column-header-yes.spec-chart-columns-4 .spec-chart-cell:nth-child(4n+1),
.spec-chart.column-header-yes.spec-chart-columns-5 .spec-chart-cell:nth-child(5n+1),
.spec-chart.column-header-yes.spec-chart-columns-6 .spec-chart-cell:nth-child(6n+1),
.spec-chart.column-header-yes.spec-chart-columns-7 .spec-chart-cell:nth-child(7n+1),
.spec-chart.column-header-yes.spec-chart-columns-8 .spec-chart-cell:nth-child(8n+1),
.spec-chart.column-header-yes.spec-chart-columns-9 .spec-chart-cell:nth-child(9n+1) {
	background: #f4f3ee;
	font-weight: 600; 
	text-transform: uppercase;
}


/* -------------------------------------------------------------------------------------------- */
/* Model Viewer ---------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
#model-viewer {
	position: relative;
	display: block;
	height: 0;
	max-height: 800px;
	width: 100%;
	-webkit-transition: height 0.5s ease;
	-moz-transition: height 0.5s ease;
	-o-transition: height 0.5s ease;
	transition: height 0.5s ease;
}
#model-viewer.model-loaded {height: 60vw;}
:not(:defined) > * {display: none;}
#model-viewer-app {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}
model-viewer {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
}
.Hotspot {
	position: relative;
	width: 24px;
	height: 24px;
	padding: 8px;
	background: transparent;
	border: 0;
	border-radius: 24px;
	box-sizing: border-box;
	cursor: pointer;
	transition: opacity 0.3s;
}
.Hotspot:not([data-visible]) {
	background: transparent;
	border: 4px solid #fff;
	box-shadow: none;
	height: 32px;
	pointer-events: none;
	width: 32px;
}
.Hotspot > * {opacity: 1; transform: translateY(-50%);}
.Hotspot:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 100%;
	height: 100%;
	background: #c10230;
	border-radius: 50%;
	transform: translate3d(-50%,-50%,0) scale(1);
	pointer-events: none;
	animation: hotSpotPulse 5s infinite forwards;
}
.Hotspot:focus:after {
	background: #000700;
	animation: none;
}
@keyframes hotSpotPulse {
	0% {transform: translate3d(-50%,-50%,0) scale(1);}
	85% {transform: translate3d(-50%,-50%,0) scale(1);}
	90% {transform: translate3d(-50%,-50%,0) scale(0.9);}
	95% {transform: translate3d(-50%,-50%,0) scale(1.25);}
	100% {transform: translate3d(-50%,-50%,0) scale(1);}
}
.Hotspot:not([data-visible]):after {background: transparent;}
.HotspotArrow {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 1;
	display: none;
	width: 100%;
	height: 100%;
	background: #000700;
	transform: translate3d(0,-50%,0);
	clip-path: polygon(100% 0%, 100% 100%, 0 50%);
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.Hotspot:focus .HotspotArrow {background: #c10230;}
.HotspotAnnotation {
	position: absolute;
	top: 50%;
	left: calc(100% + 8px);
	z-index: 2;
	display: block;
	max-width: 160px;
	width: max-content;
	padding: 8px 12px;
	background: #000700;
	border: 2px solid #000700;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0 100%);
	color: #000700;
	font-family: Futura, Helvetica Neue, sans-serif;
	font-size: 0.85em;
	font-weight: 600;
	line-height: 1.25em;
	text-align: left;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.Hotspot:focus .HotspotAnnotation {
	border-color: #000700; 
	background: #000700;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0 100%);
	color: #fff;
}
.Hotspot:not([data-visible]) > * {
	opacity: 0;
	pointer-events: none;
	transform: translateY(calc(-50% + 4px));
	transition: transform 0.3s, opacity 0.3s;
}

@media screen and (min-width: 750px) {
	#model-viewer-app {display: block;}
	.Hotspot:after {display: none;}
	.HotspotArrow {display: block;}
	.HotspotAnnotation{
		left: 100%;
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0 100%);
		color: #fff;
	}
	.Hotspot:focus .HotspotAnnotation {
		border-color: #c10230; 
		background: #c10230;
	}
}

.progress-bar {
	display: block;
	width: 33%;
	height: 8%;
	max-height: 4%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	box-shadow: 8px 8px 0 rgba(0,7,0,0.25);
	border: 3px solid #000700;
}
.progress-bar.hide {visibility: hidden; transition: visibility 0.3s;}
.update-bar {
	background-color: #c10230;
	width: 0%;
	height: 100%;
	float: left;
	transition: width 0.3s;
}
#ar-button {
	position: absolute;
	left: 50%;
	bottom: 16px;
	height: 36px;
	padding: 0px 16px 0px 40px;
	background-image: url('https://thunderstruckag.com/wp-content/uploads/2023/06/ar_icon_red.png');
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 12px 50%;
	background-color: #fff;
	border-radius: 18px;
	border: 1px solid #DADCE0;
	transform: translateX(-50%);
	font-family: Roboto Regular, Helvetica Neue, sans-serif;
	font-size: 0.65em;
	line-height: 1em;
	text-transform: uppercase;
	color:#c10230;
	white-space: nowrap;
}
#ar-button:active {background-color: #E8EAED;}
#ar-button:focus {outline: none;}
#ar-button:focus-visible {outline: 1px solid #4285f4;}

@keyframes circle {
	from { transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg); }
	to   { transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg); }
}
@keyframes elongate {
	from { transform: translateX(100px); }
	to   { transform: translateX(-100px); }
}

model-viewer > #ar-prompt {
	position: absolute;
	left: 50%;
	bottom: 60px;
	animation: elongate 2s infinite ease-in-out alternate;
	display: none;
}
model-viewer[ar-status="session-started"] > #ar-prompt {display: block;}
model-viewer > #ar-prompt > img {animation: circle 4s linear infinite;}


/* -------------------------------------------------------------------------------------------- */
/* Testimonials ---------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
.product-testimony {
	position: relative;
	width: 100%;
	max-width: 1000px;
	margin: 0 0 32px;
}
.product-testimony:nth-child(even) {margin-left: auto;}
.product-testimony:last-child {margin-bottom: 0;}
.product-testimony-writeup {
	position: relative;
	width: calc(100% - 40px);
	padding: 16px 24px 24px;
	margin: 0;
	border: 2px solid #000700;
	background: #fff;
	box-shadow: 8px 8px 0 rgba(0,7,0,0.25);
}
.bg-beige .product-testimony-writeup {background: #f4f3ee;}
.bg-primary .product-testimony-writeup {background: #c10230; border-color: #fff;}
.bg-black .product-testimony-writeup {background: #000700; border-color: #fff; box-shadow: 8px 8px 0 rgba(255,255,255,0.25);}
.product-testimony:nth-child(even) .product-testimony-writeup {margin-left: auto;}
.product-testimony-writeup svg {
	fill: #000700;
	position: absolute;
	bottom: -2px;
	display: none;
	height: 40px;
}
.product-testimony-writeup svg.bubble-arrow-left {right: 100%; width: 46px; transform: translate3d(6px,0,0);}
.product-testimony-writeup svg.bubble-arrow-right {left: 100%; width: 40px;}
.product-testimony-writeup svg.bubble-arrow-left {
	-webkit-filter: drop-shadow(0 8px 0 rgba(0,7,0,0.25));
	filter: drop-shadow(0 8px 0 rgba(0,7,0,0.25));
}
.product-testimony-writeup svg.bubble-arrow-right {
	-webkit-filter: drop-shadow(10px 8px 0 rgba(0,7,0,0.25));
	filter: drop-shadow(10px 8px 0 rgba(0,7,0,0.25));
}
.bg-black .product-testimony-writeup svg.bubble-arrow-left {
	-webkit-filter: drop-shadow(0 8px 0 rgba(255,255,255,0.25));
	filter: drop-shadow(0 8px 0 rgba(255,255,255,0.25));
}
.bg-black .product-testimony-writeup svg.bubble-arrow-right {
	-webkit-filter: drop-shadow(10px 8px 0 rgba(255,255,255,0.25));
	filter: drop-shadow(10px 8px 0 rgba(255,255,255,0.25));
}
.product-testimony:nth-child(even) .product-testimony-writeup svg.bubble-arrow-left {display: block;}
.product-testimony:nth-child(odd) .product-testimony-writeup svg.bubble-arrow-right {display: block;}
.product-testimony-writeup svg polygon {position: relative;}
.product-testimony-writeup svg polygon.bubble-fill {z-index: 2; fill: #fff;}
.product-testimony-writeup svg polygon.bubble-outline {z-index: 1; fill: #000700;}
.bg-beige .product-testimony-writeup svg polygon.bubble-fill {fill: #f4f3ee;}
.bg-primary .product-testimony-writeup svg polygon.bubble-fill {fill: #c10230;}
.bg-black .product-testimony-writeup svg polygon.bubble-fill {fill: #000700;}
.bg-primary .product-testimony-writeup svg polygon.bubble-outline,
.bg-black .product-testimony-writeup svg polygon.bubble-outline {fill: #fff;}

.product-testimony-credits {
	position: absolute;
	bottom: 1px;
	display: inline-block;
	padding: 3px 12px 4px;
	background: #000700;
	border-radius: 12px;
	transform: translate3d(0,50%,0);
	color: #fff;
	font-weight: 600;
	font-size: 0.85em;
	line-height: 1em;
}
.bg-primary .product-testimony-credits,
.bg-black .product-testimony-credits {background: #fff; color: #000700;}
.product-testimony:nth-child(odd) .product-testimony-credits {right: 24px;}
.product-testimony:nth-child(even) .product-testimony-credits {left: 24px;}
.product-testimony-location {
	font-size: 0.7em;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: 400;
	font-style: italic;
}

.product-testimony-rating {
	position: absolute;
	bottom: -10px;
	display: inline-block;
}
.product-testimony:nth-child(odd) .product-testimony-rating {left: 24px;}
.product-testimony:nth-child(even) .product-testimony-rating {right: 24px;}
.review-rating {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	margin: 0 2px;
}
.review-rating .star-border {stroke: #fff; stroke-width: 6px;}
.bg-beige .review-rating .star-border {stroke: #f4f3ee;}
.bg-primary .review-rating .star-border {stroke: #c10230;}
.bg-black .review-rating .star-border {stroke: #000700;}

.review-rating .star-gold {stroke: #c10230; stroke-width: 1px;}
.bg-primary .review-rating .star-gold,
.bg-black .review-rating .star-gold {stroke: #f4ca19;}

.product-testimony-rating-1 .review-rating-one,
.product-testimony-rating-2 .review-rating-one,
.product-testimony-rating-2 .review-rating-two,
.product-testimony-rating-3 .review-rating-one,
.product-testimony-rating-3 .review-rating-two,
.product-testimony-rating-3 .review-rating-three,
.product-testimony-rating-4 .review-rating-one,
.product-testimony-rating-4 .review-rating-two,
.product-testimony-rating-4 .review-rating-three,
.product-testimony-rating-4 .review-rating-four,
.product-testimony-rating-5 .review-rating-one,
.product-testimony-rating-5 .review-rating-two,
.product-testimony-rating-5 .review-rating-three,
.product-testimony-rating-5 .review-rating-four,
.product-testimony-rating-5 .review-rating-five {
	fill: #f4ca19;
}

.animate-stars .product-testimony-rating-1 .review-rating-one,
.animate-stars .product-testimony-rating-2 .review-rating-one,
.animate-stars .product-testimony-rating-3 .review-rating-one,
.animate-stars .product-testimony-rating-4 .review-rating-one,
.animate-stars .product-testimony-rating-5 .review-rating-one {animation: starBounce 0.8s 1 0s forwards;}
.animate-stars .product-testimony-rating-2 .review-rating-two,
.animate-stars .product-testimony-rating-3 .review-rating-two,
.animate-stars .product-testimony-rating-4 .review-rating-two,
.animate-stars .product-testimony-rating-5 .review-rating-two {animation: starBounce 0.8s 1 0.1s forwards;}
.animate-stars .product-testimony-rating-3 .review-rating-three,
.animate-stars .product-testimony-rating-4 .review-rating-three,
.animate-stars .product-testimony-rating-5 .review-rating-three {animation: starBounce 0.8s 1 0.2s forwards;}
.animate-stars .product-testimony-rating-4 .review-rating-four,
.animate-stars .product-testimony-rating-5 .review-rating-four {animation: starBounce 0.8s 1 0.3s forwards;}
.animate-stars .product-testimony-rating-5 .review-rating-five {animation: starBounce 0.8s 1 0.4s forwards;}

@keyframes starBounce {
	0% {transform: translate3d(0,0,0); animation-timing-function: cubic-bezier(0,.5,.5,1);}
	32% {transform: translate3d(0,-10px,0); animation-timing-function: cubic-bezier(.5,0,1,.5);}
	64% {transform: translate3d(0,0,0); animation-timing-function: cubic-bezier(0,.5,.5,1);}
	82% {transform: translate3d(0,-3px,0); animation-timing-function: cubic-bezier(.5,0,1,.5);}
	100% {transform: translate3d(0,0,0);}
}

@media screen and (min-width: 440px) {
	.product-testimony:nth-child(odd) .product-testimony-credits {right: 54px;}
	.product-testimony:nth-child(even) .product-testimony-credits {left: 54px;}
}

@media screen and (min-width: 560px) {
	.product-testimony-writeup {
		width: calc(100% - 80px);
		padding: 24px 32px 32px;
	}
	.product-testimony:nth-child(odd) .product-testimony-credits {right: 106px;}
	.product-testimony:nth-child(even) .product-testimony-credits {left: 106px;}
	.product-testimony-rating {bottom: -12px;}
	.review-rating {width: 24px; height: 24px;}
	.product-testimony:nth-child(odd) .product-testimony-rating {left: 32px;}
	.product-testimony:nth-child(even) .product-testimony-rating {right: 32px;}
}


/* -------------------------------------------------------------------------------------------- */
/* Downloads ---------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
.download-files-list {position: relative; display: block; margin-top: 8px;}
.download-files-list .download-file {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	
	width: 100%;
	padding: 8px 12px;
	margin-bottom: 4px;
	border: 2px solid #f4f3ee;
	background: #f4f3ee;
	font-family: "urw-din-condensed", sans-serif;
	font-weight: 500;
	text-align: center;
	line-height: 1.125em;
	white-space: normal;
}
.bg-beige .download-files-list .download-file {background: #fff;}
.download-files-list .download-file:hover {background: #fff; border-color: #c10230;}
.bg-beige .download-files-list .download-file:hover {background: #f4f3ee;}
.download-files-list .download-file span {
	flex-grow: 1; 
	display: block; 
	margin-top: 0; 
	font-weight: 600; 
	text-align: left;
}
.download-files-list .download-file svg {fill: #c10230;}
.download-files-list .download-file svg polygon,
.download-files-list .download-file svg rect {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.download-files-list .download-file svg .top-bar {transform-origin: left center; transform: scaleX(1);}
.download-files-list .download-file:hover svg .top-bar {transform: scaleX(0.54);}
.download-files-list .download-file svg .right-bar {transform-origin: center bottom; transform: scaleY(1);}
.download-files-list .download-file:hover svg .right-bar {transform: scaleY(0.65);}

.download-files-list .download-file svg .page-fold {transform-origin: center center; transform: translate(16px,-5px) rotate(-45deg);}
.download-files-list .download-file:hover svg .page-fold {transform: translate(10px,2px) rotate(-45deg);}

.download-files-list .download-file svg .fold-bottom {transform-origin: right center; transform: translateY(-14px) scaleX(0);}
.download-files-list .download-file:hover svg .fold-bottom {transform: translateY(0) scaleX(1);}
.download-files-list .download-file svg .fold-left {transform-origin: center top; transform: translateX(14px) scaleY(0);}
.download-files-list .download-file:hover svg .fold-left {transform: translateX(0) scaleY(1);}

@media screen and (min-width: 500px) {
	.download-files-list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		gap: 12px;
	}	
	.download-files-list .download-file {
		display: block;				
		width: calc(33.3333% - 8px);
		padding: 18px 12px;
		margin-bottom: 0;
	}
	.download-files-list .download-file span {margin-top: 4px; text-align: center;}
}

@media screen and (min-width: 640px) {
	.download-files-list {gap: 12px;}	
	.download-files-list .download-file {width: calc(25% - 9px);}
}

@media screen and (min-width: 950px) {
	.download-files-list {gap: 12px;}	
	.download-files-list .download-file {width: calc(20% - 9.6px);}
}


/* ------------------------------------------------------------------------------ */
/* Calculators --------------------------------------- */
/* ------------------------------------------------------------------------------ */
.calculator {
	position: relative;
	border: 3px solid #000700;
	-webkit-box-shadow: 8px 8px 0 rgb(0,7,0, 0.15);
	-moz-box-shadow: 8px 8px 0 rgb(0,7,0, 0.15);
	box-shadow: 8px 8px 0 rgb(0,7,0, 0.15);
}
.calculator-heading {
	padding: 8px 8px 13px;
	margin: 0;
	background: #000700;
	color: #fff;
	text-align: center;
}
.bg-beige .calculator-heading {color: #f4f3ee;}
.calculator-columns {position: relative;}
.calculator-column {position: relative;}
.calculator-subheading {
	position: relative;
	display: block;
	width: 100%;
	padding: 5px 0;
	background: #f0efef;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.125em;
}
.calculator-row {
	position: relative;
	background: #fff;
	font-size: 0.85em;
	line-height: 1.3em;
}
.calculator-row:nth-child(n + 2) {border-top: 1px solid #f4f3ee}

/* Calculator fields --------------------------------------- */
/* ------------------------------------------------------------------------------ */
.calculator-field-container {
	position: relative;
	padding: 12px 18px;
	border-top: 1px solid #f4f3ee;
}
.calculator-row label {
	position: relative;
	display: block;
	padding: 0;
	margin: 0 0 6px;
	color: #000700;
	font-weight: 600;
	text-transform: uppercase;
}
.calculator-row label em {
	color: #aaa;
	text-transform: initial;
}
.calculator-field {position: relative;}
.calculator-field input,
.calculator-field select {
	position: relative;
	display: block;
	width: 100%;
	padding: 6px 8px;
	background: none;
	border: 1px solid #000700;
	outline: none;
	line-height: 1.4em;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
}
.calculator-field input:focus,
.calculator-field select:focus {
	border-color: #c10230;
}
.calculator-select-field:after {
	content: '';
	position: absolute;
	right: 8px;
	top: 50%;
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #000700;
	transform: translate3d(0,-50%,0);
	pointer-events: none;
}

.highlight-field {background: #c10230;}
.calculator-row .highlight-field label {color: #fff;}
.highlight-field input,
.highlight-field select {
	background: #840020;
	color: #fff;
}

/* Calculator Results --------------------------------------- */
/* ------------------------------------------------------------------------------ */
.calculator-results {
	position: relative;
	display: block;
	padding: 12px 16px;
	background: #c10230;
	border-top: 1px solid #000700;
	color: #fff;
	text-align: center;
}
.calculator-results-title {
	position: relative;
	flex-grow: 1;
}
.calculator-results-title span {
	position: relative;
	z-index: 2;
	padding: 0 8px;
	background: #c10230;
	font-family: "urw-din-condensed", sans-serif;
	font-size: 1.75em;
	line-height: 1em;
}
.calculator-results-title:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 2px;
	background: #fff;
	transform: translate3d(0,-1px,0);
}
.calculator-results-container {
	position: relative;
	margin-top: 8px;
	border: 2px solid #fff;
}
.calculator-result {
	position: relative;
	padding: 10px 8px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1em;
}
.calculator-result:nth-child(n + 2) {border-top: 1px solid #fff;}
.calculator-result span {font-size: 1.4em;}

/* Calculator notes --------------------------------------- */
/* ------------------------------------------------------------------------------ */
.calculator-comments {
	text-align: left;
	padding: 20px 0 0 0;
	font-size: 11px;
	line-height: 1.3em;
}

@media (min-width: 600px) {
	.calculator-columns {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		justify-content: space-between;
		align-items: stretch;
	}
	.calculator-column {flex-grow: 1; width: 20%;}
	.calculator-column:nth-child(even) {border-left: 1px solid #000700;}
	
	.calculator-row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
	}
	.calculator-field-container {flex-grow: 1; width: 50%;}
	.calculator-field-container:nth-child(odd) {border-right: 1px solid #f4f3ee;}
}

@media (min-width: 700px) {
	.calculator-results {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		justify-content: space-between;
		align-items: center;
		text-align: left;
	}
	.calculator-results-container {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		justify-content: space-between;
		margin: 0;
	}
	.calculator-results-title span {padding: 0 8px 0 0;}
	.calculator-result:nth-child(n + 2) {border-top: 0; border-left: 1px solid #fff;}
}

@media (min-width: 767px) {
	.calculator-field-container {width: 20%;}
	.calculator-field-container:nth-child(even) {border-right: 1px solid #f4f3ee;}
	.calculator-field-container:last-child {border-right: none;}
}