{{-- Jssor Slider --}}
<div id="jssor_1" style="position:relative;margin:0 auto;top:0px;left:0px;width:1300px;height:500px;overflow:hidden;visibility:hidden;">
    <!-- Loading Screen -->
    <div data-u="loading" class="jssorl-009-spin" style="position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7);">
        <img style="margin-top:-19px;position:relative;top:50%;width:38px;height:38px;" src="{{ URL::asset('site/jssor/svg/loading/static-svg/spin.svg') }}" />
    </div>
    <div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:1300px;height:500px;overflow:hidden;">
        <div>
            <img data-u="image" src="{{ URL::asset('site/images/banner/slide1.jpg') }}" />
        </div>
        <div>
        	<img data-u="image" src="{{ URL::asset('site/images/banner/slide2.jpg') }}">
        </div>
    </div>
    <!-- Bullet Navigator -->
    <div data-u="navigator" class="jssorb032" style="position:absolute;bottom:12px;right:12px;" data-autocenter="1" data-scale="0.5" data-scale-bottom="0.75">
        <div data-u="prototype" class="i" style="width:16px;height:16px;">
            <svg viewBox="0 0 16000 16000" style="position:absolute;top:0;left:0;width:100%;height:100%;">
                <circle class="b" cx="8000" cy="8000" r="5800"></circle>
            </svg>
        </div>
    </div>
    <!-- Arrow Navigator -->
    <div data-u="arrowleft" class="jssora051" style="width:65px;height:65px;top:0px;left:25px;" data-autocenter="2" data-scale="0.75" data-scale-left="0.75">
        <svg viewBox="0 0 16000 16000" style="position:absolute;top:0;left:0;width:100%;height:100%;">
            <polyline class="a" points="11040,1920 4960,8000 11040,14080 "></polyline>
        </svg>
    </div>
    <div data-u="arrowright" class="jssora051" style="width:65px;height:65px;top:0px;right:25px;" data-autocenter="2" data-scale="0.75" data-scale-right="0.75">
        <svg viewBox="0 0 16000 16000" style="position:absolute;top:0;left:0;width:100%;height:100%;">
            <polyline class="a" points="4960,1920 11040,8000 4960,14080 "></polyline>
        </svg>
    </div>
</div>

{{-- Revolution Slider --}}
{{-- <div class="tp-banner-container rs_boxed">
	<div class="tp-banner">
		<ul>

			<li data-transition="boxslide" data-slotamount="7" data-delay="5000">
			   <img src="{{ URL::asset('site/images/banner/fairyfloss-banner-1.jpg') }}" data-bgposition="left top" data-bgfit="cover">
			</li>

			<li data-transition="boxslide" data-slotamount="7" data-delay="5000">
			   <img src="{{ URL::asset('site/images/banner/fairyfloss-banner-2.jpg') }}" data-bgposition="left top" data-bgfit="cover">
			</li>

			<li data-transition="boxslide" data-slotamount="7" data-delay="5000">
			   <img src="{{ URL::asset('site/images/banner/diyslider.jpg') }}" data-bgposition="left top" data-bgfit="cover">
			</li>

			<li data-transition="boxslide" data-slotamount="7" data-delay="5000">
			   <img src="{{ URL::asset('site/images/UP-Rewards-Banner3-test.jpg') }}" data-bgposition="left top" data-bgfit="cover">
			   <a href="/up-reward"><div class="bg-layer op2"></div></a>
			</li>

			<li data-transition="boxslide" data-slotamount="7" data-delay="5000">
			  <!--  <img src="{{ URL::asset('site/images/Banner-UP-Osim-new.jpg') }}"> -->
			  <img src="{{ URL::asset('site/images/Banner-UP-Osim2.jpg') }}" data-bgposition="left top" data-bgfit="cover" data-bgpositionend="center bottom">

			   	<a href="{{ url('partners/11/products') }}"><div class="bg-layer op2"></div></a>


			    <!-- LAYER NR. 1 -->
				<!-- <div class="tp-caption finewide_large_white customin customout tp-resizeme"
					data-x="center" data-hoffset="0"
					data-y="center" data-voffset="-40"
					data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
					data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
					data-speed="500"
					data-start="800"
					data-easing="Power3.easeInOut"
					data-splitin="chars"
					data-splitout="chars"
					data-elementdelay="0.08"
					data-endelementdelay="0.08"
					data-end="4000"
					data-endspeed="500"
					style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">JUST THE MOST
				</div> -->

			

				<!-- LAYER NR. 2 -->
				<!-- <div class="tp-caption finewide_medium_white randomrotate customout tp-resizeme"
					data-x="center" data-hoffset="0"
					data-y="center" data-voffset="30"
					data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
					data-speed="500"
					data-start="800"
					data-easing="Power3.easeInOut"
					data-splitin="chars"
					data-splitout="chars"
					data-elementdelay="0.08"
					data-endelementdelay="0.08"
					data-end="4000"
					data-endspeed="500"
					style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap;">AWESOME HTML TEMPLATE
				</div> -->

				<!-- LAYER NR. 3 -->
				<!-- <div class="tp-caption boldwide_small_white customin customout tp-resizeme"
					data-x="center" data-hoffset="-135"
					data-y="120"
					data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
					data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
					data-speed="300"
					data-start="5500"
					data-easing="Power3.easeInOut"
					data-splitin="none"
					data-splitout="none"
					data-elementdelay="0.08"
					data-endelementdelay="0.08"
					data-endspeed="300"
					style="z-index: 5; max-width: auto; max-height: auto; white-space: nowrap;"><strong>unlimited</strong>
				</div> -->



				<!-- LAYER NR. 4 -->
				<!-- <div class="tp-caption whitedivider3px_vertical customin tp-resizeme"
					data-x="center"
					data-y="110"
					data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
					data-speed="300"
					data-start="6000"
					data-easing="Power3.easeInOut"
					data-splitin="none"
					data-splitout="none"
					data-elementdelay="0.1"
					data-endelementdelay="0.1"
					data-endspeed="300"
					style="z-index: 6; max-width: auto; max-height: auto; white-space: nowrap;">&nbsp;
				</div> -->

				<!-- LAYER NR. 5 -->
				<div class="tp-caption finewide_small_white randomrotate customout tp-resizeme"
					data-x="center" data-hoffset="130"
					data-y="120"
					data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
					data-speed="500"
					data-start="6900"
					data-easing="Power3.easeInOut"
					data-splitin="chars"
					data-splitout="chars"
					data-elementdelay="0.08"
					data-endelementdelay="0.08"
					data-endspeed="300"
					style="z-index: 7; max-width: auto; max-height: auto; white-space: nowrap;">ELEMENTS
				</div>

				<!-- LAYER NR. 6 -->
				<!-- <div class="tp-caption finewide_small_white customin customout tp-resizeme"
					data-x="center" data-hoffset="130"
					data-y="160"
					data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
					data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
					data-speed="500"
					data-start="7700"
					data-easing="Power3.easeInOut"
					data-splitin="words"
					data-splitout="words"
					data-elementdelay="0.12"
					data-endelementdelay="0.12"
					data-endspeed="300"
					style="z-index: 8; max-width: auto; max-height: auto; white-space: nowrap;">FEATURES
				</div> -->

				<!-- LAYER NR. 7 -->
				<!-- <div class="tp-caption finewide_small_white customin customout tp-resizeme"
					data-x="center" data-hoffset="130"
					data-y="200"
					data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
					data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
					data-speed="500"
					data-start="8200"
					data-easing="Power3.easeInOut"
					data-splitin="none"
					data-splitout="none"
					data-elementdelay="0.08"
					data-endelementdelay="0.08"
					data-endspeed="300"
					style="z-index: 9; max-width: auto; max-height: auto; white-space: nowrap;">EVERYTHING
				</div> -->
			

			</li>
			<li data-transition="boxslide" data-slotamount="7" data-delay="5000" >

				<!-- MAIN IMAGE - KENBURNS -->
				<img src="{{ URL::asset('site/images/Banner-UP-Bags2.jpg') }}" data-bgposition="left bottom" data-bgfit="cover" data-bgfitend="100">
				
				 	<a href="{{ url('partners/9/products') }}"><div class="bg-layer op2"></div></a>

				<!-- LAYER NR. 1 -->
				<!-- <div class="tp-caption large_bg_black customin customout tp-resizeme"
					data-x="center" data-hoffset="0"
					data-y="center" data-voffset="-70"
					data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:5;scaleY:5;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
					data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
					data-speed="500"
					data-start="400"
					data-easing="Power4.easeOut"
					data-end="1500"
					data-endspeed="500"
					data-endeasing="Power4.easeIn"
					style="z-index: 2">Voyo One
				</div> -->

				<!-- LAYER NR. 2 -->
				<!-- <div class="tp-caption largegreenbg customin stl tp-resizeme"
					data-x="center" data-hoffset="0"
					data-y="center" data-voffset="-70"
					data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
					data-speed="300"
					data-start="2000"
					data-easing="Back.easeOut"
					data-end="3000"
					data-endspeed="500"
					data-endeasing="Power4.easeIn"
					style="z-index: 3">just the <strong>perfect template</strong>
				</div> -->

				<!-- LAYER NR. 3 -->
				<!-- <div class="tp-caption largepinkbg uppercase customin customout tp-resizeme"
					data-x="center" data-hoffset="0"
					data-y="center" data-voffset="-70"
					data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
					data-customout="x:0;y:180;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
					data-speed="300"
					data-start="3500"
					data-easing="Back.easeOut"
					data-endspeed="300"
					data-endeasing="Back.easeIn"
					style="z-index: 4">for your next project
				</div> -->
			</li>
		</ul>
	</div>
</div> --}}