#container-content {
	width:100%;
	max-width:1440px;
	
}
.info-container {
	display:flex;
	flex-direction: column-reverse;
	padding:0px;
	height:100%;
	/*min-height:320px;*/
	background-color:var(--color-gray-light);
}
.info-container.bg-dark {
	color:var(--color-white);
	
}
.info-container.bg-blue {
	background: linear-gradient(90deg, var(--color-bg-blue-dark-ultra) 0%, var(--color-theme-blue) 150%);
	/*background:url('../img/prod_bg_blue.jpg');
	background-position: center center;*/
}
.info-container.bg-grey {
	background: linear-gradient(90deg, var(--color-bg-black-80) 0%, var(--color-gray-dark) 150%);
	/*background:url('../img/prod_bg_blue.jpg');
	background-position: center center;*/
}
.info-container-details {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	flex:1;
}
.flyer-container {
	display:flex;
	flex-direction:column;
	padding:0px;
}
.bullet-list {
	list-style:none;
	margin:0;padding:0;
	/*display:grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	grid-gap: 10px;*/
	height:100%;
}
.bullet-list li {
	display:flex;
	text-align:center;
	padding:0px;
}
.bullet-list li h4{
	font-size: 1.2em;
	text-transform: uppercase;
}
.bullet-list li span{
	font-size:0.8em;
}
.details-block, .details-grits {
	padding:20px 20px;
}
.details-block h2 {
	margin:0;
	line-height:30px;
}
.details-block h2 .subtitle {
	font-size: 14px;
	text-transform: uppercase;
	color: #555;
	display:block;
}
.info-container.bg-dark .details-block h2 .subtitle{
	color: var(--color-white);
}
.details-title-row {
	margin:0 0 10px;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.details-links-container {
	display:flex;
	width:100%;
	height:50px;
}
.details-links {
	display:flex;
	background-color: rgba(64,153,213,0.8);
	padding:0 20px;
	gap:20px;
	width:100%;
	transition: background-color 0.5s ease-in-out;
	white-space:nowrap;
	overflow-x:scroll;
	scrollbar-width: none;
}
.details-links.expanded {
	position:fixed;
	top:60px;
	z-index:10;
	height:50px;
	width: 100%;
	background-color:var(--color-gray-darker);
}
.details-links a.btn {
	background-color: transparent ;
	color:var(--color-white);
	padding:0px;
	font-weight:700;
	opacity:0.8;
	transition:opacity 0.2s ease-in-out;
}
.details-links a.btn:hover {
	opacity:1.0;
}
.details-links a.btn_detail {
	padding:10px 20px;
}
.details-links a.btn_link {
	padding:10px 0;
	background:none;
	display: flex;
	align-items: center;
	color:#fff;
}
.details-links .pull-right {
	margin-left: auto;
}
.details-links .detail-logo-scroll {
	display:none;
}
.details-block h2 {
	font-size:1.75em;
}
.details-block p.detail-intro {
	font-size:1.0em;
	font-weight:300;
	padding-right:20px;
}
.info-container-gallery {
	background:#ccc;
	background:linear-gradient(180deg, #515151 0%, #323232 100%);
	height:200px;
	position:relative;
	overflow:hidden;
}
.gallery-item {
	position: absolute;
	height: 100%;
	width: 100%;
}
.gallery-item img {
	width:100%;
	object-fit: cover;
	object-position: 50% 5%;
	height:100%;
}
.detail-tagline {
	font-size:1.25em;
	font-weight:bold;
}
.detail-intro {
	margin-bottom:0;
}
.dataTable-container {
	width:100%;
}
h3.flyer-container-header {
	font-size:1.25em;
	text-transform:uppercase;
	font-family: "FuturaEagle", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:var(--color-text-white);
	margin:10px 0px;
	background:#888;
	padding:12px 0 12px 12px;
}
h3.flyer-quote-header {
	margin:20px 0px 2px;
	font-size:1.5em;
}
.flyer-quote-subtext {
	font-size:13px;
}
.flyer-container-body {
}
.scroll_pad {
	scroll-margin: 110px;
}
.self-pad {
	padding-left:12px;
	padding-right:12px;
}
.details-grits {
	
}
ul.grit-grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	grid-gap: 10px 5px ;
}
ul.grit-grid > li {
	background-color: rgba(0,0,0,0.2);
	font-family: "FuturaEagle", sans-serif;
	text-align: center;
	padding: 4px 10px;
	user-select:none;
	color:#555;
	transition: background-color 0.3s, color 0.3s;
}
.bg-dark ul.grit-grid > li {
	background-color: rgba(255,255,255,0.2);
	color:rgba(255,255,255,0.7);
	--off: 7px;
	clip-path: polygon(var(--off) 0, 100% 0, calc(100% - var(--off)) 100%, 0 100% );
}
ul.grit-grid > li:hover {
	background-color:#bbb;
}
ul.grit-grid > li.grit-brown:hover {
	color:#fff;
	background-color:#896438;	
}
ul.grit-grid > li.grit-ocean:hover {
	color:#fff;
	background-color:#424dbc;	
}
ul.grit-grid > li.grit-sky:hover {
	color:#fff;
	background-color:#489aff;	
}
ul.grit-grid > li.grit-lemon:hover {
	color:#000;
	background-color:#f6ff64;	
}
ul.grit-grid > li.grit-lime:hover {
	color:#fff;
	background-color:#47c53e;	
}
ul.grit-grid > li.grit-orange:hover {
	color:#fff;
	background-color:#d28a00;	
}
ul.grit-grid > li.grit-peach:hover {
	color:#fff;
	background-color:#ff0096;	
}
ul.grit-grid > li.grit-green:hover {
	color:#fff;
	background-color:#4ba475;	
}
ul.grit-grid > li.grit-blue:hover {
	color:#fff;
	background-color:#24a3e5;	
}
ul.grit-grid > li.grit-black:hover {
	color:#fff;
	background-color:#333;	
}
ul.grit-grid > li.grit-selected {
	background-color: rgba(0,0,0,0.5) !important;
	color:#fff !important;	
}
.bg-dark ul.grit-grid > li.grit-selected {
	color:#333 !important;
	background-color:#fff !important;	
	
}
.details-usageline {
	
}
.usageline_container {
	margin: 0 20px;
}
.usageline_line {
}
.usageline_line > ol {
	list-style:none;
	display:flex;
	flex-wrap: wrap;
	flex-direction:row;
	margin: 0;
	padding: 0;
}
.usageline_item {
	font-family: 'Roboto',sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	margin-right:15px;
	opacity:0.3;
	color:#000;
}
.usageline_item-check {
	opacity:1;
	color:#555;
}
.usageline_item-selected {
	opacity:1;
}
.usageline_item{
	color:#fff;
}
.info-container.bg-dark .usageline_item{
}
.usageline_item.usageline_item-check{
	color:var(--color-white);
}
.usageline_item.usageline_item-check:hover {
	color:var(--color-grade-yellow);
}
.usageline_item.usageline_item-selected, .usageline_item.usageline_item-selected:hover {
	color:var(--color-grade-yellow);
}
.color-block.assilex {
	background:linear-gradient(-20deg, #e95d00 0%, #d4a459 100%);
	color:#fff;
}
.color-block.buflex {
	background:linear-gradient(-20deg, #127d65 0%, #1dc580 100%);
	color:#fff;
}
.color-block.blue {
	background:linear-gradient(-20deg, #166cbd 0%, #00aeef 100%);
	color:#fff;
}
.text-gradient {
	background-image:linear-gradient(#eee, #bbb);
	color: transparent;
	background-clip: text;
	-webkit-background-clip: text;
}
.text-gradient-assilex {
	background-image:linear-gradient(#fff7ac, #faa435);
}
.text-gradient-buflex {
	background-image:linear-gradient(#7bffd8, #1dc580);
}
.text-gradient-tolecut {
	background-image:linear-gradient(#d8efff, #6bc2ff);
}
.grit-table-controls {
	display:flex;
}
.grit-table-controls button.grit-table-sort {
	display:flex;
	background-color:var(--color-gray-med);
	border:none;
	margin-right:5px;
	padding:0px;
	gap:10px;
}
.grit-table-controls button.grit-table-sort:hover {
	background-color:var(--color-gray-dark);
}
.grit-table-controls button.grit-table-sort > .selector-img-box {
	max-width:46px;
	display:flex;
	align-items:center;
	background:var(--color-gray-dark);
	padding:7px;
}
.grit-table-controls button.grit-table-sort.active {
	background-color:var(--color-theme-blue);
}
.grit-table-controls button.grit-table-sort.active > .selector-img-box {
	background-color:var(--color-blue);
}
.grit-table-controls button.grit-table-sort > .selector-img-box > img {
	width:100%;
}
.grit-table-controls button.grit-table-sort > .selector-text-box {
	display:flex;
	flex-direction: column;
	text-align:left;
	padding:5px 15px 5px 0;
}
.grit-table-controls .selector-title {
	font-family:"FuturaEagle";
	font-size:0.9em;
	text-transform:uppercase;
	color:var(--color-text-white);
}
.grit-table-controls .selector-sub {
	color:var(--color-text-white);
	font-size:0.75em;
	font-weight:bold;
}
.info-productSpec {
	margin-top:20px;
}
.info-productSpec ul {
	display:flex;
	flex-wrap: wrap;
	list-style:none;
	margin:0;
	padding:0;
	justify-content:space-around;
}
.info-productSpec ul li {
	display: flex;
  	flex-direction: column;
  	align-items: center;
	text-align:center;
	font-size:0.85em;
	flex:0 0 50%;
	padding:0 12px;
	max-width:380px;
	margin-top:25px;
}
.info-productSpec ul li img {
	width:100%;
	display:block;
	margin-bottom:10px;
	border-radius:15px;
	
}
.info-productSpec ul li span.spec-title {
	text-transform: uppercase;
	font-weight: bold;
	color:#555;
	font-size:1rem;
}

.flyer-container.boxed {
	margin-top:0px;
	padding-bottom:20px;
}

@media only screen and (min-width: 576px) {
	.details-block p.detail-intro {
		font-size:1.0em;
	}
	.info-productSpec ul {
		flex-wrap: nowrap;
	}
	.info-productSpec ul li {
		flex:0 1 auto;
		font-size:1.0em;
		padding:0 20px;
		margin-top:0px;
	}
	.info-productSpec ul li span.spec-title {
		font-size:1.25rem;
	}
	.info-productSpec ul li img {
		width:90%;
		border-radius:25px;
	}
	.details-title-row {
		margin-top:5px;
	}
	h3.flyer-quote-header {
		margin:30px 0px 2px;
		font-size:2em;
	}
	.flyer-quote-subtext {
		font-size:1em;
	}
	.scroll_pad {
		scroll-margin: 128px;
	}
	.self-pad {
		padding-left:35px;
		padding-right:35px;
	}
	
	h3.flyer-container-header {
		margin:20px 0px;
		margin-left:0px;
		font-size:1.5em;
		padding:15px 0 15px 15px;
	}
	.flyer-container {
		margin-top: 20px;
		padding:0px 30px;
	}

	.flyer-container.boxed {
		padding-bottom:30px;
	}

	.details-links-container {
		
	}
	.details-links {
		padding:0 35px;
		white-space:normal;
		overflow-x:visible;
		width:100%;
		height:50px;
		position:absolute;
		z-index:99;
	}
	.details-links.expanded {
		top:79px;
		height:50px;
		width: 100%;
		
	}
	.details-links.expanded .detail-logo-scroll {
		display: flex;
  		align-items: center;
		color:var(--color-white);
	}
	.details-links.expanded .detail-logo-scroll > span {
		font-family: 'Roboto',sans-serif;
  		font-weight: 600;
	}
	.details-links.expanded .detail-logo-scroll > a.topLink {
		color:var(--color-white);
		margin-left:20px;
	}
	.details-block h2 .subtitle {
		white-space: pre;
		display:inline-block;
	}
	.details-block {
		margin:10px 0;
		padding:35px;
	}
	.details-grits {
		padding:10px 35px 35px;
	}
	.details-block h2 {
		font-size:3em;
	}
	.info-container {
		flex-direction: row;
	}
	.info-container.bg-blue {
		background: linear-gradient(90deg, var(--color-bg-blue-dark-ultra) 0%, var(--color-theme-blue) 100%);
	}
	.info-container-gallery {
		height:auto;
	}
	ul.grit-grid > li {
		padding:5px;
	}
	.usageline_container {
		margin:0 35px;
	}
}
@media only screen and (min-width: 1040px) {
	
	.details-links {
		position:static;
		z-index:0;
	}
	.details-usageline {
		height:50px;
	}
	.usageline_container {
		position: relative;
		height: 100%;
		margin:0 40px;
		overflow: hidden
	}
	.usageline_line {
		width:100%;
		position: absolute;
		z-index: 1;
		left: 0;
		top: 11px;
		height: 4px;
		background-color: rgba(0,0,0,0.25);
		transition: -webkit-transform 0.4s;
		transition: transform 0.4s;
		transition: transform 0.4s, -webkit-transform 0.4s;
	}
	.bg-dark .usageline_line {
		background-color: rgba(255,255,255,0.25);
	}
	.usageline_line > ol {
		margin:0;
		flex-direction: row;
		justify-content: space-between;
	}
	.usageline_item {
		font-family: 'Roboto',sans-serif;
		text-transform:uppercase;
		font-weight:bold;
		width:120px;
		display:flex;
		margin:10px 0;
		justify-content: center;
		transition: color 0.3s;
	}
	.usageline_item:hover {
		cursor:default;
		color:#aaa;
	}
	.usageline_item::after {
		content: '';
		position: absolute;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		bottom: -4px;
		height: 12px;
		width: 12px;
		margin-left:12px;
		border-radius: 50%;
		border-width: 3px;
		border-style: solid;
		border-color: #bbb;
		background-color: #e8e8e8;
		transition: background-color 0.3s, border-color .3s;
		z-index:2;
	}
	.usageline_item-check::after {
		border-color: #fff;
		background-color: #fff;
	}
	.usageline_item:hover::after {
		background-color: #bbb;
	}
	.usageline_item.usageline_item-check:hover::after, .usageline_item.usageline_item-selected::after {
		border-color: #fff;
		background-color: var(--color-grade-yellow);
		border-color: var(--color-grade-yellow);
		bottom: -7px;
		height: 18px;
		width: 18px;
		margin-left:18px;
		border-width: 4px;
	}
	.usageline_linefill {
		position: absolute;
		z-index: 1;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background-color: var(--color-theme-blue);
		-webkit-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
		transition: -webkit-transform 0.3s;
		transition: transform 0.3s;
		transition: transform 0.3s, -webkit-transform 0.3s
	}
}
@media only screen and (min-width: 1440px) {
	.details-links.expanded {
		width:1440px;
	}
}
.bullet-img {
	margin-bottom: 20px;
	min-width:220px;
}
.bullet-text {
	
}
.bullet-img > img {
	width: 100%;
	box-shadow:1px 1px 15px 0 rgba(0, 0, 0, .25);
	max-height: 160px;
	object-fit: cover;
}
.icon-color-brown {
	color:var(--color-grade-brown);
}
.icon-color-ocean {
	color:var(--color-grade-ocean);
}
.icon-color-sky {
	color:var(--color-grade-sky);
}
.icon-color-lemon {
	color:var(--color-grade-yellow);
}
.icon-color-orange {
	color:var(--color-grade-orange);
}
.icon-color-lime {
	color:var(--color-grade-lime);
}
.icon-color-peach {
	color:var(--color-grade-pink);
}
.dt-style-bold {
	font-weight:bold;
}