.ExternalClass			{ width:100%; }
body     			    { font-family: 'Roboto', sans-serif; font-size:1rem; line-height:1.6; color:#2C2C2C; margin:0; padding-top:0px; }
p 						{ margin-top:0; padding-top:0px; }
:root 					{ --primary: #003366; --secondary: #0071BC; --accent: #76A5D1; --neutral: #F4F6F8; --text-dark: #2C2C2C; --form-bg: #D9E6F2; }
html 					{ font-size:16px; }

/* Links */
a 						{ color: var(--secondary);  text-decoration: none; transition: color 0.2s ease; }
a:visited			    { color: var(--secondary);}
a:hover, a:focus 		{ color: var(--accent); text-decoration: underline; }
a:link 					{ color: var(--secondary); }
a:active 				{ color: var(--accent); }

h1						{ all:unset; display:block; }
h2						{ font-size:1.5rem; font-weight:400; line-height:1.2; color:#FFFFFF; margin: 0; }
.h1-dark				{ font-size:2.25rem; margin: 0; color: var(--text-dark); font-weight:bold; }
.h1-white				{ font-size:2.25rem; margin: 0; color:#FFFFFF; font-weight:bold; }

ul.features-list-home 	{ list-style-type: square; margin-left:10px; padding-left:10px; }
li.features-home		{ padding-bottom:3px; font-family:Roboto,sans-serif; font-size:16px; line-height:1.5; font-weight:normal; list-style-type: square; }


.bar-section-row 			{ display: flex; height:50px; width:100%; padding-top:20px; background-color: var(--neutral); }
.bar-section-left 			{ flex: 1; background-color: var(--neutral); }
.bar-section-right			{ flex: 1; background-color: var(--primary); padding-top:15px; font-size:1.0rem; color:#FFFFFF; font-weight:bold; }
.bar-section-center 		{ width: 75px; height: 51px; position: relative; }
.bar-section-center::before { content: ""; position: absolute; inset: 0; background-color: var(--primary); clip-path: polygon(100% 0%, 100% 100%, 0% 100%); z-index: 1; }
.bar-section-center::after 	{ content: ""; position: absolute; inset: 0; background-color: var(--neutral); clip-path: polygon(0% 0%, 100% 0%, 0% 100%); z-index: 2; }

.body-text					{ font-size:1.00rem; }

.button-contact 			{ display:inline-block; padding:6px 12px; background-color:var(--accent); color:#fff; font-weight:bold; text-align:center; border-radius:4px; 
							  transition:background-color 0.3s ease; }
.button-contact:hover 		{ background-color: var(--secondary); }
.button-go				{ width:35px; height:22px; border-radius:3px; border:none; background-color:#2A5DB0; font-family:Verdana,Geneva,sans-serif; font-size:13px; color:#FFFFFF; 
						  text-align:center; line-height:0px; font-weight:bold; display:inline; }
.button-go:hover		{ background-color:#800000; }
.button-large			{ width:100px; height:35px; border-radius:3px; background-color:#2A5DB0; font-family:Verdana,Geneva,sans-serif; font-size:15px; color:#FFFFFF; text-align:center; 
						  line-height:32px; font-weight:bold; }
.button-large:hover		{ background-color:#800000; }
.button-submit			{ font-family:Verdana,Geneva,sans-serif; font-size:13px; font-weight:bold; color:#FFFFFF; padding:4px 6px 4px 6px; border-radius:5px; border:none; 
						  background-color:#960000; 
 				  		  vertical-align:middle; margin-top:5px; text-decoration:none; }
.button-order			{ width:60px; height:22px; border-radius:3px; border:none; background-color:#2A5DB0; font-family:Verdana,Geneva,sans-serif; font-size:11px; color:#FFFFFF; text-align:center; 
				  		  line-height:0px; font-weight:bold; display:inline; }
.button-order:hover		{ background-color:#800000; }
.button-forms			{ box-sizing:border-box; width:100%; padding:5px; font-size:16px; font-weight:bold; color:#FFFFFF; background-color: var(--primary); border-radius:4px; font-family:Roboto,sans-serif; 
						  text-align:center; }
.button-forms:hover 	{ background-color: var(--accent); }
.button-forms-basic		{ box-sizing:border-box; width:100%; padding:5px; font-size:16px; font-weight:bold; color:#FFFFFF; background-color: var(--primary); border-radius:4px; font-family:Roboto,sans-serif; 
						  text-align:center; }	

.cell-left				{ text-align:left; border:1px solid #C0C0C0; padding:4px; font-family:Roboto,sans-serif; font-size:15px; line-height:normal; font-weight:normal; vertical-align:top; background-color:#FFFFFF; 
						  word-break:break-word; overflow-wrap:break-word; word-wrap:break-word; white-space: normal;}
.cell-right				{ text-align:right; border:1px solid #C0C0C0; padding:4px; font-family:Roboto,sans-serif; font-size:15px; line-height:normal; font-weight:normal; vertical-align:top; background-color:#FFFFFF; }
.cell-center			{ text-align:center; border:1px solid #C0C0C0; padding:4px; font-family:Roboto,sans-serif; font-size:15px; line-height:normal; font-weight:normal; vertical-align:top; background-color:#FFFFFF;}
.cell-left-subhead		{ text-align:left; border:1px solid #C0C0C0; padding:4px; font-family:Roboto,sans-serif; font-size:15px; line-height:normal; font-weight:bold; background-color:#E9EBED; }
.cell-center-subhead	{ text-align:center; border:1px solid #C0C0C0; padding:4px; font-family:Roboto,sans-serif; font-size:15px; line-height:normal; font-weight:bold; background-color:#E9EBED; }
.cell-left-small		{ text-align:left; border:1px solid #C0C0C0; padding:2px; font-family:Roboto,sans-serif; font-size:12px; font-weight:normal; line-height:normal; vertical-align:top; background-color:#FFFFFF; }
.cell-center-small		{ text-align:center; border:1px solid #C0C0C0; padding:2px; font-family:Roboto,sans-serif; font-size:12px; font-weight:normal; line-height:normal; vertical-align:top; background-color:#FFFFFF; }
.cell-right-small		{ text-align:right; border:1px solid #C0C0C0; padding:2px; font-family:Roboto,sans-serif; font-size:12px; line-height:normal; line-height:normal; vertical-align:top; background-color:#FFFFFF; }


.circuit-frame-dimension-table	{ display:inline; }
.circuit-frame-image			{ max-width:600px; }
.circuit-frame-image-scale-1x	{ display:none; }
.circuit-frame-image-scale-2x	{ display:inline; }

.collapsible-table-content 	{ width:600px; display:none; overflow:hidden; }
.collapsible-table-header	{ width:600px; box-sizing:border-box; display:block; text-align:left; border:1px solid #003366; padding:3px; font-family:Roboto,sans-serif; font-size:15px; line-height:22px; 
							  font-weight:bold; vertical-align:top; color:#FFFFFF; background-color:#003366; }
.collapsible-table-content-300 	{ width:300px; display:none; overflow:hidden; }
.collapsible-table-header-300	{ width:300px; box-sizing:border-box; display:block; text-align:left; border:1px solid #003366; padding:3px; font-family:Roboto,sans-serif; font-size:15px; line-height:22px; 
							 	  font-weight:bold; vertical-align:top; color:#FFFFFF; background-color:#003366; }							  
.customers-section			{ width:100%; margin: 0 auto; margin-top:50px; margin-bottom:50px; padding: 0; }
.customers-content 			{  width:100%; text-align: center; background-color:#FFFFFF;}

.description				{ text-align:left; margin-top:20px; margin-bottom:20px; }
				  
.footer-box					{ text-align:center; padding:0; width:100%; max-width:250px; box-sizing:border-box; }
.footer-compliance			{ text-align:center; padding:0; width:100%; max-width:250px; height:63px; box-sizing:border-box; background-color:#FFFFFF; }
.footer-grid-container 		{ display:flex; flex-wrap:wrap; justify-content:center; gap:1em; width:100%; max-width:1100px; padding-top:10px; padding-bottom:10px; margin:0 auto; box-sizing: border-box; }
.footer-table-reverse		{ width:100%; margin-top:10px; margin-bottom:5px; margin:0 auto; background-color:#003366; }
.footer-head				{ text-align:center; padding-top:10px; padding-bottom:10px; font-family:Roboto,sans-serif; font-size:18px; font-weight:bold; line-height:1.2; color:#FFFFFF; margin: 0; }
.footer-text				{ padding:5px; font-family:Roboto,sans-serif; font-size:13px; line-height:1.5; font-weight:normal; color:#FFFFFF; }
.footer-text a 				{ color:#FFFFFF !important; text-decoration:none; }
.footer-text a:hover 		{ text-decoration:underline; }
.form-contact-container		{ box-sizing: border-box; background-color: var(--form-bg); margin:5px 5px 25px 5px; border:1px solid #003366; border-radius:2px; width:300px; padding:20px; position:sticky; 
							  top:0; z-index:1000; font-family:Roboto,sans-serif; font-size:13px; }
.form-field					{ margin-bottom:5px; }
.head-title 				{ text-align:left; padding-top:30px; font-family:Roboto,sans-serif; font-size:2.25rem; color:#FFFFFF; }

.head-title-row 			{ display:flex; flex-wrap:nowrap; justify-content: space-between; align-items: flex-start; gap: 20px; }
.head-title-summary 		{ flex: 1 1 auto; min-width: 0; padding-top: 20px; padding-bottom: 30px; }

.header-container 			{ position:sticky; top:0; left:0; width:100%; padding-bottom:20px; background:#FFFFFF; z-index:9999; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); }
.header-inner 				{ max-width:1110px; margin:0 auto; padding:10px; height:100%; display:flex; align-items:center; justify-content:space-between; gap:20px; box-sizing:border-box; 
							  position:relative; }							  
.header-left 				{ flex-shrink:0; width:200px; }
.header-left img 			{ width:200px; height:auto; display:block; }
.header-nav-combined 		{ display:flex; align-items:center; gap:30px; flex-grow:1; justify-content:space-between; }
.header-nav-links 			{ display:flex; gap:20px; flex-wrap:nowrap; padding-top:0px; margin-left:auto; }
.header-nav-form 			{ flex-shrink:0; }
.header-nav-form form 		{ display:flex; align-items:center; }
.header-nav-item-1 a 		{ text-decoration:none; color:#003366; font-weight:bold; font-size:14px; padding:3px; }
.header-nav-item-2 a 		{ text-decoration:none; color:#003366; font-weight:bold; font-size:14px; padding:3px; }
.header-nav-item-3 a 		{ text-decoration:none; color:#003366; font-weight:bold; font-size:14px; padding:3px; }
.header-search-input 		{ width:250px; padding:6px 12px 6px 32px; font-size:13px; box-sizing:border-box; border:1px solid #ccc; border-radius:999px; }

.home-images-boxes			{ position:relative; width:100%; margin:0; padding:0; }
.home-images-section-box	{ width:100%; box-sizing: border-box; }
.home-images-captions 		{ display:none; width:270px; position:absolute; top:10px; left:50%; transform:translateX(-50%); background:#FFFFFF; color:#2C2C2C; font-family:Roboto, sans-serif; font-size:15px; 
							  text-align:left; font-weight:normal; line-height:1.4; padding:3px 5px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); border-radius:3px; transition: all 0.3s ease; }
.home-images-container		{ width:300px; margin:0; padding:0; display: block; border:1px solid #C0C0C0; }
.home-images-grid			{ display:grid; grid-template-columns:repeat(3, 300px); gap:50px; justify-content:center; }
.home-images-link 			{ display: block; position: relative; text-decoration: none; color: inherit; }
.home-images-link img 		{ width: 100%; height:auto; display:block; border-radius:3px; border:1px solid #C0C0C0; }
.home-images-link:hover .home-images-captions 	{ display: block; }
.home-images-link:hover .home-images-title 		{ opacity:0; transition: opacity 0.3s ease; }
.home-images-section				{ max-width:100%; margin:0 auto; padding:1rem; }
.home-images-section-responsive		{ display:flex; flex-wrap: wrap; gap:20px; padding-bottom:50px; }
.home-images-title	 				{ opacity:1; width:270px; position:absolute; bottom:5px; left:50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.9); color:#FFFFFF; font-family:Roboto,sans-serif; 
							  font-size:15px; text-align:center; font-weight:bold; line-height:normal; padding:4px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); border-radius:3px; transition: all 0.3s ease; }
							  
.home-top-image				{ flex-shrink: 0; width: 600px; height: 338px; border: 2px solid #FFFFFF; border-radius: 3px; margin-top:40px; margin-bottom:30px; }
.home-section-cust				{ width:150px; margin:14px; text-align:center; float:left; }

.image-index-small			{ padding:2px; border:1px solid #C0C0C0; float:left; margin-right:5px; }	
.image-index-top			{ padding:3px; border:1px solid #C0C0C0; background-color:#FFFFFF; float:right; margin-left:20px; }	
.image-index-top-image		{ display: block; }	
.image-main-div				{ float:right; margin-left:20px; margin-top:20px; width:200px; }
.image-main-inner 			{ padding:3px; border:1px solid #C0C0C0; border-radius:2px; background-color:#FFFFFF; }
.image-main-enlarge			{ text-align:right; margin-top:4px; }
.image-product-top			{ padding:3px; border:1px solid #C0C0C0; background-color:#FFFFFF; float:right; margin-left:20px; }	
.image-product-top-image	{ display:block; max-width:200px; }		
.image-responsive			{ display:none; }

.list-table					{ border-collapse:collapse; width:600px; }
.list-table-full			{ border-collapse:collapse; }
.list-table-100				{ border-collapse:collapse; width:1000px; }
.list-table-prices			{ border-collapse:collapse; width:450px; }
.list-table-prices-parts	{ border-collapse:collapse; width:600px; display:table; box-sizing:border-box; }
.list-table-prices-wrapper	{ padding-top:20px; padding-bottom:20px; overflow-x:auto; width:100%; box-sizing:border-box; text-align:left; }

.main-container 			{ background-color: var(--neutral); width: 100%; margin: 0 auto; margin-top: 0px; margin-bottom: 0px; padding: 0; }
.main-section				{ background-color: var(--neutral); width: 100%; margin: 0 auto; margin-top: 0px; margin-bottom: 0px; }
.main-section-contrast		{ background-color: var(--neutral); text-align:left; width:100%; vertical-align:top; padding:20px 0 0 0; font-family:Roboto, sans-serif; font-size:16px; line-height:1.5; color: #2C2C2C; }
.main-section-white 		{ background-color:#FFFFFF !important; text-align:left; width:100%; vertical-align:top; padding:20px 0 0 0; font-family:Roboto, sans-serif; font-size:16px; line-height:1.5; color:#2C2C2C; }
.main-section-white::after 	{ content: ""; display:table; clear:both; }
.menu-icon 					{ display: none; font-size: 28px; cursor: pointer; user-select: none; }
.menu-toggle 				{ display: none; }

.nav-combined 				{ display:flex; align-items: center; gap: 20px; flex-grow: 1; justify-content: flex-end; }
.nav-links 					{ display:flex; gap:15px; flex-shrink:1; font-family:Roboto, sans-serif; font-size:15px; font-weight:bold; color:#003366; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
.nav-links a 				{ text-decoration: none; color: #003366; }
.nav-links > div 			{ padding: 0; }
.nav-item 					{ padding-top: 4px; padding-right: 5px; font-family: Roboto, Geneva, sans-serif; font-size: 15px; font-weight: bold; color: #003366; }
.nav-form 					{ width:300px; flex-shrink:0; font-family:Roboto, sans-serif; font-size:13px; font-weight:bold; display:flex; align-items:center; gap:5px; }
.nav-search 				{ display:none !important; }

.order-table-head			{ text-align:left; border:1px solid #003366; padding:3px; font-family:Roboto,sans-serif; font-size:15px; line-height:22px; font-weight:bold; vertical-align:top; color:#FFFFFF; 
							  background-color:#003366; }
.outer-container 			{ background-color: var(--neutral); width:100%; margin:0 auto; padding:0; }

.page-width					{ width:1110px; margin:0 auto; overflow:visible !important; }
.price						{ font-size:1.5rem; font-weight:bold; color: var(--text-dark); padding-bottom:20px; }

.product-grid-container 	{ width:100%; display:flex; justify-content:center; margin:0 auto; }
.product-grid-wrapper 		{ display:grid; grid-template-columns:160px repeat(10, 80px);gap:0 box-sizing:border-box; }
.product-grid-row 			{ display:contents; }
.product-grid-header 		{ font-weight:bold; background:#FFFFFF; }
.product-grid-cell 			{ border-top:1px solid #C0C0C0; border-left:1px solid #C0C0C0; padding:3px; text-align:center; font-size:12px; background:#FFFFFF; }
.product-grid-check 		{ color:green; font-weight:bold; font-size:12px; }
.product-grid-outer 		{ background-color: var(--neutral); text-align:center; width:100%; padding-top:20px; padding-bottom:0px; }
.product-grid-product-header, .product-grid-product-name { font-weight:bold; background:#FFFFFF; text-align:left; }
.product-grid-row:last-child .product-grid-cell { border-bottom:1px solid #C0C0C0; }
.product-grid-cell:last-child { border-right:1px solid #C0C0C0; }

.related-container			{ width:100%; margin:0 auto; }
.related-group				{ width:300px; margin:20px; padding:0px; float:left; font-family:Verdana,Geneva,sans-serif; font-size:14px; line-height:20px; text-align:left; }
.related-head				{ width:300px; height:35px; margin-bottom:20px; border-radius:3px; background-color:#2A5DB0; font-family:Verdana,Geneva,sans-serif; font-size:15px; font-weight:bold; 
				  			  color:#FFFFFF; text-align:center; line-height:32px; display:block; }
.reverse-section			{ background-color: var(--primary); text-align: left; width: 100%; vertical-align: top; padding: 0px; }

.search-input 				{ width: 100%; padding: 6px 12px 6px 32px; border-radius: 999px; border: 1px solid #ccc; font-size: 13px; }
.section-container			{ display:flex; flex-direction:row; gap:20px; }
.section-head-reverse		{ font-size:1.5rem; font-weight:bold; color:#FFFFFF; }
.section-left				{ width:600px; box-sizing:border-box; }
.section-right				{ flex:1; padding-left:20px; box-sizing:border-box; }
.section-right-form			{ flex:1; box-sizing:border-box; margin-left:auto;}




.slide-box 					{ position:absolute; opacity:0; transition:opacity 1s ease; width:100%; height:100%; }
.slide-box.active 			{ opacity:1; z-index:1; }
.slide-box img 				{ width:100%; height:100%; object-fit:cover; display:block; }
.slide-caption a 			{ color:#FFFFFF; text-decoration:underline; font-weight:bold; white-space:nowrap; }
.slide-caption a:hover 		{ text-decoration:none; }
.slide-container 			{ width:450px; aspect-ratio:3 / 2; margin:auto; position:relative; overflow:hidden; border:1px solid #C0C0C0; border-radius:3px; }
.slide-controls 			{ flex-shrink:0; margin-left:16px; }
.slide-dot-container 		{ text-align:center; padding-top:6px; }

.slide-dot 					{ height:8px; width:8px; margin:0 3px; display:inline-block; background-color:#bbb; border-radius:50%; cursor:pointer; }
.slide-dot.active			{ background-color:#717171; }
.slide-next 				{ right:0; }
.slide-prev, .slide-next 	{ cursor:pointer; position:absolute; top:50%; padding:16px; color:white; font-weight:bold; font-size:24px; user-select:none; background-color:rgba(0, 0, 0, 0.3); 
							  transform:translateY(-50%); z-index:10; }
.slide-prev:hover, .slide-next:hover { background-color:rgba(0, 0, 0, 0.6); }
.slide-prev 				{ left:0; }
.slide-show-container		{ flex-shrink: 0; width: 450px; height:300px; margin-top:40px; margin-bottom:30px; background:#FFFFFF; }
.slide-status 				{ position:absolute; top:5%; left:50%; transform:translateX(-50%); font-size:16px; color:#FFFFFF; background:rgba(0, 0, 0, 0.6); padding:15px 25px; 
							  border-radius:6px; font-family:'Roboto', sans-serif; font-weight:bold; z-index:20; opacity:1; transition:opacity 2s ease; pointer-events:none; }							  
.slide-status.fade-out 		{ opacity: 0; transition: opacity 4s ease;}
.slide-text-overlay 		{ position:absolute; bottom:0; left:0; width:100%; background: rgba(0, 0, 0, 0.5); padding:8px 12px; box-sizing:border-box; display:flex; justify-content:space-between; 
							  align-items:center; color:#FFFFFF; font-family:'Roboto', sans-serif; font-size:15px; font-weight:bold; line-height:1.4; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.8); user-select:none; }
.slide-toggle 				{ cursor:pointer; background-color: rgba(0, 0, 0, 0.7); color:white; border:none; font-size:18px; padding:4px 10px; border-radius:5px; 
							  transition:background-color 0.3s ease; }
.slide-toggle:hover 		{ opacity:1; }





.slides-container 			{ flex-shrink: 0; width: 600px; height: 338px; border: 2px solid #FFFFFF; border-radius: 3px; margin-top:40px; margin-bottom:30px; }
.slider-float				{ float:right;  margin-left:0px; }
.slider-table				{ width:100%; }
.subhead-reverse			{ font-size:1.25rem; font-weight:bold; color:#FFFFFF; }
.summary					{ text-align:left; padding-top:30px; font-family:Roboto,sans-serif; font-size:18px; line-height:1.5; color:#FFFFFF; }

.table-head-blue			{ text-align:left; border:1px solid #003366; padding:3px; font-family:Roboto,sans-serif; font-size:15px; line-height:22px; font-weight:bold; vertical-align:top; 
							  color:#FFFFFF; background-color:#003366; }
							  
.table-subhead-left			{ text-align:left; border:1px solid #C0C0C0; padding:4px; font-family:Roboto,sans-serif; font-size:15px; line-height:normal; font-weight:bold; background-color:#E9EBED;}							  
.table-subhead-center		{ text-align:center; border:1px solid #C0C0C0; padding:4px; font-family:Roboto,sans-serif; font-size:15px; line-height:normal; font-weight:bold; background-color:#E9EBED;}
.table-subhead-right		{ text-align:right; border:1px solid #C0C0C0; padding:4px; font-family:Roboto,sans-serif; font-size:15px; line-height:normal; font-weight:bold; background-color:#E9EBED;}
.table-wrapper				{ overflow-x:auto; -webkit-overflow-scrolling: touch; }

.textarea 					{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:90%; }
.title-separator			{ text-align:left; width:300px; border-top:4px solid #76A5D1; vertical-align:top; } 
.top-bar					{ background-color: var(--primary); height: 2px; width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; }

.trust-section 								{ background-color: var(--primary); color:#fff;  padding:60px 20px; }
.trust-page-width							{ max-width:1110px; width:100%; padding:0 16px; margin: 0 auto; box-sizing: border-box; }
.trust-header 								{ text-align:center; margin-bottom:40px; }
.trust-header h2 							{ font-size:1.75rem; font-weight:700; margin-bottom:10px; }
.trust-header p 							{ font-size:1.125rem; color:#f0f0f0; }
.trust-features 							{ display:flex; flex-wrap:wrap; justify-content:center; gap:20px; }
.trust-features.light 						{ background-color:#fff; color:var(--text-dark); border-top:1px solid #ccc; padding:40px 16px; box-sizing:border-box; width:100%; margin:0; }
.trust-features.light .trust-features-head 	{ color:var(--text-dark); }
.trust-features.light .trust-features-box p { color:var(--text-dark); }
.trust-features-box 						{ flex:1 1 280px; min-width:0; max-width:100%; box-sizing:border-box; font-family:'Roboto', sans-serif; background-color:transparent; text-align:left; }
.trust-features.light .trust-features-box 	{ background-color:#fff; }
.trust-features-box p 						{ font-size:1rem; line-height:1.5; }
.trust-features.dark .trust-features-box 	{ background-color:transparent; color:#ffffff; }
.trust-title 								{ font-size:1.75rem; font-weight:700; margin-bottom:10px; text-align:center; color:#ffffff; }
.trust-subtitle 							{ font-size:1.125rem; color:#f0f0f0; text-align:center; margin-bottom:40px; }
.trust-features-head 						{ font-size:1.125rem; font-weight:bold; margin-bottom:10px; color:inherit; }


.video-container			{ flex-shrink: 0; width: 600px; height: 338px; border: 2px solid #FFFFFF; border-radius: 3px; margin-top:40px; margin-bottom:30px; }



 @media only screen and (min-width:481px) and (max-width:924px) {
body, table, td					{ -webkit-text-size-adjust:none !important; margin:auto !important; }

.circuit-frame-dimension-table	{ display:none; }

.head-title-row 				{ flex-wrap: wrap; }

.header-inner 					{ flex-direction:row; align-items:center; justify-content:space-between; gap:20px; height:auto; }
.header-inner-home				{ flex-direction:row; align-items:center; justify-content:space-between; gap:20px; height:auto; }
.header-nav-combined 			{ display:flex; align-items:center; gap:30px; flex-grow:1; justify-content:space-between; width:auto; }
.header-nav-links 				{ display:flex; gap:20px; flex-wrap:nowrap; margin-left:auto; }
.header-nav-form form 			{ display:flex; align-items:center; }
.header-search-input 			{ width:180px; padding:8px 8px 8px 30px; font-size:14px; box-sizing:border-box; border:1px solid #ccc; border-radius:999px; }
.header-nav-item-1 				{ display:none; }

.home-images-grid 				{ grid-template-columns: repeat(2, 300px); }
.home-images-section-responsive	{ flex-direction: column; } 

.home-top-image					{ display:none; }
.home-top-image-scale			{ display:none; }

.image-index-top-image			{ width:100px; height:auto; }	
.image-product-top-image		{ width:150px; height:auto; }	
.image-responsive				{ padding-left:20px; display:inline; }

.list-table-100					{ width:600px; }
.list-table-full				{ width:600px; margin-left:0; margin-right:auto; display:table; }
.list-table-prices-parts		{ margin-left:0 !important; margin-right:auto; float:none; }
.list-table-prices-wrapper		{ text-align:left !important; }
.logo							{ max-width:100%; height:auto; }

.main-container 				{ margin-top: 10px !important; }
.menu-icon 						{ display:block; margin-left:auto; font-size:28px; cursor: pointer; }
.menu-toggle:checked + .menu-icon + .nav-combined { display: flex; } 
  
.nav-combined 					{ display:none; flex-direction:row; position:absolute; top:70px; left:0; width:100%; background:#FFFFFF; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); padding:0px 20px 5px 20px; gap:10px;
								  z-index:9998; justify-content:flex-start; flex-wrap:wrap; }							  
.nav-item 						{ padding:5px 8px; }								  
.nav-links 						{ flex-direction:row; gap: 10px; align-items: flex-start; text-align: left;  }
.nav-links a 					{ padding: 8px 0; border-bottom: 1px solid #eee; font-size:11px; }
.nav-form 						{ display: inline-flex; margin-left: auto; }

.page-width						{ width:660px; margin:0 auto; padding-top:30px; }
.product-grid-outer 			{ display:none; }

.section-container				{ width:660px; }

.section-container 				{ flex-direction: column; }
.section-left, .section-right 	{ width:100%; padding-left:0; margin-top:20px; }

.table-wrapper					{ overflow-x:auto; -webkit-overflow-scrolling: touch; padding-top:20px; padding-bottom:20px; }

}


@media only screen and (max-width:480px) {
body                			{ -webkit-text-size-adjust:none !important; }


.bar-section-row				{ display:none !important; }
.blog-tech-top-image 			{ width:300px; margin-left:auto; margin-right:auto; border:1px solid #C0C0C0; padding:3px; background-color:#FFFFFF; }
.blog-tech-title-row 			{ flex-direction:column; align-items:center; }

.circuit-frame-dimension-table	{ display:none; }
.circuit-frame-image			{ max-width:300px; }
.circuit-frame-image-scale-1x	{ display:inline; }
.circuit-frame-image-scale-2x	{ display:none; }
.collapsible-table-content 		{ width:320px; }
.collapsible-table-header		{ width:320px; }

.form-container					{ display:none !important; }
.form-quote-container			{ width:300px !important; }
.form-quote-2-column 			{ flex-direction:column; }
.form-quote-full-width			{ width:300px; }

.head-title 					{ color:#000000; }
.head-title-row 				{ flex-wrap: wrap; }
.head-title-summary 			{ width: 100%; }
.head-title-summary				{ padding-top:10px !important; padding-bottom:20px !important; } 

.header-inner 					{ flex-direction:column; align-items:flex-start; gap:15px; }
.header-inner-home				{ flex-direction:column; align-items:flex-start; gap:15px; }
.header-left 					{ width:100%; }
.header-left img 				{ width:250px; height:auto; }
.header-nav-combined 			{ width:100%; display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; gap:10px; }
.header-nav-item-1 				{ display:none; }
.header-nav-item-2 				{ display:none; }
.header-nav-links 				{ display:flex; gap:10px; flex-wrap:nowrap; flex-shrink:1; }
.header-nav-form 				{ flex-shrink:0; }
.header-nav-form form 			{ display:flex; align-items:center; }
.header-search-input 			{ width:140px; max-width:140px; padding:6px 12px 6px 32px; border-radius:999px; box-sizing:border-box; font-size:13px; }

.hide-on-mobile 				{ display:none; }
.home-section-cust				{ margin:5px !important; }
.home-top-image					{ display:none; }
.home-images-grid 				{ grid-template-columns: repeat(1, 300px); }
.home-images-section-responsive	{ padding-bottom:20px; }

.image							{ max-width:260px !important; height:auto !important; }
.image-index-top-image			{ width:100px; height:auto; }	
.image-index-small				{ display:none; }
.image-product-top-image		{ width:100px; height:auto; }	
.image-responsive				{ padding-left:20px; display:inline; }
.index-list-item 				{ flex-wrap:nowrap; align-items:flex-start; }
.index-list-image-box 			{ display:none !important; }
.index-list-text 				{ flex: 1 1 auto; }
.index-title-row 				{ flex-wrap: wrap; }
.index-top-image 				{ width:300px; margin-left:auto; margin-right:auto; border:1px solid #C0C0C0; padding:3px; background-color:#FFFFFF; }

.list-table-100					{ width:320px; }
.list-table						{ width:320px; float:left; }
.list-table-full				{ width:320px; float:left; }
.list-table-prices				{ width:100%; max-width:320px; float:left; display:block; overflow-x:auto; margin-bottom:20px; }
.list-table-prices-parts		{ width:320px; float:left; display:block; overflow-x:auto; box-sizing:border-box; }
.logo                			{ width:280px !important; height:auto !important; }

.main-container 				{ width: 330px !important; }
.menu-icon 						{ display: block !important; margin-left: auto; font-size: 28px; cursor: pointer; }
.menu-toggle:checked + .menu-icon + .nav-combined { display: flex; }

.nav-combined 					{ display:none; flex-direction:row; position:absolute; top:70px; left:0; width:100%; background:#FFFFFF; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); padding:0px 20px; gap:10px;
								  z-index:9998; justify-content:flex-start; flex-wrap:wrap; }
.nav-item 						{ padding:5px 8px; }								  
.nav-links 						{ flex-direction:row; gap:10px; align-items: flex-start; text-align: left;  }
								   
.nav-links a 					{ padding: 8px 0; border-bottom: 1px solid #eee; font-size:11px; }
.nav-form 						{ width:100%; display:none; }


.page-header-row 				{ flex-direction:column; align-items:center; }
.page-width				 	  	{ width:330px !important; }
.product-grid-outer 			{ display:none; }

.reverse-section 				{ background-color: var(--neutral) !important; }

.section-container 				{ display:flex; flex-direction:column; align-items: center; }
.section-left, .section-right 	{ width:330px; padding-left:0; margin-top:20px; }

.services-title-row 			{ flex-wrap: wrap; }
.services-top-image 			{ width:300px; margin-left:auto; margin-right:auto; border:1px solid #C0C0C0; padding:3px; background-color:#FFFFFF; }

.slide-container 				{ width:330px; border:1px solid #C0C0C0; }
.slide-controls 				{ margin-left:0; margin-top:8px; align-self:flex-end; }
.slide-dot 						{ height:5px; width:5px; }
.slide-prev, .slide-next 		{ font-size:20px; padding:12px; }
.slide-show-container 			{ width:330px; background-color: var(--neutral); margin-bottom:0px; }
.slide-status 					{ font-size:12px; padding:8px 12px;}
.slide-text-overlay 			{ flex-direction:row; justify-content:space-between; align-items:center; text-align:left; font-size:14px;  padding:10px; }
.slide-toggle 					{ font-size:14px; padding:3px 6px; }




.summary						{ padding-top:20px !important; color:#2C2C2C !important; }

.table-wrapper					{ overflow-x:auto; -webkit-overflow-scrolling: touch; }
.title							{ padding-top:10px !important; padding-bottom:20px !important; }
.video-title-row 				{ flex-wrap: wrap; }
.video-container 				{ width:300px !important; height:169px !important; }

}