/* -------------------------------------------------------------------------------------------- */
/* Home page ---------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
#hero.home-hero {
	height: auto;
	padding: 80px 0;
}
.home #hero.home-hero h1 {
	margin: 20px 0;
	max-width: 100%;
	text-transform: uppercase;
	text-align: left;
	font-size: 3.5em;
}
.company-wrapper h2.offset-title {
	margin: 0;
	color: #000700;
	line-height: 0.85em;
	transform: translateX(-100px);
	max-width: 112%;
}
.company-wrapper.home-company-wrapper a.button {margin: 20px 0 0;}


/* -------------------------------------------------------------------------------------------- */
/* Featured/New products banner ---------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
#tag-products {
	overflow: hidden;
	padding: 0;
	text-align: center;
}
.tag-products-text {
	width: 100%;
	padding: 18px 5% 24px;
	background: #000700;
}
#tag-products .heading-band {margin: 0;}
#tag-products .ts-ag-product-intro,
#tag-products h2 {
	margin: 0;
	color: #fff;
	font-family: "urw-din-condensed", sans-serif;
	font-style: normal;
	text-transform: uppercase;
}
#tag-products .ts-ag-product-intro {font-size: 2em;}
#tag-products h2 {
	display: inline;
	border-bottom: 1px solid transparent;
	background-image: linear-gradient(#c10230,#c10230);
	background-size: 100% 0.75em;
	background-repeat: no-repeat;
	background-position: left calc(100% + 1px);
	font-size: 3em;
}

.tag-products-text,
.tag-product-lineup {position: relative;}
.tag-product-lineup-container {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: transform 0.5s ease;
	-moz-transition: transform 0.5s ease;
	-o-transition: transform 0.5s ease;
	transition: transform 0.5s ease;
}
.tag-product-lineup-section {position: relative; width: 100vw;}
.tag-product-lineup a {
	position: relative;
	z-index: 1;
	overflow: hidden;
	display: block;
	width: 100%;
	height: auto;
	min-height: 160px;
	padding: 8px 5%;
	border-top: 1px solid #606060;
	cursor: pointer;
}
.tag-product-lineup a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 100%;
	height: 100%;
	background: #c10230;
	transform: translateX(-50%) scaleX(0);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.tag-product-lineup a:hover:before {transform: translateX(-50%) scaleX(1)}
.tag-product-lineup a img.tag-product-logo {
	position: relative;
	display: block;
	width: auto;
	height: 20vw;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.tag-product-lineup a:hover img.tag-product-logo {filter: brightness(10);}

.tag-product-lineup a .tag-product-image {
	position: relative;
	height: 100%;
	width: auto;
	margin: 0;
	pointer-events: none;
}
.tag-product-lineup a .tag-product-image img {
	position: relative;
	display: block;
	height: 100%;
	width: 160px;
	margin: 0 auto;
	transform: scale(1);
	filter: drop-shadow(4px 4px 0 rgba(255,255,255,0.15));
	opacity: 1;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.tag-product-lineup.active a .tag-product-image img {
	filter: grayscale(1) drop-shadow(4px 4px 0 rgba(255,255,255,0.15));
}
.tag-product-lineup.active a:hover .tag-product-image img {
	filter: grayscale(0) drop-shadow(0 0 0 rgba(255,255,255,0.15));
}

.feature-slider-content {flex-grow: 1; margin: 0;}
.product-lineup-cta {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0 0 0 auto;
	font-family: 'urw-din-condensed', sans-serif;
	font-style: italic;
	font-size: 2.125em;
	line-height: 1em;
	text-transform: uppercase;
	text-shadow: 4px 4px 0 rgba(255,255,255,0.3);
	color: #fff;
}
.product-lineup-bottom-details {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	width: 100%;
	margin: auto auto 0;
	padding: 12px;
}
.product-lineup-bottom-name {
	flex-grow: 1;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1em;
	color: #fff;
}
.product-lineup-bottom-mfg {display: none;}
.product-lineup-bottom-mfg img {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0 12px 0 24px;
	object-fit: contain;
	object-position: 50% 50%;
}


/* buttons for slider */
.tag-product-lineup-nav {
	position: relative;
	width: 100%;
	border-top: 1px solid #606060;
	line-height: 1em;
}
.tag-product-lineup-nav span {
	position: relative;
	display: inline-block;
	width: 48px;
	height: 32px;
	margin: 0 4px;
	cursor: pointer;
}
.tag-product-lineup-nav span:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	height: 4px;
	width: 100%;
	background: #c10230;
	border-radius: 4px;
	transform: translate3d(0,-50%,0);
	-webkit-transition: background 0.25s ease;
	-moz-transition: background 0.25s ease;
	-o-transition: background 0.25s ease;
	transition: background 0.25s ease;
}
.tag-product-lineup-nav span.active:after {background: #fff;}
.tag-product-lineup-nav span:hover:after {background: #b77e5c;}
.tag-product-lineup-nav span.active:hover:after {background: #fff;}


@media screen and (min-width: 400px) {
	.tag-product-lineup a {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		gap: 24px;
		align-items: center;
		height: 33.3333vw;
		min-height: 160px;
	}
	.tag-product-lineup a .tag-product-image img {width: auto;}
}


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

	/* Thunder products banner ---------------------------------------------- */
	/* -------------------------------------------------------------------------------------------- */
	.tag-products-text {
		position: absolute;
		top: 48px;
		left: 50%;
		z-index: 2;
		width: 90%;
		padding: 0;
		background: none;
		transform: translateX(-50%);
		pointer-events: none;
	}
	.tag-product-lineup {
		z-index: 1;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		height: 100%;
	}
	.tag-product-lineup a {
		flex-grow: 1;
		overflow: visible;
		flex-direction: column;
		width: 25%;
		height: auto;
		padding: 150px 0 0;
		border-right: 1px solid #606060;
		border-top: none;
	}
	.tag-product-lineup a:last-child {border-right: none;}
	.tag-product-lineup a:hover {z-index: 2;}
	
	
	.tag-product-lineup a .tag-product-image {
		left: 62.5%;
		width: 125%;
		height: 23.5vw;
		margin: 0 0 -32px;
		transform: translate3d(-50%,0,0);
	}
	.tag-product-lineup a .tag-product-image img {
		position: relative;
		top: 50%;
		width: 100%;
		height: auto;
		transform: translate3d(0,-50%,0) scale(0.65);
		filter: grayscale(0) drop-shadow(8px 8px 0 rgba(255,255,255,0.15));
	}
	.tag-product-lineup.active a .tag-product-image img {
		transform: translate3d(0,-50%,0) scale(0.65);
		filter: grayscale(1) drop-shadow(8px 8px 0 rgba(255,255,255,0.15));
		opacity: 0.65;
	}
	.tag-product-lineup a:hover .tag-product-image img {
		transform: translate3d(0,-50%,0) scale(0.9);
		filter: grayscale(0);
		opacity: 1;
	}
	.tag-product-lineup a.tag-missile:hover .tag-product-image img {
		transform: translate3d(0,-50%,0) scale(0.75);
	}
	
	
	.feature-slider-content {
		flex-grow: initial;
		align-items: flex-end;
		width: 100%;
		margin: auto 0 0 0;
	}
	.product-lineup-cta {
		padding: 8px 5% 16px;
		margin: 8px auto;
	}
	.product-lineup-bottom-details {
		height: 100px;
		background: rgba(255,255,255,0.1);
	}
	.product-lineup-bottom-name {text-align: left;}
	.product-lineup-bottom-mfg {
		position: relative;
		display: block;
		width: 160px;
		height: 100%;
	}

}


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

	/* Hero ---------------------------------------------- */
	#hero.home-hero {padding: 60px 0;}
	
}


@media screen and (min-width: 1080px) {
	.product-lineup-mfg {width: 50%; height: 8vw;}
	.product-lineup-mfg img {padding: 24px 0;}
}