
<!--================Slider Area =================-->
<section class="main_slider_area">
    <div id="main_slider_four" class="rev_slider" data-version="5.3.1.6">
        <ul>
            {foreach $allslider as $slider}
            <li data-index="rs-1587" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="300"  data-thumb="{$hosturl}/upload/slider/{$slider->image}"  data-rotate="0"  data-saveperformance="off"  data-title="Creative" data-param1="01" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                <!-- MAIN IMAGE -->
                <img src="{$hosturl}/upload/slider/{$slider->image}"  alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="5" class="rev-slidebg" data-no-retina>

                <!-- LAYER NR. 1 -->
                {literal}
                <div class="slider_text_box">
                    <div class="tp-caption tp-resizeme"
                         id="slide-1585-layer-1"
                         data-x="['right','right','right','right','right']" data-hoffset="['0','0','0','0','0','10']"
                         data-y="['top','top','top','top']" data-voffset="['175','175','175','175','162','182']"
                         data-fontsize="['22','22','22','22','22','18']"
                         data-lineheight="['30','30','30','30','30','28']"
                         data-width="['550','550','550','550','550','300']"
                         data-height="none"
                         data-whitespace="normal"
                         data-type="text"
                         data-responsive_offset="on"
                         data-frames="[{&quot;delay&quot;:10,&quot;speed&quot;:1500,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;&quot;,&quot;mask&quot;:&quot;x:0px;y:0px;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power2.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1500,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;y:[175%];&quot;,&quot;mask&quot;:&quot;x:inherit;y:inherit;s:inherit;e:inherit;&quot;,&quot;ease&quot;:&quot;Power2.easeInOut&quot;}]"
                         data-textAlign="['right','right','right','center','center','right']"
                         style="z-index: 6;font-style:italic;color: #fff;">{/literal}{$slider->title}
                    </div>
                    {literal}
                    <div class="tp-caption tp-shape tp-shapewrapper rs-parallaxlevel-3"
                         id="slide-2978-layer-4"
                         data-x="['right','right','right','center']" data-hoffset="['220','220','220','90','100']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-140','-140','-140','-144','-144','-125']"
                         data-width="80"
                         data-height="1"
                         data-whitespace="nowrap"
                         data-type="shape"
                         data-responsive_offset="on"
                         data-responsive="off"
                         data-frames='[{"from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1000,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":500,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power1.easeIn"}]'
                         data-textAlign="['right','right','right','right']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         style="z-index: 6;background-color:rgba(255, 255, 255, 1.00);border-color:rgba(0, 0, 0, 0);border-width:0px;">
                    </div>
                    {/literal}
                    {literal}

                    <div class="tp-caption tp-resizeme"
                         id="slide-1586-layer-1"
                         data-x="['right','right','right','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['top','top','top','top']" data-voffset="['215','215','215','215','210','230']"
                         data-fontsize="['25','25','25','25','18','14']"
                         data-lineheight="['35','35','35']"
                         data-width="['580','580','580','580','580','300']"
                         data-height="none"
                         data-whitespace="normal"
                         data-type="text"
                         data-responsive_offset="on"
                         data-frames="[{&quot;delay&quot;:10,&quot;speed&quot;:1500,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;&quot;,&quot;mask&quot;:&quot;x:0px;y:0px;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power2.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1500,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;y:[175%];&quot;,&quot;mask&quot;:&quot;x:inherit;y:inherit;s:inherit;e:inherit;&quot;,&quot;ease&quot;:&quot;Power2.easeInOut&quot;}]"
                         data-textAlign="['right','right','right','center']" style="z-index: 6;font-weight: 500;color: #fff;">{/literal}{$slider->content}
                    </div>
                    {literal}

                    <!--                    <div class="tp-caption tp-resizeme"
                                             id="slide-1587-layer-2"
                                             data-x="['right','right','right','center','center']" data-hoffset="['0','0']"
                                             data-y="['top','top','top','top']" data-voffset="['304','304','304','304','300','290']"
                                             data-fontsize="['18','18','18','18','18','15']"
                                             data-lineheight="['26','26','26']"
                                             data-width="['700','700','700','680','550','300']"
                                             data-height="none"
                                             data-whitespace="normal"
                                             data-type="text"
                                             data-responsive_offset="on"
                                             data-transform_idle="o:1;"
                                             data-frames="[{&quot;delay&quot;:10,&quot;speed&quot;:1500,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;&quot;,&quot;mask&quot;:&quot;x:0px;y:[100%];s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power2.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1500,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;y:[175%];&quot;,&quot;mask&quot;:&quot;x:inherit;y:inherit;s:inherit;e:inherit;&quot;,&quot;ease&quot;:&quot;Power2.easeInOut&quot;}]"
                                             data-textAlign="['right','right','right','center']" style="z-index: 6;font-weight: 400;color: #fff;">هذا النص
                                        </div>-->
                    {/literal}
                    {literal}

                    <!--                    <div class="tp-caption tp-resizeme"
                                             id="slide-1588-layer-3"
                                             data-x="['right','right','right','center','center']" data-hoffset="['0','0','0','10']"
                                             data-y="['top','top','top','top']" data-voffset="['378','378','378','378','378']"
                                             data-fontsize="['16','16','16','14']"
                                             data-lineheight="['46','46','46','46']"
                                             data-width="none"
                                             data-height="none"
                                             data-whitespace="nowrap"
                                             data-type="text"
                                             data-responsive_offset="on"
                                             data-frames="[{&quot;delay&quot;:10,&quot;speed&quot;:1500,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;&quot;,&quot;mask&quot;:&quot;x:0px;y:[100%];s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power2.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1500,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;y:[175%];&quot;,&quot;mask&quot;:&quot;x:inherit;y:inherit;s:inherit;e:inherit;&quot;,&quot;ease&quot;:&quot;Power2.easeInOut&quot;}]">
                                            <a class="slider_btn btn_hover hover_color" href="#">مشاهدة المزيد
                                            </a>
                                        </div>-->
                    {/literal}
                </div>
            </li>
            {/foreach}
        </ul>
    </div>
</section>
