<div class="teaser teaser--stage-full teaser--stage-full-quote {{styleModifier}}">
	<div class="teaser__media" style="background-image:url({{ assetsPath }}img/dummy/quote-teaser.jpg)">
	</div>
	<div class="teaser__aux-wrapper">
		<div class="teaser__cover teaser__cover--center {{#if teaserCoverFullHeight}} teaser__cover--full-height {{/if}}">
			<div class="{{#if teaserCoverFullHeight}} teaser__cover-inner {{/if}}">
				<blockquote class="blockquote teaser__copy">
					<p>
						<i class="icons-sprite icons-quote-start">"</i>To put clients' needs at the centre of everything we <span class="no-break">do.<i class="icons-sprite icons-quote-end">"</i></span>
					</p>
				</blockquote>
				{{ render "atoms/global/space" space=10 }}
				<span class="h3 teaser__copy-cover">Quintin Price <br>Head of Asset Management,<br> on the company and our promise to clients.</span>
				{{ render "atoms/global/space" space=10 }}
				{{#if buttonPlay}}
					<a href="javascript:;" class="btn btn-video-transparent js-video" data-video="4134763922001" title="Video Title"></a>
				{{/if}}
				{{ render "atoms/global/space" space=10 }}
			</div>
		</div>
	</div>
</div>

{{#unless nojs }}
	{{! `nojs` here causes double script main in other pages }}
	{{!> organisms/general/popbox-video-lightbox }}

	<script>
		window.onload = function() {
			/**
			 * START - REQUIRED JAVASCRIPT SNIPPET
			 */
			{{ render "atoms/scripts/script-video-lightbox" }}
			/**
			 * END - REQUIRED JAVASCRIPT SNIPPET
			 */
		};
	</script>
{{/unless }}
