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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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> <span class="value">(254) 697-3131</span></li><li><span class="type">Phone:</span> <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 © <span id="copyrightyear">2013</span> <a href="//www.web.com">Website Design</a> 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.