Slideshow

Hello,

You can consider using the following code in the Slider Area:

<!-- Slider
============================================= -->
<section id="slider" class="slider-element">

	<div class="fslider" data-speed="2000" data-pause="6000" data-animation="fade" data-arrows="false" data-pagi="false" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #333;">
		<div class="flexslider" style="height: 100% !important;">
			<div class="slider-wrap" style="height: inherit;">
				<div class="slide" style="background: url('../images/parallax/home/4.jpg') center center; background-size: cover; height: 100% !important;"></div>
				<div class="slide" style="background: url('../images/parallax/home/9.jpg') center center; background-size: cover; height: 100% !important;"></div>
				<div class="slide" style="background: url('../images/parallax/home/11.jpg') center center; background-size: cover; height: 100% !important;"></div>
			</div>
		</div>
	</div>

	<div class="section nobg nomargin noborder ohidden" style="padding: 120px 0;">

		<div class="container clearfix">

			<div class="emphasis-title">
				<span class="before-heading opm-medium t300 uppercase font-primary">We are</span>
				<h1>
					<span class="text-rotater nocolor" data-separator="|" data-rotate="fadeIn" data-speed="6000">
						<span class="t-rotate t700 font-body opm-medium-word">canvas.|different.|onepage.|design.</span>
					</span>
				</h1>
			</div>

			<a href="#" class="button button-border button-circle t400" data-scrollto="#section-works" data-easing="easeInOutExpo" data-speed="1250" data-offset="70">View Our Works</a>

		</div>

	</div>

</section><!-- #slider end -->

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.