<section id="video-container" style="margin-bottom: 100px;">
	<div class="row">
		<div class="col-md-10 col-sm-12 col-xs-12" style="position: relative; margin-top: 10%;">
			<div class="play-video play-btn overlay center-center text-center"><span class="light fa fa-play"></span></div>
			<div class="overlay hidden-xs hidden-sm" style="right: -20%; top: 50%; transform: translateY(-50%);">
				<div class="title">
					<h1 style="font-size: 5.5rem;">the<br />collection</h1>
				</div>
				<div class="description">
					<p class="fancy">apes are generally considered to be intelligent, but</p>
					<p><strong>only a few are genius</strong><br /><br /> <a title="mens collection" href="{{config path="web/unsecure/base_url"}}men.html"> men </a> <span class="divider"> | </span><a title="women collection" href="{{config path="web/unsecure/base_url"}}women.html"> women </a></p>
				</div>
			</div>
			<img class="posterframe image-responsive image_1" src="{{media url="wysiwyg/saint_ape-leather_jackets-mood-1.jpg"}}" /> <video width="320" height="240" class="video-js vjs-default-skin vjs-fluid vjs-16-9 vjs-big-play-centered" controls="controls" preload="none" data-setup="{}"><source src="https://player.vimeo.com/external/260285436.hd.mp4?s=8b0dce7c2cf929720969b2dd4b5cfffd386b06da&amp;profile_id=175" type="video/mp4" />
				
			</video></div>
			<div class="col-xs-12 col-sm-12 hidden-md hidden-lg">
				<div class="title top-m-50">
					<h1 style="font-size: 3.5rem;">the<br />collection</h1>
				</div>
				<div class="description">
					<p class="fancy">apes are generally considered to be intelligent, but</p>
					<p><strong>only a few are genius</strong><br /><br /> <a title="mens collection" href="{{config path="web/unsecure/base_url"}}men.html"> men </a> <span class="divider"> | </span><a title="women collection" href="{{config path="web/unsecure/base_url"}}women.html"> women </a></p>
				</div>
			</div>
		</div>
	</section>
	<section class="relative">
		<div class="container top-m-100 bot-m-100">
			<div class="row">
				<div class="col-md-12 col-xs-12">
					<p class="top-m-25 bot-m-25">sign-up to our newsletter</p>
				{{block class="Magento\Newsletter\Block\Subscribe" template="Magento_Newsletter::subscribe.phtml"}}</div>
			</div>
		</div>
	</section>
	<!-- section two images with small-text on top  --><section class="container-fluid">
	<div class="row">
		<div class="col-sm-6 bot-p-90">
			<div class="text-wrapper">
				<p class="text-center"><a title="mens collection" href="{{config path="web/unsecure/base_url"}}men.html"> men </a></p>
			</div>
			<div class="image-wrapper"><a title="mens collection" href="{{config path="web/unsecure/base_url"}}men.html"><img class="img-fluid" src="{{media url="wysiwyg/saint_ape-men-collection.jpg"}}" /></a></div>
		</div>
		<div class="col-sm-6 bot-p-90">
			<div class="text-wrapper">
				<p class="text-center"><a title="mens collection" href="{{config path="web/unsecure/base_url"}}women.html"> women </a></p>
			</div>
			<div class="image-wrapper"><a title="mens collection" href="{{config path="web/unsecure/base_url"}}women.html"><img class="img-fluid" src="{{media url="wysiwyg/saint_ape-women-collection.jpg"}}" /></a></div>
		</div>
	</div>
	</section><!-- section large-image with small-text  --><section class="text-w_image-auto">
	<div class="the-content">
		<div class="image-wrapper large-block"><img src="{{media url="wysiwyg/saint_ape-leather_jackets-mood-1.jpg"}}" />
			<div class="image" style="background-image: url('{{media url="wysiwyg/saint_ape-leather_jackets-mood-1.jpg"}}');"></div>
		</div>
		<div class="text-wrapper small-block">
			<div class="title">
				<h2 style="background: #fff; padding: 20px 22px;">leather jackets</h2>
			</div>
			<div class="description"> <br /><br /> <a class="btn-cta" title="mens leather jackets" href="{{config path="web/unsecure/base_url"}}men/leather-jackets.html"> men</a> <span class="divider"> | </span> <a class="btn-cta" title="women leather jackets" href="{{config path="web/unsecure/base_url"}}women/leather-jackets.html"> women</a>
			<div class="hidden-lg hidden-md top-m-50"> </div>
		</div>
	</div>
</div>
</section>
<!-- section image with text right  -->
<section class="text-w_image-auto right hero">
<div class="the-content top-m-75">
	<div class="title-overlay text-center">
		<h2 class="logo-type">SAINT APE</h2>
		<p class="fancy logo-type">TREASURY OF DENIM</p>
	</div>
	<div class="image-wrapper large-block"><img src="{{media url="wysiwyg/saint_ape-mood-1.jpg"}}" />
		<div class="image" style="background-image: url('{{media url="wysiwyg/saint_ape-mood-1.jpg"}}');"></div>
	</div>
	<div class="text-wrapper">
		<div class="title">
			<h2 class="logo-type hidden-xs hidden-sm"> </h2>
		</div>
		<div class="description">
			<p class="fancy">ST.APE is a passionate combination of obsessive attention to detail, style, quality and fit. All products are handcrafted to promote storytelling through style.<br /><br />Whilst ape and monkey are often used interchangeably, the inspiration for the brand evolved from the fundamental difference between the physical and mental characteristics of the two. <br />And whilst apes are generally considered to be intelligent,</p>
			<p class="fancy"></p>
			<br />
			<p class="fancy">Only a few are genius.</p>
			<p></p>
			<a class="btn-cta" title="the brand - saint ape" href="{{config path="web/secure/base_url"}}the-brand"> about the brand </a>
		</div>
	</div>
</div>
</section>
<!-- section category block  -->
<section class="text-w_image-auto right category">
<div class="the-content">
	<div class="image-wrapper">
		<div class="title">
			<h2>BRUT DENIM</h2>
		</div>
		<img src="{{media url="wysiwyg/saint_ape-denim-mood-2_square.jpg"}}" />
		<div class="image" style="background-image: url('{{media url="wysiwyg/saint_ape-denim-mood-2_square.jpg}}');"></div>
	</div>
	<div class="text-wrapper">
		<div class="description">
			<p class="fancy hidden-sm hidden-xs" style="background-color: #fff; padding: 30px 30px 30px 40%; margin: 0 -30% 30px 0;">ST.APE denim - available soon<br /><br />Denim is a sturdy cotton warp-faced textile in which the weft passes under two or more warp threads. The most common denim is indigo denim, in which the warp thread is dyed, while the weft thread is left white. The indigo dyeing process, in which the core of the warp threads remains white, creates denim's signature fading characteristics. <br /> <br /> BRUT denim is denim that is not washed after having dyed during production. Over time, BRUT denim will usually fade, which is considered desirable by a few. During the process of wear, fading will usually occur on those parts of the article that receive the most stress and can form a kind of diary on your Brut Denim. To facilitate the natural distressing process, some genius wearers of BRUT denim will abstain from washing their jeans fro more than six months. BRUT denim also varies in weight, typically measured in by the weight of a yard of denim in ounces. 12 Oz or less is considered light denim, 12 Oz to 16 Oz is considered mid-weight, and over 16 Oz is heavy weight denim. Heavier denim is more rigid and resistant to wear, but can take more wears to break in and feel comfortable.</p>
			<p class="fancy hidden-md hidden-lg" style="background-color: #fff; padding: 30px 30px 30px 30%;"><br />ST.APE denim - available soon <br /><br />Denim is a sturdy cotton warp-faced textile in which the weft passes under two or more warp threads. The most common denim is indigo denim, in which the warp thread is dyed, while the weft thread is left white. The indigo dyeing process, in which the core of the warp threads remains white, creates denim's signature fading characteristics. <br /> <br /> BRUT denim is denim that is not washed after having dyed during production. Over time, BRUT denim will usually fade, which is considered desirable by a few. During the process of wear, fading will usually occur on those parts of the article that receive the most stress and can form a kind of diary on your Brut Denim. To facilitate the natural distressing process, some genius wearers of BRUT denim will abstain from washing their jeans fro more than six months. BRUT denim also varies in weight, typically measured in by the weight of a yard of denim in ounces. 12 Oz or less is considered light denim, 12 Oz to 16 Oz is considered mid-weight, and over 16 Oz is heavy weight denim. Heavier denim is more rigid and resistant to wear, but can take more wears to break in and feel comfortable.</p>
		</div>
	</div>
</div>
</section>