
@extends('layouts.master')

@section('content')

<div class="slider-container rev_slider_wrapper" style="height: 700px;" >
					<div id="revolutionSlider" class="slider rev_slider" data-plugin-revolution-slider data-plugin-options="{'delay': 9000, 'gridwidth': 800, 'gridheight': 700}">
						<ul>
							<li data-transition="fade">
								<img src='{{asset("img/IMG_6297.png")}}')}}'  
									alt=""
									data-bgposition="center center" 
									data-bgfit="cover" 
									data-bgrepeat="no-repeat" 
									class="rev-slidebg">

									
								<div class="tp-caption"
									data-x="center" data-hoffset="-150"
									data-y="center" data-voffset="-95"
									data-start="1000"
									style="z-index: 5"
									data-transform_in="x:[-300%];opacity:0;s:500;"><img src='{{asset("img/slides/slide-title-border.png")}}' alt=""></div>

								<div class="tp-caption top-label"
									data-x="center" data-hoffset="0"
									data-y="center" data-voffset="-95"
									data-start="500"
									style="z-index: 5"
									data-transform_in="y:[-300%];opacity:0;s:500;"
									>@lang('msg.slider1')</div>

								<div class="tp-caption"
									data-x="center" data-hoffset="150"
									data-y="center" data-voffset="-95"
									data-start="1000"
									style="z-index: 5"
									data-transform_in="x:[300%];opacity:0;s:500;"><img src='{{asset("img/slides/slide-title-border.png")}}' alt=""></div>

								<div class="tp-caption main-label"
									data-x="center" data-hoffset="0"
									data-y="center" data-voffset="-45"
									data-start="1500"
									data-whitespace="nowrap"						 
									data-transform_in="y:[100%];s:500;"
									data-transform_out="opacity:0;s:500;"
									style="z-index: 5"
									data-mask_in="x:0px;y:0px;">@lang('msg.slider2')</div>

								<div class="tp-caption bottom-label"
									data-x="center" data-hoffset="0"
									data-y="center" data-voffset="5"
									data-start="2000"
									style="z-index: 5"
									data-transform_in="y:[100%];opacity:0;s:500;">@lang('msg.slider3')</div>

									@if (Auth::guest()) 
								<a class="tp-caption btn btn-lg btn-primary btn-slider-action"
									data-hash
									data-hash-offset="85"
									href="{{url('login')}}"
									data-x="center" data-hoffset="0"
									data-y="center" data-voffset="80"
									data-start="2200"
									data-whitespace="nowrap"						 
									data-transform_in="y:[100%];s:500;"
									data-transform_out="opacity:0;s:500;"
									style="z-index: 5"
									data-mask_in="x:0px;y:0px;">@lang('msg.slider4') </a>
									@endif 
								
							</li>

							<li data-transition="fade">
								<img src='{{asset("img/IMG_6301.png")}}')}}'  
									alt=""
									data-bgposition="center center" 
									data-bgfit="cover" 
									data-bgrepeat="no-repeat" 
									class="rev-slidebg">

								<div class="rs-background-video-layer" 
									data-forcerewind="on" 
									data-volume="mute" 
									data-videowidth="100%" 
									data-videoheight="100%" 
									data-videomp4="video/landing.mp4" 
									data-videopreload="preload" 
									data-videoloop="none" 
									data-forceCover="1" 
									data-aspectratio="16:9" 
									data-autoplay="true" 
									data-autoplayonlyfirsttime="false" 
									data-nextslideatend="true" 
								></div>

								<div class="tp-caption"
									data-x="center" data-hoffset="-160"
									data-y="center" data-voffset="-95"
									data-start="1000"
									style="z-index: 5"
									data-transform_in="x:[-300%];opacity:0;s:500;"><img src='{{asset("img/slides/slide-title-border.png")}}' alt=""></div>

								<div class="tp-caption top-label"
									data-x="center" data-hoffset="0"
									data-y="center" data-voffset="-95"
									data-start="500"
									style="z-index: 5"
									data-transform_in="y:[-300%];opacity:0;s:500;">@lang('msg.slider5')</div>

								<div class="tp-caption"
									data-x="center" data-hoffset="160"
									data-y="center" data-voffset="-95"
									data-start="1000"
									style="z-index: 5"
									data-transform_in="x:[300%];opacity:0;s:500;"><img src='{{asset("img/slides/slide-title-border.png")}}' alt=""></div>

								<div class="tp-caption main-label"
									data-x="center" data-hoffset="0"
									data-y="center" data-voffset="-45"
									data-start="1500"
									data-whitespace="nowrap"						 
									data-transform_in="y:[100%];s:500;"
									data-transform_out="opacity:0;s:500;"
									style="z-index: 5"
									data-mask_in="x:0px;y:0px;">@lang('msg.slider6')</div>

								<div class="tp-caption bottom-label"
									data-x="center" data-hoffset="0"
									data-y="center" data-voffset="5"
									data-start="2000"
									style="z-index: 5"
									data-transform_in="y:[100%];opacity:0;s:500;">@lang('msg.slider7')</div>

									@if (Auth::guest()) 
								<a class="tp-caption btn btn-lg btn-primary btn-slider-action"
									data-hash
									data-hash-offset="85"
									href="{{url('login')}}"
									data-x="center" data-hoffset="0"
									data-y="center" data-voffset="80"
									data-start="2200"
									data-whitespace="nowrap"						 
									data-transform_in="y:[100%];s:500;"
									data-transform_out="opacity:0;s:500;"
									style="z-index: 5"
									data-mask_in="x:0px;y:0px;">@lang('msg.slider8')</a>
									@endif

								<!-- <div class="tp-dottedoverlay tp-opacity-overlay"></div> -->

							</li>


							
							<li data-transition="fade">
								<img src='{{asset("img/IMG_6300.png")}}')}}'  
									alt=""
									data-bgposition="center center" 
									data-bgfit="cover" 
									data-bgrepeat="no-repeat" 
									class="rev-slidebg">

									
								<div class="tp-caption"
									data-x="center" data-hoffset="-150"
									data-y="center" data-voffset="-95"
									data-start="1000"
									style="z-index: 5"
									data-transform_in="x:[-300%];opacity:0;s:500;"><img src='{{asset("img/slides/slide-title-border.png")}}' alt=""></div>

								<div class="tp-caption top-label"
									data-x="center" data-hoffset="0"
									data-y="center" data-voffset="-95"
									data-start="500"
									style="z-index: 5"
									data-transform_in="y:[-300%];opacity:0;s:500;"
									>@lang('msg.slider1')</div>

								<div class="tp-caption"
									data-x="center" data-hoffset="150"
									data-y="center" data-voffset="-95"
									data-start="1000"
									style="z-index: 5"
									data-transform_in="x:[300%];opacity:0;s:500;"><img src='{{asset("img/slides/slide-title-border.png")}}' alt=""></div>

								<div class="tp-caption main-label"
									data-x="center" data-hoffset="0"
									data-y="center" data-voffset="-45"
									data-start="1500"
									data-whitespace="nowrap"						 
									data-transform_in="y:[100%];s:500;"
									data-transform_out="opacity:0;s:500;"
									style="z-index: 5"
									data-mask_in="x:0px;y:0px;">@lang('msg.slider2')</div>

								<div class="tp-caption bottom-label"
									data-x="center" data-hoffset="0"
									data-y="center" data-voffset="5"
									data-start="2000"
									style="z-index: 5"
									data-transform_in="y:[100%];opacity:0;s:500;">@lang('msg.slider3')</div>

									@if (Auth::guest()) 
								<a class="tp-caption btn btn-lg btn-primary btn-slider-action"
									data-hash
									data-hash-offset="85"
									href="{{url('login')}}"
									data-x="center" data-hoffset="0"
									data-y="center" data-voffset="80"
									data-start="2200"
									data-whitespace="nowrap"						 
									data-transform_in="y:[100%];s:500;"
									data-transform_out="opacity:0;s:500;"
									style="z-index: 5"
									data-mask_in="x:0px;y:0px;">@lang('msg.slider4') </a>
									@endif 
								
							</li>
							
							<li data-transition="fade">
								<img src='{{asset("img/IMG_6298.png")}}')}}'  
									alt=""
									data-bgposition="center center" 
									data-bgfit="cover" 
									data-bgrepeat="no-repeat" 
									class="rev-slidebg">

								<div class="rs-background-video-layer" 
									data-forcerewind="on" 
									data-volume="mute" 
									data-videowidth="100%" 
									data-videoheight="100%" 
									data-videomp4="video/landing.mp4" 
									data-videopreload="preload" 
									data-videoloop="none" 
									data-forceCover="1" 
									data-aspectratio="16:9" 
									data-autoplay="true" 
									data-autoplayonlyfirsttime="false" 
									data-nextslideatend="true" 
								></div>

								<div class="tp-caption"
									data-x="center" data-hoffset="-160"
									data-y="center" data-voffset="-95"
									data-start="1000"
									style="z-index: 5"
									data-transform_in="x:[-300%];opacity:0;s:500;"><img src='{{asset("img/slides/slide-title-border.png")}}' alt=""></div>

								<div class="tp-caption top-label"
									data-x="center" data-hoffset="0"
									data-y="center" data-voffset="-95"
									data-start="500"
									style="z-index: 5"
									data-transform_in="y:[-300%];opacity:0;s:500;">@lang('msg.slider5')</div>

								<div class="tp-caption"
									data-x="center" data-hoffset="160"
									data-y="center" data-voffset="-95"
									data-start="1000"
									style="z-index: 5"
									data-transform_in="x:[300%];opacity:0;s:500;"><img src='{{asset("img/slides/slide-title-border.png")}}' alt=""></div>

								<div class="tp-caption main-label"
									data-x="center" data-hoffset="0"
									data-y="center" data-voffset="-45"
									data-start="1500"
									data-whitespace="nowrap"						 
									data-transform_in="y:[100%];s:500;"
									data-transform_out="opacity:0;s:500;"
									style="z-index: 5"
									data-mask_in="x:0px;y:0px;">@lang('msg.slider6')</div>

								<div class="tp-caption bottom-label"
									data-x="center" data-hoffset="0"
									data-y="center" data-voffset="5"
									data-start="2000"
									style="z-index: 5"
									data-transform_in="y:[100%];opacity:0;s:500;">@lang('msg.slider7')</div>

									@if (Auth::guest()) 
								<a class="tp-caption btn btn-lg btn-primary btn-slider-action"
									data-hash
									data-hash-offset="85"
									href="{{url('login')}}"
									data-x="center" data-hoffset="0"
									data-y="center" data-voffset="80"
									data-start="2200"
									data-whitespace="nowrap"						 
									data-transform_in="y:[100%];s:500;"
									data-transform_out="opacity:0;s:500;"
									style="z-index: 5"
									data-mask_in="x:0px;y:0px;">@lang('msg.slider8')</a>
									@endif

								<!-- <div class="tp-dottedoverlay tp-opacity-overlay"></div> -->

							</li>
						</ul>
					</div>
				</div>
				<div class="home-intro" id="home-intro" >
					<div class="container">

						<div class="row" style=" float:{{session()->get('lang') == 'en'? 'left':'right'}}">
 						   <div class="col-md-12">
								<p>
									@lang('msg.slider_footer')
								</p>
							</div>
						</div>

					</div>
				</div>
				<div class="container">

					<div class="row">
						<div class="col-md-12 center">
							<h2 class="word-rotator-title mb-sm">@lang('msg.counter1') <strong>@lang('msg.counter6') <span class="word-rotate" data-plugin-options="{'delay': 2000, 'animDelay': 300}">
								<span class="word-rotate-items">
									<span>@lang('msg.counter2')</span>
									<span>@lang('msg.counter3')</span>
									<span>@lang('msg.counter4')</span>
								</span>
							</span></strong> @lang('msg.counter5')</h2>
							<p class="lead"> @lang('msg.counter7')</p>
						</div>
					</div>

					<div class="row mt-xl">
						<div class="counters counters-text-dark">
							<div class="col-md-3 col-sm-6">
								<div class="counter appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="300">
									<i class="fa fa-user"></i>
									<strong data-to="7000" data-append="+">tons</strong>
									<label>Food Waste Annually</label>
									<label>tons </label>
 								</div>
							</div>
							<div class="col-md-3 col-sm-6">
								<div class="counter appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="600">
									<i class="fa fa-desktop"></i>
									<strong data-to="1500" data-append="+"></strong>
									<label>Plastic Waste Annually</label>
									<label>tons </label>
								</div>
							</div>
							<div class="col-md-3 col-sm-6">
								<div class="counter appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="900">
									<i class="fa fa-ticket"></i>
									<strong data-to="3000" data-append="+">tons</strong>
									<label>Paper Waste annually</label>
									<label> tons </label>
								</div>
							</div>
							<div class="col-md-3 col-sm-6">
								<div class="counter appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="1200">
									<i class="fa fa-clock-o"></i>
									<strong data-to="25" data-append="+">+</strong>
									<label>Happy</label>
									<label>Clients</label>
								</div>
							</div>
						</div>
					</div>


<br/><br/><br/><br/><br/><br/>
					<div class="row center">
						<div class="owl-carousel owl-theme" data-plugin-options="{'items': 6, 'autoplay': true, 'autoplayTimeout': 3000}">
							<div>
								<img class="img-responsive" src='{{asset("img/st1.png")}}')}}' style="width: 170px;height: 150px;" alt="">
							</div>
							<div>
								<img class="img-responsive" src='{{asset("img/st2.png")}}')}}' style="width: 170px;height: 150px;" alt="">
							</div>
							<div>
								<img class="img-responsive" src='{{asset("img/st3.png")}}')}}' style="width: 170px;height: 150px;" alt="">
							</div>
							<div>
								<img class="img-responsive" src='{{asset("img/st4.png")}}')}}' style="width: 170px;height: 150px;" alt="">
							</div>
							<div>
								<img class="img-responsive" src='{{asset("img/st5.png")}}')}}' style="width: 170px;height: 150px;"  alt="">
							</div>
							<div>
								<img class="img-responsive" src='{{asset("img/st6.png")}}')}}' style="width: 170px;height: 150px;" alt="">
							</div>
							<div>
								<img class="img-responsive" src='{{asset("img/st7.png")}}')}}' style="width: 170px;height: 150px;" alt="">
							</div>
							<div>
								<img class="img-responsive" src='{{asset("img/st8.png")}}')}}' style="width: 170px;height: 150px;" alt="">
							</div>
							<div>
								<img class="img-responsive" src='{{asset("img/st9.png")}}')}}' style="width: 170px;height: 150px;" alt="">
							</div>
							<div>
								<img class="img-responsive" src='{{asset("img/st10.png")}}')}}' style="width: 170px;height: 150px;" alt="">
							</div>
							<div>
								<img class="img-responsive" src='{{asset("img/st11.png")}}')}}' style="width: 170px;height: 150px;" alt="">
							</div>
							<div>
								<img class="img-responsive" src='{{asset("img/st12.png")}}')}}' style="width: 170px;height: 150px;" alt="">
							</div>
							<div>
								<img class="img-responsive" src='{{asset("img/st13.png")}}')}}' style="width: 170px;height: 150px;" alt="">
							</div>
							<div>
								<img class="img-responsive" src='{{asset("img/st14.png")}}')}}' style="width: 170px;height: 150px;" alt="">
							</div>
							<div>
								<img class="img-responsive" src='{{asset("img/st15.png")}}')}}' style="width: 170px;height: 150px;" alt="">
							</div>
							<div>
								<img class="img-responsive" src='{{asset("img/st16.png")}}')}}' style="width: 170px;height: 150px;" alt="">
							</div>
							<div>
								<img class="img-responsive" src='{{asset("img/st17.png")}}')}}' style="width: 170px;height: 150px;" alt="">
							</div>
							<div>
								<img class="img-responsive" src='{{asset("img/st18.png")}}')}}' style="width: 170px;height: 150px;" alt="">
							</div>
							<div>
								<img class="img-responsive" src='{{asset("img/st19.png")}}')}}' style="width: 170px;height: 150px;" alt="">
							</div>
							<div>
								<img class="img-responsive" src='{{asset("img/st20.png")}}')}}' style="width: 170px;height: 150px;" alt="">
							</div>
							<div>
								<img class="img-responsive" src='{{asset("img/st21.png")}}')}}' style="width: 170px;height: 150px;" alt="">
							</div>
							<div>
								<img class="img-responsive" src='{{asset("img/st22.png")}}')}}' style="width: 170px;height: 150px;" alt="">
							</div>

							<div>
								<img class="img-responsive" src='{{asset("img/st23.png")}}')}}' style="width: 170px;height: 150px;" alt="">
							</div>
							<div>
								<img class="img-responsive" src='{{asset("img/st24.png")}}')}}' style="width: 170px;height: 150px;" alt="">
							</div>
							 
						</div>
					</div>
					

				</div>
				<section class="section section-default section-with-mockup mb-none">
					<div class="container">
						<div class="row">
							<div class="col-md-4">
								<div class="feature-box feature-box-style-2 reverse mb-xl appear-animation" data-appear-animation="fadeInLeft" data-appear-animation-delay="300">
									<div class="feature-box-icon">
										<i class="fa fa-heart"></i>
									</div>
									<div class="feature-box-info" >
										<h4 class="mb-sm" >@lang('msg.screenHeader1')</h4>
										<p class="mb-lg" > @lang('msg.screen1') </p>
									</div>
								</div>
								<div class="feature-box feature-box-style-2 reverse mt-xl appear-animation" data-appear-animation="fadeInLeft" data-appear-animation-delay="600">
									<div class="feature-box-icon">
										<i class="fa fa-heart"></i>
									</div>
									<div class="feature-box-info">
										<h4 class="mb-sm">@lang('msg.screenHeader2')</h4>
										<p class="mb-lg">@lang('msg.screen2')</p>
									</div>
								</div>
							</div>
							<div class="col-md-4">
								<img src='{{asset("img/mockup-porto.png")}}' class="img-responsive mockup-landing-page mb-xl appear-animation" alt="Porto" data-appear-animation="zoomIn" data-appear-animation-delay="300">
							</div>
							<div class="col-md-4">
								<div class="feature-box feature-box-style-2 mb-xl appear-animation" data-appear-animation="fadeInRight" data-appear-animation-delay="300">
									<div class="feature-box-icon">
										<i class="fa fa-heart"></i>
									</div>
									<div class="feature-box-info">
										<h4 class="mb-sm">@lang('msg.screenHeader3')</h4>
										<p class="mb-lg">@lang('msg.screen3')</p>
									</div>
								</div>
								<div class="feature-box feature-box-style-2 mt-xl appear-animation" data-appear-animation="fadeInRight" data-appear-animation-delay="600">
									<div class="feature-box-icon">
										<i class="fa fa-heart"></i>
									</div>
									<div class="feature-box-info">
										<h4 class="mb-sm">@lang('msg.screenHeader4')</h4>
										<p class="mb-lg">@lang('msg.screen4')</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>
				<section class="call-to-action call-to-action-primary mb-none">
					<div class="container" dir= {{ session()->get('lang') == 'en'? 'ltr':'rtl' }}>
						<div class="row">
							<div class="col-md-12">
								<div class="call-to-action-content align-left pb-md mb-xl ml-none">
									<h2 class="text-color-light mb-none mt-xl">  <strong>@lang('msg.screenfooter1')</strong></h2>
 								</div>
								 
							</div>
						</div>
					</div>
				</section>
				
				<section class="section section-no-border section-default m-none pt-xlg" id="demos">
					<div class="container-fluid sample-item-container">
						<div class="row">
				
							<div class="col-md-12 center">
 								<p class="lead"><span class="alternative-font font-size-xl"> @lang('msg.screenfooter2') </span></p>
				
 				
							</div>
				
						</div>
				
						<div class="row mt-xl pt-lg">
							<ul class="sample-item-list" id="sampleItemList">
				
								<li class="col-sm-6 col-md-4 isotope-item">
									<div class="sample-item">
										
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/19.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
										 
									</div>
								</li>
				
								<li class="col-sm-6 col-md-4 isotope-item">
									<div class="sample-item">
										
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/18.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
										
									</div>
								</li>
				
								<li class="col-sm-6 col-md-4 isotope-item">
									<div class="sample-item">
										
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/17.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
										
									</div>
								</li>
				
								<li class="col-sm-6 col-md-4 isotope-item">
									<div class="sample-item">
									
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/16.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
									
									</div>
								</li>
				
								<li class="col-sm-6 col-md-4 isotope-item">
									<div class="sample-item">
									 
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/20.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
									 
									</div>
								</li>
				
								<li class="col-sm-6 col-md-4 isotope-item">
									<div class="sample-item">
										 
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/14.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
										 
									</div>
								</li>
				
								<li class="col-sm-6 col-md-4 isotope-item">
									<div class="sample-item">
										 
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/13.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
									
									</div>
								</li>
				
								<li class="col-sm-6 col-md-4 isotope-item">
									<div class="sample-item">
										
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/12.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
										
									</div>
								</li>
				
								<li class="col-sm-6 col-md-4 isotope-item">
									<div class="sample-item">
										
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/11.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
										
									</div>
								</li>
				
								<li class="col-sm-6 col-md-4 isotope-item">
									<div class="sample-item">
										
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/10.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
										
									</div>
								</li>
				
								<li class="col-sm-6 col-md-4 isotope-item">
									<div class="sample-item">
										 
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/9.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
									 
									</div>
								</li>
				
								<li class="col-sm-6 col-md-4 isotope-item">
									<div class="sample-item">
									 
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/8.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
									 
									</div>
								</li>
				
								<li class="col-sm-6 col-md-4 isotope-item">
									<div class="sample-item">
										 
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/1.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
										 
									</div>
								</li>
				
								<li class="col-sm-6 col-md-4 isotope-item">
									<div class="sample-item">
									 
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/2.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
									 
									</div>
								</li>
				
								<li class="col-sm-6 col-md-4 isotope-item">
									<div class="sample-item">
										 
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/3.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
										 
									</div>
								</li>
				
								<li class="col-sm-6 col-md-4 isotope-item">
									<div class="sample-item">
									 
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/4.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
										 
									</div>
								</li>
				
								<li class="col-sm-6 col-md-4 isotope-item">
									<div class="sample-item">
										 
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/5.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
										 
									</div>
								</li>
				
								<li class="col-sm-6 col-md-4 isotope-item">
									<div class="sample-item">
									 
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/6.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
									 
									</div>
								</li>
				
								<li class="col-sm-6 col-md-4 isotope-item">
									<div class="sample-item">
									 
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/7.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
									 
									</div>
								</li>
				
							</ul>
						</div>
				
						<div class="row">
							<div class="col-md-12 center p-xl">
								<p class="mb-none">* @lang('msg.screenfooter3') *</p>
							</div>
						</div>
				
					</div>
					
					<!-- Coming Soon -->
					<ul class="hidden" id="comingSoon">
						<li class="col-sm-6 col-md-4 isotope-item">
							<div class="sample-item sample-item-coming-soon">
								<span class="sample-item-image-wrapper">
									<span class="sample-item-image" data-original='{{asset("img/21.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
									<i class="fa fa-spinner fa-spin fa-fw"></i>
								</span>
								<span class="sample-item-description">
									<h5></h5>
								</span>
							</div>
						</li>


						<li class="col-sm-6 col-md-4 isotope-item">
							<div class="sample-item sample-item-coming-soon">
								<span class="sample-item-image-wrapper">
									<span class="sample-item-image" data-original='{{asset("img/22.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
									<i class="fa fa-spinner fa-spin fa-fw"></i>
								</span>
								<span class="sample-item-description">
									<h5></h5>
								</span>
							</div>
						</li>

						<li class="col-sm-6 col-md-4 isotope-item">
							<div class="sample-item sample-item-coming-soon">
								<span class="sample-item-image-wrapper">
									<span class="sample-item-image" data-original='{{asset("img/23.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
									<i class="fa fa-spinner fa-spin fa-fw"></i>
								</span>
								<span class="sample-item-description">
									<h5></h5>
								</span>
							</div>
						</li>
					</ul>

					 


					


				
					<!-- Main Demos -->
					<ul class="hidden" id="mainDemo">
						<li class="col-sm-6 col-md-4 isotope-item">
							<div class="sample-item">
								<div class="owl-carousel owl-carousel-demos owl-theme manual">
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/3.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
				
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/9.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
				
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/14.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
				
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/11.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
				
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/16.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
				
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/17.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
				
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/20.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
				
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/21.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
				
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/22.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
				
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/25.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
				
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/27.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
				
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/44.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
				
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/45.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
				
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/47.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
				
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/48.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
				
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/49.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
				
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/50.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
				
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/32.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
								</div>
				
								<span class="sample-item-description">
									<h5>Main Wastes <span class="sample-item-info">(18 Main Waste)</span></h5>
								</span>
				
							</div>
						</li>
					</ul>
				
					<div id="mainDemos" class="sample-sub-items-lightbox zoom-anim-dialog mfp-hide">
						<div class="container-fluid sample-item-container">
							<div class="row">
				
								<div class="col-md-12 center pb-xl">
									<h2 class="pt-lg">Choose a <strong>Version:</strong></h2>
								</div>
				
							</div>
							<div class="row">
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-classic.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Home Classic</h5>
											</span>
										</a>
									</div>
								</div>
				
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-landing.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Home Landing Page</h5>
											</span>
										</a>
									</div>
								</div>
				
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-one-page.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Home One Page</h5>
											</span>
										</a>
									</div>
								</div>
				
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-corporate.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Home Corporate Version 1</h5>
											</span>
										</a>
									</div>
								</div>
				
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-corporate-version2.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Home Corporate Version 2</h5>
											</span>
										</a>
									</div>
								</div>
				
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-corporate-version3.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Home Corporate Version 3</h5>
											</span>
										</a>
									</div>
								</div>
				
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-corporate-version4.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Home Corporate Version 4</h5>
											</span>
										</a>
									</div>
								</div>
				
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-corporate-version5.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Home Corporate Version 5</h5>
											</span>
										</a>
									</div>
								</div>
				
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-corporate-version6.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Home Corporate Version 6</h5>
											</span>
										</a>
									</div>
								</div>
				
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-corporate-version7.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Home Corporate Version 7</h5>
											</span>
										</a>
									</div>
								</div>
				
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-corporate-version8.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Home Corporate Version 8</h5>
											</span>
										</a>
									</div>
								</div>
				
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-corporate-hosting.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Home Corporate Hosting</h5>
											</span>
										</a>
									</div>
								</div>
				
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-classic-color.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Home Classic Color</h5>
											</span>
										</a>
									</div>
								</div>
				
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-classic-light.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Home Classic Light</h5>
											</span>
										</a>
									</div>
								</div>
				
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-classic-video.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Home Classic Video</h5>
											</span>
										</a>
									</div>
								</div>
				
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-classic-video-light.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Home Classic Video Light</h5>
											</span>
										</a>
									</div>
								</div>
				
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-boxed.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Home Classic Boxed</h5>
											</span>
										</a>
									</div>
								</div>
				
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-rtl.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Home Classic RTL</h5>
											</span>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				
					<!-- Shop Demos -->
					<ul class="hidden" id="shopDemo">
				
						<li class="col-sm-6 col-md-4 isotope-item">
							<div class="sample-item">
								<div class="owl-carousel owl-carousel-demos owl-theme manual">
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/6.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/7.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/8.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/1.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/2.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/4.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/11.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/12.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/13.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/18.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/19.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/24.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/26.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/28.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/29.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/39.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/40.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/41.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
									<div>
										<div class="sample-item-image-wrapper">
											<a href="#" class="open-demo-options">
												<span class="sample-item-image" data-original='{{asset("img/56.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</a>
										</div>
									</div>
								</div>
				
								<span class="sample-item-description">
									<h5>Wastes <span class="sample-item-info">(19 Waste )</span></h5>
								</span>
				
							</div>
						</li>		
					</ul>
				
					<div id="shopDemos" class="sample-sub-items-lightbox zoom-anim-dialog mfp-hide">
						<div class="container-fluid sample-item-container">
							<div class="row">
				
								<div class="col-md-12 center pb-xl">
									<h2 class="pt-lg">Choose a <strong>Version:</strong></h2>
								</div>
				
							</div>
							<div class="row">
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-shop-1.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Shop 1</h5>
											</span>
										</a>
									</div>
								</div>
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-shop-2.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Shop 2</h5>
											</span>
										</a>
									</div>
								</div>
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-shop-3.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Shop 3</h5>
											</span>
										</a>
									</div>
								</div>
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-shop-4.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Shop 4</h5>
											</span>
										</a>
									</div>
								</div>
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-shop-5.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Shop 5</h5>
											</span>
										</a>
									</div>
								</div>
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-shop-6.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Shop 6</h5>
											</span>
										</a>
									</div>
								</div>
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-shop-7.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Shop 7</h5>
											</span>
										</a>
									</div>
								</div>
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-shop-8.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Shop 8</h5>
											</span>
										</a>
									</div>
								</div>
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-shop-9.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Shop 9</h5>
											</span>
										</a>
									</div>
								</div>
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-shop-10.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Shop 10</h5>
											</span>
										</a>
									</div>
								</div>
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-shop-11.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Shop 11</h5>
											</span>
										</a>
									</div>
								</div>
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-shop-12.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Shop 12</h5>
											</span>
										</a>
									</div>
								</div>
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-shop-13.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Shop 13</h5>
											</span>
										</a>
									</div>
								</div>
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-shop-14.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Shop 14</h5>
											</span>
										</a>
									</div>
								</div>
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-shop-15.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Shop 15</h5>
											</span>
										</a>
									</div>
								</div>
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-shop-16.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Shop 16</h5>
											</span>
										</a>
									</div>
								</div>
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-shop-17.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Shop 17</h5>
											</span>
										</a>
									</div>
								</div>
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-shop-18.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Shop 18</h5>
											</span>
										</a>
									</div>
								</div>
								<div class="col-sm-6 col-md-4">
									<div class="sample-item">
										<a href="#" target="_blank">
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/preview-shop-19.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5>Shop 19</h5>
											</span>
										</a>
									</div>
								</div>
								
							</div>
						</div>
					</div>
				</section>
				
				<section class="section section-default-scale-lighten m-none">
					<div class="container-fluid sample-item-container">
				
						<div class="row center">
				
							<div class="col-md-12 pb-xlg">
								<h4 class="mt-xl mb-none font-weight-bold text-uppercase ml-sm">@lang('msg.eg_waste')</h4>
								<p class="mb-xl ml-sm">@lang('msg.screenfooter4')</p>
							</div>
				
						</div>
				
						<div class="row">
							<ul class="sample-item-list sample-item-list-loaded" data-plugin-masonry data-plugin-options="{'itemSelector': '.isotope-item'}">
				
								<li class="col-sm-6 col-md-3 isotope-item">
									<div class="sample-item sample-item-home pl-md pr-md">
										 
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/30.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5> </h5>
											</span>
										
									</div>
								</li>
				
								<li class="col-sm-6 col-md-3 isotope-item">
									<div class="sample-item sample-item-home pl-md pr-md">
									
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/31.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5> </h5>
											</span>
										
									</div>
								</li>
				
								<li class="col-sm-6 col-md-3 isotope-item">
									<div class="sample-item sample-item-home pl-md pr-md">
										
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/32.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
									 
									</div>
								</li>
				
								<li class="col-sm-6 col-md-3 isotope-item">
									<div class="sample-item sample-item-home pl-md pr-md">
										 
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/33.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
									 
									</div>
								</li>
				
								<li class="col-sm-6 col-md-3 isotope-item">
									<div class="sample-item sample-item-home pl-md pr-md">
										
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/34.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5> </h5>
											</span>
										
									</div>
								</li>
				
								<li class="col-sm-6 col-md-3 isotope-item">
									<div class="sample-item sample-item-home pl-md pr-md">
									
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/35.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
										
									</div>
								</li>
				
								<li class="col-sm-6 col-md-3 isotope-item">
									<div class="sample-item sample-item-home pl-md pr-md">
 											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/36.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
										
									</div>
								</li>
				
								<li class="col-sm-6 col-md-3 isotope-item">
									<div class="sample-item sample-item-home pl-md pr-md">
									 
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/37.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
									 
									</div>
								</li>
				
								<li class="col-sm-6 col-md-3 isotope-item">
									<div class="sample-item sample-item-home pl-md pr-md">
										 
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/38.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
										
									</div>
								</li>
				
								<li class="col-sm-6 col-md-3 isotope-item">
									<div class="sample-item sample-item-home pl-md pr-md">
									
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/39.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
										
									</div>
								</li>
				
								<li class="col-sm-6 col-md-3 isotope-item">
									<div class="sample-item sample-item-home pl-md pr-md">
										
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/40.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
										
									</div>
								</li>
				
								<li class="col-sm-6 col-md-3 isotope-item">
									<div class="sample-item sample-item-home pl-md pr-md">
										 
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/41.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
									
									</div>
								</li>
				
								<li class="col-sm-6 col-md-3 isotope-item">
									<div class="sample-item sample-item-home pl-md pr-md">
										
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/42.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5> </h5>
											</span>
									 
									</div>
								</li>
				
								<li class="col-sm-6 col-md-3 isotope-item">
									<div class="sample-item sample-item-home pl-md pr-md">
									
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/43.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
										 
									</div>
								</li>
				
								<li class="col-sm-6 col-md-3 isotope-item">
									<div class="sample-item sample-item-home pl-md pr-md">
									 
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/60.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
										
									</div>
								</li>
				
								<li class="col-sm-6 col-md-3 isotope-item">
									<div class="sample-item sample-item-home pl-md pr-md">
									 
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/61.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5></h5>
											</span>
									 
									</div>
								</li>
				
								<li class="col-sm-6 col-md-3 isotope-item">
									<div class="sample-item sample-item-home pl-md pr-md">
										 
											<span class="sample-item-image-wrapper">
												<span class="sample-item-image" data-original='{{asset("img/62.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
												<i class="fa fa-spinner fa-spin fa-fw"></i>
											</span>
											<span class="sample-item-description">
												<h5> </h5>
											</span>
									 
									</div>
								</li>
				
								<li class="col-sm-6 col-md-3 isotope-item">
									<div class="sample-item sample-item-home sample-item-coming-soon">
										<span class="sample-item-image-wrapper">
											<span class="sample-item-image" data-original='{{asset("img/63.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
											<i class="fa fa-spinner fa-spin fa-fw"></i>
										</span>
										<span class="sample-item-description">
											<h5></h5>
										</span>
									</div>
								</li>

								<li class="col-sm-6 col-md-3 isotope-item">
									<div class="sample-item sample-item-home sample-item-coming-soon">
										<span class="sample-item-image-wrapper">
											<span class="sample-item-image" data-original='{{asset("img/64.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
											<i class="fa fa-spinner fa-spin fa-fw"></i>
										</span>
										<span class="sample-item-description">
											<h5></h5>
										</span>
									</div>
								</li>


								<li class="col-sm-6 col-md-3 isotope-item">
									<div class="sample-item sample-item-home sample-item-coming-soon">
										<span class="sample-item-image-wrapper">
											<span class="sample-item-image" data-original='{{asset("img/65.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
											<i class="fa fa-spinner fa-spin fa-fw"></i>
										</span>
										<span class="sample-item-description">
											<h5></h5>
										</span>
									</div>
								</li>

								<li class="col-sm-6 col-md-3 isotope-item">
									<div class="sample-item sample-item-home sample-item-coming-soon">
										<span class="sample-item-image-wrapper">
											<span class="sample-item-image" data-original='{{asset("img/66.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
											<i class="fa fa-spinner fa-spin fa-fw"></i>
										</span>
										<span class="sample-item-description">
											<h5></h5>
										</span>
									</div>
								</li>

								<li class="col-sm-6 col-md-3 isotope-item">
									<div class="sample-item sample-item-home sample-item-coming-soon">
										<span class="sample-item-image-wrapper">
											<span class="sample-item-image" data-original='{{asset("img/67.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
											<i class="fa fa-spinner fa-spin fa-fw"></i>
										</span>
										<span class="sample-item-description">
											<h5></h5>
										</span>
									</div>
								</li>

								<li class="col-sm-6 col-md-3 isotope-item">
									<div class="sample-item sample-item-home sample-item-coming-soon">
										<span class="sample-item-image-wrapper">
											<span class="sample-item-image" data-original='{{asset("img/68.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
											<i class="fa fa-spinner fa-spin fa-fw"></i>
										</span>
										<span class="sample-item-description">
											<h5></h5>
										</span>
									</div>
								</li>

								<li class="col-sm-6 col-md-3 isotope-item">
									<div class="sample-item sample-item-home sample-item-coming-soon">
										<span class="sample-item-image-wrapper">
											<span class="sample-item-image" data-original='{{asset("img/69.jpg")}}' data-plugin-lazyload data-plugin-options="{'appearEffect': 'animated fadeIn'}"></span>
											<i class="fa fa-spinner fa-spin fa-fw"></i>
										</span>
										<span class="sample-item-description">
											<h5></h5>
										</span>
									</div>
								</li>


				
							</ul>
						</div>
					</div>
				</section>
				<section class="section section-background section-text-light section-center mt-none mb-xl pb-none" style="background-color:#000;   background-position: 50% -100px;">
					<div class="container">
						<div class="row">
							<div class="col-md-12">
								<img src='{{asset("img/slider_.jpg")}}' class="img-responsive" style="margin: 0 auto;">
							</div>
						</div>
					</div>
				</section>
				 
				 
				<section class="section section-default mt-none mb-xl">

					<div class="home-concept appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="500" style="background-color:#f2f2f2">
					<svg class="home-concept-bg" x="0px" y="0px" width="345px" height="93px" viewBox="0 0 345 83" enable-background="new 0 0 345 93" xml:space="preserve">
							<image overflow="visible" width="26" height="39" xlink:href="img/home-concept-pin.png" transform="matrix(0.169 0.1308 -0.1308 0.169 339.8496 0.6826)" class="final-pin appear-animation" data-appear-animation="animated-pin" data-appear-animation-delay="3650">
							</image>
							<path class="line appear-animation" fill="none" stroke="#6f6f6f" stroke-width="0.25" stroke-miterlimit="0" stroke-dasharray="0" data-appear-animation="animated-line" data-appear-animation-duration="4s" d="M7.086,87.455c8.133-8.646,54.247-51.634,155.173-36.766C268.762,66.38,327.34,17.642,337.992,10.241"/>
							<path fill="none" stroke="#FFF" stroke-width="0.50" stroke-miterlimit="10" stroke-dasharray="1,2.5" d="M7.086,87.455c8.133-8.646,54.247-51.634,155.173-36.766C268.762,66.38,327.34,17.642,337.992,10.241"/>
							<image overflow="visible" width="26" height="39" xlink:href="img/home-concept-pin.png" transform="matrix(0.2137 0 0 0.2137 1 81.5898)" class="initial-pin appear-animation" data-appear-animation="animated-pin">
							</image>
						</svg>
						<div class="container">

							<div class="row center">
								<span class="sun"></span>
								<span class="cloud"></span>
								<div class="col-md-2 col-md-offset-1">
									<div class="process-image">
										<div class="box-image">
											<svg class="small-circle" x="0px" y="0px" width="39px" height="39px" viewBox="0 0 39 39" enable-background="new 0 0 39 39" xml:space="preserve">
												<circle class="line appear-animation" fill="#FFF" stroke="#6f6f6f" stroke-width="0.25" stroke-miterlimit="0" stroke-dasharray="0" data-appear-animation="animated-line" data-appear-animation-delay="800" cx="19.5" cy="19.5" r="19.063"/>
												<circle fill="none" stroke="#FFF" stroke-width="0.50" stroke-miterlimit="10" stroke-dasharray="1,2.5" cx="19.5" cy="19.5" r="19.063"/>
											</svg>
											<img src='{{asset("img/mob1.png")}}' alt="" class="appear-animation" data-appear-animation="zoomIn" data-appear-animation-duration="300" data-appear-animation-delay="1400" />
										</div>
										<strong class="appear-animation" data-appear-animation="fadeInDown" data-appear-animation-delay="1150" data-plugin-options="{'accY': 200}">Splash</strong>
										<p class="text-color-primary mb-xl" data-appear-animation="fadeInDown" data-appear-animation-delay="1250" data-plugin-options="{'accY': 200}">Eg-waste Logo</p>
									</div>
								</div>
								<div class="col-md-2">
									<div class="process-image">
										<div class="box-image">
											<svg class="small-circle" x="0px" y="0px" width="39px" height="39px" viewBox="0 0 39 39" enable-background="new 0 0 39 39" xml:space="preserve">
												<circle class="line appear-animation" fill="#FFF" stroke="#6f6f6f" stroke-width="0.25" stroke-miterlimit="0" stroke-dasharray="0" data-appear-animation="animated-line" data-appear-animation-delay="1200" cx="19.5" cy="19.5" r="19.063"/>
												<circle fill="none" stroke="#FFF" stroke-width="0.50" stroke-miterlimit="10" stroke-dasharray="1,2.5" cx="19.5" cy="19.5" r="19.063"/>
											</svg>
											<img src='{{asset("img/mob2.png")}}' alt="" class="appear-animation" data-appear-animation="zoomIn" data-appear-animation-duration="300" data-appear-animation-delay="1900" />
										</div>
										<strong class="appear-animation" data-appear-animation="fadeInDown" data-appear-animation-delay="2150" data-plugin-options="{'accY': 200}">Mobile </strong>
										<p class="text-color-primary mb-xl" data-appear-animation="fadeInDown" data-appear-animation-delay="2250" data-plugin-options="{'accY': 200}">Login Screen</p>
									</div>
								</div>
								<div class="col-md-2">
									<div class="process-image">
										<div class="box-image">
											<svg class="small-circle" x="0px" y="0px" width="39px" height="39px" viewBox="0 0 39 39" enable-background="new 0 0 39 39" xml:space="preserve">
												<circle class="line appear-animation" fill="#FFF" stroke="#6f6f6f" stroke-width="0.25" stroke-miterlimit="0" stroke-dasharray="0" data-appear-animation="animated-line" data-appear-animation-delay="1700" cx="19.5" cy="19.5" r="19.063"/>
												<circle fill="none" stroke="#FFF" stroke-width="0.50" stroke-miterlimit="10" stroke-dasharray="1,2.5" cx="19.5" cy="19.5" r="19.063"/>
											</svg>
											<img src='{{asset("img/mob3.png")}}' alt="" class="appear-animation" data-appear-animation="zoomIn" data-appear-animation-duration="300" data-appear-animation-delay="2400" />
										</div>
										<strong class="appear-animation" data-appear-animation="fadeInDown" data-appear-animation-delay="2650" data-plugin-options="{'accY': 200}">Supplier</strong>
										<p class="text-color-primary mb-xl" data-appear-animation="fadeInDown" data-appear-animation-delay="2750" data-plugin-options="{'accY': 200}">Egwaste Suppliers</p>
									</div>
								</div>
								<div class="col-md-4 col-md-offset-1">
									<div class="project-image">
										<div class="box-image">
											<svg class="big-circle" x="0px" y="0px" width="85px" height="85px" viewBox="0 0 85 85" enable-background="new 0 0 85 85" xml:space="preserve">
												<circle class="line appear-animation" fill="#FFF" stroke="#6f6f6f" stroke-width="0.25" stroke-miterlimit="0" stroke-dasharray="0" data-appear-animation="animated-line" data-appear-animation-delay="2250" cx="42.5" cy="42.5" r="42.063"/>
												<circle fill="none" stroke="#FFF" stroke-width="0.50" stroke-miterlimit="10" stroke-dasharray="1,2.5" cx="42.5" cy="42.5" r="42.063"/>
											</svg>
											<div id="fcSlideshow" class="fc-slideshow appear-animation" data-appear-animation="zoomIn" data-appear-animation-duration="300" data-appear-animation-delay="2900">
												<ul class="fc-slides">
													<li><img class="img-responsive"  src='{{asset("img/mob6.png")}}' alt=""  /></li>
													<li><img class="img-responsive"  src='{{asset("img/mob7.png")}}' alt="" /></li>
													<li><img class="img-responsive"   src='{{asset("img/mob8.png")}}' alt="" /></li>
												</ul>
											</div>
										</div>
										<strong class="our-work appear-animation" data-appear-animation="fadeInDown" data-appear-animation-delay="3150" data-plugin-options="{'accY': 300}"></strong>
									</div>
								</div>
							</div>

						</div>
					</div>

				</section>
				<div class="container">

					<div class="row">
						<div class="col-md-12 center">
							<h2 class="mt-xl mb-none"> <strong>@lang('msg.mobileSection1')</strong> <span class="alternative-font font-size-md"></span></h2>
							<p class="lead mb-xl">@lang('msg.mobileSection2')</p>
							<hr class="invisible">
						</div>
					</div>

					<div class="row">
						<div class="col-md-4">
							<div class="feature-box feature-box-style-6 reverse mb-none mt-xl appear-animation" data-appear-animation="fadeInLeft" data-appear-animation-delay="300">
								<div class="feature-box-icon">
									<i class="fa fa-mobile text-color-primary"></i>
								</div>
								<div class="feature-box-info">
									<h4 class="mb-sm">@lang('msg.mobileSection3')</h4>
									<p class="mb-lg">@lang('msg.mobileSection4')</p>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<img alt="Responsive" data-appear-animation="fadeInUp" class="hidden-xs img-responsive appear-animation fadeInUp" src='{{asset("img/responsive-ready.png")}}' style="margin-bottom: -1px;">
						</div>
						<div class="col-md-4">
							<div class="feature-box feature-box-style-6 mb-none mt-xl appear-animation" data-appear-animation="fadeInRight" data-appear-animation-delay="300">
								<div class="feature-box-icon">
									<i class="fa fa-eye text-color-primary"></i>
								</div>
								<div class="feature-box-info">
									<h4 class="mb-sm">@lang('msg.mobileSection5')</h4>
									<p class="mb-lg">@lang('msg.mobileSection6')</p>
								</div>
							</div>
						</div>
					</div>
				</div>
				<section class="call-to-action call-to-action-primary mb-xl">
					<div class="container" style=" float:{{session()->get('lang') == 'en'? 'center':'center'}}">
						<div class="row">
							<div class="col-md-12"  >
 									<h2 class="text-color-light mb-none mt-xl" style="text-align:center">  <strong>@lang('msg.mobileSection7')</strong></h2>
									 
 							</div>
						</div>
					</div>
				</section>
				<div class="container" >
					<div class="row mt-xl mb-xl">
						<div class="col-md-3">
							<img class="img-responsive mt-xl appear-animation" src='{{asset("img/top-quality-documentation.png")}}' alt="" data-appear-animation="fadeInLeft">
						</div>
						<div class="col-md-9">
							<h2 class="mt-xl" > <strong>@lang('msg.s1')</strong></h2>
							<p > @lang('msg.s2') </p>
						</div>
					</div>
				</div>
				<section class="section section-default">
					<div class="container">
						<div class="row">
							<div class="col-md-9">
								<h2>  <strong>@lang('msg.s3')</strong></h2>
								<p>
								@lang('msg.s4')
								</p>
							</div>
							<div class="col-md-3">
								<img class="hidden-xs img-responsive appear-animation" style="margin-top: -100px;" src='{{asset("img/updates.png")}}' alt="" data-appear-animation="fadeInRight">
							</div>
						</div>
					</div>
				</section>
				<div class="container" >

					<div class="row">
						<div class="col-md-12 center">
							<h2 class="mt-xl mb-none"> <strong>@lang('msg.feature1')</strong></h2>
							<p class="lead mb-xl">@lang('msg.feature2')</p>
							<hr class="invisible">
						</div>
					</div>

					<div class="row mb-xl">
						<div class="col-md-3">
							<div class="feature-box feature-box-style-6">
								<div class="feature-box-icon">
									<i class="fa fa-check text-color-primary"></i>
								</div>
								<div class="feature-box-info">
									<h4 class="pt-xs"><strong class="semi-bold">@lang('msg.feature3')</strong></h4>
								</div>
							</div>
						</div>
						<div class="col-md-3">
							<div class="feature-box feature-box-style-6">
								<div class="feature-box-icon">
									<i class="fa fa-check text-color-primary"></i>
								</div>
								<div class="feature-box-info">
									<h4 class="pt-xs"><strong class="semi-bold">@lang('msg.feature4')</strong></h4>
								</div>
							</div>
						</div>
						<div class="col-md-3">
							<div class="feature-box feature-box-style-6">
								<div class="feature-box-icon">
									<i class="fa fa-check text-color-primary"></i>
								</div>
								<div class="feature-box-info">
									<h4 class="pt-xs"><strong class="semi-bold">@lang('msg.feature5')</strong></h4>
								</div>
							</div>
						</div>
						<div class="col-md-3">
							<div class="feature-box feature-box-style-6">
								<div class="feature-box-icon">
									<i class="fa fa-check text-color-primary"></i>
								</div>
								<div class="feature-box-info">
									<h4 class="pt-xs"><strong class="semi-bold">@lang('msg.feature6')</strong></h4>
								</div>
							</div>
						</div>
					</div>
					<div class="row mb-xl">
						<div class="col-md-3">
							<div class="feature-box feature-box-style-6">
								<div class="feature-box-icon">
									<i class="fa fa-check text-color-primary"></i>
								</div>
								<div class="feature-box-info">
									<h4 class="pt-xs"><strong class="semi-bold">@lang('msg.feature7') <span class="font-size-xs"><small> </small></span></strong></h4>
								</div>
							</div>
						</div>
						<div class="col-md-3">
							<div class="feature-box feature-box-style-6">
								<div class="feature-box-icon">
									<i class="fa fa-check text-color-primary"></i>
								</div>
								<div class="feature-box-info">
									<h4 class="pt-xs"><strong class="semi-bold">@lang('msg.feature8') <span class="font-size-xs"><small></small></span></strong></h4>
								</div>
							</div>
						</div>
						<div class="col-md-3">
							<div class="feature-box feature-box-style-6">
								<div class="feature-box-icon">
									<i class="fa fa-check text-color-primary"></i>
								</div>
								<div class="feature-box-info">
									<h4 class="pt-xs"><strong class="semi-bold">@lang('msg.feature9')</strong></h4>
								</div>
							</div>
						</div>
						<div class="col-md-3">
							<div class="feature-box feature-box-style-6">
								<div class="feature-box-icon">
									<i class="fa fa-check text-color-primary"></i>
								</div>
								<div class="feature-box-info">
									<h4 class="pt-xs"><strong class="semi-bold">@lang('msg.feature10')</strong></h4>
								</div>
							</div>
						</div>
					</div>
				 

					<div class="row">
						<div class="col-md-12 center">
							<hr>
							<h2><span class="alternative-font font-size-md mt-xl">@lang('msg.more')</span></h2>
						</div>
					</div>

				</div>

				<section class="section section-background section-text-light section-center mt-xl mb-none" style="background-image: url('img/parallax-2.jpg'); background-position: 50% -100px;">
					<div class="container">
						<div class="row">
							<div class="col-md-10 col-md-offset-1">
								<h2><i class="fa fa-star font-size-xs mr-xs"></i><i class="fa fa-star font-size-xs mr-xs"></i><i class="fa fa-star font-size-xs mr-xs"></i><i class="fa fa-star font-size-xs mr-xs"></i><i class="fa fa-star font-size-xs"></i><br><strong>@lang('msg.message1')</strong></h2>
								<div class="owl-carousel owl-theme nav-bottom rounded-nav mb-none" data-plugin-options="{'items': 1, 'loop': false}">
									<div>
										<div class="col-md-12">
											<div class="testimonial testimonial-style-2 testimonial-with-quotes mb-none">
												<blockquote>
													<p>
													@lang('msg.message2')	
												</p>
												</blockquote>
												<div class="testimonial-author">
													<p><strong> </strong></p>
												</div>
											</div>
										</div>
									</div>
									 
								</div>
							</div>
						</div>
					</div>
				</section>
				<section class="call-to-action call-to-action-default call-to-action-in-footer mt-none no-top-arrow" >
					<div class="container" >
						<div class="row">
							<div class="col-md-12">
								<div class="call-to-action-content align-left pb-md mb-xl ml-none">
									<h2 class="mb-xs mt-xl">@lang('msg.last_footer1') <br/><strong>EG WASTE!</strong></h2>
									<p class="lead mb-xl">@lang('msg.last_footer2')</p>
								</div>
								 
							</div>
						</div>
					</div>
				</section>

@endsection
