PageSourceSearch

https://firstmaterials.com/soil-stabilization.html

html firstmaterials.com collected 2026-10-10 01:48:57 UTC 91,207 bytes, 2,531 lines download raw bytes

1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "//www.w3.org/TR/html4/loose.dtd">
2<HTML lang="en" >
3<HEAD>
4<TITLE>Soil Stabilization | Our Clients - Houston, TX</TITLE>
5
6<META HTTP-EQUIV="Content-Type" content="text/html; charset=UTF-8">
7<META HTTP-EQUIV="Cache-Control" content="max-age=1800">
8<META NAME="ROBOTS" CONTENT="INDEX,FOLLOW"><meta name="DESCRIPTION" content="Choose a company you can trust.  FIRST MATERIALS &amp; TECHNOLOGY, INC. is based in Houston, TX, and provides soil stabilization products to clients nationwide."><meta name="KEYWORDS" content="soil stabilization houston, tx">  <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 8-9
8
9<script async src="https://www.googletagmanager.com/gtag/js?id=
9G-W1YR3G4CWD
vendor: 12 bytes, line 9
9"></script>
10<script>
11  
vendor: 134 bytes, lines 11-15
11window.dataLayer = window.dataLayer || [];
12  function gtag(){dataLayer.push(arguments);}
13  gtag('js', new Date());
14
15  gtag('config', '
15G-W1YR3G4CWD
vendor: 4 bytes, line 15
15');
16</script>
vendor: 1 bytes, line 16
16
17<SCRIPT src="//assets.myregisteredsite.com/javascript/com/jquery/latest/jquery.js"></SCRIPT>
17
18
19<STYLE type="text/css">
20/* ---------------------------------- */	
21/* ---------------------------------- */	
22/*TEMPLATE - DesignTest1c_rx */
23/*Updated 5/21/18 */
24/* ---------------------------------- */	
25/* ---------------------------------- */	
26
27/* ---------------------------------- */	
28/* ---------------------------------- */	
29/*CSS Reset*/
30/* ---------------------------------- */	
31/* ---------------------------------- */	
32
33.clearfix:before,
34.clearfix:after { content: " "; display: table; }
35.clearfix:after { clear: both; }
36.clearfix { *zoom: 1; }
37html, html body {  margin: 0;  padding: 0; height: 100%; min-height: 100%, width: 100%; }
38body p { margin-top: 0; margin-bottom: 0; display:block} 
39body p + p { margin-top: 0; }
40table {border-collapse: collapse !important}
41*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
42
43/* ---------------------------------- */	
44/* ---------------------------------- */	
45/*Sections*/
46/* ---------------------------------- */	
47/* ---------------------------------- */	
48body {font-size: 11pt; min-width: 320px; position: relative; overflow-x: hidden; }
49div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, 
50 pre, form, p, blockquote, .sectionTitle { 
51	margin: 0; 
52	padding: 0; 
53	line-height: 1.5; 
54	direction: ltr; }
55	h1, h2, h3, h4, h5, h6, body {font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
56	
57br[style="clear: both"]{ display: none; }	
58
59/* Needs BODY selector to overwrite uaDefaultStylesReset.css */	
60body p, body  a { 
61	font-family: inherit; 
62	margin-top: 0;
63	margin-bottom: 1em}		
64		body p a, 
65		body p a.button,
66		body p a.buttonInverted,
67		body p .button {margin-bottom: 0}
68		
69.rsp_content a img, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {margin-bottom: 0}
70/* Needs BODY selector to overwrite uaDefaultStylesReset.css */	
71body h1, body h2, body h3, body h4, body h5, body h6 { 
72	font-style: normal; 
73	text-rendering: optimizeLegibility; 
74	line-height: 1; 
75	margin-bottom: .5em;	
76	margin-top: 0; }	
77	h1, h2, h3, h4, h5, h6 {font-weight: normal}
78	
79/* removed body .section-container specific selector */
80	h1 {font-size:32px}
81	h2 {font-size: 24px}
82	
83table {	
84	border-collapse: collapse;
85	table-layout:fixed;
86	border-spacing: 0;}	
87	table.columns.small-icon {table-layout:auto}
88	
89img, video {
90	max-width: 100%;
91	height: auto;}	
92	.rsp_content img {margin-bottom: 1em}
93		.fullWidthColumnFull img {margin-bottom: 0}
94	
95@media only screen and (max-width: 768px) {
96	img {float: none !important}
97	a[href^=tel] { color: inherit !important;}
98	body p { -webkit-text-size-adjust:100% }
99}	
100	
101	
102
103iframe {max-width: 100%;}	
104
105.section ul, .section ol { margin: 0 25px 14px;  }
106
107.button, .buttonInverted, #layout input.form-element[type="submit"], .wsp_print_btn_text, .buttonGhost {
108	display: inline-block;
109	cursor: pointer;
110	text-align:center;
111	margin: 0 inherit;
112	margin-bottom: 1em;
113	border: 0;
114	padding: 10px 25px; 
115	border-radius: 5px; 
116	text-decoration: none;
117	font-weight: 700; 
118	transition: all 0.3s ease 0s;
119	-webkit-appearance: none;
120}
121	.button.buttonGhost, .buttonGhost {
122		background: transparent;
123		border-width: 2px;			
124		padding: 2px 23px; 
125		border-style: solid;}
126		
127.section-container {
128	width: 100%; 
129	margin: 0; 
130	padding: 0; }	
131.section {
132	max-width: 960px;
133	margin: 0 auto; }
134		.section.fullWidthColumn {max-width: 100%}
135	.rsp_kv.section {padding: 100px 0}
136	.rsp_kvSubpage.section {padding: 50px 0}		
137	.rsp_content {padding: 50px 0 35px}
138		.rsp_content.fullWidthColumn {padding: 0}
139		
140	.rsp_kv p:only-of-type {margin-bottom: 0}
141	
142
143.fullwidth, .fullwidthStatic, .fullWidth, .fullWidthStatic, span.fullwidth > img, span.fullWidth > img {
144	background-repeat: no-repeat;
145	width: 100%;
146	-moz-transform: none;
147	background-position: center top;
148	-webkit-transform: translateZ(0);	
149	-webkit-background-size: cover;
150	-moz-background-size: cover;
151	-o-background-size: cover;
152	background-size: cover; 
153	border-left: 0 !important;
154	border-right: 0 !important; }
155
156	.fullwidthStatic, .fullwidthStatic img { background-attachment: fixed; }	
157	.KV-Text-Left .fullwidth {background-position: right top}	
158	p img.fullwidth, p img.fullWidth, p .fullwidth img, p .fullWidth img {margin-bottom: -1em}
159	
160	/* 50/50 Content Block */
161		.fullWidthColumnInfo {
162			float: right; 
163			max-width: 452px; 
164			padding: 40px 0;}
165			.fullWidthColumnImage-mirrored .fullWidthColumnInfo {float: left}
166		.fullWidthColumnFull {
167			overflow: hidden;}
168		.fullWidthColumnFull img {
169			display:block; 
170			height: 100%; 
171			width: auto; 
172			max-width: none; 
173			min-width: 100%;}
174		.fullWidthColumnImage-mirrored .fullWidthColumnFull img {float: right;}
175		.rsp_content.fullWidthColumnImage > table > tbody > tr > td:last-child {padding: 0;}
176			.rsp_content.fullWidthColumnImage-mirrored > table > tbody > tr > td:first-child {padding: 0;}
177			.rsp_content.fullWidthColumnImage-mirrored > table > tbody > tr > td:last-child {padding: 0 0 0 2%;}
178		@media only screen and (max-width: 960px) { 		
179			.rsp_content.fullWidthColumnImage > table > tbody > tr > td,
180			.rsp_content.fullWidthColumnImage-mirrored.fullWidthColumnImage-mirrored > table > tbody > tr > td {padding: 0}
181			.fullWidthColumnImage {overflow: hidden;} 
182			.fullWidthColumnInfo {
183				max-width: 100%; 
184				padding: 50px 20px 35px; 
185				float: none}
186			.fullWidthColumnFull img {
187				height: auto; 
188				max-width: 100%;
189			}
190		}
191		@media only screen and (max-width: 768px) { 
192			.fullWidthColumnInfo {padding: 20px}
193		}
194	/* END 50/50 Content Block */
195
196.rsp_box { padding: 25px } 			
197
198/* Header */
199.rsp_header {padding: 20px 0; overflow: hidden; }
200.header h1, .header h2, .header h3, .header h4, .header h5, .header a, .header p {margin-bottom: 0} 
201
202.Header-LogoLeft-PhoneRight .phone {
203	text-align: right;
204	width: 100%;
205	display:inline-block}	
206	.rsp_header .half {width: 50%; float: left;}
207	.rsp_header h1, .rsp_header h2, .rsp_header h3, .rsp_header h4, .rsp_header p, .rsp_header a  {margin-bottom: 0}	
208	.header a, .rsp_header a {display:inline-block;}
209	
210#companyname a img {max-width: 100%}	
211
212.Header-Centered img {margin-bottom: 10px; display: block;}					
213.Header-Centered .phone img {margin-bottom: 0; float: left; margin-right: 10px;}
214.Header-Centered .phone {display: inline-block; line-height: 1;}	
215
216@media only screen and (max-width: 960px) {
217	.rsp_header {padding:20px;}
218}
219@media only screen and (max-width: 768px) {
220	.rsp_header .half {width: 100%; float: none;}
221	.Header-LogoLeft-PhoneRight .phone {
222		text-align: center;
223		margin-top: 1em}	
224}
225	
226				.phone table {display: inline-block;}
227					.phone table:last-child {margin-left: 20px}
228					@media only screen and (max-width: 768px) {
229						.phone table {table-layout: inherit}
230						.phone.phone td {width: auto !important; display: table-cell !important}	
231					}
232					@media only screen and (max-width: 568px) {
233					#companyslogan { width: calc(100% - 40px); }
234					.header .phone { margin: 0 auto; float: none}
235					.header .button { display: inline-block; }
236					.header .hamburger { padding: 10px 0 !important; }
237					}
238.header form {
239    display: block;
240    float: right;
241    text-align: right;
242    width: 100%;
243}
244@media only screen and (max-width: 768px) {
245  .header form {float: none}
246}
247.header input {
248    display: inline-block;
249    height: 35px;
250    margin-bottom: 0;
251    padding: 0 10px;
252}
253.header input[type="text"] {
254    border: 1px solid #ccc;
255    box-sizing: border-box;
256}
257.header .phone {
258    display: table;
259    float: right;
260    font-size: 14pt;
261    line-height: 25px;
262    margin-bottom: 0.5em;
263    width: auto;
264	float: right;
265}
266
267#companyslogan * {clear:both}
268@media only screen and (max-width: 768px) {
269  .header .phone {float: none}
270}
271.header .phone img {
272    display: inline-block;
273    float: left !important;
274    padding-right: 5px;
275}
276.header span#rsp_cart {
277    display: inline-block;
278    float: right;
279    margin-bottom: 0;
280    margin-left: 20px;
281    position: relative;
282    text-align: left;
283    width: auto;
284}
285.header span#rsp_cart a {
286    display: inline-block;
287    line-height: 25px;
288}
289.header span#rsp_cart a:hover {
290    text-decoration: underline;
291}
292
293/* Column Padding */
294.rsp_content > div > table > tbody > tr > td,
295.rsp_content > table > tbody > tr > td {padding: 0 2%}
296
297
298.rsp_content > div> table > tbody > tr > td:first-child,	
299.rsp_content > table > tbody > tr > td:first-child {padding: 0 2% 0 0}
300
301.rsp_content > div > table > tbody > tr > td:last-child,	
302.rsp_content > table > tbody > tr > td:last-child {padding: 0 0 0 2%}
303
304
305.rsp_content > table.columns,
306.rsp_content > div > table.columns {width: 104%; margin: 0 -2%}
307  
308.rsp_content > table.columns > tbody > tr > td,
309.rsp_content > div > table.columns > tbody > tr > td {padding: 0 2%}
310
311/* Added to address a comment in RSP-106 */
312.rsp_content > div > table > tbody > tr > td[colspan],
313.rsp_content > table > tbody > tr > td[colspan] {
314    padding: 0;
315}
316    
317@media only screen and (max-width: 768px) {
318.rsp_content > table.columns,
319.rsp_content > div > table.columns {width: 100%; margin: 0}  
320}
321	
322
323.small-icon.small-icon .icon {padding: 0}		
324		
325	
326@media only screen and (max-width: 960px) {
327	.rsp_content .columns.four > tbody > tr > td {
328		width: 40%;
329		display: inline-block;
330	}
331	
332		.rsp_content.fullWidthColumn > table > tbody > tr > td,
333		.rsp_content.fullWidthColumn > table > tbody > tr > td:first-child,
334		.rsp_content.fullWidthColumn > table > tbody > tr > td:last-child {padding: 0}
335				
336        .Addons-2Column-RightForm > table > tbody > tr > td:first-child {padding: 0 2% 0 0}
337        .Addons-2Column-RightForm > table > tbody > tr > td:last-child {padding: 0 0 0 2%}				
338
339	
340	.small-icon.small-icon .icon {padding: 0}
341
342	.rsp_kv.section {padding: 100px 20px 85px}
343	.rsp_kvSubpage.section,
344	.rsp_content.section {padding: 50px 20px 35px}
345	
346	
347}
348
349
350@media only screen and (max-width: 768px) {
351
352	/* fix for old template */
353	table td {padding: 0}
354	img {margin-bottom: 1em}
355	
356
357	.section.section.section {padding:20px;}
358	
359	.rsp_content > table > tbody > tr > td, 
360	.rsp_content > table > tbody > tr > td:first-child, 
361	.rsp_content > table > tbody > tr > td:last-child,
362	.Addons-2Column-RightForm > table > tbody > tr > td,
363	.Addons-2Column-RightForm > table > tbody > tr > td:first-child, 
364	.Addons-2Column-RightForm > table > tbody > tr > td:last-child {padding: 0}
365	
366	
367	.rsp_kv img,  .rsp_kv table {margin: 0}
368	.rsp_kvSubpage {text-align: center}
369	
370	.rsp_kv.section {padding: 20px !important}
371	.section.section td,
372	.rsp_content .columns.four > tbody > tr > td {
373		display: block;
374		padding: 0;
375		width: 100% !important}
376		
377	.blank {display:none !important;}
378	.fullwidth.fullwidth {background-position: center top;}
379
380	.small-icon.small-icon .icon {    
381		display: inline-block;
382		width: 25%;}
383	.small-icon.small-icon .column-text {
384		display: inline-block;
385		padding: 0 0 20px 15px;
386		width: 65%;}
387}
388
389
390/* ---------------------------------- */	
391/* ---------------------------------- */	
392/* DEFAULT COLORS */
393/* ---------------------------------- */
394/* ---------------------------------- */
395
396body, h1, h2, h3, h4, h5, h6 {color: #333}
397.primaryColorbg, .secondary-webcomMenu {background-color:#ccc}
398.button, #layout input.form-element[type="submit"] {
399	background-color: #666;
400	color: #fff;
401	}
402.hamburger div {
403	color: #333;
404	border-color: #333;	}
405	.hamburger span, 
406	.hamburger span:before, 
407	.hamburger span:after {background-color: #333;}
408	
409li.hamburger a:before {background: transparent !important}
410	
411#slide-navContainer {background: #333}
412	#slide-navContainer a {color: #fff}
413	#slide-navContainer a, #slide-navContainer a:before {background: transparent !important}
414	
415
416
417
418/* ---------------------------------- */	
419/* ---------------------------------- */	
420/* NAV */
421/* ---------------------------------- */
422/* ---------------------------------- */
423
424/* ---------------------------------- */
425/* START structure.css nav fixes */	
426/* ---------------------------------- */
427.section #styleNav ul { margin: 0;}
428#styleNav {visibility: visible !important;}
429primary-webcomMenu-offset {position: auto !important}
430.primary-webcomMenu,
431.primary-webcomMenuItem,
432.primary-webcomMenuItem-bottom,	
433.primary-webcomMenuItem-top,	
434.primary-webcomMenuItem-right,
435.primary-webcomMenuItem-left,
436.primary-webcomMenuItem-middle,
437.primary-webcomMenuItem {
438	float: none;
439	height: auto !important;
440	padding: 0 !important}
441div.primary-webcomMenu-bottom, 
442div.secondary-webcomMenu-bottom {
443	position: auto;
444	float: left}
445.primary-webcomMenuItem-middle, .secondary-webcomMenuItem-middle { text-overflow:ellipsis; }	
446/* ---------------------------------- */
447/* END structure.css nav fixes */
448/* ---------------------------------- */
449
450
451#navContainer, #nav, #styleNav {
452	display: inline-block;
453	width: 100%;
454	}	
455#nav ul { max-height: 65px;}
456#nav ul li ul { max-height: none; }
457.primary-webcomMenu {
458	float: left;
459	padding: 0;
460	margin: 0;
461	height: auto !important;
462	width: auto !important}
463.primary-webcomMenu li {
464	list-style-type: none;
465	max-width: 250px;
466	display: block;
467	float: left;
468	}
469li.primary-webcomMenuItem > a { position: relative; }
470.primary-webcomMenu li.selected > a { font-weight: bold;}
471.primary-webcomMenu li.selected a:hover { text-decoration: none; }
472.primary-webcomMenu a {		
473	display: block;
474	text-overflow: ellipsis;
475	overflow:hidden;
476	white-space:nowrap;
477	text-decoration: none; 
478	text-transform: uppercase; 
479	padding: 20px 10px; 
480	margin: 0 5px;
481	margin-bottom: 0}
482	.primary-webcomMenu a:hover {text-decoration: underline;}
483			
484.primary-webcomMenu ul {
485	padding: 0;
486	position: absolute;
487	left: 0;
488	width: 100%
489	z-index: 100;
490	}
491	#navContainer .secondary-webcomMenu {box-shadow: inset 0 3px 5px rgba(0,0,0,0.2);}
492	
493.primary-webcomMenu ul li {
494	display: block;
495	width: 100%;
496    float: left;
497    list-style-type: none;
498    max-width: 100%;
499	}	
500	.primary-webcomMenu ul li a{
501    padding: 15px 10px 0;
502    width: 100%;
503	}
504		.primary-webcomMenu ul li:last-child a{padding-bottom: 15px}
505
506	.primary-webcomMenu li:hover ul {
507	  display: block;
508	}	
509	
510	.primary-webcomMenu li {
511    display: block;
512    float: left;
513    list-style-type: none;
514    max-width: 100%;
515}
516
517@media only screen and (max-width:768px) {
518	.primary-webcomMenu-offset { display: block; margin: 0; }          
519}
520
521
522
523/* ---------------------------------- */	
524/* ---------------------------------- */	
525/* HAMBURGER ICON */
526/* ---------------------------------- */
527/* ---------------------------------- */
528.hamburger div {
529	cursor: pointer;
530	display:inline;
531	border-radius: 3px;
532	margin-top: 14px;
533	text-align: center;
534	background: none; 
535	z-index:95;
536	display: block;
537	border-width: 1px;
538	border-style: solid;
539	padding: 5px 12px;
540	}	
541	.hamburger div:after {content: 'MENU';padding-right: 30px} 
542.hamburger span, 
543.hamburger span:before, 
544.hamburger span:after {
545	border: 0 none;
546	border-radius: 1px;
547	content: "";
548	cursor: pointer;
549	display: block;
550	height: 3px;
551	margin: auto;
552	padding: 0;
553	position: absolute;
554	right: 0;
555	top: 47%;
556	width: 25px;
557	margin-right: 15px;
558	z-index: 100;}
559	.hamburger span:before {top: -6px;}
560	.hamburger span:after {bottom: -11px;} 
561	.hamburger span::before, .hamburger span::after {
562		margin-right: 0;
563	}	
564.hamburger a {
565	display: block;
566	padding: 0}
567	.hamburger.hamburger a:hover {text-decoration: none}
568
569
570@media only screen and (max-width: 768px) {	
571	.hamburger a { 
572		position: relative;
573		height: 25px;
574		width: 25px;}	
575		.hamburger div {display:none}
576	.hamburger span, 
577	.hamburger span:before, 
578	.hamburger span:after {top: 45%; margin: auto;}
579	.hamburger span:before {top: -6px;}
580	.hamburger span:after {bottom: -11px;} 		
581}
582
583	
584
585/* ---------------------------------- */	
586/* ---------------------------------- */	
587/* SLIDE OUT NAV */
588/* ---------------------------------- */
589/* ---------------------------------- */
590#slide-navContainer {		
591	position: fixed; 
592	top: 0; 
593	right: -250px; 
594	width: 250px; 
595	height: 100%; 
596	z-index: 3000; 
597	overflow-y: auto;
598	overflow-x: hidden;
599	margin-bottom: 0;}
600	#slide-navContainer #nav {    
601		margin-top: 45px;
602		background-color: #333;
603		width: 90%;}
604		
605#slide-navContainer ul { 
606	list-style-type: none; 
607	float: none;
608	position: initial;
609	background-color: transparent;
610	padding: 0; }
611	#slide-navContainer li {
612		width: 100%;
613		max-width: 100%; }
614	#slide-navContainer ul ul {
615		display:block;
616		padding: 0 0 0 20px; 
617		position: relative; }
618	#slide-navContainer.primaryColorbg #styleNav ul li ul li {
619		border-bottom: none; background-color: transparent; }
620	
621#slide-navContainer a {
622	display: block;  
623	float: none; 
624	width: 100%;
625	padding: 10px;  
626	margin: 0; 
627    text-overflow: unset;
628    white-space: pre-line;
629	overflow:hidden;
630	text-decoration: none; 
631	text-align:left;}
632	#slide-navContainer a:hover { text-decoration: underline; }
633    #slideout-menu-toggle { 
634		text-indent: 0;
635		display: block; 
636		line-height: 1;
637		text-decoration: none; 
638		z-index: 100; }
639    #slideout-menu-toggle:hover {  }
640
641	/* ---------------------------------- */
642	/* CLOSE BUTTON */
643	/* ---------------------------------- */
644	#navContainer .close {display:none; height: 0; visibility:hidden}
645	#slide-navContainer .close {
646		font-size: 36px;
647		line-height: 36px;
648		padding: 0;
649		position: absolute;
650		right: 10px;
651		top: 0;
652	}
653	#slide-navContainer .close:hover {text-decoration: none}
654	#slide-navContainer .close span:after {
655		text-align: right; 
656		display: block;
657		content:'\00D7'; }
658
659@media only screen and (max-width: 768px) {	
660	.primary-webcomMenu-bottom, .secondary-webcomMenu-bottom {float: right !important;}	
661	#slide-navContainer ul ul {display: block}	
662	#nav .section {padding: 10px 20px}
663	.primary-webcomMenu {width: 100% !important}
664	#slideout-menu-toggle {float: right}
665}
666
667/* ---------------------------------- */
668/* ---------------------------------- */
669/* STICKY NAV */
670/* ---------------------------------- */
671/* ---------------------------------- */
672#sticky-navContainer { display: block; z-index: 2002; position: fixed; top: -120px; width: 100%; -webkit-transition: top 0.3s linear; -moz-transition: top 0.3s linear; transition: top 0.3s linear; }
673#sticky-navContainer .primary-webcomMenu li ul { display: none; }
674#sticky-navContainer .primary-webcomMenu li:hover ul { display: block;	}
675#sticky-navContainer #nav-toggle span { margin-top: 6px;  }
676#sticky-navContainer ul li { position: relative; }
677#sticky-navContainer .section { padding: 0 !important; margin-top: 0; }
678#sticky-navContainer .close { display: none; }
679@media only screen and (max-width: 768px) {
680#sticky-navContainer #nav-toggle span { margin: 0; }
681#sticky-navContainer #slideout-menu-toggle { padding: 10px 10px 10px 0;}
682}
683
684/* ---------------------------------- */
685/* ---------------------------------- */
686/* FOOTER */
687/* ---------------------------------- */
688/* ---------------------------------- */
689
690
691.box {display: table; height: 100%; margin-bottom: -20px; }
692#layout, #mtx_footer{ display: table-row; }
693#footer .footercontent ul.adr li.street-address {display: block;}
694#mtx_footer #footer { padding: 20px 0; text-align: center; width: 100%;}
695#mtx_footer #footer span { display: inline-block; }
696#mtx_footer #footer span.street-address:after { content: ", "}
697#mtx_footer #footer br { display: none; }
698#mtx_footer .footercontent {display: block; max-width: 960px; margin: 0 auto;position: relative; padding: 0; }
699#mtx_footer .footercontent center { display: block; width: 100%; margin: 0; padding: 30px 0 10px;  }
700#mtx_footer .footercontent a { text-decoration: none; display: inline-block; margin: 0 10px; padding: 5px 0;}
701#mtx_footer .footercontent a:hover { text-decoration: underline; }
702#mtx_footer .footercontent table { line-height: 150%; text-align: center; }
703#mtx_footer .footercontent table td, .footercontent table tr { display: inline-block; text-align: center;}
704#mtx_footer .footercontent table td { padding: 0 5px;}
705#mtx_footer .footercontent table tr { margin: 10px 0 0;}
706#mtx_footer .footercontent span.fn.org { position: absolute; top: 0;font-size: 20px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);}
707@media only screen and (max-width: 768px) {
708#mtx_footer .footercontent ul.adr li {float: none}
709#mtx_footer .footercontent span.fn.org { font-size: 16px }
710#mtx_footer #footer font { font-size: 11px; }
711#mtx_footer .vcard table table td[nowrap=""] { text-align: center; white-space: normal; }
712#mtx_footer .footercontent table tr { margin: 0;}
713}
714
715
716#mtx_footer { width: 100%; }
717.footercontent { padding: 40px 0; width: 100%; margin: 0 auto; }
718.footercontent .vcard {display: block; max-width: 960px; margin: 0 auto; }
719.footercontent h4, .footercontent .businessname { display: block; clear: both; text-align: center; }
720.footercontent h4.fn.org a, .footercontent .businessname a{ font-size: 24px; text-decoration: none; margin: 0 0 0.3em; font-weight: bold; }
721.footercontent ul { list-style-type: none;}
722.footercontent li { font-size: 14px; line-height: 20px;}
723.footercontent ul.mtx_footnav { display: table; clear: both; margin: 0 auto; }
724.footercontent ul.mtx_footnav a { margin-bottom: 0.5em; text-decoration: none; }
725.footercontent ul.mtx_footnav a:hover { text-decoration: underline; }
726.footercontent ul.mtx_footnav li { display: inline; margin: 0 .5em}
727.footercontent ul.mtx_footnav li ul { display: none;  }
728.footercontent ul.mtx_buscontact { display: table; clear: both; list-style-type: none; margin: 0 auto 1em;; text-align: center; }
729.footercontent ul.mtx_buscontact li { display: inline-block; margin: 0;}
730.footercontent ul.mtx_buscontact li::after { content:" |"}
731.footercontent ul.mtx_buscontact li:last-child::after { content: "";}
732.footercontent ul.mtx_buscontact li.tel::before {content: "Phone: " }
733.footercontent ul.mtx_buscontact li.mtx_fax::before {content: "Fax: " }
734.footercontent ul.mtx_buscontact li.mtx_cell::before {content: "Cell: " }
735.footercontent ul.adr { font-weight: bold; display:table; margin: 0 auto; }
736.footercontent ul.adr li { font-weight: normal; display: inline; float: left; margin: 0 3px 0 0; padding: 0; }
737.footercontent ul.adr li::after { content: ","}
738.footercontent ul.adr li:last-child::after { content: ""}
739.footercontent #mtx_copyright { text-align: center; font-size: 10px; margin: 1em auto 0;}
740.footercontent .email #footerContact, .footercontent .email .footer_contact_component { display: inline-block; }
741#mtx_footer .footercontent a.footer_contact_email { margin: 0 }
742.footercontent ul.adr li.region::after { content: ""; }
743.footercontent ul.mtx_footnav, .footercontent ul.adr, #mtx_footer #footer .vcard div[style="width: 100%"], #mtx_footer #footer .vcard table[style="width: 100%"] { text-align: center; }
744#mtx_footer #footer .vcard br, #mtx_footer #footer .vcard br { display: initial; }
745
746
747/* Video Embed Fix */
748body .html5-video-container { z-index: auto !important; }
749
750/* ---------------------------------- */	
751/* ---------------------------------- */	
752/* Contact Form*/
753/* ---------------------------------- */	
754/* ---------------------------------- */	
755
756
757div[id*="webcom-component-form"] > table > tbody > tr > td:first-child,
758div[id*="webcom-component-form"] > table > tbody > tr > td:last-child,
759div[id*="webcom-component-feedback"] > table > tbody > tr > td:first-child,
760div[id*="webcom-component-feedback"] > table > tbody > tr > td:last-child {display:none}
761
762div[id*=webcom-component-form] td[width*="10%"],
763div[id*=webcom-component-feedback] td[width*="10%"] { width: 100% !important; }
764
765form[id^=webcom-component-form],
766form[id^=webcom-component-feedback] {
767	width: 100%;
768	margin: 0 auto;
769}
770
771form[id^=webcom-component-form] table, 
772form[id^=webcom-component-feedback] table, 
773.form-element[type=text],
774.web_com_custom_form .form-element-size-large[type="text"], 
775.web_com_custom_form table.form-element-size-large, 
776.web_com_custom_form textarea.form-element-size-large, 
777.web_com_custom_form select.form-element-size-large,
778.web_com_custom_form table td.FirstName input,
779.web_com_custom_form table td.LastName input,
780.web_com_custom_form table[class*=large], 
781.web_com_custom_form input[class*=large], 
782.web_com_custom_form table[class*=large], 
783.web_com_custom_form textarea[class*=large], 
784.web_com_custom_form select[class*=large] {
785	padding: 5px !important;
786	-webkit-box-sizing: border-box;
787	-moz-box-sizing: border-box;
788	box-sizing: border-box; 
789	max-width: 100% !important;
790	min-width: 100% !important;
791	width: 100% !important}
792	
793@media only screen and (max-width: 768px) {
794
795	form[id^=webcom-component-form],
796	form[id^=webcom-component-feedback] {width: 100%;}
797		
798	.web_com_custom_form table td.FirstName,
799	.web_com_custom_form table td.LastName{
800		padding-left: 0 !important;
801		width: 100% !important}
802}	
803
804
805/* POPUP CONTACT */
806
807.fc_overlay { width: auto !important; height: auto !important; }
808.fc_container { max-width: 90% !important;}
809#footer #fc_form_header, #footer #fc_form_container label { color: #333;}
810#fc_form_container form { display: block; }
811#fc_form_container tr { display: block; margin: 0; padding: 0; }
812#fc_form_container table td { padding: 0; }
813#fc_form_container table td[width="45%"] { display: none important;}
814#fc_form_container table td[width="10%"] { display: block; width: 100%}
815
816/* ---------------------------------- */	
817/* ---------------------------------- */	
818/* ECOMM */
819/* ---------------------------------- */	
820/* ---------------------------------- */	
821
822
823.mtrx_ecom_layout { display: block; margin: 0 auto; max-width: 960px; padding: 20px;}
824
825.Header-EcommerceSearch h2, .Header-EcommerceSearch img, .Header-EcommerceSearch div { display: inline-block; }
826.Header-EcommerceSearch form { float: right; display: block; width: 100%; text-align: right; }
827.Header-EcommerceSearch input { height: 35px; padding: 0 10px; display: inline-block; margin-bottom: 0}
828.Header-EcommerceSearch input[type='text'] { 
829	border: 1px solid #ccc;
830	box-sizing: border-box;  }
831.Header-EcommerceSearch div.phone { display: table; width: auto; margin-bottom: 0.5em; float: right;  line-height: 25px; font-size: 14pt; }
832.Header-EcommerceSearch div.phone img { float: left !important; display:inline-block; padding-right: 5px;  }
833.Header-EcommerceSearch span#rsp_cart { float: right; position: relative; width: auto; margin-left: 20px; margin-bottom: 0;  text-align:left; display: inline-block;  }
834.Header-EcommerceSearch span#rsp_cart a { display: inline-block; line-height: 25px; }
835.Header-EcommerceSearch span#rsp_cart a:hover { text-decoration: underline; }
836.mtrx_ecom_layout #page .result .description { line-height: 150%; }
837#page div.results-grid { width: 100%; }
838body #page-content h1, body #page-content h2, body #page-content h3, body #page-content h4, body #page-content h5, body #page-content h6 { line-height: inherit; }
839.mtrx_ecom_layout a:hover { text-decoration: none;  }
840#page .result h3 { overflow: none; height: auto; font-size: 16px; }
841#page div.results .result { height: auto; overflow: none; width: 100%; }
842#page div.results .result .thumbnail { display: inline-block; float: left; max-width: 20%; margin-right: 5%; }
843#page div.results .result .details { display: inline-block; overflow: auto; padding: 0px; text-align: left; width: 75%; }
844#page div.results .result .amount {   width: auto; float: right; text-align: right; }
845#page div.results .result .description { margin-bottom: 0; font-size: 13px;}
846body .mtrx_ecom_layout #page .btn-add-to-cart, body .mtrx_ecom_layout #page.content a.btn-main, body .mtrx_ecom_layout div.upsell-panel a.btn-main, body .mtrx_ecom_layout #page .btn-add {
847	display: inline-block;
848	cursor: pointer;
849	text-align:center;
850	margin: 0 inherit;
851	margin-bottom: 1em;
852	border: 0;
853	padding: 10px 25px; 
854	border-radius: 5px; 
855	text-decoration: none;
856	font-weight: 700; 
857	transition: all 0.3s ease 0s;
858}
859	
860@media only screen and (max-width: 768px) {
861
862#webcom_ecomm_category_title { display: block; position: relative; background: rgba(0,0,0,0.05); padding: 10px; cursor: pointer; }
863#webcom_ecomm_category_title::after { content: " \25BE"; }
864#webcom_ecomm_category_title.rsp_active::after { content: " \25B4"; }
865.mtrx_ecom_layout #cats { display: block; border: 1px solid rgba(0,0,0,0.05); padding: 10px; margin-top: -10px;  }
866.mtrx_ecom_layout #cats { display: none; }
867#cats.rsp_active { display: block; }  
868
869	.Header-EcommerceSearch div.phone { margin: 10px auto 0; float: none; }
870	.Header-EcommerceSearch form { margin: 10px auto 0 ; float: none; text-align: center; max-width: 350px; }
871	.Header-EcommerceSearch input[type='text'] { width: 70%;}
872	.Header-EcommerceSearch input[type='submit'] { width: 28%; }
873	.Header-EcommerceSearch h2, .Header-EcommerceSearch img, .Header-EcommerceSearch div { display: block; margin: 0 auto; }
874	.Header-EcommerceSearch h2 { margin-bottom: 0; }
875	.Header-EcommerceSearch div { float: none; width: 100%; }
876	.Header-EcommerceSearch span { text-align: center; margin: 0; line-height: auto; margin-bottom: 0.5em;}
877	.Header-EcommerceSearch span.phone { margin: 0 auto; float: none; }
878	.Header-EcommerceSearch span.phone img { display: inline-block; margin: 0; }	
879	
880	
881	
882.cart-gridview .row-item { position: relative; }
883.cart-gridview .cell-remove { position: absolute; top: 0; right: 20px;}	
884.mtrx_ecom_layout table td, #cart-contents .cart-gridview .cell-product  { display: block; width: auto;}
885#cart-links { margin: 0 auto 5px !important; }
886
887#search-box { display: none; }
888#search-box input { display: inline-block; }
889#search-box .search-field { width: 76% !important; height: 30px !important; padding: 0 !important; text-indent: 5px;  }
890#search-box .btn-search { width: 22% !important; margin: 0 0 0 1%; height: 30px !important; padding: 0 !important;}
891.paging .page-mode { display: none; }
892.paging { font-size: 12px !important; }
893#page div.results-grid .result { width: 33%; max-width: 33%;}
894	.cart-gridview table { 
895		width: 100%; 
896		border-collapse: collapse; 
897	}
898	/* Zebra striping */
899	.cart-gridview tr:nth-of-type(odd) {
900	}
901	.cart-gridview th, .calculations-hack { 
902		display: none !important;
903	}
904	.cart-gridview td, .cart-gridview th { 
905		padding: 6px; 
906		text-align: left; 
907	}
908	.cart-gridview table, .cart-gridview thead, .cart-gridview tbody, .cart-gridview th, .cart-gridview td, .cart-gridview tr {
909			display: block;
910		}
911
912		.cart-gridview thead tr {
913			position: absolute;
914			top: -9999px;
915			left: -9999px;
916		}
917
918		.cart-gridview td {
919			border: none;
920			position: relative;
921			padding-left: 35% !important;
922			clear: both;
923		}
924		.cart-gridview td.cart-summary { padding-left: 0 !important;}
925		.cart-gridview td.cart-summary .coupons { width: 100%; margin: 0; }
926		.cart-gridview td.cart-summary label { font-size: 14px; padding: 10px 20px; line-height: 16px;}
927		.cart-gridview td.cart-summary label em { font-size: 10px; margin: 0; padding: 0;}
928		.cart-gridview td.cart-summary .coupons input.text { width: 80%; margin: 0 0 0 6px; padding: 0;}
929		.cart-gridview .cart-summary .calculations tr, .cart-gridview .cart-summary .calculations table td { border: 0;}	
930		.cart-gridview td:before {
931			position: absolute;
932			top: 6px;
933			left: 6px;
934			padding-right: 10px;
935			white-space: nowrap;
936		}
937
938		.cart-gridview td.cell-quantity:before { content: "Quantity"; }
939		.cart-gridview td.cell-thumbnail:before { content: ""; }
940		.cart-gridview td.cell-product:before { content: "Product"; }
941		.cart-gridview td.cell-price:before { content: "Price"; }
942		.cart-gridview td.cell-total:before { content: "Total"; }
943		.cart-gridview .row-option { display: block; }
944		.cart-gridview tr.row-option { border-top: 0;}
945		.cart-gridview tr.row-option td:nth-of-type(1):before { content: "Options";}
946
947		.cart-gridview td.cart-summary:nth-of-type(1):before, .cart-gridview .cart-summary .calculations td:nth-of-type(1):before { content: ""; }
948		#cart-contents .cart-gridview .cart-summary .calculations { clear: both; width: 100%; float: none; }
949		#cart-contents .cart-gridview .calculations td { padding: 0 8px; }
950.option select { width: 100%;}
951div.wrapper-main #billing-address div.left { max-width: 100%; min-width: 200px; }
952div.wrapper-main #page-body div.secure-text { float: none; position: relative; }
953div.wrapper-main #page-body { padding: 0;}
954div.wrapper-main #billing-address input, div.wrapper-main #billing-address select, div.wrapper-main input.text, div.wrapper-main select, div.wrapper-main textarea { width: 100%; margin: 0;}
955div.wrapper-main #billing-address .checkbox input { float: left; width: auto;}
956div.wrapper-main #billing-address .checkbox { margin: 20px 0 0; }
957div.wrapper-main .summary .calculations, div.wrapper-main .final-summary .calculations { width: 35%; margin: 0; }
958div.wrapper-main .summary { width: 80%; float: none; }
959
960body .cart-gridview tr { border: none; }
961#cart-contents .cart-gridview .calculations td:first-child { width: 35%}
961
962#cart-contents .cart-gridview .calculations td { padding: 0 8px; width: auto; display: inline-block; text-align: right; }
963body #cart-contents .cart-gridview .cart-summary { margin-top: 20px; border-top: 2px solid #ccc; }
964#page.product-detail .quantity-discounts .netprice{ font-weight: bold; }
965.cart-gridview .row-option td.cell-product::before { content: ''; }
966.cart-gridview .cell-thumbnail { display: none; }
967#cart-contents .cart-gridview tr.row-item.alt { background: rgba(0,0,0,0.02); margin-top: 20px; }
968body div.wrapper-main form label { width: auto !important;}  
969div#page.product-detail .gallery img { display: block; margin: 0 auto; }
970.paging .page-mode { display: inline-block; float: right; }
971.paging .page-mode label { display: none; }
972#ctl00_mainContent_productBrowser_pagerTop_ctl00_gridButton , a#ctl00_mainContent_productBrowser_pagerTop_ctl00_listButton { display: inline-block; position: relative; text-indent: -9999em; width: 26px; height: 26px; cursor: pointer; }
973#ctl00_mainContent_productBrowser_pagerTop_ctl00_gridButton:before { display: block; content: ''; position: absolute; height: 12px; width: 12px; background: rgba(0,0,0,0.2); border-radius: 2px; box-shadow: 14px 0 0 rgba(0,0,0,0.2),14px 14px 0 rgba(0,0,0,0.2),0 14px 0 rgba(0,0,0,0.2) ;}
974.disabled#ctl00_mainContent_productBrowser_pagerTop_ctl00_gridButton:before { background: rgba(0,0,0,0.5);box-shadow: 14px 0 0 rgba(0,0,0,0.5),14px 14px 0 rgba(0,0,0,0.5),0 14px 0 rgba(0,0,0,0.5) ;}
975#ctl00_mainContent_productBrowser_pagerTop_ctl00_listButton:before {display: block; content: ''; position: absolute; height: 6px; width: 6px; background: rgba(0,0,0,0.2); border-radius: 18px; box-shadow: 0 10px 0 rgba(0,0,0,0.2), 0 20px 0 rgba(0,0,0,0.2)}
976#ctl00_mainContent_productBrowser_pagerTop_ctl00_listButton:after {display: block; content: ''; position: absolute; top:0; left: 9px;height: 5px; width: 18px; background: rgba(0,0,0,0.2);  box-shadow: 0 10px 0 rgba(0,0,0,0.2), 0 20px 0 rgba(0,0,0,0.2)}
977.disabled#ctl00_mainContent_productBrowser_pagerTop_ctl00_listButton:before {background: rgba(0,0,0,0.5); box-shadow: 0 10px 0 rgba(0,0,0,0.5), 0 20px 0 rgba(0,0,0,0.5)}
978.disabled#ctl00_mainContent_productBrowser_pagerTop_ctl00_listButton:after {background: rgba(0,0,0,0.5);  box-shadow: 0 10px 0 rgba(0,0,0,0.5), 0 20px 0 rgba(0,0,0,0.5)}
979#ctl00_mainContent_productBrowser_pagerBottom_ctl00_gridButton , a#ctl00_mainContent_productBrowser_pagerBottom_ctl00_listButton { display: inline-block; position: relative; text-indent: -9999em; width: 26px; height: 26px; cursor: pointer; }
980#ctl00_mainContent_productBrowser_pagerBottom_ctl00_gridButton:before { display: block; content: ''; position: absolute; height: 12px; width: 12px; background: rgba(0,0,0,0.2); border-radius: 2px; box-shadow: 14px 0 0 rgba(0,0,0,0.2),14px 14px 0 rgba(0,0,0,0.2),0 14px 0 rgba(0,0,0,0.2) ;}
981.disabled#ctl00_mainContent_productBrowser_pagerBottom_ctl00_gridButton:before { background: rgba(0,0,0,0.5);box-shadow: 14px 0 0 rgba(0,0,0,0.5),14px 14px 0 rgba(0,0,0,0.5),0 14px 0 rgba(0,0,0,0.5) ;}
982#ctl00_mainContent_productBrowser_pagerBottom_ctl00_listButton:before {display: block; content: ''; position: absolute; height: 6px; width: 6px; background: rgba(0,0,0,0.2); border-radius: 18px; box-shadow: 0 10px 0 rgba(0,0,0,0.2), 0 20px 0 rgba(0,0,0,0.2)}
983#ctl00_mainContent_productBrowser_pagerBottom_ctl00_listButton:after {display: block; content: ''; position: absolute; top:0; left: 9px;height: 5px; width: 18px; background: rgba(0,0,0,0.2);  box-shadow: 0 10px 0 rgba(0,0,0,0.2), 0 20px 0 rgba(0,0,0,0.2)}
984.disabled#ctl00_mainContent_productBrowser_pagerBottom_ctl00_listButton:before {background: rgba(0,0,0,0.5); box-shadow: 0 10px 0 rgba(0,0,0,0.5), 0 20px 0 rgba(0,0,0,0.5)}
985.disabled#ctl00_mainContent_productBrowser_pagerBottom_ctl00_listButton:after {background: rgba(0,0,0,0.5);  box-shadow: 0 10px 0 rgba(0,0,0,0.5), 0 20px 0 rgba(0,0,0,0.5)}
986
987}
988@media only screen and (max-width: 568px) {
989#page div.results-grid .results-row { display: inline; }
990#page div.results-grid .result { display: inline-block; width: 46%; max-width: 46%; padding: 20px 0 0; margin: 0 0 0 2%; text-align: center; }
991#page div.results-grid .result .thumbnail { display: block; width: 100%; float: left; margin: 0 10px 0 0 !important; }
992#page div.results-grid .result .thumbnail img { display: block; margin: 0 auto;}
993#page div.results-grid .result h3 { margin: 0; text-align: center; }
994#page div.results-grid .result h3 a { text-decoration: none; }
995#page div.results-grid .result .amount { display: inline-block; text-align: center; margin: 0 auto; width: auto;}
996#page div.results-grid .result .description { display: none;  }
997#page div.results-grid { width: 100%;}
998}
999@media only screen and (max-width: 468px) {
1000#page-content #subheader h2 { text-align: center; }
1001#page.product-detail .image { text-align: center; float: none; margin: 0 auto;}
1002#page.product-detail div.gallery { float: none; }
1003#page div.results-grid .results-row, 
1004#page div.results-grid { width: 100%;}
1005}
1006
1007
1008
1009
1010/* ---------------------------------- */	
1011/* ---------------------------------- */	
1012/*COUPONS*/
1013/* ---------------------------------- */	
1014/* ---------------------------------- */
1015.coupon {margin-bottom: 1em}	
1016.rsp_coupon.section {padding: 100px 0}
1017.section.section td.wsp_print_btn_left, .section.section td.wsp_print_btn_right{display: none !important;}
1018.section div[align=center] div[style*="height: 27px"] { height: auto !important; }
1019#table_border { width: 100% !important;}
1020.wsp_print_btn_middle{
1021    background: none !important;
1022    height: auto;
1023    text-align:center;
1024    vertical-align:middle;
1025    white-space:nowrap;
1026}
1027
1028.wsp_print_btn_text {
1029	text-decoration: none;
1030	color: inherit !important;
1031	padding: 10px;
1032	margin: 0;
1033}
1034.wsp_print_btn {
1035    cursor: default;
1036    font-family: inherit !important;
1037    font-size: inherit;
1038    font-size-adjust:none;
1039    font-style:normal;
1040    font-variant:normal;
1041    font-weight:normal;
1042    font-size-adjust:none;
1043    line-height:normal;
1044    white-space:nowrap;
1045    margin: 0 auto;
1046	width: auto !important;
1047}
1048.wsp_print_btn .wsp_print_btn_middle {height: auto }
1049
1050table.wsp_print_btn td { padding: 0;}
1051
1052
1053@media only screen and (max-width: 768px) {
1054	.coupon-clear { max-width: 100%; overflow-x: auto;}	
1055}
1056
1057/* ---------------------------------- */	
1058/* ---------------------------------- */	
1059/*MAPS*/
1060/* ---------------------------------- */	
1061/* ---------------------------------- */	
1062.map-address {display: none}
1063.fullWidthColumnFull {position: relative}
1064div[id^=webcom-component-map], .map-container, .map-source, #layout .inner-map-container, .inner-map-container iframe {
1065	width: 100% !important;
1066	min-height: 360px;
1067}
1068.fullwidthmap iframe{width: 100%}
1069
1070.inner-map-container p, .inner-map-container br {display:none !important}	 
1071
1072@media only screen and (max-width: 768px) {
1073	.fullWidthColumnInfo {max-width: 100%; float: none}
1074}
1075
1076
1077/* ---------------------------------- */	
1078/* ---------------------------------- */	
1079/*PHOTO ALBUM*/
1080/* ---------------------------------- */	
1081/* ---------------------------------- */	
1082
1083@media only screen and (max-width: 768px) {
1084	div[id^="webcom-component-photoalbum"] {margin-bottom: 1em}
1085}
1086/* ---------------------------------- */	
1087/* ---------------------------------- */	
1088/*GALLERY*/
1089/* ---------------------------------- */	
1090/* ---------------------------------- */	
1091.rsp_gallery { position: relative; min-height: 150px; background: #000 ; }
1092.rsp_gallery p { display: none; }
1093.rsp_gallery .album-title { position: absolute; z-index: 10; width: 80%; height: 50%; margin: auto; top: 0; left: 0; bottom: 0; right: 0; text-align: center; font-size: 52px !important; color: #fff !important; text-shadow: 0 2px 4px rgba(0,0,0,0.5); line-height: 100% !important;}
1094.rsp_gallery .galleria-container { height: auto !important;	padding-bottom: 35% }
1095.rsp_gallery .galleria-info-text, .rsp_gallery .galleria-container .galleria-info {	display: none !important; }
1096.rsp_gallery .galleria-container .galleria-info, .rsp_gallery .galleria-nav-bar  { filter: none; background: none !important; }
1097.rsp_gallery .galleria-nav-bar  { left: 0 !important; width: 100%; }
1098.rsp_gallery .galleria-container .galleria-nav-items { float: none; margin: 0 auto; display: table; }
1099.rsp_gallery .galleria-container .galleria-nav-items .arrow {  border-radius: 100%;  margin: 0 10px;  background-image: none; display: block !important; }
1100.rsp_gallery .galleria-container .galleria-counter { display: none; }
1101.rsp_gallery .galleria-container .galleria-nav-items .arrow[style="background-color: rgb(136, 136, 136);"] { background-color: rgba(0,0,0,0.6) !important; }
1102.rsp_gallery .galleria-container .galleria-nav-items div { width: 15px; height: 15px; }
1103.galleria-container { 
1104	width: 100% !important;
1105}
1106.galleria-container img {
1107	width: 100% !important;
1108	left: 0 !important;
1109}
1110.galleria-container .galleria-counter {
1111  position: absolute !important;
1112  right: 0px !important;
1113  left: auto !important;
1114  background-color: none !important;
1115  z-index: 10;
1116  opacity: 0.3 !important;
1117}
1118.galleria-container .galleria-nav-items .arrow {
1119  display: none !important;
1120}
1121ul.lightSlider {
1122    margin: 0;
1123}
1124@media only screen and (max-width: 767px) {
1125	.rsp_gallery .galleria-container { padding-bottom: 50% }
1126	.rsp_gallery .album-title { font-size: 30px !important; }
1127}
1128/* ---------------------------------- */	
1129/* ---------------------------------- */	
1130/*RESPONSIVE DATA TABLES*/
1131/* ---------------------------------- */	
1132/* ---------------------------------- */	
1133.responsiveTable td { 
1134	-ms-word-break: break-all;
1135	word-break: break-all;
1136	word-break: break-word;
1137	}
1138@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)  {
1139	.responsiveTable .tableHeader {display: none}
1140	.responsiveTable table, .responsiveTable thead, .responsiveTable tbody, .responsiveTable th, .responsiveTable td, .responsiveTable tr { display: block; }
1141	
1142	.responsiveTable td { 
1143		position: relative;
1144		padding-left: 50% !important; 		
1145	}
1146	
1147	.responsiveTable td:before { 
1148		position: absolute;
1149		left: 15px;
1150		width: 45%; 
1151		padding-right: 10px; 
1152		white-space: normal;
1153	}
1154}
1155
1156/* ---------------------------------- */	
1157/* ---------------------------------- */	
1158/*IMAGE EFFECTS*/
1159/* ---------------------------------- */	
1160/* ---------------------------------- */
1161
1162span.circle img, .circle { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
1163span.roundedcorners img, .roundedcorners { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; }
1164span[class*=stackedphoto] img, span[class*=hvr] img { margin: 0; }
1165span[class*=stackedphoto], span[class*=hvr] { margin-bottom: 20px; }
1166
1167.circle-red-border-5px img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border: 5px solid #DB3744; }
1168.circle-blue-border-2px img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border: 2px solid #4C6CAE; }
1169
1170.frame { display: inline-block; position: relative; border: 4px solid #fff; }
1171.frame:before {  content: ''; position: absolute; top: -7px; left: -7px; width: 0; height: 0; border-style: solid; border-width: 30px 30px 0 0; border-color: #0d0d0d transparent transparent transparent; }
1172.frame:after { content: ''; position: absolute; bottom: -7px; right: -7px; width: 0; height: 0; border-style: solid; border-width: 30px 30px 0 0; border-color: #0d0d0d transparent transparent transparent; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
1173.frame a, .frame img { margin: 0px ; }
1174
1175.polaroid img { display: inline-block;  border: 5px solid #fff; -webkit-box-shadow: 6px 6px 13px rgba(0, 0, 0, 0.15); -moz-box-shadow: 6px 6px 13px rgba(0, 0, 0, 0.15); -o-box-shadow: 6px 6px 13px rgba(0, 0, 0, 0.15); box-shadow: 6px 6px 13px rgba(0, 0, 0, 0.15);  border-bottom: 30px solid #fff; }
1176.polaroid img, .polaroid a { margin: 0px; }
1177
1178.taped-up { display: inline-block; position: relative; border: 4px solid #fff; -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0,.2); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0,.2);
1178 -o-box-shadow: 3px 3px 5px rgba(0, 0, 0,.2); box-shadow: 3px 3px 5px rgba(0, 0, 0,.2); }
1179.taped-up:before { content: ''; position: absolute; background-color: rgba(255,255,255,0.6); height: 26px; left: 25%; top: -15px; width: 50%; -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); box-shadow: 1px 1px 1px rgba(0,0,0,0.1); border-style: dotted; border-color: rgba(0,0,0,0.1); border-width: 0 2px;}
1180.taped-up:nth-of-type(odd):before { -ms-transform: rotate(-8deg); -webkit-transform: rotate(-8deg); transform: rotate(-8deg); }
1181.taped-up:nth-of-type(even):before { -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); }
1182.taped-up:first-child:before { -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); }
1183.taped-up:last-child:before { -ms-transform: rotate(2deg); -webkit-transform: rotate(2deg); transform: rotate(2deg); }
1184.taped-up a, .taped-up img { margin: 0px ; }
1185
1186.taped-up-skew a, .taped-up-skew img {  margin: 0px ; }
1187.taped-up-skew { display: inline-block; position: relative; border: 4px solid #fff; box-shadow: 3px 3px 5px rgba(0, 0, 0,.2); }
1188.taped-up-skew:before { content: ''; position: absolute; background-color: rgba(255,255,255,0.6); height: 26px; left: 25%; top: -15px; width: 50%; -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg); box-shadow: 1px 1px 1px rgba(0,0,0,0.1); border-style: dotted; border-color: rgba(0,0,0,0.1); border-width: 0 2px; }
1189
1190span.hvr-outline-out:hover::before, span.hvr-outline-out:active::before, span.hvr-outline-out:focus::before { left: -6px; right: -6px; top: -6px; bottom: -6px; }
1191span.hvr-outline-out::before {
1192    border: 3px solid rgba(0,0,0,0.4);
1193    bottom: 0;
1194    content: "";
1195    left: 0;
1196    position: absolute;
1197    right: 0;
1198    top: 0;
1199    transition-duration: 0.3s;
1200    transition-property: top, right, bottom, left;
1201 
1202}
1203span.hvr-outline-out {
1204    backface-visibility: hidden;
1205    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1206    position: relative;
1207    -ms-transform: translateZ(0px);
1208	-webkit-transform: translateZ(0px);
1209	transform: translateZ(0px);
1210  display: inline-block;
1211}
1212
1213span.hvr-float img:hover, span.hvr-float > img:active, span.hvr-float img:focus { -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px); }
1214span.hvr-float img {
1215    backface-visibility: hidden;
1216    position: relative;
1217    -ms-transform: translateZ(0px);
1218	-webkit-transform: translateZ(0px);
1219	transform: translateZ(0px);
1220    transition-duration: 0.3s;
1221    transition-property: transform;
1222}
1223
1224span.hvr-float-shadow:hover::before, span.hvr-float-shadow:active::before, span.hvr-float-shadow:focus::before { opacity: 1; -ms-transform: translateY(5px); -webkit-transform: translateY(5px); transform: translateY(5px); }
1225span.hvr-float-shadow::before {
1226    background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0;
1227    content: "";
1228    height: 10px;
1229    left: 5%;
1230    opacity: 0;
1231    pointer-events: none;
1232    position: absolute;
1233    top: 100%;
1234    transition-duration: 0.3s;
1235    transition-property: transform, opacity;
1236    width: 90%;
1237    z-index: -1;
1238}
1239span.hvr-float-shadow {
1240    backface-visibility: hidden;
1241    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1242    position: relative;
1243    -ms-transform: translateZ(0px);
1244	-webkit-transform: translateZ(0px);
1245	transform: translateZ(0px);
1246    transition-duration: 0.3s;
1247    transition-property: transform;
1248}
1249
1250span.hvr-grow img:hover, span.hvr-grow img:active, span.hvr-grow img:focus { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }
1251span.hvr-grow img {
1252    backface-visibility: hidden;
1253    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1254    -ms-transform: translateZ(0px);
1255	-webkit-transform: translateZ(0px);
1256	transform: translateZ(0px);
1257    transition-duration: 0.3s;
1258    transition-property: transform;
1259}
1260
1261span.hvr-grow-shadow img:hover, span.hvr-grow-shadow img:active, span.hvr-grow-shadow img:focus { box-shadow: 0 10px 10px -10px rgba(0,0,0,0.4); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }
1262span.hvr-grow-shadow img {
1263	backface-visibility: hidden;
1264	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
1265	-ms-transform: translateZ(0px);
1266	-webkit-transform: translateZ(0px);
1267	transform: translateZ(0px);
1268	transition-duration: 0.3s;
1269	transition-property: box-shadow, transform;
1270}
1271
1272span[class*=stackedphoto] {
1273	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
1274	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
1275	box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
1276	border: 6px solid #fff;
1277	position: relative; 
1278	display: inline-block;
1279	box-sizing: border-box;
1280}
1281span.stackedphoto::before {
1282	content: "";
1283	height: 100%; 
1284	width: 100%; 
1285	position: absolute;
1286	z-index: -1;
1287	top: 0px;
1288	left: -10px;
1289	background: #eff4de;
1290	border: 6px solid #fff;
1291	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
1292	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
1293	box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
1294	-webkit-transform: rotate(-5deg);
1295	-moz-transform: rotate(-5deg);
1296	-o-transform: rotate(-5deg);
1297	-ms-transform: rotate(-5deg);
1298	transform: rotate(-5deg);
1299}
1300span.hvr-stackedphoto::before {
1301	content: "";
1302	height: 100%; 
1303	width: 100%; 
1304	position: absolute;
1305	z-index: -1;
1306	top: 0px;
1307	left: -10px;
1308	background: #eff4de;
1309	border: 6px solid #fff;
1310	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
1311	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
1312	box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
1313	-webkit-transform: rotate(-5deg);
1314	-moz-transform: rotate(-5deg);
1315	-o-transform: rotate(-5deg);
1316	-ms-transform: rotate(-5deg);
1317	transform: rotate(-5deg);
1318	transition-property: transform;
1319	transition-duration: .2s;
1320}
1321span.hvr-stackedphoto:hover::before {
1322    transform: rotate(0deg);
1323}
1324
1325
1326/* ---------------------------------- */
1327/* ---------------------------------- */
1328/* CLICK TO CALL STYLE */
1329/* ---------------------------------- */
1330/* ---------------------------------- */
1331.click-to-call { text-decoration: none; color: currentColor; }
1332
1333
1334/* ---------------------------------- */
1335/* ---------------------------------- */
1336/* DISABLE RESIZE HANDLES ON TINYMCE */
1337/* ---------------------------------- */
1338/* ---------------------------------- */
1339.mce-resizehandle { display: none !important; }
1340
1341
1342/* ---------------------------------- */
1343/* ---------------------------------- */
1344/* HIDE ON MOBILE */
1345/* ---------------------------------- */
1346/* ---------------------------------- */
1347@media only screen and (max-width: 480px){
1348     .hide-on-mobile {
1349            display: none;
1350     }
1351}
1352
1353
1354/* ---------------------------------- */
1355/* ---------------------------------- */
1356/* MATRIX BUG FIXES */
1357/* ---------------------------------- */
1358/* ---------------------------------- */
1359
1360/* FIREFOX EMPTY PARAGRAPH FIX */
1361#layout>table>tbody>tr>td>div>table>tbody>tr>td>div>table+p:empty {
1362  display:none;
1363}
1364
1365
1366
1367/* ---------------------------------- */
1368/* ---------------------------------- */
1369/* TEMPLATE SPECIFIC */
1370/* ---------------------------------- */
1371/* ---------------------------------- */
1372
1373
1374/* ---------------------------------- */
1375/* HEADER */
1376/* ---------------------------------- */
1377#sticky-navContainer #nav .section {margin: 0 !important;} 
1378#companyslogan { float: right; }
1379.header .button { float: right; }
1380					@media only screen and (max-width: 768px) {
1381					.header { text-align: center; }
1382						.header #companyslogan { float: none; margin: 0 auto; }
1383.header .button { float: none; }
1384						.header img { margin-bottom: 0; }
1385						.phone { margin: 0.5em auto; }
1386						.phone.phone td {width: auto !important; display: table-cell !important}	
1387					}
1388					@media only screen and (max-width: 568px) {
1389						.header .phone { margin: 0 auto; }
1390						.header .hamburger { padding: 10px 0 !important; }
1391						.header #companyslogan { text-align: center; padding: 10px 0;}
1392					}
1393
1394.header form {
1395    display: block;
1396    float: right;
1397    text-align: right;
1398    width: 100%;
1399}
1400.header input {
1401    display: inline-block;
1402    height: 35px;
1403    margin-bottom: 0;
1404    padding: 0 10px;
1405}
1406.header input[type="text"] {
1407    border: 1px solid #ccc;
1408    box-sizing: border-box;
1409}
1410.header .phone {
1411    display: table;
1412    font-size: 14pt;
1413    line-height: 25px;
1414    margin-bottom: 0.5em;
1415    width: auto;
1416}
1417.header .phone img {
1418    display: inline-block;
1419    float: left !important;
1420    padding-right: 5px;
1421}
1422.header span#rsp_cart {
1423    display: inline-block;
1424    float: right;
1425    margin-bottom: 0;
1426    margin-left: 20px;
1427    position: relative;
1428    text-align: left;
1429    width: auto;
1430}
1431.header span#rsp_cart a {
1432    display: inline-block;
1433    line-height: 25px;
1434}
1435.header span#rsp_cart a:hover {
1436    text-decoration: underline;
1437}		
1438/*.box {background-color: transparent !important}*/
1439</STYLE>
1440
1441<!--[if IE]>
1442<style>@media only screen and (max-width: 960px) {	
1443	.section td, .section tr, .section tbody {
1444		display: block !important;
1445		width: 100% !important; 
1446		float: left;
1447		clear: both; margin: 0 auto; text-align: center;
1448		} }
1449</style>
1450<![endif]-->
1451
1452<SCRIPT type="text/javascript">
1453$( document ).ready(function() {
1454
1455	
1456	
1457	///////////
1458	// 	MAKE PHONE IN THE HEADER CLICK TO CALL
1459	///////////
1460	if( /Android|webOS|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
1461		var ttdPhoneNumber = $('#CTCPhoneNumber').text();
1462		ttdPhoneNumber = ttdPhoneNumber.replace(/\ /g, '');
1463		ttdPhoneNumber = ttdPhoneNumber.replace(/\(/g, '');
1464		ttdPhoneNumber = ttdPhoneNumber.replace(/\)/g, '');
1465		ttdPhoneNumber = ttdPhoneNumber.replace(/\-/g, '');
1466
1467		$('#CTCPhoneNumber').wrapInner( '<a href="" style="text-decoration:none !important; color: inherit !important;"></a>' );
1468		$('#CTCPhoneNumber').find('a').attr( 'href', 'tel:' + ttdPhoneNumber );
1469		
1470			// mobile click-to-call
1471			$('.mtx_buscontact .value').addClass('click-to-call');
1472			$('.click-to-call').each(function() {	
1473				var ctcNumber = $(this).text();
1474				$(this).html('<a href="tel:'+ctcNumber+'" rel="nofollow" style="text-decoration: none; color: currentColor;">'+ctcNumber+'</a>');
1475			})
1476	}
1477
1478	
1479	
1480	///////////
1481	// 	ECOMM CLEANUP
1482	///////////	
1483    if(window.location.href.indexOf("SecureCart") > -1) {
1484		   $( ".mtrx_ecom_layout > table > tbody > tr:first-child , .mtrx_ecom_layout > table > tbody > tr:nth-child(2) > td:first-child" ).css( "display", "none" );
1485	}	
1486	$("#webcom_ecomm_category_title").click(function(e){
1487
1488			$('#webcom_ecomm_category_title').toggleClass('rsp_active');
1489			$('#cats').toggleClass('rsp_active');
1490				e.preventDefault();
1491	});
1492	
1493	///////////
1494	// MOBILE VIEWPORT FIX
1495	///////////
1496	
1497	$('head').append('<meta name="viewport" content="width=device-width, initial-scale=1">');
1498
1499	///////////
1500	// HIDE AUTO GENERATED <BR>'S WHEN ADDING NEW CONTENT BLOCK
1501	///////////
1502
1503    $('br[style="clear: both;"]').css( "display", "none" );
1504    $('br[style="clear:both;"]').css( "display", "none" );
1505   
1506   
1507	///////////
1508	// STRIP HARDCODED IMAGE HEIGHTS AND WIDTHS
1509	///////////
1510
1511   $('img').each(function(){
1512        $(this).removeAttr('width')
1513        $(this).removeAttr('height');
1514    });
1515  
1516   
1517	///////////
1518	// 	DUPLICATE NAV TO USE FOR SLIDE OUT NAVIGATION
1519	///////////
1520	
1521	$( "#navContainer" ).clone().attr('id', 'slide-navContainer').appendTo( "body" );
1522
1523	///////////
1524	// CREATE STICKY NAV 
1525	///////////
1526	$( "#navContainer" ).clone().attr('id', 'sticky-navContainer').appendTo( "body" );
1527	var stickyTop = $(".header").outerHeight(true) + $("#navContainer").outerHeight(true) + 150;
1528
1529		$(window).scroll(function () {
1530	    if ($(window).scrollTop() > stickyTop) {
1531			$('#sticky-navContainer').css('top', '0');
1532			
1533	    }else {
1534			$('#sticky-navContainer').css('top', '-120px');
1535		}
1536	});
1537	
1538	$("#sticky-navContainer").addClass("primaryColorbg");
1539	$('#sticky-navContainer').each(function(){
1540     $('#nav', this).wrapAll('<div class="section"></div>')
1541	}); 
1542	
1543   
1544	///////////
1545	//	iOS REMOVE FIXED BG
1546	///////////
1547	if( /iPhone|iPad|iPod/i.test(navigator.userAgent) ) {
1548		$('html, body, .fullwidthStatic, table, td, div').css('background-attachment', 'scroll');
1549	}  
1550   
1551	///////////
1552	// 	REMOVE ANY <P> and <BR> TAGS AFTER THE MAP EMBED
1553	///////////
1554	
1555	$('div[id*="webcom-component-map"]').parent().find('p').remove();
1556	$('div[id*="webcom-component-map"]').parent().find('br').remove();
1557   
1558	///////////
1559	// 	RESPONSIVE EMBEDDED VIDEOS
1560	//  fluidvids.js v2.4.1 | (c) 2014 @toddmotto | https://github.com/toddmotto/fluidvids
1561	///////////
1562	
1563!function(e,t){"function"==typeof define&&define.amd?define(t):"object"==typeof exports?module.exports=t:e.fluidvids=t()}(this,function(){"use strict";function e(e){return new RegExp("^(https?:)?//(?:"+d.players.join("|")+").*$","i").test(e)}function t(e,t){return parseInt(e,10)/parseInt(t,10)*100+"%"}function i(i){if((e(i.src)||e(i.data))&&!i.getAttribute("data-fluidvids")){var n=document.createElement("div");i.parentNode.insertBefore(n,i),i.className+=(i.className?" ":"")+"fluidvids-item",i.setAttribute("data-fluidvids","loaded"),n.className+="fluidvids",n.style.paddingTop=t(i.height,i.width),n.appendChild(i)}}function n(){var e=document.createElement("div");e.innerHTML="<p>x</p><style>"+o+"</style>",r.appendChild(e.childNodes[1])}var d={selector:["iframe","object"],players:["www.youtube.com","player.vimeo.com"]},o=[".fluidvids {","width: 100%; max-width: 100%; position: relative;","}",".fluidvids-item {","position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;","}"].join(""),r=document.head||document.getElementsByTagName("head")[0];return d.render=function(){for(var e=document.querySelectorAll(d.selector.join()),t=e.length;t--;)i(e[t])},d.init=function(e){for(var t in e)d[t]=e[t];d.render(),n()},d});
1564	
1565
1566	
1567	///////////
1568	// 	FIX COUPON OVERFLOW
1569	///////////
1570	$('.wsp_print_btn').parent().parent().addClass('coupon-clear');
1571
1572
1573	///////////
1574	// 	BACKGROUND-COVER IE6-8 SUPPORT
1575	// 	Library homepage: https://github.com/Metafalica/background-size-emu
1576	///////////
1577	
1578	///////////
1579	// 	RESPONSIVE DATA TABLES
1580	///////////	
1581	var sheet = (function() {
1582		// Create the <style> tag
1583		var style = document.createElement("style");
1584
1585		// Add a media (and/or media query) here if you'd like!
1586		// style.setAttribute("media", "screen")
1587		style.setAttribute("media", "only screen and (max-width : 768px)")
1588
1589		// WebKit hack :(
1590		style.appendChild(document.createTextNode(""));
1591
1592		// Add the <style> element to the page
1593		document.head.appendChild(style);
1594
1595		return style.sheet;
1596	})();
1597
1598	$('.responsiveTable tr:first').addClass('tableHeader');
1599	$('.tableHeader td, .tableHeader th').addClass('colHeader');
1600	$('.responsiveTable').each( function(){	
1601		var i=0;
1602		var tableID = '#' + $(this).attr("id");	
1603		if (tableID == '#undefined'){
1604			tableID = '';
1605		}
1606		$(this).find("td").each( function(){	
1607			var heading = $(this).closest('table').find( ".tableHeader .colHeader" ).eq( i ).html();
1608			if (heading == '' || heading == 'undefined' || !heading){
1609				heading = $(this).closest('table').find( ".tableHeader .colHeader" ).eq( i ).html();	
1610			}
1611			i++;
1612			sheet.insertRule(tableID + '.responsiveTable td:nth-of-type(' + i + '):before {content: "' + heading + '"; font-weight:bold;}', 0);
1613		});
1614	});
1615});
1616$(window).on("load resize",function(e){
1617
1618	
1619	///////////
1620	// HEADER TOP PADDING
1621	///////////
1622	$("#layout .section").first().css("padding-top", "");
1623
1624
1625	///////////
1626	// NAV SELECT DROPDOWN
1627	///////////
1628	
1629	
1630	$('.primary-webcomMenu li').css("text-indent", "0");
1631	
1632	
1633	$("#navContainer #slideout-menu-toggle, #sticky-navContainer #slideout-menu-toggle").remove();
1634	var width = 0;
1635	var navwidth = $('#styleNav').width();
1636	navwidth = navwidth-115;
1637	var stickywidth = $('.section').width();
1638	stickywidth = stickywidth-115;
1639	var toowide = 'no';
1640	
1641	pagewidth = window.innerWidth;
1642	if (pagewidth <= 768){
1643		toowide = 'yes';	
1644		$( "#navContainer ul:first > li, #sticky-navContainer ul:first > li" ).each(function(){
1645			$(this).css("display", "none");	
1646		});
1647	} else {
1648		$( "#navContainer ul:first > li" ).each(function() {
1649			width = width + $(this).outerWidth(true);
1650			if (width < navwidth){
1651				toowide = 'no';
1652				$(this).css("display", "block");			
1653			}		
1654			if (width > navwidth){
1655				toowide = 'yes';
1656				$(this).css("display", "none");			
1657			}		
1658		});
1659		width=0;
1660		$( "#sticky-navContainer ul:first > li" ).each(function() {
1661			width = width + $(this).outerWidth(true);
1662			if (width < stickywidth){
1663				toowide = 'no';
1664				$(this).css("display", "block");			
1665			}		
1666			if (width > stickywidth){
1667				toowide = 'yes';
1668				$(this).css("display", "none");			
1669			}		
1670		});
1671	}
1672	if (toowide == 'yes') {		
1673		$('#navContainer .primary-webcomMenu, #sticky-navContainer .primary-webcomMenu').append("<li id='slideout-menu-toggle' class='hamburger'><a href='#' id='nav-toggle' ><span></span><div></div></a></li>"); 
1674	}	
1675		
1676	///////////
1677	// SLIDE OUT MENU TOGGLE
1678	///////////		
1679	
1680	$("#slideout-menu-toggle, .close").click(function(e){
1681		var distance = $('#slide-navContainer').css('right');
1682		
1683		if (distance == "auto" || distance == "0px") {
1684			$('#slide-navContainer').animate({"right":"-250px"}, "slow");
1685		} else {	 
1686			$('#slide-navContainer').animate({"right":"0px"}, "slow");
1687		}	   
1688		
1689		e.preventDefault();
1690	});
1691});
1692
1693
1694
1695</SCRIPT>
1695
1696
1697
1698
1699
1700<style></style><link href='//assets.myregisteredsite.com/css/button.css' rel='stylesheet' type='text/css' ><style id="_app_designed_custom_css" type="text/css">/*Button*/  
1701.button { 
1702	background: #42A5F5; 
1703	color: #ffffff; 
1704}
1705.buttonInverted { }
1706.buttonGhost { }
1707
1708/*Click to call*/
1709.click-to-call { }
1710.hide-on-mobile {}
1711
1712/*Primary & Accent Colors Styles*/  
1713.primaryColor {}
1714.primaryColorbg {}
1715.accentColor {}
1716.accentColorbg{}
1717.sectionTitle {}
1718
1719/*Layout Effects*/
1720.circle { }
1721.roundedcorners { }
1722.fullWidth {}
1723.fullwidthStatic {}
1724.responsiveTable {}
1725
1726
1727
1728.black-outline { text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 2px 2px 2px rgba(255,255,255,0.5); }
1729.white-outline { text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, 2px 2px 2px rgba(0,0,0,0.5); }
1730.grey-outline-15px { outline: 15px solid; outline-offset: -15px; outline-color: rgba(0, 0,0, 0.6); }
1731.circle-red-border-5px {  }
1732.circle-blue-border-2px {  }
1733
1734.frame { }
1735.polaroid { }
1736.stackedphoto { }
1737.taped-up-skew { }
1738.hvr-stackedphoto { }
1739.hvr-outline-out { }
1740.hvr-float { }
1741.hvr-float-shadow { }
1742.hvr-grow { }
1743.hvr-grow-shadow { }
1744
1745
1746
1747</style>
1748<style id="_template_custom_css" type="text/css">
1749/*TEXT STYLES*/
1750#styleNav > div > div > div > div > div > div > ul > li:nth-child(8) {
1751    display: block!important;
1752}
1753#styleNav > div > div > div > div > div > div > ul > li:nth-child(9) {
1754    display: block!important;
1755}
1756body {
1757    font-size: 14pt;
1758    line-height: 1.5;
1759}
1760h1 {
1761    font-size: 34pt;
1762}
1763h2 {
1764    font-size: 24pt;
1765}
1766
1767@media only screen and (max-width: 480px) {
1768    body {
1769        font-size: 12pt;
1770    }
1771    h1 {
1772        font-size: 24pt;
1773    }
1774    h2 {
1775        font-size: 20pt;
1776    }
1777}
1778
1779.header {
1780    background: #fff;
1781    padding: 2px 0;
1782}
1783
1784h1, h4 {
1785    font-family: 'Oswald';
1786}
1787h2 {
1788    font-family: 'PT Sans';
1789}
1790
1791body {
1792    background: url("//18093481.cstsite.com/files/121624979.png");
1793    color: #666;
1794    font-family: 'pt sans';
1795    letter-spacing: 0.5px;
1796}
1797body h1, body h2, body h3, body h4, body h5, body h6 {
1798    font-weight: normal;
1799    line-height: 1.15;
1800    letter-spacing: 0.2px;
1801    text-shadow: 2px 2px rgba(0,0,0,0.05);
1802}
1803
1804/*PRIMARY COLOR*/
1805.primaryColor, .companyname, h1, h3, a {
1806    color: #2951ad;
1807}
1808.primaryColorbg, .secondary-webcomMenu {
1809    background: #2951ad;
1810}
1811.primaryColorbg, #navContainer ul ul:before, .secondary-webcomMenu {
1812    border-color: #2951ad;
1813}
1814.hamburger div {
1815    color: #2951ad;
1816    border-color: #2951ad;
1817}
1818.hamburger span, .hamburger span:before, .hamburger span:after {
1819    background-color: #2951ad;
1820}
1821.secondary-webcomMenu li {
1822    border-bottom: 1px solid #2951ad;
1823}
1824
1825/*PRIMARY COLOR TEXT*/
1826.primaryColorbg, .primaryColorbg a, .primaryColorbg .hamburger div, .secondary-webcomMenu {
1827    color: #ffffff;
1828}
1829.primaryColorbg .hamburger div {
1830    border-color: #ffffff;
1831}
1832.primaryColorbg .hamburger span, .primaryColorbg .hamburger span:before, .primaryColorbg .hamburger span:after {
1833    background-color: #626262;
1834}
1835
1836/*ACCENT COLOR*/
1837.accentColorbg, .accentButton {
1838    background-color: #ffbc23;
1839}
1840
1841/*ACCENT COLOR TEXT*/
1842.accentColor, h2, h4, h5, h6, .sectionTitle, .accentColorbg, .accentButton {
1843    color: #626262;
1844}
1845
1846#navContainer, #nav, #styleNav {
1847
1848    display: flex !important;
1849}
1850
1851/*FOOTER*/
1852#mtx_footer {
1853    background-color: #2951ad;
1854}
1855#footer {
1856    border-top: 4px solid #ffbc23;
1857}
1858#footer span, #footer div, #footer p, .footercontent, #footer font, #footer a, #footer a:hover, #footer a:visited {
1859    color: #ffffff;
1860}
1861
1862/*BUTTON*/
1863.button, a.button, .button a, .wsp_print_btn_text, #layout input.form-element[type="submit"] {
1864    color: #ffffff;
1865    background: #2951ad;
1866    border-radius: 5px;
1867}
1868
1869.button:hover, a.button:hover, .button a:hover, .wsp_print_btn_text:hover, #layout input.form-element[type="submit"]:hover {
1870    background: #5474bd;
1871}
1872
1873.buttonGhost, a.buttonGhost, .buttonGhost a {
1874    border-color: #2951ad;
1875    color: #2951ad;
1876}
1877
1878.buttonGhost:hover, a.buttonGhost:hover,.buttonGhost a:hover {
1879    background: #2951ad;
1880    color: #ffffff;
1881}
1882
1883.buttonInverted, a.buttonInverted,.buttonInverted a {
1884    color: #2951ad;
1885    background: #ffffff;
1886}
1887
1888.buttonInverted:hover, a.buttonInverted:hover, .buttonInverted a:hover {
1889    color: #5474bd;
1890    background: #ffffff;
1891}
1892
1893.buttonGhost.buttonInverted, a.buttonInverted.buttonGhost, .buttonInverted.buttonGhost a {
1894    border-color: #ffffff;
1895    color: #ffffff;
1896}
1897
1898.buttonGhost.buttonInverted:hover, a.buttonInverted.buttonGhost:hover, .buttonInverted.buttonGhost a:hover {
1899    color: #2951ad;
1900    background: #ffffff;
1901}
1902
1903/* NAV HOVER*/
1904
1905
1906#navContainer {
1907    border-top: 1px solid rgba(0,0,0,0.05);
1908    box-shadow: 0 10px 15px -9px rgba(0,0,0,0.2);
1909    background-color: #fff;
1910    font-weight: normal;
1911    color: #626262;
1912}
1913
1914.primary-webcomMenuItem a {
1915    transition: all 0.3s ease-out;
1916    opacity: 1;
1917    font-family: 'Oswald';
1918    letter-spacing: 2pt;
1919    font-size: 10pt;
1920    border-top: 4px solid transparent;
1921}
1922
1923.primary-webcomMenuItem a:hover {
1924    text-decoration: none;
1925    opacity: 1;
1926    color: #2951ad;
1927    border-top: 4px solid #ffbc23;
1928}
1929
1930.primary-webcomMenu li.selected > a {
1931    color: #2951ad;
1932    border-top: 4px solid #ffbc23;
1933    font-weight: normal;
1934}
1935
1936#sticky-navContainer {
1937    color: #626262;
1938    background: #fff;
1939    font-weight: normal;
1940    box-shadow: 0 5px 5px 0px rgba(0,0,0,0.1);
1941}
1942li#slideout-menu-toggle > a#nav-toggle:hover {
1943    background: none;
1944}
1945#sticky-navContainer a {
1946    border-top: 4px solid transparent;
1947    font-family: 'Oswald';
1948    font-size: 10pt;
1949    letter-spacing: 2pt;
1950}
1951#sticky-navContainer a:hover {
1952    color: #2951ad;
1953    border-top: 4px solid #ffbc23;
1954    text-decoration: none;
1955}
1956#sticky-navContainer ul li.selected > a {
1957    color: #2951ad;
1958    border-top: 4px solid #ffbc23;
1959}
1960
1961/* BUTTON LINKS */
1962
1963.button a, a.button, #layout input.form-element[type="submit"] {
1964    transition: all 0.1s ease-out;
1965    font-family: 'Oswald';
1966    font-size: 10pt;
1967    font-weight: normal;
1968    text-transform: uppercase;
1969    background: #ffbc23;
1970    color: #626262;
1971    border: 1px solid #ffbc23;
1972    border-radius: 0px;
1973    box-sizing: border-box;
1974    box-shadow: 0px 3px 0px 0px #626262;
1975    letter-spacing: 1pt;
1976}
1977
1978.button a:hover, a.button:hover, #layout input.form-element[type="submit"]:hover {
1979    transform: translateY(3px);
1980    box-shadow: none;
1981    border: 1px solid rgba(0,0,0,0.03);
1982    background: #ffbc23;
1983    color: #626262;
1984}
1985
1986
1987/* TEASER BUTTON CSS */
1988
1989span.hvr-float img {
1990    backface-visibility: hidden;
1991    position: relative;
1992    -ms-transform: translateZ(0px);
1993    -webkit-transform: translateZ(0px);
1994    transform: translateZ(0px);
1995    transition-duration: 0.3s;
1996    transition-property: transform;
1997    margin-bottom: 20px;
1998}
1999
2000span.hvr-float img:hover {
2001    -ms-transform: translateY(-5px);
2002    -webkit-transform: translateY(-5px);
2003    transform: translateY(-5px);
2004}
2005
2006/*----- */
2007
2008/*----- */
2009
2010/*INNER IMAGE BORDER PROPERTIES*/
2011
2012.normalBlock {
2013    color: #666;
2014    background: rgba(0, 0, 0, 0.05);
2015
2016}
2017
2018.normalBlock img {
2019    border-radius: 0px;
2020    border: 2px solid #ffbc23;
2021    box-shadow: 0 15px 13px -7px rgba(0,0,0,0.2);
2022}
2023
2024.normalBlock2 {
2025    color: #666;
2026    background: rgba(0, 0, 0, 0.05);
2027
2028}
2029
2030
2031
2032.imageBorder {
2033    border-radius: 0px;
2034    border: 2px solid #eee;
2035    box-shadow: 0 15px 13px -7px rgba(0,0,0,0.2);
2036}
2037
2038.text-subline {
2039    position: relative;
2040    /*0%;*/
2041}
2042.text-subline {
2043    position: relative;
2044    height: 1px;
2045    padding: 0px;
2046    background: rgba(0, 0, 0, 0.1);
2047    border: none;
2048    margin: 30px 0;
2049    width: auto;
2050}
2051
2052.text-subline:before {
2053    content: '';
2054    position: absolute;
2055    top: -1px;
2056    left: 0%;
2057    height: 3px;
2058    width: 75px;
2059    background: #ccc;
2060}
2061/* --- */
2062
2063.text-subline2 {
2064    position: relative;
2065    /*0%;*/
2066}
2067.text-subline2 {
2068    position: relative;
2069    height: 1px;
2070    padding: 0px;
2071    background: rgba(0, 0, 0, 0.1);
2072    border: none;
2073    margin: 10px 0;
2074    width: auto;
2075}
2076
2077.text-subline2:before {
2078    content: '';
2079    position: absolute;
2080    top: -1px;
2081    left: 0%;
2082    height: 3px;
2083    width: 75px;
2084    background: #ccc;
2085}
2086
2087.sms_container.socialmediashare_icon_only_large {
2088    margin-right: -10px;
2089}
2090
2091#mainKv {
2092    padding: 69px 0 347px;
2093}
2094
2095@media only screen and (max-width: 768px) {
2096    h4 {
2097        font-size: 24pt!important;
2098        text-align: center;
2099    }
2100    .btnHover p {
2101        font-size: 12pt;
2102    }
2103    .text-subline:before {
2104        left: 0%;
2105    }
2106    .h4_second {
2107        font-size: 24pt;
2108    }
2109    .kv_text {
2110        margin-top: 30px;
2111    }
2112    .btn-hvr-content {
2113        bottom: 0px;
2114    }
2115    .phone {
2116        text-align: center;
2117    }
2118    .phone table:last-child {
2119        margin-left: 0;
2120    }
2121    .Header-EcommerceSearch input[type='text'] {
2122        width: 60%;
2123    }
2124    .Header-EcommerceSearch input[type='submit'] {
2125        width: 32%;
2126    }
2127    .fullwidth.fullwidth {
2128        background-position: 12% top;
2129        background-size: 600%;
2130    }
2131    .td_hp {
2132        background: rgba(0, 0, 0, 0.5);
2133    }
2134    .cta_bg {
2135        background-position: right top!important;
2136    }
2137    .td_icon {
2138        background: rgba(0, 0, 0, 0.5);
2139    }
2140    .h4_bg {
2141        background: rgba(255,255,255,0.8);
2142    }
2143}
2144</style>
2145<script>window['matrixMiscInfo'] = {}</script>
2145
2146
2147<script>
2148window['matrixMiscInfo'].partnerId = 'wdc_difm';
2149window['matrixMiscInfo'].isPublish = true
2150</script>
2150
2151
2152<script language="JavaScript" type="text/javascript" src="scripts/browserBehavior.js"></script>
2152
2153
2154<script language="JavaScript" type="text/javascript" src="scripts/utils.js"></script>
2154
2155
2156<script language="JavaScript" type="text/javascript" src="//assets.myregisteredsite.com/javascript/com/web/useragent/shared.js"></script>
2156
2157
2158<script language="JavaScript" type="text/javascript" src="scripts/navigation.js"></script>
2158
2159
2160<link rel='StyleSheet' type='text/css' href='//assets.myregisteredsite.com/css/uaDefaultStylesReset.css' >
2161
2162<script language="JavaScript" type="text/javascript" src="scripts/popup.js"></script>
2162
2163
2164<script language="JavaScript" type="text/javascript">var wsp_htmlref_blank='scripts/blank.html';</script>
2164
2165<style type='text/css' media='print'></style>
2165<script type='text/javascript' src='//assets.myregisteredsite.com/javascript/com/web/ResourceLoader.js'></script>
vendor: 1 bytes, line 2165
2165
2166<script  type='text/javascript'>
2167WebCom.ResourceLoader.setShared(true);
2168WebCom.ResourceLoader.setSecure(false);
2169WebCom.ResourceLoader.loadLib('com.jquery', '', true);
2170WebCom.ResourceLoader.loadLib('com.web.components.navigation', '1.1', true);
2171WebCom.ResourceLoader.loadLib('com.web.core', '', true);
2172WebCom.ResourceLoader.loadLib('com.web.components.footercontact', '1.0', true);
2173</script>
vendor: 1 bytes, line 2173
2173
2174<script type='text/javascript'>WebCom.ResourceLoader.flushResourcesQueue();</script>
vendor: 1 bytes, line 2174
2174
2175<script type="text/javascript" language="JavaScript">
2176<!--
2177jQuery(document).ready(function() {WebCom.ResourceLoader.setDocumentClosed(true);WebCom.Components.Navigation.init({"styleNav":{"secondary":{"button":{"stretch":"vertical","width":"auto","bullet":"none"},"orientation":"vertical","delay":"fast","position":{"offsetH":0,"reference":"self","offsetV":0},"type":"flyout","decoration":{"stretch":"vertical"},"animation":{"effect":"none","speed":"default"},"direction":{"x":"right","y":"down"}},"primary":{"button":{"stretch":"horizontal","width":"auto","bullet":"none","height":72},"orientation":"horizontal","singleline":true,"width":960,"decoration":{"stretch":"horizontal"},"height":72,"animation":{"effect":"none","speed":"none"}}}});});
2178// -->
2179</script>
2179</HEAD>
2180<BODY>
2181<DIV class="box designtest1crx">
2182<DIV id="globaltext" class="rsp_kvglobaltext"><div align="left"><STYLE><!--
2183.Header-LogoLeft-PhoneRight .phone {float: right}
2184                				.Header-LogoLeft-PhoneRight .phone td {vertical-align: center}
2185                				.Header-LogoLeft-PhoneRight .phone img {display: block; margin: 0 5px 0 0}				
2186                				.Header-LogoLeft-PhoneRight .phone {
2187                					display: inline-block;
2188                					text-align: right;
2189                					vertical-align: middle;
2190                					width: auto;
2191                				}
2192                				
2193                				@media only screen and (max-width: 768px) {
2194                					.Header-LogoLeft-PhoneRight .phone {
2195                						margin: 0 auto;
2196                						float: none;
2197                						display: inline-block;
2198                						width: auto}						
2199                						.Header-LogoLeft-PhoneRight.Header-LogoLeft-PhoneRight .phone td{
2200                							display: inline-block;
2201                							width: auto !important;
2202                						}
2203                					.Header-LogoLeft-PhoneRight.Header-LogoLeft-PhoneRight td{
2204                						text-align: center}
2205                						
2206                				}
2207--></STYLE><TABLE cellpadding="0" width="100%" cellspacing="0" class="fullwidth">
2208<TBODY>
2209<TR>
2210<TD>
2211<DIV class="section rsp_header Header-LogoLeft-PhoneRight">
2212<TABLE cellpadding="0" width="100%" cellspacing="0">
2213<TBODY>
2214<TR>
2215<TD style="width: 15%;"><a href="/" target="_self"><img width="162" title="FIRST MATERIALS & TECHNOLOGY, INC." assetid="122176853" src="image/122176853.png" height="174" border="0" alt="FIRST MATERIALS & TECHNOLOGY, INC." selectedfileurl="files/122176853.png" mce_src="/matrix/servlet/ShowAsset;jsessionid=4D1D5FBF6DD0709F0CA231E2E3A685B3?id=122176853&_dt=1488920503749"></a></TD>
2216<TD style="text-align: center;"><a href="/" target="_self"><img width="800" title="Company Banner" style="display: block; margin-left: auto; margin-right: auto;" assetid="137936513" src="image/137936513.png" height="174" border="0" alt="Company Banner" selectedfileurl="files/137936513.png" mce_src="/matrix/servlet/ShowAsset;jsessionid=63C6E83B371FFDD21E28C1C51F81987F?id=137936513&_dt=1662733854866"></a><BR><BR><STRONG>Now Available: Cement Kiln Dust (CKD) in Bulk &amp; 1-Ton SuperSacks</STRONG></TD>
2217<!--<td style="width: 20%;">--> <!--<div class="phone">--> <!--    <table cellpadding="0" cellspacing="0">--> <!--        <tbody>--> <!--            <tr>--> <!--                <td style="width: 10%;"><img src="//graphics.web.com/wdc_201502_matrix/images/phone-black.png" alt="Phone Icon" width="25" height="23" /></td>--> <!--                <td></td>--> <!--                <td style="text-align: left;">(888) 264-2487</td>--> <!--            </tr>--> <!--            <tr>--> <!--                <td><img src="//graphics.web.com/wdc_201502_matrix/images/phone-black.png" alt="Phone Icon" width="25" height="23" /></td>--> <!--                <td></td>--> <!--                <td>--> <!--                    <p style="text-align: left;">(713) 674-8443</p>--> <!--                </td>--> <!--            </tr>--> <!--        </tbody>--> <!--    </table>--> <!--</div>--> <!--</td>--></TR>
2218</TBODY>
2219</TABLE>
2220</DIV>
2221</TD>
2222</TR>
2223</TBODY>
2224</TABLE>
2225<P></P></div></DIV>
2226<DIV class="header">
2227	<DIV class="section rsp_header Header-EcommerceSearch">
2228		<TABLE width="100%" cellpadding="0" cellspacing="0">
2229			<TBODY>
2230			<TR>
2231				<TD width="50%">
2232					<DIV id="companyname"></DIV>
2233				</TD>
2234				<TD width="50%">
2235					<DIV id="companyslogan"></DIV>	
2236				</TD>
2237			</TR>
2238		</TBODY></TABLE>
2239	</DIV>
2240</DIV>
2241<DIV id="navContainer" class="primaryColorbg clearfix">
2242<A href="#" class="close"><SPAN></SPAN></A>
2243	<DIV id="nav">
2244		<DIV class="section">
2245			
2246<!-- css nav -->
2247<div id="styleNav"><ul class="primary-webcomMenu"><li><a href="/">Home</a></li><li><a href="soil-stabilizers.html">Our Products</a></li><li class="selected"><a href="soil-stabilization.html">Our Clients</a></li><li><a href="industrial-hygiene.html">Our Team</a></li><li><a href="geotechnical-engineering.html">Links</a></li><li><a href="ordering.html">Ordering</a></li><li><a href="leed-requirements.html">Go Green</a></li><li><a href="gallery.html">Gallery</a></li><li><a href="contact.html">Contact</a></li></ul></div>
2247<script type="text/javascript" language="JavaScript">
2248<!--
2249document.getElementById('styleNav').style.visibility ='hidden';
2250// -->
2251</script>
2251
2252<!-- css nav -->
2253
2254		</DIV>
2255	</DIV>
2256</DIV>
2257
2258	<DIV class="section-container clearfix">
2259		<DIV id="layout"><!-- home_5_im_none -->
2260<table cellpadding="0" cellspacing="0" width="100%" border="0">
2261  <tr>
2262    <td>
2263      
2264      <table border="0" cellpadding="0" cellspacing="0" width="100%" >
2265        <tr>
2266          <td></td>
2267        </tr>
2268      </TABLE>
2269      <!-- ADD CUSTOM BLOCK -->
2270      <div align="left" >
2271<table   border="0" cellpadding="0" cellspacing="0" width="100%" >
2272  <tr>
2273    <td  align="center" valign="top" >
2274    <div align="left"><P style="margin-bottom: 0;"><img width="2000" title="" style="margin-bottom: 0;" assetid="121910848" src="image/121910848.jpg" height="600" border="0" alt="" selectedfileurl="files/121910848.jpg" mce_src="/matrix/servlet/ShowAsset;jsessionid=550D7984AF64184E141BC32DAE3EBDB1?id=121910848&_dt=1487835767600"></P></div></td>
2275  </tr>
2276</table>
2277</div><br style="clear:both;"><div align="left" >
2278<table   border="0" cellpadding="0" cellspacing="0" width="100%" >
2279  <tr>
2280    <td  align="center" valign="top" >
2281    <div align="left"><TABLE cellpadding="0" cellspacing="0" style="width: 100%;">
2282<TBODY>
2283<TR>
2284<TD style="text-align: left;" align="center">
2285<DIV class="rsp_content section Content-1Column-Text">
2286<H1>Our Clients</H1>
2287<P>Choose a company that's trusted by major clients throughout Texas and beyond. FIRST MATERIALS &amp; TECHNOLOGY, INC. is based in Houston and provides soil stabilization products to clients nationwide. Numerous private, municipal, state, and federal building sites were treated with our products before construction began, and our soil stabilization materials have been used on many recognizable buildings and infrastructure projects, including:</P>
2288<TABLE cellpadding="5" cellspacing="5" style="width: 100%;">
2289<TBODY>
2290<TR>
2291<TD style="width: 30%; vertical-align: top;">
2292<UL style="margin-bottom: 0;">
2293<LI>Building Complexes</LI>
2294<LI>Parking Garages</LI>
2295</UL>
2296</TD>
2297<TD style="vertical-align: top;">
2298<UL style="margin-bottom: 0;">
2299<LI>Streets</LI>
2300<LI>County Roads &amp; Bridges</LI>
2301</UL>
2302</TD>
2303<TD style="vertical-align: top;">
2304<UL>
2305<LI>Horse Arenas</LI>
2306<LI>Tracks</LI>
2307</UL>
2308</TD>
2309</TR>
2310</TBODY>
2311</TABLE>
2312</DIV>
2313</TD>
2314</TR>
2315</TBODY>
2316</TABLE></div></td>
2317  </tr>
2318</table>
2319</div><br style="clear:both;"><div align="left" >
2320<table   border="0" cellpadding="0" cellspacing="0" width="100%" >
2321  <tr>
2322    <td  align="center" valign="top" >
2323    <div align="left"><TABLE cellpadding="0" width="100%" cellspacing="0" class=" normalBlock2">
2324<TBODY>
2325<TR>
2326<TD align="center">
2327<DIV class="section rsp_content Content-2Column-LeftImage">
2328<TABLE cellpadding="0" width="100%" cellspacing="0">
2329<TBODY>
2330<TR align="left">
2331<TD width="60%" style="width: 65%;">
2332<H2>Clients' Successful Projects:</H2>
2333<TABLE cellpadding="5" cellspacing="5" style="width: 100%;">
2334<TBODY>
2335<TR>
2336<TD style="vertical-align: top;">
2337<UL style="margin-bottom: 0;">
2338<LI>A.J. Foyt</LI>
2339<LI>Alberton's Stores</LI>
2340<LI>Auto Nation</LI>
2341<LI>Ball High School, Galveston Texas</LI>
2342<LI>Bank of America</LI>
2343<LI>Bank One</LI>
2344<LI>Biscayne Subdivision, Bolivar Texas</LI>
2345<LI>Blockbuster</LI>
2346<LI>Bolivar/Galveston</LI>
2347<LI>Bush International Airport</LI>
2348<LI>Caney Creek School</LI>
2349<LI>Canyon Rose</LI>
2350<LI>Carriage Inn, Bryan TX</LI>
2351<LI>Central Market, Houston Texas</LI>
2352<LI>Charles St. Soccer Field Improvements</LI>
2353<LI>Cinco Ranch Schools</LI>
2354</UL>
2355</TD>
2356<TD style="vertical-align: top;">
2357<UL>
2358<LI>City of Conroe</LI>
2359<LI>City of Houston</LI>
2360<LI>City of Houston, Neighborhood Street Reconstruction</LI>
2361<LI>City of Houston Fire Station 15</LI>
2362<LI>City of Missouri City</LI>
2363<LI>City of Sugarland</LI>
2364<LI>C/M Racing Stables - Track Stabilization</LI>
2365<LI>Compaq Center</LI>
2366<LI>Conroe, CyFair &amp; Liberty ISD</LI>
2367<LI>Crosspoint Lutheran Church</LI>
2368<LI>CVS/pharmacy</LI>
2369<LI>Cypress Point Lake Estates</LI>
2370<LI>Dow Chemical</LI>
2371<LI>Eckerd Drugs</LI>
2372</UL>
2373</TD>
2374</TR>
2375</TBODY>
2376</TABLE>
2377</TD>
2378<TD width="40%" style="width: 35%;" valign="middle" align="center"><img width="390" title="CVS Pharmacy and Neighborhood Street Reconstruction" assetid="121911497" src="image/121911497.png" height="510" border="0" alt="CVS Pharmacy and Neighborhood Street Reconstruction" selectedfileurl="files/121911497.png" mce_src="/matrix/servlet/ShowAsset;jsessionid=C8E4A3BF8BA275BA4B6B2D3C1811D3C9?id=121911497&_dt=1487846421805"></TD>
2379</TR>
2380</TBODY>
2381</TABLE>
2381
2382<TABLE cellpadding="5" cellspacing="5" style="width: 100%;">
2383<TBODY>
2384<TR>
2385<TD style="width: 30%;"><img width="335" title="Mansions Villa and Gleannloch Farms" assetid="121911498" src="image/121911498.png" height="480" border="0" alt="Mansions Villa and Gleannloch Farms" selectedfileurl="files/121911498.png" mce_src="/matrix/servlet/ShowAsset;jsessionid=C8E4A3BF8BA275BA4B6B2D3C1811D3C9?id=121911498&_dt=1487846438418"></TD>
2386<TD style="width: 40%; vertical-align: top;">
2387<UL style="margin-bottom: 0;">
2388<LI>Falbrook Subdivision/Fulshear</LI>
2389<LI>The Federal Reserve Bank</LI>
2390<LI>Fort Bend County</LI>
2391<LI>First Baptist Church, The Woodlands</LI>
2392<LI>Foley's, Memorial City Mall</LI>
2393<LI>Forest Cove Baptist Church</LI>
2394<LI>Fort Bend, Willis &amp; Humble ISD</LI>
2395<LI>Garden Ridge Atrium Place</LI>
2396<LI>George R. Brown Convention Center</LI>
2397<LI>Gillman Acura</LI>
2398<LI>Gleannloch Farms, Equestrian Center</LI>
2399<LI>Harris County Flood Control</LI>
2400<LI>Harris County Roads &amp; Bridges</LI>
2401<LI>H.E.B. Stores</LI>
2402<LI>The Heritage Complex</LI>
2403<LI>Holy Apostle Church</LI>
2404<LI>Home Depot</LI>
2405</UL>
2406</TD>
2407<TD style="vertical-align: top;">
2408<UL style="margin-bottom: 0;">
2409<LI>Honda of Houston</LI>
2410<LI>Jack Rhodes Stadium (Katy)</LI>
2411<LI>Jesse Jones Park</LI>
2412<LI>John Eagle Honda</LI>
2413<LI>Katy Bus Barn</LI>
2414<LI>Katy ISD Schools</LI>
2415<LI>Katy Library</LI>
2416<LI>Katy Support Center</LI>
2417<LI>Kingwood Church</LI>
2418<LI>Klein Bank</LI>
2419<LI>LA Fitness</LI>
2420<LI>Lowe's Home Improvement Center, Katy TX</LI>
2421<LI>Lowe's Warehouse</LI>
2422<LI>Mandolin Village</LI>
2423<LI>Mansions Villa</LI>
2424<LI>Maplewood New Flex School</LI>
2425</UL>
2426</TD>
2427</TR>
2428</TBODY>
2429</TABLE>
2430<TABLE cellpadding="5" cellspacing="5" style="width: 100%;">
2431<TBODY>
2432<TR>
2433<TD style="width: 30%; vertical-align: top;">
2434<UL style="margin-bottom: 0;">
2435<LI>Metro Houston</LI>
2436<LI>Minute Maid Park</LI>
2437<LI>Montgomery College</LI>
2438<LI>Montgomery County Roads &amp; Bridges</LI>
2439<LI>Moody Gardens</LI>
2440<LI>New Caney Schools</LI>
2441<LI>Normandy Crossing</LI>
2442<LI>Oak Ridge City Hall</LI>
2443<LI>Plaza Shopping Center</LI>
2444<LI>Randalls</LI>
2445<LI>Reliant Stadium</LI>
2446<LI>Renoir Condominiums</LI>
2447<LI>Sam's Club</LI>
2448<LI>The Shaw Group</LI>
2449<LI>Shipmans Landing</LI>
2450<LI>Sienna Plantation</LI>
2451<LI>Silver Eagle Distribution, L.P.</LI>
2452<LI>Societe MiniBre - Canada</LI>
2453<LI>Spring Lakes Haven</LI>
2454</UL>
2455</TD>
2456<TD style="vertical-align: top;">
2457<UL>
2458<LI>St. Anthony's Church</LI>
2459<LI>St. Theresa's Church</LI>
2460<LI>Texaco at Chocolate Bayou</LI>
2461<LI>Texas Childrens Hospital Kings Pkwy</LI>
2462<LI>Texas City</LI>
2463<LI>Texas City Boat Show</LI>
2464<LI>Texas Rock Gym</LI>
2465<LI>Tomball High School</LI>
2466<LI>The Toyota Center</LI>
2467<LI>Wal-Mart Stores and Distribution Center</LI>
2468<LI>Walgreens</LI>
2469<LI>Waller County Roads &amp; Bridges</LI>
2470<LI>Weimer ISD</LI>
2471<LI>Westheimer Parkway</LI>
2472<LI>Westlake Section 2</LI>
2473<LI>Woodlands Mall</LI>
2474<LI>The Woodlands United Methodist Church</LI>
2475<LI>The Woodlands, French Quarter Subdivision</LI>
2476<LI>World Houston Parkway</LI>
2477<LI>YMCA Clay Road</LI>
2478</UL>
2479</TD>
2480<TD style="width: 30%;"><img width="335" title="Minute Maid Park and Silver Eagle Distribution, L.P." assetid="121911499" src="image/121911499.png" height="535" border="0" alt="Minute Maid Park and Silver Eagle Distribution, L.P." selectedfileurl="files/121911499.png" mce_src="/matrix/servlet/ShowAsset;jsessionid=C8E4A3BF8BA275BA4B6B2D3C1811D3C9?id=121911499&_dt=1487846450749"></TD>
2481</TR>
2482</TBODY>
2483</TABLE>
2484</DIV>
2485</TD>
2486</TR>
2487</TBODY>
2488</TABLE></div></td>
2489  </tr>
2490</table>
2491</div><br style="clear:both;">
2492      <!--  ADD CUSTOM BLOCK END -->
2493  </tr>
2494</table>
2495<!-- END-OF home_5_im_none -->
2496</DIV>
2497    </DIV>
2498	<DIV id="globaltext4" class="rsp_abovefooterglobaltext"></DIV>
2499	<DIV id="mtx_footer" class="clearfix">
2500		<DIV id="footer">
2501<!-- FOOTER BLOCK -->
2502<div align="center" >
2503<table   border="0" cellpadding="0" cellspacing="0" width="100%" >
2504  <tr>
2505    <td  align="left" valign="top" >
2506    <div itemscope  id="footer_-58_5938336"  class="footercontent"  itemtype="https://schema.org/LocalBusiness" ><div class="vcard"><p class="businessname fn org" itemprop="name"><b>FIRST MATERIALS &amp; TECHNOLOGY, INC.</b></p><!--Navigation Links--><ul class="mtx_footnav"><li><a href="/">Home</a><li><a href="soil-stabilizers.html">Our Products</a><li><a href="soil-stabilization.html">Our Clients</a><li><a href="industrial-hygiene.html">Our Team</a><li><a href="geotechnical-engineering.html">Links</a><li><a href="ordering.html">Ordering</a><li><a href="leed-requirements.html">Go Green</a><li><a href="gallery.html">Gallery</a><li><a href="contact.html">Contact</a></ul><!--Business Address--><ul class="adr" itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"><li class="street-address" itemprop="streetAddress">1318 Boyles St</li><!--SA1-->
2507<!--SA2-->
2508<li class="locality" itemprop="addressLocality">Houston</li>  <li class="region" itemprop="addressRegion">TX</li>  <li class="postal-code" itemprop="postalCode">77020</li></ul><!--Business Contact--><ul class="mtx_buscontact"><li><span class="type">Phone:</span>&nbsp;<span class="value">(254) 697-3131</span></li><li><span class="type">Phone:</span>&nbsp;<span class="value">(713) 674-8443</span></li><li class="copyright"><style>
2509.rsp_content,.rsp_kv.section{padding:150px 0 calc(150px - 1em)}.rsp_content.lbw_teaser{padding-top:50px;padding-bottom:calc(50px - 1em)}body a,body p{margin-bottom:1.5em}p .fullWidth img,p .fullwidth img,p img.fullWidth,p img.fullwidth{margin-bottom:-1.5em}#nav ul{max-height:none}.section.section{margin:auto;max-width:1200px}.section .section{margin:0!important}#layout .fullWidthColumnImage.section{margin:0;max-width:100%}.footercontent ul.mtx_buscontact li::after{display:none}@media only screen and (min-width:961px){.fullWidthColumnInfo{max-width:calc(600px - 4%);margin-left:10%}.fullWidthColumnInfo[style*="float: left;"]{margin-left:0;margin-right:10%}}@media only screen and (max-width:960px){.fullWidthColumnInfo{margin:5%}}@media only screen and (max-width:1280px){.rsp_content,.rsp_kv.section{padding:100px 0 calc(100px - 1em)}#layout .section,#sticky-navContainer .section,.section.section{margin:0 5%}}#mtx_copyright{text-align:center!important}
2510</style></li></ul></div></div></td>
2511  </tr>
2512</table>
2513</div><!--WSP_COPYRIGHT--><div id="mtx_copyright" style="width:100%;text-align:center;font-size:11px;font-family:Arial">
2513Copyright &copy;&nbsp;<span id="copyrightyear">2013</span>&nbsp;<a href="//www.web.com">Website Design</a>&nbsp;by Web.com Group, Inc.</div>
2513<script type="text/javascript" src="//assets.myregisteredsite.com/javascript/copyright/webcom_copyright_kw.js"></script>
2513<!--/WSP_COPYRIGHT-->
2514
2515<!-- END-OF FOOTER BLOCK -->
2516</DIV>
2517		<DIV class="clearfix"></DIV>
2518		<DIV id="globaltext3" class="rsp_bottomfooterglobaltext"></DIV>
2519	</DIV>
2520	</DIV>
2521
2522
2523<!--WSP_SC-->
2524<script type="text/javascript">
2525<!--
2526document.write('<'+'img src="//scorecard.wspisp.net/logger.php'+'?tag=dW5waWQ6MTgyMTg2OTc7d2RjX2RpZm0%3D&ref='+document.referrer+'&x='+Math.random()+'" '+'width="1" height="1" alt="" '+'>');
2527//-->
2528</script>
2528
2529<noscript><img src="//scorecard.wspisp.net/logger.php?tag=dW5waWQ6MTgyMTg2OTc7d2RjX2RpZm0%3D" width="1" height="1" alt=""></noscript>
2530<!--/WSP_SC-->
2531<script language="JavaScript" type="text/javascript">WebCom.ResourceLoader.flushResourcesQueue();</script>
2531<script language="JavaScript" type="text/javascript">WebCom.ComponentLoader.flushQueue();</script>
2531</BODY></HTML>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.