templates/home/_slider.html.twig line 1

Open in your IDE?
  1. <div id="discover_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="websitebuilder-discover1" style="margin:0px auto;background-color:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
  2.     <!-- START REVOLUTION SLIDER 5.2.5.4 fullwidth mode -->
  3.     <div id="discover" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.2.5.4">
  4.         <ul>    <!-- SLIDE  -->
  5.             <li data-index="rs-80" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="default"  data-rotate="0"  data-saveperformance="off"  data-title="Grid" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
  6.                 <!-- MAIN IMAGE -->
  7.                 <img src="{{ asset('medel_assets/include/rs-plugin/demos/assets/images/dummy.png') }}"  alt="Image"
  8.                      data-lazyload="include/rs-plugin/demos/assets/images/transparent.png"
  9.                      data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
  10.                 <!-- LAYERS -->
  12.                 <!-- LAYER NR. 1 -->
  13.                 <a class="tp-caption   tp-resizeme  ddd_mousebox tp-rs-menulink"
  14.                    href="#discover" target="_self"             id="slide-80-layer-16"
  15.                    data-x="['left','left','left','center']" data-hoffset="['20','20','20','0']"
  16.                    data-y="['top','top','top','top']" data-voffset="['32','22','32','22']"
  17.                    data-width="none"
  18.                    data-height="none"
  19.                    data-whitespace="nowrap"
  20.                    data-transform_idle="o:1;"
  21.                    data-transform_hover="o:1;skX:0px;rX:0;rY:0;rZ:0;z:0;s:300;e:Power2.easeInOut;"
  22.                    data-style_hover="c:rgba(255, 255, 255, 1.00);zi:11;"
  24.                    data-transform_in="y:20px;opacity:0;s:1000;e:Power4.easeOut;"
  25.                    data-transform_out="auto:auto;s:500;e:Power2.easeInOut;"
  26.                    data-start="250"
  27.                    data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-81","delay":""}]'
  28.                    data-responsive_offset="on"
  31.                    style="z-index: 5;cursor:pointer;"><img src="{{ asset('medel_assets/include/rs-plugin/demos/assets/images/dummy.png') }}" alt="Image" data-ww="['390px','321px','239px','390px']" data-hh="['340px','280px','208px','340px']" data-lazyload="include/rs-plugin/demos/assets/images/discover1.jpg" data-no-retina> </a>
  33.                 <!-- LAYER NR. 2 -->
  34.                 <a class="tp-caption   tp-resizeme  ddd_mousebox tp-rs-menulink"
  35.                    href="#discover" target="_self"             id="slide-80-layer-17"
  36.                    data-x="['center','center','center','center']" data-hoffset="['0','0','-1','0']"
  37.                    data-y="['top','top','top','top']" data-voffset="['32','22','32','382']"
  38.                    data-width="none"
  39.                    data-height="none"
  40.                    data-whitespace="nowrap"
  41.                    data-transform_idle="o:1;"
  42.                    data-transform_hover="o:1;skX:0px;rX:0;rY:0;rZ:0;z:0;s:300;e:Power2.easeInOut;"
  43.                    data-style_hover="c:rgba(255, 255, 255, 1.00);zi:11;"
  45.                    data-transform_in="y:20px;opacity:0;s:1000;e:Power4.easeOut;"
  46.                    data-transform_out="auto:auto;s:500;e:Power2.easeInOut;"
  47.                    data-start="350"
  48.                    data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-82","delay":""}]'
  49.                    data-responsive_offset="on"
  52.                    style="z-index: 6;cursor:pointer;"><img src="{{ asset('medel_assets/include/rs-plugin/demos/assets/images/dummy.png') }}"
  53.                                                            alt="Image" data-ww="['390px','321px','239px','390px']"
  54.                                                            data-hh="['340px','280px','208px','340px']"
  55.                                                            data-lazyload="include/rs-plugin/demos/assets/images/discover2.jpg"
  56.                                                            data-no-retina> </a>
  58.                 <!-- LAYER NR. 3 -->
  59.                 <a class="tp-caption   tp-resizeme  ddd_mousebox tp-rs-menulink"
  60.                    href="#discover" target="_self"             id="slide-80-layer-18"
  61.                    data-x="['right','right','right','center']" data-hoffset="['20','20','21','0']"
  62.                    data-y="['top','top','top','top']" data-voffset="['32','22','32','742']"
  63.                    data-width="none"
  64.                    data-height="none"
  65.                    data-whitespace="nowrap"
  66.                    data-transform_idle="o:1;"
  67.                    data-transform_hover="o:1;skX:0px;rX:0;rY:0;rZ:0;z:0;s:300;e:Power2.easeInOut;"
  68.                    data-style_hover="c:rgba(255, 255, 255, 1.00);zi:11;"
  70.                    data-transform_in="y:20px;opacity:0;s:1000;e:Power4.easeOut;"
  71.                    data-transform_out="auto:auto;s:500;e:Power2.easeInOut;"
  72.                    data-start="450"
  73.                    data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-83","delay":""}]'
  74.                    data-responsive_offset="on"
  77.                    style="z-index: 7;cursor:pointer;"><img src="{{ asset('medel_assets/include/rs-plugin/demos/assets/images/dummy.png') }}"
  78.                                                            alt="Image" data-ww="['390px','321px','239px','390px']"
  79.                                                            data-hh="['695px','570px','426px','695px']"
  80.                                                            data-lazyload="include/rs-plugin/demos/assets/images/discover3.jpg"
  81.                                                            data-no-retina> </a>
  83.                 <!-- LAYER NR. 4 -->
  84.                 <a class="tp-caption   tp-resizeme  ddd_mousebox tp-rs-menulink"
  85.                    href="#discover" target="_self"             id="slide-80-layer-19"
  86.                    data-x="['left','left','left','left']" data-hoffset="['20','20','20','45']"
  87.                    data-y="['top','top','top','top']" data-voffset="['387','311','249','1457']"
  88.                    data-width="none"
  89.                    data-height="none"
  90.                    data-whitespace="nowrap"
  91.                    data-transform_idle="o:1;"
  92.                    data-transform_hover="o:1;skX:0px;rX:0;rY:0;rZ:0;z:0;s:300;e:Power2.easeInOut;"
  93.                    data-style_hover="c:rgba(255, 255, 255, 1.00);zi:11;"
  95.                    data-transform_in="y:20px;opacity:0;s:1000;e:Power4.easeOut;"
  96.                    data-transform_out="auto:auto;s:500;e:Power2.easeInOut;"
  97.                    data-start="550"
  98.                    data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-84","delay":""}]'
  99.                    data-responsive_offset="on"
  102.                    style="z-index: 8;cursor:pointer;"><img src="{{ asset('medel_assets/include/rs-plugin/demos/assets/images/dummy.png') }}"
  103.                                                            alt="Image" data-ww="['795px','653px','488px','390px']"
  104.                                                            data-hh="['340px','280px','209px','167px']"
  105.                                                            data-lazyload="include/rs-plugin/demos/assets/images/discover4.jpg"
  106.                                                            data-no-retina> </a>
  108.                 <!-- LAYER NR. 5 -->
  109.                 <div class="tp-caption   tp-resizeme  nopointerevent rs-parallaxlevel-1"
  110.                      id="slide-80-layer-4"
  111.                      data-x="['left','left','left','center']" data-hoffset="['20','20','20','0']"
  112.                      data-y="['top','top','top','top']" data-voffset="['190','136','124','166']"
  113.                      data-fontsize="['20','20','18','25']"
  114.                      data-lineheight="['30','30','25','30']"
  115.                      data-width="['390','321','239','390']"
  116.                      data-height="none"
  117.                      data-whitespace="['nowrap','nowrap','normal','nowrap']"
  118.                      data-transform_idle="o:1;"
  120.                      data-transform_in="y:25px;opacity:0;s:800;e:Power4.easeOut;"
  121.                      data-transform_out="y:-25px;opacity:0;s:500;e:Power3.easeInOut;"
  122.                      data-mask_in="x:0;y:0px;"
  123.                      data-mask_out="x:0;y:0;s:inherit;e:inherit;"
  124.                      data-start="550"
  125.                      data-splitin="none"
  126.                      data-splitout="none"
  127.                      data-responsive_offset="on"
  128.                      data-textAlign="center"
  131.                      style="z-index: 9; min-width: 390px; max-width: 390px; white-space: nowrap; font-size: 20px; line-height: 30px; font-weight: 900; color: rgba(255, 255, 255, 1.00);font-family:Lato;text-align:center;">CITY PHOTOGRAPHY </div>
  133.                 <!-- LAYER NR. 6 -->
  134.                 <div class="tp-caption   tp-resizeme  nopointerevent rs-parallaxlevel-1"
  135.                      id="slide-80-layer-10"
  136.                      data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
  137.                      data-y="['top','top','top','top']" data-voffset="['188','136','124','527']"
  138.                      data-fontsize="['20','20','18','25']"
  139.                      data-lineheight="['30','30','25','30']"
  140.                      data-width="['390','321','239','390']"
  141.                      data-height="none"
  142.                      data-whitespace="nowrap"
  143.                      data-transform_idle="o:1;"
  145.                      data-transform_in="y:25px;opacity:0;s:800;e:Power4.easeOut;"
  146.                      data-transform_out="y:-25px;opacity:0;s:500;e:Power3.easeInOut;"
  147.                      data-mask_in="x:0;y:0;"
  148.                      data-mask_out="x:0;y:0;s:inherit;e:inherit;"
  149.                      data-start="650"
  150.                      data-splitin="none"
  151.                      data-splitout="none"
  152.                      data-responsive_offset="on"
  153.                      data-textAlign="center"
  156.                      style="z-index: 10; min-width: 390px; max-width: 390px; white-space: nowrap; font-size: 20px; line-height: 30px; font-weight: 900; color: rgba(255, 255, 255, 1.00);font-family:Lato;text-align:center;">FASHION TRENDS </div>
  158.                 <!-- LAYER NR. 7 -->
  159.                 <div class="tp-caption   tp-resizeme  nopointerevent rs-parallaxlevel-1"
  160.                      id="slide-80-layer-14"
  161.                      data-x="['right','right','right','center']" data-hoffset="['20','20','20','0']"
  162.                      data-y="['top','top','top','top']" data-voffset="['346','276','234','1057']"
  163.                      data-fontsize="['20','20','18','25']"
  164.                      data-lineheight="['30','30','25','30']"
  165.                      data-width="['390','321','239','390']"
  166.                      data-height="none"
  167.                      data-whitespace="nowrap"
  168.                      data-transform_idle="o:1;"
  170.                      data-transform_in="y:25px;opacity:0;s:800;e:Power4.easeOut;"
  171.                      data-transform_out="y:-25px;opacity:0;s:500;e:Power3.easeInOut;"
  172.                      data-mask_in="x:0;y:0;s:inherit;e:inherit;"
  173.                      data-mask_out="x:0;y:0;s:inherit;e:inherit;"
  174.                      data-start="750"
  175.                      data-splitin="none"
  176.                      data-splitout="none"
  177.                      data-responsive_offset="on"
  178.                      data-textAlign="center"
  181.                      style="z-index: 11; min-width: 390px; max-width: 390px; white-space: nowrap; font-size: 20px; line-height: 30px; font-weight: 900; color: rgba(255, 255, 255, 1.00);font-family:Lato;text-align:center;">TECHNOLOGICAL<br/>ADVANTAGE </div>
  183.                 <!-- LAYER NR. 8 -->
  184.                 <div class="tp-caption   tp-resizeme  nopointerevent rs-parallaxlevel-1"
  185.                      id="slide-80-layer-20"
  186.                      data-x="['left','left','left','center']" data-hoffset="['20','20','20','0']"
  187.                      data-y="['top','top','top','top']" data-voffset="['561','447','341','1465']"
  188.                      data-fontsize="['20','20','18','25']"
  189.                      data-lineheight="['30','30','25','30']"
  190.                      data-width="['795','653','488','390']"
  191.                      data-height="none"
  192.                      data-whitespace="nowrap"
  193.                      data-transform_idle="o:1;"
  195.                      data-transform_in="y:25px;opacity:0;s:800;e:Power4.easeOut;"
  196.                      data-transform_out="y:-25px;opacity:0;s:500;e:Power3.easeInOut;"
  197.                      data-mask_in="x:0;y:0;s:inherit;e:inherit;"
  198.                      data-mask_out="x:0;y:0;s:inherit;e:inherit;"
  199.                      data-start="850"
  200.                      data-splitin="none"
  201.                      data-splitout="none"
  202.                      data-responsive_offset="on"
  203.                      data-textAlign="center"
  206.                      style="z-index: 12; min-width: 795px; max-width: 795px; white-space: nowrap; font-size: 20px; line-height: 30px; font-weight: 900; color: rgba(255, 255, 255, 1.00);font-family:Lato;text-align:center;">NATURAL EXPLORATION </div>
  207.             </li>
  208.             <!-- SLIDE  -->
  209.             <li data-index="rs-81" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="default"  data-rotate="0"  data-saveperformance="off"  data-invisible="true"  data-title="Item 1" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
  210.                 <!-- MAIN IMAGE -->
  211.                 <img src="include/rs-plugin/demos/assets/images/dummy.png"  alt="Image"  data-lazyload="include/rs-plugin/demos/assets/images/transparent.png" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
  212.                 <!-- LAYERS -->
  214.                 <!-- LAYER NR. 1 -->
  215.                 <div class="tp-caption   tp-resizeme"
  216.                      id="slide-81-layer-1"
  217.                      data-x="['left','left','left','center']" data-hoffset="['20','20','20','0']"
  218.                      data-y="['top','top','top','top']" data-voffset="['30','24','42','32']"
  219.                      data-width="none"
  220.                      data-height="none"
  221.                      data-whitespace="nowrap"
  222.                      data-transform_idle="o:1;"
  224.                      data-transform_in="y:20px;opacity:0;s:1000;e:Power4.easeOut;"
  225.                      data-transform_out="auto:auto;s:500;e:Power2.easeInOut;"
  226.                      data-start="500"
  227.                      data-responsive_offset="on"
  230.                      style="z-index: 5;cursor:pointer;">
  231.                     <img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" data-ww="['1200px','984px','738px','1200px']" data-hh="['695px','570px','427px','695px']" data-lazyload="include/rs-plugin/demos/assets/images/discover1_detail-1.jpg" data-no-retina> </div>
  233.                 <!-- LAYER NR. 2 -->
  234.                 <div class="tp-caption   tp-resizeme tp-svg-layer"
  235.                      id="slide-81-layer-6"
  236.                      data-x="['left','left','left','left']" data-hoffset="['45','45','20','0']"
  237.                      data-y="['top','top','top','top']" data-voffset="['330','220','142','132']"
  238.                      data-width="60"
  239.                      data-height="60"
  240.                      data-whitespace="nowrap"
  241.                      data-transform_idle="o:1;"
  242.                      data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:150;e:Power1.easeInOut;"
  243.                      data-style_hover="c:rgba(255, 255, 255, 0.75);"
  245.                      data-transform_in="x:20px;opacity:0;s:800;e:Power4.easeOut;"
  246.                      data-transform_out="y:-20px;opacity:0;s:300;e:Power2.easeInOut;"
  247.                      data-start="650"
  248.                      data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-84","delay":""}]'
  249.                      data-svg_src="include/rs-plugin/demos/assets/images/ic_chevron_left_36px.svg"
  250.                      data-svg_idle="sc:transparent;sw:0;sda:0;sdo:0;"
  251.                      data-svg_hover="sc:transparent;sw:0;sda:0;sdo:0;"
  252.                      data-responsive_offset="on"
  255.                      style="z-index: 6; min-width: 60px; max-width: 60px; max-width: 60px; max-width: 60px; color: rgba(255, 255, 255, 1.00);cursor:pointer;"> </div>
  257.                 <!-- LAYER NR. 3 -->
  258.                 <div class="tp-caption   tp-resizeme tp-svg-layer"
  259.                      id="slide-81-layer-7"
  260.                      data-x="['left','left','left','left']" data-hoffset="['84','84','60','40']"
  261.                      data-y="['top','top','top','top']" data-voffset="['330','220','142','132']"
  262.                      data-width="60"
  263.                      data-height="60"
  264.                      data-whitespace="nowrap"
  265.                      data-transform_idle="o:1;"
  266.                      data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:150;e:Power1.easeInOut;"
  267.                      data-style_hover="c:rgba(255, 255, 255, 0.75);"
  269.                      data-transform_in="x:20px;opacity:0;s:800;e:Power4.easeOut;"
  270.                      data-transform_out="y:-20px;opacity:0;s:300;e:Power2.easeInOut;"
  271.                      data-start="700"
  272.                      data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-82","delay":""}]'
  273.                      data-svg_src="include/rs-plugin/demos/assets/images/ic_chevron_right_24px.svg"
  274.                      data-svg_idle="sc:transparent;sw:0;sda:0;sdo:0;"
  275.                      data-svg_hover="sc:transparent;sw:0;sda:0;sdo:0;"
  276.                      data-responsive_offset="on"
  279.                      style="z-index: 7; min-width: 60px; max-width: 60px; max-width: 60px; max-width: 60px; color: rgba(255, 255, 255, 1.00);cursor:pointer;"> </div>
  281.                 <!-- LAYER NR. 4 -->
  282.                 <div class="tp-caption   tp-resizeme"
  283.                      id="slide-81-layer-3"
  284.                      data-x="['left','left','left','left']" data-hoffset="['60','60','40','20']"
  285.                      data-y="['top','top','top','top']" data-voffset="['400','290','210','200']"
  286.                      data-fontsize="['50','50','40','30']"
  287.                      data-lineheight="['50','50','40','30']"
  288.                      data-width="['480','480','400','320']"
  289.                      data-height="none"
  290.                      data-whitespace="normal"
  291.                      data-transform_idle="o:1;"
  293.                      data-transform_in="x:20px;opacity:0;s:800;e:Power4.easeOut;"
  294.                      data-transform_out="y:-20px;opacity:0;s:300;e:Power2.easeInOut;"
  295.                      data-start="750"
  296.                      data-splitin="none"
  297.                      data-splitout="none"
  298.                      data-responsive_offset="on"
  301.                      style="z-index: 8; min-width: 480px; max-width: 480px; white-space: normal; font-size: 50px; line-height: 50px; font-weight: 900; color: rgba(255, 255, 255, 1.00);font-family:Lato;">PROJECT CITY PHOTOGRAPHY </div>
  303.                 <!-- LAYER NR. 5 -->
  304.                 <div class="tp-caption   tp-resizeme"
  305.                      id="slide-81-layer-4"
  306.                      data-x="['left','left','left','left']" data-hoffset="['60','60','40','20']"
  307.                      data-y="['top','top','top','top']" data-voffset="['514','409','314','277']"
  308.                      data-width="['480','480','400','320']"
  309.                      data-height="none"
  310.                      data-whitespace="normal"
  311.                      data-transform_idle="o:1;"
  313.                      data-transform_in="x:20px;opacity:0;s:800;e:Power4.easeOut;"
  314.                      data-transform_out="y:-20px;opacity:0;s:300;e:Power2.easeInOut;"
  315.                      data-start="800"
  316.                      data-splitin="none"
  317.                      data-splitout="none"
  318.                      data-responsive_offset="on"
  321.                      style="z-index: 9; min-width: 480px; max-width: 480px; white-space: normal; font-size: 20px; line-height: 25px; font-weight: 700; color: rgba(255, 255, 255, 0.75);font-family:Lato;">Bring to the table win-win survival strategies to ensure proactive domination. </div>
  323.                 <!-- LAYER NR. 6 -->
  324.                 <a class="tp-caption rev-btn  tp-resizeme"
  325.                    href="#" target="_blank"             id="slide-81-layer-5"
  326.                    data-x="['left','left','left','left']" data-hoffset="['60','60','40','20']"
  327.                    data-y="['top','top','top','top']" data-voffset="['600','490','379','377']"
  328.                    data-width="none"
  329.                    data-height="none"
  330.                    data-whitespace="nowrap"
  331.                    data-transform_idle="o:1;"
  332.                    data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:150;e:Power1.easeInOut;"
  333.                    data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(255, 255, 255, 0);bc:rgba(255, 255, 255, 1.00);"
  335.                    data-transform_in="x:20px;opacity:0;s:800;e:Power4.easeOut;"
  336.                    data-transform_out="y:-10px;opacity:0;s:300;e:Power2.easeInOut;"
  337.                    data-start="850"
  338.                    data-splitin="none"
  339.                    data-splitout="none"
  340.                    data-actions=''
  341.                    data-responsive_offset="on"
  344.                    style="z-index: 10; white-space: nowrap; font-size: 16px; line-height: 42px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Lato;background-color:rgba(0, 173, 208, 1.00);padding:0px 28px 0px 28px;border-color:rgba(0, 173, 208, 1.00);border-style:solid;border-width:2px;border-radius:3px 3px 3px 3px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">Visit Project Website </a>
  346.                 <!-- LAYER NR. 7 -->
  347.                 <div class="tp-caption   tp-resizeme tp-svg-layer"
  348.                      id="slide-81-layer-2"
  349.                      data-x="['right','right','right','right']" data-hoffset="['30','27','21','10']"
  350.                      data-y="['top','top','top','top']" data-voffset="['43','34','45','52']"
  351.                      data-width="60"
  352.                      data-height="60"
  353.                      data-whitespace="nowrap"
  354.                      data-transform_idle="o:1;"
  355.                      data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:150;e:Power1.easeInOut;"
  356.                      data-style_hover="c:rgba(255, 255, 255, 0.75);"
  358.                      data-transform_in="y:10px;opacity:0;s:800;e:Power4.easeOut;"
  359.                      data-transform_out="auto:auto;s:500;e:Power2.easeInOut;"
  360.                      data-start="700"
  361.                      data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-80","delay":""}]'
  362.                      data-svg_src="include/rs-plugin/demos/assets/images/ic_close_36px.svg"
  363.                      data-svg_idle="sc:transparent;sw:0;sda:0;sdo:0;"
  364.                      data-svg_hover="sc:transparent;sw:0;sda:0;sdo:0;"
  365.                      data-responsive_offset="on"
  368.                      style="z-index: 11; min-width: 60px; max-width: 60px; max-width: 60px; max-width: 60px; color: rgba(255, 255, 255, 1.00);cursor:pointer;"> </div>
  369.             </li>
  370.             <!-- SLIDE  -->
  371.             <li data-index="rs-82" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="default"  data-rotate="0"  data-saveperformance="off"  data-invisible="true"  data-title="Item 2" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
  372.                 <!-- MAIN IMAGE -->
  373.                 <img src="include/rs-plugin/demos/assets/images/dummy.png"  alt="Image"  data-lazyload="include/rs-plugin/demos/assets/images/transparent.png" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
  374.                 <!-- LAYERS -->
  376.                 <!-- LAYER NR. 1 -->
  377.                 <div class="tp-caption   tp-resizeme"
  378.                      id="slide-82-layer-1"
  379.                      data-x="['left','left','left','center']" data-hoffset="['20','20','20','0']"
  380.                      data-y="['top','top','top','top']" data-voffset="['30','22','22','22']"
  381.                      data-width="none"
  382.                      data-height="none"
  383.                      data-whitespace="nowrap"
  384.                      data-transform_idle="o:1;"
  386.                      data-transform_in="y:20px;opacity:0;s:1000;e:Power4.easeOut;"
  387.                      data-transform_out="auto:auto;s:500;e:Power2.easeInOut;"
  388.                      data-start="500"
  389.                      data-responsive_offset="on"
  392.                      style="z-index: 5;cursor:pointer;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" data-ww="['1200px','984px','738px','1200px']" data-hh="['695px','570px','427px','695px']" data-lazyload="include/rs-plugin/demos/assets/images/discover2_detail-1.jpg" data-no-retina> </div>
  394.                 <!-- LAYER NR. 2 -->
  395.                 <div class="tp-caption   tp-resizeme tp-svg-layer"
  396.                      id="slide-82-layer-6"
  397.                      data-x="['left','left','left','left']" data-hoffset="['45','45','20','0']"
  398.                      data-y="['top','top','top','top']" data-voffset="['330','210','129','122']"
  399.                      data-width="60"
  400.                      data-height="60"
  401.                      data-whitespace="nowrap"
  402.                      data-transform_idle="o:1;"
  403.                      data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:150;e:Power1.easeInOut;"
  404.                      data-style_hover="c:rgba(255, 255, 255, 0.75);"
  406.                      data-transform_in="x:20px;opacity:0;s:800;e:Power4.easeOut;"
  407.                      data-transform_out="y:-20px;opacity:0;s:300;e:Power2.easeInOut;"
  408.                      data-start="650"
  409.                      data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-81","delay":""}]'
  410.                      data-svg_src="include/rs-plugin/demos/assets/images/ic_chevron_left_36px.svg"
  411.                      data-svg_idle="sc:transparent;sw:0;sda:0;sdo:0;"
  412.                      data-svg_hover="sc:transparent;sw:0;sda:0;sdo:0;"
  413.                      data-responsive_offset="on"
  416.                      style="z-index: 6; min-width: 60px; max-width: 60px; max-width: 60px; max-width: 60px; color: rgba(255, 255, 255, 1.00);cursor:pointer;"> </div>
  418.                 <!-- LAYER NR. 3 -->
  419.                 <div class="tp-caption   tp-resizeme tp-svg-layer"
  420.                      id="slide-82-layer-7"
  421.                      data-x="['left','left','left','left']" data-hoffset="['84','84','56','40']"
  422.                      data-y="['top','top','top','top']" data-voffset="['330','210','130','122']"
  423.                      data-width="60"
  424.                      data-height="60"
  425.                      data-whitespace="nowrap"
  426.                      data-transform_idle="o:1;"
  427.                      data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:150;e:Power1.easeInOut;"
  428.                      data-style_hover="c:rgba(255, 255, 255, 0.75);"
  430.                      data-transform_in="x:20px;opacity:0;s:800;e:Power4.easeOut;"
  431.                      data-transform_out="y:-20px;opacity:0;s:300;e:Power2.easeInOut;"
  432.                      data-start="700"
  433.                      data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-83","delay":""}]'
  434.                      data-svg_src="include/rs-plugin/demos/assets/images/ic_chevron_right_24px.svg"
  435.                      data-svg_idle="sc:transparent;sw:0;sda:0;sdo:0;"
  436.                      data-svg_hover="sc:transparent;sw:0;sda:0;sdo:0;"
  437.                      data-responsive_offset="on"
  440.                      style="z-index: 7; min-width: 60px; max-width: 60px; max-width: 60px; max-width: 60px; color: rgba(255, 255, 255, 1.00);cursor:pointer;"> </div>
  442.                 <!-- LAYER NR. 4 -->
  443.                 <div class="tp-caption   tp-resizeme"
  444.                      id="slide-82-layer-3"
  445.                      data-x="['left','left','left','left']" data-hoffset="['60','61','39','20']"
  446.                      data-y="['top','top','top','top']" data-voffset="['400','278','188','180']"
  447.                      data-fontsize="['50','50','40','30']"
  448.                      data-lineheight="['50','50','40','30']"
  449.                      data-width="['480','480','400','320']"
  450.                      data-height="none"
  451.                      data-whitespace="normal"
  452.                      data-transform_idle="o:1;"
  454.                      data-transform_in="x:20px;opacity:0;s:800;e:Power4.easeOut;"
  455.                      data-transform_out="y:-20px;opacity:0;s:300;e:Power2.easeInOut;"
  456.                      data-start="750"
  457.                      data-splitin="none"
  458.                      data-splitout="none"
  459.                      data-responsive_offset="on"
  462.                      style="z-index: 8; min-width: 480px; max-width: 480px; white-space: normal; font-size: 50px; line-height: 50px; font-weight: 900; color: rgba(255, 255, 255, 1.00);font-family:Lato;">PROJECT FASHION TRENDS </div>
  464.                 <!-- LAYER NR. 5 -->
  465.                 <div class="tp-caption   tp-resizeme"
  466.                      id="slide-82-layer-4"
  467.                      data-x="['left','left','left','left']" data-hoffset="['60','59','40','20']"
  468.                      data-y="['top','top','top','top']" data-voffset="['514','392','283','247']"
  469.                      data-width="['480','480','400','320']"
  470.                      data-height="none"
  471.                      data-whitespace="normal"
  472.                      data-transform_idle="o:1;"
  474.                      data-transform_in="x:20px;opacity:0;s:800;e:Power4.easeOut;"
  475.                      data-transform_out="y:-20px;opacity:0;s:300;e:Power2.easeInOut;"
  476.                      data-start="800"
  477.                      data-splitin="none"
  478.                      data-splitout="none"
  479.                      data-responsive_offset="on"
  482.                      style="z-index: 9; min-width: 480px; max-width: 480px; white-space: normal; font-size: 20px; line-height: 25px; font-weight: 700; color: rgba(255, 255, 255, 0.75);font-family:Lato;">Bring to the table win-win survival strategies to ensure proactive domination. </div>
  484.                 <!-- LAYER NR. 6 -->
  485.                 <a class="tp-caption rev-btn  tp-resizeme"
  486.                    href="#" target="_blank"             id="slide-82-layer-5"
  487.                    data-x="['left','left','left','left']" data-hoffset="['60','60','40','20']"
  488.                    data-y="['top','top','top','top']" data-voffset="['600','472','346','337']"
  489.                    data-width="none"
  490.                    data-height="none"
  491.                    data-whitespace="nowrap"
  492.                    data-transform_idle="o:1;"
  493.                    data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:150;e:Power1.easeInOut;"
  494.                    data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(255, 255, 255, 0);bc:rgba(255, 255, 255, 1.00);"
  496.                    data-transform_in="x:20px;opacity:0;s:800;e:Power4.easeOut;"
  497.                    data-transform_out="y:-10px;opacity:0;s:300;e:Power2.easeInOut;"
  498.                    data-start="850"
  499.                    data-splitin="none"
  500.                    data-splitout="none"
  501.                    data-actions=''
  502.                    data-responsive_offset="on"
  505.                    style="z-index: 10; white-space: nowrap; font-size: 16px; line-height: 42px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Lato;background-color:rgba(0, 173, 208, 1.00);padding:0px 28px 0px 28px;border-color:rgba(0, 173, 208, 1.00);border-style:solid;border-width:2px;border-radius:3px 3px 3px 3px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">Visit Project Website </a>
  507.                 <!-- LAYER NR. 7 -->
  508.                 <div class="tp-caption   tp-resizeme tp-svg-layer"
  509.                      id="slide-82-layer-2"
  510.                      data-x="['right','right','right','right']" data-hoffset="['28','21','15','10']"
  511.                      data-y="['top','top','top','top']" data-voffset="['41','28','21','32']"
  512.                      data-width="60"
  513.                      data-height="60"
  514.                      data-whitespace="nowrap"
  515.                      data-transform_idle="o:1;"
  516.                      data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:150;e:Power1.easeInOut;"
  517.                      data-style_hover="c:rgba(255, 255, 255, 0.75);"
  519.                      data-transform_in="y:10px;opacity:0;s:800;e:Power4.easeOut;"
  520.                      data-transform_out="auto:auto;s:500;e:Power2.easeInOut;"
  521.                      data-start="700"
  522.                      data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-80","delay":""}]'
  523.                      data-svg_src="include/rs-plugin/demos/assets/images/ic_close_36px.svg"
  524.                      data-svg_idle="sc:transparent;sw:0;sda:0;sdo:0;"
  525.                      data-svg_hover="sc:transparent;sw:0;sda:0;sdo:0;"
  526.                      data-responsive_offset="on"
  529.                      style="z-index: 11; min-width: 60px; max-width: 60px; max-width: 60px; max-width: 60px; color: rgba(255, 255, 255, 1.00);cursor:pointer;"> </div>
  530.             </li>
  531.             <!-- SLIDE  -->
  532.             <li data-index="rs-83" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="default"  data-rotate="0"  data-saveperformance="off"  data-invisible="true"  data-title="Item 3" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
  533.                 <!-- MAIN IMAGE -->
  534.                 <img src="include/rs-plugin/demos/assets/images/dummy.png"  alt="Image"  data-lazyload="include/rs-plugin/demos/assets/images/transparent.png" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
  535.                 <!-- LAYERS -->
  537.                 <!-- LAYER NR. 1 -->
  538.                 <div class="tp-caption   tp-resizeme"
  539.                      id="slide-83-layer-1"
  540.                      data-x="['left','left','left','center']" data-hoffset="['20','20','21','0']"
  541.                      data-y="['top','top','top','top']" data-voffset="['32','32','24','32']"
  542.                      data-width="none"
  543.                      data-height="none"
  544.                      data-whitespace="nowrap"
  545.                      data-transform_idle="o:1;"
  547.                      data-transform_in="y:20px;opacity:0;s:1000;e:Power4.easeOut;"
  548.                      data-transform_out="auto:auto;s:500;e:Power2.easeInOut;"
  549.                      data-start="500"
  550.                      data-responsive_offset="on"
  553.                      style="z-index: 5;cursor:pointer;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" data-ww="['1200px','984px','738px','1200px']" data-hh="['695px','570px','427px','695px']" data-lazyload="include/rs-plugin/demos/assets/images/discover3_detail.jpg" data-no-retina> </div>
  555.                 <!-- LAYER NR. 2 -->
  556.                 <div class="tp-caption   tp-resizeme tp-svg-layer"
  557.                      id="slide-83-layer-6"
  558.                      data-x="['left','left','left','left']" data-hoffset="['45','45','20','0']"
  559.                      data-y="['top','top','top','top']" data-voffset="['330','173','132','82']"
  560.                      data-width="60"
  561.                      data-height="60"
  562.                      data-whitespace="nowrap"
  563.                      data-transform_idle="o:1;"
  564.                      data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:150;e:Power1.easeInOut;"
  565.                      data-style_hover="c:rgba(255, 255, 255, 0.75);"
  567.                      data-transform_in="x:20px;opacity:0;s:800;e:Power4.easeOut;"
  568.                      data-transform_out="y:-20px;opacity:0;s:300;e:Power2.easeInOut;"
  569.                      data-start="650"
  570.                      data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-82","delay":""}]'
  571.                      data-svg_src="include/rs-plugin/demos/assets/images/ic_chevron_left_36px.svg"
  572.                      data-svg_idle="sc:transparent;sw:0;sda:0;sdo:0;"
  573.                      data-svg_hover="sc:transparent;sw:0;sda:0;sdo:0;"
  574.                      data-responsive_offset="on"
  577.                      style="z-index: 6; min-width: 60px; max-width: 60px; max-width: 60px; max-width: 60px; color: rgba(255, 255, 255, 1.00);cursor:pointer;"> </div>
  579.                 <!-- LAYER NR. 3 -->
  580.                 <div class="tp-caption   tp-resizeme tp-svg-layer"
  581.                      id="slide-83-layer-7"
  582.                      data-x="['left','left','left','left']" data-hoffset="['84','85','60','40']"
  583.                      data-y="['top','top','top','top']" data-voffset="['330','172','132','82']"
  584.                      data-width="60"
  585.                      data-height="60"
  586.                      data-whitespace="nowrap"
  587.                      data-transform_idle="o:1;"
  588.                      data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:150;e:Power1.easeInOut;"
  589.                      data-style_hover="c:rgba(255, 255, 255, 0.75);"
  591.                      data-transform_in="x:20px;opacity:0;s:800;e:Power4.easeOut;"
  592.                      data-transform_out="y:-20px;opacity:0;s:300;e:Power2.easeInOut;"
  593.                      data-start="700"
  594.                      data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-84","delay":""}]'
  595.                      data-svg_src="include/rs-plugin/demos/assets/images/ic_chevron_right_24px.svg"
  596.                      data-svg_idle="sc:transparent;sw:0;sda:0;sdo:0;"
  597.                      data-svg_hover="sc:transparent;sw:0;sda:0;sdo:0;"
  598.                      data-responsive_offset="on"
  601.                      style="z-index: 7; min-width: 60px; max-width: 60px; max-width: 60px; max-width: 60px; color: rgba(255, 255, 255, 1.00);cursor:pointer;"> </div>
  603.                 <!-- LAYER NR. 4 -->
  604.                 <div class="tp-caption   tp-resizeme"
  605.                      id="slide-83-layer-3"
  606.                      data-x="['left','left','left','left']" data-hoffset="['60','61','41','20']"
  607.                      data-y="['top','top','top','top']" data-voffset="['400','247','190','140']"
  608.                      data-fontsize="['50','50','40','30']"
  609.                      data-lineheight="['50','50','40','30']"
  610.                      data-width="['480','480','400','320']"
  611.                      data-height="none"
  612.                      data-whitespace="normal"
  613.                      data-transform_idle="o:1;"
  615.                      data-transform_in="x:20px;opacity:0;s:800;e:Power4.easeOut;"
  616.                      data-transform_out="y:-20px;opacity:0;s:300;e:Power2.easeInOut;"
  617.                      data-start="750"
  618.                      data-splitin="none"
  619.                      data-splitout="none"
  620.                      data-responsive_offset="on"
  623.                      style="z-index: 8; min-width: 480px; max-width: 480px; white-space: normal; font-size: 50px; line-height: 50px; font-weight: 900; color: rgba(255, 255, 255, 1.00);font-family:Lato;">PROJECT TECHNOLOGICAL ADVANTAGE </div>
  625.                 <!-- LAYER NR. 5 -->
  626.                 <div class="tp-caption   tp-resizeme"
  627.                      id="slide-83-layer-4"
  628.                      data-x="['left','left','left','left']" data-hoffset="['60','62','40','20']"
  629.                      data-y="['top','top','top','top']" data-voffset="['564','408','321','247']"
  630.                      data-width="['480','480','400','320']"
  631.                      data-height="none"
  632.                      data-whitespace="normal"
  633.                      data-transform_idle="o:1;"
  635.                      data-transform_in="x:20px;opacity:0;s:800;e:Power4.easeOut;"
  636.                      data-transform_out="y:-20px;opacity:0;s:300;e:Power2.easeInOut;"
  637.                      data-start="800"
  638.                      data-splitin="none"
  639.                      data-splitout="none"
  640.                      data-responsive_offset="on"
  643.                      style="z-index: 9; min-width: 480px; max-width: 480px; white-space: normal; font-size: 20px; line-height: 25px; font-weight: 700; color: rgba(255, 255, 255, 0.75);font-family:Lato;">Bring to the table win-win survival strategies to ensure proactive domination. </div>
  645.                 <!-- LAYER NR. 6 -->
  646.                 <a class="tp-caption rev-btn  tp-resizeme"
  647.                    href="#" target="_blank"             id="slide-83-layer-5"
  648.                    data-x="['left','left','left','left']" data-hoffset="['60','65','43','20']"
  649.                    data-y="['top','top','top','top']" data-voffset="['649','483','385','337']"
  650.                    data-width="none"
  651.                    data-height="none"
  652.                    data-whitespace="nowrap"
  653.                    data-transform_idle="o:1;"
  654.                    data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:150;e:Power1.easeInOut;"
  655.                    data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(255, 255, 255, 0);bc:rgba(255, 255, 255, 1.00);"
  657.                    data-transform_in="x:20px;opacity:0;s:800;e:Power4.easeOut;"
  658.                    data-transform_out="y:-10px;opacity:0;s:300;e:Power2.easeInOut;"
  659.                    data-start="850"
  660.                    data-splitin="none"
  661.                    data-splitout="none"
  662.                    data-actions=''
  663.                    data-responsive_offset="on"
  666.                    style="z-index: 10; white-space: nowrap; font-size: 16px; line-height: 42px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Lato;background-color:rgba(0, 173, 208, 1.00);padding:0px 28px 0px 28px;border-color:rgba(0, 173, 208, 1.00);border-style:solid;border-width:2px;border-radius:3px 3px 3px 3px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">Visit Project Website </a>
  668.                 <!-- LAYER NR. 7 -->
  669.                 <div class="tp-caption   tp-resizeme tp-svg-layer"
  670.                      id="slide-83-layer-2"
  671.                      data-x="['right','right','right','right']" data-hoffset="['25','20','14','10']"
  672.                      data-y="['top','top','top','top']" data-voffset="['39','34','23','32']"
  673.                      data-width="60"
  674.                      data-height="60"
  675.                      data-whitespace="nowrap"
  676.                      data-transform_idle="o:1;"
  677.                      data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:150;e:Power1.easeInOut;"
  678.                      data-style_hover="c:rgba(255, 255, 255, 0.75);"
  680.                      data-transform_in="y:10px;opacity:0;s:800;e:Power4.easeOut;"
  681.                      data-transform_out="auto:auto;s:500;e:Power2.easeInOut;"
  682.                      data-start="700"
  683.                      data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-80","delay":""}]'
  684.                      data-svg_src="include/rs-plugin/demos/assets/images/ic_close_36px.svg"
  685.                      data-svg_idle="sc:transparent;sw:0;sda:0;sdo:0;"
  686.                      data-svg_hover="sc:transparent;sw:0;sda:0;sdo:0;"
  687.                      data-responsive_offset="on"
  690.                      style="z-index: 11; min-width: 60px; max-width: 60px; max-width: 60px; max-width: 60px; color: rgba(255, 255, 255, 1.00);cursor:pointer;"> </div>
  691.             </li>
  692.             <!-- SLIDE  -->
  693.             <li data-index="rs-84" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="default"  data-rotate="0"  data-saveperformance="off"  data-invisible="true"  data-title="Item 4" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
  694.                 <!-- MAIN IMAGE -->
  695.                 <img src="include/rs-plugin/demos/assets/images/dummy.png"  alt="Image"  data-lazyload="include/rs-plugin/demos/assets/images/transparent.png" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
  696.                 <!-- LAYERS -->
  698.                 <!-- LAYER NR. 1 -->
  699.                 <div class="tp-caption   tp-resizeme"
  700.                      id="slide-84-layer-1"
  701.                      data-x="['left','left','left','center']" data-hoffset="['20','19','20','0']"
  702.                      data-y="['top','top','top','top']" data-voffset="['30','29','24','32']"
  703.                      data-width="none"
  704.                      data-height="none"
  705.                      data-whitespace="nowrap"
  706.                      data-transform_idle="o:1;"
  708.                      data-transform_in="y:20px;opacity:0;s:1000;e:Power4.easeOut;"
  709.                      data-transform_out="auto:auto;s:500;e:Power2.easeInOut;"
  710.                      data-start="500"
  711.                      data-responsive_offset="on"
  714.                      style="z-index: 5;cursor:pointer;"><img src="include/rs-plugin/demos/assets/images/dummy.png" alt="Image" data-ww="['1200px','984px','738px','1200px']" data-hh="['695px','570px','427px','695px']" data-lazyload="include/rs-plugin/demos/assets/images/discover4_detail.jpg" data-no-retina> </div>
  716.                 <!-- LAYER NR. 2 -->
  717.                 <div class="tp-caption   tp-resizeme tp-svg-layer"
  718.                      id="slide-84-layer-6"
  719.                      data-x="['left','left','left','left']" data-hoffset="['45','46','20','0']"
  720.                      data-y="['top','top','top','top']" data-voffset="['330','150','93','82']"
  721.                      data-width="60"
  722.                      data-height="60"
  723.                      data-whitespace="nowrap"
  724.                      data-transform_idle="o:1;"
  725.                      data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:150;e:Power1.easeInOut;"
  726.                      data-style_hover="c:rgba(255, 255, 255, 0.75);"
  728.                      data-transform_in="x:20px;opacity:0;s:800;e:Power4.easeOut;"
  729.                      data-transform_out="y:-20px;opacity:0;s:300;e:Power2.easeInOut;"
  730.                      data-start="650"
  731.                      data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-83","delay":""}]'
  732.                      data-svg_src="include/rs-plugin/demos/assets/images/ic_chevron_left_36px.svg"
  733.                      data-svg_idle="sc:transparent;sw:0;sda:0;sdo:0;"
  734.                      data-svg_hover="sc:transparent;sw:0;sda:0;sdo:0;"
  735.                      data-responsive_offset="on"
  738.                      style="z-index: 6; min-width: 60px; max-width: 60px; max-width: 60px; max-width: 60px; color: rgba(255, 255, 255, 1.00);cursor:pointer;"> </div>
  740.                 <!-- LAYER NR. 3 -->
  741.                 <div class="tp-caption   tp-resizeme tp-svg-layer"
  742.                      id="slide-84-layer-7"
  743.                      data-x="['left','left','left','left']" data-hoffset="['84','84','62','40']"
  744.                      data-y="['top','top','top','top']" data-voffset="['330','149','92','82']"
  745.                      data-width="60"
  746.                      data-height="60"
  747.                      data-whitespace="nowrap"
  748.                      data-transform_idle="o:1;"
  749.                      data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:150;e:Power1.easeInOut;"
  750.                      data-style_hover="c:rgba(255, 255, 255, 0.75);"
  752.                      data-transform_in="x:20px;opacity:0;s:800;e:Power4.easeOut;"
  753.                      data-transform_out="y:-20px;opacity:0;s:300;e:Power2.easeInOut;"
  754.                      data-start="700"
  755.                      data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-81","delay":""}]'
  756.                      data-svg_src="include/rs-plugin/demos/assets/images/ic_chevron_right_24px.svg"
  757.                      data-svg_idle="sc:transparent;sw:0;sda:0;sdo:0;"
  758.                      data-svg_hover="sc:transparent;sw:0;sda:0;sdo:0;"
  759.                      data-responsive_offset="on"
  762.                      style="z-index: 7; min-width: 60px; max-width: 60px; max-width: 60px; max-width: 60px; color: rgba(255, 255, 255, 1.00);cursor:pointer;"> </div>
  764.                 <!-- LAYER NR. 4 -->
  765.                 <div class="tp-caption   tp-resizeme"
  766.                      id="slide-84-layer-3"
  767.                      data-x="['left','left','left','left']" data-hoffset="['60','63','40','20']"
  768.                      data-y="['top','top','top','top']" data-voffset="['400','218','154','150']"
  769.                      data-fontsize="['50','50','40','30']"
  770.                      data-lineheight="['50','50','40','30']"
  771.                      data-width="['480','480','400','320']"
  772.                      data-height="none"
  773.                      data-whitespace="normal"
  774.                      data-transform_idle="o:1;"
  776.                      data-transform_in="x:20px;opacity:0;s:800;e:Power4.easeOut;"
  777.                      data-transform_out="y:-20px;opacity:0;s:300;e:Power2.easeInOut;"
  778.                      data-start="750"
  779.                      data-splitin="none"
  780.                      data-splitout="none"
  781.                      data-responsive_offset="on"
  784.                      style="z-index: 8; min-width: 480px; max-width: 480px; white-space: normal; font-size: 50px; line-height: 50px; font-weight: 900; color: rgba(255, 255, 255, 1.00);font-family:Lato;">PROJECT NATURAL EXPLORATION </div>
  786.                 <!-- LAYER NR. 5 -->
  787.                 <div class="tp-caption   tp-resizeme"
  788.                      id="slide-84-layer-4"
  789.                      data-x="['left','left','left','left']" data-hoffset="['60','62','41','20']"
  790.                      data-y="['top','top','top','top']" data-voffset="['514','324','250','217']"
  791.                      data-width="['480','480','400','320']"
  792.                      data-height="none"
  793.                      data-whitespace="normal"
  794.                      data-transform_idle="o:1;"
  796.                      data-transform_in="x:20px;opacity:0;s:800;e:Power4.easeOut;"
  797.                      data-transform_out="y:-20px;opacity:0;s:300;e:Power2.easeInOut;"
  798.                      data-start="800"
  799.                      data-splitin="none"
  800.                      data-splitout="none"
  801.                      data-responsive_offset="on"
  804.                      style="z-index: 9; min-width: 480px; max-width: 480px; white-space: normal; font-size: 20px; line-height: 25px; font-weight: 700; color: rgba(255, 255, 255, 0.75);font-family:Lato;">Bring to the table win-win survival strategies to ensure proactive domination. </div>
  806.                 <!-- LAYER NR. 6 -->
  807.                 <a class="tp-caption rev-btn  tp-resizeme"
  808.                    href="#" target="_blank"             id="slide-84-layer-5"
  809.                    data-x="['left','left','left','left']" data-hoffset="['60','62','41','20']"
  810.                    data-y="['top','top','top','top']" data-voffset="['599','392','318','307']"
  811.                    data-width="none"
  812.                    data-height="none"
  813.                    data-whitespace="nowrap"
  814.                    data-transform_idle="o:1;"
  815.                    data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:150;e:Power1.easeInOut;"
  816.                    data-style_hover="c:rgba(255, 255, 255, 1.00);bg:rgba(255, 255, 255, 0);bc:rgba(255, 255, 255, 1.00);"
  818.                    data-transform_in="x:20px;opacity:0;s:800;e:Power4.easeOut;"
  819.                    data-transform_out="y:-10px;opacity:0;s:300;e:Power2.easeInOut;"
  820.                    data-start="850"
  821.                    data-splitin="none"
  822.                    data-splitout="none"
  823.                    data-actions=''
  824.                    data-responsive_offset="on"
  827.                    style="z-index: 10; white-space: nowrap; font-size: 16px; line-height: 42px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Lato;background-color:rgba(0, 173, 208, 1.00);padding:0px 28px 0px 28px;border-color:rgba(0, 173, 208, 1.00);border-style:solid;border-width:2px;border-radius:3px 3px 3px 3px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">Visit Project Website </a>
  829.                 <!-- LAYER NR. 7 -->
  830.                 <div class="tp-caption   tp-resizeme tp-svg-layer"
  831.                      id="slide-84-layer-2"
  832.                      data-x="['right','right','right','right']" data-hoffset="['26','21','16','10']"
  833.                      data-y="['top','top','top','top']" data-voffset="['38','30','19','32']"
  834.                      data-width="60"
  835.                      data-height="60"
  836.                      data-whitespace="nowrap"
  837.                      data-transform_idle="o:1;"
  838.                      data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:150;e:Power1.easeInOut;"
  839.                      data-style_hover="c:rgba(255, 255, 255, 0.75);"
  841.                      data-transform_in="y:10px;opacity:0;s:800;e:Power4.easeOut;"
  842.                      data-transform_out="auto:auto;s:500;e:Power2.easeInOut;"
  843.                      data-start="700"
  844.                      data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-80","delay":""}]'
  845.                      data-svg_src="include/rs-plugin/demos/assets/images/ic_close_36px.svg"
  846.                      data-svg_idle="sc:transparent;sw:0;sda:0;sdo:0;"
  847.                      data-svg_hover="sc:transparent;sw:0;sda:0;sdo:0;"
  848.                      data-responsive_offset="on"
  851.                      style="z-index: 11; min-width: 60px; max-width: 60px; max-width: 60px; max-width: 60px; color: rgba(255, 255, 255, 1.00);cursor:pointer;"> </div>
  852.             </li>
  853.         </ul>
  854.         <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
  855.     </div>
  856. </div><!-- END REVOLUTION SLIDER -->