1 2<!DOCTYPE html> 3<html lang="en"> 4<head> 5<meta charset="utf-8"> 6<meta http-equiv="X-UA-Compatible" content="IE=edge"> 7<meta name="viewport" content="width=device-width, initial-scale=1.0"> 8<meta name="robots" content="noindex, noimageindex"> 9<link rel="preconnect" href="https://code.jquery.com" crossorigin> 10<link rel="preconnect" href="https://ajax.googleapis.com" crossorigin> 11<link rel="preconnect" href="https://stackpath.bootstrapcdn.com" crossorigin> 12<link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin> 13<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 14<title>Hammer Yachts | Next-Gen Power Catamarans: Fast, Stable & Fuel Efficient</title> 15<meta name="description" content="Discover Hammer Yachtsâ advanced power catamarans. Enjoy a softer ride, superior stability, and fuel efficiency. Experience the HammerCat difference."> 16<meta property="og:title" content="Hammer Yachts | Next-Gen Power Catamarans: Fast, Stable & Fuel Efficient"> 17<meta property="og:description" content="Discover Hammer Yachtsâ advanced power catamarans. Enjoy a softer ride, superior stability, and fuel efficiency. Experience the HammerCat difference."> 18<meta property="og:url" content="https://hammeryachts.com/"> 19<meta property="og:type" content="website"> 20<meta property="og:site_name" content="hammeryachts.com"> 21<meta property="og:image" content="https://hammeryachts.com/userfiles/2731/images/hh35-1.jpg"> 22<meta name="twitter:card" content="summary_large_image"> 23<meta name="twitter:title" content="Hammer Yachts | Next-Gen Power Catamarans: Fast, Stable & Fuel Efficient"> 24<meta name="twitter:description" content="Discover Hammer Yachtsâ advanced power catamarans. Enjoy a softer ride, superior stability, and fuel efficiency. Experience the HammerCat difference."> 25<meta name="twitter:image" content="https://hammeryachts.com/userfiles/2731/images/hh35-1.jpg"> 26<meta name="author" content="Omnia Business Systems"> 27<link rel="shortcut icon" href="/userfiles/2731/fav.png"> 28<!-- omsPerf lite=1 eagerMaps=0 deferBs=0 hover=0 hamb=0 par=0 mas=0 | edit=0 page=1 tpl=_blank.cfm plain=1 incl=0 detail=0 jqui=0 fpjs=0 maps=0 forced=0 --> 29<!-- Modified Bootstrap CSS --> 30<link href="/sass/src/css/2731.css?t=1783472651" rel="stylesheet"> 31<!-- Google Fonts CSS --> 32<link href="//fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap" rel="stylesheet" type="text/css"> 33<link href="//fonts.googleapis.com/css?family=Montserrat:400,700&display=swap" rel="stylesheet" type="text/css"> 34<link href="/css/omnia.css?v=1727825914" rel="stylesheet">
35<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
vendor: 1 bytes, line 35
35
36<script defer src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"></script>
vendor: 1 bytes, line 36
36
37<script defer src="/js/omsBsRestore.js?v=1789679629"></script>
37 38<link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/themes/base/jquery-ui.css" rel="stylesheet" media="print" onload="this.media='all'">
39<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 39
39
40<script>window.omsBsPlugins={tooltip:jQuery.fn.tooltip,button:jQuery.fn.button};</script>
vendor: 1 bytes, line 40
40
41<script src="//cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
vendor: 1 bytes, line 41
41
42<script>window.omsMapsSrc="https://maps.googleapis.com/maps/api/js?key=AIzaSyApFqMwkWdCNgafvf2aWGop2NoJxYJORr8&libraries=places";</script>
42 43<style> 44.signedIn{display:none!important} 45.signedOut{display:block!important} 46</style> 47<style id="additionalStylesInline"> 48/* GLOBAL */ 49/* ==== */ 50html { 51scroll-behavior: smooth; 52} 53#savecontent { 54margin-top: -2px; 55} 56.anchor { 57scroll-margin-top: 150px; 58} 59h1, 60h2, 61h3, 62h4, 63h5, 64h6, 65.h1, 66.h2, 67.h3, 68.h4, 69.h5, 70.h6 { 71color: inherit; 72} 73h1, 74.h1 { 75font-size: clamp(35px, 4.4vw, 46px); 76} 77h1.mega, 78.h1.mega { 79font-size: clamp(36px, 4.7vw, 70px); 80} 81h1.ultra, 82.h1.ultra { 83font-size: clamp(37px, 5.3vw, 95px); 84} 85h2, 86.h2 { 87font-size: clamp(32px, 4vw, 42px); 88} 89h3, 90.h3 { 91font-size: clamp(29px, 3.6vw, 37px); 92} 93h4, 94.h4 { 95font-size: clamp(26px, 3.2vw, 32px); 96} 97h5, 98.h5 { 99font-size: clamp(23px, 2.8vw, 27px); 100} 101h6, 102.h6 { 103font-size: clamp(20px, 2.4vw, 22px); 104} 105body { 106font-size: clamp(15px, 2vw, 18px); 107} 108.btn { 109white-space: normal; 110} 111a:hover img, 112a.bg-img:hover a.bg-image:hover { 113opacity: .85; 114} 115#savecontent img { 116max-width: 100% !important; 117height: auto !important; 118} 119.rightfloat { 120float: right; 121margin: 0 0 .5rem 1rem; 122width: 40%; 123} 124@media (max-width: 767px) { 125.rightfloat { 126float: none; 127margin: 0 0 1rem 0; 128width: 100%; 129} 130} 131.btn-primary { 132color: white !important; 133} 134.round { 135border-radius: 12px; 136} 137.carousel-control-next-icon, 138.carousel-control-prev-icon { 139background-color: rgba(0, 0, 0, 0.9); 140padding: 1rem; 141background-size: 20px; 142} 143@media(min-width: 1600px) { 144.container { 145max-width: 1300px; 146} 147} 148@media(min-width: 1600px) { 149.container.container-wide { 150width: 1500px !important; 151max-width: 1500px !important; 152} 153} 154.product-image { 155background-size: cover !important; 156min-height: auto !important; 157padding-bottom: 75%; 158} 159#savecontent form label { 160font-weight: bold; 161} 162#savecontent form .checkbox-group label, 163#savecontent form .radio-group label { 164font-weight: normal; 165} 166.formbuilder-required { 167color: red; 168} 169.text-right.addToCart { 170text-align: left !important; 171} 172.blog-detail-page { 173background: var(--light); 174} 175.blog-detail-page .blog { 176border-radius: 12px; 177padding: 1.5rem; 178background: white; 179box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2); 180} 181.blog-detail-page .blog h4 { 182margin-top: 1rem; 183} 184form li p { 185margin-bottom: 0; 186} 187form label { 188font-weight: bold; 189} 190form .checkbox-group label, 191form .radio-group label { 192font-weight: normal; 193} 194.formbuilder-checkbox, 195.formbuilder-radio { 196margin-bottom: 4px; 197} 198/* ==== HammerCat Home ==== */ 199/* All content headings share the display serif; header and footer live 200outside #savecontent so they keep the theme sans */ 201#savecontent h1, 202#savecontent h2, 203#savecontent h3, 204#savecontent h4, 205#savecontent h5, 206#savecontent h6, 207#savecontent .h1, 208#savecontent .h2, 209#savecontent .h3, 210#savecontent .h4, 211#savecontent .h5, 212#savecontent .h6 { 213font-family: Georgia, "Playfair Display", "Times New Roman", serif; 214} 215/* Shared elegant bits (reusable on interior pages) */ 216.hc-eyebrow { 217display: inline-flex; 218align-items: center; 219font-size: .72rem; 220letter-spacing: .32em; 221text-transform: uppercase; 222font-weight: 600; 223color: var(--primary-alt); 224margin-bottom: 1.1rem; 225} 226.hc-eyebrow::before { 227content: ""; 228display: inline-block; 229width: 36px; 230height: 1px; 231background: var(--primary-alt); 232margin-right: 14px; 233} 234.hc-eyebrow-c::after { 235content: ""; 236display: inline-block; 237width: 36px; 238height: 1px; 239background: var(--primary-alt); 240margin-left: 14px; 241} 242.hc-display { 243font-family: Georgia, "Playfair Display", "Times New Roman", serif; 244font-weight: 400; 245line-height: 1.15; 246letter-spacing: -.01em; 247margin-bottom: 1.1rem; 248} 249.hc-display em { 250font-style: italic; 251color: var(--primary-alt); 252} 253.hc-lead { 254font-size: 1.12rem; 255line-height: 1.7; 256font-weight: 300; 257} 258.hc-lead-c { 259max-width: 720px; 260margin-left: auto; 261margin-right: auto; 262}
263/* Hero carousel: height is fixed by CSS so caption length never changes it */ 264#hc-hero .carousel-item { 265height: 74vh; 266min-height: 480px; 267max-height: 800px; 268overflow: hidden; 269} 270@supports (height: 1svh) { 271#hc-hero .carousel-item { 272height: 74svh; 273} 274} 275@media(min-width: 1200px){ 276#hc-hero .carousel-item { 277height: 80vh; 278} 279} 280#hc-hero .hc-hero-img, 281#savecontent #hc-hero .hc-hero-img { 282width: 100%; 283height: 100% !important; 284object-fit: cover; 285object-position: center; 286} 287#hc-hero .hc-hero-overlay { 288position: absolute; 289top: 0; 290right: 0; 291bottom: 0; 292left: 0; 293display: flex; 294align-items: center; 295background: 296linear-gradient(0deg, rgba(7, 13, 20, .38), rgba(7, 13, 20, 0) 32%), 297linear-gradient(90deg, rgba(7, 13, 20, .66) 0%, rgba(7, 13, 20, .34) 46%, rgba(7, 13, 20, 0) 78%); 298} 299#hc-hero .hc-hero-caption { 300max-width: 640px; 301} 302#hc-hero .hc-hero-kicker { 303display: inline-flex; 304align-items: center; 305color: rgba(255, 255, 255, .78); 306font-size: .72rem; 307letter-spacing: .32em; 308text-transform: uppercase; 309font-weight: 600; 310margin-bottom: 1rem; 311} 312#hc-hero .hc-hero-kicker::before { 313content: ""; 314display: inline-block; 315width: 34px; 316height: 1px; 317background: var(--primary-alt); 318margin-right: 14px; 319} 320#hc-hero .hc-hero-title { 321font-family: Georgia, "Playfair Display", "Times New Roman", serif; 322font-weight: 400; 323font-size: clamp(34px, 5vw, 56px); 324line-height: 1.12; 325margin-bottom: 1.25rem; 326text-shadow: 0 2px 18px rgba(0, 0, 0, .35); 327} 328#hc-hero .hc-hero-list { 329margin-bottom: 1.75rem; 330} 331#hc-hero .hc-hero-list li { 332font-size: clamp(16px, 2.1vw, 19px); 333letter-spacing: .01em; 334padding: .3rem 0; 335text-shadow: 0 1px 10px rgba(0, 0, 0, .45); 336} 337#hc-hero .hc-hero-list i { 338color: var(--primary-alt); 339margin-right: .55rem; 340} 341#hc-hero .hc-hero-btn { 342letter-spacing: .06em; 343padding-left: 1.4rem; 344padding-right: 1.4rem; 345} 346#hc-hero .carousel-indicators li { 347width: 9px; 348height: 9px; 349border-radius: 50%; 350border: 0; 351opacity: .5; 352} 353#hc-hero .carousel-indicators .active { 354opacity: 1; 355} 356@media (max-width: 767px) { 357#hc-hero .carousel-control-prev, 358#hc-hero .carousel-control-next { 359display: none; 360} 361} 362@media (max-width: 575px) { 363#hc-hero .carousel-item { 364height: 62vh; 365height: 62svh; 366min-height: 430px; 367max-height: 620px; 368} 369#hc-hero .hc-hero-kicker { 370display: none; 371} 372} 373/* Intro */ 374.hc-stats { 375display: flex; 376margin: 1.75rem 0; 377padding: 1.1rem 0; 378border-top: 1px solid rgba(0, 0, 0, .15); 379border-bottom: 1px solid rgba(0, 0, 0, .15); 380} 381.hc-stat { 382flex: 1 1 0; 383min-width: 0; 384text-align: center; 385padding: 0 .5rem; 386} 387.hc-stat + .hc-stat { 388border-left: 1px solid rgba(0, 0, 0, .15); 389} 390.hc-stat-num { 391display: block; 392font-family: Georgia, "Playfair Display", "Times New Roman", serif; 393font-size: clamp(24px, 3vw, 34px); 394line-height: 1.1; 395color: var(--primary); 396} 397.hc-stat-label { 398display: block; 399font-size: .68rem; 400letter-spacing: .18em; 401text-transform: uppercase; 402margin-top: .35rem; 403} 404@media (max-width: 575px) { 405.hc-stat { 406padding: 0 .35rem; 407} 408.hc-stat-label { 409font-size: .6rem; 410letter-spacing: .1em; 411} 412} 413.hc-intro-btns .btn { 414margin: 0 .75rem .5rem 0; 415} 416.hc-intro-img { 417box-shadow: 0 18px 44px rgba(10, 20, 30, .16); 418} 419/* Gallery tiles (clickable: hover = shadow + color only, no lift, no zoom) */ 420.hc-gal-tile { 421display: block; 422background: #fff; 423color: #212529; 424overflow: hidden; 425box-shadow: 0 1px 3px rgba(10, 20, 30, .08); 426transition: box-shadow .25s ease; 427text-decoration: none; 428} 429.hc-gal-tile:hover, 430.hc-gal-tile:focus { 431color: #212529; 432text-decoration: none; 433box-shadow: 0 14px 34px rgba(10, 20, 30, .16); 434} 435.hc-gal-img { 436position: relative; 437overflow: hidden; 438padding-bottom: 62%; 439} 440.hc-gal-img img, 441#savecontent .hc-gal-img img { 442position: absolute; 443top: 0; 444left: 0; 445width: 100%; 446height: 100% !important; 447object-fit: cover; 448} 449.hc-gal-body { 450padding: 1.15rem 1.25rem 1.3rem; 451} 452.hc-gal-title { 453margin-bottom: .3rem;
454font-weight: 400; 455transition: color .25s ease; 456} 457.hc-gal-tile:hover .hc-gal-title { 458color: var(--primary); 459} 460.hc-gal-desc { 461font-size: .95rem; 462line-height: 1.55; 463} 464.hc-gal-cta { 465margin-top: .9rem; 466font-size: .72rem; 467letter-spacing: .22em; 468text-transform: uppercase; 469font-weight: 600; 470color: var(--primary-alt); 471} 472.hc-gal-cta i { 473margin-left: .3rem; 474font-size: .65rem; 475vertical-align: middle; 476transition: transform .25s ease; 477} 478.hc-gal-tile:hover .hc-gal-cta i { 479transform: translateX(4px); 480} 481/* Hero Ken Burns + slower crossfade. 482Opacity animates on .carousel-item (Bootstrap fade), transform animates 483on the inner img only: never both on one element or the compositor 484drops to the main thread and it jitters. 485The -next/-prev selectors start the zoom on the very first fade-in frame 486and the identical animation value carries through the swap to .active, 487so the motion never restarts mid-transition. */ 488#hc-hero .carousel-item { 489transition-duration: 1.2s; /* doubled from Bootstrap's .6s; BS 4.4 reads this from CSS */ 490} 491#hc-hero .carousel-item.active.carousel-item-left, 492#hc-hero .carousel-item.active.carousel-item-right { 493/* outgoing slide: hold full opacity beneath the incoming fade-over, 494then release only after the 1.2s fade completes (BS hardcodes .6s) */ 495transition: opacity 0s 1.2s; 496} 497/* The platform's carousel CSS is Bootstrap 4.0-era: its fade has NO z-index 498rules, so overlapping slides paint in DOM order. That only works going 499forward; clicking back (or wrapping 8 to 1) puts the incoming slide UNDER 500the held outgoing one: the fade happens invisibly, then hard-cuts. 501These are the stacking rules Bootstrap 4.1+ ships: incoming above, outgoing below. */ 502#hc-hero .carousel-item.active, 503#hc-hero .carousel-item-next.carousel-item-left, 504#hc-hero .carousel-item-prev.carousel-item-right { 505z-index: 1; 506} 507#hc-hero .carousel-item.active.carousel-item-left, 508#hc-hero .carousel-item.active.carousel-item-right { 509z-index: 0; 510}
511/* the platform CSS gives the arrows no z-index either (also added in BS 4.1), 512so they must sit above the z-index:1 slides */ 513#hc-hero .carousel-control-prev, 514#hc-hero .carousel-control-next { 515z-index: 2; 516} 517@media (min-width: 1200px) and (prefers-reduced-motion: no-preference) { 518#hc-hero .carousel-item.active .hc-hero-img, 519#hc-hero .carousel-item-next .hc-hero-img, 520#hc-hero .carousel-item-prev .hc-hero-img { 521animation: hcKbIn 9.5s linear both; 522} 523#hc-hero .carousel-item:nth-child(even).active .hc-hero-img, 524#hc-hero .carousel-item-next:nth-child(even) .hc-hero-img, 525#hc-hero .carousel-item-prev:nth-child(even) .hc-hero-img { 526animation-name: hcKbOut; 527} 528/* vary the zoom focal point so consecutive slides don't feel repetitive */ 529#hc-hero .carousel-item:nth-child(4n+1) .hc-hero-img { 530transform-origin: 62% 42%; 531} 532#hc-hero .carousel-item:nth-child(4n+2) .hc-hero-img { 533transform-origin: 35% 55%; 534} 535#hc-hero .carousel-item:nth-child(4n+3) .hc-hero-img { 536transform-origin: 55% 65%; 537} 538#hc-hero .carousel-item:nth-child(4n) .hc-hero-img { 539transform-origin: 42% 35%; 540} 541} 542@keyframes hcKbIn { 543from { 544transform: scale(1); 545} 546to { 547transform: scale(1.12); 548} 549} 550@keyframes hcKbOut { 551from { 552transform: scale(1.12); 553} 554to { 555transform: scale(1); 556} 557} 558.sub-hero .container { 559padding-top: 1.25rem; 560padding-bottom: 1.25rem; 561} 562/* ==== HammerCat interior pages ==== */ 563/* Page heroes use the platform sub-hero pattern (bg-image section + 564.overlay.opacity-4.bg-black + extended py utilities), no custom CSS needed. */ 565/* Story page bits (reusable) */ 566.hc-xlist { 567margin: 1.25rem 0 0; 568} 569.hc-xlist li { 570padding: .35rem 0; 571font-size: 1.05rem; 572} 573.hc-xlist i { 574margin-right: .45rem; 575} 576.hc-figcap { 577font-size: .72rem; 578letter-spacing: .18em; 579text-transform: uppercase; 580margin-top: .8rem; 581} 582.hc-pull { 583font-family: Georgia, "Playfair Display", "Times New Roman", serif; 584font-size: clamp(20px, 2.4vw, 27px); 585line-height: 1.45; 586margin: 1.25rem 0 1.5rem; 587} 588.hc-pull em { 589font-style: italic; 590color: var(--primary-alt); 591} 592/* Why HammerCat: benefit cards (not clickable, so no hover effects) */ 593.hc-why-card { 594background: #fff; 595border-top: 3px solid var(--primary-alt); 596padding: 1.75rem 1.5rem 1.6rem; 597box-shadow: 0 1px 3px rgba(10, 20, 30, .08); 598} 599.hc-why-icon { 600display: flex; 601align-items: center; 602justify-content: center; 603width: 52px; 604height: 52px; 605border: 1px solid var(--primary-alt); 606border-radius: 50%; 607color: var(--primary-alt); 608font-size: 1.15rem; 609margin-bottom: 1rem; 610} 611.hc-why-title { 612font-weight: 400; 613margin-bottom: .5rem; 614} 615/* eyebrow variant for dark photo bands: text goes white, rules stay accent */ 616.hc-eyebrow-light { 617color: rgba(255, 255, 255, .85); 618} 619/* Owner Stories: five long-form stories, magazine style. Wide column 620gets a lead + compact body text; narrow column holds the photo + 621serif pull quote in a sticky-top wrapper that rides along while 622the story scrolls, offset below the fixed site header. */ 623.hc-story-stick { 624top: 120px; 625} 626.hc-story-body p, 627.hc-story-body li { 628font-size: .98rem; 629line-height: 1.75; 630} 631.hc-story-body li { 632padding: .15rem 0; 633} 634.hc-story-body > :last-child { 635margin-bottom: 0; 636} 637/* Model pages: dimensions spec sheet (reused on all 4 model pages) */ 638.hc-specs { 639background: #fff; 640border-top: 3px solid var(--primary-alt); 641box-shadow: 0 1px 3px rgba(10, 20, 30, .08); 642padding: 1.4rem 2rem 1.7rem; 643} 644.hc-specs-grid { 645display: grid; 646grid-template-columns: 1fr 1fr; 647column-gap: 3.5rem; 648} 649.hc-spec { 650display: flex; 651justify-content: space-between; 652align-items: baseline; 653gap: 1.25rem; 654padding: .8rem 0; 655border-bottom: 1px solid rgba(0, 0, 0, .07); 656font-size: .95rem; 657line-height: 1.55; 658} 659.hc-spec-label { 660font-family: Georgia, "Playfair Display", "Times New Roman", serif; 661font-size: 1.02rem; 662color: var(--primary); 663white-space: nowrap; 664} 665.hc-spec-value { 666text-align: right; 667} 668.hc-spec-full { 669grid-column: 1 / -1; 670display: block; 671border-bottom: 0; 672padding-bottom: .2rem; 673} 674.hc-spec-full .hc-spec-label { 675display: block; 676margin-bottom: .3rem; 677} 678.hc-spec-full .hc-spec-value { 679display: block; 680text-align: left; 681} 682@media (max-width: 767px) { 683.hc-specs { 684padding: 1rem 1.25rem 1.4rem; 685} 686.hc-specs-grid { 687grid-template-columns: 1fr; 688} 689} 690/* Offset accent frame: quiet luxury border floating behind a photo */ 691.hc-frame { 692position: relative; 693margin: 0 12px 12px 0; 694} 695.hc-frame::after { 696content: ""; 697position: absolute; 698top: 14px; 699left: 14px; 700right: -12px; 701bottom: -12px; 702border: 1px solid var(--primary-alt); 703border-radius: 12px; 704z-index: -1; 705} 706/* Homepage owner-quote closer */ 707.hc-quoteband { 708font-family: Georgia, "Playfair Display", "Times New Roman", serif; 709font-size: clamp(24px, 3.2vw, 38px); 710line-height: 1.35; 711letter-spacing: -.01em; 712max-width: 860px; 713margin: 0 auto .75rem; 714} 715/* Homepage fleet: smaller model tiles, reusing the gallery tile pattern. 716Bordered so they read as cards on the white section; 2x2 on phones. */ 717.hc-model-tile { 718border: 1px solid rgba(0, 0, 0, .06); 719} 720.hc-model-tile .hc-gal-img { 721padding-bottom: 66%; 722} 723.hc-model-tile .hc-gal-body { 724padding: .9rem 1rem 1rem; 725} 726.hc-model-tile .hc-gal-title { 727font-size: 1.15rem; 728} 729.hc-model-tile .hc-gal-desc { 730font-size: .82rem; 731line-height: 1.45; 732} 733.hc-model-tile .hc-gal-cta { 734margin-top: .55rem; 735font-size: .64rem; 736letter-spacing: .18em; 737} 738@media (max-width: 575px) { 739.hc-model-tile .hc-gal-body { 740padding: .7rem .8rem .85rem; 741} 742.hc-model-tile .hc-gal-title { 743font-size: .98rem; 744} 745.hc-model-tile .hc-gal-desc { 746font-size: .74rem; 747} 748} 749/* Compare page: vs chips (not clickable) + responsive comparison grid. 750Div grid instead of a table element so rows stack into labeled blocks on phones. */ 751.hc-vs { 752display: inline-block; 753background: #fff; 754border: 1px solid rgba(0, 0, 0, .12); 755border-radius: 50px; 756padding: .5rem 1.2rem; 757margin: .25rem .3rem; 758font-size: .82rem; 759letter-spacing: .05em; 760} 761.hc-vs-v { 762font-family: Georgia, "Playfair Display", "Times New Roman", serif; 763font-style: italic; 764color: var(--primary-alt); 765padding: 0 .15rem; 766} 767.hc-cmp { 768background: #fff; 769border-top: 3px solid var(--primary-alt); 770box-shadow: 0 1px 3px rgba(10, 20, 30, .08); 771overflow: hidden; 772} 773.hc-cmp-row { 774display: grid; 775grid-template-columns: 190px 1fr 1.1fr; 776} 777.hc-cmp-row + .hc-cmp-row { 778border-top: 1px solid rgba(0, 0, 0, .07); 779} 780.hc-cmp-cat { 781font-family: Georgia, "Playfair Display", "Times New Roman", serif; 782font-size: 1.05rem; 783color: var(--primary); 784padding: 1.1rem 1.25rem; 785} 786.hc-cmp-other { 787padding: 1.1rem 1.25rem; 788color: #6c757d; 789font-size: .95rem; 790line-height: 1.6; 791} 792.hc-cmp-hammer { 793padding: 1.1rem 1.25rem; 794font-size: .95rem; 795line-height: 1.6; 796border-left: 1px solid rgba(0, 0, 0, .07); 797} 798.hc-cmp-headrow .hc-cmp-other, 799.hc-cmp-headrow .hc-cmp-hammer { 800font-size: .7rem; 801letter-spacing: .18em; 802text-transform: uppercase;
803font-weight: 600; 804padding-top: 1rem; 805padding-bottom: 1rem; 806} 807.hc-cmp-headrow .hc-cmp-hammer { 808color: var(--primary-alt); 809} 810.hc-cmp-mini { 811display: block; 812font-size: .64rem; 813letter-spacing: .16em; 814text-transform: uppercase; 815font-weight: 600; 816margin-bottom: .3rem; 817} 818.hc-cmp-hammer .hc-cmp-mini { 819color: var(--primary-alt); 820} 821@media (max-width: 767px) { 822.hc-cmp-headrow { 823display: none; 824} 825.hc-cmp-row { 826grid-template-columns: 1fr; 827} 828.hc-cmp-cat { 829padding-bottom: 0; 830} 831.hc-cmp-other { 832padding-top: .75rem; 833padding-bottom: .5rem; 834} 835.hc-cmp-hammer { 836border-left: 0; 837padding-top: .5rem; 838} 839} 840/* ==== Media & Awards page ==== */ 841/* Media tile: centered card with a logo up top. Card 1 is a plain div 842(no URL), so hover styling is scoped to anchor tiles only. */ 843.hc-media-tile { 844display: block; 845height: 100%; 846background: #fff; 847border-top: 3px solid var(--primary-alt); 848box-shadow: 0 1px 3px rgba(10, 20, 30, .08); 849padding: 1.75rem 1.5rem 1.6rem; 850color: inherit; 851text-align: center; 852} 853a.hc-media-tile { 854transition: box-shadow .25s ease; 855} 856a.hc-media-tile:hover, 857a.hc-media-tile:focus { 858color: inherit; 859text-decoration: none; 860box-shadow: 0 8px 22px rgba(10, 20, 30, .16); 861} 862.hc-media-logo { 863display: flex; 864align-items: center; 865justify-content: center; 866height: 90px; 867max-width: 220px; 868margin: 0 auto 1.1rem; 869} 870.hc-media-logo img, 871#savecontent .hc-media-logo img { 872max-height: 100%; 873max-width: 100%; 874width: auto; 875} 876.hc-media-desc { 877display: block; 878font-size: .92rem; 879line-height: 1.6; 880} 881.hc-media-cta { 882display: block; 883margin-top: .9rem; 884font-size: .72rem; 885letter-spacing: .18em; 886text-transform: uppercase; 887font-weight: 600; 888} 889.hc-media-cta i { 890margin-left: .35rem; 891} 892/* ==== Contact page: form styling ==== */ 893/* The CUSTFORM shortcode renders .form-group-1 through -5. The form 894becomes a 2-col grid: everything spans full width by default, then 895the four short fields (name/name/phone/email) pair up at md+. */ 896#hc-contact-2 form { 897display: grid; 898grid-template-columns: 1fr 1fr; 899column-gap: 1.4rem; 900} 901#hc-contact-2 form > * { 902grid-column: 1 / -1; 903} 904#hc-contact-2 form .form-group { 905margin-bottom: 1.35rem; 906} 907#hc-contact-2 form label { 908font-size: .74rem; 909letter-spacing: .14em; 910text-transform: uppercase; 911margin-bottom: .4rem; 912} 913#hc-contact-2 form .form-control { 914border: 1px solid rgba(0, 0, 0, .18); 915border-radius: 8px; 916padding: .65rem .9rem; 917height: auto; 918transition: border-color .2s ease, box-shadow .2s ease; 919} 920#hc-contact-2 form .form-control:focus { 921border-color: var(--primary-alt); 922box-shadow: 0 0 0 3px rgba(10, 20, 30, .07); 923outline: 0; 924} 925#hc-contact-2 form textarea.form-control { 926min-height: 150px; 927} 928#hc-contact-2 form button[type="submit"] { 929padding: .7rem 2.6rem; 930letter-spacing: .08em; 931text-transform: uppercase; 932font-size: .85rem; 933} 934@media (min-width: 768px) { 935#hc-contact-2 form .form-group-1, 936#hc-contact-2 form .form-group-2, 937#hc-contact-2 form .form-group-3, 938#hc-contact-2 form .form-group-4 { 939grid-column: auto; 940} 941} 942@media (max-width: 575px) { 943#hc-contact-2 form button[type="submit"] { 944width: 100%; 945} 946} 947div#hs-eu-cookie-confirmation { 948bottom: 0 !important; 949top: auto !important; 950} 951/* PAGE SPECIFIC */ 952/* FOOTER */ 953</style> 954<!-- Start of HubSpot Embed Code -->
955<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/7643506.js"></script>
955 956<!-- End of HubSpot Embed Code --> 957<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 957-958
957 958<script async src="https://www.googletagmanager.com/gtag/js?id=
958G-3Z1XMXRKWV
vendor: 12 bytes, line 958
958"></script>
959<script>
vendor: 127 bytes, lines 960-963
960window.dataLayer = window.dataLayer || []; 961function gtag(){dataLayer.push(arguments);} 962gtag('js', new Date()); 963gtag('config', '
963G-3Z1XMXRKWV
vendor: 4 bytes, line 963
963');
964</script>
964 965<!-- /site header code -->
966<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jstz.min.js"></script>
966 967 <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap" rel="stylesheet"> 968 <style> 969 #omniaMgmtLoginModal { 970 font-family: 'DM Sans', sans-serif; 971 } 972 #omniaMgmtLoginModal .modal-dialog { 973 max-width: 420px; 974 } 975 #omniaMgmtLoginModal .modal-content { 976 background: #16161e; 977 border: 1px solid rgba(255,255,255,0.07); 978 border-radius: 20px; 979 box-shadow: 0 32px 80px rgba(0,0,0,0.6), 0 0 0 1px rgba(91,94,244,0.1); 980 overflow: hidden; 981 position: relative; 982 } 983 #omniaMgmtLoginModal .modal-header { 984 border: none; 985 padding: 32px 32px 0 32px; 986 display: flex; 987 align-items: center; 988 justify-content: center; 989 } 990 #omniaMgmtLoginModal .modal-header .header-inner { 991 display: flex; 992 flex-direction: column; 993 align-items: center; 994 text-align: center; 995 width: 100%; 996 } 997 #omniaMgmtLoginModal .modal-icon { 998 width: 48px; 999 height: 48px; 1000 background: linear-gradient(135deg, #5b5ef4, #8b5cf6); 1001 border-radius: 14px; 1002 display: flex; 1003 align-items: center; 1004 justify-content: center; 1005 margin-bottom: 16px; 1006 } 1007 #omniaMgmtLoginModal .modal-icon svg { 1008 width: 22px; height: 22px; 1009 stroke: #fff; fill: none; 1010 stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; 1011 } 1012 #omniaMgmtLoginModal .modal-title { 1013 font-size: 20px; 1014 font-weight: 600; 1015 color: #f0f0f8; 1016 letter-spacing: -0.02em; 1017 margin-bottom: 4px; 1018 } 1019 #omniaMgmtLoginModal .modal-subtitle { 1020 font-size: 14px; 1021 color: #666; 1022 line-height: 1.5; 1023 } 1024 1025 /* Close button */ 1026 #omniaMgmtLoginModal .btn-close-modal { 1027 position: absolute; 1028 top: 16px; 1029 right: 16px; 1030 background: rgba(255,255,255,0.06); 1031 border: none; 1032 color: #888; 1033 width: 30px; 1034 height: 30px; 1035 border-radius: 8px; 1036 cursor: pointer; 1037 display: flex; 1038 align-items: center; 1039 justify-content: center; 1040 font-size: 16px; 1041 line-height: 1; 1042 transition: background 0.15s, color 0.15s; 1043 z-index: 10; 1044 } 1045 #omniaMgmtLoginModal .btn-close-modal:hover { background: rgba(255,255,255,0.12); color: #e8e8f0; } 1046 #omniaMgmtLoginModal .btn-close-modal:focus { outline: none; box-shadow: none; } 1047 1048 /* Fields */ 1049 #omniaMgmtLoginModal .login-field { 1050 margin-bottom: 16px; 1051 } 1052 #omniaMgmtLoginModal .login-field label { 1053 display: block; 1054 font-size: 11px; 1055 font-weight: 500; 1056 color: #888; 1057 letter-spacing: 0.07em; 1058 text-transform: uppercase; 1059 margin-bottom: 8px; 1060 } 1061 #omniaMgmtLoginModal .login-input-wrap { 1062 position: relative; 1063 display: flex; 1064 align-items: center; 1065 } 1066 #omniaMgmtLoginModal .login-input-wrap input { 1067 width: 100%; 1068 background: #0f0f13; 1069 border: 1.5px solid #2a2a35; 1070 border-radius: 10px; 1071 padding: 12px 44px 12px 14px; 1072 color: #e8e8f0; 1073 font-family: 'DM Sans', sans-serif; 1074 font-size: 14px; 1075 outline: none; 1076 transition: border-color 0.2s, box-shadow 0.2s; 1077 } 1078 #omniaMgmtLoginModal .login-input-wrap input::placeholder { 1079 color: #3a3a4a; 1080 font-size: 14px; 1081 } 1082 #omniaMgmtLoginModal .login-input-wrap input:focus { 1083 border-color: #5b5ef4; 1084 box-shadow: 0 0 0 3px rgba(91,94,244,0.15); 1085 } 1086 #omniaMgmtLoginModal .login-toggle-pw { 1087 position: absolute; 1088 right: 12px; 1089 background: none; 1090 border: none; 1091 color: #444; 1092 cursor: pointer; 1093 padding: 4px; 1094 display: flex; 1095 align-items: center; 1096 transition: color 0.15s; 1097 } 1098 #omniaMgmtLoginModal .login-toggle-pw:hover { color: #888; } 1099 #omniaMgmtLoginModal .login-toggle-pw svg { 1100 width: 16px; height: 16px; 1101 stroke: currentColor; fill: none; 1102 stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; 1103 } 1104 1105 /* Auth code field (shown dynamically) */ 1106 #omniaMgmtLoginModal .auth-field { margin-bottom: 16px; } 1107 #omniaMgmtLoginModal #verification { 1108 width: 100%; 1109 background: #0f0f13; 1110 border: 1.5px solid #fbbf24; 1111 border-radius: 10px; 1112 padding: 12px 14px; 1113 color: #e8e8f0; 1114 font-family: 'DM Mono', monospace; 1115 font-size: 18px; 1116 letter-spacing: 0.25em; 1117 text-align: center; 1118 outline: none; 1119 transition: border-color 0.2s, box-shadow 0.2s; 1120 } 1121 #omniaMgmtLoginModal #verification:focus { 1122 border-color: #fbbf24; 1123 box-shadow: 0 0 0 3px rgba(251,191,36,0.15); 1124 } 1125 #omniaMgmtLoginModal #verification::placeholder { 1126 letter-spacing: 0.05em; 1127 font-size: 14px; 1128 color: #3a3a4a; 1129 font-family: 'DM Sans', sans-serif; 1130 } 1131 1132 /* Case sensitive note */ 1133 #omniaMgmtLoginModal .login-note { 1134 font-size: 12px; 1135 color: #fff; 1136 text-align: center; 1137 margin-bottom: 4px;
1138 } 1139 1140 /* Error / response area */ 1141 #omniaMgmtLoginModal .alert { 1142 font-size: 13px; 1143 min-height: 18px; 1144 margin-bottom: 8px; 1145 color: #f87171; 1146 transition: opacity 0.2s; 1147 line-height: 1.5; 1148 } 1149 #omniaMgmtLoginModal .login-alert:empty { margin-bottom: 0; } 1150 #omniaMgmtLoginModal .alert { 1151 background: rgba(255,255,255,0.04); 1152 border: 1px solid rgba(255,255,255,0.08); 1153 border-radius: 8px; 1154 color: #a0a0b8; 1155 font-size: 13px; 1156 padding: 10px 12px; 1157 margin-top: 6px; 1158 } 1159 /*#omniaMgmtLoginModal .alert a { color: #8b5cf6; }*/ 1160 1161 /* SMS button */ 1162 #omniaMgmtLoginModal .btn-sms { 1163 width: 100%; 1164 background: rgba(251,191,36,0.12); 1165 border: 1px solid rgba(251,191,36,0.3); 1166 color: #fbbf24; 1167 border-radius: 10px; 1168 padding: 11px; 1169 font-family: 'DM Sans', sans-serif; 1170 font-size: 14px; 1171 font-weight: 500; 1172 cursor: pointer; 1173 transition: background 0.2s; 1174 margin-bottom: 12px; 1175 } 1176 #omniaMgmtLoginModal .btn-sms:hover { background: rgba(251,191,36,0.2); } 1177 1178 /* Modal body / footer */ 1179 #omniaMgmtLoginModal .modal-body { 1180 padding: 24px 32px 16px 32px; 1181 } 1182 #omniaMgmtLoginModal .modal-footer { 1183 border: none; 1184 padding: 8px 32px 32px 32px; 1185 display: flex; 1186 flex-direction: column; 1187 gap: 10px; 1188 } 1189 1190 /* Primary login button */ 1191 #omniaMgmtLoginModal .btn-login { 1192 width: 100%; 1193 background: linear-gradient(135deg, #5b5ef4, #8b5cf6); 1194 color: #fff; 1195 border: none; 1196 padding: 13px; 1197 border-radius: 10px; 1198 font-family: 'DM Sans', sans-serif; 1199 font-size: 15px; 1200 font-weight: 600; 1201 cursor: pointer; 1202 letter-spacing: 0.01em; 1203 transition: opacity 0.2s, transform 0.15s, box-shadow 0.2s; 1204 position: relative; 1205 overflow: hidden; 1206 } 1207 #omniaMgmtLoginModal .btn-login:hover { 1208 transform: translateY(-1px); 1209 box-shadow: 0 8px 24px rgba(91,94,244,0.4); 1210 } 1211 #omniaMgmtLoginModal .btn-login:active { transform: translateY(0); } 1212 1213 /* Forgot password link-style button */ 1214 #omniaMgmtLoginModal .btn-forgot { 1215 width: 100%; 1216 background: rgba(255,255,255,0.04); 1217 border: 1px solid rgba(255,255,255,0.07); 1218 color: #666; 1219 border-radius: 10px; 1220 padding: 11px; 1221 font-family: 'DM Sans', sans-serif; 1222 font-size: 14px; 1223 font-weight: 500; 1224 cursor: pointer; 1225 transition: background 0.2s, color 0.2s; 1226 } 1227 #omniaMgmtLoginModal .btn-forgot:hover { background: rgba(255,255,255,0.08); color: #a0a0b8; } 1228 1229 /* Back button on forgot screen */ 1230 #omniaMgmtLoginModal .btn-back-login { 1231 background: none; 1232 border: none; 1233 color: #5b5ef4; 1234 font-family: 'DM Sans', sans-serif; 1235 font-size: 13px; 1236 font-weight: 500; 1237 cursor: pointer; 1238 padding: 0; 1239 display: inline-flex; 1240 align-items: center; 1241 gap: 5px; 1242 margin-bottom: 16px; 1243 transition: color 0.15s; 1244 outline: none; 1245 box-shadow: none; 1246 } 1247 #omniaMgmtLoginModal .btn-back-login:hover { color: #8b5cf6; } 1248 #omniaMgmtLoginModal .btn-back-login:focus { outline: none; box-shadow: none; } 1249 #omniaMgmtLoginModal .btn-back-login svg { 1250 width: 14px; height: 14px; 1251 stroke: currentColor; fill: none; 1252 stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; 1253 } 1254 1255 /* Ripple */ 1256 #omniaMgmtLoginModal .btn-login .ripple { 1257 position: absolute; 1258 border-radius: 50%; 1259 background: rgba(255,255,255,0.25); 1260 transform: scale(0); 1261 animation: loginRipple 0.5s linear; 1262 pointer-events: none; 1263 } 1264 @keyframes loginRipple { to { transform: scale(4); opacity: 0; } } 1265 1266 .modal-backdrop { background: rgba(5,5,10,0.75); } 1267 .modal-backdrop.show { opacity: 1; } 1268 </style> 1269 1270
1270<script> 1271 $(function(){ 1272 1273 /* auth spinner: PBKDF2 verify adds ~1-2s to each login step (incident 2026-09-10) */ 1274 $('head').append('<style>.omnia-spin{display:inline-block;width:1rem;height:1rem;margin-right:.5rem;vertical-align:-2px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:omniaSpin .6s linear infinite;}@keyframes omniaSpin{to{transform:rotate(360deg)}}</style>'); 1275 function omniaLoginLoading(on){ 1276 var $b = $('#loginSubmitted'); 1277 if(!$b.length) return; 1278 if(on){ if($b.data('omniaOrig')===undefined){ $b.data('omniaOrig', $b.html()); } $b.prop('disabled', true).css('cursor','wait').html('<span class="omnia-spin"></span>Signing in...'); } 1279 else { if($b.data('omniaOrig')!==undefined){ $b.html($b.data('omniaOrig')); } $b.prop('disabled', false).css('cursor',''); } 1280 } 1281 $(document).ajaxSend(function(e, xhr, opts){ var d = opts.data || ''; if(/func=checkPWSecurity/.test(d) || /method=loginCheck_a/.test(opts.url||'')) omniaLoginLoading(true); }); 1282 $(document).ajaxComplete(function(e, xhr, opts){ var d = opts.data || ''; var cp = /func=checkPWSecurity/.test(d); var lc = /method=loginCheck_a/.test(opts.url||''); if(cp && $.trim(xhr.responseText) === 'success') return; if(cp || lc) omniaLoginLoading(false); }); 1283 // ââ Login submit (button + Enter key) ââââââââââââââââââââââââââââââ 1284 var loginPending = false; 1285 function doLogin(){ 1286 if(loginPending) return; 1287 loginPending = true; 1288 var data = $('#loginForm').serialize() + "&func=checkPWSecurity"; 1289 $.post("/ajax/generic_functions.cfm", data, function(response){ 1290 loginPending = false; 1291 if($.trim(response) == 'success'){ 1292 var data = $("#loginForm").serialize(); 1293 $.post("/com/security.cfc?method=loginCheck_a", data, function(response){ 1294 if($.trim(response) == "success"){ 1295 parent.window.location.href = "/secure/"; 1296 } else if($.trim(response).substr(0,8) == "redirect"){ 1297 parent.window.location.href = $.trim(response).substring(9, response.length); 1298 } else { 1299 if(~response.indexOf("credentials")){ $('#forceLogin').val('1'); } 1300 $('#loginAlert').html('<p class="mb-2 text-white">' + response + '</p>'); 1301 } 1302 }, "html"); 1303 } else if(~$.trim(response).indexOf("checkauth")){ 1304 $('.auth-item').remove(); 1305 $('#loginAlert').html('<p class="mb-2 text-white">A 6-digit code has been sent to your email.</p><div class="alert">Please add <strong style="color:#f87171;">[email protected]</strong> to your safe sender list if you are still not receiving the code.</div>'); 1306 $('.login-username-field, .login-pw-field').hide(); 1307 // Auth code input 1308 $('#omniaMgmtLoginModal .modal-body').append('<div class="auth-field auth-item"><label style="display:block;font-size:11px;font-weight:500;color:#888;letter-spacing:0.07em;text-transform:uppercase;margin-bottom:8px;">Verification Code</label><input type="text" name="verification" id="verification" maxlength="6" placeholder="Enter 6-digit code" autocomplete="off" form="loginForm"></div>'); 1309 if($.trim(response) == "checkauthwithphone"){ 1310 $('#omniaMgmtLoginModal .modal-body').append('<div class="auth-item" style="margin-bottom:8px;font-size:12px;color:#666;text-align:center;">Not receiving the email?</div><button type="button" id="sendSMS" class="btn-sms auth-item">Send Code Via Text</button>'); 1311 } else { 1312 $('#omniaMgmtLoginModal .modal-body').append('<div class="auth-item" style="margin-bottom:4px;"><div class="alert text-center">Not receiving the email? Contact us at <strong style="color:#f87171;"><a href="mailto:[email protected]">[email protected]</a></strong> to add a phone number for text verification.</div></div>'); 1313 } 1314 } else if($.trim(response) == 'not verified'){ 1315 $('#loginAlert').html('<p class="mb-2 text-white">The authorization code is incorrect. If you continue to have issues, refresh and try again.</p>'); 1316 setTimeout(function(){ $('#omniaMgmtLoginModal').modal('hide'); }, 2000); 1317 } else if($.trim(response) == 'no match'){ 1318 $('#loginAlert').html('<p class="mb-2 text-white">No user matches these credentials.</p>'); 1319 } else { 1320 $.post("/ajax/generic_functions.cfm", { func: "getEmailForPasswordReset", username: $('#userName').val() }, function(response){ 1321 $.post("/ajax/generic_functions.cfm", { func: "createResetPasswordEmail", username: $('#userName').val() }, function(){}, "html"); 1322 $('#loginAlert').html('<p class="mb-2 text-white">Your password is not secure. You will receive an email at <strong>' + response + '</strong> momentarily to reset it.</p>'); 1323 }, "html"); 1324 } 1325 }, "html"); 1326 } 1327 1328 $('#loginSubmitted').on('click', function(e){
1329 // Ripple effect 1330 var btn = this, circle = document.createElement('span'); 1331 var d = Math.max(btn.clientWidth, btn.clientHeight), r = d/2; 1332 var rect = btn.getBoundingClientRect(); 1333 circle.style.cssText = 'width:'+d+'px;height:'+d+'px;left:'+(e.clientX-rect.left-r)+'px;top:'+(e.clientY-rect.top-r)+'px'; 1334 circle.className = 'ripple'; 1335 $(btn).find('.ripple').remove(); 1336 btn.appendChild(circle); 1337 doLogin(); 1338 }); 1339 1340 $(document).keydown(function(e){ 1341 setTimezoneCookie(); 1342 if(e.keyCode === 13 && $('#loginscreen').is(':visible')){ 1343 // If the verification field exists and is visible, still call doLogin 1344 // (it will serialize the verification value too since it has form="loginForm") 1345 doLogin(); 1346 } 1347 if(e.keyCode === 13 && $('#forgotpassscreen').is(':visible')){ doForgot(); } 1348 }); 1349 1350 // ââ SMS ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 1351 $(document).on('click', '#sendSMS', function(){ 1352 var $btn = $(this); 1353 $btn.prop('disabled', true); 1354 $.post("/ajax/generic_functions.cfm", { func: "sendSMSAuth", username: $('#userName').val(), password: $('#password').val() }, function(){ 1355 $btn.html('<i class="fas fa-check" style="margin-right:6px;"></i>Code Sent!'); 1356 $btn.css({ 1357 'background': 'rgba(34,197,94,0.15)', 1358 'border-color': 'rgba(34,197,94,0.4)', 1359 'color': '#22c55e' 1360 }); 1361 }, "html"); 1362 }); 1363 1364 // ââ Forgot password ââââââââââââââââââââââââââââââââââââââââââââââââââ 1365 $('.forgotUorP').on('click', function(){ 1366 $('#loginscreen').hide(); 1367 $('#forgotpassscreen').show(); 1368 $('#loginAlert').html(''); 1369 }); 1370 1371 $('.btn-back-login').on('click', function(){ 1372 $('#forgotpassscreen').hide(); 1373 $('#loginscreen').show(); 1374 }); 1375 1376 $('#omniaMgmtLoginModal').on('hidden.bs.modal', function(){ 1377 location.reload(); 1378 }); 1379 1380 function doForgot(){ 1381 var data = $("#forgotPassForm").serialize(); 1382 $.post("/com/security.cfc?method=forgotPass", data, function(response){ 1383 $('#loginAlert').html(response); 1384 $('#forgotpassscreen').hide(); 1385 $('#loginscreen').show(); 1386 }, "html"); 1387 } 1388 1389 $("#forgotPassForm").submit(function(e){ e.preventDefault(); doForgot(); }); 1390 $('#submitRetrievePassword').on('click', doForgot); 1391 }); 1392 1393 function setTimezoneCookie(){ 1394 var timezone = jstz.determine(); 1395 timezone = timezone.name(); 1396 $.post("/ajax/generic_functions.cfm", { func: "setTimeZoneCookie", timezone: timezone }, function(){}, "html"); 1397 } 1398 1399 function loginTogglePW(inputId, btn){ 1400 var input = document.getElementById(inputId); 1401 var isPassword = input.type === 'password'; 1402 input.type = isPassword ? 'text' : 'password'; 1403 var svg = btn.querySelector('svg'); 1404 svg.innerHTML = isPassword 1405 ? '<path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"/><line x1="1" y1="1" x2="23" y2="23"/>' 1406 : '<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/>'; 1407 } 1408 </script>
1408<script type="application/ld+json"> 1409 { 1410 "@context": "https://schema.org", 1411 "@type": "LocalBusiness", 1412 "name": "Hammer Yachts", 1413 "url": "https://hammeryachts.com" 1414 ,"logo": "https://hammeryachts.com/userfiles/2731/images/Hammer-Yachts-Logo-long1aj728arcnt4z.svg" 1415 ,"image": "https://hammeryachts.com/userfiles/2731/images/Hammer-Yachts-Logo-long1aj728arcnt4z.svg" 1416 ,"contactPoint": { 1417 "@type": "ContactPoint", 1418 "contactType": "customer service" 1419 1420 1421 ,"email": "[email protected]" 1422 } 1423 1424 ,"address": { 1425 "@type": "PostalAddress", 1426 "addressLocality": "", 1427 "addressRegion": "CO", 1428 "postalCode": "", 1429 "streetAddress": " " 1430 ,"addressCountry": "United States" 1431 } 1432 1433 1434 1435 ,"sameAs": [ 1436 "https://www.facebook.com/hammeryachtsusa","https://www.linkedin.com/in/peter-wiersema-cpyb-8737782/","https://www.instagram.com/hammeryachts/?hl=en" 1437 ] 1438 1439 } 1440 </script>
1440 1441 1442 1443
1443<script type="application/ld+json"> 1444 { 1445 "@context": "https://schema.org", 1446 "@type": "WebSite", 1447 "name": "Hammer Yachts", 1448 "url": "https://hammeryachts.com" 1449 1450 ,"potentialAction": { 1451 "@type": "SearchAction", 1452 "target": "https://hammeryachts.com/search-results?keyword={search_term_string}", 1453 "query-input": "required name=search_term_string" 1454 } 1455 1456 } 1457 </script>
1457</head> 1458<body> 1459<div class="oms-wrapper"> 1460<div class="modal fade" id="omniaMgmtLoginModal" tabindex="-1" aria-labelledby="omniaMgmtLoginModalLabel" aria-hidden="true" data-keyboard="false"> 1461<div class="modal-dialog modal-dialog-centered mx-auto"> 1462<div class="modal-content"> 1463<button type="button" class="btn-close-modal" data-dismiss="modal" aria-label="Close">✕</button> 1464<div class="modal-header"> 1465<div class="header-inner"> 1466<div class="modal-icon"> 1467<!-- Person / user icon --> 1468<svg viewBox="0 0 24 24"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg> 1469</div> 1470<div class="modal-title" id="omniaMgmtLoginModalLabel">Management Login</div> 1471<div class="modal-subtitle">Sign in to access your dashboard.</div> 1472</div> 1473</div> 1474<div class="modal-body"> 1475<form id="loginForm"> 1476<input type="hidden" name="s" id="s" value="2731"> 1477<input type="hidden" name="forceLogin" id="forceLogin" value="0"> 1478</form> 1479<!-- ââ Login Screen âââââââââââââââââââââââââââââââââââââââââ --> 1480<div id="loginscreen"> 1481<div class="login-field login-username-field"> 1482<label for="userName">Username</label> 1483<div class="login-input-wrap"> 1484<input type="text" name="userName" id="userName" maxlength="50" placeholder="Enter your username" autocomplete="off" form="loginForm"> 1485</div> 1486</div> 1487<div class="login-field login-pw-field"> 1488<label for="password">Password</label> 1489<div class="login-input-wrap"> 1490<input type="password" name="password" id="password" maxlength="20" placeholder="Enter your password" autocomplete="off" form="loginForm"> 1491<button type="button" class="login-toggle-pw" onclick="loginTogglePW('password', this)" aria-label="Show password"> 1492<svg viewBox="0 0 24 24"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg> 1493</button> 1494</div> 1495</div> 1496<p class="login-note">Passwords are case sensitive</p> 1497</div> 1498<!-- ââ Forgot Password Screen ââââââââââââââââââââââââââââââ --> 1499<div id="forgotpassscreen" style="display:none;"> 1500<button type="button" class="btn-back-login"> 1501<svg viewBox="0 0 24 24"><polyline points="15 18 9 12 15 6"/></svg> 1502Back to login 1503</button> 1504<form id="forgotPassForm"> 1505<input type="hidden" name="s" id="s2" value="2731"> 1506<div class="login-field"> 1507<label for="emailField">Email Address</label> 1508<div class="login-input-wrap"> 1509<input type="text" name="emailField" id="emailField" placeholder="Enter your email address" autocomplete="off"> 1510</div> 1511</div> 1512</form> 1513</div> 1514<!-- ââ Shared alert area âââââââââââââââââââââââââââââââââââ --> 1515<div id="loginAlert" class="login-alert text-center"></div> 1516</div> 1517<div class="modal-footer"> 1518<!-- Login screen buttons --> 1519<div id="loginFooterBtns" style="width:100%;display:flex;flex-direction:column;gap:10px;"> 1520<button type="button" id="loginSubmitted" class="btn-login"> 1521<i class="fas fa-sign-in-alt" style="margin-right:7px;"></i>Login 1522</button> 1523<button type="button" class="btn-forgot forgotUorP">Forgot Password?</button> 1524</div> 1525<!-- Forgot screen button --> 1526<div id="forgotFooterBtns" style="width:100%;display:none;"> 1527<button type="button" id="submitRetrievePassword" class="btn-login">Send Reset Email</button> 1528</div> 1529</div> 1530</div> 1531</div> 1532</div>
1533<script> 1534// Toggle footer buttons when switching screens 1535$(document).ready(function(){ 1536$('.forgotUorP').on('click', function(){ 1537$('#loginFooterBtns').hide(); 1538$('#forgotFooterBtns').show(); 1539}); 1540$('.btn-back-login').on('click', function(){ 1541$('#loginFooterBtns').show(); 1542$('#forgotFooterBtns').hide(); 1543}); 1544}); 1545</script>
1545 1546<header class="omsHeader"> 1547</header> 1548<style> 1549@media (max-width: 991px) { 1550.omsNav .navbar-nav, 1551.omsNav .dropdown-menu { 1552text-align: center; 1553font-size: 1.2rem; 1554} 1555.navbar-collapse { 1556text-align: center; 1557} 1558.omsNav .nav a { 1559white-space: break-spaces; 1560} 1561} 1562@media (min-width: 992px) { 1563.navbar-expand-lg .navbar-nav .nav-link { 1564padding-right: .55rem; 1565padding-left: .55rem; 1566font-size: .85rem; 1567} 1568} 1569.omsLogo img { 1570width: 150px; 1571height: auto !important; 1572} 1573@media (min-width: 1200px) { 1574.omsLogo img { 1575width: 180px; 1576} 1577.navbar-expand-lg .navbar-nav .nav-link { 1578padding-right: 1rem; 1579padding-left: 1rem; 1580font-size: .95rem; 1581} 1582} 1583@media (min-width: 1600px) { 1584.omsLogo img { 1585width: 210px; 1586} 1587.navbar-expand-lg .navbar-nav .nav-link { 1588padding-right: 1.15rem; 1589padding-left: 1.15rem; 1590font-size: 1.1rem; 1591} 1592} 1593.omsNav .navbar-wrapper a:not(.btn):hover { 1594color: var(--primary) !important; 1595} 1596</style> 1597<div class="omsNav fixed-top navbar-light bg-white shadow" style="" data-id="5" data-original-title="" title=""> 1598<div class="pre-nav bg-dark text-light py-1 small" data-original-title="" title=""> 1599<div class="container d-flex justify-content-between align-items-center" data-original-title="" title=""> 1600<div class="left" data-original-title="" title=""> 1601<!--<a class="mr-3 text-light" href="tel:" data-original-title="" title=""><i class="fas fa-phone text-primary-alt fa-fw mr-1"></i>Call<span class="d-none d-sm-inline-block" data-original-title="" title="">: </span></a>--> 1602<a class="mr-3 text-light" href="/Book-Now" data-original-title="" title=""><i class="fas fa-envelope text-primary-alt fa-fw mr-1"></i>Contact Us</a> 1603</div> 1604<div class="right" data-original-title="" title=""> 1605<!--<a class="ml-3 text-light" href="/contact" title="" data-original-title=""><i class="fas fa-star text-primary-alt fa-fw mr-1"></i>Another Button</a>--> 1606<!--<a class="ml-3 text-light" href="/contact" title=""><i class="fas fa-star text-primary-alt fa-fw mr-1"></i>Another Button</a>--> 1607<div class="socials d-inline-block ml-2 pl-2" data-original-title="" title=""> 1608<a class="ml-1 social-facebook" href="https://www.facebook.com/hammeryachtsusa" target="_blank" data-original-title="" title=""><i class="fab fa-facebook-square fa-fw text-light"></i></a> 1609<a class="ml-1 social-instagram" href="https://www.instagram.com/hammeryachts/?hl=en" target="_blank" data-original-title="" title=""><i class="fab fa-instagram fa-fw text-light"></i></a> 1610<a class="ml-1 social-yelp" href="" target="_blank" data-original-title="" title=""><i class="fab fa-yelp fa-fw text-light"></i></a> 1611<a class="ml-1 social-tripadvisor" href="" target="_blank" data-original-title="" title=""><i class="fab fa-tripadvisor fa-fw text-light"></i></a> 1612<a class="ml-1 social-twitter" href="" target="_blank" data-original-title="" title=""><i class="fab fa-twitter fa-fw text-light"></i></a> 1613<a class="ml-1 social-linkedin" href="https://www.linkedin.com/in/peter-wiersema-cpyb-8737782/" target="_blank" data-original-title="" title=""><i class="fab fa-linkedin fa-fw text-light"></i></a> 1614<a class="ml-1 social-pinterest" href="" target="_blank" data-original-title="" title=""><i class="fab fa-pinterest fa-fw text-light"></i></a> 1615<a class="ml-1 social-youtube" href="" target="_blank" data-original-title="" title=""><i class="fab fa-youtube-square fa-fw text-light"></i></a> 1616<a class="ml-1 social-tiktok" href="" target="_blank" data-original-title="" title=""><i class="fab fa-tiktok fa-fw text-light"></i></a> 1617</div> 1618</div> 1619</div> 1620</div> 1621<nav class="navbar navbar-expand-lg px-0"> 1622<div class="container navbar-wrapper px-3" data-original-title="" title=""> 1623<div class="d-flex align-items-center" data-original-title="" title=""> 1624<a class="navbar-brand omsLogo" href="/Home" style="position: relative;" data-original-title="" title=""><img alt='Hammer Yachts logo' class='img-fluid' src='/userfiles/2731/images/Hammer-Yachts-Logo-long1aj728arcnt4z.svg'></a> 1625</div> 1626<button aria-controls="omsDefaultNav" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler collapsed p-2 ml-3" data-target="#omsDefaultNav" data-toggle="collapse" type="button"> 1627<i class="fas fa-bars fa-2x fa-fw d-flex align-items-center justify-content-center text-primary" style="font-size: 1.75rem; width: 30px; height: 30px;"></i> 1628</button> 1629<div class="collapse navbar-collapse ml-md-4" data-original-title="" id="omsDefaultNav" style="justify-content: flex-end; min-height: auto;" title=""><ul class="nav navbar-nav"> 1630<li class="nav-item dropdown"><!--nav-item dropdown class to li----> 1631<a class="nav-link dropdown-toggle" href="javascript: void(0)" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown" data-level="1">About</a> 1632<div class="dropdown-menu"> 1633<a class="dropdown-item" href="//hammeryachts.com/Our-Story" data-level="2">Our Story</a> 1634<a class="dropdown-item" href="//hammeryachts.com/Why-HammerCat" data-level="2">Why HammerCat</a> 1635</div> 1636</li> 1637<li class="nav-item dropdown"><!--nav-item dropdown class to li----> 1638<a class="nav-link dropdown-toggle" href="javascript: void(0)" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown" data-level="1">Our Models</a> 1639<div class="dropdown-menu"> 1640<a class="dropdown-item" href="//hammeryachts.com/HammerCat-30" data-level="2">HammerCat 30</a> 1641<a class="dropdown-item" href="//hammeryachts.com/HammerCat-35" data-level="2">HammerCat 35</a> 1642<a class="dropdown-item" href="//hammeryachts.com/HammerCat-45" data-level="2">HammerCat 45</a> 1643<a class="dropdown-item" href="//hammeryachts.com/HammerCat-35HH" data-level="2">
1643HammerCat 35HH</a> 1644</div> 1645</li> 1646<li class="nav-item dropdown"><!--nav-item dropdown class to li----> 1647<a class="nav-link dropdown-toggle" href="javascript: void(0)" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown" data-level="1">Galleries</a> 1648<div class="dropdown-menu"> 1649<a class="dropdown-item" href="//hammeryachts.com/Offshore-Performance" data-level="2">Offshore Performance</a> 1650<a class="dropdown-item" href="//hammeryachts.com/Fishing" data-level="2">Fishing</a> 1651<a class="dropdown-item" href="//hammeryachts.com/The-Bahamas" data-level="2">The Bahamas</a> 1652<a class="dropdown-item" href="//hammeryachts.com/Family-Adventures" data-level="2">Family Adventures</a> 1653<a class="dropdown-item" href="//hammeryachts.com/The-Ultimate-Yacht-Tender" data-level="2">The Ultimate Yacht Tender</a> 1654<a class="dropdown-item" href="//hammeryachts.com/Construction-Craftsmanship" data-level="2">Construction & Craftsmanship</a> 1655</div> 1656</li> 1657<li class="nav-item"><!--nav-item dropdown class to li----> 1658<a class="nav-link" href="//hammeryachts.com/Owner-Stories" data-level="1">Owner Stories</a> 1659</li> 1660<li class="nav-item"><!--nav-item dropdown class to li----> 1661<a class="nav-link" href="//hammeryachts.com/Compare" data-level="1">Compare</a> 1662</li> 1663<li class="nav-item"><!--nav-item dropdown class to li----> 1664<a class="nav-link" href="//hammeryachts.com/Media-Awards" data-level="1">Media & Awards</a> 1665</li> 1666</ul> 1667<a class="btn btn-primary ml-auto mr-auto mr-lg-0 ml-lg-4 my-3 my-lg-0" href="/Book-Now" data-original-title="" title=""><i class="fas fa-pen"></i> Contact</a> 1668</div> 1669</div> 1670</nav> 1671</div> 1672<!-- Wrapper --> 1673<div class="wrapper wrapper-home wrapper-"> 1674<div id="savecontent"> 1675<!-- ============================================================ 1676HAMMER YACHTS | HOMEPAGE BODY (Omnia-ready snips) 1677Snip 1: Hero carousel (fixed height, overlay per slide) 1678Snip 2: Introduction 1679Snip 3: The Fleet (4 model tiles) 1680Snip 4: Gallery collections (homepage-only links) 1681Placeholder image used throughout until client photos arrive. 1682============================================================ --><!-- ===== SNIP 1: HERO CAROUSEL ===== --> 1683<section class="snipOuter p-0" id="hc-hero"> 1684<div class="container-fluid snip p-0" data-original-title="" title=""> 1685<div class="carousel slide carousel-fade" data-interval="5000" data-original-title="" data-pause="false" data-ride="carousel" id="hcHeroCarousel" title=""> 1686<ol class="carousel-indicators"> 1687<li data-slide-to="0" data-target="#hcHeroCarousel" class="active"> </li> 1688<li data-slide-to="1" data-target="#hcHeroCarousel"> </li> 1689<li data-slide-to="2" data-target="#hcHeroCarousel"> </li> 1690<li data-slide-to="3" data-target="#hcHeroCarousel"> </li> 1691<li data-slide-to="4" data-target="#hcHeroCarousel"> </li> 1692<li data-slide-to="5" data-target="#hcHeroCarousel"> </li> 1693<li class="" data-slide-to="6" data-target="#hcHeroCarousel"> </li> 1694<li data-slide-to="7" data-target="#hcHeroCarousel" class=""> </li> 1695<li data-slide-to="8" data-target="#hcHeroCarousel" class=""> </li> 1696</ol> 1697<div class="carousel-inner" data-original-title="" title=""> 1698<div class="carousel-item active" data-original-title="" title=""><img alt="HammerCat power catamaran running offshore in rough water" class="hc-hero-img" src="/userfiles/2731/images/hh35-1.jpg"> 1699<div class="hc-hero-overlay" data-original-title="" title=""> 1700<div class="container" data-original-title="" title=""> 1701<div class="hc-hero-caption" data-original-title="" title=""> 1702<div class="hc-hero-kicker" data-original-title="" title="">Hammer Yachts</div> 1703<div class="h2 hc-hero-title text-white" data-original-title="" title="">The HammerCat Difference</div> 1704<ul class="list-unstyled hc-hero-list text-white"> 1705<li><i class="fas fa-check fa-fw"></i> Softer ride in rough water</li> 1706<li><i class="fas fa-check fa-fw"></i> Exceptionally dry underway</li> 1707</ul> 1708<a class="btn btn-outline-light round hc-hero-btn" data-original-title="" href="/Why-HammerCat" title="">Experience the Difference</a></div> 1709</div> 1710</div> 1711</div> 1712<div class="carousel-item" data-original-title="" title=""><img alt="HammerCat 35 slicing through offshore chop" class="hc-hero-img" src="/userfiles/2731/images/hh35-2.jpg"> 1713<div class="hc-hero-overlay" data-original-title="" title=""> 1714<div class="container" data-original-title="" title=""> 1715<div class="hc-hero-caption" data-original-title="" title=""> 1716<div class="hc-hero-kicker" data-original-title="" title="">Hammer Yachts</div> 1717<div class="h2 hc-hero-title text-white" data-original-title="" title="">The HammerCat Difference</div> 1718<ul class="list-unstyled hc-hero-list text-white"> 1719<li><i class="fas fa-check fa-fw"></i> Softer ride in rough water</li> 1720<li><i class="fas fa-check fa-fw"></i> Exceptionally dry underway</li> 1721</ul> 1722<a class="btn btn-outline-light round hc-hero-btn" data-original-title="" href="/Why-HammerCat" title="">Experience the Difference</a></div> 1723</div> 1724</div> 1725</div> 1726<div class="carousel-item" data-original-title="" title=""><img alt="HammerCat power catamaran cruising offshore at speed" class="hc-hero-img" src="/userfiles/2731/images/newhammer1.jpg" loading="lazy" decoding="async"> 1727<div class="hc-hero-overlay" data-original-title="" title=""> 1728<div class="container" data-original-title="" title=""> 1729<div class="hc-hero-caption" data-original-title="" title=""> 1730<div class="hc-hero-kicker" data-original-title="" title="">Hammer Yachts</div> 1731<div class="h2 hc-hero-title text-white" data-original-title="" title="">The HammerCat Difference</div> 1732<ul class="list-unstyled hc-hero-list text-white"> 1733<li><i class="fas fa-check fa-fw"></i> Reduced fatigue on long runs</li> 1734<li><i class="fas fa-check fa-fw"></i> Outstanding offshore stability</li> 1735<li><i class="fas fa-check fa-fw"></i> Optimized for real-world cruising speeds</li> 1736</ul> 1737<a class="btn btn-outline-light round hc-hero-btn" data-original-title="" href="/Why-HammerCat" title="">Experience the Difference</a></div> 1738</div> 1739</div> 1740</div> 1741<div class="carousel-item" data-original-title="" title=""><img alt="HammerCat holding cruising speed in open water" class="hc-hero-img" src="/userfiles/2731/images/newhammer2.jpg" loading="lazy" decoding="async"> 1742<div class="hc-hero-overlay" data-original-title="" title=""> 1743<div class="container" data-original-title="" title=""> 1744<div class="hc-hero-caption" data-original-title="" title=""> 1745<div class="hc-hero-kicker" data-original-title="" title="">Hammer Yachts</div> 1746<div class="h2 hc-hero-title text-white" data-original-title="" title="">The HammerCat Difference</div> 1747<ul class="list-unstyled hc-hero-list text-white"> 1748<li><i class="fas fa-check fa-fw"></i> Reduced fatigue on long runs</li> 1749<li><i class="fas fa-check fa-fw"></i> Outstanding offshore stability</li> 1750<li><i class="fas fa-check fa-fw"></i> Optimized for real-world cruising speeds</li> 1751</ul> 1752<a class="btn btn-outline-light round hc-hero-btn" data-original-title="" href="/Why-HammerCat" title="">Experience the Difference</a></div> 1753</div> 1754</div> 1755</div> 1756<div class="carousel-item" data-original-title="" title=""><img alt="Lightweight HammerCat catamaran with wave-piercing hull design" class="hc-hero-img" src="/userfiles/2731/images/newhammer3.jpg" loading="lazy" decoding="async"> 1757<div class="hc-hero-overlay" data-original-title="" title=""> 1758<div class="container" data-original-title="" title=""> 1759<div class="hc-hero-caption" data-original-title="" title=""> 1760<div class="hc-hero-kicker" data-original-title="" title="">Hammer Yachts</div> 1761<div class="h2 hc-hero-title text-white" data-original-title="" title="">The HammerCat Difference</div> 1762<ul class="list-unstyled hc-hero-list text-white"> 1763<li><i class="fas fa-check fa-fw"></i> Lightweight, fuel-efficient performance</li> 1764<li><i class="fas fa-check fa-fw"></i> Industry-leading bridge deck clearance</li> 1765<li><i class="fas fa-check fa-fw"></i> Advanced wave-piercing hull design</li> 1766</ul> 1767<a class="btn btn-outline-light round hc-hero-btn" data-original-title="" href="/Why-HammerCat" title="">Experience the Difference</a></div> 1768</div> 1769</div> 1770</div> 1771<div class="carousel-item" data-original-title="" title=""><img alt="HammerCat bridge deck clearance above the waterline" class="hc-hero-img" src="/userfiles/2731/images/c3.jpg" loading="lazy" decoding="async"> 1772<div class="hc-hero-overlay" data-original-title="" title=""> 1773<div class="container" data-original-title="" title=""> 1774<div class="hc-hero-caption" data-original-title="" title=""> 1775<div class="hc-hero-kicker" data-original-title="" title="">Hammer Yachts</div> 1776<div class="h2 hc-hero-title text-white" data-original-title="" title="">The HammerCat Difference</div> 1777<ul class="list-unstyled hc-hero-list text-white"> 1778<li><i class="fas fa-check fa-fw"></i> Lightweight, fuel-efficient performance</li> 1779<li><i class="fas fa-check fa-fw"></i> Industry-leading bridge deck clearance</li> 1780<li><i class="fas fa-check fa-fw"></i> Advanced wave-piercing hull design</li> 1781</ul> 1782<a class="btn btn-outline-light round hc-hero-btn" data-original-title="" href="/Why-HammerCat" title="">Experience the Difference</a></div> 1783</div> 1784</div> 1785</div> 1786<div class="carousel-item" data-original-title="" title="">
1786<img alt="HammerCat catamaran designed for comfort in all sea states" class="hc-hero-img" src="/userfiles/2731/images/c4.jpg" loading="lazy" decoding="async"> 1787<div class="hc-hero-overlay" data-original-title="" title=""> 1788<div class="container" data-original-title="" title=""> 1789<div class="hc-hero-caption" data-original-title="" title=""> 1790<div class="hc-hero-kicker" data-original-title="" title="">Hammer Yachts</div> 1791<div class="h2 hc-hero-title text-white" data-original-title="" title="">The HammerCat Difference</div> 1792<ul class="list-unstyled hc-hero-list text-white"> 1793<li><i class="fas fa-check fa-fw"></i> Designed for comfort in all sea states</li> 1794<li><i class="fas fa-check fa-fw"></i> Built to redefine the modern power catamaran</li> 1795</ul> 1796<a class="btn btn-outline-light round hc-hero-btn" data-original-title="" href="/Why-HammerCat" title="">Experience the Difference</a></div> 1797</div> 1798</div> 1799</div> 1800<div class="carousel-item" data-original-title="" title=""><img alt="HammerCat, the modern power catamaran redefined" class="hc-hero-img" src="/userfiles/2731/images/c5.jpg" loading="lazy" decoding="async"> 1801<div class="hc-hero-overlay" data-original-title="" title=""> 1802<div class="container" data-original-title="" title=""> 1803<div class="hc-hero-caption" data-original-title="" title=""> 1804<div class="hc-hero-kicker" data-original-title="" title="">Hammer Yachts</div> 1805<div class="h2 hc-hero-title text-white" data-original-title="" title="">The HammerCat Difference</div> 1806<ul class="list-unstyled hc-hero-list text-white"> 1807<li><i class="fas fa-check fa-fw"></i> Designed for comfort in all sea states</li> 1808<li><i class="fas fa-check fa-fw"></i> Built to redefine the modern power catamaran</li> 1809</ul> 1810<a class="btn btn-outline-light round hc-hero-btn" data-original-title="" href="/Why-HammerCat" title="">Experience the Difference</a></div> 1811</div> 1812</div> 1813</div> 1814<div class="carousel-item" data-original-title="" title=""><img alt="HammerCat, the modern power catamaran redefined" class="hc-hero-img" src="/userfiles/2731/images/c55.jpg" loading="lazy" decoding="async"> 1815<div class="hc-hero-overlay" data-original-title="" title=""> 1816<div class="container" data-original-title="" title=""> 1817<div class="hc-hero-caption" data-original-title="" title=""> 1818<div class="hc-hero-kicker" data-original-title="" title="">Hammer Yachts</div> 1819<div class="h2 hc-hero-title text-white" data-original-title="" title="">The HammerCat Difference</div> 1820<ul class="list-unstyled hc-hero-list text-white"> 1821<li><i class="fas fa-check fa-fw"></i> Designed for comfort in all sea states</li> 1822<li><i class="fas fa-check fa-fw"></i> Built to redefine the modern power catamaran</li> 1823</ul> 1824<a class="btn btn-outline-light round hc-hero-btn" data-original-title="" href="/Why-HammerCat" title="">Experience the Difference</a></div> 1825</div> 1826</div> 1827</div> 1828</div> 1829<a class="carousel-control-prev" data-original-title="" data-slide="prev" href="#hcHeroCarousel" role="button" title=""><span aria-hidden="true" class="carousel-control-prev-icon" data-original-title="" title=""></span> <span class="sr-only" data-original-title="" title="">Previous</span> </a> <a class="carousel-control-next" data-original-title="" data-slide="next" href="#hcHeroCarousel" role="button" title="" data-link=""> <span aria-hidden="true" class="carousel-control-next-icon" data-original-title="" title=""></span> <span class="sr-only" data-original-title="" title="">Next</span> </a></div> 1830</div> 1831</section> 1832<!-- ===== SNIP 2: INTRODUCTION ===== --> 1833<section class="snipOuter py-5 bg-light" id="hc-intro"> 1834<div class="container snip" data-original-title="" title=""> 1835<div class="row align-items-center" data-original-title="" title=""> 1836<div class="col-12 col-lg-6 mb-4 mb-lg-0 pr-lg-5" data-original-title="" title=""> 1837<div class="hc-eyebrow" data-original-title="" title="">Welcome to Hammer Yachts</div> 1838<h1 class="hc-display">The next generation of <em>power catamarans</em></h1> 1839<p class="hc-lead">Elegant. Fast. Fuel efficient. Built for boaters who refuse to compromise.</p> 1840<p>We founded Hammer Yachts in 2018 because the 30 to 45 foot power catamaran had barely evolved since the 1990s. Too many were heavy. Too many were inefficient. Too many sacrificed elegance for utility. The HammerCat is our answer: advanced epoxy composite construction, striking design and exceptional fuel efficiency in one true offshore platform.</p> 1841<div class="hc-stats" data-original-title="" title=""> 1842<div class="hc-stat" data-original-title="" title=""><span class="hc-stat-num" data-original-title="" title="">40%</span> <span class="hc-stat-label text-muted" data-original-title="" title="">Lighter Construction</span></div> 1843<div class="hc-stat" data-original-title="" title=""><span class="hc-stat-num" data-original-title="" title="">12'</span> <span class="hc-stat-label text-muted" data-original-title="" title="">Beam for Stability</span></div> 1844<div class="hc-stat" data-original-title="" title=""><span class="hc-stat-num" data-original-title="" title="">18"</span> <span class="hc-stat-label text-muted" data-original-title="" title="">Shallow Draft</span></div> 1845</div> 1846<div class="hc-intro-btns" data-original-title="" title=""><a class="btn btn-primary round" data-original-title="" href="/Our-Story" title="">Our Story</a> <a class="btn btn-outline-dark round" data-original-title="" href="/Compare" title="">Compare the HammerCat</a></div> 1847</div> 1848<div class="col-12 col-lg-6" data-original-title="" title=""><span class="hc-frame d-block" data-original-title="" title=""> <img alt="HammerCat power catamaran underway on blue water" class="w-100 round hc-intro-img" loading="lazy" src="/userfiles/2731/images/home1.jpg"> </span></div> 1849</div> 1850</div> 1851</section> 1852<!-- ===== SNIP 3: THE FLEET ===== --> 1853<section class="snipOuter py-5" id="hc-fleet"> 1854<div class="container container-wide snip" data-original-title="" title=""> 1855<div class="row" data-original-title="" title=""> 1856<div class="col-12 text-center" data-original-title="" title=""> 1857<div class="hc-eyebrow hc-eyebrow-c" data-original-title="" title="">The Fleet</div> 1858<h2 class="hc-display">Choose your HammerCat</h2> 1859<p class="hc-lead hc-lead-c">Every model shares the same wave-piercing DNA. Pick the size and layout that fits the way you boat.</p> 1860</div> 1861</div> 1862<div class="row pt-3" data-original-title="" title=""> 1863<div class="col-6 col-lg-3 mb-4 d-flex" data-original-title="" title=""><a class="hc-gal-tile hc-model-tile w-100 round" data-original-title="" href="/HammerCat-30" title=""><span class="hc-gal-img d-block" data-original-title="" title=""> <img alt="HammerCat 30 running offshore" loading="lazy" src="/userfiles/2731/images/hammer30feature.jpg"> </span> <span class="hc-gal-body d-block" data-original-title="" title=""> <span class="h5 hc-gal-title d-block" data-original-title="" title="">HammerCat 30</span> <span class="hc-gal-desc d-block text-muted" data-original-title="" title="">
1863Agile and efficient</span> <span class="hc-gal-cta d-block" data-original-title="" title="">Explore <i class="fas fa-arrow-right"></i></span> </span> </a></div> 1864<div class="col-6 col-lg-3 mb-4 d-flex" data-original-title="" title=""><a class="hc-gal-tile hc-model-tile w-100 round" data-original-title="" href="/HammerCat-35" title=""><span class="hc-gal-img d-block" data-original-title="" title=""> <img alt="HammerCat 35 center console at speed" loading="lazy" src="/userfiles/2731/images/newhammer3.jpg"> </span> <span class="hc-gal-body d-block" data-original-title="" title=""> <span class="h5 hc-gal-title d-block" data-original-title="" title="">HammerCat 35</span> <span class="hc-gal-desc d-block text-muted" data-original-title="" title="">The flagship center console</span> <span class="hc-gal-cta d-block" data-original-title="" title="">Explore <i class="fas fa-arrow-right"></i></span> </span> </a></div> 1865<div class="col-6 col-lg-3 mb-4 d-flex" data-original-title="" title=""><a class="hc-gal-tile hc-model-tile w-100 round" data-original-title="" href="/HammerCat-45" title=""><span class="hc-gal-img d-block" data-original-title="" title=""> <!-- STAND-IN: only CGI renders exist for the 45 today; swap for a real 45 photo when available --> <img alt="HammerCat flagship running at speed" loading="lazy" src="/userfiles/2731/images/HammerCat45-High-Res.jpg"> </span> <span class="hc-gal-body d-block" data-original-title="" title=""> <span class="h5 hc-gal-title d-block" data-original-title="" title="">HammerCat 45</span> <span class="hc-gal-desc d-block text-muted" data-original-title="" title="">The long-range flagship</span> <span class="hc-gal-cta d-block" data-original-title="" title="">Explore <i class="fas fa-arrow-right"></i></span> </span> </a></div> 1866<div class="col-6 col-lg-3 mb-4 d-flex" data-original-title="" title=""><a class="hc-gal-tile hc-model-tile w-100 round" data-original-title="" href="/HammerCat-35HH" title=""><span class="hc-gal-img d-block" data-original-title="" title=""> <img alt="HammerCat 35HH walk-around cuddy" loading="lazy" src="/userfiles/2731/images/hh35-1.jpg"> </span> <span class="hc-gal-body d-block" data-original-title="" title=""> <span class="h5 hc-gal-title d-block" data-original-title="" title="">HammerCat 35HH</span> <span class="hc-gal-desc d-block text-muted" data-original-title="" title="">The walk-around cuddy</span> <span class="hc-gal-cta d-block" data-original-title="" title="">Explore <i class="fas fa-arrow-right"></i></span> </span> </a></div> 1867</div> 1868</div> 1869</section> 1870<!-- ===== SNIP 4: GALLERY COLLECTIONS ===== --> 1871<section class="snipOuter py-5 bg-light" id="hc-galleries"> 1872<div class="container snip" data-original-title="" title=""> 1873<div class="row" data-original-title="" title=""> 1874<div class="col-12 text-center" data-original-title="" title=""> 1875<div class="hc-eyebrow hc-eyebrow-c" data-original-title="" title="">The Gallery</div> 1876<h2 class="hc-display">The HammerCat Experience</h2> 1877<p class="hc-lead hc-lead-c">More than 200 photographs of life with a HammerCat, from offshore runs to island weekends. Choose a collection to explore.</p> 1878</div> 1879</div> 1880<div class="row pt-3" data-original-title="" title=""> 1881<div class="col-12 col-md-6 col-xl-4 mb-4 d-flex" data-original-title="" title=""><a class="hc-gal-tile w-100 round" data-original-title="" href="/Offshore-Performance" title=""><span class="hc-gal-img d-block" data-original-title="" title=""> <img alt="Offshore performance photo collection" loading="lazy" src="/userfiles/2731/images/home2.jpg"> </span> <span class="hc-gal-body d-block" data-original-title="" title=""> <span class="h5 hc-gal-title d-block" data-original-title="" title="">Offshore Performance</span> <span class="hc-gal-desc d-block text-muted" data-original-title="" title="">Wave-piercing hulls at speed, from tight inlets to bluewater crossings.</span> <span class="hc-gal-cta d-block" data-original-title="" title="">View Collection <i class="fas fa-arrow-right"></i></span> </span> </a></div> 1882<div class="col-12 col-md-6 col-xl-4 mb-4 d-flex" data-original-title="" title=""><a class="hc-gal-tile w-100 round" data-original-title="" href="/Fishing" title=""><span class="hc-gal-img d-block" data-original-title="" title=""> <img alt="Fishing photo collection" loading="lazy" src="/userfiles/2731/images/home3.jpg"> </span> <span class="hc-gal-body d-block" data-original-title="" title=""> <span class="h5 hc-gal-title d-block" data-original-title="" title="">Fishing</span> <span class="hc-gal-desc d-block text-muted" data-original-title="" title="">Kite baits, live wells and long runs to the grounds on a serious fishing platform.</span> <span class="hc-gal-cta d-block" data-original-title="" title="">View Collection <i class="fas fa-arrow-right"></i></span> </span> </a></div> 1883<div class="col-12 col-md-6 col-xl-4 mb-4 d-flex" data-original-title="" title=""><a class="hc-gal-tile w-100 round" data-original-title="" href="/The-Bahamas" title=""><span class="hc-gal-img d-block" data-original-title="" title=""> <img alt="The Bahamas photo collection" loading="lazy" src="/userfiles/2731/images/home4.jpg"> </span> <span class="hc-gal-body d-block" data-original-title="" title=""> <span class="h5 hc-gal-title d-block" data-original-title="" title="">The Bahamas</span> <span class="hc-gal-desc d-block text-muted" data-original-title="" title="">Island hopping the Exumas and beyond on a single tank of fuel.</span> <span class="hc-gal-cta d-block" data-original-title="" title="">View Collection <i class="fas fa-arrow-right"></i></span> </span> </a></div> 1884<div class="col-12 col-md-6 col-xl-4 mb-4 d-flex" data-original-title="" title=""><a class="hc-gal-tile w-100 round" data-original-title="" href="/Family-Adventures" title=""><span class="hc-gal-img d-block" data-original-title="" title=""> <img alt="Family adventures photo collection" loading="lazy" src="/userfiles/2731/images/home5.jpg"> </span> <span class="hc-gal-body d-block" data-original-title="" title=""> <span class="h5 hc-gal-title d-block" data-original-title="" title="">Family Adventures</span> <span class="hc-gal-desc d-block text-muted" data-original-title="" title="">Sandbars, sunsets and beach days where everyone wants to come along.</span> <span class="hc-gal-cta d-block" data-original-title="" title="">View Collection <i class="fas fa-arrow-right"></i></span> </span> </a></div> 1885<div class="col-12 col-md-6 col-xl-4 mb-4 d-flex" data-original-title="" title=""><a class="hc-gal-tile w-100 round" data-original-title="" href="/The-Ultimate-Yacht-Tender" title=""><span class="hc-gal-img d-block" data-original-title="" title=""> <img alt="The ultimate yacht tender photo collection" loading="lazy" src="/userfiles/2731/images/home6.jpg"> </span> <span class="hc-gal-body d-block" data-original-title="" title=""> <span class="h5 hc-gal-title d-block" data-original-title="" title="">The Ultimate Yacht Tender</span> <span class="hc-gal-desc d-block text-muted" data-original-title="" title="">The tender the crew reaches for, towed tens of thousands of miles.</span> <span class="hc-gal-cta d-block" data-original-title="" title="">View Collection <i class="fas fa-arrow-right"></i></span> </span> </a></div> 1886<div class="col-12 col-md-6 col-xl-4 mb-4 d-flex" data-original-title="" title=""><a class="hc-gal-tile w-100 round" data-original-title="" href="/Construction-Craftsmanship" title=""><span class="hc-gal-img d-block" data-original-title="" title=""> <img alt="Construction and craftsmanship photo collection" loading="lazy" src="/userfiles/2731/images/home7.jpg"> </span> <span class="hc-gal-body d-block" data-original-title="" title=""> <span class="h5 hc-gal-title d-block" data-original-title="" title="">Construction & Craftsmanship</span> <span class="hc-gal-desc d-block text-muted" data-original-title="" title="">Epoxy composite, carbon fiber and the details of a boutique build.</span> <span class="hc-gal-cta d-block" data-original-title="" title="">View Collection <i class="fas fa-arrow-right"></i></span> </span> </a></div> 1887</div> 1888</div> 1889</section> 1890</div> 1891</div> <!-- / .wrapper -->
1892<!-- daldals --> 1893<!--Footer--> 1894<footer class="omsFooter "> 1895<section class="snipOuter oms-footer bg-dark py-4" id="oms_3312321"> 1896<style type="text/css"> 1897.oms-footer .navbar-nav .nav-link { 1898padding: 5px 0; 1899} 1900.oms-footer { 1901color: var(--light); 1902} 1903.oms-footer a:not(.dropdown-item):not(.btn) { 1904color: var(--light); 1905} 1906.oms-footer a:not(.dropdown-item):not(.btn):hover, 1907.oms-footer .fab.text-light:hover { 1908color: var(--primary-alt) !important; 1909} 1910.copyrightWrapper { 1911padding-top: .5rem!important; 1912padding-bottom: .5rem!important; 1913color: inherit!important; 1914background: var(--black)!important; 1915} 1916.copyrightWrapper a, .footerCopy { 1917color: #999 !important; 1918} 1919.copyrightWrapper a:hover { 1920color: var(--primary-alt)!important; 1921text-decoration: none !important; 1922} 1923.oms-footer hr { 1924border-top: 1px solid var(--light); 1925opacity: .2; 1926} 1927.oms-footer .socials .fa-2x { 1928font-size: 1.5rem; 1929} 1930</style> 1931<div class="container snip" data-original-title="" title=""> 1932<div class="row" data-original-title="" title=""> 1933<div class="col-12 col-md-12 col-lg-6 my-3" data-original-title="" title=""> 1934<h6 class="text-primary-alt"><span data-original-title="" title=""><span data-original-title="" title=""><span data-original-title="" title="">Hammer Yachts</span></span></span></h6> 1935<hr> 1936<p class="small">Hammer Yachts builds next-generation HammerCat power catamarans designed for an elegant ride, strong offshore performance, and impressive fuel efficiency. Featuring models like the HammerCat 35 and HammerCat 45, each vessel is built with lightweight epoxy composite construction, modern hull design, and customizable layouts for sport fishing, family boating, cruising, and serious time on the water.</p> 1937<div class="socials mb-2" data-original-title="" title=""><a class="social-facebook" data-original-title="" data-cke-saved-href="https://www.facebook.com/hammeryachtsusa" href="https://www.facebook.com/hammeryachtsusa" target="_blank" title=""><i class="text-light fab fa-facebook-square fa-fw fa-2x"></i></a> <a class="social-instagram" data-original-title="" data-cke-saved-href="https://www.instagram.com/hammeryachts/?hl=en" href="https://www.instagram.com/hammeryachts/?hl=en" target="_blank" title=""><i class="text-light fab fa-instagram fa-fw fa-2x"></i></a> <a class="social-yelp" data-original-title="" data-cke-saved-href="" href="" target="_blank" title=""><i class="text-light fab fa-yelp fa-fw fa-2x"></i></a> <a class="social-tripadvisor" data-original-title="" data-cke-saved-href="" href="" target="_blank" title=""><i class="text-light fab fa-tripadvisor fa-fw fa-2x"></i></a> 1938<a class="social-twitter" data-original-title="" data-cke-saved-href="" href="" target="_blank" title=""><i class="text-light fab fa-twitter fa-fw fa-2x"></i> 1939</a> <a class="social-linkedin" data-original-title="" data-cke-saved-href="https://www.linkedin.com/in/peter-wiersema-cpyb-8737782/" href="https://www.linkedin.com/in/peter-wiersema-cpyb-8737782/" target="_blank" title=""><i class="text-light fab fa-linkedin fa-fw fa-2x"></i> </a> <a class="social-pinterest" data-original-title="" data-cke-saved-href="" href="" target="_blank" title=""><i class="text-light fab fa-pinterest fa-fw fa-2x"></i></a> <a class="social-youtube" data-original-title="" data-cke-saved-href="" href="" target="_blank" title=""><i class="text-light fab fa-youtube-square fa-fw fa-2x"></i></a> 1940<a class="social-tiktok" data-original-title="" href="[[[LOC_TIKTOKTURL]]]" target="_blank" title=""><i class="text-light fab fa-tiktok fa-fw fa-2x"></i></a> 1941</div> 1942<!--{cke_protected}{C}%3C!%2D%2D%3Ca%20class%3D%22d-inline-block%20small%22%20data-original-title%3D%22%22%20href%3D%22%2FTerms-of-Use%22%20title%3D%22%22%3ETerms%20of%20Use%3C%2Fa%3E%20%7C%20%3Ca%20class%3D%22d-inline-block%20small%22%20data-original-title%3D%22%22%20href%3D%22%2FPrivacy-Statement%22%20title%3D%22%22%3EPrivacy%3C%2Fa%3E%20%7C%20%3Ca%20class%3D%22d-inline-block%20small%22%20data-original-title%3D%22%22%0Ahref%3D%22%2Fcontact%22%20title%3D%22%22%3EContact%20Us%3C%2Fa%3E%2D%2D%3E--> 1943</div> 1944<div class="col-12 col-md-6 col-lg-3 my-3" data-original-title="" title=""> 1945<h6 class="text-primary-alt"><span data-original-title="" title=""><span data-original-title="" title=""><span data-original-title="" title="">Navigation</span></span></span></h6> 1946<hr> 1947<p><ul class="nav navbar-nav"> 1948<li class="nav-item dropdown"><!--nav-item dropdown class to li----> 1949<a class="nav-link dropdown-toggle" href="javascript: void(0)" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown" data-level="1">About</a> 1950<div class="dropdown-menu"> 1951<a class="dropdown-item" href="//hammeryachts.com/Our-Story" data-level="2">Our Story</a> 1952<a class="dropdown-item" href="//hammeryachts.com/Why-HammerCat" data-level="2">Why HammerCat</a> 1953</div> 1954</li> 1955<li class="nav-item dropdown"><!--nav-item dropdown class to li----> 1956<a class="nav-link dropdown-toggle" href="javascript: void(0)" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown" data-level="1">Our Models</a> 1957<div class="dropdown-menu"> 1958<a class="dropdown-item" href="//hammeryachts.com/HammerCat-30" data-level="2">HammerCat 30</a> 1959<a class="dropdown-item" href="//hammeryachts.com/HammerCat-35" data-level="2">HammerCat 35</a> 1960<a class="dropdown-item" href="//hammeryachts.com/HammerCat-45" data-level="2">HammerCat 45</a> 1961<a class="dropdown-item" href="//hammeryachts.com/HammerCat-35HH" data-level="2">
1961HammerCat 35HH</a> 1962</div> 1963</li> 1964<li class="nav-item dropdown"><!--nav-item dropdown class to li----> 1965<a class="nav-link dropdown-toggle" href="javascript: void(0)" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown" data-level="1">Galleries</a> 1966<div class="dropdown-menu"> 1967<a class="dropdown-item" href="//hammeryachts.com/Offshore-Performance" data-level="2">Offshore Performance</a> 1968<a class="dropdown-item" href="//hammeryachts.com/Fishing" data-level="2">Fishing</a> 1969<a class="dropdown-item" href="//hammeryachts.com/The-Bahamas" data-level="2">The Bahamas</a> 1970<a class="dropdown-item" href="//hammeryachts.com/Family-Adventures" data-level="2">Family Adventures</a> 1971<a class="dropdown-item" href="//hammeryachts.com/The-Ultimate-Yacht-Tender" data-level="2">The Ultimate Yacht Tender</a> 1972<a class="dropdown-item" href="//hammeryachts.com/Construction-Craftsmanship" data-level="2">Construction & Craftsmanship</a> 1973</div> 1974</li> 1975<li class="nav-item"><!--nav-item dropdown class to li----> 1976<a class="nav-link" href="//hammeryachts.com/Owner-Stories" data-level="1">Owner Stories</a> 1977</li> 1978<li class="nav-item"><!--nav-item dropdown class to li----> 1979<a class="nav-link" href="//hammeryachts.com/Compare" data-level="1">Compare</a> 1980</li> 1981<li class="nav-item"><!--nav-item dropdown class to li----> 1982<a class="nav-link" href="//hammeryachts.com/Media-Awards" data-level="1">Media & Awards</a> 1983</li> 1984</ul></p> 1985<!--{cke_protected}{C}%3C!%2D%2D%20%3Ca%20class%3D%22btn%20btn-primary%22%20href%3D%22xxx%22%20target%3D%22_blank%22%20data-original-title%3D%22%22%20title%3D%22%22%3E%3Ci%20class%3D%22fas%20fa-camera%22%3E%3C%2Fi%3E%20Sh
1985op%3C%2Fa%3E%2D%2D%3E--> 1986</div> 1987<div class="col-12 col-md-6 col-lg-3 my-3" data-original-title="" title=""> 1988<h6 class="text-primary-alt"><span data-original-title="" title=""><span data-original-title="" title=""><span data-original-title="" title="">Contact Us</span></span></span></h6> 1989<hr> 1990<div class="contact-address" data-original-title="" title=""><a class="d-flex align-items-start justify-content-start w-100 py-1" data-link="" data-original-title="" data-cke-saved-href="/Contact" href="/Contact" title=""><i class="text-primary-alt fas fa-location-arrow" fa-data="" style="min-width: 25px; height: 25px; display: flex; align-items: center; justify-content: start;"></i> CO</a> 1991</div> 1992<div class="contact-phone" data-original-title="" title=""><a class="d-flex align-items-center justify-content-start w-100 py-1" data-link="" data-original-title="" data-cke-saved-href="tel:" href="tel:" title=""><i class="text-primary-alt fas fa-phone" fa-data="" style="min-width: 25px; height: 25px; display: flex; align-items: center; justify-content: start;"></i> </a> 1993</div> 1994<div class="contact-fax" data-original-title="" title=""><a class="d-flex align-items-center justify-content-start w-100 py-1" data-original-title="" data-cke-saved-href="tel:" href="tel:" title=""><i class="fas fa-fax text-primary-alt" style="min-width: 25px; height: 25px; display: flex; align-items: center; justify-content: start;"></i> </a> 1995</div> 1996<div class="contact-email" data-original-title="" title=""><!--<a class="d-flex align-items-center justify-content-start w-100 py-1" data-link="" data-original-title="" data-cke-saved-href="/Book-Now" href="/Book-Now" title=""><i class="fas fa-envelope text-primary-alt" style="min-width: 25px; height: 25px; display: flex; align-items: center; justify-content: start;"></i>Send a Message</a>--> 1997<a class="btn btn-primary" href="/Book-Now" data-original-title="" title=""><i class="fas fa-pen"></i> Get in Touch</a> 1998</div> 1999<div class="contact-hours" data-original-title="" title=""><span class="d-flex align-items-start justify-content-start w-100 py-1" data-link="" data-original-title="" title=""><i class="text-primary-alt fas fa-clock" fa-data="" style="min-width: 25px; height: 25px; display: flex; align-items: center; justify-content: start;"></i> </span> 2000</div> 2001</div> 2002</div> 2003</div> 2004</section> 2005<div class="container-fluid small py-2 bg-black text-light copyrightWrapper"> 2006<style> 2007.copyrightWrapper a { 2008color: var(--light); 2009} 2010.copyrightWrapper a:hover { 2011text-decoration: underline; 2012} 2013. 2014</style> 2015<div class="copyright row"> 2016<div class="footerDWD col-12 col-lg-4 text-center text-lg-left py-1"> 2017<a href="http://denverwebsitedesigns.com" target="_blank">Site Designed by Denver Website Designs</a> 2018</div> 2019<div class="footerCopy col-12 col-lg-4 text-center py-1">©2026 Hammer Yachts</div> 2020<div class="footerLinks col-12 col-lg-4 text-center text-lg-right py-1"> 2021<a class="sitemap-link" href="/sitemap.cfm">sitemap</a> | <a class="sitemap-xml-link" href="/hammeryachts-com-sitemap.xml">sitemap xml</a> | <a class="rss-link" href="/feed">rss feed</a> 2022| 2023<a data-toggle="modal" data-target="#omniaMgmtLoginModal">sign in</a> 2024</div> 2025</div> 2026</div> 2027</footer>
2028<script> 2029$(function() { 2030$("*[contenteditable]").prop("contenteditable",false); 2031$(".fancylogin").fancybox({ 2032type: "iframe", 2033href: "//hammeryachts.com/includes/loginForm_a.cfm?s=2731", 2034margin: 0, 2035closeBtn: false, 2036wrapCSS: "loginBox", 2037width: 320, 2038height: 230, 2039afterShow: function() { $("#userName").focus(); } }); 2040}); 2041</script>
2041 2042<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" crossorigin="anonymous"> 2043<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> 2044<!--[if lt IE 9]>
2045<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
vendor: 1 bytes, line 2045
2045
2046<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
2046 2047<![endif]-->
2048<script src="/js/jquery.cookie.js?v=1547685408"></script>
vendor: 1 bytes, line 2048
2048
2049<script> 2050wow = new WOW({ 2051boxClass: 'wow', // default 2052animateClass: 'animated', // default 2053offset: 30, // default 2054mobile: true, // default 2055live: true // default 2056}) 2057wow.init(); 2058</script>
2058 2059<style> 2060.wow {visibility: hidden;} 2061.social-twitter{display:none !important;} 2062.social-google{display:none !important;} 2063.social-zillow{display:none !important;} 2064.social-yelp{display:none !important;} 2065.social-youtube{display:none !important;} 2066.social-tripadvisor{display:none !important;} 2067.social-pinterest{display:none !important;} 2068.contact-phone{display:none !important;} 2069.contact-fax{display:none !important;} 2070.contact-address{display:none !important;} 2071.contact-hours{display:none !important;} 2072.social-tiktok{display:none !important;} 2073</style> 2074<!-- Omnia JS -->
2075<script src="/js/omsBs4.js?v=1789679629"></script>
2075 2076<!-- ReCaptcha JS -->
2077<script> 2078(function(){ 2079if (window.grecaptcha || window.omsRecaptchaLoad || document.querySelector('script[src*="recaptcha/api.js"]')) return; 2080var loaded = false, pendingExec = false; 2081function load(){ 2082if (loaded) return; loaded = true; 2083var s = document.createElement('script'); 2084s.src = 'https://www.google.com/recaptcha/api.js?hl=en&onload=omsRecaptchaOnload'; 2085s.async = true; s.defer = true; 2086document.head.appendChild(s); 2087} 2088window.___grecaptcha_cfg = window.___grecaptcha_cfg || {}; 2089window.___grecaptcha_cfg.fns = window.___grecaptcha_cfg.fns || []; 2090var stub = window.grecaptcha = {}; 2091stub.ready = function(cb){ window.___grecaptcha_cfg.fns.push(cb); load(); }; 2092stub.getResponse = function(){ load(); return ''; }; 2093stub.execute = function(){ pendingExec = true; load(); }; 2094stub.render = function(){ load(); }; 2095stub.reset = function(){}; 2096window.omsRecaptchaOnload = function(){ 2097if (!pendingExec) return; 2098var tries = 0; 2099(function go(){ 2100try { window.grecaptcha.execute(); pendingExec = false; } 2101catch (e) { if (++tries < 20) setTimeout(go, 250); } 2102})(); 2103}; 2104var evs = ['pointerdown', 'keydown', 'touchstart', 'mousemove', 'scroll', 'focusin'];
2105function once(){ evs.forEach(function(e){ window.removeEventListener(e, once, true); }); load(); } 2106evs.forEach(function(e){ window.addEventListener(e, once, { capture: true, passive: true }); }); 2107window.omsRecaptchaLoad = load; 2108})(); 2109</script>
2109 2110<!-- Site Custom JS -->
2111<script src="//hammeryachts.com/js/additionalJS.cfm?pageid=87114&siteid=2731&v=1&ref=inside&editPage=0" id="additionalJSLink"></script>
2111 2112</div> 2113</div> 2114<div id="header_recaptcha" class="g-recaptcha" data-sitekey="6LdSEZEUAAAAAD355f5isunNsV8pIazt4c0UQzi9" data-size="invisible" data-callback="recaptcha_submit"></div> 2115</body> 2116</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.