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>Tag And Title Services, Liability Coverage | Frederick, MD</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="Escobar Insurance Agency in Frederick, MD, has the tag and title services that will save you a trip to the MVA. Call us today to learn more."><meta name="KEYWORDS" content="tag and title services frederick, md">
9<SCRIPT src="//assets.myregisteredsite.com/javascript/com/jquery/latest/jquery.js"></SCRIPT>
9 10 11<STYLE type="text/css"> 12/* ---------------------------------- */ 13/* ---------------------------------- */ 14/*TEMPLATE - DesignTest1c_rx */ 15/*Updated 5/21/18 */ 16/* ---------------------------------- */ 17/* ---------------------------------- */ 18 19/* ---------------------------------- */ 20/* ---------------------------------- */ 21/*CSS Reset*/ 22/* ---------------------------------- */ 23/* ---------------------------------- */ 24 25.clearfix:before, 26.clearfix:after { content: " "; display: table; } 27.clearfix:after { clear: both; } 28.clearfix { *zoom: 1; } 29html, html body { margin: 0; padding: 0; height: 100%; min-height: 100%, width: 100%; } 30body p { margin-top: 0; margin-bottom: 0; display:block} 31body p + p { margin-top: 0; } 32table {border-collapse: collapse !important} 33*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 34 35/* ---------------------------------- */ 36/* ---------------------------------- */ 37/*Sections*/ 38/* ---------------------------------- */ 39/* ---------------------------------- */ 40body {font-size: 11pt; min-width: 320px; position: relative; overflow-x: hidden; } 41div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, 42 pre, form, p, blockquote, .sectionTitle { 43 margin: 0; 44 padding: 0; 45 line-height: 1.5; 46 direction: ltr; } 47 h1, h2, h3, h4, h5, h6, body {font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; } 48 49br[style="clear: both"]{ display: none; } 50 51/* Needs BODY selector to overwrite uaDefaultStylesReset.css */ 52body p, body a { 53 font-family: inherit; 54 margin-top: 0; 55 margin-bottom: 1em} 56 body p a, 57 body p a.button, 58 body p a.buttonInverted, 59 body p .button {margin-bottom: 0} 60 61.rsp_content a img, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {margin-bottom: 0} 62/* Needs BODY selector to overwrite uaDefaultStylesReset.css */ 63body h1, body h2, body h3, body h4, body h5, body h6 { 64 font-style: normal; 65 text-rendering: optimizeLegibility; 66 line-height: 1; 67 margin-bottom: .5em; 68 margin-top: 0; } 69 h1, h2, h3, h4, h5, h6 {font-weight: normal} 70 71/* removed body .section-container specific selector */ 72 h1 {font-size:32px} 73 h2 {font-size: 24px} 74 75table { 76 border-collapse: collapse; 77 table-layout:fixed; 78 border-spacing: 0;} 79 table.columns.small-icon {table-layout:auto} 80 81img, video { 82 max-width: 100%; 83 height: auto;} 84 .rsp_content img {margin-bottom: 1em} 85 .fullWidthColumnFull img {margin-bottom: 0} 86 87@media only screen and (max-width: 768px) { 88 img {float: none !important} 89 a[href^=tel] { color: inherit !important;} 90 body p { -webkit-text-size-adjust:100% } 91} 92 93 94 95iframe {max-width: 100%;} 96 97.section ul, .section ol { margin: 0 25px 14px; } 98 99.button, .buttonInverted, #layout input.form-element[type="submit"], .wsp_print_btn_text, .buttonGhost { 100 display: inline-block; 101 cursor: pointer; 102 text-align:center; 103 margin: 0 inherit; 104 margin-bottom: 1em; 105 border: 0; 106 padding: 10px 25px; 107 border-radius: 5px; 108 text-decoration: none; 109 font-weight: 700; 110 transition: all 0.3s ease 0s; 111 -webkit-appearance: none; 112} 113 .button.buttonGhost, .buttonGhost { 114 background: transparent; 115 border-width: 2px; 116 padding: 2px 23px; 117 border-style: solid;} 118 119.section-container { 120 width: 100%; 121 margin: 0; 122 padding: 0; } 123.section { 124 max-width: 960px; 125 margin: 0 auto; } 126 .section.fullWidthColumn {max-width: 100%} 127 .rsp_kv.section {padding: 100px 0} 128 .rsp_kvSubpage.section {padding: 50px 0} 129 .rsp_content {padding: 50px 0 35px} 130 .rsp_content.fullWidthColumn {padding: 0} 131 132 .rsp_kv p:only-of-type {margin-bottom: 0} 133 134 135.fullwidth, .fullwidthStatic, .fullWidth, .fullWidthStatic, span.fullwidth > img, span.fullWidth > img { 136 background-repeat: no-repeat; 137 width: 100%; 138 -moz-transform: none; 139 background-position: center top; 140 -webkit-transform: translateZ(0); 141 -webkit-background-size: cover; 142 -moz-background-size: cover; 143 -o-background-size: cover; 144 background-size: cover; 145 border-left: 0 !important; 146 border-right: 0 !important; } 147 148 .fullwidthStatic, .fullwidthStatic img { background-attachment: fixed; } 149 .KV-Text-Left .fullwidth {background-position: right top} 150 p img.fullwidth, p img.fullWidth, p .fullwidth img, p .fullWidth img {margin-bottom: -1em} 151 152 /* 50/50 Content Block */ 153 .fullWidthColumnInfo { 154 float: right; 155 max-width: 452px; 156 padding: 40px 0;} 157 .fullWidthColumnImage-mirrored .fullWidthColumnInfo {float: left} 158 .fullWidthColumnFull { 159 overflow: hidden;} 160 .fullWidthColumnFull img { 161 display:block; 162 height: 100%; 163 width: auto; 164 max-width: none; 165 min-width: 100%;} 166 .fullWidthColumnImage-mirrored .fullWidthColumnFull img {float: right;} 167 .rsp_content.fullWidthColumnImage > table > tbody > tr > td:last-child {padding: 0;} 168 .rsp_content.fullWidthColumnImage-mirrored > table > tbody > tr > td:first-child {padding: 0;} 169 .rsp_content.fullWidthColumnImage-mirrored > table > tbody > tr > td:last-child {padding: 0 0 0 2%;} 170 @media only screen and (max-width: 960px) { 171 .rsp_content.fullWidthColumnImage > table > tbody > tr > td, 172 .rsp_content.fullWidthColumnImage-mirrored.fullWidthColumnImage-mirrored > table > tbody > tr > td {padding: 0} 173 .fullWidthColumnImage {overflow: hidden;} 174 .fullWidthColumnInfo { 175 max-width: 100%; 176 padding: 50px 20px 35px; 177 float: none} 178 .fullWidthColumnFull img { 179 height: auto; 180 max-width: 100%; 181 } 182 } 183 @media only screen and (max-width: 768px) { 184 .fullWidthColumnInfo {padding: 20px} 185 } 186 /* END 50/50 Content Block */ 187 188.rsp_box { padding: 25px } 189 190/* Header */ 191.rsp_header {padding: 20px 0; overflow: hidden; } 192.header h1, .header h2, .header h3, .header h4, .header h5, .header a, .header p {margin-bottom: 0} 193 194.Header-LogoLeft-PhoneRight .phone { 195 text-align: right; 196 width: 100%; 197 display:inline-block} 198 .rsp_header .half {width: 50%; float: left;} 199 .rsp_header h1, .rsp_header h2, .rsp_header h3, .rsp_header h4, .rsp_header p, .rsp_header a {margin-bottom: 0} 200 .header a, .rsp_header a {display:inline-block;} 201 202#companyname a img {max-width: 100%} 203 204.Header-Centered img {margin-bottom: 10px; display: block;} 205.Header-Centered .phone img {margin-bottom: 0; float: left; margin-right: 10px;} 206.Header-Centered .phone {display: inline-block; line-height: 1;} 207 208@media only screen and (max-width: 960px) { 209 .rsp_header {padding:20px;} 210} 211@media only screen and (max-width: 768px) { 212 .rsp_header .half {width: 100%; float: none;} 213 .Header-LogoLeft-PhoneRight .phone { 214 text-align: center; 215 margin-top: 1em} 216} 217 218 .phone table {display: inline-block;} 219 .phone table:last-child {margin-left: 20px} 220 @media only screen and (max-width: 768px) { 221 .phone table {table-layout: inherit} 222 .phone.phone td {width: auto !important; display: table-cell !important} 223 } 224 @media only screen and (max-width: 568px) { 225 #companyslogan { width: calc(100% - 40px); } 226 .header .phone { margin: 0 auto; float: none} 227 .header .button { display: inline-block; } 228 .header .hamburger { padding: 10px 0 !important; } 229 } 230.header form { 231 display: block; 232 float: right; 233 text-align: right; 234 width: 100%; 235} 236@media only screen and (max-width: 768px) { 237 .header form {float: none} 238} 239.header input { 240 display: inline-block; 241 height: 35px; 242 margin-bottom: 0; 243 padding: 0 10px; 244} 245.header input[type="text"] { 246 border: 1px solid #ccc; 247 box-sizing: border-box; 248} 249.header .phone { 250 display: table; 251 float: right; 252 font-size: 14pt; 253 line-height: 25px; 254 margin-bottom: 0.5em; 255 width: auto; 256 float: right; 257} 258 259#companyslogan * {clear:both} 260@media only screen and (max-width: 768px) { 261 .header .phone {float: none} 262} 263.header .phone img { 264 display: inline-block; 265 float: left !important; 266 padding-right: 5px; 267} 268.header span#rsp_cart { 269 display: inline-block; 270 float: right; 271 margin-bottom: 0; 272 margin-left: 20px; 273 position: relative; 274 text-align: left; 275 width: auto; 276} 277.header span#rsp_cart a { 278 display: inline-block; 279 line-height: 25px; 280} 281.header span#rsp_cart a:hover { 282 text-decoration: underline; 283} 284 285/* Column Padding */ 286.rsp_content > div > table > tbody > tr > td, 287.rsp_content > table > tbody > tr > td {padding: 0 2%} 288 289 290.rsp_content > div> table > tbody > tr > td:first-child, 291.rsp_content > table > tbody > tr > td:first-child {padding: 0 2% 0 0} 292 293.rsp_content > div > table > tbody > tr > td:last-child, 294.rsp_content > table > tbody > tr > td:last-child {padding: 0 0 0 2%} 295 296 297.rsp_content > table.columns, 298.rsp_content > div > table.columns {width: 104%; margin: 0 -2%} 299 300.rsp_content > table.columns > tbody > tr > td, 301.rsp_content > div > table.columns > tbody > tr > td {padding: 0 2%} 302 303/* Added to address a comment in RSP-106 */ 304.rsp_content > div > table > tbody > tr > td[colspan], 305.rsp_content > table > tbody > tr > td[colspan] { 306 padding: 0; 307} 308 309@media only screen and (max-width: 768px) { 310.rsp_content > table.columns, 311.rsp_content > div > table.columns {width: 100%; margin: 0} 312} 313 314 315.small-icon.small-icon .icon {padding: 0} 316 317 318@media only screen and (max-width: 960px) { 319 .rsp_content .columns.four > tbody > tr > td { 320 width: 40%; 321 display: inline-block; 322 } 323 324 .rsp_content.fullWidthColumn > table > tbody > tr > td, 325 .rsp_content.fullWidthColumn > table > tbody > tr > td:first-child, 326 .rsp_content.fullWidthColumn > table > tbody > tr > td:last-child {padding: 0} 327 328 .Addons-2Column-RightForm > table > tbody > tr > td:first-child {padding: 0 2% 0 0} 329 .Addons-2Column-RightForm > table > tbody > tr > td:last-child {padding: 0 0 0 2%} 330 331 332 .small-icon.small-icon .icon {padding: 0} 333 334 .rsp_kv.section {padding: 100px 20px 85px} 335 .rsp_kvSubpage.section, 336 .rsp_content.section {padding: 50px 20px 35px} 337 338 339} 340 341 342@media only screen and (max-width: 768px) { 343 344 /* fix for old template */ 345 table td {padding: 0} 346 img {margin-bottom: 1em} 347 348 349 .section.section.section {padding:20px;} 350 351 .rsp_content > table > tbody > tr > td, 352 .rsp_content > table > tbody > tr > td:first-child, 353 .rsp_content > table > tbody > tr > td:last-child, 354 .Addons-2Column-RightForm > table > tbody > tr > td, 355 .Addons-2Column-RightForm > table > tbody > tr > td:first-child, 356 .Addons-2Column-RightForm > table > tbody > tr > td:last-child {padding: 0} 357 358 359 .rsp_kv img, .rsp_kv table {margin: 0} 360 .rsp_kvSubpage {text-align: center} 361 362 .rsp_kv.section {padding: 20px !important} 363 .section.section td, 364 .rsp_content .columns.four > tbody > tr > td { 365 display: block; 366 padding: 0; 367 width: 100% !important} 368 369 .blank {display:none !important;} 370 .fullwidth.fullwidth {background-position: center top;} 371 372 .small-icon.small-icon .icon { 373 display: inline-block; 374 width: 25%;} 375 .small-icon.small-icon .column-text { 376 display: inline-block; 377 padding: 0 0 20px 15px; 378 width: 65%;} 379} 380 381 382/* ---------------------------------- */ 383/* ---------------------------------- */ 384/* DEFAULT COLORS */ 385/* ---------------------------------- */ 386/* ---------------------------------- */ 387 388body, h1, h2, h3, h4, h5, h6 {color: #333} 389.primaryColorbg, .secondary-webcomMenu {background-color:#ccc} 390.button, #layout input.form-element[type="submit"] { 391 background-color: #666; 392 color: #fff; 393 } 394.hamburger div { 395 color: #333; 396 border-color: #333; } 397 .hamburger span, 398 .hamburger span:before, 399 .hamburger span:after {background-color: #333;} 400 401li.hamburger a:before {background: transparent !important} 402 403#slide-navContainer {background: #333} 404 #slide-navContainer a {color: #fff} 405 #slide-navContainer a, #slide-navContainer a:before {background: transparent !important} 406 407 408 409 410/* ---------------------------------- */ 411/* ---------------------------------- */ 412/* NAV */ 413/* ---------------------------------- */ 414/* ---------------------------------- */ 415
416/* ---------------------------------- */ 417/* START structure.css nav fixes */ 418/* ---------------------------------- */ 419.section #styleNav ul { margin: 0;} 420#styleNav {visibility: visible !important;} 421primary-webcomMenu-offset {position: auto !important} 422.primary-webcomMenu, 423.primary-webcomMenuItem, 424.primary-webcomMenuItem-bottom, 425.primary-webcomMenuItem-top, 426.primary-webcomMenuItem-right, 427.primary-webcomMenuItem-left, 428.primary-webcomMenuItem-middle, 429.primary-webcomMenuItem { 430 float: none; 431 height: auto !important; 432 padding: 0 !important} 433div.primary-webcomMenu-bottom, 434div.secondary-webcomMenu-bottom { 435 position: auto; 436 float: left} 437.primary-webcomMenuItem-middle, .secondary-webcomMenuItem-middle { text-overflow:ellipsis; } 438/* ---------------------------------- */ 439/* END structure.css nav fixes */ 440/* ---------------------------------- */ 441 442 443#navContainer, #nav, #styleNav { 444 display: inline-block; 445 width: 100%; 446 } 447#nav ul { max-height: 65px;} 448#nav ul li ul { max-height: none; } 449.primary-webcomMenu { 450 float: left; 451 padding: 0; 452 margin: 0; 453 height: auto !important; 454 width: auto !important} 455.primary-webcomMenu li { 456 list-style-type: none; 457 max-width: 250px; 458 display: block; 459 float: left; 460 } 461li.primary-webcomMenuItem > a { position: relative; } 462.primary-webcomMenu li.selected > a { font-weight: bold;} 463.primary-webcomMenu li.selected a:hover { text-decoration: none; } 464.primary-webcomMenu a { 465 display: block; 466 text-overflow: ellipsis; 467 overflow:hidden; 468 white-space:nowrap; 469 text-decoration: none; 470 text-transform: uppercase; 471 padding: 20px 10px; 472 margin: 0 5px; 473 margin-bottom: 0} 474 .primary-webcomMenu a:hover {text-decoration: underline;} 475 476.primary-webcomMenu ul { 477 padding: 0; 478 position: absolute; 479 left: 0; 480 width: 100% 481 z-index: 100; 482 } 483 #navContainer .secondary-webcomMenu {box-shadow: inset 0 3px 5px rgba(0,0,0,0.2);} 484 485.primary-webcomMenu ul li { 486 display: block; 487 width: 100%; 488 float: left; 489 list-style-type: none; 490 max-width: 100%; 491 } 492 .primary-webcomMenu ul li a{ 493 padding: 15px 10px 0; 494 width: 100%; 495 } 496 .primary-webcomMenu ul li:last-child a{padding-bottom: 15px} 497 498 .primary-webcomMenu li:hover ul { 499 display: block; 500 } 501 502 .primary-webcomMenu li { 503 display: block; 504 float: left; 505 list-style-type: none; 506 max-width: 100%; 507} 508 509@media only screen and (max-width:768px) { 510 .primary-webcomMenu-offset { display: block; margin: 0; } 511} 512 513 514 515/* ---------------------------------- */ 516/* ---------------------------------- */ 517/* HAMBURGER ICON */ 518/* ---------------------------------- */ 519/* ---------------------------------- */ 520.hamburger div { 521 cursor: pointer; 522 display:inline; 523 border-radius: 3px; 524 margin-top: 14px; 525 text-align: center; 526 background: none; 527 z-index:95; 528 display: block; 529 border-width: 1px; 530 border-style: solid; 531 padding: 5px 12px; 532 } 533 .hamburger div:after {content: 'MENU';padding-right: 30px} 534.hamburger span, 535.hamburger span:before, 536.hamburger span:after { 537 border: 0 none; 538 border-radius: 1px; 539 content: ""; 540 cursor: pointer; 541 display: block; 542 height: 3px; 543 margin: auto; 544 padding: 0; 545 position: absolute; 546 right: 0; 547 top: 47%; 548 width: 25px; 549 margin-right: 15px; 550 z-index: 100;} 551 .hamburger span:before {top: -6px;} 552 .hamburger span:after {bottom: -11px;} 553 .hamburger span::before, .hamburger span::after { 554 margin-right: 0; 555 } 556.hamburger a { 557 display: block; 558 padding: 0} 559 .hamburger.hamburger a:hover {text-decoration: none} 560 561 562@media only screen and (max-width: 768px) { 563 .hamburger a { 564 position: relative; 565 height: 25px; 566 width: 25px;} 567 .hamburger div {display:none} 568 .hamburger span, 569 .hamburger span:before, 570 .hamburger span:after {top: 45%; margin: auto;} 571 .hamburger span:before {top: -6px;} 572 .hamburger span:after {bottom: -11px;} 573} 574 575 576 577/* ---------------------------------- */ 578/* ---------------------------------- */ 579/* SLIDE OUT NAV */ 580/* ---------------------------------- */ 581/* ---------------------------------- */ 582#slide-navContainer { 583 position: fixed; 584 top: 0; 585 right: -250px; 586 width: 250px; 587 height: 100%; 588 z-index: 3000; 589 overflow-y: auto; 590 overflow-x: hidden; 591 margin-bottom: 0;} 592 #slide-navContainer #nav { 593 margin-top: 45px; 594 background-color: #333; 595 width: 90%;} 596 597#slide-navContainer ul { 598 list-style-type: none; 599 float: none; 600 position: initial; 601 background-color: transparent; 602 padding: 0; } 603 #slide-navContainer li { 604 width: 100%; 605 max-width: 100%; } 606 #slide-navContainer ul ul { 607 display:block; 608 padding: 0 0 0 20px; 609 position: relative; } 610 #slide-navContainer.primaryColorbg #styleNav ul li ul li { 611 border-bottom: none; background-color: transparent; } 612 613#slide-navContainer a { 614 display: block; 615 float: none; 616 width: 100%; 617 padding: 10px; 618 margin: 0; 619 text-overflow: unset; 620 white-space: pre-line; 621 overflow:hidden; 622 text-decoration: none; 623 text-align:left;} 624 #slide-navContainer a:hover { text-decoration: underline; }
625 #slideout-menu-toggle { 626 text-indent: 0; 627 display: block; 628 line-height: 1; 629 text-decoration: none; 630 z-index: 100; } 631 #slideout-menu-toggle:hover { } 632 633 /* ---------------------------------- */ 634 /* CLOSE BUTTON */ 635 /* ---------------------------------- */ 636 #navContainer .close {display:none; height: 0; visibility:hidden} 637 #slide-navContainer .close { 638 font-size: 36px; 639 line-height: 36px; 640 padding: 0; 641 position: absolute; 642 right: 10px; 643 top: 0; 644 } 645 #slide-navContainer .close:hover {text-decoration: none} 646 #slide-navContainer .close span:after { 647 text-align: right; 648 display: block; 649 content:'\00D7'; } 650 651@media only screen and (max-width: 768px) { 652 .primary-webcomMenu-bottom, .secondary-webcomMenu-bottom {float: right !important;} 653 #slide-navContainer ul ul {display: block} 654 #nav .section {padding: 10px 20px} 655 .primary-webcomMenu {width: 100% !important} 656 #slideout-menu-toggle {float: right} 657} 658 659/* ---------------------------------- */ 660/* ---------------------------------- */ 661/* STICKY NAV */ 662/* ---------------------------------- */ 663/* ---------------------------------- */ 664#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; } 665#sticky-navContainer .primary-webcomMenu li ul { display: none; } 666#sticky-navContainer .primary-webcomMenu li:hover ul { display: block; } 667#sticky-navContainer #nav-toggle span { margin-top: 6px; } 668#sticky-navContainer ul li { position: relative; } 669#sticky-navContainer .section { padding: 0 !important; margin-top: 0; } 670#sticky-navContainer .close { display: none; } 671@media only screen and (max-width: 768px) { 672#sticky-navContainer #nav-toggle span { margin: 0; } 673#sticky-navContainer #slideout-menu-toggle { padding: 10px 10px 10px 0;} 674} 675 676/* ---------------------------------- */ 677/* ---------------------------------- */ 678/* FOOTER */ 679/* ---------------------------------- */ 680/* ---------------------------------- */ 681 682 683.box {display: table; height: 100%; margin-bottom: -20px; } 684#layout, #mtx_footer{ display: table-row; } 685#footer .footercontent ul.adr li.street-address {display: block;} 686#mtx_footer #footer { padding: 20px 0; text-align: center; width: 100%;} 687#mtx_footer #footer span { display: inline-block; } 688#mtx_footer #footer span.street-address:after { content: ", "} 689#mtx_footer #footer br { display: none; } 690#mtx_footer .footercontent {display: block; max-width: 960px; margin: 0 auto;position: relative; padding: 0; } 691#mtx_footer .footercontent center { display: block; width: 100%; margin: 0; padding: 30px 0 10px; } 692#mtx_footer .footercontent a { text-decoration: none; display: inline-block; margin: 0 10px; padding: 5px 0;} 693#mtx_footer .footercontent a:hover { text-decoration: underline; } 694#mtx_footer .footercontent table { line-height: 150%; text-align: center; } 695#mtx_footer .footercontent table td, .footercontent table tr { display: inline-block; text-align: center;} 696#mtx_footer .footercontent table td { padding: 0 5px;} 697#mtx_footer .footercontent table tr { margin: 10px 0 0;} 698#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%);} 699@media only screen and (max-width: 768px) { 700#mtx_footer .footercontent ul.adr li {float: none} 701#mtx_footer .footercontent span.fn.org { font-size: 16px } 702#mtx_footer #footer font { font-size: 11px; } 703#mtx_footer .vcard table table td[nowrap=""] { text-align: center; white-space: normal; } 704#mtx_footer .footercontent table tr { margin: 0;} 705} 706 707 708#mtx_footer { width: 100%; } 709.footercontent { padding: 40px 0; width: 100%; margin: 0 auto; } 710.footercontent .vcard {display: block; max-width: 960px; margin: 0 auto; } 711.footercontent h4, .footercontent .businessname { display: block; clear: both; text-align: center; } 712.footercontent h4.fn.org a, .footercontent .businessname a{ font-size: 24px; text-decoration: none; margin: 0 0 0.3em; font-weight: bold; } 713.footercontent ul { list-style-type: none;} 714.footercontent li { font-size: 14px; line-height: 20px;} 715.footercontent ul.mtx_footnav { display: table; clear: both; margin: 0 auto; } 716.footercontent ul.mtx_footnav a { margin-bottom: 0.5em; text-decoration: none; } 717.footercontent ul.mtx_footnav a:hover { text-decoration: underline; } 718.footercontent ul.mtx_footnav li { display: inline; margin: 0 .5em} 719.footercontent ul.mtx_footnav li ul { display: none; } 720.footercontent ul.mtx_buscontact { display: table; clear: both; list-style-type: none; margin: 0 auto 1em;; text-align: center; } 721.footercontent ul.mtx_buscontact li { display: inline-block; margin: 0;} 722.footercontent ul.mtx_buscontact li::after { content:" |"} 723.footercontent ul.mtx_buscontact li:last-child::after { content: "";} 724.footercontent ul.mtx_buscontact li.tel::before {content: "Phone: " } 725.footercontent ul.mtx_buscontact li.mtx_fax::before {content: "Fax: " } 726.footercontent ul.mtx_buscontact li.mtx_cell::before {content: "Cell: " } 727.footercontent ul.adr { font-weight: bold; display:table; margin: 0 auto; } 728.footercontent ul.adr li { font-weight: normal; display: inline; float: left; margin: 0 3px 0 0; padding: 0; } 729.footercontent ul.adr li::after { content: ","} 730.footercontent ul.adr li:last-child::after { content: ""} 731.footercontent #mtx_copyright { text-align: center; font-size: 10px; margin: 1em auto 0;} 732.footercontent .email #footerContact, .footercontent .email .footer_contact_component { display: inline-block; } 733#mtx_footer .footercontent a.footer_contact_email { margin: 0 } 734.footercontent ul.adr li.region::after { content: ""; } 735.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; } 736#mtx_footer #footer .vcard br, #mtx_footer #footer .vcard br { display: initial; } 737 738 739/* Video Embed Fix */ 740body .html5-video-container { z-index: auto !important; } 741 742/* ---------------------------------- */ 743/* ---------------------------------- */ 744/* Contact Form*/ 745/* ---------------------------------- */ 746/* ---------------------------------- */ 747 748 749div[id*="webcom-component-form"] > table > tbody > tr > td:first-child, 750div[id*="webcom-component-form"] > table > tbody > tr > td:last-child, 751div[id*="webcom-component-feedback"] > table > tbody > tr > td:first-child, 752div[id*="webcom-component-feedback"] > table > tbody > tr > td:last-child {display:none} 753 754div[id*=webcom-component-form] td[width*="10%"], 755div[id*=webcom-component-feedback] td[width*="10%"] { width: 100% !important; } 756 757form[id^=webcom-component-form], 758form[id^=webcom-component-feedback] { 759 width: 100%; 760 margin: 0 auto; 761} 762 763form[id^=webcom-component-form] table, 764form[id^=webcom-component-feedback] table, 765.form-element[type=text], 766.web_com_custom_form .form-element-size-large[type="text"], 767.web_com_custom_form table.form-element-size-large, 768.web_com_custom_form textarea.form-element-size-large, 769.web_com_custom_form select.form-element-size-large, 770.web_com_custom_form table td.FirstName input, 771.web_com_custom_form table td.LastName input, 772.web_com_custom_form table[class*=large], 773.web_com_custom_form input[class*=large], 774.web_com_custom_form table[class*=large], 775.web_com_custom_form textarea[class*=large], 776.web_com_custom_form select[class*=large] { 777 padding: 5px !important; 778 -webkit-box-sizing: border-box; 779 -moz-box-sizing: border-box; 780 box-sizing: border-box; 781 max-width: 100% !important; 782 min-width: 100% !important; 783 width: 100% !important} 784 785@media only screen and (max-width: 768px) { 786 787 form[id^=webcom-component-form], 788 form[id^=webcom-component-feedback] {width: 100%;} 789 790 .web_com_custom_form table td.FirstName, 791 .web_com_custom_form table td.LastName{ 792 padding-left: 0 !important; 793 width: 100% !important} 794} 795 796 797/* POPUP CONTACT */ 798 799.fc_overlay { width: auto !important; height: auto !important; } 800.fc_container { max-width: 90% !important;} 801#footer #fc_form_header, #footer #fc_form_container label { color: #333;} 802#fc_form_container form { display: block; } 803#fc_form_container tr { display: block; margin: 0; padding: 0; } 804#fc_form_container table td { padding: 0; } 805#fc_form_container table td[width="45%"] { display: none important;} 806#fc_form_container table td[width="10%"] { display: block; width: 100%} 807 808/* ---------------------------------- */ 809/* ---------------------------------- */ 810/* ECOMM */ 811/* ---------------------------------- */ 812/* ---------------------------------- */ 813 814 815.mtrx_ecom_layout { display: block; margin: 0 auto; max-width: 960px; padding: 20px;} 816 817.Header-EcommerceSearch h2, .Header-EcommerceSearch img, .Header-EcommerceSearch div { display: inline-block; } 818.Header-EcommerceSearch form { float: right; display: block; width: 100%; text-align: right; } 819.Header-EcommerceSearch input { height: 35px; padding: 0 10px; display: inline-block; margin-bottom: 0} 820.Header-EcommerceSearch input[type='text'] { 821 border: 1px solid #ccc; 822 box-sizing: border-box; } 823.Header-EcommerceSearch div.phone { display: table; width: auto; margin-bottom: 0.5em; float: right; line-height: 25px; font-size: 14pt; } 824.Header-EcommerceSearch div.phone img { float: left !important; display:inline-block; padding-right: 5px; } 825.Header-EcommerceSearch span#rsp_cart { float: right; position: relative; width: auto; margin-left: 20px; margin-bottom: 0; text-align:left; display: inline-block; } 826.Header-EcommerceSearch span#rsp_cart a { display: inline-block; line-height: 25px; } 827.Header-EcommerceSearch span#rsp_cart a:hover { text-decoration: underline; }
828.mtrx_ecom_layout #page .result .description { line-height: 150%; } 829#page div.results-grid { width: 100%; } 830body #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; } 831.mtrx_ecom_layout a:hover { text-decoration: none; } 832#page .result h3 { overflow: none; height: auto; font-size: 16px; } 833#page div.results .result { height: auto; overflow: none; width: 100%; } 834#page div.results .result .thumbnail { display: inline-block; float: left; max-width: 20%; margin-right: 5%; } 835#page div.results .result .details { display: inline-block; overflow: auto; padding: 0px; text-align: left; width: 75%; } 836#page div.results .result .amount { width: auto; float: right; text-align: right; } 837#page div.results .result .description { margin-bottom: 0; font-size: 13px;} 838body .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 { 839 display: inline-block; 840 cursor: pointer; 841 text-align:center; 842 margin: 0 inherit; 843 margin-bottom: 1em; 844 border: 0; 845 padding: 10px 25px; 846 border-radius: 5px; 847 text-decoration: none; 848 font-weight: 700; 849 transition: all 0.3s ease 0s; 850} 851 852@media only screen and (max-width: 768px) { 853 854#webcom_ecomm_category_title { display: block; position: relative; background: rgba(0,0,0,0.05); padding: 10px; cursor: pointer; } 855#webcom_ecomm_category_title::after { content: " \25BE"; } 856#webcom_ecomm_category_title.rsp_active::after { content: " \25B4"; } 857.mtrx_ecom_layout #cats { display: block; border: 1px solid rgba(0,0,0,0.05); padding: 10px; margin-top: -10px; } 858.mtrx_ecom_layout #cats { display: none; } 859#cats.rsp_active { display: block; } 860 861 .Header-EcommerceSearch div.phone { margin: 10px auto 0; float: none; } 862 .Header-EcommerceSearch form { margin: 10px auto 0 ; float: none; text-align: center; max-width: 350px; } 863 .Header-EcommerceSearch input[type='text'] { width: 70%;} 864 .Header-EcommerceSearch input[type='submit'] { width: 28%; } 865 .Header-EcommerceSearch h2, .Header-EcommerceSearch img, .Header-EcommerceSearch div { display: block; margin: 0 auto; } 866 .Header-EcommerceSearch h2 { margin-bottom: 0; } 867 .Header-EcommerceSearch div { float: none; width: 100%; } 868 .Header-EcommerceSearch span { text-align: center; margin: 0; line-height: auto; margin-bottom: 0.5em;} 869 .Header-EcommerceSearch span.phone { margin: 0 auto; float: none; } 870 .Header-EcommerceSearch span.phone img { display: inline-block; margin: 0; } 871 872 873 874.cart-gridview .row-item { position: relative; } 875.cart-gridview .cell-remove { position: absolute; top: 0; right: 20px;} 876.mtrx_ecom_layout table td, #cart-contents .cart-gridview .cell-product { display: block; width: auto;} 877#cart-links { margin: 0 auto 5px !important; } 878 879#search-box { display: none; } 880#search-box input { display: inline-block; } 881#search-box .search-field { width: 76% !important; height: 30px !important; padding: 0 !important; text-indent: 5px; } 882#search-box .btn-search { width: 22% !important; margin: 0 0 0 1%; height: 30px !important; padding: 0 !important;} 883.paging .page-mode { display: none; } 884.paging { font-size: 12px !important; } 885#page div.results-grid .result { width: 33%; max-width: 33%;} 886 .cart-gridview table { 887 width: 100%; 888 border-collapse: collapse; 889 } 890 /* Zebra striping */ 891 .cart-gridview tr:nth-of-type(odd) { 892 } 893 .cart-gridview th, .calculations-hack { 894 display: none !important; 895 } 896 .cart-gridview td, .cart-gridview th { 897 padding: 6px; 898 text-align: left; 899 } 900 .cart-gridview table, .cart-gridview thead, .cart-gridview tbody, .cart-gridview th, .cart-gridview td, .cart-gridview tr { 901 display: block; 902 } 903 904 .cart-gridview thead tr { 905 position: absolute; 906 top: -9999px; 907 left: -9999px; 908 } 909 910 .cart-gridview td { 911 border: none; 912 position: relative; 913 padding-left: 35% !important; 914 clear: both; 915 } 916 .cart-gridview td.cart-summary { padding-left: 0 !important;} 917 .cart-gridview td.cart-summary .coupons { width: 100%; margin: 0; } 918 .cart-gridview td.cart-summary label { font-size: 14px; padding: 10px 20px; line-height: 16px;} 919 .cart-gridview td.cart-summary label em { font-size: 10px; margin: 0; padding: 0;} 920 .cart-gridview td.cart-summary .coupons input.text { width: 80%; margin: 0 0 0 6px; padding: 0;} 921 .cart-gridview .cart-summary .calculations tr, .cart-gridview .cart-summary .calculations table td { border: 0;} 922 .cart-gridview td:before { 923 position: absolute; 924 top: 6px; 925 left: 6px; 926 padding-right: 10px; 927 white-space: nowrap; 928 } 929 930 .cart-gridview td.cell-quantity:before { content: "Quantity"; } 931 .cart-gridview td.cell-thumbnail:before { content: ""; } 932 .cart-gridview td.cell-product:before { content: "Product"; } 933 .cart-gridview td.cell-price:before { content: "Price"; } 934 .cart-gridview td.cell-total:before { content: "Total"; } 935 .cart-gridview .row-option { display: block; } 936 .cart-gridview tr.row-option { border-top: 0;} 937 .cart-gridview tr.row-option td:nth-of-type(1):before { content: "Options";} 938 939 .cart-gridview td.cart-summary:nth-of-type(1):before, .cart-gridview .cart-summary .calculations td:nth-of-type(1):before { content: ""; } 940 #cart-contents .cart-gridview .cart-summary .calculations { clear: both; width: 100%; float: none; } 941 #cart-contents .cart-gridview .calculations td { padding: 0 8px; } 942.option select { width: 100%;} 943div.wrapper-main #billing-address div.left { max-width: 100%; min-width: 200px; } 944div.wrapper-main #page-body div.secure-text { float: none; position: relative; } 945div.wrapper-main #page-body { padding: 0;} 946div.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;} 947div.wrapper-main #billing-address .checkbox input { float: left; width: auto;} 948div.wrapper-main #billing-address .checkbox { margin: 20px 0 0; } 949div.wrapper-main .summary .calculations, div.wrapper-main .final-summary .calculations { width: 35%; margin: 0; } 950div.wrapper-main .summary { width: 80%; float: none; } 951 952body .cart-gridview tr { border: none; } 953#cart-contents .cart-gridview .calculations td:first-child { width: 35%}
953 954#cart-contents .cart-gridview .calculations td { padding: 0 8px; width: auto; display: inline-block; text-align: right; } 955body #cart-contents .cart-gridview .cart-summary { margin-top: 20px; border-top: 2px solid #ccc; } 956#page.product-detail .quantity-discounts .netprice{ font-weight: bold; } 957.cart-gridview .row-option td.cell-product::before { content: ''; } 958.cart-gridview .cell-thumbnail { display: none; } 959#cart-contents .cart-gridview tr.row-item.alt { background: rgba(0,0,0,0.02); margin-top: 20px; } 960body div.wrapper-main form label { width: auto !important;} 961div#page.product-detail .gallery img { display: block; margin: 0 auto; } 962.paging .page-mode { display: inline-block; float: right; } 963.paging .page-mode label { display: none; } 964#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; } 965#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) ;} 966.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) ;} 967#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)} 968#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)} 969.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)} 970.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)} 971#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; } 972#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) ;} 973.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) ;} 974#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)} 975#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)} 976.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)} 977.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)} 978 979} 980@media only screen and (max-width: 568px) { 981#page div.results-grid .results-row { display: inline; } 982#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; } 983#page div.results-grid .result .thumbnail { display: block; width: 100%; float: left; margin: 0 10px 0 0 !important; } 984#page div.results-grid .result .thumbnail img { display: block; margin: 0 auto;} 985#page div.results-grid .result h3 { margin: 0; text-align: center; } 986#page div.results-grid .result h3 a { text-decoration: none; } 987#page div.results-grid .result .amount { display: inline-block; text-align: center; margin: 0 auto; width: auto;}
988#page div.results-grid .result .description { display: none; } 989#page div.results-grid { width: 100%;} 990} 991@media only screen and (max-width: 468px) { 992#page-content #subheader h2 { text-align: center; } 993#page.product-detail .image { text-align: center; float: none; margin: 0 auto;} 994#page.product-detail div.gallery { float: none; } 995#page div.results-grid .results-row, 996#page div.results-grid { width: 100%;} 997} 998 999 1000 1001 1002/* ---------------------------------- */ 1003/* ---------------------------------- */ 1004/*COUPONS*/ 1005/* ---------------------------------- */ 1006/* ---------------------------------- */ 1007.coupon {margin-bottom: 1em} 1008.rsp_coupon.section {padding: 100px 0} 1009.section.section td.wsp_print_btn_left, .section.section td.wsp_print_btn_right{display: none !important;} 1010.section div[align=center] div[style*="height: 27px"] { height: auto !important; } 1011#table_border { width: 100% !important;} 1012.wsp_print_btn_middle{ 1013 background: none !important; 1014 height: auto; 1015 text-align:center; 1016 vertical-align:middle; 1017 white-space:nowrap; 1018} 1019 1020.wsp_print_btn_text { 1021 text-decoration: none; 1022 color: inherit !important; 1023 padding: 10px; 1024 margin: 0; 1025} 1026.wsp_print_btn { 1027 cursor: default; 1028 font-family: inherit !important; 1029 font-size: inherit; 1030 font-size-adjust:none; 1031 font-style:normal; 1032 font-variant:normal; 1033 font-weight:normal; 1034 font-size-adjust:none; 1035 line-height:normal; 1036 white-space:nowrap; 1037 margin: 0 auto; 1038 width: auto !important; 1039} 1040.wsp_print_btn .wsp_print_btn_middle {height: auto } 1041 1042table.wsp_print_btn td { padding: 0;} 1043 1044 1045@media only screen and (max-width: 768px) { 1046 .coupon-clear { max-width: 100%; overflow-x: auto;} 1047} 1048 1049/* ---------------------------------- */ 1050/* ---------------------------------- */ 1051/*MAPS*/ 1052/* ---------------------------------- */ 1053/* ---------------------------------- */ 1054.map-address {display: none} 1055.fullWidthColumnFull {position: relative} 1056div[id^=webcom-component-map], .map-container, .map-source, #layout .inner-map-container, .inner-map-container iframe { 1057 width: 100% !important; 1058 min-height: 360px; 1059} 1060.fullwidthmap iframe{width: 100%} 1061 1062.inner-map-container p, .inner-map-container br {display:none !important} 1063 1064@media only screen and (max-width: 768px) { 1065 .fullWidthColumnInfo {max-width: 100%; float: none} 1066} 1067 1068 1069/* ---------------------------------- */ 1070/* ---------------------------------- */ 1071/*PHOTO ALBUM*/ 1072/* ---------------------------------- */ 1073/* ---------------------------------- */ 1074 1075@media only screen and (max-width: 768px) { 1076 div[id^="webcom-component-photoalbum"] {margin-bottom: 1em} 1077} 1078/* ---------------------------------- */ 1079/* ---------------------------------- */ 1080/*GALLERY*/ 1081/* ---------------------------------- */ 1082/* ---------------------------------- */ 1083.rsp_gallery { position: relative; min-height: 150px; background: #000 ; } 1084.rsp_gallery p { display: none; } 1085.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;} 1086.rsp_gallery .galleria-container { height: auto !important; padding-bottom: 35% } 1087.rsp_gallery .galleria-info-text, .rsp_gallery .galleria-container .galleria-info { display: none !important; } 1088.rsp_gallery .galleria-container .galleria-info, .rsp_gallery .galleria-nav-bar { filter: none; background: none !important; }
1089.rsp_gallery .galleria-nav-bar { left: 0 !important; width: 100%; } 1090.rsp_gallery .galleria-container .galleria-nav-items { float: none; margin: 0 auto; display: table; } 1091.rsp_gallery .galleria-container .galleria-nav-items .arrow { border-radius: 100%; margin: 0 10px; background-image: none; display: block !important; } 1092.rsp_gallery .galleria-container .galleria-counter { display: none; } 1093.rsp_gallery .galleria-container .galleria-nav-items .arrow[style="background-color: rgb(136, 136, 136);"] { background-color: rgba(0,0,0,0.6) !important; } 1094.rsp_gallery .galleria-container .galleria-nav-items div { width: 15px; height: 15px; } 1095.galleria-container { 1096 width: 100% !important; 1097} 1098.galleria-container img { 1099 width: 100% !important; 1100 left: 0 !important; 1101} 1102.galleria-container .galleria-counter { 1103 position: absolute !important; 1104 right: 0px !important; 1105 left: auto !important; 1106 background-color: none !important; 1107 z-index: 10; 1108 opacity: 0.3 !important; 1109} 1110.galleria-container .galleria-nav-items .arrow { 1111 display: none !important; 1112} 1113ul.lightSlider { 1114 margin: 0; 1115} 1116@media only screen and (max-width: 767px) { 1117 .rsp_gallery .galleria-container { padding-bottom: 50% } 1118 .rsp_gallery .album-title { font-size: 30px !important; } 1119} 1120/* ---------------------------------- */ 1121/* ---------------------------------- */ 1122/*RESPONSIVE DATA TABLES*/ 1123/* ---------------------------------- */ 1124/* ---------------------------------- */ 1125.responsiveTable td { 1126 -ms-word-break: break-all; 1127 word-break: break-all; 1128 word-break: break-word; 1129 } 1130@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px) { 1131 .responsiveTable .tableHeader {display: none} 1132 .responsiveTable table, .responsiveTable thead, .responsiveTable tbody, .responsiveTable th, .responsiveTable td, .responsiveTable tr { display: block; } 1133 1134 .responsiveTable td { 1135 position: relative; 1136 padding-left: 50% !important; 1137 } 1138 1139 .responsiveTable td:before { 1140 position: absolute; 1141 left: 15px; 1142 width: 45%; 1143 padding-right: 10px; 1144 white-space: normal; 1145 } 1146} 1147 1148/* ---------------------------------- */ 1149/* ---------------------------------- */ 1150/*IMAGE EFFECTS*/ 1151/* ---------------------------------- */ 1152/* ---------------------------------- */ 1153 1154span.circle img, .circle { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;} 1155span.roundedcorners img, .roundedcorners { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; } 1156span[class*=stackedphoto] img, span[class*=hvr] img { margin: 0; } 1157span[class*=stackedphoto], span[class*=hvr] { margin-bottom: 20px; } 1158 1159.circle-red-border-5px img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border: 5px solid #DB3744; } 1160.circle-blue-border-2px img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border: 2px solid #4C6CAE; } 1161 1162.frame { display: inline-block; position: relative; border: 4px solid #fff; } 1163.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; } 1164.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); } 1165.frame a, .frame img { margin: 0px ; } 1166 1167.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; } 1168.polaroid img, .polaroid a { margin: 0px; } 1169 1170.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);
1170 -o-box-shadow: 3px 3px 5px rgba(0, 0, 0,.2); box-shadow: 3px 3px 5px rgba(0, 0, 0,.2); } 1171.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;} 1172.taped-up:nth-of-type(odd):before { -ms-transform: rotate(-8deg); -webkit-transform: rotate(-8deg); transform: rotate(-8deg); } 1173.taped-up:nth-of-type(even):before { -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } 1174.taped-up:first-child:before { -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); } 1175.taped-up:last-child:before { -ms-transform: rotate(2deg); -webkit-transform: rotate(2deg); transform: rotate(2deg); } 1176.taped-up a, .taped-up img { margin: 0px ; } 1177 1178.taped-up-skew a, .taped-up-skew img { margin: 0px ; } 1179.taped-up-skew { display: inline-block; position: relative; border: 4px solid #fff; box-shadow: 3px 3px 5px rgba(0, 0, 0,.2); } 1180.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; } 1181
1182span.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; } 1183span.hvr-outline-out::before { 1184 border: 3px solid rgba(0,0,0,0.4); 1185 bottom: 0; 1186 content: ""; 1187 left: 0; 1188 position: absolute; 1189 right: 0; 1190 top: 0; 1191 transition-duration: 0.3s; 1192 transition-property: top, right, bottom, left; 1193 1194} 1195span.hvr-outline-out { 1196 backface-visibility: hidden; 1197 box-shadow: 0 0 1px rgba(0, 0, 0, 0); 1198 position: relative; 1199 -ms-transform: translateZ(0px); 1200 -webkit-transform: translateZ(0px); 1201 transform: translateZ(0px); 1202 display: inline-block; 1203} 1204 1205span.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); } 1206span.hvr-float img { 1207 backface-visibility: hidden; 1208 position: relative; 1209 -ms-transform: translateZ(0px); 1210 -webkit-transform: translateZ(0px); 1211 transform: translateZ(0px); 1212 transition-duration: 0.3s; 1213 transition-property: transform; 1214} 1215 1216span.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); } 1217span.hvr-float-shadow::before { 1218 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; 1219 content: ""; 1220 height: 10px; 1221 left: 5%; 1222 opacity: 0; 1223 pointer-events: none; 1224 position: absolute; 1225 top: 100%; 1226 transition-duration: 0.3s; 1227 transition-property: transform, opacity; 1228 width: 90%; 1229 z-index: -1; 1230} 1231span.hvr-float-shadow { 1232 backface-visibility: hidden; 1233 box-shadow: 0 0 1px rgba(0, 0, 0, 0); 1234 position: relative; 1235 -ms-transform: translateZ(0px); 1236 -webkit-transform: translateZ(0px); 1237 transform: translateZ(0px); 1238 transition-duration: 0.3s; 1239 transition-property: transform; 1240} 1241 1242span.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); } 1243span.hvr-grow img { 1244 backface-visibility: hidden; 1245 box-shadow: 0 0 1px rgba(0, 0, 0, 0); 1246 -ms-transform: translateZ(0px); 1247 -webkit-transform: translateZ(0px); 1248 transform: translateZ(0px); 1249 transition-duration: 0.3s; 1250 transition-property: transform; 1251} 1252 1253span.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); } 1254span.hvr-grow-shadow img { 1255 backface-visibility: hidden; 1256 box-shadow: 0 0 1px rgba(0, 0, 0, 0); 1257 -ms-transform: translateZ(0px); 1258 -webkit-transform: translateZ(0px); 1259 transform: translateZ(0px); 1260 transition-duration: 0.3s; 1261 transition-property: box-shadow, transform; 1262} 1263 1264span[class*=stackedphoto] { 1265 -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); 1266 -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); 1267 box-shadow: 2px 2px 5px rgba(0,0,0,0.3); 1268 border: 6px solid #fff; 1269 position: relative; 1270 display: inline-block; 1271 box-sizing: border-box; 1272} 1273span.stackedphoto::before { 1274 content: ""; 1275 height: 100%; 1276 width: 100%; 1277 position: absolute; 1278 z-index: -1; 1279 top: 0px; 1280 left: -10px; 1281 background: #eff4de; 1282 border: 6px solid #fff; 1283 -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); 1284 -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); 1285 box-shadow: 2px 2px 5px rgba(0,0,0,0.3); 1286 -webkit-transform: rotate(-5deg); 1287 -moz-transform: rotate(-5deg); 1288 -o-transform: rotate(-5deg); 1289 -ms-transform: rotate(-5deg); 1290 transform: rotate(-5deg); 1291} 1292span.hvr-stackedphoto::before { 1293 content: ""; 1294 height: 100%; 1295 width: 100%; 1296 position: absolute; 1297 z-index: -1; 1298 top: 0px; 1299 left: -10px; 1300 background: #eff4de; 1301 border: 6px solid #fff; 1302 -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); 1303 -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); 1304 box-shadow: 2px 2px 5px rgba(0,0,0,0.3); 1305 -webkit-transform: rotate(-5deg); 1306 -moz-transform: rotate(-5deg); 1307 -o-transform: rotate(-5deg); 1308 -ms-transform: rotate(-5deg); 1309 transform: rotate(-5deg); 1310 transition-property: transform; 1311 transition-duration: .2s; 1312}
1313span.hvr-stackedphoto:hover::before { 1314 transform: rotate(0deg); 1315} 1316 1317 1318/* ---------------------------------- */ 1319/* ---------------------------------- */ 1320/* CLICK TO CALL STYLE */ 1321/* ---------------------------------- */ 1322/* ---------------------------------- */ 1323.click-to-call { text-decoration: none; color: currentColor; } 1324 1325 1326/* ---------------------------------- */ 1327/* ---------------------------------- */ 1328/* DISABLE RESIZE HANDLES ON TINYMCE */ 1329/* ---------------------------------- */ 1330/* ---------------------------------- */ 1331.mce-resizehandle { display: none !important; } 1332 1333 1334/* ---------------------------------- */ 1335/* ---------------------------------- */ 1336/* HIDE ON MOBILE */ 1337/* ---------------------------------- */ 1338/* ---------------------------------- */ 1339@media only screen and (max-width: 480px){ 1340 .hide-on-mobile { 1341 display: none; 1342 } 1343} 1344 1345 1346/* ---------------------------------- */ 1347/* ---------------------------------- */ 1348/* MATRIX BUG FIXES */ 1349/* ---------------------------------- */ 1350/* ---------------------------------- */ 1351 1352/* FIREFOX EMPTY PARAGRAPH FIX */ 1353#layout>table>tbody>tr>td>div>table>tbody>tr>td>div>table+p:empty { 1354 display:none; 1355} 1356 1357 1358 1359/* ---------------------------------- */ 1360/* ---------------------------------- */ 1361/* TEMPLATE SPECIFIC */ 1362/* ---------------------------------- */ 1363/* ---------------------------------- */ 1364 1365 1366/* ---------------------------------- */ 1367/* HEADER */ 1368/* ---------------------------------- */ 1369#sticky-navContainer #nav .section {margin: 0 !important;} 1370#companyslogan { float: right; } 1371.header .button { float: right; } 1372 @media only screen and (max-width: 768px) { 1373 .header { text-align: center; } 1374 .header #companyslogan { float: none; margin: 0 auto; } 1375.header .button { float: none; } 1376 .header img { margin-bottom: 0; } 1377 .phone { margin: 0.5em auto; } 1378 .phone.phone td {width: auto !important; display: table-cell !important} 1379 } 1380 @media only screen and (max-width: 568px) { 1381 .header .phone { margin: 0 auto; } 1382 .header .hamburger { padding: 10px 0 !important; } 1383 .header #companyslogan { text-align: center; padding: 10px 0;} 1384 } 1385 1386.header form { 1387 display: block; 1388 float: right; 1389 text-align: right; 1390 width: 100%; 1391} 1392.header input { 1393 display: inline-block; 1394 height: 35px; 1395 margin-bottom: 0; 1396 padding: 0 10px; 1397} 1398.header input[type="text"] { 1399 border: 1px solid #ccc; 1400 box-sizing: border-box; 1401} 1402.header .phone { 1403 display: table; 1404 font-size: 14pt; 1405 line-height: 25px; 1406 margin-bottom: 0.5em; 1407 width: auto; 1408} 1409.header .phone img { 1410 display: inline-block; 1411 float: left !important; 1412 padding-right: 5px; 1413} 1414.header span#rsp_cart { 1415 display: inline-block; 1416 float: right; 1417 margin-bottom: 0; 1418 margin-left: 20px; 1419 position: relative; 1420 text-align: left; 1421 width: auto; 1422} 1423.header span#rsp_cart a { 1424 display: inline-block; 1425 line-height: 25px; 1426} 1427.header span#rsp_cart a:hover { 1428 text-decoration: underline; 1429} 1430/*.box {background-color: transparent !important}*/ 1431</STYLE> 1432 1433<!--[if IE]> 1434<style>@media only screen and (max-width: 960px) { 1435 .section td, .section tr, .section tbody { 1436 display: block !important; 1437 width: 100% !important; 1438 float: left; 1439 clear: both; margin: 0 auto; text-align: center; 1440 } } 1441</style> 1442<![endif]--> 1443
1444<SCRIPT type="text/javascript"> 1445$( document ).ready(function() { 1446 1447 1448 1449 /////////// 1450 // MAKE PHONE IN THE HEADER CLICK TO CALL 1451 /////////// 1452 if( /Android|webOS|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { 1453 var ttdPhoneNumber = $('#CTCPhoneNumber').text(); 1454 ttdPhoneNumber = ttdPhoneNumber.replace(/\ /g, ''); 1455 ttdPhoneNumber = ttdPhoneNumber.replace(/\(/g, ''); 1456 ttdPhoneNumber = ttdPhoneNumber.replace(/\)/g, ''); 1457 ttdPhoneNumber = ttdPhoneNumber.replace(/\-/g, ''); 1458 1459 $('#CTCPhoneNumber').wrapInner( '<a href="" style="text-decoration:none !important; color: inherit !important;"></a>' ); 1460 $('#CTCPhoneNumber').find('a').attr( 'href', 'tel:' + ttdPhoneNumber ); 1461 1462 // mobile click-to-call 1463 $('.mtx_buscontact .value').addClass('click-to-call'); 1464 $('.click-to-call').each(function() { 1465 var ctcNumber = $(this).text(); 1466 $(this).html('<a href="tel:'+ctcNumber+'" rel="nofollow" style="text-decoration: none; color: currentColor;">'+ctcNumber+'</a>'); 1467 }) 1468 } 1469 1470 1471 1472 /////////// 1473 // ECOMM CLEANUP 1474 /////////// 1475 if(window.location.href.indexOf("SecureCart") > -1) { 1476 $( ".mtrx_ecom_layout > table > tbody > tr:first-child , .mtrx_ecom_layout > table > tbody > tr:nth-child(2) > td:first-child" ).css( "display", "none" ); 1477 } 1478 $("#webcom_ecomm_category_title").click(function(e){ 1479 1480 $('#webcom_ecomm_category_title').toggleClass('rsp_active'); 1481 $('#cats').toggleClass('rsp_active'); 1482 e.preventDefault(); 1483 }); 1484 1485 /////////// 1486 // MOBILE VIEWPORT FIX 1487 /////////// 1488 1489 $('head').append('<meta name="viewport" content="width=device-width, initial-scale=1">'); 1490 1491 /////////// 1492 // HIDE AUTO GENERATED <BR>'S WHEN ADDING NEW CONTENT BLOCK 1493 /////////// 1494 1495 $('br[style="clear: both;"]').css( "display", "none" ); 1496 $('br[style="clear:both;"]').css( "display", "none" ); 1497 1498 1499 /////////// 1500 // STRIP HARDCODED IMAGE HEIGHTS AND WIDTHS 1501 /////////// 1502 1503 $('img').each(function(){ 1504 $(this).removeAttr('width') 1505 $(this).removeAttr('height'); 1506 }); 1507 1508 1509 /////////// 1510 // DUPLICATE NAV TO USE FOR SLIDE OUT NAVIGATION 1511 /////////// 1512 1513 $( "#navContainer" ).clone().attr('id', 'slide-navContainer').appendTo( "body" ); 1514 1515 /////////// 1516 // CREATE STICKY NAV 1517 /////////// 1518 $( "#navContainer" ).clone().attr('id', 'sticky-navContainer').appendTo( "body" ); 1519 var stickyTop = $(".header").outerHeight(true) + $("#navContainer").outerHeight(true) + 150; 1520 1521 $(window).scroll(function () { 1522 if ($(window).scrollTop() > stickyTop) { 1523 $('#sticky-navContainer').css('top', '0'); 1524 1525 }else { 1526 $('#sticky-navContainer').css('top', '-120px'); 1527 } 1528 }); 1529 1530 $("#sticky-navContainer").addClass("primaryColorbg"); 1531 $('#sticky-navContainer').each(function(){ 1532 $('#nav', this).wrapAll('<div class="section"></div>') 1533 }); 1534 1535 1536 /////////// 1537 // iOS REMOVE FIXED BG 1538 /////////// 1539 if( /iPhone|iPad|iPod/i.test(navigator.userAgent) ) { 1540 $('html, body, .fullwidthStatic, table, td, div').css('background-attachment', 'scroll'); 1541 } 1542 1543 /////////// 1544 // REMOVE ANY <P> and <BR> TAGS AFTER THE MAP EMBED 1545 /////////// 1546 1547 $('div[id*="webcom-component-map"]').parent().find('p').remove(); 1548 $('div[id*="webcom-component-map"]').parent().find('br').remove(); 1549 1550 /////////// 1551 // RESPONSIVE EMBEDDED VIDEOS 1552 // fluidvids.js v2.4.1 | (c) 2014 @toddmotto | https://github.com/toddmotto/fluidvids 1553 /////////// 1554 1555!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}); 1556 1557 1558 1559 /////////// 1560 // FIX COUPON OVERFLOW 1561 /////////// 1562 $('.wsp_print_btn').parent().parent().addClass('coupon-clear'); 1563 1564 1565 /////////// 1566 // BACKGROUND-COVER IE6-8 SUPPORT 1567 // Library homepage: https://github.com/Metafalica/background-size-emu 1568 /////////// 1569 1570 /////////// 1571 // RESPONSIVE DATA TABLES 1572 /////////// 1573 var sheet = (function() { 1574 // Create the <style> tag 1575 var style = document.createElement("style"); 1576 1577 // Add a media (and/or media query) here if you'd like! 1578 // style.setAttribute("media", "screen") 1579 style.setAttribute("media", "only screen and (max-width : 768px)") 1580 1581 // WebKit hack :( 1582 style.appendChild(document.createTextNode("")); 1583 1584 // Add the <style> element to the page 1585 document.head.appendChild(style); 1586 1587 return style.sheet; 1588 })(); 1589 1590 $('.responsiveTable tr:first').addClass('tableHeader'); 1591 $('.tableHeader td, .tableHeader th').addClass('colHeader'); 1592 $('.responsiveTable').each( function(){ 1593 var i=0; 1594 var tableID = '#' + $(this).attr("id"); 1595 if (tableID == '#undefined'){ 1596 tableID = ''; 1597 } 1598 $(this).find("td").each( function(){ 1599 var heading = $(this).closest('table').find( ".tableHeader .colHeader" ).eq( i ).html(); 1600 if (heading == '' || heading == 'undefined' || !heading){ 1601 heading = $(this).closest('table').find( ".tableHeader .colHeader" ).eq( i ).html(); 1602 } 1603 i++; 1604 sheet.insertRule(tableID + '.responsiveTable td:nth-of-type(' + i + '):before {content: "' + heading + '"; font-weight:bold;}', 0); 1605 }); 1606 }); 1607}); 1608$(window).on("load resize",function(e){ 1609 1610 1611 /////////// 1612 // HEADER TOP PADDING 1613 /////////// 1614 $("#layout .section").first().css("padding-top", ""); 1615 1616 1617 /////////// 1618 // NAV SELECT DROPDOWN 1619 /////////// 1620 1621 1622 $('.primary-webcomMenu li').css("text-indent", "0"); 1623 1624
1625 $("#navContainer #slideout-menu-toggle, #sticky-navContainer #slideout-menu-toggle").remove(); 1626 var width = 0; 1627 var navwidth = $('#styleNav').width(); 1628 navwidth = navwidth-115; 1629 var stickywidth = $('.section').width(); 1630 stickywidth = stickywidth-115; 1631 var toowide = 'no'; 1632 1633 pagewidth = window.innerWidth; 1634 if (pagewidth <= 768){ 1635 toowide = 'yes'; 1636 $( "#navContainer ul:first > li, #sticky-navContainer ul:first > li" ).each(function(){ 1637 $(this).css("display", "none"); 1638 }); 1639 } else { 1640 $( "#navContainer ul:first > li" ).each(function() { 1641 width = width + $(this).outerWidth(true); 1642 if (width < navwidth){ 1643 toowide = 'no'; 1644 $(this).css("display", "block"); 1645 } 1646 if (width > navwidth){ 1647 toowide = 'yes'; 1648 $(this).css("display", "none"); 1649 } 1650 }); 1651 width=0; 1652 $( "#sticky-navContainer ul:first > li" ).each(function() { 1653 width = width + $(this).outerWidth(true); 1654 if (width < stickywidth){ 1655 toowide = 'no'; 1656 $(this).css("display", "block"); 1657 } 1658 if (width > stickywidth){ 1659 toowide = 'yes'; 1660 $(this).css("display", "none"); 1661 } 1662 }); 1663 } 1664 if (toowide == 'yes') { 1665 $('#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>"); 1666 } 1667 1668 /////////// 1669 // SLIDE OUT MENU TOGGLE 1670 /////////// 1671 1672 $("#slideout-menu-toggle, .close").click(function(e){ 1673 var distance = $('#slide-navContainer').css('right'); 1674 1675 if (distance == "auto" || distance == "0px") { 1676 $('#slide-navContainer').animate({"right":"-250px"}, "slow"); 1677 } else { 1678 $('#slide-navContainer').animate({"right":"0px"}, "slow"); 1679 } 1680 1681 e.preventDefault(); 1682 }); 1683}); 1684 1685 1686 1687</SCRIPT>
1687 1688 1689 1690 1691 1692<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*/ 1693.button { 1694 background: #42A5F5; 1695 color: #ffffff; 1696} 1697.buttonInverted { } 1698.buttonGhost { } 1699 1700/*Click to call*/ 1701.click-to-call { } 1702.hide-on-mobile {} 1703 1704/*Primary & Accent Colors Styles*/ 1705.primaryColor {} 1706.primaryColorbg {} 1707.accentColor {} 1708.accentColorbg{} 1709.sectionTitle {} 1710 1711/*Layout Effects*/ 1712.circle { } 1713.roundedcorners { } 1714.fullWidth {} 1715.fullwidthStatic {} 1716.responsiveTable {} 1717 1718 1719 1720.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); } 1721.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); } 1722.grey-outline-15px { outline: 15px solid; outline-offset: -15px; outline-color: rgba(0, 0,0, 0.6); } 1723.circle-red-border-5px { } 1724.circle-blue-border-2px { } 1725 1726.frame { } 1727.polaroid { } 1728.stackedphoto { } 1729.taped-up-skew { } 1730.hvr-stackedphoto { } 1731.hvr-outline-out { } 1732.hvr-float { } 1733.hvr-float-shadow { } 1734.hvr-grow { } 1735.hvr-grow-shadow { } 1736 1737 1738 1739</style> 1740<style id="_template_custom_css" type="text/css">.footercontent ul.adr li { 1741 font-weight: normal; 1742 display: inline; 1743 float: left; 1744 margin: 0 0px 0 5px !important; 1745 padding: 0; 1746} 1747 1748#mob { 1749 display: none; 1750} 1751 1752 1753.header { 1754 height: 5px; 1755} 1756 1757.ctaTitle { 1758 font-family: Muli; 1759 font-size: 45pt; 1760 color: #030573; 1761 font-weight: bold; 1762} 1763.ctaBody { 1764 font-family: Muli; 1765 font-size: 30pt; 1766 color: #030573; 1767 font-weight: bold; 1768} 1769 1770 1771/*TEXT STYLES----------------------------------------------------------------------------------------------*/ 1772/*---------------------------------------------------------------------------------------------------------*/ 1773/*---------------------------------------------------------------------------------------------------------*/ 1774 1775 1776body { 1777 font-size: 1.1em; 1778 line-height: 1.4; 1779 font-family: muli; 1780 color: #052232; 1781 letter-spacing: 1px; 1782} 1783 1784h1 { 1785 font-size: 40pt; 1786 line-height: 1.4pt; 1787 font-family: PlayfairDisplay; 1788 letter-spacing: 1px; 1789 text-shadow: 1px 1px 0px rgba(255,255,255,.7); 1790} 1791 1792h3 { 1793 font-size: 40pt; 1794 line-height: 1.4pt; 1795 font-family: PlayfairDisplay; 1796 letter-spacing: 1px; 1797 text-shadow: 1px 1px 0px rgba(255,255,255,.7); 1798} 1799 1800h2 { 1801 font-size: 30pt; 1802 line-height: 1.4pt; 1803 font-family: PlayfairDisplay; 1804 letter-spacing: 1px; 1805} 1806 1807.kvText1 { 1808 font-size: 40pt; 1809 line-height: 1.2; 1810 font-family: PlayfairDisplay; 1811 color: #030573; 1812 letter-spacing: 1px; 1813} 1814 1815.kvText2 { 1816 font-size: 60pt; 1817 line-height: 1.2; 1818 font-family: PlayfairDisplay;; color: #199118; 1819 letter-spacing: 1px; 1820 font-weight: lighter; 1821} 1822 1823.kvText3 { 1824 font-size: 50pt; 1825 line-height: 1.1; 1826 font-family: PlayfairDisplay; 1827 color: #030573; 1828 letter-spacing: 1px; 1829} 1830 1831.kvText4 { 1832 font-size: 30pt; 1833 line-height: 1.5; 1834 font-family: muli; 1835 color: #030573; 1836 letter-spacing: 0px; 1837} 1838 1839.kvText5 { 1840 font-size: 20pt; 1841 line-height: 1.5; 1842 text-decoration: none; 1843 font-family: PlayfairDisplay; 1844 color: #199118; 1845 letter-spacing: 1px; 1846} 1847 1848.kvText6 { 1849 font-size: 12pt; 1850 line-height: 1.5; 1851 text-decoration: none; 1852 font-family: muli; 1853 color: #199118; 1854 letter-spacing: 1px; 1855} 1856 1857hr { 1858 border: none; 1859 height: 3px; 1860 background: #030573; 1861 1862} 1863 1864@media only screen and (max-width: 1068px) { 1865 .kvText1 { 1866 font-size: 30pt; 1867 line-height: 1.5; 1868 } 1869 .kvText2 { 1870 font-size: 50pt; 1871 line-height: 1.5; 1872 } 1873 .kvText3 { 1874 font-size: 40pt; 1875 line-height: 1.5; 1876 } 1877 .kvText4 { 1878 font-size: 25pt; 1879 line-height: 1.5; 1880 } 1881 .kvText5 { 1882 font-size: 18pt; 1883 line-height: 1.5; 1884 } 1885 .kvText6 { 1886 font-size: 12pt; 1887 line-height: 1.5; 1888 } 1889 body { 1890 font-size: 12pt; 1891 } 1892 h1 { 1893 font-size: 38pt; 1894 line-height: 1.5; 1895 } 1896 h2 { 1897 font-size: 28pt; 1898 line-height: 1.5; 1899 } 1900} 1901 1902@media only screen and (max-width: 768px) { 1903 .kvText1 { 1904 font-size: 30pt; 1905 line-height: 1.5; 1906 } 1907 .kvText2 { 1908 font-size: 40pt; 1909 line-height: 1.5; 1910 } 1911 .kvText3 { 1912 font-size: 30pt; 1913 line-height: 1.5; 1914 } 1915 .kvText4 { 1916 font-size: 20pt; 1917 line-height: 1.5; 1918 } 1919 .kvText5 { 1920 font-size: 18pt; 1921 line-height: 1.5; 1922 } 1923 .kvText6 { 1924 font-size: 12pt; 1925 line-height: 1.5; 1926 } 1927 body { 1928 font-size: 12pt; 1929 } 1930 h1 { 1931 font-size: 30pt; 1932 line-height: 1.5; 1933 } 1934 h2 { 1935 font-size: 20pt; 1936 line-height: 1.5; 1937 } 1938} 1939 1940@media only screen and (max-width: 480px) { 1941 .kvText1 { 1942 font-size: 30pt; 1943 line-height: 1.5; 1944 } 1945 .kvText2 { 1946 font-size: 30pt; 1947 line-height: 1.5; 1948 } 1949 .kvText3 { 1950 font-size: 25pt !important; 1951 line-height: 1.5; 1952 } 1953 .kvText4 { 1954 font-size: 20pt; 1955 line-height: 1.5; 1956 } 1957 .kvText5 { 1958 font-size: 16pt; 1959 line-height: 1.5; 1960 } 1961 .kvText6 { 1962 font-size: 12pt; 1963 line-height: 1.5; 1964 } 1965 body { 1966 font-size: 12pt; 1967 } 1968 h1 { 1969 font-size: 25pt; 1970 line-height: 1.5; 1971 } 1972 h2 { 1973 font-size: 25pt; 1974 line-height: 1.5; 1975 } 1976 #mob { 1977 display: block; 1978 } 1979} 1980 1981/*HEADER---------------------------------------------------------------------------------------------------*/ 1982/*---------------------------------------------------------------------------------------------------------*/ 1983/*---------------------------------------------------------------------------------------------------------*/ 1984 1985 1986 1987 1988 1989/*MOBILE CALL CONTACT BUTTON-------------------------------------------------------------------------------*/ 1990/*---------------------------------------------------------------------------------------------------------*/ 1991/*---------------------------------------------------------------------------------------------------------*/ 1992 1993.mobile { 1994 display: none; 1995} 1996 1997.desktop { 1998 display: block; 1999} 2000 2001 2002/*MKV-------------------------------------------------------------------------------*/ 2003/*---------------------------------------------------------------------------------------------------------*/ 2004/*---------------------------------------------------------------------------------------------------------*/ 2005 2006 2007/*overlay in mobile*/ 2008@media (max-width: 768px) { 2009 .rsp_kvOverlayBG { 2010 background-color: rgba(255,255,255, 0.6) !important; 2011 }} 2012 2013@media (max-width: 768px) { 2014 .whitebg2 { 2015 background-color: rgba(255, 255, 255, 0.8) !important; 2016 }} 2017 2018/*KV SECTION PADDING*/ 2019.rsp_kv.section { 2020 padding-left: 0; 2021 padding-right: 0; 2022 padding-top: 190px; 2023 padding-bottom: 190px; 2024} 2025 2026/*KV SECTION PADDING*/ 2027.rsp_kv.section2 { 2028 padding-left: 0; 2029 padding-right: 0; 2030 padding-top: 250px; 2031 padding-bottom: 250px; 2032} 2033 2034.banner { 2035 padding: 10px 0 !important; 2036} 2037 2038/*NAV------------------------------------------------------------------------------------------------------*/ 2039/*---------------------------------------------------------------------------------------------------------*/ 2040/*---------------------------------------------------------------------------------------------------------*/ 2041 2042/*SLIDE NAV*/ 2043#slide-navContainer { 2044 background-color: #030573!important; 2045} 2046 2047#slide-navContainer > #nav { 2048 background-color: #030573!important; 2049} 2050 2051#slide-navContainer a { 2052 color: #fff; 2053} 2054 2055/*HAMBURGER NAV*/ 2056/* Hamburger Nav Color */ 2057.primaryColorbg.clearfix .hamburger span, .primaryColorbg.clearfix .hamburger span::before, .primaryColorbg.clearfix .hamburger span::after { 2058 background-color: #fff; 2059} 2060 2061/* Sticky Nav Hamburger Color */ 2062#sticky-navContainer.primaryColorbg.clearfix .hamburger span, #sticky-navContainer.primaryColorbg.clearfix .hamburger span::before, #sticky-navContainer.primaryColorbg.clearfix .hamburger span::after { 2063 background-color: #fff; 2064} 2065 2066.primaryColorbg .hamburger div { 2067 border-color: #030573; 2068} 2069 2070/*REGULAR NAV*/ 2071#navContainer { 2072 position: relative; 2073 z-index: 1; 2074 background-color: #030573; 2075 letter-spacing: 1.5px; 2076 font-size: 10.25pt; 2077 text-shadow: 1px 1px 0px rgba(0,0,0,.2); 2078 color: #fff; 2079 box-shadow: 0px 2px 4px 1px rgba(0,0,0,.3); 2080} 2081 2082#navContainer ul.primary-webcomMenu { 2083 font-family: PT Sans; 2084 letter-spacing: 1px; 2085} 2086 2087 2088li.selected.primary-webcomMenuItem { 2089 background: transparent; 2090} 2091 2092.primary-webcomMenu li.selected > a { 2093 font-weight: normal !important; 2094 color: #0bf609 !important; 2095} 2096 2097.primary-webcomMenu a:hover { 2098 text-decoration: none; 2099 color: #0bf609!important; 2100 text-shadow: none!important; 2101} 2102 2103li.primary-webcomMenuItem:hover { 2104 background: transparent; 2105 color: #0bf609 !important; 2106} 2107 2108li.primary-webcomMenuItem { 2109 border-right: 1px solid rgba(255,255,255,.2); 2110} 2111 2112li.primary-webcomMenuItem:first-child { 2113 border-left: 1px solid rgba(255,255,255,.2); 2114} 2115 2116 2117/*STICKY NAV*/ 2118 2119#sticky-navContainer ul.primary-webcomMenu { 2120 display: table; 2121 margin: auto; 2122 background: transparent; 2123 /* Old browsers */ 2124 float: none; 2125 letter-spacing: 1.5px; 2126 font-size: 10.25pt; 2127 color: #fff!important; 2128 background-color: rgba(255,255,255,.0); 2129 letter-spacing: 1px; 2130} 2131 2132#sticky-navContainer .primary-webcomMenu a:hover { 2133 background-color: transparent !important; 2134 color: #fff !important; 2135 border-top: 0px solid #fff; 2136} 2137 2138#sticky-navContainer { 2139 background-color: #030573; 2140 font-family: PT Sans !important; 2141 letter-spacing: 1.5px; 2142 font-size: 10.25pt; 2143 color: #fff; 2144} 2145 2146#sticky-navContainer .primary-webcomMenu li.selected > a { 2147 font-weight: normal !important; 2148 color: #fff !important; 2149} 2150 2151 2152 2153 2154 2155/*CONTENT TEXT TABLE AREAS*/ 2156/*---------------------------------------------------------------------------------------*/ 2157/*---------------------------------------------------------------------------------------*/ 2158/*---------------------------------------------------------------------------------------*/ 2159 2160.li ul { 2161 list-style-image: url 2162 (http: //000kei7.wcomhost.com/files/124766379.png); 2163} 2164 2165.bottomspace { 2166 margin-bottom: 0px !important; 2167} 2168 2169 2170 2171 2172 2173/*--PERFECT TABLE-*/ 2174 2175.perfect td { 2176 padding: 10px !important; 2177} 2178 2179 2180@media (max-width: 768px) { 2181 2182 .perfect { 2183 align: center; 2184 width: 100%; 2185 } 2186 2187 .perfect td { 2188 display: block; 2189 width: 100% !important; 2190 } 2191} 2192 2193/*IMAGES----------------------------------------------------------------------------------*/ 2194/*---------------------------------------------------------------------------------------*/ 2195 2196 2197/*image fade images when hover*/ 2198.imghover:hover { 2199 opacity: 0.7; 2200} 2201 2202/*tiny grow of images when hover*/
2203span.hvr-grow img:hover, span.hvr-grow img:active, span.hvr-grow img:focus { 2204 ms-transform: scale (0.95); 2205 -webkit-transform: scale(0.95); 2206 -moz-transform: scale(0.95); 2207 -o-transform: scale(0.95); 2208} 2209 2210/*image border effects*/ 2211.white-outline > img { 2212 border: 2px solid #199118; 2213} 2214.circle-blue-border-2px > img { 2215 border: 2px solid #030573; 2216} 2217.black-outline > img { 2218 border: 2px solid #fff; 2219} 2220 2221 2222/*GENERIC CODE---------------------------------------------------------------------------------------------*/ 2223/*---------------------------------------------------------------------------------------------------------*/ 2224/*---------------------------------------------------------------------------------------------------------*/ 2225 2226 2227body { 2228 background-color: #fff; 2229 background-position: center; 2230 background-size: cover; 2231 background-attachment: fixed; 2232} 2233 2234 2235/*PRIMARY COLOR*/ 2236.primaryColor, .companyname, h1, h3, a { 2237 color: #030573; 2238} 2239.primaryColorbg, .secondary-webcomMenu { 2240 background: #030573; 2241} 2242.primaryColorbg, #navContainer ul ul:before, .secondary-webcomMenu { 2243 border-color: #030573; 2244} 2245.hamburger div, { 2246 color: #030573; 2247 border-color: #030573; 2248} 2249.hamburger span, .hamburger span:before, .hamburger span:after { 2250 background-color: #030573; 2251} 2252.secondary-webcomMenu li { 2253 border-bottom: 1px solid #030573; 2254} 2255 2256/*PRIMARY COLOR TEXT*/ 2257.primaryColorbg, .primaryColorbg a, .primaryColorbg .hamburger div, 2258 2259.secondary-webcomMenu { 2260 color: #ffffff; 2261} 2262.primaryColorbg .hamburger div { 2263 border-color: #ffffff; 2264} 2265.primaryColorbg .hamburger span, .primaryColorbg .hamburger span:before, 2266 2267.primaryColorbg .hamburger span:after { 2268 background-color: #ffffff; 2269} 2270 2271/*ACCENT COLOR*/ 2272.accentColorbg, .accentButton { 2273 background-color: #fff; 2274} 2275 2276/*ACCENT COLOR TEXT*/ 2277.accentColor, h2, h4, h5, h6, .sectionTitle, .accentColorbg, .accentButton 2278 2279{ 2280 color: #199118; 2281} 2282 2283/*FOOTER------------------*/ 2284 2285.footercontent ul.adr li { 2286 float: none; 2287} 2288 2289#footer span, #footer div, #footer p, .footercontent, #footer font, #footer a, 2290#footer a:hover, #footer a:visited { 2291 font-family: Muli; 2292} 2293 2294#mtx_footer { 2295 background-color: #030573; 2296} 2297#footer span, #footer div, #footer p, .footercontent, #footer font, #footer a, 2298#footer a:hover, #footer a:visited { 2299 color: #fff; 2300} 2301 2302/*BUTTONS--------------------------*/ 2303 2304#layout input.form-element[type="submit"] { 2305 background-color: transparent; 2306 2307 color: #030573!important; 2308 border: 1px solid #030573; 2309 font-size: 10.75pt; 2310 border-radius: 7px; 2311 font-family: muli; 2312 text-transform: uppercase; 2313} 2314 2315#layout input.form-element[type="submit"]:hover { 2316 background-color: transparent; 2317 2318 color: #030573!important; 2319 border: 1px solid #030573; 2320 font-size: 10.75pt; 2321 border-radius: 7px; 2322 font-family: muli; 2323 text-transform: uppercase; 2324} 2325 2326.buttonInverted { 2327 background-color: transparent; 2328 color: #fff; 2329 border: 1px solid #fff; 2330 font-size: 10.75pt; 2331 border-radius: 7px; 2332 font-family: muli; 2333 text-transform: uppercase; 2334} 2335 2336.buttonInverted:hover { 2337 background-color: transparent !important; 2338 color: #fff; 2339 border: 1px solid #fff; 2340 font-family: muli; 2341 border-radius: 7px; 2342 text-transform: uppercase; 2343} 2344 2345.button { 2346 background-color: transparent; 2347 2348 color: #030573!important; 2349 border: 1px solid #030573; 2350 font-size: 10.75pt; 2351 border-radius: 7px; 2352 font-family: muli; 2353 text-transform: uppercase; 2354} 2355 2356.button:hover { 2357 background-color: transparent; 2358 2359 color: #030573!important; 2360 border: 1px solid #030573; 2361 font-size: 10.75pt; 2362 border-radius: 7px; 2363 font-family: muli; 2364 text-transform: uppercase; 2365} 2366 2367 2368/*--- CENTERED NAV---*/ 2369 2370.primary-webcomMenu-offset { 2371 display: table; 2372 margin: 0 auto; 2373} 2374@media only screen and (max-width:768px) { 2375 .primary-webcomMenu-offset { 2376 display: block; 2377 margin: 0; 2378 } 2379} 2380 2381 2382 2383/*ECOMM FIX -----------------------------------------------------------------------------------------------*/ 2384/*---------------------------------------------------------------------------------------------------------*/ 2385/*---------------------------------------------------------------------------------------------------------*/ 2386/*---------------------------------------------------------------------------------------------------------*/ 2387/*---------------------------------------------------------------------------------------------------------*/ 2388/*---------------------------------------------------------------------------------------------------------*/ 2389 2390 2391 2392@media only screen and (max-width: 768px) { 2393 .Header-EcommerceSearch input[type='submit'] { 2394 width: 50% !important; 2395 } 2396 .Header-EcommerceSearch input[type="text"] { 2397 width: 45% !important; 2398 } 2399} 2400 2401.header form { 2402 text-align: center !important; 2403 float: none; 2404} 2405 2406 2407/*BOTTOM CONTACT SECTION ICONS------------------------------------------------------------------------------------*/ 2408/*---------------------------------------------------------------------------------------------------------*/ 2409/*---------------------------------------------------------------------------------------------------------*/ 2410 2411.contact_blk .rsp_content { 2412 padding: 5vh 0 calc(6vh - 1em); 2413} 2414.contact_blk hr.headline, .contact_blk2 hr.headline { 2415 border: 0; 2416 height: 2px; 2417 width: 5%; 2418 margin-top: 2em; 2419 margin-bottom: 2em; 2420} 2421.contact_blk h3, .contact_blk2 h3 { 2422 margin-top: 15px; 2423 font-family: muli; 2424 font-weight: bold; 2425 font-size: 13pt; 2426 color: #030573; 2427 letter-spacing: .025em; 2428} 2429.contact_blk .rsp_content > table.columns > tbody > tr > td, .contact_blk .rsp_content > div > table.columns > tbody > tr > td { 2430 padding: 0; 2431} 2432.hours2 { 2433 font-size: 10pt; 2434} 2435 2436table.columns.four td { 2437 text-align: left !important; 2438} 2439 2440@media (max-width: 768px) { 2441 table.columns.four td { 2442 text-align: center !important; 2443 }} 2444 2445.question { 2446 font-weight: bold; 2447 color: #030573; 2448} 2449 2450.contact_blk img, .contact_blk2 img { 2451 margin-bottom: 0; 2452} 2453 2454marquee img { 2455 width: 150px; 2456 border: solid #3E41BF 3px; 2457} 2458 2459/*DESIGN PADDING MARGINS-----------------------------------------------------------------------------------*/ 2460/*---------------------------------------------------------------------------------------------------------*/ 2461/*---------------------------------------------------------------------------------------------------------*/ 2462 2463.rsp_content { 2464 padding: 11vh 0 calc(11vh - 1em) 2465} 2466.rsp_content.lbw_teaser { 2467 padding-top: 11vh; 2468 padding-bottom: calc(11vh - 1em) 2469} 2470body a,body p { 2471 margin-bottom: 1.5em 2472} 2473p .fullWidth img,p .fullwidth img,p img.fullWidth,p img.fullwidth { 2474 margin-bottom: -1.5em 2475} 2476#nav ul { 2477 max-height: none 2478} 2479.section.section { 2480 margin: auto; 2481 max-width: 1200px 2482} 2483.section .section { 2484 margin: 0!important 2485} 2486#layout .fullWidthColumnImage.section { 2487 margin: 0; 2488 max-width: 100% 2489} 2490.footercontent ul.mtx_buscontact li::after { 2491 display: none 2492} 2493@media only screen and (min-width:961px) { 2494 .fullWidthColumnInfo { 2495 max-width: calc(600px - 4%); 2496 margin-left: 10% 2497 } 2498 .fullWidthColumnInfo[style*='float: left;'] { 2499 margin-left: 0; 2500 margin-right: 10% 2501 }} 2502@media only screen and (max-width:960px) { 2503 .fullWidthColumnInfo { 2504 margin: 5% 2505 } 2506 .designtest1crx .header > .rsp_header.section.section { 2507 padding: 20px; 2508 }} 2509@media only screen and (max-width:1280px) { 2510 .rsp_kv.section { 2511 padding: 17vh 0 calc(17vh - 1em) !important; 2512 } 2513 2514 /* OVERIDES THE .section.section.section */ 2515 .rsp_content { 2516 padding: 11vh 0 calc(11vh - 1em) 2517 } 2518 #layout .section,#sticky-navContainer .section,.section.section { 2519 margin: 0 5% 2520 }} 2521#mtx_copyright { 2522 text-align: center!important 2523} 2524@media only screen and (max-width: 768px) { 2525 .section.section.section { 2526 padding: 11vh 15px calc(11vh - 1em); 2527 }} 2528 2529 2530/* FIXES*/ 2531@media (max-width: 768px) { 2532 .rsp_content > div > table > tbody > tr > td:last-child, .rsp_content > table >tbody > tr > td:last-child { 2533 padding: 0%; 2534 } 2535} 2536 2537table td:not(:last-child) ul { 2538 margin-bottom: 0; 2539} 2540 2541/*call button add p class to mobile or desktop*/ 2542 2543.HPTable img { 2544 margin: 0px; 2545} 2546 2547@media (max-width: 768px) { 2548 .mobile { 2549 display: none; 2550 } 2551 .desktop { 2552 display: block; 2553 } 2554 .HPTable td { 2555 display: block; 2556 width: 100%!important; 2557 } 2558} 2559 2560@media only screen and (max-width: 460px) { 2561 ul.adr { 2562 width: 100%; 2563 } 2564 #footer li.street-address { 2565 display: inline-block; 2566 } 2567 .footercontent ul.adr li.street-address::after { 2568 content: ""; 2569 } 2570 #mtx_footer .footercontent ul.adr li { 2571 float: none; 2572 margin: 0 auto; 2573 padding: 3px; 2574 } 2575} 2576 2577 2578 2579@media only screen and (max-width: 768px) { 2580 .ctaTitle { 2581 font-family: Muli; 2582 font-size: 22pt; 2583 color: #000017; 2584 } 2585 .ctaBody { 2586 font-family: Muli; 2587 font-size: 16pt; 2588 color: #000017; 2589 } 2590 2591} 2592</style>
2593<script>window['matrixMiscInfo'] = {}</script>
2593 2594
2595<script> 2596window['matrixMiscInfo'].partnerId = 'wdc_difm'; 2597window['matrixMiscInfo'].isPublish = true 2598</script>
2598 2599
2600<script language="JavaScript" type="text/javascript" src="scripts/browserBehavior.js"></script>
2600 2601
2602<script language="JavaScript" type="text/javascript" src="scripts/utils.js"></script>
2602 2603
2604<script language="JavaScript" type="text/javascript" src="//assets.myregisteredsite.com/javascript/com/web/useragent/shared.js"></script>
2604 2605
2606<script language="JavaScript" type="text/javascript" src="scripts/navigation.js"></script>
2606 2607 2608<link rel='StyleSheet' type='text/css' href='//assets.myregisteredsite.com/css/uaDefaultStylesReset.css' > 2609
2610<script language="JavaScript" type="text/javascript" src="scripts/popup.js"></script>
2610 2611
2612<script language="JavaScript" type="text/javascript">var wsp_htmlref_blank='scripts/blank.html';</script>
2612 2613<style type='text/css' media='print'></style>
2613<script type='text/javascript' src='//assets.myregisteredsite.com/javascript/com/web/ResourceLoader.js'></script>
vendor: 1 bytes, line 2613
2613
2614<script type='text/javascript'> 2615WebCom.ResourceLoader.setShared(true); 2616WebCom.ResourceLoader.setSecure(false); 2617WebCom.ResourceLoader.loadLib('com.jquery', '', true); 2618WebCom.ResourceLoader.loadLib('com.web.components.navigation', '1.1', true); 2619WebCom.ResourceLoader.loadLib('com.web.core', '', true); 2620WebCom.ResourceLoader.loadLib('com.web.components.footercontact', '1.0', true); 2621</script>
vendor: 1 bytes, line 2621
2621
2622<script type='text/javascript'>WebCom.ResourceLoader.flushResourcesQueue();</script>
vendor: 1 bytes, line 2622
2622
2623<script type="text/javascript" language="JavaScript"> 2624<!-- 2625jQuery(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"}}}});}); 2626// --> 2627</script>
2627</HEAD> 2628<BODY> 2629<DIV class="box designtest1crx"> 2630<DIV id="globaltext" class="rsp_kvglobaltext"><div align="left"><TABLE style="width: 100%;" class="HPTable" height="187"> 2631<TBODY> 2632<TR> 2633<TD style="width: 30%; text-align: center;"><a href="/" target="_self"><img width="200" title="Escobar Insurance Agency" assetid="127268010" src="image/127268010.png" height="141" border="0" alt="Escobar Insurance Agency" selectedfileurl="files/127268010.png" mce_src="/matrix/servlet/ShowAsset;jsessionid=BBE2F65F9B6F98D3F55B8332C03B3AD4?id=127268010&_dt=1522073048317"></a></TD> 2634<TD style="width: 55%; vertical-align: middle; text-align: center;"> 2635<H3><SPAN style="font-family: Muli;"><STRONG><SPAN style="font-size: 36pt;">Escobar Insurance Agency</SPAN></STRONG></SPAN></H3> 2636<H1><EM><SPAN class="wspSnippet" title="snippetName_1526403942715" data-title="snippetName_1526403942715">
2637<SCRIPT language="javascript" type="text/javascript">// <![CDATA[ 2638function 2639getDriveCode() {return 'ABC12'} 2640// ]]></SCRIPT>
2640 2641</SPAN></EM></H1> 2642<P><SPAN style="font-family: Muli;" class="primaryColor"><STRONG><SPAN style="font-size: 12pt;">YOUR LOCAL INDEPENDENT INSURANCE AGENCY</SPAN><SPAN style="font-size: 12pt;"> </SPAN><SPAN style="font-size: 12pt;"><BR></SPAN></STRONG><SPAN style="font-size: 12pt;" class="accentColor">AUTO - HOME - BUSINESS - LIFE</SPAN></SPAN></P> 2643</TD> 2644<TD style="width: 30%;"> 2645<P style="text-align: center;"><SPAN class="kvText5 click-to-call" style="font-family: Muli; color: #000080;"><SPAN></SPAN><BR><A style="text-decoration: none;" href="tel:+13016200950">(301) 620-0950</A></SPAN></P> 2646<P style="text-align: center;"><SPAN style="font-family: Montserrat;"><a href="/" target="_self" class="button">English</a> <a href="pagina-principal.html" target="_self" class="button">Español</a></SPAN></P> 2647<P style="text-align: center;"><A href="https://www.facebook.com/escobarinsurance/" target="_blank"><img width="32" title="Facebook" assetid="127263972" src="image/127263972.png" height="32" border="0" alt="Facebook" selectedfileurl="files/127263972.x-png" mce_src="/matrix/servlet/ShowAsset;jsessionid=DBE0B55920F338931492F2EF72254670?id=127263972&_dt=1782505992677"></A> <A href="https://www.instagram.com/escobar_insurance_agency/" target="_blank"><img width="32" title="Instagram" assetid="139080366" src="image/139080366.png" height="32" border="0" alt="Instagram" selectedfileurl="files/139080366.png" mce_src="/matrix/servlet/ShowAsset;jsessionid=36273C12494CF17E7E735720F3F77735?id=139080366&_dt=1694787185529"></A> <A href="https://share.google/SqONX9g999no8HD8E" target="_blank"><img width="56" title="Google Reviews" assetid="142410460" src="image/142410460.png" height="32" border="0" alt="Google Reviews" selectedfileurl="files/142410460.png" mce_src="/matrix/servlet/ShowAsset;jsessionid=DBE0B55920F338931492F2EF72254670?id=142410460&_dt=1782506214623"></A></P> 2648</TD> 2649</TR> 2650</TBODY> 2651</TABLE></div></DIV> 2652<DIV class="header"> 2653 <DIV class="section rsp_header Header-EcommerceSearch"> 2654 <TABLE width="100%" cellpadding="0" cellspacing="0"> 2655 <TBODY> 2656 <TR> 2657 <TD width="50%"> 2658 <DIV id="companyname"><div><P><SPAN class="wspSnippet" title="snippetName_1526404496092" data-title="snippetName_1526404496092">
2659<SCRIPT language="javascript" type="text/javascript">// <![CDATA[ 2660function 2661getDriveCode() {return 'ABC12'} 2662// ]]></SCRIPT>
vendor: 1 bytes, line 2662
2662
2663<SCRIPT language="javascript" type="text/javascript" src="https://www.progressive.com/js/core/agentbanners/ba nner_util.js"></SCRIPT>
2663 2664</SPAN></P></div></DIV> 2665 </TD> 2666 <TD width="50%"> 2667 <DIV id="companyslogan"></DIV> 2668 </TD> 2669 </TR> 2670 </TBODY></TABLE> 2671 </DIV> 2672</DIV> 2673<DIV id="navContainer" class="primaryColorbg clearfix"> 2674<A href="#" class="close"><SPAN></SPAN></A> 2675 <DIV id="nav"> 2676 <DIV class="section"> 2677 2678<!-- css nav --> 2679<div id="styleNav"><ul class="primary-webcomMenu"><li><a href="/">Home</a></li><li><a href="insurance.html">Insurance Services</a></li><li class="selected"><a href="tag-and-title-services.html">Tag & Title Services</a></li><li><a href="insurance-companies.html">About Us & Insurance Companies</a></li><li><a href="get-a-quote.html">Get A Quote</a></li><li><a href="contact.html">Contact</a></li></ul></div>
2679<script type="text/javascript" language="JavaScript"> 2680<!-- 2681document.getElementById('styleNav').style.visibility ='hidden'; 2682// --> 2683</script>
2683 2684<!-- css nav --> 2685 2686 </DIV> 2687 </DIV> 2688</DIV> 2689 2690 <DIV class="section-container clearfix"> 2691 <DIV id="layout"><!-- home_5_im_none --> 2692<table cellpadding="0" cellspacing="0" width="100%" border="0"> 2693 <tr> 2694 <td> 2695 2696 <table border="0" cellpadding="0" cellspacing="0" width="100%" > 2697 <tr> 2698 <td></td> 2699 </tr> 2700 </TABLE> 2701 <!-- ADD CUSTOM BLOCK --> 2702 <div align="left" > 2703<table border="0" cellpadding="0" cellspacing="0" width="100%" > 2704 <tr> 2705 <td align="center" valign="top" > 2706 <div align="left"><table cellspacing="0" width="100%" class="fullwidth" style="background-image: url(files/127267776.jpg)" cellpadding="0"> 2707<TBODY> 2708<TR> 2709<TD style="background-color: rgba(255,255,255, 0.9);" align="center"><SPAN class="kvText3"> <BR></SPAN> 2710<DIV class="section KV-Subpage-Text-Left rsp_kvSubpage"> 2711<H1 style="text-align: center;"><SPAN style="font-family: Muli; font-size: 36pt;">MVA Express Tag & Title Services </SPAN></H1> 2712<P><SPAN class="primaryColor" style="font-family: Muli;"><EM><SPAN style="font-size: 18pt;">Same Day Services Available, No Appointments Required!</SPAN></EM></SPAN></P> 2713</DIV> 2714</TD> 2715</TR> 2716</TBODY> 2717</table></div></td> 2718 </tr> 2719</table> 2720</div><br style="clear:both;"><div align="left" > 2721<table border="0" cellpadding="0" cellspacing="0" width="100%" > 2722 <tr> 2723 <td align="center" valign="top" > 2724 <div align="left"><STYLE><!-- 2725td.img img { 2726 max-width: 325px; 2727 } 2728--></STYLE><TABLE cellpadding="0" cellspacing="0" style="width: 100%;"> 2729<TBODY> 2730<TR> 2731<TD align="center"> 2732<DIV class="rsp_content section Content-1Column-Text"> 2733<TABLE cellpadding="5" cellspacing="5" style="width: 100%;"> 2734<TBODY> 2735<TR> 2736<TD style="margin-bottom: 20px;"> 2737<P><SPAN style="font-family: Montserrat;">Dealing with the MVA is a frustrating and time consuming ordeal but it doesn't have to be that way. At Escobar Insurance we offer a friendlier and faster alternative. Depend on us to process your tag & title needs quicker than your ever experienced. We're known for serving our clients over the counter in less than fifteen mintues and time saved is money saved!</SPAN></P> 2738<P><SPAN style="font-family: Montserrat;">We offer the following same day tag & title services:</SPAN></P> 2739<UL> 2740<LI><SPAN style="font-size: 12pt; font-family: Montserrat;"><STRONG>Permanent Tag Registrations (vehicles and trailers must be <A href="https://egov.maryland.gov/msp/msis/Lookup#!/inspection" target="_self">Maryland State Safety Inspected</A> by a licensed mechanic)</STRONG></SPAN></LI> 2741<LI><SPAN style="font-size: 12pt; font-family: Montserrat;"><STRONG>30-Day Temporary Tags</STRONG></SPAN></LI> 2742<LI><SPAN style="font-size: 12pt; font-family: Montserrat;"><STRONG>Tag Transfers</STRONG></SPAN></LI> 2743<LI><SPAN style="font-size: 12pt; font-family: Montserrat;"><STRONG>Sticker Renewals (1,2, or 3 year renewals available)</STRONG></SPAN></LI> 2744<LI><SPAN style="font-size: 12pt; font-family: Montserrat;"><STRONG>Duplicate Titles* & Registrations</STRONG></SPAN></LI> 2745<LI><SPAN style="font-size: 12pt; font-family: Montserrat;"><STRONG>Substitute Tags</STRONG></SPAN></LI> 2746<LI><SPAN style="font-size: 12pt; font-family: Montserrat;"><STRONG>In-transit tags for out of state customers</STRONG></SPAN></LI> 2747<LI><SPAN style="font-size: 12pt; font-family: Montserrat;"><STRONG>Tag Returns</STRONG></SPAN></LI> 2748<LI><SPAN style="font-size: 12pt; font-family: Montserrat;"><STRONG>MVA Change of Address</STRONG></SPAN></LI> 2749<LI><SPAN style="font-size: 12pt; font-family: Montserrat;"><STRONG>VEIP Extensions (Emissions test)</STRONG></SPAN></LI> 2750<LI><SPAN style="font-size: 12pt; font-family: Montserrat;"><STRONG>MVA Administrative Flag Removals</STRONG></SPAN></LI> 2751<LI><SPAN style="font-size: 12pt; font-family: Montserrat;"><STRONG>Notary Public On Site</STRONG></SPAN></LI> 2752<LI><SPAN style="font-size: 12pt; font-family: Montserrat;"><STRONG>Delivery Services Available</STRONG></SPAN></LI> 2753</UL> 2754</TD> 2755<TD style="width: 200px; margin-bottom: 20px;"> 2756<P> </P> 2757</TD> 2758<TD class="img"><img width="486" title="Crab" assetid="142461877" src="image/142461877.jpg" height="405" border="0" alt="Crab" selectedfileurl="files/142461877.jpg" mce_src="/matrix/servlet/ShowAsset;jsessionid=70822731E6E0A2184C383C4428B6B8FB?id=142461877&_dt=1786738481148"> <img width="486" title="Maryland MD Proud" assetid="142580145" src="image/142580145.jpg" height="251" border="0" alt="Maryland MD Proud" selectedfileurl="files/142580145.jpg" mce_src="/matrix/servlet/ShowAsset;jsessionid=70822731E6E0A2184C383C4428B6B8FB?id=142580145&_dt=1786738890372"><img width="486" title="Maryland Sample" assetid="142580144" src="image/142580144.jpg" height="251" border="0" alt="Maryland Sample" selectedfileurl="files/142580144.jpg" mce_src="/matrix/servlet/ShowAsset;jsessionid=70822731E6E0A2184C383C4428B6B8FB?id=142580144&_dt=1786738890372"><img width="486" title="Maryland Protect" assetid="142461879" src="image/142461879.jpg" height="251" border="0" alt="Maryland Protect" selectedfileurl="files/142461879.jpg" mce_src="/matrix/servlet/ShowAsset;jsessionid=70822731E6E0A2184C383C4428B6B8FB?id=142461879&_dt=1786738899875"></TD> 2759</TR> 2760</TBODY> 2761</TABLE>
2761 2762<P style="text-align: left;"></P> 2763<P style="text-align: left;"><SPAN style="font-family: Montserrat;">Some restrictions may apply on same day services (<A href="https://mva.maryland.gov/title-registration/title-vehicle/salvaged-vehicles" target="_self">Salvage or Rebuilt/Reconstructed</A> title transactions may require additional days for processing)</SPAN></P> 2764<P style="text-align: left;"><SPAN style="font-family: Montserrat;">*In most instances we can obtain a duplicate title within 2-3 business days (please call us for more information)</SPAN></P> 2765<P style="text-align: left;"><SPAN style="font-family: Montserrat;">Please note: All credit/debit card transactions for tag & title services will include a 3% electronic processing fee.</SPAN></P> 2766<P style="text-align: left;"><SPAN style="font-family: Montserrat;">For more information regarding the Maryland Motor Vehicle Administration, please visit their <A href="http://www.mva.maryland.gov/" target="_blank">website</A>.</SPAN></P> 2767<H2 style="text-align: left;"><SPAN style="font-family: Muli;">A Note About Insurance</SPAN></H2> 2768<P style="text-align: left;"><SPAN style="font-family: Montserrat;">When registering a vehicle in the state of Maryland, all drivers are required by law to carry a certain amount of liability coverage as compensation to other parties when a driver causes an accident. The state minimum limits are:</SPAN></P> 2769<P style="text-align: left;"><SPAN style="font-family: Montserrat;">• $30,000 for Bodily Injury per person</SPAN><BR><SPAN style="font-family: Montserrat;">• $60,000 for Bodily Injury per accident</SPAN><BR><SPAN style="font-family: Montserrat;">• $15,000 for Property Damage</SPAN></P> 2770<P style="text-align: left;"><SPAN style="font-family: Montserrat;">Failure to adequately insure a vehicle will result in a MVA uninsured motorist fine at a rate of $200 for the first 30 days and an increased amount of $7 each day thereafter until the insurance is replaced or the registration plates are returned. The uninsured motorist penalty is assessed per vehicle. Dont let this happen you!</SPAN></P> 2771</DIV> 2772</TD> 2773</TR> 2774</TBODY> 2775</TABLE></div></td> 2776 </tr> 2777</table> 2778</div><br style="clear:both;"> 2779 <!-- ADD CUSTOM BLOCK END --> 2780 </tr> 2781</table> 2782<!-- END-OF home_5_im_none --> 2783</DIV> 2784 </DIV> 2785 <DIV id="globaltext4" class="rsp_abovefooterglobaltext"></DIV> 2786 <DIV id="mtx_footer" class="clearfix"> 2787 <DIV id="footer"> 2788<!-- FOOTER BLOCK --> 2789<div align="center" > 2790<table border="0" cellpadding="0" cellspacing="0" width="100%" > 2791 <tr> 2792 <td align="left" valign="top" > 2793 <div itemscope id="footer_-58_9477949" class="footercontent" itemtype="https://schema.org/LocalBusiness" ><div class="vcard"><p class="businessname fn org" itemprop="name"><b>Escobar Insurance Agency</b></p><!--Navigation Links--><ul class="mtx_footnav"><li><a href="/">Home</a><li><a href="insurance.html">Insurance Services</a><li><a href="tag-and-title-services.html">Tag & Title Services</a><li><a href="insurance-companies.html">About Us & Insurance Companies</a><li><a href="get-a-quote.html">Get A Quote</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">45 Waverley Dr Suite I. Frederick MD 21702<br/><!--SA1--> 2794 1136 Opal Ct. Hagerstown MD 21740</li><!--SA2--> 2795 <li class="region" itemprop="addressRegion"></li> <li class="postal-code" itemprop="postalCode"></li></ul><!--Business Contact--><ul class="mtx_buscontact"><li><span class="type">Phone:</span> <span class="value"><a href="tel:+13016200950">(301) 620-0950</a> </span></li></ul></div></div></td> 2796 </tr> 2797</table> 2798</div><!--WSP_COPYRIGHT--><div id="mtx_copyright" style="width:100%;text-align:center;font-size:11px;font-family:Arial">Copyright © <span id="copyrightyear">2013</span> <a href="//www.web.com">Web Page Design</a> by Web.com Group, Inc.</div>
2798<script type="text/javascript" src="//assets.myregisteredsite.com/javascript/copyright/webcom_copyright_kw.js"></script>
2798<!--/WSP_COPYRIGHT--> 2799 2800<!-- END-OF FOOTER BLOCK --> 2801</DIV> 2802 <DIV class="clearfix"></DIV> 2803 <DIV id="globaltext3" class="rsp_bottomfooterglobaltext"></DIV> 2804 </DIV> 2805 </DIV> 2806 2807 2808<!--WSP_SC-->
2809<script type="text/javascript"> 2810<!-- 2811document.write('<'+'img src="//scorecard.wspisp.net/logger.php'+'?tag=dW5waWQ6MjEzNTA3Mjc7d2RjX2RpZm0%3D&ref='+document.referrer+'&x='+Math.random()+'" '+'width="1" height="1" alt="" '+'>'); 2812//--> 2813</script>
2813 2814<noscript><img src="//scorecard.wspisp.net/logger.php?tag=dW5waWQ6MjEzNTA3Mjc7d2RjX2RpZm0%3D" width="1" height="1" alt=""></noscript> 2815<!--/WSP_SC-->
2816<script language="JavaScript" type="text/javascript">WebCom.ResourceLoader.flushResourcesQueue();</script>
2816<script language="JavaScript" type="text/javascript">WebCom.ComponentLoader.flushQueue();</script>
2816</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.