<div class="page_header_bg">
<div class="page_header_bg_inner">
<div class="page_header_bg_group">
<div class="page_header_bg_media">
<div class="page_header_bg_media_inner">
<figure class="page_header_bg_figure">
<span class="lazy_image_wrapper page_header_bg_image_wrapper">
<img class="js-lazy js-lazyload page_header_bg_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/jtcc/500x214/10" data-srcset="//images.fastspot.com/jtcc/500x214/10 500w, //images.fastspot.com/jtcc/740x317/10 740w, //images.fastspot.com/jtcc/980x420/10 980w, //images.fastspot.com/jtcc/1220x523/10 1220w, //images.fastspot.com/jtcc/1440x617/10 1440w" alt="">
</span>
<noscript>
<img class="page_header_bg_image" src="https://images.fastspot.com/jtcc/1440x617/10" srcset="//images.fastspot.com/jtcc/1440x617/10 1440w, //images.fastspot.com/jtcc/1220x523/10 1220w, //images.fastspot.com/jtcc/980x420/10 980w, //images.fastspot.com/jtcc/740x317/10 740w, //images.fastspot.com/jtcc/500x214/10 500w" sizes="100vw" alt="" itemprop="primaryImageOfPage">
</noscript>
</figure>
</div>
</div>
<div class="page_header_bg_content">
<div class="page_intro">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-xl-9">
<div class="page_intro_inner">
<div class="breadcrumb">
<div class="breadcrumb_inner">
<nav class="breadcrumb_nav" aria-labelledby="breadcrumb_nav_title">
<div class="breadcrumb_nav_header">
<h2 class="breadcrumb_nav_title" id="breadcrumb_nav_title">You are here:</h2>
</div>
<ol class="breadcrumb_list" aria-labelledby="breadcrumb_nav_title">
<li class="breadcrumb_item breadcrumb_item_home">
<a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Home</span>
<span class="breadcrumb_pill_icon">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Navigation Level</span>
<span class="breadcrumb_pill_icon">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Parent Level</span>
<span class="breadcrumb_pill_icon">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Page Title</span>
</span>
</span>
</li>
</ol>
</nav>
</div>
</div>
<h1 class="page_title" itemprop="name">Contact Us</h1>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page_header_bg{% if stretch %} theme_stretch{% endif %}">
<div class="page_header_bg_inner">
<div class="page_header_bg_group">
{% if layout != "detail" %}
{% if image or video %}
<div class="page_header_bg_media">
<div class="page_header_bg_media_inner">
{% if image %}
<figure class="page_header_bg_figure">
{% render "@partial-image" with {
class: "page_header_bg",
alt: "",
itemprop: "primaryImageOfPage",
image: image,
sources: [
img("ultrawide").xlrg,
img("ultrawide").lrg,
img("ultrawide").med,
img("ultrawide").sml,
img("ultrawide").xsml
]
} %}
</figure>
{% endif %}
{% if video %}
<div class="js-background-video-wrapper page_header_bg_video" aria-hidden="true">
<iframe class="js-background-video-iframe page_header_bg_iframe" src="//player.vimeo.com/video/{{ video }}?background=1&muted=1" title="{{ title }} video" allow="autoplay"></iframe>
<div class="page_header_bg_video_controls">
{% render "@partial-button" with {
class: "page_header_bg_video_play",
title: "Play",
icon: "video_play",
js: true
} %}
{% render "@partial-button" with {
class: "page_header_bg_video_pause",
title: "Pause",
icon: "video_pause",
js: true
} %}
</div>
</div>
{% endif %}
</div>
</div>
{% endif %}
{% endif %}
<div class="page_header_bg_content">
{% if title or description %}
<div class="page_intro">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-xl-9">
<div class="page_intro_inner">
{% if breadcrumbNav != false %}
<div class="breadcrumb">
<div class="breadcrumb_inner">
{% render "@navigation-breadcrumb" %}
</div>
</div>
{% endif %}
{% if title %}
<h1 class="page_title" itemprop="name">{{ title }}</h1>
{% endif %}
{% if description %}
<p class="page_description" itemprop="description">{{ description }}</p>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
</div>
</div>
</div>
</div>
No notes defined.