<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE xsl:stylesheet [
<!ENTITY copy   "&#169;">
<!ENTITY nbsp "&#xa0;">
]>

<xsl:stylesheet version="3.0"
	xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
	xmlns:xs="http://www.w3.org/2001/XMLSchema"
	xmlns:ou="http://omniupdate.com/XSL/Variables"
	xmlns:fn="http://omniupdate.com/XSL/Functions"
	xmlns:ouc="http://omniupdate.com/XSL/Variables"
	xmlns="http://www.w3.org/1999/xhtml"
	exclude-result-prefixes="ou xsl xs fn ouc">

	<xsl:import href="common.xsl"/>

	<xsl:template name="common-layout">
 			<xsl:call-template name="common-header" /> 
			<xsl:call-template name="page-content" />
		    <!-- <xsl:call-template name="bottom-content" /> -->
 			<xsl:call-template name="common-footer" /> 
	</xsl:template>

	<xsl:template name="page-content">	
		
		<xsl:param name="updated-date" select="$ou:modified" />
		<xsl:variable name="banner_type_1" select="banner-items/banner-1/ouc:div[@label='display-type-1']" />
		<xsl:variable name="banner_type_2" select="banner-items/banner-2/ouc:div[@label='display-type-2']" />
		<xsl:variable name="banner_type_3" select="banner-items/banner-3/ouc:div[@label='display-type-3']" />	
		<xsl:variable name="banner_type_4" select="banner-items/banner-4/ouc:div[@label='display-type-4']" />
		<xsl:variable name="banner_type_5" select="banner-items/banner-5/ouc:div[@label='display-type-5']" />
		<xsl:variable name="banner_type_6" select="banner-items/banner-6/ouc:div[@label='display-type-6']" />
		<xsl:variable name="banner_type_7" select="banner-items/banner-7/ouc:div[@label='display-type-7']" />
        <xsl:variable name="banner_type_8" select="banner-items/banner-8/ouc:div[@label='display-type-8']" />
        <xsl:variable name="banner_type_9" select="banner-items/banner-9/ouc:div[@label='display-type-9']" />
        <xsl:variable name="banner_type_10" select="banner-items/banner-10/ouc:div[@label='display-type-10']" />
			
		<xsl:variable name="video_banner_1" select="banner-items/banner-1/ouc:div[@label='banner-video']" />
		<xsl:variable name="video_banner_2" select="banner-items/banner-2/ouc:div[@label='banner-video']" />
		<xsl:variable name="video_banner_3" select="banner-items/banner-3/ouc:div[@label='banner-video']" />
		<xsl:variable name="video_banner_4" select="banner-items/banner-4/ouc:div[@label='banner-video']" />
		<xsl:variable name="video_banner_5" select="banner-items/banner-5/ouc:div[@label='banner-video']" />
		<xsl:variable name="video_banner_6" select="banner-items/banner-6/ouc:div[@label='banner-video']" />
        <xsl:variable name="video_banner_7" select="banner-items/banner-7/ouc:div[@label='banner-video']" />
        <xsl:variable name="video_banner_8" select="banner-items/banner-8/ouc:div[@label='banner-video']" />
        <xsl:variable name="video_banner_9" select="banner-items/banner-9/ouc:div[@label='banner-video']" />
        <xsl:variable name="video_banner_10" select="banner-items/banner-10/ouc:div[@label='banner-video']" />
		
		
		<xsl:variable name="iframe-link" select="iframe-video/ouc:div[@label='iframe-video-link']" />
		
		<xsl:variable name="flip-title-1" select="flip-items/flip-1/ouc:div[@label='flip-title-1']" />
		<xsl:variable name="flip-title-2" select="flip-items/flip-2/ouc:div[@label='flip-title-2']" />
		<xsl:variable name="flip-title-3" select="flip-items/flip-3/ouc:div[@label='flip-title-3']" />
		<xsl:variable name="flip-title-4" select="flip-items/flip-4/ouc:div[@label='flip-title-4']" />
		<xsl:variable name="flip-title-5" select="flip-items/flip-5/ouc:div[@label='flip-title-5']" />
		<xsl:variable name="flip-title-6" select="flip-items/flip-6/ouc:div[@label='flip-title-6']" />
		<xsl:variable name="flip-title-7" select="flip-items/flip-7/ouc:div[@label='flip-title-7']" />
		<xsl:variable name="flip-title-8" select="flip-items/flip-8/ouc:div[@label='flip-title-8']" />
		<xsl:variable name="flip-title-9" select="flip-items/flip-9/ouc:div[@label='flip-title-9']" />
		<xsl:variable name="flip-title-10" select="flip-items/flip-10/ouc:div[@label='flip-title-10']" />
		<xsl:variable name="flip-title-11" select="flip-items/flip-11/ouc:div[@label='flip-title-11']" />
		<xsl:variable name="flip-title-12" select="flip-items/flip-12/ouc:div[@label='flip-title-12']" />
				<!--<xsl:variable name="flip-title-13" select="flip-items/flip-13/ouc:div[@label='flip-title-13']" />
		 <xsl:variable name="flip-title-14" select="flip-items/flip-14/ouc:div[@label='flip-title-14']" />
		<xsl:variable name="flip-title-15" select="flip-items/flip-15/ouc:div[@label='flip-title-15']" /> -->

		
		<xsl:variable name="flip-info-1" select="flip-items/flip-1/ouc:div[@label='flip-info-1']" />
		<xsl:variable name="flip-info-2" select="flip-items/flip-2/ouc:div[@label='flip-info-2']" />
		<xsl:variable name="flip-info-3" select="flip-items/flip-3/ouc:div[@label='flip-info-3']" />
<xsl:variable name="flip-info-4" select="flip-items/flip-4/ouc:div[@label='flip-info-4']" />
<xsl:variable name="flip-info-5" select="flip-items/flip-5/ouc:div[@label='flip-info-5']" />
<xsl:variable name="flip-info-6" select="flip-items/flip-6/ouc:div[@label='flip-info-6']" />
<xsl:variable name="flip-info-7" select="flip-items/flip-7/ouc:div[@label='flip-info-7']" />
<xsl:variable name="flip-info-8" select="flip-items/flip-8/ouc:div[@label='flip-info-8']" />
<xsl:variable name="flip-info-9" select="flip-items/flip-9/ouc:div[@label='flip-info-9']" />
		<xsl:variable name="flip-info-10" select="flip-items/flip-10/ouc:div[@label='flip-info-10']" />
<xsl:variable name="flip-info-11" select="flip-items/flip-11/ouc:div[@label='flip-info-11']" />
<xsl:variable name="flip-info-12" select="flip-items/flip-12/ouc:div[@label='flip-info-12']" />
		<!--<xsl:variable name="flip-info-13" select="flip-items/flip-13/ouc:div[@label='flip-info-13']" />
<xsl:variable name="flip-info-14" select="flip-items/flip-14/ouc:div[@label='flip-info-14']" />
<xsl:variable name="flip-info-15" select="flip-items/flip-15/ouc:div[@label='flip-info-15']" /> -->

		
		<xsl:variable name="flip-subtitle-1" select="flip-items/flip-1/ouc:div[@label='flip-subtitle-1']" />
		<xsl:variable name="flip-subtitle-2" select="flip-items/flip-2/ouc:div[@label='flip-subtitle-2']" />
		<xsl:variable name="flip-subtitle-3" select="flip-items/flip-3/ouc:div[@label='flip-subtitle-3']" />
<xsl:variable name="flip-subtitle-4" select="flip-items/flip-4/ouc:div[@label='flip-subtitle-4']" />
<xsl:variable name="flip-subtitle-5" select="flip-items/flip-5/ouc:div[@label='flip-subtitle-5']" />
<xsl:variable name="flip-subtitle-6" select="flip-items/flip-6/ouc:div[@label='flip-subtitle-6']" />
<xsl:variable name="flip-subtitle-7" select="flip-items/flip-7/ouc:div[@label='flip-subtitle-7']" />
<xsl:variable name="flip-subtitle-8" select="flip-items/flip-8/ouc:div[@label='flip-subtitle-8']" />
<xsl:variable name="flip-subtitle-9" select="flip-items/flip-9/ouc:div[@label='flip-subtitle-9']" />
		<xsl:variable name="flip-subtitle-10" select="flip-items/flip-10/ouc:div[@label='flip-subtitle-10']" />
<xsl:variable name="flip-subtitle-11" select="flip-items/flip-11/ouc:div[@label='flip-subtitle-11']" />
<xsl:variable name="flip-subtitle-12" select="flip-items/flip-12/ouc:div[@label='flip-subtitle-12']" />
		<!--<xsl:variable name="flip-subtitle-13" select="flip-items/flip-13/ouc:div[@label='flip-subtitle-13']" />
<xsl:variable name="flip-subtitle-14" select="flip-items/flip-14/ouc:div[@label='flip-subtitle-14']" />
<xsl:variable name="flip-subtitle-15" select="flip-items/flip-15/ouc:div[@label='flip-subtitle-15']" /> -->
		
		<xsl:variable name="flip-desc-1" select="flip-items/flip-1/ouc:div[@label='flip-desc-1']" />
		<xsl:variable name="flip-desc-2" select="flip-items/flip-2/ouc:div[@label='flip-desc-2']" />
		<xsl:variable name="flip-desc-3" select="flip-items/flip-3/ouc:div[@label='flip-desc-3']" />
<xsl:variable name="flip-desc-4" select="flip-items/flip-4/ouc:div[@label='flip-desc-4']" />
<xsl:variable name="flip-desc-5" select="flip-items/flip-5/ouc:div[@label='flip-desc-5']" />
<xsl:variable name="flip-desc-6" select="flip-items/flip-6/ouc:div[@label='flip-desc-6']" />
<xsl:variable name="flip-desc-7" select="flip-items/flip-7/ouc:div[@label='flip-desc-7']" />
<xsl:variable name="flip-desc-8" select="flip-items/flip-8/ouc:div[@label='flip-desc-8']" />
<xsl:variable name="flip-desc-9" select="flip-items/flip-9/ouc:div[@label='flip-desc-9']" />
		<xsl:variable name="flip-desc-10" select="flip-items/flip-10/ouc:div[@label='flip-desc-10']" />
<xsl:variable name="flip-desc-11" select="flip-items/flip-11/ouc:div[@label='flip-desc-11']" />
<xsl:variable name="flip-desc-12" select="flip-items/flip-12/ouc:div[@label='flip-desc-12']" />
		<!--<xsl:variable name="flip-desc-13" select="flip-items/flip-13/ouc:div[@label='flip-desc-13']" />
<xsl:variable name="flip-desc-14" select="flip-items/flip-14/ouc:div[@label='flip-desc-14']" />
<xsl:variable name="flip-desc-15" select="flip-items/flip-15/ouc:div[@label='flip-desc-15']" />-->
										
		<xsl:variable name="vid">
			<xsl:analyze-string select="$iframe-link" regex="(((https://)?)((http://)?)(www\.)?((youtube\.com/)|(youtu\.be)|(youtube))(.+=)(.+))">
				<xsl:matching-substring>http://www.youtube.com/embed/<xsl:value-of select="regex-group(12)"/></xsl:matching-substring>
				<xsl:non-matching-substring>
					<xsl:copy-of select="."/>
				</xsl:non-matching-substring>
			</xsl:analyze-string>
		</xsl:variable>
		
		
		<div id="HomeSlider" class="carousel slide innerPageSlider" data-ride="carousel">
            <div class="carousel-inner" role="region" aria-label="Marquee Image Slider">
                
				
					<xsl:choose> <!-- Banner 1-->
						<xsl:when test="$banner_type_1 ='Image'">
							<div class="carousel-item">
								<img src="{banner-items/banner-1/ouc:div[@label='banner-image-1']}" alt="{banner-items/banner-1/ouc:div[@label='banner-image-alt-1']}" class="w-100"/>
							</div>
						</xsl:when>
						<xsl:when test="$banner_type_1 ='Video'">
							<div class="carousel-item">
								<div id="video_1" class="carousel-video-item"></div>
							</div>
						</xsl:when>
						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>
					<xsl:choose> <!-- Banner 2-->
						<xsl:when test="$banner_type_2 ='Image'">
							<div class="carousel-item">
								<img src="{banner-items/banner-2/ouc:div[@label='banner-image-2']}" alt="{banner-items/banner-2/ouc:div[@label='banner-image-alt-2']}" class="w-100"/>
							</div>
						</xsl:when>
						<xsl:when test="$banner_type_2 ='Video'">
							<div class="carousel-item">
								<div id="video_2" class="carousel-video-item"></div>
							</div>
						</xsl:when>
						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>
					<xsl:choose> <!-- Banner 3-->
						<xsl:when test="$banner_type_3 ='Image'">
							<div class="carousel-item">
								<img src="{banner-items/banner-3/ouc:div[@label='banner-image-3']}" alt="{banner-items/banner-3/ouc:div[@label='banner-image-alt-3']}" class="w-100"/>
							</div>
						</xsl:when>
						<xsl:when test="$banner_type_3 ='Video'">
							<div class="carousel-item">
								<div id="video_3" class="carousel-video-item"></div>
							</div>
						</xsl:when>
						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>
			
			<xsl:choose> <!-- Banner 4-->
						<xsl:when test="$banner_type_4 ='Image'">
							<div class="carousel-item">
								<img src="{banner-items/banner-4/ouc:div[@label='banner-image-4']}" alt="{banner-items/banner-4/ouc:div[@label='banner-image-alt-4']}" class="w-100"/>
							</div>
						</xsl:when>
						<xsl:when test="$banner_type_4 ='Video'">
							<div class="carousel-item">
								<div id="video_4" class="carousel-video-item"></div>
							</div>
						</xsl:when>
						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>
			
			<xsl:choose> <!-- Banner 5-->
						<xsl:when test="$banner_type_5 ='Image'">
							<div class="carousel-item">
								<img src="{banner-items/banner-5/ouc:div[@label='banner-image-5']}" alt="{banner-items/banner-5/ouc:div[@label='banner-image-alt-5']}" class="w-100"/>
							</div>
						</xsl:when>
						<xsl:when test="$banner_type_5 ='Video'">
							<div class="carousel-item">
								<div id="video_5" class="carousel-video-item"></div>
							</div>
						</xsl:when>
						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>
			
			<xsl:choose> <!-- Banner 6-->
						<xsl:when test="$banner_type_6 ='Image'">
							<div class="carousel-item">
								<img src="{banner-items/banner-6/ouc:div[@label='banner-image-6']}" alt="{banner-items/banner-6/ouc:div[@label='banner-image-alt-6']}" class="w-100"/>
							</div>
						</xsl:when>
						<xsl:when test="$banner_type_6 ='Video'">
							<div class="carousel-item">
								<div id="video_6" class="carousel-video-item"></div>
							</div>
						</xsl:when>
						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>
					
				<xsl:choose> <!-- Banner 7-->
						<xsl:when test="$banner_type_7 ='Image'">
							<div class="carousel-item">
								<img src="{banner-items/banner-7/ouc:div[@label='banner-image-7']}" alt="{banner-items/banner-7/ouc:div[@label='banner-image-alt-7']}" class="w-100"/>
							</div>
						</xsl:when>
						<xsl:when test="$banner_type_7 ='Video'">
							<div class="carousel-item">
								<div id="video_7" class="carousel-video-item"></div>
							</div>
						</xsl:when>
						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>
					
					<xsl:choose> <!-- Banner 8-->
						<xsl:when test="$banner_type_8 ='Image'">
							<div class="carousel-item">
								<img src="{banner-items/banner-8/ouc:div[@label='banner-image-8']}" alt="{banner-items/banner-8/ouc:div[@label='banner-image-alt-8']}" class="w-100"/>
							</div>
						</xsl:when>
						<xsl:when test="$banner_type_8 ='Video'">
							<div class="carousel-item">
								<div id="video_8" class="carousel-video-item"></div>
							</div>
						</xsl:when>
						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>
					
					<xsl:choose> <!-- Banner 9-->
						<xsl:when test="$banner_type_9 ='Image'">
							<div class="carousel-item">
								<img src="{banner-items/banner-9/ouc:div[@label='banner-image-9']}" alt="{banner-items/banner-9/ouc:div[@label='banner-image-alt-9']}" class="w-100"/>
							</div>
						</xsl:when>
						<xsl:when test="$banner_type_9 ='Video'">
							<div class="carousel-item">
								<div id="video_9" class="carousel-video-item"></div>
							</div>
						</xsl:when>
						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>
					
            <xsl:choose> <!-- Banner 10-->
						<xsl:when test="$banner_type_10 ='Image'">
							<div class="carousel-item">
								<img src="{banner-items/banner-10/ouc:div[@label='banner-image-10']}" alt="{banner-items/banner-10/ouc:div[@label='banner-image-alt-10']}" class="w-100"/>
							</div>
						</xsl:when>
						<xsl:when test="$banner_type_10 ='Video'">
							<div class="carousel-item">
								<div id="video_10" class="carousel-video-item"></div>
							</div>
						</xsl:when>
						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>

			<a class="carousel-control-prev" href="#HomeSlider" role="button" data-slide="prev" onClick="pauseVideo()">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#HomeSlider" role="button" data-slide="next" onClick="pauseVideo()">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
		</div>

       </div>
			<!--             <hr class="transition-timer-carousel-progress-bar" /> -->
			
		
	<!-- <script type="text/javascript" src="/_resources/js/gallery-secondary.js"></script>  -->
	<script src="/_resources/js/header-randomSlideShow.js"></script>	
	<script type="text/javascript" src="/js/youtubebackground.js"></script>
			
			<script type="text/javascript">

				$('#video_1').YTPlayer({
					playerVars: {
					  controls: 0,
					  showinfo: 0,
					  branding: 0,
					  rel: 0
    				},
					fitToBackground: true,
					videoId: '<xsl:value-of select="$video_banner_1" />'
				});
				$('#video_2').YTPlayer({
					playerVars: {
					  controls: 0,
					  showinfo: 0,
					  branding: 0,
					  rel: 0
    				},
					fitToBackground: true,
					videoId: '<xsl:value-of select="$video_banner_2" />'
				});
				$('#video_3').YTPlayer({
					playerVars: {
					  controls: 0,
					  showinfo: 0,
					  branding: 0,
					  rel: 0
    				},
					fitToBackground: true,
					videoId: '<xsl:value-of select="$video_banner_3" />'
				});
			function pauseVideo()
			{
			/*
				if($('#video_1'))
				{
					var player1 = $('#video_1').data('ytPlayer').player;
					player1.pauseVideo();
				}
				if($('#video_2'))
				{
					var player2 = $('#video_2').data('ytPlayer').player;
					player2.pauseVideo();
				}
				if($('#video_3'))
				{
					var player3 = $('#video_3').data('ytPlayer').player;
					player3.pauseVideo();
				}
			*/
			}
</script>
				
				
		<div class="container card-container general">
            <nav class="nav-breadcrumb" aria-label="breadcrumb">
            	<ol class="breadcrumb">
					<xsl:call-template name="breadcrumb" />
				</ol>
			</nav>
			<div class="row top-pad">
 				<xsl:if test="ou:pcf-param('display-menu1') = 'display' or ou:pcf-param('display-menu2') = 'display' or ou:pcf-param('display-menu3') = 'display'" > 
					<div class="col-lg-3 col-md-4 col-sm-6 padding-lrt">
						<xsl:if test="ou:pcf-param('display-menu1') = 'display'">
  							<xsl:call-template name="navigation" /> 
						</xsl:if>
						<div class="xs-hide-box-content">
							<xsl:call-template name="sidebar-content" />
							<xsl:if test="ou:pcf-param('sidebar-region') = 'display'">
								
								<!-- J.R. edit 3/27/2019 -->
								<!--<xsl:apply-templates select="ouc:div[@label = 'related-links']" />
								<xsl:apply-templates select="ouc:div[@label = 'contact']" />-->
								<!-- End J.R. edit 3/27/2019 -->
								
							</xsl:if>
<!-- 							<xsl:if test="ou:pcf-param('display-menu2') = 'display'">
									<xsl:apply-templates select="ouc:div[@label = 'side-menu2']" />
							</xsl:if>
							<xsl:if test="ou:pcf-param('display-menu3') = 'display'">
									<xsl:apply-templates select="ouc:div[@label = 'side-menu3']" />
								<xsl:call-template name="sidebar-content" />
							</xsl:if> -->
						</div>
					</div>
 				</xsl:if>
				<xsl:choose>
					
					<xsl:when test="ou:pcf-param('display-right-content') = 'display'">
						<div class="col-lg-9 col-md-8 col-sm-6">
							<div role="main" id="main" class="text-block">
								<p class="audienceHeader"><xsl:value-of select="ou:pcf-param('heading')" /></p>
								<xsl:apply-templates select="ouc:div[@label = 'page-content']" />
								<p></p>
								<!-- J.R. 3/28/2019 -->
<!-- <a class="button btn" title="Apply Now" href="{general-info/ouc:div[@label='apply-now-link']}"><xsl:value-of select="general-info/ouc:div[@label='apply-now-label']" /><img class="arrow-icon img-fluid" src="/_resources/images/Button_Arrow_Icon.png" alt="Button Arrow" /></a>-->
								<!-- END J.R. 3/28/2019 -->
								
								<!-- <div class="row row-container flip-image-container row-top-md"> -->
								<!-- <section class="row flip-image-container flip-padtop"> -->
								<section class="row flip-image-container flip-padtop row-top-md">
									<!-- BEGIN FIRST ROW -->
 							<div class="col-sm-12 flip-margbottom">
								<div class="flip-item  inner-page-flip-item"><img class="img-fluid img-width" src="{flip-items/flip-1/ouc:div[@label='flip-image-1']}" alt="{flip-items/flip-1/ouc:div[@label='flip-image-alt-1']}" />
									<div class="flip-item-content">
										<h4><xsl:value-of select="flip-items/flip-1/ouc:div[@label='flip-title-1']" /> <br /><xsl:value-of select="flip-items/flip-1/ouc:div[@label='flip-info-1']" /></h4>
									</div>
									<div class="flip">
										<h4 class="flip-title"><xsl:value-of select="flip-items/flip-1/ouc:div[@label='flip-subtitle-1']" /></h4>
										<p class="flip-text"><xsl:value-of select="flip-items/flip-1/ouc:div[@label='flip-desc-1']" /></p>
										<a class="learn-more" title="Learn More" href="{flip-items/flip-1/ouc:div[@label='flip-more-link-1']}"><xsl:value-of select="flip-items/flip-1/ouc:div[@label='flip-more-text-1']" /></a></div>
								</div>
							</div>
							<div class="col-sm-12 flip-margbottom">
								<div class="flip-item  inner-page-flip-item"><img class="img-fluid img-width" src="{flip-items/flip-2/ouc:div[@label='flip-image-2']}" alt="{flip-items/flip-2/ouc:div[@label='flip-image-alt-2']}" />
									<div class="flip-item-content">
										<h4><xsl:value-of select="flip-items/flip-2/ouc:div[@label='flip-title-2']" /><br /><xsl:value-of select="flip-items/flip-2/ouc:div[@label='flip-info-2']" /></h4>
									</div>
									<div class="flip">
										<h4 class="flip-title"><xsl:value-of select="flip-items/flip-2/ouc:div[@label='flip-subtitle-2']" /></h4>
										<p class="flip-text"><xsl:value-of select="flip-items/flip-2/ouc:div[@label='flip-desc-2']" /></p>
										<a class="learn-more" title="Learn More" href="{flip-items/flip-2/ouc:div[@label='flip-more-link-2']}"><xsl:value-of select="flip-items/flip-2/ouc:div[@label='flip-more-text-2']" /></a></div>
								</div>
							</div>
									
									<div class="col-sm-12 flip-margbottom">
								<div class="flip-item  inner-page-flip-item"><img class="img-fluid img-width" src="{flip-items/flip-3/ouc:div[@label='flip-image-3']}" alt="{flip-items/flip-3/ouc:div[@label='flip-image-alt-3']}" />
									<div class="flip-item-content">
										<h4><xsl:value-of select="flip-items/flip-3/ouc:div[@label='flip-title-3']" /><br /><xsl:value-of select="flip-items/flip-3/ouc:div[@label='flip-info-3']" /></h4>
									</div>
									<div class="flip">
										<h4 class="flip-title"><xsl:value-of select="flip-items/flip-3/ouc:div[@label='flip-subtitle-3']" /></h4>
										<p class="flip-text"><xsl:value-of select="flip-items/flip-3/ouc:div[@label='flip-desc-3']" /></p>
										<a class="learn-more" title="Learn More" href="{flip-items/flip-3/ouc:div[@label='flip-more-link-3']}"><xsl:value-of select="flip-items/flip-3/ouc:div[@label='flip-more-text-3']" /></a></div>
								</div>
							</div>
									
								<!-- END FIRST ROW	-->
								<!-- BEGIN SECOND ROW -->	
									
									<div class="col-sm-12  flip-margbottom">
								<div class="flip-item  inner-page-flip-item"><img class="img-fluid img-width" src="{flip-items/flip-4/ouc:div[@label='flip-image-4']}" alt="{flip-items/flip-4/ouc:div[@label='flip-image-alt-4']}" />
									<div class="flip-item-content">
										<h4><xsl:value-of select="flip-items/flip-4/ouc:div[@label='flip-title-4']" /><br /><xsl:value-of select="flip-items/flip-4/ouc:div[@label='flip-info-4']" /></h4>
									</div>
									<div class="flip">
										<h4 class="flip-title"><xsl:value-of select="flip-items/flip-4/ouc:div[@label='flip-subtitle-4']" /></h4>
										<p class="flip-text"><xsl:value-of select="flip-items/flip-4/ouc:div[@label='flip-desc-4']" /></p>
										<a class="learn-more" title="Learn More" href="{flip-items/flip-4/ouc:div[@label='flip-more-link-4']}"><xsl:value-of select="flip-items/flip-4/ouc:div[@label='flip-more-text-4']" /></a></div>
								</div>
							</div>
									
									<div class="col-sm-12  flip-margbottom">
								<div class="flip-item  inner-page-flip-item"><img class="img-fluid img-width" src="{flip-items/flip-5/ouc:div[@label='flip-image-5']}" alt="{flip-items/flip-5/ouc:div[@label='flip-image-alt-5']}" />
									<div class="flip-item-content">
										<h4><xsl:value-of select="flip-items/flip-5/ouc:div[@label='flip-title-5']" /><br /><xsl:value-of select="flip-items/flip-5/ouc:div[@label='flip-info-5']" /></h4>
									</div>
									<div class="flip">
										<h4 class="flip-title"><xsl:value-of select="flip-items/flip-5/ouc:div[@label='flip-subtitle-5']" /></h4>
										<p class="flip-text"><xsl:value-of select="flip-items/flip-5/ouc:div[@label='flip-desc-5']" /></p>
										<a class="learn-more" title="Learn More" href="{flip-items/flip-5/ouc:div[@label='flip-more-link-5']}"><xsl:value-of select="flip-items/flip-5/ouc:div[@label='flip-more-text-5']" /></a></div>
								</div>
							</div>
									<div class="col-sm-12  flip-margbottom">
								<div class="flip-item  inner-page-flip-item"><img class="img-fluid img-width" src="{flip-items/flip-6/ouc:div[@label='flip-image-6']}" alt="{flip-items/flip-6/ouc:div[@label='flip-image-alt-6']}" />
									<div class="flip-item-content">
										<h4><xsl:value-of select="flip-items/flip-6/ouc:div[@label='flip-title-6']" /><br /><xsl:value-of select="flip-items/flip-6/ouc:div[@label='flip-info-6']" /></h4>
									</div>
									<div class="flip">
										<h4 class="flip-title"><xsl:value-of select="flip-items/flip-6/ouc:div[@label='flip-subtitle-6']" /></h4>
										<p class="flip-text"><xsl:value-of select="flip-items/flip-6/ouc:div[@label='flip-desc-6']" /></p>
										<a class="learn-more" title="Learn More" href="{flip-items/flip-6/ouc:div[@label='flip-more-link-6']}"><xsl:value-of select="flip-items/flip-6/ouc:div[@label='flip-more-text-6']" /></a></div>
								</div>
							</div>
									
									<!-- END SECOND ROW -->
									
									<!-- BEGIN THIRD ROW -->
									<div class="col-sm-12 flip-margbottom">
								<div class="flip-item  inner-page-flip-item"><img class="img-fluid img-width" src="{flip-items/flip-7/ouc:div[@label='flip-image-7']}" alt="{flip-items/flip-7/ouc:div[@label='flip-image-alt-7']}" />
									<div class="flip-item-content">
										<h4><xsl:value-of select="flip-items/flip-7/ouc:div[@label='flip-title-7']" /><br /><xsl:value-of select="flip-items/flip-7/ouc:div[@label='flip-info-7']" /></h4>
									</div>
									<div class="flip">
										<h4 class="flip-title"><xsl:value-of select="flip-items/flip-7/ouc:div[@label='flip-subtitle-7']" /></h4>
										<p class="flip-text"><xsl:value-of select="flip-items/flip-7/ouc:div[@label='flip-desc-7']" /></p>
										<a class="learn-more" title="Learn More" href="{flip-items/flip-7/ouc:div[@label='flip-more-link-7']}"><xsl:value-of select="flip-items/flip-7/ouc:div[@label='flip-more-text-7']" /></a></div>
								</div>
							</div>
									
									<div class="col-sm-12 flip-margbottom">
								<div class="flip-item  inner-page-flip-item"><img class="img-fluid img-width" src="{flip-items/flip-8/ouc:div[@label='flip-image-8']}" alt="{flip-items/flip-8/ouc:div[@label='flip-image-alt-8']}" />
									<div class="flip-item-content">
										<h4><xsl:value-of select="flip-items/flip-8/ouc:div[@label='flip-title-8']" /><br /><xsl:value-of select="flip-items/flip-8/ouc:div[@label='flip-info-8']" /></h4>
									</div>
									<div class="flip">
										<h4 class="flip-title"><xsl:value-of select="flip-items/flip-8/ouc:div[@label='flip-subtitle-8']" /></h4>
										<p class="flip-text"><xsl:value-of select="flip-items/flip-8/ouc:div[@label='flip-desc-8']" /></p>
										<a class="learn-more" title="Learn More" href="{flip-items/flip-8/ouc:div[@label='flip-more-link-8']}"><xsl:value-of select="flip-items/flip-8/ouc:div[@label='flip-more-text-8']" /></a></div>
								</div>
							</div>
									
									<div class="col-sm-12 flip-margbottom">
								<div class="flip-item  inner-page-flip-item"><img class="img-fluid img-width" src="{flip-items/flip-9/ouc:div[@label='flip-image-9']}" alt="{flip-items/flip-9/ouc:div[@label='flip-image-alt-9']}" />
									<div class="flip-item-content">
										<h4><xsl:value-of select="flip-items/flip-9/ouc:div[@label='flip-title-9']" /><br /><xsl:value-of select="flip-items/flip-9/ouc:div[@label='flip-info-9']" /></h4>
									</div>
									<div class="flip">
										<h4 class="flip-title"><xsl:value-of select="flip-items/flip-9/ouc:div[@label='flip-subtitle-9']" /></h4>
										<p class="flip-text"><xsl:value-of select="flip-items/flip-9/ouc:div[@label='flip-desc-9']" /></p>
										<a class="learn-more" title="Learn More" href="{flip-items/flip-9/ouc:div[@label='flip-more-link-9']}"><xsl:value-of select="flip-items/flip-9/ouc:div[@label='flip-more-text-9']" /></a></div>
								</div>
							</div>
									
									<!-- END THIRD ROW -->
									
									<!-- BEGIN FOURTH ROW -->
									<div class="col-sm-12 flip-margbottom">
								<div class="flip-item  inner-page-flip-item"><img class="img-fluid img-width" src="{flip-items/flip-10/ouc:div[@label='flip-image-10']}" alt="{flip-items/flip-10/ouc:div[@label='flip-image-alt-10']}" />
									<div class="flip-item-content">
										<h4><xsl:value-of select="flip-items/flip-10/ouc:div[@label='flip-title-10']" /><br /><xsl:value-of select="flip-items/flip-10/ouc:div[@label='flip-info-10']" /></h4>
									</div>
									<div class="flip">
										<h4 class="flip-title"><xsl:value-of select="flip-items/flip-10/ouc:div[@label='flip-subtitle-10']" /></h4>
										<p class="flip-text"><xsl:value-of select="flip-items/flip-10/ouc:div[@label='flip-desc-10']" /></p>
										<a class="learn-more" title="Learn More" href="{flip-items/flip-10/ouc:div[@label='flip-more-link-10']}"><xsl:value-of select="flip-items/flip-10/ouc:div[@label='flip-more-text-10']" /></a></div>
								</div>
							</div>
									
									<div class="col-sm-12 flip-margbottom">
								<div class="flip-item  inner-page-flip-item"><img class="img-fluid img-width" src="{flip-items/flip-11/ouc:div[@label='flip-image-11']}" alt="{flip-items/flip-11/ouc:div[@label='flip-image-alt-11']}" />
									<div class="flip-item-content">
										<h4><xsl:value-of select="flip-items/flip-11/ouc:div[@label='flip-title-11']" /><br /><xsl:value-of select="flip-items/flip-11/ouc:div[@label='flip-info-11']" /></h4>
									</div>
									<div class="flip">
										<h4 class="flip-title"><xsl:value-of select="flip-items/flip-11/ouc:div[@label='flip-subtitle-11']" /></h4>
										<p class="flip-text"><xsl:value-of select="flip-items/flip-11/ouc:div[@label='flip-desc-11']" /></p>
										<a class="learn-more" title="Learn More" href="{flip-items/flip-11/ouc:div[@label='flip-more-link-11']}"><xsl:value-of select="flip-items/flip-11/ouc:div[@label='flip-more-text-11']" /></a></div>
								</div>
							</div>
									
									<div class="col-sm-12 flip-margbottom">
								<div class="flip-item  inner-page-flip-item"><img class="img-fluid img-width" src="{flip-items/flip-12/ouc:div[@label='flip-image-12']}" alt="{flip-items/flip-12/ouc:div[@label='flip-image-alt-12']}" />
									<div class="flip-item-content">
										<h4><xsl:value-of select="flip-items/flip-12/ouc:div[@label='flip-title-12']" /><br /><xsl:value-of select="flip-items/flip-12/ouc:div[@label='flip-info-12']" /></h4>
									</div>
									<div class="flip">
										<h4 class="flip-title"><xsl:value-of select="flip-items/flip-12/ouc:div[@label='flip-subtitle-12']" /></h4>
										<p class="flip-text"><xsl:value-of select="flip-items/flip-12/ouc:div[@label='flip-desc-12']" /></p>
										<a class="learn-more" title="Learn More" href="{flip-items/flip-12/ouc:div[@label='flip-more-link-12']}"><xsl:value-of select="flip-items/flip-12/ouc:div[@label='flip-more-text-12']" /></a></div>
								</div>
							</div>
									
									<!-- END FOURTH ROW -->
									
									<!-- BEGIN FIFTH ROW -->
								<!--	<div class="col-sm-12 flip-margbottom">
								<div class="flip-item  inner-page-flip-item"><img class="img-fluid img-width" src="{flip-items/flip-13/ouc:div[@label='flip-image-13']}" alt="{flip-items/flip-13/ouc:div[@label='flip-image-alt-13']}" />
									<div class="flip-item-content">
										<h4><xsl:value-of select="flip-items/flip-13/ouc:div[@label='flip-title-13']" /><br /><xsl:value-of select="flip-items/flip-13/ouc:div[@label='flip-info-13']" /></h4>
									</div>
									<div class="flip">
										<h4 class="flip-title"><xsl:value-of select="flip-items/flip-13/ouc:div[@label='flip-subtitle-13']" /></h4>
										<p class="flip-text"><xsl:value-of select="flip-items/flip-13/ouc:div[@label='flip-desc-13']" /></p>
										<a class="learn-more" title="Learn More" href="{flip-items/flip-13/ouc:div[@label='flip-more-link-13']}"><xsl:value-of select="flip-items/flip-13/ouc:div[@label='flip-more-text-13']" /></a></div>
								</div>
							</div>
									
									<div class="col-sm-12 flip-margbottom">
								<div class="flip-item  inner-page-flip-item"><img class="img-fluid img-width" src="{flip-items/flip-14/ouc:div[@label='flip-image-14']}" alt="{flip-items/flip-14/ouc:div[@label='flip-image-alt-14']}" />
									<div class="flip-item-content">
										<h4><xsl:value-of select="flip-items/flip-14/ouc:div[@label='flip-title-14']" /><br /><xsl:value-of select="flip-items/flip-14/ouc:div[@label='flip-info-14']" /></h4>
									</div>
									<div class="flip">
										<h4 class="flip-title"><xsl:value-of select="flip-items/flip-14/ouc:div[@label='flip-subtitle-14']" /></h4>
										<p class="flip-text"><xsl:value-of select="flip-items/flip-14/ouc:div[@label='flip-desc-14']" /></p>
										<a class="learn-more" title="Learn More" href="{flip-items/flip-14/ouc:div[@label='flip-more-link-14']}"><xsl:value-of select="flip-items/flip-14/ouc:div[@label='flip-more-text-14']" /></a></div>
								</div>
							</div>
									
									<div class="col-sm-12 flip-margbottom">
								<div class="flip-item  inner-page-flip-item"><img class="img-fluid img-width" src="{flip-items/flip-15/ouc:div[@label='flip-image-15']}" alt="{flip-items/flip-15/ouc:div[@label='flip-image-alt-15']}" />
									<div class="flip-item-content">
										<h4><xsl:value-of select="flip-items/flip-15/ouc:div[@label='flip-title-15']" /><br /><xsl:value-of select="flip-items/flip-15/ouc:div[@label='flip-info-15']" /></h4>
									</div>
									<div class="flip">
										<h4 class="flip-title"><xsl:value-of select="flip-items/flip-15/ouc:div[@label='flip-subtitle-15']" /></h4>
										<p class="flip-text"><xsl:value-of select="flip-items/flip-15/ouc:div[@label='flip-desc-15']" /></p>
										<a class="learn-more" title="Learn More" href="{flip-items/flip-15/ouc:div[@label='flip-more-link-15']}"><xsl:value-of select="flip-items/flip-15/ouc:div[@label='flip-more-text-15']" /></a></div>
								</div>
							</div>
-->
									
									<!-- END FIFTH ROW -->
									
									
									
									
						</section>
								
								
							
								
							</div>
							
							
							
							
							
<xsl:apply-templates select="ouc:div[@label = 'bottom-content']" />

							
							<xsl:choose><xsl:when test="ou:pcf-param('display-video-content') = 'display'">
								<div class="col-lg-9 col-sm-12 video-martopbtm no-padding">
									<div class="embed-responsive h-100 embed-responsive-16by9">
										<iframe class="embed-responsive-item" src="{$vid}" allowfullscreen=""></iframe>
									</div>
								</div>
						   </xsl:when></xsl:choose>
							
						<div class="sm-hide-box-content">
							<!-- <xsl:if test="ou:pcf-param('display-menu2') = 'display'">
									<xsl:apply-templates select="ouc:div[@label = 'side-menu2']" />
							</xsl:if>
							<xsl:if test="ou:pcf-param('display-menu3') = 'display'">
									<xsl:apply-templates select="ouc:div[@label = 'side-menu3']" />
							</xsl:if> -->
						</div>
						</div>
					</xsl:when>
						
					<xsl:otherwise>
					</xsl:otherwise> 
					
				</xsl:choose>
			</div> 
		</div>
	</xsl:template>
								
    <!-- links and social media -->
							
	<!-- <xsl:template name="bottom-content">
	<xsl:apply-templates select="ouc:div[@label = 'bottom-content']" />
	</xsl:template>
	-->
	<!-- end links and social media -->
	
	
<!-- 	<xsl:template name="common-footer">
		<xsl:call-template name="unparsed-include-file">
			<xsl:with-param name="path">/_resources/includes/footer.inc</xsl:with-param>
		</xsl:call-template>
	</xsl:template> -->

	<xsl:template name="common-header">
		<xsl:call-template name="unparsed-include-file">
				<xsl:with-param name="path">/_resources/includes/header.inc</xsl:with-param> 
		</xsl:call-template>
	</xsl:template>
</xsl:stylesheet>
